@medusajs/ui 2.3.0 → 2.4.0-next-20240207092132

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/ui",
-  "version": "2.3.0",
+  "version": "2.4.0-next-20240207092132",
   "author": "Kasper Kristensen <kasper@medusajs.com>",
   "license": "MIT",
   "repository": {
@@ -42,7 +42,7 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@medusajs/ui-preset": "^1.1.0",
+    "@medusajs/ui-preset": "1.1.1-next-20240207092132",
     "@storybook/addon-essentials": "^7.0.23",
     "@storybook/addon-interactions": "^7.0.23",
     "@storybook/addon-links": "^7.0.23",
@@ -60,19 +60,19 @@
     "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^4.0.1",
     "@vitest/coverage-v8": "^0.32.2",
-    "autoprefixer": "^10.4.14",
+    "autoprefixer": "^10.4.17",
     "chromatic": "^6.20.0",
     "eslint": "^7.32.0",
     "eslint-plugin-storybook": "^0.6.12",
     "jsdom": "^22.1.0",
-    "postcss": "^8.4.24",
+    "postcss": "^8.4.33",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "resize-observer-polyfill": "^1.5.1",
     "rimraf": "^5.0.1",
     "storybook": "^7.0.23",
-    "tailwindcss": "^3.3.2",
+    "tailwindcss": "^3.4.1",
     "tsc-alias": "^1.8.7",
     "typescript": "^5.1.6",
     "vite": "^4.3.9",
@@ -107,7 +107,7 @@
     "prism-react-renderer": "^2.0.6",
     "react-currency-input-field": "^3.6.11",
     "react-day-picker": "^8.8.0",
-    "tailwind-merge": "^1.13.2"
+    "tailwind-merge": "^2.2.1"
   },
   "peerDependencies": {
     "react": "^18.0.0",

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

@@ -1,70 +0,0 @@
-import * as Primitives from "@radix-ui/react-avatar";
-import { type VariantProps } from "cva";
-import * as React from "react";
-declare const avatarVariants: (props?: ({
-    variant?: "squared" | "rounded" | undefined;
-    size?: "2xsmall" | "xsmall" | "small" | "base" | "large" | "xlarge" | undefined;
-} & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-})) | undefined) => string;
-interface AvatarProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitives.Root>, "asChild" | "children" | "size">, VariantProps<typeof avatarVariants> {
-    src?: string;
-    fallback: string;
-}
-/**
- * This component is based on the [Radix UI Avatar](https://www.radix-ui.com/primitives/docs/components/avatar) primitive.
- */
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
-export { Avatar };

package/dist/cjs/components/avatar/avatar.js

@@ -1,142 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-const tslib_1 = require("tslib");
-const Primitives = tslib_1.__importStar(require("@radix-ui/react-avatar"));
-const cva_1 = require("cva");
-const React = tslib_1.__importStar(require("react"));
-const clx_1 = require("../../utils/clx");
-const avatarVariants = (0, cva_1.cva)({
-    base: "border-ui-border-strong flex shrink-0 items-center justify-center overflow-hidden border",
-    variants: {
-        variant: {
-            squared: "",
-            rounded: "rounded-full",
-        },
-        size: {
-            "2xsmall": "h-5 w-5",
-            xsmall: "h-6 w-6",
-            small: "h-7 w-7",
-            base: "h-8 w-8",
-            large: "h-10 w-10",
-            xlarge: "h-12 w-12",
-        },
-    },
-    compoundVariants: [
-        {
-            variant: "squared",
-            size: "2xsmall",
-            className: "rounded-md",
-        },
-        {
-            variant: "squared",
-            size: "xsmall",
-            className: "rounded-md",
-        },
-        {
-            variant: "squared",
-            size: "small",
-            className: "rounded-md",
-        },
-        {
-            variant: "squared",
-            size: "base",
-            className: "rounded-md",
-        },
-        {
-            variant: "squared",
-            size: "large",
-            className: "rounded-lg",
-        },
-        {
-            variant: "squared",
-            size: "xlarge",
-            className: "rounded-xl",
-        },
-    ],
-    defaultVariants: {
-        variant: "rounded",
-        size: "base",
-    },
-});
-const innerVariants = (0, cva_1.cva)({
-    base: "aspect-square object-cover object-center",
-    variants: {
-        variant: {
-            squared: "",
-            rounded: "rounded-full",
-        },
-        size: {
-            "2xsmall": "txt-compact-xsmall-plus h-4 w-4",
-            xsmall: "txt-compact-xsmall-plus h-5 w-5",
-            small: "txt-compact-small-plus h-6 w-6",
-            base: "txt-compact-small-plus h-7 w-7",
-            large: "txt-compact-medium-plus h-9 w-9",
-            xlarge: "txt-compact-large-plus h-11 w-11",
-        },
-    },
-    compoundVariants: [
-        {
-            variant: "squared",
-            size: "2xsmall",
-            className: "rounded-sm",
-        },
-        {
-            variant: "squared",
-            size: "xsmall",
-            className: "rounded-sm",
-        },
-        {
-            variant: "squared",
-            size: "small",
-            className: "rounded-[4px]",
-        },
-        {
-            variant: "squared",
-            size: "base",
-            className: "rounded-[4px]",
-        },
-        {
-            variant: "squared",
-            size: "large",
-            className: "rounded-md",
-        },
-        {
-            variant: "squared",
-            size: "xlarge",
-            className: "rounded-[10px]",
-        },
-    ],
-    defaultVariants: {
-        variant: "rounded",
-        size: "base",
-    },
-});
-/**
- * This component is based on the [Radix UI Avatar](https://www.radix-ui.com/primitives/docs/components/avatar) primitive.
- */
-const Avatar = React.forwardRef(({ 
-/**
- * The URL of the image used in the Avatar.
- */
-src, 
-/**
- * Text to show in the avatar if the URL provided in `src` can't be opened.
- */
-fallback, 
-/**
- * The style of the avatar.
- */
-variant = "rounded", 
-/**
- * The size of the avatar's border radius.
- */
-size = "base", className, ...props }, ref) => {
-    return (React.createElement(Primitives.Root, { ref: ref, ...props, className: (0, clx_1.clx)("rounded-x", avatarVariants({ variant, size }), className) },
-        src && (React.createElement(Primitives.Image, { src: src, className: innerVariants({ variant, size }) })),
-        React.createElement(Primitives.Fallback, { className: (0, clx_1.clx)(innerVariants({ variant, size }), "bg-ui-bg-component text-ui-fg-subtle pointer-events-none flex select-none items-center justify-center") }, fallback)));
-});
-exports.Avatar = Avatar;
-Avatar.displayName = "Avatar";
-//# sourceMappingURL=avatar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-avatar\"\nimport { cva, type VariantProps } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst avatarVariants = cva({\n  base: \"border-ui-border-strong flex shrink-0 items-center justify-center overflow-hidden border\",\n  variants: {\n    variant: {\n      squared: \"\",\n      rounded: \"rounded-full\",\n    },\n    size: {\n      \"2xsmall\": \"h-5 w-5\",\n      xsmall: \"h-6 w-6\",\n      small: \"h-7 w-7\",\n      base: \"h-8 w-8\",\n      large: \"h-10 w-10\",\n      xlarge: \"h-12 w-12\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"squared\",\n      size: \"2xsmall\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xsmall\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"small\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"base\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"large\",\n      className: \"rounded-lg\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xlarge\",\n      className: \"rounded-xl\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"rounded\",\n    size: \"base\",\n  },\n})\n\nconst innerVariants = cva({\n  base: \"aspect-square object-cover object-center\",\n  variants: {\n    variant: {\n      squared: \"\",\n      rounded: \"rounded-full\",\n    },\n    size: {\n      \"2xsmall\": \"txt-compact-xsmall-plus h-4 w-4\",\n      xsmall: \"txt-compact-xsmall-plus h-5 w-5\",\n      small: \"txt-compact-small-plus h-6 w-6\",\n      base: \"txt-compact-small-plus h-7 w-7\",\n      large: \"txt-compact-medium-plus h-9 w-9\",\n      xlarge: \"txt-compact-large-plus h-11 w-11\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"squared\",\n      size: \"2xsmall\",\n      className: \"rounded-sm\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xsmall\",\n      className: \"rounded-sm\",\n    },\n    {\n      variant: \"squared\",\n      size: \"small\",\n      className: \"rounded-[4px]\",\n    },\n    {\n      variant: \"squared\",\n      size: \"base\",\n      className: \"rounded-[4px]\",\n    },\n    {\n      variant: \"squared\",\n      size: \"large\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xlarge\",\n      className: \"rounded-[10px]\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"rounded\",\n    size: \"base\",\n  },\n})\n\ninterface AvatarProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof Primitives.Root>,\n      \"asChild\" | \"children\" | \"size\"\n    >,\n    VariantProps<typeof avatarVariants> {\n  src?: string\n  fallback: string\n}\n\n/**\n * This component is based on the [Radix UI Avatar](https://www.radix-ui.com/primitives/docs/components/avatar) primitive.\n */\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof Primitives.Root>,\n  AvatarProps\n>(\n  (\n    {\n      /**\n       * The URL of the image used in the Avatar.\n       */\n      src,\n      /**\n       * Text to show in the avatar if the URL provided in `src` can't be opened.\n       */\n      fallback,\n      /**\n       * The style of the avatar.\n       */\n      variant = \"rounded\",\n      /**\n       * The size of the avatar's border radius.\n       */\n      size = \"base\",\n      className,\n      ...props\n    }: AvatarProps,\n    ref\n  ) => {\n    return (\n      <Primitives.Root\n        ref={ref}\n        {...props}\n        className={clx(\n          \"rounded-x\",\n          avatarVariants({ variant, size }),\n          className\n        )}\n      >\n        {src && (\n          <Primitives.Image\n            src={src}\n            className={innerVariants({ variant, size })}\n          />\n        )}\n        <Primitives.Fallback\n          className={clx(\n            innerVariants({ variant, size }),\n            \"bg-ui-bg-component text-ui-fg-subtle pointer-events-none flex select-none items-center justify-center\"\n          )}\n        >\n          {fallback}\n        </Primitives.Fallback>\n      </Primitives.Root>\n    )\n  }\n)\nAvatar.displayName = \"Avatar\"\n\nexport { Avatar }\n"]}

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

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

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

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

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

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

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

@@ -1,125 +0,0 @@
-import { VariantProps } from "cva";
-import * as React from "react";
-declare const badgeColorVariants: (props?: ({
-    color?: "green" | "red" | "blue" | "orange" | "grey" | "purple" | undefined;
-} & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-})) | undefined) => string;
-declare const badgeSizeVariants: (props?: ({
-    size?: "small" | "base" | "large" | undefined;
-    rounded?: "base" | "full" | undefined;
-} & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-})) | undefined) => string;
-interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeSizeVariants>, VariantProps<typeof badgeColorVariants> {
-    asChild?: boolean;
-}
-/**
- * This component is based on the `div` element and supports all of its props
- */
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
-export { Badge, badgeColorVariants };

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

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.badgeColorVariants = exports.Badge = void 0;
-const tslib_1 = require("tslib");
-const react_slot_1 = require("@radix-ui/react-slot");
-const cva_1 = require("cva");
-const React = tslib_1.__importStar(require("react"));
-const clx_1 = require("../../utils/clx");
-const badgeColorVariants = (0, cva_1.cva)({
-    variants: {
-        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",
-            blue: "bg-ui-tag-blue-bg text-ui-tag-blue-text [&_svg]:text-ui-tag-blue-icon border-ui-tag-blue-border",
-            orange: "bg-ui-tag-orange-bg text-ui-tag-orange-text [&_svg]:text-ui-tag-orange-icon border-ui-tag-orange-border",
-            grey: "bg-ui-tag-neutral-bg text-ui-tag-neutral-text [&_svg]:text-ui-tag-neutral-icon border-ui-tag-neutral-border",
-            purple: "bg-ui-tag-purple-bg text-ui-tag-purple-text [&_svg]:text-ui-tag-purple-icon border-ui-tag-purple-border",
-        },
-    },
-    defaultVariants: {
-        color: "grey",
-    },
-});
-exports.badgeColorVariants = badgeColorVariants;
-const badgeSizeVariants = (0, cva_1.cva)({
-    base: "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",
-        },
-        rounded: {
-            base: "rounded-md",
-            full: "rounded-full",
-        },
-    },
-    defaultVariants: {
-        size: "base",
-        rounded: "base",
-    },
-});
-/**
- * This component is based on the `div` element and supports all of its props
- */
-const Badge = React.forwardRef(({ className, 
-/**
- * The badge's size.
- */
-size = "base", 
-/**
- * The style of the badge's border radius.
- */
-rounded = "base", 
-/**
- * The badge's color.
- */
-color = "grey", 
-/**
- * Whether to remove the wrapper `span` element and use the
- * passed child element instead.
- */
-asChild = false, ...props }, ref) => {
-    const Component = asChild ? react_slot_1.Slot : "span";
-    return (React.createElement(Component, { ref: ref, className: (0, clx_1.clx)(badgeColorVariants({ color }), badgeSizeVariants({ size, rounded }), className), ...props }));
-});
-exports.Badge = Badge;
-Badge.displayName = "Badge";
-//# sourceMappingURL=badge.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":";;;;AAAA,qDAA2C;AAC3C,6BAAuC;AACvC,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,kBAAkB,GAAG,IAAA,SAAG,EAAC;IAC7B,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;AAyEc,gDAAkB;AAvElC,MAAM,iBAAiB,GAAG,IAAA,SAAG,EAAC;IAC5B,IAAI,EAAE,2CAA2C;IACjD,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;;GAEG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,SAAS;AACT;;GAEG;AACH,IAAI,GAAG,MAAM;AACb;;GAEG;AACH,OAAO,GAAG,MAAM;AAChB;;GAEG;AACH,KAAK,GAAG,MAAM;AACd;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACG,EACb,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEzC,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,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;AAGQ,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { VariantProps, cva } from \"cva\"\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({\n  base: \"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\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      className,\n      /**\n       * The badge's size.\n       */\n      size = \"base\",\n      /**\n       * The style of the badge's border radius.\n       */\n      rounded = \"base\",\n      /**\n       * The badge's color.\n       */\n      color = \"grey\",\n      /**\n       * Whether to remove the wrapper `span` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      ...props\n    }: BadgeProps,\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/cjs/components/badge/index.d.ts

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

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

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

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

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

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

@@ -1,69 +0,0 @@
-import { type VariantProps } from "cva";
-import * as React from "react";
-declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "transparent" | "danger" | undefined;
-    size?: "small" | "base" | "large" | "xlarge" | undefined;
-} & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-})) | undefined) => string;
-interface ButtonProps extends React.ComponentPropsWithoutRef<"button">, VariantProps<typeof buttonVariants> {
-    isLoading?: boolean;
-    asChild?: boolean;
-}
-/**
- * This component is based on the `button` element and supports all of its props
- */
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Button, buttonVariants };

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

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buttonVariants = exports.Button = void 0;
-const tslib_1 = require("tslib");
-const react_slot_1 = require("@radix-ui/react-slot");
-const cva_1 = require("cva");
-const React = tslib_1.__importStar(require("react"));
-const clx_1 = require("../../utils/clx");
-const icons_1 = require("@medusajs/icons");
-const buttonVariants = (0, cva_1.cva)({
-    base: (0, clx_1.clx)("transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none", "disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled disabled:shadow-buttons-neutral disabled:after:hidden", "after:transition-fg after:absolute after:inset-0 after:content-['']"),
-    variants: {
-        variant: {
-            primary: (0, clx_1.clx)("shadow-buttons-inverted text-ui-fg-on-inverted 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-visible:!shadow-buttons-inverted-focus"),
-            secondary: (0, clx_1.clx)("shadow-buttons-neutral text-ui-fg-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-visible:shadow-buttons-neutral-focus"),
-            transparent: (0, clx_1.clx)("after:hidden", "text-ui-fg-base bg-ui-button-transparent", "hover:bg-ui-button-transparent-hover", "active:bg-ui-button-transparent-pressed", "focus-visible:shadow-buttons-neutral-focus focus-visible:bg-ui-bg-base", "disabled:!bg-transparent disabled:!shadow-none"),
-            danger: (0, clx_1.clx)("shadow-buttons-colored shadow-buttons-danger text-ui-fg-on-color 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-visible:shadow-buttons-danger-focus"),
-        },
-        size: {
-            small: "txt-compact-small-plus gap-x-1 px-2 py-1",
-            base: "txt-compact-small-plus gap-x-1.5 px-3 py-1.5",
-            large: "txt-compact-medium-plus gap-x-1.5 px-4 py-2.5",
-            xlarge: "txt-compact-large-plus gap-x-1.5 px-5 py-3.5",
-        },
-    },
-    defaultVariants: {
-        size: "base",
-        variant: "primary",
-    },
-});
-exports.buttonVariants = buttonVariants;
-/**
- * This component is based on the `button` element and supports all of its props
- */
-const Button = React.forwardRef(({ 
-/**
- * The button's style.
- */
-variant = "primary", 
-/**
- * The button's size.
- */
-size = "base", className, 
-/**
- * Whether to remove the wrapper `button` element and use the
- * passed child element instead.
- */
-asChild = false, children, 
-/**
- * Whether to show a loading spinner.
- */
-isLoading = false, disabled, ...props }, ref) => {
-    const Component = asChild ? react_slot_1.Slot : "button";
-    /**
-     * In the case of a button where asChild is true, and isLoading is true, we ensure that
-     * only on element is passed as a child to the Slot component. This is because the Slot
-     * component only accepts a single child.
-     */
-    const renderInner = () => {
-        if (isLoading) {
-            return (React.createElement("span", { className: "pointer-events-none" },
-                React.createElement("div", { className: (0, clx_1.clx)("bg-ui-bg-disabled absolute inset-0 flex items-center justify-center rounded-md") },
-                    React.createElement(icons_1.Spinner, { className: "animate-spin" })),
-                children));
-        }
-        return children;
-    };
-    return (React.createElement(Component, { ref: ref, ...props, className: (0, clx_1.clx)(buttonVariants({ variant, size }), className), disabled: disabled || isLoading }, renderInner()));
-});
-exports.Button = Button;
-Button.displayName = "Button";
-//# sourceMappingURL=button.js.map