@seeqdev/qomponents 0.0.236 → 0.0.237

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

@@ -1,5 +1,5 @@
 import { AccordionProps } from "./Accordion.types.js";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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_runtime20.JSX.Element;
+}: AccordionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Accordion as default };

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

@@ -1,5 +1,5 @@
 import { AlertProps } from "./Alert.types.js";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/Alert/Alert.d.ts
 /**
@@ -15,6 +15,6 @@ declare const Alert: ({
   id,
   extraClassNames,
   ...tooltipProps
-}: AlertProps) => react_jsx_runtime23.JSX.Element;
+}: AlertProps) => react_jsx_runtime13.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_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/Badge/Badge.d.ts
 /**
@@ -10,6 +10,6 @@ declare const Badge: ({
   variant,
   testId,
   extraClassNames
-}: BadgeProps) => react_jsx_runtime18.JSX.Element;
+}: BadgeProps) => react_jsx_runtime7.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_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime2 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_runtime31.JSX.Element;
+}: ButtonComponentProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Button as default };

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

@@ -5,7 +5,7 @@ import React from "react";
 //#region src/Button/Button.types.d.ts
 declare const buttonTypes: readonly ["button", "reset", "submit", "link"];
 declare const buttonSizes: readonly ["xs", "sm", "lg"];
-declare const buttonVariants: readonly ["outline", "theme", "theme-light", "warning", "danger", "no-border"];
+declare const buttonVariants: readonly ["outline", "theme", "theme-light", "warning", "danger", "no-border", "navigation", "navigation-selected"];
 declare const iconPositions: string[];
 type ButtonType = (typeof buttonTypes)[number];
 type ButtonSize = (typeof buttonSizes)[number];
@@ -32,6 +32,8 @@ type ButtonProps = {
    * - `warning`: Yellow/orange styling for caution-related actions
    * - `danger`: Red styling for destructive or critical actions
    * - `no-border`: Borderless styling for minimal, text-like buttons
+   * - `navigation`: Borderless styling for navigation panel items
+   * - `navigation-selected`: Selected styling for navigation panel items
    * @default 'outline'
    */
   variant?: ButtonVariant;

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

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

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

@@ -1,8 +1,8 @@
 import { ButtonWithDropdownProps } from "./ButtonWithDropdown.types.js";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/ButtonWithDropdown/ButtonWithDropdown.d.ts
-declare const ButtonWithDropdown: (props: ButtonWithDropdownProps) => react_jsx_runtime24.JSX.Element;
+declare const ButtonWithDropdown: (props: ButtonWithDropdownProps) => react_jsx_runtime9.JSX.Element;
 declare const Dropdown: ({
   dropdownItems,
   id,
@@ -19,6 +19,6 @@ declare const Dropdown: ({
   setFocusOnTriggerOnClose,
   keepFocusInsideDropdown,
   onContainerClick
-}: ButtonWithDropdownProps) => react_jsx_runtime24.JSX.Element;
+}: ButtonWithDropdownProps) => react_jsx_runtime9.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_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/ButtonWithPopover/ButtonWithPopover.d.ts
 declare const ButtonWithPopover: ({
@@ -26,6 +26,6 @@ declare const ButtonWithPopover: ({
   isCloseOnContentClick,
   isPortal,
   ...tooltipProps
-}: ButtonWithPopoverProps) => react_jsx_runtime26.JSX.Element;
+}: ButtonWithPopoverProps) => react_jsx_runtime4.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_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/Carousel/Carousel.d.ts
 
@@ -22,6 +22,6 @@ declare const Carousel: ({
   showArrows,
   iconExtraClassNames,
   carouselItems
-}: CarouselProps) => react_jsx_runtime27.JSX.Element;
+}: CarouselProps) => react_jsx_runtime12.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_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/Checkbox/Checkbox.d.ts
 /**
  * Checkbox and Radio Box Component.
  */
-declare const Checkbox: (props: CheckboxProps) => react_jsx_runtime22.JSX.Element;
+declare const Checkbox: (props: CheckboxProps) => react_jsx_runtime5.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_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/Collapse/Collapse.d.ts
 declare const Collapse: ({
   isVisible,
   children
-}: CollapseProps) => react_jsx_runtime29.JSX.Element;
+}: CollapseProps) => react_jsx_runtime3.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_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime31 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_runtime28.JSX.Element;
+}: ColorPickerControlProps): react_jsx_runtime31.JSX.Element;
 //#endregion
 export { ColorPickerControl as default };

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

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

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

@@ -1,5 +1,5 @@
 import { EditorPanelProps } from "./EditorPanel.types.js";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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_runtime30.JSX.Element;
+}: EditorPanelProps) => react_jsx_runtime0.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_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/ExternalLink/ExternalLink.d.ts
 /**
@@ -12,6 +12,6 @@ declare const ExternalLink: ({
   children,
   extraClassNames,
   testId
-}: ExternalLinkProps) => react_jsx_runtime21.JSX.Element;
+}: ExternalLinkProps) => react_jsx_runtime11.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_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/Icon/Icon.d.ts
 
@@ -23,6 +23,6 @@ declare const Icon: ({
   customId,
   number,
   ...tooltipProps
-}: IconProps) => react_jsx_runtime4.JSX.Element;
+}: IconProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Icon as default };

package/dist/src/InputGroup/InputGroup.d.ts

@@ -1,10 +1,10 @@
 import { InputGroupProps } from "./InputGroup.types.js";
-import * as react10 from "react";
+import * as react1 from "react";
 
 //#region src/InputGroup/InputGroup.d.ts
 /**
  * InputGroup.
  */
-declare const InputGroup: react10.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & react10.RefAttributes<HTMLInputElement>>;
+declare const InputGroup: react1.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & react1.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { InputGroup };

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

@@ -1,5 +1,5 @@
 import { LoadingIndicatorProps } from "./LoadingIndicator.types.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/LoadingIndicator/LoadingIndicator.d.ts
 /**
@@ -19,6 +19,6 @@ declare const LoadingIndicator: ({
   role,
   onClick,
   title
-}: LoadingIndicatorProps) => react_jsx_runtime14.JSX.Element;
+}: LoadingIndicatorProps) => react_jsx_runtime6.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_runtime27 from "react/jsx-runtime";
 
 //#region src/Modal/Modal.d.ts
 
@@ -45,6 +45,6 @@ declare const Modal: ({
   onPointerDownOutside,
   onInteractOutside,
   ariaDescribedBy
-}: ModalProps) => react_jsx_runtime15.JSX.Element;
+}: ModalProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { Modal as default };

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

@@ -1,5 +1,5 @@
 import { ProgressBarProps } from "./ProgressBar.types.js";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime26 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_runtime5.JSX.Element;
+}: ProgressBarProps) => react_jsx_runtime26.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_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime30 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_runtime8.JSX.Element;
+}: SeeqActionDropdownProps) => react_jsx_runtime30.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_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/SeeqActionDropdown/variants.d.ts
-declare const SeeqActionDropdownItem: (item: SeeqActionDropdownItems) => react_jsx_runtime10.JSX.Element;
-declare const ViewWorkbench: (item: SeeqActionDropdownItems) => react_jsx_runtime10.JSX.Element;
-declare const InsertSeeqContent: (item: SeeqActionDropdownItems) => react_jsx_runtime10.JSX.Element;
+declare const SeeqActionDropdownItem: (item: SeeqActionDropdownItems) => react_jsx_runtime22.JSX.Element;
+declare const ViewWorkbench: (item: SeeqActionDropdownItems) => react_jsx_runtime22.JSX.Element;
+declare const InsertSeeqContent: (item: SeeqActionDropdownItems) => react_jsx_runtime22.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_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime25 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_runtime6.JSX.Element;
+}: SegmentedControlProps<T>): react_jsx_runtime25.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_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime20 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_runtime13.JSX.Element;
+}: SelectProps) => react_jsx_runtime20.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_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/Slider/Slider.d.ts
 /**
@@ -20,6 +20,6 @@ declare const Slider: ({
   min,
   max,
   maxAccessible
-}: SliderProps) => react_jsx_runtime7.JSX.Element;
+}: SliderProps) => react_jsx_runtime21.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_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/SvgIcon/SvgIcon.d.ts
 
@@ -29,6 +29,6 @@ declare const SvgIcon: ({
   testId,
   customId,
   ...tooltipProps
-}: SvgIconProps) => react_jsx_runtime3.JSX.Element;
+}: SvgIconProps) => react_jsx_runtime14.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_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime1.JSX.Element;
+}: TabsProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { Tabs as default };

package/dist/src/TextArea/TextArea.d.ts

@@ -1,10 +1,10 @@
 import { TextAreaProps } from "./TextArea.types.js";
-import * as react0 from "react";
+import * as react3 from "react";
 
 //#region src/TextArea/TextArea.d.ts
 /**
  * TextArea.
  */
-declare const TextArea: react0.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react0.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: react3.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react3.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 export { TextArea };

package/dist/src/TextField/TextField.d.ts

@@ -1,21 +1,21 @@
 import { TooltipComponentProps } from "../Tooltip/Tooltip.types.js";
 import { FormControlElement, InputGroupPlacement } from "../types.js";
 import { InputLengthStyleProps } from "./TextField.types.js";
-import * as react1 from "react";
+import * as react5 from "react";
 
 //#region src/TextField/TextField.d.ts
 /**
  * Textfield.
  */
-declare const TextField: react1.ForwardRefExoticComponent<Omit<{
+declare const TextField: react5.ForwardRefExoticComponent<Omit<{
   readonly?: boolean | undefined;
   disabled?: boolean | undefined;
-  onChange?: react1.ChangeEventHandler<FormControlElement> | undefined;
-  onPaste?: react1.ClipboardEventHandler<FormControlElement> | undefined;
-  onKeyUp?: react1.KeyboardEventHandler<FormControlElement> | undefined;
-  onKeyDown?: react1.KeyboardEventHandler<FormControlElement> | undefined;
-  onFocus?: react1.FocusEventHandler<HTMLInputElement> | undefined;
-  onBlur?: react1.FocusEventHandler<FormControlElement> | undefined;
+  onChange?: react5.ChangeEventHandler<FormControlElement> | undefined;
+  onPaste?: react5.ClipboardEventHandler<FormControlElement> | undefined;
+  onKeyUp?: react5.KeyboardEventHandler<FormControlElement> | undefined;
+  onKeyDown?: react5.KeyboardEventHandler<FormControlElement> | undefined;
+  onFocus?: react5.FocusEventHandler<HTMLInputElement> | undefined;
+  onBlur?: react5.FocusEventHandler<FormControlElement> | undefined;
   id?: string | undefined;
   name?: string | undefined;
   size?: "lg" | "sm" | undefined;
@@ -24,7 +24,7 @@ declare const TextField: react1.ForwardRefExoticComponent<Omit<{
   extraClassNames?: string | undefined;
   type?: "email" | "number" | "password" | "text" | undefined;
   testId?: string | undefined;
-  ref?: react1.Ref<HTMLInputElement> | undefined;
+  ref?: react5.Ref<HTMLInputElement> | undefined;
   inputGroup?: InputGroupPlacement;
   step?: string | number | undefined;
   showError?: boolean | undefined;
@@ -36,6 +36,6 @@ declare const TextField: react1.ForwardRefExoticComponent<Omit<{
   inputHeight?: number | undefined;
   min?: number | undefined;
   max?: number | undefined;
-} & TooltipComponentProps & InputLengthStyleProps, "ref"> & react1.RefAttributes<HTMLInputElement>>;
+} & TooltipComponentProps & InputLengthStyleProps, "ref"> & react5.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { TextField };

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

@@ -1,5 +1,5 @@
 import { ToolbarButtonProps } from "./ToolbarButton.types.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime19 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_runtime2.JSX.Element;
+}: ToolbarButtonProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { ToolbarButton };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/Tooltip/Qtip.d.ts
 
@@ -26,6 +26,6 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
  *
  * and enjoy beautiful & performant tooltips!
  */
-declare const QTip: () => react_jsx_runtime0.JSX.Element;
+declare const QTip: () => react_jsx_runtime15.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_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/Tooltip/Tooltip.d.ts
 
@@ -17,6 +17,6 @@ declare const Tooltip: ({
   children,
   text,
   delay
-}: TooltipProps) => react_jsx_runtime9.JSX.Element;
+}: TooltipProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { Tooltip };

package/dist/src/TriggerWithDropdown/TriggerWithDropdown.d.ts

@@ -1,7 +1,7 @@
 import { TriggerWithDropdownProps } from "./TriggerWithDropdown.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/TriggerWithDropdown/TriggerWithDropdown.d.ts
-declare const TriggerWithDropdown: (props: TriggerWithDropdownProps) => react_jsx_runtime0.JSX.Element;
+declare const TriggerWithDropdown: (props: TriggerWithDropdownProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { TriggerWithDropdown as default };

package/dist/styles.css

@@ -967,6 +967,9 @@
   .tw\:bg-sq-surface {
     background-color: #ffffff;
   }
+  .tw\:bg-sq-surface\! {
+    background-color: #ffffff !important;
+  }
   .tw\:bg-sq-text-color {
     background-color: #3a3a3a;
   }
@@ -1605,6 +1608,13 @@
       }
     }
   }
+  .tw\:hover\:bg-sq-surface\! {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #ffffff !important;
+      }
+    }
+  }
   .tw\:hover\:bg-sq-theme-highlight {
     &:hover {
       @media (hover: hover) {
@@ -1717,6 +1727,11 @@
       background-color: var(--sqw-light-gray);
     }
   }
+  .tw\:focus\:bg-sq-surface\! {
+    &:focus {
+      background-color: #ffffff !important;
+    }
+  }
   .tw\:focus\:bg-sq-theme-darker {
     &:focus {
       background-color: var(--theme-darker);
@@ -1851,6 +1866,11 @@
       background-color: #eeedee;
     }
   }
+  .tw\:active\:bg-sq-surface\! {
+    &:active {
+      background-color: #ffffff !important;
+    }
+  }
   .tw\:active\:bg-sq-theme-darker {
     &:active {
       background-color: var(--theme-darker);
@@ -2065,6 +2085,11 @@
       background-color: #0d1117;
     }
   }
+  .tw\:dark\:bg-sq-dark-background\! {
+    &:where(.tw-dark, .tw-dark *) {
+      background-color: #0d1117 !important;
+    }
+  }
   .tw\:dark\:bg-sq-dark-disabled-gray {
     &:where(.tw-dark, .tw-dark *) {
       background-color: #223249;
@@ -2246,6 +2271,15 @@
       }
     }
   }
+  .tw\:dark\:hover\:bg-sq-dark-background\! {
+    &:where(.tw-dark, .tw-dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: #0d1117 !important;
+        }
+      }
+    }
+  }
   .tw\:dark\:hover\:bg-sq-field-disabled-gray\/30 {
     &:where(.tw-dark, .tw-dark *) {
       &:hover {
@@ -2344,6 +2378,13 @@
       }
     }
   }
+  .tw\:dark\:focus\:bg-sq-dark-background\! {
+    &:where(.tw-dark, .tw-dark *) {
+      &:focus {
+        background-color: #0d1117 !important;
+      }
+    }
+  }
   .tw\:dark\:focus\:bg-sq-highlight-color-dark {
     &:where(.tw-dark, .tw-dark *) {
       &:focus {
@@ -2423,6 +2464,13 @@
       }
     }
   }
+  .tw\:dark\:active\:bg-sq-dark-background\! {
+    &:where(.tw-dark, .tw-dark *) {
+      &:active {
+        background-color: #0d1117 !important;
+      }
+    }
+  }
   .tw\:dark\:active\:bg-sq-dark-disabled-gray\/30 {
     &:where(.tw-dark, .tw-dark *) {
       &:active {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.236",
+  "version": "0.0.237",
   "type": "module",
   "main": "dist/index.js",
   "source": "src/index.ts",