@medusajs/ui 4.0.5-snapshot-20250127145424 → 4.0.5-snapshot-20250203091247

package/dist/esm/components/progress-tabs/progress-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-tabs.js","sourceRoot":"","sources":["../../../../src/components/progress-tabs/progress-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircleSolid,\n  CircleDottedLine,\n  CircleHalfSolid,\n} from \"@medusajs/icons\"\nimport * as ProgressTabsPrimitives from \"@radix-ui/react-tabs\"\nimport * as React from \"react\"\n\nimport { ProgressStatus } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves.\n *\n * @excludeExternal\n */\nconst ProgressTabsRoot = (props: ProgressTabsPrimitives.TabsProps) => {\n  return <ProgressTabsPrimitives.Root {...props} />\n}\nProgressTabsRoot.displayName = \"ProgressTabs\"\n\ninterface IndicatorProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"children\"> {\n  /**\n   * The current status.\n   */\n  status?: ProgressStatus\n}\n\nconst ProgressIndicator = ({ status, className, ...props }: IndicatorProps) => {\n  const Icon = React.useMemo(() => {\n    switch (status) {\n      case \"not-started\":\n        return CircleDottedLine\n      case \"in-progress\":\n        return CircleHalfSolid\n      case \"completed\":\n        return CheckCircleSolid\n      default:\n        return CircleDottedLine\n    }\n  }, [status])\n\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-muted group-data-[state=active]/trigger:text-ui-fg-interactive\",\n        className\n      )}\n      {...props}\n    >\n      <Icon />\n    </span>\n  )\n}\nProgressIndicator.displayName = \"ProgressTabs.ProgressIndicator\"\n\ninterface ProgressTabsTriggerProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof ProgressTabsPrimitives.Trigger>,\n    \"asChild\"\n  > {\n  status?: ProgressStatus\n}\n\nconst ProgressTabsTrigger = React.forwardRef<\n  React.ElementRef<typeof ProgressTabsPrimitives.Trigger>,\n  ProgressTabsTriggerProps\n>(\n  (\n    {\n      className,\n      children,\n      status = \"not-started\",\n      ...props\n    }: ProgressTabsTriggerProps,\n    ref\n  ) => (\n    <ProgressTabsPrimitives.Trigger\n      ref={ref}\n      className={clx(\n        \"txt-compact-small-plus transition-fg text-ui-fg-muted bg-ui-bg-subtle border-r-ui-border-base inline-flex h-[52px] w-full max-w-[200px] flex-1 items-center gap-x-2 border-r px-4 text-left outline-none\",\n        \"group/trigger overflow-hidden text-ellipsis whitespace-nowrap\",\n        \"disabled:bg-ui-bg-disabled disabled:text-ui-fg-muted\",\n        \"hover:bg-ui-bg-subtle-hover\",\n        \"focus-visible:bg-ui-bg-base focus:z-[1]\",\n        \"data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base\",\n        className\n      )}\n      {...props}\n    >\n      <ProgressIndicator status={status} />\n      {children}\n    </ProgressTabsPrimitives.Trigger>\n  )\n)\nProgressTabsTrigger.displayName = \"ProgressTabs.Trigger\"\n\nconst ProgressTabsList = React.forwardRef<\n  React.ElementRef<typeof ProgressTabsPrimitives.List>,\n  React.ComponentPropsWithoutRef<typeof ProgressTabsPrimitives.List>\n>(({ className, ...props }, ref) => (\n  <ProgressTabsPrimitives.List\n    ref={ref}\n    className={clx(\"flex items-center\", className)}\n    {...props}\n  />\n))\nProgressTabsList.displayName = \"ProgressTabs.List\"\n\nconst ProgressTabsContent = React.forwardRef<\n  React.ElementRef<typeof ProgressTabsPrimitives.Content>,\n  React.ComponentPropsWithoutRef<typeof ProgressTabsPrimitives.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <ProgressTabsPrimitives.Content\n      ref={ref}\n      className={clx(\"outline-none\", className)}\n      {...props}\n    />\n  )\n})\nProgressTabsContent.displayName = \"ProgressTabs.Content\"\n\nconst ProgressTabs = Object.assign(ProgressTabsRoot, {\n  Trigger: ProgressTabsTrigger,\n  List: ProgressTabsList,\n  Content: ProgressTabsContent,\n})\n\nexport { ProgressTabs }\n"]}
+{"version":3,"file":"progress-tabs.js","sourceRoot":"","sources":["../../../../src/components/progress-tabs/progress-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircleSolid,\n  CircleDottedLine,\n  CircleHalfSolid,\n} from \"@medusajs/icons\"\nimport { Tabs as RadixTabs } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { ProgressStatus } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves.\n *\n * @excludeExternal\n */\nconst ProgressTabsRoot = (props: RadixTabs.TabsProps) => {\n  return <RadixTabs.Root {...props} />\n}\nProgressTabsRoot.displayName = \"ProgressTabs\"\n\ninterface IndicatorProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"children\"> {\n  /**\n   * The current status.\n   */\n  status?: ProgressStatus\n}\n\nconst ProgressIndicator = ({ status, className, ...props }: IndicatorProps) => {\n  const Icon = React.useMemo(() => {\n    switch (status) {\n      case \"not-started\":\n        return CircleDottedLine\n      case \"in-progress\":\n        return CircleHalfSolid\n      case \"completed\":\n        return CheckCircleSolid\n      default:\n        return CircleDottedLine\n    }\n  }, [status])\n\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-muted group-data-[state=active]/trigger:text-ui-fg-interactive\",\n        className\n      )}\n      {...props}\n    >\n      <Icon />\n    </span>\n  )\n}\nProgressIndicator.displayName = \"ProgressTabs.ProgressIndicator\"\n\ninterface ProgressTabsTriggerProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>,\n    \"asChild\"\n  > {\n  status?: ProgressStatus\n}\n\nconst ProgressTabsTrigger = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.Trigger>,\n  ProgressTabsTriggerProps\n>(\n  (\n    {\n      className,\n      children,\n      status = \"not-started\",\n      ...props\n    }: ProgressTabsTriggerProps,\n    ref\n  ) => (\n    <RadixTabs.Trigger\n      ref={ref}\n      className={clx(\n        \"txt-compact-small-plus transition-fg text-ui-fg-muted bg-ui-bg-subtle border-r-ui-border-base inline-flex h-[52px] w-full max-w-[200px] flex-1 items-center gap-x-2 border-r px-4 text-left outline-none\",\n        \"group/trigger overflow-hidden text-ellipsis whitespace-nowrap\",\n        \"disabled:bg-ui-bg-disabled disabled:text-ui-fg-muted\",\n        \"hover:bg-ui-bg-subtle-hover\",\n        \"focus-visible:bg-ui-bg-base focus:z-[1]\",\n        \"data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base\",\n        className\n      )}\n      {...props}\n    >\n      <ProgressIndicator status={status} />\n      {children}\n    </RadixTabs.Trigger>\n  )\n)\nProgressTabsTrigger.displayName = \"ProgressTabs.Trigger\"\n\nconst ProgressTabsList = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.List>,\n  React.ComponentPropsWithoutRef<typeof RadixTabs.List>\n>(({ className, ...props }, ref) => (\n  <RadixTabs.List\n    ref={ref}\n    className={clx(\"flex items-center\", className)}\n    {...props}\n  />\n))\nProgressTabsList.displayName = \"ProgressTabs.List\"\n\nconst ProgressTabsContent = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixTabs.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixTabs.Content\n      ref={ref}\n      className={clx(\"outline-none\", className)}\n      {...props}\n    />\n  )\n})\nProgressTabsContent.displayName = \"ProgressTabs.Content\"\n\nconst ProgressTabs = Object.assign(ProgressTabsRoot, {\n  Trigger: ProgressTabsTrigger,\n  List: ProgressTabsList,\n  Content: ProgressTabsContent,\n})\n\nexport { ProgressTabs }\n"]}

package/dist/esm/components/prompt/prompt.d.ts

@@ -1,18 +1,18 @@
-import * as Primitives from "@radix-ui/react-alert-dialog";
+import { AlertDialog as RadixAlertDialog } from "radix-ui";
 import * as React from "react";
 type PromptVariant = "danger" | "confirmation";
 declare const Prompt: {
-    ({ variant, ...props }: React.ComponentPropsWithoutRef<typeof Primitives.Root> & {
+    ({ variant, ...props }: React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Root> & {
         variant?: PromptVariant;
     }): React.JSX.Element;
     displayName: string;
 } & {
-    Trigger: React.ForwardRefExoticComponent<Primitives.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<Primitives.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<Omit<Omit<Primitives.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref">, "asChild"> & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<Omit<Primitives.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    Action: React.ForwardRefExoticComponent<Omit<Omit<Primitives.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & React.RefAttributes<HTMLButtonElement>>;
-    Cancel: React.ForwardRefExoticComponent<Omit<Omit<Primitives.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & React.RefAttributes<HTMLButtonElement>>;
+    Trigger: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixAlertDialog.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref">, "asChild"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<RadixAlertDialog.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Action: React.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & React.RefAttributes<HTMLButtonElement>>;
+    Cancel: React.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & React.RefAttributes<HTMLButtonElement>>;
     Header: {
         ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
         displayName: string;

package/dist/esm/components/prompt/prompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAA;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,aAAa,GAAG,QAAQ,GAAG,cAAc,CAAA;AA2L9C,QAAA,MAAM,MAAM;4BAxJT,MAAM,wBAAwB,CAAC,OAAO,WAAW,IAAI,CAAC,GAAG;QAC1D,OAAO,CAAC,EAAE,aAAa,CAAA;KACxB;;;;;;;;;;kCA4HE,MAAM,cAAc,CAAC,cAAc,CAAC;;;;kCAgBpC,MAAM,cAAc,CAAC,cAAc,CAAC;;;CAmBrC,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,aAAa,GAAG,QAAQ,GAAG,cAAc,CAAA;AA2L9C,QAAA,MAAM,MAAM;4BAxJT,MAAM,wBAAwB,CAAC,OAAO,iBAAiB,IAAI,CAAC,GAAG;QAChE,OAAO,CAAC,EAAE,aAAa,CAAA;KACxB;;;;;;;;;;kCA4HE,MAAM,cAAc,CAAC,cAAc,CAAC;;;;kCAgBpC,MAAM,cAAc,CAAC,cAAc,CAAC;;;CAmBrC,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/esm/components/prompt/prompt.js

@@ -1,5 +1,5 @@
 "use client";
-import * as Primitives from "@radix-ui/react-alert-dialog";
+import { AlertDialog as RadixAlertDialog } from "radix-ui";
 import * as React from "react";
 import { Button } from "../button";
 import { Heading } from "../heading";
@@ -26,42 +26,42 @@ const Root = ({
  */
 variant = "danger", ...props }) => {
     return (React.createElement(PromptProvider, { variant: variant },
-        React.createElement(Primitives.Root, { ...props })));
+        React.createElement(RadixAlertDialog.Root, { ...props })));
 };
 Root.displayName = "Prompt";
-const Trigger = Primitives.Trigger;
+const Trigger = RadixAlertDialog.Trigger;
 Trigger.displayName = "Prompt.Trigger";
 const Portal = (props) => {
-    return React.createElement(Primitives.AlertDialogPortal, { ...props });
+    return React.createElement(RadixAlertDialog.AlertDialogPortal, { ...props });
 };
 Portal.displayName = "Prompt.Portal";
 const Overlay = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(Primitives.Overlay, { ref: ref, className: clx("bg-ui-bg-overlay fixed inset-0", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props }));
+    return (React.createElement(RadixAlertDialog.Overlay, { ref: ref, className: clx("bg-ui-bg-overlay fixed inset-0", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props }));
 });
 Overlay.displayName = "Prompt.Overlay";
 const Title = React.forwardRef(({ className, children, ...props }, ref) => {
-    return (React.createElement(Primitives.Title, { ref: ref, className: clx(className), ...props, asChild: true },
+    return (React.createElement(RadixAlertDialog.Title, { ref: ref, className: clx(className), ...props, asChild: true },
         React.createElement(Heading, { level: "h2", className: "text-ui-fg-base" }, children)));
 });
 Title.displayName = "Prompt.Title";
 const Content = React.forwardRef(({ className, ...props }, ref) => {
     return (React.createElement(Portal, null,
         React.createElement(Overlay, null),
-        React.createElement(Primitives.Content, { ref: ref, className: clx("bg-ui-bg-base shadow-elevation-flyout fixed left-[50%] top-[50%] flex w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] flex-col rounded-lg border focus-visible:outline-none", "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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] duration-200", className), ...props })));
+        React.createElement(RadixAlertDialog.Content, { ref: ref, className: clx("bg-ui-bg-base shadow-elevation-flyout fixed left-[50%] top-[50%] flex w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] flex-col rounded-lg border focus-visible:outline-none", "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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] duration-200", className), ...props })));
 });
 Content.displayName = "Prompt.Content";
 const Description = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(Primitives.Description, { ref: ref, className: clx("text-ui-fg-subtle txt-compact-medium", className), ...props }));
+    return (React.createElement(RadixAlertDialog.Description, { ref: ref, className: clx("text-ui-fg-subtle txt-compact-medium", className), ...props }));
 });
 Description.displayName = "Prompt.Description";
 const Action = React.forwardRef(({ className, children, type, ...props }, ref) => {
     const { variant } = usePromptContext();
-    return (React.createElement(Primitives.Action, { ref: ref, className: className, ...props, asChild: true },
+    return (React.createElement(RadixAlertDialog.Action, { ref: ref, className: className, ...props, asChild: true },
         React.createElement(Button, { size: "small", type: type, variant: variant === "danger" ? "danger" : "primary" }, children)));
 });
 Action.displayName = "Prompt.Action";
 const Cancel = React.forwardRef(({ className, children, ...props }, ref) => {
-    return (React.createElement(Primitives.Cancel, { ref: ref, className: clx(className), ...props, asChild: true },
+    return (React.createElement(RadixAlertDialog.Cancel, { ref: ref, className: clx(className), ...props, asChild: true },
         React.createElement(Button, { size: "small", variant: "secondary" }, children)));
 });
 Cancel.displayName = "Prompt.Cancel";

package/dist/esm/components/prompt/prompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-alert-dialog\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/button\"\nimport { Heading } from \"@/components/heading\"\nimport { clx } from \"@/utils/clx\"\n\ntype PromptVariant = \"danger\" | \"confirmation\"\n\nconst PromptContext = React.createContext<{ variant: PromptVariant }>({\n  variant: \"danger\",\n})\n\nconst usePromptContext = () => {\n  const context = React.useContext(PromptContext)\n  if (!context) {\n    throw new Error(\"usePromptContext must be used within a PromptProvider\")\n  }\n  return context\n}\n\ntype PromptProviderProps = React.PropsWithChildren<{\n  variant: PromptVariant\n}>\n\nconst PromptProvider = ({ variant, children }: PromptProviderProps) => {\n  return (\n    <PromptContext.Provider value={{ variant }}>\n      {children}\n    </PromptContext.Provider>\n  )\n}\n\n/**\n * This component is based on the [Radix UI Alert Dialog](https://www.radix-ui.com/primitives/docs/components/alert-dialog) primitives.\n */\nconst Root = ({\n  /**\n   * The variant of the prompt.\n   */\n  variant = \"danger\",\n  ...props\n}: React.ComponentPropsWithoutRef<typeof Primitives.Root> & {\n  variant?: PromptVariant\n}) => {\n  return (\n    <PromptProvider variant={variant}>\n      <Primitives.Root {...props} />\n    </PromptProvider>\n  )\n}\nRoot.displayName = \"Prompt\"\n\nconst Trigger = Primitives.Trigger\nTrigger.displayName = \"Prompt.Trigger\"\n\nconst Portal = (props: Primitives.AlertDialogPortalProps) => {\n  return <Primitives.AlertDialogPortal {...props} />\n}\nPortal.displayName = \"Prompt.Portal\"\n\nconst Overlay = React.forwardRef<\n  React.ElementRef<typeof Primitives.Overlay>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Overlay>\n>(({ className, ...props }, ref) => {\n  return (\n    <Primitives.Overlay\n      ref={ref}\n      className={clx(\n        \"bg-ui-bg-overlay fixed inset-0\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nOverlay.displayName = \"Prompt.Overlay\"\n\nconst Title = React.forwardRef<\n  React.ElementRef<typeof Primitives.Title>,\n  Omit<React.ComponentPropsWithoutRef<typeof Primitives.Title>, \"asChild\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <Primitives.Title ref={ref} className={clx(className)} {...props} asChild>\n      <Heading level=\"h2\" className=\"text-ui-fg-base\">\n        {children}\n      </Heading>\n    </Primitives.Title>\n  )\n})\nTitle.displayName = \"Prompt.Title\"\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof Primitives.Content>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <Portal>\n      <Overlay />\n      <Primitives.Content\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base shadow-elevation-flyout fixed left-[50%] top-[50%] flex w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] flex-col rounded-lg border focus-visible:outline-none\",\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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] duration-200\",\n          className\n        )}\n        {...props}\n      />\n    </Portal>\n  )\n})\nContent.displayName = \"Prompt.Content\"\n\nconst Description = React.forwardRef<\n  React.ElementRef<typeof Primitives.Description>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Description>\n>(({ className, ...props }, ref) => {\n  return (\n    <Primitives.Description\n      ref={ref}\n      className={clx(\"text-ui-fg-subtle txt-compact-medium\", className)}\n      {...props}\n    />\n  )\n})\nDescription.displayName = \"Prompt.Description\"\n\nconst Action = React.forwardRef<\n  React.ElementRef<typeof Primitives.Action>,\n  Omit<React.ComponentPropsWithoutRef<typeof Primitives.Action>, \"asChild\">\n>(({ className, children, type, ...props }, ref) => {\n  const { variant } = usePromptContext()\n\n  return (\n    <Primitives.Action ref={ref} className={className} {...props} asChild>\n      <Button\n        size=\"small\"\n        type={type}\n        variant={variant === \"danger\" ? \"danger\" : \"primary\"}\n      >\n        {children}\n      </Button>\n    </Primitives.Action>\n  )\n})\nAction.displayName = \"Prompt.Action\"\n\nconst Cancel = React.forwardRef<\n  React.ElementRef<typeof Primitives.Cancel>,\n  Omit<React.ComponentPropsWithoutRef<typeof Primitives.Cancel>, \"asChild\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <Primitives.Cancel ref={ref} className={clx(className)} {...props} asChild>\n      <Button size=\"small\" variant=\"secondary\">\n        {children}\n      </Button>\n    </Primitives.Cancel>\n  )\n})\nCancel.displayName = \"Prompt.Cancel\"\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Header = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={clx(\"flex flex-col gap-y-1 px-6 pt-6\", className)}\n      {...props}\n    />\n  )\n}\nHeader.displayName = \"Prompt.Header\"\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Footer = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={clx(\"flex items-center justify-end gap-x-2 p-6\", className)}\n      {...props}\n    />\n  )\n}\nFooter.displayName = \"Prompt.Footer\"\n\nconst Prompt = Object.assign(Root, {\n  Trigger,\n  Content,\n  Title,\n  Description,\n  Action,\n  Cancel,\n  Header,\n  Footer,\n})\n\nexport { Prompt }\n"]}
+{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { AlertDialog as RadixAlertDialog } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/button\"\nimport { Heading } from \"@/components/heading\"\nimport { clx } from \"@/utils/clx\"\n\ntype PromptVariant = \"danger\" | \"confirmation\"\n\nconst PromptContext = React.createContext<{ variant: PromptVariant }>({\n  variant: \"danger\",\n})\n\nconst usePromptContext = () => {\n  const context = React.useContext(PromptContext)\n  if (!context) {\n    throw new Error(\"usePromptContext must be used within a PromptProvider\")\n  }\n  return context\n}\n\ntype PromptProviderProps = React.PropsWithChildren<{\n  variant: PromptVariant\n}>\n\nconst PromptProvider = ({ variant, children }: PromptProviderProps) => {\n  return (\n    <PromptContext.Provider value={{ variant }}>\n      {children}\n    </PromptContext.Provider>\n  )\n}\n\n/**\n * This component is based on the [Radix UI Alert Dialog](https://www.radix-ui.com/primitives/docs/components/alert-dialog) primitives.\n */\nconst Root = ({\n  /**\n   * The variant of the prompt.\n   */\n  variant = \"danger\",\n  ...props\n}: React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Root> & {\n  variant?: PromptVariant\n}) => {\n  return (\n    <PromptProvider variant={variant}>\n      <RadixAlertDialog.Root {...props} />\n    </PromptProvider>\n  )\n}\nRoot.displayName = \"Prompt\"\n\nconst Trigger = RadixAlertDialog.Trigger\nTrigger.displayName = \"Prompt.Trigger\"\n\nconst Portal = (props: RadixAlertDialog.AlertDialogPortalProps) => {\n  return <RadixAlertDialog.AlertDialogPortal {...props} />\n}\nPortal.displayName = \"Prompt.Portal\"\n\nconst Overlay = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Overlay>,\n  React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Overlay>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAlertDialog.Overlay\n      ref={ref}\n      className={clx(\n        \"bg-ui-bg-overlay fixed inset-0\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nOverlay.displayName = \"Prompt.Overlay\"\n\nconst Title = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Title>,\n  Omit<React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Title>, \"asChild\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <RadixAlertDialog.Title ref={ref} className={clx(className)} {...props} asChild>\n      <Heading level=\"h2\" className=\"text-ui-fg-base\">\n        {children}\n      </Heading>\n    </RadixAlertDialog.Title>\n  )\n})\nTitle.displayName = \"Prompt.Title\"\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <Portal>\n      <Overlay />\n      <RadixAlertDialog.Content\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base shadow-elevation-flyout fixed left-[50%] top-[50%] flex w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] flex-col rounded-lg border focus-visible:outline-none\",\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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] duration-200\",\n          className\n        )}\n        {...props}\n      />\n    </Portal>\n  )\n})\nContent.displayName = \"Prompt.Content\"\n\nconst Description = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Description>,\n  React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Description>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAlertDialog.Description\n      ref={ref}\n      className={clx(\"text-ui-fg-subtle txt-compact-medium\", className)}\n      {...props}\n    />\n  )\n})\nDescription.displayName = \"Prompt.Description\"\n\nconst Action = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Action>,\n  Omit<React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Action>, \"asChild\">\n>(({ className, children, type, ...props }, ref) => {\n  const { variant } = usePromptContext()\n\n  return (\n    <RadixAlertDialog.Action ref={ref} className={className} {...props} asChild>\n      <Button\n        size=\"small\"\n        type={type}\n        variant={variant === \"danger\" ? \"danger\" : \"primary\"}\n      >\n        {children}\n      </Button>\n    </RadixAlertDialog.Action>\n  )\n})\nAction.displayName = \"Prompt.Action\"\n\nconst Cancel = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Cancel>,\n  Omit<React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Cancel>, \"asChild\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <RadixAlertDialog.Cancel ref={ref} className={clx(className)} {...props} asChild>\n      <Button size=\"small\" variant=\"secondary\">\n        {children}\n      </Button>\n    </RadixAlertDialog.Cancel>\n  )\n})\nCancel.displayName = \"Prompt.Cancel\"\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Header = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={clx(\"flex flex-col gap-y-1 px-6 pt-6\", className)}\n      {...props}\n    />\n  )\n}\nHeader.displayName = \"Prompt.Header\"\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Footer = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={clx(\"flex items-center justify-end gap-x-2 p-6\", className)}\n      {...props}\n    />\n  )\n}\nFooter.displayName = \"Prompt.Footer\"\n\nconst Prompt = Object.assign(Root, {\n  Trigger,\n  Content,\n  Title,\n  Description,\n  Action,\n  Cancel,\n  Header,\n  Footer,\n})\n\nexport { Prompt }\n"]}

package/dist/esm/components/radio-group/radio-group.d.ts

@@ -1,11 +1,11 @@
-import * as Primitives from "@radix-ui/react-radio-group";
+import { RadioGroup as RadixRadioGroup } from "radix-ui";
 import * as React from "react";
-interface ChoiceBoxProps extends React.ComponentPropsWithoutRef<typeof Primitives.Item> {
+interface ChoiceBoxProps extends React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Item> {
     label: string;
     description: string;
 }
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Primitives.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
-    Item: React.ForwardRefExoticComponent<Omit<Primitives.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadixRadioGroup.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<Omit<RadixRadioGroup.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     ChoiceBox: React.ForwardRefExoticComponent<ChoiceBoxProps & React.RefAttributes<HTMLButtonElement>>;
 };
 export { RadioGroup };

package/dist/esm/components/radio-group/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwE9B,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;CACpB;AA2DD,QAAA,MAAM,UAAU;;;CAA2C,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwE9B,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACnE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;CACpB;AA2DD,QAAA,MAAM,UAAU;;;CAA2C,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/esm/components/radio-group/radio-group.js

@@ -1,23 +1,23 @@
 "use client";
-import * as Primitives from "@radix-ui/react-radio-group";
+import { RadioGroup as RadixRadioGroup } from "radix-ui";
 import * as React from "react";
-import { clx } from "../../utils/clx";
 import { Hint } from "../hint";
 import { Label } from "../label";
+import { clx } from "../../utils/clx";
 /**
  * This component is based on the [Radix UI Radio Group](https://www.radix-ui.com/primitives/docs/components/radio-group) primitives.
  */
 const Root = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(Primitives.Root, { className: clx("grid gap-2", className), ...props, ref: ref }));
+    return (React.createElement(RadixRadioGroup.Root, { className: clx("grid gap-2", className), ...props, ref: ref }));
 });
 Root.displayName = "RadioGroup";
 const Indicator = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(Primitives.Indicator, { ref: ref, className: clx("flex items-center justify-center", className), ...props },
+    return (React.createElement(RadixRadioGroup.Indicator, { ref: ref, className: clx("flex items-center justify-center", className), ...props },
         React.createElement("div", { className: clx("bg-ui-bg-base shadow-details-contrast-on-bg-interactive h-1.5 w-1.5 rounded-full") })));
 });
 Indicator.displayName = "RadioGroup.Indicator";
 const Item = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(Primitives.Item, { ref: ref, className: clx("group relative flex h-5 w-5 items-center justify-center outline-none", className), ...props },
+    return (React.createElement(RadixRadioGroup.Item, { ref: ref, className: clx("group relative flex h-5 w-5 items-center justify-center outline-none", className), ...props },
         React.createElement("div", { className: clx("shadow-borders-base bg-ui-bg-base transition-fg flex h-[14px] w-[14px] items-center justify-center rounded-full", "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-focus-visible:!shadow-borders-interactive-with-focus", "group-disabled:cursor-not-allowed group-disabled:opacity-50") },
             React.createElement(Indicator, null))));
 });
@@ -28,7 +28,7 @@ const ChoiceBox = React.forwardRef(({ className, id, label, description, ...prop
         id = generatedId;
     }
     const descriptionId = `${id}-description`;
-    return (React.createElement(Primitives.Item, { ref: ref, className: clx("shadow-borders-base bg-ui-bg-base focus-visible:shadow-borders-interactive-with-focus transition-fg group flex items-start gap-x-2 rounded-lg p-3 outline-none", "hover:enabled:bg-ui-bg-base-hover", "data-[state=checked]:shadow-borders-interactive-with-shadow", "group-disabled:cursor-not-allowed group-disabled:opacity-50", className), ...props, id: id, "aria-describedby": descriptionId },
+    return (React.createElement(RadixRadioGroup.Item, { ref: ref, className: clx("shadow-borders-base bg-ui-bg-base focus-visible:shadow-borders-interactive-with-focus transition-fg group flex items-start gap-x-2 rounded-lg p-3 outline-none", "hover:enabled:bg-ui-bg-base-hover", "data-[state=checked]:shadow-borders-interactive-with-shadow", "group-disabled:cursor-not-allowed group-disabled:opacity-50", className), ...props, id: id, "aria-describedby": descriptionId },
         React.createElement("div", { className: "flex h-5 w-5 items-center justify-center" },
             React.createElement("div", { className: clx("shadow-borders-base bg-ui-bg-base group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow transition-fg flex h-3.5 w-3.5 items-center justify-center rounded-full", "group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover") },
                 React.createElement(Indicator, null))),

package/dist/esm/components/radio-group/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-radio-group\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { Hint } from \"../hint\"\nimport { Label } from \"../label\"\n\n/**\n * This component is based on the [Radix UI Radio Group](https://www.radix-ui.com/primitives/docs/components/radio-group) primitives.\n */\nconst Root = React.forwardRef<\n  React.ElementRef<typeof Primitives.Root>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <Primitives.Root\n      className={clx(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\nRoot.displayName = \"RadioGroup\"\n\nconst Indicator = React.forwardRef<\n  React.ElementRef<typeof Primitives.Indicator>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Indicator>\n>(({ className, ...props }, ref) => {\n  return (\n    <Primitives.Indicator\n      ref={ref}\n      className={clx(\"flex items-center justify-center\", className)}\n      {...props}\n    >\n      <div\n        className={clx(\n          \"bg-ui-bg-base shadow-details-contrast-on-bg-interactive h-1.5 w-1.5 rounded-full\"\n        )}\n      />\n    </Primitives.Indicator>\n  )\n})\nIndicator.displayName = \"RadioGroup.Indicator\"\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof Primitives.Item>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <Primitives.Item\n      ref={ref}\n      className={clx(\n        \"group relative flex h-5 w-5 items-center justify-center outline-none\",\n        className\n      )}\n      {...props}\n    >\n      <div\n        className={clx(\n          \"shadow-borders-base bg-ui-bg-base transition-fg flex h-[14px] w-[14px] items-center justify-center rounded-full\",\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-focus-visible:!shadow-borders-interactive-with-focus\",\n          \"group-disabled:cursor-not-allowed group-disabled:opacity-50\"\n        )}\n      >\n        <Indicator />\n      </div>\n    </Primitives.Item>\n  )\n})\nItem.displayName = \"RadioGroup.Item\"\n\ninterface ChoiceBoxProps\n  extends React.ComponentPropsWithoutRef<typeof Primitives.Item> {\n  label: string\n  description: string\n}\n\nconst ChoiceBox = React.forwardRef<\n  React.ElementRef<typeof Primitives.Item>,\n  ChoiceBoxProps\n>(({ className, id, label, description, ...props }, ref) => {\n  const generatedId = React.useId()\n\n  if (!id) {\n    id = generatedId\n  }\n\n  const descriptionId = `${id}-description`\n\n  return (\n    <Primitives.Item\n      ref={ref}\n      className={clx(\n        \"shadow-borders-base bg-ui-bg-base focus-visible:shadow-borders-interactive-with-focus transition-fg group flex items-start gap-x-2 rounded-lg p-3 outline-none\",\n        \"hover:enabled:bg-ui-bg-base-hover\",\n        \"data-[state=checked]:shadow-borders-interactive-with-shadow\",\n        \"group-disabled:cursor-not-allowed group-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n      id={id}\n      aria-describedby={descriptionId}\n    >\n      <div className=\"flex h-5 w-5 items-center justify-center\">\n        <div\n          className={clx(\n            \"shadow-borders-base bg-ui-bg-base group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow transition-fg flex h-3.5 w-3.5 items-center justify-center rounded-full\",\n            \"group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover\"\n          )}\n        >\n          <Indicator />\n        </div>\n      </div>\n      <div className=\"flex flex-col items-start\">\n        <Label\n          htmlFor={id}\n          size=\"small\"\n          weight=\"plus\"\n          className=\"group-disabled:text-ui-fg-disabled cursor-pointer group-disabled:cursor-not-allowed\"\n        >\n          {label}\n        </Label>\n        <Hint\n          className=\"txt-small text-ui-fg-subtle group-disabled:text-ui-fg-disabled text-left\"\n          id={descriptionId}\n        >\n          {description}\n        </Hint>\n      </div>\n    </Primitives.Item>\n  )\n})\nChoiceBox.displayName = \"RadioGroup.ChoiceBox\"\n\nconst RadioGroup = Object.assign(Root, { Item, ChoiceBox })\n\nexport { RadioGroup }\n"]}
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { RadioGroup as RadixRadioGroup } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Hint } from \"@/components/hint\"\nimport { Label } from \"@/components/label\"\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Radio Group](https://www.radix-ui.com/primitives/docs/components/radio-group) primitives.\n */\nconst Root = React.forwardRef<\n  React.ElementRef<typeof RadixRadioGroup.Root>,\n  React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixRadioGroup.Root\n      className={clx(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\nRoot.displayName = \"RadioGroup\"\n\nconst Indicator = React.forwardRef<\n  React.ElementRef<typeof RadixRadioGroup.Indicator>,\n  React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Indicator>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixRadioGroup.Indicator\n      ref={ref}\n      className={clx(\"flex items-center justify-center\", className)}\n      {...props}\n    >\n      <div\n        className={clx(\n          \"bg-ui-bg-base shadow-details-contrast-on-bg-interactive h-1.5 w-1.5 rounded-full\"\n        )}\n      />\n    </RadixRadioGroup.Indicator>\n  )\n})\nIndicator.displayName = \"RadioGroup.Indicator\"\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof RadixRadioGroup.Item>,\n  React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixRadioGroup.Item\n      ref={ref}\n      className={clx(\n        \"group relative flex h-5 w-5 items-center justify-center outline-none\",\n        className\n      )}\n      {...props}\n    >\n      <div\n        className={clx(\n          \"shadow-borders-base bg-ui-bg-base transition-fg flex h-[14px] w-[14px] items-center justify-center rounded-full\",\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-focus-visible:!shadow-borders-interactive-with-focus\",\n          \"group-disabled:cursor-not-allowed group-disabled:opacity-50\"\n        )}\n      >\n        <Indicator />\n      </div>\n    </RadixRadioGroup.Item>\n  )\n})\nItem.displayName = \"RadioGroup.Item\"\n\ninterface ChoiceBoxProps\n  extends React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Item> {\n  label: string\n  description: string\n}\n\nconst ChoiceBox = React.forwardRef<\n  React.ElementRef<typeof RadixRadioGroup.Item>,\n  ChoiceBoxProps\n>(({ className, id, label, description, ...props }, ref) => {\n  const generatedId = React.useId()\n\n  if (!id) {\n    id = generatedId\n  }\n\n  const descriptionId = `${id}-description`\n\n  return (\n    <RadixRadioGroup.Item\n      ref={ref}\n      className={clx(\n        \"shadow-borders-base bg-ui-bg-base focus-visible:shadow-borders-interactive-with-focus transition-fg group flex items-start gap-x-2 rounded-lg p-3 outline-none\",\n        \"hover:enabled:bg-ui-bg-base-hover\",\n        \"data-[state=checked]:shadow-borders-interactive-with-shadow\",\n        \"group-disabled:cursor-not-allowed group-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n      id={id}\n      aria-describedby={descriptionId}\n    >\n      <div className=\"flex h-5 w-5 items-center justify-center\">\n        <div\n          className={clx(\n            \"shadow-borders-base bg-ui-bg-base group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow transition-fg flex h-3.5 w-3.5 items-center justify-center rounded-full\",\n            \"group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover\"\n          )}\n        >\n          <Indicator />\n        </div>\n      </div>\n      <div className=\"flex flex-col items-start\">\n        <Label\n          htmlFor={id}\n          size=\"small\"\n          weight=\"plus\"\n          className=\"group-disabled:text-ui-fg-disabled cursor-pointer group-disabled:cursor-not-allowed\"\n        >\n          {label}\n        </Label>\n        <Hint\n          className=\"txt-small text-ui-fg-subtle group-disabled:text-ui-fg-disabled text-left\"\n          id={descriptionId}\n        >\n          {description}\n        </Hint>\n      </div>\n    </RadixRadioGroup.Item>\n  )\n})\nChoiceBox.displayName = \"RadioGroup.ChoiceBox\"\n\nconst RadioGroup = Object.assign(Root, { Item, ChoiceBox })\n\nexport { RadioGroup }\n"]}

package/dist/esm/components/select/select.d.ts

@@ -1,21 +1,21 @@
-import * as SelectPrimitive from "@radix-ui/react-select";
+import { Select as RadixSelect } from "radix-ui";
 import * as React from "react";
-interface SelectProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {
+interface SelectProps extends React.ComponentPropsWithoutRef<typeof RadixSelect.Root> {
     size?: "base" | "small";
 }
-interface SelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
+interface SelectContentProps extends React.ComponentPropsWithoutRef<typeof RadixSelect.Content> {
 }
 declare const Select: {
     ({ children, size, ...props }: SelectProps): React.JSX.Element;
     displayName: string;
 } & {
-    Group: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Value: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-    Trigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Group: React.ForwardRefExoticComponent<RadixSelect.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+    Value: React.ForwardRefExoticComponent<RadixSelect.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<RadixSelect.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     Content: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<RadixSelect.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<RadixSelect.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<RadixSelect.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export { Select };
 //# sourceMappingURL=select.d.ts.map

package/dist/esm/components/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACnE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB;AA+FD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;CAClG;AAiID,QAAA,MAAM,MAAM;mCApMT,WAAW;;;;;;;;;;CA4MZ,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB;AA+FD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;CAC9F;AAiID,QAAA,MAAM,MAAM;mCApMT,WAAW;;;;;;;;;;CA4MZ,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/esm/components/select/select.js

@@ -1,7 +1,7 @@
 "use client";
 import { Check, TrianglesMini } from "@medusajs/icons";
-import * as SelectPrimitive from "@radix-ui/react-select";
 import { cva } from "cva";
+import { Select as RadixSelect } from "radix-ui";
 import * as React from "react";
 import { clx } from "../../utils/clx";
 const SelectContext = React.createContext(null);
@@ -22,19 +22,19 @@ const Root = ({ children,
  */
 size = "base", ...props }) => {
     return (React.createElement(SelectContext.Provider, { value: React.useMemo(() => ({ size }), [size]) },
-        React.createElement(SelectPrimitive.Root, { ...props }, children)));
+        React.createElement(RadixSelect.Root, { ...props }, children)));
 };
 Root.displayName = "Select";
 /**
  * Groups multiple items together.
  */
-const Group = SelectPrimitive.Group;
+const Group = RadixSelect.Group;
 Group.displayName = "Select.Group";
 /**
  * Displays the selected value, or a placeholder if no value is selected.
  * It's based on [Radix UI Select Value](https://www.radix-ui.com/primitives/docs/components/select#value).
  */
-const Value = SelectPrimitive.Value;
+const Value = RadixSelect.Value;
 Value.displayName = "Select.Value";
 const triggerVariants = cva({
     base: clx("bg-ui-bg-field shadow-buttons-neutral transition-fg flex w-full select-none items-center justify-between rounded-md outline-none", "data-[placeholder]:text-ui-fg-muted text-ui-fg-base", "hover:bg-ui-bg-field-hover", "focus-visible:shadow-borders-interactive-with-active data-[state=open]:!shadow-borders-interactive-with-active", "aria-[invalid=true]:border-ui-border-error aria-[invalid=true]:shadow-borders-error", "invalid:border-ui-border-error invalid:shadow-borders-error", "disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled", "group/trigger"),
@@ -51,9 +51,9 @@ const triggerVariants = cva({
  */
 const Trigger = React.forwardRef(({ className, children, ...props }, ref) => {
     const { size } = useSelectContext();
-    return (React.createElement(SelectPrimitive.Trigger, { ref: ref, className: clx(triggerVariants({ size }), className), ...props },
+    return (React.createElement(RadixSelect.Trigger, { ref: ref, className: clx(triggerVariants({ size }), className), ...props },
         children,
-        React.createElement(SelectPrimitive.Icon, { asChild: true },
+        React.createElement(RadixSelect.Icon, { asChild: true },
             React.createElement(TrianglesMini, { className: "text-ui-fg-muted group-disabled/trigger:text-ui-fg-disabled" }))));
 });
 Trigger.displayName = "Select.Trigger";
@@ -73,32 +73,32 @@ sideOffset = 8,
 /**
  * The distance in pixels from the boundary edges where collision detection should occur. Only available when position is set to popper.
  */
-collisionPadding = 24, ...props }, ref) => (React.createElement(SelectPrimitive.Portal, null,
-    React.createElement(SelectPrimitive.Content, { ref: ref, className: clx("bg-ui-bg-component text-ui-fg-base shadow-elevation-flyout relative max-h-[200px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded-lg", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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", {
+collisionPadding = 24, ...props }, ref) => (React.createElement(RadixSelect.Portal, null,
+    React.createElement(RadixSelect.Content, { ref: ref, className: clx("bg-ui-bg-component text-ui-fg-base shadow-elevation-flyout relative max-h-[200px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded-lg", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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", {
             "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1": position === "popper",
         }, className), position: position, sideOffset: sideOffset, collisionPadding: collisionPadding, ...props },
-        React.createElement(SelectPrimitive.Viewport, { className: clx("p-1", position === "popper" &&
+        React.createElement(RadixSelect.Viewport, { className: clx("p-1", position === "popper" &&
                 "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]") }, children)))));
 Content.displayName = "Select.Content";
 /**
  * Used to label a group of items.
  * It's based on [Radix UI Select Label](https://www.radix-ui.com/primitives/docs/components/select#label).
  */
-const Label = React.forwardRef(({ className, ...props }, ref) => (React.createElement(SelectPrimitive.Label, { ref: ref, className: clx("txt-compact-xsmall-plus text-ui-fg-muted px-2 py-1.5", className), ...props })));
+const Label = React.forwardRef(({ className, ...props }, ref) => (React.createElement(RadixSelect.Label, { ref: ref, className: clx("txt-compact-xsmall-plus text-ui-fg-muted px-2 py-1.5", className), ...props })));
 Label.displayName = "Select.Label";
 /**
  * An item in the select. It's based on [Radix UI Select Item](https://www.radix-ui.com/primitives/docs/components/select#item)
  * and accepts its props.
  */
 const Item = React.forwardRef(({ className, children, ...props }, ref) => {
-    return (React.createElement(SelectPrimitive.Item, { ref: ref, className: clx("bg-ui-bg-component grid cursor-pointer grid-cols-[15px_1fr] gap-x-2 rounded-[4px] px-2 py-1.5 outline-none transition-colors txt-compact-small items-center", "focus-visible:bg-ui-bg-component-hover", "active:bg-ui-bg-component-pressed", "data-[state=checked]:txt-compact-small-plus", "disabled:text-ui-fg-disabled", className), ...props },
+    return (React.createElement(RadixSelect.Item, { ref: ref, className: clx("bg-ui-bg-component grid cursor-pointer grid-cols-[15px_1fr] gap-x-2 rounded-[4px] px-2 py-1.5 outline-none transition-colors txt-compact-small items-center", "focus-visible:bg-ui-bg-component-hover", "active:bg-ui-bg-component-pressed", "data-[state=checked]:txt-compact-small-plus", "disabled:text-ui-fg-disabled", className), ...props },
         React.createElement("span", { className: "flex h-[15px] w-[15px] items-center justify-center" },
-            React.createElement(SelectPrimitive.ItemIndicator, { className: "flex items-center justify-center" },
+            React.createElement(RadixSelect.ItemIndicator, { className: "flex items-center justify-center" },
                 React.createElement(Check, null))),
-        React.createElement(SelectPrimitive.ItemText, { className: "flex-1 truncate" }, children)));
+        React.createElement(RadixSelect.ItemText, { className: "flex-1 truncate" }, children)));
 });
 Item.displayName = "Select.Item";
-const Separator = React.forwardRef(({ className, ...props }, ref) => (React.createElement(SelectPrimitive.Separator, { ref: ref, className: clx("bg-ui-border-component -mx-1 my-1 h-0.5 border-t border-t-ui-border-menu-top border-b border-b-ui-border-menu-bot", className), ...props })));
+const Separator = React.forwardRef(({ className, ...props }, ref) => (React.createElement(RadixSelect.Separator, { ref: ref, className: clx("bg-ui-border-component -mx-1 my-1 h-0.5 border-t border-t-ui-border-menu-top border-b border-b-ui-border-menu-bot", className), ...props })));
 Separator.displayName = "Select.Separator";
 const Select = Object.assign(Root, {
     Group,

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { Check, TrianglesMini } from \"@medusajs/icons\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface SelectProps\n  extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {\n  size?: \"base\" | \"small\"\n}\n\ntype SelectContextValue = {\n  size: \"base\" | \"small\"\n}\n\nconst SelectContext = React.createContext<SelectContextValue | null>(null)\n\nconst useSelectContext = () => {\n  const context = React.useContext(SelectContext)\n\n  if (context === null) {\n    throw new Error(\"useSelectContext must be used within a SelectProvider\")\n  }\n\n  return context\n}\n\n/**\n * This component is based on [Radix UI Select](https://www.radix-ui.com/primitives/docs/components/select).\n * It also accepts all props of the HTML `select` component.\n */\nconst Root = ({\n  children,\n  /**\n   * The select's size.\n   */\n  size = \"base\",\n  ...props\n}: SelectProps) => {\n  return (\n    <SelectContext.Provider value={React.useMemo(() => ({ size }), [size])}>\n      <SelectPrimitive.Root {...props}>{children}</SelectPrimitive.Root>\n    </SelectContext.Provider>\n  )\n}\nRoot.displayName = \"Select\"\n\n/**\n * Groups multiple items together.\n */\nconst Group = SelectPrimitive.Group\nGroup.displayName = \"Select.Group\"\n\n/**\n * Displays the selected value, or a placeholder if no value is selected.\n * It's based on [Radix UI Select Value](https://www.radix-ui.com/primitives/docs/components/select#value).\n */\nconst Value = SelectPrimitive.Value\nValue.displayName = \"Select.Value\"\n\nconst triggerVariants = cva({\n  base: clx(\n    \"bg-ui-bg-field shadow-buttons-neutral transition-fg flex w-full select-none items-center justify-between rounded-md outline-none\",\n    \"data-[placeholder]:text-ui-fg-muted text-ui-fg-base\",\n    \"hover:bg-ui-bg-field-hover\",\n    \"focus-visible:shadow-borders-interactive-with-active data-[state=open]:!shadow-borders-interactive-with-active\",\n    \"aria-[invalid=true]:border-ui-border-error aria-[invalid=true]:shadow-borders-error\",\n    \"invalid:border-ui-border-error invalid:shadow-borders-error\",\n    \"disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled\",\n    \"group/trigger\"\n  ),\n  variants: {\n    size: {\n      base: \"h-8 px-2 py-1.5 txt-compact-small\",\n      small: \"h-7 px-2 py-1 txt-compact-small\",\n    },\n  },\n})\n\n/**\n * The trigger that toggles the select.\n * It's based on [Radix UI Select Trigger](https://www.radix-ui.com/primitives/docs/components/select#trigger).\n */\nconst Trigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => {\n  const { size } = useSelectContext()\n\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={clx(triggerVariants({ size }), className)}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <TrianglesMini className=\"text-ui-fg-muted group-disabled/trigger:text-ui-fg-disabled\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n})\nTrigger.displayName = \"Select.Trigger\"\n\ninterface SelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {\n}\n\n/**\n * The content that appears when the select is open.\n * It's based on [Radix UI Select Content](https://www.radix-ui.com/primitives/docs/components/select#content).\n */\nconst Content = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      /**\n       * Whether to show the select items below (`popper`) or over (`item-aligned`) the select input.\n       */\n      position = \"popper\",\n      /**\n       * The distance of the content pop-up in pixels from the select input. Only available when position is set to popper.\n       */\n      sideOffset = 8,\n      /**\n       * The distance in pixels from the boundary edges where collision detection should occur. Only available when position is set to popper.\n       */\n      collisionPadding = 24,\n      ...props\n    }: SelectContentProps,\n    ref\n  ) => (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-component text-ui-fg-base shadow-elevation-flyout relative max-h-[200px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded-lg\",\n          \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n          \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n          \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n          {\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\":\n              position === \"popper\",\n          },\n          className\n        )}\n        position={position}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        {...props}\n      >\n        <SelectPrimitive.Viewport\n          className={clx(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n)\nContent.displayName = \"Select.Content\"\n\n/**\n * Used to label a group of items.\n * It's based on [Radix UI Select Label](https://www.radix-ui.com/primitives/docs/components/select#label).\n */\nconst Label = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={clx(\n      \"txt-compact-xsmall-plus text-ui-fg-muted px-2 py-1.5\",\n      className\n    )}\n    {...props}\n  />\n))\nLabel.displayName = \"Select.Label\"\n\n/**\n * An item in the select. It's based on [Radix UI Select Item](https://www.radix-ui.com/primitives/docs/components/select#item)\n * and accepts its props.\n */\nconst Item = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <SelectPrimitive.Item\n      ref={ref}\n      className={clx(\n        \"bg-ui-bg-component grid cursor-pointer grid-cols-[15px_1fr] gap-x-2 rounded-[4px] px-2 py-1.5 outline-none transition-colors txt-compact-small items-center\",\n        \"focus-visible:bg-ui-bg-component-hover\",\n        \"active:bg-ui-bg-component-pressed\",\n        \"data-[state=checked]:txt-compact-small-plus\",\n        \"disabled:text-ui-fg-disabled\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"flex h-[15px] w-[15px] items-center justify-center\">\n        <SelectPrimitive.ItemIndicator className=\"flex items-center justify-center\">\n          <Check />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText className=\"flex-1 truncate\">\n        {children}\n      </SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n})\nItem.displayName = \"Select.Item\"\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={clx(\"bg-ui-border-component -mx-1 my-1 h-0.5 border-t border-t-ui-border-menu-top border-b border-b-ui-border-menu-bot\", className)}\n    {...props}\n  />\n))\nSeparator.displayName = \"Select.Separator\"\n\nconst Select = Object.assign(Root, {\n  Group,\n  Value,\n  Trigger,\n  Content,\n  Label,\n  Item,\n  Separator,\n})\n\nexport { Select }\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { Check, TrianglesMini } from \"@medusajs/icons\"\nimport { cva } from \"cva\"\nimport { Select as RadixSelect } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface SelectProps\n  extends React.ComponentPropsWithoutRef<typeof RadixSelect.Root> {\n  size?: \"base\" | \"small\"\n}\n\ntype SelectContextValue = {\n  size: \"base\" | \"small\"\n}\n\nconst SelectContext = React.createContext<SelectContextValue | null>(null)\n\nconst useSelectContext = () => {\n  const context = React.useContext(SelectContext)\n\n  if (context === null) {\n    throw new Error(\"useSelectContext must be used within a SelectProvider\")\n  }\n\n  return context\n}\n\n/**\n * This component is based on [Radix UI Select](https://www.radix-ui.com/primitives/docs/components/select).\n * It also accepts all props of the HTML `select` component.\n */\nconst Root = ({\n  children,\n  /**\n   * The select's size.\n   */\n  size = \"base\",\n  ...props\n}: SelectProps) => {\n  return (\n    <SelectContext.Provider value={React.useMemo(() => ({ size }), [size])}>\n      <RadixSelect.Root {...props}>{children}</RadixSelect.Root>\n    </SelectContext.Provider>\n  )\n}\nRoot.displayName = \"Select\"\n\n/**\n * Groups multiple items together.\n */\nconst Group = RadixSelect.Group\nGroup.displayName = \"Select.Group\"\n\n/**\n * Displays the selected value, or a placeholder if no value is selected.\n * It's based on [Radix UI Select Value](https://www.radix-ui.com/primitives/docs/components/select#value).\n */\nconst Value = RadixSelect.Value\nValue.displayName = \"Select.Value\"\n\nconst triggerVariants = cva({\n  base: clx(\n    \"bg-ui-bg-field shadow-buttons-neutral transition-fg flex w-full select-none items-center justify-between rounded-md outline-none\",\n    \"data-[placeholder]:text-ui-fg-muted text-ui-fg-base\",\n    \"hover:bg-ui-bg-field-hover\",\n    \"focus-visible:shadow-borders-interactive-with-active data-[state=open]:!shadow-borders-interactive-with-active\",\n    \"aria-[invalid=true]:border-ui-border-error aria-[invalid=true]:shadow-borders-error\",\n    \"invalid:border-ui-border-error invalid:shadow-borders-error\",\n    \"disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled\",\n    \"group/trigger\"\n  ),\n  variants: {\n    size: {\n      base: \"h-8 px-2 py-1.5 txt-compact-small\",\n      small: \"h-7 px-2 py-1 txt-compact-small\",\n    },\n  },\n})\n\n/**\n * The trigger that toggles the select.\n * It's based on [Radix UI Select Trigger](https://www.radix-ui.com/primitives/docs/components/select#trigger).\n */\nconst Trigger = React.forwardRef<\n  React.ElementRef<typeof RadixSelect.Trigger>,\n  React.ComponentPropsWithoutRef<typeof RadixSelect.Trigger>\n>(({ className, children, ...props }, ref) => {\n  const { size } = useSelectContext()\n\n  return (\n    <RadixSelect.Trigger\n      ref={ref}\n      className={clx(triggerVariants({ size }), className)}\n      {...props}\n    >\n      {children}\n      <RadixSelect.Icon asChild>\n        <TrianglesMini className=\"text-ui-fg-muted group-disabled/trigger:text-ui-fg-disabled\" />\n      </RadixSelect.Icon>\n    </RadixSelect.Trigger>\n  )\n})\nTrigger.displayName = \"Select.Trigger\"\n\ninterface SelectContentProps extends React.ComponentPropsWithoutRef<typeof RadixSelect.Content> {\n}\n\n/**\n * The content that appears when the select is open.\n * It's based on [Radix UI Select Content](https://www.radix-ui.com/primitives/docs/components/select#content).\n */\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixSelect.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      /**\n       * Whether to show the select items below (`popper`) or over (`item-aligned`) the select input.\n       */\n      position = \"popper\",\n      /**\n       * The distance of the content pop-up in pixels from the select input. Only available when position is set to popper.\n       */\n      sideOffset = 8,\n      /**\n       * The distance in pixels from the boundary edges where collision detection should occur. Only available when position is set to popper.\n       */\n      collisionPadding = 24,\n      ...props\n    }: SelectContentProps,\n    ref\n  ) => (\n    <RadixSelect.Portal>\n      <RadixSelect.Content\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-component text-ui-fg-base shadow-elevation-flyout relative max-h-[200px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded-lg\",\n          \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n          \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n          \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n          {\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\":\n              position === \"popper\",\n          },\n          className\n        )}\n        position={position}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        {...props}\n      >\n        <RadixSelect.Viewport\n          className={clx(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n          )}\n        >\n          {children}\n        </RadixSelect.Viewport>\n      </RadixSelect.Content>\n    </RadixSelect.Portal>\n  )\n)\nContent.displayName = \"Select.Content\"\n\n/**\n * Used to label a group of items.\n * It's based on [Radix UI Select Label](https://www.radix-ui.com/primitives/docs/components/select#label).\n */\nconst Label = React.forwardRef<\n  React.ElementRef<typeof RadixSelect.Label>,\n  React.ComponentPropsWithoutRef<typeof RadixSelect.Label>\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Label\n    ref={ref}\n    className={clx(\n      \"txt-compact-xsmall-plus text-ui-fg-muted px-2 py-1.5\",\n      className\n    )}\n    {...props}\n  />\n))\nLabel.displayName = \"Select.Label\"\n\n/**\n * An item in the select. It's based on [Radix UI Select Item](https://www.radix-ui.com/primitives/docs/components/select#item)\n * and accepts its props.\n */\nconst Item = React.forwardRef<\n  React.ElementRef<typeof RadixSelect.Item>,\n  React.ComponentPropsWithoutRef<typeof RadixSelect.Item>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <RadixSelect.Item\n      ref={ref}\n      className={clx(\n        \"bg-ui-bg-component grid cursor-pointer grid-cols-[15px_1fr] gap-x-2 rounded-[4px] px-2 py-1.5 outline-none transition-colors txt-compact-small items-center\",\n        \"focus-visible:bg-ui-bg-component-hover\",\n        \"active:bg-ui-bg-component-pressed\",\n        \"data-[state=checked]:txt-compact-small-plus\",\n        \"disabled:text-ui-fg-disabled\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"flex h-[15px] w-[15px] items-center justify-center\">\n        <RadixSelect.ItemIndicator className=\"flex items-center justify-center\">\n          <Check />\n        </RadixSelect.ItemIndicator>\n      </span>\n      <RadixSelect.ItemText className=\"flex-1 truncate\">\n        {children}\n      </RadixSelect.ItemText>\n    </RadixSelect.Item>\n  )\n})\nItem.displayName = \"Select.Item\"\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof RadixSelect.Separator>,\n  React.ComponentPropsWithoutRef<typeof RadixSelect.Separator>\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Separator\n    ref={ref}\n    className={clx(\"bg-ui-border-component -mx-1 my-1 h-0.5 border-t border-t-ui-border-menu-top border-b border-b-ui-border-menu-bot\", className)}\n    {...props}\n  />\n))\nSeparator.displayName = \"Select.Separator\"\n\nconst Select = Object.assign(Root, {\n  Group,\n  Value,\n  Trigger,\n  Content,\n  Label,\n  Item,\n  Separator,\n})\n\nexport { Select }\n"]}

package/dist/esm/components/skeleton/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAOtC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAOtC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/skeleton/skeleton.js

@@ -1,5 +1,5 @@
-import { clx } from "../../utils/clx";
 import * as React from "react";
+import { clx } from "../../utils/clx";
 function Skeleton({ className, ...props }) {
     return (React.createElement("div", { className: clx("bg-ui-bg-component animate-pulse rounded-md", className), ...props }));
 }

package/dist/esm/components/skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EAC6B;IACrC,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,CAAC,6CAA6C,EAAE,SAAS,CAAC,KACpE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["import { clx } from \"@/utils/clx\"\nimport * as React from \"react\"\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={clx(\"bg-ui-bg-component animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"]}
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EAC6B;IACrC,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,CAAC,6CAA6C,EAAE,SAAS,CAAC,KACpE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={clx(\"bg-ui-bg-component animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"]}

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

@@ -1,5 +1,5 @@
-import * as Primitives from "@radix-ui/react-switch";
 import { VariantProps } from "cva";
+import { Switch as RadixSwitch } from "radix-ui";
 import * as React from "react";
 declare const switchVariants: (props?: ({
     size?: "small" | "base" | undefined;
@@ -58,7 +58,7 @@ declare const switchVariants: (props?: ({
         [x: string]: any;
     } | null | undefined;
 })) | undefined) => string;
-interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitives.Root>, "asChild">, VariantProps<typeof switchVariants> {
+interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixSwitch.Root>, "asChild">, VariantProps<typeof switchVariants> {
 }
 /**
  * This component is based on the [Radix UI Switch](https://www.radix-ui.com/primitives/docs/components/switch) primitive.

package/dist/esm/components/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAWlB,CAAA;AAgBF,UAAU,WACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EACtD,SAAS,CACV,EACD,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C;;GAEG;AACH,QAAA,MAAM,MAAM,uFAuBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAWlB,CAAA;AAgBF,UAAU,WACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EACvD,SAAS,CACV,EACD,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C;;GAEG;AACH,QAAA,MAAM,MAAM,uFAuBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/esm/components/switch/switch.js

@@ -1,6 +1,6 @@
 "use client";
-import * as Primitives from "@radix-ui/react-switch";
 import { cva } from "cva";
+import { Switch as RadixSwitch } from "radix-ui";
 import * as React from "react";
 import { clx } from "../../utils/clx";
 const switchVariants = cva({
@@ -34,8 +34,8 @@ const Switch = React.forwardRef(({ className,
 /**
  * The switch's size.
  */
-size = "base", ...props }, ref) => (React.createElement(Primitives.Root, { className: clx(switchVariants({ size }), className), ...props, ref: ref },
-    React.createElement(Primitives.Thumb, { className: clx(thumbVariants({ size })) }))));
+size = "base", ...props }, ref) => (React.createElement(RadixSwitch.Root, { className: clx(switchVariants({ size }), className), ...props, ref: ref },
+    React.createElement(RadixSwitch.Thumb, { className: clx(thumbVariants({ size })) }))));
 Switch.displayName = "Switch";
 export { Switch };
 //# sourceMappingURL=switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAgB,GAAG,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,cAAc,GAAG,GAAG,CAAC;IACzB,IAAI,EAAE,ugBAAugB;IAC7gB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,mBAAmB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,GAAG,CAAC;IACxB,IAAI,EAAE,kHAAkH;IACxH,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EACH,+FAA+F;YACjG,IAAI,EAAE,kHAAkH;SACzH;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AASF;;GAEG;AACH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAI7B,CACE,EACE,SAAS;AACT;;GAEG;AACH,IAAI,GAAG,MAAM,EACb,GAAG,KAAK,EACI,EACd,GAAG,EACH,EAAE,CAAC,CACH,oBAAC,UAAU,CAAC,IAAI,IACd,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC/C,KAAK,EACT,GAAG,EAAE,GAAG;IAER,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAE,GAAG,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAAI,CAC7C,CACnB,CACF,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-switch\"\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst switchVariants = cva({\n  base: \"bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus-visible:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:opacity-50 group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed\",\n  variants: {\n    size: {\n      small: \"h-[16px] w-[28px]\",\n      base: \"h-[18px] w-[32px]\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\nconst thumbVariants = cva({\n  base: \"bg-ui-fg-on-color shadow-details-switch-handle pointer-events-none h-[14px] w-[14px] rounded-full transition-all\",\n  variants: {\n    size: {\n      small:\n        \"h-[12px] w-[12px] data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5\",\n      base: \"h-[14px] w-[14px] transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\ninterface SwitchProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof Primitives.Root>,\n      \"asChild\"\n    >,\n    VariantProps<typeof switchVariants> {}\n\n/**\n * This component is based on the [Radix UI Switch](https://www.radix-ui.com/primitives/docs/components/switch) primitive.\n */\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof Primitives.Root>,\n  SwitchProps\n>(\n  (\n    {\n      className,\n      /**\n       * The switch's size.\n       */\n      size = \"base\",\n      ...props\n    }: SwitchProps,\n    ref\n  ) => (\n    <Primitives.Root\n      className={clx(switchVariants({ size }), className)}\n      {...props}\n      ref={ref}\n    >\n      <Primitives.Thumb className={clx(thumbVariants({ size }))} />\n    </Primitives.Root>\n  )\n)\nSwitch.displayName = \"Switch\"\n\nexport { Switch }\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAgB,GAAG,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,cAAc,GAAG,GAAG,CAAC;IACzB,IAAI,EAAE,ugBAAugB;IAC7gB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,mBAAmB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,GAAG,CAAC;IACxB,IAAI,EAAE,kHAAkH;IACxH,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EACH,+FAA+F;YACjG,IAAI,EAAE,kHAAkH;SACzH;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AASF;;GAEG;AACH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAI7B,CACE,EACE,SAAS;AACT;;GAEG;AACH,IAAI,GAAG,MAAM,EACb,GAAG,KAAK,EACI,EACd,GAAG,EACH,EAAE,CAAC,CACH,oBAAC,WAAW,CAAC,IAAI,IACf,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC/C,KAAK,EACT,GAAG,EAAE,GAAG;IAER,oBAAC,WAAW,CAAC,KAAK,IAAC,SAAS,EAAE,GAAG,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAAI,CAC7C,CACpB,CACF,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { VariantProps, cva } from \"cva\"\nimport { Switch as RadixSwitch } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst switchVariants = cva({\n  base: \"bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus-visible:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:opacity-50 group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed\",\n  variants: {\n    size: {\n      small: \"h-[16px] w-[28px]\",\n      base: \"h-[18px] w-[32px]\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\nconst thumbVariants = cva({\n  base: \"bg-ui-fg-on-color shadow-details-switch-handle pointer-events-none h-[14px] w-[14px] rounded-full transition-all\",\n  variants: {\n    size: {\n      small:\n        \"h-[12px] w-[12px] data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5\",\n      base: \"h-[14px] w-[14px] transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\ninterface SwitchProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof RadixSwitch.Root>,\n      \"asChild\"\n    >,\n    VariantProps<typeof switchVariants> {}\n\n/**\n * This component is based on the [Radix UI Switch](https://www.radix-ui.com/primitives/docs/components/switch) primitive.\n */\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof RadixSwitch.Root>,\n  SwitchProps\n>(\n  (\n    {\n      className,\n      /**\n       * The switch's size.\n       */\n      size = \"base\",\n      ...props\n    }: SwitchProps,\n    ref\n  ) => (\n    <RadixSwitch.Root\n      className={clx(switchVariants({ size }), className)}\n      {...props}\n      ref={ref}\n    >\n      <RadixSwitch.Thumb className={clx(thumbVariants({ size }))} />\n    </RadixSwitch.Root>\n  )\n)\nSwitch.displayName = \"Switch\"\n\nexport { Switch }\n"]}