@medusajs/ui 1.0.0 → 2.1.0

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

@@ -4,52 +4,56 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FocusModal = void 0;
 const tslib_1 = require("tslib");
 const icons_1 = require("@medusajs/icons");
-const Primitives = tslib_1.__importStar(require("@radix-ui/react-dialog"));
+const FocusModalPrimitives = tslib_1.__importStar(require("@radix-ui/react-dialog"));
 const React = tslib_1.__importStar(require("react"));
+const icon_button_1 = require("../icon-button");
 const kbd_1 = require("../kbd");
 const clx_1 = require("../../utils/clx");
-const button_1 = require("../button");
-const Root = Primitives.Root;
-Root.displayName = "FocusModal.Root";
-const Trigger = Primitives.Trigger;
-Trigger.displayName = "FocusModal.Trigger";
-const Portal = ({ className, ...props }) => {
-    return React.createElement(Primitives.DialogPortal, { className: (0, clx_1.clx)(className), ...props });
+const FocusModalRoot = (props) => {
+    return React.createElement(FocusModalPrimitives.Root, { ...props });
 };
-Portal.displayName = "FocusModal.Portal";
-const Overlay = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(Primitives.Overlay, { ref: ref, className: (0, clx_1.clx)("fixed inset-0 z-50", 
-        // "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",  // Re-enable when Admin UI has been cleaned up
+FocusModalRoot.displayName = "FocusModal";
+const FocusModalTrigger = React.forwardRef((props, ref) => {
+    return React.createElement(FocusModalPrimitives.Trigger, { ref: ref, ...props });
+});
+FocusModalTrigger.displayName = "FocusModal.Trigger";
+const FocusModalPortal = ({ className, ...props }) => {
+    return (React.createElement(FocusModalPrimitives.DialogPortal, { className: (0, clx_1.clx)(className), ...props }));
+};
+FocusModalPortal.displayName = "FocusModal.Portal";
+const FocusModalOverlay = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(FocusModalPrimitives.Overlay, { ref: ref, className: (0, clx_1.clx)("bg-ui-bg-overlay fixed inset-0", 
+        // "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
         className), ...props }));
 });
-Overlay.displayName = "FocusModal.Overlay";
-const Content = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(Portal, null,
-        React.createElement(Overlay, null),
-        React.createElement(Primitives.Content, { ref: ref, className: (0, clx_1.clx)("bg-ui-bg-base shadow-elevation-modal fixed inset-2 z-50 flex flex-col rounded-lg border focus:outline-none", 
-            // "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200",  // Re-enable when Admin UI has been cleaned up
+FocusModalOverlay.displayName = "FocusModal.Overlay";
+const FocusModalContent = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(FocusModalPortal, null,
+        React.createElement(FocusModalOverlay, null),
+        React.createElement(FocusModalPrimitives.Content, { ref: ref, className: (0, clx_1.clx)("bg-ui-bg-base shadow-elevation-modal fixed inset-2 flex flex-col overflow-hidden rounded-lg border focus:outline-none", 
+            // "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200",
             className), ...props })));
 });
-Content.displayName = "FocusModal.Content";
-const Header = ({ children, className, ...props }) => {
-    return (React.createElement("div", { className: (0, clx_1.clx)("border-ui-border-base flex items-start justify-between gap-x-4 border-b p-4", className), ...props },
+FocusModalContent.displayName = "FocusModal.Content";
+const FocusModalHeader = React.forwardRef(({ children, className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: (0, clx_1.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(Primitives.Close, { asChild: true },
-                React.createElement(button_1.Button, { variant: "transparent", size: "small", format: "icon" },
+            React.createElement(FocusModalPrimitives.Close, { asChild: true },
+                React.createElement(icon_button_1.IconButton, { variant: "transparent" },
                     React.createElement(icons_1.XMark, null))),
             React.createElement(kbd_1.Kbd, null, "esc")),
-        React.createElement("div", null, children)));
-};
-Header.displayName = "FocusModal.Header";
-const Body = ({ className, ...props }) => {
-    return React.createElement("div", { className: (0, clx_1.clx)("flex-1", className), ...props });
-};
-Body.displayName = "FocusModal.Body";
-const FocusModal = Object.assign(Root, {
-    Trigger,
-    Content,
-    Header,
-    Body,
+        children));
+});
+FocusModalHeader.displayName = "FocusModal.Header";
+const FocusModalBody = React.forwardRef(({ className, ...props }, ref) => {
+    return React.createElement("div", { ref: ref, className: (0, clx_1.clx)("flex-1", className), ...props });
+});
+FocusModalBody.displayName = "FocusModal.Body";
+const FocusModal = Object.assign(FocusModalRoot, {
+    Trigger: FocusModalTrigger,
+    Content: FocusModalContent,
+    Header: FocusModalHeader,
+    Body: FocusModalBody,
 });
 exports.FocusModal = FocusModal;
 //# sourceMappingURL=focus-modal.js.map

package/dist/cjs/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,2CAAuC;AACvC,2EAAoD;AACpD,qDAA8B;AAE9B,0CAAsC;AACtC,qCAAiC;AACjC,sCAAkC;AAElC,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAA;AAC5B,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEpC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;AAClC,OAAO,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAE1C,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC,EAAE,EAAE;IACvE,OAAO,oBAAC,UAAU,CAAC,YAAY,IAAC,SAAS,EAAE,IAAA,SAAG,EAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AAC1E,CAAC,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAExC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,UAAU,CAAC,OAAO,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,oBAAoB;QACpB,6KAA6K;QAC7K,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAE1C,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,OAAO,OAAG;QACX,oBAAC,UAAU,CAAC,OAAO,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,4GAA4G;YAC5G,uPAAuP;YACvP,SAAS,CACV,KACG,KAAK,GACT,CACK,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAE1C,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE;IACzC,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,6EAA6E,EAC7E,SAAS,CACV,KACG,KAAK;QAET,6BAAK,SAAS,EAAC,2BAA2B;YACxC,oBAAC,UAAU,CAAC,KAAK,IAAC,OAAO;gBACvB,oBAAC,eAAM,IAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM;oBACzD,oBAAC,aAAK,OAAG,CACF,CACQ;YACnB,oBAAC,SAAG,cAAU,CACV;QACN,iCAAM,QAAQ,CAAO,CACjB,CACP,CAAA;AACH,CAAC,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAExC,MAAM,IAAI,GAAG,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE;IACzC,OAAO,6BAAK,SAAS,EAAE,IAAA,SAAG,EAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AAChE,CAAC,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IACrC,OAAO;IACP,OAAO;IACP,MAAM;IACN,IAAI;CACL,CAAC,CAAA;AAEO,gCAAU","sourcesContent":["\"use client\"\n\nimport { XMark } from \"@medusajs/icons\"\nimport * as Primitives from \"@radix-ui/react-dialog\"\nimport * as React from \"react\"\n\nimport { Kbd } from \"@/components/kbd\"\nimport { clx } from \"@/utils/clx\"\nimport { Button } from \"../button\"\n\nconst Root = Primitives.Root\nRoot.displayName = \"FocusModal.Root\"\n\nconst Trigger = Primitives.Trigger\nTrigger.displayName = \"FocusModal.Trigger\"\n\nconst Portal = ({ className, ...props }: Primitives.DialogPortalProps) => {\n  return <Primitives.DialogPortal className={clx(className)} {...props} />\n}\nPortal.displayName = \"FocusModal.Portal\"\n\nconst Overlay = React.forwardRef<\n  React.ElementRef<typeof Primitives.Overlay>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Overlay>\n>(({ className, ...props }, ref) => {\n  return (\n    <Primitives.Overlay\n      ref={ref}\n      className={clx(\n        \"fixed inset-0 z-50\",\n        // \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",  // Re-enable when Admin UI has been cleaned up\n        className\n      )}\n      {...props}\n    />\n  )\n})\nOverlay.displayName = \"FocusModal.Overlay\"\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof Primitives.Content>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <Portal>\n      <Overlay />\n      <Primitives.Content\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base shadow-elevation-modal fixed inset-2 z-50 flex flex-col rounded-lg border focus:outline-none\",\n          // \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200\",  // Re-enable when Admin UI has been cleaned up\n          className\n        )}\n        {...props}\n      />\n    </Portal>\n  )\n})\nContent.displayName = \"FocusModal.Content\"\n\nconst Header = ({\n  children,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={clx(\n        \"border-ui-border-base flex items-start justify-between gap-x-4 border-b p-4\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-x-2\">\n        <Primitives.Close asChild>\n          <Button variant=\"transparent\" size={\"small\"} format={\"icon\"}>\n            <XMark />\n          </Button>\n        </Primitives.Close>\n        <Kbd>esc</Kbd>\n      </div>\n      <div>{children}</div>\n    </div>\n  )\n}\nHeader.displayName = \"FocusModal.Header\"\n\nconst Body = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return <div className={clx(\"flex-1\", className)} {...props} />\n}\nBody.displayName = \"FocusModal.Body\"\n\nconst FocusModal = Object.assign(Root, {\n  Trigger,\n  Content,\n  Header,\n  Body,\n})\n\nexport { FocusModal }\n"]}
+{"version":3,"file":"focus-modal.js","sourceRoot":"","sources":["../../../../src/components/focus-modal/focus-modal.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,2CAAuC;AACvC,qFAA8D;AAC9D,qDAA8B;AAE9B,0DAAqD;AACrD,0CAAsC;AACtC,qCAAiC;AAEjC,MAAM,cAAc,GAAG,CACrB,KAAuE,EACvE,EAAE;IACF,OAAO,oBAAC,oBAAoB,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACjD,CAAC,CAAA;AACD,cAAc,CAAC,WAAW,GAAG,YAAY,CAAA;AAEzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,oBAAoB,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AAC9D,CAAC,CAAC,CAAA;AACF,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAEpD,MAAM,gBAAgB,GAAG,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EAC+B,EAAE,EAAE;IAC3C,OAAO,CACL,oBAAC,oBAAoB,CAAC,YAAY,IAAC,SAAS,EAAE,IAAA,SAAG,EAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAA;AACH,CAAC,CAAA;AACD,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAElD,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,oBAAoB,CAAC,OAAO,IAC3B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,gCAAgC;QAChC,6HAA6H;QAC7H,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAEpD,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,gBAAgB;QACf,oBAAC,iBAAiB,OAAG;QACrB,oBAAC,oBAAoB,CAAC,OAAO,IAC3B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,uHAAuH;YACvH,uMAAuM;YACvM,SAAS,CACV,KACG,KAAK,GACT,CACe,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AACF,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAEpD,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,IAAA,SAAG,EACZ,oFAAoF,EACpF,SAAS,CACV,KACG,KAAK;QAET,6BAAK,SAAS,EAAC,2BAA2B;YACxC,oBAAC,oBAAoB,CAAC,KAAK,IAAC,OAAO;gBACjC,oBAAC,wBAAU,IAAC,OAAO,EAAC,aAAa;oBAC/B,oBAAC,aAAK,OAAG,CACE,CACc;YAC7B,oBAAC,SAAG,cAAU,CACV;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AACF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAElD,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,IAAA,SAAG,EAAC,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,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;IACxB,IAAI,EAAE,cAAc;CACrB,CAAC,CAAA;AAEO,gCAAU","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\nconst FocusModalRoot = (\n  props: React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Root>\n) => {\n  return <FocusModalPrimitives.Root {...props} />\n}\nFocusModalRoot.displayName = \"FocusModal\"\n\nconst FocusModalTrigger = React.forwardRef<\n  React.ElementRef<typeof FocusModalPrimitives.Trigger>,\n  React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Trigger>\n>((props, ref) => {\n  return <FocusModalPrimitives.Trigger ref={ref} {...props} />\n})\nFocusModalTrigger.displayName = \"FocusModal.Trigger\"\n\nconst FocusModalPortal = ({\n  className,\n  ...props\n}: FocusModalPrimitives.DialogPortalProps) => {\n  return (\n    <FocusModalPrimitives.DialogPortal className={clx(className)} {...props} />\n  )\n}\nFocusModalPortal.displayName = \"FocusModal.Portal\"\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\nconst FocusModalContent = React.forwardRef<\n  React.ElementRef<typeof FocusModalPrimitives.Content>,\n  React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <FocusModalPortal>\n      <FocusModalOverlay />\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 focus:outline-none\",\n          // \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200\",\n          className\n        )}\n        {...props}\n      />\n    </FocusModalPortal>\n  )\n})\nFocusModalContent.displayName = \"FocusModal.Content\"\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 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\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  Content: FocusModalContent,\n  Header: FocusModalHeader,\n  Body: FocusModalBody,\n})\n\nexport { FocusModal }\n"]}

package/dist/cjs/components/heading/heading.js

@@ -8,9 +8,9 @@ const clx_1 = require("../../utils/clx");
 const headingVariants = (0, class_variance_authority_1.cva)("font-sans font-medium", {
     variants: {
         level: {
-            h1: "text-xl leading-8",
-            h2: "text-base leading-6",
-            h3: "text-sm leading-5",
+            h1: "h1-core",
+            h2: "h2-core",
+            h3: "h3-core",
         },
     },
     defaultVariants: {

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

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/components/heading/heading.tsx"],"names":[],"mappings":";;;;AAAA,uEAAiE;AACjE,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,eAAe,GAAG,IAAA,8BAAG,EAAC,uBAAuB,EAAE;IACnD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,mBAAmB;SACxB;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,IAAI;KACZ;CACF,CAAC,CAAA;AAgBgB,0CAAe;AAXjC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC/D,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IAEtC,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,IAAA,SAAG,EAAC,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAEQ,0BAAO","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst headingVariants = cva(\"font-sans font-medium\", {\n  variants: {\n    level: {\n      h1: \"text-xl leading-8\",\n      h2: \"text-base leading-6\",\n      h3: \"text-sm leading-5\",\n    },\n  },\n  defaultVariants: {\n    level: \"h1\",\n  },\n})\n\ntype HeadingProps = VariantProps<typeof headingVariants> &\n  React.HTMLAttributes<HTMLHeadingElement>\n\nconst Heading = ({ level, className, ...props }: HeadingProps) => {\n  const Component = level ? level : \"h1\"\n\n  return (\n    <Component\n      className={clx(headingVariants({ level }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Heading, headingVariants }\n"]}
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/components/heading/heading.tsx"],"names":[],"mappings":";;;;AAAA,uEAAiE;AACjE,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,eAAe,GAAG,IAAA,8BAAG,EAAC,uBAAuB,EAAE;IACnD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,IAAI;KACZ;CACF,CAAC,CAAA;AAgBgB,0CAAe;AAXjC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC/D,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IAEtC,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,IAAA,SAAG,EAAC,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAEQ,0BAAO","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst headingVariants = cva(\"font-sans font-medium\", {\n  variants: {\n    level: {\n      h1: \"h1-core\",\n      h2: \"h2-core\",\n      h3: \"h3-core\",\n    },\n  },\n  defaultVariants: {\n    level: \"h1\",\n  },\n})\n\ntype HeadingProps = VariantProps<typeof headingVariants> &\n  React.HTMLAttributes<HTMLHeadingElement>\n\nconst Heading = ({ level, className, ...props }: HeadingProps) => {\n  const Component = level ? level : \"h1\"\n\n  return (\n    <Component\n      className={clx(headingVariants({ level }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Heading, headingVariants }\n"]}

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

@@ -1,7 +1,7 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const Hint: React.ForwardRefExoticComponent<VariantProps<(props?: ({
-    variant?: "info" | "error" | null | undefined;
+    variant?: "error" | "info" | null | undefined;
 } & ({
     class: import("clsx").ClassValue;
     className?: undefined;

package/dist/cjs/components/icon-badge/icon-badge.d.ts

@@ -0,0 +1,20 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { badgeColorVariants } from "../badge";
+declare const iconBadgeVariants: (props?: ({
+    size?: "base" | "large" | null | undefined;
+} & ({
+    class: import("clsx").ClassValue;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className: import("clsx").ClassValue;
+} | {
+    class?: undefined;
+    className?: undefined;
+})) | undefined) => string;
+interface IconBadgeProps extends Omit<React.ComponentPropsWithoutRef<"span">, "color">, VariantProps<typeof badgeColorVariants>, VariantProps<typeof iconBadgeVariants> {
+    asChild?: boolean;
+}
+declare const IconBadge: React.ForwardRefExoticComponent<IconBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { IconBadge };

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconBadge = void 0;
+const tslib_1 = require("tslib");
+const react_slot_1 = require("@radix-ui/react-slot");
+const class_variance_authority_1 = require("class-variance-authority");
+const React = tslib_1.__importStar(require("react"));
+const badge_1 = require("../badge");
+const clx_1 = require("../../utils/clx");
+const iconBadgeVariants = (0, class_variance_authority_1.cva)("flex items-center justify-center overflow-hidden rounded-md border", {
+    variants: {
+        size: {
+            base: "h-6 w-6",
+            large: "h-7 w-7",
+        },
+    },
+});
+const IconBadge = React.forwardRef(({ children, className, color = "grey", size = "base", asChild = false, ...props }, ref) => {
+    const Component = asChild ? react_slot_1.Slot : "span";
+    return (React.createElement(Component, { ref: ref, className: (0, clx_1.clx)((0, badge_1.badgeColorVariants)({ color }), iconBadgeVariants({ size }), className), ...props }, children));
+});
+exports.IconBadge = IconBadge;
+IconBadge.displayName = "IconBadge";
+//# sourceMappingURL=icon-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-badge.js","sourceRoot":"","sources":["../../../../src/components/icon-badge/icon-badge.tsx"],"names":[],"mappings":";;;;AAAA,qDAA2C;AAC3C,uEAAiE;AACjE,qDAA8B;AAE9B,8CAAuD;AACvD,qCAAiC;AAEjC,MAAM,iBAAiB,GAAG,IAAA,8BAAG,EAC3B,oEAAoE,EACpE;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CACF,CAAA;AASD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,MAAM,EACb,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEzC,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,IAAA,0BAAkB,EAAC,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;AAGQ,8BAAS;AAFlB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { badgeColorVariants } from \"@/components/badge\"\nimport { clx } from \"@/utils/clx\"\n\nconst iconBadgeVariants = cva(\n  \"flex items-center justify-center overflow-hidden rounded-md border\",\n  {\n    variants: {\n      size: {\n        base: \"h-6 w-6\",\n        large: \"h-7 w-7\",\n      },\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\nconst IconBadge = React.forwardRef<HTMLSpanElement, IconBadgeProps>(\n  (\n    {\n      children,\n      className,\n      color = \"grey\",\n      size = \"base\",\n      asChild = false,\n      ...props\n    },\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/cjs/components/icon-badge/index.d.ts

@@ -0,0 +1 @@
+export * from "./icon-badge";

package/dist/cjs/components/icon-badge/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./icon-badge"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/icon-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/icon-badge/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B","sourcesContent":["export * from \"./icon-badge\"\n"]}

package/dist/cjs/components/icon-button/icon-button.d.ts

@@ -0,0 +1,21 @@
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const iconButtonVariants: (props?: ({
+    variant?: "primary" | "transparent" | null | undefined;
+    size?: "base" | "large" | "xlarge" | null | undefined;
+} & ({
+    class: import("clsx").ClassValue;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className: import("clsx").ClassValue;
+} | {
+    class?: undefined;
+    className?: undefined;
+})) | undefined) => string;
+interface IconButtonProps extends React.ComponentPropsWithoutRef<"button">, VariantProps<typeof iconButtonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { IconButton, iconButtonVariants };

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconButtonVariants = exports.IconButton = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("@medusajs/icons");
+const react_slot_1 = require("@radix-ui/react-slot");
+const class_variance_authority_1 = require("class-variance-authority");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+const iconButtonVariants = (0, class_variance_authority_1.cva)((0, clx_1.clx)("transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none", "disabled:bg-ui-bg-disabled disabled:shadow-buttons-neutral disabled:text-ui-fg-disabled disabled:after:hidden"), {
+    variants: {
+        variant: {
+            primary: (0, clx_1.clx)("shadow-buttons-neutral text-ui-fg-subtle bg-ui-button-neutral after:button-neutral-gradient", "hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient", "active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient", "focus:shadow-buttons-neutral-focus", "after:absolute after:inset-0 after:content-['']"),
+            transparent: (0, clx_1.clx)("text-ui-fg-subtle bg-ui-button-transparent", "hover:bg-ui-button-transparent-hover", "active:bg-ui-button-transparent-pressed", "focus:shadow-buttons-neutral-focus focus:bg-ui-bg-base", "disabled:!bg-transparent disabled:!shadow-none"),
+        },
+        size: {
+            base: "h-8 w-8 p-1.5",
+            large: "h-10 w-10 p-2.5",
+            xlarge: "h-12 w-12 p-3.5",
+        },
+    },
+    defaultVariants: {
+        variant: "primary",
+        size: "base",
+    },
+});
+exports.iconButtonVariants = iconButtonVariants;
+const IconButton = React.forwardRef(({ variant = "primary", size = "base", asChild = false, className, children, isLoading = false, disabled, ...props }, ref) => {
+    const Component = asChild ? react_slot_1.Slot : "button";
+    /**
+     * In the case of a button where asChild is true, and isLoading is true, we ensure that
+     * only on element is passed as a child to the Slot component. This is because the Slot
+     * component only accepts a single child.
+     */
+    const renderInner = () => {
+        if (isLoading) {
+            return (React.createElement("span", { className: "pointer-events-none" },
+                React.createElement("div", { className: (0, clx_1.clx)("bg-ui-bg-disabled absolute inset-0 flex items-center justify-center rounded-md") },
+                    React.createElement(icons_1.Spinner, { className: "animate-spin" })),
+                children));
+        }
+        return children;
+    };
+    return (React.createElement(Component, { ref: ref, ...props, className: (0, clx_1.clx)(iconButtonVariants({ variant, size }), className), disabled: disabled || isLoading }, renderInner()));
+});
+exports.IconButton = IconButton;
+IconButton.displayName = "IconButton";
+//# sourceMappingURL=icon-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":";;;;AAAA,2CAAyC;AACzC,qDAA2C;AAC3C,uEAA4D;AAC5D,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,kBAAkB,GAAG,IAAA,8BAAG,EAC5B,IAAA,SAAG,EACD,8GAA8G,EAC9G,+GAA+G,CAChH,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,IAAA,SAAG,EACV,6FAA6F,EAC7F,4EAA4E,EAC5E,kFAAkF,EAClF,oCAAoC,EACpC,iDAAiD,CAClD;YACD,WAAW,EAAE,IAAA,SAAG,EACd,4CAA4C,EAC5C,sCAAsC,EACtC,yCAAyC,EACzC,wDAAwD,EACxD,gDAAgD,CACjD;SACF;QACD,IAAI,EAAE;YACJ,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,CACF,CAAA;AA+DoB,gDAAkB;AAtDvC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE,EACE,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE3C;;;;OAIG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,EAAE;YACb,OAAO,CACL,8BAAM,SAAS,EAAC,qBAAqB;gBACnC,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,gFAAgF,CACjF;oBAED,oBAAC,eAAO,IAAC,SAAS,EAAC,cAAc,GAAG,CAChC;gBACL,QAAQ,CACJ,CACR,CAAA;SACF;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAA,SAAG,EAAC,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;AAGQ,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA","sourcesContent":["import { Spinner } from \"@medusajs/icons\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { VariantProps, cva } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst iconButtonVariants = cva(\n  clx(\n    \"transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none\",\n    \"disabled:bg-ui-bg-disabled disabled:shadow-buttons-neutral disabled:text-ui-fg-disabled disabled:after:hidden\"\n  ),\n  {\n    variants: {\n      variant: {\n        primary: clx(\n          \"shadow-buttons-neutral text-ui-fg-subtle bg-ui-button-neutral after:button-neutral-gradient\",\n          \"hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient\",\n          \"active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient\",\n          \"focus:shadow-buttons-neutral-focus\",\n          \"after:absolute after:inset-0 after:content-['']\"\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:shadow-buttons-neutral-focus focus:bg-ui-bg-base\",\n          \"disabled:!bg-transparent disabled:!shadow-none\"\n        ),\n      },\n      size: {\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)\n\ninterface IconButtonProps\n  extends React.ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof iconButtonVariants> {\n  asChild?: boolean\n  isLoading?: boolean\n}\n\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      variant = \"primary\",\n      size = \"base\",\n      asChild = false,\n      className,\n      children,\n      isLoading = false,\n      disabled,\n      ...props\n    },\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/cjs/components/icon-button/index.d.ts

@@ -0,0 +1 @@
+export * from "./icon-button";

package/dist/cjs/components/icon-button/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./icon-button"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/icon-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/icon-button/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B","sourcesContent":["export * from \"./icon-button\"\n"]}

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

@@ -7,7 +7,7 @@ const icons_1 = require("@medusajs/icons");
 const class_variance_authority_1 = require("class-variance-authority");
 const React = tslib_1.__importStar(require("react"));
 const clx_1 = require("../../utils/clx");
-const inputBaseStyles = (0, clx_1.clx)("caret-ui-fg-base bg-ui-bg-field hover:bg-ui-bg-field-hover border-ui-border-base shadow-buttons-neutral placeholder-ui-fg-muted text-ui-fg-base transition-fg relative w-full appearance-none rounded-md border outline-none", "focus:border-ui-border-interactive focus:shadow-borders-active", "disabled:text-ui-fg-disabled disabled:!bg-ui-bg-disabled disabled:!border-ui-border-base disabled:placeholder-ui-fg-disabled disabled:cursor-not-allowed disabled:!shadow-none", "aria-[invalid=true]:!border-ui-border-error aria-[invalid=true]:focus:!shadow-borders-error invalid:!border-ui-border-error invalid:focus:!shadow-borders-error");
+const inputBaseStyles = (0, clx_1.clx)("caret-ui-fg-base bg-ui-bg-field hover:bg-ui-bg-field-hover shadow-borders-base placeholder-ui-fg-muted text-ui-fg-base transition-fg relative w-full appearance-none rounded-md outline-none", "focus:shadow-borders-interactive-with-active", "disabled:text-ui-fg-disabled disabled:!bg-ui-bg-disabled disabled:placeholder-ui-fg-disabled disabled:cursor-not-allowed", "aria-[invalid=true]:!shadow-borders-error  invalid:!shadow-borders-error");
 exports.inputBaseStyles = inputBaseStyles;
 const inputVariants = (0, class_variance_authority_1.cva)((0, clx_1.clx)(inputBaseStyles, "[&::--webkit-search-cancel-button]:hidden [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden"), {
     variants: {
@@ -25,17 +25,17 @@ const Input = React.forwardRef(({ className, type, size = "base", ...props }, re
     const isPassword = type === "password";
     const isSearch = type === "search";
     return (React.createElement("div", { className: "relative" },
-        isSearch && (React.createElement("div", { className: (0, clx_1.clx)("text-ui-fg-muted absolute bottom-0 left-0 z-10 flex items-center justify-center", {
-                "h-10 w-11": size === "base",
-                "h-8 w-9": size === "small",
-            }), role: "img" },
-            React.createElement(icons_1.MagnifyingGlassMini, null))),
         React.createElement("input", { ref: ref, type: isPassword ? typeState : type, className: (0, clx_1.clx)(inputVariants({ size: size }), {
                 "pr-11": isPassword && size === "base",
                 "pl-11": isSearch && size === "base",
                 "pr-9": isPassword && size === "small",
                 "pl-9": isSearch && size === "small",
             }, className), ...props }),
+        isSearch && (React.createElement("div", { className: (0, clx_1.clx)("text-ui-fg-muted absolute bottom-0 left-0 flex items-center justify-center", {
+                "h-10 w-11": size === "base",
+                "h-8 w-9": size === "small",
+            }), role: "img" },
+            React.createElement(icons_1.MagnifyingGlassMini, null))),
         isPassword && (React.createElement("div", { className: (0, clx_1.clx)("absolute bottom-0 right-0 flex w-11 items-center justify-center", {
                 "h-10 w-11": size === "base",
                 "h-8 w-9": size === "small",

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

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

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

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const Kbd: ({ children, className, ...props }: React.ComponentPropsWithoutRef<"kbd">) => React.JSX.Element;
+declare const Kbd: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 export { Kbd };

package/dist/cjs/components/kbd/kbd.js

@@ -4,8 +4,9 @@ exports.Kbd = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const clx_1 = require("../../utils/clx");
-const Kbd = ({ children, className, ...props }) => {
-    return (React.createElement("kbd", { ...props, className: (0, clx_1.clx)("bg-ui-tag-neutral-bg text-ui-tag-neutral-text border-ui-tag-neutral-border min-w-5 inline-flex h-5 w-fit items-center justify-center rounded-md border px-1", "txt-compact-xsmall-plus", className) }, children));
-};
+const Kbd = React.forwardRef(({ children, className, ...props }, ref) => {
+    return (React.createElement("kbd", { ...props, ref: ref, className: (0, clx_1.clx)("bg-ui-tag-neutral-bg text-ui-tag-neutral-text border-ui-tag-neutral-border inline-flex h-5 w-fit min-w-[20px] items-center justify-center rounded-md border px-1", "txt-compact-xsmall-plus", className) }, children));
+});
 exports.Kbd = Kbd;
+Kbd.displayName = "Kbd";
 //# sourceMappingURL=kbd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../../../src/components/kbd/kbd.tsx"],"names":[],"mappings":";;;;AAAA,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,GAAG,GAAG,CAAC,EACX,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EAC8B,EAAE,EAAE;IAC1C,OAAO,CACL,gCACM,KAAK,EACT,SAAS,EAAE,IAAA,SAAG,EACZ,6JAA6J,EAC7J,yBAAyB,EACzB,SAAS,CACV,IAEA,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAEQ,kBAAG","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst Kbd = ({\n  children,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<\"kbd\">) => {\n  return (\n    <kbd\n      {...props}\n      className={clx(\n        \"bg-ui-tag-neutral-bg text-ui-tag-neutral-text border-ui-tag-neutral-border min-w-5 inline-flex h-5 w-fit items-center justify-center rounded-md border px-1\",\n        \"txt-compact-xsmall-plus\",\n        className\n      )}\n    >\n      {children}\n    </kbd>\n  )\n}\n\nexport { Kbd }\n"]}
+{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../../../src/components/kbd/kbd.tsx"],"names":[],"mappings":";;;;AAAA,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAG1B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,kKAAkK,EAClK,yBAAyB,EACzB,SAAS,CACV,IAEA,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAGO,kBAAG;AAFZ,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst Kbd = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"kbd\">\n>(({ children, className, ...props }, ref) => {\n  return (\n    <kbd\n      {...props}\n      ref={ref}\n      className={clx(\n        \"bg-ui-tag-neutral-bg text-ui-tag-neutral-text border-ui-tag-neutral-border inline-flex h-5 w-fit min-w-[20px] items-center justify-center rounded-md border px-1\",\n        \"txt-compact-xsmall-plus\",\n        className\n      )}\n    >\n      {children}\n    </kbd>\n  )\n})\nKbd.displayName = \"Kbd\"\n\nexport { Kbd }\n"]}

package/dist/cjs/components/progress-accordion/index.d.ts

@@ -0,0 +1 @@
+export * from "./progress-accordion";

package/dist/cjs/components/progress-accordion/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./progress-accordion"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/progress-accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/progress-accordion/index.ts"],"names":[],"mappings":";;;AAAA,+DAAoC","sourcesContent":["export * from \"./progress-accordion\"\n"]}

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

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

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

@@ -0,0 +1,54 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressAccordion = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("@medusajs/icons");
+const Primitves = tslib_1.__importStar(require("@radix-ui/react-accordion"));
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+const icon_button_1 = require("../icon-button");
+const Root = (props) => {
+    return React.createElement(Primitves.Root, { ...props });
+};
+Root.displayName = "ProgressAccordion";
+const Item = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(Primitves.Item, { ref: ref, className: (0, clx_1.clx)("border-ui-border-base border-b last-of-type:border-b-0", className), ...props }));
+});
+Item.displayName = "ProgressAccordion.Item";
+const ProgressIndicator = ({ status, ...props }) => {
+    const Icon = React.useMemo(() => {
+        switch (status) {
+            case "not-started":
+                return icons_1.CircleDottedLine;
+            case "in-progress":
+                return icons_1.CircleHalfSolid;
+            case "completed":
+                return icons_1.CheckCircleSolid;
+            default:
+                return icons_1.CircleDottedLine;
+        }
+    }, [status]);
+    return (React.createElement("span", { className: "text-ui-fg-muted group-data-[state=open]:text-ui-fg-interactive flex h-12 w-12 items-center justify-center", ...props },
+        React.createElement(Icon, null)));
+};
+const Header = React.forwardRef(({ className, status = "not-started", children, ...props }, ref) => {
+    return (React.createElement(Primitves.Header, { ref: ref, className: (0, clx_1.clx)("h3-core text-ui-fg-base group flex w-full flex-1 items-center gap-4 px-8", className), ...props },
+        React.createElement(ProgressIndicator, { status: status }),
+        children,
+        React.createElement(Primitves.Trigger, { asChild: true, className: "ml-auto" },
+            React.createElement(icon_button_1.IconButton, { variant: "transparent" },
+                React.createElement(icons_1.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(Primitves.Content, { ref: ref, className: (0, clx_1.clx)("overflow-hidden", "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pl-24 pr-8", className), ...props }));
+});
+Content.displayName = "ProgressAccordion.Content";
+const ProgressAccordion = Object.assign(Root, {
+    Item,
+    Header,
+    Content,
+});
+exports.ProgressAccordion = ProgressAccordion;
+//# sourceMappingURL=progress-accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-accordion.js","sourceRoot":"","sources":["../../../../src/components/progress-accordion/progress-accordion.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,2CAKwB;AACxB,6EAAsD;AACtD,qDAA8B;AAG9B,qCAAiC;AACjC,gDAA2C;AAE3C,MAAM,IAAI,GAAG,CAAC,KAA4D,EAAE,EAAE;IAC5E,OAAO,oBAAC,SAAS,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACtC,CAAC,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEtC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,SAAS,CAAC,IAAI,IACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,wDAAwD,EACxD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,wBAAwB,CAAA;AAW3C,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAwB,EAAE,EAAE;IACvE,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9B,QAAQ,MAAM,EAAE;YACd,KAAK,aAAa;gBAChB,OAAO,wBAAgB,CAAA;YACzB,KAAK,aAAa;gBAChB,OAAO,uBAAe,CAAA;YACxB,KAAK,WAAW;gBACd,OAAO,wBAAgB,CAAA;YACzB;gBACE,OAAO,wBAAgB,CAAA;SAC1B;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,8BACE,SAAS,EAAC,4GAA4G,KAClH,KAAK;QAET,oBAAC,IAAI,OAAG,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnE,OAAO,CACL,oBAAC,SAAS,CAAC,MAAM,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,0EAA0E,EAC1E,SAAS,CACV,KACG,KAAK;QAET,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI;QACpC,QAAQ;QACT,oBAAC,SAAS,CAAC,OAAO,IAAC,OAAO,QAAC,SAAS,EAAC,SAAS;YAC5C,oBAAC,wBAAU,IAAC,OAAO,EAAC,aAAa;gBAC/B,oBAAC,YAAI,IAAC,SAAS,EAAC,kEAAkE,GAAG,CAC1E,CACK,CACH,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,0BAA0B,CAAA;AAE/C,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,SAAS,CAAC,OAAO,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,iBAAiB,EACjB,8FAA8F,EAC9F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,2BAA2B,CAAA;AAEjD,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAC5C,IAAI;IACJ,MAAM;IACN,OAAO;CACR,CAAC,CAAA;AAEO,8CAAiB","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\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 = ({ status, ...props }: 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}\n\nconst Header = React.forwardRef<\n  React.ElementRef<typeof Primitves.Header>,\n  HeaderProps\n>(({ className, status = \"not-started\", children, ...props }, ref) => {\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-8\",\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})\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-24 pr-8\",\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/cjs/components/progress-tabs/index.d.ts

@@ -0,0 +1 @@
+export * from "./progress-tabs";

package/dist/cjs/components/progress-tabs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./progress-tabs"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/progress-tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/progress-tabs/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B","sourcesContent":["export * from \"./progress-tabs\"\n"]}

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

@@ -0,0 +1,15 @@
+import * as ProgressTabsPrimitives from "@radix-ui/react-tabs";
+import * as React from "react";
+import { ProgressStatus } from "../../types";
+interface ProgressTabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressTabsPrimitives.Trigger>, "asChild"> {
+    status?: ProgressStatus;
+}
+declare const ProgressTabs: {
+    (props: ProgressTabsPrimitives.TabsProps): React.JSX.Element;
+    displayName: string;
+} & {
+    Trigger: React.ForwardRefExoticComponent<ProgressTabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    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 };