@enadhq/enad-react-sdk 1.0.0 → 1.0.2

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

@@ -0,0 +1,225 @@
+"use client";
+import { Fragment, 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 CTAElement({
+  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 TextBlockContent({
+  preheader,
+  heading,
+  body,
+  dark,
+  preheaderColor = dark ? "text-white/70" : "text-muted-foreground",
+  headingColor = dark ? "text-white" : "text-foreground",
+  bodyColor = dark ? "text-white/80" : "text-muted-foreground",
+  bodyMaxWidth = ""
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    preheader && /* @__PURE__ */ jsx("p", { className: cn("mb-2 text-sm uppercase tracking-widest", preheaderColor), children: preheader }),
+    heading && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: cn("text-2xl font-heading md:text-3xl", headingColor),
+        style: headingStyle,
+        children: heading
+      }
+    ),
+    body && /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-base leading-relaxed", bodyColor, bodyMaxWidth), children: body })
+  ] });
+}
+function StackedVariant({
+  image,
+  fullWidth = false,
+  preheader,
+  heading,
+  body,
+  buttonLabel,
+  buttonHref,
+  textLinkLabel,
+  textLinkHref,
+  dark,
+  themeClasses,
+  className
+}) {
+  const hasImage = Boolean(image?.src);
+  return /* @__PURE__ */ jsx("section", { className: cn(themeClasses, className), children: /* @__PURE__ */ jsxs("div", { className: cn(fullWidth ? "" : "mx-auto max-w-7xl px-4 py-12 md:px-8"), children: [
+    hasImage && /* @__PURE__ */ jsx("div", { className: cn("relative overflow-hidden rounded-[var(--enad-image-radius)] bg-muted", "aspect-[16/9] w-full"), children: /* @__PURE__ */ jsx("img", { src: image?.src, alt: image?.alt ?? "", loading: "lazy", className: "size-full object-cover" }) }),
+    /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 py-8", fullWidth && "px-8 lg:px-16"), children: [
+      /* @__PURE__ */ jsx(TextBlockContent, { preheader, heading, body, dark, bodyMaxWidth: "max-w-2xl" }),
+      /* @__PURE__ */ jsx(CTAElement, { buttonLabel, buttonHref, textLinkLabel, textLinkHref, dark })
+    ] })
+  ] }) });
+}
+function OverlapCTA({
+  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-background" : void 0, children: textLinkLabel })
+  ] });
+}
+function OverlapTextCard({
+  preheader,
+  heading,
+  body,
+  buttonLabel,
+  buttonHref,
+  textLinkLabel,
+  textLinkHref,
+  dark,
+  hasImage,
+  overlapPositionClass
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn(
+    "relative z-10 min-w-0 rounded-[var(--enad-card-radius)] shadow-[var(--enad-card-shadow)]",
+    hasImage ? "lg:w-2/5" : "w-full",
+    dark ? "bg-foreground text-background" : "bg-background",
+    "p-8 lg:p-10",
+    hasImage ? "-mt-16 mx-4 lg:mt-0 lg:mx-0" : "",
+    overlapPositionClass
+  ), children: [
+    /* @__PURE__ */ jsx(
+      TextBlockContent,
+      {
+        preheader,
+        heading,
+        body,
+        dark,
+        preheaderColor: dark ? "text-background/70" : "text-muted-foreground",
+        headingColor: dark ? "text-background" : "text-foreground",
+        bodyColor: dark ? "text-background/80" : "text-muted-foreground"
+      }
+    ),
+    /* @__PURE__ */ jsx(OverlapCTA, { buttonLabel, buttonHref, textLinkLabel, textLinkHref, dark })
+  ] });
+}
+function OverlapVariant({
+  image,
+  imagePosition = "first",
+  preheader,
+  heading,
+  body,
+  buttonLabel,
+  buttonHref,
+  textLinkLabel,
+  textLinkHref,
+  dark,
+  themeClasses,
+  className
+}) {
+  const hasImage = Boolean(image?.src);
+  const overlapPositionClass = (() => {
+    if (!hasImage) return "";
+    if (imagePosition === "last") return "lg:order-1 lg:-me-16";
+    return "lg:-ms-16";
+  })();
+  return /* @__PURE__ */ jsx("section", { className: cn(themeClasses, className), children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-7xl px-4 py-12 md:px-8", children: /* @__PURE__ */ jsxs("div", { className: cn("relative", hasImage && "lg:flex lg:items-center"), children: [
+    hasImage && /* @__PURE__ */ jsx("div", { className: cn(
+      "relative overflow-hidden rounded-[var(--enad-image-radius)] bg-muted lg:w-3/5",
+      imagePosition === "last" ? "lg:order-2" : ""
+    ), children: /* @__PURE__ */ jsx("div", { className: "aspect-[4/5] lg:aspect-[3/2]", children: /* @__PURE__ */ jsx("img", { src: image?.src, alt: image?.alt ?? "", loading: "lazy", className: "size-full object-cover" }) }) }),
+    /* @__PURE__ */ jsx(
+      OverlapTextCard,
+      {
+        preheader,
+        heading,
+        body,
+        buttonLabel,
+        buttonHref,
+        textLinkLabel,
+        textLinkHref,
+        dark,
+        hasImage,
+        overlapPositionClass
+      }
+    )
+  ] }) }) });
+}
+function SideBySideContent({
+  hasImage,
+  imagePosition,
+  imageEl,
+  textEl
+}) {
+  if (!hasImage) return textEl;
+  if (imagePosition === "first") {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      imageEl,
+      textEl
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    textEl,
+    imageEl
+  ] });
+}
+function SideBySideVariant({
+  image,
+  imagePosition = "first",
+  fullWidth = false,
+  preheader,
+  heading,
+  body,
+  buttonLabel,
+  buttonHref,
+  textLinkLabel,
+  textLinkHref,
+  dark,
+  themeClasses,
+  className
+}) {
+  const hasImage = Boolean(image?.src);
+  const imageEl = hasImage ? /* @__PURE__ */ jsx("div", { className: cn("relative overflow-hidden rounded-[var(--enad-image-radius)] bg-muted", fullWidth ? "aspect-[4/5] lg:aspect-auto" : "aspect-[4/5]"), children: /* @__PURE__ */ jsx("img", { src: image?.src, alt: image?.alt ?? "", loading: "lazy", className: "size-full object-cover" }) }) : null;
+  const textEl = /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-col justify-center", fullWidth ? "px-8 py-12 lg:px-16 lg:py-20" : "py-8 lg:py-0"), children: [
+    /* @__PURE__ */ jsx(TextBlockContent, { preheader, heading, body, dark, bodyMaxWidth: "max-w-lg" }),
+    /* @__PURE__ */ jsx(CTAElement, { buttonLabel, buttonHref, textLinkLabel, textLinkHref, dark })
+  ] });
+  return /* @__PURE__ */ jsx("section", { className: cn(themeClasses, className), children: /* @__PURE__ */ jsx("div", { className: cn(
+    fullWidth ? cn("grid", hasImage && "lg:grid-cols-2") : cn("mx-auto grid max-w-7xl gap-8 px-4 py-12 md:px-8 lg:items-center lg:gap-12", hasImage && "lg:grid-cols-2")
+  ), children: /* @__PURE__ */ jsx(
+    SideBySideContent,
+    {
+      hasImage,
+      imagePosition,
+      imageEl,
+      textEl
+    }
+  ) }) });
+}
+function TextContentWithImage(props) {
+  const { variant = "side-by-side", colorTheme, className } = props;
+  const dark = isThemeDark(colorTheme);
+  const themeClasses = colorThemeClasses(colorTheme);
+  const variantProps = { ...props, dark, themeClasses, className };
+  switch (variant) {
+    case "stacked":
+      return /* @__PURE__ */ jsx(StackedVariant, { ...variantProps });
+    case "overlap":
+      return /* @__PURE__ */ jsx(OverlapVariant, { ...variantProps });
+    default:
+      return /* @__PURE__ */ jsx(SideBySideVariant, { ...variantProps });
+  }
+}
+export {
+  TextContentWithImage
+};
+//# sourceMappingURL=text-content-with-image.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/blocks/text-content-with-image.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 TextContentWithImageProps } from \"../types\"\n\n/* ─── Shared props for variant sub-components ─── */\n\ntype VariantProps = Omit<TextContentWithImageProps, \"variant\" | \"className\"> & {\n  dark: boolean\n  themeClasses: string\n  className?: string\n}\n\n/* ─── Shared CTA element builder ─── */\n\nfunction CTAElement({\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\n/* ─── Heading style constant ─── */\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 text block (preheader + heading + body) ─── */\n\nfunction TextBlockContent({\n  preheader,\n  heading,\n  body,\n  dark,\n  preheaderColor = dark ? \"text-white/70\" : \"text-muted-foreground\",\n  headingColor = dark ? \"text-white\" : \"text-foreground\",\n  bodyColor = dark ? \"text-white/80\" : \"text-muted-foreground\",\n  bodyMaxWidth = \"\",\n}: {\n  preheader?: string\n  heading?: string\n  body?: string\n  dark: boolean\n  preheaderColor?: string\n  headingColor?: string\n  bodyColor?: string\n  bodyMaxWidth?: string\n}) {\n  return (\n    <>\n      {preheader && (\n        <p className={cn(\"mb-2 text-sm uppercase tracking-widest\", preheaderColor)}>\n          {preheader}\n        </p>\n      )}\n      {heading && (\n        <h2\n          className={cn(\"text-2xl font-heading md:text-3xl\", headingColor)}\n          style={headingStyle}\n        >\n          {heading}\n        </h2>\n      )}\n      {body && (\n        <p className={cn(\"mt-4 text-base leading-relaxed\", bodyColor, bodyMaxWidth)}>\n          {body}\n        </p>\n      )}\n    </>\n  )\n}\n\n/* ─── Stacked variant ─── */\n\nfunction StackedVariant({\n  image,\n  fullWidth = false,\n  preheader,\n  heading,\n  body,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  const hasImage = Boolean(image?.src)\n\n  return (\n    <section className={cn(themeClasses, className)}>\n      <div className={cn(fullWidth ? \"\" : \"mx-auto max-w-7xl px-4 py-12 md:px-8\")}>\n        {hasImage && (\n          <div className={cn(\"relative overflow-hidden rounded-[var(--enad-image-radius)] bg-muted\", \"aspect-[16/9] w-full\")}>\n            <img src={image?.src} alt={image?.alt ?? \"\"} loading=\"lazy\" className=\"size-full object-cover\" />\n          </div>\n        )}\n        <div className={cn(\"min-w-0 py-8\", fullWidth && \"px-8 lg:px-16\")}>\n          <TextBlockContent preheader={preheader} heading={heading} body={body} dark={dark} bodyMaxWidth=\"max-w-2xl\" />\n          <CTAElement buttonLabel={buttonLabel} buttonHref={buttonHref} textLinkLabel={textLinkLabel} textLinkHref={textLinkHref} dark={dark} />\n        </div>\n      </div>\n    </section>\n  )\n}\n\n/* ─── Overlap text card (extracted to reduce complexity) ─── */\n\nfunction OverlapCTA({\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-background\" : undefined}>\n          {textLinkLabel}\n        </StorefrontTextLink>\n      )}\n    </div>\n  )\n}\n\nfunction OverlapTextCard({\n  preheader,\n  heading,\n  body,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  hasImage,\n  overlapPositionClass,\n}: {\n  preheader?: string\n  heading?: string\n  body?: string\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  dark: boolean\n  hasImage: boolean\n  overlapPositionClass: string\n}) {\n  return (\n    <div className={cn(\n      \"relative z-10 min-w-0 rounded-[var(--enad-card-radius)] shadow-[var(--enad-card-shadow)]\",\n      hasImage ? \"lg:w-2/5\" : \"w-full\",\n      dark ? \"bg-foreground text-background\" : \"bg-background\",\n      \"p-8 lg:p-10\",\n      hasImage ? \"-mt-16 mx-4 lg:mt-0 lg:mx-0\" : \"\",\n      overlapPositionClass,\n    )}>\n      <TextBlockContent\n        preheader={preheader}\n        heading={heading}\n        body={body}\n        dark={dark}\n        preheaderColor={dark ? \"text-background/70\" : \"text-muted-foreground\"}\n        headingColor={dark ? \"text-background\" : \"text-foreground\"}\n        bodyColor={dark ? \"text-background/80\" : \"text-muted-foreground\"}\n      />\n      <OverlapCTA buttonLabel={buttonLabel} buttonHref={buttonHref} textLinkLabel={textLinkLabel} textLinkHref={textLinkHref} dark={dark} />\n    </div>\n  )\n}\n\n/* ─── Overlap variant ─── */\n\nfunction OverlapVariant({\n  image,\n  imagePosition = \"first\",\n  preheader,\n  heading,\n  body,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  const hasImage = Boolean(image?.src)\n\n  const overlapPositionClass = (() => {\n    if (!hasImage) return \"\"\n    if (imagePosition === \"last\") return \"lg:order-1 lg:-me-16\"\n    return \"lg:-ms-16\"\n  })()\n\n  return (\n    <section className={cn(themeClasses, className)}>\n      <div className=\"mx-auto max-w-7xl px-4 py-12 md:px-8\">\n        <div className={cn(\"relative\", hasImage && \"lg:flex lg:items-center\")}>\n          {hasImage && (\n            <div className={cn(\n              \"relative overflow-hidden rounded-[var(--enad-image-radius)] bg-muted lg:w-3/5\",\n              imagePosition === \"last\" ? \"lg:order-2\" : \"\",\n            )}>\n              <div className=\"aspect-[4/5] lg:aspect-[3/2]\">\n                <img src={image?.src} alt={image?.alt ?? \"\"} loading=\"lazy\" className=\"size-full object-cover\" />\n              </div>\n            </div>\n          )}\n\n          <OverlapTextCard\n            preheader={preheader}\n            heading={heading}\n            body={body}\n            buttonLabel={buttonLabel}\n            buttonHref={buttonHref}\n            textLinkLabel={textLinkLabel}\n            textLinkHref={textLinkHref}\n            dark={dark}\n            hasImage={hasImage}\n            overlapPositionClass={overlapPositionClass}\n          />\n        </div>\n      </div>\n    </section>\n  )\n}\n\n/* ─── Side-by-side content ordering helper ─── */\n\nfunction SideBySideContent({\n  hasImage,\n  imagePosition,\n  imageEl,\n  textEl,\n}: {\n  hasImage: boolean\n  imagePosition: string\n  imageEl: React.ReactNode\n  textEl: React.ReactNode\n}) {\n  if (!hasImage) return textEl\n  if (imagePosition === \"first\") {\n    return (\n      <>\n        {imageEl}\n        {textEl}\n      </>\n    )\n  }\n  return (\n    <>\n      {textEl}\n      {imageEl}\n    </>\n  )\n}\n\n/* ─── Side-by-side variant ─── */\n\nfunction SideBySideVariant({\n  image,\n  imagePosition = \"first\",\n  fullWidth = false,\n  preheader,\n  heading,\n  body,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  const hasImage = Boolean(image?.src)\n\n  const imageEl = hasImage ? (\n    <div className={cn(\"relative overflow-hidden rounded-[var(--enad-image-radius)] bg-muted\", fullWidth ? \"aspect-[4/5] lg:aspect-auto\" : \"aspect-[4/5]\")}>\n      <img src={image?.src} alt={image?.alt ?? \"\"} loading=\"lazy\" className=\"size-full object-cover\" />\n    </div>\n  ) : null\n\n  const textEl = (\n    <div className={cn(\"flex min-w-0 flex-col justify-center\", fullWidth ? \"px-8 py-12 lg:px-16 lg:py-20\" : \"py-8 lg:py-0\")}>\n      <TextBlockContent preheader={preheader} heading={heading} body={body} dark={dark} bodyMaxWidth=\"max-w-lg\" />\n      <CTAElement buttonLabel={buttonLabel} buttonHref={buttonHref} textLinkLabel={textLinkLabel} textLinkHref={textLinkHref} dark={dark} />\n    </div>\n  )\n\n  return (\n    <section className={cn(themeClasses, className)}>\n      <div className={cn(\n        fullWidth\n          ? cn(\"grid\", hasImage && \"lg:grid-cols-2\")\n          : cn(\"mx-auto grid max-w-7xl gap-8 px-4 py-12 md:px-8 lg:items-center lg:gap-12\", hasImage && \"lg:grid-cols-2\"),\n      )}>\n        <SideBySideContent\n          hasImage={hasImage}\n          imagePosition={imagePosition}\n          imageEl={imageEl}\n          textEl={textEl}\n        />\n      </div>\n    </section>\n  )\n}\n\n/* ─── Main component ─── */\n\nfunction TextContentWithImage(props: TextContentWithImageProps) {\n  const { variant = \"side-by-side\", colorTheme, className } = props\n  const dark = isThemeDark(colorTheme)\n  const themeClasses = colorThemeClasses(colorTheme)\n\n  const variantProps: VariantProps = { ...props, dark, themeClasses, className }\n\n  switch (variant) {\n    case \"stacked\":\n      return <StackedVariant {...variantProps} />\n    case \"overlap\":\n      return <OverlapVariant {...variantProps} />\n    default:\n      return <SideBySideVariant {...variantProps} />\n  }\n}\n\nexport { TextContentWithImage, type TextContentWithImageProps }\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,4 @@
+import { type TextContentProps } from "../types";
+declare function TextContent(props: TextContentProps): import("react/jsx-runtime").JSX.Element | null;
+export { TextContent, type TextContentProps };
+//# sourceMappingURL=text-content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-content.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/text-content.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkC,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAA;AA+MhF,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDAkB3C;AAED,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}

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

@@ -0,0 +1,150 @@
+"use client";
+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 })
+  ] });
+}
+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 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 });
+  }
+}
+export {
+  TextContent
+};
+//# sourceMappingURL=text-content.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,4 @@
+import type { TruncatedTextProps } from "../types";
+declare function TruncatedText({ html, visibleLines, labels, className }: TruncatedTextProps): import("react/jsx-runtime").JSX.Element;
+export { TruncatedText, type TruncatedTextProps };
+//# sourceMappingURL=truncated-text.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,36 @@
+"use client";
+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";
+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"
+      }
+    ) })
+  ] });
+}
+export {
+  TruncatedText
+};
+//# sourceMappingURL=truncated-text.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,4 @@
+import type { VariableTextContentProps } from "../types";
+declare function VariableTextContent({ html, className }: VariableTextContentProps): import("react/jsx-runtime").JSX.Element;
+export { VariableTextContent, type VariableTextContentProps };
+//# sourceMappingURL=variable-text-content.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../ui/utils";
+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 }
+    }
+  ) });
+}
+export {
+  VariableTextContent
+};
+//# sourceMappingURL=variable-text-content.mjs.map

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

@@ -0,0 +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":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/carousel/index.ts"],"sourcesContent":["export { SwipeableCarousel, type SwipeableCarouselProps } from \"./swipeable-carousel\"\n"],"mappings":"AAAA,SAAS,yBAAsD;","names":[]}

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+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;
+}
+declare function SwipeableCarousel({ items, className, arrows, showDots, dotsClassName, activeSlide, onSlideChange, }: SwipeableCarouselProps): import("react/jsx-runtime").JSX.Element | null;
+export { SwipeableCarousel, type SwipeableCarouselProps };
+//# sourceMappingURL=swipeable-carousel.d.ts.map

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

@@ -0,0 +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"}