commerce-toolkit 0.5.0 → 0.7.0

package/dist/{price-strike-Ciakdz8c.js → price-strike-D9Pzzzkr.js}

@@ -1,32 +1,23 @@
 import { jsx as e } from "react/jsx-runtime";
 import { c as o } from "./utils-CRiPKpXj.js";
-function n({
-  className: t,
-  colorScheme: r = "light",
-  children: a,
-  ...i
-}) {
+function n({ className: t, children: r, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: o(
-        "text-base font-semibold",
-        {
-          light: "text-[var(--price-light-text,hsl(var(--foreground)))]",
-          dark: "text-[var(--price-dark-text,hsl(var(--background)))]"
-        }[r],
+        "text-base font-semibold text-[var(--price-light-text,hsl(var(--foreground)))]",
         t
       ),
       "data-slot": "price-root",
-      ...i,
-      children: a
+      ...a,
+      children: r
     }
   );
 }
-function l({ className: t, children: r, ...a }) {
+function c({ className: t, children: r, ...a }) {
   return /* @__PURE__ */ e("span", { className: o(t), "data-slot": "price-default", ...a, children: r });
 }
-function p({ className: t, children: r, ...a }) {
+function l({ className: t, children: r, ...a }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -39,7 +30,7 @@ function p({ className: t, children: r, ...a }) {
 }
 export {
   n as P,
-  l as a,
-  p as b
+  c as a,
+  l as b
 };
-//# sourceMappingURL=price-strike-Ciakdz8c.js.map
+//# sourceMappingURL=price-strike-D9Pzzzkr.js.map

package/dist/price-strike-D9Pzzzkr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"price-strike-D9Pzzzkr.js","sources":["../src/components/price/primitives/price-root.tsx","../src/components/price/primitives/price-default.tsx","../src/components/price/primitives/price-strike.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type PriceRootProps = ComponentProps<'div'>;\n\nexport function PriceRoot({ className, children, ...props }: PriceRootProps) {\n  return (\n    <div\n      className={cn(\n        'text-base font-semibold text-[var(--price-light-text,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"price-root\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type PriceDefaultProps = ComponentProps<'span'>;\n\nexport function PriceDefault({ className, children, ...props }: PriceDefaultProps) {\n  return (\n    <span className={cn(className)} data-slot=\"price-default\" {...props}>\n      {children}\n    </span>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type PriceStrikeProps = ComponentProps<'span'>;\n\nexport function PriceStrike({ className, children, ...props }: PriceStrikeProps) {\n  return (\n    <span\n      className={cn('font-normal line-through opacity-50', className)}\n      data-slot=\"price-strike\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["PriceRoot","className","children","props","jsx","cn","PriceDefault","PriceStrike"],"mappings":";;AAMO,SAASA,EAAU,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAyB;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;ACbO,SAASI,EAAa,EAAE,WAAAL,GAAW,UAAAC,GAAU,GAAGC,KAA4B;AACjF,SACE,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAGJ,CAAS,GAAG,aAAU,iBAAiB,GAAGE,GAC3D,UAAAD,EAAA,CACH;AAEJ;ACNO,SAASK,EAAY,EAAE,WAAAN,GAAW,UAAAC,GAAU,GAAGC,KAA2B;AAC/E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,uCAAuCJ,CAAS;AAAA,MAC9D,aAAU;AAAA,MACT,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/price-strike-DqOP577f.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),s=require("./utils-DoxiiusW.cjs");function c({className:t,children:e,...r}){return i.jsx("div",{className:s.cn("text-base font-semibold text-[var(--price-light-text,hsl(var(--foreground)))]",t),"data-slot":"price-root",...r,children:e})}function a({className:t,children:e,...r}){return i.jsx("span",{className:s.cn(t),"data-slot":"price-default",...r,children:e})}function n({className:t,children:e,...r}){return i.jsx("span",{className:s.cn("font-normal line-through opacity-50",t),"data-slot":"price-strike",...r,children:e})}exports.PriceDefault=a;exports.PriceRoot=c;exports.PriceStrike=n;
+//# sourceMappingURL=price-strike-DqOP577f.cjs.map

package/dist/price-strike-DqOP577f.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"price-strike-DqOP577f.cjs","sources":["../src/components/price/primitives/price-root.tsx","../src/components/price/primitives/price-default.tsx","../src/components/price/primitives/price-strike.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type PriceRootProps = ComponentProps<'div'>;\n\nexport function PriceRoot({ className, children, ...props }: PriceRootProps) {\n  return (\n    <div\n      className={cn(\n        'text-base font-semibold text-[var(--price-light-text,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"price-root\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type PriceDefaultProps = ComponentProps<'span'>;\n\nexport function PriceDefault({ className, children, ...props }: PriceDefaultProps) {\n  return (\n    <span className={cn(className)} data-slot=\"price-default\" {...props}>\n      {children}\n    </span>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type PriceStrikeProps = ComponentProps<'span'>;\n\nexport function PriceStrike({ className, children, ...props }: PriceStrikeProps) {\n  return (\n    <span\n      className={cn('font-normal line-through opacity-50', className)}\n      data-slot=\"price-strike\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["PriceRoot","className","children","props","jsx","cn","PriceDefault","PriceStrike"],"mappings":"oFAMO,SAASA,EAAU,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAyB,CAC3E,OACEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,gFACAJ,CAAA,EAEF,YAAU,aACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CCbO,SAASI,EAAa,CAAE,UAAAL,EAAW,SAAAC,EAAU,GAAGC,GAA4B,CACjF,OACEC,MAAC,OAAA,CAAK,UAAWC,EAAAA,GAAGJ,CAAS,EAAG,YAAU,gBAAiB,GAAGE,EAC3D,SAAAD,CAAA,CACH,CAEJ,CCNO,SAASK,EAAY,CAAE,UAAAN,EAAW,SAAAC,EAAU,GAAGC,GAA2B,CAC/E,OACEC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,GAAG,sCAAuCJ,CAAS,EAC9D,YAAU,eACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP"}

package/dist/price.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./price-strike-BTE4S5Na.cjs");exports.Default=e.PriceDefault;exports.Root=e.PriceRoot;exports.Strike=e.PriceStrike;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./price-strike-DqOP577f.cjs");exports.Default=e.PriceDefault;exports.Root=e.PriceRoot;exports.Strike=e.PriceStrike;
 //# sourceMappingURL=price.cjs.map

package/dist/price.js

@@ -1,4 +1,4 @@
-import { a as t, P as e, b as r } from "./price-strike-Ciakdz8c.js";
+import { a as t, P as e, b as r } from "./price-strike-D9Pzzzkr.js";
 export {
   t as Default,
   e as Root,

package/dist/product-card-label-CP4yzMhB.js

@@ -0,0 +1,244 @@
+import { jsx as o, jsxs as n, Fragment as l } from "react/jsx-runtime";
+import { c as e } from "./utils-CRiPKpXj.js";
+import { S as i } from "./index-DD8W7cMj.js";
+import { P as u, a as d, b as m } from "./price-strike-D9Pzzzkr.js";
+import { C as f, a as p } from "./checkbox-indicator-sO8XNm-j.js";
+import b from "./check-ChGAB_3v.js";
+import { L as g } from "./label-C2HI4Bjj.js";
+function h({
+  children: a,
+  shape: r = "rounded",
+  className: t,
+  variant: c = "primary",
+  ...s
+}) {
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      className: e(
+        "px-2 py-0.5 text-xs uppercase tracking-tighter text-[var(--badge-text,hsl(var(--foreground)))] [font-family:var(--badge-font-family,var(--font-family-mono))]",
+        {
+          pill: "rounded-full",
+          rounded: "rounded"
+        }[r],
+        {
+          primary: "bg-[var(--badge-primary-background,color-mix(in_oklab,hsl(var(--primary)),white_75%))]",
+          warning: "bg-[var(--badge-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]",
+          error: "bg-[var(--badge-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]",
+          success: "bg-[var(--badge-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]",
+          info: "bg-[var(--badge-info-background,color-mix(in_oklab,hsl(var(--info)),white_75%))]"
+        }[c],
+        t
+      ),
+      ...s,
+      children: a
+    }
+  );
+}
+function v({ className: a, id: r, label: t, ...c }) {
+  return /* @__PURE__ */ o(f, { className: a, ...c, children: /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(b, { absoluteStrokeWidth: !0, className: "h-4 w-4", color: "currentColor" }) }) });
+}
+function S({ className: a, children: r, ...t }) {
+  return /* @__PURE__ */ o("div", { className: e("relative", a), "data-slot": "product-card-preview", ...t, children: r });
+}
+function j({ className: a, children: r, ...t }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: e(
+        "relative overflow-hidden rounded-[var(--product-card-border-radius,1rem)] bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]",
+        "group-data-[aspect-ratio=5/6]/product-card:aspect-[5/6]",
+        "group-data-[aspect-ratio=3/4]/product-card:aspect-[3/4]",
+        "group-data-[aspect-ratio=1/1]/product-card:aspect-square",
+        a
+      ),
+      "data-slot": "product-card-thumbnail",
+      ...t,
+      children: r
+    }
+  );
+}
+function L({
+  className: a,
+  children: r,
+  asChild: t = !1,
+  ...c
+}) {
+  return /* @__PURE__ */ o(
+    t ? i : "img",
+    {
+      className: e(
+        "h-full w-full scale-100 select-none bg-[var(--product-card-light-background,hsl(var(--contrast-100)))] object-cover transition-transform duration-500 ease-out group-hover:scale-110",
+        a
+      ),
+      "data-slot": "product-card-image",
+      ...c
+    }
+  );
+}
+function V({ className: a, children: r, ...t }) {
+  return /* @__PURE__ */ o(
+    h,
+    {
+      className: e("absolute left-3 top-3", a),
+      "data-slot": "product-card-badge",
+      shape: "rounded",
+      ...t,
+      children: r
+    }
+  );
+}
+function B({ className: a, children: r, ...t }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: e(
+        "break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)] group-hover:scale-105",
+        a
+      ),
+      "data-slot": "product-card-fallback",
+      ...t,
+      children: r
+    }
+  );
+}
+function D({ asChild: a = !1, className: r, ...t }) {
+  return /* @__PURE__ */ o(
+    a ? i : "a",
+    {
+      className: e(
+        "absolute inset-0 rounded-[var(--product-card-border-radius,1rem)] ring-offset-[var(--product-card-light-offset,hsl(var(--background)))] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--product-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4",
+        r
+      ),
+      "data-slot": "product-card-link",
+      ...t
+    }
+  );
+}
+function F({ children: a, className: r, ...t }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: e(
+        "mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row",
+        r
+      ),
+      "data-slot": "product-card-details",
+      ...t,
+      children: a
+    }
+  );
+}
+function I({ children: a, className: r, ...t }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: e("relative flex-1 text-sm @[16rem]:text-base", r),
+      "data-slot": "product-card-header",
+      ...t,
+      children: a
+    }
+  );
+}
+function R({ className: a, children: r, ...t }) {
+  return /* @__PURE__ */ o(
+    "h3",
+    {
+      className: e(
+        "block font-semibold text-[var(--product-card-light-title,hsl(var(--foreground)))]",
+        a
+      ),
+      "data-slot": "product-card-title",
+      ...t,
+      children: r
+    }
+  );
+}
+function T({ children: a, className: r, ...t }) {
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      className: e(
+        "block text-sm font-normal text-[var(--product-card-light-subtitle,color-mix(in_oklab,hsl(var(--foreground))_75%,transparent))]",
+        r
+      ),
+      "data-slot": "product-card-subtitle",
+      ...t,
+      children: a
+    }
+  );
+}
+function x({ className: a, price: r, ...t }) {
+  return /* @__PURE__ */ n(u, { className: a, ...t, children: [
+    r.type === "range" && /* @__PURE__ */ n(l, { children: [
+      /* @__PURE__ */ o(d, { children: r.minValue }),
+      " – ",
+      /* @__PURE__ */ o(d, { children: r.maxValue })
+    ] }),
+    r.type === "sale" && /* @__PURE__ */ n(l, { children: [
+      /* @__PURE__ */ o(m, { children: r.currentValue }),
+      " ",
+      /* @__PURE__ */ o(d, { children: r.previousValue })
+    ] }),
+    r.type === "default" && /* @__PURE__ */ o(d, { children: r.value })
+  ] });
+}
+function q({ className: a, price: r, ...t }) {
+  return /* @__PURE__ */ o(
+    x,
+    {
+      className: e("mt-2", a),
+      "data-slot": "product-card-price",
+      price: r,
+      ...t
+    }
+  );
+}
+function H({ className: a, children: r, ...t }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: e(
+        "font-(family-name:--checkbox-font-family,var(--font-family-body)) flex shrink-0 items-center gap-2",
+        a
+      ),
+      "data-slot": "product-card-compare",
+      ...t,
+      children: r
+    }
+  );
+}
+function W({ className: a, ...r }) {
+  return /* @__PURE__ */ o(v, { className: e(a), "data-slot": "product-card-checkbox", ...r });
+}
+function z({ className: a, children: r, ...t }) {
+  return /* @__PURE__ */ o(
+    g,
+    {
+      className: e("text-[var(--product-card-light-text,hsl(var(--foreground)))]", a),
+      "data-slot": "product-card-label",
+      ...t,
+      children: r
+    }
+  );
+}
+export {
+  h as B,
+  v as C,
+  S as P,
+  j as a,
+  L as b,
+  V as c,
+  B as d,
+  D as e,
+  F as f,
+  I as g,
+  R as h,
+  T as i,
+  q as j,
+  H as k,
+  W as l,
+  z as m,
+  x as n
+};
+//# sourceMappingURL=product-card-label-CP4yzMhB.js.map

package/dist/product-card-label-CP4yzMhB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-label-CP4yzMhB.js","sources":["../src/components/badge/badge.tsx","../src/components/checkbox/checkbox.tsx","../src/components/product-card/primitives/product-card-preview.tsx","../src/components/product-card/primitives/product-card-thumbnail.tsx","../src/components/product-card/primitives/product-card-image.tsx","../src/components/product-card/primitives/product-card-badge.tsx","../src/components/product-card/primitives/product-card-fallback.tsx","../src/components/product-card/primitives/product-card-link.tsx","../src/components/product-card/primitives/product-card-details.tsx","../src/components/product-card/primitives/product-card-header.tsx","../src/components/product-card/primitives/product-card-title.tsx","../src/components/product-card/primitives/product-card-subtitle.tsx","../src/components/price/price.tsx","../src/components/product-card/primitives/product-card-price.tsx","../src/components/product-card/primitives/product-card-compare.tsx","../src/components/product-card/primitives/product-card-checkbox.tsx","../src/components/product-card/primitives/product-card-label.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BadgeProps = ComponentProps<'span'> & {\n  children: string;\n  shape?: 'pill' | 'rounded';\n  variant?: 'primary' | 'warning' | 'error' | 'success' | 'info';\n};\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --badge-primary-background: color-mix(in oklab, hsl(var(--primary)), white 75%);\n *   --badge-success-background: color-mix(in oklab, hsl(var(--success)), white 75%);\n *   --badge-warning-background: color-mix(in oklab, hsl(var(--warning)), white 75%);\n *   --badge-error-background: color-mix(in oklab, hsl(var(--error)), white 75%);\n *   --badge-info-background: color-mix(in oklab, hsl(var(--info)), white 75%);\n *   --badge-text: hsl(var(--foreground));\n *   --badge-font-family: var(--font-family-mono);\n * }\n * ```\n */\nexport function Badge({\n  children,\n  shape = 'rounded',\n  className,\n  variant = 'primary',\n  ...props\n}: BadgeProps) {\n  return (\n    <span\n      className={cn(\n        'px-2 py-0.5 text-xs uppercase tracking-tighter text-[var(--badge-text,hsl(var(--foreground)))] [font-family:var(--badge-font-family,var(--font-family-mono))]',\n        {\n          pill: 'rounded-full',\n          rounded: 'rounded',\n        }[shape],\n        {\n          primary:\n            'bg-[var(--badge-primary-background,color-mix(in_oklab,hsl(var(--primary)),white_75%))]',\n          warning:\n            'bg-[var(--badge-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]',\n          error:\n            'bg-[var(--badge-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]',\n          success:\n            'bg-[var(--badge-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]',\n          info: 'bg-[var(--badge-info-background,color-mix(in_oklab,hsl(var(--info)),white_75%))]',\n        }[variant],\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n","'use client';\n\nimport { Check } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport * as CheckboxPrimitive from '@/components/checkbox';\n\nexport type CheckboxProps = ComponentProps<typeof CheckboxPrimitive.Root> & {\n  id?: string;\n  label?: string;\n};\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n *  :root {\n *    --checkbox-focus: var(--primary);\n *    --checkbox-light-label: var(--foreground);\n *    --checkbox-light-error: var(--error);\n *    --checkbox-light-unchecked-border: var(--contrast-200);\n *    --checkbox-light-unchecked-border-hover: var(--contrast-300);\n *    --checkbox-light-unchecked-background: var(--background);\n *    --checkbox-light-unchecked-icon: var(--foreground);\n *    --checkbox-light-checked-border: var(--foreground);\n *    --checkbox-light-checked-border-hover: var(--foreground);\n *    --checkbox-light-checked-background: var(--foreground);\n *    --checkbox-light-checked-icon: var(--background);\n *    --checkbox-light-disabled-border: var(--contrast-200);\n *    --checkbox-light-disabled-background: var(--contrast-100);\n *    --checkbox-light-disabled-icon: var(--contrast-300);\n *    --checkbox-font-family: var(--font-family-body);\n *  }\n * ```\n */\nexport function Checkbox({ className, id, label, ...props }: CheckboxProps) {\n  return (\n    <CheckboxPrimitive.Root className={className} {...props}>\n      <CheckboxPrimitive.Indicator>\n        <Check absoluteStrokeWidth className=\"h-4 w-4\" color=\"currentColor\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardPreviewProps = ComponentProps<'div'>;\n\nexport function ProductCardPreview({ className, children, ...props }: ProductCardPreviewProps) {\n  return (\n    <div className={cn('relative', className)} data-slot=\"product-card-preview\" {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardThumbnailProps = ComponentProps<'div'>;\n\nexport function ProductCardThumbnail({ className, children, ...props }: ProductCardThumbnailProps) {\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-[var(--product-card-border-radius,1rem)] bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]',\n        'group-data-[aspect-ratio=5/6]/product-card:aspect-[5/6]',\n        'group-data-[aspect-ratio=3/4]/product-card:aspect-[3/4]',\n        'group-data-[aspect-ratio=1/1]/product-card:aspect-square',\n        className,\n      )}\n      data-slot=\"product-card-thumbnail\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface ProductCardImageProps extends ComponentProps<'img'> {\n  asChild?: boolean;\n}\n\nexport function ProductCardImage({\n  className,\n  children,\n  asChild = false,\n  ...props\n}: ProductCardImageProps) {\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full scale-100 select-none bg-[var(--product-card-light-background,hsl(var(--contrast-100)))] object-cover transition-transform duration-500 ease-out group-hover:scale-110',\n        className,\n      )}\n      data-slot=\"product-card-image\"\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { Badge } from '@/components/badge';\nimport { cn } from '@/lib';\n\nexport type ProductCardBadgeProps = ComponentProps<typeof Badge>;\n\nexport function ProductCardBadge({ className, children, ...props }: ProductCardBadgeProps) {\n  return (\n    <Badge\n      className={cn('absolute left-3 top-3', className)}\n      data-slot=\"product-card-badge\"\n      shape=\"rounded\"\n      {...props}\n    >\n      {children}\n    </Badge>\n  );\n}\n","import { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardFallbackProps = ComponentProps<'div'>;\n\nexport function ProductCardFallback({ className, children, ...props }: ProductCardFallbackProps) {\n  return (\n    <div\n      className={cn(\n        'break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)] group-hover:scale-105',\n        className,\n      )}\n      data-slot=\"product-card-fallback\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface ProductCardLinkProps extends ComponentProps<'a'> {\n  asChild?: boolean;\n}\n\nexport function ProductCardLink({ asChild = false, className, ...props }: ProductCardLinkProps) {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn(\n        'absolute inset-0 rounded-[var(--product-card-border-radius,1rem)] ring-offset-[var(--product-card-light-offset,hsl(var(--background)))] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--product-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n        className,\n      )}\n      data-slot=\"product-card-link\"\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardDetailsProps = ComponentProps<'div'>;\n\nexport function ProductCardDetails({ children, className, ...props }: ProductCardDetailsProps) {\n  return (\n    <div\n      className={cn(\n        'mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row',\n        className,\n      )}\n      data-slot=\"product-card-details\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardHeaderProps = ComponentProps<'div'>;\n\nexport function ProductCardHeader({ children, className, ...props }: ProductCardHeaderProps) {\n  return (\n    <div\n      className={cn('relative flex-1 text-sm @[16rem]:text-base', className)}\n      data-slot=\"product-card-header\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardTitleProps = ComponentProps<'h3'>;\n\nexport function ProductCardTitle({ className, children, ...props }: ProductCardTitleProps) {\n  return (\n    <h3\n      className={cn(\n        'block font-semibold text-[var(--product-card-light-title,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"product-card-title\"\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardSubtitleProps = ComponentProps<'span'>;\n\nexport function ProductCardSubtitle({ children, className, ...props }: ProductCardSubtitleProps) {\n  return (\n    <span\n      className={cn(\n        'block text-sm font-normal text-[var(--product-card-light-subtitle,color-mix(in_oklab,hsl(var(--foreground))_75%,transparent))]',\n        className,\n      )}\n      data-slot=\"product-card-subtitle\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n","import * as PricePrimitive from '@/components/price';\n\ninterface PriceDefault {\n  type: 'default';\n  value: string;\n}\n\ninterface PriceRange {\n  type: 'range';\n  minValue: string;\n  maxValue: string;\n}\n\ninterface PriceSale {\n  type: 'sale';\n  previousValue: string;\n  currentValue: string;\n}\n\ntype PriceType = PriceDefault | PriceRange | PriceSale;\n\nexport interface PriceProps extends PricePrimitive.RootProps {\n  price: PriceType;\n}\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --price-light-text: hsl(var(--foreground));\n *   --price-light-sale-text: hsl(var(--foreground));\n *   --price-dark-text: hsl(var(--background));\n *   --price-dark-sale-text: hsl(var(--background));\n * }\n * ```\n */\nexport function Price({ className, price, ...props }: PriceProps) {\n  return (\n    <PricePrimitive.Root className={className} {...props}>\n      {price.type === 'range' && (\n        <>\n          <PricePrimitive.Default>{price.minValue}</PricePrimitive.Default>\n          {' – '}\n          <PricePrimitive.Default>{price.maxValue}</PricePrimitive.Default>\n        </>\n      )}\n      {price.type === 'sale' && (\n        <>\n          <PricePrimitive.Strike>{price.currentValue}</PricePrimitive.Strike>{' '}\n          <PricePrimitive.Default>{price.previousValue}</PricePrimitive.Default>\n        </>\n      )}\n      {price.type === 'default' && <PricePrimitive.Default>{price.value}</PricePrimitive.Default>}\n    </PricePrimitive.Root>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { Price } from '@/components/price';\nimport { cn } from '@/lib';\n\nexport type ProductCardPriceProps = ComponentProps<typeof Price>;\n\nexport function ProductCardPrice({ className, price, ...props }: ProductCardPriceProps) {\n  return (\n    <Price\n      className={cn('mt-2', className)}\n      data-slot=\"product-card-price\"\n      price={price}\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardCompareProps = ComponentProps<'div'>;\n\nexport function ProductCardCompare({ className, children, ...props }: ProductCardCompareProps) {\n  return (\n    <div\n      className={cn(\n        'font-(family-name:--checkbox-font-family,var(--font-family-body)) flex shrink-0 items-center gap-2',\n        className,\n      )}\n      data-slot=\"product-card-compare\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { Checkbox } from '@/components/checkbox';\nimport { cn } from '@/lib';\n\nexport type ProductCardCheckboxProps = ComponentProps<typeof Checkbox>;\n\nexport function ProductCardCheckbox({ className, ...props }: ProductCardCheckboxProps) {\n  return <Checkbox className={cn(className)} data-slot=\"product-card-checkbox\" {...props} />;\n}\n","import { ComponentProps } from 'react';\n\nimport { Label } from '@/components/label';\nimport { cn } from '@/lib';\n\nexport type ProductCardLabelProps = ComponentProps<typeof Label>;\n\nexport function ProductCardLabel({ className, children, ...props }: ProductCardLabelProps) {\n  return (\n    <Label\n      className={cn('text-[var(--product-card-light-text,hsl(var(--foreground)))]', className)}\n      data-slot=\"product-card-label\"\n      {...props}\n    >\n      {children}\n    </Label>\n  );\n}\n"],"names":["Badge","children","shape","className","variant","props","jsx","cn","Checkbox","id","label","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator","Check","ProductCardPreview","ProductCardThumbnail","ProductCardImage","asChild","Slot","ProductCardBadge","ProductCardFallback","ProductCardLink","ProductCardDetails","ProductCardHeader","ProductCardTitle","ProductCardSubtitle","Price","price","PricePrimitive.Root","jsxs","Fragment","PricePrimitive.Default","PricePrimitive.Strike","ProductCardPrice","ProductCardCompare","ProductCardCheckbox","ProductCardLabel","Label"],"mappings":"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"}

package/dist/product-card-label-DHKOJFTo.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("./utils-DoxiiusW.cjs"),l=require("./index-DGaxX11V.cjs"),d=require("./price-strike-DqOP577f.cjs"),s=require("./checkbox-indicator-DVkOzOV6.cjs"),b=require("./check-DJilMvC6.cjs"),x=require("./label-CP55xclp.cjs");function u({children:a,shape:r="rounded",className:t,variant:c="primary",...n}){return e.jsx("span",{className:o.cn("px-2 py-0.5 text-xs uppercase tracking-tighter text-[var(--badge-text,hsl(var(--foreground)))] [font-family:var(--badge-font-family,var(--font-family-mono))]",{pill:"rounded-full",rounded:"rounded"}[r],{primary:"bg-[var(--badge-primary-background,color-mix(in_oklab,hsl(var(--primary)),white_75%))]",warning:"bg-[var(--badge-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]",error:"bg-[var(--badge-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]",success:"bg-[var(--badge-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]",info:"bg-[var(--badge-info-background,color-mix(in_oklab,hsl(var(--info)),white_75%))]"}[c],t),...n,children:a})}function i({className:a,id:r,label:t,...c}){return e.jsx(s.CheckboxRoot,{className:a,...c,children:e.jsx(s.CheckboxIndicator,{children:e.jsx(b.default,{absoluteStrokeWidth:!0,className:"h-4 w-4",color:"currentColor"})})})}function m({className:a,children:r,...t}){return e.jsx("div",{className:o.cn("relative",a),"data-slot":"product-card-preview",...t,children:r})}function g({className:a,children:r,...t}){return e.jsx("div",{className:o.cn("relative overflow-hidden rounded-[var(--product-card-border-radius,1rem)] bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]","group-data-[aspect-ratio=5/6]/product-card:aspect-[5/6]","group-data-[aspect-ratio=3/4]/product-card:aspect-[3/4]","group-data-[aspect-ratio=1/1]/product-card:aspect-square",a),"data-slot":"product-card-thumbnail",...t,children:r})}function p({className:a,children:r,asChild:t=!1,...c}){const n=t?l.Slot:"img";return e.jsx(n,{className:o.cn("h-full w-full scale-100 select-none bg-[var(--product-card-light-background,hsl(var(--contrast-100)))] object-cover transition-transform duration-500 ease-out group-hover:scale-110",a),"data-slot":"product-card-image",...c})}function h({className:a,children:r,...t}){return e.jsx(u,{className:o.cn("absolute left-3 top-3",a),"data-slot":"product-card-badge",shape:"rounded",...t,children:r})}function v({className:a,children:r,...t}){return e.jsx("div",{className:o.cn("break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)] group-hover:scale-105",a),"data-slot":"product-card-fallback",...t,children:r})}function k({asChild:a=!1,className:r,...t}){const c=a?l.Slot:"a";return e.jsx(c,{className:o.cn("absolute inset-0 rounded-[var(--product-card-border-radius,1rem)] ring-offset-[var(--product-card-light-offset,hsl(var(--background)))] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--product-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4",r),"data-slot":"product-card-link",...t})}function P({children:a,className:r,...t}){return e.jsx("div",{className:o.cn("mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row",r),"data-slot":"product-card-details",...t,children:a})}function C({children:a,className:r,...t}){return e.jsx("div",{className:o.cn("relative flex-1 text-sm @[16rem]:text-base",r),"data-slot":"product-card-header",...t,children:a})}function j({className:a,children:r,...t}){return e.jsx("h3",{className:o.cn("block font-semibold text-[var(--product-card-light-title,hsl(var(--foreground)))]",a),"data-slot":"product-card-title",...t,children:r})}function y({children:a,className:r,...t}){return e.jsx("span",{className:o.cn("block text-sm font-normal text-[var(--product-card-light-subtitle,color-mix(in_oklab,hsl(var(--foreground))_75%,transparent))]",r),"data-slot":"product-card-subtitle",...t,children:a})}function f({className:a,price:r,...t}){return e.jsxs(d.PriceRoot,{className:a,...t,children:[r.type==="range"&&e.jsxs(e.Fragment,{children:[e.jsx(d.PriceDefault,{children:r.minValue})," – ",e.jsx(d.PriceDefault,{children:r.maxValue})]}),r.type==="sale"&&e.jsxs(e.Fragment,{children:[e.jsx(d.PriceStrike,{children:r.currentValue})," ",e.jsx(d.PriceDefault,{children:r.previousValue})]}),r.type==="default"&&e.jsx(d.PriceDefault,{children:r.value})]})}function w({className:a,price:r,...t}){return e.jsx(f,{className:o.cn("mt-2",a),"data-slot":"product-card-price",price:r,...t})}function N({className:a,children:r,...t}){return e.jsx("div",{className:o.cn("font-(family-name:--checkbox-font-family,var(--font-family-body)) flex shrink-0 items-center gap-2",a),"data-slot":"product-card-compare",...t,children:r})}function _({className:a,...r}){return e.jsx(i,{className:o.cn(a),"data-slot":"product-card-checkbox",...r})}function q({className:a,children:r,...t}){return e.jsx(x.Label,{className:o.cn("text-[var(--product-card-light-text,hsl(var(--foreground)))]",a),"data-slot":"product-card-label",...t,children:r})}exports.Badge=u;exports.Checkbox=i;exports.Price=f;exports.ProductCardBadge=h;exports.ProductCardCheckbox=_;exports.ProductCardCompare=N;exports.ProductCardDetails=P;exports.ProductCardFallback=v;exports.ProductCardHeader=C;exports.ProductCardImage=p;exports.ProductCardLabel=q;exports.ProductCardLink=k;exports.ProductCardPreview=m;exports.ProductCardPrice=w;exports.ProductCardSubtitle=y;exports.ProductCardThumbnail=g;exports.ProductCardTitle=j;
+//# sourceMappingURL=product-card-label-DHKOJFTo.cjs.map

package/dist/product-card-label-DHKOJFTo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-label-DHKOJFTo.cjs","sources":["../src/components/badge/badge.tsx","../src/components/checkbox/checkbox.tsx","../src/components/product-card/primitives/product-card-preview.tsx","../src/components/product-card/primitives/product-card-thumbnail.tsx","../src/components/product-card/primitives/product-card-image.tsx","../src/components/product-card/primitives/product-card-badge.tsx","../src/components/product-card/primitives/product-card-fallback.tsx","../src/components/product-card/primitives/product-card-link.tsx","../src/components/product-card/primitives/product-card-details.tsx","../src/components/product-card/primitives/product-card-header.tsx","../src/components/product-card/primitives/product-card-title.tsx","../src/components/product-card/primitives/product-card-subtitle.tsx","../src/components/price/price.tsx","../src/components/product-card/primitives/product-card-price.tsx","../src/components/product-card/primitives/product-card-compare.tsx","../src/components/product-card/primitives/product-card-checkbox.tsx","../src/components/product-card/primitives/product-card-label.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BadgeProps = ComponentProps<'span'> & {\n  children: string;\n  shape?: 'pill' | 'rounded';\n  variant?: 'primary' | 'warning' | 'error' | 'success' | 'info';\n};\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --badge-primary-background: color-mix(in oklab, hsl(var(--primary)), white 75%);\n *   --badge-success-background: color-mix(in oklab, hsl(var(--success)), white 75%);\n *   --badge-warning-background: color-mix(in oklab, hsl(var(--warning)), white 75%);\n *   --badge-error-background: color-mix(in oklab, hsl(var(--error)), white 75%);\n *   --badge-info-background: color-mix(in oklab, hsl(var(--info)), white 75%);\n *   --badge-text: hsl(var(--foreground));\n *   --badge-font-family: var(--font-family-mono);\n * }\n * ```\n */\nexport function Badge({\n  children,\n  shape = 'rounded',\n  className,\n  variant = 'primary',\n  ...props\n}: BadgeProps) {\n  return (\n    <span\n      className={cn(\n        'px-2 py-0.5 text-xs uppercase tracking-tighter text-[var(--badge-text,hsl(var(--foreground)))] [font-family:var(--badge-font-family,var(--font-family-mono))]',\n        {\n          pill: 'rounded-full',\n          rounded: 'rounded',\n        }[shape],\n        {\n          primary:\n            'bg-[var(--badge-primary-background,color-mix(in_oklab,hsl(var(--primary)),white_75%))]',\n          warning:\n            'bg-[var(--badge-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]',\n          error:\n            'bg-[var(--badge-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]',\n          success:\n            'bg-[var(--badge-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]',\n          info: 'bg-[var(--badge-info-background,color-mix(in_oklab,hsl(var(--info)),white_75%))]',\n        }[variant],\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n","'use client';\n\nimport { Check } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport * as CheckboxPrimitive from '@/components/checkbox';\n\nexport type CheckboxProps = ComponentProps<typeof CheckboxPrimitive.Root> & {\n  id?: string;\n  label?: string;\n};\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n *  :root {\n *    --checkbox-focus: var(--primary);\n *    --checkbox-light-label: var(--foreground);\n *    --checkbox-light-error: var(--error);\n *    --checkbox-light-unchecked-border: var(--contrast-200);\n *    --checkbox-light-unchecked-border-hover: var(--contrast-300);\n *    --checkbox-light-unchecked-background: var(--background);\n *    --checkbox-light-unchecked-icon: var(--foreground);\n *    --checkbox-light-checked-border: var(--foreground);\n *    --checkbox-light-checked-border-hover: var(--foreground);\n *    --checkbox-light-checked-background: var(--foreground);\n *    --checkbox-light-checked-icon: var(--background);\n *    --checkbox-light-disabled-border: var(--contrast-200);\n *    --checkbox-light-disabled-background: var(--contrast-100);\n *    --checkbox-light-disabled-icon: var(--contrast-300);\n *    --checkbox-font-family: var(--font-family-body);\n *  }\n * ```\n */\nexport function Checkbox({ className, id, label, ...props }: CheckboxProps) {\n  return (\n    <CheckboxPrimitive.Root className={className} {...props}>\n      <CheckboxPrimitive.Indicator>\n        <Check absoluteStrokeWidth className=\"h-4 w-4\" color=\"currentColor\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardPreviewProps = ComponentProps<'div'>;\n\nexport function ProductCardPreview({ className, children, ...props }: ProductCardPreviewProps) {\n  return (\n    <div className={cn('relative', className)} data-slot=\"product-card-preview\" {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardThumbnailProps = ComponentProps<'div'>;\n\nexport function ProductCardThumbnail({ className, children, ...props }: ProductCardThumbnailProps) {\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-[var(--product-card-border-radius,1rem)] bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]',\n        'group-data-[aspect-ratio=5/6]/product-card:aspect-[5/6]',\n        'group-data-[aspect-ratio=3/4]/product-card:aspect-[3/4]',\n        'group-data-[aspect-ratio=1/1]/product-card:aspect-square',\n        className,\n      )}\n      data-slot=\"product-card-thumbnail\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface ProductCardImageProps extends ComponentProps<'img'> {\n  asChild?: boolean;\n}\n\nexport function ProductCardImage({\n  className,\n  children,\n  asChild = false,\n  ...props\n}: ProductCardImageProps) {\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full scale-100 select-none bg-[var(--product-card-light-background,hsl(var(--contrast-100)))] object-cover transition-transform duration-500 ease-out group-hover:scale-110',\n        className,\n      )}\n      data-slot=\"product-card-image\"\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { Badge } from '@/components/badge';\nimport { cn } from '@/lib';\n\nexport type ProductCardBadgeProps = ComponentProps<typeof Badge>;\n\nexport function ProductCardBadge({ className, children, ...props }: ProductCardBadgeProps) {\n  return (\n    <Badge\n      className={cn('absolute left-3 top-3', className)}\n      data-slot=\"product-card-badge\"\n      shape=\"rounded\"\n      {...props}\n    >\n      {children}\n    </Badge>\n  );\n}\n","import { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardFallbackProps = ComponentProps<'div'>;\n\nexport function ProductCardFallback({ className, children, ...props }: ProductCardFallbackProps) {\n  return (\n    <div\n      className={cn(\n        'break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)] group-hover:scale-105',\n        className,\n      )}\n      data-slot=\"product-card-fallback\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface ProductCardLinkProps extends ComponentProps<'a'> {\n  asChild?: boolean;\n}\n\nexport function ProductCardLink({ asChild = false, className, ...props }: ProductCardLinkProps) {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn(\n        'absolute inset-0 rounded-[var(--product-card-border-radius,1rem)] ring-offset-[var(--product-card-light-offset,hsl(var(--background)))] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--product-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n        className,\n      )}\n      data-slot=\"product-card-link\"\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardDetailsProps = ComponentProps<'div'>;\n\nexport function ProductCardDetails({ children, className, ...props }: ProductCardDetailsProps) {\n  return (\n    <div\n      className={cn(\n        'mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row',\n        className,\n      )}\n      data-slot=\"product-card-details\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardHeaderProps = ComponentProps<'div'>;\n\nexport function ProductCardHeader({ children, className, ...props }: ProductCardHeaderProps) {\n  return (\n    <div\n      className={cn('relative flex-1 text-sm @[16rem]:text-base', className)}\n      data-slot=\"product-card-header\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardTitleProps = ComponentProps<'h3'>;\n\nexport function ProductCardTitle({ className, children, ...props }: ProductCardTitleProps) {\n  return (\n    <h3\n      className={cn(\n        'block font-semibold text-[var(--product-card-light-title,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"product-card-title\"\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardSubtitleProps = ComponentProps<'span'>;\n\nexport function ProductCardSubtitle({ children, className, ...props }: ProductCardSubtitleProps) {\n  return (\n    <span\n      className={cn(\n        'block text-sm font-normal text-[var(--product-card-light-subtitle,color-mix(in_oklab,hsl(var(--foreground))_75%,transparent))]',\n        className,\n      )}\n      data-slot=\"product-card-subtitle\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n","import * as PricePrimitive from '@/components/price';\n\ninterface PriceDefault {\n  type: 'default';\n  value: string;\n}\n\ninterface PriceRange {\n  type: 'range';\n  minValue: string;\n  maxValue: string;\n}\n\ninterface PriceSale {\n  type: 'sale';\n  previousValue: string;\n  currentValue: string;\n}\n\ntype PriceType = PriceDefault | PriceRange | PriceSale;\n\nexport interface PriceProps extends PricePrimitive.RootProps {\n  price: PriceType;\n}\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --price-light-text: hsl(var(--foreground));\n *   --price-light-sale-text: hsl(var(--foreground));\n *   --price-dark-text: hsl(var(--background));\n *   --price-dark-sale-text: hsl(var(--background));\n * }\n * ```\n */\nexport function Price({ className, price, ...props }: PriceProps) {\n  return (\n    <PricePrimitive.Root className={className} {...props}>\n      {price.type === 'range' && (\n        <>\n          <PricePrimitive.Default>{price.minValue}</PricePrimitive.Default>\n          {' – '}\n          <PricePrimitive.Default>{price.maxValue}</PricePrimitive.Default>\n        </>\n      )}\n      {price.type === 'sale' && (\n        <>\n          <PricePrimitive.Strike>{price.currentValue}</PricePrimitive.Strike>{' '}\n          <PricePrimitive.Default>{price.previousValue}</PricePrimitive.Default>\n        </>\n      )}\n      {price.type === 'default' && <PricePrimitive.Default>{price.value}</PricePrimitive.Default>}\n    </PricePrimitive.Root>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { Price } from '@/components/price';\nimport { cn } from '@/lib';\n\nexport type ProductCardPriceProps = ComponentProps<typeof Price>;\n\nexport function ProductCardPrice({ className, price, ...props }: ProductCardPriceProps) {\n  return (\n    <Price\n      className={cn('mt-2', className)}\n      data-slot=\"product-card-price\"\n      price={price}\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardCompareProps = ComponentProps<'div'>;\n\nexport function ProductCardCompare({ className, children, ...props }: ProductCardCompareProps) {\n  return (\n    <div\n      className={cn(\n        'font-(family-name:--checkbox-font-family,var(--font-family-body)) flex shrink-0 items-center gap-2',\n        className,\n      )}\n      data-slot=\"product-card-compare\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { Checkbox } from '@/components/checkbox';\nimport { cn } from '@/lib';\n\nexport type ProductCardCheckboxProps = ComponentProps<typeof Checkbox>;\n\nexport function ProductCardCheckbox({ className, ...props }: ProductCardCheckboxProps) {\n  return <Checkbox className={cn(className)} data-slot=\"product-card-checkbox\" {...props} />;\n}\n","import { ComponentProps } from 'react';\n\nimport { Label } from '@/components/label';\nimport { cn } from '@/lib';\n\nexport type ProductCardLabelProps = ComponentProps<typeof Label>;\n\nexport function ProductCardLabel({ className, children, ...props }: ProductCardLabelProps) {\n  return (\n    <Label\n      className={cn('text-[var(--product-card-light-text,hsl(var(--foreground)))]', className)}\n      data-slot=\"product-card-label\"\n      {...props}\n    >\n      {children}\n    </Label>\n  );\n}\n"],"names":["Badge","children","shape","className","variant","props","jsx","cn","Checkbox","id","label","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator","Check","ProductCardPreview","ProductCardThumbnail","ProductCardImage","asChild","Component","Slot","ProductCardBadge","ProductCardFallback","ProductCardLink","ProductCardDetails","ProductCardHeader","ProductCardTitle","ProductCardSubtitle","Price","price","PricePrimitive.Root","jsxs","Fragment","PricePrimitive.Default","PricePrimitive.Strike","ProductCardPrice","ProductCardCompare","ProductCardCheckbox","ProductCardLabel","Label"],"mappings":"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"}

package/dist/product-card-root-BnBOoYFY.js

@@ -0,0 +1,27 @@
+import { jsx as d } from "react/jsx-runtime";
+import { c as n } from "./utils-CRiPKpXj.js";
+function f({
+  className: o,
+  children: t,
+  as: r,
+  aspectRatio: a = "5/6",
+  ...c
+}) {
+  return /* @__PURE__ */ d(
+    r ?? "article",
+    {
+      className: n(
+        "group/product-card w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container",
+        o
+      ),
+      "data-aspect-ratio": a,
+      "data-slot": "product-card-root",
+      ...c,
+      children: t
+    }
+  );
+}
+export {
+  f as P
+};
+//# sourceMappingURL=product-card-root-BnBOoYFY.js.map

package/dist/product-card-root-BnBOoYFY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-root-BnBOoYFY.js","sources":["../src/components/product-card/primitives/product-card-root.tsx"],"sourcesContent":["import type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  aspectRatio?: '5/6' | '3/4' | '1/1';\n};\n\nexport function ProductCardRoot<T extends ElementType = 'article'>({\n  className,\n  children,\n  as,\n  aspectRatio = '5/6',\n  ...props\n}: ProductCardRootProps<T>) {\n  const ProductCardRootElement = as ?? 'article';\n\n  return (\n    <ProductCardRootElement\n      className={cn(\n        'group/product-card w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container',\n        className,\n      )}\n      data-aspect-ratio={aspectRatio}\n      data-slot=\"product-card-root\"\n      {...props}\n    >\n      {children}\n    </ProductCardRootElement>\n  );\n}\n"],"names":["ProductCardRoot","className","children","as","aspectRatio","props","jsx","cn"],"mappings":";;AAYO,SAASA,EAAmD;AAAA,EACjE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA4B;AAG1B,SACE,gBAAAC;AAAA,IAH6BH,KAAM;AAAA,IAGlC;AAAA,MACC,WAAWI;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAEF,qBAAmBG;AAAA,MACnB,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/product-card-root-DNqlSx52.cjs

@@ -0,0 +1,2 @@
+"use strict";const u=require("react/jsx-runtime"),n=require("./utils-DoxiiusW.cjs");function e({className:t,children:o,as:r,aspectRatio:a="5/6",...c}){const d=r??"article";return u.jsx(d,{className:n.cn("group/product-card w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container",t),"data-aspect-ratio":a,"data-slot":"product-card-root",...c,children:o})}exports.ProductCardRoot=e;
+//# sourceMappingURL=product-card-root-DNqlSx52.cjs.map

package/dist/product-card-root-DNqlSx52.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-root-DNqlSx52.cjs","sources":["../src/components/product-card/primitives/product-card-root.tsx"],"sourcesContent":["import type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  aspectRatio?: '5/6' | '3/4' | '1/1';\n};\n\nexport function ProductCardRoot<T extends ElementType = 'article'>({\n  className,\n  children,\n  as,\n  aspectRatio = '5/6',\n  ...props\n}: ProductCardRootProps<T>) {\n  const ProductCardRootElement = as ?? 'article';\n\n  return (\n    <ProductCardRootElement\n      className={cn(\n        'group/product-card w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container',\n        className,\n      )}\n      data-aspect-ratio={aspectRatio}\n      data-slot=\"product-card-root\"\n      {...props}\n    >\n      {children}\n    </ProductCardRootElement>\n  );\n}\n"],"names":["ProductCardRoot","className","children","as","aspectRatio","props","ProductCardRootElement","jsx","cn"],"mappings":"oFAYO,SAASA,EAAmD,CACjE,UAAAC,EACA,SAAAC,EACA,GAAAC,EACA,YAAAC,EAAc,MACd,GAAGC,CACL,EAA4B,CAC1B,MAAMC,EAAyBH,GAAM,UAErC,OACEI,EAAAA,IAACD,EAAA,CACC,UAAWE,EAAAA,GACT,+GACAP,CAAA,EAEF,oBAAmBG,EACnB,YAAU,oBACT,GAAGC,EAEH,SAAAH,CAAA,CAAA,CAGP"}

package/dist/product-card-skeleton-BgN1OCwY.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("./skeleton-root-Bahq1UoM.cjs"),c=require("./skeleton-box-BsY5q4RG.cjs"),t=require("./skeleton-text-BxefRRo2.cjs"),r=require("./utils-DoxiiusW.cjs");function d({className:a,...s}){return e.jsxs(o.SkeletonRoot,{className:r.cn(a),"data-slot":"product-card-skeleton",...s,children:[e.jsx(c.SkeletonBox,{className:r.cn("rounded-[var(--product-card-border-radius,1rem)]","group-data-[aspect-ratio=5/6]/product-card:aspect-[5/6]","group-data-[aspect-ratio=3/4]/product-card:aspect-[3/4]","group-data-[aspect-ratio=1/1]/product-card:aspect-square")}),e.jsx("div",{className:"mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row",children:e.jsxs("div",{className:"flex-1 text-sm @[16rem]:text-base",children:[e.jsx(t.SkeletonText,{characterCount:10,className:"rounded"}),e.jsx(t.SkeletonText,{characterCount:8,className:"rounded"}),e.jsx(t.SkeletonText,{characterCount:6,className:"rounded"})]})})]})}exports.ProductCardSkeleton=d;
+//# sourceMappingURL=product-card-skeleton-BgN1OCwY.cjs.map

package/dist/product-card-skeleton-BgN1OCwY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-skeleton-BgN1OCwY.cjs","sources":["../src/components/product-card/primitives/product-card-skeleton.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type ProductCardSkeletonProps = ComponentProps<typeof SkeletonPrimitive.Root>;\n\nexport function ProductCardSkeleton({ className, ...props }: ProductCardSkeletonProps) {\n  return (\n    <SkeletonPrimitive.Root className={cn(className)} data-slot=\"product-card-skeleton\" {...props}>\n      <SkeletonPrimitive.Box\n        className={cn(\n          'rounded-[var(--product-card-border-radius,1rem)]',\n          'group-data-[aspect-ratio=5/6]/product-card:aspect-[5/6]',\n          'group-data-[aspect-ratio=3/4]/product-card:aspect-[3/4]',\n          'group-data-[aspect-ratio=1/1]/product-card:aspect-square',\n        )}\n      />\n      <div className=\"mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row\">\n        <div className=\"flex-1 text-sm @[16rem]:text-base\">\n          <SkeletonPrimitive.Text characterCount={10} className=\"rounded\" />\n          <SkeletonPrimitive.Text characterCount={8} className=\"rounded\" />\n          <SkeletonPrimitive.Text characterCount={6} className=\"rounded\" />\n        </div>\n      </div>\n    </SkeletonPrimitive.Root>\n  );\n}\n"],"names":["ProductCardSkeleton","className","props","jsxs","SkeletonPrimitive.Root","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":"iNAOO,SAASA,EAAoB,CAAE,UAAAC,EAAW,GAAGC,GAAmC,CACrF,OACEC,OAACC,EAAAA,aAAA,CAAuB,UAAWC,EAAAA,GAAGJ,CAAS,EAAG,YAAU,wBAAyB,GAAGC,EACtF,SAAA,CAAAI,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GACT,mDACA,0DACA,0DACA,0DAAA,CACF,CAAA,QAED,MAAA,CAAI,UAAU,4EACb,SAAAF,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAG,EAAAA,IAACE,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,UAAU,QAC/DA,EAAAA,aAAA,CAAuB,eAAgB,EAAG,UAAU,UAAU,QAC9DA,EAAAA,aAAA,CAAuB,eAAgB,EAAG,UAAU,SAAA,CAAU,CAAA,CAAA,CACjE,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/product-card-skeleton-C-xXJrKi.js

@@ -0,0 +1,29 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { S as c } from "./skeleton-root-BIYF02UE.js";
+import { S as d } from "./skeleton-box-D0XcgPLs.js";
+import { S as r } from "./skeleton-text-BCsnfhcU.js";
+import { c as e } from "./utils-CRiPKpXj.js";
+function i({ className: o, ...s }) {
+  return /* @__PURE__ */ t(c, { className: e(o), "data-slot": "product-card-skeleton", ...s, children: [
+    /* @__PURE__ */ a(
+      d,
+      {
+        className: e(
+          "rounded-[var(--product-card-border-radius,1rem)]",
+          "group-data-[aspect-ratio=5/6]/product-card:aspect-[5/6]",
+          "group-data-[aspect-ratio=3/4]/product-card:aspect-[3/4]",
+          "group-data-[aspect-ratio=1/1]/product-card:aspect-square"
+        )
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row", children: /* @__PURE__ */ t("div", { className: "flex-1 text-sm @[16rem]:text-base", children: [
+      /* @__PURE__ */ a(r, { characterCount: 10, className: "rounded" }),
+      /* @__PURE__ */ a(r, { characterCount: 8, className: "rounded" }),
+      /* @__PURE__ */ a(r, { characterCount: 6, className: "rounded" })
+    ] }) })
+  ] });
+}
+export {
+  i as P
+};
+//# sourceMappingURL=product-card-skeleton-C-xXJrKi.js.map

package/dist/product-card-skeleton-C-xXJrKi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-skeleton-C-xXJrKi.js","sources":["../src/components/product-card/primitives/product-card-skeleton.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type ProductCardSkeletonProps = ComponentProps<typeof SkeletonPrimitive.Root>;\n\nexport function ProductCardSkeleton({ className, ...props }: ProductCardSkeletonProps) {\n  return (\n    <SkeletonPrimitive.Root className={cn(className)} data-slot=\"product-card-skeleton\" {...props}>\n      <SkeletonPrimitive.Box\n        className={cn(\n          'rounded-[var(--product-card-border-radius,1rem)]',\n          'group-data-[aspect-ratio=5/6]/product-card:aspect-[5/6]',\n          'group-data-[aspect-ratio=3/4]/product-card:aspect-[3/4]',\n          'group-data-[aspect-ratio=1/1]/product-card:aspect-square',\n        )}\n      />\n      <div className=\"mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row\">\n        <div className=\"flex-1 text-sm @[16rem]:text-base\">\n          <SkeletonPrimitive.Text characterCount={10} className=\"rounded\" />\n          <SkeletonPrimitive.Text characterCount={8} className=\"rounded\" />\n          <SkeletonPrimitive.Text characterCount={6} className=\"rounded\" />\n        </div>\n      </div>\n    </SkeletonPrimitive.Root>\n  );\n}\n"],"names":["ProductCardSkeleton","className","props","jsxs","SkeletonPrimitive.Root","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":";;;;;AAOO,SAASA,EAAoB,EAAE,WAAAC,GAAW,GAAGC,KAAmC;AACrF,SACE,gBAAAC,EAACC,GAAA,EAAuB,WAAWC,EAAGJ,CAAS,GAAG,aAAU,yBAAyB,GAAGC,GACtF,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,sBAED,OAAA,EAAI,WAAU,6EACb,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAA,gBAAAG,EAACE,GAAA,EAAuB,gBAAgB,IAAI,WAAU,WAAU;AAAA,wBAC/DA,GAAA,EAAuB,gBAAgB,GAAG,WAAU,WAAU;AAAA,wBAC9DA,GAAA,EAAuB,gBAAgB,GAAG,WAAU,UAAA,CAAU;AAAA,IAAA,EAAA,CACjE,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/product-card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./product-card-root-Q5lwSPd8.cjs"),a=require("react/jsx-runtime"),c=require("./utils-DoxiiusW.cjs"),r=require("./product-card-label-BQeJxNcX.cjs"),u=require("./product-card-skeleton-CCbWpq16.cjs");function C({className:e,children:d,...o}){return a.jsx("div",{className:c.cn("relative",e),"data-slot":"product-card-content",...o,children:d})}exports.Root=t.ProductCardRoot;exports.useProductCard=t.useProductCard;exports.Badge=r.ProductCardBadge;exports.Checkbox=r.ProductCardCheckbox;exports.Compare=r.ProductCardCompare;exports.Details=r.ProductCardDetails;exports.Fallback=r.ProductCardFallback;exports.Header=r.ProductCardHeader;exports.Image=r.ProductCardImage;exports.Label=r.ProductCardLabel;exports.Link=r.ProductCardLink;exports.Preview=r.ProductCardPreview;exports.Price=r.ProductCardPrice;exports.Subtitle=r.ProductCardSubtitle;exports.Thumbnail=r.ProductCardThumbnail;exports.Title=r.ProductCardTitle;exports.Skeleton=u.ProductCardSkeleton;exports.Content=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./product-card-root-DNqlSx52.cjs"),a=require("react/jsx-runtime"),c=require("./utils-DoxiiusW.cjs"),r=require("./product-card-label-DHKOJFTo.cjs"),u=require("./product-card-skeleton-BgN1OCwY.cjs");function i({className:t,children:e,...d}){return a.jsx("div",{className:c.cn("relative",t),"data-slot":"product-card-content",...d,children:e})}exports.Root=o.ProductCardRoot;exports.Badge=r.ProductCardBadge;exports.Checkbox=r.ProductCardCheckbox;exports.Compare=r.ProductCardCompare;exports.Details=r.ProductCardDetails;exports.Fallback=r.ProductCardFallback;exports.Header=r.ProductCardHeader;exports.Image=r.ProductCardImage;exports.Label=r.ProductCardLabel;exports.Link=r.ProductCardLink;exports.Preview=r.ProductCardPreview;exports.Price=r.ProductCardPrice;exports.Subtitle=r.ProductCardSubtitle;exports.Thumbnail=r.ProductCardThumbnail;exports.Title=r.ProductCardTitle;exports.Skeleton=u.ProductCardSkeleton;exports.Content=i;
 //# sourceMappingURL=product-card.cjs.map

package/dist/product-card.js

@@ -1,29 +1,28 @@
-import { P as m, u as d } from "./product-card-root-BGUa-vQ_.js";
-import { jsx as s } from "react/jsx-runtime";
-import { c as o } from "./utils-CRiPKpXj.js";
-import { c as p, l as f, k as P, f as b, d as x, g as C, b as k, m as g, e as h, P as v, j, i as L, a as S, h as T } from "./product-card-label-C6D-fYjj.js";
-import { P as B } from "./product-card-skeleton-B8DGleVJ.js";
-function i({ className: a, children: e, ...t }) {
-  return /* @__PURE__ */ s("div", { className: o("relative", a), "data-slot": "product-card-content", ...t, children: e });
+import { P as m } from "./product-card-root-BnBOoYFY.js";
+import { jsx as o } from "react/jsx-runtime";
+import { c as s } from "./utils-CRiPKpXj.js";
+import { c as p, l as f, k as b, f as u, d as x, g as P, b as k, m as C, e as g, P as h, j as v, i as j, a as L, h as S } from "./product-card-label-CP4yzMhB.js";
+import { P as w } from "./product-card-skeleton-C-xXJrKi.js";
+function n({ className: a, children: e, ...t }) {
+  return /* @__PURE__ */ o("div", { className: s("relative", a), "data-slot": "product-card-content", ...t, children: e });
 }
 export {
   p as Badge,
   f as Checkbox,
-  P as Compare,
-  i as Content,
-  b as Details,
+  b as Compare,
+  n as Content,
+  u as Details,
   x as Fallback,
-  C as Header,
+  P as Header,
   k as Image,
-  g as Label,
-  h as Link,
-  v as Preview,
-  j as Price,
+  C as Label,
+  g as Link,
+  h as Preview,
+  v as Price,
   m as Root,
-  B as Skeleton,
-  L as Subtitle,
-  S as Thumbnail,
-  T as Title,
-  d as useProductCard
+  w as Skeleton,
+  j as Subtitle,
+  L as Thumbnail,
+  S as Title
 };
 //# sourceMappingURL=product-card.js.map

package/dist/{reveal-trigger-ScuufoFq.js → reveal-trigger-DT_deyzM.js}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as _, Fragment as k } from "react/jsx-runtime";
 import { c } from "./utils-CRiPKpXj.js";
-import { B as y } from "./button-W0_PtryU.js";
+import { B as y } from "./button-C0iR-l2_.js";
 import { createContext as z, useState as g, useRef as C, useEffect as N, useCallback as H, useMemo as S, use as j } from "react";
 function A({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ i(
@@ -119,4 +119,4 @@ export {
   T as c,
   f as u
 };
-//# sourceMappingURL=reveal-trigger-ScuufoFq.js.map
+//# sourceMappingURL=reveal-trigger-DT_deyzM.js.map