@enadhq/enad-react-sdk 1.0.2 → 1.1.0

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

@@ -1,150 +1,139 @@
+import { cn } from "../../ui/utils.mjs";
+import { colorThemeClasses, isThemeDark } from "../types.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
-import { colorThemeClasses, isThemeDark } from "../types";
-const headingStyle = { fontWeight: "var(--enad-heading-weight)", letterSpacing: "var(--enad-heading-tracking)", textTransform: "var(--enad-heading-transform)" };
-function OptionalLink({
-  href,
-  radiusClass,
-  children
-}) {
-  if (!href) return children;
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      href,
-      className: cn("block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", radiusClass),
-      children
-    }
-  );
+//#region src/client/storefront/blocks/link-block.tsx
+const headingStyle = {
+	fontWeight: "var(--enad-heading-weight)",
+	letterSpacing: "var(--enad-heading-tracking)",
+	textTransform: "var(--enad-heading-transform)"
+};
+function OptionalLink({ href, radiusClass, children }) {
+	if (!href) return children;
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		className: cn("block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", radiusClass),
+		children
+	});
 }
-function CardVariant({
-  image,
-  eyebrow,
-  title,
-  buttonLabel,
-  buttonHref,
-  dark,
-  themeClasses,
-  className
-}) {
-  const content = /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "enad-interactive group overflow-hidden rounded-[var(--enad-card-radius)]",
-        "shadow-[var(--enad-card-shadow)] transition-shadow duration-[var(--enad-motion-duration)] hover:shadow-[var(--enad-card-hover-shadow)]",
-        themeClasses || "bg-background",
-        className
-      ),
-      children: [
-        image?.src ? /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-t-[var(--enad-image-radius)] bg-muted", children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: image.src,
-            alt: image.alt ?? title ?? "",
-            loading: "lazy",
-            className: "aspect-[3/2] w-full object-cover transition-transform duration-[var(--enad-image-hover-duration)] group-hover:scale-[var(--enad-image-hover-scale)]"
-          }
-        ) }) : /* @__PURE__ */ jsx("div", { className: "aspect-[3/2] w-full bg-muted", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0 p-6", children: [
-          eyebrow && /* @__PURE__ */ jsx("p", { className: cn("mb-1 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"), children: eyebrow }),
-          title && /* @__PURE__ */ jsx(
-            "h3",
-            {
-              className: cn("line-clamp-2 text-xl font-heading", dark ? "text-white" : "text-foreground"),
-              style: headingStyle,
-              children: title
-            }
-          ),
-          buttonLabel && /* @__PURE__ */ jsx("span", { className: cn("mt-3 inline-block text-sm font-medium line-clamp-3", dark ? "text-white/80" : "text-foreground"), children: buttonLabel })
-        ] })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsx(OptionalLink, { href: buttonHref, radiusClass: "rounded-[var(--enad-card-radius)]", children: content });
+function CardVariant({ image, eyebrow, title, buttonLabel, buttonHref, dark, themeClasses, className }) {
+	return /* @__PURE__ */ jsx(OptionalLink, {
+		href: buttonHref,
+		radiusClass: "rounded-[var(--enad-card-radius)]",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("enad-interactive group overflow-hidden rounded-[var(--enad-card-radius)]", "shadow-[var(--enad-card-shadow)] transition-shadow duration-[var(--enad-motion-duration)] hover:shadow-[var(--enad-card-hover-shadow)]", themeClasses || "bg-background", className),
+			children: [image?.src ? /* @__PURE__ */ jsx("div", {
+				className: "overflow-hidden rounded-t-[var(--enad-image-radius)] bg-muted",
+				children: /* @__PURE__ */ jsx("img", {
+					src: image.src,
+					alt: image.alt ?? title ?? "",
+					loading: "lazy",
+					className: "aspect-[3/2] w-full object-cover transition-transform duration-[var(--enad-image-hover-duration)] group-hover:scale-[var(--enad-image-hover-scale)]"
+				})
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "aspect-[3/2] w-full bg-muted",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 p-6",
+				children: [
+					eyebrow && /* @__PURE__ */ jsx("p", {
+						className: cn("mb-1 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"),
+						children: eyebrow
+					}),
+					title && /* @__PURE__ */ jsx("h3", {
+						className: cn("line-clamp-2 text-xl font-heading", dark ? "text-white" : "text-foreground"),
+						style: headingStyle,
+						children: title
+					}),
+					buttonLabel && /* @__PURE__ */ jsx("span", {
+						className: cn("mt-3 inline-block text-sm font-medium line-clamp-3", dark ? "text-white/80" : "text-foreground"),
+						children: buttonLabel
+					})
+				]
+			})]
+		})
+	});
 }
-function TextOnlyVariant({
-  eyebrow,
-  title,
-  buttonLabel,
-  buttonHref,
-  dark,
-  themeClasses,
-  className
-}) {
-  const content = /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "enad-interactive group rounded-[var(--enad-card-radius)] border transition-colors duration-[var(--enad-motion-duration)]",
-        "border-[length:var(--enad-border-width)] px-6 py-5",
-        dark ? "border-white/20 hover:bg-white/10" : "border-border hover:bg-accent",
-        themeClasses,
-        className
-      ),
-      children: [
-        eyebrow && /* @__PURE__ */ jsx("p", { className: cn("mb-1 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"), children: eyebrow }),
-        title && /* @__PURE__ */ jsx(
-          "h3",
-          {
-            className: cn("truncate text-lg font-heading", dark ? "text-white" : "text-foreground"),
-            style: headingStyle,
-            children: title
-          }
-        ),
-        buttonLabel && /* @__PURE__ */ jsx("span", { className: cn("mt-2 inline-block text-sm font-medium", dark ? "text-white/80" : "text-muted-foreground"), children: buttonLabel })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsx(OptionalLink, { href: buttonHref, radiusClass: "rounded-[var(--enad-card-radius)]", children: content });
+function TextOnlyVariant({ eyebrow, title, buttonLabel, buttonHref, dark, themeClasses, className }) {
+	return /* @__PURE__ */ jsx(OptionalLink, {
+		href: buttonHref,
+		radiusClass: "rounded-[var(--enad-card-radius)]",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("enad-interactive group rounded-[var(--enad-card-radius)] border transition-colors duration-[var(--enad-motion-duration)]", "border-[length:var(--enad-border-width)] px-6 py-5", dark ? "border-white/20 hover:bg-white/10" : "border-border hover:bg-accent", themeClasses, className),
+			children: [
+				eyebrow && /* @__PURE__ */ jsx("p", {
+					className: cn("mb-1 text-sm uppercase tracking-widest", dark ? "text-white/70" : "text-muted-foreground"),
+					children: eyebrow
+				}),
+				title && /* @__PURE__ */ jsx("h3", {
+					className: cn("truncate text-lg font-heading", dark ? "text-white" : "text-foreground"),
+					style: headingStyle,
+					children: title
+				}),
+				buttonLabel && /* @__PURE__ */ jsx("span", {
+					className: cn("mt-2 inline-block text-sm font-medium", dark ? "text-white/80" : "text-muted-foreground"),
+					children: buttonLabel
+				})
+			]
+		})
+	});
 }
-function OverlayVariant({
-  image,
-  eyebrow,
-  title,
-  buttonLabel,
-  buttonHref,
-  className
-}) {
-  const content = /* @__PURE__ */ jsxs("div", { className: cn("enad-interactive group relative aspect-[3/4] overflow-hidden md:aspect-[2/1]", className), children: [
-    image?.src ? /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: image.src,
-        alt: image.alt ?? title ?? "",
-        loading: "lazy",
-        className: "size-full object-cover transition-transform duration-[var(--enad-image-hover-duration)] group-hover:scale-[var(--enad-image-hover-scale)]"
-      }
-    ) : /* @__PURE__ */ jsx("div", { className: "size-full bg-primary", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "absolute inset-0",
-        style: { background: "linear-gradient(to top, color-mix(in oklch, var(--enad-overlay-color) calc(var(--enad-overlay-from-opacity) * 100%), transparent), color-mix(in oklch, var(--enad-overlay-color) calc(var(--enad-overlay-to-opacity) * 100%), transparent))" }
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "absolute inset-x-0 bottom-0 min-w-0 p-6 md:p-8", children: [
-      eyebrow && /* @__PURE__ */ jsx("p", { className: "mb-1 text-sm uppercase tracking-widest text-white/70", children: eyebrow }),
-      title && /* @__PURE__ */ jsx("h3", { className: "line-clamp-2 text-xl font-heading text-white md:text-2xl", style: headingStyle, children: title }),
-      buttonLabel && /* @__PURE__ */ jsx("span", { className: "mt-3 inline-block border-b border-white/50 pb-0.5 text-sm text-white transition-colors group-hover:border-white", children: buttonLabel })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsx(OptionalLink, { href: buttonHref, children: content });
+function OverlayVariant({ image, eyebrow, title, buttonLabel, buttonHref, className }) {
+	return /* @__PURE__ */ jsx(OptionalLink, {
+		href: buttonHref,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("enad-interactive group relative aspect-[3/4] overflow-hidden md:aspect-[2/1]", className),
+			children: [
+				image?.src ? /* @__PURE__ */ jsx("img", {
+					src: image.src,
+					alt: image.alt ?? title ?? "",
+					loading: "lazy",
+					className: "size-full object-cover transition-transform duration-[var(--enad-image-hover-duration)] group-hover:scale-[var(--enad-image-hover-scale)]"
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "size-full bg-primary",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "absolute inset-0",
+					style: { background: "linear-gradient(to top, color-mix(in oklch, var(--enad-overlay-color) calc(var(--enad-overlay-from-opacity) * 100%), transparent), color-mix(in oklch, var(--enad-overlay-color) calc(var(--enad-overlay-to-opacity) * 100%), transparent))" }
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "absolute inset-x-0 bottom-0 min-w-0 p-6 md:p-8",
+					children: [
+						eyebrow && /* @__PURE__ */ jsx("p", {
+							className: "mb-1 text-sm uppercase tracking-widest text-white/70",
+							children: eyebrow
+						}),
+						title && /* @__PURE__ */ jsx("h3", {
+							className: "line-clamp-2 text-xl font-heading text-white md:text-2xl",
+							style: headingStyle,
+							children: title
+						}),
+						buttonLabel && /* @__PURE__ */ jsx("span", {
+							className: "mt-3 inline-block border-b border-white/50 pb-0.5 text-sm text-white transition-colors group-hover:border-white",
+							children: buttonLabel
+						})
+					]
+				})
+			]
+		})
+	});
 }
 function LinkBlock(props) {
-  const dark = isThemeDark(props.colorTheme);
-  const themeClasses = colorThemeClasses(props.colorTheme);
-  const variantProps = { ...props, dark, themeClasses };
-  switch (props.variant ?? "overlay") {
-    case "card":
-      return /* @__PURE__ */ jsx(CardVariant, { ...variantProps });
-    case "text-only":
-      return /* @__PURE__ */ jsx(TextOnlyVariant, { ...variantProps });
-    default:
-      return /* @__PURE__ */ jsx(OverlayVariant, { ...variantProps });
-  }
+	const dark = isThemeDark(props.colorTheme);
+	const themeClasses = colorThemeClasses(props.colorTheme);
+	const variantProps = {
+		...props,
+		dark,
+		themeClasses
+	};
+	switch (props.variant ?? "overlay") {
+		case "card": return /* @__PURE__ */ jsx(CardVariant, { ...variantProps });
+		case "text-only": return /* @__PURE__ */ jsx(TextOnlyVariant, { ...variantProps });
+		default: return /* @__PURE__ */ jsx(OverlayVariant, { ...variantProps });
+	}
 }
-export {
-  LinkBlock
-};
+//#endregion
+export { LinkBlock };
+
 //# sourceMappingURL=link-block.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/blocks/link-block.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport { colorThemeClasses, isThemeDark, type LinkBlockProps } from \"../types\"\n\n/* ─── Shared types ─── */\n\ntype VariantProps = LinkBlockProps & {\n  dark: boolean\n  themeClasses: string\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 link wrapper ─── */\n\nfunction OptionalLink({\n  href,\n  radiusClass,\n  children,\n}: {\n  href?: string\n  radiusClass?: string\n  children: React.ReactNode\n}) {\n  if (!href) return children\n  return (\n    <a\n      href={href}\n      className={cn(\"block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\", radiusClass)}\n    >\n      {children}\n    </a>\n  )\n}\n\n/* ─── Card variant ─── */\n\nfunction CardVariant({\n  image,\n  eyebrow,\n  title,\n  buttonLabel,\n  buttonHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  const content = (\n    <div\n      className={cn(\n        \"enad-interactive group overflow-hidden rounded-[var(--enad-card-radius)]\",\n        \"shadow-[var(--enad-card-shadow)] transition-shadow duration-[var(--enad-motion-duration)] hover:shadow-[var(--enad-card-hover-shadow)]\",\n        themeClasses || \"bg-background\",\n        className,\n      )}\n    >\n      {/* Image top */}\n      {image?.src ? (\n        <div className=\"overflow-hidden rounded-t-[var(--enad-image-radius)] bg-muted\">\n          <img\n            src={image.src}\n            alt={image.alt ?? title ?? \"\"}\n            loading=\"lazy\"\n            className=\"aspect-[3/2] w-full object-cover transition-transform duration-[var(--enad-image-hover-duration)] group-hover:scale-[var(--enad-image-hover-scale)]\"\n          />\n        </div>\n      ) : (\n        <div className=\"aspect-[3/2] w-full bg-muted\" aria-hidden=\"true\" />\n      )}\n\n      {/* Text content below */}\n      <div className=\"min-w-0 p-6\">\n        {eyebrow && (\n          <p className={cn(\"mb-1 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n            {eyebrow}\n          </p>\n        )}\n        {title && (\n          <h3\n            className={cn(\"line-clamp-2 text-xl font-heading\", dark ? \"text-white\" : \"text-foreground\")}\n            style={headingStyle}\n          >\n            {title}\n          </h3>\n        )}\n        {buttonLabel && (\n          <span className={cn(\"mt-3 inline-block text-sm font-medium line-clamp-3\", dark ? \"text-white/80\" : \"text-foreground\")}>\n            {buttonLabel}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n\n  return (\n    <OptionalLink href={buttonHref} radiusClass=\"rounded-[var(--enad-card-radius)]\">\n      {content}\n    </OptionalLink>\n  )\n}\n\n/* ─── Text-only variant ─── */\n\nfunction TextOnlyVariant({\n  eyebrow,\n  title,\n  buttonLabel,\n  buttonHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  const content = (\n    <div\n      className={cn(\n        \"enad-interactive group rounded-[var(--enad-card-radius)] border transition-colors duration-[var(--enad-motion-duration)]\",\n        \"border-[length:var(--enad-border-width)] px-6 py-5\",\n        dark\n          ? \"border-white/20 hover:bg-white/10\"\n          : \"border-border hover:bg-accent\",\n        themeClasses,\n        className,\n      )}\n    >\n      {eyebrow && (\n        <p className={cn(\"mb-1 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n          {eyebrow}\n        </p>\n      )}\n      {title && (\n        <h3\n          className={cn(\"truncate text-lg font-heading\", dark ? \"text-white\" : \"text-foreground\")}\n          style={headingStyle}\n        >\n          {title}\n        </h3>\n      )}\n      {buttonLabel && (\n        <span className={cn(\"mt-2 inline-block text-sm font-medium\", dark ? \"text-white/80\" : \"text-muted-foreground\")}>\n          {buttonLabel}\n        </span>\n      )}\n    </div>\n  )\n\n  return (\n    <OptionalLink href={buttonHref} radiusClass=\"rounded-[var(--enad-card-radius)]\">\n      {content}\n    </OptionalLink>\n  )\n}\n\n/* ─── Overlay variant (default) ─── */\n\nfunction OverlayVariant({\n  image,\n  eyebrow,\n  title,\n  buttonLabel,\n  buttonHref,\n  className,\n}: VariantProps) {\n  const content = (\n    <div className={cn(\"enad-interactive group relative aspect-[3/4] overflow-hidden md:aspect-[2/1]\", className)}>\n      {/* Background image */}\n      {image?.src ? (\n        <img\n          src={image.src}\n          alt={image.alt ?? title ?? \"\"}\n          loading=\"lazy\"\n          className=\"size-full object-cover transition-transform duration-[var(--enad-image-hover-duration)] group-hover:scale-[var(--enad-image-hover-scale)]\"\n        />\n      ) : (\n        <div className=\"size-full bg-primary\" aria-hidden=\"true\" />\n      )}\n\n      {/* Gradient overlay */}\n      <div\n        className=\"absolute inset-0\"\n        style={{ background: \"linear-gradient(to top, color-mix(in oklch, var(--enad-overlay-color) calc(var(--enad-overlay-from-opacity) * 100%), transparent), color-mix(in oklch, var(--enad-overlay-color) calc(var(--enad-overlay-to-opacity) * 100%), transparent))\" }}\n      />\n\n      {/* Text content */}\n      <div className=\"absolute inset-x-0 bottom-0 min-w-0 p-6 md:p-8\">\n        {eyebrow && (\n          <p className=\"mb-1 text-sm uppercase tracking-widest text-white/70\">\n            {eyebrow}\n          </p>\n        )}\n        {title && (\n          <h3 className=\"line-clamp-2 text-xl font-heading text-white md:text-2xl\" style={headingStyle}>\n            {title}\n          </h3>\n        )}\n        {buttonLabel && (\n          <span className=\"mt-3 inline-block border-b border-white/50 pb-0.5 text-sm text-white transition-colors group-hover:border-white\">\n            {buttonLabel}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n\n  return <OptionalLink href={buttonHref}>{content}</OptionalLink>\n}\n\n/* ─── Main component (dispatcher) ─── */\n\nfunction LinkBlock(props: LinkBlockProps) {\n  const dark = isThemeDark(props.colorTheme)\n  const themeClasses = colorThemeClasses(props.colorTheme)\n  const variantProps: VariantProps = { ...props, dark, themeClasses }\n\n  switch (props.variant ?? \"overlay\") {\n    case \"card\":\n      return <CardVariant {...variantProps} />\n    case \"text-only\":\n      return <TextOnlyVariant {...variantProps} />\n    default:\n      return <OverlayVariant {...variantProps} />\n  }\n}\n\nexport { LinkBlock, type LinkBlockProps }\n"],"mappings":"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","names":[]}
+{"version":3,"file":"link-block.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/link-block.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport { colorThemeClasses, isThemeDark, type LinkBlockProps } from \"../types\"\n\n/* ─── Shared types ─── */\n\ntype VariantProps = LinkBlockProps & {\n  dark: boolean\n  themeClasses: string\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 link wrapper ─── */\n\nfunction OptionalLink({\n  href,\n  radiusClass,\n  children,\n}: {\n  href?: string\n  radiusClass?: string\n  children: React.ReactNode\n}) {\n  if (!href) return children\n  return (\n    <a\n      href={href}\n      className={cn(\"block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\", radiusClass)}\n    >\n      {children}\n    </a>\n  )\n}\n\n/* ─── Card variant ─── */\n\nfunction CardVariant({\n  image,\n  eyebrow,\n  title,\n  buttonLabel,\n  buttonHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  const content = (\n    <div\n      className={cn(\n        \"enad-interactive group overflow-hidden rounded-[var(--enad-card-radius)]\",\n        \"shadow-[var(--enad-card-shadow)] transition-shadow duration-[var(--enad-motion-duration)] hover:shadow-[var(--enad-card-hover-shadow)]\",\n        themeClasses || \"bg-background\",\n        className,\n      )}\n    >\n      {/* Image top */}\n      {image?.src ? (\n        <div className=\"overflow-hidden rounded-t-[var(--enad-image-radius)] bg-muted\">\n          <img\n            src={image.src}\n            alt={image.alt ?? title ?? \"\"}\n            loading=\"lazy\"\n            className=\"aspect-[3/2] w-full object-cover transition-transform duration-[var(--enad-image-hover-duration)] group-hover:scale-[var(--enad-image-hover-scale)]\"\n          />\n        </div>\n      ) : (\n        <div className=\"aspect-[3/2] w-full bg-muted\" aria-hidden=\"true\" />\n      )}\n\n      {/* Text content below */}\n      <div className=\"min-w-0 p-6\">\n        {eyebrow && (\n          <p className={cn(\"mb-1 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n            {eyebrow}\n          </p>\n        )}\n        {title && (\n          <h3\n            className={cn(\"line-clamp-2 text-xl font-heading\", dark ? \"text-white\" : \"text-foreground\")}\n            style={headingStyle}\n          >\n            {title}\n          </h3>\n        )}\n        {buttonLabel && (\n          <span className={cn(\"mt-3 inline-block text-sm font-medium line-clamp-3\", dark ? \"text-white/80\" : \"text-foreground\")}>\n            {buttonLabel}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n\n  return (\n    <OptionalLink href={buttonHref} radiusClass=\"rounded-[var(--enad-card-radius)]\">\n      {content}\n    </OptionalLink>\n  )\n}\n\n/* ─── Text-only variant ─── */\n\nfunction TextOnlyVariant({\n  eyebrow,\n  title,\n  buttonLabel,\n  buttonHref,\n  dark,\n  themeClasses,\n  className,\n}: VariantProps) {\n  const content = (\n    <div\n      className={cn(\n        \"enad-interactive group rounded-[var(--enad-card-radius)] border transition-colors duration-[var(--enad-motion-duration)]\",\n        \"border-[length:var(--enad-border-width)] px-6 py-5\",\n        dark\n          ? \"border-white/20 hover:bg-white/10\"\n          : \"border-border hover:bg-accent\",\n        themeClasses,\n        className,\n      )}\n    >\n      {eyebrow && (\n        <p className={cn(\"mb-1 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n          {eyebrow}\n        </p>\n      )}\n      {title && (\n        <h3\n          className={cn(\"truncate text-lg font-heading\", dark ? \"text-white\" : \"text-foreground\")}\n          style={headingStyle}\n        >\n          {title}\n        </h3>\n      )}\n      {buttonLabel && (\n        <span className={cn(\"mt-2 inline-block text-sm font-medium\", dark ? \"text-white/80\" : \"text-muted-foreground\")}>\n          {buttonLabel}\n        </span>\n      )}\n    </div>\n  )\n\n  return (\n    <OptionalLink href={buttonHref} radiusClass=\"rounded-[var(--enad-card-radius)]\">\n      {content}\n    </OptionalLink>\n  )\n}\n\n/* ─── Overlay variant (default) ─── */\n\nfunction OverlayVariant({\n  image,\n  eyebrow,\n  title,\n  buttonLabel,\n  buttonHref,\n  className,\n}: VariantProps) {\n  const content = (\n    <div className={cn(\"enad-interactive group relative aspect-[3/4] overflow-hidden md:aspect-[2/1]\", className)}>\n      {/* Background image */}\n      {image?.src ? (\n        <img\n          src={image.src}\n          alt={image.alt ?? title ?? \"\"}\n          loading=\"lazy\"\n          className=\"size-full object-cover transition-transform duration-[var(--enad-image-hover-duration)] group-hover:scale-[var(--enad-image-hover-scale)]\"\n        />\n      ) : (\n        <div className=\"size-full bg-primary\" aria-hidden=\"true\" />\n      )}\n\n      {/* Gradient overlay */}\n      <div\n        className=\"absolute inset-0\"\n        style={{ background: \"linear-gradient(to top, color-mix(in oklch, var(--enad-overlay-color) calc(var(--enad-overlay-from-opacity) * 100%), transparent), color-mix(in oklch, var(--enad-overlay-color) calc(var(--enad-overlay-to-opacity) * 100%), transparent))\" }}\n      />\n\n      {/* Text content */}\n      <div className=\"absolute inset-x-0 bottom-0 min-w-0 p-6 md:p-8\">\n        {eyebrow && (\n          <p className=\"mb-1 text-sm uppercase tracking-widest text-white/70\">\n            {eyebrow}\n          </p>\n        )}\n        {title && (\n          <h3 className=\"line-clamp-2 text-xl font-heading text-white md:text-2xl\" style={headingStyle}>\n            {title}\n          </h3>\n        )}\n        {buttonLabel && (\n          <span className=\"mt-3 inline-block border-b border-white/50 pb-0.5 text-sm text-white transition-colors group-hover:border-white\">\n            {buttonLabel}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n\n  return <OptionalLink href={buttonHref}>{content}</OptionalLink>\n}\n\n/* ─── Main component (dispatcher) ─── */\n\nfunction LinkBlock(props: LinkBlockProps) {\n  const dark = isThemeDark(props.colorTheme)\n  const themeClasses = colorThemeClasses(props.colorTheme)\n  const variantProps: VariantProps = { ...props, dark, themeClasses }\n\n  switch (props.variant ?? \"overlay\") {\n    case \"card\":\n      return <CardVariant {...variantProps} />\n    case \"text-only\":\n      return <TextOnlyVariant {...variantProps} />\n    default:\n      return <OverlayVariant {...variantProps} />\n  }\n}\n\nexport { LinkBlock, type LinkBlockProps }\n"],"mappings":"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"}

package/dist/client/storefront/blocks/product-card-parts.d.ts

@@ -0,0 +1,77 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/blocks/product-card-parts.d.ts
+/**
+ * Root container for a composable product card.
+ * Provides group context for hover effects and overflow handling.
+ */
+declare function ProductCardRoot({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+/**
+ * Container for the product image area.
+ * Use as a wrapper for ProductCardImage, ProductCardTag, and ProductCardFavoriteButton.
+ */
+declare function ProductCardImageArea({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+/**
+ * Product image with lazy loading.
+ */
+declare function ProductCardImage({
+  className,
+  alt,
+  loading,
+  ...props
+}: React$1.ComponentProps<"img">): react_jsx_runtime0.JSX.Element;
+/**
+ * Badge overlay for product status (Sale, New, etc.).
+ * Positioned absolutely within ProductCardImageArea by default.
+ */
+declare function ProductCardTag({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+/**
+ * Favorite/wishlist toggle button.
+ * Stops event propagation by default (safe inside links).
+ */
+declare function ProductCardFavoriteButton({
+  className,
+  onClick,
+  ...props
+}: React$1.ComponentProps<"button">): react_jsx_runtime0.JSX.Element;
+/**
+ * Container for product text content (title, subtitle, price).
+ */
+declare function ProductCardContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+/**
+ * Product name / title.
+ */
+declare function ProductCardTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"p">): react_jsx_runtime0.JSX.Element;
+/**
+ * Secondary text (category, brand, etc.).
+ */
+declare function ProductCardSubtitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"p">): react_jsx_runtime0.JSX.Element;
+/**
+ * Price display.
+ */
+declare function ProductCardPrice({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ProductCardContent, ProductCardFavoriteButton, ProductCardImage, ProductCardImageArea, ProductCardPrice, ProductCardRoot, ProductCardSubtitle, ProductCardTag, ProductCardTitle };
+//# sourceMappingURL=product-card-parts.d.ts.map

package/dist/client/storefront/blocks/product-card-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-parts.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/product-card-parts.tsx"],"mappings":";;;;;;;AAE+B;iBAStB,eAAA,CAAA;EAAkB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;iBAiBpE,oBAAA,CAAA;EAAuB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAazE,gBAAA,CAAA;EACP,SAAA;EACA,GAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;iBAgBrB,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;AAnDA;;;iBAoEpE,yBAAA,CAAA;EACP,SAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,aAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAuBxB,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAavE,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAanE,mBAAA,CAAA;EAAsB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;AAxGG;;iBAqHzE,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/blocks/product-card-parts.mjs

@@ -0,0 +1,112 @@
+"use client";
+import { cn } from "../../ui/utils.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/client/storefront/blocks/product-card-parts.tsx
+/**
+* Root container for a composable product card.
+* Provides group context for hover effects and overflow handling.
+*/
+function ProductCardRoot({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "product-card",
+		className: cn("enad-interactive group overflow-hidden rounded-[var(--enad-card-radius)]", className),
+		...props
+	});
+}
+/**
+* Container for the product image area.
+* Use as a wrapper for ProductCardImage, ProductCardTag, and ProductCardFavoriteButton.
+*/
+function ProductCardImageArea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "product-card-image-area",
+		className: cn("relative bg-muted", className),
+		...props
+	});
+}
+/**
+* Product image with lazy loading.
+*/
+function ProductCardImage({ className, alt = "", loading = "lazy", ...props }) {
+	return /* @__PURE__ */ jsx("img", {
+		"data-slot": "product-card-image",
+		alt,
+		loading,
+		className: cn("size-full object-cover", className),
+		...props
+	});
+}
+/**
+* Badge overlay for product status (Sale, New, etc.).
+* Positioned absolutely within ProductCardImageArea by default.
+*/
+function ProductCardTag({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "product-card-tag",
+		className: cn("absolute start-3 top-3 rounded-[var(--enad-card-radius)] bg-background/90 px-2 py-0.5 text-xs font-medium text-foreground", className),
+		...props
+	});
+}
+/**
+* Favorite/wishlist toggle button.
+* Stops event propagation by default (safe inside links).
+*/
+function ProductCardFavoriteButton({ className, onClick, ...props }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"data-slot": "product-card-favorite",
+		className: cn("rounded-full bg-background/80 p-1.5 text-foreground transition-colors hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className),
+		"aria-label": "Add to favorites",
+		onClick: (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			onClick?.(e);
+		},
+		...props
+	});
+}
+/**
+* Container for product text content (title, subtitle, price).
+*/
+function ProductCardContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "product-card-content",
+		className: cn("flex min-w-0 flex-col gap-0.5 p-3", className),
+		...props
+	});
+}
+/**
+* Product name / title.
+*/
+function ProductCardTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "product-card-title",
+		className: cn("line-clamp-2 text-sm font-medium text-foreground", className),
+		...props
+	});
+}
+/**
+* Secondary text (category, brand, etc.).
+*/
+function ProductCardSubtitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "product-card-subtitle",
+		className: cn("truncate text-sm text-muted-foreground", className),
+		...props
+	});
+}
+/**
+* Price display.
+*/
+function ProductCardPrice({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "product-card-price",
+		className: cn("text-sm font-medium text-foreground", className),
+		...props
+	});
+}
+//#endregion
+export { ProductCardContent, ProductCardFavoriteButton, ProductCardImage, ProductCardImageArea, ProductCardPrice, ProductCardRoot, ProductCardSubtitle, ProductCardTag, ProductCardTitle };
+
+//# sourceMappingURL=product-card-parts.mjs.map

package/dist/client/storefront/blocks/product-card-parts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-parts.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/product-card-parts.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\n\n/* ─── ProductCard compound sub-components ─── */\n\n/**\n * Root container for a composable product card.\n * Provides group context for hover effects and overflow handling.\n */\nfunction ProductCardRoot({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"product-card\"\n      className={cn(\n        \"enad-interactive group overflow-hidden rounded-[var(--enad-card-radius)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Container for the product image area.\n * Use as a wrapper for ProductCardImage, ProductCardTag, and ProductCardFavoriteButton.\n */\nfunction ProductCardImageArea({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"product-card-image-area\"\n      className={cn(\"relative bg-muted\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Product image with lazy loading.\n */\nfunction ProductCardImage({\n  className,\n  alt = \"\",\n  loading = \"lazy\",\n  ...props\n}: React.ComponentProps<\"img\">) {\n  return (\n    <img\n      data-slot=\"product-card-image\"\n      alt={alt}\n      loading={loading}\n      className={cn(\"size-full object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Badge overlay for product status (Sale, New, etc.).\n * Positioned absolutely within ProductCardImageArea by default.\n */\nfunction ProductCardTag({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"product-card-tag\"\n      className={cn(\n        \"absolute start-3 top-3 rounded-[var(--enad-card-radius)] bg-background/90 px-2 py-0.5 text-xs font-medium text-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Favorite/wishlist toggle button.\n * Stops event propagation by default (safe inside links).\n */\nfunction ProductCardFavoriteButton({\n  className,\n  onClick,\n  ...props\n}: React.ComponentProps<\"button\">) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"product-card-favorite\"\n      className={cn(\n        \"rounded-full bg-background/80 p-1.5 text-foreground transition-colors hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        className,\n      )}\n      aria-label=\"Add to favorites\"\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        onClick?.(e);\n      }}\n      {...props}\n    />\n  );\n}\n\n/**\n * Container for product text content (title, subtitle, price).\n */\nfunction ProductCardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"product-card-content\"\n      className={cn(\"flex min-w-0 flex-col gap-0.5 p-3\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Product name / title.\n */\nfunction ProductCardTitle({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"product-card-title\"\n      className={cn(\"line-clamp-2 text-sm font-medium text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Secondary text (category, brand, etc.).\n */\nfunction ProductCardSubtitle({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"product-card-subtitle\"\n      className={cn(\"truncate text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Price display.\n */\nfunction ProductCardPrice({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"product-card-price\"\n      className={cn(\"text-sm font-medium text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ProductCardRoot,\n  ProductCardImageArea,\n  ProductCardImage,\n  ProductCardTag,\n  ProductCardFavoriteButton,\n  ProductCardContent,\n  ProductCardTitle,\n  ProductCardSubtitle,\n  ProductCardPrice,\n};\n"],"mappings":";;;;;;;;;AAWA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAsC;AAC7E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,4EACA,UACD;EACD,GAAI;EACJ,CAAA;;;;;;AAQN,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAsC;AAClF,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,qBAAqB,UAAU;EAC7C,GAAI;EACJ,CAAA;;;;;AAON,SAAS,iBAAiB,EACxB,WACA,MAAM,IACN,UAAU,QACV,GAAG,SAC2B;AAC9B,QACE,oBAAC,OAAD;EACE,aAAU;EACL;EACI;EACT,WAAW,GAAG,0BAA0B,UAAU;EAClD,GAAI;EACJ,CAAA;;;;;;AAQN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;AAC7E,QACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GACT,6HACA,UACD;EACD,GAAI;EACJ,CAAA;;;;;;AAQN,SAAS,0BAA0B,EACjC,WACA,SACA,GAAG,SAC8B;AACjC,QACE,oBAAC,UAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW,GACT,qKACA,UACD;EACD,cAAW;EACX,UAAU,MAAM;AACd,KAAE,gBAAgB;AAClB,KAAE,iBAAiB;AACnB,aAAU,EAAE;;EAEd,GAAI;EACJ,CAAA;;;;;AAON,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAsC;AAChF,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,qCAAqC,UAAU;EAC7D,GAAI;EACJ,CAAA;;;;;AAON,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAoC;AAC5E,QACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,oDAAoD,UAAU;EAC5E,GAAI;EACJ,CAAA;;;;;AAON,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAoC;AAC/E,QACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,0CAA0C,UAAU;EAClE,GAAI;EACJ,CAAA;;;;;AAON,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAuC;AAC/E,QACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;EACJ,CAAA"}

package/dist/client/storefront/blocks/product-card.d.ts

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

package/dist/client/storefront/blocks/product-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/product-card.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AA8RhD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAgB3C;AAED,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"product-card.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/product-card.tsx"],"mappings":";;;;iBAoSS,WAAA,CAAY,KAAA,EAAO,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}