@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/search/hooks/useSearch.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/search/hooks/useSearch.ts"],"sourcesContent":["\"use client\"\n\nimport { useState } from \"react\"\nimport { useQuery } from \"@tanstack/react-query\"\nimport { searchAction } from \"../actions/searchAction\"\n\n/**\n * Search\n */\nexport const useSearch = () => {\n  const [query, setQuery] = useState(\"\")\n  const [filters, setFilters] = useState<Record<string, unknown>>({})\n  const [activeQuery, setActiveQuery] = useState<string>(\"\") // query actually used for search\n\n  const { data, isLoading, isError, error, refetch } = useQuery({\n    queryKey: [\"products-search\", activeQuery, filters],\n    queryFn: async () => {\n      return searchAction(activeQuery, filters)\n    },\n    enabled: Boolean(activeQuery), // run only when performSearch is called\n    staleTime: 1000 * 30,\n  })\n\n  /**\n   * Manually trigger a search using the current `query` and `filters`.\n   */\n  const performSearch = () => {\n    // Only trigger if query has content\n    if (query.trim() === \"\") return\n    setActiveQuery(query)\n    refetch()\n  }\n\n  return {\n    query,\n    setQuery,\n    filters,\n    setFilters,\n    result: Array.isArray(data) ? undefined : data,\n    loading: isLoading,\n    error: isError ? error : null,\n    performSearch,\n  }\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAKtB,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkC,CAAC,CAAC;AAClE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,EAAE;AAEzD,QAAM,EAAE,MAAM,WAAW,SAAS,OAAO,QAAQ,IAAI,SAAS;AAAA,IAC5D,UAAU,CAAC,mBAAmB,aAAa,OAAO;AAAA,IAClD,SAAS,YAAY;AACnB,aAAO,aAAa,aAAa,OAAO;AAAA,IAC1C;AAAA,IACA,SAAS,QAAQ,WAAW;AAAA;AAAA,IAC5B,WAAW,MAAO;AAAA,EACpB,CAAC;AAKD,QAAM,gBAAgB,MAAM;AAE1B,QAAI,MAAM,KAAK,MAAM,GAAI;AACzB,mBAAe,KAAK;AACpB,YAAQ;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,MAAM,QAAQ,IAAI,IAAI,SAAY;AAAA,IAC1C,SAAS;AAAA,IACT,OAAO,UAAU,QAAQ;AAAA,IACzB;AAAA,EACF;AACF;","names":[]}
+{"version":3,"file":"useSearch.mjs","names":[],"sources":["../../../../src/client/search/hooks/useSearch.ts"],"sourcesContent":["\"use client\"\n\nimport { useState } from \"react\"\nimport { useQuery } from \"@tanstack/react-query\"\nimport { searchAction } from \"../actions/searchAction\"\n\n/**\n * Search\n */\nexport const useSearch = () => {\n  const [query, setQuery] = useState(\"\")\n  const [filters, setFilters] = useState<Record<string, unknown>>({})\n  const [activeQuery, setActiveQuery] = useState<string>(\"\") // query actually used for search\n\n  const { data, isLoading, isError, error, refetch } = useQuery({\n    queryKey: [\"products-search\", activeQuery, filters],\n    queryFn: async () => {\n      return searchAction(activeQuery, filters)\n    },\n    enabled: Boolean(activeQuery), // run only when performSearch is called\n    staleTime: 1000 * 30,\n  })\n\n  /**\n   * Manually trigger a search using the current `query` and `filters`.\n   */\n  const performSearch = () => {\n    // Only trigger if query has content\n    if (query.trim() === \"\") return\n    setActiveQuery(query)\n    refetch()\n  }\n\n  return {\n    query,\n    setQuery,\n    filters,\n    setFilters,\n    result: Array.isArray(data) ? undefined : data,\n    loading: isLoading,\n    error: isError ? error : null,\n    performSearch,\n  }\n}\n"],"mappings":";;;;;;;;AASA,MAAa,kBAAkB;CAC7B,MAAM,CAAC,OAAO,YAAY,SAAS,GAAG;CACtC,MAAM,CAAC,SAAS,cAAc,SAAkC,EAAE,CAAC;CACnE,MAAM,CAAC,aAAa,kBAAkB,SAAiB,GAAG;CAE1D,MAAM,EAAE,MAAM,WAAW,SAAS,OAAO,YAAY,SAAS;EAC5D,UAAU;GAAC;GAAmB;GAAa;GAAQ;EACnD,SAAS,YAAY;AACnB,UAAO,aAAa,aAAa,QAAQ;;EAE3C,SAAS,QAAQ,YAAY;EAC7B,WAAW,MAAO;EACnB,CAAC;;;;CAKF,MAAM,sBAAsB;AAE1B,MAAI,MAAM,MAAM,KAAK,GAAI;AACzB,iBAAe,MAAM;AACrB,WAAS;;AAGX,QAAO;EACL;EACA;EACA;EACA;EACA,QAAQ,MAAM,QAAQ,KAAK,GAAG,KAAA,IAAY;EAC1C,SAAS;EACT,OAAO,UAAU,QAAQ;EACzB;EACD"}

package/dist/client/search/index.d.ts

@@ -1,2 +1,2 @@
-export { useSearch } from "./hooks/useSearch";
-//# sourceMappingURL=index.d.ts.map
+import { useSearch } from "./hooks/useSearch.js";
+export { useSearch };

package/dist/client/search/index.mjs

@@ -1,5 +1,2 @@
-import { useSearch } from "./hooks/useSearch";
-export {
-  useSearch
-};
-//# sourceMappingURL=index.mjs.map
+import { useSearch } from "./hooks/useSearch.mjs";
+export { useSearch };

package/dist/client/storefront/blocks/accordion-block.d.ts

@@ -1,4 +1,12 @@
-import type { AccordionBlockProps } from "../types";
-declare function AccordionBlock({ items, defaultValue, className }: AccordionBlockProps): import("react/jsx-runtime").JSX.Element;
+import { AccordionBlockProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/accordion-block.d.ts
+declare function AccordionBlock({
+  items,
+  defaultValue,
+  className
+}: AccordionBlockProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { AccordionBlock, type AccordionBlockProps };
 //# sourceMappingURL=accordion-block.d.ts.map

package/dist/client/storefront/blocks/accordion-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-block.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/accordion-block.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQpD,iBAAS,cAAc,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CA6B9E;AAED,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"accordion-block.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/accordion-block.tsx"],"mappings":";;;;iBAkBS,cAAA,CAAA;EAAiB,KAAA;EAAO,YAAA;EAAc;AAAA,GAAa,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/blocks/accordion-block.mjs

@@ -1,43 +1,37 @@
 "use client";
+import { cn } from "../../ui/utils.mjs";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../ui-resolver/accordion.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger
-} from "../../ui-resolver/accordion";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/blocks/accordion-block.tsx
 const variantClasses = {
-  standard: "prose prose-sm max-w-none",
-  "technical-data": "font-mono text-sm",
-  downloads: ""
+	standard: "prose prose-sm max-w-none",
+	"technical-data": "font-mono text-sm",
+	downloads: ""
 };
 function AccordionBlock({ items, defaultValue, className }) {
-  return /* @__PURE__ */ jsx(
-    Accordion,
-    {
-      type: "single",
-      collapsible: true,
-      defaultValue,
-      className: cn("w-full", className),
-      children: items.map((item, index) => {
-        const value = item.id ?? `item-${index}`;
-        const variant = item.variant ?? "standard";
-        return /* @__PURE__ */ jsxs(AccordionItem, { value, children: [
-          /* @__PURE__ */ jsx(AccordionTrigger, { className: "text-base font-medium", children: item.title }),
-          /* @__PURE__ */ jsx(AccordionContent, { children: variant === "downloads" && item.children ? item.children : /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: variantClasses[variant],
-              dangerouslySetInnerHTML: { __html: item.content }
-            }
-          ) })
-        ] }, value);
-      })
-    }
-  );
+	return /* @__PURE__ */ jsx(Accordion, {
+		type: "single",
+		collapsible: true,
+		defaultValue,
+		className: cn("w-full", className),
+		children: items.map((item, index) => {
+			const value = item.id ?? `item-${index}`;
+			const variant = item.variant ?? "standard";
+			return /* @__PURE__ */ jsxs(AccordionItem, {
+				value,
+				children: [/* @__PURE__ */ jsx(AccordionTrigger, {
+					className: "text-base font-medium",
+					children: item.title
+				}), /* @__PURE__ */ jsx(AccordionContent, { children: variant === "downloads" && item.children ? item.children : /* @__PURE__ */ jsx("div", {
+					className: variantClasses[variant],
+					dangerouslySetInnerHTML: { __html: item.content }
+				}) })]
+			}, value);
+		})
+	});
 }
-export {
-  AccordionBlock
-};
+//#endregion
+export { AccordionBlock };
+
 //# sourceMappingURL=accordion-block.mjs.map

package/dist/client/storefront/blocks/accordion-block.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/blocks/accordion-block.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"../../ui-resolver/accordion\";\nimport { cn } from \"../../ui/utils\";\nimport type { AccordionBlockProps } from \"../types\";\n\nconst variantClasses: Record<string, string> = {\n  standard: \"prose prose-sm max-w-none\",\n  \"technical-data\": \"font-mono text-sm\",\n  downloads: \"\",\n};\n\nfunction AccordionBlock({ items, defaultValue, className }: AccordionBlockProps) {\n  return (\n    <Accordion\n      type=\"single\"\n      collapsible\n      defaultValue={defaultValue}\n      className={cn(\"w-full\", className)}\n    >\n      {items.map((item, index) => {\n        const value = item.id ?? `item-${index}`;\n        const variant = item.variant ?? \"standard\";\n        return (\n          <AccordionItem key={value} value={value}>\n            <AccordionTrigger className=\"text-base font-medium\">{item.title}</AccordionTrigger>\n            <AccordionContent>\n              {variant === \"downloads\" && item.children ? (\n                item.children\n              ) : (\n                <div\n                  className={variantClasses[variant]}\n                  dangerouslySetInnerHTML={{ __html: item.content }}\n                />\n              )}\n            </AccordionContent>\n          </AccordionItem>\n        );\n      })}\n    </Accordion>\n  );\n}\n\nexport { AccordionBlock, type AccordionBlockProps };\n"],"mappings":";AA8BU,SACE,KADF;AA3BV;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AAGnB,MAAM,iBAAyC;AAAA,EAC7C,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,WAAW;AACb;AAEA,SAAS,eAAe,EAAE,OAAO,cAAc,UAAU,GAAwB;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAW;AAAA,MACX;AAAA,MACA,WAAW,GAAG,UAAU,SAAS;AAAA,MAEhC,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,cAAM,QAAQ,KAAK,MAAM,QAAQ,KAAK;AACtC,cAAM,UAAU,KAAK,WAAW;AAChC,eACE,qBAAC,iBAA0B,OACzB;AAAA,8BAAC,oBAAiB,WAAU,yBAAyB,eAAK,OAAM;AAAA,UAChE,oBAAC,oBACE,sBAAY,eAAe,KAAK,WAC/B,KAAK,WAEL;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,eAAe,OAAO;AAAA,cACjC,yBAAyB,EAAE,QAAQ,KAAK,QAAQ;AAAA;AAAA,UAClD,GAEJ;AAAA,aAXkB,KAYpB;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"file":"accordion-block.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/accordion-block.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"../../ui-resolver/accordion\";\nimport { cn } from \"../../ui/utils\";\nimport type { AccordionBlockProps } from \"../types\";\n\nconst variantClasses: Record<string, string> = {\n  standard: \"prose prose-sm max-w-none\",\n  \"technical-data\": \"font-mono text-sm\",\n  downloads: \"\",\n};\n\nfunction AccordionBlock({ items, defaultValue, className }: AccordionBlockProps) {\n  return (\n    <Accordion\n      type=\"single\"\n      collapsible\n      defaultValue={defaultValue}\n      className={cn(\"w-full\", className)}\n    >\n      {items.map((item, index) => {\n        const value = item.id ?? `item-${index}`;\n        const variant = item.variant ?? \"standard\";\n        return (\n          <AccordionItem key={value} value={value}>\n            <AccordionTrigger className=\"text-base font-medium\">{item.title}</AccordionTrigger>\n            <AccordionContent>\n              {variant === \"downloads\" && item.children ? (\n                item.children\n              ) : (\n                <div\n                  className={variantClasses[variant]}\n                  dangerouslySetInnerHTML={{ __html: item.content }}\n                />\n              )}\n            </AccordionContent>\n          </AccordionItem>\n        );\n      })}\n    </Accordion>\n  );\n}\n\nexport { AccordionBlock, type AccordionBlockProps };\n"],"mappings":";;;;;;AAYA,MAAM,iBAAyC;CAC7C,UAAU;CACV,kBAAkB;CAClB,WAAW;CACZ;AAED,SAAS,eAAe,EAAE,OAAO,cAAc,aAAkC;AAC/E,QACE,oBAAC,WAAD;EACE,MAAK;EACL,aAAA;EACc;EACd,WAAW,GAAG,UAAU,UAAU;YAEjC,MAAM,KAAK,MAAM,UAAU;GAC1B,MAAM,QAAQ,KAAK,MAAM,QAAQ;GACjC,MAAM,UAAU,KAAK,WAAW;AAChC,UACE,qBAAC,eAAD;IAAkC;cAAlC,CACE,oBAAC,kBAAD;KAAkB,WAAU;eAAyB,KAAK;KAAyB,CAAA,EACnF,oBAAC,kBAAD,EAAA,UACG,YAAY,eAAe,KAAK,WAC/B,KAAK,WAEL,oBAAC,OAAD;KACE,WAAW,eAAe;KAC1B,yBAAyB,EAAE,QAAQ,KAAK,SAAS;KACjD,CAAA,EAEa,CAAA,CACL;MAZI,MAYJ;IAElB;EACQ,CAAA"}

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

@@ -1,4 +1,13 @@
-import type { CardImageWithCaptionProps } from "../types";
-declare function CardImageWithCaption({ image, title, caption, className, }: CardImageWithCaptionProps): import("react/jsx-runtime").JSX.Element;
+import { CardImageWithCaptionProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/card-image-with-caption.d.ts
+declare function CardImageWithCaption({
+  image,
+  title,
+  caption,
+  className
+}: CardImageWithCaptionProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { CardImageWithCaption, type CardImageWithCaptionProps };
 //# sourceMappingURL=card-image-with-caption.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"card-image-with-caption.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/card-image-with-caption.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAEzD,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE,yBAAyB,2CAsB3B;AAED,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"card-image-with-caption.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/card-image-with-caption.tsx"],"mappings":";;;;iBAIS,oBAAA,CAAA;EACP,KAAA;EACA,KAAA;EACA,OAAA;EACA;AAAA,GACC,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,27 +1,30 @@
+import { cn } from "../../ui/utils.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
-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 })
-    ] })
-  ] });
+//#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
+			})]
+		})]
+	});
 }
-export {
-  CardImageWithCaption
-};
+//#endregion
+export { CardImageWithCaption };
+
 //# sourceMappingURL=card-image-with-caption.mjs.map

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

@@ -1 +1 @@
-{"version":3,"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":"AAcU,cAUF,YAVE;AAbV,SAAS,UAAU;AAGnB,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,SACE,qBAAC,YAAO,WAAW,GAAG,mBAAmB,SAAS,GAChD;AAAA,wBAAC,SAAI,WAAU,kCACZ,iBAAO,MACN;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,MAAM;AAAA,QACX,KAAK,MAAM,OAAO,SAAS;AAAA,QAC3B,WAAU;AAAA;AAAA,IACZ,IAEA,oBAAC,SAAI,WAAU,sBAAqB,GAExC;AAAA,KACE,SAAS,YACT,qBAAC,gBAAW,WAAU,QACnB;AAAA,eAAS,oBAAC,OAAE,WAAU,uCAAuC,iBAAM;AAAA,MACnE,WAAW,oBAAC,OAAE,WAAU,sCAAsC,mBAAQ;AAAA,OACzE;AAAA,KAEJ;AAEJ;","names":[]}
+{"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

@@ -1,4 +1,15 @@
-import type { CardVideoProps } from "../types";
-declare function CardVideo({ thumbnail, videoUrl, title, caption, aspectRatio, className, }: CardVideoProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"card-video.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/card-video.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAQ9C,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,EACP,WAAoB,EACpB,SAAS,GACV,EAAE,cAAc,2CAyChB;AAED,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAA"}
+{"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

@@ -1,43 +1,51 @@
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIcon } from "../../icons/icon-context";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/blocks/card-video.tsx
 const aspectClasses = {
-  "4:3": "aspect-[4/3]",
-  "1:1": "aspect-square",
-  "16:9": "aspect-video"
+	"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;
+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;
 }
-export {
-  CardVideo
-};
+//#endregion
+export { CardVideo };
+
 //# sourceMappingURL=card-video.mjs.map

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

@@ -1 +1 @@
-{"version":3,"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":"AAsBM,SAEI,KAFJ;AArBN,SAAS,eAAe;AACxB,SAAS,UAAU;AAGnB,MAAM,gBAAwC;AAAA,EAC5C,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAmB;AACjB,QAAM,WAAW,QAAQ,MAAM;AAC/B,QAAM,OACJ,qBAAC,SAAI,WAAW,GAAG,yBAAyB,SAAS,GACnD;AAAA,yBAAC,SAAI,WAAW,GAAG,qBAAqB,cAAc,WAAW,CAAC,GAC/D;AAAA,iBAAW,MACV;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,UAAU;AAAA,UACf,KAAK,UAAU,OAAO,SAAS;AAAA,UAC/B,WAAU;AAAA;AAAA,MACZ,IAEA,oBAAC,SAAI,WAAU,sBAAqB;AAAA,MAItC,oBAAC,SAAI,WAAU,2GACb,8BAAC,SAAI,WAAU,gIACb,8BAAC,YAAS,WAAU,8BAA6B,GACnD,GACF;AAAA,OACF;AAAA,KAEE,SAAS,YACT,qBAAC,SAAI,WAAU,QACZ;AAAA,eAAS,oBAAC,OAAE,WAAU,uCAAuC,iBAAM;AAAA,MACnE,WAAW,oBAAC,OAAE,WAAU,sCAAsC,mBAAQ;AAAA,OACzE;AAAA,KAEJ;AAGF,MAAI,UAAU;AACZ,WACE,oBAAC,OAAE,MAAM,UAAU,QAAO,UAAS,KAAI,uBAAsB,WAAU,SACpE,gBACH;AAAA,EAEJ;AAEA,SAAO;AACT;","names":[]}
+{"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

@@ -1,4 +1,17 @@
-import { type ContentWithGalleryProps } from "../types";
-declare function ContentWithGallery({ images, preheader, heading, body, productCards, layout, colorTheme, className, }: ContentWithGalleryProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"content-with-gallery.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/content-with-gallery.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAkC,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAEvF,iBAAS,kBAAkB,CAAC,EAC1B,MAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAsB,EACtB,UAAU,EACV,SAAS,GACV,EAAE,uBAAuB,2CA4DzB;AAED,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,CAAA"}
+{"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

@@ -1,48 +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";
-import { cn } from "../../ui/utils";
-import { colorThemeClasses, isThemeDark } from "../types";
-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 })
-  ] }) });
+//#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
+				})
+			]
+		})
+	});
 }
-export {
-  ContentWithGallery
-};
+//#endregion
+export { ContentWithGallery };
+
 //# sourceMappingURL=content-with-gallery.mjs.map

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

@@ -1 +1 @@
-{"version":3,"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":";AAoBI,SAEI,KAFJ;AAjBJ,SAAS,UAAU;AACnB,SAAS,mBAAmB,mBAAiD;AAE7E,SAAS,mBAAmB;AAAA,EAC1B,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,OAAO,YAAY,UAAU;AACnC,QAAM,eAAe,kBAAkB,UAAU;AAEjD,QAAM,YACJ,qBAAC,SACE;AAAA,iBACC,oBAAC,OAAE,WAAW,GAAG,0CAA0C,OAAO,kBAAkB,uBAAuB,GACxG,qBACH;AAAA,IAED,WACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,qCAAqC,OAAO,eAAe,iBAAiB;AAAA,QAC1F,OAAO,EAAE,YAAY,8BAA8B,eAAe,gCAAgC,eAAe,gCAAgC;AAAA,QAEhJ;AAAA;AAAA,IACH;AAAA,IAED,QACC,oBAAC,OAAE,WAAW,GAAG,4CAA4C,OAAO,kBAAkB,uBAAuB,GAC1G,gBACH;AAAA,KAEJ;AAGF,QAAM,YAAY,OAAO,SAAS,KAChC,oBAAC,SAAI,WAAU,yCACZ,iBAAO,IAAI,CAAC,KAAK,MAChB,oBAAC,SAAY,WAAU,mCACrB,8BAAC,SAAI,KAAK,IAAI,KAAK,KAAK,IAAI,OAAO,IAAI,WAAU,0BAAyB,KADlE,CAEV,CACD,GACH;AAGF,MAAI,WAAW,gBAAgB;AAC7B,WACE,oBAAC,aAAQ,WAAW,GAAG,sBAAsB,cAAc,SAAS,GAClE,+BAAC,SAAI,WAAU,+DACZ;AAAA;AAAA,MACD,qBAAC,SACE;AAAA;AAAA,QACA,gBAAgB,oBAAC,SAAI,WAAU,QAAQ,wBAAa;AAAA,SACvD;AAAA,OACF,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,aAAQ,WAAW,GAAG,sBAAsB,cAAc,SAAS,GAClE,+BAAC,SAAI,WAAU,qBACZ;AAAA;AAAA,IACA,aAAa,oBAAC,SAAI,WAAU,QAAQ,qBAAU;AAAA,IAC9C,gBAAgB,oBAAC,SAAI,WAAU,QAAQ,wBAAa;AAAA,KACvD,GACF;AAEJ;","names":[]}
+{"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

@@ -1,4 +1,18 @@
-import type { ContentWithImageProductDataProps } from "../types";
-declare function ContentWithImageProductData({ image, preheader, heading, body, usps, buttonLabel, buttonHref, productCards, className, }: ContentWithImageProductDataProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"content-with-image-product-data.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/content-with-image-product-data.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAA;AAEhE,iBAAS,2BAA2B,CAAC,EACnC,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAS,EACT,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,GACV,EAAE,gCAAgC,2CAgElC;AAED,OAAO,EAAE,2BAA2B,EAAE,KAAK,gCAAgC,EAAE,CAAA"}
+{"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"}