commerce-toolkit 0.1.0 → 0.2.0

package/dist/product-card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"product-card.cjs","sources":["../src/components/product-card/primitives/product-card-root.tsx","../src/components/product-card/primitives/product-card-content.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/product-card/primitives/product-card-price.tsx","../src/components/product-card/primitives/product-card-skeleton.tsx","../src/components/product-card/primitives/product-card-compare.tsx","../src/components/checkbox/checkbox.tsx","../src/components/product-card/primitives/product-card-checkbox.tsx","../node_modules/.pnpm/@radix-ui+react-label@2.1.7_@types+react-dom@19.2.2_@types+react@19.2.2__@types+react@19.2.2__h3esd6u5mwikxnlir43mok2s5m/node_modules/@radix-ui/react-label/dist/index.mjs","../src/components/label/label.tsx","../src/components/product-card/primitives/product-card-label.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","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardContentProps = ComponentProps<'div'>;\n\nexport function ProductCardContent({ className, children, ...props }: ProductCardContentProps) {\n  return (\n    <div className={cn('relative', className)} data-slot=\"product-card-content\" {...props}>\n      {children}\n    </div>\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 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 { 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","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 { 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\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-dark-label: var(--background);\n *    --checkbox-dark-error: var(--error);\n *    --checkbox-dark-unchecked-border: var(--contrast-400);\n *    --checkbox-dark-unchecked-border-hover: var(--contrast-300);\n *    --checkbox-dark-unchecked-background: var(--foreground);\n *    --checkbox-dark-unchecked-icon: var(--background);\n *    --checkbox-dark-checked-border: var(--background);\n *    --checkbox-dark-checked-border-hover: var(--background);\n *    --checkbox-dark-checked-background: var(--foreground);\n *    --checkbox-dark-checked-icon: var(--foreground);\n *    --checkbox-dark-disabled-border: var(--contrast-200);\n *    --checkbox-dark-disabled-background: var(--contrast-100);\n *    --checkbox-dark-disabled-icon: var(--contrast-300);\n *    --checkbox-font-family: var(--font-family-body);\n *  }\n * ```\n */\nexport function Checkbox({ className, colorScheme = 'light', ...props }: CheckboxProps) {\n  return (\n    <CheckboxPrimitive.Root className={className} colorScheme={colorScheme} {...props}>\n      <CheckboxPrimitive.Indicator>\n        <Check className=\"h-4 w-4\" color=\"currentColor\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\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\n// src/label.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Label\";\nvar Label = React.forwardRef((props, forwardedRef) => {\n  return /* @__PURE__ */ jsx(\n    Primitive.label,\n    {\n      ...props,\n      ref: forwardedRef,\n      onMouseDown: (event) => {\n        const target = event.target;\n        if (target.closest(\"button, input, select, textarea\")) return;\n        props.onMouseDown?.(event);\n        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n      }\n    }\n  );\n});\nLabel.displayName = NAME;\nvar Root = Label;\nexport {\n  Label,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n","import * as LabelPrimitive from '@radix-ui/react-label';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type LabelProps = ComponentProps<typeof LabelPrimitive.Root> & {\n  colorScheme?: 'light' | 'dark';\n};\n\nexport function Label({ className, children, colorScheme = 'light', ...props }: LabelProps) {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        'cursor-pointer text-sm peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        {\n          light: 'text-[var(--checkbox-light-label,hsl(var(--foreground)))]',\n          dark: 'text-[var(--checkbox-dark-label,hsl(var(--background)))]',\n        }[colorScheme],\n      )}\n      data-slot=\"label\"\n      {...props}\n    >\n      {children}\n    </LabelPrimitive.Root>\n  );\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(className)}\n      colorScheme={colorScheme}\n      data-slot=\"product-card-label\"\n      {...props}\n    >\n      {children}\n    </Label>\n  );\n}\n"],"names":["ProductCardContext","createContext","ProductCardRoot","className","children","as","colorScheme","aspectRatio","props","ProductCardRootElement","contextValues","useMemo","jsx","cn","useProductCard","context","use","ProductCardContent","ProductCardPreview","ProductCardThumbnail","ProductCardImage","asChild","Component","Slot","ProductCardBadge","Badge","ProductCardFallback","ProductCardLink","ProductCardDetails","ProductCardHeader","ProductCardTitle","ProductCardSubtitle","ProductCardPrice","price","Price","ProductCardSkeleton","jsxs","SkeletonPrimitive.Root","SkeletonPrimitive.Box","SkeletonPrimitive.Text","ProductCardCompare","Checkbox","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator","Check","ProductCardCheckbox","NAME","Label","React","forwardedRef","Primitive","event","Root","LabelPrimitive.Root","ProductCardLabel"],"mappings":"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","x_google_ignoreList":[17]}
+{"version":3,"file":"product-card.cjs","sources":["../src/components/product-card/primitives/product-card-content.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardContentProps = ComponentProps<'div'>;\n\nexport function ProductCardContent({ className, children, ...props }: ProductCardContentProps) {\n  return (\n    <div className={cn('relative', className)} data-slot=\"product-card-content\" {...props}>\n      {children}\n    </div>\n  );\n}\n"],"names":["ProductCardContent","className","children","props","jsx","cn"],"mappings":"sSAMO,SAASA,EAAmB,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAkC,CAC7F,OACEC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,WAAYJ,CAAS,EAAG,YAAU,uBAAwB,GAAGE,EAC7E,SAAAD,CAAA,CACH,CAEJ"}

package/dist/product-card.js

@@ -1,330 +1,29 @@
-import { jsx as o, jsxs as u } from "react/jsx-runtime";
-import * as b from "react";
-import { createContext as v, useMemo as g, use as x } from "react";
-import { c } from "./utils-BOGlfttm.js";
-import { C as k, a as C } from "./checkbox-indicator-Cfw9uH_b.js";
-import { S as i } from "./index-DD8W7cMj.js";
-import { B as P, P as N } from "./price-BwaeTmkR.js";
-import { S } from "./skeleton-root-DHW28LoV.js";
-import { S as w } from "./skeleton-box-BSzQ5f9Y.js";
-import { S as l } from "./skeleton-text-Dd4GbnEz.js";
-import y from "./check-ChGAB_3v.js";
-import { P as R } from "./index-BzgbBl8b.js";
-const m = v(void 0);
-function z({
-  className: r,
-  children: a,
-  as: t,
-  colorScheme: e = "light",
-  aspectRatio: d = "5:6",
-  ...n
-}) {
-  const p = t ?? "article", h = g(
-    () => ({
-      colorScheme: e,
-      aspectRatio: d
-    }),
-    [e, d]
-  );
-  return /* @__PURE__ */ o(m.Provider, { value: h, children: /* @__PURE__ */ o(
-    p,
-    {
-      className: c(
-        "group w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container",
-        r
-      ),
-      "data-slot": "product-card-root",
-      ...n,
-      children: a
-    }
-  ) });
-}
-function s() {
-  const r = x(m);
-  if (r === void 0)
-    throw new Error("useProductCard must be used within an ProductCardRoot");
-  return r;
-}
-function G({ className: r, children: a, ...t }) {
-  return /* @__PURE__ */ o("div", { className: c("relative", r), "data-slot": "product-card-content", ...t, children: a });
-}
-function J({ className: r, children: a, ...t }) {
-  return /* @__PURE__ */ o("div", { className: c("relative", r), "data-slot": "product-card-preview", ...t, children: a });
-}
-function K({ className: r, children: a, ...t }) {
-  const { aspectRatio: e, colorScheme: d } = s();
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: c(
-        "relative overflow-hidden rounded-[var(--product-card-border-radius,1rem)]",
-        {
-          "5:6": "aspect-[5/6]",
-          "3:4": "aspect-[3/4]",
-          "1:1": "aspect-square"
-        }[e],
-        {
-          light: "bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]",
-          dark: "bg-[var(--product-card-dark-background,hsl(var(--contrast-500)))]"
-        }[d],
-        r
-      ),
-      "data-slot": "product-card-thumbnail",
-      ...t,
-      children: a
-    }
-  );
-}
-function O({
-  className: r,
-  children: a,
-  asChild: t = !1,
-  ...e
-}) {
-  const { colorScheme: d } = s();
-  return /* @__PURE__ */ o(
-    t ? i : "img",
-    {
-      className: c(
-        "h-full w-full scale-100 select-none object-cover transition-transform duration-500 ease-out group-hover:scale-110",
-        {
-          light: "bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]",
-          dark: "bg-[var(--product-card-dark-background,hsl(var(--contrast-500)))]"
-        }[d],
-        r
-      ),
-      "data-slot": "product-card-image",
-      ...e
-    }
-  );
-}
-function Q({ className: r, children: a, ...t }) {
-  return /* @__PURE__ */ o(
-    P,
-    {
-      className: c("absolute left-3 top-3", r),
-      "data-slot": "product-card-badge",
-      shape: "rounded",
-      ...t,
-      children: a
-    }
-  );
-}
-function U({ className: r, children: a, ...t }) {
-  const { colorScheme: e } = s();
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: c(
-        "break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out group-hover:scale-105",
-        {
-          light: "[color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]",
-          dark: "[color:color-mix(in_oklab,hsl(var(--background))_30%,transparent)]"
-        }[e],
-        r
-      ),
-      "data-slot": "product-card-fallback",
-      ...t,
-      children: a
-    }
-  );
-}
-function W({ asChild: r = !1, className: a, ...t }) {
-  const { colorScheme: e } = s();
-  return /* @__PURE__ */ o(
-    r ? i : "a",
-    {
-      className: c(
-        "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",
-        {
-          light: "ring-offset-[var(--product-card-light-offset,hsl(var(--background)))]",
-          dark: "ring-offset-[var(--product-card-dark-offset,hsl(var(--foreground)))]"
-        }[e],
-        a
-      ),
-      "data-slot": "product-card-link",
-      ...t
-    }
-  );
-}
-function X({ children: r, className: a, ...t }) {
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: c(
-        "mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row",
-        a
-      ),
-      "data-slot": "product-card-details",
-      ...t,
-      children: r
-    }
-  );
-}
-function Y({ children: r, className: a, ...t }) {
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: c("relative flex-1 text-sm @[16rem]:text-base", a),
-      "data-slot": "product-card-header",
-      ...t,
-      children: r
-    }
-  );
-}
-function Z({ className: r, children: a, ...t }) {
-  const { colorScheme: e } = s();
-  return /* @__PURE__ */ o(
-    "h3",
-    {
-      className: c(
-        "block font-semibold",
-        {
-          light: "text-[var(--product-card-light-title,hsl(var(--foreground)))]",
-          dark: "text-[var(--product-card-dark-title,hsl(var(--background)))]"
-        }[e]
-      ),
-      "data-slot": "product-card-title",
-      ...t,
-      children: a
-    }
-  );
-}
-function rr({ children: r, className: a, ...t }) {
-  const { colorScheme: e } = s();
-  return /* @__PURE__ */ o(
-    "span",
-    {
-      className: c(
-        "block text-sm font-normal",
-        {
-          light: "text-[var(--product-card-light-subtitle,color-mix(in_oklab,hsl(var(--foreground))_75%,transparent))]",
-          dark: "text-[var(--product-card-dark-subtitle,color-mix(in_oklab,hsl(var(--background))_75%,transparent))]"
-        }[e],
-        a
-      ),
-      "data-slot": "product-card-subtitle",
-      ...t,
-      children: r
-    }
-  );
-}
-function tr({ className: r, price: a, ...t }) {
-  const { colorScheme: e } = s();
-  return /* @__PURE__ */ o(
-    N,
-    {
-      className: c("mt-2", r),
-      colorScheme: e,
-      "data-slot": "product-card-price",
-      price: a,
-      ...t
-    }
-  );
-}
-function ar({ className: r, ...a }) {
-  const { aspectRatio: t } = s();
-  return /* @__PURE__ */ u(S, { className: c(r), "data-slot": "product-card-skeleton", ...a, children: [
-    /* @__PURE__ */ o(
-      w,
-      {
-        className: c(
-          "rounded-[var(--product-card-border-radius,1rem)]",
-          {
-            "5:6": "aspect-[5/6]",
-            "3:4": "aspect-[3/4]",
-            "1:1": "aspect-square"
-          }[t]
-        )
-      }
-    ),
-    /* @__PURE__ */ o("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__ */ u("div", { className: "flex-1 text-sm @[16rem]:text-base", children: [
-      /* @__PURE__ */ o(l, { characterCount: 10, className: "rounded" }),
-      /* @__PURE__ */ o(l, { characterCount: 8, className: "rounded" }),
-      /* @__PURE__ */ o(l, { characterCount: 6, className: "rounded" })
-    ] }) })
-  ] });
-}
-function or({ className: r, children: a, ...t }) {
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: c(
-        "font-(family-name:--checkbox-font-family,var(--font-family-body)) flex shrink-0 items-center gap-2",
-        r
-      ),
-      "data-slot": "product-card-compare",
-      ...t,
-      children: a
-    }
-  );
-}
-function _({ className: r, colorScheme: a = "light", ...t }) {
-  return /* @__PURE__ */ o(k, { className: r, colorScheme: a, ...t, children: /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(y, { className: "h-4 w-4", color: "currentColor" }) }) });
-}
-function er({ className: r, ...a }) {
-  return /* @__PURE__ */ o(_, { className: c(r), "data-slot": "product-card-checkbox", ...a });
-}
-var L = "Label", f = b.forwardRef((r, a) => /* @__PURE__ */ o(
-  R.label,
-  {
-    ...r,
-    ref: a,
-    onMouseDown: (t) => {
-      t.target.closest("button, input, select, textarea") || (r.onMouseDown?.(t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
-    }
-  }
-));
-f.displayName = L;
-var B = f;
-function D({ className: r, children: a, colorScheme: t = "light", ...e }) {
-  return /* @__PURE__ */ o(
-    B,
-    {
-      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)))]"
-        }[t]
-      ),
-      "data-slot": "label",
-      ...e,
-      children: a
-    }
-  );
-}
-function cr({ className: r, children: a, ...t }) {
-  const { colorScheme: e } = s();
-  return /* @__PURE__ */ o(
-    D,
-    {
-      className: c(r),
-      colorScheme: e,
-      "data-slot": "product-card-label",
-      ...t,
-      children: a
-    }
-  );
+import { P as m, u as d } from "./product-card-root-4Xz4-pdL.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";
+function i({ className: a, children: e, ...t }) {
+  return /* @__PURE__ */ s("div", { className: o("relative", a), "data-slot": "product-card-content", ...t, children: e });
 }
 export {
-  Q as Badge,
-  er as Checkbox,
-  or as Compare,
-  G as Content,
-  X as Details,
-  U as Fallback,
-  Y as Header,
-  O as Image,
-  cr as Label,
-  W as Link,
-  J as Preview,
-  tr as Price,
-  z as Root,
-  ar as Skeleton,
-  rr as Subtitle,
-  K as Thumbnail,
-  Z as Title,
-  s as useProductCard
+  p as Badge,
+  f as Checkbox,
+  P as Compare,
+  i as Content,
+  b as Details,
+  x as Fallback,
+  C as Header,
+  k as Image,
+  g as Label,
+  h as Link,
+  v as Preview,
+  j as Price,
+  m as Root,
+  B as Skeleton,
+  L as Subtitle,
+  S as Thumbnail,
+  T as Title,
+  d as useProductCard
 };
 //# sourceMappingURL=product-card.js.map

package/dist/product-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"product-card.js","sources":["../src/components/product-card/primitives/product-card-root.tsx","../src/components/product-card/primitives/product-card-content.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/product-card/primitives/product-card-price.tsx","../src/components/product-card/primitives/product-card-skeleton.tsx","../src/components/product-card/primitives/product-card-compare.tsx","../src/components/checkbox/checkbox.tsx","../src/components/product-card/primitives/product-card-checkbox.tsx","../node_modules/.pnpm/@radix-ui+react-label@2.1.7_@types+react-dom@19.2.2_@types+react@19.2.2__@types+react@19.2.2__h3esd6u5mwikxnlir43mok2s5m/node_modules/@radix-ui/react-label/dist/index.mjs","../src/components/label/label.tsx","../src/components/product-card/primitives/product-card-label.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","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardContentProps = ComponentProps<'div'>;\n\nexport function ProductCardContent({ className, children, ...props }: ProductCardContentProps) {\n  return (\n    <div className={cn('relative', className)} data-slot=\"product-card-content\" {...props}>\n      {children}\n    </div>\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 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 { 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","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 { 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\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-dark-label: var(--background);\n *    --checkbox-dark-error: var(--error);\n *    --checkbox-dark-unchecked-border: var(--contrast-400);\n *    --checkbox-dark-unchecked-border-hover: var(--contrast-300);\n *    --checkbox-dark-unchecked-background: var(--foreground);\n *    --checkbox-dark-unchecked-icon: var(--background);\n *    --checkbox-dark-checked-border: var(--background);\n *    --checkbox-dark-checked-border-hover: var(--background);\n *    --checkbox-dark-checked-background: var(--foreground);\n *    --checkbox-dark-checked-icon: var(--foreground);\n *    --checkbox-dark-disabled-border: var(--contrast-200);\n *    --checkbox-dark-disabled-background: var(--contrast-100);\n *    --checkbox-dark-disabled-icon: var(--contrast-300);\n *    --checkbox-font-family: var(--font-family-body);\n *  }\n * ```\n */\nexport function Checkbox({ className, colorScheme = 'light', ...props }: CheckboxProps) {\n  return (\n    <CheckboxPrimitive.Root className={className} colorScheme={colorScheme} {...props}>\n      <CheckboxPrimitive.Indicator>\n        <Check className=\"h-4 w-4\" color=\"currentColor\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\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\n// src/label.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Label\";\nvar Label = React.forwardRef((props, forwardedRef) => {\n  return /* @__PURE__ */ jsx(\n    Primitive.label,\n    {\n      ...props,\n      ref: forwardedRef,\n      onMouseDown: (event) => {\n        const target = event.target;\n        if (target.closest(\"button, input, select, textarea\")) return;\n        props.onMouseDown?.(event);\n        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n      }\n    }\n  );\n});\nLabel.displayName = NAME;\nvar Root = Label;\nexport {\n  Label,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n","import * as LabelPrimitive from '@radix-ui/react-label';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type LabelProps = ComponentProps<typeof LabelPrimitive.Root> & {\n  colorScheme?: 'light' | 'dark';\n};\n\nexport function Label({ className, children, colorScheme = 'light', ...props }: LabelProps) {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        'cursor-pointer text-sm peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        {\n          light: 'text-[var(--checkbox-light-label,hsl(var(--foreground)))]',\n          dark: 'text-[var(--checkbox-dark-label,hsl(var(--background)))]',\n        }[colorScheme],\n      )}\n      data-slot=\"label\"\n      {...props}\n    >\n      {children}\n    </LabelPrimitive.Root>\n  );\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(className)}\n      colorScheme={colorScheme}\n      data-slot=\"product-card-label\"\n      {...props}\n    >\n      {children}\n    </Label>\n  );\n}\n"],"names":["ProductCardContext","createContext","ProductCardRoot","className","children","as","colorScheme","aspectRatio","props","ProductCardRootElement","contextValues","useMemo","jsx","cn","useProductCard","context","use","ProductCardContent","ProductCardPreview","ProductCardThumbnail","ProductCardImage","asChild","Slot","ProductCardBadge","Badge","ProductCardFallback","ProductCardLink","ProductCardDetails","ProductCardHeader","ProductCardTitle","ProductCardSubtitle","ProductCardPrice","price","Price","ProductCardSkeleton","jsxs","SkeletonPrimitive.Root","SkeletonPrimitive.Box","SkeletonPrimitive.Text","ProductCardCompare","Checkbox","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator","Check","ProductCardCheckbox","NAME","Label","React","forwardedRef","Primitive","event","Root","LabelPrimitive.Root","ProductCardLabel"],"mappings":"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","x_google_ignoreList":[17]}
+{"version":3,"file":"product-card.js","sources":["../src/components/product-card/primitives/product-card-content.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardContentProps = ComponentProps<'div'>;\n\nexport function ProductCardContent({ className, children, ...props }: ProductCardContentProps) {\n  return (\n    <div className={cn('relative', className)} data-slot=\"product-card-content\" {...props}>\n      {children}\n    </div>\n  );\n}\n"],"names":["ProductCardContent","className","children","props","jsx","cn"],"mappings":";;;;;AAMO,SAASA,EAAmB,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAkC;AAC7F,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAG,YAAYJ,CAAS,GAAG,aAAU,wBAAwB,GAAGE,GAC7E,UAAAD,EAAA,CACH;AAEJ;"}

package/dist/{scroll-area-corner-DLTYMMl-.js → scroll-area-corner-Bq7PB1XK.js}

@@ -524,7 +524,7 @@ function Ve({ className: e, children: o, ...r }) {
   return /* @__PURE__ */ h(
     xe,
     {
-      className: A("relative", e),
+      className: A("relative overflow-hidden", e),
       "data-slot": "scroll-area-root",
       ...r,
       children: o
@@ -629,4 +629,4 @@ export {
   $e as e,
   _e as u
 };
-//# sourceMappingURL=scroll-area-corner-DLTYMMl-.js.map
+//# sourceMappingURL=scroll-area-corner-Bq7PB1XK.js.map