@ultraviolet/ui 3.5.0 → 3.5.1

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":"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"}
+{"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/Text/style.css.js

@@ -1,3 +1,4 @@
+/* empty css                             */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var text = createRuntimeFn({ defaultClassName: "uv_m4c9ow0", variantClassNames: { disabled: { false: "uv_m4c9ow1", true: "uv_m4c9ow2" }, italic: { false: "uv_m4c9ow3", true: "uv_m4c9ow4" }, oneLine: { false: "uv_m4c9ow5", true: "uv_m4c9ow6" }, prominence: { "default": "uv_m4c9ow7", strong: "uv_m4c9ow8", stronger: "uv_m4c9ow9", weak: "uv_m4c9owa" }, sentiment: { black: "uv_m4c9owb", danger: "uv_m4c9owc", info: "uv_m4c9owd", neutral: "uv_m4c9owe", primary: "uv_m4c9owf", secondary: "uv_m4c9owg", success: "uv_m4c9owh", warning: "uv_m4c9owi", white: "uv_m4c9owj" }, strikeThrough: { false: "uv_m4c9owk", true: "uv_m4c9owl" }, underline: { false: "uv_m4c9owm", true: "uv_m4c9own" }, variant: { body: "uv_m4c9owo", bodySmall: "uv_m4c9owp", bodySmallStrong: "uv_m4c9owq", bodySmallStronger: "uv_m4c9owr", bodyStrong: "uv_m4c9ows", bodyStronger: "uv_m4c9owt", caption: "uv_m4c9owu", captionSmall: "uv_m4c9owv", captionSmallStrong: "uv_m4c9oww", captionSmallStronger: "uv_m4c9owx", captionStrong: "uv_m4c9owy", captionStronger: "uv_m4c9owz", code: "uv_m4c9ow10", codeSmall: "uv_m4c9ow11", codeSmallStrong: "uv_m4c9ow12", codeSmallStronger: "uv_m4c9ow13", codeStrong: "uv_m4c9ow14", codeStronger: "uv_m4c9ow15", heading: "uv_m4c9ow16", headingLarge: "uv_m4c9ow17", headingLargeStrong: "uv_m4c9ow18", headingLargeStronger: "uv_m4c9ow19", headingSmall: "uv_m4c9ow1a", headingSmallStrong: "uv_m4c9ow1b", headingSmallStronger: "uv_m4c9ow1c", headingStrong: "uv_m4c9ow1d", headingStronger: "uv_m4c9ow1e" } }, defaultVariants: { disabled: false, italic: false, oneLine: false, prominence: "default", sentiment: void 0, strikeThrough: false, underline: false, variant: "body" }, compoundVariants: [[{ disabled: false, prominence: "default", sentiment: "primary" }, "uv_m4c9ow1f"], [{ disabled: false, prominence: "strong", sentiment: "primary" }, "uv_m4c9ow1g"], [{ disabled: false, prominence: "stronger", sentiment: "primary" }, "uv_m4c9ow1h"], [{ disabled: false, prominence: "weak", sentiment: "primary" }, "uv_m4c9ow1i"], [{ disabled: false, prominence: "default", sentiment: "secondary" }, "uv_m4c9ow1j"], [{ disabled: false, prominence: "strong", sentiment: "secondary" }, "uv_m4c9ow1k"], [{ disabled: false, prominence: "stronger", sentiment: "secondary" }, "uv_m4c9ow1l"], [{ disabled: false, prominence: "weak", sentiment: "secondary" }, "uv_m4c9ow1m"], [{ disabled: false, prominence: "default", sentiment: "danger" }, "uv_m4c9ow1n"], [{ disabled: false, prominence: "strong", sentiment: "danger" }, "uv_m4c9ow1o"], [{ disabled: false, prominence: "stronger", sentiment: "danger" }, "uv_m4c9ow1p"], [{ disabled: false, prominence: "weak", sentiment: "danger" }, "uv_m4c9ow1q"], [{ disabled: false, prominence: "default", sentiment: "info" }, "uv_m4c9ow1r"], [{ disabled: false, prominence: "strong", sentiment: "info" }, "uv_m4c9ow1s"], [{ disabled: false, prominence: "stronger", sentiment: "info" }, "uv_m4c9ow1t"], [{ disabled: false, prominence: "weak", sentiment: "info" }, "uv_m4c9ow1u"], [{ disabled: false, prominence: "default", sentiment: "success" }, "uv_m4c9ow1v"], [{ disabled: false, prominence: "strong", sentiment: "success" }, "uv_m4c9ow1w"], [{ disabled: false, prominence: "stronger", sentiment: "success" }, "uv_m4c9ow1x"], [{ disabled: false, prominence: "weak", sentiment: "success" }, "uv_m4c9ow1y"], [{ disabled: false, prominence: "default", sentiment: "warning" }, "uv_m4c9ow1z"], [{ disabled: false, prominence: "strong", sentiment: "warning" }, "uv_m4c9ow20"], [{ disabled: false, prominence: "stronger", sentiment: "warning" }, "uv_m4c9ow21"], [{ disabled: false, prominence: "weak", sentiment: "warning" }, "uv_m4c9ow22"], [{ disabled: false, prominence: "default", sentiment: "neutral" }, "uv_m4c9ow23"], [{ disabled: false, prominence: "strong", sentiment: "neutral" }, "uv_m4c9ow24"], [{ disabled: false, prominence: "stronger", sentiment: "neutral" }, "uv_m4c9ow25"], [{ disabled: false, prominence: "weak", sentiment: "neutral" }, "uv_m4c9ow26"], [{ disabled: false, prominence: "default", sentiment: "black" }, "uv_m4c9ow27"], [{ disabled: false, prominence: "strong", sentiment: "black" }, "uv_m4c9ow28"], [{ disabled: false, prominence: "stronger", sentiment: "black" }, "uv_m4c9ow29"], [{ disabled: false, prominence: "weak", sentiment: "black" }, "uv_m4c9ow2a"], [{ disabled: false, prominence: "default", sentiment: "white" }, "uv_m4c9ow2b"], [{ disabled: false, prominence: "strong", sentiment: "white" }, "uv_m4c9ow2c"], [{ disabled: false, prominence: "stronger", sentiment: "white" }, "uv_m4c9ow2d"], [{ disabled: false, prominence: "weak", sentiment: "white" }, "uv_m4c9ow2e"], [{ disabled: true, prominence: "default", sentiment: "primary" }, "uv_m4c9ow2f"], [{ disabled: true, prominence: "strong", sentiment: "primary" }, "uv_m4c9ow2g"], [{ disabled: true, prominence: "stronger", sentiment: "primary" }, "uv_m4c9ow2h"], [{ disabled: true, prominence: "weak", sentiment: "primary" }, "uv_m4c9ow2i"], [{ disabled: true, prominence: "default", sentiment: "secondary" }, "uv_m4c9ow2j"], [{ disabled: true, prominence: "strong", sentiment: "secondary" }, "uv_m4c9ow2k"], [{ disabled: true, prominence: "stronger", sentiment: "secondary" }, "uv_m4c9ow2l"], [{ disabled: true, prominence: "weak", sentiment: "secondary" }, "uv_m4c9ow2m"], [{ disabled: true, prominence: "default", sentiment: "danger" }, "uv_m4c9ow2n"], [{ disabled: true, prominence: "strong", sentiment: "danger" }, "uv_m4c9ow2o"], [{ disabled: true, prominence: "stronger", sentiment: "danger" }, "uv_m4c9ow2p"], [{ disabled: true, prominence: "weak", sentiment: "danger" }, "uv_m4c9ow2q"], [{ disabled: true, prominence: "default", sentiment: "info" }, "uv_m4c9ow2r"], [{ disabled: true, prominence: "strong", sentiment: "info" }, "uv_m4c9ow2s"], [{ disabled: true, prominence: "stronger", sentiment: "info" }, "uv_m4c9ow2t"], [{ disabled: true, prominence: "weak", sentiment: "info" }, "uv_m4c9ow2u"], [{ disabled: true, prominence: "default", sentiment: "success" }, "uv_m4c9ow2v"], [{ disabled: true, prominence: "strong", sentiment: "success" }, "uv_m4c9ow2w"], [{ disabled: true, prominence: "stronger", sentiment: "success" }, "uv_m4c9ow2x"], [{ disabled: true, prominence: "weak", sentiment: "success" }, "uv_m4c9ow2y"], [{ disabled: true, prominence: "default", sentiment: "warning" }, "uv_m4c9ow2z"], [{ disabled: true, prominence: "strong", sentiment: "warning" }, "uv_m4c9ow30"], [{ disabled: true, prominence: "stronger", sentiment: "warning" }, "uv_m4c9ow31"], [{ disabled: true, prominence: "weak", sentiment: "warning" }, "uv_m4c9ow32"], [{ disabled: true, prominence: "default", sentiment: "neutral" }, "uv_m4c9ow33"], [{ disabled: true, prominence: "strong", sentiment: "neutral" }, "uv_m4c9ow34"], [{ disabled: true, prominence: "stronger", sentiment: "neutral" }, "uv_m4c9ow35"], [{ disabled: true, prominence: "weak", sentiment: "neutral" }, "uv_m4c9ow36"], [{ disabled: true, prominence: "default", sentiment: "black" }, "uv_m4c9ow37"], [{ disabled: true, prominence: "strong", sentiment: "black" }, "uv_m4c9ow38"], [{ disabled: true, prominence: "stronger", sentiment: "black" }, "uv_m4c9ow39"], [{ disabled: true, prominence: "weak", sentiment: "black" }, "uv_m4c9ow3a"], [{ disabled: true, prominence: "default", sentiment: "white" }, "uv_m4c9ow3b"], [{ disabled: true, prominence: "strong", sentiment: "white" }, "uv_m4c9ow3c"], [{ disabled: true, prominence: "stronger", sentiment: "white" }, "uv_m4c9ow3d"], [{ disabled: true, prominence: "weak", sentiment: "white" }, "uv_m4c9ow3e"], [{ disabled: false, prominence: "default" }, "uv_m4c9ow3f"], [{ disabled: false, prominence: "strong" }, "uv_m4c9ow3g"], [{ disabled: false, prominence: "stronger" }, "uv_m4c9ow3h"], [{ disabled: false, prominence: "weak" }, "uv_m4c9ow3i"]] });

package/dist/components/Text/variables.css.js

@@ -1,4 +1,3 @@
-/* empty css                             */
 var placementText = "var(--uv_qabug40)";
 var whiteSpaceText = "var(--uv_qabug41)";
 export {

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