@seeqdev/qomponents 0.0.220 → 0.0.222

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

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

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

@@ -57,6 +57,11 @@ interface ButtonProps {
    * The button will also have `pointer-events: none` applied via CSS.
    */
   disabled?: boolean;
+  /**
+   * When true, renders a loading indicator in the icon slot instead of the configured icon.
+   * This keeps loading button treatment consistent across consumers.
+   */
+  inProgress?: boolean;
   /**
    * Additional CSS classes to apply to the button element.
    * These classes are combined with the component's built-in styling classes.

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

@@ -50,6 +50,11 @@ interface DropdownItems extends TooltipComponentProps {
    * Typically uses Seeq or FontAwesome classes for consistent visual styling.
    */
   icon?: string;
+  /**
+   * When true, renders a loading indicator in the icon slot instead of the configured icon.
+   * This keeps loading dropdown item treatment consistent across consumers.
+   */
+  inProgress?: boolean;
   /**
    * Type/style of the icon that determines its rendering and colors.
    * Common values include 'theme', 'text', 'color' based on the Icon component.

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

@@ -0,0 +1,17 @@
+import { ColorPickerControlProps } from "./ColorPickerControl.types.js";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/ColorPickerControl/ColorPickerControl.d.ts
+declare function ColorPickerControl({
+  color,
+  label,
+  children,
+  placement,
+  align,
+  extraClassNames,
+  id,
+  testId,
+  onOpen
+}: ColorPickerControlProps): react_jsx_runtime2.JSX.Element;
+//#endregion
+export { ColorPickerControl as default };

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

@@ -0,0 +1,25 @@
+import { ReactNode } from "react";
+
+//#region src/ColorPickerControl/ColorPickerControl.types.d.ts
+interface ColorPickerControlProps {
+  /** The currently selected color, displayed as a square swatch inside the trigger button. */
+  color: string;
+  /** Label text rendered alongside the swatch trigger button. */
+  label: string;
+  /** Content rendered inside the popover when the trigger is clicked, typically a color palette. */
+  children?: ReactNode;
+  /** Optional click callback on the color swatch, e.g. when embedded inside a parent popover trigger. */
+  onOpen?: () => void;
+  /** Preferred side of the trigger where the popover should appear. Defaults to "bottom". */
+  placement?: 'top' | 'bottom' | 'left' | 'right';
+  /** Alignment of the popover relative to the trigger. Defaults to "start". */
+  align?: 'start' | 'center' | 'end';
+  /** Additional CSS classes to apply to the outer wrapper element. */
+  extraClassNames?: string;
+  /** HTML id attribute for the trigger button element. */
+  id?: string;
+  /** Test ID attribute applied to the popover container, used in automated testing. */
+  testId?: string;
+}
+//#endregion
+export { ColorPickerControlProps };

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

@@ -0,0 +1,3 @@
+import { ColorPickerControlProps } from "./ColorPickerControl.types.js";
+import ColorPickerControl from "./ColorPickerControl.js";
+export { ColorPickerControl, type ColorPickerControlProps };

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

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

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

@@ -0,0 +1,19 @@
+//#region src/ColorSwatch/ColorSwatch.types.d.ts
+interface ColorSwatchProps {
+  /** The background color of the swatch button, as any valid CSS color string. */
+  'color': string;
+  /** Called when the swatch button is clicked. */
+  'onClick'?: () => void;
+  /** Accessible label for the swatch button, used by screen readers. */
+  'aria-label'?: string;
+  /** Size of the swatch button. Defaults to 'lg'. */
+  'size'?: 'sm' | 'md' | 'lg';
+  /** Additional CSS classes to apply to the swatch button. */
+  'extraClassNames'?: string;
+  /** HTML id attribute for the swatch button element. */
+  'id'?: string;
+  /** Test ID attribute for the swatch button, used in automated testing. */
+  'testId'?: string;
+}
+//#endregion
+export { ColorSwatchProps };

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

@@ -0,0 +1,3 @@
+import { ColorSwatchProps } from "./ColorSwatch.types.js";
+import ColorSwatch from "./ColorSwatch.js";
+export { type ColorSwatchProps, ColorSwatch as default };

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

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

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

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+
+//#region src/EditorPanel/EditorPanel.types.d.ts
+interface 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. */
+  children?: ReactNode;
+  /** Called when the Apply button is clicked. When omitted, the Apply button is not rendered. */
+  onApply?: () => void;
+  /** Called when the Cancel button is clicked. When omitted, the Cancel button is not rendered. */
+  onCancel?: () => void;
+  /** When true, the Apply button is rendered in a disabled state. */
+  isApplyDisabled?: boolean;
+  /** Label for the Apply button. Defaults to "Apply". */
+  applyLabel?: string;
+  /** Label for the Cancel button. Defaults to "Cancel". */
+  cancelLabel?: string;
+  /** Controls the padding inside the panel body. Defaults to "normal". */
+  spacing?: 'normal' | 'spacious';
+  /** Additional CSS classes to apply to the panel container. */
+  extraClassNames?: string;
+  /** HTML id attribute for the panel container element. */
+  id?: string;
+  /** Test ID attribute for the panel container element, used in automated testing. */
+  testId?: string;
+}
+//#endregion
+export { EditorPanelProps };

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

@@ -0,0 +1,3 @@
+import { EditorPanelProps } from "./EditorPanel.types.js";
+import EditorPanel from "./EditorPanel.js";
+export { type EditorPanelProps, EditorPanel as default };

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

@@ -0,0 +1,24 @@
+import { LoadingIndicatorProps } from "./LoadingIndicator.types.js";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+
+//#region src/LoadingIndicator/LoadingIndicator.d.ts
+/**
+ * Shared loading spinner that inherits the active Seeq theme color unless a color is provided.
+ */
+declare const LoadingIndicator: ({
+  id,
+  customId,
+  testId,
+  size,
+  thickness,
+  color,
+  extraClassNames,
+  style,
+  ariaLabel,
+  ariaHidden,
+  role,
+  onClick,
+  title
+}: LoadingIndicatorProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+export { LoadingIndicator as default };

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

@@ -0,0 +1,70 @@
+import { CSSProperties, MouseEventHandler } from "react";
+
+//#region src/LoadingIndicator/LoadingIndicator.types.d.ts
+
+/**
+ * Preset loading indicator sizes.
+ */
+type LoadingIndicatorSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Props for the LoadingIndicator component.
+ */
+type LoadingIndicatorProps = {
+  /**
+   * HTML ID attribute for the loading indicator element.
+   */
+  id?: string;
+  /**
+   * Legacy HTML ID attribute alias for consumers that still use customId.
+   */
+  customId?: string;
+  /**
+   * Test ID attribute used in automated testing.
+   */
+  testId?: string;
+  /**
+   * Preset size or explicit pixel size for the loading indicator.
+   * @default 'md'
+   */
+  size?: LoadingIndicatorSize | number;
+  /**
+   * Ring thickness in pixels. Defaults to the selected preset size's thickness.
+   */
+  thickness?: number;
+  /**
+   * Spinner color. Defaults to currentColor so the indicator inherits from its context.
+   */
+  color?: string;
+  /**
+   * Additional CSS classes to apply to the loading indicator element.
+   */
+  extraClassNames?: string;
+  /**
+   * Inline styles to apply to the loading indicator element.
+   */
+  style?: CSSProperties;
+  /**
+   * Accessible label for assistive technologies.
+   * When omitted, the indicator is treated as decorative unless role, onClick, or ariaHidden is provided.
+   */
+  ariaLabel?: string;
+  /**
+   * Controls whether the loading indicator is hidden from assistive technologies.
+   * When omitted, decorative indicators are hidden automatically.
+   */
+  ariaHidden?: boolean;
+  /**
+   * ARIA role for the loading indicator element.
+   */
+  role?: string;
+  /**
+   * Click handler for interactive loading indicator usages.
+   */
+  onClick?: MouseEventHandler<HTMLDivElement>;
+  /**
+   * Browser tooltip text for the loading indicator element.
+   */
+  title?: string;
+};
+//#endregion
+export { LoadingIndicatorProps, LoadingIndicatorSize };

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

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

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

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

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

@@ -0,0 +1,25 @@
+//#region src/SegmentedControl/SegmentedControl.types.d.ts
+interface SegmentedControlOption<T extends string | number | boolean> {
+  /** The text label displayed on the option button. */
+  label: string;
+  /** The value associated with this option, passed to `onChange` when selected. */
+  value: T;
+}
+interface SegmentedControlProps<T extends string | number | boolean> {
+  /** The list of options to render as selectable pill buttons. */
+  options: SegmentedControlOption<T>[];
+  /** The currently selected value. The matching option will be displayed as active. */
+  value: T;
+  /** Called with the selected option's value when a pill button is clicked. */
+  onChange?: (value: T) => void;
+  /** Additional CSS classes to apply to the container element. */
+  extraClassNames?: string;
+  /** HTML id attribute for the container element. */
+  id?: string;
+  /** Test ID attribute for the container element, used in automated testing. */
+  testId?: string;
+  /** Accessible label for the group of option buttons. */
+  ariaLabel?: string;
+}
+//#endregion
+export { SegmentedControlOption, SegmentedControlProps };

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

@@ -0,0 +1,3 @@
+import { SegmentedControlOption, SegmentedControlProps } from "./SegmentedControl.types.js";
+import SegmentedControl from "./SegmentedControl.js";
+export { type SegmentedControlOption, type SegmentedControlProps, SegmentedControl as default };

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

@@ -46,7 +46,12 @@ import Collapse from "./Collapse/Collapse.js";
 import { Slider } from "./Slider/Slider.js";
 import ProgressBar from "./ProgressBar/ProgressBar.js";
 import Carousel from "./Carousel/Carousel.js";
+import SegmentedControl from "./SegmentedControl/SegmentedControl.js";
+import EditorPanel from "./EditorPanel/EditorPanel.js";
+import ColorSwatch from "./ColorSwatch/ColorSwatch.js";
+import ColorPickerControl from "./ColorPickerControl/ColorPickerControl.js";
+import LoadingIndicator from "./LoadingIndicator/LoadingIndicator.js";
 import { 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, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, FormControlElement, GroupBase, GroupedOption, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, Modal, ModalProps, ModalSize, Option, OptionProps, ProgressBar, ProgressBarProps, ProgressIndicatorProps, QTip, QTipDataAttributes, QomponentsTheme, SeeqActionDropdown, SeeqActionDropdownItems, SeeqActionDropdownProps, 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, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };
+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, FormControlElement, GroupBase, GroupedOption, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, LoadingIndicator, Modal, ModalProps, ModalSize, Option, OptionProps, 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, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };

package/dist/src/index.d.ts

@@ -46,7 +46,12 @@ import Collapse from "./Collapse/Collapse.js";
 import { Slider } from "./Slider/Slider.js";
 import ProgressBar from "./ProgressBar/ProgressBar.js";
 import Carousel from "./Carousel/Carousel.js";
+import SegmentedControl from "./SegmentedControl/SegmentedControl.js";
+import EditorPanel from "./EditorPanel/EditorPanel.js";
+import ColorSwatch from "./ColorSwatch/ColorSwatch.js";
+import ColorPickerControl from "./ColorPickerControl/ColorPickerControl.js";
+import LoadingIndicator from "./LoadingIndicator/LoadingIndicator.js";
 import { 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, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, FormControlElement, type GroupBase, GroupedOption, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, Modal, ModalProps, ModalSize, Option, type OptionProps, ProgressBar, ProgressBarProps, ProgressIndicatorProps, QTip, QTipDataAttributes, type QomponentsTheme, SeeqActionDropdown, SeeqActionDropdownItems, SeeqActionDropdownProps, 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, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };
+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, FormControlElement, type GroupBase, GroupedOption, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, LoadingIndicator, Modal, ModalProps, ModalSize, Option, type OptionProps, 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, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };