@ultraviolet/ui 3.7.1 → 3.8.0

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;sWAkUxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"AASA,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,6 +1,11 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { CloseIcon, CheckCircleIcon, AlertCircleIcon, EyeOffIcon, EyeIcon, AutoFixIcon } from "@ultraviolet/icons";
+import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
+import { AutoFixIcon } from "@ultraviolet/icons/AutoFixIcon";
+import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+import { EyeIcon } from "@ultraviolet/icons/EyeIcon";
+import { EyeOffIcon } from "@ultraviolet/icons/EyeOffIcon";
 import { cn } from "@ultraviolet/utils";
 import { forwardRef, useId, useState, useRef, useImperativeHandle, useMemo, useCallback } from "react";
 import { Button } from "../Button/index.js";

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

@@ -3,7 +3,7 @@ export declare const basicPrefix: string;
 export declare const stateStack: string;
 export declare const basicSuffix: string;
 export declare const ctaSuffix: string;
-export declare const inputWrapperSizes: Record<"large" | "medium" | "small", string>;
+export declare const inputWrapperSizes: Record<"small" | "large" | "medium", string>;
 export declare const inputWrapper: string;
 export declare const inputClass: string;
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,oBAAc,CAAA;AAEtC,eAAO,MAAM,WAAW,QActB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,WAAW,QAUtB,CAAA;AAEF,eAAO,MAAM,SAAS,QAMpB,CAAA;AAEF,eAAO,MAAM,iBAAiB,8CAa7B,CAAA;AAED,eAAO,MAAM,YAAY,QAgCvB,CAAA;AAEF,eAAO,MAAM,UAAU,QAwCrB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,oBAAc,CAAA;AAEtC,eAAO,MAAM,WAAW,QAYtB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,WAAW,QAUtB,CAAA;AAEF,eAAO,MAAM,SAAS,QAKpB,CAAA;AAEF,eAAO,MAAM,iBAAiB,8CAa7B,CAAA;AAED,eAAO,MAAM,YAAY,QAgCvB,CAAA;AAEF,eAAO,MAAM,UAAU,QAwCrB,CAAA"}

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

@@ -1,19 +1,14 @@
-import type { ChangeEventHandler, InputHTMLAttributes, ReactNode } from 'react';
+import type { InputHTMLAttributes, ReactNode } from 'react';
 export declare const Toggle: import("react").ForwardRefExoticComponent<{
-    id?: string;
     checked?: boolean;
-    name?: string;
     tooltip?: string;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
     size?: "large" | "small";
     labelPosition?: "left" | "right";
     label?: ReactNode;
     'aria-label'?: string;
     helper?: ReactNode;
-    disabled?: boolean;
     className?: string;
-    required?: boolean;
     error?: boolean | string;
     'data-testid'?: string;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "value"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "style" | "disabled" | "id" | "tabIndex" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "name" | "checked" | "required"> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,SAAS,EAEV,MAAM,OAAO,CAAA;AA0Bd,eAAO,MAAM,MAAM;SAjBZ,MAAM;cACD,OAAO;WACV,MAAM;cACH,MAAM;eACL,kBAAkB,CAAC,gBAAgB,CAAC;WACxC,OAAO,GAAG,OAAO;oBACR,MAAM,GAAG,OAAO;YACxB,SAAS;mBACF,MAAM;aACZ,SAAS;eACP,OAAO;gBACN,MAAM;eACP,OAAO;YACV,OAAO,GAAG,MAAM;oBACR,MAAM;qHAgHvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAA;AAmChE,eAAO,MAAM,MAAM;cA1BP,OAAO;cACP,MAAM;WACT,OAAO,GAAG,OAAO;oBACR,MAAM,GAAG,OAAO;YACxB,SAAS;mBACF,MAAM;aACZ,SAAS;gBACN,MAAM;YACV,OAAO,GAAG,MAAM;oBACR,MAAM;0OA0IvB,CAAA"}

package/dist/components/Toggle/index.js

@@ -14,11 +14,15 @@ const Toggle = forwardRef(
     id,
     name,
     onChange,
+    onFocus,
+    onBlur,
+    onKeyDown,
     size = "large",
     tooltip,
     labelPosition = "right",
     label: label$1,
     helper,
+    tabIndex,
     required,
     className,
     "data-testid": dataTestId,
@@ -28,6 +32,7 @@ const Toggle = forwardRef(
     style
   }, ref) => {
     const uniqueId = useId();
+    const localId = id ?? uniqueId;
     return /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(
       "label",
       {
@@ -40,6 +45,7 @@ const Toggle = forwardRef(
           })
         ),
         "data-testid": dataTestId,
+        htmlFor: localId,
         children: [
           /* @__PURE__ */ jsxs(Stack, { alignItems: "baseline", gap: 0.25, children: [
             label$1 ? /* @__PURE__ */ jsxs(Row, { alignItems: "center", gap: 1, templateColumns: "auto 1fr", children: [
@@ -47,6 +53,7 @@ const Toggle = forwardRef(
                 Text,
                 {
                   as: "span",
+                  htmlFor: localId,
                   prominence: "default",
                   sentiment: "neutral",
                   variant: size === "large" ? "body" : "bodySmall",
@@ -88,17 +95,22 @@ const Toggle = forwardRef(
               children: /* @__PURE__ */ jsx(
                 "input",
                 {
+                  "aria-disabled": disabled,
                   "aria-invalid": !!error,
                   "aria-label": ariaLabel,
                   checked,
                   className: checkbox,
                   disabled,
-                  id: id ?? uniqueId,
+                  id: localId,
                   name,
+                  onBlur,
                   onChange,
+                  onFocus,
+                  onKeyDown,
                   ref,
                   required,
                   style,
+                  tabIndex,
                   type: "checkbox",
                   value
                 }

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" | "data-testid" | "id" | "tabIndex" | "role" | "children" | "portalTarget" | "containerFullHeight" | "containerFullWidth" | "disableAnimation" | "debounceDelay" | "innerRef"> & {
+} & import("react").RefAttributes<HTMLDivElement>, "children" | "text" | "style" | "maxWidth" | "visible" | "className" | "data-testid" | "id" | "tabIndex" | "role" | "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/UnitInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UnitInput/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAatD,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1D,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;IACxD,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,eAAe,CAAC,CAAA;IACnE,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAA;CAChE,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,aAAa,GACb,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,OAAO,CACV,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,4WAmCvB,cAAc,4CAwIhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UnitInput/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAatD,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1D,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;IACxD,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,eAAe,CAAC,CAAA;IACnE,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAA;CAChE,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,aAAa,GACb,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,OAAO,CACV,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,4WAmCvB,cAAc,4CAwIhB,CAAA"}

package/dist/components/UnitInput/index.js

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

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

@@ -1,8 +1,8 @@
 export declare const widthSelectInput: `var(--${string})`;
-export declare const unitInputNumber: Record<"large" | "medium" | "small", string>;
+export declare const unitInputNumber: Record<"small" | "large" | "medium", string>;
 export declare const unitInputState: Record<"success" | "default" | "disabled" | "error" | "readOnly", string>;
 export declare const unitInputNumberWrapper: string;
-export declare const unitInputSize: Record<"large" | "medium" | "small", string>;
+export declare const unitInputSize: Record<"small" | "large" | "medium", string>;
 export declare const unitInputUnitWidth: string;
 export declare const unitInputUnit: string;
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1,4 +1,4 @@
-export declare const inputSizes: Record<"large" | "medium" | "small" | "xlarge", string>;
+export declare const inputSizes: Record<"small" | "large" | "medium" | "xlarge", string>;
 export declare const inputClass: string;
 export declare const filedSetClass: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/compositions/OptionSelector/__mock__/resources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resources.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OptionSelector/__mock__/resources.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,oBAAoB;;;;GA2ChC,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;IAwEzB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;GAmEzB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;GAmE9B,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA"}
+{"version":3,"file":"resources.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OptionSelector/__mock__/resources.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,oBAAoB;;;;GA2ChC,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;IAwEzB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;GAmEzB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;GAmE9B,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA"}

package/dist/components/compositions/OptionSelector/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { RayStartArrowIcon } from "@ultraviolet/icons";
+import { RayStartArrowIcon } from "@ultraviolet/icons/RayStartArrowIcon";
 import { cn } from "@ultraviolet/utils";
 import { useMemo } from "react";
 import { Label } from "../../Label/index.js";

package/dist/index.js

@@ -1,7 +1,8 @@
 /* empty css                                */
 import { extendTheme } from "./theme/index.js";
 import { default as default2 } from "./utils/normalize.js";
-import { ThemeProvider, consoleDarkTheme, consoleLightTheme, useTheme } from "@ultraviolet/themes";
+import { consoleDarkTheme, consoleLightTheme, useTheme } from "@ultraviolet/themes";
+import { ThemeProvider } from "./theme/ThemeProvider.js";
 import { bounce, fadeIn, fadeOut, flash, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, zoomIn, zoomOut } from "./utils/animations/animationsVE.css.js";
 import { bounce as bounce2, fadeIn as fadeIn2, fadeOut as fadeOut2, flash as flash2, ping as ping2, pulse as pulse2, quickScaleDown as quickScaleDown2, scaleBack as scaleBack2, scaleDown as scaleDown2, scaleForward as scaleForward2, scaleUp as scaleUp2, sketchIn as sketchIn2, sketchOut as sketchOut2, slideDownLarge as slideDownLarge2, slideFromBottom as slideFromBottom2, slideFromLeft as slideFromLeft2, slideFromRight as slideFromRight2, slideFromTop as slideFromTop2, slideToBottom as slideToBottom2, slideToLeft as slideToLeft2, slideToRight as slideToRight2, slideToTop as slideToTop2, slideUpLarge as slideUpLarge2, unfoldIn as unfoldIn2, unfoldOut as unfoldOut2, zoomIn as zoomIn2, zoomOut as zoomOut2 } from "./utils/animations/animations.js";
 import { down, up } from "./utils/responsive/utilities.js";
@@ -54,7 +55,7 @@ import { Radio } from "./components/Radio/index.js";
 import { RadioGroup } from "./components/RadioGroup/index.js";
 import { Row } from "./components/Row/index.js";
 import { SearchInput } from "./components/SearchInput/index.js";
-import { SelectableCard } from "./components/SelectableCard/index.js";
+import { SelectableCard } from "./components/SelectableCard/SelectableCard.js";
 import { SelectableCardGroup } from "./components/SelectableCardGroup/index.js";
 import { SelectableCardOptionGroup } from "./components/SelectableCardOptionGroup/SelectableCardOptionGroup.js";
 import { SelectInput } from "./components/SelectInput/index.js";

package/dist/theme/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAE/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC;;GAEG;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASpB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,iBAAiB,CAAA;IAChC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,sBAG3B,kBAAkB,4CA2BpB,CAAA"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAE/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC;;GAEG;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASpB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,iBAAiB,CAAA;IAChC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,sBAG3B,kBAAkB,4CA4CpB,CAAA"}

package/dist/theme/ThemeProvider.js

@@ -1,8 +1,9 @@
 "use client";
-import "react/jsx-runtime";
-import { consoleLightTheme } from "@ultraviolet/themes";
-import "@vanilla-extract/dynamic";
-import { useContext, createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { iconStyles } from "@ultraviolet/icons/iconStyles";
+import { theme, consoleLightTheme } from "@ultraviolet/themes";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { useLayoutEffect, createContext, useContext } from "react";
 const ThemeContext = createContext(consoleLightTheme);
 const useTheme = () => {
   const context = useContext(ThemeContext);
@@ -13,6 +14,47 @@ const useTheme = () => {
   }
   return context;
 };
+const ThemeProvider = ({
+  children,
+  theme: theme$1 = consoleLightTheme
+}) => {
+  useLayoutEffect(() => {
+    const styleId = "uv-theme";
+    const iconsStyleId = "uv-icons";
+    const existingIconsStyle = document.getElementById(iconsStyleId);
+    const existingStyle = document.getElementById(styleId);
+    const cssVars = assignInlineVars(theme, theme$1);
+    const cssString = `:root { ${Object.entries(cssVars).map(([key, value]) => `${key}: ${value};`).join(" ")} }`;
+    if (existingStyle) {
+      existingStyle.textContent = cssString;
+    } else {
+      const style = document.createElement("style");
+      style.id = styleId;
+      style.textContent = cssString;
+      document.head.appendChild(style);
+    }
+    if (existingIconsStyle) {
+      existingIconsStyle.textContent = iconStyles;
+    } else {
+      const iconsStyle = document.createElement("style");
+      iconsStyle.id = iconsStyleId;
+      iconsStyle.textContent = iconStyles;
+      document.head.appendChild(iconsStyle);
+    }
+    return () => {
+      const style = document.getElementById(styleId);
+      const iconsStyle = document.getElementById(iconsStyleId);
+      if (style) {
+        style.remove();
+      }
+      if (iconsStyle) {
+        iconsStyle.remove();
+      }
+    };
+  }, [theme$1]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: theme$1, children });
+};
 export {
+  ThemeProvider,
   useTheme
 };

package/dist/theme/index.d.ts

@@ -1,4 +1,5 @@
-import { consoleDarkTheme, consoleLightTheme, ThemeProvider, useTheme } from '@ultraviolet/themes';
+import { consoleDarkTheme, consoleLightTheme, useTheme } from '@ultraviolet/themes';
+import { ThemeProvider } from './ThemeProvider';
 export type ScreenSize = keyof typeof consoleLightTheme.breakpoints;
 type UltravioletUITheme = typeof consoleLightTheme;
 declare const colors: {
@@ -732,7 +733,7 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
 type Color = Extract<keyof typeof consoleLightTheme.colors, 'primary' | 'secondary' | 'neutral' | 'success' | 'danger' | 'warning' | 'info'>;
 type ExtendedColor = Color | 'white' | 'black';
 declare const SENTIMENTS: readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
-declare const SENTIMENTS_WITHOUT_NEUTRAL: ("primary" | "secondary" | "success" | "danger" | "warning" | "info")[];
+declare const SENTIMENTS_WITHOUT_NEUTRAL: ("danger" | "info" | "success" | "primary" | "warning" | "secondary")[];
 export type { UltravioletUITheme, Color, ExtendedColor };
 export { colors, shadows, space, radii, breakpoints as screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeProvider, useTheme, };
 export default consoleLightTheme;

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACT,MAAM,qBAAqB,CAAA;AAG5B,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,iBAAiB,CAAC,WAAW,CAAA;AAEnE,KAAK,kBAAkB,GAAG,OAAO,iBAAiB,CAAA;AAElD,QAAA,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;GAAE,WAAW;;;;;;;CAC3C,CAAA;AAEnB,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAA;AAED;;;;GAIG;AACH,QAAA,MAAM,WAAW,GAAI,eAAe,gBAAgB,CAAC,kBAAkB,CAAC,KACvB,kBAAkB,CAAA;AAGnE,KAAK,KAAK,GAAG,OAAO,CAClB,MAAM,OAAO,iBAAiB,CAAC,MAAM,EACnC,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CACT,CAAA;AAED,KAAK,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;AAE9C,QAAA,MAAM,UAAU,sFAQN,CAAA;AAEV,QAAA,MAAM,0BAA0B,yEAE/B,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;AAExD,OAAO,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,WAAW,IAAI,OAAO,EACtB,gBAAgB,IAAI,SAAS,EAC7B,WAAW,EACX,UAAU,EACV,0BAA0B,EAC1B,UAAU,EACV,aAAa,EACb,QAAQ,GACT,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACT,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,iBAAiB,CAAC,WAAW,CAAA;AAEnE,KAAK,kBAAkB,GAAG,OAAO,iBAAiB,CAAA;AAElD,QAAA,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;GAAE,WAAW;;;;;;;CAC3C,CAAA;AAEnB,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAA;AAED;;;;GAIG;AACH,QAAA,MAAM,WAAW,GAAI,eAAe,gBAAgB,CAAC,kBAAkB,CAAC,KACvB,kBAAkB,CAAA;AAGnE,KAAK,KAAK,GAAG,OAAO,CAClB,MAAM,OAAO,iBAAiB,CAAC,MAAM,EACnC,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CACT,CAAA;AAED,KAAK,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;AAE9C,QAAA,MAAM,UAAU,sFAQN,CAAA;AAEV,QAAA,MAAM,0BAA0B,yEAE/B,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;AAExD,OAAO,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,WAAW,IAAI,OAAO,EACtB,gBAAgB,IAAI,SAAS,EAC7B,WAAW,EACX,UAAU,EACV,0BAA0B,EAC1B,UAAU,EACV,aAAa,EACb,QAAQ,GACT,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/theme/index.js

@@ -1,10 +1,9 @@
 import { consoleLightTheme } from "@ultraviolet/themes";
-import { ThemeProvider, consoleDarkTheme, consoleLightTheme as consoleLightTheme2, useTheme } from "@ultraviolet/themes";
+import { consoleDarkTheme, consoleLightTheme as consoleLightTheme2, useTheme } from "@ultraviolet/themes";
 import deepmerge from "deepmerge";
 const { colors, shadows, typography, space, radii, breakpoints } = consoleLightTheme;
 const extendTheme = (extendedTheme) => deepmerge(consoleLightTheme, extendedTheme);
 export {
-  ThemeProvider,
   colors,
   consoleDarkTheme as darkTheme,
   consoleLightTheme2 as default,