commerce-toolkit 0.1.1 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/category-card-link-BqMAG9Op.js +211 -0
- package/dist/category-card-link-BqMAG9Op.js.map +1 -0
- package/dist/category-card-link-BwSFHFcd.cjs +2 -0
- package/dist/category-card-link-BwSFHFcd.cjs.map +1 -0
- package/dist/category-card.cjs +1 -1
- package/dist/category-card.cjs.map +1 -1
- package/dist/category-card.js +23 -218
- package/dist/category-card.js.map +1 -1
- package/dist/checkbox-indicator-GNoyS6OL.cjs +2 -0
- package/dist/checkbox-indicator-GNoyS6OL.cjs.map +1 -0
- package/dist/checkbox-indicator-os50dewx.js +18 -0
- package/dist/checkbox-indicator-os50dewx.js.map +1 -0
- package/dist/{checkbox-indicator-Cfw9uH_b.js → checkbox-root-B9W2Y8rY.js} +74 -85
- package/dist/checkbox-root-B9W2Y8rY.js.map +1 -0
- package/dist/checkbox-root-g9HcYZCP.cjs +2 -0
- package/dist/checkbox-root-g9HcYZCP.cjs.map +1 -0
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +5 -4
- package/dist/checkbox.js.map +1 -1
- package/dist/compare-card-specs-empty-BMLUSqQL.js +281 -0
- package/dist/compare-card-specs-empty-BMLUSqQL.js.map +1 -0
- package/dist/compare-card-specs-empty-ar5CneZv.cjs +2 -0
- package/dist/compare-card-specs-empty-ar5CneZv.cjs.map +1 -0
- package/dist/compare-card.cjs +2 -0
- package/dist/compare-card.cjs.map +1 -0
- package/dist/compare-card.js +65 -0
- package/dist/compare-card.js.map +1 -0
- package/dist/components/accordion/index.d.ts.map +1 -1
- package/dist/components/alert/index.d.ts.map +1 -1
- package/dist/components/banner/index.d.ts.map +1 -1
- package/dist/components/blog-post-card/index.d.ts.map +1 -1
- package/dist/components/card/index.d.ts.map +1 -1
- package/dist/components/carousel/index.d.ts.map +1 -1
- package/dist/components/checkbox/index.d.ts.map +1 -1
- package/dist/components/chip/index.d.ts.map +1 -1
- package/dist/components/compare-card/compare-card.d.ts +45 -0
- package/dist/components/compare-card/compare-card.d.ts.map +1 -0
- package/dist/components/compare-card/index.d.ts +3 -0
- package/dist/components/compare-card/index.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-description-content.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-description-content.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-description-empty.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-description-empty.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-description-label.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-description-label.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-description.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-description.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-form-input.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-form-input.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-form.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-form.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-link.d.ts +5 -0
- package/dist/components/compare-card/primitives/compare-card-link.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-product.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-product.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-rating-empty.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-rating-empty.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-rating-label.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-rating-label.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-rating.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-rating.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-root.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-root.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-skeleton.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-skeleton.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs-definition.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs-definition.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs-empty.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs-empty.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs-label.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs-label.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs-list.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs-list.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs-term.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs-term.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs.d.ts.map +1 -0
- package/dist/components/compare-card/primitives.d.ts +20 -0
- package/dist/components/compare-card/primitives.d.ts.map +1 -0
- package/dist/components/compare-drawer/index.d.ts.map +1 -1
- package/dist/components/counter/counter.d.ts +25 -0
- package/dist/components/counter/counter.d.ts.map +1 -0
- package/dist/components/counter/index.d.ts +3 -0
- package/dist/components/counter/index.d.ts.map +1 -0
- package/dist/components/counter/primitives/counter-decrease.d.ts +4 -0
- package/dist/components/counter/primitives/counter-decrease.d.ts.map +1 -0
- package/dist/components/counter/primitives/counter-increase.d.ts +4 -0
- package/dist/components/counter/primitives/counter-increase.d.ts.map +1 -0
- package/dist/components/counter/primitives/counter-input.d.ts +4 -0
- package/dist/components/counter/primitives/counter-input.d.ts.map +1 -0
- package/dist/components/counter/primitives/counter-root.d.ts +16 -0
- package/dist/components/counter/primitives/counter-root.d.ts.map +1 -0
- package/dist/components/counter/primitives.d.ts +5 -0
- package/dist/components/counter/primitives.d.ts.map +1 -0
- package/dist/components/cursor-pagination/index.d.ts +1 -1
- package/dist/components/cursor-pagination/index.d.ts.map +1 -1
- package/dist/components/dropdown-menu/index.d.ts.map +1 -1
- package/dist/components/favorite/index.d.ts.map +1 -1
- package/dist/components/icon/index.d.ts.map +1 -1
- package/dist/components/label/index.d.ts.map +1 -1
- package/dist/components/logo/index.d.ts.map +1 -1
- package/dist/components/modal/index.d.ts.map +1 -1
- package/dist/components/offset-pagination/index.d.ts +1 -1
- package/dist/components/offset-pagination/index.d.ts.map +1 -1
- package/dist/components/price/index.d.ts.map +1 -1
- package/dist/components/product-card/index.d.ts.map +1 -1
- package/dist/components/rating/index.d.ts.map +1 -1
- package/dist/components/reveal/index.d.ts.map +1 -1
- package/dist/components/scroll-area/index.d.ts.map +1 -1
- package/dist/components/skeleton/index.d.ts.map +1 -1
- package/dist/components/tabs/index.d.ts.map +1 -1
- package/dist/counter-input-BJov0Fub.cjs +2 -0
- package/dist/counter-input-BJov0Fub.cjs.map +1 -0
- package/dist/counter-input-hbz8NVA1.js +106 -0
- package/dist/counter-input-hbz8NVA1.js.map +1 -0
- package/dist/counter.cjs +2 -0
- package/dist/counter.cjs.map +1 -0
- package/dist/counter.js +9 -0
- package/dist/counter.js.map +1 -0
- package/dist/index.cjs +20 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +27 -19
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1386 -1189
- package/dist/index.js.map +1 -1
- package/dist/lib/index.d.ts.map +1 -1
- package/dist/offset-pagination-ellipsis-DWDhFCgW.js +79 -0
- package/dist/offset-pagination-ellipsis-DWDhFCgW.js.map +1 -0
- package/dist/offset-pagination-ellipsis-MCFHXB-5.cjs +2 -0
- package/dist/offset-pagination-ellipsis-MCFHXB-5.cjs.map +1 -0
- package/dist/offset-pagination.cjs +1 -1
- package/dist/offset-pagination.cjs.map +1 -1
- package/dist/offset-pagination.js +6 -76
- package/dist/offset-pagination.js.map +1 -1
- package/dist/product-card-label-CJmC9ICf.js +312 -0
- package/dist/product-card-label-CJmC9ICf.js.map +1 -0
- package/dist/product-card-label-D43AXtRL.cjs +2 -0
- package/dist/product-card-label-D43AXtRL.cjs.map +1 -0
- package/dist/product-card-root-4Xz4-pdL.js +43 -0
- package/dist/product-card-root-4Xz4-pdL.js.map +1 -0
- package/dist/product-card-root-BMTVhhFp.cjs +2 -0
- package/dist/product-card-root-BMTVhhFp.cjs.map +1 -0
- package/dist/product-card-skeleton-CCQkDMNl.cjs +2 -0
- package/dist/product-card-skeleton-CCQkDMNl.cjs.map +1 -0
- package/dist/product-card-skeleton-Dkqf-bfA.js +34 -0
- package/dist/product-card-skeleton-Dkqf-bfA.js.map +1 -0
- package/dist/product-card.cjs +1 -1
- package/dist/product-card.cjs.map +1 -1
- package/dist/product-card.js +25 -326
- package/dist/product-card.js.map +1 -1
- package/dist/side-panel-close-Bjcn4BEE.cjs +2 -0
- package/dist/side-panel-close-Bjcn4BEE.cjs.map +1 -0
- package/dist/side-panel-close-DVJwOxdM.js +86 -0
- package/dist/side-panel-close-DVJwOxdM.js.map +1 -0
- package/dist/side-panel.cjs +1 -1
- package/dist/side-panel.cjs.map +1 -1
- package/dist/side-panel.js +9 -82
- package/dist/side-panel.js.map +1 -1
- package/package.json +21 -1
- package/dist/arrow-up-right-Cfau6CiE.cjs +0 -7
- package/dist/arrow-up-right-Cfau6CiE.cjs.map +0 -1
- package/dist/arrow-up-right-D7smpXBs.js +0 -16
- package/dist/arrow-up-right-D7smpXBs.js.map +0 -1
- package/dist/checkbox-indicator-BgXRGvAh.cjs +0 -2
- package/dist/checkbox-indicator-BgXRGvAh.cjs.map +0 -1
- package/dist/checkbox-indicator-Cfw9uH_b.js.map +0 -1
- package/dist/minus-BJih_7bh.cjs +0 -7
- package/dist/minus-BJih_7bh.cjs.map +0 -1
- package/dist/minus-B_YS3-aV.js +0 -13
- package/dist/minus-B_YS3-aV.js.map +0 -1
- package/dist/plus-DNl2AbQ2.js +0 -16
- package/dist/plus-DNl2AbQ2.js.map +0 -1
- package/dist/plus-De3UvuAJ.cjs +0 -7
- package/dist/plus-De3UvuAJ.cjs.map +0 -1
- package/dist/price-BwaeTmkR.js +0 -53
- package/dist/price-BwaeTmkR.js.map +0 -1
- package/dist/price-CdK2ye4P.cjs +0 -2
- package/dist/price-CdK2ye4P.cjs.map +0 -1
- package/dist/primitives--2McVg9Z.js +0 -15
- package/dist/primitives--2McVg9Z.js.map +0 -1
- package/dist/primitives-DmqzDKi2.cjs +0 -2
- package/dist/primitives-DmqzDKi2.cjs.map +0 -1
package/dist/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { c as o } from "./utils-BOGlfttm.js";
|
|
3
|
+
import { S as i } from "./index-DD8W7cMj.js";
|
|
4
|
+
function c({ className: a, children: t, ...n }) {
|
|
5
|
+
return /* @__PURE__ */ r(
|
|
6
|
+
"nav",
|
|
7
|
+
{
|
|
8
|
+
className: o(
|
|
9
|
+
"py-10 text-xs font-[var(--offset-pagination-font-family,var(--font-family-body))]",
|
|
10
|
+
a
|
|
11
|
+
),
|
|
12
|
+
"data-slot": "offset-pagination-root",
|
|
13
|
+
...n,
|
|
14
|
+
children: t
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
}
|
|
18
|
+
function u({ className: a, children: t, ...n }) {
|
|
19
|
+
return /* @__PURE__ */ r(
|
|
20
|
+
"ul",
|
|
21
|
+
{
|
|
22
|
+
className: o("flex items-center justify-center gap-2", a),
|
|
23
|
+
"data-slot": "offset-pagination-list",
|
|
24
|
+
...n,
|
|
25
|
+
children: t
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
function p({ className: a, children: t, ...n }) {
|
|
30
|
+
return /* @__PURE__ */ r("li", { className: o(a), "data-slot": "offset-pagination-item", ...n, children: t });
|
|
31
|
+
}
|
|
32
|
+
function v({
|
|
33
|
+
className: a,
|
|
34
|
+
children: t,
|
|
35
|
+
asChild: n = !1,
|
|
36
|
+
...e
|
|
37
|
+
}) {
|
|
38
|
+
return /* @__PURE__ */ r(
|
|
39
|
+
n ? i : "a",
|
|
40
|
+
{
|
|
41
|
+
className: o(
|
|
42
|
+
"flex h-12 w-12 items-center justify-center rounded-full border transition-colors duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--offset-pagination-focus,hsl(var(--primary)))]",
|
|
43
|
+
"border-[var(--offset-pagination-border,hsl(var(--contrast-100)))] text-[var(--offset-pagination-text,hsl(var(--foreground)))] hover:bg-[var(--offset-pagination-background-hover,hsl(var(--contrast-100)))]",
|
|
44
|
+
"aria-[current=page]:border-[var(--offset-pagination-current-page-border,hsl(var(--foreground)))] aria-[current=page]:bg-[var(--offset-pagination-current-page-background,hsl(var(--foreground)))] aria-[current=page]:text-[var(--offset-pagination-current-page-text,hsl(var(--background)))] aria-[current=page]:hover:bg-[var(--offset-pagination-current-page-background-hover,hsl(var(--contrast-500)))]",
|
|
45
|
+
a
|
|
46
|
+
),
|
|
47
|
+
"data-slot": "offset-pagination-link",
|
|
48
|
+
...e,
|
|
49
|
+
children: t
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
function d({
|
|
54
|
+
className: a,
|
|
55
|
+
children: t = "...",
|
|
56
|
+
...n
|
|
57
|
+
}) {
|
|
58
|
+
return /* @__PURE__ */ r(
|
|
59
|
+
"span",
|
|
60
|
+
{
|
|
61
|
+
"aria-hidden": !0,
|
|
62
|
+
className: o(
|
|
63
|
+
"flex h-12 w-12 items-center justify-center text-[var(--offset-pagination-ellipsis,hsl(var(--foreground)))]",
|
|
64
|
+
a
|
|
65
|
+
),
|
|
66
|
+
"data-slot": "offset-pagination-ellipsis",
|
|
67
|
+
...n,
|
|
68
|
+
children: t
|
|
69
|
+
}
|
|
70
|
+
);
|
|
71
|
+
}
|
|
72
|
+
export {
|
|
73
|
+
c as O,
|
|
74
|
+
u as a,
|
|
75
|
+
p as b,
|
|
76
|
+
v as c,
|
|
77
|
+
d
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=offset-pagination-ellipsis-DWDhFCgW.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"offset-pagination-ellipsis-DWDhFCgW.js","sources":["../src/components/offset-pagination/primitives/offset-pagination-root.tsx","../src/components/offset-pagination/primitives/offset-pagination-list.tsx","../src/components/offset-pagination/primitives/offset-pagination-item.tsx","../src/components/offset-pagination/primitives/offset-pagination-link.tsx","../src/components/offset-pagination/primitives/offset-pagination-ellipsis.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type OffsetPaginationRootProps = ComponentProps<'nav'>;\n\nexport function OffsetPaginationRoot({ className, children, ...props }: OffsetPaginationRootProps) {\n return (\n <nav\n className={cn(\n 'py-10 text-xs font-[var(--offset-pagination-font-family,var(--font-family-body))]',\n className,\n )}\n data-slot=\"offset-pagination-root\"\n {...props}\n >\n {children}\n </nav>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type OffsetPaginationListProps = ComponentProps<'ul'>;\n\nexport function OffsetPaginationList({ className, children, ...props }: OffsetPaginationListProps) {\n return (\n <ul\n className={cn('flex items-center justify-center gap-2', className)}\n data-slot=\"offset-pagination-list\"\n {...props}\n >\n {children}\n </ul>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type OffsetPaginationItemProps = ComponentProps<'li'>;\n\nexport function OffsetPaginationItem({ className, children, ...props }: OffsetPaginationItemProps) {\n return (\n <li className={cn(className)} data-slot=\"offset-pagination-item\" {...props}>\n {children}\n </li>\n );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface OffsetPaginationLinkProps extends ComponentProps<'a'> {\n asChild?: boolean;\n}\n\nexport function OffsetPaginationLink({\n className,\n children,\n asChild = false,\n ...props\n}: OffsetPaginationLinkProps) {\n const Component = asChild ? Slot : 'a';\n\n return (\n <Component\n className={cn(\n 'flex h-12 w-12 items-center justify-center rounded-full border transition-colors duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--offset-pagination-focus,hsl(var(--primary)))]',\n 'border-[var(--offset-pagination-border,hsl(var(--contrast-100)))] text-[var(--offset-pagination-text,hsl(var(--foreground)))] hover:bg-[var(--offset-pagination-background-hover,hsl(var(--contrast-100)))]',\n 'aria-[current=page]:border-[var(--offset-pagination-current-page-border,hsl(var(--foreground)))] aria-[current=page]:bg-[var(--offset-pagination-current-page-background,hsl(var(--foreground)))] aria-[current=page]:text-[var(--offset-pagination-current-page-text,hsl(var(--background)))] aria-[current=page]:hover:bg-[var(--offset-pagination-current-page-background-hover,hsl(var(--contrast-500)))]',\n className,\n )}\n data-slot=\"offset-pagination-link\"\n {...props}\n >\n {children}\n </Component>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type OffsetPaginationEllipsisProps = ComponentProps<'span'>;\n\nexport function OffsetPaginationEllipsis({\n className,\n children = '...',\n ...props\n}: OffsetPaginationEllipsisProps) {\n return (\n <span\n aria-hidden\n className={cn(\n 'flex h-12 w-12 items-center justify-center text-[var(--offset-pagination-ellipsis,hsl(var(--foreground)))]',\n className,\n )}\n data-slot=\"offset-pagination-ellipsis\"\n {...props}\n >\n {children}\n </span>\n );\n}\n"],"names":["OffsetPaginationRoot","className","children","props","jsx","cn","OffsetPaginationList","OffsetPaginationItem","OffsetPaginationLink","asChild","Slot","OffsetPaginationEllipsis"],"mappings":";;;AAMO,SAASA,EAAqB,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAoC;AACjG,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;ACbO,SAASI,EAAqB,EAAE,WAAAL,GAAW,UAAAC,GAAU,GAAGC,KAAoC;AACjG,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,0CAA0CJ,CAAS;AAAA,MACjE,aAAU;AAAA,MACT,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;ACVO,SAASK,EAAqB,EAAE,WAAAN,GAAW,UAAAC,GAAU,GAAGC,KAAoC;AACjG,SACE,gBAAAC,EAAC,MAAA,EAAG,WAAWC,EAAGJ,CAAS,GAAG,aAAU,0BAA0B,GAAGE,GAClE,UAAAD,EAAA,CACH;AAEJ;ACHO,SAASM,EAAqB;AAAA,EACnC,WAAAP;AAAA,EACA,UAAAC;AAAA,EACA,SAAAO,IAAU;AAAA,EACV,GAAGN;AACL,GAA8B;AAG5B,SACE,gBAAAC;AAAA,IAHgBK,IAAUC,IAAO;AAAA,IAGhC;AAAA,MACC,WAAWL;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;ACzBO,SAASS,EAAyB;AAAA,EACvC,WAAAV;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,GAAkC;AAChC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),i=require("./utils-LBH114_M.cjs"),s=require("./index-DGaxX11V.cjs");function f({className:t,children:a,...n}){return e.jsx("nav",{className:i.cn("py-10 text-xs font-[var(--offset-pagination-font-family,var(--font-family-body))]",t),"data-slot":"offset-pagination-root",...n,children:a})}function g({className:t,children:a,...n}){return e.jsx("ul",{className:i.cn("flex items-center justify-center gap-2",t),"data-slot":"offset-pagination-list",...n,children:a})}function c({className:t,children:a,...n}){return e.jsx("li",{className:i.cn(t),"data-slot":"offset-pagination-item",...n,children:a})}function l({className:t,children:a,asChild:n=!1,...r}){const o=n?s.Slot:"a";return e.jsx(o,{className:i.cn("flex h-12 w-12 items-center justify-center rounded-full border transition-colors duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--offset-pagination-focus,hsl(var(--primary)))]","border-[var(--offset-pagination-border,hsl(var(--contrast-100)))] text-[var(--offset-pagination-text,hsl(var(--foreground)))] hover:bg-[var(--offset-pagination-background-hover,hsl(var(--contrast-100)))]","aria-[current=page]:border-[var(--offset-pagination-current-page-border,hsl(var(--foreground)))] aria-[current=page]:bg-[var(--offset-pagination-current-page-background,hsl(var(--foreground)))] aria-[current=page]:text-[var(--offset-pagination-current-page-text,hsl(var(--background)))] aria-[current=page]:hover:bg-[var(--offset-pagination-current-page-background-hover,hsl(var(--contrast-500)))]",t),"data-slot":"offset-pagination-link",...r,children:a})}function u({className:t,children:a="...",...n}){return e.jsx("span",{"aria-hidden":!0,className:i.cn("flex h-12 w-12 items-center justify-center text-[var(--offset-pagination-ellipsis,hsl(var(--foreground)))]",t),"data-slot":"offset-pagination-ellipsis",...n,children:a})}exports.OffsetPaginationEllipsis=u;exports.OffsetPaginationItem=c;exports.OffsetPaginationLink=l;exports.OffsetPaginationList=g;exports.OffsetPaginationRoot=f;
|
|
2
|
+
//# sourceMappingURL=offset-pagination-ellipsis-MCFHXB-5.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"offset-pagination-ellipsis-MCFHXB-5.cjs","sources":["../src/components/offset-pagination/primitives/offset-pagination-root.tsx","../src/components/offset-pagination/primitives/offset-pagination-list.tsx","../src/components/offset-pagination/primitives/offset-pagination-item.tsx","../src/components/offset-pagination/primitives/offset-pagination-link.tsx","../src/components/offset-pagination/primitives/offset-pagination-ellipsis.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type OffsetPaginationRootProps = ComponentProps<'nav'>;\n\nexport function OffsetPaginationRoot({ className, children, ...props }: OffsetPaginationRootProps) {\n return (\n <nav\n className={cn(\n 'py-10 text-xs font-[var(--offset-pagination-font-family,var(--font-family-body))]',\n className,\n )}\n data-slot=\"offset-pagination-root\"\n {...props}\n >\n {children}\n </nav>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type OffsetPaginationListProps = ComponentProps<'ul'>;\n\nexport function OffsetPaginationList({ className, children, ...props }: OffsetPaginationListProps) {\n return (\n <ul\n className={cn('flex items-center justify-center gap-2', className)}\n data-slot=\"offset-pagination-list\"\n {...props}\n >\n {children}\n </ul>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type OffsetPaginationItemProps = ComponentProps<'li'>;\n\nexport function OffsetPaginationItem({ className, children, ...props }: OffsetPaginationItemProps) {\n return (\n <li className={cn(className)} data-slot=\"offset-pagination-item\" {...props}>\n {children}\n </li>\n );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface OffsetPaginationLinkProps extends ComponentProps<'a'> {\n asChild?: boolean;\n}\n\nexport function OffsetPaginationLink({\n className,\n children,\n asChild = false,\n ...props\n}: OffsetPaginationLinkProps) {\n const Component = asChild ? Slot : 'a';\n\n return (\n <Component\n className={cn(\n 'flex h-12 w-12 items-center justify-center rounded-full border transition-colors duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--offset-pagination-focus,hsl(var(--primary)))]',\n 'border-[var(--offset-pagination-border,hsl(var(--contrast-100)))] text-[var(--offset-pagination-text,hsl(var(--foreground)))] hover:bg-[var(--offset-pagination-background-hover,hsl(var(--contrast-100)))]',\n 'aria-[current=page]:border-[var(--offset-pagination-current-page-border,hsl(var(--foreground)))] aria-[current=page]:bg-[var(--offset-pagination-current-page-background,hsl(var(--foreground)))] aria-[current=page]:text-[var(--offset-pagination-current-page-text,hsl(var(--background)))] aria-[current=page]:hover:bg-[var(--offset-pagination-current-page-background-hover,hsl(var(--contrast-500)))]',\n className,\n )}\n data-slot=\"offset-pagination-link\"\n {...props}\n >\n {children}\n </Component>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type OffsetPaginationEllipsisProps = ComponentProps<'span'>;\n\nexport function OffsetPaginationEllipsis({\n className,\n children = '...',\n ...props\n}: OffsetPaginationEllipsisProps) {\n return (\n <span\n aria-hidden\n className={cn(\n 'flex h-12 w-12 items-center justify-center text-[var(--offset-pagination-ellipsis,hsl(var(--foreground)))]',\n className,\n )}\n data-slot=\"offset-pagination-ellipsis\"\n {...props}\n >\n {children}\n </span>\n );\n}\n"],"names":["OffsetPaginationRoot","className","children","props","jsx","cn","OffsetPaginationList","OffsetPaginationItem","OffsetPaginationLink","asChild","Component","Slot","OffsetPaginationEllipsis"],"mappings":"sHAMO,SAASA,EAAqB,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAoC,CACjG,OACEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,oFACAJ,CAAA,EAEF,YAAU,yBACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CCbO,SAASI,EAAqB,CAAE,UAAAL,EAAW,SAAAC,EAAU,GAAGC,GAAoC,CACjG,OACEC,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GAAG,yCAA0CJ,CAAS,EACjE,YAAU,yBACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CCVO,SAASK,EAAqB,CAAE,UAAAN,EAAW,SAAAC,EAAU,GAAGC,GAAoC,CACjG,OACEC,MAAC,KAAA,CAAG,UAAWC,EAAAA,GAAGJ,CAAS,EAAG,YAAU,yBAA0B,GAAGE,EAClE,SAAAD,CAAA,CACH,CAEJ,CCHO,SAASM,EAAqB,CACnC,UAAAP,EACA,SAAAC,EACA,QAAAO,EAAU,GACV,GAAGN,CACL,EAA8B,CAC5B,MAAMO,EAAYD,EAAUE,EAAAA,KAAO,IAEnC,OACEP,EAAAA,IAACM,EAAA,CACC,UAAWL,EAAAA,GACT,gNACA,8MACA,gZACAJ,CAAA,EAEF,YAAU,yBACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CCzBO,SAASU,EAAyB,CACvC,UAAAX,EACA,SAAAC,EAAW,MACX,GAAGC,CACL,EAAkC,CAChC,OACEC,EAAAA,IAAC,OAAA,CACC,cAAW,GACX,UAAWC,EAAAA,GACT,6GACAJ,CAAA,EAEF,YAAU,6BACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./offset-pagination-ellipsis-MCFHXB-5.cjs");exports.Ellipsis=i.OffsetPaginationEllipsis;exports.Item=i.OffsetPaginationItem;exports.Link=i.OffsetPaginationLink;exports.List=i.OffsetPaginationList;exports.Root=i.OffsetPaginationRoot;
|
|
2
2
|
//# sourceMappingURL=offset-pagination.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"offset-pagination.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"offset-pagination.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,79 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { c as r } from "./utils-BOGlfttm.js";
|
|
3
|
-
import { S as i } from "./index-DD8W7cMj.js";
|
|
4
|
-
function c({ className: t, children: a, ...n }) {
|
|
5
|
-
return /* @__PURE__ */ o(
|
|
6
|
-
"nav",
|
|
7
|
-
{
|
|
8
|
-
className: r(
|
|
9
|
-
"py-10 text-xs font-[var(--offset-pagination-font-family,var(--font-family-body))]",
|
|
10
|
-
t
|
|
11
|
-
),
|
|
12
|
-
"data-slot": "offset-pagination-root",
|
|
13
|
-
...n,
|
|
14
|
-
children: a
|
|
15
|
-
}
|
|
16
|
-
);
|
|
17
|
-
}
|
|
18
|
-
function u({ className: t, children: a, ...n }) {
|
|
19
|
-
return /* @__PURE__ */ o(
|
|
20
|
-
"ul",
|
|
21
|
-
{
|
|
22
|
-
className: r("flex items-center justify-center gap-2", t),
|
|
23
|
-
"data-slot": "offset-pagination-list",
|
|
24
|
-
...n,
|
|
25
|
-
children: a
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
}
|
|
29
|
-
function p({ className: t, children: a, ...n }) {
|
|
30
|
-
return /* @__PURE__ */ o("li", { className: r(t), "data-slot": "offset-pagination-item", ...n, children: a });
|
|
31
|
-
}
|
|
32
|
-
function v({
|
|
33
|
-
className: t,
|
|
34
|
-
children: a,
|
|
35
|
-
asChild: n = !1,
|
|
36
|
-
...e
|
|
37
|
-
}) {
|
|
38
|
-
return /* @__PURE__ */ o(
|
|
39
|
-
n ? i : "a",
|
|
40
|
-
{
|
|
41
|
-
className: r(
|
|
42
|
-
"flex h-12 w-12 items-center justify-center rounded-full border transition-colors duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--offset-pagination-focus,hsl(var(--primary)))]",
|
|
43
|
-
"border-[var(--offset-pagination-border,hsl(var(--contrast-100)))] text-[var(--offset-pagination-text,hsl(var(--foreground)))] hover:bg-[var(--offset-pagination-background-hover,hsl(var(--contrast-100)))]",
|
|
44
|
-
"aria-[current=page]:border-[var(--offset-pagination-current-page-border,hsl(var(--foreground)))] aria-[current=page]:bg-[var(--offset-pagination-current-page-background,hsl(var(--foreground)))] aria-[current=page]:text-[var(--offset-pagination-current-page-text,hsl(var(--background)))] aria-[current=page]:hover:bg-[var(--offset-pagination-current-page-background-hover,hsl(var(--contrast-500)))]",
|
|
45
|
-
t
|
|
46
|
-
),
|
|
47
|
-
"data-slot": "offset-pagination-link",
|
|
48
|
-
...e,
|
|
49
|
-
children: a
|
|
50
|
-
}
|
|
51
|
-
);
|
|
52
|
-
}
|
|
53
|
-
function d({
|
|
54
|
-
className: t,
|
|
55
|
-
children: a = "...",
|
|
56
|
-
...n
|
|
57
|
-
}) {
|
|
58
|
-
return /* @__PURE__ */ o(
|
|
59
|
-
"span",
|
|
60
|
-
{
|
|
61
|
-
"aria-hidden": !0,
|
|
62
|
-
className: r(
|
|
63
|
-
"flex h-12 w-12 items-center justify-center text-[var(--offset-pagination-ellipsis,hsl(var(--foreground)))]",
|
|
64
|
-
t
|
|
65
|
-
),
|
|
66
|
-
"data-slot": "offset-pagination-ellipsis",
|
|
67
|
-
...n,
|
|
68
|
-
children: a
|
|
69
|
-
}
|
|
70
|
-
);
|
|
71
|
-
}
|
|
1
|
+
import { d as i, b as o, c as t, a as e, O as l } from "./offset-pagination-ellipsis-DWDhFCgW.js";
|
|
72
2
|
export {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
3
|
+
i as Ellipsis,
|
|
4
|
+
o as Item,
|
|
5
|
+
t as Link,
|
|
6
|
+
e as List,
|
|
7
|
+
l as Root
|
|
78
8
|
};
|
|
79
9
|
//# sourceMappingURL=offset-pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"offset-pagination.js","sources":[
|
|
1
|
+
{"version":3,"file":"offset-pagination.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,312 @@
|
|
|
1
|
+
import { jsx as o, jsxs as s, Fragment as i } from "react/jsx-runtime";
|
|
2
|
+
import { c } from "./utils-BOGlfttm.js";
|
|
3
|
+
import { u as l } from "./product-card-root-4Xz4-pdL.js";
|
|
4
|
+
import { C as f } from "./checkbox-root-B9W2Y8rY.js";
|
|
5
|
+
import { S as u } from "./index-DD8W7cMj.js";
|
|
6
|
+
import { P as b, a as n, b as h } from "./price-strike-Br_Yriv9.js";
|
|
7
|
+
import { C as g } from "./checkbox-indicator-os50dewx.js";
|
|
8
|
+
import p from "./check-ChGAB_3v.js";
|
|
9
|
+
import * as v from "react";
|
|
10
|
+
import { P as k } from "./index-BzgbBl8b.js";
|
|
11
|
+
function x({
|
|
12
|
+
children: a,
|
|
13
|
+
shape: t = "rounded",
|
|
14
|
+
className: r,
|
|
15
|
+
variant: e = "primary",
|
|
16
|
+
...d
|
|
17
|
+
}) {
|
|
18
|
+
return /* @__PURE__ */ o(
|
|
19
|
+
"span",
|
|
20
|
+
{
|
|
21
|
+
className: c(
|
|
22
|
+
"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))]",
|
|
23
|
+
{
|
|
24
|
+
pill: "rounded-full",
|
|
25
|
+
rounded: "rounded"
|
|
26
|
+
}[t],
|
|
27
|
+
{
|
|
28
|
+
primary: "bg-[var(--badge-primary-background,color-mix(in_oklab,hsl(var(--primary)),white_75%))]",
|
|
29
|
+
warning: "bg-[var(--badge-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]",
|
|
30
|
+
error: "bg-[var(--badge-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]",
|
|
31
|
+
success: "bg-[var(--badge-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]",
|
|
32
|
+
info: "bg-[var(--badge-info-background,color-mix(in_oklab,hsl(var(--info)),white_75%))]"
|
|
33
|
+
}[e],
|
|
34
|
+
r
|
|
35
|
+
),
|
|
36
|
+
...d,
|
|
37
|
+
children: a
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
function C({ className: a, colorScheme: t = "light", ...r }) {
|
|
42
|
+
return /* @__PURE__ */ o(f, { className: a, colorScheme: t, ...r, children: /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(p, { className: "h-4 w-4", color: "currentColor" }) }) });
|
|
43
|
+
}
|
|
44
|
+
function I({ className: a, children: t, ...r }) {
|
|
45
|
+
return /* @__PURE__ */ o("div", { className: c("relative", a), "data-slot": "product-card-preview", ...r, children: t });
|
|
46
|
+
}
|
|
47
|
+
function T({ className: a, children: t, ...r }) {
|
|
48
|
+
const { aspectRatio: e, colorScheme: d } = l();
|
|
49
|
+
return /* @__PURE__ */ o(
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
className: c(
|
|
53
|
+
"relative overflow-hidden rounded-[var(--product-card-border-radius,1rem)]",
|
|
54
|
+
{
|
|
55
|
+
"5:6": "aspect-[5/6]",
|
|
56
|
+
"3:4": "aspect-[3/4]",
|
|
57
|
+
"1:1": "aspect-square"
|
|
58
|
+
}[e],
|
|
59
|
+
{
|
|
60
|
+
light: "bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]",
|
|
61
|
+
dark: "bg-[var(--product-card-dark-background,hsl(var(--contrast-500)))]"
|
|
62
|
+
}[d],
|
|
63
|
+
a
|
|
64
|
+
),
|
|
65
|
+
"data-slot": "product-card-thumbnail",
|
|
66
|
+
...r,
|
|
67
|
+
children: t
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
function q({
|
|
72
|
+
className: a,
|
|
73
|
+
children: t,
|
|
74
|
+
asChild: r = !1,
|
|
75
|
+
...e
|
|
76
|
+
}) {
|
|
77
|
+
const { colorScheme: d } = l();
|
|
78
|
+
return /* @__PURE__ */ o(
|
|
79
|
+
r ? u : "img",
|
|
80
|
+
{
|
|
81
|
+
className: c(
|
|
82
|
+
"h-full w-full scale-100 select-none object-cover transition-transform duration-500 ease-out group-hover:scale-110",
|
|
83
|
+
{
|
|
84
|
+
light: "bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]",
|
|
85
|
+
dark: "bg-[var(--product-card-dark-background,hsl(var(--contrast-500)))]"
|
|
86
|
+
}[d],
|
|
87
|
+
a
|
|
88
|
+
),
|
|
89
|
+
"data-slot": "product-card-image",
|
|
90
|
+
...e
|
|
91
|
+
}
|
|
92
|
+
);
|
|
93
|
+
}
|
|
94
|
+
function A({ className: a, children: t, ...r }) {
|
|
95
|
+
return /* @__PURE__ */ o(
|
|
96
|
+
x,
|
|
97
|
+
{
|
|
98
|
+
className: c("absolute left-3 top-3", a),
|
|
99
|
+
"data-slot": "product-card-badge",
|
|
100
|
+
shape: "rounded",
|
|
101
|
+
...r,
|
|
102
|
+
children: t
|
|
103
|
+
}
|
|
104
|
+
);
|
|
105
|
+
}
|
|
106
|
+
function E({ className: a, children: t, ...r }) {
|
|
107
|
+
const { colorScheme: e } = l();
|
|
108
|
+
return /* @__PURE__ */ o(
|
|
109
|
+
"div",
|
|
110
|
+
{
|
|
111
|
+
className: c(
|
|
112
|
+
"break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out group-hover:scale-105",
|
|
113
|
+
{
|
|
114
|
+
light: "[color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]",
|
|
115
|
+
dark: "[color:color-mix(in_oklab,hsl(var(--background))_30%,transparent)]"
|
|
116
|
+
}[e],
|
|
117
|
+
a
|
|
118
|
+
),
|
|
119
|
+
"data-slot": "product-card-fallback",
|
|
120
|
+
...r,
|
|
121
|
+
children: t
|
|
122
|
+
}
|
|
123
|
+
);
|
|
124
|
+
}
|
|
125
|
+
function H({ asChild: a = !1, className: t, ...r }) {
|
|
126
|
+
const { colorScheme: e } = l();
|
|
127
|
+
return /* @__PURE__ */ o(
|
|
128
|
+
a ? u : "a",
|
|
129
|
+
{
|
|
130
|
+
className: c(
|
|
131
|
+
"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",
|
|
132
|
+
{
|
|
133
|
+
light: "ring-offset-[var(--product-card-light-offset,hsl(var(--background)))]",
|
|
134
|
+
dark: "ring-offset-[var(--product-card-dark-offset,hsl(var(--foreground)))]"
|
|
135
|
+
}[e],
|
|
136
|
+
t
|
|
137
|
+
),
|
|
138
|
+
"data-slot": "product-card-link",
|
|
139
|
+
...r
|
|
140
|
+
}
|
|
141
|
+
);
|
|
142
|
+
}
|
|
143
|
+
function $({ children: a, className: t, ...r }) {
|
|
144
|
+
return /* @__PURE__ */ o(
|
|
145
|
+
"div",
|
|
146
|
+
{
|
|
147
|
+
className: c(
|
|
148
|
+
"mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row",
|
|
149
|
+
t
|
|
150
|
+
),
|
|
151
|
+
"data-slot": "product-card-details",
|
|
152
|
+
...r,
|
|
153
|
+
children: a
|
|
154
|
+
}
|
|
155
|
+
);
|
|
156
|
+
}
|
|
157
|
+
function z({ children: a, className: t, ...r }) {
|
|
158
|
+
return /* @__PURE__ */ o(
|
|
159
|
+
"div",
|
|
160
|
+
{
|
|
161
|
+
className: c("relative flex-1 text-sm @[16rem]:text-base", t),
|
|
162
|
+
"data-slot": "product-card-header",
|
|
163
|
+
...r,
|
|
164
|
+
children: a
|
|
165
|
+
}
|
|
166
|
+
);
|
|
167
|
+
}
|
|
168
|
+
function G({ className: a, children: t, ...r }) {
|
|
169
|
+
const { colorScheme: e } = l();
|
|
170
|
+
return /* @__PURE__ */ o(
|
|
171
|
+
"h3",
|
|
172
|
+
{
|
|
173
|
+
className: c(
|
|
174
|
+
"block font-semibold",
|
|
175
|
+
{
|
|
176
|
+
light: "text-[var(--product-card-light-title,hsl(var(--foreground)))]",
|
|
177
|
+
dark: "text-[var(--product-card-dark-title,hsl(var(--background)))]"
|
|
178
|
+
}[e]
|
|
179
|
+
),
|
|
180
|
+
"data-slot": "product-card-title",
|
|
181
|
+
...r,
|
|
182
|
+
children: t
|
|
183
|
+
}
|
|
184
|
+
);
|
|
185
|
+
}
|
|
186
|
+
function J({ children: a, className: t, ...r }) {
|
|
187
|
+
const { colorScheme: e } = l();
|
|
188
|
+
return /* @__PURE__ */ o(
|
|
189
|
+
"span",
|
|
190
|
+
{
|
|
191
|
+
className: c(
|
|
192
|
+
"block text-sm font-normal",
|
|
193
|
+
{
|
|
194
|
+
light: "text-[var(--product-card-light-subtitle,color-mix(in_oklab,hsl(var(--foreground))_75%,transparent))]",
|
|
195
|
+
dark: "text-[var(--product-card-dark-subtitle,color-mix(in_oklab,hsl(var(--background))_75%,transparent))]"
|
|
196
|
+
}[e],
|
|
197
|
+
t
|
|
198
|
+
),
|
|
199
|
+
"data-slot": "product-card-subtitle",
|
|
200
|
+
...r,
|
|
201
|
+
children: a
|
|
202
|
+
}
|
|
203
|
+
);
|
|
204
|
+
}
|
|
205
|
+
function P({ className: a, colorScheme: t = "light", price: r, ...e }) {
|
|
206
|
+
return /* @__PURE__ */ s(b, { className: a, colorScheme: t, ...e, children: [
|
|
207
|
+
r.type === "range" && /* @__PURE__ */ s(i, { children: [
|
|
208
|
+
/* @__PURE__ */ o(n, { children: r.minValue }),
|
|
209
|
+
" – ",
|
|
210
|
+
/* @__PURE__ */ o(n, { children: r.maxValue })
|
|
211
|
+
] }),
|
|
212
|
+
r.type === "sale" && /* @__PURE__ */ s(i, { children: [
|
|
213
|
+
/* @__PURE__ */ o(h, { children: r.currentValue }),
|
|
214
|
+
" ",
|
|
215
|
+
/* @__PURE__ */ o(n, { children: r.previousValue })
|
|
216
|
+
] }),
|
|
217
|
+
r.type === "default" && /* @__PURE__ */ o(n, { children: r.value })
|
|
218
|
+
] });
|
|
219
|
+
}
|
|
220
|
+
function K({ className: a, price: t, ...r }) {
|
|
221
|
+
const { colorScheme: e } = l();
|
|
222
|
+
return /* @__PURE__ */ o(
|
|
223
|
+
P,
|
|
224
|
+
{
|
|
225
|
+
className: c("mt-2", a),
|
|
226
|
+
colorScheme: e,
|
|
227
|
+
"data-slot": "product-card-price",
|
|
228
|
+
price: t,
|
|
229
|
+
...r
|
|
230
|
+
}
|
|
231
|
+
);
|
|
232
|
+
}
|
|
233
|
+
function O({ className: a, children: t, ...r }) {
|
|
234
|
+
return /* @__PURE__ */ o(
|
|
235
|
+
"div",
|
|
236
|
+
{
|
|
237
|
+
className: c(
|
|
238
|
+
"font-(family-name:--checkbox-font-family,var(--font-family-body)) flex shrink-0 items-center gap-2",
|
|
239
|
+
a
|
|
240
|
+
),
|
|
241
|
+
"data-slot": "product-card-compare",
|
|
242
|
+
...r,
|
|
243
|
+
children: t
|
|
244
|
+
}
|
|
245
|
+
);
|
|
246
|
+
}
|
|
247
|
+
function Q({ className: a, ...t }) {
|
|
248
|
+
return /* @__PURE__ */ o(C, { className: c(a), "data-slot": "product-card-checkbox", ...t });
|
|
249
|
+
}
|
|
250
|
+
var N = "Label", m = v.forwardRef((a, t) => /* @__PURE__ */ o(
|
|
251
|
+
k.label,
|
|
252
|
+
{
|
|
253
|
+
...a,
|
|
254
|
+
ref: t,
|
|
255
|
+
onMouseDown: (r) => {
|
|
256
|
+
r.target.closest("button, input, select, textarea") || (a.onMouseDown?.(r), !r.defaultPrevented && r.detail > 1 && r.preventDefault());
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
));
|
|
260
|
+
m.displayName = N;
|
|
261
|
+
var w = m;
|
|
262
|
+
function y({ className: a, children: t, colorScheme: r = "light", ...e }) {
|
|
263
|
+
return /* @__PURE__ */ o(
|
|
264
|
+
w,
|
|
265
|
+
{
|
|
266
|
+
className: c(
|
|
267
|
+
"cursor-pointer text-sm peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
|
|
268
|
+
{
|
|
269
|
+
light: "text-[var(--checkbox-light-label,hsl(var(--foreground)))]",
|
|
270
|
+
dark: "text-[var(--checkbox-dark-label,hsl(var(--background)))]"
|
|
271
|
+
}[r]
|
|
272
|
+
),
|
|
273
|
+
"data-slot": "label",
|
|
274
|
+
...e,
|
|
275
|
+
children: t
|
|
276
|
+
}
|
|
277
|
+
);
|
|
278
|
+
}
|
|
279
|
+
function U({ className: a, children: t, ...r }) {
|
|
280
|
+
const { colorScheme: e } = l();
|
|
281
|
+
return /* @__PURE__ */ o(
|
|
282
|
+
y,
|
|
283
|
+
{
|
|
284
|
+
className: c(a),
|
|
285
|
+
colorScheme: e,
|
|
286
|
+
"data-slot": "product-card-label",
|
|
287
|
+
...r,
|
|
288
|
+
children: t
|
|
289
|
+
}
|
|
290
|
+
);
|
|
291
|
+
}
|
|
292
|
+
export {
|
|
293
|
+
x as B,
|
|
294
|
+
C,
|
|
295
|
+
y as L,
|
|
296
|
+
I as P,
|
|
297
|
+
T as a,
|
|
298
|
+
q as b,
|
|
299
|
+
A as c,
|
|
300
|
+
E as d,
|
|
301
|
+
H as e,
|
|
302
|
+
$ as f,
|
|
303
|
+
z as g,
|
|
304
|
+
G as h,
|
|
305
|
+
J as i,
|
|
306
|
+
K as j,
|
|
307
|
+
O as k,
|
|
308
|
+
Q as l,
|
|
309
|
+
U as m,
|
|
310
|
+
P as n
|
|
311
|
+
};
|
|
312
|
+
//# sourceMappingURL=product-card-label-CJmC9ICf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"product-card-label-CJmC9ICf.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","../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":["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\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","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\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":["Badge","children","shape","className","variant","props","jsx","cn","Checkbox","colorScheme","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator","Check","ProductCardPreview","ProductCardThumbnail","aspectRatio","useProductCard","ProductCardImage","asChild","Slot","ProductCardBadge","ProductCardFallback","ProductCardLink","ProductCardDetails","ProductCardHeader","ProductCardTitle","ProductCardSubtitle","Price","price","PricePrimitive.Root","jsxs","Fragment","PricePrimitive.Default","PricePrimitive.Strike","ProductCardPrice","ProductCardCompare","ProductCardCheckbox","NAME","Label","React","forwardedRef","Primitive","event","Root","LabelPrimitive.Root","ProductCardLabel"],"mappings":"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","x_google_ignoreList":[16]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),c=require("./utils-LBH114_M.cjs"),d=require("./product-card-root-BMTVhhFp.cjs"),m=require("./checkbox-root-g9HcYZCP.cjs"),l=require("./index-DGaxX11V.cjs"),s=require("./price-strike-DD2WNPQX.cjs"),x=require("./checkbox-indicator-GNoyS6OL.cjs"),p=require("./check-DJilMvC6.cjs"),v=require("react"),k=require("./index-Bw7_huW8.cjs");function P(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>a[r]})}}return t.default=a,Object.freeze(t)}const C=P(v);function u({children:a,shape:t="rounded",className:r,variant:o="primary",...n}){return e.jsx("span",{className:c.cn("px-2 py-0.5 text-xs uppercase tracking-tighter text-[var(--badge-text,hsl(var(--foreground)))] [font-family:var(--badge-font-family,var(--font-family-mono))]",{pill:"rounded-full",rounded:"rounded"}[t],{primary:"bg-[var(--badge-primary-background,color-mix(in_oklab,hsl(var(--primary)),white_75%))]",warning:"bg-[var(--badge-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]",error:"bg-[var(--badge-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]",success:"bg-[var(--badge-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]",info:"bg-[var(--badge-info-background,color-mix(in_oklab,hsl(var(--info)),white_75%))]"}[o],r),...n,children:a})}function i({className:a,colorScheme:t="light",...r}){return e.jsx(m.CheckboxRoot,{className:a,colorScheme:t,...r,children:e.jsx(x.CheckboxIndicator,{children:e.jsx(p.default,{className:"h-4 w-4",color:"currentColor"})})})}function j({className:a,children:t,...r}){return e.jsx("div",{className:c.cn("relative",a),"data-slot":"product-card-preview",...r,children:t})}function y({className:a,children:t,...r}){const{aspectRatio:o,colorScheme:n}=d.useProductCard();return e.jsx("div",{className:c.cn("relative overflow-hidden rounded-[var(--product-card-border-radius,1rem)]",{"5:6":"aspect-[5/6]","3:4":"aspect-[3/4]","1:1":"aspect-square"}[o],{light:"bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]",dark:"bg-[var(--product-card-dark-background,hsl(var(--contrast-500)))]"}[n],a),"data-slot":"product-card-thumbnail",...r,children:t})}function N({className:a,children:t,asChild:r=!1,...o}){const{colorScheme:n}=d.useProductCard(),h=r?l.Slot:"img";return e.jsx(h,{className:c.cn("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)))]"}[n],a),"data-slot":"product-card-image",...o})}function w({className:a,children:t,...r}){return e.jsx(u,{className:c.cn("absolute left-3 top-3",a),"data-slot":"product-card-badge",shape:"rounded",...r,children:t})}function _({className:a,children:t,...r}){const{colorScheme:o}=d.useProductCard();return e.jsx("div",{className:c.cn("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)]"}[o],a),"data-slot":"product-card-fallback",...r,children:t})}function S({asChild:a=!1,className:t,...r}){const{colorScheme:o}=d.useProductCard(),n=a?l.Slot:"a";return e.jsx(n,{className:c.cn("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)))]"}[o],t),"data-slot":"product-card-link",...r})}function q({children:a,className:t,...r}){return e.jsx("div",{className:c.cn("mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row",t),"data-slot":"product-card-details",...r,children:a})}function D({children:a,className:t,...r}){return e.jsx("div",{className:c.cn("relative flex-1 text-sm @[16rem]:text-base",t),"data-slot":"product-card-header",...r,children:a})}function R({className:a,children:t,...r}){const{colorScheme:o}=d.useProductCard();return e.jsx("h3",{className:c.cn("block font-semibold",{light:"text-[var(--product-card-light-title,hsl(var(--foreground)))]",dark:"text-[var(--product-card-dark-title,hsl(var(--background)))]"}[o]),"data-slot":"product-card-title",...r,children:t})}function L({children:a,className:t,...r}){const{colorScheme:o}=d.useProductCard();return e.jsx("span",{className:c.cn("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))]"}[o],t),"data-slot":"product-card-subtitle",...r,children:a})}function b({className:a,colorScheme:t="light",price:r,...o}){return e.jsxs(s.PriceRoot,{className:a,colorScheme:t,...o,children:[r.type==="range"&&e.jsxs(e.Fragment,{children:[e.jsx(s.PriceDefault,{children:r.minValue})," – ",e.jsx(s.PriceDefault,{children:r.maxValue})]}),r.type==="sale"&&e.jsxs(e.Fragment,{children:[e.jsx(s.PriceStrike,{children:r.currentValue})," ",e.jsx(s.PriceDefault,{children:r.previousValue})]}),r.type==="default"&&e.jsx(s.PriceDefault,{children:r.value})]})}function O({className:a,price:t,...r}){const{colorScheme:o}=d.useProductCard();return e.jsx(b,{className:c.cn("mt-2",a),colorScheme:o,"data-slot":"product-card-price",price:t,...r})}function T({className:a,children:t,...r}){return e.jsx("div",{className:c.cn("font-(family-name:--checkbox-font-family,var(--font-family-body)) flex shrink-0 items-center gap-2",a),"data-slot":"product-card-compare",...r,children:t})}function B({className:a,...t}){return e.jsx(i,{className:c.cn(a),"data-slot":"product-card-checkbox",...t})}var F="Label",f=C.forwardRef((a,t)=>e.jsx(k.Primitive.label,{...a,ref:t,onMouseDown:r=>{r.target.closest("button, input, select, textarea")||(a.onMouseDown?.(r),!r.defaultPrevented&&r.detail>1&&r.preventDefault())}}));f.displayName=F;var I=f;function g({className:a,children:t,colorScheme:r="light",...o}){return e.jsx(I,{className:c.cn("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]),"data-slot":"label",...o,children:t})}function M({className:a,children:t,...r}){const{colorScheme:o}=d.useProductCard();return e.jsx(g,{className:c.cn(a),colorScheme:o,"data-slot":"product-card-label",...r,children:t})}exports.Badge=u;exports.Checkbox=i;exports.Label=g;exports.Price=b;exports.ProductCardBadge=w;exports.ProductCardCheckbox=B;exports.ProductCardCompare=T;exports.ProductCardDetails=q;exports.ProductCardFallback=_;exports.ProductCardHeader=D;exports.ProductCardImage=N;exports.ProductCardLabel=M;exports.ProductCardLink=S;exports.ProductCardPreview=j;exports.ProductCardPrice=O;exports.ProductCardSubtitle=L;exports.ProductCardThumbnail=y;exports.ProductCardTitle=R;
|
|
2
|
+
//# sourceMappingURL=product-card-label-D43AXtRL.cjs.map
|