@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/blocks/text-content.mjs

@@ -1,150 +1,165 @@
 "use client";
+import { cn } from "../../ui/utils.mjs";
+import { StorefrontButton } from "../primitives/button.mjs";
+import { StorefrontTextLink } from "../primitives/text-link.mjs";
+import { colorThemeClasses, isThemeDark } from "../types.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
-import { StorefrontButton } from "../primitives/button";
-import { StorefrontTextLink } from "../primitives/text-link";
-import { colorThemeClasses, isThemeDark } from "../types";
-function CTAGroup({
-  buttonLabel,
-  buttonHref,
-  textLinkLabel,
-  textLinkHref,
-  dark
-}) {
-  if (!buttonLabel && !textLinkLabel) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-wrap items-center gap-4", children: [
-    buttonLabel && buttonHref && /* @__PURE__ */ jsx(StorefrontButton, { href: buttonHref, variant: dark ? "outline" : "primary", children: buttonLabel }),
-    textLinkLabel && textLinkHref && /* @__PURE__ */ jsx(StorefrontTextLink, { href: textLinkHref, className: dark ? "text-white" : void 0, children: textLinkLabel })
-  ] });
+//#region src/client/storefront/blocks/text-content.tsx
+function CTAGroup({ buttonLabel, buttonHref, textLinkLabel, textLinkHref, dark }) {
+	if (!buttonLabel && !textLinkLabel) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mt-6 flex flex-wrap items-center gap-4",
+		children: [buttonLabel && buttonHref && /* @__PURE__ */ jsx(StorefrontButton, {
+			href: buttonHref,
+			variant: dark ? "outline" : "primary",
+			children: buttonLabel
+		}), textLinkLabel && textLinkHref && /* @__PURE__ */ jsx(StorefrontTextLink, {
+			href: textLinkHref,
+			className: dark ? "text-white" : void 0,
+			children: textLinkLabel
+		})]
+	});
 }
-const headingStyle = { fontWeight: "var(--enad-heading-weight)", letterSpacing: "var(--enad-heading-tracking)", textTransform: "var(--enad-heading-transform)" };
-function PullQuoteVariant({
-  preheader,
-  heading,
-  body,
-  buttonLabel,
-  buttonHref,
-  textLinkLabel,
-  textLinkHref,
-  dark,
-  themeClasses,
-  className
-}) {
-  return /* @__PURE__ */ jsx("section", { className: cn("px-8 py-12 md:px-16 md:py-20", themeClasses, className), children: /* @__PURE__ */ jsxs(
-    "blockquote",
-    {
-      className: "max-w-3xl border-s-4 ps-6 md:ps-10",
-      style: { borderColor: "var(--enad-accent-color, hsl(var(--primary)))" },
-      children: [
-        preheader && /* @__PURE__ */ jsx("p", { className: cn("mb-3 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"), children: preheader }),
-        heading && /* @__PURE__ */ jsx(
-          "p",
-          {
-            className: cn("mb-4 text-2xl font-heading leading-relaxed line-clamp-6 md:text-3xl lg:text-4xl", dark ? "text-white" : "text-foreground"),
-            style: headingStyle,
-            children: heading
-          }
-        ),
-        body && /* @__PURE__ */ jsx("p", { className: cn("mb-6 text-lg leading-relaxed md:text-xl", dark ? "text-white/80" : "text-muted-foreground"), children: body }),
-        /* @__PURE__ */ jsx(CTAGroup, { buttonLabel, buttonHref, textLinkLabel, textLinkHref, dark })
-      ]
-    }
-  ) });
+const headingStyle = {
+	fontWeight: "var(--enad-heading-weight)",
+	letterSpacing: "var(--enad-heading-tracking)",
+	textTransform: "var(--enad-heading-transform)"
+};
+function PullQuoteVariant({ preheader, heading, body, buttonLabel, buttonHref, textLinkLabel, textLinkHref, dark, themeClasses, className }) {
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("px-8 py-12 md:px-16 md:py-20", themeClasses, className),
+		children: /* @__PURE__ */ jsxs("blockquote", {
+			className: "max-w-3xl border-s-4 ps-6 md:ps-10",
+			style: { borderColor: "var(--enad-accent-color, hsl(var(--primary)))" },
+			children: [
+				preheader && /* @__PURE__ */ jsx("p", {
+					className: cn("mb-3 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"),
+					children: preheader
+				}),
+				heading && /* @__PURE__ */ jsx("p", {
+					className: cn("mb-4 text-2xl font-heading leading-relaxed line-clamp-6 md:text-3xl lg:text-4xl", dark ? "text-white" : "text-foreground"),
+					style: headingStyle,
+					children: heading
+				}),
+				body && /* @__PURE__ */ jsx("p", {
+					className: cn("mb-6 text-lg leading-relaxed md:text-xl", dark ? "text-white/80" : "text-muted-foreground"),
+					children: body
+				}),
+				/* @__PURE__ */ jsx(CTAGroup, {
+					buttonLabel,
+					buttonHref,
+					textLinkLabel,
+					textLinkHref,
+					dark
+				})
+			]
+		})
+	});
 }
-function ColumnsVariant({
-  preheader,
-  heading,
-  body,
-  buttonLabel,
-  buttonHref,
-  textLinkLabel,
-  textLinkHref,
-  dark,
-  themeClasses,
-  className
-}) {
-  return /* @__PURE__ */ jsx("section", { className: cn("px-8 py-12 md:px-16 md:py-20", themeClasses, className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl", children: [
-    preheader && /* @__PURE__ */ jsx("p", { className: cn("mb-3 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"), children: preheader }),
-    heading && /* @__PURE__ */ jsx(
-      "h2",
-      {
-        className: cn("mb-6 text-2xl font-heading md:text-3xl lg:text-4xl", dark ? "text-white" : "text-foreground"),
-        style: headingStyle,
-        children: heading
-      }
-    ),
-    body && /* @__PURE__ */ jsx("div", { className: "columns-1 gap-8 md:columns-2 lg:columns-3 [&>p]:break-inside-avoid", children: /* @__PURE__ */ jsx("p", { className: cn("mb-6 text-base leading-relaxed", dark ? "text-white/80" : "text-muted-foreground"), children: body }) }),
-    /* @__PURE__ */ jsx(CTAGroup, { buttonLabel, buttonHref, textLinkLabel, textLinkHref, dark })
-  ] }) });
+function ColumnsVariant({ preheader, heading, body, buttonLabel, buttonHref, textLinkLabel, textLinkHref, dark, themeClasses, className }) {
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("px-8 py-12 md:px-16 md:py-20", themeClasses, className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto max-w-5xl",
+			children: [
+				preheader && /* @__PURE__ */ jsx("p", {
+					className: cn("mb-3 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"),
+					children: preheader
+				}),
+				heading && /* @__PURE__ */ jsx("h2", {
+					className: cn("mb-6 text-2xl font-heading md:text-3xl lg:text-4xl", dark ? "text-white" : "text-foreground"),
+					style: headingStyle,
+					children: heading
+				}),
+				body && /* @__PURE__ */ jsx("div", {
+					className: "columns-1 gap-8 md:columns-2 lg:columns-3 [&>p]:break-inside-avoid",
+					children: /* @__PURE__ */ jsx("p", {
+						className: cn("mb-6 text-base leading-relaxed", dark ? "text-white/80" : "text-muted-foreground"),
+						children: body
+					})
+				}),
+				/* @__PURE__ */ jsx(CTAGroup, {
+					buttonLabel,
+					buttonHref,
+					textLinkLabel,
+					textLinkHref,
+					dark
+				})
+			]
+		})
+	});
 }
-function DefaultVariant({
-  preheader,
-  heading,
-  body,
-  layout = "default",
-  buttonLabel,
-  buttonHref,
-  textLinkLabel,
-  textLinkHref,
-  dark,
-  themeClasses,
-  className
-}) {
-  const cta = /* @__PURE__ */ jsx(
-    CTAGroup,
-    {
-      buttonLabel,
-      buttonHref,
-      textLinkLabel,
-      textLinkHref,
-      dark
-    }
-  );
-  const preheaderEl = preheader ? /* @__PURE__ */ jsx("p", { className: cn("mb-3 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"), children: preheader }) : null;
-  const headingEl = heading ? /* @__PURE__ */ jsx(
-    "h2",
-    {
-      className: cn("mb-4 text-2xl font-heading md:text-3xl lg:text-4xl", dark ? "text-white" : "text-foreground"),
-      style: headingStyle,
-      children: heading
-    }
-  ) : null;
-  const bodyEl = body ? /* @__PURE__ */ jsx("p", { className: cn("mb-6 text-base leading-relaxed", dark ? "text-white/80" : "text-muted-foreground"), children: body }) : null;
-  if (layout === "text-indent") {
-    return /* @__PURE__ */ jsx("section", { className: cn("px-8 py-12 md:px-16 md:py-20", themeClasses, className), children: /* @__PURE__ */ jsxs("div", { className: "max-w-5xl", children: [
-      preheaderEl && /* @__PURE__ */ jsx("div", { className: "md:ps-44", children: preheaderEl }),
-      headingEl,
-      /* @__PURE__ */ jsxs("div", { className: "md:ps-44", children: [
-        bodyEl,
-        cta
-      ] })
-    ] }) });
-  }
-  const maxWidthClass = layout === "wide" ? "max-w-4xl" : "max-w-2xl";
-  return /* @__PURE__ */ jsx("section", { className: cn("px-8 py-12 md:px-16 md:py-20", themeClasses, className), children: /* @__PURE__ */ jsxs("div", { className: maxWidthClass, children: [
-    preheaderEl,
-    headingEl,
-    bodyEl,
-    cta
-  ] }) });
+function DefaultVariant({ preheader, heading, body, layout = "default", buttonLabel, buttonHref, textLinkLabel, textLinkHref, dark, themeClasses, className }) {
+	const cta = /* @__PURE__ */ jsx(CTAGroup, {
+		buttonLabel,
+		buttonHref,
+		textLinkLabel,
+		textLinkHref,
+		dark
+	});
+	const preheaderEl = preheader ? /* @__PURE__ */ jsx("p", {
+		className: cn("mb-3 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"),
+		children: preheader
+	}) : null;
+	const headingEl = heading ? /* @__PURE__ */ jsx("h2", {
+		className: cn("mb-4 text-2xl font-heading md:text-3xl lg:text-4xl", dark ? "text-white" : "text-foreground"),
+		style: headingStyle,
+		children: heading
+	}) : null;
+	const bodyEl = body ? /* @__PURE__ */ jsx("p", {
+		className: cn("mb-6 text-base leading-relaxed", dark ? "text-white/80" : "text-muted-foreground"),
+		children: body
+	}) : null;
+	if (layout === "text-indent") return /* @__PURE__ */ jsx("section", {
+		className: cn("px-8 py-12 md:px-16 md:py-20", themeClasses, className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "max-w-5xl",
+			children: [
+				preheaderEl && /* @__PURE__ */ jsx("div", {
+					className: "md:ps-44",
+					children: preheaderEl
+				}),
+				headingEl,
+				/* @__PURE__ */ jsxs("div", {
+					className: "md:ps-44",
+					children: [bodyEl, cta]
+				})
+			]
+		})
+	});
+	const maxWidthClass = layout === "wide" ? "max-w-4xl" : "max-w-2xl";
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("px-8 py-12 md:px-16 md:py-20", themeClasses, className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: maxWidthClass,
+			children: [
+				preheaderEl,
+				headingEl,
+				bodyEl,
+				cta
+			]
+		})
+	});
 }
 function TextContent(props) {
-  const { variant = "default", colorTheme, className } = props;
-  const dark = isThemeDark(colorTheme);
-  const themeClasses = colorThemeClasses(colorTheme);
-  const hasContent = props.preheader || props.heading || props.body || props.buttonLabel || props.textLinkLabel;
-  if (!hasContent) return null;
-  const variantProps = { ...props, dark, themeClasses, className };
-  switch (variant) {
-    case "pull-quote":
-      return /* @__PURE__ */ jsx(PullQuoteVariant, { ...variantProps });
-    case "columns":
-      return /* @__PURE__ */ jsx(ColumnsVariant, { ...variantProps });
-    default:
-      return /* @__PURE__ */ jsx(DefaultVariant, { ...variantProps });
-  }
+	const { variant = "default", colorTheme, className } = props;
+	const dark = isThemeDark(colorTheme);
+	const themeClasses = colorThemeClasses(colorTheme);
+	if (!(props.preheader || props.heading || props.body || props.buttonLabel || props.textLinkLabel)) return null;
+	const variantProps = {
+		...props,
+		dark,
+		themeClasses,
+		className
+	};
+	switch (variant) {
+		case "pull-quote": return /* @__PURE__ */ jsx(PullQuoteVariant, { ...variantProps });
+		case "columns": return /* @__PURE__ */ jsx(ColumnsVariant, { ...variantProps });
+		default: return /* @__PURE__ */ jsx(DefaultVariant, { ...variantProps });
+	}
 }
-export {
-  TextContent
-};
+//#endregion
+export { TextContent };
+
 //# sourceMappingURL=text-content.mjs.map

package/dist/client/storefront/blocks/text-content.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/blocks/text-content.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport { StorefrontButton } from \"../primitives/button\"\nimport { StorefrontTextLink } from \"../primitives/text-link\"\nimport { colorThemeClasses, isThemeDark, type TextContentProps } from \"../types\"\n\n/* ─── Shared sub-components ─── */\n\nfunction CTAGroup({\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n}: {\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  dark?: boolean\n}) {\n  if (!buttonLabel && !textLinkLabel) return null\n  return (\n    <div className=\"mt-6 flex flex-wrap items-center gap-4\">\n      {buttonLabel && buttonHref && (\n        <StorefrontButton href={buttonHref} variant={dark ? \"outline\" : \"primary\"}>\n          {buttonLabel}\n        </StorefrontButton>\n      )}\n      {textLinkLabel && textLinkHref && (\n        <StorefrontTextLink href={textLinkHref} className={dark ? \"text-white\" : undefined}>\n          {textLinkLabel}\n        </StorefrontTextLink>\n      )}\n    </div>\n  )\n}\n\nconst headingStyle = { fontWeight: \"var(--enad-heading-weight)\", letterSpacing: \"var(--enad-heading-tracking)\", textTransform: \"var(--enad-heading-transform)\" } as unknown as React.CSSProperties\n\n/* ─── Shared variant prop types ─── */\n\ntype VariantProps = TextContentProps & {\n  dark: boolean\n  themeClasses: string\n}\n\n/* ─── Pull-quote variant ─── */\n\nfunction PullQuoteVariant({\n  preheader,\n  heading,\n  body,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  return (\n    <section className={cn(\"px-8 py-12 md:px-16 md:py-20\", themeClasses, className)}>\n      <blockquote\n        className=\"max-w-3xl border-s-4 ps-6 md:ps-10\"\n        style={{ borderColor: \"var(--enad-accent-color, hsl(var(--primary)))\" }}\n      >\n        {preheader && (\n          <p className={cn(\"mb-3 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n            {preheader}\n          </p>\n        )}\n        {heading && (\n          <p\n            className={cn(\"mb-4 text-2xl font-heading leading-relaxed line-clamp-6 md:text-3xl lg:text-4xl\", dark ? \"text-white\" : \"text-foreground\")}\n            style={headingStyle}\n          >\n            {heading}\n          </p>\n        )}\n        {body && (\n          <p className={cn(\"mb-6 text-lg leading-relaxed md:text-xl\", dark ? \"text-white/80\" : \"text-muted-foreground\")}>\n            {body}\n          </p>\n        )}\n        <CTAGroup buttonLabel={buttonLabel} buttonHref={buttonHref} textLinkLabel={textLinkLabel} textLinkHref={textLinkHref} dark={dark} />\n      </blockquote>\n    </section>\n  )\n}\n\n/* ─── Columns variant ─── */\n\nfunction ColumnsVariant({\n  preheader,\n  heading,\n  body,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  return (\n    <section className={cn(\"px-8 py-12 md:px-16 md:py-20\", themeClasses, className)}>\n      <div className=\"mx-auto max-w-5xl\">\n        {preheader && (\n          <p className={cn(\"mb-3 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n            {preheader}\n          </p>\n        )}\n        {heading && (\n          <h2\n            className={cn(\"mb-6 text-2xl font-heading md:text-3xl lg:text-4xl\", dark ? \"text-white\" : \"text-foreground\")}\n            style={headingStyle}\n          >\n            {heading}\n          </h2>\n        )}\n        {body && (\n          <div className=\"columns-1 gap-8 md:columns-2 lg:columns-3 [&>p]:break-inside-avoid\">\n            <p className={cn(\"mb-6 text-base leading-relaxed\", dark ? \"text-white/80\" : \"text-muted-foreground\")}>\n              {body}\n            </p>\n          </div>\n        )}\n        <CTAGroup buttonLabel={buttonLabel} buttonHref={buttonHref} textLinkLabel={textLinkLabel} textLinkHref={textLinkHref} dark={dark} />\n      </div>\n    </section>\n  )\n}\n\n/* ─── Default variant (respects layout sub-options) ─── */\n\nfunction DefaultVariant({\n  preheader,\n  heading,\n  body,\n  layout = \"default\",\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  const cta = (\n    <CTAGroup\n      buttonLabel={buttonLabel}\n      buttonHref={buttonHref}\n      textLinkLabel={textLinkLabel}\n      textLinkHref={textLinkHref}\n      dark={dark}\n    />\n  )\n\n  const preheaderEl = preheader ? (\n    <p className={cn(\"mb-3 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n      {preheader}\n    </p>\n  ) : null\n\n  const headingEl = heading ? (\n    <h2\n      className={cn(\"mb-4 text-2xl font-heading md:text-3xl lg:text-4xl\", dark ? \"text-white\" : \"text-foreground\")}\n      style={headingStyle}\n    >\n      {heading}\n    </h2>\n  ) : null\n\n  const bodyEl = body ? (\n    <p className={cn(\"mb-6 text-base leading-relaxed\", dark ? \"text-white/80\" : \"text-muted-foreground\")}>\n      {body}\n    </p>\n  ) : null\n\n  if (layout === \"text-indent\") {\n    return (\n      <section className={cn(\"px-8 py-12 md:px-16 md:py-20\", themeClasses, className)}>\n        <div className=\"max-w-5xl\">\n          {preheaderEl && <div className=\"md:ps-44\">{preheaderEl}</div>}\n          {headingEl}\n          <div className=\"md:ps-44\">\n            {bodyEl}\n            {cta}\n          </div>\n        </div>\n      </section>\n    )\n  }\n\n  const maxWidthClass = layout === \"wide\" ? \"max-w-4xl\" : \"max-w-2xl\"\n\n  return (\n    <section className={cn(\"px-8 py-12 md:px-16 md:py-20\", themeClasses, className)}>\n      <div className={maxWidthClass}>\n        {preheaderEl}\n        {headingEl}\n        {bodyEl}\n        {cta}\n      </div>\n    </section>\n  )\n}\n\n/* ─── Main component ─── */\n\nfunction TextContent(props: TextContentProps) {\n  const { variant = \"default\", colorTheme, className } = props\n  const dark = isThemeDark(colorTheme)\n  const themeClasses = colorThemeClasses(colorTheme)\n  const hasContent = props.preheader || props.heading || props.body || props.buttonLabel || props.textLinkLabel\n\n  if (!hasContent) return null\n\n  const variantProps: VariantProps = { ...props, dark, themeClasses, className }\n\n  switch (variant) {\n    case \"pull-quote\":\n      return <PullQuoteVariant {...variantProps} />\n    case \"columns\":\n      return <ColumnsVariant {...variantProps} />\n    default:\n      return <DefaultVariant {...variantProps} />\n  }\n}\n\nexport { TextContent, type TextContentProps }\n"],"mappings":"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","names":[]}
+{"version":3,"file":"text-content.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/text-content.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport { StorefrontButton } from \"../primitives/button\"\nimport { StorefrontTextLink } from \"../primitives/text-link\"\nimport { colorThemeClasses, isThemeDark, type TextContentProps } from \"../types\"\n\n/* ─── Shared sub-components ─── */\n\nfunction CTAGroup({\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n}: {\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  dark?: boolean\n}) {\n  if (!buttonLabel && !textLinkLabel) return null\n  return (\n    <div className=\"mt-6 flex flex-wrap items-center gap-4\">\n      {buttonLabel && buttonHref && (\n        <StorefrontButton href={buttonHref} variant={dark ? \"outline\" : \"primary\"}>\n          {buttonLabel}\n        </StorefrontButton>\n      )}\n      {textLinkLabel && textLinkHref && (\n        <StorefrontTextLink href={textLinkHref} className={dark ? \"text-white\" : undefined}>\n          {textLinkLabel}\n        </StorefrontTextLink>\n      )}\n    </div>\n  )\n}\n\nconst headingStyle = { fontWeight: \"var(--enad-heading-weight)\", letterSpacing: \"var(--enad-heading-tracking)\", textTransform: \"var(--enad-heading-transform)\" } as unknown as React.CSSProperties\n\n/* ─── Shared variant prop types ─── */\n\ntype VariantProps = TextContentProps & {\n  dark: boolean\n  themeClasses: string\n}\n\n/* ─── Pull-quote variant ─── */\n\nfunction PullQuoteVariant({\n  preheader,\n  heading,\n  body,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  return (\n    <section className={cn(\"px-8 py-12 md:px-16 md:py-20\", themeClasses, className)}>\n      <blockquote\n        className=\"max-w-3xl border-s-4 ps-6 md:ps-10\"\n        style={{ borderColor: \"var(--enad-accent-color, hsl(var(--primary)))\" }}\n      >\n        {preheader && (\n          <p className={cn(\"mb-3 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n            {preheader}\n          </p>\n        )}\n        {heading && (\n          <p\n            className={cn(\"mb-4 text-2xl font-heading leading-relaxed line-clamp-6 md:text-3xl lg:text-4xl\", dark ? \"text-white\" : \"text-foreground\")}\n            style={headingStyle}\n          >\n            {heading}\n          </p>\n        )}\n        {body && (\n          <p className={cn(\"mb-6 text-lg leading-relaxed md:text-xl\", dark ? \"text-white/80\" : \"text-muted-foreground\")}>\n            {body}\n          </p>\n        )}\n        <CTAGroup buttonLabel={buttonLabel} buttonHref={buttonHref} textLinkLabel={textLinkLabel} textLinkHref={textLinkHref} dark={dark} />\n      </blockquote>\n    </section>\n  )\n}\n\n/* ─── Columns variant ─── */\n\nfunction ColumnsVariant({\n  preheader,\n  heading,\n  body,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  return (\n    <section className={cn(\"px-8 py-12 md:px-16 md:py-20\", themeClasses, className)}>\n      <div className=\"mx-auto max-w-5xl\">\n        {preheader && (\n          <p className={cn(\"mb-3 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n            {preheader}\n          </p>\n        )}\n        {heading && (\n          <h2\n            className={cn(\"mb-6 text-2xl font-heading md:text-3xl lg:text-4xl\", dark ? \"text-white\" : \"text-foreground\")}\n            style={headingStyle}\n          >\n            {heading}\n          </h2>\n        )}\n        {body && (\n          <div className=\"columns-1 gap-8 md:columns-2 lg:columns-3 [&>p]:break-inside-avoid\">\n            <p className={cn(\"mb-6 text-base leading-relaxed\", dark ? \"text-white/80\" : \"text-muted-foreground\")}>\n              {body}\n            </p>\n          </div>\n        )}\n        <CTAGroup buttonLabel={buttonLabel} buttonHref={buttonHref} textLinkLabel={textLinkLabel} textLinkHref={textLinkHref} dark={dark} />\n      </div>\n    </section>\n  )\n}\n\n/* ─── Default variant (respects layout sub-options) ─── */\n\nfunction DefaultVariant({\n  preheader,\n  heading,\n  body,\n  layout = \"default\",\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  const cta = (\n    <CTAGroup\n      buttonLabel={buttonLabel}\n      buttonHref={buttonHref}\n      textLinkLabel={textLinkLabel}\n      textLinkHref={textLinkHref}\n      dark={dark}\n    />\n  )\n\n  const preheaderEl = preheader ? (\n    <p className={cn(\"mb-3 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n      {preheader}\n    </p>\n  ) : null\n\n  const headingEl = heading ? (\n    <h2\n      className={cn(\"mb-4 text-2xl font-heading md:text-3xl lg:text-4xl\", dark ? \"text-white\" : \"text-foreground\")}\n      style={headingStyle}\n    >\n      {heading}\n    </h2>\n  ) : null\n\n  const bodyEl = body ? (\n    <p className={cn(\"mb-6 text-base leading-relaxed\", dark ? \"text-white/80\" : \"text-muted-foreground\")}>\n      {body}\n    </p>\n  ) : null\n\n  if (layout === \"text-indent\") {\n    return (\n      <section className={cn(\"px-8 py-12 md:px-16 md:py-20\", themeClasses, className)}>\n        <div className=\"max-w-5xl\">\n          {preheaderEl && <div className=\"md:ps-44\">{preheaderEl}</div>}\n          {headingEl}\n          <div className=\"md:ps-44\">\n            {bodyEl}\n            {cta}\n          </div>\n        </div>\n      </section>\n    )\n  }\n\n  const maxWidthClass = layout === \"wide\" ? \"max-w-4xl\" : \"max-w-2xl\"\n\n  return (\n    <section className={cn(\"px-8 py-12 md:px-16 md:py-20\", themeClasses, className)}>\n      <div className={maxWidthClass}>\n        {preheaderEl}\n        {headingEl}\n        {bodyEl}\n        {cta}\n      </div>\n    </section>\n  )\n}\n\n/* ─── Main component ─── */\n\nfunction TextContent(props: TextContentProps) {\n  const { variant = \"default\", colorTheme, className } = props\n  const dark = isThemeDark(colorTheme)\n  const themeClasses = colorThemeClasses(colorTheme)\n  const hasContent = props.preheader || props.heading || props.body || props.buttonLabel || props.textLinkLabel\n\n  if (!hasContent) return null\n\n  const variantProps: VariantProps = { ...props, dark, themeClasses, className }\n\n  switch (variant) {\n    case \"pull-quote\":\n      return <PullQuoteVariant {...variantProps} />\n    case \"columns\":\n      return <ColumnsVariant {...variantProps} />\n    default:\n      return <DefaultVariant {...variantProps} />\n  }\n}\n\nexport { TextContent, type TextContentProps }\n"],"mappings":"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"}

package/dist/client/storefront/blocks/truncated-text.d.ts

@@ -1,4 +1,13 @@
-import type { TruncatedTextProps } from "../types";
-declare function TruncatedText({ html, visibleLines, labels, className }: TruncatedTextProps): import("react/jsx-runtime").JSX.Element;
+import { TruncatedTextProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/truncated-text.d.ts
+declare function TruncatedText({
+  html,
+  visibleLines,
+  labels,
+  className
+}: TruncatedTextProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { TruncatedText, type TruncatedTextProps };
 //# sourceMappingURL=truncated-text.d.ts.map

package/dist/client/storefront/blocks/truncated-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"truncated-text.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/truncated-text.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,iBAAS,aAAa,CAAC,EAAE,IAAI,EAAE,YAAgB,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAkCvF;AAED,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"truncated-text.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/truncated-text.tsx"],"mappings":";;;;iBAOS,aAAA,CAAA;EAAgB,IAAA;EAAM,YAAA;EAAkB,MAAA;EAAQ;AAAA,GAAa,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/blocks/truncated-text.mjs

@@ -1,36 +1,42 @@
 "use client";
+import { cn } from "../../ui/utils.mjs";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../ui-resolver/collapsible.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../ui-resolver/collapsible";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/blocks/truncated-text.tsx
 function TruncatedText({ html, visibleLines = 4, labels, className }) {
-  const [isOpen, setIsOpen] = React.useState(false);
-  return /* @__PURE__ */ jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: cn("w-full", className), children: [
-    !isOpen && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "prose prose-sm max-w-none",
-        style: {
-          display: "-webkit-box",
-          WebkitLineClamp: visibleLines,
-          WebkitBoxOrient: "vertical",
-          overflow: "hidden"
-        },
-        dangerouslySetInnerHTML: { __html: html }
-      }
-    ),
-    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "prose prose-sm max-w-none", dangerouslySetInnerHTML: { __html: html } }) }),
-    /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "mt-2 text-sm font-medium text-foreground underline underline-offset-4 transition-colors hover:text-muted-foreground",
-        children: isOpen ? labels?.showLess ?? "Show less" : labels?.showMore ?? "Read more"
-      }
-    ) })
-  ] });
+	const [isOpen, setIsOpen] = React$1.useState(false);
+	return /* @__PURE__ */ jsxs(Collapsible, {
+		open: isOpen,
+		onOpenChange: setIsOpen,
+		className: cn("w-full", className),
+		children: [
+			!isOpen && /* @__PURE__ */ jsx("div", {
+				className: "prose prose-sm max-w-none",
+				style: {
+					display: "-webkit-box",
+					WebkitLineClamp: visibleLines,
+					WebkitBoxOrient: "vertical",
+					overflow: "hidden"
+				},
+				dangerouslySetInnerHTML: { __html: html }
+			}),
+			/* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
+				className: "prose prose-sm max-w-none",
+				dangerouslySetInnerHTML: { __html: html }
+			}) }),
+			/* @__PURE__ */ jsx(CollapsibleTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "mt-2 text-sm font-medium text-foreground underline underline-offset-4 transition-colors hover:text-muted-foreground",
+					children: isOpen ? labels?.showLess ?? "Show less" : labels?.showMore ?? "Read more"
+				})
+			})
+		]
+	});
 }
-export {
-  TruncatedText
-};
+//#endregion
+export { TruncatedText };
+
 //# sourceMappingURL=truncated-text.mjs.map

package/dist/client/storefront/blocks/truncated-text.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/blocks/truncated-text.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"../../ui-resolver/collapsible\";\nimport { cn } from \"../../ui/utils\";\nimport type { TruncatedTextProps } from \"../types\";\n\nfunction TruncatedText({ html, visibleLines = 4, labels, className }: TruncatedTextProps) {\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  return (\n    <Collapsible open={isOpen} onOpenChange={setIsOpen} className={cn(\"w-full\", className)}>\n      {/* Clamped preview */}\n      {!isOpen && (\n        <div\n          className=\"prose prose-sm max-w-none\"\n          style={{\n            display: \"-webkit-box\",\n            WebkitLineClamp: visibleLines,\n            WebkitBoxOrient: \"vertical\",\n            overflow: \"hidden\",\n          }}\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n      )}\n\n      {/* Full content */}\n      <CollapsibleContent>\n        <div className=\"prose prose-sm max-w-none\" dangerouslySetInnerHTML={{ __html: html }} />\n      </CollapsibleContent>\n\n      <CollapsibleTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"mt-2 text-sm font-medium text-foreground underline underline-offset-4 transition-colors hover:text-muted-foreground\"\n        >\n          {isOpen ? (labels?.showLess ?? \"Show less\") : (labels?.showMore ?? \"Read more\")}\n        </button>\n      </CollapsibleTrigger>\n    </Collapsible>\n  );\n}\n\nexport { TruncatedText, type TruncatedTextProps };\n"],"mappings":";AAWI,SAGI,KAHJ;AATJ,YAAY,WAAW;AACvB,SAAS,aAAa,oBAAoB,0BAA0B;AACpE,SAAS,UAAU;AAGnB,SAAS,cAAc,EAAE,MAAM,eAAe,GAAG,QAAQ,UAAU,GAAuB;AACxF,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,qBAAC,eAAY,MAAM,QAAQ,cAAc,WAAW,WAAW,GAAG,UAAU,SAAS,GAElF;AAAA,KAAC,UACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,iBAAiB;AAAA,UACjB,UAAU;AAAA,QACZ;AAAA,QACA,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,IAC1C;AAAA,IAIF,oBAAC,sBACC,8BAAC,SAAI,WAAU,6BAA4B,yBAAyB,EAAE,QAAQ,KAAK,GAAG,GACxF;AAAA,IAEA,oBAAC,sBAAmB,SAAO,MACzB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QAET,mBAAU,QAAQ,YAAY,cAAgB,QAAQ,YAAY;AAAA;AAAA,IACrE,GACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"file":"truncated-text.mjs","names":["React"],"sources":["../../../../src/client/storefront/blocks/truncated-text.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"../../ui-resolver/collapsible\";\nimport { cn } from \"../../ui/utils\";\nimport type { TruncatedTextProps } from \"../types\";\n\nfunction TruncatedText({ html, visibleLines = 4, labels, className }: TruncatedTextProps) {\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  return (\n    <Collapsible open={isOpen} onOpenChange={setIsOpen} className={cn(\"w-full\", className)}>\n      {/* Clamped preview */}\n      {!isOpen && (\n        <div\n          className=\"prose prose-sm max-w-none\"\n          style={{\n            display: \"-webkit-box\",\n            WebkitLineClamp: visibleLines,\n            WebkitBoxOrient: \"vertical\",\n            overflow: \"hidden\",\n          }}\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n      )}\n\n      {/* Full content */}\n      <CollapsibleContent>\n        <div className=\"prose prose-sm max-w-none\" dangerouslySetInnerHTML={{ __html: html }} />\n      </CollapsibleContent>\n\n      <CollapsibleTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"mt-2 text-sm font-medium text-foreground underline underline-offset-4 transition-colors hover:text-muted-foreground\"\n        >\n          {isOpen ? (labels?.showLess ?? \"Show less\") : (labels?.showMore ?? \"Read more\")}\n        </button>\n      </CollapsibleTrigger>\n    </Collapsible>\n  );\n}\n\nexport { TruncatedText, type TruncatedTextProps };\n"],"mappings":";;;;;;AAOA,SAAS,cAAc,EAAE,MAAM,eAAe,GAAG,QAAQ,aAAiC;CACxF,MAAM,CAAC,QAAQ,aAAaA,QAAM,SAAS,MAAM;AAEjD,QACE,qBAAC,aAAD;EAAa,MAAM;EAAQ,cAAc;EAAW,WAAW,GAAG,UAAU,UAAU;YAAtF;GAEG,CAAC,UACA,oBAAC,OAAD;IACE,WAAU;IACV,OAAO;KACL,SAAS;KACT,iBAAiB;KACjB,iBAAiB;KACjB,UAAU;KACX;IACD,yBAAyB,EAAE,QAAQ,MAAM;IACzC,CAAA;GAIJ,oBAAC,oBAAD,EAAA,UACE,oBAAC,OAAD;IAAK,WAAU;IAA4B,yBAAyB,EAAE,QAAQ,MAAM;IAAI,CAAA,EACrE,CAAA;GAErB,oBAAC,oBAAD;IAAoB,SAAA;cAClB,oBAAC,UAAD;KACE,MAAK;KACL,WAAU;eAET,SAAU,QAAQ,YAAY,cAAgB,QAAQ,YAAY;KAC5D,CAAA;IACU,CAAA;GACT"}

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

@@ -1,4 +1,11 @@
-import type { VariableTextContentProps } from "../types";
-declare function VariableTextContent({ html, className }: VariableTextContentProps): import("react/jsx-runtime").JSX.Element;
+import { VariableTextContentProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/variable-text-content.d.ts
+declare function VariableTextContent({
+  html,
+  className
+}: VariableTextContentProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { VariableTextContent, type VariableTextContentProps };
 //# sourceMappingURL=variable-text-content.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"variable-text-content.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/variable-text-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAExD,iBAAS,mBAAmB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CASzE;AAED,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,CAAA"}
+{"version":3,"file":"variable-text-content.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/variable-text-content.tsx"],"mappings":";;;;iBAIS,mBAAA,CAAA;EAAsB,IAAA;EAAM;AAAA,GAAa,wBAAA,GAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/blocks/variable-text-content.mjs

@@ -1,15 +1,17 @@
+import { cn } from "../../ui/utils.mjs";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/blocks/variable-text-content.tsx
 function VariableTextContent({ html, className }) {
-  return /* @__PURE__ */ jsx("section", { className: cn("px-4 py-12 md:px-8", className), children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "prose prose-lg mx-auto max-w-3xl xl:prose-xl",
-      dangerouslySetInnerHTML: { __html: html }
-    }
-  ) });
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("px-4 py-12 md:px-8", className),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "prose prose-lg mx-auto max-w-3xl xl:prose-xl",
+			dangerouslySetInnerHTML: { __html: html }
+		})
+	});
 }
-export {
-  VariableTextContent
-};
+//#endregion
+export { VariableTextContent };
+
 //# sourceMappingURL=variable-text-content.mjs.map

package/dist/client/storefront/blocks/variable-text-content.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/blocks/variable-text-content.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { VariableTextContentProps } from \"../types\"\n\nfunction VariableTextContent({ html, className }: VariableTextContentProps) {\n  return (\n    <section className={cn(\"px-4 py-12 md:px-8\", className)}>\n      <div\n        className=\"prose prose-lg mx-auto max-w-3xl xl:prose-xl\"\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    </section>\n  )\n}\n\nexport { VariableTextContent, type VariableTextContentProps }\n"],"mappings":"AAOM;AANN,SAAS,UAAU;AAGnB,SAAS,oBAAoB,EAAE,MAAM,UAAU,GAA6B;AAC1E,SACE,oBAAC,aAAQ,WAAW,GAAG,sBAAsB,SAAS,GACpD;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,EAC1C,GACF;AAEJ;","names":[]}
+{"version":3,"file":"variable-text-content.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/variable-text-content.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { VariableTextContentProps } from \"../types\"\n\nfunction VariableTextContent({ html, className }: VariableTextContentProps) {\n  return (\n    <section className={cn(\"px-4 py-12 md:px-8\", className)}>\n      <div\n        className=\"prose prose-lg mx-auto max-w-3xl xl:prose-xl\"\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    </section>\n  )\n}\n\nexport { VariableTextContent, type VariableTextContentProps }\n"],"mappings":";;;;AAIA,SAAS,oBAAoB,EAAE,MAAM,aAAuC;AAC1E,QACE,oBAAC,WAAD;EAAS,WAAW,GAAG,sBAAsB,UAAU;YACrD,oBAAC,OAAD;GACE,WAAU;GACV,yBAAyB,EAAE,QAAQ,MAAM;GACzC,CAAA;EACM,CAAA"}

package/dist/client/storefront/carousel/index.d.ts

@@ -1,2 +1,2 @@
-export { SwipeableCarousel, type SwipeableCarouselProps } from "./swipeable-carousel";
-//# sourceMappingURL=index.d.ts.map
+import { SwipeableCarousel, SwipeableCarouselProps } from "./swipeable-carousel.js";
+export { SwipeableCarousel, type SwipeableCarouselProps };

package/dist/client/storefront/carousel/index.mjs

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

package/dist/client/storefront/carousel/swipeable-carousel.d.ts

@@ -1,14 +1,26 @@
-import * as React from "react";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/carousel/swipeable-carousel.d.ts
 interface SwipeableCarouselProps {
-    items: React.ReactNode[];
-    className?: string;
-    /** 'inset' — arrows float over the image edges; 'outset' — arrows sit outside the image bounds */
-    arrows?: "inset" | "outset";
-    showDots?: boolean;
-    dotsClassName?: string;
-    activeSlide?: number;
-    onSlideChange?: (index: number) => void;
+  items: React$1.ReactNode[];
+  className?: string;
+  /** 'inset' — arrows float over the image edges; 'outset' — arrows sit outside the image bounds */
+  arrows?: "inset" | "outset";
+  showDots?: boolean;
+  dotsClassName?: string;
+  activeSlide?: number;
+  onSlideChange?: (index: number) => void;
 }
-declare function SwipeableCarousel({ items, className, arrows, showDots, dotsClassName, activeSlide, onSlideChange, }: SwipeableCarouselProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SwipeableCarousel({
+  items,
+  className,
+  arrows,
+  showDots,
+  dotsClassName,
+  activeSlide,
+  onSlideChange
+}: SwipeableCarouselProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
 export { SwipeableCarousel, type SwipeableCarouselProps };
 //# sourceMappingURL=swipeable-carousel.d.ts.map

package/dist/client/storefront/carousel/swipeable-carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swipeable-carousel.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/carousel/swipeable-carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,UAAU,sBAAsB;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kGAAkG;IAClG,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAe,EACf,aAAa,EACb,WAAW,EACX,aAAa,GACd,EAAE,sBAAsB,kDAwExB;AAED,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"swipeable-carousel.d.ts","names":[],"sources":["../../../../src/client/storefront/carousel/swipeable-carousel.tsx"],"mappings":";;;;UAaU,sBAAA;EACR,KAAA,EAAO,OAAA,CAAM,SAAA;EACb,SAAA;EAFQ;EAIR,MAAA;EACA,QAAA;EACA,aAAA;EACA,WAAA;EACA,aAAA,IAAiB,KAAA;AAAA;AAAA,iBAGV,iBAAA,CAAA;EACP,KAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EACA,aAAA;EACA,WAAA;EACA;AAAA,GACC,sBAAA,GAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}