@enadhq/enad-react-sdk 1.0.2 → 1.2.0

package/dist/client/storefront/primitives/quick-links.mjs

@@ -1,17 +1,22 @@
+import { cn } from "../../ui/utils.mjs";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/primitives/quick-links.tsx
 function QuickLinks({ links, className }) {
-  if (links.length === 0) return null;
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Quick links", className: cn("overflow-x-auto", className), children: /* @__PURE__ */ jsx("ul", { className: "flex gap-2", children: links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-    "a",
-    {
-      href: link.href,
-      className: "inline-flex whitespace-nowrap rounded-[var(--enad-button-radius)] border border-border px-4 py-2 text-sm transition-colors hover:bg-primary hover:text-primary-foreground",
-      children: link.label
-    }
-  ) }, link.label + link.href)) }) });
+	if (links.length === 0) return null;
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Quick links",
+		className: cn("overflow-x-auto", className),
+		children: /* @__PURE__ */ jsx("ul", {
+			className: "flex gap-2",
+			children: links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+				href: link.href,
+				className: "inline-flex whitespace-nowrap rounded-[var(--enad-button-radius)] border border-border px-4 py-2 text-sm transition-colors hover:bg-primary hover:text-primary-foreground",
+				children: link.label
+			}) }, link.label + link.href))
+		})
+	});
 }
-export {
-  QuickLinks
-};
+//#endregion
+export { QuickLinks };
+
 //# sourceMappingURL=quick-links.mjs.map

package/dist/client/storefront/primitives/quick-links.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/primitives/quick-links.tsx"],"sourcesContent":["import { cn } from \"../../ui/utils\"\n\ninterface QuickLink {\n  label: string\n  href: string\n}\n\ninterface QuickLinksProps {\n  links: QuickLink[]\n  className?: string\n}\n\nfunction QuickLinks({ links, className }: QuickLinksProps) {\n  if (links.length === 0) return null\n\n  return (\n    <nav aria-label=\"Quick links\" className={cn(\"overflow-x-auto\", className)}>\n      <ul className=\"flex gap-2\">\n        {links.map((link) => (\n          <li key={link.label+link.href}>\n            <a\n              href={link.href}\n              className=\"inline-flex whitespace-nowrap rounded-[var(--enad-button-radius)] border border-border px-4 py-2 text-sm transition-colors hover:bg-primary hover:text-primary-foreground\"\n            >\n              {link.label}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  )\n}\n\nexport { QuickLinks, type QuickLink, type QuickLinksProps }\n\n"],"mappings":"AAoBY;AApBZ,SAAS,UAAU;AAYnB,SAAS,WAAW,EAAE,OAAO,UAAU,GAAoB;AACzD,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,SACE,oBAAC,SAAI,cAAW,eAAc,WAAW,GAAG,mBAAmB,SAAS,GACtE,8BAAC,QAAG,WAAU,cACX,gBAAM,IAAI,CAAC,SACV,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,KAAK;AAAA,MACX,WAAU;AAAA,MAET,eAAK;AAAA;AAAA,EACR,KANO,KAAK,QAAM,KAAK,IAOzB,CACD,GACH,GACF;AAEJ;","names":[]}
+{"version":3,"file":"quick-links.mjs","names":[],"sources":["../../../../src/client/storefront/primitives/quick-links.tsx"],"sourcesContent":["import { cn } from \"../../ui/utils\"\n\ninterface QuickLink {\n  label: string\n  href: string\n}\n\ninterface QuickLinksProps {\n  links: QuickLink[]\n  className?: string\n}\n\nfunction QuickLinks({ links, className }: QuickLinksProps) {\n  if (links.length === 0) return null\n\n  return (\n    <nav aria-label=\"Quick links\" className={cn(\"overflow-x-auto\", className)}>\n      <ul className=\"flex gap-2\">\n        {links.map((link) => (\n          <li key={link.label+link.href}>\n            <a\n              href={link.href}\n              className=\"inline-flex whitespace-nowrap rounded-[var(--enad-button-radius)] border border-border px-4 py-2 text-sm transition-colors hover:bg-primary hover:text-primary-foreground\"\n            >\n              {link.label}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  )\n}\n\nexport { QuickLinks, type QuickLink, type QuickLinksProps }\n\n"],"mappings":";;;AAYA,SAAS,WAAW,EAAE,OAAO,aAA8B;AACzD,KAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,QACE,oBAAC,OAAD;EAAK,cAAW;EAAc,WAAW,GAAG,mBAAmB,UAAU;YACvE,oBAAC,MAAD;GAAI,WAAU;aACX,MAAM,KAAK,SACV,oBAAC,MAAD,EAAA,UACE,oBAAC,KAAD;IACE,MAAM,KAAK;IACX,WAAU;cAET,KAAK;IACJ,CAAA,EACD,EAPI,KAAK,QAAM,KAAK,KAOpB,CACL;GACC,CAAA;EACD,CAAA"}

package/dist/client/storefront/primitives/select.d.ts

@@ -1,16 +1,32 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/select.d.ts
 interface SelectOption {
-    value: string;
-    label: string;
+  value: string;
+  label: string;
 }
 interface StorefrontSelectProps {
-    options: SelectOption[];
-    value?: string;
-    onValueChange?: (value: string) => void;
-    label?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    className?: string;
+  options: SelectOption[];
+  value?: string;
+  onValueChange?: (value: string) => void;
+  label?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  required?: boolean;
+  error?: string;
+  className?: string;
 }
-declare function StorefrontSelect({ options, value, onValueChange, label, placeholder, disabled, className, }: StorefrontSelectProps): import("react/jsx-runtime").JSX.Element;
-export { StorefrontSelect, type StorefrontSelectProps, type SelectOption };
+declare function StorefrontSelect({
+  options,
+  value,
+  onValueChange,
+  label,
+  placeholder,
+  disabled,
+  required,
+  error,
+  className
+}: StorefrontSelectProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { type SelectOption, StorefrontSelect, type StorefrontSelectProps };
 //# sourceMappingURL=select.d.ts.map

package/dist/client/storefront/primitives/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/select.tsx"],"names":[],"mappings":"AAcA,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,WAAyB,EACzB,QAAQ,EACR,SAAS,GACV,EAAE,qBAAqB,2CA0BvB;AAED,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,YAAY,EAAE,CAAC"}
+{"version":3,"file":"select.d.ts","names":[],"sources":["../../../../src/client/storefront/primitives/select.tsx"],"mappings":";;;UAcU,YAAA;EACR,KAAA;EACA,KAAA;AAAA;AAAA,UAGQ,qBAAA;EACR,OAAA,EAAS,YAAA;EACT,KAAA;EACA,aAAA,IAAiB,KAAA;EACjB,KAAA;EACA,WAAA;EACA,QAAA;EACA,QAAA;EACA,KAAA;EACA,SAAA;AAAA;AAAA,iBAGO,gBAAA,CAAA;EACP,OAAA;EACA,KAAA;EACA,aAAA;EACA,KAAA;EACA,WAAA;EACA,QAAA;EACA,QAAA;EACA,KAAA;EACA;AAAA,GACC,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/primitives/select.mjs

@@ -1,35 +1,49 @@
 "use client";
+import { cn } from "../../ui/utils.mjs";
+import { Label } from "../../ui-resolver/label.mjs";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "../../ui-resolver/select.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "../../ui-resolver/select";
-import { Label } from "../../ui-resolver/label";
-import { cn } from "../../ui/utils";
-function StorefrontSelect({
-  options,
-  value,
-  onValueChange,
-  label,
-  placeholder = "Select...",
-  disabled,
-  className
-}) {
-  const id = React.useId();
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [
-    label && /* @__PURE__ */ jsx(Label, { htmlFor: id, className: "text-xs font-medium uppercase tracking-wide", children: label }),
-    /* @__PURE__ */ jsxs(Select, { value, onValueChange, disabled, children: [
-      /* @__PURE__ */ jsx(SelectTrigger, { id, className: "w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
-      /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectGroup, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) }) })
-    ] })
-  ] });
+//#region src/client/storefront/primitives/select.tsx
+function StorefrontSelect({ options, value, onValueChange, label, placeholder = "Select...", disabled, required, error, className }) {
+	const id = React$1.useId();
+	const errorId = `${id}-error`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-1.5", className),
+		children: [
+			label && /* @__PURE__ */ jsxs(Label, {
+				htmlFor: id,
+				className: "text-xs font-medium uppercase tracking-wide",
+				children: [label, required && /* @__PURE__ */ jsx("span", {
+					className: "text-(--enad-error-color) ml-0.5",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Select, {
+				value,
+				onValueChange,
+				disabled,
+				children: [/* @__PURE__ */ jsx(SelectTrigger, {
+					id,
+					className: "w-full",
+					"aria-invalid": error ? true : void 0,
+					"aria-describedby": error ? errorId : void 0,
+					children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+				}), /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectGroup, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+					value: option.value,
+					children: option.label
+				}, option.value)) }) })]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				role: "alert",
+				className: "text-(--enad-error-color) text-sm",
+				children: error
+			})
+		]
+	});
 }
-export {
-  StorefrontSelect
-};
+//#endregion
+export { StorefrontSelect };
+
 //# sourceMappingURL=select.mjs.map

package/dist/client/storefront/primitives/select.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/primitives/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../ui-resolver/select\";\nimport { Label } from \"../../ui-resolver/label\";\nimport { cn } from \"../../ui/utils\";\n\ninterface SelectOption {\n  value: string;\n  label: string;\n}\n\ninterface StorefrontSelectProps {\n  options: SelectOption[];\n  value?: string;\n  onValueChange?: (value: string) => void;\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nfunction StorefrontSelect({\n  options,\n  value,\n  onValueChange,\n  label,\n  placeholder = \"Select...\",\n  disabled,\n  className,\n}: StorefrontSelectProps) {\n  const id = React.useId();\n\n  return (\n    <div className={cn(\"flex flex-col gap-1.5\", className)}>\n      {label && (\n        <Label htmlFor={id} className=\"text-xs font-medium uppercase tracking-wide\">\n          {label}\n        </Label>\n      )}\n      <Select value={value} onValueChange={onValueChange} disabled={disabled}>\n        <SelectTrigger id={id} className=\"w-full\">\n          <SelectValue placeholder={placeholder} />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectGroup>\n            {options.map((option) => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectGroup>\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n\nexport { StorefrontSelect, type StorefrontSelectProps, type SelectOption };\n"],"mappings":";AA2CQ,cAIF,YAJE;AAzCR,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AACtB,SAAS,UAAU;AAiBnB,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,KAAK,MAAM,MAAM;AAEvB,SACE,qBAAC,SAAI,WAAW,GAAG,yBAAyB,SAAS,GAClD;AAAA,aACC,oBAAC,SAAM,SAAS,IAAI,WAAU,+CAC3B,iBACH;AAAA,IAEF,qBAAC,UAAO,OAAc,eAA8B,UAClD;AAAA,0BAAC,iBAAc,IAAQ,WAAU,UAC/B,8BAAC,eAAY,aAA0B,GACzC;AAAA,MACA,oBAAC,iBACC,8BAAC,eACE,kBAAQ,IAAI,CAAC,WACZ,oBAAC,cAA8B,OAAO,OAAO,OAC1C,iBAAO,SADO,OAAO,KAExB,CACD,GACH,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"file":"select.mjs","names":["React"],"sources":["../../../../src/client/storefront/primitives/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../ui-resolver/select\";\nimport { Label } from \"../../ui-resolver/label\";\nimport { cn } from \"../../ui/utils\";\n\ninterface SelectOption {\n  value: string;\n  label: string;\n}\n\ninterface StorefrontSelectProps {\n  options: SelectOption[];\n  value?: string;\n  onValueChange?: (value: string) => void;\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: string;\n  className?: string;\n}\n\nfunction StorefrontSelect({\n  options,\n  value,\n  onValueChange,\n  label,\n  placeholder = \"Select...\",\n  disabled,\n  required,\n  error,\n  className,\n}: StorefrontSelectProps) {\n  const id = React.useId();\n  const errorId = `${id}-error`;\n\n  return (\n    <div className={cn(\"flex flex-col gap-1.5\", className)}>\n      {label && (\n        <Label htmlFor={id} className=\"text-xs font-medium uppercase tracking-wide\">\n          {label}\n          {required && <span className=\"text-(--enad-error-color) ml-0.5\">*</span>}\n        </Label>\n      )}\n      <Select value={value} onValueChange={onValueChange} disabled={disabled}>\n        <SelectTrigger\n          id={id}\n          className=\"w-full\"\n          aria-invalid={error ? true : undefined}\n          aria-describedby={error ? errorId : undefined}\n        >\n          <SelectValue placeholder={placeholder} />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectGroup>\n            {options.map((option) => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectGroup>\n        </SelectContent>\n      </Select>\n      {error && (\n        <p id={errorId} role=\"alert\" className=\"text-(--enad-error-color) text-sm\">\n          {error}\n        </p>\n      )}\n    </div>\n  );\n}\n\nexport { StorefrontSelect, type StorefrontSelectProps, type SelectOption };\n"],"mappings":";;;;;;;AA+BA,SAAS,iBAAiB,EACxB,SACA,OACA,eACA,OACA,cAAc,aACd,UACA,UACA,OACA,aACwB;CACxB,MAAM,KAAKA,QAAM,OAAO;CACxB,MAAM,UAAU,GAAG,GAAG;AAEtB,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,yBAAyB,UAAU;YAAtD;GACG,SACC,qBAAC,OAAD;IAAO,SAAS;IAAI,WAAU;cAA9B,CACG,OACA,YAAY,oBAAC,QAAD;KAAM,WAAU;eAAmC;KAAQ,CAAA,CAClE;;GAEV,qBAAC,QAAD;IAAe;IAAsB;IAAyB;cAA9D,CACE,oBAAC,eAAD;KACM;KACJ,WAAU;KACV,gBAAc,QAAQ,OAAO,KAAA;KAC7B,oBAAkB,QAAQ,UAAU,KAAA;eAEpC,oBAAC,aAAD,EAA0B,aAAe,CAAA;KAC3B,CAAA,EAChB,oBAAC,eAAD,EAAA,UACE,oBAAC,aAAD,EAAA,UACG,QAAQ,KAAK,WACZ,oBAAC,YAAD;KAA+B,OAAO,OAAO;eAC1C,OAAO;KACG,EAFI,OAAO,MAEX,CACb,EACU,CAAA,EACA,CAAA,CACT;;GACR,SACC,oBAAC,KAAD;IAAG,IAAI;IAAS,MAAK;IAAQ,WAAU;cACpC;IACC,CAAA;GAEF"}

package/dist/client/storefront/primitives/text-link.d.ts

@@ -1,7 +1,16 @@
-import * as React from "react";
-interface StorefrontTextLinkProps extends React.ComponentProps<"a"> {
-    serif?: boolean;
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/text-link.d.ts
+interface StorefrontTextLinkProps extends React$1.ComponentProps<"a"> {
+  serif?: boolean;
 }
-declare function StorefrontTextLink({ className, serif, children, ...props }: StorefrontTextLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function StorefrontTextLink({
+  className,
+  serif,
+  children,
+  ...props
+}: StorefrontTextLinkProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { StorefrontTextLink, type StorefrontTextLinkProps };
 //# sourceMappingURL=text-link.d.ts.map

package/dist/client/storefront/primitives/text-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-link.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/text-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAM5F;AAED,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"text-link.d.ts","names":[],"sources":["../../../../src/client/storefront/primitives/text-link.tsx"],"mappings":";;;;UAIU,uBAAA,SAAgC,OAAA,CAAM,cAAA;EAC9C,KAAA;AAAA;AAAA,iBAGO,kBAAA,CAAA;EAAqB,SAAA;EAAW,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/primitives/text-link.mjs

@@ -1,10 +1,20 @@
+import { cn } from "../../ui/utils.mjs";
+import { Button } from "../../ui-resolver/button.mjs";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import { Button } from "../../ui-resolver/button";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/primitives/text-link.tsx
 function StorefrontTextLink({ className, serif, children, ...props }) {
-  return /* @__PURE__ */ jsx(Button, { variant: "link", asChild: true, className: cn(serif && "font-serif text-2xl", className), children: /* @__PURE__ */ jsx("a", { ...props, children }) });
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "link",
+		asChild: true,
+		className: cn(serif && "font-serif text-2xl", className),
+		children: /* @__PURE__ */ jsx("a", {
+			...props,
+			children
+		})
+	});
 }
-export {
-  StorefrontTextLink
-};
+//#endregion
+export { StorefrontTextLink };
+
 //# sourceMappingURL=text-link.mjs.map

package/dist/client/storefront/primitives/text-link.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/primitives/text-link.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button } from \"../../ui-resolver/button\";\nimport { cn } from \"../../ui/utils\";\n\ninterface StorefrontTextLinkProps extends React.ComponentProps<\"a\"> {\n  serif?: boolean;\n}\n\nfunction StorefrontTextLink({ className, serif, children, ...props }: StorefrontTextLinkProps) {\n  return (\n    <Button variant=\"link\" asChild className={cn(serif && \"font-serif text-2xl\", className)}>\n      <a {...props}>{children}</a>\n    </Button>\n  );\n}\n\nexport { StorefrontTextLink, type StorefrontTextLinkProps };\n"],"mappings":"AAWM;AAVN,SAAS,cAAc;AACvB,SAAS,UAAU;AAMnB,SAAS,mBAAmB,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAA4B;AAC7F,SACE,oBAAC,UAAO,SAAQ,QAAO,SAAO,MAAC,WAAW,GAAG,SAAS,uBAAuB,SAAS,GACpF,8BAAC,OAAG,GAAG,OAAQ,UAAS,GAC1B;AAEJ;","names":[]}
+{"version":3,"file":"text-link.mjs","names":[],"sources":["../../../../src/client/storefront/primitives/text-link.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button } from \"../../ui-resolver/button\";\nimport { cn } from \"../../ui/utils\";\n\ninterface StorefrontTextLinkProps extends React.ComponentProps<\"a\"> {\n  serif?: boolean;\n}\n\nfunction StorefrontTextLink({ className, serif, children, ...props }: StorefrontTextLinkProps) {\n  return (\n    <Button variant=\"link\" asChild className={cn(serif && \"font-serif text-2xl\", className)}>\n      <a {...props}>{children}</a>\n    </Button>\n  );\n}\n\nexport { StorefrontTextLink, type StorefrontTextLinkProps };\n"],"mappings":";;;;;AAQA,SAAS,mBAAmB,EAAE,WAAW,OAAO,UAAU,GAAG,SAAkC;AAC7F,QACE,oBAAC,QAAD;EAAQ,SAAQ;EAAO,SAAA;EAAQ,WAAW,GAAG,SAAS,uBAAuB,UAAU;YACrF,oBAAC,KAAD;GAAG,GAAI;GAAQ;GAAa,CAAA;EACrB,CAAA"}

package/dist/client/storefront/product/color-swatch.d.ts

@@ -1,10 +1,20 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/product/color-swatch.d.ts
 interface ColorSwatchProps {
-    color: string;
-    selected: boolean;
-    onClick: () => void;
-    label: string;
-    className?: string;
+  color: string;
+  selected: boolean;
+  onClick: () => void;
+  label: string;
+  className?: string;
 }
-declare function ColorSwatch({ color, selected, onClick, label, className }: ColorSwatchProps): import("react/jsx-runtime").JSX.Element;
+declare function ColorSwatch({
+  color,
+  selected,
+  onClick,
+  label,
+  className
+}: ColorSwatchProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { ColorSwatch, type ColorSwatchProps };
 //# sourceMappingURL=color-swatch.d.ts.map

package/dist/client/storefront/product/color-swatch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-swatch.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/product/color-swatch.tsx"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAuBpF;AAED,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"color-swatch.d.ts","names":[],"sources":["../../../../src/client/storefront/product/color-swatch.tsx"],"mappings":";;;UAKU,gBAAA;EACR,KAAA;EACA,QAAA;EACA,OAAA;EACA,KAAA;EACA,SAAA;AAAA;AAAA,iBAGO,WAAA,CAAA;EAAc,KAAA;EAAO,QAAA;EAAU,OAAA;EAAS,KAAA;EAAO;AAAA,GAAa,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/product/color-swatch.mjs

@@ -1,32 +1,23 @@
 "use client";
+import { cn } from "../../ui/utils.mjs";
+import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/product/color-swatch.tsx
 function ColorSwatch({ color, selected, onClick, label, className }) {
-  const bgStyle = React.useMemo(() => ({ backgroundColor: color }), [color]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: cn(
-        "enad-interactive relative flex size-8 items-center justify-center rounded-full border-2 transition-all hit-area-2",
-        selected ? "border-primary ring-2 ring-primary/30" : "border-transparent hover:border-muted-foreground/30",
-        className
-      ),
-      "aria-label": label,
-      "aria-pressed": selected,
-      children: /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "size-6 rounded-full border border-border",
-          style: bgStyle
-        }
-      )
-    }
-  );
+	const bgStyle = React$1.useMemo(() => ({ backgroundColor: color }), [color]);
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick,
+		className: cn("enad-interactive relative flex size-8 items-center justify-center rounded-full border-2 transition-all hit-area-2", selected ? "border-primary ring-2 ring-primary/30" : "border-transparent hover:border-muted-foreground/30", className),
+		"aria-label": label,
+		"aria-pressed": selected,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "size-6 rounded-full border border-border",
+			style: bgStyle
+		})
+	});
 }
-export {
-  ColorSwatch
-};
+//#endregion
+export { ColorSwatch };
+
 //# sourceMappingURL=color-swatch.mjs.map

package/dist/client/storefront/product/color-swatch.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/product/color-swatch.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\n\ninterface ColorSwatchProps {\n  color: string\n  selected: boolean\n  onClick: () => void\n  label: string\n  className?: string\n}\n\nfunction ColorSwatch({ color, selected, onClick, label, className }: ColorSwatchProps) {\n  const bgStyle = React.useMemo(() => ({ backgroundColor: color }), [color])\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      className={cn(\n        \"enad-interactive relative flex size-8 items-center justify-center rounded-full border-2 transition-all hit-area-2\",\n        selected\n          ? \"border-primary ring-2 ring-primary/30\"\n          : \"border-transparent hover:border-muted-foreground/30\",\n        className\n      )}\n      aria-label={label}\n      aria-pressed={selected}\n    >\n      <span\n        className=\"size-6 rounded-full border border-border\"\n        style={bgStyle}\n      />\n    </button>\n  )\n}\n\nexport { ColorSwatch, type ColorSwatchProps }\n"],"mappings":";AA8BM;AA5BN,YAAY,WAAW;AACvB,SAAS,UAAU;AAUnB,SAAS,YAAY,EAAE,OAAO,UAAU,SAAS,OAAO,UAAU,GAAqB;AACrF,QAAM,UAAU,MAAM,QAAQ,OAAO,EAAE,iBAAiB,MAAM,IAAI,CAAC,KAAK,CAAC;AAEzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,WACI,0CACA;AAAA,QACJ;AAAA,MACF;AAAA,MACA,cAAY;AAAA,MACZ,gBAAc;AAAA,MAEd;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"file":"color-swatch.mjs","names":["React"],"sources":["../../../../src/client/storefront/product/color-swatch.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\n\ninterface ColorSwatchProps {\n  color: string\n  selected: boolean\n  onClick: () => void\n  label: string\n  className?: string\n}\n\nfunction ColorSwatch({ color, selected, onClick, label, className }: ColorSwatchProps) {\n  const bgStyle = React.useMemo(() => ({ backgroundColor: color }), [color])\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      className={cn(\n        \"enad-interactive relative flex size-8 items-center justify-center rounded-full border-2 transition-all hit-area-2\",\n        selected\n          ? \"border-primary ring-2 ring-primary/30\"\n          : \"border-transparent hover:border-muted-foreground/30\",\n        className\n      )}\n      aria-label={label}\n      aria-pressed={selected}\n    >\n      <span\n        className=\"size-6 rounded-full border border-border\"\n        style={bgStyle}\n      />\n    </button>\n  )\n}\n\nexport { ColorSwatch, type ColorSwatchProps }\n"],"mappings":";;;;;AAaA,SAAS,YAAY,EAAE,OAAO,UAAU,SAAS,OAAO,aAA+B;CACrF,MAAM,UAAUA,QAAM,eAAe,EAAE,iBAAiB,OAAO,GAAG,CAAC,MAAM,CAAC;AAE1E,QACE,oBAAC,UAAD;EACE,MAAK;EACI;EACT,WAAW,GACT,qHACA,WACI,0CACA,uDACJ,UACD;EACD,cAAY;EACZ,gBAAc;YAEd,oBAAC,QAAD;GACE,WAAU;GACV,OAAO;GACP,CAAA;EACK,CAAA"}

package/dist/client/storefront/product/index.d.ts

@@ -1,5 +1,5 @@
-export { ColorSwatch, type ColorSwatchProps } from "./color-swatch";
-export { MaterialSelector, type MaterialSelectorProps, type MaterialOption } from "./material-selector";
-export { QuantityPicker, type QuantityPickerProps } from "./quantity-picker";
-export { ProductUSP, type ProductUSPProps } from "./product-usp";
-//# sourceMappingURL=index.d.ts.map
+import { ColorSwatch, ColorSwatchProps } from "./color-swatch.js";
+import { MaterialOption, MaterialSelector, MaterialSelectorProps } from "./material-selector.js";
+import { QuantityPicker, QuantityPickerProps } from "./quantity-picker.js";
+import { ProductUSP, ProductUSPProps } from "./product-usp.js";
+export { ColorSwatch, type ColorSwatchProps, type MaterialOption, MaterialSelector, type MaterialSelectorProps, ProductUSP, type ProductUSPProps, QuantityPicker, type QuantityPickerProps };

package/dist/client/storefront/product/index.mjs

@@ -1,11 +1,5 @@
-import { ColorSwatch } from "./color-swatch";
-import { MaterialSelector } from "./material-selector";
-import { QuantityPicker } from "./quantity-picker";
-import { ProductUSP } from "./product-usp";
-export {
-  ColorSwatch,
-  MaterialSelector,
-  ProductUSP,
-  QuantityPicker
-};
-//# sourceMappingURL=index.mjs.map
+import { QuantityPicker } from "./quantity-picker.mjs";
+import { ColorSwatch } from "./color-swatch.mjs";
+import { MaterialSelector } from "./material-selector.mjs";
+import { ProductUSP } from "./product-usp.mjs";
+export { ColorSwatch, MaterialSelector, ProductUSP, QuantityPicker };

package/dist/client/storefront/product/material-selector.d.ts

@@ -1,15 +1,24 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/product/material-selector.d.ts
 interface MaterialOption {
-    value: string;
-    label: string;
-    image?: string;
-    color?: string;
+  value: string;
+  label: string;
+  image?: string;
+  color?: string;
 }
 interface MaterialSelectorProps {
-    options: MaterialOption[];
-    selected: string;
-    onChange: (value: string) => void;
-    className?: string;
+  options: MaterialOption[];
+  selected: string;
+  onChange: (value: string) => void;
+  className?: string;
 }
-declare function MaterialSelector({ options, selected, onChange, className }: MaterialSelectorProps): import("react/jsx-runtime").JSX.Element;
-export { MaterialSelector, type MaterialSelectorProps, type MaterialOption };
+declare function MaterialSelector({
+  options,
+  selected,
+  onChange,
+  className
+}: MaterialSelectorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { type MaterialOption, MaterialSelector, type MaterialSelectorProps };
 //# sourceMappingURL=material-selector.d.ts.map

package/dist/client/storefront/product/material-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"material-selector.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/product/material-selector.tsx"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,gBAAgB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAmC1F;AAED,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,CAAA"}
+{"version":3,"file":"material-selector.d.ts","names":[],"sources":["../../../../src/client/storefront/product/material-selector.tsx"],"mappings":";;;UAKU,cAAA;EACR,KAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;AAAA;AAAA,UAGQ,qBAAA;EACR,OAAA,EAAS,cAAA;EACT,QAAA;EACA,QAAA,GAAW,KAAA;EACX,SAAA;AAAA;AAAA,iBAGO,gBAAA,CAAA;EAAmB,OAAA;EAAS,QAAA;EAAU,QAAA;EAAU;AAAA,GAAa,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/product/material-selector.mjs

@@ -1,35 +1,35 @@
 "use client";
+import { cn } from "../../ui/utils.mjs";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/product/material-selector.tsx
 function MaterialSelector({ options, selected, onChange, className }) {
-  return /* @__PURE__ */ jsx("div", { role: "radiogroup", "aria-label": "Select material", className: cn("flex flex-wrap gap-3", className), children: options.map((option) => {
-    const isSelected = option.value === selected;
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        role: "radio",
-        "aria-checked": isSelected,
-        "aria-label": option.label,
-        onClick: () => onChange(option.value),
-        className: cn(
-          "enad-interactive flex size-12 items-center justify-center overflow-hidden rounded-full border-2 transition-all",
-          isSelected ? "border-primary ring-2 ring-primary/30" : "border-transparent hover:border-muted-foreground/30"
-        ),
-        children: option.image ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: option.image,
-            alt: option.label,
-            className: "size-full rounded-full object-cover"
-          }
-        ) : /* @__PURE__ */ jsx("span", { className: "size-full rounded-full", style: { backgroundColor: option.color ?? "#ccc" } })
-      },
-      option.value
-    );
-  }) });
+	return /* @__PURE__ */ jsx("div", {
+		role: "radiogroup",
+		"aria-label": "Select material",
+		className: cn("flex flex-wrap gap-3", className),
+		children: options.map((option) => {
+			const isSelected = option.value === selected;
+			return /* @__PURE__ */ jsx("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": isSelected,
+				"aria-label": option.label,
+				onClick: () => onChange(option.value),
+				className: cn("enad-interactive flex size-12 items-center justify-center overflow-hidden rounded-full border-2 transition-all", isSelected ? "border-primary ring-2 ring-primary/30" : "border-transparent hover:border-muted-foreground/30"),
+				children: option.image ? /* @__PURE__ */ jsx("img", {
+					src: option.image,
+					alt: option.label,
+					className: "size-full rounded-full object-cover"
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "size-full rounded-full",
+					style: { backgroundColor: option.color ?? "#ccc" }
+				})
+			}, option.value);
+		})
+	});
 }
-export {
-  MaterialSelector
-};
+//#endregion
+export { MaterialSelector };
+
 //# sourceMappingURL=material-selector.mjs.map

package/dist/client/storefront/product/material-selector.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/product/material-selector.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\n\ninterface MaterialOption {\n  value: string\n  label: string\n  image?: string\n  color?: string\n}\n\ninterface MaterialSelectorProps {\n  options: MaterialOption[]\n  selected: string\n  onChange: (value: string) => void\n  className?: string\n}\n\nfunction MaterialSelector({ options, selected, onChange, className }: MaterialSelectorProps) {\n  return (\n    <div role=\"radiogroup\" aria-label=\"Select material\" className={cn(\"flex flex-wrap gap-3\", className)}>\n      {options.map((option) => {\n        const isSelected = option.value === selected\n\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isSelected}\n            aria-label={option.label}\n            onClick={() => onChange(option.value)}\n            className={cn(\n              \"enad-interactive flex size-12 items-center justify-center overflow-hidden rounded-full border-2 transition-all\",\n              isSelected\n                ? \"border-primary ring-2 ring-primary/30\"\n                : \"border-transparent hover:border-muted-foreground/30\"\n            )}\n          >\n            {option.image ? (\n              <img\n                src={option.image}\n                alt={option.label}\n                className=\"size-full rounded-full object-cover\"\n              />\n            ) : (\n              <span className=\"size-full rounded-full\" style={{ backgroundColor: option.color ?? \"#ccc\" }} />\n            )}\n          </button>\n        )\n      })}\n    </div>\n  )\n}\n\nexport { MaterialSelector, type MaterialSelectorProps, type MaterialOption }\n"],"mappings":";AAyCc;AAtCd,SAAS,UAAU;AAgBnB,SAAS,iBAAiB,EAAE,SAAS,UAAU,UAAU,UAAU,GAA0B;AAC3F,SACE,oBAAC,SAAI,MAAK,cAAa,cAAW,mBAAkB,WAAW,GAAG,wBAAwB,SAAS,GAChG,kBAAQ,IAAI,CAAC,WAAW;AACvB,UAAM,aAAa,OAAO,UAAU;AAEpC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,cAAY,OAAO;AAAA,QACnB,SAAS,MAAM,SAAS,OAAO,KAAK;AAAA,QACpC,WAAW;AAAA,UACT;AAAA,UACA,aACI,0CACA;AAAA,QACN;AAAA,QAEC,iBAAO,QACN;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,OAAO;AAAA,YACZ,KAAK,OAAO;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ,IAEA,oBAAC,UAAK,WAAU,0BAAyB,OAAO,EAAE,iBAAiB,OAAO,SAAS,OAAO,GAAG;AAAA;AAAA,MApB1F,OAAO;AAAA,IAsBd;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}
+{"version":3,"file":"material-selector.mjs","names":[],"sources":["../../../../src/client/storefront/product/material-selector.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\n\ninterface MaterialOption {\n  value: string\n  label: string\n  image?: string\n  color?: string\n}\n\ninterface MaterialSelectorProps {\n  options: MaterialOption[]\n  selected: string\n  onChange: (value: string) => void\n  className?: string\n}\n\nfunction MaterialSelector({ options, selected, onChange, className }: MaterialSelectorProps) {\n  return (\n    <div role=\"radiogroup\" aria-label=\"Select material\" className={cn(\"flex flex-wrap gap-3\", className)}>\n      {options.map((option) => {\n        const isSelected = option.value === selected\n\n        return (\n          <button\n            key={option.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isSelected}\n            aria-label={option.label}\n            onClick={() => onChange(option.value)}\n            className={cn(\n              \"enad-interactive flex size-12 items-center justify-center overflow-hidden rounded-full border-2 transition-all\",\n              isSelected\n                ? \"border-primary ring-2 ring-primary/30\"\n                : \"border-transparent hover:border-muted-foreground/30\"\n            )}\n          >\n            {option.image ? (\n              <img\n                src={option.image}\n                alt={option.label}\n                className=\"size-full rounded-full object-cover\"\n              />\n            ) : (\n              <span className=\"size-full rounded-full\" style={{ backgroundColor: option.color ?? \"#ccc\" }} />\n            )}\n          </button>\n        )\n      })}\n    </div>\n  )\n}\n\nexport { MaterialSelector, type MaterialSelectorProps, type MaterialOption }\n"],"mappings":";;;;;AAmBA,SAAS,iBAAiB,EAAE,SAAS,UAAU,UAAU,aAAoC;AAC3F,QACE,oBAAC,OAAD;EAAK,MAAK;EAAa,cAAW;EAAkB,WAAW,GAAG,wBAAwB,UAAU;YACjG,QAAQ,KAAK,WAAW;GACvB,MAAM,aAAa,OAAO,UAAU;AAEpC,UACE,oBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,gBAAc;IACd,cAAY,OAAO;IACnB,eAAe,SAAS,OAAO,MAAM;IACrC,WAAW,GACT,kHACA,aACI,0CACA,sDACL;cAEA,OAAO,QACN,oBAAC,OAAD;KACE,KAAK,OAAO;KACZ,KAAK,OAAO;KACZ,WAAU;KACV,CAAA,GAEF,oBAAC,QAAD;KAAM,WAAU;KAAyB,OAAO,EAAE,iBAAiB,OAAO,SAAS,QAAQ;KAAI,CAAA;IAE1F,EAtBF,OAAO,MAsBL;IAEX;EACE,CAAA"}

package/dist/client/storefront/product/product-usp.d.ts

@@ -1,7 +1,14 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/product/product-usp.d.ts
 interface ProductUSPProps {
-    text: string;
-    className?: string;
+  text: string;
+  className?: string;
 }
-declare function ProductUSP({ text, className }: ProductUSPProps): import("react/jsx-runtime").JSX.Element;
+declare function ProductUSP({
+  text,
+  className
+}: ProductUSPProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { ProductUSP, type ProductUSPProps };
 //# sourceMappingURL=product-usp.d.ts.map

package/dist/client/storefront/product/product-usp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-usp.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/product/product-usp.tsx"],"names":[],"mappings":"AAIA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,eAAe,2CAQvD;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA"}
+{"version":3,"file":"product-usp.d.ts","names":[],"sources":["../../../../src/client/storefront/product/product-usp.tsx"],"mappings":";;;UAIU,eAAA;EACR,IAAA;EACA,SAAA;AAAA;AAAA,iBAGO,UAAA,CAAA;EAAa,IAAA;EAAM;AAAA,GAAa,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/product/product-usp.mjs

@@ -1,14 +1,19 @@
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIcon } from "../../icons/icon-context";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/product/product-usp.tsx
 function ProductUSP({ text, className }) {
-  const CheckIcon = useIcon("check");
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 shrink-0 text-green-500" }),
-    /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: text })
-  ] });
+	const CheckIcon = useIcon("check");
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center gap-2", className),
+		children: [/* @__PURE__ */ jsx(CheckIcon, { className: "size-4 shrink-0 text-green-500" }), /* @__PURE__ */ jsx("span", {
+			className: "text-sm text-muted-foreground",
+			children: text
+		})]
+	});
 }
-export {
-  ProductUSP
-};
+//#endregion
+export { ProductUSP };
+
 //# sourceMappingURL=product-usp.mjs.map

package/dist/client/storefront/product/product-usp.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/product/product-usp.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { cn } from \"../../ui/utils\"\n\ninterface ProductUSPProps {\n  text: string\n  className?: string\n}\n\nfunction ProductUSP({ text, className }: ProductUSPProps) {\n  const CheckIcon = useIcon(\"check\")\n  return (\n    <div className={cn(\"flex items-center gap-2\", className)}>\n      <CheckIcon className=\"size-4 shrink-0 text-green-500\" />\n      <span className=\"text-sm text-muted-foreground\">{text}</span>\n    </div>\n  )\n}\n\nexport { ProductUSP, type ProductUSPProps }\n"],"mappings":"AAYI,SACE,KADF;AAXJ,SAAS,eAAe;AACxB,SAAS,UAAU;AAOnB,SAAS,WAAW,EAAE,MAAM,UAAU,GAAoB;AACxD,QAAM,YAAY,QAAQ,OAAO;AACjC,SACE,qBAAC,SAAI,WAAW,GAAG,2BAA2B,SAAS,GACrD;AAAA,wBAAC,aAAU,WAAU,kCAAiC;AAAA,IACtD,oBAAC,UAAK,WAAU,iCAAiC,gBAAK;AAAA,KACxD;AAEJ;","names":[]}
+{"version":3,"file":"product-usp.mjs","names":[],"sources":["../../../../src/client/storefront/product/product-usp.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { cn } from \"../../ui/utils\"\n\ninterface ProductUSPProps {\n  text: string\n  className?: string\n}\n\nfunction ProductUSP({ text, className }: ProductUSPProps) {\n  const CheckIcon = useIcon(\"check\")\n  return (\n    <div className={cn(\"flex items-center gap-2\", className)}>\n      <CheckIcon className=\"size-4 shrink-0 text-green-500\" />\n      <span className=\"text-sm text-muted-foreground\">{text}</span>\n    </div>\n  )\n}\n\nexport { ProductUSP, type ProductUSPProps }\n"],"mappings":";;;;;AASA,SAAS,WAAW,EAAE,MAAM,aAA8B;CACxD,MAAM,YAAY,QAAQ,QAAQ;AAClC,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,2BAA2B,UAAU;YAAxD,CACE,oBAAC,WAAD,EAAW,WAAU,kCAAmC,CAAA,EACxD,oBAAC,QAAD;GAAM,WAAU;aAAiC;GAAY,CAAA,CACzD"}