@seeqdev/qomponents 0.0.209 → 0.0.215

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

@@ -1,6 +1,50 @@
-/**
- * Build entry point for standalone qomponents dist/ package
- * This imports Tailwind-enabled CSS and then re-exports everything
- */
-import './styles.build.css';
-export * from './index';
+import { 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";
+import { Alert } from "./Alert/Alert.js";
+import { IconProps, IconSize, IconType, iconTypes } from "./Icon/Icon.types.js";
+import { ButtonProps, ButtonSize, ButtonType, ButtonVariant, IconPosition, buttonSizes, buttonTypes, buttonVariants, iconPositions } from "./Button/Button.types.js";
+import Button from "./Button/Button.js";
+import { ButtonGroupProps } from "./ButtonGroup/ButtonGroup.types.js";
+import { ButtonGroup } from "./ButtonGroup/ButtonGroup.js";
+import { ToolbarButtonProps, ToolbarButtonVariant, toolbarButtonVariants } from "./ToolbarButton/ToolbarButton.types.js";
+import { ToolbarButton } from "./ToolbarButton/ToolbarButton.js";
+import { TriggerWithDropdownProps } from "./TriggerWithDropdown/TriggerWithDropdown.types.js";
+import { ButtonWithPopoverProps } from "./ButtonWithPopover/ButtonWithPopover.types.js";
+import { CarouselProps } from "./Carousel/Carousel.types.js";
+import { CheckboxProps } from "./Checkbox/Checkbox.types.js";
+import { CollapseProps } from "./Collapse/Collapse.types.js";
+import { AppendedProps, InputGroupProps } from "./InputGroup/InputGroup.types.js";
+import { ModalProps, ModalSize, TitleIconPosition } from "./Modal/Modal.types.js";
+import { ProgressBarProps, ProgressIndicatorProps } from "./ProgressBar/ProgressBar.types.js";
+import { SeeqActionDropdownItems, SeeqActionDropdownProps } from "./SeeqActionDropdown/SeeqActionDropdown.types.js";
+import { GroupedOption, Option, SelectProps } from "./Select/Select.types.js";
+import { SliderProps } from "./Slider/Slider.types.js";
+import { SvgIconProps, SvgIconType, svgIconTypes } from "./SvgIcon/SvgIcon.types.js";
+import { TabsProps } from "./Tabs/Tabs.types.js";
+import { TextAreaProps } from "./TextArea/TextArea.types.js";
+import { QTipDataAttributes } from "./Tooltip/QTip.types.js";
+import { FormControlElement, InputGroupPlacement } from "./types.js";
+import { DimensionStyle, InputLengthStyleProps, TextFieldProps } from "./TextField/TextField.types.js";
+import { TextField } from "./TextField/TextField.js";
+import { Checkbox } from "./Checkbox/Checkbox.js";
+import { TextArea } from "./TextArea/TextArea.js";
+import { Tooltip } from "./Tooltip/Tooltip.js";
+import { QTip } from "./Tooltip/Qtip.js";
+import Icon from "./Icon/Icon.js";
+import Select from "./Select/Select.js";
+import { GroupBase, OptionProps, SelectComponents } from "./Select/index.js";
+import Modal from "./Modal/Modal.js";
+import Tabs from "./Tabs/Tabs.js";
+import ButtonWithPopover from "./ButtonWithPopover/ButtonWithPopover.js";
+import TriggerWithDropdown from "./TriggerWithDropdown/TriggerWithDropdown.js";
+import SeeqActionDropdown from "./SeeqActionDropdown/SeeqActionDropdown.js";
+import { InputGroup } from "./InputGroup/InputGroup.js";
+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 { ButtonWithDropdownProps, DropdownItems, DropdownProps, DropdownSubItem } from "./ButtonWithDropdown/ButtonWithDropdown.types.js";
+import ButtonWithDropdown from "./ButtonWithDropdown/ButtonWithDropdown.js";
+export { Accordion, AccordionProps, Alert, AlertProps, AppendedProps, 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, 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 };

package/dist/src/index.d.ts

@@ -1,46 +1,50 @@
-import Button from './Button';
-import ToolbarButton from './ToolbarButton';
-import TextField from './TextField';
-import Checkbox from './Checkbox';
-import TextArea from './TextArea';
-import { QTip, Tooltip } from './Tooltip';
-import Icon from './Icon';
-import Select, { type GroupBase, type OptionProps, SelectComponents } from './Select';
-import Modal from './Modal';
-import Tabs from './Tabs';
-import Accordion from './Accordion';
-import ButtonWithPopover from './ButtonWithPopover';
-import ButtonWithDropdown from './ButtonWithDropdown';
-import TriggerWithDropdown from './TriggerWithDropdown';
-import Alert from './Alert';
-import SeeqActionDropdown from './SeeqActionDropdown';
-import InputGroup from './InputGroup';
-import Collapse from './Collapse';
-import Slider from './Slider';
-import ProgressBar from './ProgressBar';
-import ButtonGroup from './ButtonGroup';
-import Carousel from './Carousel';
-export { Tabs };
-export { Button };
-export { ToolbarButton };
-export { TextField };
-export { TextArea };
-export { Tooltip };
-export { Checkbox };
-export { Icon };
-export { Select, SelectComponents, type GroupBase, type OptionProps };
-export { QTip };
-export { Modal };
-export { Accordion };
-export { ButtonWithPopover };
-export { ButtonWithDropdown };
-export { TriggerWithDropdown };
-export { Alert };
-export { SeeqActionDropdown };
-export { InputGroup };
-export { Collapse };
-export { Slider };
-export { ProgressBar };
-export { ButtonGroup };
-export { Carousel };
-export * from './types';
+import { 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";
+import { Alert } from "./Alert/Alert.js";
+import { IconProps, IconSize, IconType, iconTypes } from "./Icon/Icon.types.js";
+import { ButtonProps, ButtonSize, ButtonType, ButtonVariant, IconPosition, buttonSizes, buttonTypes, buttonVariants, iconPositions } from "./Button/Button.types.js";
+import Button from "./Button/Button.js";
+import { ButtonGroupProps } from "./ButtonGroup/ButtonGroup.types.js";
+import { ButtonGroup } from "./ButtonGroup/ButtonGroup.js";
+import { ToolbarButtonProps, ToolbarButtonVariant, toolbarButtonVariants } from "./ToolbarButton/ToolbarButton.types.js";
+import { ToolbarButton } from "./ToolbarButton/ToolbarButton.js";
+import { TriggerWithDropdownProps } from "./TriggerWithDropdown/TriggerWithDropdown.types.js";
+import { ButtonWithPopoverProps } from "./ButtonWithPopover/ButtonWithPopover.types.js";
+import { CarouselProps } from "./Carousel/Carousel.types.js";
+import { CheckboxProps } from "./Checkbox/Checkbox.types.js";
+import { CollapseProps } from "./Collapse/Collapse.types.js";
+import { AppendedProps, InputGroupProps } from "./InputGroup/InputGroup.types.js";
+import { ModalProps, ModalSize, TitleIconPosition } from "./Modal/Modal.types.js";
+import { ProgressBarProps, ProgressIndicatorProps } from "./ProgressBar/ProgressBar.types.js";
+import { SeeqActionDropdownItems, SeeqActionDropdownProps } from "./SeeqActionDropdown/SeeqActionDropdown.types.js";
+import { GroupedOption, Option, SelectProps } from "./Select/Select.types.js";
+import { SliderProps } from "./Slider/Slider.types.js";
+import { SvgIconProps, SvgIconType, svgIconTypes } from "./SvgIcon/SvgIcon.types.js";
+import { TabsProps } from "./Tabs/Tabs.types.js";
+import { TextAreaProps } from "./TextArea/TextArea.types.js";
+import { QTipDataAttributes } from "./Tooltip/QTip.types.js";
+import { FormControlElement, InputGroupPlacement } from "./types.js";
+import { DimensionStyle, InputLengthStyleProps, TextFieldProps } from "./TextField/TextField.types.js";
+import { TextField } from "./TextField/TextField.js";
+import { Checkbox } from "./Checkbox/Checkbox.js";
+import { TextArea } from "./TextArea/TextArea.js";
+import { Tooltip } from "./Tooltip/Tooltip.js";
+import { QTip } from "./Tooltip/Qtip.js";
+import Icon from "./Icon/Icon.js";
+import Select from "./Select/Select.js";
+import { GroupBase, OptionProps, SelectComponents } from "./Select/index.js";
+import Modal from "./Modal/Modal.js";
+import Tabs from "./Tabs/Tabs.js";
+import ButtonWithPopover from "./ButtonWithPopover/ButtonWithPopover.js";
+import TriggerWithDropdown from "./TriggerWithDropdown/TriggerWithDropdown.js";
+import SeeqActionDropdown from "./SeeqActionDropdown/SeeqActionDropdown.js";
+import { InputGroup } from "./InputGroup/InputGroup.js";
+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 { ButtonWithDropdownProps, DropdownItems, DropdownProps, DropdownSubItem } from "./ButtonWithDropdown/ButtonWithDropdown.types.js";
+import ButtonWithDropdown from "./ButtonWithDropdown/ButtonWithDropdown.js";
+export { Accordion, AccordionProps, Alert, AlertProps, AppendedProps, 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, 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 };

package/dist/src/test-utils/is-browser-mode.d.ts

@@ -1,10 +1,13 @@
+//#region src/test-utils/is-browser-mode.d.ts
 /**
  * Check if tests are running in Playwright browser mode vs happy-dom/Node mode.
  *
  * Vitest 4.0.x doesn't reliably support import.meta.env in browser projects,
  * so this uses user agent detection for now.
  */
-export declare function isBrowserMode(): boolean;
-export declare function isHappyDomMode(): boolean;
-export declare function isNodeMode(): boolean;
-export declare function isHeadlessBrowserMode(): boolean;
+declare function isBrowserMode(): boolean;
+declare function isHappyDomMode(): boolean;
+declare function isNodeMode(): boolean;
+declare function isHeadlessBrowserMode(): boolean;
+//#endregion
+export { isBrowserMode, isHappyDomMode, isHeadlessBrowserMode, isNodeMode };

package/dist/src/types.d.ts

@@ -1,28 +1,30 @@
-export type InputGroupPlacement = 'left' | 'right' | undefined;
-export type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-export * from './Accordion/Accordion.types';
-export * from './Alert/Alert.types';
-export * from './Button/Button.types';
-export * from './ButtonGroup/ButtonGroup.types';
-export * from './ButtonWithDropdown/ButtonWithDropdown.types';
-export * from './TriggerWithDropdown/TriggerWithDropdown.types';
-export * from './ButtonWithPopover/ButtonWithPopover.types';
-export * from './Carousel/Carousel.types';
-export * from './Checkbox/Checkbox.types';
-export * from './Collapse/Collapse.types';
-export * from './Icon/Icon.types';
-export * from './InputGroup/InputGroup.types';
-export * from './Modal/Modal.types';
-export * from './ProgressBar/ProgressBar.types';
-export * from './SeeqActionDropdown/SeeqActionDropdown.types';
-export * from './Select/Select.types';
-export * from './Slider/Slider.types';
-export * from './SvgIcon/SvgIcon.types';
-export * from './Tabs/Tabs.types';
-export * from './TextArea/TextArea.types';
-export * from './TextField/TextField.types';
-export * from './ToolbarButton/ToolbarButton.types';
-export * from './Tooltip/QTip.types';
-export * from './Tooltip/Tooltip.types';
-export type { ToolbarButtonVariant, ToolbarButtonProps } from './ToolbarButton/ToolbarButton.types';
-export { toolbarButtonVariants } from './ToolbarButton/ToolbarButton.types';
+import { 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";
+import { ButtonProps, ButtonSize, ButtonType, ButtonVariant, IconPosition, buttonSizes, buttonTypes, buttonVariants, iconPositions } from "./Button/Button.types.js";
+import { ButtonGroupProps } from "./ButtonGroup/ButtonGroup.types.js";
+import { ToolbarButtonProps, ToolbarButtonVariant, toolbarButtonVariants } from "./ToolbarButton/ToolbarButton.types.js";
+import { TriggerWithDropdownProps } from "./TriggerWithDropdown/TriggerWithDropdown.types.js";
+import { ButtonWithPopoverProps } from "./ButtonWithPopover/ButtonWithPopover.types.js";
+import { CarouselProps } from "./Carousel/Carousel.types.js";
+import { CheckboxProps } from "./Checkbox/Checkbox.types.js";
+import { CollapseProps } from "./Collapse/Collapse.types.js";
+import { AppendedProps, InputGroupProps } from "./InputGroup/InputGroup.types.js";
+import { ModalProps, ModalSize, TitleIconPosition } from "./Modal/Modal.types.js";
+import { ProgressBarProps, ProgressIndicatorProps } from "./ProgressBar/ProgressBar.types.js";
+import { SeeqActionDropdownItems, SeeqActionDropdownProps } from "./SeeqActionDropdown/SeeqActionDropdown.types.js";
+import { GroupedOption, Option, SelectProps } from "./Select/Select.types.js";
+import { SliderProps } from "./Slider/Slider.types.js";
+import { SvgIconProps, SvgIconType, svgIconTypes } from "./SvgIcon/SvgIcon.types.js";
+import { TabsProps } from "./Tabs/Tabs.types.js";
+import { TextAreaProps } from "./TextArea/TextArea.types.js";
+import { QTipDataAttributes } from "./Tooltip/QTip.types.js";
+import { DimensionStyle, InputLengthStyleProps, TextFieldProps } from "./TextField/TextField.types.js";
+import { ButtonWithDropdownProps, DropdownItems, DropdownProps, DropdownSubItem } from "./ButtonWithDropdown/ButtonWithDropdown.types.js";
+
+//#region src/types.d.ts
+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, 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, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };

package/dist/src/utils/browserId.d.ts

@@ -1,9 +1,12 @@
+//#region src/utils/browserId.d.ts
 /**
  * @exports the browser id (i.e., 'IE 11' 'Chrome 90')
  * @see http://stackoverflow.com/questions/2400935/browser-detection-in-javascript
  */
-export declare const browserId: string;
-export declare const browserName: string;
-export declare const browserVersion: number | "";
-export declare const browserIsFirefox: boolean | "";
-export declare const browserIsEdgeBeforeChromium: boolean | "" | 0;
+declare const browserId: string;
+declare const browserName: string;
+declare const browserVersion: number | "";
+declare const browserIsFirefox: "" | boolean;
+declare const browserIsEdgeBeforeChromium: "" | 0 | boolean;
+//#endregion
+export { browserId, browserIsEdgeBeforeChromium, browserIsFirefox, browserName, browserVersion };

package/dist/src/utils/svg.d.ts

@@ -1,15 +1,18 @@
-export declare const SVG_PATH = "svgpath:";
+//#region src/utils/svg.d.ts
+declare const SVG_PATH = "svgpath:";
 /**
  * Determines if an icon is SVG
  *
  * @param icon - an icon string that will either be an icon class or an SVG path definition (e.g. "fa fa-wrench" or
  * "svgpath:M 17.0181 0 ...")
  */
-export declare function isSvgIcon(icon: string): boolean;
+declare function isSvgIcon(icon: string): boolean;
 /**
  * Retrieves the SVG path from an SVG icon
  *
  * @param icon - an SVG icon string including path definition (e.g. "svgpath:M 17.0181 0 ...")
  * @returns the SVG icon path or an empty string if the supplied icon is not SVG
  */
-export declare function getSvgIconPath(icon: string): string;
+declare function getSvgIconPath(icon: string): string;
+//#endregion
+export { SVG_PATH, getSvgIconPath, isSvgIcon };

package/dist/src/utils/validateStyleDimension.d.ts

@@ -1,2 +1,6 @@
-import { DimensionStyle } from '../TextField/TextField.types';
-export declare const setValidInputDimension: (width?: number, height?: number) => DimensionStyle | undefined;
+import { DimensionStyle } from "../TextField/TextField.types.js";
+
+//#region src/utils/validateStyleDimension.d.ts
+declare const setValidInputDimension: (width?: number | undefined, height?: number | undefined) => DimensionStyle | undefined;
+//#endregion
+export { setValidInputDimension };

package/dist/styles.css

@@ -208,9 +208,6 @@
   }
 }
 @layer utilities {
-  .tw\:pointer-events-auto {
-    pointer-events: auto;
-  }
   .tw\:pointer-events-auto\! {
     pointer-events: auto !important;
   }
@@ -238,6 +235,9 @@
   .tw\:-top-2 {
     top: calc(var(--tw-spacing) * -2);
   }
+  .tw\:top-0 {
+    top: calc(var(--tw-spacing) * 0);
+  }
   .tw\:top-1\/2 {
     top: calc(1/2 * 100%);
   }
@@ -262,6 +262,9 @@
   .tw\:left-1\/2 {
     left: calc(1/2 * 100%);
   }
+  .tw\:left-\[50\%\] {
+    left: 50%;
+  }
   .tw\:z-50 {
     z-index: 50;
   }
@@ -307,6 +310,9 @@
   .tw\:my-2 {
     margin-block: calc(var(--tw-spacing) * 2);
   }
+  .tw\:my-6 {
+    margin-block: calc(var(--tw-spacing) * 6);
+  }
   .tw\:-mt-0\.5 {
     margin-top: calc(var(--tw-spacing) * -0.5);
   }
@@ -570,6 +576,10 @@
     --tw-translate-x: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .tw\:translate-x-\[-50\%\] {
+    --tw-translate-x: -50%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .tw\:translate-x-full {
     --tw-translate-x: 100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -640,9 +650,6 @@
   .tw\:items-end {
     align-items: flex-end;
   }
-  .tw\:items-start {
-    align-items: flex-start;
-  }
   .tw\:justify-between {
     justify-content: space-between;
   }
@@ -1218,12 +1225,6 @@
       position: absolute;
     }
   }
-  .tw\:before\:inset-0 {
-    &::before {
-      content: var(--tw-content);
-      inset: calc(var(--tw-spacing) * 0);
-    }
-  }
   .tw\:before\:-top-4 {
     &::before {
       content: var(--tw-content);
@@ -1335,31 +1336,12 @@
       border-left-color: transparent;
     }
   }
-  .tw\:before\:bg-sq-dark-background {
-    &::before {
-      content: var(--tw-content);
-      background-color: #0d1117;
-    }
-  }
-  .tw\:before\:opacity-50 {
-    &::before {
-      content: var(--tw-content);
-      opacity: 50%;
-    }
-  }
   .tw\:before\:content-\[\'\'\] {
     &::before {
       --tw-content: '';
       content: var(--tw-content);
     }
   }
-  .tw\:before\:select-none {
-    &::before {
-      content: var(--tw-content);
-      -webkit-user-select: none;
-      user-select: none;
-    }
-  }
   .tw\:first\:ml-0 {
     &:first-child {
       margin-left: calc(var(--tw-spacing) * 0);
@@ -2406,6 +2388,9 @@
   text-align: center;
   width: 1.25em;
 }
+.fc-models:before {
+  content: '\e9c6' !important;
+}
 .fc-ancestor:before {
   content: '\e9bf' !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.209",
+  "version": "0.0.215",
   "type": "module",
   "main": "dist/index.js",
   "source": "src/index.ts",
@@ -32,8 +32,6 @@
   "devDependencies": {
     "@ladle/react": "5.0.3",
     "@react-types/shared": "3.30.0",
-    "@rollup/plugin-commonjs": "25.0.7",
-    "@rollup/plugin-node-resolve": "16.0.0",
     "@tailwindcss/forms": "0.5.3",
     "@tailwindcss/postcss": "4.1.18",
     "@tailwindcss/vite": "4.1.12",
@@ -47,9 +45,9 @@
     "@types/tinycolor2": "1.4.2",
     "@typescript/native-preview": "7.0.0-dev.20260102.1",
     "@vitejs/plugin-react-swc": "4.2.3",
-    "@vitest/browser": "4.0.18",
-    "@vitest/browser-playwright": "4.0.18",
-    "@vitest/coverage-v8": "4.0.18",
+    "@vitest/browser": "4.1.2",
+    "@vitest/browser-playwright": "4.1.2",
+    "@vitest/coverage-v8": "4.1.2",
     "autoprefixer": "10.4.17",
     "color": "4.2.3",
     "cross-env": "10.0.0",
@@ -59,16 +57,17 @@
     "prettier": "^3.8.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
-    "rollup": "4.22.4",
     "rollup-plugin-copy": "3.5.0",
-    "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
-    "rollup-plugin-typescript2": "0.36.0",
+    "rimraf": "6.0.1",
+    "glob": "13.0.3",
+    "rolldown": "1.0.0-beta.35",
+    "rolldown-plugin-dts": "0.16.1",
     "tailwindcss": "4.1.16",
     "ts-node": "10.9.2",
     "typescript": "5.9.3",
     "vite": "7.3.1",
-    "vitest": "4.0.18",
+    "vitest": "4.1.2",
     "vitest-fail-on-console": "0.10.1"
   },
   "dependencies": {
@@ -92,12 +91,14 @@
     "tinycolor2": "1.4.1"
   },
   "scripts": {
-    "build": "rollup -c",
-    "test": "cross-env TZ=UTC LANG=en-US vitest run",
+    "clean": "rimraf dist",
+    "build": "pnpm clean && rolldown -c rolldown.config.js",
+    "test": "cross-env TZ=UTC LANG=en-US vitest run && pnpm test:build",
     "test:unit": "cross-env TZ=UTC LANG=en-US vitest run --project=unit",
     "test:component": "cross-env TZ=UTC LANG=en-US vitest run --project=component",
     "test:browser": "cross-env TZ=UTC LANG=en-US vitest run --project=browser",
     "test:browser:ui": "cross-env TZ=UTC LANG=en-US vitest --project=browser --browser.headless=false",
+    "test:build": "pnpm build && cross-env TZ=UTC LANG=en-US vitest run -c vitest.build.config.ts",
     "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",