@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/components/testimonial.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/components/testimonial.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { StarRating } from \"./star-rating\";\n\n/* ─── Types ─── */\n\nexport interface TestimonialProps {\n  quote: string;\n  name: string;\n  role?: string;\n  location?: string;\n  avatarUrl?: string;\n  avatarInitials?: string;\n  rating?: number;\n  className?: string;\n}\n\nexport interface TestimonialGridProps {\n  children: React.ReactNode;\n  /** Number of columns at lg breakpoint */\n  columns?: 2 | 3 | 4;\n  className?: string;\n}\n\n/* ─── Testimonial ─── */\n\nexport function Testimonial({\n  quote,\n  name,\n  role,\n  location,\n  avatarUrl,\n  avatarInitials,\n  rating,\n  className,\n}: TestimonialProps) {\n  const attribution = [role, location].filter(Boolean).join(\", \");\n\n  return (\n    <figure\n      className={cn(\n        \"flex flex-col gap-4 rounded-(--enad-border-radius) border border-border bg-background p-6\",\n        className,\n      )}\n    >\n      {rating !== undefined && <StarRating rating={rating} size=\"sm\" />}\n\n      <blockquote className=\"flex-1 text-sm leading-relaxed text-foreground\">\n        &ldquo;{quote}&rdquo;\n      </blockquote>\n\n      <figcaption className=\"flex items-center gap-3\">\n        {(avatarUrl || avatarInitials) && (\n          <div className=\"flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-sm font-medium text-muted-foreground\">\n            {avatarUrl ? (\n              <img src={avatarUrl} alt={name} loading=\"lazy\" className=\"size-full object-cover\" />\n            ) : (\n              avatarInitials\n            )}\n          </div>\n        )}\n        <div className=\"flex flex-col\">\n          <span className=\"text-sm font-medium font-enad\">{name}</span>\n          {attribution && <span className=\"text-xs text-muted-foreground\">{attribution}</span>}\n        </div>\n      </figcaption>\n    </figure>\n  );\n}\n\n/* ─── Grid ─── */\n\nconst columnClasses = {\n  2: \"sm:columns-2\",\n  3: \"sm:columns-2 lg:columns-3\",\n  4: \"sm:columns-2 lg:columns-3 xl:columns-4\",\n} as const;\n\nexport function TestimonialGrid({ children, columns = 3, className }: TestimonialGridProps) {\n  return (\n    <div className={cn(\"columns-1 gap-4 space-y-4\", columnClasses[columns], className)}>\n      {React.Children.map(children, (child) => (\n        <div className=\"break-inside-avoid\">{child}</div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"AA6C+B,cAEzB,YAFyB;AA7C/B,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAwBpB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,cAAc,CAAC,MAAM,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,mBAAW,UAAa,oBAAC,cAAW,QAAgB,MAAK,MAAK;AAAA,QAE/D,qBAAC,gBAAW,WAAU,kDAAiD;AAAA;AAAA,UAC7D;AAAA,UAAM;AAAA,WAChB;AAAA,QAEA,qBAAC,gBAAW,WAAU,2BAClB;AAAA,wBAAa,mBACb,oBAAC,SAAI,WAAU,qIACZ,sBACC,oBAAC,SAAI,KAAK,WAAW,KAAK,MAAM,SAAQ,QAAO,WAAU,0BAAyB,IAElF,gBAEJ;AAAA,UAEF,qBAAC,SAAI,WAAU,iBACb;AAAA,gCAAC,UAAK,WAAU,iCAAiC,gBAAK;AAAA,YACrD,eAAe,oBAAC,UAAK,WAAU,iCAAiC,uBAAY;AAAA,aAC/E;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAIA,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,SAAS,gBAAgB,EAAE,UAAU,UAAU,GAAG,UAAU,GAAyB;AAC1F,SACE,oBAAC,SAAI,WAAW,GAAG,6BAA6B,cAAc,OAAO,GAAG,SAAS,GAC9E,gBAAM,SAAS,IAAI,UAAU,CAAC,UAC7B,oBAAC,SAAI,WAAU,sBAAsB,iBAAM,CAC5C,GACH;AAEJ;","names":[]}
+{"version":3,"file":"testimonial.mjs","names":["React"],"sources":["../../../../src/client/storefront/components/testimonial.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { StarRating } from \"./star-rating\";\n\n/* ─── Types ─── */\n\nexport interface TestimonialProps {\n  quote: string;\n  name: string;\n  role?: string;\n  location?: string;\n  avatarUrl?: string;\n  avatarInitials?: string;\n  rating?: number;\n  className?: string;\n}\n\nexport interface TestimonialGridProps {\n  children: React.ReactNode;\n  /** Number of columns at lg breakpoint */\n  columns?: 2 | 3 | 4;\n  className?: string;\n}\n\n/* ─── Testimonial ─── */\n\nexport function Testimonial({\n  quote,\n  name,\n  role,\n  location,\n  avatarUrl,\n  avatarInitials,\n  rating,\n  className,\n}: TestimonialProps) {\n  const attribution = [role, location].filter(Boolean).join(\", \");\n\n  return (\n    <figure\n      className={cn(\n        \"flex flex-col gap-4 rounded-(--enad-border-radius) border border-border bg-background p-6\",\n        className,\n      )}\n    >\n      {rating !== undefined && <StarRating rating={rating} size=\"sm\" />}\n\n      <blockquote className=\"flex-1 text-sm leading-relaxed text-foreground\">\n        &ldquo;{quote}&rdquo;\n      </blockquote>\n\n      <figcaption className=\"flex items-center gap-3\">\n        {(avatarUrl || avatarInitials) && (\n          <div className=\"flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-sm font-medium text-muted-foreground\">\n            {avatarUrl ? (\n              <img src={avatarUrl} alt={name} loading=\"lazy\" className=\"size-full object-cover\" />\n            ) : (\n              avatarInitials\n            )}\n          </div>\n        )}\n        <div className=\"flex flex-col\">\n          <span className=\"text-sm font-medium font-enad\">{name}</span>\n          {attribution && <span className=\"text-xs text-muted-foreground\">{attribution}</span>}\n        </div>\n      </figcaption>\n    </figure>\n  );\n}\n\n/* ─── Grid ─── */\n\nconst columnClasses = {\n  2: \"sm:columns-2\",\n  3: \"sm:columns-2 lg:columns-3\",\n  4: \"sm:columns-2 lg:columns-3 xl:columns-4\",\n} as const;\n\nexport function TestimonialGrid({ children, columns = 3, className }: TestimonialGridProps) {\n  return (\n    <div className={cn(\"columns-1 gap-4 space-y-4\", columnClasses[columns], className)}>\n      {React.Children.map(children, (child) => (\n        <div className=\"break-inside-avoid\">{child}</div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AA0BA,SAAgB,YAAY,EAC1B,OACA,MACA,MACA,UACA,WACA,gBACA,QACA,aACmB;CACnB,MAAM,cAAc,CAAC,MAAM,SAAS,CAAC,OAAO,QAAQ,CAAC,KAAK,KAAK;AAE/D,QACE,qBAAC,UAAD;EACE,WAAW,GACT,6FACA,UACD;YAJH;GAMG,WAAW,KAAA,KAAa,oBAAC,YAAD;IAAoB;IAAQ,MAAK;IAAO,CAAA;GAEjE,qBAAC,cAAD;IAAY,WAAU;cAAtB;KAAuE;KAC7D;KAAM;KACH;;GAEb,qBAAC,cAAD;IAAY,WAAU;cAAtB,EACI,aAAa,mBACb,oBAAC,OAAD;KAAK,WAAU;eACZ,YACC,oBAAC,OAAD;MAAK,KAAK;MAAW,KAAK;MAAM,SAAQ;MAAO,WAAU;MAA2B,CAAA,GAEpF;KAEE,CAAA,EAER,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,QAAD;MAAM,WAAU;gBAAiC;MAAY,CAAA,EAC5D,eAAe,oBAAC,QAAD;MAAM,WAAU;gBAAiC;MAAmB,CAAA,CAChF;OACK;;GACN;;;AAMb,MAAM,gBAAgB;CACpB,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AAED,SAAgB,gBAAgB,EAAE,UAAU,UAAU,GAAG,aAAmC;AAC1F,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,6BAA6B,cAAc,UAAU,UAAU;YAC/EA,QAAM,SAAS,IAAI,WAAW,UAC7B,oBAAC,OAAD;GAAK,WAAU;aAAsB;GAAY,CAAA,CACjD;EACE,CAAA"}

package/dist/client/storefront/components/trust-badges.d.ts

@@ -1,14 +1,23 @@
-import * as React from "react";
-export interface TrustBadge {
-    icon: React.ReactNode;
-    label: string;
-    description?: string;
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/trust-badges.d.ts
+interface TrustBadge {
+  icon: React$1.ReactNode;
+  label: string;
+  description?: string;
 }
-export interface TrustBadgesProps {
-    badges: TrustBadge[];
-    /** Layout direction */
-    layout?: "row" | "grid";
-    className?: string;
+interface TrustBadgesProps {
+  badges: TrustBadge[];
+  /** Layout direction */
+  layout?: "row" | "grid";
+  className?: string;
 }
-export declare function TrustBadges({ badges, layout, className }: TrustBadgesProps): import("react/jsx-runtime").JSX.Element | null;
+declare function TrustBadges({
+  badges,
+  layout,
+  className
+}: TrustBadgesProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { TrustBadge, TrustBadges, TrustBadgesProps };
 //# sourceMappingURL=trust-badges.d.ts.map

package/dist/client/storefront/components/trust-badges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trust-badges.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/trust-badges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,uBAAuB;IACvB,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,MAAc,EAAE,SAAS,EAAE,EAAE,gBAAgB,kDA2BlF"}
+{"version":3,"file":"trust-badges.d.ts","names":[],"sources":["../../../../src/client/storefront/components/trust-badges.tsx"],"mappings":";;;;UAKiB,UAAA;EACf,IAAA,EAAM,OAAA,CAAM,SAAA;EACZ,KAAA;EACA,WAAA;AAAA;AAAA,UAGe,gBAAA;EACf,MAAA,EAAQ,UAAA;EANR;EAQA,MAAA;EACA,SAAA;AAAA;AAAA,iBAKc,WAAA,CAAA;EAAc,MAAA;EAAQ,MAAA;EAAgB;AAAA,GAAa,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/components/trust-badges.mjs

@@ -1,25 +1,30 @@
+import { cn } from "../../ui/utils.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/components/trust-badges.tsx
 function TrustBadges({ badges, layout = "row", className }) {
-  if (badges.length === 0) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        layout === "row" ? "flex flex-wrap items-start justify-center gap-6 sm:gap-8" : "grid grid-cols-2 gap-4 sm:grid-cols-4",
-        className
-      ),
-      children: badges.map((badge, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex size-10 items-center justify-center rounded-full bg-muted text-foreground", children: badge.icon }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium font-enad", children: badge.label }),
-          badge.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: badge.description })
-        ] })
-      ] }, i))
-    }
-  );
+	if (badges.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(layout === "row" ? "flex flex-wrap items-start justify-center gap-6 sm:gap-8" : "grid grid-cols-2 gap-4 sm:grid-cols-4", className),
+		children: badges.map((badge, i) => /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-center gap-2 text-center",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "flex size-10 items-center justify-center rounded-full bg-muted text-foreground",
+				children: badge.icon
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-0.5",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-sm font-medium font-enad",
+					children: badge.label
+				}), badge.description && /* @__PURE__ */ jsx("span", {
+					className: "text-xs text-muted-foreground",
+					children: badge.description
+				})]
+			})]
+		}, i))
+	});
 }
-export {
-  TrustBadges
-};
+//#endregion
+export { TrustBadges };
+
 //# sourceMappingURL=trust-badges.mjs.map

package/dist/client/storefront/components/trust-badges.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/components/trust-badges.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\n\n/* ─── Types ─── */\n\nexport interface TrustBadge {\n  icon: React.ReactNode;\n  label: string;\n  description?: string;\n}\n\nexport interface TrustBadgesProps {\n  badges: TrustBadge[];\n  /** Layout direction */\n  layout?: \"row\" | \"grid\";\n  className?: string;\n}\n\n/* ─── Component ─── */\n\nexport function TrustBadges({ badges, layout = \"row\", className }: TrustBadgesProps) {\n  if (badges.length === 0) return null;\n\n  return (\n    <div\n      className={cn(\n        layout === \"row\"\n          ? \"flex flex-wrap items-start justify-center gap-6 sm:gap-8\"\n          : \"grid grid-cols-2 gap-4 sm:grid-cols-4\",\n        className,\n      )}\n    >\n      {badges.map((badge, i) => (\n        <div key={i} className=\"flex flex-col items-center gap-2 text-center\">\n          <div className=\"flex size-10 items-center justify-center rounded-full bg-muted text-foreground\">\n            {badge.icon}\n          </div>\n          <div className=\"flex flex-col gap-0.5\">\n            <span className=\"text-sm font-medium font-enad\">{badge.label}</span>\n            {badge.description && (\n              <span className=\"text-xs text-muted-foreground\">{badge.description}</span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"AAkCU,cAGA,YAHA;AAjCV,SAAS,UAAU;AAmBZ,SAAS,YAAY,EAAE,QAAQ,SAAS,OAAO,UAAU,GAAqB;AACnF,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,WAAW,QACP,6DACA;AAAA,QACJ;AAAA,MACF;AAAA,MAEC,iBAAO,IAAI,CAAC,OAAO,MAClB,qBAAC,SAAY,WAAU,gDACrB;AAAA,4BAAC,SAAI,WAAU,kFACZ,gBAAM,MACT;AAAA,QACA,qBAAC,SAAI,WAAU,yBACb;AAAA,8BAAC,UAAK,WAAU,iCAAiC,gBAAM,OAAM;AAAA,UAC5D,MAAM,eACL,oBAAC,UAAK,WAAU,iCAAiC,gBAAM,aAAY;AAAA,WAEvE;AAAA,WATQ,CAUV,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"file":"trust-badges.mjs","names":[],"sources":["../../../../src/client/storefront/components/trust-badges.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\n\n/* ─── Types ─── */\n\nexport interface TrustBadge {\n  icon: React.ReactNode;\n  label: string;\n  description?: string;\n}\n\nexport interface TrustBadgesProps {\n  badges: TrustBadge[];\n  /** Layout direction */\n  layout?: \"row\" | \"grid\";\n  className?: string;\n}\n\n/* ─── Component ─── */\n\nexport function TrustBadges({ badges, layout = \"row\", className }: TrustBadgesProps) {\n  if (badges.length === 0) return null;\n\n  return (\n    <div\n      className={cn(\n        layout === \"row\"\n          ? \"flex flex-wrap items-start justify-center gap-6 sm:gap-8\"\n          : \"grid grid-cols-2 gap-4 sm:grid-cols-4\",\n        className,\n      )}\n    >\n      {badges.map((badge, i) => (\n        <div key={i} className=\"flex flex-col items-center gap-2 text-center\">\n          <div className=\"flex size-10 items-center justify-center rounded-full bg-muted text-foreground\">\n            {badge.icon}\n          </div>\n          <div className=\"flex flex-col gap-0.5\">\n            <span className=\"text-sm font-medium font-enad\">{badge.label}</span>\n            {badge.description && (\n              <span className=\"text-xs text-muted-foreground\">{badge.description}</span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;AAoBA,SAAgB,YAAY,EAAE,QAAQ,SAAS,OAAO,aAA+B;AACnF,KAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,QACE,oBAAC,OAAD;EACE,WAAW,GACT,WAAW,QACP,6DACA,yCACJ,UACD;YAEA,OAAO,KAAK,OAAO,MAClB,qBAAC,OAAD;GAAa,WAAU;aAAvB,CACE,oBAAC,OAAD;IAAK,WAAU;cACZ,MAAM;IACH,CAAA,EACN,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,QAAD;KAAM,WAAU;eAAiC,MAAM;KAAa,CAAA,EACnE,MAAM,eACL,oBAAC,QAAD;KAAM,WAAU;eAAiC,MAAM;KAAmB,CAAA,CAExE;MACF;KAVI,EAUJ,CACN;EACE,CAAA"}

package/dist/client/storefront/components/variant-selector.d.ts

@@ -1,21 +1,32 @@
-export interface VariantOption {
-    id: string;
-    label: string;
-    available?: boolean;
-    value?: string;
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/variant-selector.d.ts
+interface VariantOption {
+  id: string;
+  label: string;
+  available?: boolean;
+  value?: string;
 }
-export interface VariantAxis {
-    name: string;
-    options: VariantOption[];
+interface VariantAxis {
+  name: string;
+  options: VariantOption[];
 }
-export interface VariantSelectorProps {
-    axes: VariantAxis[];
-    selected: Record<string, string>;
-    onChange: (axis: string, optionId: string) => void;
-    labels?: {
-        unavailableHint?: string;
-    };
-    className?: string;
+interface VariantSelectorProps {
+  axes: VariantAxis[];
+  selected: Record<string, string>;
+  onChange: (axis: string, optionId: string) => void;
+  labels?: {
+    unavailableHint?: string;
+  };
+  className?: string;
 }
-export declare function VariantSelector({ axes, selected, onChange, labels, className, }: VariantSelectorProps): import("react/jsx-runtime").JSX.Element;
+declare function VariantSelector({
+  axes,
+  selected,
+  onChange,
+  labels,
+  className
+}: VariantSelectorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { VariantAxis, VariantOption, VariantSelector, VariantSelectorProps };
 //# sourceMappingURL=variant-selector.d.ts.map

package/dist/client/storefront/components/variant-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variant-selector.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/variant-selector.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,aAAa,EAAE,CAAA;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,MAAM,CAAC,EAAE;QACP,eAAe,CAAC,EAAE,MAAM,CAAA;KACzB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAW,EACX,SAAc,GACf,EAAE,oBAAoB,2CAqDtB"}
+{"version":3,"file":"variant-selector.d.ts","names":[],"sources":["../../../../src/client/storefront/components/variant-selector.tsx"],"mappings":";;;UAEiB,aAAA;EACf,EAAA;EACA,KAAA;EACA,SAAA;EACA,KAAA;AAAA;AAAA,UAGe,WAAA;EACf,IAAA;EACA,OAAA,EAAS,aAAA;AAAA;AAAA,UAGM,oBAAA;EACf,IAAA,EAAM,WAAA;EACN,QAAA,EAAU,MAAA;EACV,QAAA,GAAW,IAAA,UAAc,QAAA;EACzB,MAAA;IACE,eAAA;EAAA;EAEF,SAAA;AAAA;AAAA,iBAGc,eAAA,CAAA;EACd,IAAA;EACA,QAAA;EACA,QAAA;EACA,MAAA;EACA;AAAA,GACC,oBAAA,GAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/components/variant-selector.mjs

@@ -1,41 +1,43 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-function VariantSelector({
-  axes,
-  selected,
-  onChange,
-  labels = {},
-  className = ""
-}) {
-  const { unavailableHint = "Unavailable" } = labels;
-  return /* @__PURE__ */ jsx("div", { className: `font-enad space-y-4 ${className}`, children: axes.map((axis) => /* @__PURE__ */ jsxs("fieldset", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsx("legend", { className: "text-sm font-medium text-(--enad-text-primary-color)", children: axis.name }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", role: "radiogroup", "aria-label": axis.name, children: axis.options.map((option) => {
-      const isSelected = selected[axis.name] === option.id;
-      const isAvailable = option.available !== false;
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          role: "radio",
-          "aria-checked": isSelected,
-          "aria-label": isAvailable ? `${option.label}` : `${option.label} - ${unavailableHint}`,
-          onClick: () => onChange(axis.name, option.id),
-          className: `
+//#region src/client/storefront/components/variant-selector.tsx
+function VariantSelector({ axes, selected, onChange, labels = {}, className = "" }) {
+	const { unavailableHint = "Unavailable" } = labels;
+	return /* @__PURE__ */ jsx("div", {
+		className: `font-enad space-y-4 ${className}`,
+		children: axes.map((axis) => /* @__PURE__ */ jsxs("fieldset", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ jsx("legend", {
+				className: "text-sm font-medium text-(--enad-text-primary-color)",
+				children: axis.name
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap gap-2",
+				role: "radiogroup",
+				"aria-label": axis.name,
+				children: axis.options.map((option) => {
+					const isSelected = selected[axis.name] === option.id;
+					const isAvailable = option.available !== false;
+					return /* @__PURE__ */ jsx("button", {
+						type: "button",
+						role: "radio",
+						"aria-checked": isSelected,
+						"aria-label": isAvailable ? `${option.label}` : `${option.label} - ${unavailableHint}`,
+						onClick: () => onChange(axis.name, option.id),
+						className: `
                     inline-flex items-center justify-center px-4 py-2 text-sm font-medium
                     rounded-(--enad-border-radius) border transition
                     motion-reduce:transition-none
                     ${isSelected ? "bg-(--enad-button-bg) text-(--enad-button-color) border-(--enad-button-bg) ring-2 ring-(--enad-button-bg)/30 ring-offset-1" : "bg-transparent text-(--enad-text-primary-color) border-(--enad-border-color) hover:border-(--enad-button-bg)"}
                     ${!isAvailable ? "opacity-40 line-through" : ""}
                   `,
-          children: option.label
-        },
-        option.id
-      );
-    }) })
-  ] }, axis.name)) });
+						children: option.label
+					}, option.id);
+				})
+			})]
+		}, axis.name))
+	});
 }
-export {
-  VariantSelector
-};
+//#endregion
+export { VariantSelector };
+
 //# sourceMappingURL=variant-selector.mjs.map

package/dist/client/storefront/components/variant-selector.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/components/variant-selector.tsx"],"sourcesContent":["\"use client\"\n\nexport interface VariantOption {\n  id: string\n  label: string\n  available?: boolean\n  value?: string\n}\n\nexport interface VariantAxis {\n  name: string\n  options: VariantOption[]\n}\n\nexport interface VariantSelectorProps {\n  axes: VariantAxis[]\n  selected: Record<string, string>\n  onChange: (axis: string, optionId: string) => void\n  labels?: {\n    unavailableHint?: string\n  }\n  className?: string\n}\n\nexport function VariantSelector({\n  axes,\n  selected,\n  onChange,\n  labels = {},\n  className = \"\",\n}: VariantSelectorProps) {\n  const { unavailableHint = \"Unavailable\" } = labels\n\n  return (\n    <div className={`font-enad space-y-4 ${className}`}>\n      {axes.map((axis) => (\n        <fieldset key={axis.name} className=\"space-y-2\">\n          <legend className=\"text-sm font-medium text-(--enad-text-primary-color)\">\n            {axis.name}\n          </legend>\n\n          <div className=\"flex flex-wrap gap-2\" role=\"radiogroup\" aria-label={axis.name}>\n            {axis.options.map((option) => {\n              const isSelected = selected[axis.name] === option.id\n              const isAvailable = option.available !== false\n\n              return (\n                <button\n                  key={option.id}\n                  type=\"button\"\n                  role=\"radio\"\n                  aria-checked={isSelected}\n                  aria-label={\n                    isAvailable\n                      ? `${option.label}`\n                      : `${option.label} - ${unavailableHint}`\n                  }\n                  onClick={() => onChange(axis.name, option.id)}\n                  className={`\n                    inline-flex items-center justify-center px-4 py-2 text-sm font-medium\n                    rounded-(--enad-border-radius) border transition\n                    motion-reduce:transition-none\n                    ${\n                      isSelected\n                        ? \"bg-(--enad-button-bg) text-(--enad-button-color) border-(--enad-button-bg) ring-2 ring-(--enad-button-bg)/30 ring-offset-1\"\n                        : \"bg-transparent text-(--enad-text-primary-color) border-(--enad-border-color) hover:border-(--enad-button-bg)\"\n                    }\n                    ${\n                      !isAvailable\n                        ? \"opacity-40 line-through\"\n                        : \"\"\n                    }\n                  `}\n                >\n                  {option.label}\n                </button>\n              )\n            })}\n          </div>\n        </fieldset>\n      ))}\n    </div>\n  )\n}\n"],"mappings":";AAoCQ,SACE,KADF;AAZD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AAAA,EACV,YAAY;AACd,GAAyB;AACvB,QAAM,EAAE,kBAAkB,cAAc,IAAI;AAE5C,SACE,oBAAC,SAAI,WAAW,uBAAuB,SAAS,IAC7C,eAAK,IAAI,CAAC,SACT,qBAAC,cAAyB,WAAU,aAClC;AAAA,wBAAC,YAAO,WAAU,wDACf,eAAK,MACR;AAAA,IAEA,oBAAC,SAAI,WAAU,wBAAuB,MAAK,cAAa,cAAY,KAAK,MACtE,eAAK,QAAQ,IAAI,CAAC,WAAW;AAC5B,YAAM,aAAa,SAAS,KAAK,IAAI,MAAM,OAAO;AAClD,YAAM,cAAc,OAAO,cAAc;AAEzC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,gBAAc;AAAA,UACd,cACE,cACI,GAAG,OAAO,KAAK,KACf,GAAG,OAAO,KAAK,MAAM,eAAe;AAAA,UAE1C,SAAS,MAAM,SAAS,KAAK,MAAM,OAAO,EAAE;AAAA,UAC5C,WAAW;AAAA;AAAA;AAAA;AAAA,sBAKP,aACI,+HACA,8GACN;AAAA,sBAEE,CAAC,cACG,4BACA,EACN;AAAA;AAAA,UAGD,iBAAO;AAAA;AAAA,QA1BH,OAAO;AAAA,MA2Bd;AAAA,IAEJ,CAAC,GACH;AAAA,OA1Ca,KAAK,IA2CpB,CACD,GACH;AAEJ;","names":[]}
+{"version":3,"file":"variant-selector.mjs","names":[],"sources":["../../../../src/client/storefront/components/variant-selector.tsx"],"sourcesContent":["\"use client\"\n\nexport interface VariantOption {\n  id: string\n  label: string\n  available?: boolean\n  value?: string\n}\n\nexport interface VariantAxis {\n  name: string\n  options: VariantOption[]\n}\n\nexport interface VariantSelectorProps {\n  axes: VariantAxis[]\n  selected: Record<string, string>\n  onChange: (axis: string, optionId: string) => void\n  labels?: {\n    unavailableHint?: string\n  }\n  className?: string\n}\n\nexport function VariantSelector({\n  axes,\n  selected,\n  onChange,\n  labels = {},\n  className = \"\",\n}: VariantSelectorProps) {\n  const { unavailableHint = \"Unavailable\" } = labels\n\n  return (\n    <div className={`font-enad space-y-4 ${className}`}>\n      {axes.map((axis) => (\n        <fieldset key={axis.name} className=\"space-y-2\">\n          <legend className=\"text-sm font-medium text-(--enad-text-primary-color)\">\n            {axis.name}\n          </legend>\n\n          <div className=\"flex flex-wrap gap-2\" role=\"radiogroup\" aria-label={axis.name}>\n            {axis.options.map((option) => {\n              const isSelected = selected[axis.name] === option.id\n              const isAvailable = option.available !== false\n\n              return (\n                <button\n                  key={option.id}\n                  type=\"button\"\n                  role=\"radio\"\n                  aria-checked={isSelected}\n                  aria-label={\n                    isAvailable\n                      ? `${option.label}`\n                      : `${option.label} - ${unavailableHint}`\n                  }\n                  onClick={() => onChange(axis.name, option.id)}\n                  className={`\n                    inline-flex items-center justify-center px-4 py-2 text-sm font-medium\n                    rounded-(--enad-border-radius) border transition\n                    motion-reduce:transition-none\n                    ${\n                      isSelected\n                        ? \"bg-(--enad-button-bg) text-(--enad-button-color) border-(--enad-button-bg) ring-2 ring-(--enad-button-bg)/30 ring-offset-1\"\n                        : \"bg-transparent text-(--enad-text-primary-color) border-(--enad-border-color) hover:border-(--enad-button-bg)\"\n                    }\n                    ${\n                      !isAvailable\n                        ? \"opacity-40 line-through\"\n                        : \"\"\n                    }\n                  `}\n                >\n                  {option.label}\n                </button>\n              )\n            })}\n          </div>\n        </fieldset>\n      ))}\n    </div>\n  )\n}\n"],"mappings":";;;AAwBA,SAAgB,gBAAgB,EAC9B,MACA,UACA,UACA,SAAS,EAAE,EACX,YAAY,MACW;CACvB,MAAM,EAAE,kBAAkB,kBAAkB;AAE5C,QACE,oBAAC,OAAD;EAAK,WAAW,uBAAuB;YACpC,KAAK,KAAK,SACT,qBAAC,YAAD;GAA0B,WAAU;aAApC,CACE,oBAAC,UAAD;IAAQ,WAAU;cACf,KAAK;IACC,CAAA,EAET,oBAAC,OAAD;IAAK,WAAU;IAAuB,MAAK;IAAa,cAAY,KAAK;cACtE,KAAK,QAAQ,KAAK,WAAW;KAC5B,MAAM,aAAa,SAAS,KAAK,UAAU,OAAO;KAClD,MAAM,cAAc,OAAO,cAAc;AAEzC,YACE,oBAAC,UAAD;MAEE,MAAK;MACL,MAAK;MACL,gBAAc;MACd,cACE,cACI,GAAG,OAAO,UACV,GAAG,OAAO,MAAM,KAAK;MAE3B,eAAe,SAAS,KAAK,MAAM,OAAO,GAAG;MAC7C,WAAW;;;;sBAKP,aACI,+HACA,+GACL;sBAEC,CAAC,cACG,4BACA,GACL;;gBAGF,OAAO;MACD,EA3BF,OAAO,GA2BL;MAEX;IACE,CAAA,CACG;KA3CI,KAAK,KA2CT,CACX;EACE,CAAA"}

package/dist/client/storefront/components/wishlist-toggle.d.ts

@@ -1,12 +1,25 @@
-export interface WishlistToggleProps {
-    active?: boolean;
-    onToggle?: () => void;
-    loading?: boolean;
-    size?: "sm" | "default" | "lg";
-    className?: string;
-    label?: string;
-    /** Label when active state is true */
-    activeLabel?: string;
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/wishlist-toggle.d.ts
+interface WishlistToggleProps {
+  active?: boolean;
+  onToggle?: () => void;
+  loading?: boolean;
+  size?: "sm" | "default" | "lg";
+  className?: string;
+  label?: string;
+  /** Label when active state is true */
+  activeLabel?: string;
 }
-export declare function WishlistToggle({ active, onToggle, loading, size, className, label, activeLabel, }: WishlistToggleProps): import("react/jsx-runtime").JSX.Element;
+declare function WishlistToggle({
+  active,
+  onToggle,
+  loading,
+  size,
+  className,
+  label,
+  activeLabel
+}: WishlistToggleProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WishlistToggle, WishlistToggleProps };
 //# sourceMappingURL=wishlist-toggle.d.ts.map

package/dist/client/storefront/components/wishlist-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wishlist-toggle.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/wishlist-toggle.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAc,EACd,QAAQ,EACR,OAAe,EACf,IAAgB,EAChB,SAAS,EACT,KAAyB,EACzB,WAAoC,GACrC,EAAE,mBAAmB,2CAyCrB"}
+{"version":3,"file":"wishlist-toggle.d.ts","names":[],"sources":["../../../../src/client/storefront/components/wishlist-toggle.tsx"],"mappings":";;;UAMiB,mBAAA;EACf,MAAA;EACA,QAAA;EACA,OAAA;EACA,IAAA;EACA,SAAA;EACA,KAAA;EALA;EAOA,WAAA;AAAA;AAAA,iBAGc,cAAA,CAAA;EACd,MAAA;EACA,QAAA;EACA,OAAA;EACA,IAAA;EACA,SAAA;EACA,KAAA;EACA;AAAA,GACC,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/components/wishlist-toggle.mjs

@@ -1,58 +1,32 @@
 "use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
-import { useIcon } from "../../icons/icon-context";
-function WishlistToggle({
-  active = false,
-  onToggle,
-  loading = false,
-  size = "default",
-  className,
-  label = "Add to wishlist",
-  activeLabel = "Remove from wishlist"
-}) {
-  const HeartIcon = useIcon("heart");
-  const sizeClasses = {
-    sm: "size-8",
-    default: "size-10",
-    lg: "size-12"
-  };
-  const iconSizes = {
-    sm: "size-4",
-    default: "size-5",
-    lg: "size-6"
-  };
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick: onToggle,
-      disabled: loading,
-      "aria-label": active ? activeLabel : label,
-      "aria-pressed": active,
-      className: cn(
-        "inline-flex items-center justify-center rounded-full transition-all motion-reduce:transition-none",
-        "hover:bg-(--enad-hover-bg) active:scale-95 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none",
-        "disabled:pointer-events-none disabled:opacity-50",
-        sizeClasses[size],
-        active && "text-(--enad-error-color)",
-        !active && "text-(--enad-text-muted-color)",
-        className
-      ),
-      children: /* @__PURE__ */ jsx(
-        HeartIcon,
-        {
-          className: cn(
-            iconSizes[size],
-            "transition-transform motion-reduce:transition-none",
-            active && "scale-110"
-          )
-        }
-      )
-    }
-  );
+//#region src/client/storefront/components/wishlist-toggle.tsx
+function WishlistToggle({ active = false, onToggle, loading = false, size = "default", className, label = "Add to wishlist", activeLabel = "Remove from wishlist" }) {
+	const HeartIcon = useIcon("heart");
+	const sizeClasses = {
+		sm: "size-8",
+		default: "size-10",
+		lg: "size-12"
+	};
+	const iconSizes = {
+		sm: "size-4",
+		default: "size-5",
+		lg: "size-6"
+	};
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: onToggle,
+		disabled: loading,
+		"aria-label": active ? activeLabel : label,
+		"aria-pressed": active,
+		className: cn("inline-flex items-center justify-center rounded-full transition-all motion-reduce:transition-none", "hover:bg-(--enad-hover-bg) active:scale-95 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:pointer-events-none disabled:opacity-50", sizeClasses[size], active && "text-(--enad-error-color)", !active && "text-(--enad-text-muted-color)", className),
+		children: /* @__PURE__ */ jsx(HeartIcon, { className: cn(iconSizes[size], "transition-transform motion-reduce:transition-none", active && "scale-110") })
+	});
 }
-export {
-  WishlistToggle
-};
+//#endregion
+export { WishlistToggle };
+
 //# sourceMappingURL=wishlist-toggle.mjs.map

package/dist/client/storefront/components/wishlist-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/components/wishlist-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\n\nexport interface WishlistToggleProps {\n  active?: boolean;\n  onToggle?: () => void;\n  loading?: boolean;\n  size?: \"sm\" | \"default\" | \"lg\";\n  className?: string;\n  label?: string;\n  /** Label when active state is true */\n  activeLabel?: string;\n}\n\nexport function WishlistToggle({\n  active = false,\n  onToggle,\n  loading = false,\n  size = \"default\",\n  className,\n  label = \"Add to wishlist\",\n  activeLabel = \"Remove from wishlist\",\n}: WishlistToggleProps) {\n  const HeartIcon = useIcon(\"heart\");\n\n  const sizeClasses = {\n    sm: \"size-8\",\n    default: \"size-10\",\n    lg: \"size-12\",\n  };\n\n  const iconSizes = {\n    sm: \"size-4\",\n    default: \"size-5\",\n    lg: \"size-6\",\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      disabled={loading}\n      aria-label={active ? activeLabel : label}\n      aria-pressed={active}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-full transition-all motion-reduce:transition-none\",\n        \"hover:bg-(--enad-hover-bg) active:scale-95 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        sizeClasses[size],\n        active && \"text-(--enad-error-color)\",\n        !active && \"text-(--enad-text-muted-color)\",\n        className,\n      )}\n    >\n      <HeartIcon\n        className={cn(\n          iconSizes[size],\n          \"transition-transform motion-reduce:transition-none\",\n          active && \"scale-110\",\n        )}\n      />\n    </button>\n  );\n}\n"],"mappings":";AAyDM;AAtDN,SAAS,UAAU;AACnB,SAAS,eAAe;AAajB,SAAS,eAAe;AAAA,EAC7B,SAAS;AAAA,EACT;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,cAAc;AAChB,GAAwB;AACtB,QAAM,YAAY,QAAQ,OAAO;AAEjC,QAAM,cAAc;AAAA,IAClB,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,EACN;AAEA,QAAM,YAAY;AAAA,IAChB,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,EACN;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,cAAY,SAAS,cAAc;AAAA,MACnC,gBAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,IAAI;AAAA,QAChB,UAAU;AAAA,QACV,CAAC,UAAU;AAAA,QACX;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT,UAAU,IAAI;AAAA,YACd;AAAA,YACA,UAAU;AAAA,UACZ;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"file":"wishlist-toggle.mjs","names":[],"sources":["../../../../src/client/storefront/components/wishlist-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\n\nexport interface WishlistToggleProps {\n  active?: boolean;\n  onToggle?: () => void;\n  loading?: boolean;\n  size?: \"sm\" | \"default\" | \"lg\";\n  className?: string;\n  label?: string;\n  /** Label when active state is true */\n  activeLabel?: string;\n}\n\nexport function WishlistToggle({\n  active = false,\n  onToggle,\n  loading = false,\n  size = \"default\",\n  className,\n  label = \"Add to wishlist\",\n  activeLabel = \"Remove from wishlist\",\n}: WishlistToggleProps) {\n  const HeartIcon = useIcon(\"heart\");\n\n  const sizeClasses = {\n    sm: \"size-8\",\n    default: \"size-10\",\n    lg: \"size-12\",\n  };\n\n  const iconSizes = {\n    sm: \"size-4\",\n    default: \"size-5\",\n    lg: \"size-6\",\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      disabled={loading}\n      aria-label={active ? activeLabel : label}\n      aria-pressed={active}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-full transition-all motion-reduce:transition-none\",\n        \"hover:bg-(--enad-hover-bg) active:scale-95 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        sizeClasses[size],\n        active && \"text-(--enad-error-color)\",\n        !active && \"text-(--enad-text-muted-color)\",\n        className,\n      )}\n    >\n      <HeartIcon\n        className={cn(\n          iconSizes[size],\n          \"transition-transform motion-reduce:transition-none\",\n          active && \"scale-110\",\n        )}\n      />\n    </button>\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,eAAe,EAC7B,SAAS,OACT,UACA,UAAU,OACV,OAAO,WACP,WACA,QAAQ,mBACR,cAAc,0BACQ;CACtB,MAAM,YAAY,QAAQ,QAAQ;CAElC,MAAM,cAAc;EAClB,IAAI;EACJ,SAAS;EACT,IAAI;EACL;CAED,MAAM,YAAY;EAChB,IAAI;EACJ,SAAS;EACT,IAAI;EACL;AAED,QACE,oBAAC,UAAD;EACE,MAAK;EACL,SAAS;EACT,UAAU;EACV,cAAY,SAAS,cAAc;EACnC,gBAAc;EACd,WAAW,GACT,qGACA,kJACA,oDACA,YAAY,OACZ,UAAU,6BACV,CAAC,UAAU,kCACX,UACD;YAED,oBAAC,WAAD,EACE,WAAW,GACT,UAAU,OACV,sDACA,UAAU,YACX,EACD,CAAA;EACK,CAAA"}

package/dist/client/storefront/filters/filter-chip.d.ts

@@ -1,10 +1,20 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/filters/filter-chip.d.ts
 interface FilterChipProps {
-    label: string;
-    active: boolean;
-    onClick: () => void;
-    onRemove?: () => void;
-    className?: string;
+  label: string;
+  active: boolean;
+  onClick: () => void;
+  onRemove?: () => void;
+  className?: string;
 }
-declare function FilterChip({ label, active, onClick, onRemove, className }: FilterChipProps): import("react/jsx-runtime").JSX.Element;
+declare function FilterChip({
+  label,
+  active,
+  onClick,
+  onRemove,
+  className
+}: FilterChipProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { FilterChip, type FilterChipProps };
 //# sourceMappingURL=filter-chip.d.ts.map

package/dist/client/storefront/filters/filter-chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/filters/filter-chip.tsx"],"names":[],"mappings":"AAOA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAmBnF;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAC"}
+{"version":3,"file":"filter-chip.d.ts","names":[],"sources":["../../../../src/client/storefront/filters/filter-chip.tsx"],"mappings":";;;UAOU,eAAA;EACR,KAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;AAAA;AAAA,iBAGO,UAAA,CAAA;EAAa,KAAA;EAAO,MAAA;EAAQ,OAAA;EAAS,QAAA;EAAU;AAAA,GAAa,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/filters/filter-chip.mjs

@@ -1,30 +1,22 @@
 "use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import { Toggle } from "../../ui-resolver/toggle.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIcon } from "../../icons/icon-context";
-import { Toggle } from "../../ui-resolver/toggle";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/filters/filter-chip.tsx
 function FilterChip({ label, active, onClick, onRemove, className }) {
-  const CloseIcon = useIcon("close");
-  return /* @__PURE__ */ jsxs(
-    Toggle,
-    {
-      pressed: active,
-      onPressedChange: () => active && onRemove ? onRemove() : onClick(),
-      variant: "outline",
-      className: cn(
-        "enad-interactive rounded-[var(--enad-button-radius)] px-3 text-sm",
-        active && "bg-primary text-primary-foreground hover:bg-primary-hover hover:text-primary-foreground",
-        className
-      ),
-      "aria-label": active ? `Remove ${label}` : label,
-      children: [
-        label,
-        active && onRemove && /* @__PURE__ */ jsx(CloseIcon, { className: "relative size-3 hit-area-6" })
-      ]
-    }
-  );
+	const CloseIcon = useIcon("close");
+	return /* @__PURE__ */ jsxs(Toggle, {
+		pressed: active,
+		onPressedChange: () => active && onRemove ? onRemove() : onClick(),
+		variant: "outline",
+		className: cn("enad-interactive rounded-[var(--enad-button-radius)] px-3 text-sm", active && "bg-primary text-primary-foreground hover:bg-primary-hover hover:text-primary-foreground", className),
+		"aria-label": active ? `Remove ${label}` : label,
+		children: [label, active && onRemove && /* @__PURE__ */ jsx(CloseIcon, { className: "relative size-3 hit-area-6" })]
+	});
 }
-export {
-  FilterChip
-};
+//#endregion
+export { FilterChip };
+
 //# sourceMappingURL=filter-chip.mjs.map

package/dist/client/storefront/filters/filter-chip.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/filters/filter-chip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { Toggle } from \"../../ui-resolver/toggle\";\nimport { cn } from \"../../ui/utils\";\n\ninterface FilterChipProps {\n  label: string;\n  active: boolean;\n  onClick: () => void;\n  onRemove?: () => void;\n  className?: string;\n}\n\nfunction FilterChip({ label, active, onClick, onRemove, className }: FilterChipProps) {\n  const CloseIcon = useIcon(\"close\");\n  return (\n    <Toggle\n      pressed={active}\n      onPressedChange={() => (active && onRemove ? onRemove() : onClick())}\n      variant=\"outline\"\n      className={cn(\n        \"enad-interactive rounded-[var(--enad-button-radius)] px-3 text-sm\",\n        active &&\n          \"bg-primary text-primary-foreground hover:bg-primary-hover hover:text-primary-foreground\",\n        className,\n      )}\n      aria-label={active ? `Remove ${label}` : label}\n    >\n      {label}\n      {active && onRemove && <CloseIcon className=\"relative size-3 hit-area-6\" />}\n    </Toggle>\n  );\n}\n\nexport { FilterChip, type FilterChipProps };\n"],"mappings":";AAkBI,SAayB,KAbzB;AAfJ,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,UAAU;AAUnB,SAAS,WAAW,EAAE,OAAO,QAAQ,SAAS,UAAU,UAAU,GAAoB;AACpF,QAAM,YAAY,QAAQ,OAAO;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,iBAAiB,MAAO,UAAU,WAAW,SAAS,IAAI,QAAQ;AAAA,MAClE,SAAQ;AAAA,MACR,WAAW;AAAA,QACT;AAAA,QACA,UACE;AAAA,QACF;AAAA,MACF;AAAA,MACA,cAAY,SAAS,UAAU,KAAK,KAAK;AAAA,MAExC;AAAA;AAAA,QACA,UAAU,YAAY,oBAAC,aAAU,WAAU,8BAA6B;AAAA;AAAA;AAAA,EAC3E;AAEJ;","names":[]}
+{"version":3,"file":"filter-chip.mjs","names":[],"sources":["../../../../src/client/storefront/filters/filter-chip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { Toggle } from \"../../ui-resolver/toggle\";\nimport { cn } from \"../../ui/utils\";\n\ninterface FilterChipProps {\n  label: string;\n  active: boolean;\n  onClick: () => void;\n  onRemove?: () => void;\n  className?: string;\n}\n\nfunction FilterChip({ label, active, onClick, onRemove, className }: FilterChipProps) {\n  const CloseIcon = useIcon(\"close\");\n  return (\n    <Toggle\n      pressed={active}\n      onPressedChange={() => (active && onRemove ? onRemove() : onClick())}\n      variant=\"outline\"\n      className={cn(\n        \"enad-interactive rounded-[var(--enad-button-radius)] px-3 text-sm\",\n        active &&\n          \"bg-primary text-primary-foreground hover:bg-primary-hover hover:text-primary-foreground\",\n        className,\n      )}\n      aria-label={active ? `Remove ${label}` : label}\n    >\n      {label}\n      {active && onRemove && <CloseIcon className=\"relative size-3 hit-area-6\" />}\n    </Toggle>\n  );\n}\n\nexport { FilterChip, type FilterChipProps };\n"],"mappings":";;;;;;;AAeA,SAAS,WAAW,EAAE,OAAO,QAAQ,SAAS,UAAU,aAA8B;CACpF,MAAM,YAAY,QAAQ,QAAQ;AAClC,QACE,qBAAC,QAAD;EACE,SAAS;EACT,uBAAwB,UAAU,WAAW,UAAU,GAAG,SAAS;EACnE,SAAQ;EACR,WAAW,GACT,qEACA,UACE,2FACF,UACD;EACD,cAAY,SAAS,UAAU,UAAU;YAV3C,CAYG,OACA,UAAU,YAAY,oBAAC,WAAD,EAAW,WAAU,8BAA+B,CAAA,CACpE"}

package/dist/client/storefront/filters/filter-group.d.ts

@@ -1,22 +1,35 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/filters/filter-group.d.ts
 interface FilterOption {
-    value: string;
-    label: string;
-    color?: string;
-    count?: number;
+  value: string;
+  label: string;
+  color?: string;
+  count?: number;
 }
 interface FilterGroupProps {
-    title: string;
-    type: "checkbox" | "color" | "price";
-    options: FilterOption[];
-    selected: string[];
-    onChange: (selected: string[]) => void;
-    defaultOpen?: boolean;
-    labels?: {
-        from?: string;
-        to?: string;
-    };
-    className?: string;
+  title: string;
+  type: "checkbox" | "color" | "price";
+  options: FilterOption[];
+  selected: string[];
+  onChange: (selected: string[]) => void;
+  defaultOpen?: boolean;
+  labels?: {
+    from?: string;
+    to?: string;
+  };
+  className?: string;
 }
-declare function FilterGroup({ title, type, options, selected, onChange, defaultOpen, labels, className, }: FilterGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function FilterGroup({
+  title,
+  type,
+  options,
+  selected,
+  onChange,
+  defaultOpen,
+  labels,
+  className
+}: FilterGroupProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { FilterGroup, type FilterGroupProps, type FilterOption };
 //# sourceMappingURL=filter-group.d.ts.map

package/dist/client/storefront/filters/filter-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-group.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/filters/filter-group.tsx"],"names":[],"mappings":"AAUA,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,CAAA;IACpC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,EAAE,CAAC,EAAE,MAAM,CAAA;KACZ,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAkB,EAClB,MAAM,EACN,SAAS,GACV,EAAE,gBAAgB,2CA0FlB;AAED,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,YAAY,EAAE,CAAA"}
+{"version":3,"file":"filter-group.d.ts","names":[],"sources":["../../../../src/client/storefront/filters/filter-group.tsx"],"mappings":";;;UAUU,YAAA;EACR,KAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;AAAA;AAAA,UAGQ,gBAAA;EACR,KAAA;EACA,IAAA;EACA,OAAA,EAAS,YAAA;EACT,QAAA;EACA,QAAA,GAAW,QAAA;EACX,WAAA;EACA,MAAA;IACE,IAAA;IACA,EAAA;EAAA;EAEF,SAAA;AAAA;AAAA,iBAGO,WAAA,CAAA;EACP,KAAA;EACA,IAAA;EACA,OAAA;EACA,QAAA;EACA,QAAA;EACA,WAAA;EACA,MAAA;EACA;AAAA,GACC,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}