@ultraviolet/ui 3.2.1 → 3.3.1

package/dist/components/Popup/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { forwardRef, useRef, useImperativeHandle, useState, useId, useMemo, useCallback, startTransition, useLayoutEffect, useEffect } from "react";
 import { createPortal } from "react-dom";
@@ -38,6 +38,7 @@ const getPopupPortalTarget = ({
   return null;
 };
 const Popup = forwardRef(
+  // oxlint-disable-next-line eslint/max-statements
   ({
     children,
     text = "",

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

package/dist/components/Radio/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Row/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAItE,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;AAET,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IACvC,GAAG,CAAC,EAAE,cAAc,CAChB,MAAM,kBAAkB,CAAC,OAAO,CAAC,GACjC,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAC9C,CAAA;IACD,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA4BD;;GAEG;AACH,eAAO,MAAM,GAAG,GAAI,uHAUjB,QAAQ,4CA+CV,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Row/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAItE,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;AAET,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IACvC,GAAG,CAAC,EAAE,cAAc,CAChB,MAAM,kBAAkB,CAAC,OAAO,CAAC,GACjC,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAC9C,CAAA;IACD,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA4BD;;GAEG;AACH,eAAO,MAAM,GAAG,GAAI,uHAUjB,QAAQ,4CA+CV,CAAA"}

package/dist/components/Row/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { cn, consoleLightTheme } from "@ultraviolet/themes";
+import { consoleLightTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { row, sprinkles } from "./styles.css.js";
 import { paddings, templateColumn } from "./variables.css.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,4HA8RvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,4HA6RvB,CAAA"}

package/dist/components/SearchInput/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { SearchIcon } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/themes";
-import { forwardRef, useRef, useState, useReducer, useImperativeHandle, useEffect, useCallback, useMemo } from "react";
+import { cn } from "@ultraviolet/utils";
+import { forwardRef, useRef, useState, useReducer, useImperativeHandle, useLayoutEffect, useEffect, useCallback, useMemo } from "react";
 import { isClientSide } from "../../helpers/isClientSide.js";
 import { Popup } from "../Popup/index.js";
 import { Stack } from "../Stack/index.js";
@@ -10,6 +10,7 @@ import { TextInput } from "../TextInput/index.js";
 import { KeyGroup } from "./KeyGroup.js";
 import { searchInputPopup, clickableStack, searchInput } from "./styles.css.js";
 const SearchInput = forwardRef(
+  // oxlint-disable-next-line eslint/max-statements
   ({
     placeholder,
     label,
@@ -85,19 +86,17 @@ const SearchInput = forwardRef(
         }
       }
     };
-    useEffect(() => {
+    useLayoutEffect(() => {
       document.addEventListener("keyup", handleNavigation);
       return () => document.removeEventListener("keyup", handleNavigation);
     }, []);
-    useEffect(() => {
+    useLayoutEffect(() => {
       resizeSearchBar();
       window.addEventListener("resize", resizeSearchBar);
       return () => window.removeEventListener("resize", resizeSearchBar);
     }, []);
     useEffect(() => {
-      if (value !== void 0) {
-        setSearchTerms(value);
-      }
+      setSearchTerms(value ?? "");
     }, [value]);
     const onSearchCallback = (localValue) => {
       setSearchTerms(localValue);
@@ -153,7 +152,7 @@ const SearchInput = forwardRef(
       },
       [keyPressed]
     );
-    useEffect(() => {
+    useLayoutEffect(() => {
       if (shortcut && !disabled) {
         document.body.addEventListener("keydown", handleKeyPressed);
         document.body.addEventListener("keyup", handleKeyReleased);

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/Dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,cAAc,EAId,SAAS,EACT,SAAS,EAEV,MAAM,OAAO,CAAA;AAYd,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAyBnC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;CAC5D,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAgkBD,eAAO,MAAM,QAAQ,GAAI,gLAetB,aAAa,4CAiMf,CAAA"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/Dropdown.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,cAAc,EAId,SAAS,EACT,SAAS,EAEV,MAAM,OAAO,CAAA;AAYd,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AA0BnC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;CAC5D,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAikBD,eAAO,MAAM,QAAQ,GAAI,gLAetB,aAAa,4CAuMf,CAAA"}

package/dist/components/SelectInput/components/Dropdown.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useTheme, cn } from "@ultraviolet/themes";
-import { useState, useRef, use, useLayoutEffect, useCallback, useEffect, useMemo } from "react";
+import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { useState, useRef, use, useCallback, useLayoutEffect, useEffect, useMemo } from "react";
 import { Checkbox } from "../../Checkbox/index.js";
 import { ModalContext } from "../../Modal/ModalProvider.js";
 import { Popup } from "../../Popup/index.js";
@@ -11,7 +13,7 @@ import { Text } from "../../Text/index.js";
 import { useSelectInput } from "../SelectInputProvider.js";
 import { INPUT_SIZE_HEIGHT } from "../types.js";
 import { DisplayOption } from "./DropdownOption.js";
-import { footer, dropdown, dropdownEmptyState, dropdownContainer, dropdownItem, dropdownCheckbox, dropdownGroupWrapper, dropdownGroupSelectable, dropdownGroup, dropdownLoadMore, dropdownContainerUnGrouped } from "./dropdown.css.js";
+import { footer, dropdown, dropdownWidth, dropdownEmptyState, dropdownContainer, dropdownItem, dropdownCheckbox, dropdownGroupWrapper, dropdownGroupSelectable, dropdownGroup, dropdownLoadMore, dropdownContainerUnGrouped } from "./dropdown.css.js";
 import { SearchBarDropdown } from "./SearchBarDropdown.js";
 const DROPDOWN_MAX_HEIGHT = 256;
 const NON_SEARCHABLE_KEYS = [
@@ -220,6 +222,7 @@ const CreateDropdown = ({
                   className: dropdownCheckbox,
                   "data-testid": "select-all-checkbox",
                   disabled: false,
+                  name: "select-all",
                   onChange: selectAllOptions,
                   tabIndex: -1,
                   value: "select-all",
@@ -536,6 +539,11 @@ const Dropdown = ({
     refSelect.current?.offsetWidth ?? "100%"
   );
   const modalContext = use(ModalContext);
+  const resizeDropdown = useCallback(() => {
+    if (refSelect.current && refSelect.current.getBoundingClientRect().width > 0 && refSelect.current.getBoundingClientRect().width !== maxWidth) {
+      setWidth(refSelect.current.getBoundingClientRect().width);
+    }
+  }, [refSelect, maxWidth]);
   useLayoutEffect(() => {
     if (refSelect.current && isDropdownVisible) {
       const position = refSelect.current.getBoundingClientRect().bottom + DROPDOWN_MAX_HEIGHT + Number(theme.sizing[INPUT_SIZE_HEIGHT[size]].replace("rem", "")) * 16 + Number.parseInt(theme.space["5"], 10);
@@ -556,17 +564,13 @@ const Dropdown = ({
               top: overflow
             });
           }
+          resizeDropdown();
         } else {
           window.scrollBy({ behavior: "smooth", top: overflow });
         }
       }
     }
-  }, [isDropdownVisible, refSelect, size, modalContext, theme]);
-  const resizeDropdown = useCallback(() => {
-    if (refSelect.current && refSelect.current.getBoundingClientRect().width > 0) {
-      setWidth(refSelect.current.getBoundingClientRect().width);
-    }
-  }, [refSelect]);
+  }, [isDropdownVisible, refSelect, size, modalContext, theme, resizeDropdown]);
   useEffect(() => {
     resizeDropdown();
     window.addEventListener("resize", resizeDropdown);
@@ -651,6 +655,9 @@ const Dropdown = ({
       portalTarget,
       ref,
       role: "dialog",
+      style: assignInlineVars({
+        [dropdownWidth]: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth
+      }),
       tabIndex: -1,
       text: /* @__PURE__ */ jsxs(Stack, { children: [
         searchable && !isLoading && numberOfOptions >= 6 ? /* @__PURE__ */ jsx(

package/dist/components/SelectInput/components/DropdownOption.js

@@ -10,7 +10,7 @@ const DisplayOption = ({
   descriptionDirection
 }) => {
   if (descriptionDirection === "row" && optionalInfoPlacement === "left") {
-    return /* @__PURE__ */ jsx(Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Tooltip, { disableAnimation: true, text: option.tooltip, children: /* @__PURE__ */ jsx(
       Stack,
       {
         "data-testid": `option-stack-${option.value}`,
@@ -54,7 +54,7 @@ const DisplayOption = ({
     ) });
   }
   if (descriptionDirection === "row" && optionalInfoPlacement === "right") {
-    return /* @__PURE__ */ jsx(Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(Tooltip, { disableAnimation: true, text: option.tooltip, children: /* @__PURE__ */ jsxs(
       Stack,
       {
         alignItems: "baseline",
@@ -91,7 +91,7 @@ const DisplayOption = ({
     ) });
   }
   if (descriptionDirection === "column" && optionalInfoPlacement === "left") {
-    return /* @__PURE__ */ jsx(Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(Tooltip, { disableAnimation: true, text: option.tooltip, children: /* @__PURE__ */ jsxs(
       Stack,
       {
         alignItems: "normal",
@@ -136,7 +136,7 @@ const DisplayOption = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx(Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Tooltip, { disableAnimation: true, text: option.tooltip, children: /* @__PURE__ */ jsxs(
     Stack,
     {
       alignItems: "normal",

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

@@ -1 +1 @@
-{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/SelectBar.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AAmCjD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAmID,QAAA,MAAM,SAAS,GAAI,uJAehB,cAAc,4CAwUhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/SelectBar.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AAmCjD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAmID,QAAA,MAAM,SAAS,GAAI,uJAehB,cAAc,4CA8UhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/SelectInput/components/SelectBar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircleIcon, CheckCircleIcon, CloseIcon, ArrowDownIcon, PlusIcon } from "@ultraviolet/icons";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect } from "react";
 import { Button } from "../../Button/index.js";
@@ -185,80 +185,84 @@ const SelectBar = ({
     }
     return innerRef.current?.offsetWidth ?? 0 - (arrowRef.current?.offsetWidth ?? 0) - SIZES_TAG.paddings;
   }, [innerRef.current?.offsetWidth]);
-  useLayoutEffect(() => {
-    if (selectedData.selectedValues.length === 0) {
-      setOverflowAmount(0);
-      setNonOverFlowedValues([]);
-    }
-    if (measureRef.current && selectedData.selectedValues.length > 0) {
-      const toMeasureElements = measureRef.current.children;
-      const toMeasureElementsArray = [...toMeasureElements];
-      const innerWidth = getWidth();
-      const {
-        measuredVisibleTags,
-        measuredHiddenTags,
-        accumulatedWidth,
-        lastVisibleElementWidth,
-        lastVisibleLabel
-      } = toMeasureElementsArray.reduce(
-        (accumulator, currentValue, index) => {
-          const elementWidth = currentValue.offsetWidth;
-          const newAccumulatedWidth = accumulator.accumulatedWidth + elementWidth + SIZES_TAG.gap;
-          const canBeVisible = newAccumulatedWidth <= innerWidth;
-          return {
-            accumulatedWidth: !canBeVisible ? accumulator.accumulatedWidth : newAccumulatedWidth,
-            lastVisibleElementWidth: canBeVisible ? elementWidth : accumulator.lastVisibleElementWidth,
-            lastVisibleLabel: canBeVisible ? potentiallyNonOverflowedValues[index].label : accumulator.lastVisibleLabel,
-            measuredHiddenTags: accumulator.measuredHiddenTags + (!canBeVisible ? 1 : 0),
-            measuredVisibleTags: [
-              ...accumulator.measuredVisibleTags,
-              canBeVisible && potentiallyNonOverflowedValues[index]
-            ].filter(Boolean)
-          };
-        },
-        {
-          accumulatedWidth: 0,
-          lastVisibleElementWidth: 0,
-          lastVisibleLabel: "",
-          measuredHiddenTags: 0,
-          measuredVisibleTags: []
-        }
-      );
-      const additionnalElementsWidth = SIZES_TAG.paddings + (refPlusTag.current?.offsetWidth ?? 0);
-      const finalWidth = accumulatedWidth + (measuredHiddenTags ? additionnalElementsWidth : 0);
-      const overflowPx = finalWidth - innerWidth;
-      const hasOverflow = overflowPx > 0;
-      const hasHiddenTags = measuredHiddenTags > 0;
-      const lastVisibleElementMaxSize = lastVisibleElementWidth - overflowPx;
-      if (measuredHiddenTags === 1 && measuredVisibleTags.length === 0) {
+  useLayoutEffect(
+    // oxlint-disable-next-line eslint/max-statements
+    () => {
+      if (selectedData.selectedValues.length === 0) {
         setOverflowAmount(0);
-        setNonOverFlowedValues([potentiallyNonOverflowedValues[0]]);
-        const newOverflowPx = lastVisibleElementWidth + (measuredHiddenTags > 1 ? additionnalElementsWidth : 0) - innerWidth;
-        setLastElementMaxWidth(lastVisibleElementWidth - newOverflowPx);
-        setOverflow(true);
-      } else if (hasOverflow && hasHiddenTags && (lastVisibleElementMaxSize > 65 || measuredVisibleTags.length === 1 && lastVisibleElementMaxSize > 65) && typeof lastVisibleLabel === "string") {
-        setLastElementMaxWidth(lastVisibleElementMaxSize);
-        setOverflow(true);
-        setOverflowAmount(measuredHiddenTags);
-        setNonOverFlowedValues(measuredVisibleTags);
-      } else if (hasOverflow && hasHiddenTags) {
-        setLastElementMaxWidth(0);
-        setOverflow(false);
-        setOverflowAmount(measuredHiddenTags + 1);
-        setNonOverFlowedValues(measuredVisibleTags.slice(0, -1));
-      } else {
-        setOverflow(false);
-        setOverflowAmount(measuredHiddenTags);
-        setNonOverFlowedValues(measuredVisibleTags);
+        setNonOverFlowedValues([]);
       }
-    }
-    setDisplayShadowCopy(false);
-  }, [
-    displayShadowCopy,
-    potentiallyNonOverflowedValues,
-    selectedData.selectedValues.length,
-    getWidth
-  ]);
+      if (measureRef.current && selectedData.selectedValues.length > 0) {
+        const toMeasureElements = measureRef.current.children;
+        const toMeasureElementsArray = [...toMeasureElements];
+        const innerWidth = getWidth();
+        const {
+          measuredVisibleTags,
+          measuredHiddenTags,
+          accumulatedWidth,
+          lastVisibleElementWidth,
+          lastVisibleLabel
+        } = toMeasureElementsArray.reduce(
+          (accumulator, currentValue, index) => {
+            const elementWidth = currentValue.offsetWidth;
+            const newAccumulatedWidth = accumulator.accumulatedWidth + elementWidth + SIZES_TAG.gap;
+            const canBeVisible = newAccumulatedWidth <= innerWidth;
+            return {
+              accumulatedWidth: !canBeVisible ? accumulator.accumulatedWidth : newAccumulatedWidth,
+              lastVisibleElementWidth: canBeVisible ? elementWidth : accumulator.lastVisibleElementWidth,
+              lastVisibleLabel: canBeVisible ? potentiallyNonOverflowedValues[index].label : accumulator.lastVisibleLabel,
+              measuredHiddenTags: accumulator.measuredHiddenTags + (!canBeVisible ? 1 : 0),
+              measuredVisibleTags: [
+                ...accumulator.measuredVisibleTags,
+                canBeVisible && potentiallyNonOverflowedValues[index]
+              ].filter(Boolean)
+            };
+          },
+          {
+            accumulatedWidth: 0,
+            lastVisibleElementWidth: 0,
+            lastVisibleLabel: "",
+            measuredHiddenTags: 0,
+            measuredVisibleTags: []
+          }
+        );
+        const additionnalElementsWidth = SIZES_TAG.paddings + (refPlusTag.current?.offsetWidth ?? 0);
+        const finalWidth = accumulatedWidth + (measuredHiddenTags ? additionnalElementsWidth : 0);
+        const overflowPx = finalWidth - innerWidth;
+        const hasOverflow = overflowPx > 0;
+        const hasHiddenTags = measuredHiddenTags > 0;
+        const lastVisibleElementMaxSize = lastVisibleElementWidth - overflowPx;
+        if (measuredHiddenTags === 1 && measuredVisibleTags.length === 0) {
+          setOverflowAmount(0);
+          setNonOverFlowedValues([potentiallyNonOverflowedValues[0]]);
+          const newOverflowPx = lastVisibleElementWidth + (measuredHiddenTags > 1 ? additionnalElementsWidth : 0) - innerWidth;
+          setLastElementMaxWidth(lastVisibleElementWidth - newOverflowPx);
+          setOverflow(true);
+        } else if (hasOverflow && hasHiddenTags && (lastVisibleElementMaxSize > 65 || measuredVisibleTags.length === 1 && lastVisibleElementMaxSize > 65) && typeof lastVisibleLabel === "string") {
+          setLastElementMaxWidth(lastVisibleElementMaxSize);
+          setOverflow(true);
+          setOverflowAmount(measuredHiddenTags);
+          setNonOverFlowedValues(measuredVisibleTags);
+        } else if (hasOverflow && hasHiddenTags) {
+          setLastElementMaxWidth(0);
+          setOverflow(false);
+          setOverflowAmount(measuredHiddenTags + 1);
+          setNonOverFlowedValues(measuredVisibleTags.slice(0, -1));
+        } else {
+          setOverflow(false);
+          setOverflowAmount(measuredHiddenTags);
+          setNonOverFlowedValues(measuredVisibleTags);
+        }
+      }
+      setDisplayShadowCopy(false);
+    },
+    [
+      displayShadowCopy,
+      potentiallyNonOverflowedValues,
+      selectedData.selectedValues.length,
+      getWidth
+    ]
+  );
   useEffect(() => {
     setSelectedData({ type: "update" });
   }, [setSelectedData, options]);
@@ -275,7 +279,7 @@ const SelectBar = ({
     potentiallyNonOverflowedValues.length,
     selectedData.selectedValues
   ]);
-  return /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Tooltip, { disableAnimation: true, text: tooltip, children: /* @__PURE__ */ jsxs(
     "div",
     {
       "aria-controls": dropdownId,
@@ -344,7 +348,7 @@ const SelectBar = ({
           Stack,
           {
             alignItems: "center",
-            className: selectbarState,
+            className: selectbarState[size === "medium" ? "small" : size],
             direction: "row",
             gap: 1,
             ref: arrowRef,
@@ -367,7 +371,7 @@ const SelectBar = ({
                     }
                   },
                   sentiment: "neutral",
-                  size: "small",
+                  size: size === "large" ? "small" : "xsmall",
                   variant: "ghost",
                   children: /* @__PURE__ */ jsx(CloseIcon, {})
                 }

package/dist/components/SelectInput/components/dropdown.css.d.ts

@@ -1,3 +1,4 @@
+export declare const dropdownWidth: `var(--${string})`;
 export declare const dropdown: string;
 export declare const dropdownContainer: string;
 export declare const dropdownContainerUnGrouped: string;

package/dist/components/SelectInput/components/dropdown.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/dropdown.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,QAQnB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAK5B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAErC,CAAA;AAEF,eAAO,MAAM,aAAa,QAmBxB,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAQlC,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;EA2CvB,CAAA;AAEF,eAAO,MAAM,MAAM,QAKjB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAM3B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAAqC,CAAA;AAEpE,eAAO,MAAM,gBAAgB,QAAyC,CAAA;AAEtE,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAM/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAAgC,CAAA;AAElE,eAAO,MAAM,SAAS,QAGpB,CAAA"}
+{"version":3,"file":"dropdown.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/dropdown.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAK5B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAErC,CAAA;AAEF,eAAO,MAAM,aAAa,QAmBxB,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAQlC,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;EA2CvB,CAAA;AAEF,eAAO,MAAM,MAAM,QAKjB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAM3B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAAqC,CAAA;AAEpE,eAAO,MAAM,gBAAgB,QAAyC,CAAA;AAEtE,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAM/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAAgC,CAAA;AAElE,eAAO,MAAM,SAAS,QAGpB,CAAA"}

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

@@ -1,20 +1,21 @@
 /* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var dropdown = "uv_5kpm8k0";
-var dropdownContainer = "uv_5kpm8k1";
-var dropdownContainerUnGrouped = "uv_5kpm8k2";
-var dropdownGroup = "uv_5kpm8k3";
-var dropdownGroupSelectable = "uv_5kpm8k4";
-var dropdownGroupWrapper = "uv_5kpm8k5";
-var dropdownItem = createRuntimeFn({ defaultClassName: "uv_5kpm8k6", variantClassNames: { selected: { true: "uv_5kpm8k7" }, disabled: { true: "uv_5kpm8k8" } }, defaultVariants: { disabled: false, selected: false }, compoundVariants: [] });
-var footer = "uv_5kpm8k9";
-var dropdownCheckbox = "uv_5kpm8ka";
-var dropdownEmptyState = "uv_5kpm8kb";
-var dropdownLoadMore = "uv_5kpm8kc";
-var dropdownInfo = "uv_5kpm8kd";
-var dropdownInfoTextItem = "uv_5kpm8ke";
-var dropdownInfoContainer = "uv_5kpm8kf";
-var searchBar = "uv_5kpm8kg";
+var dropdownWidth = "var(--uv_5kpm8k0)";
+var dropdown = "uv_5kpm8k1";
+var dropdownContainer = "uv_5kpm8k2";
+var dropdownContainerUnGrouped = "uv_5kpm8k3";
+var dropdownGroup = "uv_5kpm8k4";
+var dropdownGroupSelectable = "uv_5kpm8k5";
+var dropdownGroupWrapper = "uv_5kpm8k6";
+var dropdownItem = createRuntimeFn({ defaultClassName: "uv_5kpm8k7", variantClassNames: { selected: { true: "uv_5kpm8k8" }, disabled: { true: "uv_5kpm8k9" } }, defaultVariants: { disabled: false, selected: false }, compoundVariants: [] });
+var footer = "uv_5kpm8ka";
+var dropdownCheckbox = "uv_5kpm8kb";
+var dropdownEmptyState = "uv_5kpm8kc";
+var dropdownLoadMore = "uv_5kpm8kd";
+var dropdownInfo = "uv_5kpm8ke";
+var dropdownInfoTextItem = "uv_5kpm8kf";
+var dropdownInfoContainer = "uv_5kpm8kg";
+var searchBar = "uv_5kpm8kh";
 export {
   dropdown,
   dropdownCheckbox,
@@ -29,6 +30,7 @@ export {
   dropdownInfoTextItem,
   dropdownItem,
   dropdownLoadMore,
+  dropdownWidth,
   footer,
   searchBar
 };

package/dist/components/SelectInput/components/selectBar.css.d.ts

@@ -1,6 +1,6 @@
 export declare const maxWidthTag: `var(--${string})`;
 export declare const minWidthTag: `var(--${string})`;
-export declare const selectbarState: string;
+export declare const selectbarState: Record<"large" | "small", string>;
 export declare const selectinputPlaceholder: string;
 export declare const selectBarBase: string;
 export declare const selectBar: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -8,13 +8,15 @@ export declare const selectBar: import("@vanilla-extract/recipes").RuntimeFn<{
         small: {
             height: `var(--${string})`;
             padding: number;
-            paddingLeft: `var(--${string})`;
+            paddingInline: `var(--${string})`;
         };
         medium: {
             height: `var(--${string})`;
+            paddingInline: `var(--${string})`;
         };
         large: {
             height: `var(--${string})`;
+            paddingInline: `var(--${string})`;
         };
     };
     state: {

package/dist/components/SelectInput/components/selectBar.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/selectBar.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,QAGzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAA;AAgCF,eAAO,MAAM,aAAa,QAYxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;+BA7BT,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwHjB,CAAA;AASF,eAAO,MAAM,aAAa,sCAMxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}
+{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/selectBar.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAA;AAgCF,eAAO,MAAM,aAAa,QAaxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;+BA9BT,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2HjB,CAAA;AASF,eAAO,MAAM,aAAa,sCAMxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}

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

@@ -2,13 +2,13 @@
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var maxWidthTag = "var(--uv_1ba7knd0)";
 var minWidthTag = "var(--uv_1ba7knd1)";
-var selectbarState = "uv_1ba7knd2";
-var selectinputPlaceholder = "uv_1ba7knd3";
-var selectBar = createRuntimeFn({ defaultClassName: "uv_1ba7knd5 uv_1ba7knd4", variantClassNames: { size: { small: "uv_1ba7knd6", medium: "uv_1ba7knd7", large: "uv_1ba7knd8" }, state: { neutral: "uv_1ba7knd9", success: "uv_1ba7knda", danger: "uv_1ba7kndb" }, dropdownVisible: { true: "uv_1ba7kndc" }, readOnly: { true: "uv_1ba7kndd" }, disabled: { true: "uv_1ba7knde" } }, defaultVariants: { state: "neutral", size: "large", dropdownVisible: false, readOnly: false, disabled: false }, compoundVariants: [[{ dropdownVisible: true, state: "neutral" }, "uv_1ba7kndf"], [{ dropdownVisible: true, state: "success" }, "uv_1ba7kndg"], [{ dropdownVisible: true, state: "danger" }, "uv_1ba7kndh"]] });
-var selectBarTags = { hidden: "uv_1ba7kndj uv_1ba7kndi", visible: "uv_1ba7kndk uv_1ba7kndi" };
-var selectedValues = "uv_1ba7kndl";
-var plusTag = "uv_1ba7kndm";
-var multiselectStack = "uv_1ba7kndn";
+var selectbarState = { small: "uv_1ba7knd2", large: "uv_1ba7knd3" };
+var selectinputPlaceholder = "uv_1ba7knd4";
+var selectBar = createRuntimeFn({ defaultClassName: "uv_1ba7knd6 uv_1ba7knd5", variantClassNames: { size: { small: "uv_1ba7knd7", medium: "uv_1ba7knd8", large: "uv_1ba7knd9" }, state: { neutral: "uv_1ba7knda", success: "uv_1ba7kndb", danger: "uv_1ba7kndc" }, dropdownVisible: { true: "uv_1ba7kndd" }, readOnly: { true: "uv_1ba7knde" }, disabled: { true: "uv_1ba7kndf" } }, defaultVariants: { state: "neutral", size: "large", dropdownVisible: false, readOnly: false, disabled: false }, compoundVariants: [[{ dropdownVisible: true, state: "neutral" }, "uv_1ba7kndg"], [{ dropdownVisible: true, state: "success" }, "uv_1ba7kndh"], [{ dropdownVisible: true, state: "danger" }, "uv_1ba7kndi"]] });
+var selectBarTags = { hidden: "uv_1ba7kndk uv_1ba7kndj", visible: "uv_1ba7kndl uv_1ba7kndj" };
+var selectedValues = "uv_1ba7kndm";
+var plusTag = "uv_1ba7kndn";
+var multiselectStack = "uv_1ba7kndo";
 export {
   maxWidthTag,
   minWidthTag,

package/dist/components/SelectInput/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 { useId, useRef } from "react";
 import { Label } from "../Label/index.js";
 import { Stack } from "../Stack/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,WAAW,MAAM,4BAA4B,CAAA;AAGzD,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EAIjB,SAAS,EACV,MAAM,OAAO,CAAA;AASd,OAAO,KAAK,EAAE,SAAS,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAiB5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,EACA,QAAQ,EACR,OAAO,GACR,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GACnE,SAAS,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACA;IACE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,GACD;IACE,WAAW,CAAC,EAAE,8BAA8B,CAC1C,MAAM,OAAO,WAAW,EACxB,aAAa,CACd,CAAA;IACD,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CACJ,GACC,SAAS,CAAA;AAEX;;;GAGG;AACH,eAAO,MAAM,cAAc,gHA4Q1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,WAAW,MAAM,4BAA4B,CAAA;AAIzD,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EAIjB,SAAS,EACV,MAAM,OAAO,CAAA;AASd,OAAO,KAAK,EAAE,SAAS,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAiB5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,EACA,QAAQ,EACR,OAAO,GACR,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GACnE,SAAS,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACA;IACE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,GACD;IACE,WAAW,CAAC,EAAE,8BAA8B,CAC1C,MAAM,OAAO,WAAW,EACxB,aAAa,CACd,CAAA;IACD,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CACJ,GACC,SAAS,CAAA;AAEX;;;GAGG;AACH,eAAO,MAAM,cAAc,gHA6Q1B,CAAA"}

package/dist/components/SelectableCard/index.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as ProductIcon from "@ultraviolet/icons/product";
-import { useTheme, cn } from "@ultraviolet/themes";
+import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { forwardRef, useRef, useState, useMemo, useEffect, useCallback } from "react";
 import { Checkbox } from "../Checkbox/index.js";

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

@@ -1,4 +1,5 @@
 /* empty css                                 */
+/* empty css                             */
 /* empty css                                    */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";

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

@@ -1,4 +1,3 @@
-/* empty css                             */
 var inputDisplay = "var(--uv_18vc4d30)";
 var labelDisplay = "var(--uv_18vc4d31)";
 var widthSelectable = "var(--uv_18vc4d32)";

package/dist/components/SelectableCardGroup/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 { Row } from "../Row/index.js";

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

package/dist/components/SelectableCardOptionGroup/components/Image.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { disabledImage } from "../styles.css.js";
 const IMAGE_SIZES = {
   large: 56,

package/dist/components/SelectableCardOptionGroup/components/Option.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 { useId } from "react";
 import { Label } from "../../Label/index.js";
 import { SelectableCard } from "../../SelectableCard/index.js";