@medusajs/ui 1.0.0 → 2.1.0

package/dist/esm/components/drawer/drawer.js

@@ -1,64 +1,73 @@
 "use client";
 import { XMark } from "@medusajs/icons";
-import * as Primitives from "@radix-ui/react-dialog";
+import * as DrawerPrimitives from "@radix-ui/react-dialog";
 import * as React from "react";
-import { Button } from "../button";
 import { Heading } from "../heading";
-import { clx } from "../../utils/clx";
+import { IconButton } from "../icon-button";
 import { Kbd } from "../kbd";
 import { Text } from "../text";
-const Root = Primitives.Root;
-Root.displayName = "Drawer.Root";
-const Trigger = Primitives.Trigger;
-Trigger.displayName = "Drawer.Trigger";
-const Close = Primitives.Close;
-Close.displayName = "Drawer.Close";
-const Portal = Primitives.Portal;
-Portal.displayName = "Drawer.Portal";
-const Overlay = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(Primitives.Overlay, { ref: ref, className: clx("fixed inset-0 z-50", className), ...props }));
+import { clx } from "../../utils/clx";
+const DrawerRoot = (props) => {
+    return React.createElement(DrawerPrimitives.Root, { ...props });
+};
+DrawerRoot.displayName = "Drawer.Root";
+const DrawerTrigger = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(DrawerPrimitives.Trigger, { ref: ref, className: clx(className), ...props }));
+});
+DrawerTrigger.displayName = "Drawer.Trigger";
+const DrawerClose = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(DrawerPrimitives.Close, { ref: ref, className: clx(className), ...props }));
+});
+DrawerClose.displayName = "Drawer.Close";
+const DrawerPortal = (props) => {
+    return React.createElement(DrawerPrimitives.DialogPortal, { ...props });
+};
+DrawerPortal.displayName = "Drawer.Portal";
+const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(DrawerPrimitives.Overlay, { ref: ref, className: clx("bg-ui-bg-overlay fixed inset-0", className), ...props }));
 });
-Overlay.displayName = "Drawer.Overlay";
-const Content = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement(Portal, null,
-        React.createElement(Overlay, null),
-        React.createElement(Primitives.Content, { ref: ref, className: clx("bg-ui-bg-base shadow-elevation-modal border-ui-border-base fixed inset-y-2 right-2 z-50 flex w-full max-w-[560px] flex-1 flex-col rounded-lg border focus:outline-none", 
+DrawerOverlay.displayName = "Drawer.Overlay";
+const DrawerContent = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(DrawerPortal, null,
+        React.createElement(DrawerOverlay, null),
+        React.createElement(DrawerPrimitives.Content, { ref: ref, className: clx("bg-ui-bg-base shadow-elevation-modal border-ui-border-base fixed inset-y-2 right-2 flex w-full max-w-[560px] flex-1 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]:slide-out-to-right-1/2 data-[state=open]:slide-in-from-right-1/2 duration-200",
             className), ...props })));
 });
-Content.displayName = "Drawer.Content";
-const Header = ({ children, className, ...props }) => {
-    return (React.createElement("div", { className: "border-ui-border-base flex items-start justify-between gap-x-4 border-b px-8 py-6", ...props },
+DrawerContent.displayName = "Drawer.Content";
+const DrawerHeader = React.forwardRef(({ children, className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: "border-ui-border-base flex items-start justify-between gap-x-4 border-b px-8 py-6", ...props },
         React.createElement("div", { className: clx("flex flex-col gap-y-1", className) }, children),
         React.createElement("div", { className: "flex items-center gap-x-2" },
             React.createElement(Kbd, null, "esc"),
-            React.createElement(Close, { asChild: true },
-                React.createElement(Button, { variant: "transparent", size: "small", format: "icon" },
+            React.createElement(DrawerPrimitives.Close, { asChild: true },
+                React.createElement(IconButton, { variant: "transparent" },
                     React.createElement(XMark, null))))));
-};
-Header.displayName = "Drawer.Header";
-const Body = ({ className, ...props }) => {
-    return React.createElement("div", { className: clx("flex-1 px-8 pb-16 pt-6", className), ...props });
-};
-Body.displayName = "Drawer.Body";
-const Footer = ({ className, ...props }) => {
+});
+DrawerHeader.displayName = "Drawer.Header";
+const DrawerBody = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: clx("flex-1 px-8 pb-16 pt-6", className), ...props }));
+});
+DrawerBody.displayName = "Drawer.Body";
+const DrawerFooter = ({ className, ...props }) => {
     return (React.createElement("div", { className: clx("border-ui-border-base flex items-center justify-end space-x-2 overflow-y-scroll border-t px-8 pb-6 pt-4", className), ...props }));
 };
-Footer.displayName = "Drawer.Footer";
-const Title = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(Primitives.Title, { ref: ref, className: clx(className), asChild: true, ...props },
+DrawerFooter.displayName = "Drawer.Footer";
+const DrawerTitle = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(DrawerPrimitives.Title, { ref: ref, className: clx(className), asChild: true, ...props },
     React.createElement(Heading, { level: "h1" }, children))));
-Title.displayName = "Drawer.Title";
-const Description = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(Primitives.Description, { ref: ref, className: clx(className), asChild: true, ...props },
+DrawerTitle.displayName = "Drawer.Title";
+const DrawerDescription = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(DrawerPrimitives.Description, { ref: ref, className: clx(className), asChild: true, ...props },
     React.createElement(Text, null, children))));
-Description.displayName = "Drawer.Description";
-export const Drawer = Object.assign(Root, {
-    Body,
-    Close,
-    Content,
-    Description,
-    Footer,
-    Header,
-    Title,
-    Trigger,
+DrawerDescription.displayName = "Drawer.Description";
+const Drawer = Object.assign(DrawerRoot, {
+    Body: DrawerBody,
+    Close: DrawerClose,
+    Content: DrawerContent,
+    Description: DrawerDescription,
+    Footer: DrawerFooter,
+    Header: DrawerHeader,
+    Title: DrawerTitle,
+    Trigger: DrawerTrigger,
 });
+export { Drawer };
 //# sourceMappingURL=drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { XMark } from \"@medusajs/icons\"\nimport * as Primitives from \"@radix-ui/react-dialog\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/button\"\nimport { Heading } from \"@/components/heading\"\nimport { clx } from \"@/utils/clx\"\nimport { Kbd } from \"../kbd\"\nimport { Text } from \"../text\"\n\nconst Root = Primitives.Root\nRoot.displayName = \"Drawer.Root\"\n\nconst Trigger = Primitives.Trigger\nTrigger.displayName = \"Drawer.Trigger\"\n\nconst Close = Primitives.Close\nClose.displayName = \"Drawer.Close\"\n\nconst Portal = Primitives.Portal\nPortal.displayName = \"Drawer.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(\"fixed inset-0 z-50\", className)}\n      {...props}\n    />\n  )\n})\nOverlay.displayName = \"Drawer.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 border-ui-border-base fixed inset-y-2 right-2 z-50 flex w-full max-w-[560px] flex-1 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]:slide-out-to-right-1/2 data-[state=open]:slide-in-from-right-1/2 duration-200\",\n          className\n        )}\n        {...props}\n      />\n    </Portal>\n  )\n})\nContent.displayName = \"Drawer.Content\"\n\nconst Header = ({\n  children,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className=\"border-ui-border-base flex items-start justify-between gap-x-4 border-b px-8 py-6\"\n      {...props}\n    >\n      <div className={clx(\"flex flex-col gap-y-1\", className)}>{children}</div>\n      <div className=\"flex items-center gap-x-2\">\n        <Kbd>esc</Kbd>\n        <Close asChild>\n          <Button variant=\"transparent\" size={\"small\"} format={\"icon\"}>\n            <XMark />\n          </Button>\n        </Close>\n      </div>\n    </div>\n  )\n}\nHeader.displayName = \"Drawer.Header\"\n\nconst Body = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return <div className={clx(\"flex-1 px-8 pb-16 pt-6\", className)} {...props} />\n}\nBody.displayName = \"Drawer.Body\"\n\nconst Footer = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={clx(\n        \"border-ui-border-base flex items-center justify-end space-x-2 overflow-y-scroll border-t px-8 pb-6 pt-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nFooter.displayName = \"Drawer.Footer\"\n\nconst Title = React.forwardRef<\n  React.ElementRef<typeof Primitives.Title>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Title>\n>(({ className, children, ...props }, ref) => (\n  <Primitives.Title ref={ref} className={clx(className)} asChild {...props}>\n    <Heading level=\"h1\">{children}</Heading>\n  </Primitives.Title>\n))\nTitle.displayName = \"Drawer.Title\"\n\nconst Description = React.forwardRef<\n  React.ElementRef<typeof Primitives.Description>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Description>\n>(({ className, children, ...props }, ref) => (\n  <Primitives.Description\n    ref={ref}\n    className={clx(className)}\n    asChild\n    {...props}\n  >\n    <Text>{children}</Text>\n  </Primitives.Description>\n))\nDescription.displayName = \"Drawer.Description\"\n\nexport const Drawer = Object.assign(Root, {\n  Body,\n  Close,\n  Content,\n  Description,\n  Footer,\n  Header,\n  Title,\n  Trigger,\n})\n"]}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { XMark } from \"@medusajs/icons\"\nimport * as DrawerPrimitives from \"@radix-ui/react-dialog\"\nimport * as React from \"react\"\n\nimport { Heading } from \"@/components/heading\"\nimport { IconButton } from \"@/components/icon-button\"\nimport { Kbd } from \"@/components/kbd\"\nimport { Text } from \"@/components/text\"\nimport { clx } from \"@/utils/clx\"\n\nconst DrawerRoot = (\n  props: React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Root>\n) => {\n  return <DrawerPrimitives.Root {...props} />\n}\nDrawerRoot.displayName = \"Drawer.Root\"\n\nconst DrawerTrigger = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Trigger>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Trigger>\n>(({ className, ...props }, ref) => {\n  return (\n    <DrawerPrimitives.Trigger ref={ref} className={clx(className)} {...props} />\n  )\n})\nDrawerTrigger.displayName = \"Drawer.Trigger\"\n\nconst DrawerClose = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Close>\n>(({ className, ...props }, ref) => {\n  return (\n    <DrawerPrimitives.Close ref={ref} className={clx(className)} {...props} />\n  )\n})\nDrawerClose.displayName = \"Drawer.Close\"\n\nconst DrawerPortal = (props: DrawerPrimitives.DialogPortalProps) => {\n  return <DrawerPrimitives.DialogPortal {...props} />\n}\nDrawerPortal.displayName = \"Drawer.Portal\"\n\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Overlay>\n>(({ className, ...props }, ref) => {\n  return (\n    <DrawerPrimitives.Overlay\n      ref={ref}\n      className={clx(\"bg-ui-bg-overlay fixed inset-0\", className)}\n      {...props}\n    />\n  )\n})\nDrawerOverlay.displayName = \"Drawer.Overlay\"\n\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <DrawerPortal>\n      <DrawerOverlay />\n      <DrawerPrimitives.Content\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base shadow-elevation-modal border-ui-border-base fixed inset-y-2 right-2 flex w-full max-w-[560px] flex-1 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]:slide-out-to-right-1/2 data-[state=open]:slide-in-from-right-1/2 duration-200\",\n          className\n        )}\n        {...props}\n      />\n    </DrawerPortal>\n  )\n})\nDrawerContent.displayName = \"Drawer.Content\"\n\nconst DrawerHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ children, className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className=\"border-ui-border-base flex items-start justify-between gap-x-4 border-b px-8 py-6\"\n      {...props}\n    >\n      <div className={clx(\"flex flex-col gap-y-1\", className)}>{children}</div>\n      <div className=\"flex items-center gap-x-2\">\n        <Kbd>esc</Kbd>\n        <DrawerPrimitives.Close asChild>\n          <IconButton variant=\"transparent\">\n            <XMark />\n          </IconButton>\n        </DrawerPrimitives.Close>\n      </div>\n    </div>\n  )\n})\nDrawerHeader.displayName = \"Drawer.Header\"\n\nconst DrawerBody = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\"flex-1 px-8 pb-16 pt-6\", className)}\n      {...props}\n    />\n  )\n})\nDrawerBody.displayName = \"Drawer.Body\"\n\nconst DrawerFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={clx(\n        \"border-ui-border-base flex items-center justify-end space-x-2 overflow-y-scroll border-t px-8 pb-6 pt-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nDrawerFooter.displayName = \"Drawer.Footer\"\n\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Title>\n>(({ className, children, ...props }, ref) => (\n  <DrawerPrimitives.Title\n    ref={ref}\n    className={clx(className)}\n    asChild\n    {...props}\n  >\n    <Heading level=\"h1\">{children}</Heading>\n  </DrawerPrimitives.Title>\n))\nDrawerTitle.displayName = \"Drawer.Title\"\n\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Description>\n>(({ className, children, ...props }, ref) => (\n  <DrawerPrimitives.Description\n    ref={ref}\n    className={clx(className)}\n    asChild\n    {...props}\n  >\n    <Text>{children}</Text>\n  </DrawerPrimitives.Description>\n))\nDrawerDescription.displayName = \"Drawer.Description\"\n\nconst Drawer = Object.assign(DrawerRoot, {\n  Body: DrawerBody,\n  Close: DrawerClose,\n  Content: DrawerContent,\n  Description: DrawerDescription,\n  Footer: DrawerFooter,\n  Header: DrawerHeader,\n  Title: DrawerTitle,\n  Trigger: DrawerTrigger,\n})\n\nexport { Drawer }\n"]}

package/dist/esm/components/dropdown-menu/dropdown-menu.js

@@ -17,21 +17,21 @@ const SubMenuTrigger = React.forwardRef(({ className, children, ...props }, ref)
     children,
     React.createElement(ChevronRightMini, { className: "ml-auto" }))));
 SubMenuTrigger.displayName = "DropdownMenu.SubMenuTrigger";
-const SubMenuContent = React.forwardRef(({ className, ...props }, ref) => (React.createElement(Primitives.Portal, null,
-    React.createElement(Primitives.SubContent, { ref: ref, className: clx("bg-ui-bg-base text-ui-fg-base 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 shadow-elevation-flyout z-50 min-w-[8rem] overflow-hidden rounded-lg border p-1", className), ...props }))));
+const SubMenuContent = React.forwardRef(({ className, collisionPadding = 8, ...props }, ref) => (React.createElement(Primitives.Portal, null,
+    React.createElement(Primitives.SubContent, { ref: ref, collisionPadding: collisionPadding, className: clx("bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[8rem] overflow-hidden rounded-lg border 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 }))));
 SubMenuContent.displayName = "DropdownMenu.SubMenuContent";
-const Content = React.forwardRef(({ className, sideOffset = 8, align = "start", ...props }, ref) => (React.createElement(Primitives.Portal, null,
-    React.createElement(Primitives.Content, { ref: ref, sideOffset: sideOffset, align: align, className: clx("bg-ui-bg-base text-ui-fg-base 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 shadow-elevation-flyout z-50 min-w-[300px] overflow-hidden rounded-lg p-1", className), ...props }))));
+const Content = React.forwardRef(({ className, sideOffset = 8, collisionPadding = 8, align = "start", ...props }, ref) => (React.createElement(Primitives.Portal, null,
+    React.createElement(Primitives.Content, { ref: ref, sideOffset: sideOffset, 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 = "DropdownMenu.Content";
-const Item = React.forwardRef(({ className, ...props }, ref) => (React.createElement(Primitives.Item, { ref: ref, className: clx("bg-ui-bg-base focus:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled txt-compact-small relative flex cursor-default select-none items-center rounded-md px-3 py-2 outline-none transition-colors data-[disabled]:pointer-events-none", className), ...props })));
+const Item = React.forwardRef(({ className, ...props }, ref) => (React.createElement(Primitives.Item, { ref: ref, className: clx("bg-ui-bg-base focus:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-3 py-2 outline-none transition-colors data-[disabled]:pointer-events-none", className), ...props })));
 Item.displayName = "DropdownMenu.Item";
-const CheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (React.createElement(Primitives.CheckboxItem, { ref: ref, className: clx("focus:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled relative flex cursor-default select-none items-center rounded-md py-2 pl-10 pr-3 text-sm outline-none transition-colors data-[disabled]:pointer-events-none", className), checked: checked, ...props },
+const CheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (React.createElement(Primitives.CheckboxItem, { ref: ref, className: clx("focus:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled relative flex cursor-pointer select-none items-center rounded-md py-2 pl-10 pr-3 text-sm outline-none transition-colors data-[disabled]:pointer-events-none", className), checked: checked, ...props },
     React.createElement("span", { className: "absolute left-3 flex h-5 w-5 items-center justify-center" },
         React.createElement(Primitives.ItemIndicator, null,
             React.createElement(CheckMini, null))),
     children)));
 CheckboxItem.displayName = "DropdownMenu.CheckboxItem";
-const RadioItem = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(Primitives.RadioItem, { ref: ref, className: clx("focus:bg-ui-bg-base-pressed hover:bg-ui-base-hover bg-ui-bg-base txt-compact-small relative flex cursor-default select-none items-center rounded-md py-2 pl-10 pr-3 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[state=checked]:font-medium data-[disabled]:opacity-50", className), ...props },
+const RadioItem = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(Primitives.RadioItem, { ref: ref, className: clx("focus:bg-ui-bg-base-pressed hover:bg-ui-base-hover bg-ui-bg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md py-2 pl-10 pr-3 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[state=checked]:font-medium data-[disabled]:opacity-50", className), ...props },
     React.createElement("span", { className: "absolute left-3 flex h-5 w-5 items-center justify-center" },
         React.createElement(Primitives.ItemIndicator, null,
             React.createElement(EllipseMiniSolid, { className: "text-ui-fg-base" }))),

package/dist/esm/components/dropdown-menu/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { CheckMini, ChevronRightMini, EllipseMiniSolid } from \"@medusajs/icons\"\nimport * as Primitives from \"@radix-ui/react-dropdown-menu\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst Root = Primitives.Root\nRoot.displayName = \"DropdownMenu.Root\"\n\nconst Trigger = Primitives.Trigger\nTrigger.displayName = \"DropdownMenu.Trigger\"\n\nconst Group = Primitives.Group\nGroup.displayName = \"DropdownMenu.Group\"\n\nconst SubMenu = Primitives.Sub\nSubMenu.displayName = \"DropdownMenu.SubMenu\"\n\nconst RadioGroup = Primitives.RadioGroup\nRadioGroup.displayName = \"DropdownMenu.RadioGroup\"\n\nconst SubMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof Primitives.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof Primitives.SubTrigger>\n>(({ className, children, ...props }, ref) => (\n  <Primitives.SubTrigger\n    ref={ref}\n    className={clx(\n      \"focus:bg-ui-bg-base-pressed data-[state=open]:bg-ui-bg-base-pressed txt-compact-small flex cursor-default select-none items-center rounded-sm px-3 py-2 outline-none\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightMini className=\"ml-auto\" />\n  </Primitives.SubTrigger>\n))\nSubMenuTrigger.displayName = \"DropdownMenu.SubMenuTrigger\"\n\nconst SubMenuContent = React.forwardRef<\n  React.ElementRef<typeof Primitives.SubContent>,\n  React.ComponentPropsWithoutRef<typeof Primitives.SubContent>\n>(({ className, ...props }, ref) => (\n  <Primitives.Portal>\n    <Primitives.SubContent\n      ref={ref}\n      className={clx(\n        \"bg-ui-bg-base text-ui-fg-base 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 shadow-elevation-flyout z-50 min-w-[8rem] overflow-hidden rounded-lg border p-1\",\n        className\n      )}\n      {...props}\n    />\n  </Primitives.Portal>\n))\nSubMenuContent.displayName = \"DropdownMenu.SubMenuContent\"\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof Primitives.Content>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Content>\n>(({ className, sideOffset = 8, align = \"start\", ...props }, ref) => (\n  <Primitives.Portal>\n    <Primitives.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      align={align}\n      className={clx(\n        \"bg-ui-bg-base text-ui-fg-base 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 shadow-elevation-flyout z-50 min-w-[300px] overflow-hidden rounded-lg p-1\",\n        className\n      )}\n      {...props}\n    />\n  </Primitives.Portal>\n))\nContent.displayName = \"DropdownMenu.Content\"\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof Primitives.Item>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Item>\n>(({ className, ...props }, ref) => (\n  <Primitives.Item\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-base focus:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled txt-compact-small relative flex cursor-default select-none items-center rounded-md px-3 py-2 outline-none transition-colors data-[disabled]:pointer-events-none\",\n      className\n    )}\n    {...props}\n  />\n))\nItem.displayName = \"DropdownMenu.Item\"\n\nconst CheckboxItem = React.forwardRef<\n  React.ElementRef<typeof Primitives.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof Primitives.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <Primitives.CheckboxItem\n    ref={ref}\n    className={clx(\n      \"focus:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled relative flex cursor-default select-none items-center rounded-md py-2 pl-10 pr-3 text-sm outline-none transition-colors data-[disabled]:pointer-events-none\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-3 flex h-5 w-5 items-center justify-center\">\n      <Primitives.ItemIndicator>\n        <CheckMini />\n      </Primitives.ItemIndicator>\n    </span>\n    {children}\n  </Primitives.CheckboxItem>\n))\nCheckboxItem.displayName = \"DropdownMenu.CheckboxItem\"\n\nconst RadioItem = React.forwardRef<\n  React.ElementRef<typeof Primitives.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof Primitives.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <Primitives.RadioItem\n    ref={ref}\n    className={clx(\n      \"focus:bg-ui-bg-base-pressed hover:bg-ui-base-hover bg-ui-bg-base txt-compact-small relative flex cursor-default select-none items-center rounded-md py-2 pl-10 pr-3 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[state=checked]:font-medium data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-3 flex h-5 w-5 items-center justify-center\">\n      <Primitives.ItemIndicator>\n        <EllipseMiniSolid className=\"text-ui-fg-base\" />\n      </Primitives.ItemIndicator>\n    </span>\n    {children}\n  </Primitives.RadioItem>\n))\nRadioItem.displayName = \"DropdownMenu.RadioItem\"\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof Primitives.Label>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Label>\n>(({ className, ...props }, ref) => (\n  <Primitives.Label\n    ref={ref}\n    className={clx(\n      \"text-ui-fg-subtle txt-compact-xsmall-plus px-2 py-1.5\",\n      className\n    )}\n    {...props}\n  />\n))\nLabel.displayName = \"DropdownMenu.Label\"\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof Primitives.Separator>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Separator>\n>(({ className, ...props }, ref) => (\n  <Primitives.Separator\n    ref={ref}\n    className={clx(\"bg-ui-border-base -mx-1 my-1 h-px\", className)}\n    {...props}\n  />\n))\nSeparator.displayName = \"DropdownMenu.Separator\"\n\nconst Shortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-subtle txt-compact-small ml-auto tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nShortcut.displayName = \"DropdownMenu.Shortcut\"\n\nconst Hint = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-subtle txt-compact-small ml-auto tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nHint.displayName = \"DropdownMenu.Hint\"\n\nconst DropdownMenu = Object.assign(Root, {\n  Trigger,\n  Group,\n  SubMenu,\n  SubMenuContent,\n  SubMenuTrigger,\n  Content,\n  Item,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  Label,\n  Separator,\n  Shortcut,\n  Hint,\n})\n\nexport { DropdownMenu }\n"]}
+{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { CheckMini, ChevronRightMini, EllipseMiniSolid } from \"@medusajs/icons\"\nimport * as Primitives from \"@radix-ui/react-dropdown-menu\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst Root = Primitives.Root\nRoot.displayName = \"DropdownMenu.Root\"\n\nconst Trigger = Primitives.Trigger\nTrigger.displayName = \"DropdownMenu.Trigger\"\n\nconst Group = Primitives.Group\nGroup.displayName = \"DropdownMenu.Group\"\n\nconst SubMenu = Primitives.Sub\nSubMenu.displayName = \"DropdownMenu.SubMenu\"\n\nconst RadioGroup = Primitives.RadioGroup\nRadioGroup.displayName = \"DropdownMenu.RadioGroup\"\n\nconst SubMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof Primitives.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof Primitives.SubTrigger>\n>(({ className, children, ...props }, ref) => (\n  <Primitives.SubTrigger\n    ref={ref}\n    className={clx(\n      \"focus:bg-ui-bg-base-pressed data-[state=open]:bg-ui-bg-base-pressed txt-compact-small flex cursor-default select-none items-center rounded-sm px-3 py-2 outline-none\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightMini className=\"ml-auto\" />\n  </Primitives.SubTrigger>\n))\nSubMenuTrigger.displayName = \"DropdownMenu.SubMenuTrigger\"\n\nconst SubMenuContent = React.forwardRef<\n  React.ElementRef<typeof Primitives.SubContent>,\n  React.ComponentPropsWithoutRef<typeof Primitives.SubContent>\n>(({ className, collisionPadding = 8, ...props }, ref) => (\n  <Primitives.Portal>\n    <Primitives.SubContent\n      ref={ref}\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-[8rem] overflow-hidden rounded-lg border 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))\nSubMenuContent.displayName = \"DropdownMenu.SubMenuContent\"\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof Primitives.Content>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Content>\n>(\n  (\n    {\n      className,\n      sideOffset = 8,\n      collisionPadding = 8,\n      align = \"start\",\n      ...props\n    },\n    ref\n  ) => (\n    <Primitives.Portal>\n      <Primitives.Content\n        ref={ref}\n        sideOffset={sideOffset}\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)\nContent.displayName = \"DropdownMenu.Content\"\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof Primitives.Item>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Item>\n>(({ className, ...props }, ref) => (\n  <Primitives.Item\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-base focus:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-3 py-2 outline-none transition-colors data-[disabled]:pointer-events-none\",\n      className\n    )}\n    {...props}\n  />\n))\nItem.displayName = \"DropdownMenu.Item\"\n\nconst CheckboxItem = React.forwardRef<\n  React.ElementRef<typeof Primitives.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof Primitives.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <Primitives.CheckboxItem\n    ref={ref}\n    className={clx(\n      \"focus:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled relative flex cursor-pointer select-none items-center rounded-md py-2 pl-10 pr-3 text-sm outline-none transition-colors data-[disabled]:pointer-events-none\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-3 flex h-5 w-5 items-center justify-center\">\n      <Primitives.ItemIndicator>\n        <CheckMini />\n      </Primitives.ItemIndicator>\n    </span>\n    {children}\n  </Primitives.CheckboxItem>\n))\nCheckboxItem.displayName = \"DropdownMenu.CheckboxItem\"\n\nconst RadioItem = React.forwardRef<\n  React.ElementRef<typeof Primitives.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof Primitives.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <Primitives.RadioItem\n    ref={ref}\n    className={clx(\n      \"focus:bg-ui-bg-base-pressed hover:bg-ui-base-hover bg-ui-bg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md py-2 pl-10 pr-3 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[state=checked]:font-medium data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-3 flex h-5 w-5 items-center justify-center\">\n      <Primitives.ItemIndicator>\n        <EllipseMiniSolid className=\"text-ui-fg-base\" />\n      </Primitives.ItemIndicator>\n    </span>\n    {children}\n  </Primitives.RadioItem>\n))\nRadioItem.displayName = \"DropdownMenu.RadioItem\"\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof Primitives.Label>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Label>\n>(({ className, ...props }, ref) => (\n  <Primitives.Label\n    ref={ref}\n    className={clx(\n      \"text-ui-fg-subtle txt-compact-xsmall-plus px-2 py-1.5\",\n      className\n    )}\n    {...props}\n  />\n))\nLabel.displayName = \"DropdownMenu.Label\"\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof Primitives.Separator>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Separator>\n>(({ className, ...props }, ref) => (\n  <Primitives.Separator\n    ref={ref}\n    className={clx(\"bg-ui-border-base -mx-1 my-1 h-px\", className)}\n    {...props}\n  />\n))\nSeparator.displayName = \"DropdownMenu.Separator\"\n\nconst Shortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-subtle txt-compact-small ml-auto tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nShortcut.displayName = \"DropdownMenu.Shortcut\"\n\nconst Hint = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-subtle txt-compact-small ml-auto tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nHint.displayName = \"DropdownMenu.Hint\"\n\nconst DropdownMenu = Object.assign(Root, {\n  Trigger,\n  Group,\n  SubMenu,\n  SubMenuContent,\n  SubMenuTrigger,\n  Content,\n  Item,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  Label,\n  Separator,\n  Shortcut,\n  Hint,\n})\n\nexport { DropdownMenu }\n"]}

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

@@ -1,15 +1,12 @@
-import * as Primitives from "@radix-ui/react-dialog";
+import * as FocusModalPrimitives from "@radix-ui/react-dialog";
 import * as React from "react";
-declare const FocusModal: React.FC<Primitives.DialogProps> & {
-    Trigger: React.ForwardRefExoticComponent<Primitives.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<Primitives.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Header: {
-        ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-        displayName: string;
-    };
-    Body: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-        displayName: string;
-    };
+declare const FocusModal: {
+    (props: React.ComponentPropsWithoutRef<typeof FocusModalPrimitives.Root>): React.JSX.Element;
+    displayName: string;
+} & {
+    Trigger: React.ForwardRefExoticComponent<Omit<FocusModalPrimitives.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<FocusModalPrimitives.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & 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>>;
 };
 export { FocusModal };

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

@@ -1,51 +1,55 @@
 "use client";
 import { XMark } from "@medusajs/icons";
-import * as Primitives from "@radix-ui/react-dialog";
+import * as FocusModalPrimitives from "@radix-ui/react-dialog";
 import * as React from "react";
+import { IconButton } from "../icon-button";
 import { Kbd } from "../kbd";
 import { clx } from "../../utils/clx";
-import { Button } from "../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: 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: 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: clx(className), ...props }));
+};
+FocusModalPortal.displayName = "FocusModal.Portal";
+const FocusModalOverlay = React.forwardRef(({ className, ...props }, ref) => {
+    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 }));
 });
-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: 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: 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: 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: 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, { variant: "transparent", size: "small", format: "icon" },
+            React.createElement(FocusModalPrimitives.Close, { asChild: true },
+                React.createElement(IconButton, { variant: "transparent" },
                     React.createElement(XMark, null))),
             React.createElement(Kbd, null, "esc")),
-        React.createElement("div", null, children)));
-};
-Header.displayName = "FocusModal.Header";
-const Body = ({ className, ...props }) => {
-    return React.createElement("div", { className: 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: clx("flex-1", className), ...props });
+});
+FocusModalBody.displayName = "FocusModal.Body";
+const FocusModal = Object.assign(FocusModalRoot, {
+    Trigger: FocusModalTrigger,
+    Content: FocusModalContent,
+    Header: FocusModalHeader,
+    Body: FocusModalBody,
 });
 export { FocusModal };
 //# sourceMappingURL=focus-modal.js.map

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":"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","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":"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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\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/esm/components/heading/heading.js

@@ -4,9 +4,9 @@ import { clx } from "../../utils/clx";
 const headingVariants = 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/esm/components/heading/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/components/heading/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,eAAe,GAAG,GAAG,CAAC,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;AAKF,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,GAAG,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA","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,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,eAAe,GAAG,GAAG,CAAC,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;AAKF,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,GAAG,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA","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/esm/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/esm/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/esm/components/icon-badge/icon-badge.js

@@ -0,0 +1,20 @@
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { badgeColorVariants } from "../badge";
+import { clx } from "../../utils/clx";
+const iconBadgeVariants = 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 ? Slot : "span";
+    return (React.createElement(Component, { ref: ref, className: clx(badgeColorVariants({ color }), iconBadgeVariants({ size }), className), ...props }, children));
+});
+IconBadge.displayName = "IconBadge";
+export { IconBadge };
+//# sourceMappingURL=icon-badge.js.map

package/dist/esm/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,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,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,CAC3B,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,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 \"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/esm/components/icon-badge/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from "./icon-badge";
+//# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,cAAc,CAAA","sourcesContent":["export * from \"./icon-badge\"\n"]}

package/dist/esm/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/esm/components/icon-button/icon-button.js

@@ -0,0 +1,43 @@
+import { Spinner } from "@medusajs/icons";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { clx } from "../../utils/clx";
+const iconButtonVariants = cva(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: 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: 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",
+    },
+});
+const IconButton = React.forwardRef(({ variant = "primary", size = "base", asChild = false, className, children, isLoading = false, disabled, ...props }, ref) => {
+    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
+     * component only accepts a single child.
+     */
+    const renderInner = () => {
+        if (isLoading) {
+            return (React.createElement("span", { className: "pointer-events-none" },
+                React.createElement("div", { className: clx("bg-ui-bg-disabled absolute inset-0 flex items-center justify-center rounded-md") },
+                    React.createElement(Spinner, { className: "animate-spin" })),
+                children));
+        }
+        return children;
+    };
+    return (React.createElement(Component, { ref: ref, ...props, className: clx(iconButtonVariants({ variant, size }), className), disabled: disabled || isLoading }, renderInner()));
+});
+IconButton.displayName = "IconButton";
+export { IconButton, iconButtonVariants };
+//# sourceMappingURL=icon-button.js.map