@enadhq/enad-react-sdk 1.0.2 → 1.1.0

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

@@ -1,45 +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";
-import { useIcon } from "../../icons/icon-context";
-import { cn } from "../../ui/utils";
-import { StorefrontButton } from "../primitives/button";
-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 })
-  ] }) });
+//#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
+			})]
+		})
+	});
 }
-export {
-  ContentWithImageProductData
-};
+//#endregion
+export { ContentWithImageProductData };
+
 //# sourceMappingURL=content-with-image-product-data.mjs.map

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

@@ -1 +1 @@
-{"version":3,"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":";AA2Bc,cA8BI,YA9BJ;AAxBd,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,wBAAwB;AAGjC,SAAS,4BAA4B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,CAAC;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,QAAM,YAAY,QAAQ,OAAO;AACjC,SACE,oBAAC,aAAQ,WAAW,GAAG,sBAAsB,SAAS,GACpD,+BAAC,SAAI,WAAU,qBACb;AAAA,yBAAC,SAAI,WAAU,4CAEb;AAAA,0BAAC,SAAI,WAAU,0HACZ,iBAAO,MACN,oBAAC,SAAI,KAAK,MAAM,KAAK,KAAK,MAAM,OAAO,IAAI,WAAU,0BAAyB,IAE9E,oBAAC,SAAI,WAAU,sBAAqB,GAExC;AAAA,MAGA,qBAAC,SAAI,WAAU,gCACZ;AAAA,qBACC,oBAAC,OAAE,WAAU,gEACV,qBACH;AAAA,QAED,WACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,8BAA8B,eAAe,gCAAgC,eAAe,gCAAgC;AAAA,YAEhJ;AAAA;AAAA,QACH;AAAA,QAED,QACC,oBAAC,OAAE,WAAU,iEACV,gBACH;AAAA,QAGD,KAAK,SAAS,KACb,oBAAC,QAAG,WAAU,4BACX,eAAK,IAAI,CAAC,KAAK,MACd,qBAAC,QAAW,WAAU,kDACpB;AAAA,8BAAC,aAAU,WAAU,uCAAsC;AAAA,UAC1D;AAAA,aAFM,CAGT,CACD,GACH;AAAA,QAGD,eAAe,cACd,oBAAC,SAAI,WAAU,QACb,8BAAC,oBAAiB,MAAM,YAAa,uBAAY,GACnD;AAAA,SAEJ;AAAA,OACF;AAAA,IAGC,gBACC,oBAAC,SAAI,WAAU,6DACZ,wBACH;AAAA,KAEJ,GACF;AAEJ;","names":[]}
+{"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

@@ -1,4 +1,14 @@
-import { type GalleryWithCaptionProps } from "../types";
-declare function GalleryWithCaption({ heading, indent, colorTheme, children, className, }: GalleryWithCaptionProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"gallery-with-caption.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/gallery-with-caption.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAE1E,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,MAAc,EACd,UAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CA2BzB;AAED,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,CAAA"}
+{"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

@@ -1,36 +1,29 @@
+import { cn } from "../../ui/utils.mjs";
+import { colorThemeClasses } from "../types.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
-import { colorThemeClasses } from "../types";
-function GalleryWithCaption({
-  heading,
-  indent = false,
-  colorTheme,
-  children,
-  className
-}) {
-  const themeClasses = colorThemeClasses(colorTheme);
-  return /* @__PURE__ */ jsx("section", { className: cn("px-4 py-12 md:px-8", themeClasses, 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
-      }
-    )
-  ] }) });
+//#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
+			})]
+		})
+	});
 }
-export {
-  GalleryWithCaption
-};
+//#endregion
+export { GalleryWithCaption };
+
 //# sourceMappingURL=gallery-with-caption.mjs.map

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

@@ -1 +1 @@
-{"version":3,"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":"AAeM,SAEI,KAFJ;AAdN,SAAS,UAAU;AACnB,SAAS,yBAAuD;AAEhE,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,eAAe,kBAAkB,UAAU;AAEjD,SACE,oBAAC,aAAQ,WAAW,GAAG,sBAAsB,cAAc,SAAS,GAClE,+BAAC,SAAI,WAAW,GAAG,qBAAqB,UAAU,mBAAmB,GAClE;AAAA,eACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,YAAY,8BAA8B,eAAe,gCAAgC,eAAe,gCAAgC;AAAA,QAEhJ;AAAA;AAAA,IACH;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SACI,+BACA;AAAA,QACN;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"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

@@ -1,4 +1,12 @@
-import type { GalleryWithLinkBlocksProps } from "../types";
-declare function GalleryWithLinkBlocks({ heading, children, className, }: GalleryWithLinkBlocksProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"gallery-with-link-blocks.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/gallery-with-link-blocks.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAE1D,iBAAS,qBAAqB,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,0BAA0B,2CAoB5B;AAED,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,CAAA"}
+{"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

@@ -1,24 +1,31 @@
+import { cn } from "../../ui/utils.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../ui/utils";
-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.Children.map(children, (child) => /* @__PURE__ */ jsx("div", { className: "w-52 shrink-0 sm:w-60 md:w-72 lg:w-80", children: child })) })
-  ] });
+//#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
+			}))
+		})]
+	});
 }
-export {
-  GalleryWithLinkBlocks
-};
+//#endregion
+export { GalleryWithLinkBlocks };
+
 //# sourceMappingURL=gallery-with-link-blocks.mjs.map

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

@@ -1 +1 @@
-{"version":3,"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":"AAUI,SAGM,KAHN;AAVJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAGnB,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,SACE,qBAAC,aAAQ,WAAW,GAAG,SAAS,SAAS,GACvC;AAAA,wBAAC,SAAI,WAAU,kCACZ,qBACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,YAAY,8BAA8B,eAAe,gCAAgC,eAAe,gCAAgC;AAAA,QAEhJ;AAAA;AAAA,IACH,GAEJ;AAAA,IACA,oBAAC,SAAI,WAAU,0DACZ,gBAAM,SAAS,IAAI,UAAU,CAAC,UAC7B,oBAAC,SAAI,WAAU,yCAAyC,iBAAM,CAC/D,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"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

@@ -1,4 +1,13 @@
-import type { GalleryProps } from "../types";
-declare function Gallery({ heading, variant, children, className }: GalleryProps): import("react/jsx-runtime").JSX.Element | null;
+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

@@ -1 +1 @@
-{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/gallery.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,iBAAS,OAAO,CAAC,EAAE,OAAO,EAAE,OAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,kDA+DhF;AAED,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,CAAA"}
+{"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

@@ -1,47 +1,54 @@
+import { cn } from "../../ui/utils.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/blocks/gallery.tsx
 function Gallery({ heading, variant = "grid", children, className }) {
-  const childCount = React.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 })
-  ] }) });
+	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
+			})]
+		})
+	});
 }
-export {
-  Gallery
-};
+//#endregion
+export { Gallery };
+
 //# sourceMappingURL=gallery.mjs.map

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

@@ -1 +1 @@
-{"version":3,"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":"AAUI,cAYI,YAZJ;AAVJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAGnB,SAAS,QAAQ,EAAE,SAAS,UAAU,QAAQ,UAAU,UAAU,GAAiB;AACjF,QAAM,aAAa,MAAM,SAAS,MAAM,QAAQ;AAEhD,MAAI,eAAe,EAAG,QAAO;AAE7B,QAAM,YAAY,UAChB;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,YAAY,8BAA8B,eAAe,gCAAgC,eAAe,gCAAgC;AAAA,MAEhJ;AAAA;AAAA,EACH,IACE;AAGJ,MAAI,YAAY,WAAW;AACzB,WACE,oBAAC,aAAQ,WAAW,GAAG,sBAAsB,SAAS,GACpD,+BAAC,SAAI,WAAU,qBACZ;AAAA;AAAA,MACD,oBAAC,SAAI,WAAU,oEACZ,UACH;AAAA,OACF,GACF;AAAA,EAEJ;AAGA,MAAI,YAAY,aAAa;AAC3B,WACE,oBAAC,aAAQ,WAAW,GAAG,sBAAsB,SAAS,GACpD,+BAAC,SAAI,WAAU,qBACZ;AAAA;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,WAAW;AAAA,UACvB,UAAU;AAAA,UACV,WAAU;AAAA,UAET;AAAA;AAAA,MACH;AAAA,OACF,GACF;AAAA,EAEJ;AAGA,SACE,oBAAC,aAAQ,WAAW,GAAG,sBAAsB,SAAS,GACpD,+BAAC,SAAI,WAAU,qBACZ;AAAA;AAAA,IACD,oBAAC,SAAI,WAAW;AAAA,MACd;AAAA,MACA,eAAe,IACX,gBACA;AAAA,IACN,GACG,UACH;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"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

@@ -1,4 +1,8 @@
-import { type HeroProps } from "../types";
-declare function Hero(props: HeroProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/hero.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkC,KAAK,SAAS,EAAuE,MAAM,UAAU,CAAA;AAiZ9I,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,2CAiC7B;AAED,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,CAAA"}
+{"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"}