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

package/dist/esm/components/focus-modal/focus-modal.d.ts

@@ -1,17 +1,17 @@
-import { Dialog as RadixDialog } from "radix-ui";
+import * as FocusModalPrimitives from "@radix-ui/react-dialog";
 import * as React from "react";
 /**
  * @prop defaultOpen - Whether the modal is opened by default.
  * @prop open - Whether the modal is opened.
  * @prop onOpenChange - A function to handle when the modal is opened or closed.
  */
-interface FocusModalRootProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Root> {
+interface FocusModalRootProps extends React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Root> {
 }
-interface FocusModalTriggerProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Trigger> {
+interface FocusModalTriggerProps extends React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Trigger> {
 }
-interface FocusModalPortalProps extends RadixDialog.DialogPortalProps {
+interface FocusModalPortalProps extends FocusModalPrimitives.DialogPortalProps {
 }
-interface FocusModalTitleProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Title> {
+interface FocusModalTitleProps extends React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Title> {
 }
 declare const FocusModal: {
     (props: FocusModalRootProps): React.JSX.Element;
@@ -19,14 +19,14 @@ declare const FocusModal: {
 } & {
     Trigger: React.ForwardRefExoticComponent<FocusModalTriggerProps & React.RefAttributes<HTMLButtonElement>>;
     Title: React.ForwardRefExoticComponent<FocusModalTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<RadixDialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<RadixDialog.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        overlayProps?: Omit<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | undefined;
+    Description: React.ForwardRefExoticComponent<FocusModalPrimitives.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<FocusModalPrimitives.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        overlayProps?: Omit<Omit<FocusModalPrimitives.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | undefined;
         portalProps?: FocusModalPortalProps | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Body: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Close: React.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Close: React.ForwardRefExoticComponent<FocusModalPrimitives.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
     Footer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export { FocusModal };

package/dist/esm/components/focus-modal/focus-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focus-modal.d.ts","sourceRoot":"","sources":["../../../../src/components/focus-modal/focus-modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B;;;;GAIG;AACH,UAAU,mBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;CAAG;AAUpE,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;CAAG;AAqBtG,UAAU,qBAAsB,SAAQ,WAAW,CAAC,iBAAiB;CAAG;AAqHxE,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC;CAAG;AAmClG,QAAA,MAAM,UAAU;YAlLe,mBAAmB;;;;;;;;;;;;;;CA2LhD,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"focus-modal.d.ts","sourceRoot":"","sources":["../../../../src/components/focus-modal/focus-modal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,oBAAoB,MAAM,wBAAwB,CAAA;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B;;;;GAIG;AACH,UAAU,mBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;CAAG;AAU7E,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC;CAAG;AAqB/G,UAAU,qBAAsB,SAAQ,oBAAoB,CAAC,iBAAiB;CAAG;AAqHjF,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC;CAAG;AAmC3G,QAAA,MAAM,UAAU;YAlLe,mBAAmB;;;;;;;;;;;;;;CA2LhD,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/esm/components/focus-modal/focus-modal.js

@@ -1,6 +1,6 @@
 "use client";
 import { XMark } from "@medusajs/icons";
-import { Dialog as RadixDialog } from "radix-ui";
+import * as FocusModalPrimitives from "@radix-ui/react-dialog";
 import * as React from "react";
 import { IconButton } from "../icon-button";
 import { Kbd } from "../kbd";
@@ -9,7 +9,7 @@ import { clx } from "../../utils/clx";
  * This component is based on the [Radix UI Dialog](https://www.radix-ui.com/primitives/docs/components/dialog) primitives.
  */
 const FocusModalRoot = (props) => {
-    return React.createElement(RadixDialog.Root, { ...props });
+    return React.createElement(FocusModalPrimitives.Root, { ...props });
 };
 FocusModalRoot.displayName = "FocusModal";
 /**
@@ -17,21 +17,21 @@ FocusModalRoot.displayName = "FocusModal";
  * It accepts props from the [Radix UI Dialog Trigger](https://www.radix-ui.com/primitives/docs/components/dialog#trigger) component.
  */
 const FocusModalTrigger = React.forwardRef((props, ref) => {
-    return React.createElement(RadixDialog.Trigger, { ref: ref, ...props });
+    return React.createElement(FocusModalPrimitives.Trigger, { ref: ref, ...props });
 });
 FocusModalTrigger.displayName = "FocusModal.Trigger";
 /**
  * This component is used to create the close button for the modal.
  * It accepts props from the [Radix UI Dialog Close](https://www.radix-ui.com/primitives/docs/components/dialog#close) component.
  */
-const FocusModalClose = RadixDialog.Close;
+const FocusModalClose = FocusModalPrimitives.Close;
 FocusModalClose.displayName = "FocusModal.Close";
 /**
  * The `FocusModal.Content` component uses this component to wrap the modal content.
  * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.
  */
 const FocusModalPortal = (props) => {
-    return (React.createElement(RadixDialog.DialogPortal, { ...props }));
+    return (React.createElement(FocusModalPrimitives.DialogPortal, { ...props }));
 };
 FocusModalPortal.displayName = "FocusModal.Portal";
 /**
@@ -39,7 +39,7 @@ FocusModalPortal.displayName = "FocusModal.Portal";
  * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.
  */
 const FocusModalOverlay = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(RadixDialog.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(FocusModalPrimitives.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 }));
 });
 FocusModalOverlay.displayName = "FocusModal.Overlay";
 /**
@@ -49,7 +49,7 @@ FocusModalOverlay.displayName = "FocusModal.Overlay";
 const FocusModalContent = React.forwardRef(({ className, overlayProps, portalProps, ...props }, ref) => {
     return (React.createElement(FocusModalPortal, { ...portalProps },
         React.createElement(FocusModalOverlay, { ...overlayProps }),
-        React.createElement(RadixDialog.Content, { ref: ref, className: clx("bg-ui-bg-base shadow-elevation-modal fixed inset-2 flex flex-col overflow-hidden rounded-lg border 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=open]:slide-in-from-bottom-0 data-[state=closed]:slide-in-from-bottom-2  duration-200", className), ...props })));
+        React.createElement(FocusModalPrimitives.Content, { ref: ref, className: clx("bg-ui-bg-base shadow-elevation-modal fixed inset-2 flex flex-col overflow-hidden rounded-lg border 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=open]:slide-in-from-bottom-0 data-[state=closed]:slide-in-from-bottom-2  duration-200", className), ...props })));
 });
 FocusModalContent.displayName = "FocusModal.Content";
 /**
@@ -59,7 +59,7 @@ FocusModalContent.displayName = "FocusModal.Content";
 const FocusModalHeader = React.forwardRef(({ children, className, ...props }, ref) => {
     return (React.createElement("div", { ref: ref, className: clx("border-ui-border-base flex items-center justify-between gap-x-4 border-b px-4 py-2", className), ...props },
         React.createElement("div", { className: "flex items-center gap-x-2" },
-            React.createElement(RadixDialog.Close, { asChild: true },
+            React.createElement(FocusModalPrimitives.Close, { asChild: true },
                 React.createElement(IconButton, { size: "small", type: "button", variant: "transparent" },
                     React.createElement(XMark, null))),
             React.createElement(Kbd, null, "esc")),
@@ -79,14 +79,14 @@ FocusModalFooter.displayName = "FocusModal.Footer";
  * It accepts props from the [Radix UI Dialog Title](https://www.radix-ui.com/primitives/docs/components/dialog#title) component.
  */
 const FocusModalTitle = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(RadixDialog.Title, { ref: ref, ...props }));
+    return (React.createElement(FocusModalPrimitives.Title, { ref: ref, ...props }));
 });
 FocusModalTitle.displayName = "FocusModal.Title";
 /**
  * This component adds accessible description to the modal.
  * It accepts props from the [Radix UI Dialog Description](https://www.radix-ui.com/primitives/docs/components/dialog#description) component.
  */
-const FocusModalDescription = RadixDialog.Description;
+const FocusModalDescription = FocusModalPrimitives.Description;
 FocusModalDescription.displayName = "FocusModal.Description";
 /**
  * This component is used to wrap the body content of the modal.

package/dist/esm/components/focus-modal/focus-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-modal.js","sourceRoot":"","sources":["../../../../src/components/focus-modal/focus-modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAUjC;;GAEG;AACH,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IACpD,OAAO,oBAAC,WAAW,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA;AACD,cAAc,CAAC,WAAW,GAAG,YAAY,CAAA;AAIzC;;;GAGG;AACH,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,KAA6B,EAAE,GAAG,EAAE,EAAE;IACvC,OAAO,oBAAC,WAAW,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACrD,CAAC,CAAC,CAAA;AACF,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAEpD;;;GAGG;AACH,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,CAAA;AACzC,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAIhD;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACxD,OAAO,CACL,oBAAC,WAAW,CAAC,YAAY,OAAK,KAAK,GAAI,CACxC,CAAA;AACH,CAAC,CAAA;AACD,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAElD;;;GAGG;AACH,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,WAAW,CAAC,OAAO,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,gCAAgC,EAChC,yHAAyH,EACzH,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAEpD;;;GAGG;AACH,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAMxC,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5D,OAAO,CACL,oBAAC,gBAAgB,OAAK,WAAW;QAC/B,oBAAC,iBAAiB,OAAK,YAAY,GAAI;QACvC,oBAAC,WAAW,CAAC,OAAO,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,iHAAiH,EACjH,2NAA2N,EAC3N,SAAS,CACV,KACG,KAAK,GACT,CACe,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AACF,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAEpD;;;GAGG;AACH,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,oFAAoF,EACpF,SAAS,CACV,KACG,KAAK;QAET,6BAAK,SAAS,EAAC,2BAA2B;YACxC,oBAAC,WAAW,CAAC,KAAK,IAAC,OAAO;gBACxB,oBAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,aAAa;oBAC1D,oBAAC,KAAK,OAAG,CACE,CACK;YACpB,oBAAC,GAAG,cAAU,CACV;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AACF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAElD;;;GAGG;AACH,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,0EAA0E,EAC1E,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AACF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAIlD;;;GAGG;AACH,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB,EAAE,GAAG,EAAE,EAAE;IACvD,OAAO,CACL,oBAAC,WAAW,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC3C,CAAA;AACH,CAAC,CAAC,CAAA;AACF,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEhD;;;GAGG;AACH,MAAM,qBAAqB,GAAG,WAAW,CAAC,WAAW,CAAA;AACrD,qBAAqB,CAAC,WAAW,GAAG,wBAAwB,CAAA;AAE5D;;;GAGG;AACH,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AAC1E,CAAC,CAAC,CAAA;AACF,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE9C,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IAC/C,OAAO,EAAE,iBAAiB;IAC1B,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,qBAAqB;IAClC,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;IACxB,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;CACzB,CAAC,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { XMark } from \"@medusajs/icons\"\nimport { Dialog as RadixDialog } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { IconButton } from \"@/components/icon-button\"\nimport { Kbd } from \"@/components/kbd\"\nimport { clx } from \"@/utils/clx\"\n\n/**\n * @prop defaultOpen - Whether the modal is opened by default.\n * @prop open - Whether the modal is opened.\n * @prop onOpenChange - A function to handle when the modal is opened or closed.\n */\ninterface FocusModalRootProps\n  extends React.ComponentPropsWithoutRef<typeof RadixDialog.Root> {}\n\n/**\n * This component is based on the [Radix UI Dialog](https://www.radix-ui.com/primitives/docs/components/dialog) primitives.\n */\nconst FocusModalRoot = (props: FocusModalRootProps) => {\n  return <RadixDialog.Root {...props} />\n}\nFocusModalRoot.displayName = \"FocusModal\"\n\ninterface FocusModalTriggerProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Trigger> {}\n\n/**\n * This component is used to create the trigger button that opens the modal.\n * It accepts props from the [Radix UI Dialog Trigger](https://www.radix-ui.com/primitives/docs/components/dialog#trigger) component.\n */\nconst FocusModalTrigger = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Trigger>,\n  FocusModalTriggerProps\n>((props: FocusModalTriggerProps, ref) => {\n  return <RadixDialog.Trigger ref={ref} {...props} />\n})\nFocusModalTrigger.displayName = \"FocusModal.Trigger\"\n\n/**\n * This component is used to create the close button for the modal.\n * It accepts props from the [Radix UI Dialog Close](https://www.radix-ui.com/primitives/docs/components/dialog#close) component.\n */\nconst FocusModalClose = RadixDialog.Close\nFocusModalClose.displayName = \"FocusModal.Close\"\n\ninterface FocusModalPortalProps extends RadixDialog.DialogPortalProps {}\n\n/**\n * The `FocusModal.Content` component uses this component to wrap the modal content.\n * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.\n */\nconst FocusModalPortal = (props: FocusModalPortalProps) => {\n  return (\n    <RadixDialog.DialogPortal {...props} />\n  )\n}\nFocusModalPortal.displayName = \"FocusModal.Portal\"\n\n/**\n * This component is used to create the overlay for the modal.\n * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.\n */\nconst FocusModalOverlay = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Overlay>,\n  React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixDialog.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})\nFocusModalOverlay.displayName = \"FocusModal.Overlay\"\n\n/**\n * This component wraps the content of the modal.\n * It accepts props from the [Radix UI Dialog Content](https://www.radix-ui.com/primitives/docs/components/dialog#content) component.\n */\nconst FocusModalContent = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixDialog.Content> & {\n    overlayProps?: React.ComponentPropsWithoutRef<typeof FocusModalOverlay>\n    portalProps?: React.ComponentPropsWithoutRef<typeof FocusModalPortal>\n  }\n>(({ className, overlayProps, portalProps, ...props }, ref) => {\n  return (\n    <FocusModalPortal {...portalProps}>\n      <FocusModalOverlay {...overlayProps} />\n      <RadixDialog.Content\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base shadow-elevation-modal fixed inset-2 flex flex-col overflow-hidden rounded-lg border 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=open]:slide-in-from-bottom-0 data-[state=closed]:slide-in-from-bottom-2  duration-200\",\n          className\n        )}\n        {...props}\n      />\n    </FocusModalPortal>\n  )\n})\nFocusModalContent.displayName = \"FocusModal.Content\"\n\n/**\n * This component is used to wrap the header content of the modal.\n * This component is based on the `div` element and supports all of its props\n */\nconst FocusModalHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ children, className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"border-ui-border-base flex items-center justify-between gap-x-4 border-b px-4 py-2\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-x-2\">\n        <RadixDialog.Close asChild>\n          <IconButton size=\"small\" type=\"button\" variant=\"transparent\">\n            <XMark />\n          </IconButton>\n        </RadixDialog.Close>\n        <Kbd>esc</Kbd>\n      </div>\n      {children}\n    </div>\n  )\n})\nFocusModalHeader.displayName = \"FocusModal.Header\"\n\n/**\n * This component is used to wrap the footer content of the modal.\n * This component is based on the `div` element and supports all of its props\n */\nconst FocusModalFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ children, className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"border-ui-border-base flex items-center justify-end gap-x-2 border-t p-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\nFocusModalFooter.displayName = \"FocusModal.Footer\"\n\ninterface FocusModalTitleProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Title> {}\n\n/**\n * This component adds an accessible title to the modal.\n * It accepts props from the [Radix UI Dialog Title](https://www.radix-ui.com/primitives/docs/components/dialog#title) component.\n */\nconst FocusModalTitle = React.forwardRef<\n  HTMLHeadingElement,\n  FocusModalTitleProps\n>(({ className, ...props }: FocusModalTitleProps, ref) => {\n  return (\n    <RadixDialog.Title ref={ref} {...props} />\n  )\n})\nFocusModalTitle.displayName = \"FocusModal.Title\"\n\n/**\n * This component adds accessible description to the modal.\n * It accepts props from the [Radix UI Dialog Description](https://www.radix-ui.com/primitives/docs/components/dialog#description) component.\n */\nconst FocusModalDescription = RadixDialog.Description\nFocusModalDescription.displayName = \"FocusModal.Description\"\n\n/**\n * This component is used to wrap the body content of the modal.\n * This component is based on the `div` element and supports all of its props\n */\nconst FocusModalBody = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return <div ref={ref} className={clx(\"flex-1\", className)} {...props} />\n})\nFocusModalBody.displayName = \"FocusModal.Body\"\n\nconst FocusModal = Object.assign(FocusModalRoot, {\n  Trigger: FocusModalTrigger,\n  Title: FocusModalTitle,\n  Description: FocusModalDescription,\n  Content: FocusModalContent,\n  Header: FocusModalHeader,\n  Body: FocusModalBody,\n  Close: FocusModalClose,\n  Footer: FocusModalFooter,\n})\n\nexport { FocusModal }\n"]}
+{"version":3,"file":"focus-modal.js","sourceRoot":"","sources":["../../../../src/components/focus-modal/focus-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { XMark } from \"@medusajs/icons\"\nimport * as FocusModalPrimitives from \"@radix-ui/react-dialog\"\nimport * as React from \"react\"\n\nimport { IconButton } from \"@/components/icon-button\"\nimport { Kbd } from \"@/components/kbd\"\nimport { clx } from \"@/utils/clx\"\n\n/**\n * @prop defaultOpen - Whether the modal is opened by default.\n * @prop open - Whether the modal is opened.\n * @prop onOpenChange - A function to handle when the modal is opened or closed.\n */\ninterface FocusModalRootProps\n  extends React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Root> {}\n\n/**\n * This component is based on the [Radix UI Dialog](https://www.radix-ui.com/primitives/docs/components/dialog) primitives.\n */\nconst FocusModalRoot = (props: FocusModalRootProps) => {\n  return <FocusModalPrimitives.Root {...props} />\n}\nFocusModalRoot.displayName = \"FocusModal\"\n\ninterface FocusModalTriggerProps extends React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Trigger> {}\n\n/**\n * This component is used to create the trigger button that opens the modal.\n * It accepts props from the [Radix UI Dialog Trigger](https://www.radix-ui.com/primitives/docs/components/dialog#trigger) component.\n */\nconst FocusModalTrigger = React.forwardRef<\n  React.ElementRef<typeof FocusModalPrimitives.Trigger>,\n  FocusModalTriggerProps\n>((props: FocusModalTriggerProps, ref) => {\n  return <FocusModalPrimitives.Trigger ref={ref} {...props} />\n})\nFocusModalTrigger.displayName = \"FocusModal.Trigger\"\n\n/**\n * This component is used to create the close button for the modal.\n * It accepts props from the [Radix UI Dialog Close](https://www.radix-ui.com/primitives/docs/components/dialog#close) component.\n */\nconst FocusModalClose = FocusModalPrimitives.Close\nFocusModalClose.displayName = \"FocusModal.Close\"\n\ninterface FocusModalPortalProps extends FocusModalPrimitives.DialogPortalProps {}\n\n/**\n * The `FocusModal.Content` component uses this component to wrap the modal content.\n * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.\n */\nconst FocusModalPortal = (props: FocusModalPortalProps) => {\n  return (\n    <FocusModalPrimitives.DialogPortal {...props} />\n  )\n}\nFocusModalPortal.displayName = \"FocusModal.Portal\"\n\n/**\n * This component is used to create the overlay for the modal.\n * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.\n */\nconst FocusModalOverlay = React.forwardRef<\n  React.ElementRef<typeof FocusModalPrimitives.Overlay>,\n  React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Overlay>\n>(({ className, ...props }, ref) => {\n  return (\n    <FocusModalPrimitives.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})\nFocusModalOverlay.displayName = \"FocusModal.Overlay\"\n\n/**\n * This component wraps the content of the modal.\n * It accepts props from the [Radix UI Dialog Content](https://www.radix-ui.com/primitives/docs/components/dialog#content) component.\n */\nconst FocusModalContent = React.forwardRef<\n  React.ElementRef<typeof FocusModalPrimitives.Content>,\n  React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Content> & {\n    overlayProps?: React.ComponentPropsWithoutRef<typeof FocusModalOverlay>\n    portalProps?: React.ComponentPropsWithoutRef<typeof FocusModalPortal>\n  }\n>(({ className, overlayProps, portalProps, ...props }, ref) => {\n  return (\n    <FocusModalPortal {...portalProps}>\n      <FocusModalOverlay {...overlayProps} />\n      <FocusModalPrimitives.Content\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base shadow-elevation-modal fixed inset-2 flex flex-col overflow-hidden rounded-lg border 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=open]:slide-in-from-bottom-0 data-[state=closed]:slide-in-from-bottom-2  duration-200\",\n          className\n        )}\n        {...props}\n      />\n    </FocusModalPortal>\n  )\n})\nFocusModalContent.displayName = \"FocusModal.Content\"\n\n/**\n * This component is used to wrap the header content of the modal.\n * This component is based on the `div` element and supports all of its props\n */\nconst FocusModalHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ children, className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"border-ui-border-base flex items-center justify-between gap-x-4 border-b px-4 py-2\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-x-2\">\n        <FocusModalPrimitives.Close asChild>\n          <IconButton size=\"small\" type=\"button\" variant=\"transparent\">\n            <XMark />\n          </IconButton>\n        </FocusModalPrimitives.Close>\n        <Kbd>esc</Kbd>\n      </div>\n      {children}\n    </div>\n  )\n})\nFocusModalHeader.displayName = \"FocusModal.Header\"\n\n/**\n * This component is used to wrap the footer content of the modal.\n * This component is based on the `div` element and supports all of its props\n */\nconst FocusModalFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ children, className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"border-ui-border-base flex items-center justify-end gap-x-2 border-t p-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\nFocusModalFooter.displayName = \"FocusModal.Footer\"\n\ninterface FocusModalTitleProps extends React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Title> {}\n\n/**\n * This component adds an accessible title to the modal.\n * It accepts props from the [Radix UI Dialog Title](https://www.radix-ui.com/primitives/docs/components/dialog#title) component.\n */\nconst FocusModalTitle = React.forwardRef<\n  HTMLHeadingElement,\n  FocusModalTitleProps\n>(({ className, ...props }: FocusModalTitleProps, ref) => {\n  return (\n    <FocusModalPrimitives.Title ref={ref} {...props} />\n  )\n})\nFocusModalTitle.displayName = \"FocusModal.Title\"\n\n/**\n * This component adds accessible description to the modal.\n * It accepts props from the [Radix UI Dialog Description](https://www.radix-ui.com/primitives/docs/components/dialog#description) component.\n */\nconst FocusModalDescription = FocusModalPrimitives.Description\nFocusModalDescription.displayName = \"FocusModal.Description\"\n\n/**\n * This component is used to wrap the body content of the modal.\n * This component is based on the `div` element and supports all of its props\n */\nconst FocusModalBody = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return <div ref={ref} className={clx(\"flex-1\", className)} {...props} />\n})\nFocusModalBody.displayName = \"FocusModal.Body\"\n\nconst FocusModal = Object.assign(FocusModalRoot, {\n  Trigger: FocusModalTrigger,\n  Title: FocusModalTitle,\n  Description: FocusModalDescription,\n  Content: FocusModalContent,\n  Header: FocusModalHeader,\n  Body: FocusModalBody,\n  Close: FocusModalClose,\n  Footer: FocusModalFooter,\n})\n\nexport { FocusModal }\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"hint.js","sourceRoot":"","sources":["../../../../src/components/hint/hint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAgB,GAAG,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,YAAY,GAAG,GAAG,CAAC;IACvB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,8DAA8D;SACtE;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAA;AAMF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,SAAS;AACT;;GAEG;AACH,OAAO,GAAG,MAAM,EAChB,QAAQ,EACR,GAAG,KAAK,EACE,EACZ,GAAG,EACH,EAAE;IACF,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK;QAER,OAAO,KAAK,OAAO,IAAI,6BAAK,SAAS,EAAC,yCAAyC;YAAC,oBAAC,sBAAsB,OAAG,CAAM;QAChH,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,CAAA","sourcesContent":["import { ExclamationCircleSolid } from \"@medusajs/icons\"\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst hintVariants = cva({\n  base: \"txt-small\",\n  variants: {\n    variant: {\n      info: \"text-ui-fg-subtle\",\n      error: \"text-ui-fg-error grid grid-cols-[20px_1fr] gap-1 items-start\",\n    },\n  },\n  defaultVariants: {\n    variant: \"info\",\n  },\n})\n\ninterface HintProps\n  extends VariantProps<typeof hintVariants>,\n    React.ComponentPropsWithoutRef<\"span\"> {}\n\nconst Hint = React.forwardRef<HTMLSpanElement, HintProps>(\n  (\n    {\n      className,\n      /**\n       * The hint's style.\n       */\n      variant = \"info\",\n      children,\n      ...props\n    }: HintProps,\n    ref\n  ) => {\n    return (\n      <span\n        ref={ref}\n        className={clx(hintVariants({ variant }), className)}\n        {...props}\n      >\n        {variant === \"error\" && <div className=\"size-5 flex items-center justify-center\"><ExclamationCircleSolid /></div>}\n        {children}\n      </span>\n    )\n  }\n)\nHint.displayName = \"Hint\"\n\nexport { Hint }\n"]}
+{"version":3,"file":"hint.js","sourceRoot":"","sources":["../../../../src/components/hint/hint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAgB,GAAG,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AAErC,MAAM,YAAY,GAAG,GAAG,CAAC;IACvB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,8DAA8D;SACtE;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAA;AAMF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,SAAS;AACT;;GAEG;AACH,OAAO,GAAG,MAAM,EAChB,QAAQ,EACR,GAAG,KAAK,EACE,EACZ,GAAG,EACH,EAAE;IACF,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK;QAER,OAAO,KAAK,OAAO,IAAI,6BAAK,SAAS,EAAC,yCAAyC;YAAC,oBAAC,sBAAsB,OAAG,CAAM;QAChH,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,CAAA","sourcesContent":["import { ExclamationCircleSolid } from \"@medusajs/icons\"\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"../../utils/clx\"\n\nconst hintVariants = cva({\n  base: \"txt-small\",\n  variants: {\n    variant: {\n      info: \"text-ui-fg-subtle\",\n      error: \"text-ui-fg-error grid grid-cols-[20px_1fr] gap-1 items-start\",\n    },\n  },\n  defaultVariants: {\n    variant: \"info\",\n  },\n})\n\ninterface HintProps\n  extends VariantProps<typeof hintVariants>,\n    React.ComponentPropsWithoutRef<\"span\"> {}\n\nconst Hint = React.forwardRef<HTMLSpanElement, HintProps>(\n  (\n    {\n      className,\n      /**\n       * The hint's style.\n       */\n      variant = \"info\",\n      children,\n      ...props\n    }: HintProps,\n    ref\n  ) => {\n    return (\n      <span\n        ref={ref}\n        className={clx(hintVariants({ variant }), className)}\n        {...props}\n      >\n        {variant === \"error\" && <div className=\"size-5 flex items-center justify-center\"><ExclamationCircleSolid /></div>}\n        {children}\n      </span>\n    )\n  }\n)\nHint.displayName = \"Hint\"\n\nexport { Hint }\n"]}

package/dist/esm/components/icon-badge/icon-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-badge.d.ts","sourceRoot":"","sources":["../../../../src/components/icon-badge/icon-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAGvD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAQrB,CAAA;AAEF,UAAU,cACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EAC3D,YAAY,CAAC,OAAO,kBAAkB,CAAC,EACvC,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,SAAS,wFAsCd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"icon-badge.d.ts","sourceRoot":"","sources":["../../../../src/components/icon-badge/icon-badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAGvD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAQrB,CAAA;AAEF,UAAU,cACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EAC3D,YAAY,CAAC,OAAO,kBAAkB,CAAC,EACvC,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,SAAS,wFAsCd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/esm/components/icon-badge/icon-badge.js

@@ -1,5 +1,5 @@
+import { Slot } from "@radix-ui/react-slot";
 import { cva } from "cva";
-import { Slot } from "radix-ui";
 import * as React from "react";
 import { badgeColorVariants } from "../badge";
 import { clx } from "../../utils/clx";
@@ -29,7 +29,7 @@ size = "base",
  * passed child element instead.
  */
 asChild = false, ...props }, ref) => {
-    const Component = asChild ? Slot.Root : "span";
+    const Component = asChild ? Slot : "span";
     return (React.createElement(Component, { ref: ref, className: clx(badgeColorVariants({ color }), iconBadgeVariants({ size }), className), ...props }, children));
 });
 IconBadge.displayName = "IconBadge";

package/dist/esm/components/icon-badge/icon-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-badge.js","sourceRoot":"","sources":["../../../../src/components/icon-badge/icon-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,KAAK,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,iBAAiB,GAAG,GAAG,CAAC;IAC5B,IAAI,EAAE,oEAAoE;IAC1E,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAC,CAAA;AASF;;GAEG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,QAAQ,EACR,SAAS;AACT;;GAEG;AACH,KAAK,GAAG,MAAM;AACd;;GAEG;AACH,IAAI,GAAG,MAAM;AACb;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACO,EACjB,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAE9C,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,kBAAkB,CAAC,EAAE,KAAK,EAAE,CAAC,EAC7B,iBAAiB,CAAC,EAAE,IAAI,EAAE,CAAC,EAC3B,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAA","sourcesContent":["import { cva, type VariantProps } from \"cva\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { badgeColorVariants } from \"@/components/badge\"\nimport { clx } from \"@/utils/clx\"\n\nconst iconBadgeVariants = cva({\n  base: \"flex items-center justify-center overflow-hidden rounded-md border\",\n  variants: {\n    size: {\n      base: \"h-6 w-6\",\n      large: \"h-7 w-7\",\n    },\n  },\n})\n\ninterface IconBadgeProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n    VariantProps<typeof badgeColorVariants>,\n    VariantProps<typeof iconBadgeVariants> {\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `span` element and supports all of its props\n */\nconst IconBadge = React.forwardRef<HTMLSpanElement, IconBadgeProps>(\n  (\n    {\n      children,\n      className,\n      /**\n       * The badge's color.\n       */\n      color = \"grey\",\n      /**\n       * The badge's size.\n       */\n      size = \"base\",\n      /**\n       * Whether to remove the wrapper `span` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      ...props\n    }: IconBadgeProps,\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          iconBadgeVariants({ size }),\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    )\n  }\n)\nIconBadge.displayName = \"IconBadge\"\n\nexport { IconBadge }\n"]}
+{"version":3,"file":"icon-badge.js","sourceRoot":"","sources":["../../../../src/components/icon-badge/icon-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,KAAK,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,iBAAiB,GAAG,GAAG,CAAC;IAC5B,IAAI,EAAE,oEAAoE;IAC1E,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAC,CAAA;AASF;;GAEG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,QAAQ,EACR,SAAS;AACT;;GAEG;AACH,KAAK,GAAG,MAAM;AACd;;GAEG;AACH,IAAI,GAAG,MAAM;AACb;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACO,EACjB,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEzC,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,kBAAkB,CAAC,EAAE,KAAK,EAAE,CAAC,EAC7B,iBAAiB,CAAC,EAAE,IAAI,EAAE,CAAC,EAC3B,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAA","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"cva\"\nimport * as React from \"react\"\n\nimport { badgeColorVariants } from \"@/components/badge\"\nimport { clx } from \"@/utils/clx\"\n\nconst iconBadgeVariants = cva({\n  base: \"flex items-center justify-center overflow-hidden rounded-md border\",\n  variants: {\n    size: {\n      base: \"h-6 w-6\",\n      large: \"h-7 w-7\",\n    },\n  },\n})\n\ninterface IconBadgeProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n    VariantProps<typeof badgeColorVariants>,\n    VariantProps<typeof iconBadgeVariants> {\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `span` element and supports all of its props\n */\nconst IconBadge = React.forwardRef<HTMLSpanElement, IconBadgeProps>(\n  (\n    {\n      children,\n      className,\n      /**\n       * The badge's color.\n       */\n      color = \"grey\",\n      /**\n       * The badge's size.\n       */\n      size = \"base\",\n      /**\n       * Whether to remove the wrapper `span` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      ...props\n    }: IconBadgeProps,\n    ref\n  ) => {\n    const Component = asChild ? Slot : \"span\"\n\n    return (\n      <Component\n        ref={ref}\n        className={clx(\n          badgeColorVariants({ color }),\n          iconBadgeVariants({ size }),\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    )\n  }\n)\nIconBadge.displayName = \"IconBadge\"\n\nexport { IconBadge }\n"]}

package/dist/esm/components/icon-button/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AAEvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAkCtB,CAAA;AAEF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAC9C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,UAAU,2FAgEf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAkCtB,CAAA;AAEF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAC9C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,UAAU,2FAgEf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/esm/components/icon-button/icon-button.js

@@ -1,6 +1,6 @@
 import { Spinner } from "@medusajs/icons";
+import { Slot } from "@radix-ui/react-slot";
 import { cva } from "cva";
-import { Slot } from "radix-ui";
 import * as React from "react";
 import { clx } from "../../utils/clx";
 const iconButtonVariants = cva({
@@ -45,7 +45,7 @@ asChild = false, className, children,
  * Whether to show a loading spinner.
  */
 isLoading = false, disabled, ...props }, ref) => {
-    const Component = asChild ? Slot.Root : "button";
+    const Component = asChild ? 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/esm/components/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAgB,GAAG,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,kBAAkB,GAAG,GAAG,CAAC;IAC7B,IAAI,EAAE,GAAG,CACP,qGAAqG,EACrG,0FAA0F,CAC3F;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,GAAG,CACV,+DAA+D,EAC/D,kCAAkC,EAClC,qCAAqC,EACrC,4CAA4C,CAC7C;YACD,WAAW,EAAE,GAAG,CACd,4CAA4C,EAC5C,sCAAsC,EACtC,yCAAyC,EACzC,wEAAwE,EACxE,gDAAgD,CACjD;SACF;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,iBAAiB;YACxB,MAAM,EAAE,iBAAiB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AASF;;GAEG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE;AACE;;GAEG;AACH,OAAO,GAAG,SAAS;AACnB;;GAEG;AACH,IAAI,GAAG,MAAM;AACb;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ;AACR;;GAEG;AACH,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,GAAG,KAAK,EACQ,EAClB,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,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,GAAG,CACZ,gFAAgF,CACjF;oBAED,oBAAC,OAAO,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,GAAG,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAChE,QAAQ,EAAE,QAAQ,IAAI,SAAS,IAE9B,WAAW,EAAE,CACJ,CACb,CAAA;AACH,CAAC,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA","sourcesContent":["import { Spinner } from \"@medusajs/icons\"\nimport { VariantProps, cva } from \"cva\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst iconButtonVariants = cva({\n  base: clx(\n    \"transition-fg inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none\",\n    \"disabled:bg-ui-bg-disabled disabled:shadow-buttons-neutral disabled:text-ui-fg-disabled \"\n  ),\n  variants: {\n    variant: {\n      primary: clx(\n        \"shadow-buttons-neutral text-ui-fg-subtle bg-ui-button-neutral\",\n        \"hover:bg-ui-button-neutral-hover\",\n        \"active:bg-ui-button-neutral-pressed\",\n        \"focus-visible:shadow-buttons-neutral-focus\"\n      ),\n      transparent: clx(\n        \"text-ui-fg-subtle 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    },\n    size: {\n      \"2xsmall\": \"h-5 w-5\",\n      xsmall: \"h-6 w-6 p-1\",\n      small: \"h-7 w-7 p-1\",\n      base: \"h-8 w-8 p-1.5\",\n      large: \"h-10 w-10 p-2.5\",\n      xlarge: \"h-12 w-12 p-3.5\",\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n    size: \"base\",\n  },\n})\n\ninterface IconButtonProps\n  extends React.ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof iconButtonVariants> {\n  asChild?: boolean\n  isLoading?: boolean\n}\n\n/**\n * This component is based on the `button` element and supports all of its props\n */\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      /**\n       * The button's style.\n       */\n      variant = \"primary\",\n      /**\n       * The button's size.\n       */\n      size = \"base\",\n      /**\n       * Whether to remove the wrapper `button` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      className,\n      children,\n      /**\n       * Whether to show a loading spinner.\n       */\n      isLoading = false,\n      disabled,\n      ...props\n    }: IconButtonProps,\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(iconButtonVariants({ variant, size }), className)}\n        disabled={disabled || isLoading}\n      >\n        {renderInner()}\n      </Component>\n    )\n  }\n)\nIconButton.displayName = \"IconButton\"\n\nexport { IconButton, iconButtonVariants }\n"]}
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAgB,GAAG,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,kBAAkB,GAAG,GAAG,CAAC;IAC7B,IAAI,EAAE,GAAG,CACP,qGAAqG,EACrG,0FAA0F,CAC3F;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,GAAG,CACV,+DAA+D,EAC/D,kCAAkC,EAClC,qCAAqC,EACrC,4CAA4C,CAC7C;YACD,WAAW,EAAE,GAAG,CACd,4CAA4C,EAC5C,sCAAsC,EACtC,yCAAyC,EACzC,wEAAwE,EACxE,gDAAgD,CACjD;SACF;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,iBAAiB;YACxB,MAAM,EAAE,iBAAiB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AASF;;GAEG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE;AACE;;GAEG;AACH,OAAO,GAAG,SAAS;AACnB;;GAEG;AACH,IAAI,GAAG,MAAM;AACb;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ;AACR;;GAEG;AACH,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,GAAG,KAAK,EACQ,EAClB,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,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,GAAG,CACZ,gFAAgF,CACjF;oBAED,oBAAC,OAAO,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,GAAG,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAChE,QAAQ,EAAE,QAAQ,IAAI,SAAS,IAE9B,WAAW,EAAE,CACJ,CACb,CAAA;AACH,CAAC,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA","sourcesContent":["import { Spinner } from \"@medusajs/icons\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst iconButtonVariants = cva({\n  base: clx(\n    \"transition-fg inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none\",\n    \"disabled:bg-ui-bg-disabled disabled:shadow-buttons-neutral disabled:text-ui-fg-disabled \"\n  ),\n  variants: {\n    variant: {\n      primary: clx(\n        \"shadow-buttons-neutral text-ui-fg-subtle bg-ui-button-neutral\",\n        \"hover:bg-ui-button-neutral-hover\",\n        \"active:bg-ui-button-neutral-pressed\",\n        \"focus-visible:shadow-buttons-neutral-focus\"\n      ),\n      transparent: clx(\n        \"text-ui-fg-subtle 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    },\n    size: {\n      \"2xsmall\": \"h-5 w-5\",\n      xsmall: \"h-6 w-6 p-1\",\n      small: \"h-7 w-7 p-1\",\n      base: \"h-8 w-8 p-1.5\",\n      large: \"h-10 w-10 p-2.5\",\n      xlarge: \"h-12 w-12 p-3.5\",\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n    size: \"base\",\n  },\n})\n\ninterface IconButtonProps\n  extends React.ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof iconButtonVariants> {\n  asChild?: boolean\n  isLoading?: boolean\n}\n\n/**\n * This component is based on the `button` element and supports all of its props\n */\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      /**\n       * The button's style.\n       */\n      variant = \"primary\",\n      /**\n       * The button's size.\n       */\n      size = \"base\",\n      /**\n       * Whether to remove the wrapper `button` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      className,\n      children,\n      /**\n       * Whether to show a loading spinner.\n       */\n      isLoading = false,\n      disabled,\n      ...props\n    }: IconButtonProps,\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(iconButtonVariants({ variant, size }), className)}\n        disabled={disabled || isLoading}\n      >\n        {renderInner()}\n      </Component>\n    )\n  }\n)\nIconButton.displayName = \"IconButton\"\n\nexport { IconButton, iconButtonVariants }\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAkBjB,CAAA;AAEF,UAAU,UACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAC7C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC;;GAEG;AACH,QAAA,MAAM,KAAK,qFAqBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAkBjB,CAAA;AAEF,UAAU,UACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAC7C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC;;GAEG;AACH,QAAA,MAAM,KAAK,qFAqBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/esm/components/label/label.js

@@ -1,6 +1,6 @@
 "use client";
+import * as Primitives from "@radix-ui/react-label";
 import { cva } from "cva";
-import { Label as RadixLabel } from "radix-ui";
 import * as React from "react";
 import { clx } from "../../utils/clx";
 const labelVariants = cva({
@@ -34,7 +34,7 @@ size = "base",
  * The label's font weight.
  */
 weight = "regular", ...props }, ref) => {
-    return (React.createElement(RadixLabel.Root, { ref: ref, className: clx(labelVariants({ size, weight }), className), ...props }));
+    return (React.createElement(Primitives.Root, { ref: ref, className: clx(labelVariants({ size, weight }), className), ...props }));
 });
 Label.displayName = "Label";
 export { Label };

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

@@ -1 +1 @@
-{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,GAAG,EAAqB,MAAM,KAAK,CAAA;AAC5C,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,aAAa,GAAG,GAAG,CAAC;IACxB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,mBAAmB;SAC3B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,aAAa;SACpB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAA;AAMF;;GAEG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EACC,SAAS;AACT;;GAEG;AACH,IAAI,GAAG,MAAM;AACb;;GAEG;AACH,MAAM,GAAG,SAAS,EAClB,GAAG,KAAK,EACG,EAAE,GAAG,EAAE,EAAE;IACpB,OAAO,CACL,oBAAC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"cva\"\nimport { Label as RadixLabel } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst labelVariants = cva({\n  base: \"font-sans\",\n  variants: {\n    size: {\n      xsmall: \"txt-compact-xsmall\",\n      small: \"txt-compact-small\",\n      base: \"txt-compact-medium\",\n      large: \"txt-compact-large\",\n    },\n    weight: {\n      regular: \"font-normal\",\n      plus: \"font-medium\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n    weight: \"regular\",\n  },\n})\n\ninterface LabelProps\n  extends React.ComponentPropsWithoutRef<\"label\">,\n    VariantProps<typeof labelVariants> {}\n\n/**\n * This component is based on the [Radix UI Label](https://www.radix-ui.com/primitives/docs/components/label) primitive.\n */\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ \n    className, \n    /**\n     * The label's size.\n     */\n    size = \"base\", \n    /**\n     * The label's font weight.\n     */\n    weight = \"regular\", \n    ...props\n  }: LabelProps, ref) => {\n    return (\n      <RadixLabel.Root\n        ref={ref}\n        className={clx(labelVariants({ size, weight }), className)}\n        {...props}\n      />\n    )\n  }\n)\nLabel.displayName = \"Label\"\n\nexport { Label }\n"]}
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,GAAG,EAAqB,MAAM,KAAK,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,aAAa,GAAG,GAAG,CAAC;IACxB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,mBAAmB;SAC3B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,aAAa;SACpB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAA;AAMF;;GAEG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EACC,SAAS;AACT;;GAEG;AACH,IAAI,GAAG,MAAM;AACb;;GAEG;AACH,MAAM,GAAG,SAAS,EAClB,GAAG,KAAK,EACG,EAAE,GAAG,EAAE,EAAE;IACpB,OAAO,CACL,oBAAC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst labelVariants = cva({\n  base: \"font-sans\",\n  variants: {\n    size: {\n      xsmall: \"txt-compact-xsmall\",\n      small: \"txt-compact-small\",\n      base: \"txt-compact-medium\",\n      large: \"txt-compact-large\",\n    },\n    weight: {\n      regular: \"font-normal\",\n      plus: \"font-medium\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n    weight: \"regular\",\n  },\n})\n\ninterface LabelProps\n  extends React.ComponentPropsWithoutRef<\"label\">,\n    VariantProps<typeof labelVariants> {}\n\n/**\n * This component is based on the [Radix UI Label](https://www.radix-ui.com/primitives/docs/components/label) primitive.\n */\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ \n    className, \n    /**\n     * The label's size.\n     */\n    size = \"base\", \n    /**\n     * The label's font weight.\n     */\n    weight = \"regular\", \n    ...props\n  }: LabelProps, ref) => {\n    return (\n      <Primitives.Root\n        ref={ref}\n        className={clx(labelVariants({ size, weight }), className)}\n        {...props}\n      />\n    )\n  }\n)\nLabel.displayName = \"Label\"\n\nexport { Label }\n"]}

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

@@ -1,14 +1,14 @@
-import { Popover as RadixPopover } from "radix-ui";
+import * as Primitives from "@radix-ui/react-popover";
 import * as React from "react";
-interface ContentProps extends React.ComponentPropsWithoutRef<typeof RadixPopover.Content> {
+interface ContentProps extends React.ComponentPropsWithoutRef<typeof Primitives.Content> {
 }
 declare const Popover: {
-    (props: React.ComponentPropsWithoutRef<typeof RadixPopover.Root>): React.JSX.Element;
+    (props: React.ComponentPropsWithoutRef<typeof Primitives.Root>): React.JSX.Element;
     displayName: string;
 } & {
-    Trigger: React.ForwardRefExoticComponent<Omit<RadixPopover.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    Anchor: React.ForwardRefExoticComponent<Omit<RadixPopover.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Close: React.ForwardRefExoticComponent<Omit<RadixPopover.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Primitives.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Anchor: React.ForwardRefExoticComponent<Omit<Primitives.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<Primitives.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
     Seperator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsC9B,UAAU,YACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC;CAAG;AAiExE,QAAA,MAAM,OAAO;YAhGJ,MAAM,wBAAwB,CAAC,OAAO,aAAa,IAAI,CAAC;;;;;;;;CAsG/D,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,yBAAyB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsC9B,UAAU,YACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC;CAAG;AAiEtE,QAAA,MAAM,OAAO;YAhGJ,MAAM,wBAAwB,CAAC,OAAO,WAAW,IAAI,CAAC;;;;;;;;CAsG7D,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/esm/components/popover/popover.js

@@ -1,23 +1,23 @@
-import { Popover as RadixPopover } from "radix-ui";
+import * as Primitives from "@radix-ui/react-popover";
 import * as React from "react";
 import { clx } from "../../utils/clx";
 /**
  * This component is based on the [Radix UI Popover](https://www.radix-ui.com/primitives/docs/components/popover) primitves.
  */
 const Root = (props) => {
-    return React.createElement(RadixPopover.Root, { ...props });
+    return React.createElement(Primitives.Root, { ...props });
 };
 Root.displayName = "Popover";
 const Trigger = React.forwardRef((props, ref) => {
-    return React.createElement(RadixPopover.Trigger, { ref: ref, ...props });
+    return React.createElement(Primitives.Trigger, { ref: ref, ...props });
 });
 Trigger.displayName = "Popover.Trigger";
 const Anchor = React.forwardRef((props, ref) => {
-    return React.createElement(RadixPopover.Anchor, { ref: ref, ...props });
+    return React.createElement(Primitives.Anchor, { ref: ref, ...props });
 });
 Anchor.displayName = "Popover.Anchor";
 const Close = React.forwardRef((props, ref) => {
-    return React.createElement(RadixPopover.Close, { ref: ref, ...props });
+    return React.createElement(Primitives.Close, { ref: ref, ...props });
 });
 Close.displayName = "Popover.Close";
 /**
@@ -37,8 +37,8 @@ side = "bottom",
  * The preferred alignment against the anchor. May change when collisions occur.
  */
 align = "start", collisionPadding, ...props }, ref) => {
-    return (React.createElement(RadixPopover.Portal, null,
-        React.createElement(RadixPopover.Content, { ref: ref, sideOffset: sideOffset, side: side, align: align, collisionPadding: collisionPadding, className: clx("bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1", "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", className), ...props })));
+    return (React.createElement(Primitives.Portal, null,
+        React.createElement(Primitives.Content, { ref: ref, sideOffset: sideOffset, side: side, align: align, collisionPadding: collisionPadding, className: clx("bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1", "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", className), ...props })));
 });
 Content.displayName = "Popover.Content";
 const Seperator = React.forwardRef(({ className, ...props }, ref) => {

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

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC;;GAEG;AACH,MAAM,IAAI,GAAG,CACX,KAA+D,EAC/D,EAAE;IACF,OAAO,oBAAC,YAAY,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACzC,CAAC,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,YAAY,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACtD,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,YAAY,CAAC,MAAM,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACrD,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAErC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,YAAY,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACpD,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,eAAe,CAAA;AAKnC;;GAEG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAI9B,CACE,EACE,SAAS;AACT;;GAEG;AACH,UAAU,GAAG,CAAC;AACd;;;GAGG;AACH,IAAI,GAAG,QAAQ;AACf;;GAEG;AACH,KAAK,GAAG,OAAO,EACf,gBAAgB,EAChB,GAAG,KAAK,EACK,EACf,GAAG,EACH,EAAE;IACF,OAAO,CACL,oBAAC,YAAY,CAAC,MAAM;QAClB,oBAAC,YAAY,CAAC,OAAO,IACnB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,GAAG,CACZ,iJAAiJ,EACjJ,kVAAkV,EAClV,SAAS,CACV,KACG,KAAK,GACT,CACkB,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,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,GAAG,CAAC,mCAAmC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAE3C,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAClC,OAAO;IACP,MAAM;IACN,KAAK;IACL,OAAO;IACP,SAAS;CACV,CAAC,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA","sourcesContent":["import { Popover as RadixPopover } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Popover](https://www.radix-ui.com/primitives/docs/components/popover) primitves.\n */\nconst Root = (\n  props: React.ComponentPropsWithoutRef<typeof RadixPopover.Root>\n) => {\n  return <RadixPopover.Root {...props} />\n}\nRoot.displayName = \"Popover\"\n\nconst Trigger = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Trigger>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Trigger>\n>((props, ref) => {\n  return <RadixPopover.Trigger ref={ref} {...props} />\n})\nTrigger.displayName = \"Popover.Trigger\"\n\nconst Anchor = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Anchor>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Anchor>\n>((props, ref) => {\n  return <RadixPopover.Anchor ref={ref} {...props} />\n})\nAnchor.displayName = \"Popover.Anchor\"\n\nconst Close = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Close>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Close>\n>((props, ref) => {\n  return <RadixPopover.Close ref={ref} {...props} />\n})\nClose.displayName = \"Popover.Close\"\n\ninterface ContentProps\n  extends React.ComponentPropsWithoutRef<typeof RadixPopover.Content> {}\n\n/**\n * @excludeExternal\n */\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Content>,\n  ContentProps\n>(\n  (\n    {\n      className,\n      /**\n       * The distance in pixels from the anchor.\n       */\n      sideOffset = 8,\n      /**\n       * The preferred side of the anchor to render against when open.\n       * Will be reversed when collisions occur and `avoidCollisions` is enabled.\n       */\n      side = \"bottom\",\n      /**\n       * The preferred alignment against the anchor. May change when collisions occur.\n       */\n      align = \"start\",\n      collisionPadding,\n      ...props\n    }: ContentProps,\n    ref\n  ) => {\n    return (\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          ref={ref}\n          sideOffset={sideOffset}\n          side={side}\n          align={align}\n          collisionPadding={collisionPadding}\n          className={clx(\n            \"bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1\",\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            className\n          )}\n          {...props}\n        />\n      </RadixPopover.Portal>\n    )\n  }\n)\nContent.displayName = \"Popover.Content\"\n\nconst Seperator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\"bg-ui-border-base -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n})\nSeperator.displayName = \"Popover.Seperator\"\n\nconst Popover = Object.assign(Root, {\n  Trigger,\n  Anchor,\n  Close,\n  Content,\n  Seperator,\n})\n\nexport { Popover }\n"]}
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,yBAAyB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC;;GAEG;AACH,MAAM,IAAI,GAAG,CACX,KAA6D,EAC7D,EAAE;IACF,OAAO,oBAAC,UAAU,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACvC,CAAC,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,UAAU,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACpD,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,UAAU,CAAC,MAAM,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACnD,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAErC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,UAAU,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AAClD,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,eAAe,CAAA;AAKnC;;GAEG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAI9B,CACE,EACE,SAAS;AACT;;GAEG;AACH,UAAU,GAAG,CAAC;AACd;;;GAGG;AACH,IAAI,GAAG,QAAQ;AACf;;GAEG;AACH,KAAK,GAAG,OAAO,EACf,gBAAgB,EAChB,GAAG,KAAK,EACK,EACf,GAAG,EACH,EAAE;IACF,OAAO,CACL,oBAAC,UAAU,CAAC,MAAM;QAChB,oBAAC,UAAU,CAAC,OAAO,IACjB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,GAAG,CACZ,iJAAiJ,EACjJ,kVAAkV,EAClV,SAAS,CACV,KACG,KAAK,GACT,CACgB,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,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,GAAG,CAAC,mCAAmC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAE3C,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAClC,OAAO;IACP,MAAM;IACN,KAAK;IACL,OAAO;IACP,SAAS;CACV,CAAC,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA","sourcesContent":["import * as Primitives from \"@radix-ui/react-popover\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Popover](https://www.radix-ui.com/primitives/docs/components/popover) primitves.\n */\nconst Root = (\n  props: React.ComponentPropsWithoutRef<typeof Primitives.Root>\n) => {\n  return <Primitives.Root {...props} />\n}\nRoot.displayName = \"Popover\"\n\nconst Trigger = React.forwardRef<\n  React.ElementRef<typeof Primitives.Trigger>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Trigger>\n>((props, ref) => {\n  return <Primitives.Trigger ref={ref} {...props} />\n})\nTrigger.displayName = \"Popover.Trigger\"\n\nconst Anchor = React.forwardRef<\n  React.ElementRef<typeof Primitives.Anchor>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Anchor>\n>((props, ref) => {\n  return <Primitives.Anchor ref={ref} {...props} />\n})\nAnchor.displayName = \"Popover.Anchor\"\n\nconst Close = React.forwardRef<\n  React.ElementRef<typeof Primitives.Close>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Close>\n>((props, ref) => {\n  return <Primitives.Close ref={ref} {...props} />\n})\nClose.displayName = \"Popover.Close\"\n\ninterface ContentProps\n  extends React.ComponentPropsWithoutRef<typeof Primitives.Content> {}\n\n/**\n * @excludeExternal\n */\nconst Content = React.forwardRef<\n  React.ElementRef<typeof Primitives.Content>,\n  ContentProps\n>(\n  (\n    {\n      className,\n      /**\n       * The distance in pixels from the anchor.\n       */\n      sideOffset = 8,\n      /**\n       * The preferred side of the anchor to render against when open.\n       * Will be reversed when collisions occur and `avoidCollisions` is enabled.\n       */\n      side = \"bottom\",\n      /**\n       * The preferred alignment against the anchor. May change when collisions occur.\n       */\n      align = \"start\",\n      collisionPadding,\n      ...props\n    }: ContentProps,\n    ref\n  ) => {\n    return (\n      <Primitives.Portal>\n        <Primitives.Content\n          ref={ref}\n          sideOffset={sideOffset}\n          side={side}\n          align={align}\n          collisionPadding={collisionPadding}\n          className={clx(\n            \"bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1\",\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            className\n          )}\n          {...props}\n        />\n      </Primitives.Portal>\n    )\n  }\n)\nContent.displayName = \"Popover.Content\"\n\nconst Seperator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\"bg-ui-border-base -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n})\nSeperator.displayName = \"Popover.Seperator\"\n\nconst Popover = Object.assign(Root, {\n  Trigger,\n  Anchor,\n  Close,\n  Content,\n  Seperator,\n})\n\nexport { Popover }\n"]}

package/dist/esm/components/progress-accordion/progress-accordion.d.ts

@@ -1,16 +1,16 @@
-import { Accordion as RadixAccordion } from "radix-ui";
+import * as Primitves from "@radix-ui/react-accordion";
 import * as React from "react";
 import { ProgressStatus } from "../../types";
-interface HeaderProps extends React.ComponentPropsWithoutRef<typeof RadixAccordion.Header> {
+interface HeaderProps extends React.ComponentPropsWithoutRef<typeof Primitves.Header> {
     status?: ProgressStatus;
 }
 declare const ProgressAccordion: {
-    (props: React.ComponentPropsWithoutRef<typeof RadixAccordion.Root>): React.JSX.Element;
+    (props: React.ComponentPropsWithoutRef<typeof Primitves.Root>): React.JSX.Element;
     displayName: string;
 } & {
-    Item: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Primitves.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLHeadingElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Primitves.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export { ProgressAccordion };
 //# sourceMappingURL=progress-accordion.d.ts.map

package/dist/esm/components/progress-accordion/progress-accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-accordion/progress-accordion.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AA6BxC,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC;IACpE,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AA6FD,QAAA,MAAM,iBAAiB;YAtHF,MAAM,wBAAwB,CAAC,OAAO,eAAe,IAAI,CAAC;;;;;;CA0H7E,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"progress-accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-accordion/progress-accordion.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AA6BxC,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC;IAC/D,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AA6FD,QAAA,MAAM,iBAAiB;YAtHF,MAAM,wBAAwB,CAAC,OAAO,UAAU,IAAI,CAAC;;;;;;CA0HxE,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/esm/components/progress-accordion/progress-accordion.js

@@ -1,6 +1,6 @@
 "use client";
 import { CheckCircleSolid, CircleDottedLine, CircleHalfSolid, Plus, } from "@medusajs/icons";
-import { Accordion as RadixAccordion } from "radix-ui";
+import * as Primitves from "@radix-ui/react-accordion";
 import * as React from "react";
 import { clx } from "../../utils/clx";
 import { IconButton } from "../icon-button";
@@ -8,11 +8,11 @@ import { IconButton } from "../icon-button";
  * This component is based on the [Radix UI Accordion](https://radix-ui.com/primitives/docs/components/accordion) primitves.
  */
 const Root = (props) => {
-    return React.createElement(RadixAccordion.Root, { ...props });
+    return React.createElement(Primitves.Root, { ...props });
 };
 Root.displayName = "ProgressAccordion";
 const Item = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(RadixAccordion.Item, { ref: ref, className: clx("border-ui-border-base border-b last-of-type:border-b-0", className), ...props }));
+    return (React.createElement(Primitves.Item, { ref: ref, className: clx("border-ui-border-base border-b last-of-type:border-b-0", className), ...props }));
 });
 Item.displayName = "ProgressAccordion.Item";
 const ProgressIndicator = ({ 
@@ -41,16 +41,16 @@ const Header = React.forwardRef(({ className,
  * The current status.
  */
 status = "not-started", children, ...props }, ref) => {
-    return (React.createElement(RadixAccordion.Header, { ref: ref, className: clx("h3-core text-ui-fg-base group flex w-full flex-1 items-center gap-4 px-6", className), ...props },
+    return (React.createElement(Primitves.Header, { ref: ref, className: clx("h3-core text-ui-fg-base group flex w-full flex-1 items-center gap-4 px-6", className), ...props },
         React.createElement(ProgressIndicator, { status: status }),
         children,
-        React.createElement(RadixAccordion.Trigger, { asChild: true, className: "ml-auto" },
+        React.createElement(Primitves.Trigger, { asChild: true, className: "ml-auto" },
             React.createElement(IconButton, { variant: "transparent" },
                 React.createElement(Plus, { className: "transform transition-transform group-data-[state=open]:rotate-45" })))));
 });
 Header.displayName = "ProgressAccordion.Header";
 const Content = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(RadixAccordion.Content, { ref: ref, className: clx("overflow-hidden", "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pl-[88px] pr-6", className), ...props }));
+    return (React.createElement(Primitves.Content, { ref: ref, className: clx("overflow-hidden", "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pl-[88px] pr-6", className), ...props }));
 });
 Content.displayName = "ProgressAccordion.Content";
 const ProgressAccordion = Object.assign(Root, {

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

@@ -1 +1 @@
-{"version":3,"file":"progress-accordion.js","sourceRoot":"","sources":["../../../../src/components/progress-accordion/progress-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircleSolid,\n  CircleDottedLine,\n  CircleHalfSolid,\n  Plus,\n} from \"@medusajs/icons\"\nimport { Accordion as RadixAccordion } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { ProgressStatus } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\nimport { IconButton } from \"../icon-button\"\n\n/**\n * This component is based on the [Radix UI Accordion](https://radix-ui.com/primitives/docs/components/accordion) primitves.\n */\nconst Root = (props: React.ComponentPropsWithoutRef<typeof RadixAccordion.Root>) => {\n  return <RadixAccordion.Root {...props} />\n}\nRoot.displayName = \"ProgressAccordion\"\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Item>,\n  React.ComponentPropsWithoutRef<typeof RadixAccordion.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAccordion.Item\n      ref={ref}\n      className={clx(\n        \"border-ui-border-base border-b last-of-type:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nItem.displayName = \"ProgressAccordion.Item\"\n\ninterface HeaderProps\n  extends React.ComponentPropsWithoutRef<typeof RadixAccordion.Header> {\n  status?: ProgressStatus\n}\n\ninterface StatusIndicatorProps extends React.ComponentPropsWithoutRef<\"span\"> {\n  status: ProgressStatus\n}\n\nconst ProgressIndicator = ({\n  /**\n   * The current status.\n   */\n  status,\n  ...props\n}: StatusIndicatorProps) => {\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=\"text-ui-fg-muted group-data-[state=open]:text-ui-fg-interactive flex h-12 w-12 items-center justify-center\"\n      {...props}\n    >\n      <Icon />\n    </span>\n  )\n}\nProgressIndicator.displayName = \"ProgressAccordion.ProgressIndicator\"\n\nconst Header = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Header>,\n  HeaderProps\n>(\n  (\n    {\n      className,\n      /**\n       * The current status.\n       */\n      status = \"not-started\",\n      children,\n      ...props\n    }: HeaderProps,\n    ref\n  ) => {\n    return (\n      <RadixAccordion.Header\n        ref={ref}\n        className={clx(\n          \"h3-core text-ui-fg-base group flex w-full flex-1 items-center gap-4 px-6\",\n          className\n        )}\n        {...props}\n      >\n        <ProgressIndicator status={status} />\n        {children}\n        <RadixAccordion.Trigger asChild className=\"ml-auto\">\n          <IconButton variant=\"transparent\">\n            <Plus className=\"transform transition-transform group-data-[state=open]:rotate-45\" />\n          </IconButton>\n        </RadixAccordion.Trigger>\n      </RadixAccordion.Header>\n    )\n  }\n)\nHeader.displayName = \"ProgressAccordion.Header\"\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixAccordion.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAccordion.Content\n      ref={ref}\n      className={clx(\n        \"overflow-hidden\",\n        \"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pl-[88px] pr-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nContent.displayName = \"ProgressAccordion.Content\"\n\nconst ProgressAccordion = Object.assign(Root, {\n  Item,\n  Header,\n  Content,\n})\n\nexport { ProgressAccordion }\n"]}
+{"version":3,"file":"progress-accordion.js","sourceRoot":"","sources":["../../../../src/components/progress-accordion/progress-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircleSolid,\n  CircleDottedLine,\n  CircleHalfSolid,\n  Plus,\n} from \"@medusajs/icons\"\nimport * as Primitves from \"@radix-ui/react-accordion\"\nimport * as React from \"react\"\n\nimport { ProgressStatus } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\nimport { IconButton } from \"../icon-button\"\n\n/**\n * This component is based on the [Radix UI Accordion](https://radix-ui.com/primitives/docs/components/accordion) primitves.\n */\nconst Root = (props: React.ComponentPropsWithoutRef<typeof Primitves.Root>) => {\n  return <Primitves.Root {...props} />\n}\nRoot.displayName = \"ProgressAccordion\"\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof Primitves.Item>,\n  React.ComponentPropsWithoutRef<typeof Primitves.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <Primitves.Item\n      ref={ref}\n      className={clx(\n        \"border-ui-border-base border-b last-of-type:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nItem.displayName = \"ProgressAccordion.Item\"\n\ninterface HeaderProps\n  extends React.ComponentPropsWithoutRef<typeof Primitves.Header> {\n  status?: ProgressStatus\n}\n\ninterface StatusIndicatorProps extends React.ComponentPropsWithoutRef<\"span\"> {\n  status: ProgressStatus\n}\n\nconst ProgressIndicator = ({\n  /**\n   * The current status.\n   */\n  status,\n  ...props\n}: StatusIndicatorProps) => {\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=\"text-ui-fg-muted group-data-[state=open]:text-ui-fg-interactive flex h-12 w-12 items-center justify-center\"\n      {...props}\n    >\n      <Icon />\n    </span>\n  )\n}\nProgressIndicator.displayName = \"ProgressAccordion.ProgressIndicator\"\n\nconst Header = React.forwardRef<\n  React.ElementRef<typeof Primitves.Header>,\n  HeaderProps\n>(\n  (\n    {\n      className,\n      /**\n       * The current status.\n       */\n      status = \"not-started\",\n      children,\n      ...props\n    }: HeaderProps,\n    ref\n  ) => {\n    return (\n      <Primitves.Header\n        ref={ref}\n        className={clx(\n          \"h3-core text-ui-fg-base group flex w-full flex-1 items-center gap-4 px-6\",\n          className\n        )}\n        {...props}\n      >\n        <ProgressIndicator status={status} />\n        {children}\n        <Primitves.Trigger asChild className=\"ml-auto\">\n          <IconButton variant=\"transparent\">\n            <Plus className=\"transform transition-transform group-data-[state=open]:rotate-45\" />\n          </IconButton>\n        </Primitves.Trigger>\n      </Primitves.Header>\n    )\n  }\n)\nHeader.displayName = \"ProgressAccordion.Header\"\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof Primitves.Content>,\n  React.ComponentPropsWithoutRef<typeof Primitves.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <Primitves.Content\n      ref={ref}\n      className={clx(\n        \"overflow-hidden\",\n        \"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pl-[88px] pr-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nContent.displayName = \"ProgressAccordion.Content\"\n\nconst ProgressAccordion = Object.assign(Root, {\n  Item,\n  Header,\n  Content,\n})\n\nexport { ProgressAccordion }\n"]}

package/dist/esm/components/progress-tabs/progress-tabs.d.ts

@@ -1,16 +1,16 @@
-import { Tabs as RadixTabs } from "radix-ui";
+import * as ProgressTabsPrimitives from "@radix-ui/react-tabs";
 import * as React from "react";
 import { ProgressStatus } from "../../types";
-interface ProgressTabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>, "asChild"> {
+interface ProgressTabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressTabsPrimitives.Trigger>, "asChild"> {
     status?: ProgressStatus;
 }
 declare const ProgressTabs: {
-    (props: RadixTabs.TabsProps): React.JSX.Element;
+    (props: ProgressTabsPrimitives.TabsProps): React.JSX.Element;
     displayName: string;
 } & {
     Trigger: React.ForwardRefExoticComponent<ProgressTabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    List: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    List: React.ForwardRefExoticComponent<Omit<ProgressTabsPrimitives.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<ProgressTabsPrimitives.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export { ProgressTabs };
 //# sourceMappingURL=progress-tabs.d.ts.map

package/dist/esm/components/progress-tabs/progress-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-tabs/progress-tabs.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAiDxC,UAAU,wBACR,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,EACxD,SAAS,CACV;IACD,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AA6DD,QAAA,MAAM,YAAY;YA5Ge,UAAU,SAAS;;;;;;CAgHlD,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"progress-tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-tabs/progress-tabs.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,sBAAsB,MAAM,sBAAsB,CAAA;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAiDxC,UAAU,wBACR,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,sBAAsB,CAAC,OAAO,CAAC,EACrE,SAAS,CACV;IACD,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AA6DD,QAAA,MAAM,YAAY;YA5Ge,uBAAuB,SAAS;;;;;;CAgH/D,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA"}