feat(esl-panel): add jsx tag shape

src/modules/esl-panel/core.ts

@@ -1,2 +1,5 @@
+export type {ESLPanelShape} from './core/esl-panel.shape';
+export type {ESLPanelGroupShape} from './core/esl-panel-group.shape';
+
 export * from './core/esl-panel';
 export * from './core/esl-panel-group';

src/modules/esl-panel/core/esl-panel-group.shape.ts

@@ -0,0 +1,26 @@
+/**
+ * Tag declaration interface of {@link ESLPanelGroup} element
+ * Used for JSX declaration
+ */
+export interface ESLPanelGroupShape {
+  /**
+   * Define rendering mode of the component (takes values from the list of supported modes; 'accordion' by default)
+   * Supported values: `accordion|tabs|open`
+   */
+  'mode'?: string;
+
+  /** Define element {@link TraversingQuery} selector to add class that identifies the rendering mode (ESLPanelGroup itself by default) */
+  'mode-cls-target'?: string;
+
+  /** Define class(es) to be added during animation ('animate' by default) */
+  'animation-class'?: string;
+
+  /** Define time to clear animation common params (max-height style + classes) ('auto' by default) */
+  'fallback-duration'?: string | number;
+
+  /** Define a list of comma-separated "modes" to disable collapse/expand animation (for both Group and Panel animations)*/
+  'no-collapse'?: string;
+
+  /** Allowed children */
+  children: any[];
+}

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

@@ -0,0 +1,17 @@
+import type {ESLToggleableShape} from '../../esl-toggleable/core/esl-toggleable.shape';
+
+/**
+ * Tag declaration interface of {@link ESLPanel} element
+ * Used for JSX declaration
+ */
+export interface ESLPanelShape extends ESLToggleableShape {
+  /** Define class(es) to be added for active state ('open' by default) */
+  'active-class'?: string;
+  /** Define class(es) to be added during animation ('animate' by default) */
+  'animate-class'?: string;
+  /** Define class(es) to be added during animation after next render ('post-animate' by default) */
+  'post-animate-class'?: string;
+
+  /** Define time to clear animation common params (max-height style + classes) ('auto' by default) */
+  'fallback-duration'?: string | number;
+}