@medusajs/ui 2.2.3 → 2.2.4-next-20231213100322

package/dist/cjs/components/input/input.d.ts

@@ -1,7 +1,61 @@
-import { VariantProps } from "class-variance-authority";
+import { VariantProps } from "cva";
 import * as React from "react";
 declare const inputBaseStyles: string;
 declare const Input: React.ForwardRefExoticComponent<VariantProps<(props?: ({
-    size?: "base" | "small" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+    size?: "base" | "small" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
 export { Input, inputBaseStyles };

package/dist/cjs/components/input/input.js

@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.inputBaseStyles = exports.Input = void 0;
 const tslib_1 = require("tslib");
 const icons_1 = require("@medusajs/icons");
-const class_variance_authority_1 = require("class-variance-authority");
+const cva_1 = require("cva");
 const React = tslib_1.__importStar(require("react"));
 const clx_1 = require("../../utils/clx");
 const inputBaseStyles = (0, clx_1.clx)("caret-ui-fg-base bg-ui-bg-field hover:bg-ui-bg-field-hover shadow-borders-base placeholder-ui-fg-muted text-ui-fg-base transition-fg relative w-full appearance-none rounded-md outline-none", "focus:shadow-borders-interactive-with-active", "disabled:text-ui-fg-disabled disabled:!bg-ui-bg-disabled disabled:placeholder-ui-fg-disabled disabled:cursor-not-allowed", "aria-[invalid=true]:!shadow-borders-error  invalid:!shadow-borders-error");
 exports.inputBaseStyles = inputBaseStyles;
-const inputVariants = (0, class_variance_authority_1.cva)((0, clx_1.clx)(inputBaseStyles, "[&::--webkit-search-cancel-button]:hidden [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden"), {
+const inputVariants = (0, cva_1.cva)({
+    base: (0, clx_1.clx)(inputBaseStyles, "[&::--webkit-search-cancel-button]:hidden [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden"),
     variants: {
         size: {
             base: "txt-compact-medium h-10 px-3 py-[9px]",

package/dist/cjs/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/components/input/input.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,2CAAoE;AACpE,uEAA4D;AAC5D,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,eAAe,GAAG,IAAA,SAAG,EACzB,8LAA8L,EAC9L,8CAA8C,EAC9C,0HAA0H,EAC1H,0EAA0E,CAC3E,CAAA;AA0Fe,0CAAe;AAxF/B,MAAM,aAAa,GAAG,IAAA,8BAAG,EACvB,IAAA,SAAG,EACD,eAAe,EACf,0HAA0H,CAC3H,EACD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,uCAAuC;YAC7C,KAAK,EAAE,qCAAqC;SAC7C;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CACF,CAAA;AAED,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAI5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEtD,MAAM,UAAU,GAAG,IAAI,KAAK,UAAU,CAAA;IACtC,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,CAAA;IAElC,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,+BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACnC,SAAS,EAAE,IAAA,SAAG,EACZ,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAC7B;gBACE,OAAO,EAAE,UAAU,IAAI,IAAI,KAAK,MAAM;gBACtC,OAAO,EAAE,QAAQ,IAAI,IAAI,KAAK,MAAM;gBACpC,MAAM,EAAE,UAAU,IAAI,IAAI,KAAK,OAAO;gBACtC,MAAM,EAAE,QAAQ,IAAI,IAAI,KAAK,OAAO;aACrC,EACD,SAAS,CACV,KACG,KAAK,GACT;QACD,QAAQ,IAAI,CACX,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,4EAA4E,EAC5E;gBACE,WAAW,EAAE,IAAI,KAAK,MAAM;gBAC5B,SAAS,EAAE,IAAI,KAAK,OAAO;aAC5B,CACF,EACD,IAAI,EAAC,KAAK;YAEV,oBAAC,2BAAmB,OAAG,CACnB,CACP;QACA,UAAU,IAAI,CACb,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,iEAAiE,EACjE;gBACE,WAAW,EAAE,IAAI,KAAK,MAAM;gBAC5B,SAAS,EAAE,IAAI,KAAK,OAAO;aAC5B,CACF;YAED,gCACE,SAAS,EAAC,iLAAiL,EAC3L,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;gBAC9D,CAAC;gBAED,8BAAM,SAAS,EAAC,SAAS,IACtB,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CACxD;gBACN,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAC,WAAG,OAAG,CAAC,CAAC,CAAC,oBAAC,gBAAQ,OAAG,CAC3C,CACL,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAGO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["\"use client\"\n\nimport { Eye, EyeSlash, MagnifyingGlassMini } from \"@medusajs/icons\"\nimport { VariantProps, cva } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst inputBaseStyles = clx(\n  \"caret-ui-fg-base bg-ui-bg-field hover:bg-ui-bg-field-hover shadow-borders-base placeholder-ui-fg-muted text-ui-fg-base transition-fg relative w-full appearance-none rounded-md outline-none\",\n  \"focus:shadow-borders-interactive-with-active\",\n  \"disabled:text-ui-fg-disabled disabled:!bg-ui-bg-disabled disabled:placeholder-ui-fg-disabled disabled:cursor-not-allowed\",\n  \"aria-[invalid=true]:!shadow-borders-error  invalid:!shadow-borders-error\"\n)\n\nconst inputVariants = cva(\n  clx(\n    inputBaseStyles,\n    \"[&::--webkit-search-cancel-button]:hidden [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden\"\n  ),\n  {\n    variants: {\n      size: {\n        base: \"txt-compact-medium h-10 px-3 py-[9px]\",\n        small: \"txt-compact-small h-8 px-2 py-[5px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n    },\n  }\n)\n\nconst Input = React.forwardRef<\n  HTMLInputElement,\n  VariantProps<typeof inputVariants> &\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">\n>(({ className, type, size = \"base\", ...props }, ref) => {\n  const [typeState, setTypeState] = React.useState(type)\n\n  const isPassword = type === \"password\"\n  const isSearch = type === \"search\"\n\n  return (\n    <div className=\"relative\">\n      <input\n        ref={ref}\n        type={isPassword ? typeState : type}\n        className={clx(\n          inputVariants({ size: size }),\n          {\n            \"pr-11\": isPassword && size === \"base\",\n            \"pl-11\": isSearch && size === \"base\",\n            \"pr-9\": isPassword && size === \"small\",\n            \"pl-9\": isSearch && size === \"small\",\n          },\n          className\n        )}\n        {...props}\n      />\n      {isSearch && (\n        <div\n          className={clx(\n            \"text-ui-fg-muted absolute bottom-0 left-0 flex items-center justify-center\",\n            {\n              \"h-10 w-11\": size === \"base\",\n              \"h-8 w-9\": size === \"small\",\n            }\n          )}\n          role=\"img\"\n        >\n          <MagnifyingGlassMini />\n        </div>\n      )}\n      {isPassword && (\n        <div\n          className={clx(\n            \"absolute bottom-0 right-0 flex w-11 items-center justify-center\",\n            {\n              \"h-10 w-11\": size === \"base\",\n              \"h-8 w-9\": size === \"small\",\n            }\n          )}\n        >\n          <button\n            className=\"text-ui-fg-muted hover:text-ui-fg-base focus:text-ui-fg-base focus:shadow-borders-interactive-w-focus active:text-ui-fg-base h-fit w-fit rounded-sm outline-none transition-all\"\n            type=\"button\"\n            onClick={() => {\n              setTypeState(typeState === \"password\" ? \"text\" : \"password\")\n            }}\n          >\n            <span className=\"sr-only\">\n              {typeState === \"password\" ? \"Show password\" : \"Hide password\"}\n            </span>\n            {typeState === \"password\" ? <Eye /> : <EyeSlash />}\n          </button>\n        </div>\n      )}\n    </div>\n  )\n})\nInput.displayName = \"Input\"\n\nexport { Input, inputBaseStyles }\n"]}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/components/input/input.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,2CAAoE;AACpE,6BAAuC;AACvC,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,eAAe,GAAG,IAAA,SAAG,EACzB,8LAA8L,EAC9L,8CAA8C,EAC9C,0HAA0H,EAC1H,0EAA0E,CAC3E,CAAA;AAwFe,0CAAe;AAtF/B,MAAM,aAAa,GAAG,IAAA,SAAG,EAAC;IACxB,IAAI,EAAE,IAAA,SAAG,EACP,eAAe,EACf,0HAA0H,CAC3H;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,uCAAuC;YAC7C,KAAK,EAAE,qCAAqC;SAC7C;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAI5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEtD,MAAM,UAAU,GAAG,IAAI,KAAK,UAAU,CAAA;IACtC,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,CAAA;IAElC,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,+BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACnC,SAAS,EAAE,IAAA,SAAG,EACZ,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAC7B;gBACE,OAAO,EAAE,UAAU,IAAI,IAAI,KAAK,MAAM;gBACtC,OAAO,EAAE,QAAQ,IAAI,IAAI,KAAK,MAAM;gBACpC,MAAM,EAAE,UAAU,IAAI,IAAI,KAAK,OAAO;gBACtC,MAAM,EAAE,QAAQ,IAAI,IAAI,KAAK,OAAO;aACrC,EACD,SAAS,CACV,KACG,KAAK,GACT;QACD,QAAQ,IAAI,CACX,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,4EAA4E,EAC5E;gBACE,WAAW,EAAE,IAAI,KAAK,MAAM;gBAC5B,SAAS,EAAE,IAAI,KAAK,OAAO;aAC5B,CACF,EACD,IAAI,EAAC,KAAK;YAEV,oBAAC,2BAAmB,OAAG,CACnB,CACP;QACA,UAAU,IAAI,CACb,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,iEAAiE,EACjE;gBACE,WAAW,EAAE,IAAI,KAAK,MAAM;gBAC5B,SAAS,EAAE,IAAI,KAAK,OAAO;aAC5B,CACF;YAED,gCACE,SAAS,EAAC,iLAAiL,EAC3L,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;gBAC9D,CAAC;gBAED,8BAAM,SAAS,EAAC,SAAS,IACtB,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CACxD;gBACN,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAC,WAAG,OAAG,CAAC,CAAC,CAAC,oBAAC,gBAAQ,OAAG,CAC3C,CACL,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAGO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["\"use client\"\n\nimport { Eye, EyeSlash, MagnifyingGlassMini } from \"@medusajs/icons\"\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst inputBaseStyles = clx(\n  \"caret-ui-fg-base bg-ui-bg-field hover:bg-ui-bg-field-hover shadow-borders-base placeholder-ui-fg-muted text-ui-fg-base transition-fg relative w-full appearance-none rounded-md outline-none\",\n  \"focus:shadow-borders-interactive-with-active\",\n  \"disabled:text-ui-fg-disabled disabled:!bg-ui-bg-disabled disabled:placeholder-ui-fg-disabled disabled:cursor-not-allowed\",\n  \"aria-[invalid=true]:!shadow-borders-error  invalid:!shadow-borders-error\"\n)\n\nconst inputVariants = cva({\n  base: clx(\n    inputBaseStyles,\n    \"[&::--webkit-search-cancel-button]:hidden [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden\"\n  ),\n  variants: {\n    size: {\n      base: \"txt-compact-medium h-10 px-3 py-[9px]\",\n      small: \"txt-compact-small h-8 px-2 py-[5px]\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\nconst Input = React.forwardRef<\n  HTMLInputElement,\n  VariantProps<typeof inputVariants> &\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">\n>(({ className, type, size = \"base\", ...props }, ref) => {\n  const [typeState, setTypeState] = React.useState(type)\n\n  const isPassword = type === \"password\"\n  const isSearch = type === \"search\"\n\n  return (\n    <div className=\"relative\">\n      <input\n        ref={ref}\n        type={isPassword ? typeState : type}\n        className={clx(\n          inputVariants({ size: size }),\n          {\n            \"pr-11\": isPassword && size === \"base\",\n            \"pl-11\": isSearch && size === \"base\",\n            \"pr-9\": isPassword && size === \"small\",\n            \"pl-9\": isSearch && size === \"small\",\n          },\n          className\n        )}\n        {...props}\n      />\n      {isSearch && (\n        <div\n          className={clx(\n            \"text-ui-fg-muted absolute bottom-0 left-0 flex items-center justify-center\",\n            {\n              \"h-10 w-11\": size === \"base\",\n              \"h-8 w-9\": size === \"small\",\n            }\n          )}\n          role=\"img\"\n        >\n          <MagnifyingGlassMini />\n        </div>\n      )}\n      {isPassword && (\n        <div\n          className={clx(\n            \"absolute bottom-0 right-0 flex w-11 items-center justify-center\",\n            {\n              \"h-10 w-11\": size === \"base\",\n              \"h-8 w-9\": size === \"small\",\n            }\n          )}\n        >\n          <button\n            className=\"text-ui-fg-muted hover:text-ui-fg-base focus:text-ui-fg-base focus:shadow-borders-interactive-w-focus active:text-ui-fg-base h-fit w-fit rounded-sm outline-none transition-all\"\n            type=\"button\"\n            onClick={() => {\n              setTypeState(typeState === \"password\" ? \"text\" : \"password\")\n            }}\n          >\n            <span className=\"sr-only\">\n              {typeState === \"password\" ? \"Show password\" : \"Hide password\"}\n            </span>\n            {typeState === \"password\" ? <Eye /> : <EyeSlash />}\n          </button>\n        </div>\n      )}\n    </div>\n  )\n})\nInput.displayName = \"Input\"\n\nexport { Input, inputBaseStyles }\n"]}

package/dist/cjs/components/label/label.d.ts

@@ -1,9 +1,63 @@
-import { type VariantProps } from "class-variance-authority";
+import { type VariantProps } from "cva";
 import * as React from "react";
 declare const labelVariants: (props?: ({
-    size?: "base" | "large" | "small" | "xsmall" | null | undefined;
-    weight?: "regular" | "plus" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    size?: "base" | "large" | "small" | "xsmall" | undefined;
+    weight?: "regular" | "plus" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
 interface LabelProps extends React.ComponentPropsWithoutRef<"label">, VariantProps<typeof labelVariants> {
 }
 declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/cjs/components/label/label.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = void 0;
 const tslib_1 = require("tslib");
 const Primitives = tslib_1.__importStar(require("@radix-ui/react-label"));
-const class_variance_authority_1 = require("class-variance-authority");
+const cva_1 = require("cva");
 const React = tslib_1.__importStar(require("react"));
 const clx_1 = require("../../utils/clx");
-const labelVariants = (0, class_variance_authority_1.cva)("font-sans", {
+const labelVariants = (0, cva_1.cva)({
+    base: "font-sans",
     variants: {
         size: {
             xsmall: "txt-compact-xsmall",

package/dist/cjs/components/label/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,0EAAmD;AACnD,uEAAiE;AACjE,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,WAAW,EAAE;IACrC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,mBAAmB;SAC3B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,aAAa;SACpB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAA;AAMF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst labelVariants = cva(\"font-sans\", {\n  variants: {\n    size: {\n      xsmall: \"txt-compact-xsmall\",\n      small: \"txt-compact-small\",\n      base: \"txt-compact-medium\",\n      large: \"txt-compact-large\",\n    },\n    weight: {\n      regular: \"font-normal\",\n      plus: \"font-medium\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n    weight: \"regular\",\n  },\n})\n\ninterface LabelProps\n  extends React.ComponentPropsWithoutRef<\"label\">,\n    VariantProps<typeof labelVariants> {}\n\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, size = \"base\", weight = \"regular\", ...props }, ref) => {\n    return (\n      <Primitives.Root\n        ref={ref}\n        className={clx(labelVariants({ size, weight }), className)}\n        {...props}\n      />\n    )\n  }\n)\nLabel.displayName = \"Label\"\n\nexport { Label }\n"]}
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,0EAAmD;AACnD,6BAA4C;AAC5C,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,aAAa,GAAG,IAAA,SAAG,EAAC;IACxB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,mBAAmB;SAC3B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,aAAa;SACpB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAA;AAMF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst labelVariants = cva({\n  base: \"font-sans\",\n  variants: {\n    size: {\n      xsmall: \"txt-compact-xsmall\",\n      small: \"txt-compact-small\",\n      base: \"txt-compact-medium\",\n      large: \"txt-compact-large\",\n    },\n    weight: {\n      regular: \"font-normal\",\n      plus: \"font-medium\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n    weight: \"regular\",\n  },\n})\n\ninterface LabelProps\n  extends React.ComponentPropsWithoutRef<\"label\">,\n    VariantProps<typeof labelVariants> {}\n\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, size = \"base\", weight = \"regular\", ...props }, ref) => {\n    return (\n      <Primitives.Root\n        ref={ref}\n        className={clx(labelVariants({ size, weight }), className)}\n        {...props}\n      />\n    )\n  }\n)\nLabel.displayName = \"Label\"\n\nexport { Label }\n"]}

package/dist/cjs/components/select/select.js

@@ -5,7 +5,7 @@ exports.Select = void 0;
 const tslib_1 = require("tslib");
 const icons_1 = require("@medusajs/icons");
 const SelectPrimitive = tslib_1.__importStar(require("@radix-ui/react-select"));
-const class_variance_authority_1 = require("class-variance-authority");
+const cva_1 = require("cva");
 const React = tslib_1.__importStar(require("react"));
 const clx_1 = require("../../utils/clx");
 const SelectContext = React.createContext(null);
@@ -22,7 +22,8 @@ const Root = ({ children, size = "base", ...props }) => {
 };
 const Group = SelectPrimitive.Group;
 const Value = SelectPrimitive.Value;
-const triggerVariants = (0, class_variance_authority_1.cva)((0, clx_1.clx)("bg-ui-bg-field txt-compact-medium shadow-buttons-neutral transition-fg flex w-full select-none items-center justify-between rounded-md outline-none", "data-[placeholder]:text-ui-fg-muted text-ui-fg-base", "hover:bg-ui-bg-field-hover", "focus:shadow-borders-interactive-with-active data-[state=open]:!shadow-borders-interactive-with-active", "aria-[invalid=true]:border-ui-border-error aria-[invalid=true]:shadow-borders-error", "invalid::border-ui-border-error invalid:shadow-borders-error", "disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled", "group/trigger"), {
+const triggerVariants = (0, cva_1.cva)({
+    base: (0, clx_1.clx)("bg-ui-bg-field txt-compact-medium shadow-buttons-neutral transition-fg flex w-full select-none items-center justify-between rounded-md outline-none", "data-[placeholder]:text-ui-fg-muted text-ui-fg-base", "hover:bg-ui-bg-field-hover", "focus:shadow-borders-interactive-with-active data-[state=open]:!shadow-borders-interactive-with-active", "aria-[invalid=true]:border-ui-border-error aria-[invalid=true]:shadow-borders-error", "invalid::border-ui-border-error invalid:shadow-borders-error", "disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled", "group/trigger"),
     variants: {
         size: {
             base: "h-10 px-3 py-[9px]",

package/dist/cjs/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,2CAAiE;AACjE,gFAAyD;AACzD,uEAA8C;AAC9C,qDAA8B;AAE9B,qCAAiC;AAWjC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAA4B,IAAI,CAAC,CAAA;AAE1E,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IAE/C,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAA;KACzE;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QACpE,oBAAC,eAAe,CAAC,IAAI,OAAK,KAAK,IAAG,QAAQ,CAAwB,CAC3C,CAC1B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAA;AAEnC,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAA;AAEnC,MAAM,eAAe,GAAG,IAAA,8BAAG,EACzB,IAAA,SAAG,EACD,qJAAqJ,EACrJ,qDAAqD,EACrD,4BAA4B,EAC5B,wGAAwG,EACxG,qFAAqF,EACrF,8DAA8D,EAC9D,2DAA2D,EAC3D,eAAe,CAChB,EACD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,mBAAmB;SAC3B;KACF;CACF,CACF,CAAA;AAED,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEnC,OAAO,CACL,oBAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK;QAER,QAAQ;QACT,oBAAC,eAAe,CAAC,IAAI,IAAC,OAAO;YAC3B,oBAAC,qBAAa,IAAC,SAAS,EAAC,6DAA6D,GAAG,CACpE,CACC,CAC3B,CAAA;AACH,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAA;AAEzD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAI9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,UAAU,GAAG,CAAC,EACd,gBAAgB,GAAG,EAAE,EACrB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,oBAAC,eAAe,CAAC,MAAM;IACrB,oBAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,mJAAmJ,EACnJ,uFAAuF,EACvF,gGAAgG,EAChG,6JAA6J,EAC7J;YACE,iIAAiI,EAC/H,QAAQ,KAAK,QAAQ;SACxB,EACD,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,KAC9B,KAAK;QAET,oBAAC,eAAe,CAAC,QAAQ,IACvB,SAAS,EAAE,IAAA,SAAG,EACZ,KAAK,EACL,QAAQ,KAAK,QAAQ;gBACnB,yFAAyF,CAC5F,IAEA,QAAQ,CACgB,CACH,CACH,CAC1B,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAA;AAEzD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,qDAAqD,EACrD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAErD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEnC,OAAO,CACL,oBAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,uIAAuI,EACvI,qDAAqD,EACrD;YACE,iEAAiE,EAC/D,IAAI,KAAK,MAAM;YACjB,gEAAgE,EAC9D,IAAI,KAAK,OAAO;SACnB,EACD,SAAS,CACV,KACG,KAAK;QAET,8BAAM,SAAS,EAAC,0CAA0C;YACxD,oBAAC,eAAe,CAAC,aAAa;gBAC5B,oBAAC,wBAAgB,OAAG,CACU,CAC3B;QACP,oBAAC,eAAe,CAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,IAClD,QAAQ,CACgB,CACN,CACxB,CAAA;AACH,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,WAAW,CAAA;AAEnD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,eAAe,CAAC,SAAS,IACxB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,mCAAmC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,eAAe,CAAC,SAAS,CAAC,WAAW,CAAA;AAE7D,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IACjC,KAAK;IACL,KAAK;IACL,OAAO;IACP,OAAO;IACP,KAAK;IACL,IAAI;IACJ,SAAS;CACV,CAAC,CAAA;AAEO,wBAAM","sourcesContent":["\"use client\"\n\nimport { ChevronUpDown, EllipseMiniSolid } from \"@medusajs/icons\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { cva } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface SelectProps\n  extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {\n  size?: \"base\" | \"small\"\n}\n\ntype SelectContextValue = {\n  size: \"base\" | \"small\"\n}\n\nconst SelectContext = React.createContext<SelectContextValue | null>(null)\n\nconst useSelectContext = () => {\n  const context = React.useContext(SelectContext)\n\n  if (context === null) {\n    throw new Error(\"useSelectContext must be used within a SelectProvider\")\n  }\n\n  return context\n}\n\nconst Root = ({ children, size = \"base\", ...props }: SelectProps) => {\n  return (\n    <SelectContext.Provider value={React.useMemo(() => ({ size }), [size])}>\n      <SelectPrimitive.Root {...props}>{children}</SelectPrimitive.Root>\n    </SelectContext.Provider>\n  )\n}\n\nconst Group = SelectPrimitive.Group\n\nconst Value = SelectPrimitive.Value\n\nconst triggerVariants = cva(\n  clx(\n    \"bg-ui-bg-field txt-compact-medium shadow-buttons-neutral transition-fg flex w-full select-none items-center justify-between rounded-md outline-none\",\n    \"data-[placeholder]:text-ui-fg-muted text-ui-fg-base\",\n    \"hover:bg-ui-bg-field-hover\",\n    \"focus:shadow-borders-interactive-with-active data-[state=open]:!shadow-borders-interactive-with-active\",\n    \"aria-[invalid=true]:border-ui-border-error aria-[invalid=true]:shadow-borders-error\",\n    \"invalid::border-ui-border-error invalid:shadow-borders-error\",\n    \"disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled\",\n    \"group/trigger\"\n  ),\n  {\n    variants: {\n      size: {\n        base: \"h-10 px-3 py-[9px]\",\n        small: \"h-8 px-2 py-[5px]\",\n      },\n    },\n  }\n)\n\nconst Trigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => {\n  const { size } = useSelectContext()\n\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={clx(triggerVariants({ size }), className)}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronUpDown className=\"text-ui-fg-muted group-disabled/trigger:text-ui-fg-disabled\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n})\nTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(\n  (\n    {\n      className,\n      children,\n      position = \"popper\",\n      sideOffset = 8,\n      collisionPadding = 24,\n      ...props\n    },\n    ref\n  ) => (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout relative max-h-[200px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded-lg\",\n          \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n          \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n          \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n          {\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\":\n              position === \"popper\",\n          },\n          className\n        )}\n        position={position}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        {...props}\n      >\n        <SelectPrimitive.Viewport\n          className={clx(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n)\nContent.displayName = SelectPrimitive.Content.displayName\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={clx(\n      \"txt-compact-xsmall-plus text-ui-fg-subtle px-3 py-2\",\n      className\n    )}\n    {...props}\n  />\n))\nLabel.displayName = SelectPrimitive.Label.displayName\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => {\n  const { size } = useSelectContext()\n\n  return (\n    <SelectPrimitive.Item\n      ref={ref}\n      className={clx(\n        \"txt-compact-medium bg-ui-bg-base grid cursor-pointer grid-cols-[20px_1fr] gap-x-2 rounded-md px-3 py-2 outline-none transition-colors\",\n        \"hover:bg-ui-bg-base-hover focus:bg-ui-bg-base-hover\",\n        {\n          \"txt-compact-medium data-[state=checked]:txt-compact-medium-plus\":\n            size === \"base\",\n          \"txt-compact-small data-[state=checked]:txt-compact-medium-plus\":\n            size === \"small\",\n        },\n        className\n      )}\n      {...props}\n    >\n      <span className=\"flex h-5 w-5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <EllipseMiniSolid />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText className=\"flex-1 truncate\">\n        {children}\n      </SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n})\nItem.displayName = SelectPrimitive.Item.displayName\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={clx(\"bg-ui-border-base -mx-1 my-1 h-px\", className)}\n    {...props}\n  />\n))\nSeparator.displayName = SelectPrimitive.Separator.displayName\n\nconst Select = Object.assign(Root, {\n  Group,\n  Value,\n  Trigger,\n  Content,\n  Label,\n  Item,\n  Separator,\n})\n\nexport { Select }\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,2CAAiE;AACjE,gFAAyD;AACzD,6BAAyB;AACzB,qDAA8B;AAE9B,qCAAiC;AAWjC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAA4B,IAAI,CAAC,CAAA;AAE1E,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IAE/C,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAA;KACzE;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QACpE,oBAAC,eAAe,CAAC,IAAI,OAAK,KAAK,IAAG,QAAQ,CAAwB,CAC3C,CAC1B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAA;AAEnC,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAA;AAEnC,MAAM,eAAe,GAAG,IAAA,SAAG,EAAC;IAC1B,IAAI,EAAE,IAAA,SAAG,EACP,qJAAqJ,EACrJ,qDAAqD,EACrD,4BAA4B,EAC5B,wGAAwG,EACxG,qFAAqF,EACrF,8DAA8D,EAC9D,2DAA2D,EAC3D,eAAe,CAChB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,mBAAmB;SAC3B;KACF;CACF,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEnC,OAAO,CACL,oBAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK;QAER,QAAQ;QACT,oBAAC,eAAe,CAAC,IAAI,IAAC,OAAO;YAC3B,oBAAC,qBAAa,IAAC,SAAS,EAAC,6DAA6D,GAAG,CACpE,CACC,CAC3B,CAAA;AACH,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAA;AAEzD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAI9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,UAAU,GAAG,CAAC,EACd,gBAAgB,GAAG,EAAE,EACrB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,oBAAC,eAAe,CAAC,MAAM;IACrB,oBAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,mJAAmJ,EACnJ,uFAAuF,EACvF,gGAAgG,EAChG,6JAA6J,EAC7J;YACE,iIAAiI,EAC/H,QAAQ,KAAK,QAAQ;SACxB,EACD,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,KAC9B,KAAK;QAET,oBAAC,eAAe,CAAC,QAAQ,IACvB,SAAS,EAAE,IAAA,SAAG,EACZ,KAAK,EACL,QAAQ,KAAK,QAAQ;gBACnB,yFAAyF,CAC5F,IAEA,QAAQ,CACgB,CACH,CACH,CAC1B,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAA;AAEzD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,qDAAqD,EACrD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAErD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEnC,OAAO,CACL,oBAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,uIAAuI,EACvI,qDAAqD,EACrD;YACE,iEAAiE,EAC/D,IAAI,KAAK,MAAM;YACjB,gEAAgE,EAC9D,IAAI,KAAK,OAAO;SACnB,EACD,SAAS,CACV,KACG,KAAK;QAET,8BAAM,SAAS,EAAC,0CAA0C;YACxD,oBAAC,eAAe,CAAC,aAAa;gBAC5B,oBAAC,wBAAgB,OAAG,CACU,CAC3B;QACP,oBAAC,eAAe,CAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,IAClD,QAAQ,CACgB,CACN,CACxB,CAAA;AACH,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,WAAW,CAAA;AAEnD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,eAAe,CAAC,SAAS,IACxB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,mCAAmC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,eAAe,CAAC,SAAS,CAAC,WAAW,CAAA;AAE7D,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IACjC,KAAK;IACL,KAAK;IACL,OAAO;IACP,OAAO;IACP,KAAK;IACL,IAAI;IACJ,SAAS;CACV,CAAC,CAAA;AAEO,wBAAM","sourcesContent":["\"use client\"\n\nimport { ChevronUpDown, EllipseMiniSolid } from \"@medusajs/icons\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface SelectProps\n  extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {\n  size?: \"base\" | \"small\"\n}\n\ntype SelectContextValue = {\n  size: \"base\" | \"small\"\n}\n\nconst SelectContext = React.createContext<SelectContextValue | null>(null)\n\nconst useSelectContext = () => {\n  const context = React.useContext(SelectContext)\n\n  if (context === null) {\n    throw new Error(\"useSelectContext must be used within a SelectProvider\")\n  }\n\n  return context\n}\n\nconst Root = ({ children, size = \"base\", ...props }: SelectProps) => {\n  return (\n    <SelectContext.Provider value={React.useMemo(() => ({ size }), [size])}>\n      <SelectPrimitive.Root {...props}>{children}</SelectPrimitive.Root>\n    </SelectContext.Provider>\n  )\n}\n\nconst Group = SelectPrimitive.Group\n\nconst Value = SelectPrimitive.Value\n\nconst triggerVariants = cva({\n  base: clx(\n    \"bg-ui-bg-field txt-compact-medium shadow-buttons-neutral transition-fg flex w-full select-none items-center justify-between rounded-md outline-none\",\n    \"data-[placeholder]:text-ui-fg-muted text-ui-fg-base\",\n    \"hover:bg-ui-bg-field-hover\",\n    \"focus:shadow-borders-interactive-with-active data-[state=open]:!shadow-borders-interactive-with-active\",\n    \"aria-[invalid=true]:border-ui-border-error aria-[invalid=true]:shadow-borders-error\",\n    \"invalid::border-ui-border-error invalid:shadow-borders-error\",\n    \"disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled\",\n    \"group/trigger\"\n  ),\n  variants: {\n    size: {\n      base: \"h-10 px-3 py-[9px]\",\n      small: \"h-8 px-2 py-[5px]\",\n    },\n  },\n})\n\nconst Trigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => {\n  const { size } = useSelectContext()\n\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={clx(triggerVariants({ size }), className)}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronUpDown className=\"text-ui-fg-muted group-disabled/trigger:text-ui-fg-disabled\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n})\nTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(\n  (\n    {\n      className,\n      children,\n      position = \"popper\",\n      sideOffset = 8,\n      collisionPadding = 24,\n      ...props\n    },\n    ref\n  ) => (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout relative max-h-[200px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded-lg\",\n          \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n          \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n          \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n          {\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\":\n              position === \"popper\",\n          },\n          className\n        )}\n        position={position}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        {...props}\n      >\n        <SelectPrimitive.Viewport\n          className={clx(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n)\nContent.displayName = SelectPrimitive.Content.displayName\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={clx(\n      \"txt-compact-xsmall-plus text-ui-fg-subtle px-3 py-2\",\n      className\n    )}\n    {...props}\n  />\n))\nLabel.displayName = SelectPrimitive.Label.displayName\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => {\n  const { size } = useSelectContext()\n\n  return (\n    <SelectPrimitive.Item\n      ref={ref}\n      className={clx(\n        \"txt-compact-medium bg-ui-bg-base grid cursor-pointer grid-cols-[20px_1fr] gap-x-2 rounded-md px-3 py-2 outline-none transition-colors\",\n        \"hover:bg-ui-bg-base-hover focus:bg-ui-bg-base-hover\",\n        {\n          \"txt-compact-medium data-[state=checked]:txt-compact-medium-plus\":\n            size === \"base\",\n          \"txt-compact-small data-[state=checked]:txt-compact-medium-plus\":\n            size === \"small\",\n        },\n        className\n      )}\n      {...props}\n    >\n      <span className=\"flex h-5 w-5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <EllipseMiniSolid />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText className=\"flex-1 truncate\">\n        {children}\n      </SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n})\nItem.displayName = SelectPrimitive.Item.displayName\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={clx(\"bg-ui-border-base -mx-1 my-1 h-px\", className)}\n    {...props}\n  />\n))\nSeparator.displayName = SelectPrimitive.Separator.displayName\n\nconst Select = Object.assign(Root, {\n  Group,\n  Value,\n  Trigger,\n  Content,\n  Label,\n  Item,\n  Separator,\n})\n\nexport { Select }\n"]}

package/dist/cjs/components/switch/switch.d.ts

@@ -1,9 +1,63 @@
 import * as Primitives from "@radix-ui/react-switch";
-import { VariantProps } from "class-variance-authority";
+import { VariantProps } from "cva";
 import * as React from "react";
 declare const switchVariants: (props?: ({
-    size?: "base" | "small" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    size?: "base" | "small" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
 interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitives.Root>, "asChild">, VariantProps<typeof switchVariants> {
 }
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/switch/switch.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
 const tslib_1 = require("tslib");
 const Primitives = tslib_1.__importStar(require("@radix-ui/react-switch"));
-const class_variance_authority_1 = require("class-variance-authority");
+const cva_1 = require("cva");
 const React = tslib_1.__importStar(require("react"));
 const clx_1 = require("../../utils/clx");
-const switchVariants = (0, class_variance_authority_1.cva)("bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:!bg-ui-bg-disabled group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed", {
+const switchVariants = (0, cva_1.cva)({
+    base: "bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:!bg-ui-bg-disabled group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed",
     variants: {
         size: {
             small: "h-[16px] w-[28px]",
@@ -18,7 +19,8 @@ const switchVariants = (0, class_variance_authority_1.cva)("bg-ui-bg-switch-off
         size: "base",
     },
 });
-const thumbVariants = (0, class_variance_authority_1.cva)("bg-ui-fg-on-color shadow-details-switch-handle group-disabled:bg-ui-fg-disabled pointer-events-none h-[14px] w-[14px] rounded-full transition-all group-disabled:shadow-none", {
+const thumbVariants = (0, cva_1.cva)({
+    base: "bg-ui-fg-on-color shadow-details-switch-handle group-disabled:bg-ui-fg-disabled pointer-events-none h-[14px] w-[14px] rounded-full transition-all group-disabled:shadow-none",
     variants: {
         size: {
             small: "h-[12px] w-[12px] data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5",

package/dist/cjs/components/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,2EAAoD;AACpD,uEAA4D;AAC5D,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,cAAc,GAAG,IAAA,8BAAG,EACxB,ugBAAugB,EACvgB;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,mBAAmB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CACF,CAAA;AAED,MAAM,aAAa,GAAG,IAAA,8BAAG,EACvB,8KAA8K,EAC9K;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EACH,+FAA+F;YACjG,IAAI,EAAE,kHAAkH;SACzH;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CACF,CAAA;AASD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjD,oBAAC,UAAU,CAAC,IAAI,IACd,SAAS,EAAE,IAAA,SAAG,EAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC/C,KAAK,EACT,GAAG,EAAE,GAAG;IAER,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAE,IAAA,SAAG,EAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAAI,CAC7C,CACnB,CAAC,CAAA;AAGO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-switch\"\nimport { VariantProps, cva } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst switchVariants = cva(\n  \"bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:!bg-ui-bg-disabled group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed\",\n  {\n    variants: {\n      size: {\n        small: \"h-[16px] w-[28px]\",\n        base: \"h-[18px] w-[32px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n    },\n  }\n)\n\nconst thumbVariants = cva(\n  \"bg-ui-fg-on-color shadow-details-switch-handle group-disabled:bg-ui-fg-disabled pointer-events-none h-[14px] w-[14px] rounded-full transition-all group-disabled:shadow-none\",\n  {\n    variants: {\n      size: {\n        small:\n          \"h-[12px] w-[12px] data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5\",\n        base: \"h-[14px] w-[14px] transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n    },\n  }\n)\n\ninterface SwitchProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof Primitives.Root>,\n      \"asChild\"\n    >,\n    VariantProps<typeof switchVariants> {}\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof Primitives.Root>,\n  SwitchProps\n>(({ className, size = \"base\", ...props }, ref) => (\n  <Primitives.Root\n    className={clx(switchVariants({ size }), className)}\n    {...props}\n    ref={ref}\n  >\n    <Primitives.Thumb className={clx(thumbVariants({ size }))} />\n  </Primitives.Root>\n))\nSwitch.displayName = \"Switch\"\n\nexport { Switch }\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,2EAAoD;AACpD,6BAAuC;AACvC,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,cAAc,GAAG,IAAA,SAAG,EAAC;IACzB,IAAI,EAAE,ugBAAugB;IAC7gB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,mBAAmB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,IAAA,SAAG,EAAC;IACxB,IAAI,EAAE,8KAA8K;IACpL,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EACH,+FAA+F;YACjG,IAAI,EAAE,kHAAkH;SACzH;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AASF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjD,oBAAC,UAAU,CAAC,IAAI,IACd,SAAS,EAAE,IAAA,SAAG,EAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC/C,KAAK,EACT,GAAG,EAAE,GAAG;IAER,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAE,IAAA,SAAG,EAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAAI,CAC7C,CACnB,CAAC,CAAA;AAGO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-switch\"\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst switchVariants = cva({\n  base: \"bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:!bg-ui-bg-disabled group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed\",\n  variants: {\n    size: {\n      small: \"h-[16px] w-[28px]\",\n      base: \"h-[18px] w-[32px]\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\nconst thumbVariants = cva({\n  base: \"bg-ui-fg-on-color shadow-details-switch-handle group-disabled:bg-ui-fg-disabled pointer-events-none h-[14px] w-[14px] rounded-full transition-all group-disabled:shadow-none\",\n  variants: {\n    size: {\n      small:\n        \"h-[12px] w-[12px] data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5\",\n      base: \"h-[14px] w-[14px] transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\ninterface SwitchProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof Primitives.Root>,\n      \"asChild\"\n    >,\n    VariantProps<typeof switchVariants> {}\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof Primitives.Root>,\n  SwitchProps\n>(({ className, size = \"base\", ...props }, ref) => (\n  <Primitives.Root\n    className={clx(switchVariants({ size }), className)}\n    {...props}\n    ref={ref}\n  >\n    <Primitives.Thumb className={clx(thumbVariants({ size }))} />\n  </Primitives.Root>\n))\nSwitch.displayName = \"Switch\"\n\nexport { Switch }\n"]}

package/dist/cjs/components/text/text.d.ts

@@ -1,11 +1,65 @@
-import { VariantProps } from "class-variance-authority";
+import { VariantProps } from "cva";
 import * as React from "react";
 declare const textVariants: (props?: ({
-    size?: "base" | "large" | "small" | "xlarge" | "xsmall" | null | undefined;
-    weight?: "regular" | "plus" | null | undefined;
-    family?: "sans" | "mono" | null | undefined;
-    leading?: "normal" | "compact" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    size?: "base" | "large" | "small" | "xlarge" | "xsmall" | undefined;
+    weight?: "regular" | "plus" | undefined;
+    family?: "sans" | "mono" | undefined;
+    leading?: "normal" | "compact" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
 interface TextProps extends React.ComponentPropsWithoutRef<"p">, VariantProps<typeof textVariants> {
     asChild?: boolean;
     as?: "p" | "span" | "div";

package/dist/cjs/components/text/text.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = void 0;
 const tslib_1 = require("tslib");
 const react_slot_1 = require("@radix-ui/react-slot");
-const class_variance_authority_1 = require("class-variance-authority");
+const cva_1 = require("cva");
 const React = tslib_1.__importStar(require("react"));
 const clx_1 = require("../../utils/clx");
-const textVariants = (0, class_variance_authority_1.cva)("", {
+const textVariants = (0, cva_1.cva)({
     variants: {
         size: {
             xsmall: "",

package/dist/cjs/components/text/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":";;;;AAAA,qDAA2C;AAC3C,uEAA4D;AAC5D,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,YAAY,GAAG,IAAA,8BAAG,EAAC,EAAE,EAAE;IAC3B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,aAAa;SACpB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,WAAW;SAClB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACZ;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,QAAQ;KAClB;IACD,gBAAgB,EAAE;QAChB;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,WAAW;SACvB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,mBAAmB;SAC/B;QACD;YACE,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,WAAW;SACvB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,mBAAmB;SAC/B;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;KACF;CACF,CAAC,CAAA;AASF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,SAAS,EACT,OAAO,GAAG,KAAK,EACf,EAAE,GAAG,GAAG,EACR,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,SAAS,EAClB,MAAM,GAAG,MAAM,EACf,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAA;IAErC,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAC/C,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { VariantProps, cva } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst textVariants = cva(\"\", {\n  variants: {\n    size: {\n      xsmall: \"\",\n      small: \"\",\n      base: \"\",\n      large: \"\",\n      xlarge: \"\",\n    },\n    weight: {\n      regular: \"font-normal\",\n      plus: \"font-medium\",\n    },\n    family: {\n      sans: \"font-sans\",\n      mono: \"font-mono\",\n    },\n    leading: {\n      normal: \"\",\n      compact: \"\",\n    },\n  },\n  defaultVariants: {\n    family: \"sans\",\n    size: \"base\",\n    weight: \"regular\",\n    leading: \"normal\",\n  },\n  compoundVariants: [\n    {\n      size: \"xsmall\",\n      leading: \"normal\",\n      className: \"txt-xsmall\",\n    },\n    {\n      size: \"xsmall\",\n      leading: \"compact\",\n      className: \"txt-compact-xsmall\",\n    },\n    {\n      size: \"small\",\n      leading: \"normal\",\n      className: \"txt-small\",\n    },\n    {\n      size: \"small\",\n      leading: \"compact\",\n      className: \"txt-compact-small\",\n    },\n    {\n      size: \"base\",\n      leading: \"normal\",\n      className: \"txt-medium\",\n    },\n    {\n      size: \"base\",\n      leading: \"compact\",\n      className: \"txt-compact-medium\",\n    },\n    {\n      size: \"large\",\n      leading: \"normal\",\n      className: \"txt-large\",\n    },\n    {\n      size: \"large\",\n      leading: \"compact\",\n      className: \"txt-compact-large\",\n    },\n    {\n      size: \"xlarge\",\n      leading: \"normal\",\n      className: \"txt-xlarge\",\n    },\n    {\n      size: \"xlarge\",\n      leading: \"compact\",\n      className: \"txt-compact-xlarge\",\n    },\n  ],\n})\n\ninterface TextProps\n  extends React.ComponentPropsWithoutRef<\"p\">,\n    VariantProps<typeof textVariants> {\n  asChild?: boolean\n  as?: \"p\" | \"span\" | \"div\"\n}\n\nconst Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n  (\n    {\n      className,\n      asChild = false,\n      as = \"p\",\n      size = \"base\",\n      weight = \"regular\",\n      family = \"sans\",\n      leading = \"normal\",\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Component = asChild ? Slot : as\n\n    return (\n      <Component\n        ref={ref}\n        className={clx(\n          textVariants({ size, weight, family, leading }),\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    )\n  }\n)\nText.displayName = \"Text\"\n\nexport { Text }\n"]}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":";;;;AAAA,qDAA2C;AAC3C,6BAAuC;AACvC,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,YAAY,GAAG,IAAA,SAAG,EAAC;IACvB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,aAAa;SACpB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,WAAW;SAClB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACZ;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,QAAQ;KAClB;IACD,gBAAgB,EAAE;QAChB;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,WAAW;SACvB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,mBAAmB;SAC/B;QACD;YACE,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,WAAW;SACvB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,mBAAmB;SAC/B;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;KACF;CACF,CAAC,CAAA;AASF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,SAAS,EACT,OAAO,GAAG,KAAK,EACf,EAAE,GAAG,GAAG,EACR,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,SAAS,EAClB,MAAM,GAAG,MAAM,EACf,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAA;IAErC,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAC/C,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst textVariants = cva({\n  variants: {\n    size: {\n      xsmall: \"\",\n      small: \"\",\n      base: \"\",\n      large: \"\",\n      xlarge: \"\",\n    },\n    weight: {\n      regular: \"font-normal\",\n      plus: \"font-medium\",\n    },\n    family: {\n      sans: \"font-sans\",\n      mono: \"font-mono\",\n    },\n    leading: {\n      normal: \"\",\n      compact: \"\",\n    },\n  },\n  defaultVariants: {\n    family: \"sans\",\n    size: \"base\",\n    weight: \"regular\",\n    leading: \"normal\",\n  },\n  compoundVariants: [\n    {\n      size: \"xsmall\",\n      leading: \"normal\",\n      className: \"txt-xsmall\",\n    },\n    {\n      size: \"xsmall\",\n      leading: \"compact\",\n      className: \"txt-compact-xsmall\",\n    },\n    {\n      size: \"small\",\n      leading: \"normal\",\n      className: \"txt-small\",\n    },\n    {\n      size: \"small\",\n      leading: \"compact\",\n      className: \"txt-compact-small\",\n    },\n    {\n      size: \"base\",\n      leading: \"normal\",\n      className: \"txt-medium\",\n    },\n    {\n      size: \"base\",\n      leading: \"compact\",\n      className: \"txt-compact-medium\",\n    },\n    {\n      size: \"large\",\n      leading: \"normal\",\n      className: \"txt-large\",\n    },\n    {\n      size: \"large\",\n      leading: \"compact\",\n      className: \"txt-compact-large\",\n    },\n    {\n      size: \"xlarge\",\n      leading: \"normal\",\n      className: \"txt-xlarge\",\n    },\n    {\n      size: \"xlarge\",\n      leading: \"compact\",\n      className: \"txt-compact-xlarge\",\n    },\n  ],\n})\n\ninterface TextProps\n  extends React.ComponentPropsWithoutRef<\"p\">,\n    VariantProps<typeof textVariants> {\n  asChild?: boolean\n  as?: \"p\" | \"span\" | \"div\"\n}\n\nconst Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n  (\n    {\n      className,\n      asChild = false,\n      as = \"p\",\n      size = \"base\",\n      weight = \"regular\",\n      family = \"sans\",\n      leading = \"normal\",\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Component = asChild ? Slot : as\n\n    return (\n      <Component\n        ref={ref}\n        className={clx(\n          textVariants({ size, weight, family, leading }),\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    )\n  }\n)\nText.displayName = \"Text\"\n\nexport { Text }\n"]}

package/dist/cjs/hooks/use-prompt/{dialog.d.ts → render-prompt.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-export type DialogProps = {
+export type RenderPromptProps = {
     open: boolean;
     title: string;
     description: string;
@@ -9,5 +9,4 @@ export type DialogProps = {
     onConfirm: () => void;
     onCancel: () => void;
 };
-declare const Dialog: ({ open, title, description, verificationText, cancelText, confirmText, onConfirm, onCancel, }: DialogProps) => React.JSX.Element;
-export default Dialog;
+export declare const RenderPrompt: ({ open, title, description, verificationText, cancelText, confirmText, onConfirm, onCancel, }: RenderPromptProps) => React.JSX.Element;

package/dist/cjs/hooks/use-prompt/{dialog.js → render-prompt.js}

@@ -1,12 +1,13 @@
 "use strict";
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderPrompt = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const input_1 = require("../../components/input");
 const label_1 = require("../../components/label");
 const prompt_1 = require("../../components/prompt");
-const Dialog = ({ open, title, description, verificationText, cancelText = "Cancel", confirmText = "Confirm", onConfirm, onCancel, }) => {
+const RenderPrompt = ({ open, title, description, verificationText, cancelText = "Cancel", confirmText = "Confirm", onConfirm, onCancel, }) => {
     const [userInput, setUserInput] = React.useState("");
     const handleUserInput = (event) => {
         setUserInput(event.target.value);
@@ -55,5 +56,5 @@ const Dialog = ({ open, title, description, verificationText, cancelText = "Canc
                     React.createElement(prompt_1.Prompt.Cancel, { onClick: onCancel }, cancelText),
                     React.createElement(prompt_1.Prompt.Action, { disabled: !validInput, type: verificationText ? "submit" : "button", onClick: verificationText ? undefined : onConfirm }, confirmText))))));
 };
-exports.default = Dialog;
-//# sourceMappingURL=dialog.js.map
+exports.RenderPrompt = RenderPrompt;
+//# sourceMappingURL=render-prompt.js.map

package/dist/cjs/hooks/use-prompt/render-prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-prompt.js","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/render-prompt.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Input } from \"@/components/input\"\nimport { Label } from \"@/components/label\"\nimport { Prompt } from \"@/components/prompt\"\n\nexport type RenderPromptProps = {\n  open: boolean\n  title: string\n  description: string\n  verificationText?: string\n  cancelText?: string\n  confirmText?: string\n  onConfirm: () => void\n  onCancel: () => void\n}\n\nexport const RenderPrompt = ({\n  open,\n  title,\n  description,\n  verificationText,\n  cancelText = \"Cancel\",\n  confirmText = \"Confirm\",\n  onConfirm,\n  onCancel,\n}: RenderPromptProps) => {\n  const [userInput, setUserInput] = React.useState(\"\")\n\n  const handleUserInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setUserInput(event.target.value)\n  }\n\n  const validInput = React.useMemo(() => {\n    if (!verificationText) {\n      return true\n    }\n\n    return userInput === verificationText\n  }, [userInput, verificationText])\n\n  const handleFormSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault()\n\n    if (!verificationText) {\n      return\n    }\n\n    if (validInput) {\n      onConfirm()\n    }\n  }\n\n  React.useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && open) {\n        onCancel()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleEscape)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape)\n    }\n  }, [onCancel, open])\n\n  return (\n    <Prompt open={open}>\n      <Prompt.Content>\n        <form onSubmit={handleFormSubmit}>\n          <Prompt.Header>\n            <Prompt.Title>{title}</Prompt.Title>\n            <Prompt.Description>{description}</Prompt.Description>\n          </Prompt.Header>\n          {verificationText && (\n            <div className=\"border-ui-border-base mt-6 flex flex-col gap-y-4 border-y p-6\">\n              <Label htmlFor=\"verificationText\" className=\"text-ui-fg-subtle\">\n                Please type{\" \"}\n                <span className=\"text-ui-fg-base txt-compact-medium-plus\">\n                  {verificationText}\n                </span>{\" \"}\n                to confirm.\n              </Label>\n              <Input\n                autoFocus\n                autoComplete=\"off\"\n                id=\"verificationText\"\n                placeholder={verificationText}\n                onChange={handleUserInput}\n              />\n            </div>\n          )}\n          <Prompt.Footer>\n            <Prompt.Cancel onClick={onCancel}>{cancelText}</Prompt.Cancel>\n            <Prompt.Action\n              disabled={!validInput}\n              type={verificationText ? \"submit\" : \"button\"}\n              onClick={verificationText ? undefined : onConfirm}\n            >\n              {confirmText}\n            </Prompt.Action>\n          </Prompt.Footer>\n        </form>\n      </Prompt.Content>\n    </Prompt>\n  )\n}\n"]}

package/dist/cjs/hooks/use-prompt/use-prompt.d.ts

@@ -1,4 +1,4 @@
-import { DialogProps } from "./dialog";
-type PromptProps = Omit<DialogProps, "onConfirm" | "onCancel" | "open">;
-declare const usePrompt: () => (props: PromptProps) => Promise<boolean>;
+import { RenderPromptProps } from "./render-prompt";
+type UsePromptProps = Omit<RenderPromptProps, "onConfirm" | "onCancel" | "open">;
+declare const usePrompt: () => (props: UsePromptProps) => Promise<boolean>;
 export { usePrompt };

package/dist/cjs/hooks/use-prompt/use-prompt.js

@@ -5,9 +5,9 @@ exports.usePrompt = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const client_1 = require("react-dom/client");
-const dialog_1 = tslib_1.__importDefault(require("./dialog"));
+const render_prompt_1 = require("./render-prompt");
 const usePrompt = () => {
-    const dialog = async (props) => {
+    const prompt = async (props) => {
         return new Promise((resolve) => {
             let open = true;
             const onCancel = () => {
@@ -22,12 +22,12 @@ const usePrompt = () => {
             };
             const mountRoot = (0, client_1.createRoot)(document.createElement("div"));
             const render = () => {
-                mountRoot.render(React.createElement(dialog_1.default, { open: open, onConfirm: onConfirm, onCancel: onCancel, ...props }));
+                mountRoot.render(React.createElement(render_prompt_1.RenderPrompt, { open: open, onConfirm: onConfirm, onCancel: onCancel, ...props }));
             };
             render();
         });
     };
-    return dialog;
+    return prompt;
 };
 exports.usePrompt = usePrompt;
 //# sourceMappingURL=use-prompt.js.map

package/dist/cjs/hooks/use-prompt/use-prompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-prompt.js","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qDAA8B;AAC9B,6CAA6C;AAG7C,8DAA6B;AAI7B,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,MAAM,GAAG,KAAK,EAAE,KAAkB,EAAoB,EAAE;QAC5D,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC7B,IAAI,IAAI,GAAG,IAAI,CAAA;YAEf,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,IAAI,GAAG,KAAK,CAAA;gBACZ,MAAM,EAAE,CAAA;gBACR,OAAO,CAAC,KAAK,CAAC,CAAA;YAChB,CAAC,CAAA;YAED,MAAM,SAAS,GAAG,GAAG,EAAE;gBACrB,IAAI,GAAG,KAAK,CAAA;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;gBACb,MAAM,EAAE,CAAA;YACV,CAAC,CAAA;YAED,MAAM,SAAS,GAAG,IAAA,mBAAU,EAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;YAE3D,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,SAAS,CAAC,MAAM,CACd,oBAAC,gBAAM,IACL,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,CACH,CAAA;YACH,CAAC,CAAA;YAED,MAAM,EAAE,CAAA;QACV,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAEQ,8BAAS","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { createRoot } from \"react-dom/client\"\nimport { DialogProps } from \"./dialog\"\n\nimport Dialog from \"./dialog\"\n\ntype PromptProps = Omit<DialogProps, \"onConfirm\" | \"onCancel\" | \"open\">\n\nconst usePrompt = () => {\n  const dialog = async (props: PromptProps): Promise<boolean> => {\n    return new Promise((resolve) => {\n      let open = true\n\n      const onCancel = () => {\n        open = false\n        render()\n        resolve(false)\n      }\n\n      const onConfirm = () => {\n        open = false\n        resolve(true)\n        render()\n      }\n\n      const mountRoot = createRoot(document.createElement(\"div\"))\n\n      const render = () => {\n        mountRoot.render(\n          <Dialog\n            open={open}\n            onConfirm={onConfirm}\n            onCancel={onCancel}\n            {...props}\n          />\n        )\n      }\n\n      render()\n    })\n  }\n\n  return dialog\n}\n\nexport { usePrompt }\n"]}
+{"version":3,"file":"use-prompt.js","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qDAA8B;AAC9B,6CAA6C;AAC7C,mDAAiE;AAIjE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,MAAM,GAAG,KAAK,EAAE,KAAqB,EAAoB,EAAE;QAC/D,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC7B,IAAI,IAAI,GAAG,IAAI,CAAA;YAEf,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,IAAI,GAAG,KAAK,CAAA;gBACZ,MAAM,EAAE,CAAA;gBACR,OAAO,CAAC,KAAK,CAAC,CAAA;YAChB,CAAC,CAAA;YAED,MAAM,SAAS,GAAG,GAAG,EAAE;gBACrB,IAAI,GAAG,KAAK,CAAA;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;gBACb,MAAM,EAAE,CAAA;YACV,CAAC,CAAA;YAED,MAAM,SAAS,GAAG,IAAA,mBAAU,EAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;YAE3D,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,SAAS,CAAC,MAAM,CACd,oBAAC,4BAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,CACH,CAAA;YACH,CAAC,CAAA;YAED,MAAM,EAAE,CAAA;QACV,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAEQ,8BAAS","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { createRoot } from \"react-dom/client\"\nimport { RenderPrompt, RenderPromptProps } from \"./render-prompt\"\n\ntype UsePromptProps = Omit<RenderPromptProps, \"onConfirm\" | \"onCancel\" | \"open\">\n\nconst usePrompt = () => {\n  const prompt = async (props: UsePromptProps): Promise<boolean> => {\n    return new Promise((resolve) => {\n      let open = true\n\n      const onCancel = () => {\n        open = false\n        render()\n        resolve(false)\n      }\n\n      const onConfirm = () => {\n        open = false\n        resolve(true)\n        render()\n      }\n\n      const mountRoot = createRoot(document.createElement(\"div\"))\n\n      const render = () => {\n        mountRoot.render(\n          <RenderPrompt\n            open={open}\n            onConfirm={onConfirm}\n            onCancel={onCancel}\n            {...props}\n          />\n        )\n      }\n\n      render()\n    })\n  }\n\n  return prompt\n}\n\nexport { usePrompt }\n"]}