@medusajs/ui 1.0.0 → 2.1.0

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { clx } from "../../utils/clx";
+import { EllipseBlueSolid, EllipseGreenSolid, EllipseGreySolid, EllipseOrangeSolid, EllipsePurpleSolid, EllipseRedSolid, } from "@medusajs/icons";
+const StatusBadge = React.forwardRef(({ children, className, color = "grey", ...props }, ref) => {
+    const StatusIndicator = {
+        green: EllipseGreenSolid,
+        red: EllipseRedSolid,
+        orange: EllipseOrangeSolid,
+        blue: EllipseBlueSolid,
+        purple: EllipsePurpleSolid,
+        grey: EllipseGreySolid,
+    }[color];
+    return (React.createElement("span", { ref: ref, className: clx("bg-ui-bg-base border-ui-border-base txt-compact-small text-ui-fg-base inline-flex items-center justify-center rounded-full border py-1 pl-1 pr-3", className), ...props },
+        React.createElement(StatusIndicator, { className: "mr-0.5" }),
+        children));
+});
+StatusBadge.displayName = "StatusBadge";
+export { StatusBadge };
+//# sourceMappingURL=status-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.js","sourceRoot":"","sources":["../../../../src/components/status-badge/status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,GAChB,MAAM,iBAAiB,CAAA;AAOxB,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzD,MAAM,eAAe,GAAG;QACtB,KAAK,EAAE,iBAAiB;QACxB,GAAG,EAAE,eAAe;QACpB,MAAM,EAAE,kBAAkB;QAC1B,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,kBAAkB;QAC1B,IAAI,EAAE,gBAAgB;KACvB,CAAC,KAAK,CAAC,CAAA;IAER,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,kJAAkJ,EAClJ,SAAS,CACV,KACG,KAAK;QAET,oBAAC,eAAe,IAAC,SAAS,EAAC,QAAQ,GAAG;QACrC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AACD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport {\n  EllipseBlueSolid,\n  EllipseGreenSolid,\n  EllipseGreySolid,\n  EllipseOrangeSolid,\n  EllipsePurpleSolid,\n  EllipseRedSolid,\n} from \"@medusajs/icons\"\n\ninterface StatusBadgeProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\"> {\n  color?: \"green\" | \"red\" | \"blue\" | \"orange\" | \"grey\" | \"purple\"\n}\n\nconst StatusBadge = React.forwardRef<HTMLSpanElement, StatusBadgeProps>(\n  ({ children, className, color = \"grey\", ...props }, ref) => {\n    const StatusIndicator = {\n      green: EllipseGreenSolid,\n      red: EllipseRedSolid,\n      orange: EllipseOrangeSolid,\n      blue: EllipseBlueSolid,\n      purple: EllipsePurpleSolid,\n      grey: EllipseGreySolid,\n    }[color]\n\n    return (\n      <span\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base border-ui-border-base txt-compact-small text-ui-fg-base inline-flex items-center justify-center rounded-full border py-1 pl-1 pr-3\",\n          className\n        )}\n        {...props}\n      >\n        <StatusIndicator className=\"mr-0.5\" />\n        {children}\n      </span>\n    )\n  }\n)\nStatusBadge.displayName = \"StatusBadge\"\n\nexport { StatusBadge }\n"]}

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

@@ -14,7 +14,7 @@ const switchVariants = cva("bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover
         size: "base",
     },
 });
-const thumbVariants = cva("bg-ui-fg-on-color shadow-details-switch-handle group-disabled:bg-ui-fg-disabled pointer-events-none z-10 h-[14px] w-[14px] rounded-full transition-all group-disabled:shadow-none", {
+const thumbVariants = cva("bg-ui-fg-on-color shadow-details-switch-handle group-disabled:bg-ui-fg-disabled pointer-events-none h-[14px] w-[14px] rounded-full transition-all group-disabled:shadow-none", {
     variants: {
         size: {
             small: "h-[12px] w-[12px] data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5",

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

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAgB,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,cAAc,GAAG,GAAG,CACxB,ugBAAugB,EACvgB;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,mBAAmB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CACF,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CACvB,mLAAmL,EACnL;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EACH,+FAA+F;YACjG,IAAI,EAAE,kHAAkH;SACzH;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CACF,CAAA;AASD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjD,oBAAC,UAAU,CAAC,IAAI,IACd,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC/C,KAAK,EACT,GAAG,EAAE,GAAG;IAER,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAE,GAAG,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAAI,CAC7C,CACnB,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-switch\"\nimport { VariantProps, cva } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst switchVariants = cva(\n  \"bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:!bg-ui-bg-disabled group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed\",\n  {\n    variants: {\n      size: {\n        small: \"h-[16px] w-[28px]\",\n        base: \"h-[18px] w-[32px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n    },\n  }\n)\n\nconst thumbVariants = cva(\n  \"bg-ui-fg-on-color shadow-details-switch-handle group-disabled:bg-ui-fg-disabled pointer-events-none z-10 h-[14px] w-[14px] rounded-full transition-all group-disabled:shadow-none\",\n  {\n    variants: {\n      size: {\n        small:\n          \"h-[12px] w-[12px] data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5\",\n        base: \"h-[14px] w-[14px] transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n    },\n  }\n)\n\ninterface SwitchProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof Primitives.Root>,\n      \"asChild\"\n    >,\n    VariantProps<typeof switchVariants> {}\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof Primitives.Root>,\n  SwitchProps\n>(({ className, size = \"base\", ...props }, ref) => (\n  <Primitives.Root\n    className={clx(switchVariants({ size }), className)}\n    {...props}\n    ref={ref}\n  >\n    <Primitives.Thumb className={clx(thumbVariants({ size }))} />\n  </Primitives.Root>\n))\nSwitch.displayName = \"Switch\"\n\nexport { Switch }\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAgB,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,cAAc,GAAG,GAAG,CACxB,ugBAAugB,EACvgB;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,mBAAmB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CACF,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CACvB,8KAA8K,EAC9K;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EACH,+FAA+F;YACjG,IAAI,EAAE,kHAAkH;SACzH;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CACF,CAAA;AASD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjD,oBAAC,UAAU,CAAC,IAAI,IACd,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC/C,KAAK,EACT,GAAG,EAAE,GAAG;IAER,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAE,GAAG,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAAI,CAC7C,CACnB,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-switch\"\nimport { VariantProps, cva } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst switchVariants = cva(\n  \"bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:!bg-ui-bg-disabled group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed\",\n  {\n    variants: {\n      size: {\n        small: \"h-[16px] w-[28px]\",\n        base: \"h-[18px] w-[32px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n    },\n  }\n)\n\nconst thumbVariants = cva(\n  \"bg-ui-fg-on-color shadow-details-switch-handle group-disabled:bg-ui-fg-disabled pointer-events-none h-[14px] w-[14px] rounded-full transition-all group-disabled:shadow-none\",\n  {\n    variants: {\n      size: {\n        small:\n          \"h-[12px] w-[12px] data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5\",\n        base: \"h-[14px] w-[14px] transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n    },\n  }\n)\n\ninterface SwitchProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof Primitives.Root>,\n      \"asChild\"\n    >,\n    VariantProps<typeof switchVariants> {}\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof Primitives.Root>,\n  SwitchProps\n>(({ className, size = \"base\", ...props }, ref) => (\n  <Primitives.Root\n    className={clx(switchVariants({ size }), className)}\n    {...props}\n    ref={ref}\n  >\n    <Primitives.Thumb className={clx(thumbVariants({ size }))} />\n  </Primitives.Root>\n))\nSwitch.displayName = \"Switch\"\n\nexport { Switch }\n"]}

package/dist/esm/components/table/table.js

@@ -1,15 +1,14 @@
+import { Minus } from "@medusajs/icons";
 import * as React from "react";
 import { Button } from "../button";
 import { clx } from "../../utils/clx";
-import { Minus } from "@medusajs/icons";
-const Root = React.forwardRef(({ className, ...props }, ref) => (React.createElement("div", { className: "w-full overflow-auto" },
-    React.createElement("table", { ref: ref, className: clx("text-ui-fg-subtle txt-compact-small w-full", className), ...props }))));
+const Root = React.forwardRef(({ className, ...props }, ref) => (React.createElement("table", { ref: ref, className: clx("text-ui-fg-subtle txt-compact-small w-full", className), ...props })));
 Root.displayName = "Table";
-const Row = React.forwardRef(({ className, ...props }, ref) => (React.createElement("tr", { ref: ref, className: clx("bg-ui-bg-base hover:bg-ui-bg-base-hover border-ui-border-base border-b", "[&_td:last-child]:pr-8 [&_th:last-child]:pr-8", "[&_td:first-child]:pl-8 [&_th:first-child]:pl-8", className), ...props })));
+const Row = React.forwardRef(({ className, ...props }, ref) => (React.createElement("tr", { ref: ref, className: clx("bg-ui-bg-base hover:bg-ui-bg-base-hover border-ui-border-base transition-fg border-b", "[&_td:last-child]:pr-8 [&_th:last-child]:pr-8", "[&_td:first-child]:pl-8 [&_th:first-child]:pl-8", className), ...props })));
 Row.displayName = "Table.Row";
 const Cell = React.forwardRef(({ className, ...props }, ref) => (React.createElement("td", { ref: ref, className: clx("h-12 pr-3", className), ...props })));
 Cell.displayName = "Table.Cell";
-const Header = React.forwardRef(({ className, ...props }, ref) => (React.createElement("thead", { ref: ref, className: clx("border-ui-border-base txt-compact-small-plus border-y", className), ...props })));
+const Header = React.forwardRef(({ className, ...props }, ref) => (React.createElement("thead", { ref: ref, className: clx("border-ui-border-base txt-compact-small-plus [&_tr:hover]:bg-ui-bg-base border-y", className), ...props })));
 Header.displayName = "Table.Header";
 const HeaderCell = React.forwardRef(({ className, ...props }, ref) => (React.createElement("th", { ref: ref, className: clx("h-12 pr-3 text-left", className), ...props })));
 HeaderCell.displayName = "Table.HeaderCell";
@@ -17,7 +16,7 @@ const Body = React.forwardRef(({ className, ...props }, ref) => (React.createEle
 Body.displayName = "Table.Body";
 const Pagination = React.forwardRef(({ className, count, pageSize, pageCount, pageIndex, canPreviousPage, canNextPage, nextPage, previousPage, ...props }, ref) => {
     const { from, to } = React.useMemo(() => {
-        const from = pageIndex * pageSize + 1;
+        const from = count === 0 ? count : pageIndex * pageSize + 1;
         const to = Math.min(count, (pageIndex + 1) * pageSize);
         return { from, to };
     }, [count, pageIndex, pageSize]);
@@ -31,7 +30,7 @@ const Pagination = React.forwardRef(({ className, count, pageSize, pageCount, pa
                 React.createElement("p", null,
                     pageIndex + 1,
                     " of ",
-                    pageCount)),
+                    Math.max(pageCount, 1))),
             React.createElement(Button, { variant: "transparent", onClick: previousPage, disabled: !canPreviousPage }, "Prev"),
             React.createElement(Button, { variant: "transparent", onClick: nextPage, disabled: !canNextPage }, "Next"))));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,6BAAK,SAAS,EAAC,sBAAsB;IACnC,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,4CAA4C,EAAE,SAAS,CAAC,KACnE,KAAK,GACT,CACE,CACP,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,OAAO,CAAA;AAE1B,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAG1B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,4BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,wEAAwE,EACxE,+CAA+C,EAC/C,iDAAiD,EACjD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AACF,GAAG,CAAC,WAAW,GAAG,WAAW,CAAA;AAE7B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,4BAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACpE,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,YAAY,CAAA;AAE/B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,uDAAuD,EACvD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,cAAc,CAAA;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,4BAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC9E,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAE3C,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACvD,KAAK,GACT,CACH,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,YAAY,CAAA;AAa/B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE,EACE,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,eAAe,EACf,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,IAAI,GAAG,SAAS,GAAG,QAAQ,GAAG,CAAC,CAAA;QACrC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAA;QAEtD,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAA;IACrB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEhC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,kGAAkG,EAClG,SAAS,CACV,KACG,KAAK;QAET,6BAAK,SAAS,EAAC,gDAAgD;YAC7D,+BAAI,IAAI,CAAK;YACb,oBAAC,KAAK,IAAC,SAAS,EAAC,kBAAkB,GAAG;YACtC,+BAAI,GAAG,EAAE,OAAO,KAAK,UAAU,CAAK,CAChC;QACN,6BAAK,SAAS,EAAC,2BAA2B;YACxC,6BAAK,SAAS,EAAC,gDAAgD;gBAC7D;oBACG,SAAS,GAAG,CAAC;;oBAAM,SAAS,CAC3B,CACA;YACN,oBAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,eAAe,WAGnB;YACT,oBAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,CAAC,WAAW,WAGf,CACL,CACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAE3C,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAChC,GAAG;IACH,IAAI;IACJ,MAAM;IACN,UAAU;IACV,IAAI;IACJ,UAAU;CACX,CAAC,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA","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 { Minus } from \"@medusajs/icons\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/button\"\nimport { clx } from \"@/utils/clx\"\n\nconst Root = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <table\n    ref={ref}\n    className={clx(\"text-ui-fg-subtle txt-compact-small w-full\", className)}\n    {...props}\n  />\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 [&_tr:hover]:bg-ui-bg-base 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/esm/components/tabs/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+"use client";
+import * as TabsPrimitives from "@radix-ui/react-tabs";
+import * as React from "react";
+import { clx } from "../../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: 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: 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: clx("outline-none", className), ...props })));
+TabsContent.displayName = "Tabs.Content";
+const Tabs = Object.assign(TabsRoot, {
+    Trigger: TabsTrigger,
+    List: TabsList,
+    Content: TabsContent,
+});
+export { Tabs };
+//# sourceMappingURL=tabs.js.map

package/dist/esm/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,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;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,GAAG,CACZ,+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,GAAG,CAAC,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,GAAG,CAAC,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;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA","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/esm/components/text/text.d.ts

@@ -4,6 +4,7 @@ declare const textVariants: (props?: ({
     size?: "base" | "large" | "small" | "xlarge" | "xsmall" | null | undefined;
     weight?: "regular" | "plus" | null | undefined;
     family?: "sans" | "mono" | null | undefined;
+    leading?: "normal" | "compact" | null | undefined;
 } & ({
     class: import("clsx").ClassValue;
     className?: undefined;

package/dist/esm/components/text/text.js

@@ -5,11 +5,11 @@ import { clx } from "../../utils/clx";
 const textVariants = cva("", {
     variants: {
         size: {
-            xsmall: "txt-compact-xsmall",
-            small: "txt-compact-small",
-            base: "txt-medium",
-            large: "txt-large",
-            xlarge: "txt-xlarge",
+            xsmall: "",
+            small: "",
+            base: "",
+            large: "",
+            xlarge: "",
         },
         weight: {
             regular: "font-normal",
@@ -19,16 +19,73 @@ const textVariants = cva("", {
             sans: "font-sans",
             mono: "font-mono",
         },
+        leading: {
+            normal: "",
+            compact: "",
+        },
     },
     defaultVariants: {
         family: "sans",
         size: "base",
         weight: "regular",
+        leading: "normal",
     },
+    compoundVariants: [
+        {
+            size: "xsmall",
+            leading: "normal",
+            className: "txt-xsmall",
+        },
+        {
+            size: "xsmall",
+            leading: "compact",
+            className: "txt-compact-xsmall",
+        },
+        {
+            size: "small",
+            leading: "normal",
+            className: "txt-small",
+        },
+        {
+            size: "small",
+            leading: "compact",
+            className: "txt-compact-small",
+        },
+        {
+            size: "base",
+            leading: "normal",
+            className: "txt-medium",
+        },
+        {
+            size: "base",
+            leading: "compact",
+            className: "txt-compact-medium",
+        },
+        {
+            size: "large",
+            leading: "normal",
+            className: "txt-large",
+        },
+        {
+            size: "large",
+            leading: "compact",
+            className: "txt-compact-large",
+        },
+        {
+            size: "xlarge",
+            leading: "normal",
+            className: "txt-xlarge",
+        },
+        {
+            size: "xlarge",
+            leading: "compact",
+            className: "txt-compact-xlarge",
+        },
+    ],
 });
-const Text = React.forwardRef(({ className, asChild = false, as = "p", size = "base", weight = "regular", family = "sans", children, ...props }, ref) => {
+const Text = React.forwardRef(({ className, asChild = false, as = "p", size = "base", weight = "regular", family = "sans", leading = "normal", children, ...props }, ref) => {
     const Component = asChild ? Slot : as;
-    return (React.createElement(Component, { ref: ref, className: clx(textVariants({ size, weight, family }), className), ...props }, children));
+    return (React.createElement(Component, { ref: ref, className: clx(textVariants({ size, weight, family, leading }), className), ...props }, children));
 });
 Text.displayName = "Text";
 export { Text };

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

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/text/text.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,YAAY,GAAG,GAAG,CAAC,EAAE,EAAE;IAC3B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,WAAW;YAClB,MAAM,EAAE,YAAY;SACrB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,aAAa;SACpB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAA;AASF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,SAAS,EACT,OAAO,GAAG,KAAK,EACf,EAAE,GAAG,GAAG,EACR,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,SAAS,EAClB,MAAM,GAAG,MAAM,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;IAErC,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KAC7D,KAAK,IAER,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,OAAO,EAAE,IAAI,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 textVariants = cva(\"\", {\n  variants: {\n    size: {\n      xsmall: \"txt-compact-xsmall\",\n      small: \"txt-compact-small\",\n      base: \"txt-medium\",\n      large: \"txt-large\",\n      xlarge: \"txt-xlarge\",\n    },\n    weight: {\n      regular: \"font-normal\",\n      plus: \"font-medium\",\n    },\n    family: {\n      sans: \"font-sans\",\n      mono: \"font-mono\",\n    },\n  },\n  defaultVariants: {\n    family: \"sans\",\n    size: \"base\",\n    weight: \"regular\",\n  },\n})\n\ninterface TextProps\n  extends React.ComponentPropsWithoutRef<\"p\">,\n    VariantProps<typeof textVariants> {\n  asChild?: boolean\n  as?: \"p\" | \"span\" | \"div\"\n}\n\nconst Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n  (\n    {\n      className,\n      asChild = false,\n      as = \"p\",\n      size = \"base\",\n      weight = \"regular\",\n      family = \"sans\",\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Component = asChild ? Slot : as\n\n    return (\n      <Component\n        ref={ref}\n        className={clx(textVariants({ size, weight, family }), className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    )\n  }\n)\nText.displayName = \"Text\"\n\nexport { Text }\n"]}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/text/text.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,YAAY,GAAG,GAAG,CAAC,EAAE,EAAE;IAC3B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,aAAa;SACpB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,WAAW;SAClB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACZ;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,QAAQ;KAClB;IACD,gBAAgB,EAAE;QAChB;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,WAAW;SACvB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,mBAAmB;SAC/B;QACD;YACE,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,WAAW;SACvB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,mBAAmB;SAC/B;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;KACF;CACF,CAAC,CAAA;AASF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,SAAS,EACT,OAAO,GAAG,KAAK,EACf,EAAE,GAAG,GAAG,EACR,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,SAAS,EAClB,MAAM,GAAG,MAAM,EACf,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;IAErC,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAC/C,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,OAAO,EAAE,IAAI,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 textVariants = cva(\"\", {\n  variants: {\n    size: {\n      xsmall: \"\",\n      small: \"\",\n      base: \"\",\n      large: \"\",\n      xlarge: \"\",\n    },\n    weight: {\n      regular: \"font-normal\",\n      plus: \"font-medium\",\n    },\n    family: {\n      sans: \"font-sans\",\n      mono: \"font-mono\",\n    },\n    leading: {\n      normal: \"\",\n      compact: \"\",\n    },\n  },\n  defaultVariants: {\n    family: \"sans\",\n    size: \"base\",\n    weight: \"regular\",\n    leading: \"normal\",\n  },\n  compoundVariants: [\n    {\n      size: \"xsmall\",\n      leading: \"normal\",\n      className: \"txt-xsmall\",\n    },\n    {\n      size: \"xsmall\",\n      leading: \"compact\",\n      className: \"txt-compact-xsmall\",\n    },\n    {\n      size: \"small\",\n      leading: \"normal\",\n      className: \"txt-small\",\n    },\n    {\n      size: \"small\",\n      leading: \"compact\",\n      className: \"txt-compact-small\",\n    },\n    {\n      size: \"base\",\n      leading: \"normal\",\n      className: \"txt-medium\",\n    },\n    {\n      size: \"base\",\n      leading: \"compact\",\n      className: \"txt-compact-medium\",\n    },\n    {\n      size: \"large\",\n      leading: \"normal\",\n      className: \"txt-large\",\n    },\n    {\n      size: \"large\",\n      leading: \"compact\",\n      className: \"txt-compact-large\",\n    },\n    {\n      size: \"xlarge\",\n      leading: \"normal\",\n      className: \"txt-xlarge\",\n    },\n    {\n      size: \"xlarge\",\n      leading: \"compact\",\n      className: \"txt-compact-xlarge\",\n    },\n  ],\n})\n\ninterface TextProps\n  extends React.ComponentPropsWithoutRef<\"p\">,\n    VariantProps<typeof textVariants> {\n  asChild?: boolean\n  as?: \"p\" | \"span\" | \"div\"\n}\n\nconst Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n  (\n    {\n      className,\n      asChild = false,\n      as = \"p\",\n      size = \"base\",\n      weight = \"regular\",\n      family = \"sans\",\n      leading = \"normal\",\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Component = asChild ? Slot : as\n\n    return (\n      <Component\n        ref={ref}\n        className={clx(\n          textVariants({ size, weight, family, leading }),\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    )\n  }\n)\nText.displayName = \"Text\"\n\nexport { Text }\n"]}

package/dist/esm/components/textarea/textarea.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { clx } from "../../utils/clx";
 import { inputBaseStyles } from "../input";
 const Textarea = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement("textarea", { ref: ref, className: clx(inputBaseStyles, "txt-medium min-h-[70px] w-full rounded-md border px-3 py-[7px]", className), ...props }));
+    return (React.createElement("textarea", { ref: ref, className: clx(inputBaseStyles, "txt-medium min-h-[70px] w-full px-3 py-[7px]", className), ...props }));
 });
 Textarea.displayName = "Textarea";
 export { Textarea };

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,eAAe,EACf,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { inputBaseStyles } from \"../input\"\n\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentPropsWithoutRef<\"textarea\">\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      ref={ref}\n      className={clx(\n        inputBaseStyles,\n        \"txt-medium min-h-[70px] w-full rounded-md border px-3 py-[7px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"]}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,eAAe,EACf,8CAA8C,EAC9C,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { inputBaseStyles } from \"../input\"\n\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentPropsWithoutRef<\"textarea\">\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      ref={ref}\n      className={clx(\n        inputBaseStyles,\n        \"txt-medium min-h-[70px] w-full px-3 py-[7px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"]}

package/dist/esm/components/time-input/time-input.js

@@ -10,7 +10,7 @@ const TimeSegment = ({ segment, state }) => {
     const isColon = segment.type === "literal" && segment.text === ":";
     const isSpace = segment.type === "literal" && segment.text === " ";
     const isDecorator = isColon || isSpace;
-    return (React.createElement("div", { ...segmentProps, ref: ref, className: clx("txt-compact-medium w-full rounded-md border px-2 py-[5px] text-left uppercase tabular-nums", inputBaseStyles, "group-aria-[invalid=true]/time-input:!border-ui-border-error group-aria-[invalid=true]/time-input:focus:!shadow-borders-error group-invalid/time-input:!border-ui-border-error group-invalid/time-input:focus:!shadow-borders-error", {
+    return (React.createElement("div", { ...segmentProps, ref: ref, className: clx("txt-compact-medium w-full rounded-md px-2 py-[5px] text-left uppercase tabular-nums", inputBaseStyles, "group-aria-[invalid=true]/time-input:!shadow-borders-error group-invalid/time-input:!shadow-borders-error", {
             "text-ui-fg-muted !w-fit border-none bg-transparent px-0 shadow-none": isDecorator,
             hidden: isSpace,
             "text-ui-fg-disabled bg-ui-bg-disabled border-ui-border-base shadow-none": state.isDisabled,

package/dist/esm/components/time-input/time-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-input.js","sourceRoot":"","sources":["../../../../src/components/time-input/time-input.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  AriaTimeFieldProps,\n  TimeValue,\n  useDateSegment,\n  useTimeField,\n} from \"@react-aria/datepicker\"\nimport {\n  useTimeFieldState,\n  type DateFieldState,\n  type DateSegment,\n} from \"@react-stately/datepicker\"\nimport * as React from \"react\"\n\nimport { inputBaseStyles } from \"@/components/input\"\nimport { clx } from \"@/utils/clx\"\n\ntype TimeSegmentProps = {\n  segment: DateSegment\n  state: DateFieldState\n}\n\nconst TimeSegment = ({ segment, state }: TimeSegmentProps) => {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const { segmentProps } = useDateSegment(segment, state, ref)\n\n  const isColon = segment.type === \"literal\" && segment.text === \":\"\n  const isSpace = segment.type === \"literal\" && segment.text === \" \"\n\n  const isDecorator = isColon || isSpace\n\n  return (\n    <div\n      {...segmentProps}\n      ref={ref}\n      className={clx(\n        \"txt-compact-medium w-full rounded-md border px-2 py-[5px] text-left uppercase tabular-nums\",\n        inputBaseStyles,\n        \"group-aria-[invalid=true]/time-input:!border-ui-border-error group-aria-[invalid=true]/time-input:focus:!shadow-borders-error group-invalid/time-input:!border-ui-border-error group-invalid/time-input:focus:!shadow-borders-error\",\n        {\n          \"text-ui-fg-muted !w-fit border-none bg-transparent px-0 shadow-none\":\n            isDecorator,\n          hidden: isSpace,\n          \"text-ui-fg-disabled bg-ui-bg-disabled border-ui-border-base shadow-none\":\n            state.isDisabled,\n          \"!text-ui-fg-muted !bg-transparent\": !segment.isEditable,\n        }\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={clx(\n          \"txt-compact-medium text-ui-fg-muted pointer-events-none block w-full text-left\",\n          {\n            hidden: !segment.isPlaceholder,\n            \"h-0\": !segment.isPlaceholder,\n          }\n        )}\n      >\n        {segment.placeholder}\n      </span>\n      {segment.isPlaceholder ? \"\" : segment.text}\n    </div>\n  )\n}\n\ntype TimeInputProps = Omit<\n  AriaTimeFieldProps<TimeValue>,\n  \"label\" | \"shouldForceLeadingZeros\" | \"description\" | \"errorMessage\"\n>\n\nconst TimeInput = React.forwardRef<HTMLDivElement, TimeInputProps>(\n  ({ hourCycle, ...props }: TimeInputProps, ref) => {\n    const innerRef = React.useRef<HTMLDivElement>(null)\n\n    React.useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n      ref,\n      () => innerRef?.current\n    )\n\n    const locale = window !== undefined ? window.navigator.language : \"en-US\"\n\n    const state = useTimeFieldState({\n      hourCycle: hourCycle,\n      locale: locale,\n      shouldForceLeadingZeros: true,\n      autoFocus: true,\n      ...props,\n    })\n\n    const { fieldProps } = useTimeField(\n      {\n        ...props,\n        hourCycle: hourCycle,\n        shouldForceLeadingZeros: true,\n      },\n      state,\n      innerRef\n    )\n\n    return (\n      <div\n        {...fieldProps}\n        ref={innerRef}\n        className=\"group/time-input inline-flex w-full gap-x-2\"\n      >\n        {state.segments.map((segment, i) => (\n          <TimeSegment key={i} segment={segment} state={state} />\n        ))}\n      </div>\n    )\n  }\n)\nTimeInput.displayName = \"TimeInput\"\n\nexport { TimeInput }\n"]}
+{"version":3,"file":"time-input.js","sourceRoot":"","sources":["../../../../src/components/time-input/time-input.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  AriaTimeFieldProps,\n  TimeValue,\n  useDateSegment,\n  useTimeField,\n} from \"@react-aria/datepicker\"\nimport {\n  useTimeFieldState,\n  type DateFieldState,\n  type DateSegment,\n} from \"@react-stately/datepicker\"\nimport * as React from \"react\"\n\nimport { inputBaseStyles } from \"@/components/input\"\nimport { clx } from \"@/utils/clx\"\n\ntype TimeSegmentProps = {\n  segment: DateSegment\n  state: DateFieldState\n}\n\nconst TimeSegment = ({ segment, state }: TimeSegmentProps) => {\n  const ref = React.useRef<HTMLDivElement>(null)\n\n  const { segmentProps } = useDateSegment(segment, state, ref)\n\n  const isColon = segment.type === \"literal\" && segment.text === \":\"\n  const isSpace = segment.type === \"literal\" && segment.text === \" \"\n\n  const isDecorator = isColon || isSpace\n\n  return (\n    <div\n      {...segmentProps}\n      ref={ref}\n      className={clx(\n        \"txt-compact-medium w-full rounded-md px-2 py-[5px] text-left uppercase tabular-nums\",\n        inputBaseStyles,\n        \"group-aria-[invalid=true]/time-input:!shadow-borders-error group-invalid/time-input:!shadow-borders-error\",\n        {\n          \"text-ui-fg-muted !w-fit border-none bg-transparent px-0 shadow-none\":\n            isDecorator,\n          hidden: isSpace,\n          \"text-ui-fg-disabled bg-ui-bg-disabled border-ui-border-base shadow-none\":\n            state.isDisabled,\n          \"!text-ui-fg-muted !bg-transparent\": !segment.isEditable,\n        }\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={clx(\n          \"txt-compact-medium text-ui-fg-muted pointer-events-none block w-full text-left\",\n          {\n            hidden: !segment.isPlaceholder,\n            \"h-0\": !segment.isPlaceholder,\n          }\n        )}\n      >\n        {segment.placeholder}\n      </span>\n      {segment.isPlaceholder ? \"\" : segment.text}\n    </div>\n  )\n}\n\ntype TimeInputProps = Omit<\n  AriaTimeFieldProps<TimeValue>,\n  \"label\" | \"shouldForceLeadingZeros\" | \"description\" | \"errorMessage\"\n>\n\nconst TimeInput = React.forwardRef<HTMLDivElement, TimeInputProps>(\n  ({ hourCycle, ...props }: TimeInputProps, ref) => {\n    const innerRef = React.useRef<HTMLDivElement>(null)\n\n    React.useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n      ref,\n      () => innerRef?.current\n    )\n\n    const locale = window !== undefined ? window.navigator.language : \"en-US\"\n\n    const state = useTimeFieldState({\n      hourCycle: hourCycle,\n      locale: locale,\n      shouldForceLeadingZeros: true,\n      autoFocus: true,\n      ...props,\n    })\n\n    const { fieldProps } = useTimeField(\n      {\n        ...props,\n        hourCycle: hourCycle,\n        shouldForceLeadingZeros: true,\n      },\n      state,\n      innerRef\n    )\n\n    return (\n      <div\n        {...fieldProps}\n        ref={innerRef}\n        className=\"group/time-input inline-flex w-full gap-x-2\"\n      >\n        {state.segments.map((segment, i) => (\n          <TimeSegment key={i} segment={segment} state={state} />\n        ))}\n      </div>\n    )\n  }\n)\nTimeInput.displayName = \"TimeInput\"\n\nexport { TimeInput }\n"]}

package/dist/esm/components/toast/toast.js

@@ -5,7 +5,7 @@ import * as React from "react";
 import { clx } from "../../utils/clx";
 const ToastProvider = Primitives.Provider;
 ToastProvider.displayName = "ToastProvider";
-const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (React.createElement(Primitives.Viewport, { ref: ref, className: 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: clx("fixed right-0 top-0 z-[9999] w-full p-6 md:max-w-[484px]", className), ...props })));
 ToastViewport.displayName = "ToastViewport";
 const Toast = React.forwardRef(({ className, variant, title, description, action, disableDismiss = false, ...props }, ref) => {
     let Icon = undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,OAAO,EACP,YAAY,GACb,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAA;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAA;AACzC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,UAAU,CAAC,QAAQ,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,yDAAyD,EACzD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAiB3C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAI5B,CACE,EACE,SAAS,EACT,OAAO,EACP,KAAK,EACL,WAAW,EACX,MAAM,EACN,cAAc,GAAG,KAAK,EACtB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,IAAI,GAAG,SAAS,CAAA;IAEpB,QAAQ,OAAO,EAAE;QACf,KAAK,SAAS;YACZ,IAAI,GAAG,oBAAC,gBAAgB,IAAC,SAAS,EAAC,wBAAwB,GAAG,CAAA;YAC9D,MAAK;QACP,KAAK,SAAS;YACZ,IAAI,GAAG,oBAAC,sBAAsB,IAAC,SAAS,EAAC,yBAAyB,GAAG,CAAA;YACrE,MAAK;QACP,KAAK,OAAO;YACV,IAAI,GAAG,oBAAC,YAAY,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAA;YACxD,MAAK;QACP,KAAK,SAAS;YACZ,IAAI,GAAG,oBAAC,OAAO,IAAC,SAAS,EAAC,oCAAoC,GAAG,CAAA;YACjE,MAAK;QACP;YACE,IAAI,GAAG,oBAAC,sBAAsB,IAAC,SAAS,EAAC,iBAAiB,GAAG,CAAA;YAC7D,MAAK;KACR;IAED,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;QAC7B,wDAAwD;QACxD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;YAC1C,OAAO,CAAC,IAAI,CACV,yGAAyG,CAC1G,CAAA;SACF;KACF;IAED,OAAO,CACL,oBAAC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,4JAA4J,EAC5J,6aAA6a,EAC7a,SAAS,CACV,KACG,KAAK;QAET,6BAAK,SAAS,EAAC,sEAAsE;YACnF,qDAAmB,IAAI,CAAQ;YAC/B;gBACG,KAAK,IAAI,CACR,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAC,wCAAwC,IACjE,KAAK,CACW,CACpB;gBACA,WAAW,IAAI,CACd,oBAAC,UAAU,CAAC,WAAW,IAAC,SAAS,EAAC,sCAAsC,IACrE,WAAW,CACW,CAC1B,CACG,CACF;QACN,6BAAK,SAAS,EAAC,eAAe;YAC3B,MAAM,IAAI,CACT;gBACE,oBAAC,UAAU,CAAC,MAAM,IAChB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAE,GAAG,CACZ,4KAA4K,EAC5K;wBACE,kBAAkB,EAAE,OAAO,KAAK,OAAO;qBACxC,CACF,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,CAAC,CAAC,cAAc,EAAE,CAAA;wBAClB,MAAM,CAAC,OAAO,EAAE,CAAA;oBAClB,CAAC,EACD,IAAI,EAAC,QAAQ,IAEZ,MAAM,CAAC,KAAK,CACK;gBACpB,6BAAK,SAAS,EAAC,+BAA+B,GAAG,CAChD,CACJ;YACA,CAAC,cAAc,IAAI,CAClB,oBAAC,UAAU,CAAC,KAAK,IACf,SAAS,EAAE,GAAG,CACZ,8KAA8K,EAC9K;oBACE,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,CAAC,MAAM;iBAClB,CACF,gBACU,OAAO,YAGD,CACpB,CACG,CACU,CACnB,CAAA;AACH,CAAC,CACF,CAAA;AACD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAI3B,OAAO,EACL,KAAK,EACL,aAAa,EACb,aAAa,GAGd,CAAA","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/esm/components/tooltip/tooltip.js

@@ -7,7 +7,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: 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: 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)))));
 };
 export { Tooltip };
 //# sourceMappingURL=tooltip.js.map

package/dist/esm/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,OAAO,KAAK,UAAU,MAAM,yBAAyB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;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,GAAG,CACZ,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;AAED,OAAO,EAAE,OAAO,EAAE,CAAA","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,OAAO,KAAK,UAAU,MAAM,yBAAyB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;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,GAAG,CACZ,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;AAED,OAAO,EAAE,OAAO,EAAE,CAAA","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/esm/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/esm/index.js

@@ -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";
@@ -33,4 +41,6 @@ export { useToast } from "./hooks/use-toast";
 export { useToggleState } from "./hooks/use-toggle-state";
 // Utils
 export { clx } from "./utils/clx";
+// Types
+export * from "./types";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,QAAQ;AACR,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,QAAQ;AACR,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA","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,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,QAAQ;AACR,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,QAAQ;AACR,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,QAAQ;AACR,cAAc,SAAS,CAAA","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/esm/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/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/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"]}