@medusajs/ui 4.0.5-preview-20250211091350 → 4.0.5-snapshot-20250127145424

package/dist/cjs/components/avatar/avatar.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Avatar = void 0;
 const tslib_1 = require("tslib");
+const Primitives = tslib_1.__importStar(require("@radix-ui/react-avatar"));
 const cva_1 = require("cva");
-const radix_ui_1 = require("radix-ui");
 const React = tslib_1.__importStar(require("react"));
 const clx_1 = require("../../utils/clx");
 const avatarVariants = (0, cva_1.cva)({
@@ -133,9 +133,9 @@ variant = "rounded",
  * The size of the avatar's border radius.
  */
 size = "base", className, ...props }, ref) => {
-    return (React.createElement(radix_ui_1.Avatar.Root, { ref: ref, ...props, className: (0, clx_1.clx)(avatarVariants({ variant, size }), className) },
-        src && (React.createElement(radix_ui_1.Avatar.Image, { src: src, className: innerVariants({ variant, size }) })),
-        React.createElement(radix_ui_1.Avatar.Fallback, { className: (0, clx_1.clx)(innerVariants({ variant, size }), "bg-ui-bg-component-hover text-ui-fg-subtle pointer-events-none flex select-none items-center justify-center") }, fallback)));
+    return (React.createElement(Primitives.Root, { ref: ref, ...props, className: (0, clx_1.clx)(avatarVariants({ variant, size }), className) },
+        src && (React.createElement(Primitives.Image, { src: src, className: innerVariants({ variant, size }) })),
+        React.createElement(Primitives.Fallback, { className: (0, clx_1.clx)(innerVariants({ variant, size }), "bg-ui-bg-component-hover text-ui-fg-subtle pointer-events-none flex select-none items-center justify-center") }, fallback)));
 });
 exports.Avatar = Avatar;
 Avatar.displayName = "Avatar";

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"cva\"\nimport { Avatar as RadixAvatar } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst avatarVariants = cva({\n  base: \"flex shrink-0 items-center justify-center overflow-hidden shadow-borders-base bg-ui-bg-base\",\n  variants: {\n    variant: {\n      squared: \"\",\n      rounded: \"rounded-full\",\n    },\n    size: {\n      \"2xsmall\": \"h-5 w-5\",\n      xsmall: \"h-6 w-6\",\n      small: \"h-7 w-7\",\n      base: \"h-8 w-8\",\n      large: \"h-10 w-10\",\n      xlarge: \"h-12 w-12\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"squared\",\n      size: \"2xsmall\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xsmall\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"small\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"base\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"large\",\n      className: \"rounded-lg\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xlarge\",\n      className: \"rounded-xl\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"rounded\",\n    size: \"base\",\n  },\n})\n\nconst innerVariants = cva({\n  base: \"aspect-square object-cover object-center\",\n  variants: {\n    variant: {\n      squared: \"\",\n      rounded: \"rounded-full\",\n    },\n    size: {\n      \"2xsmall\": \"txt-compact-xsmall-plus size-4\",\n      xsmall: \"txt-compact-xsmall-plus size-5\",\n      small: \"txt-compact-small-plus size-6\",\n      base: \"txt-compact-small-plus size-7\",\n      large: \"txt-compact-medium-plus size-9\",\n      xlarge: \"txt-compact-large-plus size-11\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"squared\",\n      size: \"2xsmall\",\n      className: \"rounded-sm\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xsmall\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"small\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"base\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"large\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xlarge\",\n      className: \"rounded-[10px]\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"rounded\",\n    size: \"base\",\n  },\n})\n\ninterface AvatarProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof RadixAvatar.Root>,\n      \"asChild\" | \"children\" | \"size\"\n    >,\n    VariantProps<typeof avatarVariants> {\n  src?: string\n  fallback: string\n}\n\n/**\n * This component is based on the [Radix UI Avatar](https://www.radix-ui.com/primitives/docs/components/avatar) primitive.\n */\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof RadixAvatar.Root>,\n  AvatarProps\n>(\n  (\n    {\n      /**\n       * The URL of the image used in the Avatar.\n       */\n      src,\n      /**\n       * Text to show in the avatar if the URL provided in `src` can't be opened.\n       */\n      fallback,\n      /**\n       * The style of the avatar.\n       */\n      variant = \"rounded\",\n      /**\n       * The size of the avatar's border radius.\n       */\n      size = \"base\",\n      className,\n      ...props\n    }: AvatarProps,\n    ref\n  ) => {\n    return (\n      <RadixAvatar.Root\n        ref={ref}\n        {...props}\n        className={clx(         \n          avatarVariants({ variant, size }),\n          className\n        )}\n      >\n        {src && (\n          <RadixAvatar.Image\n            src={src}\n            className={innerVariants({ variant, size })}\n          />\n        )}\n        <RadixAvatar.Fallback\n          className={clx(\n            innerVariants({ variant, size }),\n            \"bg-ui-bg-component-hover text-ui-fg-subtle pointer-events-none flex select-none items-center justify-center\"\n          )}\n        >\n          {fallback}\n        </RadixAvatar.Fallback>\n      </RadixAvatar.Root>\n    )\n  }\n)\nAvatar.displayName = \"Avatar\"\n\nexport { Avatar }\n"]}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-avatar\"\nimport { cva, type VariantProps } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst avatarVariants = cva({\n  base: \"flex shrink-0 items-center justify-center overflow-hidden shadow-borders-base bg-ui-bg-base\",\n  variants: {\n    variant: {\n      squared: \"\",\n      rounded: \"rounded-full\",\n    },\n    size: {\n      \"2xsmall\": \"h-5 w-5\",\n      xsmall: \"h-6 w-6\",\n      small: \"h-7 w-7\",\n      base: \"h-8 w-8\",\n      large: \"h-10 w-10\",\n      xlarge: \"h-12 w-12\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"squared\",\n      size: \"2xsmall\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xsmall\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"small\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"base\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"large\",\n      className: \"rounded-lg\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xlarge\",\n      className: \"rounded-xl\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"rounded\",\n    size: \"base\",\n  },\n})\n\nconst innerVariants = cva({\n  base: \"aspect-square object-cover object-center\",\n  variants: {\n    variant: {\n      squared: \"\",\n      rounded: \"rounded-full\",\n    },\n    size: {\n      \"2xsmall\": \"txt-compact-xsmall-plus size-4\",\n      xsmall: \"txt-compact-xsmall-plus size-5\",\n      small: \"txt-compact-small-plus size-6\",\n      base: \"txt-compact-small-plus size-7\",\n      large: \"txt-compact-medium-plus size-9\",\n      xlarge: \"txt-compact-large-plus size-11\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"squared\",\n      size: \"2xsmall\",\n      className: \"rounded-sm\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xsmall\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"small\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"base\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"large\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xlarge\",\n      className: \"rounded-[10px]\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"rounded\",\n    size: \"base\",\n  },\n})\n\ninterface AvatarProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof Primitives.Root>,\n      \"asChild\" | \"children\" | \"size\"\n    >,\n    VariantProps<typeof avatarVariants> {\n  src?: string\n  fallback: string\n}\n\n/**\n * This component is based on the [Radix UI Avatar](https://www.radix-ui.com/primitives/docs/components/avatar) primitive.\n */\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof Primitives.Root>,\n  AvatarProps\n>(\n  (\n    {\n      /**\n       * The URL of the image used in the Avatar.\n       */\n      src,\n      /**\n       * Text to show in the avatar if the URL provided in `src` can't be opened.\n       */\n      fallback,\n      /**\n       * The style of the avatar.\n       */\n      variant = \"rounded\",\n      /**\n       * The size of the avatar's border radius.\n       */\n      size = \"base\",\n      className,\n      ...props\n    }: AvatarProps,\n    ref\n  ) => {\n    return (\n      <Primitives.Root\n        ref={ref}\n        {...props}\n        className={clx(         \n          avatarVariants({ variant, size }),\n          className\n        )}\n      >\n        {src && (\n          <Primitives.Image\n            src={src}\n            className={innerVariants({ variant, size })}\n          />\n        )}\n        <Primitives.Fallback\n          className={clx(\n            innerVariants({ variant, size }),\n            \"bg-ui-bg-component-hover text-ui-fg-subtle pointer-events-none flex select-none items-center justify-center\"\n          )}\n        >\n          {fallback}\n        </Primitives.Fallback>\n      </Primitives.Root>\n    )\n  }\n)\nAvatar.displayName = \"Avatar\"\n\nexport { Avatar }\n"]}

package/dist/cjs/components/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AAEvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiBtB,CAAA;AAEF,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAuErB,CAAA;AAEF,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAC1D,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,KAAK,oFAuCV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiBtB,CAAA;AAEF,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAuErB,CAAA;AAEF,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAC1D,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,KAAK,oFAuCV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/cjs/components/badge/badge.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.badgeColorVariants = exports.Badge = void 0;
 const tslib_1 = require("tslib");
+const react_slot_1 = require("@radix-ui/react-slot");
 const cva_1 = require("cva");
-const radix_ui_1 = require("radix-ui");
 const React = tslib_1.__importStar(require("react"));
 const clx_1 = require("../../utils/clx");
 const badgeColorVariants = (0, cva_1.cva)({
@@ -115,7 +115,7 @@ color = "grey",
  * passed child element instead.
  */
 asChild = false, ...props }, ref) => {
-    const Component = asChild ? radix_ui_1.Slot.Root : "span";
+    const Component = asChild ? react_slot_1.Slot : "span";
     return (React.createElement(Component, { ref: ref, className: (0, clx_1.clx)(badgeColorVariants({ color }), badgeSizeVariants({ size, rounded }), className), ...props }));
 });
 exports.Badge = Badge;

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"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","sourcesContent":["import { VariantProps, cva } from \"cva\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst badgeColorVariants = cva({\n  variants: {\n    color: {\n      green:\n        \"bg-ui-tag-green-bg text-ui-tag-green-text [&_svg]:text-ui-tag-green-icon border-ui-tag-green-border\",\n      red: \"bg-ui-tag-red-bg text-ui-tag-red-text [&_svg]:text-ui-tag-red-icon border-ui-tag-red-border\",\n      blue: \"bg-ui-tag-blue-bg text-ui-tag-blue-text [&_svg]:text-ui-tag-blue-icon border-ui-tag-blue-border\",\n      orange:\n        \"bg-ui-tag-orange-bg text-ui-tag-orange-text [&_svg]:text-ui-tag-orange-icon border-ui-tag-orange-border\",\n      grey: \"bg-ui-tag-neutral-bg text-ui-tag-neutral-text [&_svg]:text-ui-tag-neutral-icon border-ui-tag-neutral-border\",\n      purple:\n        \"bg-ui-tag-purple-bg text-ui-tag-purple-text [&_svg]:text-ui-tag-purple-icon border-ui-tag-purple-border\",\n    },\n  },\n  defaultVariants: {\n    color: \"grey\",\n  },\n})\n\nconst badgeSizeVariants = cva({\n  base: \"inline-flex items-center gap-x-0.5 border box-border\",\n  variants: {\n    size: {\n      \"2xsmall\": \"txt-compact-xsmall-plus h-5\",\n      xsmall: \"txt-compact-xsmall-plus py-px h-6\",\n      small: \"txt-compact-xsmall-plus py-[3px] h-7\",\n      base: \"txt-compact-small-plus py-[5px] h-8\",\n      large: \"txt-compact-medium-plus py-[7px] h-10\",\n    },\n    rounded: {\n      base: \"rounded-md\",\n      full: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"2xsmall\",\n      rounded: \"full\",\n      className: \"px-1.5\",\n    },\n    {\n      size: \"2xsmall\",\n      rounded: \"base\",\n      className: \"px-1\",\n    },\n    {\n      size: \"xsmall\",\n      rounded: \"full\",\n      className: \"px-2\",\n    },\n    {\n      size: \"xsmall\",\n      rounded: \"base\",\n      className: \"px-1.5\",\n    },\n    {\n      size: \"small\",\n      rounded: \"full\",\n      className: \"px-2.5\",\n    },\n    {\n      size: \"small\",\n      rounded: \"base\",\n      className: \"px-2\",\n    },\n    {\n      size: \"base\",\n      rounded: \"full\",\n      className: \"px-3\",\n    },\n    {\n      size: \"base\",\n      rounded: \"base\",\n      className: \"px-2.5\",\n    },\n    {\n      size: \"large\",\n      rounded: \"full\",\n      className: \"px-3.5\",\n    },\n    {\n      size: \"large\",\n      rounded: \"base\",\n      className: \"px-3\",\n    },\n  ],\n  defaultVariants: {\n    size: \"base\",\n    rounded: \"base\",\n  },\n})\n\ninterface BadgeProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    VariantProps<typeof badgeSizeVariants>,\n    VariantProps<typeof badgeColorVariants> {\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      className,\n      /**\n       * The badge's size.\n       */\n      size = \"base\",\n      /**\n       * The style of the badge's border radius.\n       */\n      rounded = \"base\",\n      /**\n       * The badge's color.\n       */\n      color = \"grey\",\n      /**\n       * Whether to remove the wrapper `span` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      ...props\n    }: BadgeProps,\n    ref\n  ) => {\n    const Component = asChild ? Slot.Root : \"span\"\n\n    return (\n      <Component\n        ref={ref}\n        className={clx(\n          badgeColorVariants({ color }),\n          badgeSizeVariants({ size, rounded }),\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nBadge.displayName = \"Badge\"\n\nexport { Badge, badgeColorVariants }\n"]}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":";;;;AAAA,qDAA2C;AAC3C,6BAAuC;AACvC,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,kBAAkB,GAAG,IAAA,SAAG,EAAC;IAC7B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EACH,qGAAqG;YACvG,GAAG,EAAE,6FAA6F;YAClG,IAAI,EAAE,iGAAiG;YACvG,MAAM,EACJ,yGAAyG;YAC3G,IAAI,EAAE,6GAA6G;YACnH,MAAM,EACJ,yGAAyG;SAC5G;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AA+Hc,gDAAkB;AA7HlC,MAAM,iBAAiB,GAAG,IAAA,SAAG,EAAC;IAC5B,IAAI,EAAE,sDAAsD;IAC5D,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,SAAS,EAAE,6BAA6B;YACxC,MAAM,EAAE,mCAAmC;YAC3C,KAAK,EAAE,sCAAsC;YAC7C,IAAI,EAAE,qCAAqC;YAC3C,KAAK,EAAE,uCAAuC;SAC/C;QACD,OAAO,EAAE;YACP,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,cAAc;SACrB;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,QAAQ;SACpB;QACD;YACE,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,MAAM;SAClB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,MAAM;SAClB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,QAAQ;SACpB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,QAAQ;SACpB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,MAAM;SAClB;QACD;YACE,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,MAAM;SAClB;QACD;YACE,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,QAAQ;SACpB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,QAAQ;SACpB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,MAAM;SAClB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAA;AASF;;GAEG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,SAAS;AACT;;GAEG;AACH,IAAI,GAAG,MAAM;AACb;;GAEG;AACH,OAAO,GAAG,MAAM;AAChB;;GAEG;AACH,KAAK,GAAG,MAAM;AACd;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACG,EACb,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEzC,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,kBAAkB,CAAC,EAAE,KAAK,EAAE,CAAC,EAC7B,iBAAiB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EACpC,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,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 badgeColorVariants = cva({\n  variants: {\n    color: {\n      green:\n        \"bg-ui-tag-green-bg text-ui-tag-green-text [&_svg]:text-ui-tag-green-icon border-ui-tag-green-border\",\n      red: \"bg-ui-tag-red-bg text-ui-tag-red-text [&_svg]:text-ui-tag-red-icon border-ui-tag-red-border\",\n      blue: \"bg-ui-tag-blue-bg text-ui-tag-blue-text [&_svg]:text-ui-tag-blue-icon border-ui-tag-blue-border\",\n      orange:\n        \"bg-ui-tag-orange-bg text-ui-tag-orange-text [&_svg]:text-ui-tag-orange-icon border-ui-tag-orange-border\",\n      grey: \"bg-ui-tag-neutral-bg text-ui-tag-neutral-text [&_svg]:text-ui-tag-neutral-icon border-ui-tag-neutral-border\",\n      purple:\n        \"bg-ui-tag-purple-bg text-ui-tag-purple-text [&_svg]:text-ui-tag-purple-icon border-ui-tag-purple-border\",\n    },\n  },\n  defaultVariants: {\n    color: \"grey\",\n  },\n})\n\nconst badgeSizeVariants = cva({\n  base: \"inline-flex items-center gap-x-0.5 border box-border\",\n  variants: {\n    size: {\n      \"2xsmall\": \"txt-compact-xsmall-plus h-5\",\n      xsmall: \"txt-compact-xsmall-plus py-px h-6\",\n      small: \"txt-compact-xsmall-plus py-[3px] h-7\",\n      base: \"txt-compact-small-plus py-[5px] h-8\",\n      large: \"txt-compact-medium-plus py-[7px] h-10\",\n    },\n    rounded: {\n      base: \"rounded-md\",\n      full: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"2xsmall\",\n      rounded: \"full\",\n      className: \"px-1.5\",\n    },\n    {\n      size: \"2xsmall\",\n      rounded: \"base\",\n      className: \"px-1\",\n    },\n    {\n      size: \"xsmall\",\n      rounded: \"full\",\n      className: \"px-2\",\n    },\n    {\n      size: \"xsmall\",\n      rounded: \"base\",\n      className: \"px-1.5\",\n    },\n    {\n      size: \"small\",\n      rounded: \"full\",\n      className: \"px-2.5\",\n    },\n    {\n      size: \"small\",\n      rounded: \"base\",\n      className: \"px-2\",\n    },\n    {\n      size: \"base\",\n      rounded: \"full\",\n      className: \"px-3\",\n    },\n    {\n      size: \"base\",\n      rounded: \"base\",\n      className: \"px-2.5\",\n    },\n    {\n      size: \"large\",\n      rounded: \"full\",\n      className: \"px-3.5\",\n    },\n    {\n      size: \"large\",\n      rounded: \"base\",\n      className: \"px-3\",\n    },\n  ],\n  defaultVariants: {\n    size: \"base\",\n    rounded: \"base\",\n  },\n})\n\ninterface BadgeProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    VariantProps<typeof badgeSizeVariants>,\n    VariantProps<typeof badgeColorVariants> {\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      className,\n      /**\n       * The badge's size.\n       */\n      size = \"base\",\n      /**\n       * The style of the badge's border radius.\n       */\n      rounded = \"base\",\n      /**\n       * The badge's color.\n       */\n      color = \"grey\",\n      /**\n       * Whether to remove the wrapper `span` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      ...props\n    }: BadgeProps,\n    ref\n  ) => {\n    const Component = asChild ? Slot : \"span\"\n\n    return (\n      <Component\n        ref={ref}\n        className={clx(\n          badgeColorVariants({ color }),\n          badgeSizeVariants({ size, rounded }),\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nBadge.displayName = \"Badge\"\n\nexport { Badge, badgeColorVariants }\n"]}

package/dist/cjs/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA8ClB,CAAA;AAEF,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAC9C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,MAAM,uFAgEX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA8ClB,CAAA;AAEF,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAC9C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,MAAM,uFAgEX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/cjs/components/button/button.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buttonVariants = exports.Button = void 0;
 const tslib_1 = require("tslib");
+const react_slot_1 = require("@radix-ui/react-slot");
 const cva_1 = require("cva");
-const radix_ui_1 = require("radix-ui");
 const React = tslib_1.__importStar(require("react"));
 const clx_1 = require("../../utils/clx");
 const icons_1 = require("@medusajs/icons");
@@ -50,7 +50,7 @@ asChild = false, children,
  * Whether to show a loading spinner.
  */
 isLoading = false, disabled, ...props }, ref) => {
-    const Component = asChild ? radix_ui_1.Slot.Root : "button";
+    const Component = asChild ? react_slot_1.Slot : "button";
     /**
      * In the case of a button where asChild is true, and isLoading is true, we ensure that
      * only on element is passed as a child to the Slot component. This is because the Slot

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":";;;;AAAA,6BAA4C;AAC5C,uCAA+B;AAC/B,qDAA8B;AAE9B,qCAAiC;AACjC,2CAAyC;AAEzC,MAAM,cAAc,GAAG,IAAA,SAAG,EAAC;IACzB,IAAI,EAAE,IAAA,SAAG,EACP,8GAA8G,EAC9G,8IAA8I,EAC9I,qEAAqE,CACtE;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,IAAA,SAAG,EACV,0GAA0G,EAC1G,8EAA8E,EAC9E,oFAAoF,EACpF,8CAA8C,CAC/C;YACD,SAAS,EAAE,IAAA,SAAG,EACZ,2FAA2F,EAC3F,4EAA4E,EAC5E,kFAAkF,EAClF,4CAA4C,CAC7C;YACD,WAAW,EAAE,IAAA,SAAG,EACd,cAAc,EACd,0CAA0C,EAC1C,sCAAsC,EACtC,yCAAyC,EACzC,wEAAwE,EACxE,gDAAgD,CACjD;YACD,MAAM,EAAE,IAAA,SAAG,EACT,mHAAmH,EACnH,0EAA0E,EAC1E,gFAAgF,EAChF,2CAA2C,CAC5C;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,4CAA4C;YACnD,IAAI,EAAE,8CAA8C;YACpD,KAAK,EAAE,+CAA+C;YACtD,MAAM,EAAE,8CAA8C;SACvD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAA;AA+Ee,wCAAc;AAtE/B;;GAEG;AACH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE;AACE;;GAEG;AACH,OAAO,GAAG,SAAS;AACnB;;GAEG;AACH,IAAI,GAAG,MAAM,EACb,SAAS;AACT;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,QAAQ;AACR;;GAEG;AACH,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,GAAG,KAAK,EACI,EACd,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,eAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEhD;;;;OAIG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,8BAAM,SAAS,EAAC,qBAAqB;gBACnC,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,gFAAgF,CACjF;oBAED,oBAAC,eAAO,IAAC,SAAS,EAAC,cAAc,GAAG,CAChC;gBACL,QAAQ,CACJ,CACR,CAAA;QACH,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAA,SAAG,EAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAC5D,QAAQ,EAAE,QAAQ,IAAI,SAAS,IAE9B,WAAW,EAAE,CACJ,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA","sourcesContent":["import { cva, type VariantProps } from \"cva\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { Spinner } from \"@medusajs/icons\"\n\nconst buttonVariants = cva({\n  base: clx(\n    \"transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none\",\n    \"disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled disabled:shadow-buttons-neutral disabled:after:hidden\",\n    \"after:transition-fg after:absolute after:inset-0 after:content-['']\"\n  ),\n  variants: {\n    variant: {\n      primary: clx(\n        \"shadow-buttons-inverted text-ui-contrast-fg-primary bg-ui-button-inverted after:button-inverted-gradient\",\n        \"hover:bg-ui-button-inverted-hover hover:after:button-inverted-hover-gradient\",\n        \"active:bg-ui-button-inverted-pressed active:after:button-inverted-pressed-gradient\",\n        \"focus-visible:!shadow-buttons-inverted-focus\"\n      ),\n      secondary: clx(\n        \"shadow-buttons-neutral text-ui-fg-base bg-ui-button-neutral after:button-neutral-gradient\",\n        \"hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient\",\n        \"active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient\",\n        \"focus-visible:shadow-buttons-neutral-focus\"\n      ),\n      transparent: clx(\n        \"after:hidden\",\n        \"text-ui-fg-base bg-ui-button-transparent\",\n        \"hover:bg-ui-button-transparent-hover\",\n        \"active:bg-ui-button-transparent-pressed\",\n        \"focus-visible:shadow-buttons-neutral-focus focus-visible:bg-ui-bg-base\",\n        \"disabled:!bg-transparent disabled:!shadow-none\"\n      ),\n      danger: clx(\n        \"shadow-buttons-colored shadow-buttons-danger text-ui-fg-on-color bg-ui-button-danger after:button-danger-gradient\",\n        \"hover:bg-ui-button-danger-hover hover:after:button-danger-hover-gradient\",\n        \"active:bg-ui-button-danger-pressed active:after:button-danger-pressed-gradient\",\n        \"focus-visible:shadow-buttons-danger-focus\"\n      ),\n    },\n    size: {\n      small: \"txt-compact-small-plus gap-x-1.5 px-2 py-1\",\n      base: \"txt-compact-small-plus gap-x-1.5 px-3 py-1.5\",\n      large: \"txt-compact-medium-plus gap-x-1.5 px-4 py-2.5\",\n      xlarge: \"txt-compact-large-plus gap-x-1.5 px-5 py-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n    variant: \"primary\",\n  },\n})\n\ninterface ButtonProps\n  extends React.ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof buttonVariants> {\n  isLoading?: boolean\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `button` element and supports all of its props\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      /**\n       * The button's style.\n       */\n      variant = \"primary\",\n      /**\n       * The button's size.\n       */\n      size = \"base\",\n      className,\n      /**\n       * Whether to remove the wrapper `button` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      children,\n      /**\n       * Whether to show a loading spinner.\n       */\n      isLoading = false,\n      disabled,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Component = asChild ? Slot.Root : \"button\"\n\n    /**\n     * In the case of a button where asChild is true, and isLoading is true, we ensure that\n     * only on element is passed as a child to the Slot component. This is because the Slot\n     * component only accepts a single child.\n     */\n    const renderInner = () => {\n      if (isLoading) {\n        return (\n          <span className=\"pointer-events-none\">\n            <div\n              className={clx(\n                \"bg-ui-bg-disabled absolute inset-0 flex items-center justify-center rounded-md\"\n              )}\n            >\n              <Spinner className=\"animate-spin\" />\n            </div>\n            {children}\n          </span>\n        )\n      }\n\n      return children\n    }\n\n    return (\n      <Component\n        ref={ref}\n        {...props}\n        className={clx(buttonVariants({ variant, size }), className)}\n        disabled={disabled || isLoading}\n      >\n        {renderInner()}\n      </Component>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"]}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":";;;;AAAA,qDAA2C;AAC3C,6BAA4C;AAC5C,qDAA8B;AAE9B,qCAAiC;AACjC,2CAAyC;AAEzC,MAAM,cAAc,GAAG,IAAA,SAAG,EAAC;IACzB,IAAI,EAAE,IAAA,SAAG,EACP,8GAA8G,EAC9G,8IAA8I,EAC9I,qEAAqE,CACtE;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,IAAA,SAAG,EACV,0GAA0G,EAC1G,8EAA8E,EAC9E,oFAAoF,EACpF,8CAA8C,CAC/C;YACD,SAAS,EAAE,IAAA,SAAG,EACZ,2FAA2F,EAC3F,4EAA4E,EAC5E,kFAAkF,EAClF,4CAA4C,CAC7C;YACD,WAAW,EAAE,IAAA,SAAG,EACd,cAAc,EACd,0CAA0C,EAC1C,sCAAsC,EACtC,yCAAyC,EACzC,wEAAwE,EACxE,gDAAgD,CACjD;YACD,MAAM,EAAE,IAAA,SAAG,EACT,mHAAmH,EACnH,0EAA0E,EAC1E,gFAAgF,EAChF,2CAA2C,CAC5C;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,4CAA4C;YACnD,IAAI,EAAE,8CAA8C;YACpD,KAAK,EAAE,+CAA+C;YACtD,MAAM,EAAE,8CAA8C;SACvD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAA;AA+Ee,wCAAc;AAtE/B;;GAEG;AACH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE;AACE;;GAEG;AACH,OAAO,GAAG,SAAS;AACnB;;GAEG;AACH,IAAI,GAAG,MAAM,EACb,SAAS;AACT;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,QAAQ;AACR;;GAEG;AACH,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,GAAG,KAAK,EACI,EACd,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE3C;;;;OAIG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,8BAAM,SAAS,EAAC,qBAAqB;gBACnC,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,gFAAgF,CACjF;oBAED,oBAAC,eAAO,IAAC,SAAS,EAAC,cAAc,GAAG,CAChC;gBACL,QAAQ,CACJ,CACR,CAAA;QACH,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAA,SAAG,EAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAC5D,QAAQ,EAAE,QAAQ,IAAI,SAAS,IAE9B,WAAW,EAAE,CACJ,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { Spinner } from \"@medusajs/icons\"\n\nconst buttonVariants = cva({\n  base: clx(\n    \"transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none\",\n    \"disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled disabled:shadow-buttons-neutral disabled:after:hidden\",\n    \"after:transition-fg after:absolute after:inset-0 after:content-['']\"\n  ),\n  variants: {\n    variant: {\n      primary: clx(\n        \"shadow-buttons-inverted text-ui-contrast-fg-primary bg-ui-button-inverted after:button-inverted-gradient\",\n        \"hover:bg-ui-button-inverted-hover hover:after:button-inverted-hover-gradient\",\n        \"active:bg-ui-button-inverted-pressed active:after:button-inverted-pressed-gradient\",\n        \"focus-visible:!shadow-buttons-inverted-focus\"\n      ),\n      secondary: clx(\n        \"shadow-buttons-neutral text-ui-fg-base bg-ui-button-neutral after:button-neutral-gradient\",\n        \"hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient\",\n        \"active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient\",\n        \"focus-visible:shadow-buttons-neutral-focus\"\n      ),\n      transparent: clx(\n        \"after:hidden\",\n        \"text-ui-fg-base bg-ui-button-transparent\",\n        \"hover:bg-ui-button-transparent-hover\",\n        \"active:bg-ui-button-transparent-pressed\",\n        \"focus-visible:shadow-buttons-neutral-focus focus-visible:bg-ui-bg-base\",\n        \"disabled:!bg-transparent disabled:!shadow-none\"\n      ),\n      danger: clx(\n        \"shadow-buttons-colored shadow-buttons-danger text-ui-fg-on-color bg-ui-button-danger after:button-danger-gradient\",\n        \"hover:bg-ui-button-danger-hover hover:after:button-danger-hover-gradient\",\n        \"active:bg-ui-button-danger-pressed active:after:button-danger-pressed-gradient\",\n        \"focus-visible:shadow-buttons-danger-focus\"\n      ),\n    },\n    size: {\n      small: \"txt-compact-small-plus gap-x-1.5 px-2 py-1\",\n      base: \"txt-compact-small-plus gap-x-1.5 px-3 py-1.5\",\n      large: \"txt-compact-medium-plus gap-x-1.5 px-4 py-2.5\",\n      xlarge: \"txt-compact-large-plus gap-x-1.5 px-5 py-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n    variant: \"primary\",\n  },\n})\n\ninterface ButtonProps\n  extends React.ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof buttonVariants> {\n  isLoading?: boolean\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `button` element and supports all of its props\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      /**\n       * The button's style.\n       */\n      variant = \"primary\",\n      /**\n       * The button's size.\n       */\n      size = \"base\",\n      className,\n      /**\n       * Whether to remove the wrapper `button` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      children,\n      /**\n       * Whether to show a loading spinner.\n       */\n      isLoading = false,\n      disabled,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Component = asChild ? Slot : \"button\"\n\n    /**\n     * In the case of a button where asChild is true, and isLoading is true, we ensure that\n     * only on element is passed as a child to the Slot component. This is because the Slot\n     * component only accepts a single child.\n     */\n    const renderInner = () => {\n      if (isLoading) {\n        return (\n          <span className=\"pointer-events-none\">\n            <div\n              className={clx(\n                \"bg-ui-bg-disabled absolute inset-0 flex items-center justify-center rounded-md\"\n              )}\n            >\n              <Spinner className=\"animate-spin\" />\n            </div>\n            {children}\n          </span>\n        )\n      }\n\n      return children\n    }\n\n    return (\n      <Component\n        ref={ref}\n        {...props}\n        className={clx(buttonVariants({ variant, size }), className)}\n        disabled={disabled || isLoading}\n      >\n        {renderInner()}\n      </Component>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"]}

package/dist/cjs/components/calender/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAGb,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAIL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,YAAY,CAAA;AAQnB,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACvC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,IAAI,CAAA;CAChB;AAED,UAAU,aACR,SAAQ,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,MAAM,kBAAkB,CAAC,EACrE,kBAAkB;CAAG;AAEzB;;;GAGG;AACH,QAAA,MAAM,QAAQ,UAAW,aAAa,sBAsCrC,CAAA;AAsCD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGb,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAIL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,YAAY,CAAA;AAQnB,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACvC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,IAAI,CAAA;CAChB;AAED,UAAU,aACR,SAAQ,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,MAAM,kBAAkB,CAAC,EACrE,kBAAkB;CAAG;AAEzB;;;GAGG;AACH,QAAA,MAAM,QAAQ,UAAW,aAAa,sBAsCrC,CAAA;AAsCD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/cjs/components/calender/calendar.js

@@ -1,5 +1,4 @@
 "use strict";
-"use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Calendar = void 0;
 const tslib_1 = require("tslib");

package/dist/cjs/components/calender/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CalendarDate,\n  createCalendar,\n  getLocalTimeZone\n} from \"@internationalized/date\"\nimport { TriangleLeftMini, TriangleRightMini } from \"@medusajs/icons\"\nimport * as React from \"react\"\nimport {\n  DateValue,\n  useCalendar,\n  useLocale,\n  type CalendarProps as BaseCalendarProps,\n} from \"react-aria\"\nimport { useCalendarState } from \"react-stately\"\n\nimport { createCalendarDate, getDefaultCalendarDate, updateCalendarDate } from \"@/utils/calendar\"\n\nimport { CalendarButton } from \"./calendar-button\"\nimport { CalendarGrid } from \"./calendar-grid\"\n\ninterface CalendarValueProps {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (value: Date | null) => void\n  isDateUnavailable?: (date: Date) => boolean\n  minValue?: Date\n  maxValue?: Date\n}\n\ninterface CalendarProps\n  extends Omit<BaseCalendarProps<CalendarDate>, keyof CalendarValueProps>,\n    CalendarValueProps {}\n\n/**\n * Calendar component used to select a date.\n * Its props are based on [React Aria Calendar](https://react-spectrum.adobe.com/react-aria/Calendar.html#calendar-1).\n */\nconst Calendar = (props: CalendarProps) => {\n  const [value, setValue] = React.useState<CalendarDate  | null | undefined>(\n    () => getDefaultCalendarDate(props.value, props.defaultValue)\n  )\n\n  const { locale } = useLocale()\n  const _props = React.useMemo(() => convertProps(props, setValue), [props])\n\n  const state = useCalendarState({\n    ..._props,\n    value,\n    locale,\n    createCalendar,\n  })\n\n  React.useEffect(() => {\n    setValue(props.value ? updateCalendarDate(value, props.value) : null)\n  }, [props.value])\n\n  const { calendarProps, prevButtonProps, nextButtonProps, title } =\n    useCalendar({ value, ..._props }, state)\n\n  return (\n    <div {...calendarProps} className=\"flex flex-col gap-y-2\">\n      <div className=\"bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5\">\n        <CalendarButton {...prevButtonProps}>\n          <TriangleLeftMini />\n        </CalendarButton>\n        <div className=\"flex items-center justify-center\">\n          <h2 className=\"txt-compact-small-plus\">{title}</h2>\n        </div>\n        <CalendarButton {...nextButtonProps}>\n          <TriangleRightMini />\n        </CalendarButton>\n      </div>\n      <CalendarGrid state={state} />\n    </div>\n  )\n}\n\nfunction convertProps(\n  props: CalendarProps,\n  setValue: React.Dispatch<\n    React.SetStateAction<CalendarDate | null | undefined>\n  >\n): BaseCalendarProps<CalendarDate> {\n  const {\n    minValue,\n    maxValue,\n    isDateUnavailable: _isDateUnavailable,\n    onChange: _onChange,\n    value: __value__,\n    defaultValue: __defaultValue__,\n    ...rest\n  } = props\n\n  const onChange = (value: CalendarDate | null) => {\n    setValue(value)\n    _onChange?.(value ? value.toDate(getLocalTimeZone()) : null)\n  }\n\n  const isDateUnavailable = (date: DateValue) => {\n    const _date = date.toDate(getLocalTimeZone())\n\n    return _isDateUnavailable ? _isDateUnavailable(_date) : false\n  }\n\n  return {\n    ...rest,\n    onChange,\n    isDateUnavailable,\n    minValue: minValue ? createCalendarDate(minValue) : minValue,\n    maxValue: maxValue ? createCalendarDate(maxValue) : maxValue,\n  }\n}\n\nexport { Calendar }\n"]}
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  CalendarDate,\n  createCalendar,\n  getLocalTimeZone\n} from \"@internationalized/date\"\nimport { TriangleLeftMini, TriangleRightMini } from \"@medusajs/icons\"\nimport * as React from \"react\"\nimport {\n  DateValue,\n  useCalendar,\n  useLocale,\n  type CalendarProps as BaseCalendarProps,\n} from \"react-aria\"\nimport { useCalendarState } from \"react-stately\"\n\nimport { createCalendarDate, getDefaultCalendarDate, updateCalendarDate } from \"@/utils/calendar\"\n\nimport { CalendarButton } from \"./calendar-button\"\nimport { CalendarGrid } from \"./calendar-grid\"\n\ninterface CalendarValueProps {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (value: Date | null) => void\n  isDateUnavailable?: (date: Date) => boolean\n  minValue?: Date\n  maxValue?: Date\n}\n\ninterface CalendarProps\n  extends Omit<BaseCalendarProps<CalendarDate>, keyof CalendarValueProps>,\n    CalendarValueProps {}\n\n/**\n * Calendar component used to select a date.\n * Its props are based on [React Aria Calendar](https://react-spectrum.adobe.com/react-aria/Calendar.html#calendar-1).\n */\nconst Calendar = (props: CalendarProps) => {\n  const [value, setValue] = React.useState<CalendarDate  | null | undefined>(\n    () => getDefaultCalendarDate(props.value, props.defaultValue)\n  )\n\n  const { locale } = useLocale()\n  const _props = React.useMemo(() => convertProps(props, setValue), [props])\n\n  const state = useCalendarState({\n    ..._props,\n    value,\n    locale,\n    createCalendar,\n  })\n\n  React.useEffect(() => {\n    setValue(props.value ? updateCalendarDate(value, props.value) : null)\n  }, [props.value])\n\n  const { calendarProps, prevButtonProps, nextButtonProps, title } =\n    useCalendar({ value, ..._props }, state)\n\n  return (\n    <div {...calendarProps} className=\"flex flex-col gap-y-2\">\n      <div className=\"bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5\">\n        <CalendarButton {...prevButtonProps}>\n          <TriangleLeftMini />\n        </CalendarButton>\n        <div className=\"flex items-center justify-center\">\n          <h2 className=\"txt-compact-small-plus\">{title}</h2>\n        </div>\n        <CalendarButton {...nextButtonProps}>\n          <TriangleRightMini />\n        </CalendarButton>\n      </div>\n      <CalendarGrid state={state} />\n    </div>\n  )\n}\n\nfunction convertProps(\n  props: CalendarProps,\n  setValue: React.Dispatch<\n    React.SetStateAction<CalendarDate | null | undefined>\n  >\n): BaseCalendarProps<CalendarDate> {\n  const {\n    minValue,\n    maxValue,\n    isDateUnavailable: _isDateUnavailable,\n    onChange: _onChange,\n    value: __value__,\n    defaultValue: __defaultValue__,\n    ...rest\n  } = props\n\n  const onChange = (value: CalendarDate | null) => {\n    setValue(value)\n    _onChange?.(value ? value.toDate(getLocalTimeZone()) : null)\n  }\n\n  const isDateUnavailable = (date: DateValue) => {\n    const _date = date.toDate(getLocalTimeZone())\n\n    return _isDateUnavailable ? _isDateUnavailable(_date) : false\n  }\n\n  return {\n    ...rest,\n    onChange,\n    isDateUnavailable,\n    minValue: minValue ? createCalendarDate(minValue) : minValue,\n    maxValue: maxValue ? createCalendarDate(maxValue) : maxValue,\n  }\n}\n\nexport { Calendar }\n"]}

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

@@ -1,10 +1,10 @@
-import { Checkbox as RadixCheckbox } from "radix-ui";
+import * as Primitives from "@radix-ui/react-checkbox";
 import * as React from "react";
 import { CheckboxCheckedState } from "./types";
 /**
  * This component is based on the [Radix UI Checkbox](https://www.radix-ui.com/primitives/docs/components/checkbox) primitive.
  */
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<RadixCheckbox.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<Primitives.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     checked?: CheckboxCheckedState | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { Checkbox };

package/dist/cjs/components/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C;;GAEG;AACH,QAAA,MAAM,QAAQ;cAGA,oBAAoB,GAAG,SAAS;2CA6B5C,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C;;GAEG;AACH,QAAA,MAAM,QAAQ;cAGA,oBAAoB,GAAG,SAAS;2CA6B5C,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/cjs/components/checkbox/checkbox.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 const tslib_1 = require("tslib");
 const icons_1 = require("@medusajs/icons");
-const radix_ui_1 = require("radix-ui");
+const Primitives = tslib_1.__importStar(require("@radix-ui/react-checkbox"));
 const React = tslib_1.__importStar(require("react"));
 const clx_1 = require("../../utils/clx");
 /**
  * This component is based on the [Radix UI Checkbox](https://www.radix-ui.com/primitives/docs/components/checkbox) primitive.
  */
 const Checkbox = React.forwardRef(({ className, checked, ...props }, ref) => {
-    return (React.createElement(radix_ui_1.Checkbox.Root, { ...props, ref: ref, checked: checked, className: (0, clx_1.clx)("group inline-flex h-5 w-5 items-center justify-center outline-none ", className) },
+    return (React.createElement(Primitives.Root, { ...props, ref: ref, checked: checked, className: (0, clx_1.clx)("group inline-flex h-5 w-5 items-center justify-center outline-none ", className) },
         React.createElement("div", { className: (0, clx_1.clx)("text-ui-fg-on-inverted bg-ui-bg-base shadow-borders-base [&_path]:shadow-details-contrast-on-bg-interactive transition-fg h-[15px] w-[15px] rounded-[3px]", "group-disabled:cursor-not-allowed group-disabled:opacity-50", "group-focus-visible:!shadow-borders-interactive-with-focus", "group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover", "group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow", "group-data-[state=indeterminate]:bg-ui-bg-interactive group-data-[state=indeterminate]:shadow-borders-interactive-with-shadow") },
-            React.createElement(radix_ui_1.Checkbox.Indicator, null, checked === "indeterminate" ? React.createElement(icons_1.MinusMini, null) : React.createElement(icons_1.CheckMini, null)))));
+            React.createElement(Primitives.Indicator, null, checked === "indeterminate" ? React.createElement(icons_1.MinusMini, null) : React.createElement(icons_1.CheckMini, null)))));
 });
 exports.Checkbox = Checkbox;
 Checkbox.displayName = "Checkbox";

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,2CAAsD;AACtD,uCAAoD;AACpD,qDAA8B;AAE9B,qCAAiC;AAGjC;;GAEG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAK/B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1C,OAAO,CACL,oBAAC,mBAAa,CAAC,IAAI,OACb,KAAK,EACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,SAAG,EACZ,qEAAqE,EACrE,SAAS,CACV;QAED,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,2JAA2J,EAC3J,6DAA6D,EAC7D,4DAA4D,EAC5D,4EAA4E,EAC5E,mHAAmH,EACnH,+HAA+H,CAChI;YAED,oBAAC,mBAAa,CAAC,SAAS,QACrB,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC,oBAAC,iBAAS,OAAG,CAAC,CAAC,CAAC,oBAAC,iBAAS,OAAG,CACpC,CACtB,CACa,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AAGO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA","sourcesContent":["\"use client\"\n\nimport { CheckMini, MinusMini } from \"@medusajs/icons\"\nimport { Checkbox as RadixCheckbox } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { CheckboxCheckedState } from \"./types\"\n\n/**\n * This component is based on the [Radix UI Checkbox](https://www.radix-ui.com/primitives/docs/components/checkbox) primitive.\n */\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof RadixCheckbox.Root>,\n  React.ComponentPropsWithoutRef<typeof RadixCheckbox.Root> & {\n    checked?: CheckboxCheckedState | undefined\n  }\n>(({ className, checked, ...props }, ref) => {\n  return (\n    <RadixCheckbox.Root\n      {...props}\n      ref={ref}\n      checked={checked}\n      className={clx(\n        \"group inline-flex h-5 w-5 items-center justify-center outline-none \",\n        className\n      )}\n    >\n      <div\n        className={clx(\n          \"text-ui-fg-on-inverted bg-ui-bg-base shadow-borders-base [&_path]:shadow-details-contrast-on-bg-interactive transition-fg h-[15px] w-[15px] rounded-[3px]\",\n          \"group-disabled:cursor-not-allowed group-disabled:opacity-50\",\n          \"group-focus-visible:!shadow-borders-interactive-with-focus\",\n          \"group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover\",\n          \"group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow\",\n          \"group-data-[state=indeterminate]:bg-ui-bg-interactive group-data-[state=indeterminate]:shadow-borders-interactive-with-shadow\"\n        )}\n      >\n        <RadixCheckbox.Indicator>\n          {checked === \"indeterminate\" ? <MinusMini /> : <CheckMini />}\n        </RadixCheckbox.Indicator>\n      </div>\n    </RadixCheckbox.Root>\n  )\n})\nCheckbox.displayName = \"Checkbox\"\n\nexport { Checkbox }\n"]}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,2CAAsD;AACtD,6EAAsD;AACtD,qDAA8B;AAE9B,qCAAiC;AAGjC;;GAEG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAK/B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1C,OAAO,CACL,oBAAC,UAAU,CAAC,IAAI,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,SAAG,EACZ,qEAAqE,EACrE,SAAS,CACV;QAED,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,2JAA2J,EAC3J,6DAA6D,EAC7D,4DAA4D,EAC5D,4EAA4E,EAC5E,mHAAmH,EACnH,+HAA+H,CAChI;YAED,oBAAC,UAAU,CAAC,SAAS,QAClB,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC,oBAAC,iBAAS,OAAG,CAAC,CAAC,CAAC,oBAAC,iBAAS,OAAG,CACvC,CACnB,CACU,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAGO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA","sourcesContent":["\"use client\"\n\nimport { CheckMini, MinusMini } from \"@medusajs/icons\"\nimport * as Primitives from \"@radix-ui/react-checkbox\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { CheckboxCheckedState } from \"./types\"\n\n/**\n * This component is based on the [Radix UI Checkbox](https://www.radix-ui.com/primitives/docs/components/checkbox) primitive.\n */\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof Primitives.Root>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Root> & {\n    checked?: CheckboxCheckedState | undefined\n  }\n>(({ className, checked, ...props }, ref) => {\n  return (\n    <Primitives.Root\n      {...props}\n      ref={ref}\n      checked={checked}\n      className={clx(\n        \"group inline-flex h-5 w-5 items-center justify-center outline-none \",\n        className\n      )}\n    >\n      <div\n        className={clx(\n          \"text-ui-fg-on-inverted bg-ui-bg-base shadow-borders-base [&_path]:shadow-details-contrast-on-bg-interactive transition-fg h-[15px] w-[15px] rounded-[3px]\",\n          \"group-disabled:cursor-not-allowed group-disabled:opacity-50\",\n          \"group-focus-visible:!shadow-borders-interactive-with-focus\",\n          \"group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover\",\n          \"group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow\",\n          \"group-data-[state=indeterminate]:bg-ui-bg-interactive group-data-[state=indeterminate]:shadow-borders-interactive-with-shadow\"\n        )}\n      >\n        <Primitives.Indicator>\n          {checked === \"indeterminate\" ? <MinusMini /> : <CheckMini />}\n        </Primitives.Indicator>\n      </div>\n    </Primitives.Root>\n  )\n})\nCheckbox.displayName = \"Checkbox\"\n\nexport { Checkbox }\n"]}

package/dist/cjs/components/checkbox/types.d.ts

@@ -1,3 +1,3 @@
-import type { Checkbox } from "radix-ui";
-export type CheckboxCheckedState = Checkbox.CheckedState;
+import { CheckedState } from "@radix-ui/react-checkbox";
+export type CheckboxCheckedState = CheckedState;
 //# sourceMappingURL=types.d.ts.map

package/dist/cjs/components/checkbox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,YAAY,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAA"}

package/dist/cjs/components/checkbox/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/checkbox/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Checkbox } from \"radix-ui\"\n\nexport type CheckboxCheckedState = Checkbox.CheckedState\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/checkbox/types.ts"],"names":[],"mappings":"","sourcesContent":["import { CheckedState } from \"@radix-ui/react-checkbox\"\n\nexport type CheckboxCheckedState = CheckedState\n"]}

package/dist/cjs/components/command-bar/command-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/command-bar/command-bar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,eAAgB,SAAQ,KAAK,CAAC,iBAAiB;IACvD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAmHD,UAAU,YACR,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EACxC,UAAU,GAAG,SAAS,CACvB;IACD,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AA2ED,QAAA,MAAM,UAAU;uEA/Kb,eAAe;;;;;;;CAoLhB,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"command-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/command-bar/command-bar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,eAAgB,SAAQ,KAAK,CAAC,iBAAiB;IACvD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAmHD,UAAU,YACR,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EACxC,UAAU,GAAG,SAAS,CACvB;IACD,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAuED,QAAA,MAAM,UAAU;uEA3Kb,eAAe;;;;;;;CAgLhB,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/cjs/components/command-bar/command-bar.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CommandBar = void 0;
 const tslib_1 = require("tslib");
-const radix_ui_1 = require("radix-ui");
+const Popover = tslib_1.__importStar(require("@radix-ui/react-popover"));
+const Portal = tslib_1.__importStar(require("@radix-ui/react-portal"));
 const React = tslib_1.__importStar(require("react"));
 const kbd_1 = require("../kbd");
 const clx_1 = require("../../utils/clx");
-const is_input_element_1 = require("../../utils/is-input-element");
 /**
  * The root component of the command bar. This component manages the state of the command bar.
  */
@@ -28,11 +28,11 @@ defaultOpen = false,
  * Whether to disable focusing automatically on the command bar when it's opened.
  */
 disableAutoFocus = true, children, }) => {
-    return (React.createElement(radix_ui_1.Popover.Root, { open: open, onOpenChange: onOpenChange, defaultOpen: defaultOpen },
-        React.createElement(radix_ui_1.Portal.Root, null,
-            React.createElement(radix_ui_1.Popover.Anchor, { className: (0, clx_1.clx)("fixed bottom-8 left-1/2 h-px w-px -translate-x-1/2") })),
-        React.createElement(radix_ui_1.Popover.Portal, null,
-            React.createElement(radix_ui_1.Popover.Content, { side: "top", sideOffset: 0, onOpenAutoFocus: (e) => {
+    return (React.createElement(Popover.Root, { open: open, onOpenChange: onOpenChange, defaultOpen: defaultOpen },
+        React.createElement(Portal.Root, null,
+            React.createElement(Popover.Anchor, { className: (0, clx_1.clx)("fixed bottom-8 left-1/2 h-px w-px -translate-x-1/2") })),
+        React.createElement(Popover.Portal, null,
+            React.createElement(Popover.Content, { side: "top", sideOffset: 0, onOpenAutoFocus: (e) => {
                     if (disableAutoFocus) {
                         e.preventDefault();
                     }
@@ -83,9 +83,6 @@ action,
 shortcut, disabled, ...props }, ref) => {
     React.useEffect(() => {
         const handleKeyDown = (event) => {
-            if ((0, is_input_element_1.isInputElement)(document.activeElement)) {
-                return;
-            }
             if (event.key.toLowerCase() === shortcut.toLowerCase()) {
                 event.preventDefault();
                 event.stopPropagation();

package/dist/cjs/components/command-bar/command-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"command-bar.js","sourceRoot":"","sources":["../../../../src/components/command-bar/command-bar.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,uCAA0C;AAC1C,qDAA8B;AAE9B,0CAAsC;AACtC,qCAAiC;AACjC,+DAAyD;AASzD;;GAEG;AACH,MAAM,IAAI,GAAG,CAAC;AACZ;;GAEG;AACH,IAAI,GAAG,KAAK;AACZ;;GAEG;AACH,YAAY;AACZ;;GAEG;AACH,WAAW,GAAG,KAAK;AACnB;;GAEG;AACH,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GACQ,EAAE,EAAE;IACpB,OAAO,CACL,oBAAC,kBAAO,CAAC,IAAI,IACX,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW;QAExB,oBAAC,iBAAM,CAAC,IAAI;YACV,oBAAC,kBAAO,CAAC,MAAM,IACb,SAAS,EAAE,IAAA,SAAG,EAAC,oDAAoD,CAAC,GACpE,CACU;QACd,oBAAC,kBAAO,CAAC,MAAM;YACb,oBAAC,kBAAO,CAAC,OAAO,IACd,IAAI,EAAC,KAAK,EACV,UAAU,EAAE,CAAC,EACb,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;oBACrB,IAAI,gBAAgB,EAAE,CAAC;wBACrB,CAAC,CAAC,cAAc,EAAE,CAAA;oBACpB,CAAC;gBACH,CAAC,EACD,SAAS,EAAE,IAAA,SAAG,EACZ,kVAAkV,CACnV,IAEA,QAAQ,CACO,CACH,CACJ,CAChB,CAAA;AACH,CAAC,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,YAAY,CAAA;AAE/B;;;GAGG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,kEAAkE,EAClE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEtC;;GAEG;AACH,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAG1B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,qFAAqF,EACrF,4HAA4H,EAC5H,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,GAAG,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAElC;;GAEG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,sCAAsC,EAAE,SAAS,CAAC,KAC7D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAY9C;;GAEG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,CACE,EACE,SAAS;AACT;;GAEG;AACH,IAAI,GAAG,QAAQ;AACf;;GAEG;AACH,KAAK;AACL;;GAEG;AACH,MAAM;AACN;;GAEG;AACH,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACK,EACf,GAAG,EACH,EAAE;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,IAAA,iCAAc,EAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;gBAC3C,OAAM;YACR,CAAC;YAED,IAAI,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,QAAQ,CAAC,WAAW,EAAE,EAAE,CAAC;gBACvD,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,KAAK,CAAC,eAAe,EAAE,CAAA;gBACvB,MAAM,EAAE,CAAA;YACV,CAAC;QACH,CAAC,CAAA;QAED,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACrD,CAAC;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACxD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEhC,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,4IAA4I,EAC5I,mRAAmR,EACnR,sCAAsC,EACtC,SAAS,CACV,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,KACX,KAAK;QAET,kCAAO,KAAK,CAAQ;QACpB,oBAAC,SAAG,IAAC,SAAS,EAAC,uFAAuF,IACnG,QAAQ,CAAC,WAAW,EAAE,CACnB,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAE1C,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IACrC,OAAO;IACP,KAAK;IACL,GAAG;IACH,SAAS;CACV,CAAC,CAAA;AAEO,gCAAU","sourcesContent":["\"use client\"\n\nimport { Popover, Portal } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Kbd } from \"@/components/kbd\"\nimport { clx } from \"@/utils/clx\"\nimport { isInputElement } from \"@/utils/is-input-element\"\n\ninterface CommandBarProps extends React.PropsWithChildren {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  defaultOpen?: boolean\n  disableAutoFocus?: boolean\n}\n\n/**\n * The root component of the command bar. This component manages the state of the command bar.\n */\nconst Root = ({\n  /**\n   * Whether to open (show) the command bar.\n   */\n  open = false,\n  /**\n   * Specify a function to handle the change of `open`'s value.\n   */\n  onOpenChange,\n  /**\n   * Whether the command bar is open by default.\n   */\n  defaultOpen = false,\n  /**\n   * Whether to disable focusing automatically on the command bar when it's opened.\n   */\n  disableAutoFocus = true,\n  children,\n}: CommandBarProps) => {\n  return (\n    <Popover.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      defaultOpen={defaultOpen}\n    >\n      <Portal.Root>\n        <Popover.Anchor\n          className={clx(\"fixed bottom-8 left-1/2 h-px w-px -translate-x-1/2\")}\n        />\n      </Portal.Root>\n      <Popover.Portal>\n        <Popover.Content\n          side=\"top\"\n          sideOffset={0}\n          onOpenAutoFocus={(e) => {\n            if (disableAutoFocus) {\n              e.preventDefault()\n            }\n          }}\n          className={clx(\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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        >\n          {children}\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  )\n}\nRoot.displayName = \"CommandBar\"\n\n/**\n * The value component of the command bar. This component is used to display a value,\n * such as the number of selected items which the commands will act on.\n */\nconst Value = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"txt-compact-small-plus text-ui-contrast-fg-secondary px-3 py-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nValue.displayName = \"CommandBar.Value\"\n\n/**\n * The bar component of the command bar. This component is used to display the commands.\n */\nconst Bar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"bg-ui-contrast-bg-base relative flex items-center overflow-hidden rounded-full px-1\",\n        \"after:shadow-elevation-flyout after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:content-['']\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nBar.displayName = \"CommandBar.Bar\"\n\n/**\n * The seperator component of the command bar. This component is used to display a seperator between commands.\n */\nconst Seperator = React.forwardRef<\n  HTMLDivElement,\n  Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\"bg-ui-contrast-border-base h-10 w-px\", className)}\n      {...props}\n    />\n  )\n})\nSeperator.displayName = \"CommandBar.Seperator\"\n\ninterface CommandProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<\"button\">,\n    \"children\" | \"onClick\"\n  > {\n  action: () => void | Promise<void>\n  label: string\n  shortcut: string\n}\n\n/**\n * The command component of the command bar. This component is used to display a command, as well as registering the keyboad shortcut.\n */\nconst Command = React.forwardRef<HTMLButtonElement, CommandProps>(\n  (\n    {\n      className,\n      /**\n       * @ignore\n       */\n      type = \"button\",\n      /**\n       * The command's label.\n       */\n      label,\n      /**\n       * The function to execute when the command is triggered.\n       */\n      action,\n      /**\n       * The command's shortcut\n       */\n      shortcut,\n      disabled,\n      ...props\n    }: CommandProps,\n    ref\n  ) => {\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (isInputElement(document.activeElement)) {\n          return\n        }\n\n        if (event.key.toLowerCase() === shortcut.toLowerCase()) {\n          event.preventDefault()\n          event.stopPropagation()\n          action()\n        }\n      }\n\n      if (!disabled) {\n        document.addEventListener(\"keydown\", handleKeyDown)\n      }\n\n      return () => {\n        document.removeEventListener(\"keydown\", handleKeyDown)\n      }\n    }, [action, shortcut, disabled])\n\n    return (\n      <button\n        ref={ref}\n        className={clx(\n          \"bg-ui-contrast-bg-base txt-compact-small-plus transition-fg text-ui-contrast-fg-primary flex items-center gap-x-2 px-3 py-2.5 outline-none\",\n          \"focus-visible:bg-ui-contrast-bg-highlight focus-visible:hover:bg-ui-contrast-bg-base-hover hover:bg-ui-contrast-bg-base-hover active:bg-ui-contrast-bg-base-pressed focus-visible:active:bg-ui-contrast-bg-base-pressed disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled\",\n          \"last-of-type:-mr-1 last-of-type:pr-4\",\n          className\n        )}\n        type={type}\n        onClick={action}\n        {...props}\n      >\n        <span>{label}</span>\n        <Kbd className=\"bg-ui-contrast-bg-subtle border-ui-contrast-border-base text-ui-contrast-fg-secondary\">\n          {shortcut.toUpperCase()}\n        </Kbd>\n      </button>\n    )\n  }\n)\nCommand.displayName = \"CommandBar.Command\"\n\nconst CommandBar = Object.assign(Root, {\n  Command,\n  Value,\n  Bar,\n  Seperator,\n})\n\nexport { CommandBar }\n"]}
+{"version":3,"file":"command-bar.js","sourceRoot":"","sources":["../../../../src/components/command-bar/command-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as Popover from \"@radix-ui/react-popover\"\nimport * as Portal from \"@radix-ui/react-portal\"\nimport * as React from \"react\"\n\nimport { Kbd } from \"@/components/kbd\"\nimport { clx } from \"@/utils/clx\"\n\ninterface CommandBarProps extends React.PropsWithChildren {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  defaultOpen?: boolean\n  disableAutoFocus?: boolean\n}\n\n/**\n * The root component of the command bar. This component manages the state of the command bar.\n */\nconst Root = ({\n  /**\n   * Whether to open (show) the command bar.\n   */\n  open = false,\n  /**\n   * Specify a function to handle the change of `open`'s value.\n   */\n  onOpenChange,\n  /**\n   * Whether the command bar is open by default.\n   */\n  defaultOpen = false,\n  /**\n   * Whether to disable focusing automatically on the command bar when it's opened.\n   */\n  disableAutoFocus = true,\n  children,\n}: CommandBarProps) => {\n  return (\n    <Popover.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      defaultOpen={defaultOpen}\n    >\n      <Portal.Root>\n        <Popover.Anchor\n          className={clx(\"fixed bottom-8 left-1/2 h-px w-px -translate-x-1/2\")}\n        />\n      </Portal.Root>\n      <Popover.Portal>\n        <Popover.Content\n          side=\"top\"\n          sideOffset={0}\n          onOpenAutoFocus={(e) => {\n            if (disableAutoFocus) {\n              e.preventDefault()\n            }\n          }}\n          className={clx(\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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        >\n          {children}\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  )\n}\nRoot.displayName = \"CommandBar\"\n\n/**\n * The value component of the command bar. This component is used to display a value,\n * such as the number of selected items which the commands will act on.\n */\nconst Value = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"txt-compact-small-plus text-ui-contrast-fg-secondary px-3 py-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nValue.displayName = \"CommandBar.Value\"\n\n/**\n * The bar component of the command bar. This component is used to display the commands.\n */\nconst Bar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"bg-ui-contrast-bg-base relative flex items-center overflow-hidden rounded-full px-1\",\n        \"after:shadow-elevation-flyout after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:content-['']\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nBar.displayName = \"CommandBar.Bar\"\n\n/**\n * The seperator component of the command bar. This component is used to display a seperator between commands.\n */\nconst Seperator = React.forwardRef<\n  HTMLDivElement,\n  Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\"bg-ui-contrast-border-base h-10 w-px\", className)}\n      {...props}\n    />\n  )\n})\nSeperator.displayName = \"CommandBar.Seperator\"\n\ninterface CommandProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<\"button\">,\n    \"children\" | \"onClick\"\n  > {\n  action: () => void | Promise<void>\n  label: string\n  shortcut: string\n}\n\n/**\n * The command component of the command bar. This component is used to display a command, as well as registering the keyboad shortcut.\n */\nconst Command = React.forwardRef<HTMLButtonElement, CommandProps>(\n  (\n    {\n      className,\n      /**\n       * @ignore\n       */\n      type = \"button\",\n      /**\n       * The command's label.\n       */\n      label,\n      /**\n       * The function to execute when the command is triggered.\n       */\n      action,\n      /**\n       * The command's shortcut\n       */\n      shortcut,\n      disabled,\n      ...props\n    }: CommandProps,\n    ref\n  ) => {\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key.toLowerCase() === shortcut.toLowerCase()) {\n          event.preventDefault()\n          event.stopPropagation()\n          action()\n        }\n      }\n\n      if (!disabled) {\n        document.addEventListener(\"keydown\", handleKeyDown)\n      }\n\n      return () => {\n        document.removeEventListener(\"keydown\", handleKeyDown)\n      }\n    }, [action, shortcut, disabled])\n\n    return (\n      <button\n        ref={ref}\n        className={clx(\n          \"bg-ui-contrast-bg-base txt-compact-small-plus transition-fg text-ui-contrast-fg-primary flex items-center gap-x-2 px-3 py-2.5 outline-none\",\n          \"focus-visible:bg-ui-contrast-bg-highlight focus-visible:hover:bg-ui-contrast-bg-base-hover hover:bg-ui-contrast-bg-base-hover active:bg-ui-contrast-bg-base-pressed focus-visible:active:bg-ui-contrast-bg-base-pressed disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled\",\n          \"last-of-type:-mr-1 last-of-type:pr-4\",\n          className\n        )}\n        type={type}\n        onClick={action}\n        {...props}\n      >\n        <span>{label}</span>\n        <Kbd className=\"bg-ui-contrast-bg-subtle border-ui-contrast-border-base text-ui-contrast-fg-secondary\">\n          {shortcut.toUpperCase()}\n        </Kbd>\n      </button>\n    )\n  }\n)\nCommand.displayName = \"CommandBar.Command\"\n\nconst CommandBar = Object.assign(Root, {\n  Command,\n  Value,\n  Bar,\n  Seperator,\n})\n\nexport { CommandBar }\n"]}

package/dist/cjs/components/copy/copy.js

@@ -6,8 +6,8 @@ const tslib_1 = require("tslib");
 const tooltip_1 = require("../tooltip");
 const clx_1 = require("../../utils/clx");
 const icons_1 = require("@medusajs/icons");
+const react_slot_1 = require("@radix-ui/react-slot");
 const copy_to_clipboard_1 = tslib_1.__importDefault(require("copy-to-clipboard"));
-const radix_ui_1 = require("radix-ui");
 const react_1 = tslib_1.__importStar(require("react"));
 /**
  * This component is based on the `button` element and supports all of its props
@@ -50,7 +50,7 @@ asChild = false, ...props }, ref) => {
         return variant === "default";
     };
     const isDefault = isDefaultVariant(variant);
-    const Component = asChild ? radix_ui_1.Slot.Root : "button";
+    const Component = asChild ? react_slot_1.Slot : "button";
     return (react_1.default.createElement(tooltip_1.Tooltip, { content: text, open: done || open, onOpenChange: setOpen },
         react_1.default.createElement(Component, { ref: ref, "aria-label": "Copy code snippet", type: "button", className: (0, clx_1.clx)("h-fit w-fit", className), onClick: copyToClipboard, ...props }, children ? (children) : done ? (isDefault ? (react_1.default.createElement(icons_1.CheckCircleSolid, { className: "text-ui-fg-subtle" })) : (react_1.default.createElement(icons_1.CheckCircleMiniSolid, { className: "text-ui-fg-subtle" }))) : isDefault ? (react_1.default.createElement(icons_1.SquareTwoStack, { className: "text-ui-fg-subtle" })) : (react_1.default.createElement(icons_1.SquareTwoStackMini, { className: "text-ui-fg-subtle" })))));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"copy.js","sourceRoot":"","sources":["../../../../src/components/copy/copy.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,kDAA8C;AAC9C,qCAAiC;AACjC,2CAKwB;AACxB,kFAAoC;AACpC,uCAA+B;AAC/B,uDAAuC;AAQvC;;GAEG;AACH,MAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAC3B,CACE,EACE,QAAQ,EACR,SAAS;AACT;;GAEG;AACH,OAAO;AACP;;GAEG;AACH,OAAO,GAAG,SAAS;AACnB;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACE,EACZ,GAAG,EACH,EAAE;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAA;IAExC,MAAM,eAAe,GAAG,CACtB,CAEmD,EACnD,EAAE;QACF,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,OAAO,CAAC,IAAI,CAAC,CAAA;QACb,IAAA,2BAAI,EAAC,OAAO,CAAC,CAAA;QAEb,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,CAAA;IAED,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,CAAC,QAAQ,CAAC,CAAA;YACjB,OAAM;QACR,CAAC;QAED,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,CAAC,MAAM,CAAC,CAAA;QACjB,CAAC,EAAE,GAAG,CAAC,CAAA;IACT,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,gBAAgB,GAAG,CACvB,OAAuB,EACD,EAAE;QACxB,OAAO,OAAO,KAAK,SAAS,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAE3C,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,eAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEhD,OAAO,CACL,8BAAC,iBAAO,IAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,YAAY,EAAE,OAAO;QAC/D,8BAAC,SAAS,IACR,GAAG,EAAE,GAAG,gBACG,mBAAmB,EAC9B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,SAAG,EACZ,aAAa,EACb,SAAS,CACV,EACD,OAAO,EAAE,eAAe,KACpB,KAAK,IAER,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,SAAS,CAAC,CAAC,CAAC,CACV,8BAAC,wBAAgB,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACnD,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAoB,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACvD,CACF,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,8BAAC,sBAAc,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACjD,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAkB,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACrD,CACS,CACJ,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA","sourcesContent":["\"use client\"\n\nimport { Tooltip } from \"@/components/tooltip\"\nimport { clx } from \"@/utils/clx\"\nimport {\n  CheckCircleMiniSolid,\n  CheckCircleSolid,\n  SquareTwoStack,\n  SquareTwoStackMini,\n} from \"@medusajs/icons\"\nimport copy from \"copy-to-clipboard\"\nimport { Slot } from \"radix-ui\"\nimport React, { useState } from \"react\"\n\ntype CopyProps = React.HTMLAttributes<HTMLButtonElement> & {\n  content: string\n  variant?: \"mini\" | \"default\" | null\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `button` element and supports all of its props\n */\nconst Copy = React.forwardRef<HTMLButtonElement, CopyProps>(\n  (\n    {\n      children,\n      className,\n      /**\n       * The content to copy.\n       */\n      content,\n      /**\n       * The variant of the copy button.\n       */\n      variant = \"default\",\n      /**\n       * Whether to remove the wrapper `button` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      ...props\n    }: CopyProps,\n    ref\n  ) => {\n    const [done, setDone] = useState(false)\n    const [open, setOpen] = useState(false)\n    const [text, setText] = useState(\"Copy\")\n\n    const copyToClipboard = (\n      e:\n        | React.MouseEvent<HTMLElement, MouseEvent>\n        | React.MouseEvent<HTMLButtonElement, MouseEvent>\n    ) => {\n      e.stopPropagation()\n\n      setDone(true)\n      copy(content)\n\n      setTimeout(() => {\n        setDone(false)\n      }, 2000)\n    }\n\n    React.useEffect(() => {\n      if (done) {\n        setText(\"Copied\")\n        return\n      }\n\n      setTimeout(() => {\n        setText(\"Copy\")\n      }, 500)\n    }, [done])\n\n    const isDefaultVariant = (\n      variant?: string | null\n    ): variant is \"default\" => {\n      return variant === \"default\"\n    }\n\n    const isDefault = isDefaultVariant(variant)\n\n    const Component = asChild ? Slot.Root : \"button\"\n\n    return (\n      <Tooltip content={text} open={done || open} onOpenChange={setOpen}>\n        <Component\n          ref={ref}\n          aria-label=\"Copy code snippet\"\n          type=\"button\"\n          className={clx(\n            \"h-fit w-fit\",\n            className\n          )}\n          onClick={copyToClipboard}\n          {...props}\n        >\n          {children ? (\n            children\n          ) : done ? (\n            isDefault ? (\n              <CheckCircleSolid className=\"text-ui-fg-subtle\" />\n            ) : (\n              <CheckCircleMiniSolid className=\"text-ui-fg-subtle\" />\n            )\n          ) : isDefault ? (\n            <SquareTwoStack className=\"text-ui-fg-subtle\" />\n          ) : (\n            <SquareTwoStackMini className=\"text-ui-fg-subtle\" />\n          )}\n        </Component>\n      </Tooltip>\n    )\n  }\n)\nCopy.displayName = \"Copy\"\n\nexport { Copy }\n"]}
+{"version":3,"file":"copy.js","sourceRoot":"","sources":["../../../../src/components/copy/copy.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,kDAA8C;AAC9C,qCAAiC;AACjC,2CAKwB;AACxB,qDAA2C;AAC3C,kFAAoC;AACpC,uDAAuC;AAQvC;;GAEG;AACH,MAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAC3B,CACE,EACE,QAAQ,EACR,SAAS;AACT;;GAEG;AACH,OAAO;AACP;;GAEG;AACH,OAAO,GAAG,SAAS;AACnB;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACE,EACZ,GAAG,EACH,EAAE;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAA;IAExC,MAAM,eAAe,GAAG,CACtB,CAEmD,EACnD,EAAE;QACF,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,OAAO,CAAC,IAAI,CAAC,CAAA;QACb,IAAA,2BAAI,EAAC,OAAO,CAAC,CAAA;QAEb,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,CAAA;IAED,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,CAAC,QAAQ,CAAC,CAAA;YACjB,OAAM;QACR,CAAC;QAED,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,CAAC,MAAM,CAAC,CAAA;QACjB,CAAC,EAAE,GAAG,CAAC,CAAA;IACT,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,gBAAgB,GAAG,CACvB,OAAuB,EACD,EAAE;QACxB,OAAO,OAAO,KAAK,SAAS,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAE3C,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE3C,OAAO,CACL,8BAAC,iBAAO,IAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,YAAY,EAAE,OAAO;QAC/D,8BAAC,SAAS,IACR,GAAG,EAAE,GAAG,gBACG,mBAAmB,EAC9B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,SAAG,EACZ,aAAa,EACb,SAAS,CACV,EACD,OAAO,EAAE,eAAe,KACpB,KAAK,IAER,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,SAAS,CAAC,CAAC,CAAC,CACV,8BAAC,wBAAgB,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACnD,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAoB,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACvD,CACF,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,8BAAC,sBAAc,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACjD,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAkB,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACrD,CACS,CACJ,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA","sourcesContent":["\"use client\"\n\nimport { Tooltip } from \"@/components/tooltip\"\nimport { clx } from \"@/utils/clx\"\nimport {\n  CheckCircleMiniSolid,\n  CheckCircleSolid,\n  SquareTwoStack,\n  SquareTwoStackMini,\n} from \"@medusajs/icons\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport copy from \"copy-to-clipboard\"\nimport React, { useState } from \"react\"\n\ntype CopyProps = React.HTMLAttributes<HTMLButtonElement> & {\n  content: string\n  variant?: \"mini\" | \"default\" | null\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `button` element and supports all of its props\n */\nconst Copy = React.forwardRef<HTMLButtonElement, CopyProps>(\n  (\n    {\n      children,\n      className,\n      /**\n       * The content to copy.\n       */\n      content,\n      /**\n       * The variant of the copy button.\n       */\n      variant = \"default\",\n      /**\n       * Whether to remove the wrapper `button` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      ...props\n    }: CopyProps,\n    ref\n  ) => {\n    const [done, setDone] = useState(false)\n    const [open, setOpen] = useState(false)\n    const [text, setText] = useState(\"Copy\")\n\n    const copyToClipboard = (\n      e:\n        | React.MouseEvent<HTMLElement, MouseEvent>\n        | React.MouseEvent<HTMLButtonElement, MouseEvent>\n    ) => {\n      e.stopPropagation()\n\n      setDone(true)\n      copy(content)\n\n      setTimeout(() => {\n        setDone(false)\n      }, 2000)\n    }\n\n    React.useEffect(() => {\n      if (done) {\n        setText(\"Copied\")\n        return\n      }\n\n      setTimeout(() => {\n        setText(\"Copy\")\n      }, 500)\n    }, [done])\n\n    const isDefaultVariant = (\n      variant?: string | null\n    ): variant is \"default\" => {\n      return variant === \"default\"\n    }\n\n    const isDefault = isDefaultVariant(variant)\n\n    const Component = asChild ? Slot : \"button\"\n\n    return (\n      <Tooltip content={text} open={done || open} onOpenChange={setOpen}>\n        <Component\n          ref={ref}\n          aria-label=\"Copy code snippet\"\n          type=\"button\"\n          className={clx(\n            \"h-fit w-fit\",\n            className\n          )}\n          onClick={copyToClipboard}\n          {...props}\n        >\n          {children ? (\n            children\n          ) : done ? (\n            isDefault ? (\n              <CheckCircleSolid className=\"text-ui-fg-subtle\" />\n            ) : (\n              <CheckCircleMiniSolid className=\"text-ui-fg-subtle\" />\n            )\n          ) : isDefault ? (\n            <SquareTwoStack className=\"text-ui-fg-subtle\" />\n          ) : (\n            <SquareTwoStackMini className=\"text-ui-fg-subtle\" />\n          )}\n        </Component>\n      </Tooltip>\n    )\n  }\n)\nCopy.displayName = \"Copy\"\n\nexport { Copy }\n"]}

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

@@ -1,12 +1,12 @@
-import { Dialog as RadixDialog } from "radix-ui";
+import * as DrawerPrimitives from "@radix-ui/react-dialog";
 import * as React from "react";
-interface DrawerRootProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Root> {
+interface DrawerRootProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Root> {
 }
-interface DrawerTriggerProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Trigger> {
+interface DrawerTriggerProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Trigger> {
 }
-interface DrawerCloseProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Close> {
+interface DrawerCloseProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Close> {
 }
-interface DrawerPortalProps extends RadixDialog.DialogPortalProps {
+interface DrawerPortalProps extends DrawerPrimitives.DialogPortalProps {
 }
 /**
  * The `Drawer.Content` component uses this component to wrap the drawer content.
@@ -16,14 +16,14 @@ declare const DrawerPortal: {
     (props: DrawerPortalProps): React.JSX.Element;
     displayName: string;
 };
-interface DrawerOverlayProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay> {
+interface DrawerOverlayProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Overlay> {
 }
 /**
  * This component is used to create the overlay for the drawer.
  * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.
  */
 declare const DrawerOverlay: React.ForwardRefExoticComponent<DrawerOverlayProps & React.RefAttributes<HTMLDivElement>>;
-interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Content> {
+interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Content> {
     /**
      * Props for the overlay component.
      * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.
@@ -41,7 +41,7 @@ interface DrawerBodyProps extends React.ComponentPropsWithoutRef<"div"> {
 }
 interface DrawerFooterProps extends React.HTMLAttributes<HTMLDivElement> {
 }
-interface DrawerDescriptionProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Description> {
+interface DrawerDescriptionProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Description> {
 }
 declare const Drawer: {
     (props: DrawerRootProps): React.JSX.Element;
@@ -56,7 +56,7 @@ declare const Drawer: {
         displayName: string;
     };
     Header: React.ForwardRefExoticComponent<DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<RadixDialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Title: React.ForwardRefExoticComponent<DrawerPrimitives.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
     Trigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 };
 export { Drawer };

package/dist/cjs/components/drawer/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;CAAG;AAY5F,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;CAAG;AAgBlG,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC;CAAG;AAgB9F,UAAU,iBAAkB,SAAQ,WAAW,CAAC,iBAAiB;CAAG;AAEpE;;;GAGG;AACH,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAGD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;CAAG;AAElG;;;GAGG;AACH,QAAA,MAAM,aAAa,2FAejB,CAAA;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;IAC7F;;;MAGE;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAA;IACnE;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,CAAA;CAClE;AA2BD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AA8B5E,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAgB1E,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AA6B3E,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,WAAW,CAAC;CAAG;AAqB1G,QAAA,MAAM,MAAM;YA/MH,eAAe;;;;;;;;kCAsKrB,iBAAiB;;;;;;CAkDlB,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;CAAG;AAYjG,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;CAAG;AAgBvG,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC;CAAG;AAgBnG,UAAU,iBAAkB,SAAQ,gBAAgB,CAAC,iBAAiB;CAAG;AAEzE;;;GAGG;AACH,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAGD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;CAAG;AAEvG;;;GAGG;AACH,QAAA,MAAM,aAAa,2FAejB,CAAA;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IAClG;;;MAGE;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAA;IACnE;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,CAAA;CAClE;AA2BD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AA8B5E,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAgB1E,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AA6B3E,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,WAAW,CAAC;CAAG;AAqB/G,QAAA,MAAM,MAAM;YA/MH,eAAe;;;;;;;;kCAsKrB,iBAAiB;;;;;;CAkDlB,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}