@enadhq/enad-react-sdk 1.0.0 → 1.1.0

package/dist/client/storefront/blocks/card-image-with-caption.mjs

@@ -0,0 +1,30 @@
+import { cn } from "../../ui/utils.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/blocks/card-image-with-caption.tsx
+function CardImageWithCaption({ image, title, caption, className }) {
+	return /* @__PURE__ */ jsxs("figure", {
+		className: cn("overflow-hidden", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "relative aspect-[4/5] bg-muted",
+			children: image?.src ? /* @__PURE__ */ jsx("img", {
+				src: image.src,
+				alt: image.alt ?? title ?? "",
+				className: "size-full object-cover"
+			}) : /* @__PURE__ */ jsx("div", { className: "size-full bg-muted" })
+		}), (title || caption) && /* @__PURE__ */ jsxs("figcaption", {
+			className: "mt-3",
+			children: [title && /* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium text-foreground",
+				children: title
+			}), caption && /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-sm text-muted-foreground",
+				children: caption
+			})]
+		})]
+	});
+}
+//#endregion
+export { CardImageWithCaption };
+
+//# sourceMappingURL=card-image-with-caption.mjs.map

package/dist/client/storefront/blocks/card-image-with-caption.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-image-with-caption.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/card-image-with-caption.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { CardImageWithCaptionProps } from \"../types\"\n\nfunction CardImageWithCaption({\n  image,\n  title,\n  caption,\n  className,\n}: CardImageWithCaptionProps) {\n  return (\n    <figure className={cn(\"overflow-hidden\", className)}>\n      <div className=\"relative aspect-[4/5] bg-muted\">\n        {image?.src ? (\n          <img\n            src={image.src}\n            alt={image.alt ?? title ?? \"\"}\n            className=\"size-full object-cover\"\n          />\n        ) : (\n          <div className=\"size-full bg-muted\" />\n        )}\n      </div>\n      {(title || caption) && (\n        <figcaption className=\"mt-3\">\n          {title && <p className=\"text-sm font-medium text-foreground\">{title}</p>}\n          {caption && <p className=\"mt-1 text-sm text-muted-foreground\">{caption}</p>}\n        </figcaption>\n      )}\n    </figure>\n  )\n}\n\nexport { CardImageWithCaption, type CardImageWithCaptionProps }\n"],"mappings":";;;;AAIA,SAAS,qBAAqB,EAC5B,OACA,OACA,SACA,aAC4B;AAC5B,QACE,qBAAC,UAAD;EAAQ,WAAW,GAAG,mBAAmB,UAAU;YAAnD,CACE,oBAAC,OAAD;GAAK,WAAU;aACZ,OAAO,MACN,oBAAC,OAAD;IACE,KAAK,MAAM;IACX,KAAK,MAAM,OAAO,SAAS;IAC3B,WAAU;IACV,CAAA,GAEF,oBAAC,OAAD,EAAK,WAAU,sBAAuB,CAAA;GAEpC,CAAA,GACJ,SAAS,YACT,qBAAC,cAAD;GAAY,WAAU;aAAtB,CACG,SAAS,oBAAC,KAAD;IAAG,WAAU;cAAuC;IAAU,CAAA,EACvE,WAAW,oBAAC,KAAD;IAAG,WAAU;cAAsC;IAAY,CAAA,CAChE;KAER"}

package/dist/client/storefront/blocks/card-video.d.ts

@@ -0,0 +1,15 @@
+import { CardVideoProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/card-video.d.ts
+declare function CardVideo({
+  thumbnail,
+  videoUrl,
+  title,
+  caption,
+  aspectRatio,
+  className
+}: CardVideoProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CardVideo, type CardVideoProps };
+//# sourceMappingURL=card-video.d.ts.map

package/dist/client/storefront/blocks/card-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-video.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/card-video.tsx"],"mappings":";;;;iBAWS,SAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,KAAA;EACA,OAAA;EACA,WAAA;EACA;AAAA,GACC,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/blocks/card-video.mjs

@@ -0,0 +1,51 @@
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/blocks/card-video.tsx
+const aspectClasses = {
+	"4:3": "aspect-[4/3]",
+	"1:1": "aspect-square",
+	"16:9": "aspect-video"
+};
+function CardVideo({ thumbnail, videoUrl, title, caption, aspectRatio = "16:9", className }) {
+	const PlayIcon = useIcon("play");
+	const card = /* @__PURE__ */ jsxs("div", {
+		className: cn("group overflow-hidden", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn("relative bg-muted", aspectClasses[aspectRatio]),
+			children: [thumbnail?.src ? /* @__PURE__ */ jsx("img", {
+				src: thumbnail.src,
+				alt: thumbnail.alt ?? title ?? "",
+				className: "size-full object-cover"
+			}) : /* @__PURE__ */ jsx("div", { className: "size-full bg-muted" }), /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0 flex items-center justify-center bg-black/20 transition-colors group-hover:bg-black/30",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "flex size-14 items-center justify-center rounded-full bg-white/90 text-foreground transition-transform group-hover:scale-110",
+					children: /* @__PURE__ */ jsx(PlayIcon, { className: "ml-0.5 size-6 fill-current" })
+				})
+			})]
+		}), (title || caption) && /* @__PURE__ */ jsxs("div", {
+			className: "mt-3",
+			children: [title && /* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium text-foreground",
+				children: title
+			}), caption && /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-sm text-muted-foreground",
+				children: caption
+			})]
+		})]
+	});
+	if (videoUrl) return /* @__PURE__ */ jsx("a", {
+		href: videoUrl,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: "block",
+		children: card
+	});
+	return card;
+}
+//#endregion
+export { CardVideo };
+
+//# sourceMappingURL=card-video.mjs.map

package/dist/client/storefront/blocks/card-video.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-video.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/card-video.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { cn } from \"../../ui/utils\"\nimport type { CardVideoProps } from \"../types\"\n\nconst aspectClasses: Record<string, string> = {\n  \"4:3\": \"aspect-[4/3]\",\n  \"1:1\": \"aspect-square\",\n  \"16:9\": \"aspect-video\",\n}\n\nfunction CardVideo({\n  thumbnail,\n  videoUrl,\n  title,\n  caption,\n  aspectRatio = \"16:9\",\n  className,\n}: CardVideoProps) {\n  const PlayIcon = useIcon(\"play\")\n  const card = (\n    <div className={cn(\"group overflow-hidden\", className)}>\n      <div className={cn(\"relative bg-muted\", aspectClasses[aspectRatio])}>\n        {thumbnail?.src ? (\n          <img\n            src={thumbnail.src}\n            alt={thumbnail.alt ?? title ?? \"\"}\n            className=\"size-full object-cover\"\n          />\n        ) : (\n          <div className=\"size-full bg-muted\" />\n        )}\n\n        {/* Play button overlay */}\n        <div className=\"absolute inset-0 flex items-center justify-center bg-black/20 transition-colors group-hover:bg-black/30\">\n          <div className=\"flex size-14 items-center justify-center rounded-full bg-white/90 text-foreground transition-transform group-hover:scale-110\">\n            <PlayIcon className=\"ml-0.5 size-6 fill-current\" />\n          </div>\n        </div>\n      </div>\n\n      {(title || caption) && (\n        <div className=\"mt-3\">\n          {title && <p className=\"text-sm font-medium text-foreground\">{title}</p>}\n          {caption && <p className=\"mt-1 text-sm text-muted-foreground\">{caption}</p>}\n        </div>\n      )}\n    </div>\n  )\n\n  if (videoUrl) {\n    return (\n      <a href={videoUrl} target=\"_blank\" rel=\"noopener noreferrer\" className=\"block\">\n        {card}\n      </a>\n    )\n  }\n\n  return card\n}\n\nexport { CardVideo, type CardVideoProps }\n"],"mappings":";;;;;AAKA,MAAM,gBAAwC;CAC5C,OAAO;CACP,OAAO;CACP,QAAQ;CACT;AAED,SAAS,UAAU,EACjB,WACA,UACA,OACA,SACA,cAAc,QACd,aACiB;CACjB,MAAM,WAAW,QAAQ,OAAO;CAChC,MAAM,OACJ,qBAAC,OAAD;EAAK,WAAW,GAAG,yBAAyB,UAAU;YAAtD,CACE,qBAAC,OAAD;GAAK,WAAW,GAAG,qBAAqB,cAAc,aAAa;aAAnE,CACG,WAAW,MACV,oBAAC,OAAD;IACE,KAAK,UAAU;IACf,KAAK,UAAU,OAAO,SAAS;IAC/B,WAAU;IACV,CAAA,GAEF,oBAAC,OAAD,EAAK,WAAU,sBAAuB,CAAA,EAIxC,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,UAAD,EAAU,WAAU,8BAA+B,CAAA;KAC/C,CAAA;IACF,CAAA,CACF;OAEJ,SAAS,YACT,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,SAAS,oBAAC,KAAD;IAAG,WAAU;cAAuC;IAAU,CAAA,EACvE,WAAW,oBAAC,KAAD;IAAG,WAAU;cAAsC;IAAY,CAAA,CACvE;KAEJ;;AAGR,KAAI,SACF,QACE,oBAAC,KAAD;EAAG,MAAM;EAAU,QAAO;EAAS,KAAI;EAAsB,WAAU;YACpE;EACC,CAAA;AAIR,QAAO"}

package/dist/client/storefront/blocks/content-with-gallery.d.ts

@@ -0,0 +1,17 @@
+import { ContentWithGalleryProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/content-with-gallery.d.ts
+declare function ContentWithGallery({
+  images,
+  preheader,
+  heading,
+  body,
+  productCards,
+  layout,
+  colorTheme,
+  className
+}: ContentWithGalleryProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ContentWithGallery, type ContentWithGalleryProps };
+//# sourceMappingURL=content-with-gallery.d.ts.map

package/dist/client/storefront/blocks/content-with-gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-with-gallery.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/content-with-gallery.tsx"],"mappings":";;;;iBAMS,kBAAA,CAAA;EACP,MAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA;EACA,YAAA;EACA,MAAA;EACA,UAAA;EACA;AAAA,GACC,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/blocks/content-with-gallery.mjs

@@ -0,0 +1,71 @@
+"use client";
+import { cn } from "../../ui/utils.mjs";
+import { colorThemeClasses, isThemeDark } from "../types.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/blocks/content-with-gallery.tsx
+function ContentWithGallery({ images = [], preheader, heading, body, productCards, layout = "image-above", colorTheme, className }) {
+	const dark = isThemeDark(colorTheme);
+	const themeClasses = colorThemeClasses(colorTheme);
+	const textBlock = /* @__PURE__ */ jsxs("div", { children: [
+		preheader && /* @__PURE__ */ jsx("p", {
+			className: cn("mb-2 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"),
+			children: preheader
+		}),
+		heading && /* @__PURE__ */ jsx("h2", {
+			className: cn("text-2xl font-heading md:text-3xl", dark ? "text-white" : "text-foreground"),
+			style: {
+				fontWeight: "var(--enad-heading-weight)",
+				letterSpacing: "var(--enad-heading-tracking)",
+				textTransform: "var(--enad-heading-transform)"
+			},
+			children: heading
+		}),
+		body && /* @__PURE__ */ jsx("p", {
+			className: cn("mt-4 max-w-2xl text-base leading-relaxed", dark ? "text-white/80" : "text-muted-foreground"),
+			children: body
+		})
+	] });
+	const imageGrid = images.length > 0 && /* @__PURE__ */ jsx("div", {
+		className: "grid grid-cols-2 gap-2 md:grid-cols-3",
+		children: images.map((img, i) => /* @__PURE__ */ jsx("div", {
+			className: "relative aspect-square bg-muted",
+			children: /* @__PURE__ */ jsx("img", {
+				src: img.src,
+				alt: img.alt ?? "",
+				className: "size-full object-cover"
+			})
+		}, i))
+	});
+	if (layout === "side-by-side") return /* @__PURE__ */ jsx("section", {
+		className: cn("px-4 py-12 md:px-8", themeClasses, className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto grid max-w-7xl gap-8 lg:grid-cols-2 lg:items-center",
+			children: [imageGrid, /* @__PURE__ */ jsxs("div", { children: [textBlock, productCards && /* @__PURE__ */ jsx("div", {
+				className: "mt-8",
+				children: productCards
+			})] })]
+		})
+	});
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("px-4 py-12 md:px-8", themeClasses, className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto max-w-7xl",
+			children: [
+				textBlock,
+				imageGrid && /* @__PURE__ */ jsx("div", {
+					className: "mt-8",
+					children: imageGrid
+				}),
+				productCards && /* @__PURE__ */ jsx("div", {
+					className: "mt-8",
+					children: productCards
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { ContentWithGallery };
+
+//# sourceMappingURL=content-with-gallery.mjs.map

package/dist/client/storefront/blocks/content-with-gallery.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-with-gallery.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/content-with-gallery.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport { colorThemeClasses, isThemeDark, type ContentWithGalleryProps } from \"../types\"\n\nfunction ContentWithGallery({\n  images = [],\n  preheader,\n  heading,\n  body,\n  productCards,\n  layout = \"image-above\",\n  colorTheme,\n  className,\n}: ContentWithGalleryProps) {\n  const dark = isThemeDark(colorTheme)\n  const themeClasses = colorThemeClasses(colorTheme)\n\n  const textBlock = (\n    <div>\n      {preheader && (\n        <p className={cn(\"mb-2 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n          {preheader}\n        </p>\n      )}\n      {heading && (\n        <h2\n          className={cn(\"text-2xl font-heading md:text-3xl\", dark ? \"text-white\" : \"text-foreground\")}\n          style={{ fontWeight: \"var(--enad-heading-weight)\", letterSpacing: \"var(--enad-heading-tracking)\", textTransform: \"var(--enad-heading-transform)\" } as unknown as React.CSSProperties}\n        >\n          {heading}\n        </h2>\n      )}\n      {body && (\n        <p className={cn(\"mt-4 max-w-2xl text-base leading-relaxed\", dark ? \"text-white/80\" : \"text-muted-foreground\")}>\n          {body}\n        </p>\n      )}\n    </div>\n  )\n\n  const imageGrid = images.length > 0 && (\n    <div className=\"grid grid-cols-2 gap-2 md:grid-cols-3\">\n      {images.map((img, i) => (\n        <div key={i} className=\"relative aspect-square bg-muted\">\n          <img src={img.src} alt={img.alt ?? \"\"} className=\"size-full object-cover\" />\n        </div>\n      ))}\n    </div>\n  )\n\n  if (layout === \"side-by-side\") {\n    return (\n      <section className={cn(\"px-4 py-12 md:px-8\", themeClasses, className)}>\n        <div className=\"mx-auto grid max-w-7xl gap-8 lg:grid-cols-2 lg:items-center\">\n          {imageGrid}\n          <div>\n            {textBlock}\n            {productCards && <div className=\"mt-8\">{productCards}</div>}\n          </div>\n        </div>\n      </section>\n    )\n  }\n\n  return (\n    <section className={cn(\"px-4 py-12 md:px-8\", themeClasses, className)}>\n      <div className=\"mx-auto max-w-7xl\">\n        {textBlock}\n        {imageGrid && <div className=\"mt-8\">{imageGrid}</div>}\n        {productCards && <div className=\"mt-8\">{productCards}</div>}\n      </div>\n    </section>\n  )\n}\n\nexport { ContentWithGallery, type ContentWithGalleryProps }\n"],"mappings":";;;;;;AAMA,SAAS,mBAAmB,EAC1B,SAAS,EAAE,EACX,WACA,SACA,MACA,cACA,SAAS,eACT,YACA,aAC0B;CAC1B,MAAM,OAAO,YAAY,WAAW;CACpC,MAAM,eAAe,kBAAkB,WAAW;CAElD,MAAM,YACJ,qBAAC,OAAD,EAAA,UAAA;EACG,aACC,oBAAC,KAAD;GAAG,WAAW,GAAG,0CAA0C,OAAO,kBAAkB,wBAAwB;aACzG;GACC,CAAA;EAEL,WACC,oBAAC,MAAD;GACE,WAAW,GAAG,qCAAqC,OAAO,eAAe,kBAAkB;GAC3F,OAAO;IAAE,YAAY;IAA8B,eAAe;IAAgC,eAAe;IAAiC;aAEjJ;GACE,CAAA;EAEN,QACC,oBAAC,KAAD;GAAG,WAAW,GAAG,4CAA4C,OAAO,kBAAkB,wBAAwB;aAC3G;GACC,CAAA;EAEF,EAAA,CAAA;CAGR,MAAM,YAAY,OAAO,SAAS,KAChC,oBAAC,OAAD;EAAK,WAAU;YACZ,OAAO,KAAK,KAAK,MAChB,oBAAC,OAAD;GAAa,WAAU;aACrB,oBAAC,OAAD;IAAK,KAAK,IAAI;IAAK,KAAK,IAAI,OAAO;IAAI,WAAU;IAA2B,CAAA;GACxE,EAFI,EAEJ,CACN;EACE,CAAA;AAGR,KAAI,WAAW,eACb,QACE,oBAAC,WAAD;EAAS,WAAW,GAAG,sBAAsB,cAAc,UAAU;YACnE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,WACD,qBAAC,OAAD,EAAA,UAAA,CACG,WACA,gBAAgB,oBAAC,OAAD;IAAK,WAAU;cAAQ;IAAmB,CAAA,CACvD,EAAA,CAAA,CACF;;EACE,CAAA;AAId,QACE,oBAAC,WAAD;EAAS,WAAW,GAAG,sBAAsB,cAAc,UAAU;YACnE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG;IACA,aAAa,oBAAC,OAAD;KAAK,WAAU;eAAQ;KAAgB,CAAA;IACpD,gBAAgB,oBAAC,OAAD;KAAK,WAAU;eAAQ;KAAmB,CAAA;IACvD;;EACE,CAAA"}

package/dist/client/storefront/blocks/content-with-image-product-data.d.ts

@@ -0,0 +1,18 @@
+import { ContentWithImageProductDataProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/content-with-image-product-data.d.ts
+declare function ContentWithImageProductData({
+  image,
+  preheader,
+  heading,
+  body,
+  usps,
+  buttonLabel,
+  buttonHref,
+  productCards,
+  className
+}: ContentWithImageProductDataProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ContentWithImageProductData, type ContentWithImageProductDataProps };
+//# sourceMappingURL=content-with-image-product-data.d.ts.map

package/dist/client/storefront/blocks/content-with-image-product-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-with-image-product-data.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/content-with-image-product-data.tsx"],"mappings":";;;;iBAQS,2BAAA,CAAA;EACP,KAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA;EACA,IAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA;EACA;AAAA,GACC,gCAAA,GAAgC,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/blocks/content-with-image-product-data.mjs

@@ -0,0 +1,69 @@
+"use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import { StorefrontButton } from "../primitives/button.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/blocks/content-with-image-product-data.tsx
+function ContentWithImageProductData({ image, preheader, heading, body, usps = [], buttonLabel, buttonHref, productCards, className }) {
+	const CheckIcon = useIcon("check");
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("px-4 py-12 md:px-8", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto max-w-7xl",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "grid gap-8 lg:grid-cols-2 lg:items-start",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "relative aspect-[4/5] overflow-hidden rounded-[var(--enad-image-radius)] bg-muted lg:aspect-auto lg:h-full lg:min-h-96",
+					children: image?.src ? /* @__PURE__ */ jsx("img", {
+						src: image.src,
+						alt: image.alt ?? "",
+						className: "size-full object-cover"
+					}) : /* @__PURE__ */ jsx("div", { className: "size-full bg-muted" })
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col justify-center",
+					children: [
+						preheader && /* @__PURE__ */ jsx("p", {
+							className: "mb-2 text-sm uppercase tracking-widest text-muted-foreground",
+							children: preheader
+						}),
+						heading && /* @__PURE__ */ jsx("h2", {
+							className: "text-2xl font-heading text-foreground md:text-3xl",
+							style: {
+								fontWeight: "var(--enad-heading-weight)",
+								letterSpacing: "var(--enad-heading-tracking)",
+								textTransform: "var(--enad-heading-transform)"
+							},
+							children: heading
+						}),
+						body && /* @__PURE__ */ jsx("p", {
+							className: "mt-4 max-w-lg text-base leading-relaxed text-muted-foreground",
+							children: body
+						}),
+						usps.length > 0 && /* @__PURE__ */ jsx("ul", {
+							className: "mt-6 flex flex-col gap-2",
+							children: usps.map((usp, i) => /* @__PURE__ */ jsxs("li", {
+								className: "flex items-start gap-2 text-sm text-foreground",
+								children: [/* @__PURE__ */ jsx(CheckIcon, { className: "mt-0.5 size-4 shrink-0 text-primary" }), usp]
+							}, i))
+						}),
+						buttonLabel && buttonHref && /* @__PURE__ */ jsx("div", {
+							className: "mt-6",
+							children: /* @__PURE__ */ jsx(StorefrontButton, {
+								href: buttonHref,
+								children: buttonLabel
+							})
+						})
+					]
+				})]
+			}), productCards && /* @__PURE__ */ jsx("div", {
+				className: "mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: productCards
+			})]
+		})
+	});
+}
+//#endregion
+export { ContentWithImageProductData };
+
+//# sourceMappingURL=content-with-image-product-data.mjs.map

package/dist/client/storefront/blocks/content-with-image-product-data.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-with-image-product-data.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/content-with-image-product-data.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { cn } from \"../../ui/utils\"\nimport { StorefrontButton } from \"../primitives/button\"\nimport type { ContentWithImageProductDataProps } from \"../types\"\n\nfunction ContentWithImageProductData({\n  image,\n  preheader,\n  heading,\n  body,\n  usps = [],\n  buttonLabel,\n  buttonHref,\n  productCards,\n  className,\n}: ContentWithImageProductDataProps) {\n  const CheckIcon = useIcon(\"check\")\n  return (\n    <section className={cn(\"px-4 py-12 md:px-8\", className)}>\n      <div className=\"mx-auto max-w-7xl\">\n        <div className=\"grid gap-8 lg:grid-cols-2 lg:items-start\">\n          {/* Image */}\n          <div className=\"relative aspect-[4/5] overflow-hidden rounded-[var(--enad-image-radius)] bg-muted lg:aspect-auto lg:h-full lg:min-h-96\">\n            {image?.src ? (\n              <img src={image.src} alt={image.alt ?? \"\"} className=\"size-full object-cover\" />\n            ) : (\n              <div className=\"size-full bg-muted\" />\n            )}\n          </div>\n\n          {/* Text content */}\n          <div className=\"flex flex-col justify-center\">\n            {preheader && (\n              <p className=\"mb-2 text-sm uppercase tracking-widest text-muted-foreground\">\n                {preheader}\n              </p>\n            )}\n            {heading && (\n              <h2\n                className=\"text-2xl font-heading text-foreground md:text-3xl\"\n                style={{ fontWeight: \"var(--enad-heading-weight)\", letterSpacing: \"var(--enad-heading-tracking)\", textTransform: \"var(--enad-heading-transform)\" } as unknown as React.CSSProperties}\n              >\n                {heading}\n              </h2>\n            )}\n            {body && (\n              <p className=\"mt-4 max-w-lg text-base leading-relaxed text-muted-foreground\">\n                {body}\n              </p>\n            )}\n\n            {usps.length > 0 && (\n              <ul className=\"mt-6 flex flex-col gap-2\">\n                {usps.map((usp, i) => (\n                  <li key={i} className=\"flex items-start gap-2 text-sm text-foreground\">\n                    <CheckIcon className=\"mt-0.5 size-4 shrink-0 text-primary\" />\n                    {usp}\n                  </li>\n                ))}\n              </ul>\n            )}\n\n            {buttonLabel && buttonHref && (\n              <div className=\"mt-6\">\n                <StorefrontButton href={buttonHref}>{buttonLabel}</StorefrontButton>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Product cards */}\n        {productCards && (\n          <div className=\"mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {productCards}\n          </div>\n        )}\n      </div>\n    </section>\n  )\n}\n\nexport { ContentWithImageProductData, type ContentWithImageProductDataProps }\n"],"mappings":";;;;;;;AAQA,SAAS,4BAA4B,EACnC,OACA,WACA,SACA,MACA,OAAO,EAAE,EACT,aACA,YACA,cACA,aACmC;CACnC,MAAM,YAAY,QAAQ,QAAQ;AAClC,QACE,oBAAC,WAAD;EAAS,WAAW,GAAG,sBAAsB,UAAU;YACrD,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,qBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,oBAAC,OAAD;KAAK,WAAU;eACZ,OAAO,MACN,oBAAC,OAAD;MAAK,KAAK,MAAM;MAAK,KAAK,MAAM,OAAO;MAAI,WAAU;MAA2B,CAAA,GAEhF,oBAAC,OAAD,EAAK,WAAU,sBAAuB,CAAA;KAEpC,CAAA,EAGN,qBAAC,OAAD;KAAK,WAAU;eAAf;MACG,aACC,oBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA;MAEL,WACC,oBAAC,MAAD;OACE,WAAU;OACV,OAAO;QAAE,YAAY;QAA8B,eAAe;QAAgC,eAAe;QAAiC;iBAEjJ;OACE,CAAA;MAEN,QACC,oBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA;MAGL,KAAK,SAAS,KACb,oBAAC,MAAD;OAAI,WAAU;iBACX,KAAK,KAAK,KAAK,MACd,qBAAC,MAAD;QAAY,WAAU;kBAAtB,CACE,oBAAC,WAAD,EAAW,WAAU,uCAAwC,CAAA,EAC5D,IACE;UAHI,EAGJ,CACL;OACC,CAAA;MAGN,eAAe,cACd,oBAAC,OAAD;OAAK,WAAU;iBACb,oBAAC,kBAAD;QAAkB,MAAM;kBAAa;QAA+B,CAAA;OAChE,CAAA;MAEJ;OACF;OAGL,gBACC,oBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA,CAEJ;;EACE,CAAA"}

package/dist/client/storefront/blocks/gallery-with-caption.d.ts

@@ -0,0 +1,14 @@
+import { GalleryWithCaptionProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/gallery-with-caption.d.ts
+declare function GalleryWithCaption({
+  heading,
+  indent,
+  colorTheme,
+  children,
+  className
+}: GalleryWithCaptionProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { GalleryWithCaption, type GalleryWithCaptionProps };
+//# sourceMappingURL=gallery-with-caption.d.ts.map

package/dist/client/storefront/blocks/gallery-with-caption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-with-caption.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/gallery-with-caption.tsx"],"mappings":";;;;iBAIS,kBAAA,CAAA;EACP,OAAA;EACA,MAAA;EACA,UAAA;EACA,QAAA;EACA;AAAA,GACC,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/blocks/gallery-with-caption.mjs

@@ -0,0 +1,29 @@
+import { cn } from "../../ui/utils.mjs";
+import { colorThemeClasses } from "../types.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/blocks/gallery-with-caption.tsx
+function GalleryWithCaption({ heading, indent = false, colorTheme, children, className }) {
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("px-4 py-12 md:px-8", colorThemeClasses(colorTheme), className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("mx-auto max-w-7xl", indent && "md:pl-24 lg:pl-40"),
+			children: [heading && /* @__PURE__ */ jsx("h2", {
+				className: "mb-6 text-2xl font-heading md:text-3xl",
+				style: {
+					fontWeight: "var(--enad-heading-weight)",
+					letterSpacing: "var(--enad-heading-tracking)",
+					textTransform: "var(--enad-heading-transform)"
+				},
+				children: heading
+			}), /* @__PURE__ */ jsx("div", {
+				className: cn("grid gap-4", indent ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4"),
+				children
+			})]
+		})
+	});
+}
+//#endregion
+export { GalleryWithCaption };
+
+//# sourceMappingURL=gallery-with-caption.mjs.map

package/dist/client/storefront/blocks/gallery-with-caption.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-with-caption.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/gallery-with-caption.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport { colorThemeClasses, type GalleryWithCaptionProps } from \"../types\"\n\nfunction GalleryWithCaption({\n  heading,\n  indent = false,\n  colorTheme,\n  children,\n  className,\n}: GalleryWithCaptionProps) {\n  const themeClasses = colorThemeClasses(colorTheme)\n\n  return (\n    <section className={cn(\"px-4 py-12 md:px-8\", themeClasses, className)}>\n      <div className={cn(\"mx-auto max-w-7xl\", indent && \"md:pl-24 lg:pl-40\")}>\n        {heading && (\n          <h2\n            className=\"mb-6 text-2xl font-heading md:text-3xl\"\n            style={{ fontWeight: \"var(--enad-heading-weight)\", letterSpacing: \"var(--enad-heading-tracking)\", textTransform: \"var(--enad-heading-transform)\" } as unknown as React.CSSProperties}\n          >\n            {heading}\n          </h2>\n        )}\n        <div\n          className={cn(\n            \"grid gap-4\",\n            indent\n              ? \"grid-cols-1 md:grid-cols-2\"\n              : \"grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4\",\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport { GalleryWithCaption, type GalleryWithCaptionProps }\n"],"mappings":";;;;;AAIA,SAAS,mBAAmB,EAC1B,SACA,SAAS,OACT,YACA,UACA,aAC0B;AAG1B,QACE,oBAAC,WAAD;EAAS,WAAW,GAAG,sBAHJ,kBAAkB,WAAW,EAGW,UAAU;YACnE,qBAAC,OAAD;GAAK,WAAW,GAAG,qBAAqB,UAAU,oBAAoB;aAAtE,CACG,WACC,oBAAC,MAAD;IACE,WAAU;IACV,OAAO;KAAE,YAAY;KAA8B,eAAe;KAAgC,eAAe;KAAiC;cAEjJ;IACE,CAAA,EAEP,oBAAC,OAAD;IACE,WAAW,GACT,cACA,SACI,+BACA,2DACL;IAEA;IACG,CAAA,CACF;;EACE,CAAA"}

package/dist/client/storefront/blocks/gallery-with-link-blocks.d.ts

@@ -0,0 +1,12 @@
+import { GalleryWithLinkBlocksProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/gallery-with-link-blocks.d.ts
+declare function GalleryWithLinkBlocks({
+  heading,
+  children,
+  className
+}: GalleryWithLinkBlocksProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { GalleryWithLinkBlocks, type GalleryWithLinkBlocksProps };
+//# sourceMappingURL=gallery-with-link-blocks.d.ts.map

package/dist/client/storefront/blocks/gallery-with-link-blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-with-link-blocks.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/gallery-with-link-blocks.tsx"],"mappings":";;;;iBAIS,qBAAA,CAAA;EACP,OAAA;EACA,QAAA;EACA;AAAA,GACC,0BAAA,GAA0B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/blocks/gallery-with-link-blocks.mjs

@@ -0,0 +1,31 @@
+import { cn } from "../../ui/utils.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/blocks/gallery-with-link-blocks.tsx
+function GalleryWithLinkBlocks({ heading, children, className }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: cn("py-12", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "mx-auto max-w-7xl px-4 md:px-8",
+			children: heading && /* @__PURE__ */ jsx("h2", {
+				className: "mb-6 text-2xl font-heading text-foreground md:text-3xl",
+				style: {
+					fontWeight: "var(--enad-heading-weight)",
+					letterSpacing: "var(--enad-heading-tracking)",
+					textTransform: "var(--enad-heading-transform)"
+				},
+				children: heading
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex gap-4 overflow-x-auto px-4 scrollbar-none md:px-8",
+			children: React$1.Children.map(children, (child) => /* @__PURE__ */ jsx("div", {
+				className: "w-52 shrink-0 sm:w-60 md:w-72 lg:w-80",
+				children: child
+			}))
+		})]
+	});
+}
+//#endregion
+export { GalleryWithLinkBlocks };
+
+//# sourceMappingURL=gallery-with-link-blocks.mjs.map

package/dist/client/storefront/blocks/gallery-with-link-blocks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-with-link-blocks.mjs","names":["React"],"sources":["../../../../src/client/storefront/blocks/gallery-with-link-blocks.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { GalleryWithLinkBlocksProps } from \"../types\"\n\nfunction GalleryWithLinkBlocks({\n  heading,\n  children,\n  className,\n}: GalleryWithLinkBlocksProps) {\n  return (\n    <section className={cn(\"py-12\", className)}>\n      <div className=\"mx-auto max-w-7xl px-4 md:px-8\">\n        {heading && (\n          <h2\n            className=\"mb-6 text-2xl font-heading text-foreground md:text-3xl\"\n            style={{ fontWeight: \"var(--enad-heading-weight)\", letterSpacing: \"var(--enad-heading-tracking)\", textTransform: \"var(--enad-heading-transform)\" } as unknown as React.CSSProperties}\n          >\n            {heading}\n          </h2>\n        )}\n      </div>\n      <div className=\"flex gap-4 overflow-x-auto px-4 scrollbar-none md:px-8\">\n        {React.Children.map(children, (child) => (\n          <div className=\"w-52 shrink-0 sm:w-60 md:w-72 lg:w-80\">{child}</div>\n        ))}\n      </div>\n    </section>\n  )\n}\n\nexport { GalleryWithLinkBlocks, type GalleryWithLinkBlocksProps }\n"],"mappings":";;;;AAIA,SAAS,sBAAsB,EAC7B,SACA,UACA,aAC6B;AAC7B,QACE,qBAAC,WAAD;EAAS,WAAW,GAAG,SAAS,UAAU;YAA1C,CACE,oBAAC,OAAD;GAAK,WAAU;aACZ,WACC,oBAAC,MAAD;IACE,WAAU;IACV,OAAO;KAAE,YAAY;KAA8B,eAAe;KAAgC,eAAe;KAAiC;cAEjJ;IACE,CAAA;GAEH,CAAA,EACN,oBAAC,OAAD;GAAK,WAAU;aACZA,QAAM,SAAS,IAAI,WAAW,UAC7B,oBAAC,OAAD;IAAK,WAAU;cAAyC;IAAY,CAAA,CACpE;GACE,CAAA,CACE"}

package/dist/client/storefront/blocks/gallery.d.ts

@@ -0,0 +1,13 @@
+import { GalleryProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/gallery.d.ts
+declare function Gallery({
+  heading,
+  variant,
+  children,
+  className
+}: GalleryProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { Gallery, type GalleryProps };
+//# sourceMappingURL=gallery.d.ts.map

package/dist/client/storefront/blocks/gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/gallery.tsx"],"mappings":";;;;iBAIS,OAAA,CAAA;EAAU,OAAA;EAAS,OAAA;EAAkB,QAAA;EAAU;AAAA,GAAa,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/blocks/gallery.mjs

@@ -0,0 +1,54 @@
+import { cn } from "../../ui/utils.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/blocks/gallery.tsx
+function Gallery({ heading, variant = "grid", children, className }) {
+	const childCount = React$1.Children.count(children);
+	if (childCount === 0) return null;
+	const headingEl = heading ? /* @__PURE__ */ jsx("h2", {
+		className: "mb-6 text-2xl font-heading text-foreground md:text-3xl",
+		style: {
+			fontWeight: "var(--enad-heading-weight)",
+			letterSpacing: "var(--enad-heading-tracking)",
+			textTransform: "var(--enad-heading-transform)"
+		},
+		children: heading
+	}) : null;
+	if (variant === "masonry") return /* @__PURE__ */ jsx("section", {
+		className: cn("px-4 py-12 md:px-8", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto max-w-7xl",
+			children: [headingEl, /* @__PURE__ */ jsx("div", {
+				className: "columns-2 gap-4 md:columns-3 [&>*]:mb-4 [&>*]:break-inside-avoid",
+				children
+			})]
+		})
+	});
+	if (variant === "filmstrip") return /* @__PURE__ */ jsx("section", {
+		className: cn("px-4 py-12 md:px-8", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto max-w-7xl",
+			children: [headingEl, /* @__PURE__ */ jsx("div", {
+				role: "region",
+				"aria-label": heading ?? "Gallery",
+				tabIndex: 0,
+				className: "flex gap-4 overflow-x-auto snap-x snap-mandatory scrollbar-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 [&>*]:w-64 [&>*]:shrink-0 [&>*]:snap-start md:[&>*]:w-80",
+				children
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("px-4 py-12 md:px-8", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto max-w-7xl",
+			children: [headingEl, /* @__PURE__ */ jsx("div", {
+				className: cn("grid gap-4", childCount === 1 ? "grid-cols-1" : "grid-cols-2 md:grid-cols-3 lg:grid-cols-4"),
+				children
+			})]
+		})
+	});
+}
+//#endregion
+export { Gallery };
+
+//# sourceMappingURL=gallery.mjs.map

package/dist/client/storefront/blocks/gallery.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery.mjs","names":["React"],"sources":["../../../../src/client/storefront/blocks/gallery.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { GalleryProps } from \"../types\"\n\nfunction Gallery({ heading, variant = \"grid\", children, className }: GalleryProps) {\n  const childCount = React.Children.count(children)\n\n  if (childCount === 0) return null\n\n  const headingEl = heading ? (\n    <h2\n      className=\"mb-6 text-2xl font-heading text-foreground md:text-3xl\"\n      style={{ fontWeight: \"var(--enad-heading-weight)\", letterSpacing: \"var(--enad-heading-tracking)\", textTransform: \"var(--enad-heading-transform)\" } as unknown as React.CSSProperties}\n    >\n      {heading}\n    </h2>\n  ) : null\n\n  /* ─── Masonry variant ─── */\n  if (variant === \"masonry\") {\n    return (\n      <section className={cn(\"px-4 py-12 md:px-8\", className)}>\n        <div className=\"mx-auto max-w-7xl\">\n          {headingEl}\n          <div className=\"columns-2 gap-4 md:columns-3 [&>*]:mb-4 [&>*]:break-inside-avoid\">\n            {children}\n          </div>\n        </div>\n      </section>\n    )\n  }\n\n  /* ─── Filmstrip variant ─── */\n  if (variant === \"filmstrip\") {\n    return (\n      <section className={cn(\"px-4 py-12 md:px-8\", className)}>\n        <div className=\"mx-auto max-w-7xl\">\n          {headingEl}\n          <div\n            role=\"region\"\n            aria-label={heading ?? \"Gallery\"}\n            tabIndex={0}\n            className=\"flex gap-4 overflow-x-auto snap-x snap-mandatory scrollbar-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 [&>*]:w-64 [&>*]:shrink-0 [&>*]:snap-start md:[&>*]:w-80\"\n          >\n            {children}\n          </div>\n        </div>\n      </section>\n    )\n  }\n\n  /* ─── Grid variant (default) ─── */\n  return (\n    <section className={cn(\"px-4 py-12 md:px-8\", className)}>\n      <div className=\"mx-auto max-w-7xl\">\n        {headingEl}\n        <div className={cn(\n          \"grid gap-4\",\n          childCount === 1\n            ? \"grid-cols-1\"\n            : \"grid-cols-2 md:grid-cols-3 lg:grid-cols-4\",\n        )}>\n          {children}\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport { Gallery, type GalleryProps }\n"],"mappings":";;;;AAIA,SAAS,QAAQ,EAAE,SAAS,UAAU,QAAQ,UAAU,aAA2B;CACjF,MAAM,aAAaA,QAAM,SAAS,MAAM,SAAS;AAEjD,KAAI,eAAe,EAAG,QAAO;CAE7B,MAAM,YAAY,UAChB,oBAAC,MAAD;EACE,WAAU;EACV,OAAO;GAAE,YAAY;GAA8B,eAAe;GAAgC,eAAe;GAAiC;YAEjJ;EACE,CAAA,GACH;AAGJ,KAAI,YAAY,UACd,QACE,oBAAC,WAAD;EAAS,WAAW,GAAG,sBAAsB,UAAU;YACrD,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,WACD,oBAAC,OAAD;IAAK,WAAU;IACZ;IACG,CAAA,CACF;;EACE,CAAA;AAKd,KAAI,YAAY,YACd,QACE,oBAAC,WAAD;EAAS,WAAW,GAAG,sBAAsB,UAAU;YACrD,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,WACD,oBAAC,OAAD;IACE,MAAK;IACL,cAAY,WAAW;IACvB,UAAU;IACV,WAAU;IAET;IACG,CAAA,CACF;;EACE,CAAA;AAKd,QACE,oBAAC,WAAD;EAAS,WAAW,GAAG,sBAAsB,UAAU;YACrD,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,WACD,oBAAC,OAAD;IAAK,WAAW,GACd,cACA,eAAe,IACX,gBACA,4CACL;IACE;IACG,CAAA,CACF;;EACE,CAAA"}

package/dist/client/storefront/blocks/hero.d.ts

@@ -0,0 +1,8 @@
+import { HeroProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/hero.d.ts
+declare function Hero(props: HeroProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Hero, type HeroProps };
+//# sourceMappingURL=hero.d.ts.map

package/dist/client/storefront/blocks/hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/hero.tsx"],"mappings":";;;;iBA4bS,IAAA,CAAK,KAAA,EAAO,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}