feat(esl-toggleable): add jsx tag shape

src/modules/esl-toggleable/core.ts

@@ -1,2 +1,4 @@
+export type {ESLToggleableShape} from './core/esl-toggleable.shape';
+export type {ESLToggleableDispatcherShape} from './core/esl-toggleable-dispatcher.shape';
 export * from './core/esl-toggleable';
 export * from './core/esl-toggleable-dispatcher';

src/modules/esl-toggleable/core/esl-toggleable-dispatcher.shape.ts

@@ -0,0 +1,8 @@
+/**
+ * Tag declaration interface of {@link ESLToggleableDispatcher} element
+ * Used for JSX declaration
+ */
+export interface ESLToggleableDispatcherShape {
+  /** Allowed children */
+  children: [];
+}

src/modules/esl-toggleable/core/esl-toggleable.shape.ts

@@ -0,0 +1,34 @@
+/**
+ * Tag declaration interface of {@link ESLToggleable} element
+ * Used for JSX declaration
+ */
+export interface ESLToggleableShape {
+  /** Define CSS class to add on the body element */
+  'body-class'?: string;
+  /** Define CSS class to add when the Toggleable is active */
+  'active-class'?: string;
+
+  /** Define Toggleable group meta information to organize groups */
+  'group-name'?: string;
+
+  /** Define selector to mark inner close triggers */
+  'close-trigger'?: string;
+
+  /** Enable close the Toggleable on ESC keyboard event */
+  'close-on-esc'?: boolean;
+  /** Enable close the Toggleable on a click/tap outside */
+  'close-on-outside-action'?: boolean;
+
+  /** Define selector of inner target element to place aria attributes */
+  'a11y-target'?: string;
+
+  /** Define JSON of initial params to pass to show/hide action on the start */
+  'initial-params'?: string | number;
+  /** Define JSON of default params to merge into passed action params */
+  'default-params'?: string | number;
+  /** Define JSON of hover params to pass from track hover listener */
+  'track-hover-params'?: string | number;
+
+  /** Allowed children */
+  children: any[];
+}