@seeqdev/qomponents 0.0.209 → 0.0.215

package/dist/src/Accordion/Accordion.d.ts

@@ -1,4 +1,7 @@
-import React from 'react';
-import { AccordionProps } from './Accordion.types';
+import { AccordionProps } from "./Accordion.types.js";
+import React from "react";
+
+//#region src/Accordion/Accordion.d.ts
 declare const Accordion: React.FunctionComponent<AccordionProps>;
-export default Accordion;
+//#endregion
+export { Accordion as default };

package/dist/src/Accordion/Accordion.types.d.ts

@@ -1,86 +1,89 @@
-import React from 'react';
-export interface AccordionProps {
-    /**
-     * Additional CSS classes to apply to the accordion container.
-     * Use this to customize the styling of the entire accordion component.
-     */
-    extraClassNames?: string;
-    /**
-     * The value of the accordion item that should be expanded by default when the component first renders.
-     * Only used when the accordion is in uncontrolled mode (when you don't manage the state externally).
-     * Should match the `value` of one of the items in `accordionItems`.
-     */
-    defaultValue?: string;
-    /**
-     * The value of the currently selected/expanded accordion item.
-     * This should match the `value` property of one of the items in `accordionItems`.
-     * Use this when you want to control which item is expanded from a parent component.
-     */
-    value: string;
-    /**
-     * When true, disables the entire accordion component, preventing any user interaction.
-     * Individual items can still be disabled independently using their own `disabled` property.
-     */
-    disabled?: boolean;
-    /**
-     * Array of accordion items to render. Each item represents a collapsible section
-     * with a clickable header (trigger) and expandable content area.
-     */
-    accordionItems: AccordionItem[];
-    /**
-     * Test ID attribute for the accordion container element.
-     * Used for automated testing and element selection in test suites.
-     */
-    testId?: string;
-    /**
-     * Callback function triggered when a user clicks on an accordion item header.
-     * Receives the `value` of the selected item as a parameter.
-     * Use this to handle accordion state changes and update the `value` prop accordingly.
-     */
-    onItemSelect: (key: string) => void;
+import React from "react";
+
+//#region src/Accordion/Accordion.types.d.ts
+interface AccordionProps {
+  /**
+   * Additional CSS classes to apply to the accordion container.
+   * Use this to customize the styling of the entire accordion component.
+   */
+  extraClassNames?: string;
+  /**
+   * The value of the accordion item that should be expanded by default when the component first renders.
+   * Only used when the accordion is in uncontrolled mode (when you don't manage the state externally).
+   * Should match the `value` of one of the items in `accordionItems`.
+   */
+  defaultValue?: string;
+  /**
+   * The value of the currently selected/expanded accordion item.
+   * This should match the `value` property of one of the items in `accordionItems`.
+   * Use this when you want to control which item is expanded from a parent component.
+   */
+  value: string;
+  /**
+   * When true, disables the entire accordion component, preventing any user interaction.
+   * Individual items can still be disabled independently using their own `disabled` property.
+   */
+  disabled?: boolean;
+  /**
+   * Array of accordion items to render. Each item represents a collapsible section
+   * with a clickable header (trigger) and expandable content area.
+   */
+  accordionItems: AccordionItem[];
+  /**
+   * Test ID attribute for the accordion container element.
+   * Used for automated testing and element selection in test suites.
+   */
+  testId?: string;
+  /**
+   * Callback function triggered when a user clicks on an accordion item header.
+   * Receives the `value` of the selected item as a parameter.
+   * Use this to handle accordion state changes and update the `value` prop accordingly.
+   */
+  onItemSelect: (key: string) => void;
 }
 interface AccordionItem {
-    /**
-     * Unique identifier for the accordion item.
-     * This value is used to determine which item is currently expanded and
-     * is passed to the `onItemSelect` callback when the item is clicked.
-     */
-    value: string;
-    /**
-     * The content displayed in the clickable header/trigger area of the accordion item.
-     * This is what users click to expand or collapse the item.
-     * Can be any React element (text, icons, buttons, etc.).
-     */
-    trigger: React.ReactNode;
-    /**
-     * The content displayed when the accordion item is expanded.
-     * This is the collapsible content area that shows/hides when the trigger is clicked.
-     * Can contain any React elements including forms, lists, text, or other components.
-     */
-    content: React.ReactNode;
-    /**
-     * Test ID attribute for this specific accordion item.
-     * Used for automated testing to uniquely identify and interact with this item.
-     * Applied to the item's container element.
-     */
-    itemTestId?: string;
-    /**
-     * HTML ID attribute for the accordion item's container element.
-     * Useful for accessibility, linking, or custom styling via CSS selectors.
-     * Should be unique across the entire page.
-     */
-    id?: string;
-    /**
-     * When true, disables this specific accordion item, preventing user interaction.
-     * The item will appear visually disabled and clicking on it will have no effect.
-     * This overrides the parent accordion's disabled state for this individual item.
-     */
-    disabled?: boolean;
-    /**
-     * Additional CSS classes to apply specifically to this item's content area.
-     * Use this to customize the styling of the expandable content section.
-     * Does not affect the trigger/header styling.
-     */
-    contentClassNames?: string;
+  /**
+   * Unique identifier for the accordion item.
+   * This value is used to determine which item is currently expanded and
+   * is passed to the `onItemSelect` callback when the item is clicked.
+   */
+  value: string;
+  /**
+   * The content displayed in the clickable header/trigger area of the accordion item.
+   * This is what users click to expand or collapse the item.
+   * Can be any React element (text, icons, buttons, etc.).
+   */
+  trigger: React.ReactNode;
+  /**
+   * The content displayed when the accordion item is expanded.
+   * This is the collapsible content area that shows/hides when the trigger is clicked.
+   * Can contain any React elements including forms, lists, text, or other components.
+   */
+  content: React.ReactNode;
+  /**
+   * Test ID attribute for this specific accordion item.
+   * Used for automated testing to uniquely identify and interact with this item.
+   * Applied to the item's container element.
+   */
+  itemTestId?: string;
+  /**
+   * HTML ID attribute for the accordion item's container element.
+   * Useful for accessibility, linking, or custom styling via CSS selectors.
+   * Should be unique across the entire page.
+   */
+  id?: string;
+  /**
+   * When true, disables this specific accordion item, preventing user interaction.
+   * The item will appear visually disabled and clicking on it will have no effect.
+   * This overrides the parent accordion's disabled state for this individual item.
+   */
+  disabled?: boolean;
+  /**
+   * Additional CSS classes to apply specifically to this item's content area.
+   * Use this to customize the styling of the expandable content section.
+   * Does not affect the trigger/header styling.
+   */
+  contentClassNames?: string;
 }
-export {};
+//#endregion
+export { AccordionProps };

package/dist/src/Accordion/index.d.ts

@@ -1 +1,2 @@
-export { default } from './Accordion';
+import Accordion from "./Accordion.js";
+export { Accordion as default };

package/dist/src/Alert/Alert.d.ts

@@ -1,6 +1,11 @@
-import React from 'react';
-import { AlertProps } from './Alert.types';
+import { AlertProps } from "./Alert.types.js";
+import React from "react";
+
+//#region src/Alert/Alert.d.ts
+
 /**
  * Alert.
  */
-export declare const Alert: React.FunctionComponent<AlertProps>;
+declare const Alert: React.FunctionComponent<AlertProps>;
+//#endregion
+export { Alert };

package/dist/src/Alert/Alert.types.d.ts

@@ -1,62 +1,65 @@
-import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
+import { TooltipComponentProps } from "../Tooltip/Tooltip.types.js";
+
+//#region src/Alert/Alert.types.d.ts
 interface Props {
-    /**
-     * The content to be displayed inside the alert message.
-     * Can include text, icons, buttons, or any other React elements.
-     * This is the main message or information you want to communicate to the user.
-     */
-    children: React.ReactNode;
-    /**
-     * When true, displays a close button (X icon) that allows users to dismiss the alert.
-     * When false, the alert cannot be closed by the user and must be controlled programmatically.
-     * @default true
-     */
-    dismissible?: boolean;
-    /**
-     * Callback function triggered when the user clicks the close button to dismiss the alert.
-     * Only relevant when `dismissible` is true. Use this to handle alert dismissal logic,
-     * such as updating state to hide the alert or performing cleanup actions.
-     */
-    onClose?: () => void;
-    /**
-     * Controls the visibility of the alert component.
-     * When false, the alert is completely hidden from the UI.
-     * Use this for programmatic control of when alerts should appear or disappear.
-     * @default true
-     */
-    show?: boolean;
-    /**
-     * The visual style variant of the alert, which determines its appearance and color scheme:
-     * - `danger`: Red styling for error messages or critical warnings
-     * - `warning`: Yellow/orange styling for caution messages
-     * - `gray`: Neutral gray styling for general information
-     * - `theme`: Uses the current theme colors for contextual information
-     */
-    variant: 'danger' | 'theme' | 'warning' | 'gray' | 'formulaError';
-    /**
-     * Test ID attribute for the alert container element.
-     * Used for automated testing and element selection in test suites.
-     * Also used as a prefix for the close button's test ID when dismissible.
-     * @default 'alert-id'
-     */
-    testId?: string;
-    /**
-     * HTML ID attribute for the alert container element.
-     * Should be unique across the entire page for proper HTML semantics.
-     * Useful for accessibility, linking, or custom styling via CSS selectors.
-     */
-    id?: string;
-    /**
-     * Additional CSS classes to apply to the alert container.
-     * Use this to customize the alert's appearance beyond the built-in variants.
-     * Classes are combined with the component's default styling.
-     */
-    extraClassNames?: string;
+  /**
+   * The content to be displayed inside the alert message.
+   * Can include text, icons, buttons, or any other React elements.
+   * This is the main message or information you want to communicate to the user.
+   */
+  children: React.ReactNode;
+  /**
+   * When true, displays a close button (X icon) that allows users to dismiss the alert.
+   * When false, the alert cannot be closed by the user and must be controlled programmatically.
+   * @default true
+   */
+  dismissible?: boolean;
+  /**
+   * Callback function triggered when the user clicks the close button to dismiss the alert.
+   * Only relevant when `dismissible` is true. Use this to handle alert dismissal logic,
+   * such as updating state to hide the alert or performing cleanup actions.
+   */
+  onClose?: () => void;
+  /**
+   * Controls the visibility of the alert component.
+   * When false, the alert is completely hidden from the UI.
+   * Use this for programmatic control of when alerts should appear or disappear.
+   * @default true
+   */
+  show?: boolean;
+  /**
+   * The visual style variant of the alert, which determines its appearance and color scheme:
+   * - `danger`: Red styling for error messages or critical warnings
+   * - `warning`: Yellow/orange styling for caution messages
+   * - `gray`: Neutral gray styling for general information
+   * - `theme`: Uses the current theme colors for contextual information
+   */
+  variant: 'danger' | 'theme' | 'warning' | 'gray' | 'formulaError';
+  /**
+   * Test ID attribute for the alert container element.
+   * Used for automated testing and element selection in test suites.
+   * Also used as a prefix for the close button's test ID when dismissible.
+   * @default 'alert-id'
+   */
+  testId?: string;
+  /**
+   * HTML ID attribute for the alert container element.
+   * Should be unique across the entire page for proper HTML semantics.
+   * Useful for accessibility, linking, or custom styling via CSS selectors.
+   */
+  id?: string;
+  /**
+   * Additional CSS classes to apply to the alert container.
+   * Use this to customize the alert's appearance beyond the built-in variants.
+   * Classes are combined with the component's default styling.
+   */
+  extraClassNames?: string;
 }
 /**
  * Combined props for the Alert component.
  * Includes all Alert-specific properties plus tooltip functionality
  * inherited from TooltipComponentProps for enhanced user interaction.
  */
-export type AlertProps = Props & TooltipComponentProps;
-export {};
+type AlertProps = Props & TooltipComponentProps;
+//#endregion
+export { AlertProps };

package/dist/src/Alert/index.d.ts

@@ -1 +1,2 @@
-export { Alert as default } from './Alert';
+import { Alert } from "./Alert.js";
+export { Alert as default };

package/dist/src/Button/Button.d.ts

@@ -1,5 +1,7 @@
-import React from 'react';
-import { ButtonProps } from './Button.types';
+import { ButtonProps } from "./Button.types.js";
+import React from "react";
+
+//#region src/Button/Button.d.ts
 type ButtonComponentProps = ButtonProps & React.RefAttributes<HTMLButtonElement>;
 /**
  * All-in-one Button:
@@ -7,4 +9,5 @@ type ButtonComponentProps = ButtonProps & React.RefAttributes<HTMLButtonElement>
  *  - include tooltips and/or icons
  */
 declare const Button: React.FunctionComponent<ButtonComponentProps>;
-export default Button;
+//#endregion
+export { Button as default };