@seeqdev/qomponents 0.0.224 → 0.0.229

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

@@ -1,7 +1,15 @@
 import { AccordionProps } from "./Accordion.types.js";
-import React from "react";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/Accordion/Accordion.d.ts
-declare const Accordion: React.FunctionComponent<AccordionProps>;
+declare const Accordion: ({
+  accordionItems,
+  defaultValue,
+  value,
+  onItemSelect,
+  disabled,
+  extraClassNames,
+  testId
+}: AccordionProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { Accordion as default };

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

@@ -1,7 +1,7 @@
 import React from "react";
 
 //#region src/Accordion/Accordion.types.d.ts
-interface AccordionProps {
+type AccordionProps = {
   /**
    * Additional CSS classes to apply to the accordion container.
    * Use this to customize the styling of the entire accordion component.
@@ -40,8 +40,8 @@ interface AccordionProps {
    * Use this to handle accordion state changes and update the `value` prop accordingly.
    */
   onItemSelect: (key: string) => void;
-}
-interface AccordionItem {
+};
+type AccordionItem = {
   /**
    * Unique identifier for the accordion item.
    * This value is used to determine which item is currently expanded and
@@ -84,6 +84,6 @@ interface AccordionItem {
    * Does not affect the trigger/header styling.
    */
   contentClassNames?: string;
-}
+};
 //#endregion
 export { AccordionProps };

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

@@ -1,11 +1,20 @@
 import { AlertProps } from "./Alert.types.js";
-import React from "react";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region src/Alert/Alert.d.ts
-
 /**
  * Alert.
  */
-declare const Alert: React.FunctionComponent<AlertProps>;
+declare const Alert: ({
+  children,
+  dismissible,
+  onClose,
+  show,
+  variant,
+  testId,
+  id,
+  extraClassNames,
+  ...tooltipProps
+}: AlertProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { Alert };

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

@@ -1,7 +1,7 @@
 import { TooltipComponentProps } from "../Tooltip/Tooltip.types.js";
 
 //#region src/Alert/Alert.types.d.ts
-interface Props {
+type Props = {
   /**
    * The content to be displayed inside the alert message.
    * Can include text, icons, buttons, or any other React elements.
@@ -54,7 +54,7 @@ interface Props {
    * 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

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

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

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

@@ -1,4 +1,5 @@
 import { ButtonProps } from "./Button.types.js";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/Button/Button.d.ts
@@ -8,6 +9,30 @@ type ButtonComponentProps = ButtonProps & React.RefAttributes<HTMLButtonElement>
  *  - use "variant" to achieve the desired style
  *  - include tooltips and/or icons
  */
-declare const Button: React.FunctionComponent<ButtonComponentProps>;
+declare const Button: ({
+  onClick,
+  label,
+  variant,
+  type,
+  size,
+  disabled,
+  inProgress,
+  extraClassNames,
+  id,
+  testId,
+  stopPropagation,
+  tooltip,
+  tooltipOptions,
+  iconStyle,
+  icon,
+  iconColor,
+  iconPosition,
+  iconPrefix,
+  preventBlur,
+  isHtmlTooltip,
+  tooltipTestId,
+  ref,
+  ...rest
+}: ButtonComponentProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { Button as default };

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

@@ -11,7 +11,7 @@ type ButtonType = (typeof buttonTypes)[number];
 type ButtonSize = (typeof buttonSizes)[number];
 type ButtonVariant = (typeof buttonVariants)[number];
 type IconPosition = (typeof iconPositions)[number];
-interface ButtonProps {
+type ButtonProps = {
   /**
    * Callback function triggered when the button is clicked.
    * Receives the mouse event as a parameter for additional event handling.
@@ -152,6 +152,6 @@ interface ButtonProps {
    * @default false
    */
   preventBlur?: boolean;
-}
+};
 //#endregion
 export { ButtonProps, ButtonSize, ButtonType, ButtonVariant, IconPosition, buttonSizes, buttonTypes, buttonVariants, iconPositions };

package/dist/src/ButtonGroup/ButtonGroup.d.ts

@@ -1,11 +1,10 @@
 import { ButtonGroupProps } from "./ButtonGroup.types.js";
-import React from "react";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/ButtonGroup/ButtonGroup.d.ts
-
 /**
  * ButtonGroup.
  */
-declare const ButtonGroup: React.FunctionComponent<ButtonGroupProps>;
+declare const ButtonGroup: (props: ButtonGroupProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { ButtonGroup };

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

@@ -7,7 +7,7 @@ import { ButtonProps } from "../Button/Button.types.js";
  * Interface representing the properties for a button within a ButtonGroup.
  * Used when you want to include an interactive button as part of the group.
  */
-interface AppendedButtonProps {
+type AppendedButtonProps = {
   /**
    * Specifies that this group item is a clickable button.
    * Button items can be selected, have active states, and trigger onChange events.
@@ -24,12 +24,12 @@ interface AppendedButtonProps {
     /** Whether this button is currently in the active/selected state */
     isActive?: boolean;
   };
-}
+};
 /**
  * Interface for including custom React elements within a ButtonGroup.
  * Used when you need to add non-button content like separators, labels, or custom components.
  */
-interface ElementProps {
+type ElementProps = {
   /**
    * Specifies that this group item is a custom React element.
    * Element items are purely presentational and don't participate in selection logic.
@@ -45,13 +45,13 @@ interface ElementProps {
    * Use this to style the element consistently with the button group's appearance.
    */
   extraClassNames?: string;
-}
+};
 type Props = AppendedButtonProps | ElementProps | undefined;
 /**
  * Props for the ButtonGroup component that creates a cohesive group of related buttons.
  * Extends TooltipComponentProps to support tooltip functionality on the entire group.
  */
-interface ButtonGroupProps extends TooltipComponentProps {
+type ButtonGroupProps = {
   /**
    * Array of items to display in the button group.
    * Each item can be either a button (for interactive elements) or an element (for decorative content).
@@ -79,6 +79,6 @@ interface ButtonGroupProps extends TooltipComponentProps {
    * Applied to the group's root element for test targeting and interaction.
    */
   testId?: string;
-}
+} & TooltipComponentProps;
 //#endregion
 export { ButtonGroupProps };

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

@@ -1,8 +1,24 @@
 import { ButtonWithDropdownProps } from "./ButtonWithDropdown.types.js";
-import * as React$1 from "react";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/ButtonWithDropdown/ButtonWithDropdown.d.ts
-declare const ButtonWithDropdown: React$1.FunctionComponent<ButtonWithDropdownProps>;
-declare const Dropdown: React$1.FunctionComponent<ButtonWithDropdownProps>;
+declare const ButtonWithDropdown: (props: ButtonWithDropdownProps) => react_jsx_runtime26.JSX.Element;
+declare const Dropdown: ({
+  dropdownItems,
+  id,
+  children,
+  contentExtraClassNames,
+  containerTestId,
+  align,
+  placement,
+  placementOffset,
+  alignOffset,
+  hasArrow,
+  onOpenChange,
+  isOpen,
+  setFocusOnTriggerOnClose,
+  keepFocusInsideDropdown,
+  onContainerClick
+}: ButtonWithDropdownProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { Dropdown, ButtonWithDropdown as default };

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

@@ -7,7 +7,7 @@ import { ButtonProps } from "../Button/Button.types.js";
  * Interface for sub-menu items that appear in nested dropdown menus.
  * Used to create hierarchical menu structures within dropdown items.
  */
-interface DropdownSubItem {
+type DropdownSubItem = {
   /**
    * Icon class name to display next to the sub-item label.
    * Typically uses FontAwesome classes (e.g., 'fc-zoom', 'fc-delete').
@@ -34,12 +34,12 @@ interface DropdownSubItem {
    * 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 {
+type DropdownItems = {
   /**
    * HTML ID attribute for the dropdown item element.
    * Should be unique for proper HTML semantics and accessibility.
@@ -140,7 +140,7 @@ interface DropdownItems extends TooltipComponentProps {
    * Creates hierarchical dropdown menus for organizing related actions.
    */
   subMenuItems?: DropdownSubItem[];
-}
+} & TooltipComponentProps;
 /**
  * Props for the ButtonWithDropdown component that creates a Qomponents-styled Button
  * with an attached dropdown menu.
@@ -152,7 +152,7 @@ interface DropdownItems extends TooltipComponentProps {
  * Uses the asChild prop on DropdownMenu.Trigger to avoid nesting <button> elements.
  */
 type ButtonWithDropdownProps = TooltipComponentProps & ButtonProps & DropdownProps;
-interface DropdownProps {
+type DropdownProps = {
   children?: React.ReactNode;
   /**
    * Array of items to display in the dropdown menu.
@@ -230,6 +230,6 @@ interface DropdownProps {
    * Receives the click event. Use this for handling container-level interactions.
    */
   onContainerClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-}
+};
 //#endregion
 export { ButtonWithDropdownProps, DropdownItems, DropdownProps, DropdownSubItem };

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

@@ -1,7 +1,31 @@
 import { ButtonWithPopoverProps } from "./ButtonWithPopover.types.js";
-import * as React$1 from "react";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/ButtonWithPopover/ButtonWithPopover.d.ts
-declare const ButtonWithPopover: React$1.FunctionComponent<ButtonWithPopoverProps>;
+declare const ButtonWithPopover: ({
+  children,
+  trigger,
+  id,
+  hasArrow,
+  extraTriggerClassNames,
+  extraPopoverClassNames,
+  containerTestId,
+  onInteractOutside,
+  onPointerDownOutside,
+  isTriggerAsChild,
+  shouldTriggerFullWidth,
+  disabled,
+  align,
+  alignOffset,
+  placement,
+  placementOffset,
+  isHoverEnabled,
+  hoverOpenDelay,
+  onOpenChange,
+  isOpen,
+  isCloseOnContentClick,
+  isPortal,
+  ...tooltipProps
+}: ButtonWithPopoverProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { ButtonWithPopover as default };

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

@@ -7,7 +7,7 @@ import React from "react";
  * Props for the ButtonWithPopover component that creates a button with an attached popover.
  * Extends TooltipComponentProps to support tooltip functionality on the trigger button.
  */
-interface ButtonWithPopoverProps extends TooltipComponentProps {
+type ButtonWithPopoverProps = {
   /**
    * 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.
@@ -134,6 +134,6 @@ interface ButtonWithPopoverProps extends TooltipComponentProps {
    * z-index issues and ensure the popover appears above other content.
    */
   isPortal?: boolean;
-}
+} & TooltipComponentProps;
 //#endregion
 export { ButtonWithPopoverProps };

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

@@ -1,5 +1,5 @@
 import { CarouselProps } from "./Carousel.types.js";
-import React from "react";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/Carousel/Carousel.d.ts
 
@@ -8,6 +8,20 @@ import React from "react";
  *  - Easily create a carousel with custom slides.
  *  - Supports automatic sliding, navigation arrows, and slide indicators.
  */
-declare const Carousel: React.FunctionComponent<CarouselProps>;
+declare const Carousel: ({
+  testId,
+  activeIndex,
+  extraClassNames,
+  onSlide,
+  autoSlide,
+  showIndicators,
+  continuous,
+  interval,
+  prevIcon,
+  nextIcon,
+  showArrows,
+  iconExtraClassNames,
+  carouselItems
+}: CarouselProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { Carousel as default };

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

@@ -2,7 +2,7 @@
 /**
  * Properties for the Carousel component that creates a sliding content viewer.
  */
-interface CarouselProps {
+type CarouselProps = {
   /**
    * Test ID attribute for the carousel container used in automated testing.
    * Applied to the main carousel element for test targeting and interaction.
@@ -83,6 +83,6 @@ interface CarouselProps {
    * images, text, cards, or complex components. The order determines slide sequence.
    */
   carouselItems: React.ReactNode[];
-}
+};
 //#endregion
 export { CarouselProps };

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

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

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

@@ -2,7 +2,7 @@ import { TooltipComponentProps } from "../Tooltip/Tooltip.types.js";
 
 //#region src/Checkbox/Checkbox.types.d.ts
 type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-interface CheckboxProps extends TooltipComponentProps {
+type CheckboxProps = {
   /**
    * Additional CSS classes to apply to the checkbox container.
    * These classes are combined with the component's built-in styling.
@@ -89,6 +89,6 @@ interface CheckboxProps extends TooltipComponentProps {
    * Helps identify this specific checkbox/radio button in tests.
    */
   testId?: string;
-}
+} & TooltipComponentProps;
 //#endregion
 export { CheckboxProps };

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

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

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

@@ -2,7 +2,7 @@
 /**
  * Props for the Collapse component that creates smooth expand/collapse animations.
  */
-interface CollapseProps {
+type CollapseProps = {
   /**
    * Controls whether the collapse content is visible and expanded.
    * When true, the content smoothly expands to full height.
@@ -16,6 +16,6 @@ interface CollapseProps {
    * The content will be measured and animated when expanding or collapsing.
    */
   children: React.ReactNode;
-}
+};
 //#endregion
 export { CollapseProps };

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

@@ -1,5 +1,5 @@
 import { ColorPickerControlProps } from "./ColorPickerControl.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime3.JSX.Element;
+}: ColorPickerControlProps): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { ColorPickerControl as default };

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

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 
 //#region src/ColorPickerControl/ColorPickerControl.types.d.ts
-interface ColorPickerControlProps {
+type ColorPickerControlProps = {
   /** The currently selected color, displayed as a square swatch inside the trigger button. */
   color: string;
   /** Label text rendered alongside the swatch trigger button. */
@@ -20,6 +20,6 @@ interface ColorPickerControlProps {
   id?: string;
   /** Test ID attribute applied to the popover container, used in automated testing. */
   testId?: string;
-}
+};
 //#endregion
 export { ColorPickerControlProps };

package/dist/src/ColorSwatch/ColorSwatch.d.ts

@@ -1,7 +1,7 @@
 import { ColorSwatchProps } from "./ColorSwatch.types.js";
-import * as react0 from "react";
+import * as react12 from "react";
 
 //#region src/ColorSwatch/ColorSwatch.d.ts
-declare const ColorSwatch: react0.ForwardRefExoticComponent<ColorSwatchProps & react0.RefAttributes<HTMLButtonElement>>;
+declare const ColorSwatch: react12.ForwardRefExoticComponent<ColorSwatchProps & react12.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ColorSwatch as default };

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

@@ -1,5 +1,5 @@
 //#region src/ColorSwatch/ColorSwatch.types.d.ts
-interface ColorSwatchProps {
+type ColorSwatchProps = {
   /** The background color of the swatch button, as any valid CSS color string. */
   'color': string;
   /** Called when the swatch button is clicked. */
@@ -14,6 +14,6 @@ interface ColorSwatchProps {
   'id'?: string;
   /** Test ID attribute for the swatch button, used in automated testing. */
   'testId'?: string;
-}
+};
 //#endregion
 export { ColorSwatchProps };

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

@@ -1,7 +1,19 @@
 import { EditorPanelProps } from "./EditorPanel.types.js";
-import { FunctionComponent } from "react";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/EditorPanel/EditorPanel.d.ts
-declare const EditorPanel: FunctionComponent<EditorPanelProps>;
+declare const EditorPanel: ({
+  title,
+  children,
+  onApply,
+  onCancel,
+  isApplyDisabled,
+  applyLabel,
+  cancelLabel,
+  spacing,
+  extraClassNames,
+  id,
+  testId
+}: EditorPanelProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { EditorPanel as default };

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

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 
 //#region src/EditorPanel/EditorPanel.types.d.ts
-interface EditorPanelProps {
+type EditorPanelProps = {
   /** The title displayed as a kicker above the panel content. */
   title: string;
   /** Content rendered inside the panel body between the title and action buttons. */
@@ -24,6 +24,6 @@ interface EditorPanelProps {
   id?: string;
   /** Test ID attribute for the panel container element, used in automated testing. */
   testId?: string;
-}
+};
 //#endregion
 export { EditorPanelProps };

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

@@ -0,0 +1,17 @@
+import { ExternalLinkProps } from "./ExternalLink.types.js";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
+
+//#region src/ExternalLink/ExternalLink.d.ts
+/**
+ * Renders an external anchor (`target="_blank"`, `rel="noopener"`) with optional leading label on the same line.
+ */
+declare const ExternalLink: ({
+  variant,
+  label,
+  href,
+  children,
+  extraClassNames,
+  testId
+}: ExternalLinkProps) => react_jsx_runtime15.JSX.Element;
+//#endregion
+export { ExternalLink, ExternalLink as default };

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

@@ -0,0 +1,28 @@
+import { ReactNode } from "react";
+
+//#region src/ExternalLink/ExternalLink.types.d.ts
+/** Product theme wrapper classes (for layouts/stories that set context on an ancestor). */
+declare const externalLinkThemeClasses: readonly ["color_topic", "color_analysis", "color_datalab", "color_vantage", "color_insights"];
+type ExternalLinkThemeClass = (typeof externalLinkThemeClasses)[number];
+type ExternalLinkVariant = 'link' | 'icon';
+type ExternalLinkProps = {
+  /**
+   * `link` (default): theme link color and underline for text links.
+   * `icon`: minimal anchor styling for icon-only help links; appearance comes from children.
+   */
+  variant?: ExternalLinkVariant;
+  /**
+   * Optional content before the anchor, shown on the same line as the link (with spacing via flex gap).
+   */
+  label?: ReactNode;
+  /** Destination URL opened in a new tab. */
+  href: string;
+  /** Content rendered inside the anchor (text or elements). */
+  children: ReactNode;
+  /** Additional CSS classes on the anchor element. */
+  extraClassNames?: string;
+  /** Optional `data-testid` on the anchor. */
+  testId?: string;
+};
+//#endregion
+export { ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, externalLinkThemeClasses };

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

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

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

@@ -1,5 +1,5 @@
 import { IconProps } from "./Icon.types.js";
-import React from "react";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/Icon/Icon.d.ts
 
@@ -8,6 +8,21 @@ import React from "react";
  *  - access to Seeq custom icons by providing the desired icon
  *  - leverage "type" to style your icon
  */
-declare const Icon: React.FunctionComponent<IconProps>;
+declare const Icon: ({
+  onClick,
+  icon,
+  iconPrefix,
+  type,
+  extraClassNames,
+  id,
+  large,
+  small,
+  size,
+  color,
+  testId,
+  customId,
+  number,
+  ...tooltipProps
+}: IconProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { Icon as default };