@seeqdev/qomponents 0.0.157 → 0.0.158

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

@@ -0,0 +1,233 @@
+/// <reference types="react" />
+import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
+/**
+ * Interface for sub-menu items that appear in nested dropdown menus.
+ * Used to create hierarchical menu structures within dropdown items.
+ */
+interface DropdownSubItem {
+    /**
+     * Icon class name to display next to the sub-item label.
+     * Typically uses FontAwesome classes (e.g., 'fc-zoom', 'fc-delete').
+     * Optional visual enhancement for better user recognition.
+     */
+    iconClass?: string;
+    /**
+     * Text label for the dropdown sub-item.
+     * This is the clickable text that users will see and interact with.
+     */
+    label: string;
+    /**
+     * Callback function triggered when the sub-item is clicked.
+     * Use this to define the action that should occur when users select this sub-item.
+     */
+    onClick?: (e?: Event) => void;
+    /**
+     * When true, disables the sub-item preventing user interaction.
+     * Disabled items appear visually dimmed and don't respond to clicks.
+     */
+    disabled?: boolean;
+    /**
+     * Tooltip text to display when hovering over the sub-item.
+     * Provides additional context or information about the sub-item's action.
+     */
+    tooltip?: string;
+}
+/**
+ * Interface for main dropdown menu items that can contain sub-menus.
+ * Extends TooltipComponentProps for enhanced tooltip functionality.
+ */
+interface DropdownItems extends TooltipComponentProps {
+    /**
+     * HTML ID attribute for the dropdown item element.
+     * Should be unique for proper HTML semantics and accessibility.
+     */
+    id?: string;
+    /**
+     * Icon class name to display next to the item label.
+     * Typically uses Seeq or FontAwesome classes for consistent visual styling.
+     */
+    icon?: string;
+    /**
+     * Type/style of the icon that determines its rendering and colors.
+     * Common values include 'theme', 'text', 'color' based on the Icon component.
+     */
+    iconType?: string;
+    /**
+     * Custom color for the icon when using color-type icons.
+     * Can be any valid CSS color value (hex, rgb, color names).
+     */
+    iconColor?: string;
+    /**
+     * Custom HTML ID attribute specifically for the icon element.
+     * Useful for targeting the icon separately from the item container.
+     */
+    iconCustomId?: string;
+    /**
+     * Additional CSS classes to apply to the icon element.
+     * Use this to customize icon appearance beyond standard styling.
+     */
+    iconExtraClassNames?: string;
+    /**
+     * Content to display as the item label.
+     * Can be simple text or any React element for rich content like formatted text or badges.
+     */
+    label: string | React.ReactNode;
+    /**
+     * Custom HTML ID attribute specifically for the label element.
+     * Useful for accessibility or when you need to target the label separately.
+     */
+    labelCustomId?: string;
+    /**
+     * When true, treats this item as a non-interactive label/header.
+     * Label items typically appear different visually and don't trigger onClick events.
+     */
+    isLabel?: boolean;
+    /**
+     * Callback function triggered when the dropdown item is clicked.
+     * Required for interactive items. Use this to define the primary action for the item.
+     */
+    onClick: (e?: Event) => void;
+    /**
+     * Additional CSS classes to apply to the label element.
+     * Use this to customize label appearance, typography, or spacing.
+     */
+    labelClasses?: string;
+    /**
+     * When true, disables this dropdown item preventing user interaction.
+     * Disabled items appear visually dimmed and don't respond to clicks.
+     */
+    disabled?: boolean;
+    /**
+     * Custom HTML ID attribute for the entire dropdown item container.
+     * Useful for unique identification and accessibility purposes.
+     */
+    itemCustomId?: string;
+    /**
+     * Additional CSS classes to apply to the dropdown item container.
+     * Use this to customize item appearance, spacing, or hover effects.
+     */
+    itemExtraClassNames?: string;
+    /**
+     * Test ID attribute for the label element used in automated testing.
+     * Helps identify and interact with specific dropdown item labels in tests.
+     */
+    labelTestId?: string;
+    /**
+     * Test ID attribute for the icon element used in automated testing.
+     * Helps identify and interact with specific dropdown item icons in tests.
+     */
+    iconTestId?: string;
+    /**
+     * When true, displays a visual divider line below this dropdown item.
+     * Useful for grouping related items or separating different sections of the menu.
+     */
+    hasDivider?: boolean;
+    /**
+     * Test ID attribute for the dropdown item container used in automated testing.
+     * Helps identify and interact with specific dropdown items in test suites.
+     */
+    testId?: string;
+    /**
+     * Array of sub-menu items that appear when this item is hovered or clicked.
+     * Creates hierarchical dropdown menus for organizing related actions.
+     */
+    subMenuItems?: DropdownSubItem[];
+}
+/**
+ * Props for the ButtonWithDropdown component that creates a button with an attached dropdown menu.
+ * Extends TooltipComponentProps to support tooltip functionality on the trigger button.
+ */
+export interface ButtonWithDropdownProps extends TooltipComponentProps {
+    /**
+     * Array of items to display in the dropdown menu.
+     * Each item can be interactive (with onClick) or decorative (labels/dividers).
+     * Items can also contain sub-menus for hierarchical organization.
+     */
+    dropdownItems: DropdownItems[];
+    /**
+     * React element to use as the clickable trigger button.
+     * Typically an icon, text, or button element that users click to open the dropdown.
+     */
+    triggerIcon: React.ReactNode;
+    /**
+     * HTML ID attribute for the dropdown trigger element.
+     * Should be unique across the page for proper HTML semantics and accessibility.
+     */
+    id?: string;
+    /**
+     * Additional CSS classes to apply to the dropdown trigger button.
+     * Use this to customize the trigger's appearance beyond default styling.
+     */
+    extraClassNames?: string;
+    /**
+     * Test ID attribute for the dropdown container element used in automated testing.
+     * Applied to the main container that wraps both trigger and dropdown content.
+     */
+    containerTestId?: string;
+    /**
+     * Additional CSS classes to apply to the dropdown content container.
+     * Use this to customize the dropdown menu's appearance, spacing, or styling.
+     */
+    contentExtraClassNames?: string;
+    /**
+     * When true, disables the dropdown trigger preventing user interaction.
+     * Disabled triggers appear visually dimmed and don't open the dropdown when clicked.
+     */
+    disabled?: boolean;
+    /**
+     * Horizontal alignment of the dropdown content relative to the trigger:
+     * - `start`: Aligns to the left edge of the trigger
+     * - `center`: Centers the dropdown on the trigger
+     * - `end`: Aligns to the right edge of the trigger
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Numeric offset in pixels from the aligned position.
+     * Positive values move the dropdown further from the trigger in the align direction.
+     */
+    alignOffset?: number;
+    /**
+     * Position of the dropdown relative to the trigger element:
+     * - `top`: Dropdown appears above the trigger
+     * - `bottom`: Dropdown appears below the trigger
+     * - `left`: Dropdown appears to the left of the trigger
+     * - `right`: Dropdown appears to the right of the trigger
+     */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * Numeric offset in pixels from the placement position.
+     * Positive values move the dropdown further away from the trigger.
+     */
+    placementOffset?: number;
+    /**
+     * When true, displays a visual arrow pointing from the dropdown to the trigger.
+     * Helps users understand the relationship between trigger and dropdown content.
+     */
+    hasArrow?: boolean;
+    /**
+     * Controls whether the dropdown is currently open and visible.
+     * Use this for controlled dropdown behavior where you manage open state externally.
+     */
+    isOpen?: boolean;
+    /**
+     * Callback function triggered when the dropdown open state changes.
+     * Receives the new open state as a boolean parameter. Use this to sync with external state.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * When true, automatically focuses the trigger button when the dropdown closes.
+     * Improves keyboard navigation and accessibility by returning focus to the trigger.
+     */
+    setFocusOnTriggerOnClose?: boolean;
+    /**
+     * When true, traps keyboard focus within the dropdown when it's open.
+     * Prevents users from tabbing outside the dropdown, improving accessibility.
+     */
+    keepFocusInsideDropdown?: boolean;
+    /**
+     * Callback function triggered when the dropdown container is clicked.
+     * Receives the click event. Use this for handling container-level interactions.
+     */
+    onContainerClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+export {};

package/dist/{ButtonWithDropdown → src/ButtonWithDropdown}/index.d.ts

@@ -1 +1 @@
-export { default } from './ButtonWithDropdown';
+export { default } from './ButtonWithDropdown';

package/dist/{ButtonWithPopover → src/ButtonWithPopover}/ButtonWithPopover.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { ButtonWithPopoverProps } from './ButtonWithPopover.types';
-declare const ButtonWithPopover: React.FunctionComponent<ButtonWithPopoverProps>;
-export default ButtonWithPopover;
+import * as React from 'react';
+import { ButtonWithPopoverProps } from './ButtonWithPopover.types';
+declare const ButtonWithPopover: React.FunctionComponent<ButtonWithPopoverProps>;
+export default ButtonWithPopover;

package/dist/src/ButtonWithPopover/ButtonWithPopover.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllButtonWithPopoverVariants: () => import("react/jsx-runtime").JSX.Element;

package/dist/{ButtonWithPopover → src/ButtonWithPopover}/ButtonWithPopover.test.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';

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

@@ -0,0 +1,134 @@
+import React from 'react';
+import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
+/**
+ * Props for the ButtonWithPopover component that creates a button with an attached popover.
+ * Extends TooltipComponentProps to support tooltip functionality on the trigger button.
+ */
+export interface ButtonWithPopoverProps extends TooltipComponentProps {
+    /**
+     * React element to use as the clickable trigger for the popover.
+     * Can be an icon, text, button, or any interactive element that users click to open the popover.
+     */
+    trigger?: React.ReactNode;
+    /**
+     * Content to display inside the popover when it's open.
+     * Can be any React elements including forms, lists, complex layouts, or interactive components.
+     */
+    children: React.ReactNode;
+    /**
+     * HTML ID attribute for the popover trigger element.
+     * Should be unique across the page for proper HTML semantics and accessibility.
+     */
+    id?: string;
+    /**
+     * Test ID attribute for the popover container element used in automated testing.
+     * Applied to the main container that wraps both trigger and popover content.
+     */
+    containerTestId?: string;
+    /**
+     * When true, disables the popover trigger preventing user interaction.
+     * Disabled triggers appear visually dimmed and don't open the popover when clicked.
+     */
+    disabled?: boolean;
+    /**
+     * Callback function triggered when the trigger is clicked.
+     * Receives the current open state as a parameter. Note: this doesn't control popover opening,
+     * it's mainly for tracking or analytics purposes.
+     */
+    onClick?: (isOpen: boolean) => void;
+    /**
+     * Horizontal alignment of the popover content relative to the trigger:
+     * - `start`: Aligns to the left edge of the trigger
+     * - `center`: Centers the popover on the trigger
+     * - `end`: Aligns to the right edge of the trigger
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Numeric offset in pixels from the aligned position.
+     * Positive values move the popover further from the trigger in the align direction.
+     */
+    alignOffset?: number;
+    /**
+     * Position of the popover relative to the trigger element:
+     * - `top`: Popover appears above the trigger
+     * - `bottom`: Popover appears below the trigger
+     * - `left`: Popover appears to the left of the trigger
+     * - `right`: Popover appears to the right of the trigger
+     */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * Numeric offset in pixels from the placement position.
+     * Positive values move the popover further away from the trigger.
+     */
+    placementOffset?: number;
+    /**
+     * Controls whether the popover is currently open and visible.
+     * Use this for controlled popover behavior where you manage open state externally.
+     */
+    isOpen?: boolean;
+    /**
+     * Callback function triggered when the popover open state changes.
+     * Receives the new open state as a boolean parameter. Use this to sync with external state.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * When true, displays a visual arrow pointing from the popover to the trigger.
+     * Helps users understand the relationship between trigger and popover content.
+     */
+    hasArrow?: boolean;
+    /**
+     * When true, enables the popover to open when hovering over the trigger.
+     * Useful for preview or quick-info popovers that don't require clicking.
+     */
+    isHoverEnabled?: boolean;
+    /**
+     * Delay in milliseconds before the popover opens when hover is enabled.
+     * Prevents accidental popover opening from brief mouse movements.
+     * Only relevant when `isHoverEnabled` is true.
+     */
+    hoverOpenDelay?: number;
+    /**
+     * Additional CSS classes to apply to the trigger container element.
+     * Use this to customize the trigger's appearance beyond default styling.
+     */
+    extraTriggerClassNames?: string;
+    /**
+     * Additional CSS classes to apply to the popover content container.
+     * Use this to customize the popover's appearance, spacing, or styling.
+     */
+    extraPopoverClassNames?: string;
+    /**
+     * When true, automatically closes the popover when any content inside it is clicked.
+     * Useful for action popovers where selecting an option should close the popover.
+     */
+    isCloseOnContentClick?: boolean;
+    /**
+     * Callback function triggered when user interacts outside the popover content.
+     * This includes clicks, taps, and focus events outside the popover area.
+     * Use this to handle outside interactions or implement custom close behavior.
+     */
+    onInteractOutside?: () => void;
+    /**
+     * Callback function triggered when user clicks/taps outside the popover content.
+     * More specific than `onInteractOutside`, focusing only on pointer down events.
+     * Use this for custom outside-click handling.
+     */
+    onPointerDownOutside?: () => void;
+    /**
+     * When true, merges the trigger functionality with the provided trigger element.
+     * Instead of wrapping the trigger in a button, it adds trigger behavior to the element itself.
+     * Useful when the trigger element is already interactive.
+     */
+    isTriggerAsChild?: boolean;
+    /**
+     * When true, makes the trigger button expand to fill the full width of its container.
+     * Useful for layout consistency or when the trigger should span the available space.
+     */
+    shouldTriggerFullWidth?: boolean;
+    /**
+     * When true, renders the popover content in a React portal.
+     * This moves the popover to the end of the document body, which can help with
+     * z-index issues and ensure the popover appears above other content.
+     */
+    isPortal?: boolean;
+}

package/dist/{ButtonWithPopover → src/ButtonWithPopover}/index.d.ts

@@ -1 +1 @@
-export { default } from './ButtonWithPopover';
+export { default } from './ButtonWithPopover';

package/dist/{Carousel → src/Carousel}/Carousel.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { CarouselProps } from './Carousel.types';
-/**
- * Carousel:
- *  - Easily create a carousel with custom slides.
- *  - Supports automatic sliding, navigation arrows, and slide indicators.
- */
-declare const Carousel: React.FunctionComponent<CarouselProps>;
-export default Carousel;
+import React from 'react';
+import { CarouselProps } from './Carousel.types';
+/**
+ * Carousel:
+ *  - Easily create a carousel with custom slides.
+ *  - Supports automatic sliding, navigation arrows, and slide indicators.
+ */
+declare const Carousel: React.FunctionComponent<CarouselProps>;
+export default Carousel;

package/dist/src/Carousel/Carousel.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllCarousels: () => import("react/jsx-runtime").JSX.Element;

package/dist/{Carousel → src/Carousel}/Carousel.test.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';

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

@@ -0,0 +1,86 @@
+/// <reference types="react" />
+/**
+ * Properties for the Carousel component that creates a sliding content viewer.
+ */
+export interface CarouselProps {
+    /**
+     * Test ID attribute for the carousel container used in automated testing.
+     * Applied to the main carousel element for test targeting and interaction.
+     */
+    testId?: string;
+    /**
+     * Additional CSS classes to apply to the carousel container.
+     * Use this to customize the carousel's appearance, spacing, or layout beyond default styling.
+     */
+    extraClassNames?: string;
+    /**
+     * Zero-based index of the currently visible/active slide.
+     * Use this for controlled carousel behavior where you manage the active slide externally.
+     * When not provided, the carousel manages its own internal state.
+     */
+    activeIndex?: number;
+    /**
+     * Callback function triggered when the slide changes due to user interaction or auto-sliding.
+     * Receives the new slide index and the direction of transition.
+     * Use this to sync with external state or implement custom slide change logic.
+     * @param nextSlide - The zero-based index of the slide that will become active
+     * @param direction - The direction of the slide transition ('left' or 'right')
+     */
+    onSlide?: (nextSlide: number, direction: 'left' | 'right') => void;
+    /**
+     * When true, enables automatic slide transitions at regular intervals.
+     * The carousel will continuously advance to the next slide without user interaction.
+     * Useful for image galleries, testimonials, or promotional content.
+     */
+    autoSlide?: boolean;
+    /**
+     * Time interval in milliseconds between automatic slide transitions.
+     * Only relevant when `autoSlide` is true. Controls how long each slide is displayed
+     * before automatically advancing to the next one.
+     * @default 3000
+     */
+    interval?: number;
+    /**
+     * Icon class name for the "next" navigation arrow.
+     * Typically uses FontAwesome classes (e.g., 'fc-chevron-right').
+     * Displayed on the right side to advance to the next slide.
+     */
+    nextIcon?: string;
+    /**
+     * Icon class name for the "previous" navigation arrow.
+     * Typically uses FontAwesome classes (e.g., 'fc-chevron-left').
+     * Displayed on the left side to go back to the previous slide.
+     */
+    prevIcon?: string;
+    /**
+     * Additional CSS classes to apply to both navigation arrow icons.
+     * Use this to customize the size, color, or styling of the arrow icons.
+     */
+    iconExtraClassNames?: string;
+    /**
+     * When true, displays clickable navigation arrows on the left and right sides.
+     * Allows users to manually navigate between slides by clicking the arrows.
+     * @default true
+     */
+    showArrows?: boolean;
+    /**
+     * When true, displays clickable dot indicators at the bottom of the carousel.
+     * Each dot represents a slide and allows direct navigation to any slide.
+     * The active slide's indicator is visually highlighted.
+     * @default true
+     */
+    showIndicators?: boolean;
+    /**
+     * When true, enables continuous looping through slides.
+     * After the last slide, clicking "next" will go to the first slide.
+     * Before the first slide, clicking "previous" will go to the last slide.
+     * @default true
+     */
+    continuous?: boolean;
+    /**
+     * Array of React elements to display as carousel slides.
+     * Each item represents one slide and can contain any content including
+     * images, text, cards, or complex components. The order determines slide sequence.
+     */
+    carouselItems: React.ReactNode[];
+}

package/dist/{Carousel → src/Carousel}/index.d.ts

@@ -1 +1 @@
-export { default } from './Carousel';
+export { default } from './Carousel';

package/dist/{Checkbox → src/Checkbox}/Checkbox.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { CheckboxProps } from './Checkbox.types';
-import '../styles.css';
-/**
- * Checkbox and Radio Box Component.
- */
-export declare const Checkbox: React.FunctionComponent<CheckboxProps>;
+import React from 'react';
+import { CheckboxProps } from './Checkbox.types';
+import '../styles.css';
+/**
+ * Checkbox and Radio Box Component.
+ */
+export declare const Checkbox: React.FunctionComponent<CheckboxProps>;

package/dist/src/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllCheckboxes: () => import("react/jsx-runtime").JSX.Element;

package/dist/{Checkbox → src/Checkbox}/Checkbox.test.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';

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

@@ -0,0 +1,92 @@
+/// <reference types="react" />
+import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
+type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export interface CheckboxProps extends TooltipComponentProps {
+    /**
+     * Additional CSS classes to apply to the checkbox container.
+     * These classes are combined with the component's built-in styling.
+     * Use this to customize the overall appearance of the checkbox wrapper.
+     */
+    extraClassNames?: string;
+    /**
+     * Additional CSS classes to apply specifically to the label element.
+     * Use this to customize the styling of the text label that appears next to the checkbox.
+     * Does not affect the input element itself.
+     */
+    extraLabelClassNames?: string;
+    /**
+     * Determines the type of input control to render:
+     * - `checkbox`: Standard checkbox that can be checked/unchecked independently
+     * - `radio`: Radio button that is typically part of a group where only one can be selected
+     * @default 'checkbox'
+     */
+    type?: 'radio' | 'checkbox';
+    /**
+     * HTML ID attribute for the input element.
+     * Should be unique across the entire page for proper HTML semantics and accessibility.
+     * If not provided, a random ID will be generated automatically.
+     * Used for associating the label with the input for accessibility.
+     */
+    id?: string;
+    /**
+     * Name attribute for the input element, used for form submission and grouping.
+     * For radio buttons, all options in the same group should share the same name.
+     * For checkboxes, this identifies the field when the form is submitted.
+     */
+    name?: string;
+    /**
+     * Controls whether the checkbox/radio button is currently checked.
+     * Use this for controlled components where you manage the state externally.
+     * When provided, the component becomes controlled and you must handle state changes via `onChange`.
+     */
+    checked?: boolean;
+    /**
+     * Sets the initial checked state for uncontrolled components.
+     * Only used when `checked` is not provided (uncontrolled mode).
+     * The component will manage its own state after the initial render.
+     */
+    defaultChecked?: boolean;
+    /**
+     * The value associated with this checkbox/radio button.
+     * This is the value that will be submitted with the form when the input is checked.
+     * For radio buttons, each option in a group should have a unique value.
+     */
+    value?: string | number;
+    /**
+     * The text or content to display as the label next to the checkbox/radio button.
+     * Can be a simple string or any React element for more complex label content.
+     * Clicking on this label will toggle the input due to proper accessibility association.
+     */
+    label?: string | React.ReactNode;
+    /**
+     * Callback function triggered when the checkbox/radio button state changes.
+     * Receives the change event which contains the new checked state and value.
+     * Use this to update your component state when in controlled mode.
+     */
+    onChange?: React.ChangeEventHandler<FormControlElement>;
+    /**
+     * Callback function triggered when a key is pressed while the input has focus.
+     * Useful for implementing custom keyboard navigation or shortcuts.
+     * Receives the keyboard event with details about the pressed key.
+     */
+    onKeyDown?: React.KeyboardEventHandler<FormControlElement>;
+    /**
+     * Callback function triggered when the input element is clicked.
+     * This fires before the onChange event and can be used for additional click handling.
+     * Note that clicking the associated label will also trigger this event.
+     */
+    onClick?: React.MouseEventHandler<FormControlElement>;
+    /**
+     * When true, disables the checkbox/radio button preventing user interaction.
+     * Disabled inputs appear visually dimmed and do not respond to user actions.
+     * The input will not be included in form submissions when disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Test ID attribute for the input element used in automated testing.
+     * Applied to the `data-testid` attribute for element selection in test suites.
+     * Helps identify this specific checkbox/radio button in tests.
+     */
+    testId?: string;
+}
+export {};

package/dist/{Checkbox → src/Checkbox}/index.d.ts

@@ -1 +1 @@
-export { Checkbox as default } from './Checkbox';
+export { Checkbox as default } from './Checkbox';

package/dist/{Collapse → src/Collapse}/Collapse.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { CollapseProps } from './Collapse.types';
-declare const Collapse: React.FunctionComponent<CollapseProps>;
-export default Collapse;
+import React from 'react';
+import { CollapseProps } from './Collapse.types';
+declare const Collapse: React.FunctionComponent<CollapseProps>;
+export default Collapse;

package/dist/src/Collapse/Collapse.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllCollapses: () => import("react/jsx-runtime").JSX.Element;

package/dist/{Collapse → src/Collapse}/Collapse.test.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';