@medusajs/ui 1.0.0 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\"\n\nimport { Button } from \"@/components/button\"\nimport { clx } from \"@/utils/clx\"\nimport { Minus } from \"@medusajs/icons\"\n\nconst Root = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className=\"w-full overflow-auto\">\n    <table\n      ref={ref}\n      className={clx(\"text-ui-fg-subtle txt-compact-small w-full\", className)}\n      {...props}\n    />\n  </div>\n))\nRoot.displayName = \"Table\"\n\nconst Row = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-base hover:bg-ui-bg-base-hover border-ui-border-base border-b\",\n      \"[&_td:last-child]:pr-8 [&_th:last-child]:pr-8\",\n      \"[&_td:first-child]:pl-8 [&_th:first-child]:pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nRow.displayName = \"Table.Row\"\n\nconst Cell = React.forwardRef<\n  HTMLTableCellElement,\n  React.HTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td ref={ref} className={clx(\"h-12 pr-3\", className)} {...props} />\n))\nCell.displayName = \"Table.Cell\"\n\nconst Header = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={clx(\n      \"border-ui-border-base txt-compact-small-plus border-y\",\n      className\n    )}\n    {...props}\n  />\n))\nHeader.displayName = \"Table.Header\"\n\nconst HeaderCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th ref={ref} className={clx(\"h-12 pr-3 text-left\", className)} {...props} />\n))\nHeaderCell.displayName = \"Table.HeaderCell\"\n\nconst Body = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={clx(\"border-ui-border-base border-b\", className)}\n    {...props}\n  />\n))\nBody.displayName = \"Table.Body\"\n\ninterface TablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {\n  count: number\n  pageSize: number\n  pageIndex: number\n  pageCount: number\n  canPreviousPage: boolean\n  canNextPage: boolean\n  previousPage: () => void\n  nextPage: () => void\n}\n\nconst Pagination = React.forwardRef<HTMLDivElement, TablePaginationProps>(\n  (\n    {\n      className,\n      count,\n      pageSize,\n      pageCount,\n      pageIndex,\n      canPreviousPage,\n      canNextPage,\n      nextPage,\n      previousPage,\n      ...props\n    },\n    ref\n  ) => {\n    const { from, to } = React.useMemo(() => {\n      const from = pageIndex * pageSize + 1\n      const to = Math.min(count, (pageIndex + 1) * pageSize)\n\n      return { from, to }\n    }, [count, pageIndex, pageSize])\n\n    return (\n      <div\n        ref={ref}\n        className={clx(\n          \"text-ui-fg-subtle txt-compact-small-plus flex w-full items-center justify-between px-5 pb-6 pt-4\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"inline-flex items-center gap-x-1 px-3 py-[5px]\">\n          <p>{from}</p>\n          <Minus className=\"text-ui-fg-muted\" />\n          <p>{`${to} of ${count} results`}</p>\n        </div>\n        <div className=\"flex items-center gap-x-2\">\n          <div className=\"inline-flex items-center gap-x-1 px-3 py-[5px]\">\n            <p>\n              {pageIndex + 1} of {pageCount}\n            </p>\n          </div>\n          <Button\n            variant={\"transparent\"}\n            onClick={previousPage}\n            disabled={!canPreviousPage}\n          >\n            Prev\n          </Button>\n          <Button\n            variant={\"transparent\"}\n            onClick={nextPage}\n            disabled={!canNextPage}\n          >\n            Next\n          </Button>\n        </div>\n      </div>\n    )\n  }\n)\nPagination.displayName = \"Table.Pagination\"\n\nconst Table = Object.assign(Root, {\n  Row,\n  Cell,\n  Header,\n  HeaderCell,\n  Body,\n  Pagination,\n})\n\nexport { Table }\n"]}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\"\n\nimport { Button } from \"@/components/button\"\nimport { clx } from \"@/utils/clx\"\nimport { Minus } from \"@medusajs/icons\"\n\nconst Root = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className=\"w-full overflow-auto\">\n    <table\n      ref={ref}\n      className={clx(\"text-ui-fg-subtle txt-compact-small w-full\", className)}\n      {...props}\n    />\n  </div>\n))\nRoot.displayName = \"Table\"\n\nconst Row = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-base hover:bg-ui-bg-base-hover border-ui-border-base transition-fg border-b\",\n      \"[&_td:last-child]:pr-8 [&_th:last-child]:pr-8\",\n      \"[&_td:first-child]:pl-8 [&_th:first-child]:pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nRow.displayName = \"Table.Row\"\n\nconst Cell = React.forwardRef<\n  HTMLTableCellElement,\n  React.HTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td ref={ref} className={clx(\"h-12 pr-3\", className)} {...props} />\n))\nCell.displayName = \"Table.Cell\"\n\nconst Header = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={clx(\n      \"border-ui-border-base txt-compact-small-plus border-y\",\n      className\n    )}\n    {...props}\n  />\n))\nHeader.displayName = \"Table.Header\"\n\nconst HeaderCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th ref={ref} className={clx(\"h-12 pr-3 text-left\", className)} {...props} />\n))\nHeaderCell.displayName = \"Table.HeaderCell\"\n\nconst Body = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={clx(\"border-ui-border-base border-b\", className)}\n    {...props}\n  />\n))\nBody.displayName = \"Table.Body\"\n\ninterface TablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {\n  count: number\n  pageSize: number\n  pageIndex: number\n  pageCount: number\n  canPreviousPage: boolean\n  canNextPage: boolean\n  previousPage: () => void\n  nextPage: () => void\n}\n\nconst Pagination = React.forwardRef<HTMLDivElement, TablePaginationProps>(\n  (\n    {\n      className,\n      count,\n      pageSize,\n      pageCount,\n      pageIndex,\n      canPreviousPage,\n      canNextPage,\n      nextPage,\n      previousPage,\n      ...props\n    },\n    ref\n  ) => {\n    const { from, to } = React.useMemo(() => {\n      const from = count === 0 ? count : pageIndex * pageSize + 1\n      const to = Math.min(count, (pageIndex + 1) * pageSize)\n\n      return { from, to }\n    }, [count, pageIndex, pageSize])\n\n    return (\n      <div\n        ref={ref}\n        className={clx(\n          \"text-ui-fg-subtle txt-compact-small-plus flex w-full items-center justify-between px-5 pb-6 pt-4\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"inline-flex items-center gap-x-1 px-3 py-[5px]\">\n          <p>{from}</p>\n          <Minus className=\"text-ui-fg-muted\" />\n          <p>{`${to} of ${count} results`}</p>\n        </div>\n        <div className=\"flex items-center gap-x-2\">\n          <div className=\"inline-flex items-center gap-x-1 px-3 py-[5px]\">\n            <p>\n              {pageIndex + 1} of {Math.max(pageCount, 1)}\n            </p>\n          </div>\n          <Button\n            variant={\"transparent\"}\n            onClick={previousPage}\n            disabled={!canPreviousPage}\n          >\n            Prev\n          </Button>\n          <Button\n            variant={\"transparent\"}\n            onClick={nextPage}\n            disabled={!canNextPage}\n          >\n            Next\n          </Button>\n        </div>\n      </div>\n    )\n  }\n)\nPagination.displayName = \"Table.Pagination\"\n\nconst Table = Object.assign(Root, {\n  Row,\n  Cell,\n  Header,\n  HeaderCell,\n  Body,\n  Pagination,\n})\n\nexport { Table }\n"]}

package/dist/cjs/components/tabs/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import * as TabsPrimitives from "@radix-ui/react-tabs";
+import * as React from "react";
+declare const Tabs: {
+    (props: React.ComponentPropsWithoutRef<typeof TabsPrimitives.Root>): React.JSX.Element;
+    displayName: string;
+} & {
+    Trigger: React.ForwardRefExoticComponent<Omit<TabsPrimitives.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    List: React.ForwardRefExoticComponent<Omit<TabsPrimitives.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<TabsPrimitives.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Tabs };

package/dist/cjs/components/tabs/tabs.js

@@ -0,0 +1,25 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+const tslib_1 = require("tslib");
+const TabsPrimitives = tslib_1.__importStar(require("@radix-ui/react-tabs"));
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+const TabsRoot = (props) => {
+    return React.createElement(TabsPrimitives.Root, { ...props });
+};
+TabsRoot.displayName = "Tabs";
+const TabsTrigger = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(TabsPrimitives.Trigger, { ref: ref, className: (0, clx_1.clx)("txt-compact-small-plus transition-fg text-ui-fg-subtle inline-flex items-center justify-center rounded-full border border-transparent bg-transparent px-3 py-1.5 outline-none", "hover:text-ui-fg-base", "focus:border-ui-border-interactive focus:!shadow-borders-focus focus:bg-ui-bg-base", "data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base data-[state=active]:shadow-elevation-card-rest", className), ...props }, children)));
+TabsTrigger.displayName = "Tabs.Trigger";
+const TabsList = React.forwardRef(({ className, ...props }, ref) => (React.createElement(TabsPrimitives.List, { ref: ref, className: (0, clx_1.clx)("flex items-center gap-2", className), ...props })));
+TabsList.displayName = "Tabs.List";
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => (React.createElement(TabsPrimitives.Content, { ref: ref, className: (0, clx_1.clx)("outline-none", className), ...props })));
+TabsContent.displayName = "Tabs.Content";
+const Tabs = Object.assign(TabsRoot, {
+    Trigger: TabsTrigger,
+    List: TabsList,
+    Content: TabsContent,
+});
+exports.Tabs = Tabs;
+//# sourceMappingURL=tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,6EAAsD;AACtD,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,QAAQ,GAAG,CACf,KAAiE,EACjE,EAAE;IACF,OAAO,oBAAC,cAAc,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC3C,CAAC,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAA;AAE7B,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,oBAAC,cAAc,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,+KAA+K,EAC/K,uBAAuB,EACvB,oFAAoF,EACpF,sHAAsH,EACtH,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACc,CAC1B,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAA;AAExC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,cAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,yBAAyB,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAA;AAElC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,cAAc,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,cAAc,EAAE,SAAS,CAAC,KACrC,KAAK,GACT,CACH,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAA;AAExC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACnC,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;CACrB,CAAC,CAAA;AAEO,oBAAI","sourcesContent":["\"use client\"\n\nimport * as TabsPrimitives from \"@radix-ui/react-tabs\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst TabsRoot = (\n  props: React.ComponentPropsWithoutRef<typeof TabsPrimitives.Root>\n) => {\n  return <TabsPrimitives.Root {...props} />\n}\nTabsRoot.displayName = \"Tabs\"\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitives.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitives.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <TabsPrimitives.Trigger\n    ref={ref}\n    className={clx(\n      \"txt-compact-small-plus transition-fg text-ui-fg-subtle inline-flex items-center justify-center rounded-full border border-transparent bg-transparent px-3 py-1.5 outline-none\",\n      \"hover:text-ui-fg-base\",\n      \"focus:border-ui-border-interactive focus:!shadow-borders-focus focus:bg-ui-bg-base\",\n      \"data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base data-[state=active]:shadow-elevation-card-rest\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </TabsPrimitives.Trigger>\n))\nTabsTrigger.displayName = \"Tabs.Trigger\"\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitives.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitives.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitives.List\n    ref={ref}\n    className={clx(\"flex items-center gap-2\", className)}\n    {...props}\n  />\n))\nTabsList.displayName = \"Tabs.List\"\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitives.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitives.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitives.Content\n    ref={ref}\n    className={clx(\"outline-none\", className)}\n    {...props}\n  />\n))\nTabsContent.displayName = \"Tabs.Content\"\n\nconst Tabs = Object.assign(TabsRoot, {\n  Trigger: TabsTrigger,\n  List: TabsList,\n  Content: TabsContent,\n})\n\nexport { Tabs }\n"]}

package/dist/cjs/components/toast/toast.js

@@ -10,7 +10,7 @@ const clx_1 = require("../../utils/clx");
 const ToastProvider = Primitives.Provider;
 exports.ToastProvider = ToastProvider;
 ToastProvider.displayName = "ToastProvider";
-const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (React.createElement(Primitives.Viewport, { ref: ref, className: (0, clx_1.clx)("fixed right-0 top-0 z-[100] w-full p-6 md:max-w-[484px]", className), ...props })));
+const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (React.createElement(Primitives.Viewport, { ref: ref, className: (0, clx_1.clx)("fixed right-0 top-0 z-[9999] w-full p-6 md:max-w-[484px]", className), ...props })));
 exports.ToastViewport = ToastViewport;
 ToastViewport.displayName = "ToastViewport";
 const Toast = React.forwardRef(({ className, variant, title, description, action, disableDismiss = false, ...props }, ref) => {

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

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircleSolid,\n  ExclamationCircleSolid,\n  InformationCircleSolid,\n  Spinner,\n  XCircleSolid,\n} from \"@medusajs/icons\"\nimport * as Primitives from \"@radix-ui/react-toast\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst ToastProvider = Primitives.Provider\nToastProvider.displayName = \"ToastProvider\"\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof Primitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <Primitives.Viewport\n    ref={ref}\n    className={clx(\n      \"fixed right-0 top-0 z-[100] w-full p-6 md:max-w-[484px]\",\n      className\n    )}\n    {...props}\n  />\n))\nToastViewport.displayName = \"ToastViewport\"\n\ninterface ActionProps {\n  label: string\n  altText: string\n  onClick: () => void | Promise<void>\n}\n\ninterface ToastProps\n  extends React.ComponentPropsWithoutRef<typeof Primitives.Root> {\n  variant?: \"info\" | \"success\" | \"warning\" | \"error\" | \"loading\"\n  title?: string\n  description?: string\n  action?: ActionProps\n  disableDismiss?: boolean\n}\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof Primitives.Root>,\n  ToastProps\n>(\n  (\n    {\n      className,\n      variant,\n      title,\n      description,\n      action,\n      disableDismiss = false,\n      ...props\n    },\n    ref\n  ) => {\n    let Icon = undefined\n\n    switch (variant) {\n      case \"success\":\n        Icon = <CheckCircleSolid className=\"text-ui-tag-green-icon\" />\n        break\n      case \"warning\":\n        Icon = <ExclamationCircleSolid className=\"text-ui-tag-orange-icon\" />\n        break\n      case \"error\":\n        Icon = <XCircleSolid className=\"text-ui-tag-red-icon\" />\n        break\n      case \"loading\":\n        Icon = <Spinner className=\"text-ui-tag-blue-icon animate-spin\" />\n        break\n      default:\n        Icon = <InformationCircleSolid className=\"text-ui-fg-base\" />\n        break\n    }\n\n    if (action && !action.altText) {\n      // eslint-disable-next-line turbo/no-undeclared-env-vars\n      if (process.env.NODE_ENV === \"development\") {\n        console.warn(\n          \"Omitting `altText` from the action is not recommended. Please provide a description for screen readers.\"\n        )\n      }\n    }\n\n    return (\n      <Primitives.Root\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base border-ui-border-base flex h-fit min-h-[74px] w-full overflow-hidden rounded-md border shadow-[0_4px_12px_rgba(0,0,0,0.05)] md:max-w-[440px]\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"border-ui-border-base flex flex-1 items-start space-x-3 border-r p-4\">\n          <span aria-hidden>{Icon}</span>\n          <div>\n            {title && (\n              <Primitives.Title className=\"text-ui-fg-base txt-compact-small-plus\">\n                {title}\n              </Primitives.Title>\n            )}\n            {description && (\n              <Primitives.Description className=\"text-ui-fg-subtle txt-compact-medium\">\n                {description}\n              </Primitives.Description>\n            )}\n          </div>\n        </div>\n        <div className=\"flex flex-col\">\n          {action && (\n            <>\n              <Primitives.Action\n                altText={action.altText}\n                className={clx(\n                  \"txt-compact-small-plus text-ui-fg-base bg-ui-bg-base hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed flex flex-1 items-center justify-center px-6 transition-colors\",\n                  {\n                    \"text-ui-fg-error\": variant === \"error\",\n                  }\n                )}\n                onClick={(e) => {\n                  e.preventDefault()\n                  action.onClick()\n                }}\n                type=\"button\"\n              >\n                {action.label}\n              </Primitives.Action>\n              <div className=\"bg-ui-border-base h-px w-full\" />\n            </>\n          )}\n          {!disableDismiss && (\n            <Primitives.Close\n              className={clx(\n                \"txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-base hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed flex flex-1 items-center justify-center px-6 transition-colors\",\n                {\n                  \"h-1/2\": action,\n                  \"h-full\": !action,\n                }\n              )}\n              aria-label=\"Close\"\n            >\n              Close\n            </Primitives.Close>\n          )}\n        </div>\n      </Primitives.Root>\n    )\n  }\n)\nToast.displayName = \"Toast\"\n\ntype ToastActionElement = ActionProps\n\nexport {\n  Toast,\n  ToastProvider,\n  ToastViewport,\n  type ToastActionElement,\n  type ToastProps,\n}\n"]}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircleSolid,\n  ExclamationCircleSolid,\n  InformationCircleSolid,\n  Spinner,\n  XCircleSolid,\n} from \"@medusajs/icons\"\nimport * as Primitives from \"@radix-ui/react-toast\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst ToastProvider = Primitives.Provider\nToastProvider.displayName = \"ToastProvider\"\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof Primitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof Primitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <Primitives.Viewport\n    ref={ref}\n    className={clx(\n      \"fixed right-0 top-0 z-[9999] w-full p-6 md:max-w-[484px]\",\n      className\n    )}\n    {...props}\n  />\n))\nToastViewport.displayName = \"ToastViewport\"\n\ninterface ActionProps {\n  label: string\n  altText: string\n  onClick: () => void | Promise<void>\n}\n\ninterface ToastProps\n  extends React.ComponentPropsWithoutRef<typeof Primitives.Root> {\n  variant?: \"info\" | \"success\" | \"warning\" | \"error\" | \"loading\"\n  title?: string\n  description?: string\n  action?: ActionProps\n  disableDismiss?: boolean\n}\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof Primitives.Root>,\n  ToastProps\n>(\n  (\n    {\n      className,\n      variant,\n      title,\n      description,\n      action,\n      disableDismiss = false,\n      ...props\n    },\n    ref\n  ) => {\n    let Icon = undefined\n\n    switch (variant) {\n      case \"success\":\n        Icon = <CheckCircleSolid className=\"text-ui-tag-green-icon\" />\n        break\n      case \"warning\":\n        Icon = <ExclamationCircleSolid className=\"text-ui-tag-orange-icon\" />\n        break\n      case \"error\":\n        Icon = <XCircleSolid className=\"text-ui-tag-red-icon\" />\n        break\n      case \"loading\":\n        Icon = <Spinner className=\"text-ui-tag-blue-icon animate-spin\" />\n        break\n      default:\n        Icon = <InformationCircleSolid className=\"text-ui-fg-base\" />\n        break\n    }\n\n    if (action && !action.altText) {\n      // eslint-disable-next-line turbo/no-undeclared-env-vars\n      if (process.env.NODE_ENV === \"development\") {\n        console.warn(\n          \"Omitting `altText` from the action is not recommended. Please provide a description for screen readers.\"\n        )\n      }\n    }\n\n    return (\n      <Primitives.Root\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base border-ui-border-base flex h-fit min-h-[74px] w-full overflow-hidden rounded-md border shadow-[0_4px_12px_rgba(0,0,0,0.05)] md:max-w-[440px]\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"border-ui-border-base flex flex-1 items-start space-x-3 border-r p-4\">\n          <span aria-hidden>{Icon}</span>\n          <div>\n            {title && (\n              <Primitives.Title className=\"text-ui-fg-base txt-compact-small-plus\">\n                {title}\n              </Primitives.Title>\n            )}\n            {description && (\n              <Primitives.Description className=\"text-ui-fg-subtle txt-compact-medium\">\n                {description}\n              </Primitives.Description>\n            )}\n          </div>\n        </div>\n        <div className=\"flex flex-col\">\n          {action && (\n            <>\n              <Primitives.Action\n                altText={action.altText}\n                className={clx(\n                  \"txt-compact-small-plus text-ui-fg-base bg-ui-bg-base hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed flex flex-1 items-center justify-center px-6 transition-colors\",\n                  {\n                    \"text-ui-fg-error\": variant === \"error\",\n                  }\n                )}\n                onClick={(e) => {\n                  e.preventDefault()\n                  action.onClick()\n                }}\n                type=\"button\"\n              >\n                {action.label}\n              </Primitives.Action>\n              <div className=\"bg-ui-border-base h-px w-full\" />\n            </>\n          )}\n          {!disableDismiss && (\n            <Primitives.Close\n              className={clx(\n                \"txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-base hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed flex flex-1 items-center justify-center px-6 transition-colors\",\n                {\n                  \"h-1/2\": action,\n                  \"h-full\": !action,\n                }\n              )}\n              aria-label=\"Close\"\n            >\n              Close\n            </Primitives.Close>\n          )}\n        </div>\n      </Primitives.Root>\n    )\n  }\n)\nToast.displayName = \"Toast\"\n\ntype ToastActionElement = ActionProps\n\nexport {\n  Toast,\n  ToastProvider,\n  ToastViewport,\n  type ToastActionElement,\n  type ToastProps,\n}\n"]}

package/dist/cjs/components/tooltip/tooltip.js

@@ -11,7 +11,7 @@ const Tooltip = ({ children, content, open, defaultOpen, onOpenChange, delayDura
         React.createElement(Primitives.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, delayDuration: delayDuration },
             React.createElement(Primitives.Trigger, { onClick: onClick, asChild: true }, children),
             React.createElement(Primitives.Portal, null,
-                React.createElement(Primitives.Content, { side: side, sideOffset: sideOffset, align: "center", className: (0, clx_1.clx)("txt-compact-xsmall-plus text-ui-fg-subtle animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-ui-bg-base shadow-elevation-tooltip z-[999] rounded-lg px-3 py-2", className), ...props, style: { ...props.style, maxWidth } }, content)))));
+                React.createElement(Primitives.Content, { side: side, sideOffset: sideOffset, align: "center", className: (0, clx_1.clx)("txt-compact-xsmall-plus text-ui-fg-subtle bg-ui-bg-base shadow-elevation-tooltip rounded-lg px-3 py-2", "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props, style: { ...props.style, maxWidth } }, content)))));
 };
 exports.Tooltip = Tooltip;
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,4EAAqD;AACrD,qDAA8B;AAE9B,qCAAiC;AAcjC,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,aAAa,EACb,QAAQ,GAAG,GAAG,EACd,SAAS,EACT,IAAI,EACJ,UAAU,GAAG,CAAC,EACd,OAAO,EACP,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,OAAO,CACL,oBAAC,UAAU,CAAC,QAAQ,IAAC,aAAa,EAAE,GAAG;QACrC,oBAAC,UAAU,CAAC,IAAI,IACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa;YAE5B,oBAAC,UAAU,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAC1C,QAAQ,CACU;YACrB,oBAAC,UAAU,CAAC,MAAM;gBAChB,oBAAC,UAAU,CAAC,OAAO,IACjB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,IAAA,SAAG,EACZ,0YAA0Y,EAC1Y,SAAS,CACV,KACG,KAAK,EACT,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAElC,OAAO,CACW,CACH,CACJ,CACE,CACvB,CAAA;AACH,CAAC,CAAA;AAEQ,0BAAO","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-tooltip\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface TooltipProps\n  extends Omit<Primitives.TooltipContentProps, \"content\" | \"onClick\">,\n    Pick<\n      Primitives.TooltipProps,\n      \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"delayDuration\"\n    > {\n  content: React.ReactNode\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n  side?: \"bottom\" | \"left\" | \"top\" | \"right\"\n  maxWidth?: number\n}\n\nconst Tooltip = ({\n  children,\n  content,\n  open,\n  defaultOpen,\n  onOpenChange,\n  delayDuration,\n  maxWidth = 220,\n  className,\n  side,\n  sideOffset = 8,\n  onClick,\n  ...props\n}: TooltipProps) => {\n  return (\n    <Primitives.Provider delayDuration={100}>\n      <Primitives.Root\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        delayDuration={delayDuration}\n      >\n        <Primitives.Trigger onClick={onClick} asChild>\n          {children}\n        </Primitives.Trigger>\n        <Primitives.Portal>\n          <Primitives.Content\n            side={side}\n            sideOffset={sideOffset}\n            align=\"center\"\n            className={clx(\n              \"txt-compact-xsmall-plus text-ui-fg-subtle animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-ui-bg-base shadow-elevation-tooltip z-[999] rounded-lg px-3 py-2\",\n              className\n            )}\n            {...props}\n            style={{ ...props.style, maxWidth }}\n          >\n            {content}\n          </Primitives.Content>\n        </Primitives.Portal>\n      </Primitives.Root>\n    </Primitives.Provider>\n  )\n}\n\nexport { Tooltip }\n"]}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,4EAAqD;AACrD,qDAA8B;AAE9B,qCAAiC;AAcjC,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,aAAa,EACb,QAAQ,GAAG,GAAG,EACd,SAAS,EACT,IAAI,EACJ,UAAU,GAAG,CAAC,EACd,OAAO,EACP,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,OAAO,CACL,oBAAC,UAAU,CAAC,QAAQ,IAAC,aAAa,EAAE,GAAG;QACrC,oBAAC,UAAU,CAAC,IAAI,IACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa;YAE5B,oBAAC,UAAU,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAC1C,QAAQ,CACU;YACrB,oBAAC,UAAU,CAAC,MAAM;gBAChB,oBAAC,UAAU,CAAC,OAAO,IACjB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,IAAA,SAAG,EACZ,uGAAuG,EACvG,4RAA4R,EAC5R,SAAS,CACV,KACG,KAAK,EACT,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAElC,OAAO,CACW,CACH,CACJ,CACE,CACvB,CAAA;AACH,CAAC,CAAA;AAEQ,0BAAO","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-tooltip\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface TooltipProps\n  extends Omit<Primitives.TooltipContentProps, \"content\" | \"onClick\">,\n    Pick<\n      Primitives.TooltipProps,\n      \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"delayDuration\"\n    > {\n  content: React.ReactNode\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n  side?: \"bottom\" | \"left\" | \"top\" | \"right\"\n  maxWidth?: number\n}\n\nconst Tooltip = ({\n  children,\n  content,\n  open,\n  defaultOpen,\n  onOpenChange,\n  delayDuration,\n  maxWidth = 220,\n  className,\n  side,\n  sideOffset = 8,\n  onClick,\n  ...props\n}: TooltipProps) => {\n  return (\n    <Primitives.Provider delayDuration={100}>\n      <Primitives.Root\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        delayDuration={delayDuration}\n      >\n        <Primitives.Trigger onClick={onClick} asChild>\n          {children}\n        </Primitives.Trigger>\n        <Primitives.Portal>\n          <Primitives.Content\n            side={side}\n            sideOffset={sideOffset}\n            align=\"center\"\n            className={clx(\n              \"txt-compact-xsmall-plus text-ui-fg-subtle bg-ui-bg-base shadow-elevation-tooltip rounded-lg px-3 py-2\",\n              \"animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n              className\n            )}\n            {...props}\n            style={{ ...props.style, maxWidth }}\n          >\n            {content}\n          </Primitives.Content>\n        </Primitives.Portal>\n      </Primitives.Root>\n    </Primitives.Provider>\n  )\n}\n\nexport { Tooltip }\n"]}

package/dist/cjs/index.d.ts

@@ -6,22 +6,30 @@ export { Checkbox } from "./components/checkbox";
 export { Code } from "./components/code";
 export { CodeBlock } from "./components/code-block";
 export { Command } from "./components/command";
+export { CommandBar } from "./components/command-bar";
 export { Container } from "./components/container";
 export { Copy } from "./components/copy";
+export { CurrencyInput } from "./components/currency-input";
 export { DatePicker } from "./components/date-picker";
 export { Drawer } from "./components/drawer";
 export { DropdownMenu } from "./components/dropdown-menu";
 export { FocusModal } from "./components/focus-modal";
 export { Heading } from "./components/heading";
 export { Hint } from "./components/hint";
+export { IconBadge } from "./components/icon-badge";
+export { IconButton } from "./components/icon-button";
 export { Input } from "./components/input";
 export { Kbd } from "./components/kbd";
 export { Label } from "./components/label";
+export { ProgressAccordion } from "./components/progress-accordion";
+export { ProgressTabs } from "./components/progress-tabs";
 export { Prompt } from "./components/prompt";
 export { RadioGroup } from "./components/radio-group";
 export { Select } from "./components/select";
+export { StatusBadge } from "./components/status-badge";
 export { Switch } from "./components/switch";
 export { Table } from "./components/table";
+export { Tabs } from "./components/tabs";
 export { Text } from "./components/text";
 export { Textarea } from "./components/textarea";
 export { Toast } from "./components/toast";
@@ -31,3 +39,4 @@ export { usePrompt } from "./hooks/use-prompt";
 export { useToast } from "./hooks/use-toast";
 export { useToggleState } from "./hooks/use-toggle-state";
 export { clx } from "./utils/clx";
+export * from "./types";

package/dist/cjs/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clx = exports.useToggleState = exports.useToast = exports.usePrompt = exports.Tooltip = exports.Toaster = exports.Toast = exports.Textarea = exports.Text = exports.Table = exports.Switch = exports.Select = exports.RadioGroup = exports.Prompt = exports.Label = exports.Kbd = exports.Input = exports.Hint = exports.Heading = exports.FocusModal = exports.DropdownMenu = exports.Drawer = exports.DatePicker = exports.Copy = exports.Container = exports.Command = exports.CodeBlock = exports.Code = exports.Checkbox = exports.Calendar = exports.Button = exports.Badge = exports.Avatar = void 0;
+exports.clx = exports.useToggleState = exports.useToast = exports.usePrompt = exports.Tooltip = exports.Toaster = exports.Toast = exports.Textarea = exports.Text = exports.Tabs = exports.Table = exports.Switch = exports.StatusBadge = exports.Select = exports.RadioGroup = exports.Prompt = exports.ProgressTabs = exports.ProgressAccordion = exports.Label = exports.Kbd = exports.Input = exports.IconButton = exports.IconBadge = exports.Hint = exports.Heading = exports.FocusModal = exports.DropdownMenu = exports.Drawer = exports.DatePicker = exports.CurrencyInput = exports.Copy = exports.Container = exports.CommandBar = exports.Command = exports.CodeBlock = exports.Code = exports.Checkbox = exports.Calendar = exports.Button = exports.Badge = exports.Avatar = void 0;
+const tslib_1 = require("tslib");
 var avatar_1 = require("./components/avatar");
 Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
 var badge_1 = require("./components/badge");
@@ -17,10 +18,14 @@ var code_block_1 = require("./components/code-block");
 Object.defineProperty(exports, "CodeBlock", { enumerable: true, get: function () { return code_block_1.CodeBlock; } });
 var command_1 = require("./components/command");
 Object.defineProperty(exports, "Command", { enumerable: true, get: function () { return command_1.Command; } });
+var command_bar_1 = require("./components/command-bar");
+Object.defineProperty(exports, "CommandBar", { enumerable: true, get: function () { return command_bar_1.CommandBar; } });
 var container_1 = require("./components/container");
 Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return container_1.Container; } });
 var copy_1 = require("./components/copy");
 Object.defineProperty(exports, "Copy", { enumerable: true, get: function () { return copy_1.Copy; } });
+var currency_input_1 = require("./components/currency-input");
+Object.defineProperty(exports, "CurrencyInput", { enumerable: true, get: function () { return currency_input_1.CurrencyInput; } });
 var date_picker_1 = require("./components/date-picker");
 Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return date_picker_1.DatePicker; } });
 var drawer_1 = require("./components/drawer");
@@ -33,22 +38,34 @@ var heading_1 = require("./components/heading");
 Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return heading_1.Heading; } });
 var hint_1 = require("./components/hint");
 Object.defineProperty(exports, "Hint", { enumerable: true, get: function () { return hint_1.Hint; } });
+var icon_badge_1 = require("./components/icon-badge");
+Object.defineProperty(exports, "IconBadge", { enumerable: true, get: function () { return icon_badge_1.IconBadge; } });
+var icon_button_1 = require("./components/icon-button");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return icon_button_1.IconButton; } });
 var input_1 = require("./components/input");
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
 var kbd_1 = require("./components/kbd");
 Object.defineProperty(exports, "Kbd", { enumerable: true, get: function () { return kbd_1.Kbd; } });
 var label_1 = require("./components/label");
 Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return label_1.Label; } });
+var progress_accordion_1 = require("./components/progress-accordion");
+Object.defineProperty(exports, "ProgressAccordion", { enumerable: true, get: function () { return progress_accordion_1.ProgressAccordion; } });
+var progress_tabs_1 = require("./components/progress-tabs");
+Object.defineProperty(exports, "ProgressTabs", { enumerable: true, get: function () { return progress_tabs_1.ProgressTabs; } });
 var prompt_1 = require("./components/prompt");
 Object.defineProperty(exports, "Prompt", { enumerable: true, get: function () { return prompt_1.Prompt; } });
 var radio_group_1 = require("./components/radio-group");
 Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_group_1.RadioGroup; } });
 var select_1 = require("./components/select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
+var status_badge_1 = require("./components/status-badge");
+Object.defineProperty(exports, "StatusBadge", { enumerable: true, get: function () { return status_badge_1.StatusBadge; } });
 var switch_1 = require("./components/switch");
 Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return switch_1.Switch; } });
 var table_1 = require("./components/table");
 Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return table_1.Table; } });
+var tabs_1 = require("./components/tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
 var text_1 = require("./components/text");
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_1.Text; } });
 var textarea_1 = require("./components/textarea");
@@ -69,4 +86,6 @@ Object.defineProperty(exports, "useToggleState", { enumerable: true, get: functi
 // Utils
 var clx_1 = require("./utils/clx");
 Object.defineProperty(exports, "clx", { enumerable: true, get: function () { return clx_1.clx; } });
+// Types
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,sDAAmD;AAA1C,uGAAA,SAAS,OAAA;AAClB,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,4DAAyD;AAAhD,6GAAA,YAAY,OAAA;AACrB,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,wCAAsC;AAA7B,0FAAA,GAAG,OAAA;AACZ,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAEhB,QAAQ;AACR,iDAA8C;AAArC,uGAAA,SAAS,OAAA;AAClB,+CAA4C;AAAnC,qGAAA,QAAQ,OAAA;AACjB,6DAAyD;AAAhD,kHAAA,cAAc,OAAA;AAEvB,QAAQ;AACR,mCAAiC;AAAxB,0FAAA,GAAG,OAAA","sourcesContent":["export { Avatar } from \"./components/avatar\"\nexport { Badge } from \"./components/badge\"\nexport { Button } from \"./components/button\"\nexport { Calendar } from \"./components/calendar\"\nexport { Checkbox } from \"./components/checkbox\"\nexport { Code } from \"./components/code\"\nexport { CodeBlock } from \"./components/code-block\"\nexport { Command } from \"./components/command\"\nexport { Container } from \"./components/container\"\nexport { Copy } from \"./components/copy\"\nexport { DatePicker } from \"./components/date-picker\"\nexport { Drawer } from \"./components/drawer\"\nexport { DropdownMenu } from \"./components/dropdown-menu\"\nexport { FocusModal } from \"./components/focus-modal\"\nexport { Heading } from \"./components/heading\"\nexport { Hint } from \"./components/hint\"\nexport { Input } from \"./components/input\"\nexport { Kbd } from \"./components/kbd\"\nexport { Label } from \"./components/label\"\nexport { Prompt } from \"./components/prompt\"\nexport { RadioGroup } from \"./components/radio-group\"\nexport { Select } from \"./components/select\"\nexport { Switch } from \"./components/switch\"\nexport { Table } from \"./components/table\"\nexport { Text } from \"./components/text\"\nexport { Textarea } from \"./components/textarea\"\nexport { Toast } from \"./components/toast\"\nexport { Toaster } from \"./components/toaster\"\nexport { Tooltip } from \"./components/tooltip\"\n\n// Hooks\nexport { usePrompt } from \"./hooks/use-prompt\"\nexport { useToast } from \"./hooks/use-toast\"\nexport { useToggleState } from \"./hooks/use-toggle-state\"\n\n// Utils\nexport { clx } from \"./utils/clx\"\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,sDAAmD;AAA1C,uGAAA,SAAS,OAAA;AAClB,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,8DAA2D;AAAlD,+GAAA,aAAa,OAAA;AACtB,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,4DAAyD;AAAhD,6GAAA,YAAY,OAAA;AACrB,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,sDAAmD;AAA1C,uGAAA,SAAS,OAAA;AAClB,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,wCAAsC;AAA7B,0FAAA,GAAG,OAAA;AACZ,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,sEAAmE;AAA1D,uHAAA,iBAAiB,OAAA;AAC1B,4DAAyD;AAAhD,6GAAA,YAAY,OAAA;AACrB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,0DAAuD;AAA9C,2GAAA,WAAW,OAAA;AACpB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAEhB,QAAQ;AACR,iDAA8C;AAArC,uGAAA,SAAS,OAAA;AAClB,+CAA4C;AAAnC,qGAAA,QAAQ,OAAA;AACjB,6DAAyD;AAAhD,kHAAA,cAAc,OAAA;AAEvB,QAAQ;AACR,mCAAiC;AAAxB,0FAAA,GAAG,OAAA;AAEZ,QAAQ;AACR,kDAAuB","sourcesContent":["export { Avatar } from \"./components/avatar\"\nexport { Badge } from \"./components/badge\"\nexport { Button } from \"./components/button\"\nexport { Calendar } from \"./components/calendar\"\nexport { Checkbox } from \"./components/checkbox\"\nexport { Code } from \"./components/code\"\nexport { CodeBlock } from \"./components/code-block\"\nexport { Command } from \"./components/command\"\nexport { CommandBar } from \"./components/command-bar\"\nexport { Container } from \"./components/container\"\nexport { Copy } from \"./components/copy\"\nexport { CurrencyInput } from \"./components/currency-input\"\nexport { DatePicker } from \"./components/date-picker\"\nexport { Drawer } from \"./components/drawer\"\nexport { DropdownMenu } from \"./components/dropdown-menu\"\nexport { FocusModal } from \"./components/focus-modal\"\nexport { Heading } from \"./components/heading\"\nexport { Hint } from \"./components/hint\"\nexport { IconBadge } from \"./components/icon-badge\"\nexport { IconButton } from \"./components/icon-button\"\nexport { Input } from \"./components/input\"\nexport { Kbd } from \"./components/kbd\"\nexport { Label } from \"./components/label\"\nexport { ProgressAccordion } from \"./components/progress-accordion\"\nexport { ProgressTabs } from \"./components/progress-tabs\"\nexport { Prompt } from \"./components/prompt\"\nexport { RadioGroup } from \"./components/radio-group\"\nexport { Select } from \"./components/select\"\nexport { StatusBadge } from \"./components/status-badge\"\nexport { Switch } from \"./components/switch\"\nexport { Table } from \"./components/table\"\nexport { Tabs } from \"./components/tabs\"\nexport { Text } from \"./components/text\"\nexport { Textarea } from \"./components/textarea\"\nexport { Toast } from \"./components/toast\"\nexport { Toaster } from \"./components/toaster\"\nexport { Tooltip } from \"./components/tooltip\"\n\n// Hooks\nexport { usePrompt } from \"./hooks/use-prompt\"\nexport { useToast } from \"./hooks/use-toast\"\nexport { useToggleState } from \"./hooks/use-toggle-state\"\n\n// Utils\nexport { clx } from \"./utils/clx\"\n\n// Types\nexport * from \"./types\"\n"]}

package/dist/cjs/types.d.ts

@@ -0,0 +1,5 @@
+export type ProgressStatus = "not-started" | "in-progress" | "completed";
+export type DateRange = {
+    from: Date | undefined;
+    to?: Date | undefined;
+};

package/dist/cjs/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type ProgressStatus = \"not-started\" | \"in-progress\" | \"completed\"\n\nexport type DateRange = {\n  from: Date | undefined\n  to?: Date | undefined\n}\n"]}

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

@@ -1,8 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare const badgeVariants: (props?: ({
-    type?: "rounded" | "default" | "icon" | null | undefined;
-    size?: "base" | "large" | "small" | null | undefined;
+declare const badgeColorVariants: (props?: ({
     color?: "green" | "red" | "blue" | "orange" | "grey" | "purple" | null | undefined;
 } & ({
     class: import("clsx").ClassValue;
@@ -14,8 +12,21 @@ declare const badgeVariants: (props?: ({
     class?: undefined;
     className?: undefined;
 })) | undefined) => string;
-interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeVariants> {
+declare const badgeSizeVariants: (props?: ({
+    size?: "base" | "large" | "small" | null | undefined;
+    rounded?: "base" | "full" | null | undefined;
+} & ({
+    class: import("clsx").ClassValue;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className: import("clsx").ClassValue;
+} | {
+    class?: undefined;
+    className?: undefined;
+})) | undefined) => string;
+interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeSizeVariants>, VariantProps<typeof badgeColorVariants> {
     asChild?: boolean;
 }
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
-export { Badge };
+export { Badge, badgeColorVariants };

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

@@ -2,18 +2,8 @@ import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import * as React from "react";
 import { clx } from "../../utils/clx";
-const badgeVariants = cva("inline-flex items-center gap-x-0.5 border", {
+const badgeColorVariants = cva("", {
     variants: {
-        type: {
-            default: "rounded-md",
-            rounded: "rounded-full",
-            icon: "rounded-md",
-        },
-        size: {
-            small: "txt-compact-xsmall-plus px-1.5",
-            base: "txt-compact-small-plus px-2 py-0.5",
-            large: "txt-compact-medium-plus px-2.5 py-1",
-        },
         color: {
             green: "bg-ui-tag-green-bg text-ui-tag-green-text [&_svg]:text-ui-tag-green-icon border-ui-tag-green-border",
             red: "bg-ui-tag-red-bg text-ui-tag-red-text [&_svg]:text-ui-tag-red-icon border-ui-tag-red-border",
@@ -23,33 +13,31 @@ const badgeVariants = cva("inline-flex items-center gap-x-0.5 border", {
             purple: "bg-ui-tag-purple-bg text-ui-tag-purple-text [&_svg]:text-ui-tag-purple-icon border-ui-tag-purple-border",
         },
     },
-    compoundVariants: [
-        {
-            type: "icon",
-            size: "large",
-            className: "p-1",
-        },
-        {
-            type: "icon",
-            size: "base",
-            className: "p-0.5",
+    defaultVariants: {
+        color: "grey",
+    },
+});
+const badgeSizeVariants = cva("inline-flex items-center gap-x-0.5 border", {
+    variants: {
+        size: {
+            small: "txt-compact-xsmall-plus px-1.5",
+            base: "txt-compact-small-plus px-2 py-0.5",
+            large: "txt-compact-medium-plus px-2.5 py-1",
         },
-        {
-            type: "icon",
-            size: "small",
-            className: "p-0.5", // Icon does not get any smaller than `md`
+        rounded: {
+            base: "rounded-md",
+            full: "rounded-full",
         },
-    ],
+    },
     defaultVariants: {
         size: "base",
-        type: "default",
-        color: "grey",
+        rounded: "base",
     },
 });
-const Badge = React.forwardRef(({ className, size, type, color, asChild = false, ...props }, ref) => {
+const Badge = React.forwardRef(({ className, size = "base", rounded = "base", color = "grey", asChild = false, ...props }, ref) => {
     const Component = asChild ? Slot : "span";
-    return (React.createElement(Component, { ref: ref, className: clx(badgeVariants({ size, type, color }), className), ...props }));
+    return (React.createElement(Component, { ref: ref, className: clx(badgeColorVariants({ color }), badgeSizeVariants({ size, rounded }), className), ...props }));
 });
 Badge.displayName = "Badge";
-export { Badge };
+export { Badge, badgeColorVariants };
 //# sourceMappingURL=badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAgB,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,aAAa,GAAG,GAAG,CAAC,2CAA2C,EAAE;IACrE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,YAAY;SACnB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,gCAAgC;YACvC,IAAI,EAAE,oCAAoC;YAC1C,KAAK,EAAE,qCAAqC;SAC7C;QACD,KAAK,EAAE;YACL,KAAK,EACH,qGAAqG;YACvG,GAAG,EAAE,6FAA6F;YAClG,IAAI,EAAE,iGAAiG;YACvG,MAAM,EACJ,yGAAyG;YAC3G,IAAI,EAAE,6GAA6G;YACnH,MAAM,EACJ,yGAAyG;SAC5G;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,KAAK;SACjB;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,OAAO;SACnB;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,OAAO,EAAE,0CAA0C;SAC/D;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAQF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnE,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,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,KAC3D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA","sourcesContent":["import { 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 badgeVariants = cva(\"inline-flex items-center gap-x-0.5 border\", {\n  variants: {\n    type: {\n      default: \"rounded-md\",\n      rounded: \"rounded-full\",\n      icon: \"rounded-md\",\n    },\n    size: {\n      small: \"txt-compact-xsmall-plus px-1.5\",\n      base: \"txt-compact-small-plus px-2 py-0.5\",\n      large: \"txt-compact-medium-plus px-2.5 py-1\",\n    },\n    color: {\n      green:\n        \"bg-ui-tag-green-bg text-ui-tag-green-text [&_svg]:text-ui-tag-green-icon border-ui-tag-green-border\",\n      red: \"bg-ui-tag-red-bg text-ui-tag-red-text [&_svg]:text-ui-tag-red-icon border-ui-tag-red-border\",\n      blue: \"bg-ui-tag-blue-bg text-ui-tag-blue-text [&_svg]:text-ui-tag-blue-icon border-ui-tag-blue-border\",\n      orange:\n        \"bg-ui-tag-orange-bg text-ui-tag-orange-text [&_svg]:text-ui-tag-orange-icon border-ui-tag-orange-border\",\n      grey: \"bg-ui-tag-neutral-bg text-ui-tag-neutral-text [&_svg]:text-ui-tag-neutral-icon border-ui-tag-neutral-border\",\n      purple:\n        \"bg-ui-tag-purple-bg text-ui-tag-purple-text [&_svg]:text-ui-tag-purple-icon border-ui-tag-purple-border\",\n    },\n  },\n  compoundVariants: [\n    {\n      type: \"icon\",\n      size: \"large\",\n      className: \"p-1\",\n    },\n    {\n      type: \"icon\",\n      size: \"base\",\n      className: \"p-0.5\",\n    },\n    {\n      type: \"icon\",\n      size: \"small\",\n      className: \"p-0.5\", // Icon does not get any smaller than `md`\n    },\n  ],\n  defaultVariants: {\n    size: \"base\",\n    type: \"default\",\n    color: \"grey\",\n  },\n})\n\ninterface BadgeProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    VariantProps<typeof badgeVariants> {\n  asChild?: boolean\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, size, type, color, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot : \"span\"\n\n    return (\n      <Component\n        ref={ref}\n        className={clx(badgeVariants({ size, type, color }), className)}\n        {...props}\n      />\n    )\n  }\n)\nBadge.displayName = \"Badge\"\n\nexport { Badge }\n"]}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAgB,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,kBAAkB,GAAG,GAAG,CAAC,EAAE,EAAE;IACjC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EACH,qGAAqG;YACvG,GAAG,EAAE,6FAA6F;YAClG,IAAI,EAAE,iGAAiG;YACvG,MAAM,EACJ,yGAAyG;YAC3G,IAAI,EAAE,6GAA6G;YACnH,MAAM,EACJ,yGAAyG;SAC5G;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,GAAG,CAAC,2CAA2C,EAAE;IACzE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,gCAAgC;YACvC,IAAI,EAAE,oCAAoC;YAC1C,KAAK,EAAE,qCAAqC;SAC7C;QACD,OAAO,EAAE;YACP,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,cAAc;SACrB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAA;AASF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,SAAS,EACT,IAAI,GAAG,MAAM,EACb,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,MAAM,EACd,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,OAAO,EAAE,CAAC,EACpC,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAA","sourcesContent":["import { 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 badgeColorVariants = cva(\"\", {\n  variants: {\n    color: {\n      green:\n        \"bg-ui-tag-green-bg text-ui-tag-green-text [&_svg]:text-ui-tag-green-icon border-ui-tag-green-border\",\n      red: \"bg-ui-tag-red-bg text-ui-tag-red-text [&_svg]:text-ui-tag-red-icon border-ui-tag-red-border\",\n      blue: \"bg-ui-tag-blue-bg text-ui-tag-blue-text [&_svg]:text-ui-tag-blue-icon border-ui-tag-blue-border\",\n      orange:\n        \"bg-ui-tag-orange-bg text-ui-tag-orange-text [&_svg]:text-ui-tag-orange-icon border-ui-tag-orange-border\",\n      grey: \"bg-ui-tag-neutral-bg text-ui-tag-neutral-text [&_svg]:text-ui-tag-neutral-icon border-ui-tag-neutral-border\",\n      purple:\n        \"bg-ui-tag-purple-bg text-ui-tag-purple-text [&_svg]:text-ui-tag-purple-icon border-ui-tag-purple-border\",\n    },\n  },\n  defaultVariants: {\n    color: \"grey\",\n  },\n})\n\nconst badgeSizeVariants = cva(\"inline-flex items-center gap-x-0.5 border\", {\n  variants: {\n    size: {\n      small: \"txt-compact-xsmall-plus px-1.5\",\n      base: \"txt-compact-small-plus px-2 py-0.5\",\n      large: \"txt-compact-medium-plus px-2.5 py-1\",\n    },\n    rounded: {\n      base: \"rounded-md\",\n      full: \"rounded-full\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n    rounded: \"base\",\n  },\n})\n\ninterface BadgeProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    VariantProps<typeof badgeSizeVariants>,\n    VariantProps<typeof badgeColorVariants> {\n  asChild?: boolean\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      className,\n      size = \"base\",\n      rounded = \"base\",\n      color = \"grey\",\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          badgeSizeVariants({ size, rounded }),\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nBadge.displayName = \"Badge\"\n\nexport { Badge, badgeColorVariants }\n"]}

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

@@ -2,8 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "transparent" | "danger" | null | undefined;
-    size?: "base" | "large" | "small" | "xlarge" | null | undefined;
-    format?: "default" | "icon" | null | undefined;
+    size?: "base" | "large" | "xlarge" | null | undefined;
 } & ({
     class: import("clsx").ClassValue;
     className?: undefined;

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

@@ -3,54 +3,26 @@ import { cva } from "class-variance-authority";
 import * as React from "react";
 import { clx } from "../../utils/clx";
 import { Spinner } from "@medusajs/icons";
-const buttonVariants = cva("disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-lg border outline-none after:absolute after:inset-0 after:content-[''] disabled:!shadow-none disabled:after:hidden", {
+const buttonVariants = cva(clx("transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md border outline-none", "disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled disabled:!shadow-none disabled:after:hidden", "after:absolute after:inset-0 after:content-['']"), {
     variants: {
         variant: {
             primary: clx("shadow-buttons-colored text-ui-fg-on-inverted border-ui-border-loud bg-ui-button-inverted after:button-inverted-gradient", "hover:bg-ui-button-inverted-hover hover:after:button-inverted-hover-gradient", "active:bg-ui-button-inverted-pressed active:after:button-inverted-pressed-gradient", "focus:!shadow-buttons-colored-focus"),
             secondary: clx("shadow-buttons-neutral text-ui-fg-base border-ui-border-base 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"),
-            transparent: clx("text-ui-fg-base border-ui-border-transparent bg-ui-button-transparent", "hover:bg-ui-button-transparent-hover", "active:bg-ui-button-transparent-pressed active:border-ui-border-base", "focus:shadow-borders-focus focus:bg-ui-bg-base focus:border-ui-border-base", "disabled:bg-transparent disabled:shadow-none"),
+            transparent: clx("text-ui-fg-base border-ui-border-transparent bg-ui-button-transparent", "hover:bg-ui-button-transparent-hover", "active:bg-ui-button-transparent-pressed active:border-ui-border-base", "focus:shadow-borders-focus focus:bg-ui-bg-base focus:border-ui-border-base", "disabled:!border-none disabled:!bg-transparent disabled:!shadow-none"),
             danger: clx("shadow-buttons-neutral text-ui-fg-on-color border-ui-border-danger bg-ui-button-danger after:button-danger-gradient", "hover:bg-ui-button-danger-hover hover:after:button-danger-hover-gradient", "active:bg-ui-button-danger-pressed active:after:button-danger-pressed-gradient", "focus:shadow-buttons-neutral-focus"),
         },
         size: {
-            small: "txt-compact-xsmall-plus gap-x-0.5 px-[7px] py-[1px]",
-            base: "txt-compact-small-plus gap-x-1.5 px-[11px] py-[5px]",
-            large: "txt-compact-medium-plus gap-x-2 px-[15px] py-[9px]",
-            xlarge: "txt-compact-large-plus gap-x-2 px-[19px] py-[13px]",
-        },
-        format: {
-            default: "",
-            icon: "",
+            base: "txt-compact-small-plus gap-x-1 px-2 py-[5px]",
+            large: "txt-compact-medium-plus gap-x-1 px-3 py-[9px]",
+            xlarge: "txt-compact-large-plus gap-x-1 px-4 py-[13px]",
         },
     },
     defaultVariants: {
-        variant: "primary",
         size: "base",
-        format: "default",
+        variant: "primary",
     },
-    compoundVariants: [
-        {
-            size: "small",
-            format: "icon",
-            className: "px-px py-px",
-        },
-        {
-            size: "base",
-            format: "icon",
-            className: "px-[5px] py-[5px]",
-        },
-        {
-            size: "large",
-            format: "icon",
-            className: "px-[9px] py-[9px]",
-        },
-        {
-            size: "xlarge",
-            format: "icon",
-            className: "px-[13px] py-[13px]",
-        },
-    ],
 });
-const Button = React.forwardRef(({ size, variant, format, className, asChild = false, children, isLoading = false, disabled, ...props }, ref) => {
+const Button = React.forwardRef(({ variant = "primary", size = "base", className, asChild = false, 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
@@ -60,13 +32,13 @@ const Button = React.forwardRef(({ size, variant, format, className, asChild = f
     const renderInner = () => {
         if (isLoading) {
             return (React.createElement("span", { className: "pointer-events-none" },
-                React.createElement("div", { className: clx("bg-ui-bg-disabled absolute inset-0 z-50 flex items-center justify-center rounded-md") },
+                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(buttonVariants({ variant, size, format }), className), disabled: disabled || isLoading }, renderInner()));
+    return (React.createElement(Component, { ref: ref, ...props, className: clx(buttonVariants({ variant, size }), className), disabled: disabled || isLoading }, renderInner()));
 });
 Button.displayName = "Button";
 export { Button, buttonVariants };

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { Spinner } from \"@medusajs/icons\"\n\nconst buttonVariants = cva(\n  \"disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-lg border outline-none after:absolute after:inset-0 after:content-[''] disabled:!shadow-none disabled:after:hidden\",\n  {\n    variants: {\n      variant: {\n        primary: clx(\n          \"shadow-buttons-colored text-ui-fg-on-inverted border-ui-border-loud bg-ui-button-inverted after:button-inverted-gradient\",\n          \"hover:bg-ui-button-inverted-hover hover:after:button-inverted-hover-gradient\",\n          \"active:bg-ui-button-inverted-pressed active:after:button-inverted-pressed-gradient\",\n          \"focus:!shadow-buttons-colored-focus\"\n        ),\n        secondary: clx(\n          \"shadow-buttons-neutral text-ui-fg-base border-ui-border-base bg-ui-button-neutral after:button-neutral-gradient\",\n          \"hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient\",\n          \"active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient\",\n          \"focus:shadow-buttons-neutral-focus\"\n        ),\n        transparent: clx(\n          \"text-ui-fg-base border-ui-border-transparent bg-ui-button-transparent\",\n          \"hover:bg-ui-button-transparent-hover\",\n          \"active:bg-ui-button-transparent-pressed active:border-ui-border-base\",\n          \"focus:shadow-borders-focus focus:bg-ui-bg-base focus:border-ui-border-base\",\n          \"disabled:bg-transparent disabled:shadow-none\"\n        ),\n        danger: clx(\n          \"shadow-buttons-neutral text-ui-fg-on-color border-ui-border-danger bg-ui-button-danger after:button-danger-gradient\",\n          \"hover:bg-ui-button-danger-hover hover:after:button-danger-hover-gradient\",\n          \"active:bg-ui-button-danger-pressed active:after:button-danger-pressed-gradient\",\n          \"focus:shadow-buttons-neutral-focus\"\n        ),\n      },\n      size: {\n        small: \"txt-compact-xsmall-plus gap-x-0.5 px-[7px] py-[1px]\",\n        base: \"txt-compact-small-plus gap-x-1.5 px-[11px] py-[5px]\",\n        large: \"txt-compact-medium-plus gap-x-2 px-[15px] py-[9px]\",\n        xlarge: \"txt-compact-large-plus gap-x-2 px-[19px] py-[13px]\",\n      },\n      format: {\n        default: \"\",\n        icon: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"base\",\n      format: \"default\",\n    },\n    compoundVariants: [\n      {\n        size: \"small\",\n        format: \"icon\",\n        className: \"px-px py-px\",\n      },\n      {\n        size: \"base\",\n        format: \"icon\",\n        className: \"px-[5px] py-[5px]\",\n      },\n      {\n        size: \"large\",\n        format: \"icon\",\n        className: \"px-[9px] py-[9px]\",\n      },\n      {\n        size: \"xlarge\",\n        format: \"icon\",\n        className: \"px-[13px] py-[13px]\",\n      },\n    ],\n  }\n)\n\ninterface ButtonProps\n  extends React.ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof buttonVariants> {\n  isLoading?: boolean\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      size,\n      variant,\n      format,\n      className,\n      asChild = false,\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 z-50 flex items-center justify-center rounded-md\"\n              )}\n            >\n              <Spinner className=\"animate-spin\" />\n            </div>\n            {children}\n          </span>\n        )\n      }\n\n      return children\n    }\n\n    return (\n      <Component\n        ref={ref}\n        {...props}\n        className={clx(buttonVariants({ variant, size, format }), className)}\n        disabled={disabled || isLoading}\n      >\n        {renderInner()}\n      </Component>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"]}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,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,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,MAAM,cAAc,GAAG,GAAG,CACxB,GAAG,CACD,qHAAqH,EACrH,oIAAoI,EACpI,iDAAiD,CAClD,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,GAAG,CACV,0HAA0H,EAC1H,8EAA8E,EAC9E,oFAAoF,EACpF,qCAAqC,CACtC;YACD,SAAS,EAAE,GAAG,CACZ,iHAAiH,EACjH,4EAA4E,EAC5E,kFAAkF,EAClF,oCAAoC,CACrC;YACD,WAAW,EAAE,GAAG,CACd,uEAAuE,EACvE,sCAAsC,EACtC,sEAAsE,EACtE,4EAA4E,EAC5E,sEAAsE,CACvE;YACD,MAAM,EAAE,GAAG,CACT,qHAAqH,EACrH,0EAA0E,EAC1E,gFAAgF,EAChF,oCAAoC,CACrC;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,8CAA8C;YACpD,KAAK,EAAE,+CAA+C;YACtD,MAAM,EAAE,+CAA+C;SACxD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAA;AASD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EACE,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,SAAS,EACT,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE3C;;;;OAIG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,EAAE;YACb,OAAO,CACL,8BAAM,SAAS,EAAC,qBAAqB;gBACnC,6BACE,SAAS,EAAE,GAAG,CACZ,gFAAgF,CACjF;oBAED,oBAAC,OAAO,IAAC,SAAS,EAAC,cAAc,GAAG,CAChC;gBACL,QAAQ,CACJ,CACR,CAAA;SACF;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAC5D,QAAQ,EAAE,QAAQ,IAAI,SAAS,IAE9B,WAAW,EAAE,CACJ,CACb,CAAA;AACH,CAAC,CACF,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,cAAc,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 { clx } from \"@/utils/clx\"\nimport { Spinner } from \"@medusajs/icons\"\n\nconst buttonVariants = cva(\n  clx(\n    \"transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md border outline-none\",\n    \"disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled disabled:!shadow-none disabled:after:hidden\",\n    \"after:absolute after:inset-0 after:content-['']\"\n  ),\n  {\n    variants: {\n      variant: {\n        primary: clx(\n          \"shadow-buttons-colored text-ui-fg-on-inverted border-ui-border-loud bg-ui-button-inverted after:button-inverted-gradient\",\n          \"hover:bg-ui-button-inverted-hover hover:after:button-inverted-hover-gradient\",\n          \"active:bg-ui-button-inverted-pressed active:after:button-inverted-pressed-gradient\",\n          \"focus:!shadow-buttons-colored-focus\"\n        ),\n        secondary: clx(\n          \"shadow-buttons-neutral text-ui-fg-base border-ui-border-base bg-ui-button-neutral after:button-neutral-gradient\",\n          \"hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient\",\n          \"active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient\",\n          \"focus:shadow-buttons-neutral-focus\"\n        ),\n        transparent: clx(\n          \"text-ui-fg-base border-ui-border-transparent bg-ui-button-transparent\",\n          \"hover:bg-ui-button-transparent-hover\",\n          \"active:bg-ui-button-transparent-pressed active:border-ui-border-base\",\n          \"focus:shadow-borders-focus focus:bg-ui-bg-base focus:border-ui-border-base\",\n          \"disabled:!border-none disabled:!bg-transparent disabled:!shadow-none\"\n        ),\n        danger: clx(\n          \"shadow-buttons-neutral text-ui-fg-on-color border-ui-border-danger bg-ui-button-danger after:button-danger-gradient\",\n          \"hover:bg-ui-button-danger-hover hover:after:button-danger-hover-gradient\",\n          \"active:bg-ui-button-danger-pressed active:after:button-danger-pressed-gradient\",\n          \"focus:shadow-buttons-neutral-focus\"\n        ),\n      },\n      size: {\n        base: \"txt-compact-small-plus gap-x-1 px-2 py-[5px]\",\n        large: \"txt-compact-medium-plus gap-x-1 px-3 py-[9px]\",\n        xlarge: \"txt-compact-large-plus gap-x-1 px-4 py-[13px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n      variant: \"primary\",\n    },\n  }\n)\n\ninterface ButtonProps\n  extends React.ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof buttonVariants> {\n  isLoading?: boolean\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = \"primary\",\n      size = \"base\",\n      className,\n      asChild = false,\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(buttonVariants({ variant, size }), className)}\n        disabled={disabled || isLoading}\n      >\n        {renderInner()}\n      </Component>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"]}