@enadhq/enad-react-sdk 1.0.2 → 1.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/blocks/hero.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 HeroProps, type HeroContentPosition, type HeroContentWidth, type HeroTextAlign } from \"../types\"\n\nconst aspectClasses: Record<string, string> = {\n  \"9:16\": \"aspect-[9/16]\",\n  \"4:5\": \"aspect-[4/5]\",\n  \"1:1\": \"aspect-square\",\n  \"16:9\": \"aspect-video\",\n}\n\nconst contentWidthClasses: Record<HeroContentWidth, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-xl\",\n  lg: \"max-w-3xl\",\n}\n\n/* ─── 3×3 content positioning (overlay only) ─── */\n\nconst alignItemsMap: Record<string, string> = {\n  top: \"items-start\",\n  center: \"items-center\",\n  bottom: \"items-end\",\n}\n\nconst justifyMap: Record<string, string> = {\n  left: \"justify-start\",\n  center: \"justify-center\",\n  right: \"justify-end\",\n}\n\nfunction getPositionClasses(position: HeroContentPosition): string {\n  const [vertical, horizontal] = position.split(\"-\") as [string, string]\n  return cn(\n    \"absolute inset-0 flex p-8 md:p-12 lg:p-16\",\n    alignItemsMap[vertical],\n    justifyMap[horizontal],\n  )\n}\n\nfunction getTextAlign(position: HeroContentPosition): \"left\" | \"center\" | \"right\" {\n  const horizontal = position.split(\"-\")[1]\n  if (horizontal === \"center\") return \"center\"\n  if (horizontal === \"right\") return \"right\"\n  return \"left\"\n}\n\n/* ─── Directional gradient based on content position ─── */\n\nconst overlayGradientStyle = (direction: string): React.CSSProperties => ({\n  background: `linear-gradient(${direction}, 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\nfunction getGradientDirection(position: HeroContentPosition): string | null {\n  const [vertical, horizontal] = position.split(\"-\") as [string, string]\n\n  if (vertical === \"bottom\") return \"to top\"\n  if (vertical === \"top\") return \"to bottom\"\n  if (horizontal === \"left\") return \"to right\"\n  if (horizontal === \"right\") return \"to left\"\n\n  return null // center-center fallback\n}\n\nconst centerOverlayStyle: React.CSSProperties = {\n  background: \"color-mix(in oklch, var(--enad-overlay-color) 30%, transparent)\",\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 sub-components ─── */\n\nfunction HeroCTA({\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\nfunction HeroTextBlock({\n  preheader,\n  heading,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  contentWidth = \"md\",\n  dark = false,\n  align = \"left\",\n  headingClamp,\n}: {\n  preheader?: string\n  heading?: string\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  contentWidth?: HeroContentWidth\n  dark?: boolean\n  align?: \"left\" | \"center\" | \"right\"\n  headingClamp?: string\n}) {\n  return (\n    <div\n      className={cn(\n        \"flex min-w-0 flex-col\",\n        contentWidthClasses[contentWidth],\n        align === \"center\" && \"items-center text-center\",\n        align === \"right\" && \"items-end text-end\",\n        align === \"left\" && \"items-start text-start\",\n      )}\n    >\n      {preheader && (\n        <p\n          className={cn(\n            \"mb-2 text-sm uppercase tracking-widest line-clamp-2\",\n            dark ? \"text-white/70\" : \"text-muted-foreground\",\n          )}\n        >\n          {preheader}\n        </p>\n      )}\n      {heading && (\n        <h1\n          className={cn(\n            \"text-3xl font-heading md:text-4xl lg:text-5xl\",\n            dark ? \"text-white\" : \"text-foreground\",\n            headingClamp,\n          )}\n          style={headingStyle}\n        >\n          {heading}\n        </h1>\n      )}\n      <HeroCTA\n        buttonLabel={buttonLabel}\n        buttonHref={buttonHref}\n        textLinkLabel={textLinkLabel}\n        textLinkHref={textLinkHref}\n        dark={dark}\n      />\n    </div>\n  )\n}\n\n/* ─── Shared layout prop types ─── */\n\ntype HeroLayoutProps = HeroProps & {\n  dark: boolean\n  themeClasses: string\n  align: HeroTextAlign\n}\n\n/* ─── Layout: Minimal ─── */\n\nfunction HeroMinimal({\n  preheader,\n  heading,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  className,\n}: HeroLayoutProps) {\n  return (\n    <section className={cn(\"px-8 py-16 md:py-24 lg:py-32\", themeClasses || \"bg-background\", className)}>\n      <div className=\"mx-auto flex max-w-4xl flex-col items-center text-center\">\n        {preheader && (\n          <p className={cn(\"mb-2 text-sm uppercase tracking-widest\", dark ? \"text-white/70\" : \"text-muted-foreground\")}>\n            {preheader}\n          </p>\n        )}\n        {heading && (\n          <h1\n            className={cn(\"max-w-prose text-3xl font-heading line-clamp-3 md:text-5xl lg:text-6xl\", dark ? \"text-white\" : \"text-foreground\")}\n            style={headingStyle}\n          >\n            {heading}\n          </h1>\n        )}\n        <HeroCTA\n          buttonLabel={buttonLabel}\n          buttonHref={buttonHref}\n          textLinkLabel={textLinkLabel}\n          textLinkHref={textLinkHref}\n          dark={dark}\n        />\n      </div>\n    </section>\n  )\n}\n\n/* ─── Layout: Banner ─── */\n\nfunction HeroBanner({\n  image,\n  preheader,\n  heading,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  themeClasses,\n  className,\n}: HeroLayoutProps) {\n  return (\n    <section\n      className={cn(\"relative max-h-64 overflow-hidden\", image?.src ? \"bg-muted\" : \"bg-primary\", themeClasses, className)}\n    >\n      {image?.src && (\n        <img src={image?.src} alt={image?.alt ?? \"\"} className=\"size-full object-cover\" loading=\"lazy\" />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={overlayGradientStyle(\"to right\")}\n      />\n      <div className=\"absolute inset-0 flex items-center px-8 md:px-12 lg:px-16\">\n        <div className=\"flex w-full min-w-0 flex-wrap items-center justify-between gap-4\">\n          <div className=\"flex min-w-0 items-center gap-4\">\n            {preheader && (\n              <span className=\"shrink-0 text-sm uppercase tracking-widest text-white/70\">\n                {preheader}\n              </span>\n            )}\n            {heading && (\n              <h2\n                className=\"min-w-0 truncate text-xl font-heading text-white md:text-2xl lg:text-3xl\"\n                style={headingStyle}\n              >\n                {heading}\n              </h2>\n            )}\n          </div>\n          <HeroCTA\n            buttonLabel={buttonLabel}\n            buttonHref={buttonHref}\n            textLinkLabel={textLinkLabel}\n            textLinkHref={textLinkHref}\n            dark\n          />\n        </div>\n      </div>\n    </section>\n  )\n}\n\n/* ─── Layout: Split ─── */\n\nfunction HeroSplit({\n  image,\n  aspectRatio = \"16:9\",\n  preheader,\n  heading,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  contentWidth = \"md\",\n  dark,\n  themeClasses,\n  align,\n  className,\n}: HeroLayoutProps) {\n  const hasImage = Boolean(image?.src)\n  return (\n    <section className={cn(\"grid\", hasImage && \"lg:grid-cols-2\", themeClasses, className)}>\n      <div className=\"flex min-w-0 items-center px-8 py-12 lg:px-16 lg:py-20\">\n        <HeroTextBlock\n          preheader={preheader}\n          heading={heading}\n          buttonLabel={buttonLabel}\n          buttonHref={buttonHref}\n          textLinkLabel={textLinkLabel}\n          textLinkHref={textLinkHref}\n          contentWidth={contentWidth}\n          dark={dark}\n          align={align}\n          headingClamp=\"line-clamp-4\"\n        />\n      </div>\n      {hasImage && (\n        <div className={cn(\"relative overflow-hidden bg-muted\", aspectClasses[aspectRatio])}>\n          <img src={image?.src} alt={image?.alt ?? \"\"} className=\"size-full object-cover\" loading=\"lazy\" />\n        </div>\n      )}\n    </section>\n  )\n}\n\n/* ─── Layout: Image only ─── */\n\nfunction HeroImageOnly({\n  image,\n  aspectRatio = \"16:9\",\n  className,\n}: HeroLayoutProps) {\n  return (\n    <section\n      className={cn(\"relative overflow-hidden bg-muted\", aspectClasses[aspectRatio], className)}\n    >\n      {image?.src && (\n        <img src={image?.src} alt={image?.alt ?? \"\"} className=\"size-full object-cover\" loading=\"lazy\" />\n      )}\n    </section>\n  )\n}\n\n/* ─── Overlay background helper ─── */\n\nfunction resolveOverlayGradient(position: HeroContentPosition): React.CSSProperties {\n  const direction = getGradientDirection(position)\n  return direction ? overlayGradientStyle(direction) : centerOverlayStyle\n}\n\nfunction resolveOverlayBg(imageSrc?: string): string {\n  return imageSrc ? \"bg-muted\" : \"bg-primary\"\n}\n\n/* ─── Layout: Overlay ─── */\n\nfunction HeroOverlay({\n  image,\n  aspectRatio = \"16:9\",\n  contentPosition = \"bottom-center\",\n  contentWidth = \"md\",\n  preheader,\n  heading,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  align,\n  className,\n}: HeroLayoutProps) {\n  const hasContent = preheader || heading || buttonLabel || textLinkLabel\n  const position = contentPosition ?? \"bottom-center\"\n\n  return (\n    <section\n      className={cn(\n        \"relative overflow-hidden\",\n        resolveOverlayBg(image?.src),\n        aspectClasses[aspectRatio],\n        themeClasses,\n        className,\n      )}\n    >\n      {image?.src && (\n        <img src={image?.src} alt={image?.alt ?? \"\"} className=\"size-full object-cover\" loading=\"lazy\" />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={resolveOverlayGradient(position)}\n      />\n      {hasContent && (\n        <div className={getPositionClasses(position)}>\n          <HeroTextBlock\n            preheader={preheader}\n            heading={heading}\n            buttonLabel={buttonLabel}\n            buttonHref={buttonHref}\n            textLinkLabel={textLinkLabel}\n            textLinkHref={textLinkHref}\n            contentWidth={contentWidth}\n            dark={dark}\n            align={align}\n            headingClamp=\"line-clamp-3\"\n          />\n        </div>\n      )}\n    </section>\n  )\n}\n\n/* ─── Main component (dispatcher) ─── */\n\nfunction Hero(props: HeroProps) {\n  const {\n    layout = \"overlay\",\n    contentPosition = \"bottom-center\",\n    textAlign,\n    colorTheme,\n  } = props\n\n  const dark = isThemeDark(colorTheme) || layout === \"overlay\"\n  const themeClasses = colorThemeClasses(colorTheme)\n  const defaultAlign: HeroTextAlign =\n    layout === \"overlay\" ? getTextAlign(contentPosition ?? \"bottom-center\") : \"left\"\n  const align = textAlign ?? defaultAlign\n\n  const layoutProps: HeroLayoutProps = {\n    ...props,\n    dark,\n    themeClasses,\n    align,\n  }\n\n  switch (layout) {\n    case \"minimal\":\n      return <HeroMinimal {...layoutProps} />\n    case \"banner\":\n      return <HeroBanner {...layoutProps} />\n    case \"split\":\n      return <HeroSplit {...layoutProps} />\n    case \"image-only\":\n      return <HeroImageOnly {...layoutProps} />\n    default:\n      return <HeroOverlay {...layoutProps} />\n  }\n}\n\nexport { Hero, type HeroProps }\n"],"mappings":"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","names":[]}
+{"version":3,"file":"hero.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/hero.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useVariantDefault } from \"../../ui-resolver/context\";\nimport { StorefrontButton } from \"../primitives/button\";\nimport { StorefrontTextLink } from \"../primitives/text-link\";\nimport {\n  colorThemeClasses,\n  isThemeDark,\n  type HeroProps,\n  type HeroContentPosition,\n  type HeroContentWidth,\n  type HeroTextAlign,\n} from \"../types\";\n\nconst aspectClasses: Record<string, string> = {\n  \"9:16\": \"aspect-[9/16]\",\n  \"4:5\": \"aspect-[4/5]\",\n  \"1:1\": \"aspect-square\",\n  \"16:9\": \"aspect-video\",\n};\n\nconst contentWidthClasses: Record<HeroContentWidth, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-xl\",\n  lg: \"max-w-3xl\",\n};\n\n/* ─── 3×3 content positioning (overlay only) ─── */\n\nconst alignItemsMap: Record<string, string> = {\n  top: \"items-start\",\n  center: \"items-center\",\n  bottom: \"items-end\",\n};\n\nconst justifyMap: Record<string, string> = {\n  left: \"justify-start\",\n  center: \"justify-center\",\n  right: \"justify-end\",\n};\n\nfunction getPositionClasses(position: HeroContentPosition): string {\n  const [vertical, horizontal] = position.split(\"-\") as [string, string];\n  return cn(\n    \"absolute inset-0 flex p-8 md:p-12 lg:p-16\",\n    alignItemsMap[vertical],\n    justifyMap[horizontal],\n  );\n}\n\nfunction getTextAlign(position: HeroContentPosition): \"left\" | \"center\" | \"right\" {\n  const horizontal = position.split(\"-\")[1];\n  if (horizontal === \"center\") return \"center\";\n  if (horizontal === \"right\") return \"right\";\n  return \"left\";\n}\n\n/* ─── Directional gradient based on content position ─── */\n\nconst overlayGradientStyle = (direction: string): React.CSSProperties => ({\n  background: `linear-gradient(${direction}, 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\nfunction getGradientDirection(position: HeroContentPosition): string | null {\n  const [vertical, horizontal] = position.split(\"-\") as [string, string];\n\n  if (vertical === \"bottom\") return \"to top\";\n  if (vertical === \"top\") return \"to bottom\";\n  if (horizontal === \"left\") return \"to right\";\n  if (horizontal === \"right\") return \"to left\";\n\n  return null; // center-center fallback\n}\n\nconst centerOverlayStyle: React.CSSProperties = {\n  background: \"color-mix(in oklch, var(--enad-overlay-color) 30%, transparent)\",\n};\n\nconst headingStyle = {\n  fontWeight: \"var(--enad-heading-weight)\",\n  letterSpacing: \"var(--enad-heading-tracking)\",\n  textTransform: \"var(--enad-heading-transform)\",\n} as unknown as React.CSSProperties;\n\n/* ─── Shared sub-components ─── */\n\nfunction HeroCTA({\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\nfunction HeroTextBlock({\n  preheader,\n  heading,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  contentWidth = \"md\",\n  dark = false,\n  align = \"left\",\n  headingClamp,\n}: {\n  preheader?: string;\n  heading?: string;\n  buttonLabel?: string;\n  buttonHref?: string;\n  textLinkLabel?: string;\n  textLinkHref?: string;\n  contentWidth?: HeroContentWidth;\n  dark?: boolean;\n  align?: \"left\" | \"center\" | \"right\";\n  headingClamp?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        \"flex min-w-0 flex-col\",\n        contentWidthClasses[contentWidth],\n        align === \"center\" && \"items-center text-center\",\n        align === \"right\" && \"items-end text-end\",\n        align === \"left\" && \"items-start text-start\",\n      )}\n    >\n      {preheader && (\n        <p\n          className={cn(\n            \"mb-2 text-sm uppercase tracking-widest line-clamp-2\",\n            dark ? \"text-white/70\" : \"text-muted-foreground\",\n          )}\n        >\n          {preheader}\n        </p>\n      )}\n      {heading && (\n        <h1\n          className={cn(\n            \"text-3xl font-heading md:text-4xl lg:text-5xl\",\n            dark ? \"text-white\" : \"text-foreground\",\n            headingClamp,\n          )}\n          style={headingStyle}\n        >\n          {heading}\n        </h1>\n      )}\n      <HeroCTA\n        buttonLabel={buttonLabel}\n        buttonHref={buttonHref}\n        textLinkLabel={textLinkLabel}\n        textLinkHref={textLinkHref}\n        dark={dark}\n      />\n    </div>\n  );\n}\n\n/* ─── Shared layout prop types ─── */\n\ntype HeroLayoutProps = HeroProps & {\n  dark: boolean;\n  themeClasses: string;\n  align: HeroTextAlign;\n};\n\n/* ─── Layout: Minimal ─── */\n\nfunction HeroMinimal({\n  preheader,\n  heading,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  className,\n}: HeroLayoutProps) {\n  return (\n    <section\n      className={cn(\"px-8 py-16 md:py-24 lg:py-32\", themeClasses || \"bg-background\", className)}\n    >\n      <div className=\"mx-auto flex max-w-4xl flex-col items-center text-center\">\n        {preheader && (\n          <p\n            className={cn(\n              \"mb-2 text-sm uppercase tracking-widest\",\n              dark ? \"text-white/70\" : \"text-muted-foreground\",\n            )}\n          >\n            {preheader}\n          </p>\n        )}\n        {heading && (\n          <h1\n            className={cn(\n              \"max-w-prose text-3xl font-heading line-clamp-3 md:text-5xl lg:text-6xl\",\n              dark ? \"text-white\" : \"text-foreground\",\n            )}\n            style={headingStyle}\n          >\n            {heading}\n          </h1>\n        )}\n        <HeroCTA\n          buttonLabel={buttonLabel}\n          buttonHref={buttonHref}\n          textLinkLabel={textLinkLabel}\n          textLinkHref={textLinkHref}\n          dark={dark}\n        />\n      </div>\n    </section>\n  );\n}\n\n/* ─── Layout: Banner ─── */\n\nfunction HeroBanner({\n  image,\n  preheader,\n  heading,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  themeClasses,\n  className,\n}: HeroLayoutProps) {\n  return (\n    <section\n      className={cn(\n        \"relative max-h-64 overflow-hidden\",\n        image?.src ? \"bg-muted\" : \"bg-primary\",\n        themeClasses,\n        className,\n      )}\n    >\n      {image?.src && (\n        <img\n          src={image?.src}\n          alt={image?.alt ?? \"\"}\n          className=\"size-full object-cover\"\n          loading=\"lazy\"\n        />\n      )}\n      <div className=\"absolute inset-0\" style={overlayGradientStyle(\"to right\")} />\n      <div className=\"absolute inset-0 flex items-center px-8 md:px-12 lg:px-16\">\n        <div className=\"flex w-full min-w-0 flex-wrap items-center justify-between gap-4\">\n          <div className=\"flex min-w-0 items-center gap-4\">\n            {preheader && (\n              <span className=\"shrink-0 text-sm uppercase tracking-widest text-white/70\">\n                {preheader}\n              </span>\n            )}\n            {heading && (\n              <h2\n                className=\"min-w-0 truncate text-xl font-heading text-white md:text-2xl lg:text-3xl\"\n                style={headingStyle}\n              >\n                {heading}\n              </h2>\n            )}\n          </div>\n          <HeroCTA\n            buttonLabel={buttonLabel}\n            buttonHref={buttonHref}\n            textLinkLabel={textLinkLabel}\n            textLinkHref={textLinkHref}\n            dark\n          />\n        </div>\n      </div>\n    </section>\n  );\n}\n\n/* ─── Layout: Split ─── */\n\nfunction HeroSplit({\n  image,\n  aspectRatio = \"16:9\",\n  preheader,\n  heading,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  contentWidth = \"md\",\n  dark,\n  themeClasses,\n  align,\n  className,\n}: HeroLayoutProps) {\n  const hasImage = Boolean(image?.src);\n  return (\n    <section className={cn(\"grid\", hasImage && \"lg:grid-cols-2\", themeClasses, className)}>\n      <div className=\"flex min-w-0 items-center px-8 py-12 lg:px-16 lg:py-20\">\n        <HeroTextBlock\n          preheader={preheader}\n          heading={heading}\n          buttonLabel={buttonLabel}\n          buttonHref={buttonHref}\n          textLinkLabel={textLinkLabel}\n          textLinkHref={textLinkHref}\n          contentWidth={contentWidth}\n          dark={dark}\n          align={align}\n          headingClamp=\"line-clamp-4\"\n        />\n      </div>\n      {hasImage && (\n        <div className={cn(\"relative overflow-hidden bg-muted\", aspectClasses[aspectRatio])}>\n          <img\n            src={image?.src}\n            alt={image?.alt ?? \"\"}\n            className=\"size-full object-cover\"\n            loading=\"lazy\"\n          />\n        </div>\n      )}\n    </section>\n  );\n}\n\n/* ─── Layout: Image only ─── */\n\nfunction HeroImageOnly({ image, aspectRatio = \"16:9\", className }: HeroLayoutProps) {\n  return (\n    <section\n      className={cn(\"relative overflow-hidden bg-muted\", aspectClasses[aspectRatio], className)}\n    >\n      {image?.src && (\n        <img\n          src={image?.src}\n          alt={image?.alt ?? \"\"}\n          className=\"size-full object-cover\"\n          loading=\"lazy\"\n        />\n      )}\n    </section>\n  );\n}\n\n/* ─── Overlay background helper ─── */\n\nfunction resolveOverlayGradient(position: HeroContentPosition): React.CSSProperties {\n  const direction = getGradientDirection(position);\n  return direction ? overlayGradientStyle(direction) : centerOverlayStyle;\n}\n\nfunction resolveOverlayBg(imageSrc?: string): string {\n  return imageSrc ? \"bg-muted\" : \"bg-primary\";\n}\n\n/* ─── Layout: Overlay ─── */\n\nfunction HeroOverlay({\n  image,\n  aspectRatio = \"16:9\",\n  contentPosition = \"bottom-center\",\n  contentWidth = \"md\",\n  preheader,\n  heading,\n  buttonLabel,\n  buttonHref,\n  textLinkLabel,\n  textLinkHref,\n  dark,\n  themeClasses,\n  align,\n  className,\n}: HeroLayoutProps) {\n  const hasContent = preheader || heading || buttonLabel || textLinkLabel;\n  const position = contentPosition ?? \"bottom-center\";\n\n  return (\n    <section\n      className={cn(\n        \"relative overflow-hidden\",\n        resolveOverlayBg(image?.src),\n        aspectClasses[aspectRatio],\n        themeClasses,\n        className,\n      )}\n    >\n      {image?.src && (\n        <img\n          src={image?.src}\n          alt={image?.alt ?? \"\"}\n          className=\"size-full object-cover\"\n          loading=\"lazy\"\n        />\n      )}\n      <div className=\"absolute inset-0\" style={resolveOverlayGradient(position)} />\n      {hasContent && (\n        <div className={getPositionClasses(position)}>\n          <HeroTextBlock\n            preheader={preheader}\n            heading={heading}\n            buttonLabel={buttonLabel}\n            buttonHref={buttonHref}\n            textLinkLabel={textLinkLabel}\n            textLinkHref={textLinkHref}\n            contentWidth={contentWidth}\n            dark={dark}\n            align={align}\n            headingClamp=\"line-clamp-3\"\n          />\n        </div>\n      )}\n    </section>\n  );\n}\n\n/* ─── Main component (dispatcher) ─── */\n\nfunction Hero(props: HeroProps) {\n  const heroDefault = useVariantDefault(\"hero\");\n  const {\n    layout = heroDefault ?? \"overlay\",\n    contentPosition = \"bottom-center\",\n    textAlign,\n    colorTheme,\n  } = props;\n\n  const dark = isThemeDark(colorTheme) || layout === \"overlay\";\n  const themeClasses = colorThemeClasses(colorTheme);\n  const defaultAlign: HeroTextAlign =\n    layout === \"overlay\" ? getTextAlign(contentPosition ?? \"bottom-center\") : \"left\";\n  const align = textAlign ?? defaultAlign;\n\n  const layoutProps: HeroLayoutProps = {\n    ...props,\n    dark,\n    themeClasses,\n    align,\n  };\n\n  switch (layout) {\n    case \"minimal\":\n      return <HeroMinimal {...layoutProps} />;\n    case \"banner\":\n      return <HeroBanner {...layoutProps} />;\n    case \"split\":\n      return <HeroSplit {...layoutProps} />;\n    case \"image-only\":\n      return <HeroImageOnly {...layoutProps} />;\n    default:\n      return <HeroOverlay {...layoutProps} />;\n  }\n}\n\nexport { Hero, type HeroProps };\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"image-block.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/image-block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAQ/C,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,WAAmB,EACnB,OAAO,EACP,SAAS,GACV,EAAE,eAAe,2CAqBjB;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA"}
+{"version":3,"file":"image-block.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/image-block.tsx"],"mappings":";;;;iBAUS,UAAA,CAAA;EACP,KAAA;EACA,WAAA;EACA,OAAA;EACA;AAAA,GACC,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,29 +1,29 @@
+import { cn } from "../../ui/utils.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
+//#region src/client/storefront/blocks/image-block.tsx
 const aspectClasses = {
-  "4:5": "aspect-[4/5]",
-  "16:9": "aspect-[16/9]",
-  "1:1": "aspect-square"
+	"4:5": "aspect-[4/5]",
+	"16:9": "aspect-[16/9]",
+	"1:1": "aspect-square"
 };
-function ImageBlock({
-  image,
-  aspectRatio = "4:5",
-  caption,
-  className
-}) {
-  return /* @__PURE__ */ jsxs("figure", { className: cn("overflow-hidden", className), children: [
-    /* @__PURE__ */ jsx("div", { className: cn("relative bg-muted", aspectClasses[aspectRatio]), children: image?.src ? /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: image.src,
-        alt: image.alt ?? "",
-        className: "size-full object-cover"
-      }
-    ) : /* @__PURE__ */ jsx("div", { className: "size-full bg-muted" }) }),
-    caption && /* @__PURE__ */ jsx("figcaption", { className: "mt-2 text-sm text-muted-foreground", children: caption })
-  ] });
+function ImageBlock({ image, aspectRatio = "4:5", caption, className }) {
+	return /* @__PURE__ */ jsxs("figure", {
+		className: cn("overflow-hidden", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn("relative bg-muted", aspectClasses[aspectRatio]),
+			children: image?.src ? /* @__PURE__ */ jsx("img", {
+				src: image.src,
+				alt: image.alt ?? "",
+				className: "size-full object-cover"
+			}) : /* @__PURE__ */ jsx("div", { className: "size-full bg-muted" })
+		}), caption && /* @__PURE__ */ jsx("figcaption", {
+			className: "mt-2 text-sm text-muted-foreground",
+			children: caption
+		})]
+	});
 }
-export {
-  ImageBlock
-};
+//#endregion
+export { ImageBlock };
+
 //# sourceMappingURL=image-block.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/blocks/image-block.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { ImageBlockProps } from \"../types\"\n\nconst aspectClasses: Record<string, string> = {\n  \"4:5\": \"aspect-[4/5]\",\n  \"16:9\": \"aspect-[16/9]\",\n  \"1:1\": \"aspect-square\",\n}\n\nfunction ImageBlock({\n  image,\n  aspectRatio = \"4:5\",\n  caption,\n  className,\n}: ImageBlockProps) {\n  return (\n    <figure className={cn(\"overflow-hidden\", className)}>\n      <div className={cn(\"relative bg-muted\", aspectClasses[aspectRatio])}>\n        {image?.src ? (\n          <img\n            src={image.src}\n            alt={image.alt ?? \"\"}\n            className=\"size-full object-cover\"\n          />\n        ) : (\n          <div className=\"size-full bg-muted\" />\n        )}\n      </div>\n      {caption && (\n        <figcaption className=\"mt-2 text-sm text-muted-foreground\">\n          {caption}\n        </figcaption>\n      )}\n    </figure>\n  )\n}\n\nexport { ImageBlock, type ImageBlockProps }\n"],"mappings":"AAiBI,SAGM,KAHN;AAhBJ,SAAS,UAAU;AAGnB,MAAM,gBAAwC;AAAA,EAC5C,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAAoB;AAClB,SACE,qBAAC,YAAO,WAAW,GAAG,mBAAmB,SAAS,GAChD;AAAA,wBAAC,SAAI,WAAW,GAAG,qBAAqB,cAAc,WAAW,CAAC,GAC/D,iBAAO,MACN;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,MAAM;AAAA,QACX,KAAK,MAAM,OAAO;AAAA,QAClB,WAAU;AAAA;AAAA,IACZ,IAEA,oBAAC,SAAI,WAAU,sBAAqB,GAExC;AAAA,IACC,WACC,oBAAC,gBAAW,WAAU,sCACnB,mBACH;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"file":"image-block.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/image-block.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { ImageBlockProps } from \"../types\"\n\nconst aspectClasses: Record<string, string> = {\n  \"4:5\": \"aspect-[4/5]\",\n  \"16:9\": \"aspect-[16/9]\",\n  \"1:1\": \"aspect-square\",\n}\n\nfunction ImageBlock({\n  image,\n  aspectRatio = \"4:5\",\n  caption,\n  className,\n}: ImageBlockProps) {\n  return (\n    <figure className={cn(\"overflow-hidden\", className)}>\n      <div className={cn(\"relative bg-muted\", aspectClasses[aspectRatio])}>\n        {image?.src ? (\n          <img\n            src={image.src}\n            alt={image.alt ?? \"\"}\n            className=\"size-full object-cover\"\n          />\n        ) : (\n          <div className=\"size-full bg-muted\" />\n        )}\n      </div>\n      {caption && (\n        <figcaption className=\"mt-2 text-sm text-muted-foreground\">\n          {caption}\n        </figcaption>\n      )}\n    </figure>\n  )\n}\n\nexport { ImageBlock, type ImageBlockProps }\n"],"mappings":";;;;AAIA,MAAM,gBAAwC;CAC5C,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,SAAS,WAAW,EAClB,OACA,cAAc,OACd,SACA,aACkB;AAClB,QACE,qBAAC,UAAD;EAAQ,WAAW,GAAG,mBAAmB,UAAU;YAAnD,CACE,oBAAC,OAAD;GAAK,WAAW,GAAG,qBAAqB,cAAc,aAAa;aAChE,OAAO,MACN,oBAAC,OAAD;IACE,KAAK,MAAM;IACX,KAAK,MAAM,OAAO;IAClB,WAAU;IACV,CAAA,GAEF,oBAAC,OAAD,EAAK,WAAU,sBAAuB,CAAA;GAEpC,CAAA,EACL,WACC,oBAAC,cAAD;GAAY,WAAU;aACnB;GACU,CAAA,CAER"}

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

@@ -1,20 +1,22 @@
-export { Spacer, type SpacerProps } from "./spacer";
-export { ImageBlock, type ImageBlockProps } from "./image-block";
-export { CardImageWithCaption, type CardImageWithCaptionProps } from "./card-image-with-caption";
-export { TextContent, type TextContentProps } from "./text-content";
-export { VariableTextContent, type VariableTextContentProps } from "./variable-text-content";
-export { TextContentWithImage, type TextContentWithImageProps } from "./text-content-with-image";
-export { LinkBlock, type LinkBlockProps } from "./link-block";
-export { LinkBlockSmall, type LinkBlockSmallProps } from "./link-block-small";
-export { CardVideo, type CardVideoProps } from "./card-video";
-export { AccordionBlock, type AccordionBlockProps } from "./accordion-block";
-export { TruncatedText, type TruncatedTextProps } from "./truncated-text";
-export { Hero, type HeroProps } from "./hero";
-export { ProductCard, type ProductCardProps } from "./product-card";
-export { ProductImage, type ProductImageProps } from "./product-image";
-export { Gallery, type GalleryProps } from "./gallery";
-export { GalleryWithCaption, type GalleryWithCaptionProps } from "./gallery-with-caption";
-export { GalleryWithLinkBlocks, type GalleryWithLinkBlocksProps } from "./gallery-with-link-blocks";
-export { ContentWithGallery, type ContentWithGalleryProps } from "./content-with-gallery";
-export { ContentWithImageProductData, type ContentWithImageProductDataProps } from "./content-with-image-product-data";
-//# sourceMappingURL=index.d.ts.map
+import { AccordionBlockProps, CardImageWithCaptionProps, CardVideoProps, ContentWithGalleryProps, ContentWithImageProductDataProps, GalleryProps, GalleryWithCaptionProps, GalleryWithLinkBlocksProps, HeroProps, ImageBlockProps, LinkBlockProps, LinkBlockSmallProps, ProductCardProps, ProductImageProps, SpacerProps, TextContentProps, TextContentWithImageProps, TruncatedTextProps, VariableTextContentProps } from "../types.js";
+import { AccordionBlock } from "./accordion-block.js";
+import { CardImageWithCaption } from "./card-image-with-caption.js";
+import { CardVideo } from "./card-video.js";
+import { ContentWithGallery } from "./content-with-gallery.js";
+import { ContentWithImageProductData } from "./content-with-image-product-data.js";
+import { GalleryWithCaption } from "./gallery-with-caption.js";
+import { GalleryWithLinkBlocks } from "./gallery-with-link-blocks.js";
+import { Gallery } from "./gallery.js";
+import { Hero } from "./hero.js";
+import { ImageBlock } from "./image-block.js";
+import { Spacer } from "./spacer.js";
+import { TextContent } from "./text-content.js";
+import { VariableTextContent } from "./variable-text-content.js";
+import { TextContentWithImage } from "./text-content-with-image.js";
+import { LinkBlock } from "./link-block.js";
+import { LinkBlockSmall } from "./link-block-small.js";
+import { TruncatedText } from "./truncated-text.js";
+import { ProductCard } from "./product-card.js";
+import { ProductCardContent, ProductCardFavoriteButton, ProductCardImage, ProductCardImageArea, ProductCardPrice, ProductCardRoot, ProductCardSubtitle, ProductCardTag, ProductCardTitle } from "./product-card-parts.js";
+import { ProductImage } from "./product-image.js";
+export { AccordionBlock, type AccordionBlockProps, CardImageWithCaption, type CardImageWithCaptionProps, CardVideo, type CardVideoProps, ContentWithGallery, type ContentWithGalleryProps, ContentWithImageProductData, type ContentWithImageProductDataProps, Gallery, type GalleryProps, GalleryWithCaption, type GalleryWithCaptionProps, GalleryWithLinkBlocks, type GalleryWithLinkBlocksProps, Hero, type HeroProps, ImageBlock, type ImageBlockProps, LinkBlock, type LinkBlockProps, LinkBlockSmall, type LinkBlockSmallProps, ProductCard, ProductCardContent, ProductCardFavoriteButton, ProductCardImage, ProductCardImageArea, ProductCardPrice, type ProductCardProps, ProductCardRoot, ProductCardSubtitle, ProductCardTag, ProductCardTitle, ProductImage, type ProductImageProps, Spacer, type SpacerProps, TextContent, type TextContentProps, TextContentWithImage, type TextContentWithImageProps, TruncatedText, type TruncatedTextProps, VariableTextContent, type VariableTextContentProps };

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

@@ -1,41 +1,21 @@
-import { Spacer } from "./spacer";
-import { ImageBlock } from "./image-block";
-import { CardImageWithCaption } from "./card-image-with-caption";
-import { TextContent } from "./text-content";
-import { VariableTextContent } from "./variable-text-content";
-import { TextContentWithImage } from "./text-content-with-image";
-import { LinkBlock } from "./link-block";
-import { LinkBlockSmall } from "./link-block-small";
-import { CardVideo } from "./card-video";
-import { AccordionBlock } from "./accordion-block";
-import { TruncatedText } from "./truncated-text";
-import { Hero } from "./hero";
-import { ProductCard } from "./product-card";
-import { ProductImage } from "./product-image";
-import { Gallery } from "./gallery";
-import { GalleryWithCaption } from "./gallery-with-caption";
-import { GalleryWithLinkBlocks } from "./gallery-with-link-blocks";
-import { ContentWithGallery } from "./content-with-gallery";
-import { ContentWithImageProductData } from "./content-with-image-product-data";
-export {
-  AccordionBlock,
-  CardImageWithCaption,
-  CardVideo,
-  ContentWithGallery,
-  ContentWithImageProductData,
-  Gallery,
-  GalleryWithCaption,
-  GalleryWithLinkBlocks,
-  Hero,
-  ImageBlock,
-  LinkBlock,
-  LinkBlockSmall,
-  ProductCard,
-  ProductImage,
-  Spacer,
-  TextContent,
-  TextContentWithImage,
-  TruncatedText,
-  VariableTextContent
-};
-//# sourceMappingURL=index.mjs.map
+import { AccordionBlock } from "./accordion-block.mjs";
+import { CardImageWithCaption } from "./card-image-with-caption.mjs";
+import { CardVideo } from "./card-video.mjs";
+import { ContentWithGallery } from "./content-with-gallery.mjs";
+import { ContentWithImageProductData } from "./content-with-image-product-data.mjs";
+import { GalleryWithCaption } from "./gallery-with-caption.mjs";
+import { GalleryWithLinkBlocks } from "./gallery-with-link-blocks.mjs";
+import { Gallery } from "./gallery.mjs";
+import { Hero } from "./hero.mjs";
+import { ImageBlock } from "./image-block.mjs";
+import { Spacer } from "./spacer.mjs";
+import { TextContent } from "./text-content.mjs";
+import { VariableTextContent } from "./variable-text-content.mjs";
+import { TextContentWithImage } from "./text-content-with-image.mjs";
+import { LinkBlock } from "./link-block.mjs";
+import { LinkBlockSmall } from "./link-block-small.mjs";
+import { TruncatedText } from "./truncated-text.mjs";
+import { ProductCardContent, ProductCardFavoriteButton, ProductCardImage, ProductCardImageArea, ProductCardPrice, ProductCardRoot, ProductCardSubtitle, ProductCardTag, ProductCardTitle } from "./product-card-parts.mjs";
+import { ProductCard } from "./product-card.mjs";
+import { ProductImage } from "./product-image.mjs";
+export { AccordionBlock, CardImageWithCaption, CardVideo, ContentWithGallery, ContentWithImageProductData, Gallery, GalleryWithCaption, GalleryWithLinkBlocks, Hero, ImageBlock, LinkBlock, LinkBlockSmall, ProductCard, ProductCardContent, ProductCardFavoriteButton, ProductCardImage, ProductCardImageArea, ProductCardPrice, ProductCardRoot, ProductCardSubtitle, ProductCardTag, ProductCardTitle, ProductImage, Spacer, TextContent, TextContentWithImage, TruncatedText, VariableTextContent };

package/dist/client/storefront/blocks/link-block-small.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"link-block-small.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/link-block-small.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAEnD,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAS,GACV,EAAE,mBAAmB,2CA6BrB;AAED,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"link-block-small.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/link-block-small.tsx"],"mappings":";;;;iBAIS,cAAA,CAAA;EACP,KAAA;EACA,KAAA;EACA,IAAA;EACA;AAAA,GACC,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,35 +1,34 @@
+import { cn } from "../../ui/utils.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
-function LinkBlockSmall({
-  image,
-  title,
-  href,
-  className
-}) {
-  const card = /* @__PURE__ */ jsxs("div", { className: cn("enad-interactive group relative aspect-[3/4] overflow-hidden rounded-[var(--enad-card-radius)]", className), children: [
-    image?.src ? /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: image.src,
-        alt: image.alt ?? title ?? "",
-        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-muted" }),
-    /* @__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))" }
-      }
-    ),
-    title && /* @__PURE__ */ jsx("p", { className: "absolute inset-x-0 bottom-0 p-3 text-sm font-medium text-white", children: title })
-  ] });
-  if (href) {
-    return /* @__PURE__ */ jsx("a", { href, className: "block", children: card });
-  }
-  return card;
+//#region src/client/storefront/blocks/link-block-small.tsx
+function LinkBlockSmall({ image, title, href, className }) {
+	const card = /* @__PURE__ */ jsxs("div", {
+		className: cn("enad-interactive group relative aspect-[3/4] overflow-hidden rounded-[var(--enad-card-radius)]", className),
+		children: [
+			image?.src ? /* @__PURE__ */ jsx("img", {
+				src: image.src,
+				alt: image.alt ?? title ?? "",
+				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-muted" }),
+			/* @__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))" }
+			}),
+			title && /* @__PURE__ */ jsx("p", {
+				className: "absolute inset-x-0 bottom-0 p-3 text-sm font-medium text-white",
+				children: title
+			})
+		]
+	});
+	if (href) return /* @__PURE__ */ jsx("a", {
+		href,
+		className: "block",
+		children: card
+	});
+	return card;
 }
-export {
-  LinkBlockSmall
-};
+//#endregion
+export { LinkBlockSmall };
+
 //# sourceMappingURL=link-block-small.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/blocks/link-block-small.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { LinkBlockSmallProps } from \"../types\"\n\nfunction LinkBlockSmall({\n  image,\n  title,\n  href,\n  className,\n}: LinkBlockSmallProps) {\n  const card = (\n    <div className={cn(\"enad-interactive group relative aspect-[3/4] overflow-hidden rounded-[var(--enad-card-radius)]\", className)}>\n      {image?.src ? (\n        <img\n          src={image.src}\n          alt={image.alt ?? title ?? \"\"}\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-muted\" />\n      )}\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      {title && (\n        <p className=\"absolute inset-x-0 bottom-0 p-3 text-sm font-medium text-white\">\n          {title}\n        </p>\n      )}\n    </div>\n  )\n\n  if (href) {\n    return <a href={href} className=\"block\">{card}</a>\n  }\n\n  return card\n}\n\nexport { LinkBlockSmall, type LinkBlockSmallProps }\n"],"mappings":"AAWI,SAEI,KAFJ;AAVJ,SAAS,UAAU;AAGnB,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,OACJ,qBAAC,SAAI,WAAW,GAAG,kGAAkG,SAAS,GAC3H;AAAA,WAAO,MACN;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,MAAM;AAAA,QACX,KAAK,MAAM,OAAO,SAAS;AAAA,QAC3B,WAAU;AAAA;AAAA,IACZ,IAEA,oBAAC,SAAI,WAAU,sBAAqB;AAAA,IAEtC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,YAAY,8OAA8O;AAAA;AAAA,IACrQ;AAAA,IACC,SACC,oBAAC,OAAE,WAAU,kEACV,iBACH;AAAA,KAEJ;AAGF,MAAI,MAAM;AACR,WAAO,oBAAC,OAAE,MAAY,WAAU,SAAS,gBAAK;AAAA,EAChD;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"file":"link-block-small.mjs","names":[],"sources":["../../../../src/client/storefront/blocks/link-block-small.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { LinkBlockSmallProps } from \"../types\"\n\nfunction LinkBlockSmall({\n  image,\n  title,\n  href,\n  className,\n}: LinkBlockSmallProps) {\n  const card = (\n    <div className={cn(\"enad-interactive group relative aspect-[3/4] overflow-hidden rounded-[var(--enad-card-radius)]\", className)}>\n      {image?.src ? (\n        <img\n          src={image.src}\n          alt={image.alt ?? title ?? \"\"}\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-muted\" />\n      )}\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      {title && (\n        <p className=\"absolute inset-x-0 bottom-0 p-3 text-sm font-medium text-white\">\n          {title}\n        </p>\n      )}\n    </div>\n  )\n\n  if (href) {\n    return <a href={href} className=\"block\">{card}</a>\n  }\n\n  return card\n}\n\nexport { LinkBlockSmall, type LinkBlockSmallProps }\n"],"mappings":";;;;AAIA,SAAS,eAAe,EACtB,OACA,OACA,MACA,aACsB;CACtB,MAAM,OACJ,qBAAC,OAAD;EAAK,WAAW,GAAG,kGAAkG,UAAU;YAA/H;GACG,OAAO,MACN,oBAAC,OAAD;IACE,KAAK,MAAM;IACX,KAAK,MAAM,OAAO,SAAS;IAC3B,WAAU;IACV,CAAA,GAEF,oBAAC,OAAD,EAAK,WAAU,sBAAuB,CAAA;GAExC,oBAAC,OAAD;IACE,WAAU;IACV,OAAO,EAAE,YAAY,+OAA+O;IACpQ,CAAA;GACD,SACC,oBAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA;GAEF;;AAGR,KAAI,KACF,QAAO,oBAAC,KAAD;EAAS;EAAM,WAAU;YAAS;EAAS,CAAA;AAGpD,QAAO"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"link-block.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/link-block.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AA8M9E,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,2CAavC;AAED,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAA"}
+{"version":3,"file":"link-block.d.ts","names":[],"sources":["../../../../src/client/storefront/blocks/link-block.tsx"],"mappings":";;;;iBAgNS,SAAA,CAAU,KAAA,EAAO,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}