@ultraviolet/ui 3.2.1 → 3.3.0

package/dist/components/Skeleton/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { Block } from "./Block.js";
 import { Blocks } from "./Blocks.js";
 import { BoxWithIcon } from "./BoxWithIcon.js";

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":"AAuBA,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,+PA0B1B,iBAAiB,4CAmXnB,CAAA"}

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

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useTheme, cn } from "@ultraviolet/themes";
+import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useId, useRef, useState, useEffect, useMemo, useCallback } from "react";
 import { Label } from "../../Label/index.js";

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":"AAqBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,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,+PA0B1B,iBAAiB,4CA8NnB,CAAA"}

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

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useTheme, cn } from "@ultraviolet/themes";
+import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useId, useState, useRef, useEffect, useMemo, useCallback } from "react";
 import { Label } from "../../Label/index.js";

package/dist/components/Snippet/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { ArrowDownIcon } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useReducer, Children } from "react";
 import { useTheme } from "../../theme/ThemeProvider.js";

package/dist/components/Status/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { Tooltip } from "../Tooltip/index.js";
 import { animatedCircleStatus, circleStatus, status } from "./styles.css.js";
 const Status = ({

package/dist/components/StepList/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { Bullet } from "../Bullet/index.js";
 import { steps, stepDiv, step } from "./styles.css.js";
 const Item = ({

package/dist/components/Stepper/Step.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { CheckIcon } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { useMemo } from "react";
 import { Bullet } from "../Bullet/index.js";
 import { Stack } from "../Stack/index.js";

package/dist/components/Stepper/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { Children, isValidElement, Fragment } from "react";
 import { Step } from "./Step.js";
 import { StepperProvider } from "./StepperProvider.js";

package/dist/components/Stepper/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/styles.css.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;EAiC3B,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAsDtB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;EA0HjC,CAAA;AAEF,eAAO,MAAM,yBAAyB,oCAiBpC,CAAA;AAEF,eAAO,MAAM,kBAAkB,uCAO7B,CAAA;AAWF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CrB,CAAA;AAgBF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;EA0BnB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/styles.css.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;EAiC3B,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAsDtB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;EAqHjC,CAAA;AAEF,eAAO,MAAM,yBAAyB,oCAiBpC,CAAA;AAEF,eAAO,MAAM,kBAAkB,uCAO7B,CAAA;AAWF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CrB,CAAA;AAgBF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;EA0BnB,CAAA"}

package/dist/components/Table/Cell.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useColumnProvider } from "../List/ColumnProvider.js";
 import { tableCell } from "./styles.css.js";

package/dist/components/Table/HeaderCell.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { InformationOutlineIcon, SouthShortIcon, SortIcon as SortIcon$1 } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { listSortIcon } from "../List/styles.css.js";
 import { Text } from "../Text/index.js";

package/dist/components/Table/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAehE,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;SAEK;IACL,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,0HAUjB,QAAQ,4CA4JV,CAAA"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Row.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAehE,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;SAEK;IACL,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,0HAUjB,QAAQ,4CA4JV,CAAA"}

package/dist/components/Table/Row.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { ArrowUpIcon, ArrowDownIcon } from "@ultraviolet/icons";
-import { cn, theme } from "@ultraviolet/themes";
+import { theme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { useRef, useEffect, useCallback, Children } from "react";
 import { Button } from "../Button/index.js";
 import { Checkbox } from "../Checkbox/index.js";

package/dist/components/Table/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { forwardRef, useState, Children, useEffect } from "react";
 import { useListContext } from "../List/ListContext.js";
 import { listContainer } from "../List/styles.css.js";

package/dist/components/Tabs/Tab.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { forwardRef, useMemo } from "react";
 import { Badge } from "../Badge/index.js";
 import { Stack } from "../Stack/index.js";

package/dist/components/Tabs/TabMenu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { forwardRef } from "react";
 import { Menu } from "../Menu/index.js";
 import { tabsMenuWrapper, tabsArrowIcon, tabsButton } from "./styles.css.js";

package/dist/components/Tabs/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { useRef, useState, useMemo, useEffect, Children, isValidElement, cloneElement } from "react";
 import { tabsMenu, tabsMenuContainer, tabsContainer } from "./styles.css.js";
 import { Tab } from "./Tab.js";

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

@@ -6,10 +6,12 @@ type TagProps = {
     sentiment?: (typeof SENTIMENTS)[number];
     disabled?: boolean;
     copiable?: boolean;
+    copyButton?: boolean;
     copyText?: string;
     copiedText?: string;
     className?: string;
     children: ReactNode;
+    variant?: 'default' | 'code';
     'data-testid'?: string;
     style?: CSSProperties;
 };
@@ -17,6 +19,6 @@ type TagProps = {
  * Tag component is used to display a short text description of an item. It can be used to display a category
  * or any other metadata.
  */
-export declare const Tag: ({ children, isLoading, onClose, copiable, copyText, copiedText, disabled, sentiment, className, style, "data-testid": dataTestId, }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ children, isLoading, onClose, copiable, copyButton, copyText, copiedText, disabled, sentiment, variant, className, style, "data-testid": dataTestId, }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAK9C,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA0CD;;;GAGG;AACH,eAAO,MAAM,GAAG,GAAI,qIAYjB,QAAQ,4CAgDV,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAK9C,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA+CD;;;GAGG;AACH,eAAO,MAAM,GAAG,GAAI,0JAcjB,QAAQ,4CA6DV,CAAA"}

package/dist/components/Tag/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { CloseIcon } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/themes";
+import { CopyContentIcon, CloseIcon } from "@ultraviolet/icons";
+import { cn } from "@ultraviolet/utils";
 import { useMemo } from "react";
 import useClipboard from "react-use-clipboard";
 import { Button } from "../Button/index.js";
@@ -14,7 +14,10 @@ const TagInner = ({
   children,
   isLoading = false,
   onClose,
-  disabled = false
+  disabled = false,
+  copiable,
+  variant,
+  copyButton
 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(
     Text,
@@ -23,10 +26,11 @@ const TagInner = ({
       as: "span",
       className: textTag,
       oneLine: true,
-      variant: "caption",
+      variant: variant === "code" ? "code" : "caption",
       children
     }
   ),
+  copiable && copyButton && !isLoading ? /* @__PURE__ */ jsx(CopyContentIcon, { size: "xsmall" }) : null,
   onClose && !isLoading ? /* @__PURE__ */ jsx(
     Button,
     {
@@ -48,10 +52,12 @@ const Tag = ({
   isLoading,
   onClose,
   copiable = false,
+  copyButton,
   copyText = "Copy",
   copiedText = "Copied!",
   disabled,
   sentiment = "neutral",
+  variant = "default",
   className,
   style,
   "data-testid": dataTestId
@@ -79,7 +85,19 @@ const Tag = ({
         "data-testid": dataTestId,
         disabled,
         onClick: setCopied,
-        children: /* @__PURE__ */ jsx(TagInner, { disabled, isLoading, onClose, children })
+        type: "button",
+        children: /* @__PURE__ */ jsx(
+          TagInner,
+          {
+            copiable: true,
+            copyButton,
+            disabled,
+            isLoading,
+            onClose,
+            variant,
+            children
+          }
+        )
       }
     ) });
   }
@@ -89,7 +107,16 @@ const Tag = ({
       className: cn(className, containerTag({ disabled, sentiment })),
       "data-testid": dataTestId,
       style,
-      children: /* @__PURE__ */ jsx(TagInner, { disabled, isLoading, onClose, children })
+      children: /* @__PURE__ */ jsx(
+        TagInner,
+        {
+          disabled,
+          isLoading,
+          onClose,
+          variant,
+          children
+        }
+      )
     }
   );
 };

package/dist/components/Tag/styles.css.d.ts

@@ -5,8 +5,6 @@ export declare const containerTag: import("@vanilla-extract/recipes").RuntimeFn<
             selectors: {
                 '&:hover, &:active': {
                     cursor: "pointer";
-                    background: `var(--${string})`;
-                    borderColor: `var(--${string})`;
                 };
                 '&:active': {
                     boxShadow: `var(--${string})`;

package/dist/components/Tag/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,sFAQb,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDvB,CAAA;AAEF,eAAO,MAAM,OAAO,QAElB,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,sFAQb,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEvB,CAAA;AAEF,eAAO,MAAM,OAAO,QAElB,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA"}

package/dist/components/Tag/styles.css.js

@@ -1,8 +1,8 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var containerTag = createRuntimeFn({ defaultClassName: "uv_d6zknp0", variantClassNames: { copiable: { true: "uv_d6zknp1" }, sentiment: { danger: "uv_d6zknp2", info: "uv_d6zknp3", neutral: "uv_d6zknp4", primary: "uv_d6zknp5", secondary: "uv_d6zknp6", success: "uv_d6zknp7", warning: "uv_d6zknp8" }, disabled: { true: "uv_d6zknp9" } }, defaultVariants: { copiable: false, disabled: false, sentiment: "neutral" }, compoundVariants: [] });
-var textTag = "uv_d6zknpa";
-var closeButtonTag = "uv_d6zknpb";
+var containerTag = createRuntimeFn({ defaultClassName: "uv_d6zknp0", variantClassNames: { copiable: { true: "uv_d6zknp1" }, sentiment: { danger: "uv_d6zknp2", info: "uv_d6zknp3", neutral: "uv_d6zknp4", primary: "uv_d6zknp5", secondary: "uv_d6zknp6", success: "uv_d6zknp7", warning: "uv_d6zknp8" }, disabled: { true: "uv_d6zknp9" } }, defaultVariants: { copiable: false, disabled: false, sentiment: "neutral" }, compoundVariants: [[{ copiable: true, sentiment: "danger" }, "uv_d6zknpa"], [{ copiable: true, sentiment: "info" }, "uv_d6zknpb"], [{ copiable: true, sentiment: "neutral" }, "uv_d6zknpc"], [{ copiable: true, sentiment: "primary" }, "uv_d6zknpd"], [{ copiable: true, sentiment: "secondary" }, "uv_d6zknpe"], [{ copiable: true, sentiment: "success" }, "uv_d6zknpf"], [{ copiable: true, sentiment: "warning" }, "uv_d6zknpg"]] });
+var textTag = "uv_d6zknph";
+var closeButtonTag = "uv_d6zknpi";
 export {
   closeButtonTag,
   containerTag,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAEV,aAAa,EAEb,SAAS,EACV,MAAM,OAAO,CAAA;AASd,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAQzD,KAAK,YAAY,GAAG,MAAM,OAAO,qBAAqB,CAAA;AAiBtD,KAAK,YAAY,GAAG,CAAC,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,CAAA;AAEjE,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,4NAqBtB,aAAa,4CAiOf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAEV,aAAa,EAEb,SAAS,EACV,MAAM,OAAO,CAAA;AAQd,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAQzD,KAAK,YAAY,GAAG,MAAM,OAAO,qBAAqB,CAAA;AAiBtD,KAAK,YAAY,GAAG,CAAC,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,CAAA;AAEjE,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,4NAqBtB,aAAa,4CAiOf,CAAA"}

package/dist/components/TagInput/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { CloseIcon, CheckCircleOutlineIcon, AlertCircleIcon } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/themes";
+import { cn, getUUID } from "@ultraviolet/utils";
 import { useState, useId, useEffect, useRef, useMemo } from "react";
 import { Button } from "../Button/index.js";
 import { Label } from "../Label/index.js";
@@ -10,7 +10,6 @@ import { Tag } from "../Tag/index.js";
 import { Text } from "../Text/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { tagInputDataContainer, tagInput, tagInputStateContainer, tagInputContainer } from "./styles.css.js";
-import { getUUID } from "../../utils/ids.js";
 const STATUS = {
   IDLE: "idle",
   LOADING: "loading"

package/dist/components/TagList/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useRef, useState, useMemo, useEffect } from "react";
 import { Popover } from "../Popover/index.js";

package/dist/components/Text/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useRef } from "react";
 import recursivelyGetChildrenString from "../../helpers/recursivelyGetChildrenString.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAGV,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AAgBd,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAwDxD;;;;GAIG;AACH,eAAO,MAAM,SAAS;gBAjDR,MAAM;gBACN,OAAO;oBACH,MAAM;YACd,MAAM;aACL,SAAS;YACV,MAAM;uBACK,SAAS;cAClB,OAAO;gBACL,MAAM;gBACN,MAAM;kBACJ,MAAM,IAAI;aACf,SAAS;WACX,MAAM,OAAO,qBAAqB;cAC/B,MAAM,GAAG,OAAO;aACjB,SAAS;cACR,MAAM;WACT,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO;YACpC,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;sWAiUxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAGV,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AAgBd,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAwDxD;;;;GAIG;AACH,eAAO,MAAM,SAAS;gBAjDR,MAAM;gBACN,OAAO;oBACH,MAAM;YACd,MAAM;aACL,SAAS;YACV,MAAM;uBACK,SAAS;cAClB,OAAO;gBACL,MAAM;gBACN,MAAM;kBACJ,MAAM,IAAI;aACf,SAAS;WACX,MAAM,OAAO,qBAAqB;cAC/B,MAAM,GAAG,OAAO;aACjB,SAAS;cACR,MAAM;WACT,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO;YACpC,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;sWAkUxC,CAAA"}

package/dist/components/TextInput/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { CloseIcon, CheckCircleIcon, AlertCircleIcon, EyeOffIcon, EyeIcon, AutoFixIcon } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { forwardRef, useId, useState, useRef, useImperativeHandle, useMemo, useCallback } from "react";
 import { Button } from "../Button/index.js";
 import { Label } from "../Label/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAmBjE,MAAM,MAAM,IAAI,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,CACA;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CACJ,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,4OAsBvB,cAAc,4CA4WhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAmBjE,MAAM,MAAM,IAAI,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,CACA;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CACJ,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,4OAsBvB,cAAc,4CAoXhB,CAAA"}

package/dist/components/TimeInput/index.js

@@ -95,8 +95,10 @@ const TimeInput = ({
     if (type === "h" && isCompleteHour(timeFormat, newValue)) {
       refMinutes.current?.focus();
     }
-    const newFilled = { ...filled };
-    newFilled[type] = true;
+    const newFilled = {
+      ...filled,
+      [type]: true
+    };
     setTime(newTime);
     onChange?.(newTime);
     setFilled(newFilled);
@@ -111,8 +113,10 @@ const TimeInput = ({
     } else {
       setValueByType(type, newTime, currentValue === 59 ? 0 : currentValue + 1);
     }
-    const newFilled = { ...filled };
-    newFilled[type] = true;
+    const newFilled = {
+      ...filled,
+      [type]: true
+    };
     setTime(newTime);
     onChange?.(newTime);
     setFilled(newFilled);
@@ -127,8 +131,10 @@ const TimeInput = ({
     } else {
       setValueByType(type, newTime, currentValue === 0 ? 59 : currentValue - 1);
     }
-    const newFilled = { ...filled };
-    newFilled[type] = true;
+    const newFilled = {
+      ...filled,
+      [type]: true
+    };
     setTime(newTime);
     onChange?.(newTime);
     setFilled(newFilled);

package/dist/components/Toaster/ToasterContainer.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { ToastContainer as ToastContainer$1, Slide } from "react-toastify";
 import { AUTOCLOSE_DELAY } from "./constants.js";
 import { toaster } from "./styles.css.js";

package/dist/components/Toggle/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { forwardRef, useId } from "react";
 import { Row } from "../Row/index.js";
 import { Stack } from "../Stack/index.js";

package/dist/components/ToggleGroup/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { useMemo, createContext, useContext } from "react";
 import { Label } from "../Label/index.js";
 import { Stack } from "../Stack/index.js";

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" | "debounceDelay" | "innerRef"> & {
+} & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "visible" | "style" | "className" | "children" | "data-testid" | "id" | "role" | "tabIndex" | "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;AAwBhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;iBA4CK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAnDZ,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;kDAkD9E,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;;;iBAwCd,CAAF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/CU,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;kDAoD9E,CAAA"}

package/dist/components/Tooltip/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { forwardRef } from "react";
 import { Popup } from "../Popup/index.js";
 import { tooltip } from "./styles.css.js";
@@ -20,6 +20,7 @@ const Tooltip = forwardRef(
     "data-testid": dataTestId,
     portalTarget,
     debounceDelay,
+    disableAnimation,
     tabIndex,
     style
   }, tooltipRef) => /* @__PURE__ */ jsx(
@@ -30,6 +31,7 @@ const Tooltip = forwardRef(
       containerFullWidth,
       "data-testid": dataTestId,
       debounceDelay,
+      disableAnimation,
       id,
       innerRef,
       maxWidth,

package/dist/components/UnitInput/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { AlertCircleIcon, CheckCircleIcon } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useState, useId, useMemo, useEffect } from "react";
 import { Label } from "../Label/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VerificationCode/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,aAAa,EAGb,SAAS,EACV,MAAM,OAAO,CAAA;AAWd,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,8NAoB9B,qBAAqB,4CAuNvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VerificationCode/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,aAAa,EAGb,SAAS,EACV,MAAM,OAAO,CAAA;AAWd,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,8NAoB9B,qBAAqB,4CAwNvB,CAAA"}

package/dist/components/VerificationCode/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { useId, useState, createRef, useMemo } from "react";
 import { Label } from "../Label/index.js";
 import { Text } from "../Text/index.js";
@@ -67,51 +67,54 @@ const VerificationCode = ({
     next?.current?.focus();
     triggerChange(newValues);
   };
-  const inputOnKeyDown = (index) => (event) => {
-    const prevIndex = index - 1;
-    const nextIndex = index + 1;
-    const first = inputRefs[0];
-    const last = inputRefs.at(-1);
-    const prev = inputRefs[prevIndex];
-    const next = inputRefs[nextIndex];
-    const vals = [...values];
-    switch (event.key) {
-      case "Backspace": {
-        event.preventDefault();
-        if (values[index]) {
-          vals[index] = "";
-          setValues(vals);
-          triggerChange(vals);
-        } else if (prev) {
-          vals[prevIndex] = "";
+  const inputOnKeyDown = (index) => (
+    // oxlint-disable-next-line eslint/max-statements
+    ((event) => {
+      const prevIndex = index - 1;
+      const nextIndex = index + 1;
+      const first = inputRefs[0];
+      const last = inputRefs.at(-1);
+      const prev = inputRefs[prevIndex];
+      const next = inputRefs[nextIndex];
+      const vals = [...values];
+      switch (event.key) {
+        case "Backspace": {
+          event.preventDefault();
+          if (values[index]) {
+            vals[index] = "";
+            setValues(vals);
+            triggerChange(vals);
+          } else if (prev) {
+            vals[prevIndex] = "";
+            prev?.current?.focus();
+            setValues(vals);
+            triggerChange(vals);
+          }
+          break;
+        }
+        case "ArrowLeft": {
+          event.preventDefault();
           prev?.current?.focus();
-          setValues(vals);
-          triggerChange(vals);
+          break;
+        }
+        case "ArrowRight": {
+          event.preventDefault();
+          next?.current?.focus();
+          break;
+        }
+        case "ArrowUp": {
+          event.preventDefault();
+          first?.current?.focus();
+          break;
+        }
+        case "ArrowDown": {
+          event.preventDefault();
+          last?.current?.focus();
+          break;
         }
-        break;
-      }
-      case "ArrowLeft": {
-        event.preventDefault();
-        prev?.current?.focus();
-        break;
-      }
-      case "ArrowRight": {
-        event.preventDefault();
-        next?.current?.focus();
-        break;
-      }
-      case "ArrowUp": {
-        event.preventDefault();
-        first?.current?.focus();
-        break;
-      }
-      case "ArrowDown": {
-        event.preventDefault();
-        last?.current?.focus();
-        break;
       }
-    }
-  };
+    })
+  );
   const inputOnPaste = (currentIndex) => (event) => {
     event.preventDefault();
     const pastedValue = [...event.clipboardData.getData("Text")].map(

package/dist/components/index.d.ts

@@ -20,6 +20,7 @@ export { Drawer } from './Drawer';
 export { EmptyState } from './EmptyState';
 export { Expandable } from './Expandable';
 export { ExpandableCard } from './ExpandableCard';
+export { FileInput } from './FileInput';
 export { GlobalAlert } from './GlobalAlert';
 export { InfiniteScroll } from './InfiniteScroll';
 export { Key } from './Key';