commerce-toolkit 0.3.0 → 0.5.0

package/dist/{product-card-label-CJmC9ICf.js → product-card-label-C6D-fYjj.js}

@@ -1,19 +1,17 @@
 import { jsx as o, jsxs as s, Fragment as i } from "react/jsx-runtime";
-import { c } from "./utils-BOGlfttm.js";
-import { u as l } from "./product-card-root-4Xz4-pdL.js";
-import { C as f } from "./checkbox-root-B9W2Y8rY.js";
+import { c } from "./utils-CRiPKpXj.js";
+import { u as d } from "./product-card-root-BGUa-vQ_.js";
 import { S as u } from "./index-DD8W7cMj.js";
-import { P as b, a as n, b as h } from "./price-strike-Br_Yriv9.js";
-import { C as g } from "./checkbox-indicator-os50dewx.js";
-import p from "./check-ChGAB_3v.js";
-import * as v from "react";
-import { P as k } from "./index-BzgbBl8b.js";
-function x({
+import { P as m, a as l, b as f } from "./price-strike-Ciakdz8c.js";
+import { C as h, a as g } from "./checkbox-indicator-sO8XNm-j.js";
+import b from "./check-ChGAB_3v.js";
+import { L as p } from "./label-C2HI4Bjj.js";
+function v({
   children: a,
   shape: t = "rounded",
   className: r,
   variant: e = "primary",
-  ...d
+  ...n
 }) {
   return /* @__PURE__ */ o(
     "span",
@@ -33,19 +31,19 @@ function x({
         }[e],
         r
       ),
-      ...d,
+      ...n,
       children: a
     }
   );
 }
-function C({ className: a, colorScheme: t = "light", ...r }) {
-  return /* @__PURE__ */ o(f, { className: a, colorScheme: t, ...r, children: /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(p, { className: "h-4 w-4", color: "currentColor" }) }) });
+function k({ className: a, id: t, label: r, ...e }) {
+  return /* @__PURE__ */ o(h, { className: a, ...e, children: /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(b, { absoluteStrokeWidth: !0, className: "h-4 w-4", color: "currentColor" }) }) });
 }
-function I({ className: a, children: t, ...r }) {
+function V({ className: a, children: t, ...r }) {
   return /* @__PURE__ */ o("div", { className: c("relative", a), "data-slot": "product-card-preview", ...r, children: t });
 }
-function T({ className: a, children: t, ...r }) {
-  const { aspectRatio: e, colorScheme: d } = l();
+function B({ className: a, children: t, ...r }) {
+  const { aspectRatio: e, colorScheme: n } = d();
   return /* @__PURE__ */ o(
     "div",
     {
@@ -59,7 +57,7 @@ function T({ className: a, children: t, ...r }) {
         {
           light: "bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]",
           dark: "bg-[var(--product-card-dark-background,hsl(var(--contrast-500)))]"
-        }[d],
+        }[n],
         a
       ),
       "data-slot": "product-card-thumbnail",
@@ -68,13 +66,13 @@ function T({ className: a, children: t, ...r }) {
     }
   );
 }
-function q({
+function R({
   className: a,
   children: t,
   asChild: r = !1,
   ...e
 }) {
-  const { colorScheme: d } = l();
+  const { colorScheme: n } = d();
   return /* @__PURE__ */ o(
     r ? u : "img",
     {
@@ -83,7 +81,7 @@ function q({
         {
           light: "bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]",
           dark: "bg-[var(--product-card-dark-background,hsl(var(--contrast-500)))]"
-        }[d],
+        }[n],
         a
       ),
       "data-slot": "product-card-image",
@@ -91,9 +89,9 @@ function q({
     }
   );
 }
-function A({ className: a, children: t, ...r }) {
+function D({ className: a, children: t, ...r }) {
   return /* @__PURE__ */ o(
-    x,
+    v,
     {
       className: c("absolute left-3 top-3", a),
       "data-slot": "product-card-badge",
@@ -103,8 +101,8 @@ function A({ className: a, children: t, ...r }) {
     }
   );
 }
-function E({ className: a, children: t, ...r }) {
-  const { colorScheme: e } = l();
+function F({ className: a, children: t, ...r }) {
+  const { colorScheme: e } = d();
   return /* @__PURE__ */ o(
     "div",
     {
@@ -122,8 +120,8 @@ function E({ className: a, children: t, ...r }) {
     }
   );
 }
-function H({ asChild: a = !1, className: t, ...r }) {
-  const { colorScheme: e } = l();
+function I({ asChild: a = !1, className: t, ...r }) {
+  const { colorScheme: e } = d();
   return /* @__PURE__ */ o(
     a ? u : "a",
     {
@@ -140,7 +138,7 @@ function H({ asChild: a = !1, className: t, ...r }) {
     }
   );
 }
-function $({ children: a, className: t, ...r }) {
+function T({ children: a, className: t, ...r }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -154,7 +152,7 @@ function $({ children: a, className: t, ...r }) {
     }
   );
 }
-function z({ children: a, className: t, ...r }) {
+function q({ children: a, className: t, ...r }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -165,8 +163,8 @@ function z({ children: a, className: t, ...r }) {
     }
   );
 }
-function G({ className: a, children: t, ...r }) {
-  const { colorScheme: e } = l();
+function H({ className: a, children: t, ...r }) {
+  const { colorScheme: e } = d();
   return /* @__PURE__ */ o(
     "h3",
     {
@@ -183,8 +181,8 @@ function G({ className: a, children: t, ...r }) {
     }
   );
 }
-function J({ children: a, className: t, ...r }) {
-  const { colorScheme: e } = l();
+function W({ children: a, className: t, ...r }) {
+  const { colorScheme: e } = d();
   return /* @__PURE__ */ o(
     "span",
     {
@@ -202,25 +200,25 @@ function J({ children: a, className: t, ...r }) {
     }
   );
 }
-function P({ className: a, colorScheme: t = "light", price: r, ...e }) {
-  return /* @__PURE__ */ s(b, { className: a, colorScheme: t, ...e, children: [
+function x({ className: a, colorScheme: t = "light", price: r, ...e }) {
+  return /* @__PURE__ */ s(m, { className: a, colorScheme: t, ...e, children: [
     r.type === "range" && /* @__PURE__ */ s(i, { children: [
-      /* @__PURE__ */ o(n, { children: r.minValue }),
+      /* @__PURE__ */ o(l, { children: r.minValue }),
       " – ",
-      /* @__PURE__ */ o(n, { children: r.maxValue })
+      /* @__PURE__ */ o(l, { children: r.maxValue })
     ] }),
     r.type === "sale" && /* @__PURE__ */ s(i, { children: [
-      /* @__PURE__ */ o(h, { children: r.currentValue }),
+      /* @__PURE__ */ o(f, { children: r.currentValue }),
       " ",
-      /* @__PURE__ */ o(n, { children: r.previousValue })
+      /* @__PURE__ */ o(l, { children: r.previousValue })
     ] }),
-    r.type === "default" && /* @__PURE__ */ o(n, { children: r.value })
+    r.type === "default" && /* @__PURE__ */ o(l, { children: r.value })
   ] });
 }
-function K({ className: a, price: t, ...r }) {
-  const { colorScheme: e } = l();
+function z({ className: a, price: t, ...r }) {
+  const { colorScheme: e } = d();
   return /* @__PURE__ */ o(
-    P,
+    x,
     {
       className: c("mt-2", a),
       colorScheme: e,
@@ -230,7 +228,7 @@ function K({ className: a, price: t, ...r }) {
     }
   );
 }
-function O({ className: a, children: t, ...r }) {
+function A({ className: a, children: t, ...r }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -244,45 +242,21 @@ function O({ className: a, children: t, ...r }) {
     }
   );
 }
-function Q({ className: a, ...t }) {
-  return /* @__PURE__ */ o(C, { className: c(a), "data-slot": "product-card-checkbox", ...t });
+function E({ className: a, ...t }) {
+  return /* @__PURE__ */ o(k, { className: c(a), "data-slot": "product-card-checkbox", ...t });
 }
-var N = "Label", m = v.forwardRef((a, t) => /* @__PURE__ */ o(
-  k.label,
-  {
-    ...a,
-    ref: t,
-    onMouseDown: (r) => {
-      r.target.closest("button, input, select, textarea") || (a.onMouseDown?.(r), !r.defaultPrevented && r.detail > 1 && r.preventDefault());
-    }
-  }
-));
-m.displayName = N;
-var w = m;
-function y({ className: a, children: t, colorScheme: r = "light", ...e }) {
+function G({ className: a, children: t, ...r }) {
+  const { colorScheme: e } = d();
   return /* @__PURE__ */ o(
-    w,
+    p,
     {
       className: c(
-        "cursor-pointer text-sm peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
         {
-          light: "text-[var(--checkbox-light-label,hsl(var(--foreground)))]",
-          dark: "text-[var(--checkbox-dark-label,hsl(var(--background)))]"
-        }[r]
+          light: "text-[var(--product-card-light-text,hsl(var(--foreground)))]",
+          dark: "text-[var(--product-card-dark-text,hsl(var(--background)))]"
+        }[e],
+        a
       ),
-      "data-slot": "label",
-      ...e,
-      children: t
-    }
-  );
-}
-function U({ className: a, children: t, ...r }) {
-  const { colorScheme: e } = l();
-  return /* @__PURE__ */ o(
-    y,
-    {
-      className: c(a),
-      colorScheme: e,
       "data-slot": "product-card-label",
       ...r,
       children: t
@@ -290,23 +264,22 @@ function U({ className: a, children: t, ...r }) {
   );
 }
 export {
-  x as B,
-  C,
-  y as L,
-  I as P,
-  T as a,
-  q as b,
-  A as c,
-  E as d,
-  H as e,
-  $ as f,
-  z as g,
-  G as h,
-  J as i,
-  K as j,
-  O as k,
-  Q as l,
-  U as m,
-  P as n
+  v as B,
+  k as C,
+  V as P,
+  B as a,
+  R as b,
+  D as c,
+  F as d,
+  I as e,
+  T as f,
+  q as g,
+  H as h,
+  W as i,
+  z as j,
+  A as k,
+  E as l,
+  G as m,
+  x as n
 };
-//# sourceMappingURL=product-card-label-CJmC9ICf.js.map
+//# sourceMappingURL=product-card-label-C6D-fYjj.js.map

package/dist/product-card-label-C6D-fYjj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-label-C6D-fYjj.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","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardThumbnailProps = ComponentProps<'div'>;\n\nexport function ProductCardThumbnail({ className, children, ...props }: ProductCardThumbnailProps) {\n  const { aspectRatio, colorScheme } = useProductCard();\n\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-[var(--product-card-border-radius,1rem)]',\n        {\n          '5:6': 'aspect-[5/6]',\n          '3:4': 'aspect-[3/4]',\n          '1:1': 'aspect-square',\n        }[aspectRatio],\n        {\n          light: 'bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]',\n          dark: 'bg-[var(--product-card-dark-background,hsl(var(--contrast-500)))]',\n        }[colorScheme],\n        className,\n      )}\n      data-slot=\"product-card-thumbnail\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\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 { colorScheme } = useProductCard();\n\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full scale-100 select-none object-cover transition-transform duration-500 ease-out group-hover:scale-110',\n        {\n          light: 'bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]',\n          dark: 'bg-[var(--product-card-dark-background,hsl(var(--contrast-500)))]',\n        }[colorScheme],\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","'use client';\n\nimport { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardFallbackProps = ComponentProps<'div'>;\n\nexport function ProductCardFallback({ className, children, ...props }: ProductCardFallbackProps) {\n  const { colorScheme } = useProductCard();\n\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 group-hover:scale-105',\n        {\n          light: '[color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]',\n          dark: '[color:color-mix(in_oklab,hsl(var(--background))_30%,transparent)]',\n        }[colorScheme],\n        className,\n      )}\n      data-slot=\"product-card-fallback\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\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 { colorScheme } = useProductCard();\n\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)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--product-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n        {\n          light: 'ring-offset-[var(--product-card-light-offset,hsl(var(--background)))]',\n          dark: 'ring-offset-[var(--product-card-dark-offset,hsl(var(--foreground)))]',\n        }[colorScheme],\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","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardTitleProps = ComponentProps<'h3'>;\n\nexport function ProductCardTitle({ className, children, ...props }: ProductCardTitleProps) {\n  const { colorScheme } = useProductCard();\n\n  return (\n    <h3\n      className={cn(\n        'block font-semibold',\n        {\n          light: 'text-[var(--product-card-light-title,hsl(var(--foreground)))]',\n          dark: 'text-[var(--product-card-dark-title,hsl(var(--background)))]',\n        }[colorScheme],\n      )}\n      data-slot=\"product-card-title\"\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardSubtitleProps = ComponentProps<'span'>;\n\nexport function ProductCardSubtitle({ children, className, ...props }: ProductCardSubtitleProps) {\n  const { colorScheme } = useProductCard();\n\n  return (\n    <span\n      className={cn(\n        'block text-sm font-normal',\n        {\n          light:\n            'text-[var(--product-card-light-subtitle,color-mix(in_oklab,hsl(var(--foreground))_75%,transparent))]',\n          dark: 'text-[var(--product-card-dark-subtitle,color-mix(in_oklab,hsl(var(--background))_75%,transparent))]',\n        }[colorScheme],\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, colorScheme = 'light', price, ...props }: PriceProps) {\n  return (\n    <PricePrimitive.Root className={className} colorScheme={colorScheme} {...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 { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardPriceProps = ComponentProps<typeof Price>;\n\nexport function ProductCardPrice({ className, price, ...props }: ProductCardPriceProps) {\n  const { colorScheme } = useProductCard();\n\n  return (\n    <Price\n      className={cn('mt-2', className)}\n      colorScheme={colorScheme}\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","'use client';\n\nimport 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","'use client';\n\nimport { ComponentProps } from 'react';\n\nimport { Label } from '@/components/label';\nimport { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardLabelProps = ComponentProps<typeof Label>;\n\nexport function ProductCardLabel({ className, children, ...props }: ProductCardLabelProps) {\n  const { colorScheme } = useProductCard();\n\n  return (\n    <Label\n      className={cn(\n        {\n          light: 'text-[var(--product-card-light-text,hsl(var(--foreground)))]',\n          dark: 'text-[var(--product-card-dark-text,hsl(var(--background)))]',\n        }[colorScheme],\n        className,\n      )}\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","aspectRatio","colorScheme","useProductCard","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-root-4Xz4-pdL.js → product-card-root-BGUa-vQ_.js}

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { createContext as i, useMemo as m, use as f } from "react";
-import { c as l } from "./utils-BOGlfttm.js";
+import { c as l } from "./utils-CRiPKpXj.js";
 const a = i(void 0);
 function p({
   className: o,
@@ -40,4 +40,4 @@ export {
   p as P,
   v as u
 };
-//# sourceMappingURL=product-card-root-4Xz4-pdL.js.map
+//# sourceMappingURL=product-card-root-BGUa-vQ_.js.map

package/dist/{product-card-root-4Xz4-pdL.js.map → product-card-root-BGUa-vQ_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"product-card-root-4Xz4-pdL.js","sources":["../src/components/product-card/primitives/product-card-root.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface ProductCardContext {\n  colorScheme: 'light' | 'dark';\n  aspectRatio: '5:6' | '3:4' | '1:1';\n}\n\nexport const ProductCardContext = createContext<ProductCardContext | undefined>(undefined);\n\nexport type ProductCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  colorScheme?: 'light' | 'dark';\n  aspectRatio?: '5:6' | '3:4' | '1:1';\n};\n\nexport function ProductCardRoot<T extends ElementType = 'article'>({\n  className,\n  children,\n  as,\n  colorScheme = 'light',\n  aspectRatio = '5:6',\n  ...props\n}: ProductCardRootProps<T>) {\n  const ProductCardRootElement = as ?? 'article';\n\n  const contextValues = useMemo(\n    () => ({\n      colorScheme,\n      aspectRatio,\n    }),\n    [colorScheme, aspectRatio],\n  );\n\n  return (\n    <ProductCardContext.Provider value={contextValues}>\n      <ProductCardRootElement\n        className={cn(\n          'group w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container',\n          className,\n        )}\n        data-slot=\"product-card-root\"\n        {...props}\n      >\n        {children}\n      </ProductCardRootElement>\n    </ProductCardContext.Provider>\n  );\n}\n\nexport function useProductCard() {\n  const context = use(ProductCardContext);\n\n  if (context === undefined) {\n    throw new Error('useProductCard must be used within an ProductCardRoot');\n  }\n\n  return context;\n}\n"],"names":["ProductCardContext","createContext","ProductCardRoot","className","children","as","colorScheme","aspectRatio","props","ProductCardRootElement","contextValues","useMemo","jsx","cn","useProductCard","context","use"],"mappings":";;;AAYO,MAAMA,IAAqBC,EAA8C,MAAS;AAWlF,SAASC,EAAmD;AAAA,EACjE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA4B;AAC1B,QAAMC,IAAyBJ,KAAM,WAE/BK,IAAgBC;AAAA,IACpB,OAAO;AAAA,MACL,aAAAL;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,IAEF,CAACD,GAAaC,CAAW;AAAA,EAAA;AAG3B,SACE,gBAAAK,EAACZ,EAAmB,UAAnB,EAA4B,OAAOU,GAClC,UAAA,gBAAAE;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,WAAWI;AAAA,QACT;AAAA,QACAV;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGK;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEO,SAASU,IAAiB;AAC/B,QAAMC,IAAUC,EAAIhB,CAAkB;AAEtC,MAAIe,MAAY;AACd,UAAM,IAAI,MAAM,uDAAuD;AAGzE,SAAOA;AACT;"}
+{"version":3,"file":"product-card-root-BGUa-vQ_.js","sources":["../src/components/product-card/primitives/product-card-root.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface ProductCardContext {\n  colorScheme: 'light' | 'dark';\n  aspectRatio: '5:6' | '3:4' | '1:1';\n}\n\nexport const ProductCardContext = createContext<ProductCardContext | undefined>(undefined);\n\nexport type ProductCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  colorScheme?: 'light' | 'dark';\n  aspectRatio?: '5:6' | '3:4' | '1:1';\n};\n\nexport function ProductCardRoot<T extends ElementType = 'article'>({\n  className,\n  children,\n  as,\n  colorScheme = 'light',\n  aspectRatio = '5:6',\n  ...props\n}: ProductCardRootProps<T>) {\n  const ProductCardRootElement = as ?? 'article';\n\n  const contextValues = useMemo(\n    () => ({\n      colorScheme,\n      aspectRatio,\n    }),\n    [colorScheme, aspectRatio],\n  );\n\n  return (\n    <ProductCardContext.Provider value={contextValues}>\n      <ProductCardRootElement\n        className={cn(\n          'group w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container',\n          className,\n        )}\n        data-slot=\"product-card-root\"\n        {...props}\n      >\n        {children}\n      </ProductCardRootElement>\n    </ProductCardContext.Provider>\n  );\n}\n\nexport function useProductCard() {\n  const context = use(ProductCardContext);\n\n  if (context === undefined) {\n    throw new Error('useProductCard must be used within an ProductCardRoot');\n  }\n\n  return context;\n}\n"],"names":["ProductCardContext","createContext","ProductCardRoot","className","children","as","colorScheme","aspectRatio","props","ProductCardRootElement","contextValues","useMemo","jsx","cn","useProductCard","context","use"],"mappings":";;;AAYO,MAAMA,IAAqBC,EAA8C,MAAS;AAWlF,SAASC,EAAmD;AAAA,EACjE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA4B;AAC1B,QAAMC,IAAyBJ,KAAM,WAE/BK,IAAgBC;AAAA,IACpB,OAAO;AAAA,MACL,aAAAL;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,IAEF,CAACD,GAAaC,CAAW;AAAA,EAAA;AAG3B,SACE,gBAAAK,EAACZ,EAAmB,UAAnB,EAA4B,OAAOU,GAClC,UAAA,gBAAAE;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,WAAWI;AAAA,QACT;AAAA,QACAV;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGK;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEO,SAASU,IAAiB;AAC/B,QAAMC,IAAUC,EAAIhB,CAAkB;AAEtC,MAAIe,MAAY;AACd,UAAM,IAAI,MAAM,uDAAuD;AAGzE,SAAOA;AACT;"}

package/dist/{product-card-root-BMTVhhFp.cjs → product-card-root-Q5lwSPd8.cjs}

@@ -1,2 +1,2 @@
-"use strict";const u=require("react/jsx-runtime"),r=require("react"),l=require("./utils-LBH114_M.cjs"),n=r.createContext(void 0);function C({className:t,children:c,as:d,colorScheme:o="light",aspectRatio:e="5:6",...a}){const s=d??"article",i=r.useMemo(()=>({colorScheme:o,aspectRatio:e}),[o,e]);return u.jsx(n.Provider,{value:i,children:u.jsx(s,{className:l.cn("group w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container",t),"data-slot":"product-card-root",...a,children:c})})}function f(){const t=r.use(n);if(t===void 0)throw new Error("useProductCard must be used within an ProductCardRoot");return t}exports.ProductCardRoot=C;exports.useProductCard=f;
-//# sourceMappingURL=product-card-root-BMTVhhFp.cjs.map
+"use strict";const u=require("react/jsx-runtime"),r=require("react"),l=require("./utils-DoxiiusW.cjs"),n=r.createContext(void 0);function C({className:t,children:c,as:d,colorScheme:o="light",aspectRatio:e="5:6",...a}){const s=d??"article",i=r.useMemo(()=>({colorScheme:o,aspectRatio:e}),[o,e]);return u.jsx(n.Provider,{value:i,children:u.jsx(s,{className:l.cn("group w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container",t),"data-slot":"product-card-root",...a,children:c})})}function f(){const t=r.use(n);if(t===void 0)throw new Error("useProductCard must be used within an ProductCardRoot");return t}exports.ProductCardRoot=C;exports.useProductCard=f;
+//# sourceMappingURL=product-card-root-Q5lwSPd8.cjs.map

package/dist/{product-card-root-BMTVhhFp.cjs.map → product-card-root-Q5lwSPd8.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"product-card-root-BMTVhhFp.cjs","sources":["../src/components/product-card/primitives/product-card-root.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface ProductCardContext {\n  colorScheme: 'light' | 'dark';\n  aspectRatio: '5:6' | '3:4' | '1:1';\n}\n\nexport const ProductCardContext = createContext<ProductCardContext | undefined>(undefined);\n\nexport type ProductCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  colorScheme?: 'light' | 'dark';\n  aspectRatio?: '5:6' | '3:4' | '1:1';\n};\n\nexport function ProductCardRoot<T extends ElementType = 'article'>({\n  className,\n  children,\n  as,\n  colorScheme = 'light',\n  aspectRatio = '5:6',\n  ...props\n}: ProductCardRootProps<T>) {\n  const ProductCardRootElement = as ?? 'article';\n\n  const contextValues = useMemo(\n    () => ({\n      colorScheme,\n      aspectRatio,\n    }),\n    [colorScheme, aspectRatio],\n  );\n\n  return (\n    <ProductCardContext.Provider value={contextValues}>\n      <ProductCardRootElement\n        className={cn(\n          'group w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container',\n          className,\n        )}\n        data-slot=\"product-card-root\"\n        {...props}\n      >\n        {children}\n      </ProductCardRootElement>\n    </ProductCardContext.Provider>\n  );\n}\n\nexport function useProductCard() {\n  const context = use(ProductCardContext);\n\n  if (context === undefined) {\n    throw new Error('useProductCard must be used within an ProductCardRoot');\n  }\n\n  return context;\n}\n"],"names":["ProductCardContext","createContext","ProductCardRoot","className","children","as","colorScheme","aspectRatio","props","ProductCardRootElement","contextValues","useMemo","jsx","cn","useProductCard","context","use"],"mappings":"uGAYaA,EAAqBC,EAAAA,cAA8C,MAAS,EAWlF,SAASC,EAAmD,CACjE,UAAAC,EACA,SAAAC,EACA,GAAAC,EACA,YAAAC,EAAc,QACd,YAAAC,EAAc,MACd,GAAGC,CACL,EAA4B,CAC1B,MAAMC,EAAyBJ,GAAM,UAE/BK,EAAgBC,EAAAA,QACpB,KAAO,CACL,YAAAL,EACA,YAAAC,CAAA,GAEF,CAACD,EAAaC,CAAW,CAAA,EAG3B,OACEK,EAAAA,IAACZ,EAAmB,SAAnB,CAA4B,MAAOU,EAClC,SAAAE,EAAAA,IAACH,EAAA,CACC,UAAWI,EAAAA,GACT,kGACAV,CAAA,EAEF,YAAU,oBACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,EAEL,CAEJ,CAEO,SAASU,GAAiB,CAC/B,MAAMC,EAAUC,EAAAA,IAAIhB,CAAkB,EAEtC,GAAIe,IAAY,OACd,MAAM,IAAI,MAAM,uDAAuD,EAGzE,OAAOA,CACT"}
+{"version":3,"file":"product-card-root-Q5lwSPd8.cjs","sources":["../src/components/product-card/primitives/product-card-root.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface ProductCardContext {\n  colorScheme: 'light' | 'dark';\n  aspectRatio: '5:6' | '3:4' | '1:1';\n}\n\nexport const ProductCardContext = createContext<ProductCardContext | undefined>(undefined);\n\nexport type ProductCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  colorScheme?: 'light' | 'dark';\n  aspectRatio?: '5:6' | '3:4' | '1:1';\n};\n\nexport function ProductCardRoot<T extends ElementType = 'article'>({\n  className,\n  children,\n  as,\n  colorScheme = 'light',\n  aspectRatio = '5:6',\n  ...props\n}: ProductCardRootProps<T>) {\n  const ProductCardRootElement = as ?? 'article';\n\n  const contextValues = useMemo(\n    () => ({\n      colorScheme,\n      aspectRatio,\n    }),\n    [colorScheme, aspectRatio],\n  );\n\n  return (\n    <ProductCardContext.Provider value={contextValues}>\n      <ProductCardRootElement\n        className={cn(\n          'group w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container',\n          className,\n        )}\n        data-slot=\"product-card-root\"\n        {...props}\n      >\n        {children}\n      </ProductCardRootElement>\n    </ProductCardContext.Provider>\n  );\n}\n\nexport function useProductCard() {\n  const context = use(ProductCardContext);\n\n  if (context === undefined) {\n    throw new Error('useProductCard must be used within an ProductCardRoot');\n  }\n\n  return context;\n}\n"],"names":["ProductCardContext","createContext","ProductCardRoot","className","children","as","colorScheme","aspectRatio","props","ProductCardRootElement","contextValues","useMemo","jsx","cn","useProductCard","context","use"],"mappings":"uGAYaA,EAAqBC,EAAAA,cAA8C,MAAS,EAWlF,SAASC,EAAmD,CACjE,UAAAC,EACA,SAAAC,EACA,GAAAC,EACA,YAAAC,EAAc,QACd,YAAAC,EAAc,MACd,GAAGC,CACL,EAA4B,CAC1B,MAAMC,EAAyBJ,GAAM,UAE/BK,EAAgBC,EAAAA,QACpB,KAAO,CACL,YAAAL,EACA,YAAAC,CAAA,GAEF,CAACD,EAAaC,CAAW,CAAA,EAG3B,OACEK,EAAAA,IAACZ,EAAmB,SAAnB,CAA4B,MAAOU,EAClC,SAAAE,EAAAA,IAACH,EAAA,CACC,UAAWI,EAAAA,GACT,kGACAV,CAAA,EAEF,YAAU,oBACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,EAEL,CAEJ,CAEO,SAASU,GAAiB,CAC/B,MAAMC,EAAUC,EAAAA,IAAIhB,CAAkB,EAEtC,GAAIe,IAAY,OACd,MAAM,IAAI,MAAM,uDAAuD,EAGzE,OAAOA,CACT"}

package/dist/{product-card-skeleton-Dkqf-bfA.js → product-card-skeleton-B8DGleVJ.js}

@@ -1,11 +1,10 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { u as m } from "./product-card-root-4Xz4-pdL.js";
-import { c as t } from "./utils-BOGlfttm.js";
-import { S as d } from "./skeleton-root-DHW28LoV.js";
-import { S as l } from "./skeleton-box-BSzQ5f9Y.js";
-import { S as r } from "./skeleton-text-Dd4GbnEz.js";
-import "./checkbox-root-B9W2Y8rY.js";
-function S({ className: o, ...s }) {
+import { u as m } from "./product-card-root-BGUa-vQ_.js";
+import { c as t } from "./utils-CRiPKpXj.js";
+import { S as d } from "./skeleton-root-BIYF02UE.js";
+import { S as l } from "./skeleton-box-D0XcgPLs.js";
+import { S as r } from "./skeleton-text-BCsnfhcU.js";
+function N({ className: o, ...s }) {
   const { aspectRatio: c } = m();
   return /* @__PURE__ */ a(d, { className: t(o), "data-slot": "product-card-skeleton", ...s, children: [
     /* @__PURE__ */ e(
@@ -29,6 +28,6 @@ function S({ className: o, ...s }) {
   ] });
 }
 export {
-  S as P
+  N as P
 };
-//# sourceMappingURL=product-card-skeleton-Dkqf-bfA.js.map
+//# sourceMappingURL=product-card-skeleton-B8DGleVJ.js.map

package/dist/{product-card-skeleton-Dkqf-bfA.js.map → product-card-skeleton-B8DGleVJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"product-card-skeleton-Dkqf-bfA.js","sources":["../src/components/product-card/primitives/product-card-skeleton.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\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  const { aspectRatio } = useProductCard();\n\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          {\n            '5:6': 'aspect-[5/6]',\n            '3:4': 'aspect-[3/4]',\n            '1:1': 'aspect-square',\n          }[aspectRatio],\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","aspectRatio","useProductCard","jsxs","SkeletonPrimitive.Root","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":";;;;;;;AAQO,SAASA,EAAoB,EAAE,WAAAC,GAAW,GAAGC,KAAmC;AACrF,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA;AAExB,SACE,gBAAAC,EAACC,GAAA,EAAuB,WAAWC,EAAGN,CAAS,GAAG,aAAU,yBAAyB,GAAGC,GACtF,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,UAAA,EACPJ,CAAW;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,sBAED,OAAA,EAAI,WAAU,6EACb,UAAA,gBAAAE,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;"}
+{"version":3,"file":"product-card-skeleton-B8DGleVJ.js","sources":["../src/components/product-card/primitives/product-card-skeleton.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\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  const { aspectRatio } = useProductCard();\n\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          {\n            '5:6': 'aspect-[5/6]',\n            '3:4': 'aspect-[3/4]',\n            '1:1': 'aspect-square',\n          }[aspectRatio],\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","aspectRatio","useProductCard","jsxs","SkeletonPrimitive.Root","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":";;;;;;AAQO,SAASA,EAAoB,EAAE,WAAAC,GAAW,GAAGC,KAAmC;AACrF,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA;AAExB,SACE,gBAAAC,EAACC,GAAA,EAAuB,WAAWC,EAAGN,CAAS,GAAG,aAAU,yBAAyB,GAAGC,GACtF,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,UAAA,EACPJ,CAAW;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,sBAED,OAAA,EAAI,WAAU,6EACb,UAAA,gBAAAE,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-skeleton-CCbWpq16.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),c=require("./product-card-root-Q5lwSPd8.cjs"),s=require("./utils-DoxiiusW.cjs"),n=require("./skeleton-root-Bahq1UoM.cjs"),d=require("./skeleton-box-BsY5q4RG.cjs"),t=require("./skeleton-text-BxefRRo2.cjs");function l({className:r,...o}){const{aspectRatio:a}=c.useProductCard();return e.jsxs(n.SkeletonRoot,{className:s.cn(r),"data-slot":"product-card-skeleton",...o,children:[e.jsx(d.SkeletonBox,{className:s.cn("rounded-[var(--product-card-border-radius,1rem)]",{"5:6":"aspect-[5/6]","3:4":"aspect-[3/4]","1:1":"aspect-square"}[a])}),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=l;
+//# sourceMappingURL=product-card-skeleton-CCbWpq16.cjs.map

package/dist/{product-card-skeleton-CCQkDMNl.cjs.map → product-card-skeleton-CCbWpq16.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"product-card-skeleton-CCQkDMNl.cjs","sources":["../src/components/product-card/primitives/product-card-skeleton.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\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  const { aspectRatio } = useProductCard();\n\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          {\n            '5:6': 'aspect-[5/6]',\n            '3:4': 'aspect-[3/4]',\n            '1:1': 'aspect-square',\n          }[aspectRatio],\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","aspectRatio","useProductCard","jsxs","SkeletonPrimitive.Root","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":"uSAQO,SAASA,EAAoB,CAAE,UAAAC,EAAW,GAAGC,GAAmC,CACrF,KAAM,CAAE,YAAAC,CAAA,EAAgBC,iBAAA,EAExB,OACEC,OAACC,EAAAA,aAAA,CAAuB,UAAWC,EAAAA,GAAGN,CAAS,EAAG,YAAU,wBAAyB,GAAGC,EACtF,SAAA,CAAAM,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GACT,mDACA,CACE,MAAO,eACP,MAAO,eACP,MAAO,eAAA,EACPJ,CAAW,CAAA,CACf,CAAA,QAED,MAAA,CAAI,UAAU,4EACb,SAAAE,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"}
+{"version":3,"file":"product-card-skeleton-CCbWpq16.cjs","sources":["../src/components/product-card/primitives/product-card-skeleton.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\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  const { aspectRatio } = useProductCard();\n\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          {\n            '5:6': 'aspect-[5/6]',\n            '3:4': 'aspect-[3/4]',\n            '1:1': 'aspect-square',\n          }[aspectRatio],\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","aspectRatio","useProductCard","jsxs","SkeletonPrimitive.Root","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":"+PAQO,SAASA,EAAoB,CAAE,UAAAC,EAAW,GAAGC,GAAmC,CACrF,KAAM,CAAE,YAAAC,CAAA,EAAgBC,iBAAA,EAExB,OACEC,OAACC,EAAAA,aAAA,CAAuB,UAAWC,EAAAA,GAAGN,CAAS,EAAG,YAAU,wBAAyB,GAAGC,EACtF,SAAA,CAAAM,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GACT,mDACA,CACE,MAAO,eACP,MAAO,eACP,MAAO,eAAA,EACPJ,CAAW,CAAA,CACf,CAAA,QAED,MAAA,CAAI,UAAU,4EACb,SAAAE,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.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./product-card-root-BMTVhhFp.cjs"),a=require("react/jsx-runtime"),c=require("./utils-LBH114_M.cjs"),r=require("./product-card-label-D43AXtRL.cjs"),u=require("./product-card-skeleton-CCQkDMNl.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 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;
 //# sourceMappingURL=product-card.cjs.map

package/dist/product-card.js

@@ -1,8 +1,8 @@
-import { P as m, u as d } from "./product-card-root-4Xz4-pdL.js";
+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-BOGlfttm.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-CJmC9ICf.js";
-import { P as B } from "./product-card-skeleton-Dkqf-bfA.js";
+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 });
 }

package/dist/radio-group.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-CHBN4DXC.cjs"),t=require("./utils-DoxiiusW.cjs");function d({children:r,className:o,...a}){return e.jsx(i.Root2,{className:t.cn("grid gap-2",o),"data-slot":"radio-group-root",...a,children:r})}function n({children:r,className:o,...a}){return e.jsx("div",{className:t.cn("flex items-center gap-2",o),"data-slot":"radio-group-option",...a,children:r})}function l({children:r,className:o,...a}){return e.jsx(i.Item2,{className:t.cn("h-5 w-5 cursor-default","bg-[var(--radio-group-light-background,hsl(var(--background)))]","border-[var(--radio-group-light-border,hsl(var(--contrast-200)))]","rounded-full border","outline-none","hover:border-[var(--radio-group-light-border-hover,hsl(var(--contrast-300)))]","focus:border-[var(--radio-group-light-border-focus,hsl(var(--contrast-300)))]","aria-invalid:border-[var(--radio-group-light-border-error,hsl(var(--error)))]","aria-invalid:disabled:border-[var(--radio-group-light-disabled-border-error,color-mix(in_oklab,hsl(var(--error))_50%,transparent))]","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","[&:disabled+label]:pointer-events-none [&:disabled+label]:opacity-50",o),"data-slot":"radio-group-item",...a,children:r})}function s({className:r,children:o,...a}){return e.jsx(i.Indicator,{className:t.cn("relative flex h-full w-full items-center justify-center","after:block after:h-3 after:w-3 after:rounded-full","after:bg-[var(--radio-group-light-indicator-background,hsl(var(--foreground)))]",r),"data-slot":"radio-group-indicator",...a,children:o})}exports.Indicator=s;exports.Item=l;exports.Option=n;exports.Root=d;
+//# sourceMappingURL=radio-group.cjs.map

package/dist/radio-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.cjs","sources":["../src/components/radio-group/primitives/radio-group-root.tsx","../src/components/radio-group/primitives/radio-group-option.tsx","../src/components/radio-group/primitives/radio-group-item.tsx","../src/components/radio-group/primitives/radio-group-indicator.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupRootProps = ComponentProps<typeof RadioGroupPrimitive.Root>;\n\nexport function RadioGroupRoot({ children, className, ...props }: RadioGroupRootProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn('grid gap-2', className)}\n      data-slot=\"radio-group-root\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Root>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupItemsProps = ComponentProps<'div'>;\n\nexport function RadioGroupOption({ children, className, ...props }: RadioGroupItemsProps) {\n  return (\n    <div\n      className={cn('flex items-center gap-2', className)}\n      data-slot=\"radio-group-option\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;\n\nexport function RadioGroupItem({ children, className, ...props }: RadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        // Base layout\n        'h-5 w-5 cursor-default',\n        // Colors\n        'bg-[var(--radio-group-light-background,hsl(var(--background)))]',\n        'border-[var(--radio-group-light-border,hsl(var(--contrast-200)))]',\n        // Borders & rounded\n        'rounded-full border',\n        // Effects\n        'outline-none',\n        // Hover state\n        'hover:border-[var(--radio-group-light-border-hover,hsl(var(--contrast-300)))]',\n        // Focus state\n        'focus:border-[var(--radio-group-light-border-focus,hsl(var(--contrast-300)))]',\n        // Aria-invalid state\n        'aria-invalid:border-[var(--radio-group-light-border-error,hsl(var(--error)))]',\n        'aria-invalid:disabled:border-[var(--radio-group-light-disabled-border-error,color-mix(in_oklab,hsl(var(--error))_50%,transparent))]',\n        // Disabled state\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        '[&:disabled+label]:pointer-events-none [&:disabled+label]:opacity-50',\n        className,\n      )}\n      data-slot=\"radio-group-item\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Item>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupIndicatorProps = ComponentProps<typeof RadioGroupPrimitive.Indicator>;\n\nexport function RadioGroupIndicator({ className, children, ...props }: RadioGroupIndicatorProps) {\n  return (\n    <RadioGroupPrimitive.Indicator\n      className={cn(\n        // Base layout\n        'relative flex h-full w-full items-center justify-center',\n        // After pseudo-element (indicator dot)\n        'after:block after:h-3 after:w-3 after:rounded-full',\n        'after:bg-[var(--radio-group-light-indicator-background,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"radio-group-indicator\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Indicator>\n  );\n}\n"],"names":["RadioGroupRoot","children","className","props","jsx","RadioGroupPrimitive.Root","cn","RadioGroupOption","RadioGroupItem","RadioGroupPrimitive.Item","RadioGroupIndicator","RadioGroupPrimitive.Indicator"],"mappings":"yLAOO,SAASA,EAAe,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAA8B,CACrF,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAWC,EAAAA,GAAG,aAAcJ,CAAS,EACrC,YAAU,mBACT,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CCXO,SAASM,EAAiB,CAAE,SAAAN,EAAU,UAAAC,EAAW,GAAGC,GAA+B,CACxF,OACEC,EAAAA,IAAC,MAAA,CACC,UAAWE,EAAAA,GAAG,0BAA2BJ,CAAS,EAClD,YAAU,qBACT,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CCTO,SAASO,EAAe,CAAE,SAAAP,EAAU,UAAAC,EAAW,GAAGC,GAA8B,CACrF,OACEC,EAAAA,IAACK,EAAAA,MAAA,CACC,UAAWH,EAAAA,GAET,yBAEA,kEACA,oEAEA,sBAEA,eAEA,gFAEA,gFAEA,gFACA,sIAEA,iEACA,uEACAJ,CAAA,EAEF,YAAU,mBACT,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CC/BO,SAASS,EAAoB,CAAE,UAAAR,EAAW,SAAAD,EAAU,GAAGE,GAAmC,CAC/F,OACEC,EAAAA,IAACO,EAAAA,UAAA,CACC,UAAWL,EAAAA,GAET,0DAEA,qDACA,kFACAJ,CAAA,EAEF,YAAU,wBACT,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP"}

package/dist/radio-group.js

@@ -0,0 +1,82 @@
+import { jsx as t } from "react/jsx-runtime";
+import { R as i, I as d, a as l } from "./index-BEcVxceo.js";
+import { c as e } from "./utils-CRiPKpXj.js";
+function c({ children: r, className: o, ...a }) {
+  return /* @__PURE__ */ t(
+    i,
+    {
+      className: e("grid gap-2", o),
+      "data-slot": "radio-group-root",
+      ...a,
+      children: r
+    }
+  );
+}
+function p({ children: r, className: o, ...a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: e("flex items-center gap-2", o),
+      "data-slot": "radio-group-option",
+      ...a,
+      children: r
+    }
+  );
+}
+function g({ children: r, className: o, ...a }) {
+  return /* @__PURE__ */ t(
+    d,
+    {
+      className: e(
+        // Base layout
+        "h-5 w-5 cursor-default",
+        // Colors
+        "bg-[var(--radio-group-light-background,hsl(var(--background)))]",
+        "border-[var(--radio-group-light-border,hsl(var(--contrast-200)))]",
+        // Borders & rounded
+        "rounded-full border",
+        // Effects
+        "outline-none",
+        // Hover state
+        "hover:border-[var(--radio-group-light-border-hover,hsl(var(--contrast-300)))]",
+        // Focus state
+        "focus:border-[var(--radio-group-light-border-focus,hsl(var(--contrast-300)))]",
+        // Aria-invalid state
+        "aria-invalid:border-[var(--radio-group-light-border-error,hsl(var(--error)))]",
+        "aria-invalid:disabled:border-[var(--radio-group-light-disabled-border-error,color-mix(in_oklab,hsl(var(--error))_50%,transparent))]",
+        // Disabled state
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "[&:disabled+label]:pointer-events-none [&:disabled+label]:opacity-50",
+        o
+      ),
+      "data-slot": "radio-group-item",
+      ...a,
+      children: r
+    }
+  );
+}
+function b({ className: r, children: o, ...a }) {
+  return /* @__PURE__ */ t(
+    l,
+    {
+      className: e(
+        // Base layout
+        "relative flex h-full w-full items-center justify-center",
+        // After pseudo-element (indicator dot)
+        "after:block after:h-3 after:w-3 after:rounded-full",
+        "after:bg-[var(--radio-group-light-indicator-background,hsl(var(--foreground)))]",
+        r
+      ),
+      "data-slot": "radio-group-indicator",
+      ...a,
+      children: o
+    }
+  );
+}
+export {
+  b as Indicator,
+  g as Item,
+  p as Option,
+  c as Root
+};
+//# sourceMappingURL=radio-group.js.map

package/dist/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sources":["../src/components/radio-group/primitives/radio-group-root.tsx","../src/components/radio-group/primitives/radio-group-option.tsx","../src/components/radio-group/primitives/radio-group-item.tsx","../src/components/radio-group/primitives/radio-group-indicator.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupRootProps = ComponentProps<typeof RadioGroupPrimitive.Root>;\n\nexport function RadioGroupRoot({ children, className, ...props }: RadioGroupRootProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn('grid gap-2', className)}\n      data-slot=\"radio-group-root\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Root>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupItemsProps = ComponentProps<'div'>;\n\nexport function RadioGroupOption({ children, className, ...props }: RadioGroupItemsProps) {\n  return (\n    <div\n      className={cn('flex items-center gap-2', className)}\n      data-slot=\"radio-group-option\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;\n\nexport function RadioGroupItem({ children, className, ...props }: RadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        // Base layout\n        'h-5 w-5 cursor-default',\n        // Colors\n        'bg-[var(--radio-group-light-background,hsl(var(--background)))]',\n        'border-[var(--radio-group-light-border,hsl(var(--contrast-200)))]',\n        // Borders & rounded\n        'rounded-full border',\n        // Effects\n        'outline-none',\n        // Hover state\n        'hover:border-[var(--radio-group-light-border-hover,hsl(var(--contrast-300)))]',\n        // Focus state\n        'focus:border-[var(--radio-group-light-border-focus,hsl(var(--contrast-300)))]',\n        // Aria-invalid state\n        'aria-invalid:border-[var(--radio-group-light-border-error,hsl(var(--error)))]',\n        'aria-invalid:disabled:border-[var(--radio-group-light-disabled-border-error,color-mix(in_oklab,hsl(var(--error))_50%,transparent))]',\n        // Disabled state\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        '[&:disabled+label]:pointer-events-none [&:disabled+label]:opacity-50',\n        className,\n      )}\n      data-slot=\"radio-group-item\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Item>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupIndicatorProps = ComponentProps<typeof RadioGroupPrimitive.Indicator>;\n\nexport function RadioGroupIndicator({ className, children, ...props }: RadioGroupIndicatorProps) {\n  return (\n    <RadioGroupPrimitive.Indicator\n      className={cn(\n        // Base layout\n        'relative flex h-full w-full items-center justify-center',\n        // After pseudo-element (indicator dot)\n        'after:block after:h-3 after:w-3 after:rounded-full',\n        'after:bg-[var(--radio-group-light-indicator-background,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"radio-group-indicator\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Indicator>\n  );\n}\n"],"names":["RadioGroupRoot","children","className","props","jsx","RadioGroupPrimitive.Root","cn","RadioGroupOption","RadioGroupItem","RadioGroupPrimitive.Item","RadioGroupIndicator","RadioGroupPrimitive.Indicator"],"mappings":";;;AAOO,SAASA,EAAe,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAA8B;AACrF,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAG,cAAcJ,CAAS;AAAA,MACrC,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACXO,SAASM,EAAiB,EAAE,UAAAN,GAAU,WAAAC,GAAW,GAAGC,KAA+B;AACxF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,EAAG,2BAA2BJ,CAAS;AAAA,MAClD,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACTO,SAASO,EAAe,EAAE,UAAAP,GAAU,WAAAC,GAAW,GAAGC,KAA8B;AACrF,SACE,gBAAAC;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,WAAWH;AAAA;AAAA,QAET;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AC/BO,SAASS,EAAoB,EAAE,WAAAR,GAAW,UAAAD,GAAU,GAAGE,KAAmC;AAC/F,SACE,gBAAAC;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAWL;AAAA;AAAA,QAET;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/range-input.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("./utils-DoxiiusW.cjs");function u({className:t,children:e,...n}){return o.jsx("div",{className:r.cn("flex w-full items-center gap-2",t),"data-slot":"range-input-root",...n,children:e})}exports.Root=u;
+//# sourceMappingURL=range-input.cjs.map