@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/blocks/product-image.mjs

@@ -1,109 +1,81 @@
 "use client";
+import { cn } from "../../ui/utils.mjs";
+import { SwipeableCarousel } from "../carousel/swipeable-carousel.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../ui/utils";
-import { SwipeableCarousel } from "../carousel/swipeable-carousel";
+//#region src/client/storefront/blocks/product-image.tsx
 const aspectClasses = {
-  "1:1": "aspect-square",
-  "4:5": "aspect-[4/5]"
+	"1:1": "aspect-square",
+	"4:5": "aspect-[4/5]"
 };
 function getZoomLabel(zoomed) {
-  return zoomed ? "Zoom out" : "Zoom in";
+	return zoomed ? "Zoom out" : "Zoom in";
 }
-function ProductImage({
-  images,
-  aspectRatio = "4:5",
-  showZoom = false,
-  arrows = "outset",
-  showDots = true,
-  showThumbnails = false,
-  className
-}) {
-  const [zoomed, setZoomed] = React.useState(false);
-  const [activeSlide, setActiveSlide] = React.useState(0);
-  const toggleZoom = () => {
-    if (showZoom) setZoomed((z) => !z);
-  };
-  const handleZoomKeyDown = (e) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      toggleZoom();
-    }
-  };
-  const imageElements = images.map((img, i) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "relative overflow-hidden bg-muted",
-        aspectClasses[aspectRatio],
-        showZoom && (zoomed ? "cursor-zoom-out" : "cursor-zoom-in")
-      ),
-      ...showZoom && {
-        role: "button",
-        tabIndex: 0,
-        "aria-label": getZoomLabel(zoomed),
-        onClick: toggleZoom,
-        onKeyDown: handleZoomKeyDown
-      },
-      children: /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: img.src,
-          alt: img.alt ?? "",
-          className: cn(
-            "size-full object-cover transition-transform duration-[var(--enad-image-hover-duration)]",
-            zoomed && "scale-150"
-          )
-        }
-      )
-    },
-    i
-  ));
-  if (images.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: cn("bg-muted", aspectClasses[aspectRatio], className) });
-  }
-  if (images.length === 1) {
-    return /* @__PURE__ */ jsx("div", { className, children: imageElements[0] });
-  }
-  const carousel = /* @__PURE__ */ jsx(
-    SwipeableCarousel,
-    {
-      items: imageElements,
-      arrows,
-      showDots,
-      activeSlide,
-      onSlideChange: setActiveSlide
-    }
-  );
-  if (showThumbnails && images.length > 1) {
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-3", className), children: [
-      /* @__PURE__ */ jsx("div", { className: "hidden md:flex flex-col gap-2 w-16 shrink-0", children: images.map((img, i) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": `View image ${i + 1}`,
-          onClick: () => setActiveSlide(i),
-          className: cn(
-            "relative aspect-square overflow-hidden rounded-[var(--enad-card-radius)] border-2 transition",
-            i === activeSlide ? "border-primary ring-1 ring-primary/30" : "border-transparent opacity-60 hover:opacity-100"
-          ),
-          children: /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: img.src,
-              alt: img.alt ?? "",
-              className: "size-full object-cover"
-            }
-          )
-        },
-        i
-      )) }),
-      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: carousel })
-    ] });
-  }
-  return /* @__PURE__ */ jsx("div", { className, children: carousel });
+function ProductImage({ images, aspectRatio = "4:5", showZoom = false, arrows = "outset", showDots = true, showThumbnails = false, className }) {
+	const [zoomed, setZoomed] = React$1.useState(false);
+	const [activeSlide, setActiveSlide] = React$1.useState(0);
+	const toggleZoom = () => {
+		if (showZoom) setZoomed((z) => !z);
+	};
+	const handleZoomKeyDown = (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			toggleZoom();
+		}
+	};
+	const imageElements = images.map((img, i) => /* @__PURE__ */ jsx("div", {
+		className: cn("relative overflow-hidden bg-muted", aspectClasses[aspectRatio], showZoom && (zoomed ? "cursor-zoom-out" : "cursor-zoom-in")),
+		...showZoom && {
+			role: "button",
+			tabIndex: 0,
+			"aria-label": getZoomLabel(zoomed),
+			onClick: toggleZoom,
+			onKeyDown: handleZoomKeyDown
+		},
+		children: /* @__PURE__ */ jsx("img", {
+			src: img.src,
+			alt: img.alt ?? "",
+			className: cn("size-full object-cover transition-transform duration-[var(--enad-image-hover-duration)]", zoomed && "scale-150")
+		})
+	}, i));
+	if (images.length === 0) return /* @__PURE__ */ jsx("div", { className: cn("bg-muted", aspectClasses[aspectRatio], className) });
+	if (images.length === 1) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: imageElements[0]
+	});
+	const carousel = /* @__PURE__ */ jsx(SwipeableCarousel, {
+		items: imageElements,
+		arrows,
+		showDots,
+		activeSlide,
+		onSlideChange: setActiveSlide
+	});
+	if (showThumbnails && images.length > 1) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex gap-3", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "hidden md:flex flex-col gap-2 w-16 shrink-0",
+			children: images.map((img, i) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": `View image ${i + 1}`,
+				onClick: () => setActiveSlide(i),
+				className: cn("relative aspect-square overflow-hidden rounded-[var(--enad-card-radius)] border-2 transition", i === activeSlide ? "border-primary ring-1 ring-primary/30" : "border-transparent opacity-60 hover:opacity-100"),
+				children: /* @__PURE__ */ jsx("img", {
+					src: img.src,
+					alt: img.alt ?? "",
+					className: "size-full object-cover"
+				})
+			}, i))
+		}), /* @__PURE__ */ jsx("div", {
+			className: "min-w-0 flex-1",
+			children: carousel
+		})]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		children: carousel
+	});
 }
-export {
-  ProductImage
-};
+//#endregion
+export { ProductImage };
+
 //# sourceMappingURL=product-image.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/blocks/product-image.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport { SwipeableCarousel } from \"../carousel/swipeable-carousel\"\nimport type { ProductImageProps } from \"../types\"\n\nconst aspectClasses: Record<string, string> = {\n  \"1:1\": \"aspect-square\",\n  \"4:5\": \"aspect-[4/5]\",\n}\n\nfunction getZoomLabel(zoomed: boolean): string {\n  return zoomed ? \"Zoom out\" : \"Zoom in\"\n}\n\nfunction ProductImage({\n  images,\n  aspectRatio = \"4:5\",\n  showZoom = false,\n  arrows = \"outset\",\n  showDots = true,\n  showThumbnails = false,\n  className,\n}: ProductImageProps) {\n  const [zoomed, setZoomed] = React.useState(false)\n  const [activeSlide, setActiveSlide] = React.useState(0)\n\n  const toggleZoom = () => {\n    if (showZoom) setZoomed((z) => !z)\n  }\n\n  const handleZoomKeyDown = (e: React.KeyboardEvent) => { if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); toggleZoom() } }\n\n  const imageElements = images.map((img, i) => (\n    <div\n      key={i}\n      className={cn(\n        \"relative overflow-hidden bg-muted\",\n        aspectClasses[aspectRatio],\n        showZoom && (zoomed ? \"cursor-zoom-out\" : \"cursor-zoom-in\"),\n      )}\n      {...(showZoom && {\n        role: \"button\" as const,\n        tabIndex: 0,\n        \"aria-label\": getZoomLabel(zoomed),\n        onClick: toggleZoom,\n        onKeyDown: handleZoomKeyDown,\n      })}\n    >\n      <img\n        src={img.src}\n        alt={img.alt ?? \"\"}\n        className={cn(\n          \"size-full object-cover transition-transform duration-[var(--enad-image-hover-duration)]\",\n          zoomed && \"scale-150\",\n        )}\n      />\n    </div>\n  ))\n\n  if (images.length === 0) {\n    return (\n      <div className={cn(\"bg-muted\", aspectClasses[aspectRatio], className)} />\n    )\n  }\n\n  if (images.length === 1) {\n    return <div className={className}>{imageElements[0]}</div>\n  }\n\n  const carousel = (\n    <SwipeableCarousel\n      items={imageElements}\n      arrows={arrows}\n      showDots={showDots}\n      activeSlide={activeSlide}\n      onSlideChange={setActiveSlide}\n    />\n  )\n\n  if (showThumbnails && images.length > 1) {\n    return (\n      <div className={cn(\"flex gap-3\", className)}>\n        <div className=\"hidden md:flex flex-col gap-2 w-16 shrink-0\">\n          {images.map((img, i) => (\n            <button\n              key={i}\n              type=\"button\"\n              aria-label={`View image ${i + 1}`}\n              onClick={() => setActiveSlide(i)}\n              className={cn(\n                \"relative aspect-square overflow-hidden rounded-[var(--enad-card-radius)] border-2 transition\",\n                i === activeSlide\n                  ? \"border-primary ring-1 ring-primary/30\"\n                  : \"border-transparent opacity-60 hover:opacity-100\",\n              )}\n            >\n              <img\n                src={img.src}\n                alt={img.alt ?? \"\"}\n                className=\"size-full object-cover\"\n              />\n            </button>\n          ))}\n        </div>\n        <div className=\"min-w-0 flex-1\">{carousel}</div>\n      </div>\n    )\n  }\n\n  return <div className={className}>{carousel}</div>\n}\n\nexport { ProductImage, type ProductImageProps }\n"],"mappings":";AAkDM,cAiCA,YAjCA;AAhDN,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,yBAAyB;AAGlC,MAAM,gBAAwC;AAAA,EAC5C,OAAO;AAAA,EACP,OAAO;AACT;AAEA,SAAS,aAAa,QAAyB;AAC7C,SAAO,SAAS,aAAa;AAC/B;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB;AACF,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAChD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,CAAC;AAEtD,QAAM,aAAa,MAAM;AACvB,QAAI,SAAU,WAAU,CAAC,MAAM,CAAC,CAAC;AAAA,EACnC;AAEA,QAAM,oBAAoB,CAAC,MAA2B;AAAE,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AAAE,QAAE,eAAe;AAAG,iBAAW;AAAA,IAAE;AAAA,EAAE;AAErI,QAAM,gBAAgB,OAAO,IAAI,CAAC,KAAK,MACrC;AAAA,IAAC;AAAA;AAAA,MAEC,WAAW;AAAA,QACT;AAAA,QACA,cAAc,WAAW;AAAA,QACzB,aAAa,SAAS,oBAAoB;AAAA,MAC5C;AAAA,MACC,GAAI,YAAY;AAAA,QACf,MAAM;AAAA,QACN,UAAU;AAAA,QACV,cAAc,aAAa,MAAM;AAAA,QACjC,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,IAAI;AAAA,UACT,KAAK,IAAI,OAAO;AAAA,UAChB,WAAW;AAAA,YACT;AAAA,YACA,UAAU;AAAA,UACZ;AAAA;AAAA,MACF;AAAA;AAAA,IArBK;AAAA,EAsBP,CACD;AAED,MAAI,OAAO,WAAW,GAAG;AACvB,WACE,oBAAC,SAAI,WAAW,GAAG,YAAY,cAAc,WAAW,GAAG,SAAS,GAAG;AAAA,EAE3E;AAEA,MAAI,OAAO,WAAW,GAAG;AACvB,WAAO,oBAAC,SAAI,WAAuB,wBAAc,CAAC,GAAE;AAAA,EACtD;AAEA,QAAM,WACJ;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA;AAAA,EACjB;AAGF,MAAI,kBAAkB,OAAO,SAAS,GAAG;AACvC,WACE,qBAAC,SAAI,WAAW,GAAG,cAAc,SAAS,GACxC;AAAA,0BAAC,SAAI,WAAU,+CACZ,iBAAO,IAAI,CAAC,KAAK,MAChB;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,cAAY,cAAc,IAAI,CAAC;AAAA,UAC/B,SAAS,MAAM,eAAe,CAAC;AAAA,UAC/B,WAAW;AAAA,YACT;AAAA,YACA,MAAM,cACF,0CACA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,IAAI;AAAA,cACT,KAAK,IAAI,OAAO;AAAA,cAChB,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA,QAfK;AAAA,MAgBP,CACD,GACH;AAAA,MACA,oBAAC,SAAI,WAAU,kBAAkB,oBAAS;AAAA,OAC5C;AAAA,EAEJ;AAEA,SAAO,oBAAC,SAAI,WAAuB,oBAAS;AAC9C;","names":[]}
+{"version":3,"file":"product-image.mjs","names":["React"],"sources":["../../../../src/client/storefront/blocks/product-image.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport { SwipeableCarousel } from \"../carousel/swipeable-carousel\"\nimport type { ProductImageProps } from \"../types\"\n\nconst aspectClasses: Record<string, string> = {\n  \"1:1\": \"aspect-square\",\n  \"4:5\": \"aspect-[4/5]\",\n}\n\nfunction getZoomLabel(zoomed: boolean): string {\n  return zoomed ? \"Zoom out\" : \"Zoom in\"\n}\n\nfunction ProductImage({\n  images,\n  aspectRatio = \"4:5\",\n  showZoom = false,\n  arrows = \"outset\",\n  showDots = true,\n  showThumbnails = false,\n  className,\n}: ProductImageProps) {\n  const [zoomed, setZoomed] = React.useState(false)\n  const [activeSlide, setActiveSlide] = React.useState(0)\n\n  const toggleZoom = () => {\n    if (showZoom) setZoomed((z) => !z)\n  }\n\n  const handleZoomKeyDown = (e: React.KeyboardEvent) => { if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); toggleZoom() } }\n\n  const imageElements = images.map((img, i) => (\n    <div\n      key={i}\n      className={cn(\n        \"relative overflow-hidden bg-muted\",\n        aspectClasses[aspectRatio],\n        showZoom && (zoomed ? \"cursor-zoom-out\" : \"cursor-zoom-in\"),\n      )}\n      {...(showZoom && {\n        role: \"button\" as const,\n        tabIndex: 0,\n        \"aria-label\": getZoomLabel(zoomed),\n        onClick: toggleZoom,\n        onKeyDown: handleZoomKeyDown,\n      })}\n    >\n      <img\n        src={img.src}\n        alt={img.alt ?? \"\"}\n        className={cn(\n          \"size-full object-cover transition-transform duration-[var(--enad-image-hover-duration)]\",\n          zoomed && \"scale-150\",\n        )}\n      />\n    </div>\n  ))\n\n  if (images.length === 0) {\n    return (\n      <div className={cn(\"bg-muted\", aspectClasses[aspectRatio], className)} />\n    )\n  }\n\n  if (images.length === 1) {\n    return <div className={className}>{imageElements[0]}</div>\n  }\n\n  const carousel = (\n    <SwipeableCarousel\n      items={imageElements}\n      arrows={arrows}\n      showDots={showDots}\n      activeSlide={activeSlide}\n      onSlideChange={setActiveSlide}\n    />\n  )\n\n  if (showThumbnails && images.length > 1) {\n    return (\n      <div className={cn(\"flex gap-3\", className)}>\n        <div className=\"hidden md:flex flex-col gap-2 w-16 shrink-0\">\n          {images.map((img, i) => (\n            <button\n              key={i}\n              type=\"button\"\n              aria-label={`View image ${i + 1}`}\n              onClick={() => setActiveSlide(i)}\n              className={cn(\n                \"relative aspect-square overflow-hidden rounded-[var(--enad-card-radius)] border-2 transition\",\n                i === activeSlide\n                  ? \"border-primary ring-1 ring-primary/30\"\n                  : \"border-transparent opacity-60 hover:opacity-100\",\n              )}\n            >\n              <img\n                src={img.src}\n                alt={img.alt ?? \"\"}\n                className=\"size-full object-cover\"\n              />\n            </button>\n          ))}\n        </div>\n        <div className=\"min-w-0 flex-1\">{carousel}</div>\n      </div>\n    )\n  }\n\n  return <div className={className}>{carousel}</div>\n}\n\nexport { ProductImage, type ProductImageProps }\n"],"mappings":";;;;;;AAOA,MAAM,gBAAwC;CAC5C,OAAO;CACP,OAAO;CACR;AAED,SAAS,aAAa,QAAyB;AAC7C,QAAO,SAAS,aAAa;;AAG/B,SAAS,aAAa,EACpB,QACA,cAAc,OACd,WAAW,OACX,SAAS,UACT,WAAW,MACX,iBAAiB,OACjB,aACoB;CACpB,MAAM,CAAC,QAAQ,aAAaA,QAAM,SAAS,MAAM;CACjD,MAAM,CAAC,aAAa,kBAAkBA,QAAM,SAAS,EAAE;CAEvD,MAAM,mBAAmB;AACvB,MAAI,SAAU,YAAW,MAAM,CAAC,EAAE;;CAGpC,MAAM,qBAAqB,MAA2B;AAAE,MAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AAAE,KAAE,gBAAgB;AAAE,eAAY;;;CAElI,MAAM,gBAAgB,OAAO,KAAK,KAAK,MACrC,oBAAC,OAAD;EAEE,WAAW,GACT,qCACA,cAAc,cACd,aAAa,SAAS,oBAAoB,kBAC3C;EACD,GAAK,YAAY;GACf,MAAM;GACN,UAAU;GACV,cAAc,aAAa,OAAO;GAClC,SAAS;GACT,WAAW;GACZ;YAED,oBAAC,OAAD;GACE,KAAK,IAAI;GACT,KAAK,IAAI,OAAO;GAChB,WAAW,GACT,2FACA,UAAU,YACX;GACD,CAAA;EACE,EAtBC,EAsBD,CACN;AAEF,KAAI,OAAO,WAAW,EACpB,QACE,oBAAC,OAAD,EAAK,WAAW,GAAG,YAAY,cAAc,cAAc,UAAU,EAAI,CAAA;AAI7E,KAAI,OAAO,WAAW,EACpB,QAAO,oBAAC,OAAD;EAAgB;YAAY,cAAc;EAAS,CAAA;CAG5D,MAAM,WACJ,oBAAC,mBAAD;EACE,OAAO;EACC;EACE;EACG;EACb,eAAe;EACf,CAAA;AAGJ,KAAI,kBAAkB,OAAO,SAAS,EACpC,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,cAAc,UAAU;YAA3C,CACE,oBAAC,OAAD;GAAK,WAAU;aACZ,OAAO,KAAK,KAAK,MAChB,oBAAC,UAAD;IAEE,MAAK;IACL,cAAY,cAAc,IAAI;IAC9B,eAAe,eAAe,EAAE;IAChC,WAAW,GACT,gGACA,MAAM,cACF,0CACA,kDACL;cAED,oBAAC,OAAD;KACE,KAAK,IAAI;KACT,KAAK,IAAI,OAAO;KAChB,WAAU;KACV,CAAA;IACK,EAhBF,EAgBE,CACT;GACE,CAAA,EACN,oBAAC,OAAD;GAAK,WAAU;aAAkB;GAAe,CAAA,CAC5C;;AAIV,QAAO,oBAAC,OAAD;EAAgB;YAAY;EAAe,CAAA"}

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

@@ -1,4 +1,10 @@
-import type { SpacerProps } from "../types";
-declare function Spacer({ size }: SpacerProps): import("react/jsx-runtime").JSX.Element;
+import { SpacerProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/spacer.d.ts
+declare function Spacer({
+  size
+}: SpacerProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { Spacer, type SpacerProps };
 //# sourceMappingURL=spacer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"spacer.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/spacer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,iBAAS,MAAM,CAAC,EAAE,IAAW,EAAE,EAAE,WAAW,2CAE3C;AAED,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,CAAA"}
+{"version":3,"file":"spacer.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/spacer.tsx"],"mappings":";;;;iBAUS,MAAA,CAAA;EAAS;AAAA,GAAe,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,14 +1,19 @@
+import { cn } from "../../ui/utils.mjs";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/blocks/spacer.tsx
 const sizeClasses = {
-  sm: "py-2 md:py-3",
-  md: "py-4 md:py-6",
-  lg: "py-6 md:py-10"
+	sm: "py-2 md:py-3",
+	md: "py-4 md:py-6",
+	lg: "py-6 md:py-10"
 };
 function Spacer({ size = "md" }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(sizeClasses[size]), "aria-hidden": "true" });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(sizeClasses[size]),
+		"aria-hidden": "true"
+	});
 }
-export {
-  Spacer
-};
+//#endregion
+export { Spacer };
+
 //# sourceMappingURL=spacer.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/blocks/spacer.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { SpacerProps } from \"../types\"\n\nconst sizeClasses: Record<string, string> = {\n  sm: \"py-2 md:py-3\",\n  md: \"py-4 md:py-6\",\n  lg: \"py-6 md:py-10\",\n}\n\nfunction Spacer({ size = \"md\" }: SpacerProps) {\n  return <div className={cn(sizeClasses[size])} aria-hidden=\"true\" />\n}\n\nexport { Spacer, type SpacerProps }\n"],"mappings":"AAWS;AAVT,SAAS,UAAU;AAGnB,MAAM,cAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAAS,OAAO,EAAE,OAAO,KAAK,GAAgB;AAC5C,SAAO,oBAAC,SAAI,WAAW,GAAG,YAAY,IAAI,CAAC,GAAG,eAAY,QAAO;AACnE;","names":[]}
+{"version":3,"file":"spacer.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/spacer.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { SpacerProps } from \"../types\"\n\nconst sizeClasses: Record<string, string> = {\n  sm: \"py-2 md:py-3\",\n  md: \"py-4 md:py-6\",\n  lg: \"py-6 md:py-10\",\n}\n\nfunction Spacer({ size = \"md\" }: SpacerProps) {\n  return <div className={cn(sizeClasses[size])} aria-hidden=\"true\" />\n}\n\nexport { Spacer, type SpacerProps }\n"],"mappings":";;;;AAIA,MAAM,cAAsC;CAC1C,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAS,OAAO,EAAE,OAAO,QAAqB;AAC5C,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,YAAY,MAAM;EAAE,eAAY;EAAS,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"text-content-with-image.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/text-content-with-image.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkC,KAAK,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAuVzF,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAe7D;AAED,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"text-content-with-image.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/text-content-with-image.tsx"],"mappings":";;;;iBA6VS,oBAAA,CAAqB,KAAA,EAAO,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA"}