@thorprovider/blocks 2.0.0 → 3.0.1

package/dist/blocks/marketing/features/feature.js

@@ -0,0 +1,135 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var feature_exports = {};
+__export(feature_exports, {
+  Feature: () => Feature,
+  default: () => feature_default
+});
+module.exports = __toCommonJS(feature_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_badge = require("../../../ui/badge.js");
+var import_button = require("../../../ui/button.js");
+var import_card = require("../../../ui/card.js");
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../../../lib/utils.js");
+function SplitFeature({ items, title, description, image, className }) {
+  if (!image?.src || image.src.trim() === "") {
+    throw new Error(
+      'Feature: presentation="split" requires a non-empty image.src. Pass { image: { src, alt } } or use presentation="cards".'
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "section",
+    {
+      className: (0, import_utils.cn)("mx-auto w-full max-w-7xl px-4 py-12 sm:px-6 md:py-16 lg:px-8", className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-12 lg:grid-cols-2 lg:gap-16", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-10", children: [
+          (title || description) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "flex flex-col gap-4", children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-3xl font-bold tracking-tight text-balance sm:text-4xl lg:text-5xl", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-base text-pretty md:text-lg", children: description })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid gap-6 sm:grid-cols-2 sm:gap-8", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "group flex flex-col items-start gap-3 rounded-lg", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-secondary text-secondary-foreground inline-flex size-10 items-center justify-center rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(item.icon, { className: "size-5", "aria-hidden": "true" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-foreground text-base font-semibold md:text-lg", children: item.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm text-balance", children: item.description })
+            ] })
+          ] }, item.id)) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-muted relative z-10 overflow-hidden rounded-lg shadow-sm transition-all duration-300 hover:shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "aspect-[4/3] w-full", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "img",
+          {
+            src: image.src,
+            alt: image.alt,
+            className: "size-full object-cover grayscale",
+            loading: "lazy",
+            decoding: "async"
+          }
+        ) }) }) })
+      ] })
+    }
+  );
+}
+function CardsFeature({
+  items,
+  badge,
+  title,
+  description,
+  ctaLabel,
+  onCtaClick,
+  learnMoreLabel,
+  onLearnMore,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "section",
+    {
+      className: (0, import_utils.cn)("mx-auto w-full max-w-7xl px-4 py-12 sm:px-6 md:py-16 lg:px-8", className),
+      children: [
+        (badge || title || description) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "mx-auto mb-12 max-w-2xl text-center", children: [
+          badge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: "secondary", className: "h-auto mb-4 rounded-full px-4 py-1 font-medium", children: badge }),
+          title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "mb-4 text-3xl font-bold tracking-tight sm:text-4xl", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-pretty", children: description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid gap-4 sm:grid-cols-2 sm:gap-6 md:grid-cols-3", children: items.map((feature) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.Card, { className: "relative h-full overflow-hidden transition-all hover:shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardContent, { className: "px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-secondary text-secondary-foreground mb-4 inline-flex size-12 items-center justify-center rounded-xl", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(feature.icon, { className: "size-5", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mb-2 text-lg font-semibold", children: feature.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mb-4 text-sm", children: feature.description }),
+          learnMoreLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_button.Button,
+            {
+              variant: "link",
+              size: "sm",
+              className: "h-8 px-3 text-xs text-muted-foreground hover:text-foreground h-auto cursor-pointer !p-0 text-sm",
+              onClick: onLearnMore ? () => onLearnMore(feature) : void 0,
+              children: [
+                learnMoreLabel,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, {})
+              ]
+            }
+          )
+        ] }) }) }, feature.id)) }),
+        ctaLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_button.Button,
+          {
+            size: "lg",
+            className: "h-10 cursor-pointer rounded-lg !px-8",
+            onClick: onCtaClick,
+            children: [
+              ctaLabel,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, {})
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Feature(props) {
+  if (props.presentation === "split") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SplitFeature, { ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardsFeature, { ...props });
+}
+var feature_default = Feature;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Feature
+});
+//# sourceMappingURL=feature.js.map

package/dist/blocks/marketing/features/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/features/feature.tsx"],"sourcesContent":["import { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent } from '../../../ui/card'\nimport { ArrowRight } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport { cn } from '../../../lib/utils'\n\nexport interface FeatureItem {\n  id: string\n  title: string\n  description: string\n  icon: LucideIcon\n}\n\n/**\n * The bounded presentation surface. `cards` is the card grid with a centered\n * header, per-item learn-more and a section CTA; `split` is the editorial\n * split layout with a required image column and deliberately ignores the\n * badge and per-item learn-more. The value changes structure, never the item\n * contract.\n */\nexport type FeaturePresentation = 'cards' | 'split'\n\ninterface FeatureBaseProps {\n  items: FeatureItem[]\n  title?: string\n  description?: string\n  className?: string\n}\n\nexport interface FeatureCardsProps extends FeatureBaseProps {\n  /** Bounded presentation option; defaults to `cards`. */\n  presentation?: 'cards'\n  /** `cards`-only header chrome. */\n  badge?: string\n  /** Section CTA (`cards` only). */\n  ctaLabel?: string\n  onCtaClick?: () => void\n  /** Per-item link (`cards` only). */\n  learnMoreLabel?: string\n  onLearnMore?: (item: FeatureItem) => void\n}\n\nexport interface FeatureSplitProps extends FeatureBaseProps {\n  presentation: 'split'\n  /** Required editorial image; a non-empty `src` is part of the contract. */\n  image: { src: string; alt: string }\n}\n\nexport type FeatureProps = FeatureCardsProps | FeatureSplitProps\n\nfunction SplitFeature({ items, title, description, image, className }: FeatureSplitProps) {\n  if (!image?.src || image.src.trim() === '') {\n    throw new Error(\n      'Feature: presentation=\"split\" requires a non-empty image.src. Pass { image: { src, alt } } or use presentation=\"cards\".',\n    )\n  }\n\n  return (\n    <section\n      className={cn('mx-auto w-full max-w-7xl px-4 py-12 sm:px-6 md:py-16 lg:px-8', className)}\n    >\n      <div className='grid gap-12 lg:grid-cols-2 lg:gap-16'>\n        <div className='flex flex-col gap-10'>\n          {(title || description) && (\n            <header className='flex flex-col gap-4'>\n              {title && (\n                <h2 className='text-3xl font-bold tracking-tight text-balance sm:text-4xl lg:text-5xl'>\n                  {title}\n                </h2>\n              )}\n              {description && (\n                <p className='text-muted-foreground text-base text-pretty md:text-lg'>\n                  {description}\n                </p>\n              )}\n            </header>\n          )}\n\n          <div className='grid gap-6 sm:grid-cols-2 sm:gap-8'>\n            {items.map(item => (\n              <div key={item.id} className='group flex flex-col items-start gap-3 rounded-lg'>\n                <div className='bg-secondary text-secondary-foreground inline-flex size-10 items-center justify-center rounded-full'>\n                  <item.icon className='size-5' aria-hidden='true' />\n                </div>\n                <div className='flex flex-col gap-1.5'>\n                  <h3 className='text-foreground text-base font-semibold md:text-lg'>{item.title}</h3>\n                  <p className='text-muted-foreground text-sm text-balance'>{item.description}</p>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        <div className='relative'>\n          <div className='bg-muted relative z-10 overflow-hidden rounded-lg shadow-sm transition-all duration-300 hover:shadow-md'>\n            <div className='aspect-[4/3] w-full'>\n              <img\n                src={image.src}\n                alt={image.alt}\n                className='size-full object-cover grayscale'\n                loading='lazy'\n                decoding='async'\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nfunction CardsFeature({\n  items,\n  badge,\n  title,\n  description,\n  ctaLabel,\n  onCtaClick,\n  learnMoreLabel,\n  onLearnMore,\n  className,\n}: FeatureCardsProps) {\n  return (\n    <section\n      className={cn('mx-auto w-full max-w-7xl px-4 py-12 sm:px-6 md:py-16 lg:px-8', className)}\n    >\n      {(badge || title || description) && (\n        <header className='mx-auto mb-12 max-w-2xl text-center'>\n          {badge && (\n            <Badge variant='secondary' className='h-auto mb-4 rounded-full px-4 py-1 font-medium'>\n              {badge}\n            </Badge>\n          )}\n          {title && (\n            <h2 className='mb-4 text-3xl font-bold tracking-tight sm:text-4xl'>{title}</h2>\n          )}\n          {description && (\n            <p className='text-muted-foreground text-pretty'>{description}</p>\n          )}\n        </header>\n      )}\n\n      <div className='grid gap-4 sm:grid-cols-2 sm:gap-6 md:grid-cols-3'>\n        {items.map(feature => (\n          <article key={feature.id} className='group'>\n            <Card className='relative h-full overflow-hidden transition-all hover:shadow-md'>\n              <CardContent className='px-6'>\n                <div className='bg-secondary text-secondary-foreground mb-4 inline-flex size-12 items-center justify-center rounded-xl'>\n                  <feature.icon className='size-5' aria-hidden='true' />\n                </div>\n                <h3 className='mb-2 text-lg font-semibold'>{feature.title}</h3>\n                <p className='text-muted-foreground mb-4 text-sm'>{feature.description}</p>\n\n                {learnMoreLabel && (\n                  <Button\n                    variant='link'\n                    size='sm'\n                    className='h-8 px-3 text-xs text-muted-foreground hover:text-foreground h-auto cursor-pointer !p-0 text-sm'\n                    onClick={onLearnMore ? () => onLearnMore(feature) : undefined}\n                  >\n                    {learnMoreLabel}\n                    <ArrowRight />\n                  </Button>\n                )}\n              </CardContent>\n            </Card>\n          </article>\n        ))}\n      </div>\n\n      {ctaLabel && (\n        <div className='mt-12 text-center'>\n          <Button\n            size='lg'\n            className='h-10 cursor-pointer rounded-lg !px-8'\n            onClick={onCtaClick}\n          >\n            {ctaLabel}\n            <ArrowRight />\n          </Button>\n        </div>\n      )}\n    </section>\n  )\n}\n\nexport function Feature(props: FeatureProps) {\n  if (props.presentation === 'split') {\n    return <SplitFeature {...props} />\n  }\n  return <CardsFeature {...props} />\n}\n\nexport default Feature\n"],"mappings":"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","names":[]}

package/dist/blocks/marketing/features/feature.mjs

@@ -0,0 +1,111 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "../../../ui/badge.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { Card, CardContent } from "../../../ui/card.mjs";
+import { ArrowRight } from "lucide-react";
+import { cn } from "../../../lib/utils.mjs";
+function SplitFeature({ items, title, description, image, className }) {
+  if (!image?.src || image.src.trim() === "") {
+    throw new Error(
+      'Feature: presentation="split" requires a non-empty image.src. Pass { image: { src, alt } } or use presentation="cards".'
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: cn("mx-auto w-full max-w-7xl px-4 py-12 sm:px-6 md:py-16 lg:px-8", className),
+      children: /* @__PURE__ */ jsxs("div", { className: "grid gap-12 lg:grid-cols-2 lg:gap-16", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10", children: [
+          (title || description) && /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-4", children: [
+            title && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight text-balance sm:text-4xl lg:text-5xl", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-base text-pretty md:text-lg", children: description })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "grid gap-6 sm:grid-cols-2 sm:gap-8", children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: "group flex flex-col items-start gap-3 rounded-lg", children: [
+            /* @__PURE__ */ jsx("div", { className: "bg-secondary text-secondary-foreground inline-flex size-10 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(item.icon, { className: "size-5", "aria-hidden": "true" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-foreground text-base font-semibold md:text-lg", children: item.title }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm text-balance", children: item.description })
+            ] })
+          ] }, item.id)) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx("div", { className: "bg-muted relative z-10 overflow-hidden rounded-lg shadow-sm transition-all duration-300 hover:shadow-md", children: /* @__PURE__ */ jsx("div", { className: "aspect-[4/3] w-full", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: image.src,
+            alt: image.alt,
+            className: "size-full object-cover grayscale",
+            loading: "lazy",
+            decoding: "async"
+          }
+        ) }) }) })
+      ] })
+    }
+  );
+}
+function CardsFeature({
+  items,
+  badge,
+  title,
+  description,
+  ctaLabel,
+  onCtaClick,
+  learnMoreLabel,
+  onLearnMore,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: cn("mx-auto w-full max-w-7xl px-4 py-12 sm:px-6 md:py-16 lg:px-8", className),
+      children: [
+        (badge || title || description) && /* @__PURE__ */ jsxs("header", { className: "mx-auto mb-12 max-w-2xl text-center", children: [
+          badge && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "h-auto mb-4 rounded-full px-4 py-1 font-medium", children: badge }),
+          title && /* @__PURE__ */ jsx("h2", { className: "mb-4 text-3xl font-bold tracking-tight sm:text-4xl", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-pretty", children: description })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 sm:gap-6 md:grid-cols-3", children: items.map((feature) => /* @__PURE__ */ jsx("article", { className: "group", children: /* @__PURE__ */ jsx(Card, { className: "relative h-full overflow-hidden transition-all hover:shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "px-6", children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-secondary text-secondary-foreground mb-4 inline-flex size-12 items-center justify-center rounded-xl", children: /* @__PURE__ */ jsx(feature.icon, { className: "size-5", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold", children: feature.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4 text-sm", children: feature.description }),
+          learnMoreLabel && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "link",
+              size: "sm",
+              className: "h-8 px-3 text-xs text-muted-foreground hover:text-foreground h-auto cursor-pointer !p-0 text-sm",
+              onClick: onLearnMore ? () => onLearnMore(feature) : void 0,
+              children: [
+                learnMoreLabel,
+                /* @__PURE__ */ jsx(ArrowRight, {})
+              ]
+            }
+          )
+        ] }) }) }, feature.id)) }),
+        ctaLabel && /* @__PURE__ */ jsx("div", { className: "mt-12 text-center", children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "lg",
+            className: "h-10 cursor-pointer rounded-lg !px-8",
+            onClick: onCtaClick,
+            children: [
+              ctaLabel,
+              /* @__PURE__ */ jsx(ArrowRight, {})
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Feature(props) {
+  if (props.presentation === "split") {
+    return /* @__PURE__ */ jsx(SplitFeature, { ...props });
+  }
+  return /* @__PURE__ */ jsx(CardsFeature, { ...props });
+}
+var feature_default = Feature;
+export {
+  Feature,
+  feature_default as default
+};
+//# sourceMappingURL=feature.mjs.map

package/dist/blocks/marketing/features/feature.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/features/feature.tsx"],"sourcesContent":["import { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent } from '../../../ui/card'\nimport { ArrowRight } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport { cn } from '../../../lib/utils'\n\nexport interface FeatureItem {\n  id: string\n  title: string\n  description: string\n  icon: LucideIcon\n}\n\n/**\n * The bounded presentation surface. `cards` is the card grid with a centered\n * header, per-item learn-more and a section CTA; `split` is the editorial\n * split layout with a required image column and deliberately ignores the\n * badge and per-item learn-more. The value changes structure, never the item\n * contract.\n */\nexport type FeaturePresentation = 'cards' | 'split'\n\ninterface FeatureBaseProps {\n  items: FeatureItem[]\n  title?: string\n  description?: string\n  className?: string\n}\n\nexport interface FeatureCardsProps extends FeatureBaseProps {\n  /** Bounded presentation option; defaults to `cards`. */\n  presentation?: 'cards'\n  /** `cards`-only header chrome. */\n  badge?: string\n  /** Section CTA (`cards` only). */\n  ctaLabel?: string\n  onCtaClick?: () => void\n  /** Per-item link (`cards` only). */\n  learnMoreLabel?: string\n  onLearnMore?: (item: FeatureItem) => void\n}\n\nexport interface FeatureSplitProps extends FeatureBaseProps {\n  presentation: 'split'\n  /** Required editorial image; a non-empty `src` is part of the contract. */\n  image: { src: string; alt: string }\n}\n\nexport type FeatureProps = FeatureCardsProps | FeatureSplitProps\n\nfunction SplitFeature({ items, title, description, image, className }: FeatureSplitProps) {\n  if (!image?.src || image.src.trim() === '') {\n    throw new Error(\n      'Feature: presentation=\"split\" requires a non-empty image.src. Pass { image: { src, alt } } or use presentation=\"cards\".',\n    )\n  }\n\n  return (\n    <section\n      className={cn('mx-auto w-full max-w-7xl px-4 py-12 sm:px-6 md:py-16 lg:px-8', className)}\n    >\n      <div className='grid gap-12 lg:grid-cols-2 lg:gap-16'>\n        <div className='flex flex-col gap-10'>\n          {(title || description) && (\n            <header className='flex flex-col gap-4'>\n              {title && (\n                <h2 className='text-3xl font-bold tracking-tight text-balance sm:text-4xl lg:text-5xl'>\n                  {title}\n                </h2>\n              )}\n              {description && (\n                <p className='text-muted-foreground text-base text-pretty md:text-lg'>\n                  {description}\n                </p>\n              )}\n            </header>\n          )}\n\n          <div className='grid gap-6 sm:grid-cols-2 sm:gap-8'>\n            {items.map(item => (\n              <div key={item.id} className='group flex flex-col items-start gap-3 rounded-lg'>\n                <div className='bg-secondary text-secondary-foreground inline-flex size-10 items-center justify-center rounded-full'>\n                  <item.icon className='size-5' aria-hidden='true' />\n                </div>\n                <div className='flex flex-col gap-1.5'>\n                  <h3 className='text-foreground text-base font-semibold md:text-lg'>{item.title}</h3>\n                  <p className='text-muted-foreground text-sm text-balance'>{item.description}</p>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        <div className='relative'>\n          <div className='bg-muted relative z-10 overflow-hidden rounded-lg shadow-sm transition-all duration-300 hover:shadow-md'>\n            <div className='aspect-[4/3] w-full'>\n              <img\n                src={image.src}\n                alt={image.alt}\n                className='size-full object-cover grayscale'\n                loading='lazy'\n                decoding='async'\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nfunction CardsFeature({\n  items,\n  badge,\n  title,\n  description,\n  ctaLabel,\n  onCtaClick,\n  learnMoreLabel,\n  onLearnMore,\n  className,\n}: FeatureCardsProps) {\n  return (\n    <section\n      className={cn('mx-auto w-full max-w-7xl px-4 py-12 sm:px-6 md:py-16 lg:px-8', className)}\n    >\n      {(badge || title || description) && (\n        <header className='mx-auto mb-12 max-w-2xl text-center'>\n          {badge && (\n            <Badge variant='secondary' className='h-auto mb-4 rounded-full px-4 py-1 font-medium'>\n              {badge}\n            </Badge>\n          )}\n          {title && (\n            <h2 className='mb-4 text-3xl font-bold tracking-tight sm:text-4xl'>{title}</h2>\n          )}\n          {description && (\n            <p className='text-muted-foreground text-pretty'>{description}</p>\n          )}\n        </header>\n      )}\n\n      <div className='grid gap-4 sm:grid-cols-2 sm:gap-6 md:grid-cols-3'>\n        {items.map(feature => (\n          <article key={feature.id} className='group'>\n            <Card className='relative h-full overflow-hidden transition-all hover:shadow-md'>\n              <CardContent className='px-6'>\n                <div className='bg-secondary text-secondary-foreground mb-4 inline-flex size-12 items-center justify-center rounded-xl'>\n                  <feature.icon className='size-5' aria-hidden='true' />\n                </div>\n                <h3 className='mb-2 text-lg font-semibold'>{feature.title}</h3>\n                <p className='text-muted-foreground mb-4 text-sm'>{feature.description}</p>\n\n                {learnMoreLabel && (\n                  <Button\n                    variant='link'\n                    size='sm'\n                    className='h-8 px-3 text-xs text-muted-foreground hover:text-foreground h-auto cursor-pointer !p-0 text-sm'\n                    onClick={onLearnMore ? () => onLearnMore(feature) : undefined}\n                  >\n                    {learnMoreLabel}\n                    <ArrowRight />\n                  </Button>\n                )}\n              </CardContent>\n            </Card>\n          </article>\n        ))}\n      </div>\n\n      {ctaLabel && (\n        <div className='mt-12 text-center'>\n          <Button\n            size='lg'\n            className='h-10 cursor-pointer rounded-lg !px-8'\n            onClick={onCtaClick}\n          >\n            {ctaLabel}\n            <ArrowRight />\n          </Button>\n        </div>\n      )}\n    </section>\n  )\n}\n\nexport function Feature(props: FeatureProps) {\n  if (props.presentation === 'split') {\n    return <SplitFeature {...props} />\n  }\n  return <CardsFeature {...props} />\n}\n\nexport default Feature\n"],"mappings":"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","names":[]}

package/dist/blocks/marketing/footers/footer-section.d.ts

@@ -0,0 +1,59 @@
+import { type ReactNode } from 'react';
+import { type LucideIcon } from 'lucide-react';
+export type FooterPresentation = 'brand-columns' | 'newsletter-grid' | 'contact';
+export type FooterLinkBehavior = 'host' | 'native';
+export interface FooterBrandAccent {
+    text: string;
+    className?: string;
+}
+export interface FooterLink {
+    label: string;
+    href?: string;
+}
+export interface FooterLinkColumn {
+    title: string;
+    links: FooterLink[];
+}
+export interface FooterSocialLink {
+    label: string;
+    href?: string;
+    icon: string;
+    ariaLabel?: string;
+}
+export interface FooterNewsletter {
+    title?: string;
+    placeholder?: string;
+    buttonLabel: string;
+}
+export interface FooterContactItem {
+    label: string;
+    href?: string;
+}
+export interface FooterContact {
+    heading?: string;
+    address?: FooterContactItem;
+    phone?: FooterContactItem;
+    email?: FooterContactItem;
+}
+export interface FooterSectionProps {
+    presentation: FooterPresentation;
+    brandName: string;
+    linkColumns: FooterLinkColumn[];
+    brandAccent?: FooterBrandAccent;
+    brandDescription?: string;
+    newsletter?: FooterNewsletter;
+    contact?: FooterContact;
+    legalLinks?: FooterLink[];
+    socialLinks?: FooterSocialLink[];
+    copyright?: string;
+    logo?: ReactNode;
+    socialIcons?: Record<string, LucideIcon>;
+    className?: string;
+    linkBehavior?: FooterLinkBehavior;
+    socialLinkBehavior?: FooterLinkBehavior;
+    onNewsletterSubmit?: (email: string) => void;
+    onLinkClick?: (link: FooterLink) => void;
+    onSocialClick?: (label: string) => void;
+}
+export declare function FooterSection({ presentation, brandName, brandAccent, brandDescription, linkColumns, newsletter, contact, legalLinks, socialLinks, socialIcons, copyright, logo, className, onNewsletterSubmit, onLinkClick, onSocialClick, linkBehavior, socialLinkBehavior, }: FooterSectionProps): import("react").JSX.Element;
+//# sourceMappingURL=footer-section.d.ts.map

package/dist/blocks/marketing/footers/footer-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-section.d.ts","sourceRoot":"","sources":["../../../../src/blocks/marketing/footers/footer-section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,EAAc,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AAK1D,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG,iBAAiB,GAAG,SAAS,CAAA;AAChF,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAElD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,EAAE,CAAA;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,KAAK,CAAC,EAAE,iBAAiB,CAAA;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,kBAAkB,CAAA;IAChC,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,UAAU,CAAC,EAAE,UAAU,EAAE,CAAA;IACzB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AA8TD,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,YAAqB,EACrB,kBAA2B,GAC5B,EAAE,kBAAkB,+BA4HpB"}