@ultraviolet/ui 3.5.0 → 3.6.0

package/dist/components/SelectInput/components/dropdown.css.js

@@ -7,16 +7,19 @@ var dropdownContainerUnGrouped = "uv_5kpm8k3";
 var dropdownGroup = "uv_5kpm8k4";
 var dropdownGroupSelectable = "uv_5kpm8k5";
 var dropdownGroupWrapper = "uv_5kpm8k6";
-var dropdownItem = createRuntimeFn({ defaultClassName: "uv_5kpm8k8 uv_5kpm8k7", variantClassNames: { disabled: { true: "uv_5kpm8k9" }, selected: { true: "uv_5kpm8ka" } }, defaultVariants: { disabled: false, selected: false }, compoundVariants: [] });
-var footer = "uv_5kpm8kb";
-var dropdownCheckbox = "uv_5kpm8kc";
-var dropdownEmptyState = "uv_5kpm8kd";
-var dropdownLoadMore = "uv_5kpm8ke";
-var dropdownInfo = "uv_5kpm8kf";
-var dropdownInfoTextItem = "uv_5kpm8kg";
-var dropdownInfoContainer = "uv_5kpm8kh";
-var searchBar = "uv_5kpm8ki";
+var emptyStateGroupStyle = "uv_5kpm8k7";
+var dropdownItem = createRuntimeFn({ defaultClassName: "uv_5kpm8k9 uv_5kpm8k8 uv_5kpm8k7", variantClassNames: { selected: { true: "uv_5kpm8ka" }, disabled: { true: "uv_5kpm8kb" } }, defaultVariants: { disabled: false, selected: false }, compoundVariants: [] });
+var footer = "uv_5kpm8kc";
+var dropdownCheckbox = "uv_5kpm8kd";
+var dropdownEmptyState = "uv_5kpm8ke";
+var dropdownLoadMore = "uv_5kpm8kf";
+var dropdownInfo = "uv_5kpm8kg";
+var dropdownInfoTextItem = "uv_5kpm8kh";
+var dropdownInfoContainer = "uv_5kpm8ki";
+var searchBar = "uv_5kpm8kj";
+var comboboxCreate = "uv_5kpm8kk uv_5kpm8k8 uv_5kpm8k7";
 export {
+  comboboxCreate,
   dropdown,
   dropdownCheckbox,
   dropdownContainer,
@@ -31,6 +34,7 @@ export {
   dropdownItem,
   dropdownLoadMore,
   dropdownWidth,
+  emptyStateGroupStyle,
   footer,
   searchBar
 };

package/dist/components/SelectInput/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const DROPDOWN_MAX_HEIGHT = 256;
+export declare const OPTION_SELECTOR = "#items > div[role=\"option\"]:not([aria-disabled=\"true\"]), #add-option";
+export declare const SIZES_TAG: {
+    gap: number;
+    paddings: number;
+    plusTag: number;
+};
+export declare const INPUT_SIZE_HEIGHT: {
+    readonly large: "600";
+    readonly medium: "500";
+    readonly small: "400";
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/SelectInput/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAGtC,eAAO,MAAM,eAAe,6EAC4C,CAAA;AAExE,eAAO,MAAM,SAAS;;;;CAIrB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAA"}

package/dist/components/SelectInput/constants.js

@@ -0,0 +1,18 @@
+const DROPDOWN_MAX_HEIGHT = 256;
+const OPTION_SELECTOR = '#items > div[role="option"]:not([aria-disabled="true"]), #add-option';
+const SIZES_TAG = {
+  gap: 8,
+  paddings: 16
+};
+const INPUT_SIZE_HEIGHT = {
+  large: "600",
+  medium: "500",
+  small: "400"
+  // sizing theme tokens key
+};
+export {
+  DROPDOWN_MAX_HEIGHT,
+  INPUT_SIZE_HEIGHT,
+  OPTION_SELECTOR,
+  SIZES_TAG
+};

package/dist/components/SelectInput/index.d.ts

@@ -30,10 +30,6 @@ type SelectInputProps<IsMulti extends undefined | boolean = false> = {
      * Message to show when no option available
      */
     emptyState?: ReactNode;
-    /**
-     * Whether it is possible to search through the input
-     */
-    searchable?: boolean;
     /**
      * Whether the component in disabled
      */
@@ -74,6 +70,14 @@ type SelectInputProps<IsMulti extends undefined | boolean = false> = {
      * Display an error message under the select bar
      */
     error?: string | boolean;
+    searchable?: boolean;
+    /**
+     * When searchable, set a combobox to dynamically add an option
+     */
+    addOption?: {
+        text: string;
+        onClick: (searchText: string) => void;
+    };
     /**
      * Display a success message under the select bar
      */
@@ -123,10 +127,12 @@ type SelectInputProps<IsMulti extends undefined | boolean = false> = {
      * Please wrap that definition in useCallback
      */
     onOpen?: () => void;
+    groupError?: Record<string, ReactNode>;
+    groupEmptyState?: Record<string, ReactNode>;
 } & Pick<HTMLAttributes<HTMLDivElement>, 'id' | 'onBlur' | 'onFocus' | 'aria-label' | 'className' | 'style'>;
 /**
  * SelectInput component is used to select one or many elements from a selection.
  */
-export declare const SelectInput: <IsMulti extends undefined | boolean>({ name, id, onBlur, onFocus, onChange, "aria-label": ariaLabel, value, label, helper, options, size, emptyState, descriptionDirection, success, error, "data-testid": dataTestId, className, tooltip, footer, placeholderSearch, placeholder, searchable, disabled, readOnly, clearable, multiselect, required, labelDescription, autofocus, loadMore, optionalInfoPlacement, isLoading, selectAll, selectAllGroup, dropdownAlign, portalTarget, onOpen, style, }: SelectInputProps<IsMulti>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectInput: <IsMulti extends undefined | boolean>({ name, id, onBlur, onFocus, onChange, "aria-label": ariaLabel, value, label, helper, options, size, emptyState, descriptionDirection, success, error, "data-testid": dataTestId, className, tooltip, footer, placeholderSearch, placeholder, searchable, disabled, readOnly, clearable, multiselect, required, labelDescription, autofocus, loadMore, optionalInfoPlacement, isLoading, selectAll, selectAllGroup, dropdownAlign, portalTarget, onOpen, groupEmptyState, groupError, style, addOption, }: SelectInputProps<IsMulti>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/SelectInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAOrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,gBAAgB,CAAC,OAAO,SAAS,SAAS,GAAG,OAAO,GAAG,KAAK,IAAI;IACnE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,OAAO,EAAE,QAAQ,CAAA;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACvC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxC;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,SAAS,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,CAAA;IAChD,QAAQ,CAAC,EAAE,OAAO,SAAS,IAAI,GAC3B,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,GACzB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;IAC3D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,IAAI,CACN,cAAc,CAAC,cAAc,CAAC,EAC9B,IAAI,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,SAAS,SAAS,GAAG,OAAO,EAAE,mcAuC9D,gBAAgB,CAAC,OAAO,CAAC,4CAsG3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/SelectInput/index.js

@@ -47,7 +47,10 @@ const SelectInput = ({
   dropdownAlign,
   portalTarget,
   onOpen,
-  style
+  groupEmptyState,
+  groupError,
+  style,
+  addOption
 }) => {
   const localId = useId();
   const finalId = id ?? localId;
@@ -82,10 +85,13 @@ const SelectInput = ({
             /* @__PURE__ */ jsx(
               Dropdown,
               {
+                addOption,
                 descriptionDirection,
                 dropdownAlign,
                 emptyState,
                 footer,
+                groupEmptyState,
+                groupError,
                 id: dropdownId,
                 isLoading,
                 loadMore,

package/dist/components/SelectInput/types.d.ts

@@ -36,9 +36,4 @@ export type ReducerAction = {
     selectedValues: ReducerState['selectedValues'];
     selectedGroups: ReducerState['selectedGroups'];
 };
-export declare const INPUT_SIZE_HEIGHT: {
-    readonly large: "600";
-    readonly medium: "500";
-    readonly small: "400";
-};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/SelectInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,CACA;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,GACtC;IACE,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACnB,CACJ,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,GAAG,UAAU,EAAE,CAAA;AAElE,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,GAC9C;IACE,IAAI,EAAE,cAAc,CAAA;IACpB,aAAa,EAAE,UAAU,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GACD;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IACE,IAAI,EAAE,OAAO,CAAA;IACb,cAAc,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;IAC9C,cAAc,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAC/C,CAAA;AAEL,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,CACA;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,GACtC;IACE,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACnB,CACJ,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,GAAG,UAAU,EAAE,CAAA;AAElE,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,GAC9C;IACE,IAAI,EAAE,cAAc,CAAA;IACpB,aAAa,EAAE,UAAU,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GACD;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IACE,IAAI,EAAE,OAAO,CAAA;IACb,cAAc,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;IAC9C,cAAc,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAC/C,CAAA"}

package/dist/components/Slider/components/DoubleSlider.d.ts

@@ -1,3 +1,3 @@
 import type { DoubleSliderProps } from '../types';
-export declare const DoubleSlider: ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min, max, step, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, "aria-label": ariaLabel, labelDescription, }: DoubleSliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DoubleSlider: ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min, max, step, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, "aria-label": ariaLabel, labelDescription, customValueDisplay, }: DoubleSliderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DoubleSlider.d.ts.map

package/dist/components/Slider/components/DoubleSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/DoubleSlider.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,eAAO,MAAM,YAAY,GAAI,+PA0B1B,iBAAiB,4CAmXnB,CAAA"}
+{"version":3,"file":"DoubleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/DoubleSlider.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,eAAO,MAAM,YAAY,GAAI,mRA2B1B,iBAAiB,4CAoXnB,CAAA"}

package/dist/components/Slider/components/DoubleSlider.js

@@ -37,7 +37,8 @@ const DoubleSlider = ({
   required,
   tooltipPosition,
   "aria-label": ariaLabel,
-  labelDescription
+  labelDescription,
+  customValueDisplay
 }) => {
   const theme = useTheme();
   const localId = useId();
@@ -209,15 +210,18 @@ const DoubleSlider = ({
     });
   }, [min, max, value]);
   return /* @__PURE__ */ jsxs(Stack, { direction: "column", gap: 1, justifyContent: "left", children: [
-    label ? /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ jsx(
-      Label,
-      {
-        htmlFor: finalId,
-        labelDescription,
-        required,
-        children: label
-      }
-    ) }) : null,
+    label ? /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx(
+        Label,
+        {
+          htmlFor: finalId,
+          labelDescription,
+          required,
+          children: label
+        }
+      ),
+      customValueDisplay
+    ] }) : null,
     /* @__PURE__ */ jsxs(Stack, { direction, gap: 1, width: "100%", children: [
       direction === "column" ? /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [
         styledValue(leftToShow, "left"),

package/dist/components/Slider/components/SingleSlider.d.ts

@@ -1,3 +1,3 @@
 import type { SingleSliderProps } from '../types';
-export declare const SingleSlider: ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min, max, step, id, onBlur, unit, options, onFocus, className, label, input, prefix, suffix, required, labelDescription, "aria-label": ariaLabel, tooltipPosition, }: SingleSliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleSlider: ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min, max, step, id, onBlur, unit, options, onFocus, className, label, input, prefix, suffix, required, labelDescription, customValueDisplay, "aria-label": ariaLabel, tooltipPosition, }: SingleSliderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SingleSlider.d.ts.map

package/dist/components/Slider/components/SingleSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SingleSlider.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAKjD,eAAO,MAAM,YAAY,GAAI,+PA0B1B,iBAAiB,4CA8NnB,CAAA"}
+{"version":3,"file":"SingleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SingleSlider.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAKjD,eAAO,MAAM,YAAY,GAAI,mRA2B1B,iBAAiB,4CA6OnB,CAAA"}

package/dist/components/Slider/components/SingleSlider.js

@@ -36,6 +36,7 @@ const SingleSlider = ({
   suffix,
   required,
   labelDescription,
+  customValueDisplay,
   "aria-label": ariaLabel,
   tooltipPosition
 }) => {
@@ -174,11 +175,15 @@ const SingleSlider = ({
               children: label
             }
           ),
-          direction === "column" ? styledValue(valueToShow) : null
+          direction === "column" && (input || !customValueDisplay) ? styledValue(valueToShow) : null,
+          direction === "column" && customValueDisplay && !input ? customValueDisplay : null
         ]
       }
     ) : null,
-    /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "flex-end", children: direction === "column" && !label ? styledValue(valueToShow) : null }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "flex-end", children: [
+      direction === "column" && !label && (input || !customValueDisplay) ? styledValue(valueToShow) : null,
+      direction === "column" && !label && customValueDisplay && !input ? customValueDisplay : null
+    ] }),
     /* @__PURE__ */ jsxs(Stack, { direction: "column", gap: 1, justifyContent: "center", width: "100%", children: [
       /* @__PURE__ */ jsx(
         Tooltip,
@@ -239,7 +244,8 @@ const SingleSlider = ({
         }
       ) : null
     ] }),
-    direction === "row" ? styledValue(valueToShow) : null
+    direction === "row" && (input || !customValueDisplay) ? styledValue(valueToShow) : null,
+    direction === "row" && customValueDisplay && !input ? customValueDisplay : null
   ] });
 };
 export {

package/dist/components/Slider/index.d.ts

@@ -4,5 +4,5 @@ import type { SliderProps } from './types';
  * - For a simple slider (one handle) : prop `value` must be number.
  * - For a double slider (two handles):  prop `value` must be an array of numbers (of length 2) and prop `double` must be set to `true`. **Make sure that others props have the correct type.**
  */
-export declare const Slider: ({ name, label, helper, tooltip, direction, input, prefix, unit, suffix, required, disabled, error, options, "data-testid": dataTestId, value, onChange, min, double, max, step, id, onBlur, onFocus, className, tooltipPosition, style, labelDescription, "aria-label": ariaLabel, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Slider: ({ name, label, helper, tooltip, direction, input, prefix, unit, suffix, required, disabled, error, options, "data-testid": dataTestId, value, onChange, min, double, max, step, id, onBlur, onFocus, className, tooltipPosition, style, customValueDisplay, labelDescription, "aria-label": ariaLabel, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,sRA6BpB,WAAW,4CA8Fb,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,0SA8BpB,WAAW,4CAgGb,CAAA"}

package/dist/components/Slider/index.js

@@ -33,6 +33,7 @@ const Slider = ({
   className,
   tooltipPosition = "top",
   style,
+  customValueDisplay,
   labelDescription,
   "aria-label": ariaLabel
 }) => {
@@ -61,6 +62,7 @@ const Slider = ({
           {
             "aria-label": ariaLabel,
             className,
+            customValueDisplay,
             "data-testid": dataTestId,
             direction,
             disabled,
@@ -90,6 +92,7 @@ const Slider = ({
           {
             "aria-label": ariaLabel,
             className,
+            customValueDisplay,
             "data-testid": dataTestId,
             direction,
             disabled,

package/dist/components/Slider/types.d.ts

@@ -48,6 +48,11 @@ type DefaultProps = {
      * Whether an error occured
      */
     error?: string | boolean;
+    /**
+     * Display this content instead of the slider value.
+     * For a single slider (`double="false"`), if a prefix or a suffix is defined, this prop overrides them
+     */
+    customValueDisplay?: ReactNode;
     /**
      * Options for a non-linear scale, overrides `min`, `max`. This is usefull if step is not enough to get the desired granularity.
      */

package/dist/components/Slider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAE7C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CACN,cAAc,CAAC,gBAAgB,CAAC,EAChC,IAAI,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnE,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,CAAA;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,EAAE,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,YAAY,GACpC,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAA;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAE7C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CACN,cAAc,CAAC,gBAAgB,CAAC,EAChC,IAAI,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnE,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,CAAA;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,EAAE,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,YAAY,GACpC,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA"}

package/dist/components/Stack/index.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { CSSProperties, ElementType, ReactElement } from 'react';
 import type { UltravioletUITheme } from '../../theme';
 import type { AlignItemsType, JustifyContentType } from './styles.css';
 import type { PolymorphicComponentProps } from './types';
@@ -15,11 +15,10 @@ type OwnStackProps = {
     minWidth?: CSSProperties['minWidth'];
     flex?: CSSProperties['flex'];
     className?: string;
-    children: ReactNode;
     'data-testid'?: string;
     id?: string;
 };
 export type StackProps<T extends ElementType = 'div'> = PolymorphicComponentProps<T, OwnStackProps>;
-export declare const Stack: <T extends ElementType = "div">({ gap, direction, alignItems, justifyContent, wrap, className, children, id, "data-testid": dataTestId, width, maxWidth, minWidth, flex, as, ref, style, ...props }: StackProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Stack: <T extends ElementType = "div">(props: StackProps<T>) => ReactElement;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Stack/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEtE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,KAAK,cAAc,CAAC,CAAC,IACjB,CAAC,GACD,OAAO,CAAC,MAAM,CAAC,MAAM,kBAAkB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAG/D,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE,GACnE,CAAC,GACD,KAAK,CAAA;AA4BT,KAAK,aAAa,GAAG;IACnB,GAAG,CAAC,EAAE,cAAc,CAChB,MAAM,kBAAkB,CAAC,OAAO,CAAC,GACjC,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAC9C,CAAA;IACD,SAAS,CAAC,EAAE,cAAc,CACxB,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CACpD,CAAA;IACD,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAClD,yBAAyB,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;AAE7C,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,qKAkBlD,UAAU,CAAC,CAAC,CAAC,4CA+Df,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EAEX,YAAY,EACb,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEtE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,KAAK,cAAc,CAAC,CAAC,IACjB,CAAC,GACD,OAAO,CAAC,MAAM,CAAC,MAAM,kBAAkB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAG/D,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE,GACnE,CAAC,GACD,KAAK,CAAA;AA4BT,KAAK,aAAa,GAAG;IACnB,GAAG,CAAC,EAAE,cAAc,CAChB,MAAM,kBAAkB,CAAC,OAAO,CAAC,GACjC,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAC9C,CAAA;IACD,SAAS,CAAC,EAAE,cAAc,CACxB,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CACpD,CAAA;IACD,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAClD,yBAAyB,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;AA+F7C,eAAO,MAAM,KAAK,EAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAC3D,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KACjB,YAAY,CAAA"}

package/dist/components/Stack/index.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { consoleLightTheme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { useMemo } from "react";
+import { forwardRef, useMemo } from "react";
 import { sprinkles, stack } from "./styles.css.js";
 import { flexVar, minWidthVar, maxWidthVar, widthVar } from "./variables.css.js";
 const mapRepsonsiveGap = (object) => object ? Object.keys(object).reduce(
@@ -12,70 +12,72 @@ const mapRepsonsiveGap = (object) => object ? Object.keys(object).reduce(
   }),
   {}
 ) : {};
-const Stack = ({
-  gap,
-  direction = "column",
-  alignItems = "normal",
-  justifyContent = "normal",
-  wrap = "nowrap",
-  className,
-  children,
-  id,
-  "data-testid": dataTestId,
-  width,
-  maxWidth,
-  minWidth,
-  flex,
-  as,
-  ref,
-  style,
-  ...props
-}) => {
-  const wrapValue = useMemo(() => {
-    if (typeof wrap === "boolean") {
-      return wrap ? "wrap" : "nowrap";
-    }
-    if (typeof wrap === "object") {
-      return Object.keys(wrap).reduce(
-        (acc, key) => ({
-          ...acc,
-          [key]: wrap[key] ? "wrap" : "nowrap"
-        }),
-        {}
-      );
-    }
-    return wrap;
-  }, [wrap]);
-  const Component = as || "div";
-  const sprinkleClassName = sprinkles({
-    alignItems: typeof alignItems === "object" ? alignItems : { xxsmall: alignItems },
-    flexDirection: typeof direction === "object" ? direction : { xxsmall: direction },
-    flexWrap: typeof wrapValue === "object" ? wrapValue : { xxsmall: wrapValue },
-    gap: typeof gap === "object" ? mapRepsonsiveGap(gap) : { xxsmall: gap ? consoleLightTheme.space[gap] : void 0 },
-    justifyContent: typeof justifyContent === "object" ? justifyContent : { xxsmall: justifyContent }
-  });
-  const combinedClassName = [className, stack, sprinkleClassName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      className: combinedClassName,
-      "data-testid": dataTestId,
-      id,
-      ref,
-      style: {
-        ...assignInlineVars({
-          [widthVar]: width?.toString(),
-          [maxWidthVar]: maxWidth?.toString(),
-          [minWidthVar]: minWidth?.toString(),
-          [flexVar]: flex?.toString()
-        }),
-        ...style
-      },
-      ...props,
-      children
-    }
-  );
-};
+const IStack = forwardRef(
+  ({
+    gap,
+    direction = "column",
+    alignItems = "normal",
+    justifyContent = "normal",
+    wrap = "nowrap",
+    className,
+    children,
+    id,
+    "data-testid": dataTestId,
+    width,
+    maxWidth,
+    minWidth,
+    flex,
+    as,
+    style,
+    ...props
+  }, ref) => {
+    const wrapValue = useMemo(() => {
+      if (typeof wrap === "boolean") {
+        return wrap ? "wrap" : "nowrap";
+      }
+      if (typeof wrap === "object") {
+        return Object.keys(wrap).reduce(
+          (acc, key) => ({
+            ...acc,
+            [key]: wrap[key] ? "wrap" : "nowrap"
+          }),
+          {}
+        );
+      }
+      return wrap;
+    }, [wrap]);
+    const Component = as || "div";
+    const sprinkleClassName = sprinkles({
+      alignItems: typeof alignItems === "object" ? alignItems : { xxsmall: alignItems },
+      flexDirection: typeof direction === "object" ? direction : { xxsmall: direction },
+      flexWrap: typeof wrapValue === "object" ? wrapValue : { xxsmall: wrapValue },
+      gap: typeof gap === "object" ? mapRepsonsiveGap(gap) : { xxsmall: gap ? consoleLightTheme.space[gap] : void 0 },
+      justifyContent: typeof justifyContent === "object" ? justifyContent : { xxsmall: justifyContent }
+    });
+    const combinedClassName = [className, stack, sprinkleClassName].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        className: combinedClassName,
+        "data-testid": dataTestId,
+        id,
+        ref,
+        style: {
+          ...assignInlineVars({
+            [widthVar]: width?.toString(),
+            [maxWidthVar]: maxWidth?.toString(),
+            [minWidthVar]: minWidth?.toString(),
+            [flexVar]: flex?.toString()
+          }),
+          ...style
+        },
+        ...props,
+        children
+      }
+    );
+  }
+);
+const Stack = IStack;
 export {
   Stack
 };

package/dist/components/Tabs/index.d.ts

@@ -24,7 +24,7 @@ export declare const Tabs: {
         tooltip?: string;
         value?: string | number;
         style?: import("react").CSSProperties;
-    } & Omit<any, "tooltip" | "disabled" | "as" | "className" | "children" | "value" | "role" | "badge" | "counter">, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    } & Omit<any, "tooltip" | "disabled" | "as" | "className" | "role" | "children" | "value" | "badge" | "counter">, "ref"> & import("react").RefAttributes<HTMLElement>>;
     Menu: import("react").ForwardRefExoticComponent<{
         children: ReactNode;
         disclosure: ReactNode;

package/dist/components/TextInput/index.d.ts

@@ -26,5 +26,5 @@ export declare const TextInput: import("react").ForwardRefExoticComponent<{
     value?: string;
     defaultValue?: string;
     onChangeValue?: (value: string) => void;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "disabled" | "id" | "autoComplete" | "role" | "autoFocus" | "tabIndex" | "aria-atomic" | "aria-label" | "aria-labelledby" | "aria-live" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "name" | "required" | "placeholder" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "disabled" | "id" | "autoFocus" | "tabIndex" | "role" | "aria-atomic" | "aria-label" | "aria-labelledby" | "aria-live" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "name" | "autoComplete" | "required" | "placeholder" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.d.ts

@@ -37,7 +37,7 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<{
     portalTarget?: HTMLElement;
     dynamicDomRendering?: boolean;
     style?: import("react").CSSProperties;
-} & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "visible" | "style" | "className" | "children" | "data-testid" | "id" | "role" | "tabIndex" | "portalTarget" | "containerFullHeight" | "containerFullWidth" | "disableAnimation" | "debounceDelay" | "innerRef"> & {
+} & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "visible" | "style" | "className" | "data-testid" | "id" | "tabIndex" | "role" | "children" | "portalTarget" | "containerFullHeight" | "containerFullWidth" | "disableAnimation" | "debounceDelay" | "innerRef"> & {
     placement?: Exclude<ComponentProps<typeof Popup>["placement"], "nested-menu">;
 } & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAyBhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;iBAwCd,CAAF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/CU,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;kDAoD9E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAyBhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;iBAwCR,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/CC,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;kDAoD9E,CAAA"}

package/dist/theme/ThemeProvider.js

@@ -8,7 +8,7 @@ const useTheme = () => {
   const context = useContext(ThemeContext);
   if (!context) {
     throw new Error(
-      "useTheme must be used within a ThemeProvider imported from @ultraviolet/ui"
+      "useTheme must be used within a ThemeProvider imported from @ultraviolet/themes"
     );
   }
   return context;