@ultraviolet/ui 3.2.1 → 3.3.0

package/dist/components/ActionBar/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 { createPortal } from "react-dom";
 import { Stack } from "../Stack/index.js";

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

@@ -1,3 +1,4 @@
+/* empty css                                                  */
 /* empty css                                                     */
 /* empty css                          */
 var rankActionBar = "var(--uv_1p607tg0)";

package/dist/components/Alert/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { AlertCircleIcon, CheckCircleOutlineIcon, LightBulbIcon, InformationOutlineIcon, CloseIcon } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { useState } from "react";
 import { Button } from "../Button/index.js";
 import { Stack } from "../Stack/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,WAAW,EAAmB,MAAM,SAAS,CAAA;AAO3D;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,mIAcpB,WAAW,4CA8Db,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,WAAW,EAAmB,MAAM,SAAS,CAAA;AAO3D;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,mIAcpB,WAAW,4CA8Db,CAAA"}

package/dist/components/Avatar/index.js

@@ -2,7 +2,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { UserProductIcon } from "@ultraviolet/icons/product/UserProductIcon";
 import { UploadIcon } from "@ultraviolet/icons/UploadIcon";
-import { theme, cn } from "@ultraviolet/themes";
+import { theme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Text } from "../Text/index.js";
 import { DEFAULT_COLORS, sizes, TEXT_VARIANT_BY_SIZE } from "./constants.js";

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

@@ -1,4 +1,3 @@
-/* empty css                                                  */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var containerAvatar = createRuntimeFn({ defaultClassName: "uv_19x8y1k0", variantClassNames: { shape: { circle: "uv_19x8y1k1", square: "uv_19x8y1k2" }, size: { large: "uv_19x8y1k3", medium: "uv_19x8y1k4", small: "uv_19x8y1k5", xsmall: "uv_19x8y1k6" }, sentiment: { primary: "uv_19x8y1k7", neutral: "uv_19x8y1k8" } }, defaultVariants: {}, compoundVariants: [[{ size: "large", shape: "square" }, "uv_19x8y1k9"], [{ size: "medium", shape: "square" }, "uv_19x8y1ka"], [{ size: "small", shape: "square" }, "uv_19x8y1kb"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1kc"]] });

package/dist/components/Badge/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 { useMemo } from "react";
 import { Text } from "../Text/index.js";
 import { TEXT_VARIANT } from "./constant.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAMlC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAGlD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AAElB;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,sKAgBpB,WAAW,mDAqHb,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAMlC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAGlD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AAElB;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,sKAgBpB,WAAW,mDAqHb,CAAA"}

package/dist/components/Banner/index.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { CloseIcon } from "@ultraviolet/icons";
-import { useTheme, cn } from "@ultraviolet/themes";
+import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { useMemo, useState } from "react";
 import { Button } from "../Button/index.js";
 import { Link } from "../Link/index.js";

package/dist/components/BarChart/Tooltip.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 { Text } from "../Text/index.js";
 import { barColorSquare, colorBar, barTooltipContainer } from "./styles.css.js";

package/dist/components/BarStack/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 { useMemo, useState } from "react";
 import { Label } from "../Label/index.js";

package/dist/components/Breadcrumbs/components/Item.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 { useMemo } from "react";
 import { Button } from "../../Button/index.js";

package/dist/components/Bullet/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 { Tooltip } from "../Tooltip/index.js";
 import { bullet } from "./styles.css.js";
 const Bullet = ({

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AA8Cd;;;GAGG;AACH,eAAO,MAAM,MAAM;WA1CV,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;gBAC1C,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC;WACzD,QAAQ;gBACH,MAAM;oBACF,MAAM;gBACV,OAAO;mBACJ,MAAM;qBACJ,OAAO;sBACN,MAAM;sBACN,OAAO;sBACP,OAAO;yBACJ,MAAM;sBACT,OAAO;qBACR,OAAO;6BACC,MAAM;0BACT,MAAM;cAClB,iBAAiB,CAAC,WAAW,CAAC;cAC9B,MAAM;eACL,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC;kBAChD,iBAAiB,CAAC,WAAW,CAAC;gBAChC,iBAAiB,CAAC,WAAW,CAAC;iBAC7B,iBAAiB,CAAC,WAAW,CAAC;aAClC,oBAAoB,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;mBACrC,iBAAiB,CAAC,WAAW,CAAC;mBAC9B,iBAAiB,CAAC,WAAW,CAAC;oBAC7B,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,eAAe,CAAC;gBAC5D,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC;YACxD,aAAa;;;;;;;;cAIX,SAAS;WACZ,MAAM;WACN,MAAM;aACJ,MAAM;eACJ,MAAM;2CAyJlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AA8Cd;;;GAGG;AACH,eAAO,MAAM,MAAM;WA1CV,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;gBAC1C,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC;WACzD,QAAQ;gBACH,MAAM;oBACF,MAAM;gBACV,OAAO;mBACJ,MAAM;qBACJ,OAAO;sBACN,MAAM;sBACN,OAAO;sBACP,OAAO;yBACJ,MAAM;sBACT,OAAO;qBACR,OAAO;6BACC,MAAM;0BACT,MAAM;cAClB,iBAAiB,CAAC,WAAW,CAAC;cAC9B,MAAM;eACL,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC;kBAChD,iBAAiB,CAAC,WAAW,CAAC;gBAChC,iBAAiB,CAAC,WAAW,CAAC;iBAC7B,iBAAiB,CAAC,WAAW,CAAC;aAClC,oBAAoB,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;mBACrC,iBAAiB,CAAC,WAAW,CAAC;mBAC9B,iBAAiB,CAAC,WAAW,CAAC;oBAC7B,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,eAAe,CAAC;gBAC5D,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC;YACxD,aAAa;;;;;;;;cAIX,SAAS;WACZ,MAAM;WACN,MAAM;aACJ,MAAM;eACJ,MAAM;2CAyJlB,CAAA"}

package/dist/components/Button/index.js

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

package/dist/components/Card/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 { forwardRef } from "react";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";

package/dist/components/Carousel/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, useEffect, useState } from "react";
 import { beforeScroll, scrollableWrapper, afterScroll, wrapper, borderWrapper, widthVar } from "./styles.css.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAkC3D,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAEL,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,WAAW,GACX,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,CACV,GACC,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAoJpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAkC3D,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAEL,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,WAAW,GACX,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,CACV,GACC,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAoJpB,CAAA"}

package/dist/components/Checkbox/index.js

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

package/dist/components/CheckboxGroup/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 { Checkbox } from "../Checkbox/index.js";
 import { Label } from "../Label/index.js";

package/dist/components/Chip/ChipIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/ChipIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAG1C,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAIjE,KAAK,QAAQ,GAAG,8BAA8B,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,CAAC,CAAA;AAEzE,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,+CAItB,YAAY,4CA0Dd,CAAA"}
+{"version":3,"file":"ChipIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/ChipIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAG1C,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAIjE,KAAK,QAAQ,GAAG,8BAA8B,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,CAAC,CAAA;AAEzE,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,+CAItB,YAAY,4CA2Dd,CAAA"}

package/dist/components/Chip/ChipIcon.js

@@ -31,6 +31,7 @@ const ChipIcon = ({
           }
         },
         ref: iconRef,
+        type: "button",
         children: /* @__PURE__ */ jsx(
           IconUsed,
           {

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

@@ -15,7 +15,7 @@ type ChipType = {
 export declare const Chip: {
     ({ children, size, disabled, active, className, "data-testid": dataTestId, onClick, style, }: ChipType): import("react/jsx-runtime").JSX.Element;
     Icon: ({ name, onClick, "data-testid": dataTestId, }: {
-        name: "search" | "anchor" | "bold" | "filter" | "sort" | "italic" | "underline" | "drag" | "address" | "audio" | "video" | "image" | "stop" | "view" | "id" | "pen" | "download" | "cancel" | "close" | "play" | "send" | "email" | "arrowLeft" | "upload" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lock" | "clock" | "lockOutline" | "clockOutline" | "closeCircle" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "docPaper" | "docPaperOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "idOutline" | "imageOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "music" | "musicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "paperclip" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "sendOutline" | "settings" | "settingsOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "videoOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
+        name: "search" | "anchor" | "bold" | "filter" | "sort" | "italic" | "underline" | "drag" | "address" | "audio" | "video" | "image" | "stop" | "view" | "id" | "pen" | "download" | "cancel" | "close" | "play" | "send" | "email" | "arrowLeft" | "upload" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lock" | "clock" | "lockOutline" | "clockOutline" | "closeCircle" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "docPaper" | "docPaperOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "home" | "homeOutline" | "idOutline" | "imageOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "music" | "musicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "paperclip" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "sendOutline" | "settings" | "settingsOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "videoOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
         onClick?: () => void;
         'data-testid'?: string;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip/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 { useState, useRef, useMemo, useEffect } from "react";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";

package/dist/components/DateInput/components/CalendarMonthly.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { useContext, useState } from "react";
 import { Button } from "../../Button/index.js";
 import { Row } from "../../Row/index.js";

package/dist/components/DateInput/index.js

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

package/dist/components/Dialog/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { AlertCircleIcon, 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 { Modal } from "../Modal/index.js";

package/dist/components/Drawer/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 { Modal } from "../Modal/index.js";
 import { Separator } from "../Separator/index.js";
 import { Stack } from "../Stack/index.js";

package/dist/components/EmptyState/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 { Link } from "../Link/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";

package/dist/components/Expandable/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 { useState, useRef, useEffect } from "react";
 import { animationDurationVar, expandable } from "./styles.css.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EAGrB,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAA;AAMd,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAYvD,KAAK,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,KAAK,cAAc,GACf;IACE,SAAS,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC3D,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,CAAA;AACL,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AA4NlB,eAAO,MAAM,cAAc;;;;cAzNE,OAAO;oBAAkB,MAAM,IAAI;;;CA2N9D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EAGrB,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAA;AAMd,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAYvD,KAAK,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,KAAK,cAAc,GACf;IACE,SAAS,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC3D,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,CAAA;AACL,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AA4NlB,eAAO,MAAM,cAAc;;;;cAzNE,OAAO;oBAAkB,MAAM,IAAI;;;CA2N9D,CAAA"}

package/dist/components/ExpandableCard/index.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { DragIcon, ArrowDownIcon } from "@ultraviolet/icons";
-import { useTheme, cn } from "@ultraviolet/themes";
+import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { forwardRef, useRef, useState, useCallback } from "react";
 import { Stack } from "../Stack/index.js";
 import { Tooltip } from "../Tooltip/index.js";

package/dist/components/FileInput/FileInputProvider.d.ts

@@ -0,0 +1,21 @@
+import type { Dispatch, RefObject, SetStateAction } from 'react';
+import type { FilesType } from './types';
+type FileInputContextType = {
+    disabled?: boolean;
+    inputRef: RefObject<HTMLInputElement | null>;
+    files: FilesType[];
+    setFiles: Dispatch<SetStateAction<FilesType[]>>;
+    onChangeFiles?: (files: FilesType[]) => void;
+    error: boolean;
+} | undefined;
+export declare const FileInputContext: import("react").Context<FileInputContextType>;
+export declare const useFileInput: () => {
+    disabled?: boolean;
+    inputRef: RefObject<HTMLInputElement | null>;
+    files: FilesType[];
+    setFiles: Dispatch<SetStateAction<FilesType[]>>;
+    onChangeFiles?: (files: FilesType[]) => void;
+    error: boolean;
+};
+export {};
+//# sourceMappingURL=FileInputProvider.d.ts.map

package/dist/components/FileInput/FileInputProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInputProvider.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/FileInputProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,KAAK,oBAAoB,GACrB;IACE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5C,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAA;IAC5C,KAAK,EAAE,OAAO,CAAA;CACf,GACD,SAAS,CAAA;AACb,eAAO,MAAM,gBAAgB,+CAAiD,CAAA;AAE9E,eAAO,MAAM,YAAY;eAVR,OAAO;cACR,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC;WACrC,SAAS,EAAE;cACR,QAAQ,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC;oBAC/B,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI;WACrC,OAAO;CAenB,CAAA"}

package/dist/components/FileInput/FileInputProvider.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from "react";
+const FileInputContext = createContext(void 0);
+const useFileInput = () => {
+  const context = useContext(FileInputContext);
+  if (!context) {
+    throw new Error(
+      "FileInputContext should be inside FileInput to work properly."
+    );
+  }
+  return context;
+};
+export {
+  FileInputContext,
+  useFileInput
+};

package/dist/components/FileInput/components/Button.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from 'react';
+import { Button } from '../../Button';
+export declare const FileInputButton: ({ children, disabled, ...props }: ComponentProps<typeof Button>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/FileInput/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/FileInput/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAGrC,eAAO,MAAM,eAAe,GAAI,kCAI7B,cAAc,CAAC,OAAO,MAAM,CAAC,4CAa/B,CAAA"}

package/dist/components/FileInput/components/Button.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "../../Button/index.js";
+import { useFileInput } from "../FileInputProvider.js";
+const FileInputButton = ({
+  children,
+  disabled,
+  ...props
+}) => {
+  const context = useFileInput();
+  const isDisabled = disabled || context.disabled;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...props,
+      disabled: isDisabled,
+      onClick: () => context.inputRef.current?.click(),
+      children
+    }
+  );
+};
+export {
+  FileInputButton
+};

package/dist/components/FileInput/components/List.d.ts

@@ -0,0 +1,3 @@
+import type { ListProps } from '../types';
+export declare const ListFiles: ({ limit, textLimit, prominence, }: ListProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=List.d.ts.map

package/dist/components/FileInput/components/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/FileInput/components/List.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,UAAU,CAAA;AAgDnD,eAAO,MAAM,SAAS,GAAI,mCAIvB,SAAS,mDAyFX,CAAA"}

package/dist/components/FileInput/components/List.js

@@ -0,0 +1,121 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { CloseIcon, AudioIcon, VideoIcon, ImageIcon, DocIcon } from "@ultraviolet/icons";
+import { useState } from "react";
+import { Button } from "../../Button/index.js";
+import { Loader } from "../../Loader/index.js";
+import { Stack } from "../../Stack/index.js";
+import { Text } from "../../Text/index.js";
+import { useFileInput } from "../FileInputProvider.js";
+import { getMimeTypeType, formatFileSize } from "../helpers.js";
+import { fileViewerContainer, fileInfo, fileViewerImage } from "../styles.css.js";
+const getIllustration = (type, file, error, loading) => {
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: fileViewerImage[error ? "error" : "default"], children: /* @__PURE__ */ jsx(Loader, { active: true, sentiment: "primary", size: "xsmall" }) });
+  }
+  if (type === "audio") {
+    return /* @__PURE__ */ jsx("div", { className: fileViewerImage[error ? "error" : "default"], children: /* @__PURE__ */ jsx(AudioIcon, { sentiment: error ? "danger" : "primary", size: "medium" }) });
+  }
+  if (type === "video") {
+    return /* @__PURE__ */ jsx("div", { className: fileViewerImage[error ? "error" : "default"], children: /* @__PURE__ */ jsx(VideoIcon, { sentiment: error ? "danger" : "primary", size: "medium" }) });
+  }
+  if (type === "image" && !error) {
+    return /* @__PURE__ */ jsx("img", { alt: "", className: fileViewerImage.default, src: file });
+  }
+  if (type === "image" && error) {
+    return /* @__PURE__ */ jsx("div", { className: fileViewerImage[error ? "error" : "default"], children: /* @__PURE__ */ jsx(ImageIcon, { sentiment: error ? "danger" : "primary", size: "medium" }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: fileViewerImage[error ? "error" : "default"], children: /* @__PURE__ */ jsx(DocIcon, { sentiment: error ? "danger" : "primary", size: "medium" }) });
+};
+const ListFiles = ({
+  limit,
+  textLimit,
+  prominence = "default"
+}) => {
+  const [computedLimit, setLimit] = useState(limit);
+  const seeAllOnClick = () => {
+    setLimit(void 0);
+  };
+  const { files, setFiles, onChangeFiles, error } = useFileInput();
+  return files.length > 0 ? /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1, wrap: "wrap", children: [
+    files.map((file, index) => {
+      if (!computedLimit || index < computedLimit) {
+        const fileType = getMimeTypeType(file.type);
+        const illustration = getIllustration(
+          fileType,
+          file.file,
+          !!file.error || error,
+          file.loading
+        );
+        const sentiment = file.error ? "danger" : "neutral";
+        return /* @__PURE__ */ jsxs(Stack, { "data-testid": file.fileName, gap: 0.5, children: [
+          /* @__PURE__ */ jsxs(
+            Stack,
+            {
+              alignItems: "center",
+              className: fileViewerContainer[file.error || error ? "error" : prominence],
+              direction: "row",
+              gap: 2,
+              justifyContent: "center",
+              children: [
+                /* @__PURE__ */ jsxs(Stack, { alignItems: "center", direction: "row", gap: 1, children: [
+                  illustration,
+                  /* @__PURE__ */ jsxs(Stack, { className: fileInfo, direction: "column", children: [
+                    /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        as: "p",
+                        oneLine: true,
+                        sentiment,
+                        variant: "bodySmallStrong",
+                        children: file.fileName
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Text, { as: "p", sentiment, variant: "caption", children: formatFileSize(file.size) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    "data-testid": `remove-${file.fileName}`,
+                    onClick: () => {
+                      const newFiles = files.filter(
+                        (oldFile) => file.file !== oldFile.file
+                      );
+                      setFiles(newFiles);
+                      onChangeFiles?.(newFiles);
+                    },
+                    sentiment,
+                    size: "xsmall",
+                    variant: "ghost",
+                    children: /* @__PURE__ */ jsx(CloseIcon, {})
+                  }
+                )
+              ]
+            }
+          ),
+          file.error ? /* @__PURE__ */ jsx(Text, { as: "p", sentiment: "danger", variant: "caption", children: file.error }) : null
+        ] }, file.fileName);
+      }
+      return null;
+    }),
+    computedLimit && files.length > computedLimit ? /* @__PURE__ */ jsxs(
+      Button,
+      {
+        "data-testid": "see-all",
+        onClick: seeAllOnClick,
+        sentiment: "primary",
+        size: "large",
+        variant: "ghost",
+        children: [
+          textLimit,
+          " (",
+          files.length,
+          ")"
+        ]
+      }
+    ) : null
+  ] }) : null;
+};
+export {
+  ListFiles
+};

package/dist/components/FileInput/helpers.d.ts

@@ -0,0 +1,4 @@
+import type { MimeType } from './types';
+export declare const getMimeTypeType: (mimeType: string) => MimeType;
+export declare const formatFileSize: (bytes: number) => string;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/FileInput/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM,KAAG,QACiB,CAAA;AAEpE,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAoB9C,CAAA"}

package/dist/components/FileInput/helpers.js

@@ -0,0 +1,19 @@
+const getMimeTypeType = (mimeType) => mimeType.split("/")?.[0]?.toLowerCase() || "example";
+const formatFileSize = (bytes) => {
+  if (bytes === 0) {
+    return "0 B";
+  }
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  let size = bytes;
+  let unitIndex = 0;
+  while (size >= 1e3 && unitIndex < units.length - 1) {
+    size /= 1e3;
+    unitIndex += 1;
+  }
+  const formattedSize = size % 1 === 0 ? size : Number.parseFloat(size.toFixed(2));
+  return `${formattedSize} ${units[unitIndex]}`;
+};
+export {
+  formatFileSize,
+  getMimeTypeType
+};

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

@@ -0,0 +1,6 @@
+import type { FileInputProps } from './types';
+export declare const FileInput: (({ style, className, variant, size, title, children, onDrop, label, labelDescription, disabled, accept, "aria-label": ariaLabel, defaultFiles, onChangeFiles, helper, multiple, bottom, required, error, "data-testid": dataTestid, }: FileInputProps) => import("react/jsx-runtime").JSX.Element) & {
+    Button: ({ children, disabled, ...props }: import("react").ComponentProps<typeof import("..").Button>) => import("react/jsx-runtime").JSX.Element;
+    List: ({ limit, textLimit, prominence, }: import("./types").ListProps) => import("react/jsx-runtime").JSX.Element | null;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,SAAS,CAAA;AAmTxD,eAAO,MAAM,SAAS,0OAzRnB,cAAc;;;CA4Rf,CAAA"}