@seeqdev/qomponents 0.0.240 → 0.0.241-beta.d822dfdbef.20260722

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

@@ -1,5 +1,5 @@
 import { AccordionProps } from "./Accordion.types.js";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/Accordion/Accordion.d.ts
 declare const Accordion: ({
@@ -10,6 +10,6 @@ declare const Accordion: ({
   disabled,
   extraClassNames,
   testId
-}: AccordionProps) => react_jsx_runtime30.JSX.Element;
+}: AccordionProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { Accordion as default };

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

@@ -54,6 +54,15 @@ type AccordionItem = {
    * Can be any React element (text, icons, buttons, etc.).
    */
   trigger: React.ReactNode;
+  /**
+   * Interactive content (icons, menus, links) shown in the header row beside the trigger.
+   * It renders as a sibling of the trigger button, never inside it, so clicking it does not
+   * toggle the item, and focusable actions get their own tab stop after the trigger — per the
+   * WAI-ARIA accordion pattern (https://www.w3.org/WAI/ARIA/apg/patterns/accordion/).
+   * When omitted, no wrapper is added and the trigger stays a direct child of the item.
+   * The accordion's `disabled` prop is not applied to these elements — disable them yourself.
+   */
+  headerActions?: 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.
@@ -86,4 +95,4 @@ type AccordionItem = {
   contentClassNames?: string;
 };
 //#endregion
-export { AccordionProps };
+export { AccordionItem, AccordionProps };

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

@@ -1,5 +1,5 @@
 import { AlertProps } from "./Alert.types.js";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/Alert/Alert.d.ts
 /**
@@ -15,6 +15,6 @@ declare const Alert: ({
   id,
   extraClassNames,
   ...tooltipProps
-}: AlertProps) => react_jsx_runtime29.JSX.Element;
+}: AlertProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { Alert };

package/dist/src/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { BadgeProps } from "./Badge.types.js";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/Badge/Badge.d.ts
 /**
@@ -10,6 +10,6 @@ declare const Badge: ({
   variant,
   testId,
   extraClassNames
-}: BadgeProps) => react_jsx_runtime27.JSX.Element;
+}: BadgeProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { Badge, Badge as default };

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

@@ -1,5 +1,5 @@
 import { ButtonProps } from "./Button.types.js";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/Button/Button.d.ts
@@ -33,6 +33,6 @@ declare const Button: ({
   tooltipTestId,
   ref,
   ...rest
-}: ButtonComponentProps) => react_jsx_runtime26.JSX.Element;
+}: ButtonComponentProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { Button as default };

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

@@ -1,8 +1,8 @@
 import { ButtonWithDropdownProps } from "./ButtonWithDropdown.types.js";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/ButtonWithDropdown/ButtonWithDropdown.d.ts
-declare const ButtonWithDropdown: (props: ButtonWithDropdownProps) => react_jsx_runtime23.JSX.Element;
+declare const ButtonWithDropdown: (props: ButtonWithDropdownProps) => react_jsx_runtime29.JSX.Element;
 declare const Dropdown: ({
   dropdownItems,
   id,
@@ -19,6 +19,6 @@ declare const Dropdown: ({
   setFocusOnTriggerOnClose,
   keepFocusInsideDropdown,
   onContainerClick
-}: ButtonWithDropdownProps) => react_jsx_runtime23.JSX.Element;
+}: ButtonWithDropdownProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { Dropdown, ButtonWithDropdown as default };

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

@@ -1,5 +1,5 @@
 import { ButtonWithPopoverProps } from "./ButtonWithPopover.types.js";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/ButtonWithPopover/ButtonWithPopover.d.ts
 declare const ButtonWithPopover: ({
@@ -27,6 +27,6 @@ declare const ButtonWithPopover: ({
   isPortal,
   hideWhenDetached,
   ...tooltipProps
-}: ButtonWithPopoverProps) => react_jsx_runtime28.JSX.Element;
+}: ButtonWithPopoverProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { ButtonWithPopover as default };

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

@@ -1,5 +1,5 @@
 import { CarouselProps } from "./Carousel.types.js";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/Carousel/Carousel.d.ts
 
@@ -22,6 +22,6 @@ declare const Carousel: ({
   showArrows,
   iconExtraClassNames,
   carouselItems
-}: CarouselProps) => react_jsx_runtime19.JSX.Element;
+}: CarouselProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { Carousel as default };

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

@@ -1,10 +1,10 @@
 import { CheckboxProps } from "./Checkbox.types.js";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/Checkbox/Checkbox.d.ts
 /**
  * Checkbox and Radio Box Component.
  */
-declare const Checkbox: (props: CheckboxProps) => react_jsx_runtime21.JSX.Element;
+declare const Checkbox: (props: CheckboxProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { Checkbox };

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

@@ -1,10 +1,10 @@
 import { CollapseProps } from "./Collapse.types.js";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/Collapse/Collapse.d.ts
 declare const Collapse: ({
   isVisible,
   children
-}: CollapseProps) => react_jsx_runtime25.JSX.Element;
+}: CollapseProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { Collapse as default };

package/dist/src/ColorPickerControl/ColorPickerControl.d.ts

@@ -1,5 +1,5 @@
 import { ColorPickerControlProps } from "./ColorPickerControl.types.js";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/ColorPickerControl/ColorPickerControl.d.ts
 declare function ColorPickerControl({
@@ -12,6 +12,6 @@ declare function ColorPickerControl({
   id,
   testId,
   onOpen
-}: ColorPickerControlProps): react_jsx_runtime20.JSX.Element;
+}: ColorPickerControlProps): react_jsx_runtime18.JSX.Element;
 //#endregion
 export { ColorPickerControl as default };

package/dist/src/EditorPanel/EditorPanel.d.ts

@@ -1,5 +1,5 @@
 import { EditorPanelProps } from "./EditorPanel.types.js";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/EditorPanel/EditorPanel.d.ts
 declare const EditorPanel: ({
@@ -14,6 +14,6 @@ declare const EditorPanel: ({
   extraClassNames,
   id,
   testId
-}: EditorPanelProps) => react_jsx_runtime18.JSX.Element;
+}: EditorPanelProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { EditorPanel as default };

package/dist/src/ExternalLink/ExternalLink.d.ts

@@ -1,5 +1,5 @@
 import { ExternalLinkProps } from "./ExternalLink.types.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/ExternalLink/ExternalLink.d.ts
 /**
@@ -12,6 +12,6 @@ declare const ExternalLink: ({
   children,
   extraClassNames,
   testId
-}: ExternalLinkProps) => react_jsx_runtime14.JSX.Element;
+}: ExternalLinkProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { ExternalLink, ExternalLink as default };

package/dist/src/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
 import { IconProps } from "./Icon.types.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/Icon/Icon.d.ts
 
@@ -23,6 +23,6 @@ declare const Icon: ({
   customId,
   number,
   ...tooltipProps
-}: IconProps) => react_jsx_runtime17.JSX.Element;
+}: IconProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { Icon as default };

package/dist/src/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,5 +1,5 @@
 import { LoadingIndicatorProps } from "./LoadingIndicator.types.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region src/LoadingIndicator/LoadingIndicator.d.ts
 /**
@@ -19,6 +19,6 @@ declare const LoadingIndicator: ({
   role,
   onClick,
   title
-}: LoadingIndicatorProps) => react_jsx_runtime13.JSX.Element;
+}: LoadingIndicatorProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { LoadingIndicator as default };

package/dist/src/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import { ModalProps } from "./Modal.types.js";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/Modal/Modal.d.ts
 declare const Modal: ({
@@ -44,6 +44,6 @@ declare const Modal: ({
   onPointerDownOutside,
   onInteractOutside,
   ariaDescribedBy
-}: ModalProps) => react_jsx_runtime15.JSX.Element;
+}: ModalProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { Modal as default };

package/dist/src/Paginator/Paginator.d.ts

@@ -1,5 +1,5 @@
 import { PaginatorLabel, PaginatorSize, PaginatorVariant } from "./Paginator.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/Paginator/Paginator.d.ts
 type PaginatorProps = {
@@ -128,7 +128,7 @@ type PaginatorProps = {
 };
 declare const Paginator: ({
   onPageChange,
-  pageCount,
+  'pageCount': pageCountProp,
   pageNumber,
   pageSize,
   onPageSizeChange,
@@ -157,6 +157,6 @@ declare const Paginator: ({
   'containerClassName': containerClassName,
   'aria-label': arialLabel,
   testId
-}: PaginatorProps) => react_jsx_runtime3.JSX.Element;
+}: PaginatorProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { Paginator as default };

package/dist/src/Paginator/Paginator.utilities.d.ts

@@ -2,8 +2,17 @@ import { BuildPaginationItemsArgs, CreateNavButtonClassArgs, NumericOption, Pagi
 
 //#region src/Paginator/Paginator.utilities.d.ts
 
+/**
+ * Normalizes a page count to a safe non-negative integer for rendering pagination controls.
+ */
+declare const normalizePageCount: (pageCount: number) => number;
 /**
  * Builds the ordered list of numbered-page and break items to render for the paginator.
+ *
+ * @param currentPage Current 1-based page number.
+ * @param pageCount Total number of pages, must be a non-negative integer.
+ * @param pageRangeDisplayed Number of pages to show in the middle window.
+ * @param marginPagesDisplayed Number of pages to always show at the beginning and end.
  */
 declare const buildPaginationItems: ({
   currentPage,
@@ -13,6 +22,8 @@ declare const buildPaginationItems: ({
 }: BuildPaginationItemsArgs) => PaginationItem[];
 /**
  * Converts either a page count or a list of numeric values into Select-compatible numeric options.
+ *
+ * @param countOrValues Either an explicit list of numeric values or a normalized non-negative integer count.
  */
 declare const createNumericOptions: (countOrValues: number | number[]) => NumericOption[];
 /**
@@ -28,4 +39,4 @@ declare const createNavButtonClass: (navButtonPaddingClass: string, size: Pagina
  */
 declare const createBreakClass: (navButtonPaddingClass: string) => string;
 //#endregion
-export { buildPaginationItems, createBreakClass, createNavButtonClass, createNumericOptions };
+export { buildPaginationItems, createBreakClass, createNavButtonClass, createNumericOptions, normalizePageCount };

package/dist/src/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,5 @@
 import { ProgressBarProps } from "./ProgressBar.types.js";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/ProgressBar/ProgressBar.d.ts
 declare const ProgressBar: ({
@@ -7,6 +7,6 @@ declare const ProgressBar: ({
   max,
   containerExtraClasses,
   zeroValueLabel
-}: ProgressBarProps) => react_jsx_runtime16.JSX.Element;
+}: ProgressBarProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { ProgressBar as default };

package/dist/src/SeeqActionDropdown/SeeqActionDropdown.d.ts

@@ -1,5 +1,5 @@
 import { SeeqActionDropdownProps } from "./SeeqActionDropdown.types.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/SeeqActionDropdown/SeeqActionDropdown.d.ts
 declare const SeeqActionDropdown: ({
@@ -20,6 +20,6 @@ declare const SeeqActionDropdown: ({
   keepFocusInsideDropdown,
   variant,
   ...tooltipProps
-}: SeeqActionDropdownProps) => react_jsx_runtime7.JSX.Element;
+}: SeeqActionDropdownProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { SeeqActionDropdown as default };

package/dist/src/SeeqActionDropdown/variants.d.ts

@@ -1,9 +1,9 @@
 import { SeeqActionDropdownItems } from "./SeeqActionDropdown.types.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/SeeqActionDropdown/variants.d.ts
-declare const SeeqActionDropdownItem: (item: SeeqActionDropdownItems) => react_jsx_runtime8.JSX.Element;
-declare const ViewWorkbench: (item: SeeqActionDropdownItems) => react_jsx_runtime8.JSX.Element;
-declare const InsertSeeqContent: (item: SeeqActionDropdownItems) => react_jsx_runtime8.JSX.Element;
+declare const SeeqActionDropdownItem: (item: SeeqActionDropdownItems) => react_jsx_runtime4.JSX.Element;
+declare const ViewWorkbench: (item: SeeqActionDropdownItems) => react_jsx_runtime4.JSX.Element;
+declare const InsertSeeqContent: (item: SeeqActionDropdownItems) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { InsertSeeqContent, SeeqActionDropdownItem, ViewWorkbench };

package/dist/src/SegmentedControl/SegmentedControl.d.ts

@@ -1,5 +1,5 @@
 import { SegmentedControlProps } from "./SegmentedControl.types.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/SegmentedControl/SegmentedControl.d.ts
 declare function SegmentedControl<T extends string | number | boolean>({
@@ -10,6 +10,6 @@ declare function SegmentedControl<T extends string | number | boolean>({
   id,
   testId,
   ariaLabel
-}: SegmentedControlProps<T>): react_jsx_runtime4.JSX.Element;
+}: SegmentedControlProps<T>): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { SegmentedControl as default };

package/dist/src/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import { SelectProps } from "./Select.types.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { MultiValue as MultiValue$1, SingleValue as SingleValue$1 } from "react-select";
 
 //#region src/Select/Select.d.ts
@@ -50,6 +50,6 @@ declare const Select: ({
   onInputChange,
   inputValue,
   onMenuScrollToBottom
-}: SelectProps) => react_jsx_runtime6.JSX.Element;
+}: SelectProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { MultiValue, SingleValue, Select as default };

package/dist/src/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import { SliderProps } from "./Slider.types.js";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/Slider/Slider.d.ts
 /**
@@ -20,6 +20,6 @@ declare const Slider: ({
   min,
   max,
   maxAccessible
-}: SliderProps) => react_jsx_runtime5.JSX.Element;
+}: SliderProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { Slider };

package/dist/src/SvgIcon/SvgIcon.d.ts

@@ -1,5 +1,5 @@
 import { SvgIconProps } from "./SvgIcon.types.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/SvgIcon/SvgIcon.d.ts
 
@@ -29,6 +29,6 @@ declare const SvgIcon: ({
   testId,
   customId,
   ...tooltipProps
-}: SvgIconProps) => react_jsx_runtime12.JSX.Element;
+}: SvgIconProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { SvgIcon as default };

package/dist/src/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { TabsProps } from "./Tabs.types.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/Tabs/Tabs.d.ts
 declare const Tabs: ({
@@ -11,6 +11,6 @@ declare const Tabs: ({
   testId,
   id,
   stretchTabs
-}: TabsProps) => react_jsx_runtime11.JSX.Element;
+}: TabsProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { Tabs as default };

package/dist/src/ToolbarButton/ToolbarButton.d.ts

@@ -1,5 +1,5 @@
 import { ToolbarButtonProps } from "./ToolbarButton.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/ToolbarButton/ToolbarButton.d.ts
 declare const ToolbarButton: ({
@@ -27,6 +27,6 @@ declare const ToolbarButton: ({
   popoverAlign,
   onClick,
   onHide
-}: ToolbarButtonProps) => react_jsx_runtime0.JSX.Element;
+}: ToolbarButtonProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { ToolbarButton };

package/dist/src/Tooltip/Qtip.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/Tooltip/Qtip.d.ts
 
@@ -26,6 +26,6 @@ import * as react_jsx_runtime2 from "react/jsx-runtime";
  *
  * and enjoy beautiful & performant tooltips!
  */
-declare const QTip: () => react_jsx_runtime2.JSX.Element;
+declare const QTip: () => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { QTip };

package/dist/src/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import { TooltipProps } from "./Tooltip.types.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/Tooltip/Tooltip.d.ts
 
@@ -17,6 +17,6 @@ declare const Tooltip: ({
   children,
   text,
   delay
-}: TooltipProps) => react_jsx_runtime1.JSX.Element;
+}: TooltipProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Tooltip };

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

@@ -1,4 +1,4 @@
-import { AccordionProps } from "./Accordion/Accordion.types.js";
+import { AccordionItem, AccordionProps } from "./Accordion/Accordion.types.js";
 import Accordion from "./Accordion/Accordion.js";
 import { DEFAULT_TOOL_TIP_DELAY, TooltipComponentProps, TooltipPosition, TooltipProps, tooltipPositions } from "./Tooltip/Tooltip.types.js";
 import { AlertProps } from "./Alert/Alert.types.js";
@@ -57,4 +57,4 @@ import TriggerWithDropdown from "./TriggerWithDropdown/TriggerWithDropdown.js";
 import { I18N_NAMESPACE, QomponentsTheme } from "./constants.js";
 import { ButtonWithDropdownProps, DropdownItems, DropdownProps, DropdownSubItem } from "./ButtonWithDropdown/ButtonWithDropdown.types.js";
 import ButtonWithDropdown from "./ButtonWithDropdown/ButtonWithDropdown.js";
-export { Accordion, AccordionProps, Alert, AlertProps, AppendedProps, Badge, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdown, ButtonWithDropdownProps, ButtonWithPopover, ButtonWithPopoverProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Collapse, CollapseProps, ColorPickerControl, ColorSwatch, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, EditorPanel, ExternalLink, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, GroupBase, GroupedOption, I18N_NAMESPACE, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, LoadingIndicator, Modal, ModalProps, ModalSize, Option, OptionProps, Paginator, ProgressBar, ProgressBarProps, ProgressIndicatorProps, QTip, QTipDataAttributes, QomponentsTheme, SeeqActionDropdown, SeeqActionDropdownItems, SeeqActionDropdownProps, SegmentedControl, Select, SelectComponents, SelectProps, Slider, SliderProps, SvgIconProps, SvgIconType, Tabs, TabsProps, TextArea, TextAreaProps, TextField, TextFieldProps, TitleIconPosition, ToolbarButton, ToolbarButtonProps, ToolbarButtonVariant, Tooltip, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdown, TriggerWithDropdownProps, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };
+export { Accordion, AccordionItem, AccordionProps, Alert, AlertProps, AppendedProps, Badge, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdown, ButtonWithDropdownProps, ButtonWithPopover, ButtonWithPopoverProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Collapse, CollapseProps, ColorPickerControl, ColorSwatch, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, EditorPanel, ExternalLink, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, GroupBase, GroupedOption, I18N_NAMESPACE, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, LoadingIndicator, Modal, ModalProps, ModalSize, Option, OptionProps, Paginator, ProgressBar, ProgressBarProps, ProgressIndicatorProps, QTip, QTipDataAttributes, QomponentsTheme, SeeqActionDropdown, SeeqActionDropdownItems, SeeqActionDropdownProps, SegmentedControl, Select, SelectComponents, SelectProps, Slider, SliderProps, SvgIconProps, SvgIconType, Tabs, TabsProps, TextArea, TextAreaProps, TextField, TextFieldProps, TitleIconPosition, ToolbarButton, ToolbarButtonProps, ToolbarButtonVariant, Tooltip, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdown, TriggerWithDropdownProps, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };

package/dist/src/index.d.ts

@@ -1,4 +1,4 @@
-import { AccordionProps } from "./Accordion/Accordion.types.js";
+import { AccordionItem, AccordionProps } from "./Accordion/Accordion.types.js";
 import Accordion from "./Accordion/Accordion.js";
 import { DEFAULT_TOOL_TIP_DELAY, TooltipComponentProps, TooltipPosition, TooltipProps, tooltipPositions } from "./Tooltip/Tooltip.types.js";
 import { AlertProps } from "./Alert/Alert.types.js";
@@ -57,4 +57,4 @@ import TriggerWithDropdown from "./TriggerWithDropdown/TriggerWithDropdown.js";
 import { I18N_NAMESPACE, QomponentsTheme } from "./constants.js";
 import { ButtonWithDropdownProps, DropdownItems, DropdownProps, DropdownSubItem } from "./ButtonWithDropdown/ButtonWithDropdown.types.js";
 import ButtonWithDropdown from "./ButtonWithDropdown/ButtonWithDropdown.js";
-export { Accordion, AccordionProps, Alert, AlertProps, AppendedProps, Badge, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdown, ButtonWithDropdownProps, ButtonWithPopover, ButtonWithPopoverProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Collapse, CollapseProps, ColorPickerControl, ColorSwatch, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, EditorPanel, ExternalLink, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, type GroupBase, GroupedOption, I18N_NAMESPACE, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, LoadingIndicator, Modal, ModalProps, ModalSize, Option, type OptionProps, Paginator, ProgressBar, ProgressBarProps, ProgressIndicatorProps, QTip, QTipDataAttributes, type QomponentsTheme, SeeqActionDropdown, SeeqActionDropdownItems, SeeqActionDropdownProps, SegmentedControl, Select, SelectComponents, SelectProps, Slider, SliderProps, SvgIconProps, SvgIconType, Tabs, TabsProps, TextArea, TextAreaProps, TextField, TextFieldProps, TitleIconPosition, ToolbarButton, ToolbarButtonProps, ToolbarButtonVariant, Tooltip, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdown, TriggerWithDropdownProps, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };
+export { Accordion, AccordionItem, AccordionProps, Alert, AlertProps, AppendedProps, Badge, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdown, ButtonWithDropdownProps, ButtonWithPopover, ButtonWithPopoverProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Collapse, CollapseProps, ColorPickerControl, ColorSwatch, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, EditorPanel, ExternalLink, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, type GroupBase, GroupedOption, I18N_NAMESPACE, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, LoadingIndicator, Modal, ModalProps, ModalSize, Option, type OptionProps, Paginator, ProgressBar, ProgressBarProps, ProgressIndicatorProps, QTip, QTipDataAttributes, type QomponentsTheme, SeeqActionDropdown, SeeqActionDropdownItems, SeeqActionDropdownProps, SegmentedControl, Select, SelectComponents, SelectProps, Slider, SliderProps, SvgIconProps, SvgIconType, Tabs, TabsProps, TextArea, TextAreaProps, TextField, TextFieldProps, TitleIconPosition, ToolbarButton, ToolbarButtonProps, ToolbarButtonVariant, Tooltip, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdown, TriggerWithDropdownProps, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };

package/dist/src/types.d.ts

@@ -1,4 +1,4 @@
-import { AccordionProps } from "./Accordion/Accordion.types.js";
+import { AccordionItem, AccordionProps } from "./Accordion/Accordion.types.js";
 import { DEFAULT_TOOL_TIP_DELAY, TooltipComponentProps, TooltipPosition, TooltipProps, tooltipPositions } from "./Tooltip/Tooltip.types.js";
 import { AlertProps } from "./Alert/Alert.types.js";
 import { IconProps, IconSize, IconType, iconTypes } from "./Icon/Icon.types.js";
@@ -28,4 +28,4 @@ import { ButtonWithDropdownProps, DropdownItems, DropdownProps, DropdownSubItem
 type InputGroupPlacement = 'left' | 'right' | undefined;
 type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
 //#endregion
-export { AccordionProps, AlertProps, AppendedProps, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdownProps, ButtonWithPopoverProps, CarouselProps, CheckboxProps, CollapseProps, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, GroupedOption, IconPosition, IconProps, IconSize, IconType, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, ModalProps, ModalSize, Option, ProgressBarProps, ProgressIndicatorProps, QTipDataAttributes, SeeqActionDropdownItems, SeeqActionDropdownProps, SelectProps, SliderProps, SvgIconProps, SvgIconType, TabsProps, TextAreaProps, TextFieldProps, TitleIconPosition, type ToolbarButtonProps, type ToolbarButtonVariant, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdownProps, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };
+export { AccordionItem, AccordionProps, AlertProps, AppendedProps, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdownProps, ButtonWithPopoverProps, CarouselProps, CheckboxProps, CollapseProps, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, GroupedOption, IconPosition, IconProps, IconSize, IconType, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, ModalProps, ModalSize, Option, ProgressBarProps, ProgressIndicatorProps, QTipDataAttributes, SeeqActionDropdownItems, SeeqActionDropdownProps, SelectProps, SliderProps, SvgIconProps, SvgIconType, TabsProps, TextAreaProps, TextFieldProps, TitleIconPosition, type ToolbarButtonProps, type ToolbarButtonVariant, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdownProps, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };

package/dist/styles.css

@@ -352,6 +352,9 @@
   .tw\:mt-3 {
     margin-top: calc(var(--tw-spacing) * 3);
   }
+  .tw\:mt-4 {
+    margin-top: calc(var(--tw-spacing) * 4);
+  }
   .tw\:mr-1 {
     margin-right: calc(var(--tw-spacing) * 1);
   }
@@ -773,6 +776,9 @@
   .tw\:self-end {
     align-self: flex-end;
   }
+  .tw\:self-stretch {
+    align-self: stretch;
+  }
   .tw\:overflow-hidden {
     overflow: hidden;
   }
@@ -1176,6 +1182,9 @@
   .tw\:pr-1\.5 {
     padding-right: calc(var(--tw-spacing) * 1.5);
   }
+  .tw\:pr-2 {
+    padding-right: calc(var(--tw-spacing) * 2);
+  }
   .tw\:pl-0\.5 {
     padding-left: calc(var(--tw-spacing) * 0.5);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.240",
+  "version": "0.0.241-beta.d822dfdbef.20260722",
   "type": "module",
   "main": "dist/index.js",
   "source": "src/index.ts",
@@ -101,8 +101,8 @@
     "test:watch": "cross-env TZ=UTC LANG=en-US vitest watch",
     "test:coverage": "cross-env TZ=UTC LANG=en-US vitest run --coverage",
     "dev": "ladle serve",
-    "lint": "eslint . --ext .ts,.tsx,.js,.jsx",
-    "lint:fix": "eslint . --ext .ts,.tsx,.js,.jsx --fix",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
     "format:check": "prettier --check \"**/*.{ts,tsx,js,json,css}\"",
     "format:write": "prettier --write \"**/*.{ts,tsx,js,json,css}\"",
     "type:check": "tsgo --noEmit"