@sonordev/agency-site-kit 0.1.0

package/dist/chunk-XMC4DN6G.js

@@ -0,0 +1,131 @@
+import { GlassCard } from './chunk-YB4B3OMC.js';
+import { ScrollReveal } from './chunk-7CFFAKDM.js';
+import Image from 'next/image';
+import Link from 'next/link';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function PortfolioCard({ item, className = "" }) {
+  const thumbnailSrc = item.hero_screenshots?.desktop || item.hero_image;
+  const kpis = Array.isArray(item.kpis) ? item.kpis : [];
+  const services = Array.isArray(item.services) ? item.services : [];
+  const kpiPreview = kpis.slice(0, 3);
+  const servicePreview = services.slice(0, 3);
+  return /* @__PURE__ */ jsx(Link, { href: `/portfolio/${item.slug}`, className: `block group ${className}`, children: /* @__PURE__ */ jsx(GlassCard, { padding: "sm", hover: true, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    thumbnailSrc && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "relative w-full overflow-hidden rounded-xl",
+        style: { aspectRatio: "16/10" },
+        children: [
+          /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: thumbnailSrc,
+              alt: item.hero_image_alt || item.title,
+              fill: true,
+              sizes: "(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw",
+              className: "object-cover object-top transition-transform duration-500 group-hover:scale-105"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "absolute top-3 left-3 px-3 py-1 rounded-full text-[11px] uppercase tracking-wider font-semibold",
+              style: {
+                background: "color-mix(in srgb, var(--sk-primary, #6366f1) 80%, transparent)",
+                color: "#ffffff",
+                backdropFilter: "blur(8px)"
+              },
+              children: item.category
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 px-2 pb-2", children: [
+      /* @__PURE__ */ jsx(
+        "h3",
+        {
+          className: "text-lg font-semibold line-clamp-1",
+          style: { color: "var(--sk-text-primary, #ffffff)" },
+          children: item.title
+        }
+      ),
+      item.subtitle && /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "text-sm line-clamp-2",
+          style: { color: "var(--sk-text-tertiary, #71717a)" },
+          children: item.subtitle
+        }
+      ),
+      kpiPreview.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 mt-1", children: kpiPreview.map((kpi, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "text-base font-bold",
+            style: { color: "var(--sk-primary, #6366f1)" },
+            children: [
+              kpi.prefix || "",
+              kpi.value.toLocaleString(),
+              kpi.suffix
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-[10px] uppercase tracking-wider font-medium",
+            style: { color: "var(--sk-text-tertiary, #71717a)" },
+            children: kpi.label
+          }
+        )
+      ] }, i)) }),
+      servicePreview.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5 mt-2", children: [
+        servicePreview.map((service) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "px-2.5 py-0.5 rounded-full text-[11px] font-medium",
+            style: {
+              background: "var(--sk-surface, rgba(255,255,255,0.05))",
+              color: "var(--sk-text-secondary, #a1a1aa)",
+              border: "1px solid var(--sk-border, rgba(255,255,255,0.1))"
+            },
+            children: service
+          },
+          service
+        )),
+        services.length > 3 && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "px-2.5 py-0.5 rounded-full text-[11px] font-medium",
+            style: {
+              background: "var(--sk-surface, rgba(255,255,255,0.05))",
+              color: "var(--sk-text-tertiary, #71717a)"
+            },
+            children: [
+              "+",
+              item.services.length - 3
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
+}
+function PortfolioGrid({ items, className = "" }) {
+  return /* @__PURE__ */ jsx(ScrollReveal, { stagger: 0.1, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 ${className}`,
+      style: {
+        gap: "var(--sk-grid-gap, 24px)"
+      },
+      children: items.map((item) => /* @__PURE__ */ jsx(PortfolioCard, { item }, item.id))
+    }
+  ) });
+}
+
+export { PortfolioCard, PortfolioGrid };
+//# sourceMappingURL=chunk-XMC4DN6G.js.map
+//# sourceMappingURL=chunk-XMC4DN6G.js.map

package/dist/chunk-XMC4DN6G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/PortfolioCard.tsx","../src/portfolio/components/PortfolioGrid.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-XMC4DN6G.js","sourcesContent":["'use client';\n\nimport React from 'react';\nimport Image from 'next/image';\nimport Link from 'next/link';\nimport type { PortfolioItem } from '../../types';\nimport GlassCard from './primitives/GlassCard';\n\ninterface PortfolioCardProps {\n  item: PortfolioItem;\n  className?: string;\n}\n\nexport default function PortfolioCard({ item, className = '' }: PortfolioCardProps) {\n  // Use hero_screenshots desktop as thumbnail, fall back to hero_image\n  const thumbnailSrc = item.hero_screenshots?.desktop || item.hero_image;\n  const kpis = Array.isArray(item.kpis) ? item.kpis : [];\n  const services = Array.isArray(item.services) ? item.services : [];\n  const kpiPreview = kpis.slice(0, 3);\n  const servicePreview = services.slice(0, 3);\n\n  return (\n    <Link href={`/portfolio/${item.slug}`} className={`block group ${className}`}>\n      <GlassCard padding=\"sm\" hover>\n        <div className=\"flex flex-col gap-4\">\n          {/* Thumbnail */}\n          {thumbnailSrc && (\n            <div\n              className=\"relative w-full overflow-hidden rounded-xl\"\n              style={{ aspectRatio: '16/10' }}\n            >\n              <Image\n                src={thumbnailSrc}\n                alt={item.hero_image_alt || item.title}\n                fill\n                sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw\"\n                className=\"object-cover object-top transition-transform duration-500 group-hover:scale-105\"\n              />\n              {/* Category badge */}\n              <span\n                className=\"absolute top-3 left-3 px-3 py-1 rounded-full text-[11px] uppercase tracking-wider font-semibold\"\n                style={{\n                  background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 80%, transparent)',\n                  color: '#ffffff',\n                  backdropFilter: 'blur(8px)',\n                }}\n              >\n                {item.category}\n              </span>\n            </div>\n          )}\n\n          {/* Text content */}\n          <div className=\"flex flex-col gap-2 px-2 pb-2\">\n            <h3\n              className=\"text-lg font-semibold line-clamp-1\"\n              style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n            >\n              {item.title}\n            </h3>\n\n            {item.subtitle && (\n              <p\n                className=\"text-sm line-clamp-2\"\n                style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n              >\n                {item.subtitle}\n              </p>\n            )}\n\n            {/* KPI preview */}\n            {kpiPreview.length > 0 && (\n              <div className=\"flex items-center gap-4 mt-1\">\n                {kpiPreview.map((kpi, i) => (\n                  <div key={i} className=\"flex flex-col\">\n                    <span\n                      className=\"text-base font-bold\"\n                      style={{ color: 'var(--sk-primary, #6366f1)' }}\n                    >\n                      {kpi.prefix || ''}\n                      {kpi.value.toLocaleString()}\n                      {kpi.suffix}\n                    </span>\n                    <span\n                      className=\"text-[10px] uppercase tracking-wider font-medium\"\n                      style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                    >\n                      {kpi.label}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {/* Services tags */}\n            {servicePreview.length > 0 && (\n              <div className=\"flex flex-wrap gap-1.5 mt-2\">\n                {servicePreview.map((service) => (\n                  <span\n                    key={service}\n                    className=\"px-2.5 py-0.5 rounded-full text-[11px] font-medium\"\n                    style={{\n                      background: 'var(--sk-surface, rgba(255,255,255,0.05))',\n                      color: 'var(--sk-text-secondary, #a1a1aa)',\n                      border: '1px solid var(--sk-border, rgba(255,255,255,0.1))',\n                    }}\n                  >\n                    {service}\n                  </span>\n                ))}\n                {services.length > 3 && (\n                  <span\n                    className=\"px-2.5 py-0.5 rounded-full text-[11px] font-medium\"\n                    style={{\n                      background: 'var(--sk-surface, rgba(255,255,255,0.05))',\n                      color: 'var(--sk-text-tertiary, #71717a)',\n                    }}\n                  >\n                    +{item.services.length - 3}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </GlassCard>\n    </Link>\n  );\n}\n","'use client';\n\nimport React from 'react';\nimport type { PortfolioItem } from '../../types';\nimport ScrollReveal from './primitives/ScrollReveal';\nimport PortfolioCard from './PortfolioCard';\n\ninterface PortfolioGridProps {\n  items: PortfolioItem[];\n  className?: string;\n}\n\nexport default function PortfolioGrid({ items, className = '' }: PortfolioGridProps) {\n  return (\n    <ScrollReveal stagger={0.1}>\n      <div\n        className={`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 ${className}`}\n        style={{\n          gap: 'var(--sk-grid-gap, 24px)',\n        }}\n      >\n        {items.map((item) => (\n          <PortfolioCard key={item.id} item={item} />\n        ))}\n      </div>\n    </ScrollReveal>\n  );\n}\n"]}

package/dist/chunk-XONXEFJY.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var react = require('react');
+var gsap = require('gsap');
+var ScrollTrigger = require('gsap/ScrollTrigger');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var gsap__default = /*#__PURE__*/_interopDefault(gsap);
+
+// src/portfolio/components/primitives/AnimatedCounter.tsx
+function AnimatedCounter({
+  value,
+  suffix = "",
+  prefix = "",
+  duration = 2,
+  decimals = 0,
+  className,
+  once = true
+}) {
+  const ref = react.useRef(null);
+  const [display, setDisplay] = react.useState(`${prefix}0${suffix}`);
+  react.useEffect(() => {
+    gsap__default.default.registerPlugin(ScrollTrigger.ScrollTrigger);
+    const el = ref.current;
+    if (!el) return;
+    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    if (prefersReducedMotion) {
+      setDisplay(`${prefix}${value.toFixed(decimals)}${suffix}`);
+      return;
+    }
+    const counter = { val: 0 };
+    const ctx = gsap__default.default.context(() => {
+      gsap__default.default.to(counter, {
+        val: value,
+        duration,
+        ease: "power2.out",
+        snap: decimals === 0 ? { val: 1 } : void 0,
+        scrollTrigger: {
+          trigger: el,
+          start: "top 85%",
+          toggleActions: once ? "play none none none" : "play reverse play reverse"
+        },
+        onUpdate() {
+          const formatted = decimals > 0 ? counter.val.toFixed(decimals) : Math.round(counter.val).toLocaleString();
+          setDisplay(`${prefix}${formatted}${suffix}`);
+        }
+      });
+    }, el);
+    return () => ctx.revert();
+  }, [value, suffix, prefix, duration, decimals, once]);
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className, children: display });
+}
+
+exports.AnimatedCounter = AnimatedCounter;
+//# sourceMappingURL=chunk-XONXEFJY.cjs.map
+//# sourceMappingURL=chunk-XONXEFJY.cjs.map

package/dist/chunk-XONXEFJY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/primitives/AnimatedCounter.tsx"],"names":["useRef","useState","useEffect","gsap","ScrollTrigger","jsx"],"mappings":";;;;;;;;;;;;AAgBe,SAAR,eAAA,CAAiC;AAAA,EACtC,KAAA;AAAA,EACA,MAAA,GAAS,EAAA;AAAA,EACT,MAAA,GAAS,EAAA;AAAA,EACT,QAAA,GAAW,CAAA;AAAA,EACX,QAAA,GAAW,CAAA;AAAA,EACX,SAAA;AAAA,EACA,IAAA,GAAO;AACT,CAAA,EAAyB;AACvB,EAAA,MAAM,GAAA,GAAMA,aAAwB,IAAI,CAAA;AACxC,EAAA,MAAM,CAAC,SAAS,UAAU,CAAA,GAAIC,eAAS,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE,CAAA;AAE5D,EAAAC,eAAA,CAAU,MAAM;AACd,IAAAC,qBAAA,CAAK,eAAeC,2BAAa,CAAA;AAEjC,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AAGT,IAAA,MAAM,oBAAA,GAAuB,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AACnF,IAAA,IAAI,oBAAA,EAAsB;AACxB,MAAA,UAAA,CAAW,CAAA,EAAG,MAAM,CAAA,EAAG,KAAA,CAAM,QAAQ,QAAQ,CAAC,CAAA,EAAG,MAAM,CAAA,CAAE,CAAA;AACzD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,OAAA,GAAU,EAAE,GAAA,EAAK,CAAA,EAAE;AAEzB,IAAA,MAAM,GAAA,GAAMD,qBAAA,CAAK,OAAA,CAAQ,MAAM;AAC7B,MAAAA,qBAAA,CAAK,GAAG,OAAA,EAAS;AAAA,QACf,GAAA,EAAK,KAAA;AAAA,QACL,QAAA;AAAA,QACA,IAAA,EAAM,YAAA;AAAA,QACN,MAAM,QAAA,KAAa,CAAA,GAAI,EAAE,GAAA,EAAK,GAAE,GAAI,MAAA;AAAA,QACpC,aAAA,EAAe;AAAA,UACb,OAAA,EAAS,EAAA;AAAA,UACT,KAAA,EAAO,SAAA;AAAA,UACP,aAAA,EAAe,OAAO,qBAAA,GAAwB;AAAA,SAChD;AAAA,QACA,QAAA,GAAW;AACT,UAAA,MAAM,SAAA,GAAY,QAAA,GAAW,CAAA,GACzB,OAAA,CAAQ,GAAA,CAAI,OAAA,CAAQ,QAAQ,CAAA,GAC5B,IAAA,CAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,EAAE,cAAA,EAAe;AAC3C,UAAA,UAAA,CAAW,GAAG,MAAM,CAAA,EAAG,SAAS,CAAA,EAAG,MAAM,CAAA,CAAE,CAAA;AAAA,QAC7C;AAAA,OACD,CAAA;AAAA,IACH,GAAG,EAAE,CAAA;AAEL,IAAA,OAAO,MAAM,IAAI,MAAA,EAAO;AAAA,EAC1B,CAAA,EAAG,CAAC,KAAA,EAAO,MAAA,EAAQ,QAAQ,QAAA,EAAU,QAAA,EAAU,IAAI,CAAC,CAAA;AAEpD,EAAA,uBACEE,cAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAU,SAAA,EACb,QAAA,EAAA,OAAA,EACH,CAAA;AAEJ","file":"chunk-XONXEFJY.cjs","sourcesContent":["'use client';\n\nimport React, { useRef, useEffect, useState } from 'react';\nimport gsap from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\n\ninterface AnimatedCounterProps {\n  value: number;\n  suffix?: string;\n  prefix?: string;\n  duration?: number;\n  decimals?: number;\n  className?: string;\n  once?: boolean;\n}\n\nexport default function AnimatedCounter({\n  value,\n  suffix = '',\n  prefix = '',\n  duration = 2,\n  decimals = 0,\n  className,\n  once = true,\n}: AnimatedCounterProps) {\n  const ref = useRef<HTMLSpanElement>(null);\n  const [display, setDisplay] = useState(`${prefix}0${suffix}`);\n\n  useEffect(() => {\n    gsap.registerPlugin(ScrollTrigger);\n\n    const el = ref.current;\n    if (!el) return;\n\n    // Respect prefers-reduced-motion\n    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (prefersReducedMotion) {\n      setDisplay(`${prefix}${value.toFixed(decimals)}${suffix}`);\n      return;\n    }\n\n    const counter = { val: 0 };\n\n    const ctx = gsap.context(() => {\n      gsap.to(counter, {\n        val: value,\n        duration,\n        ease: 'power2.out',\n        snap: decimals === 0 ? { val: 1 } : undefined,\n        scrollTrigger: {\n          trigger: el,\n          start: 'top 85%',\n          toggleActions: once ? 'play none none none' : 'play reverse play reverse',\n        },\n        onUpdate() {\n          const formatted = decimals > 0\n            ? counter.val.toFixed(decimals)\n            : Math.round(counter.val).toLocaleString();\n          setDisplay(`${prefix}${formatted}${suffix}`);\n        },\n      });\n    }, el);\n\n    return () => ctx.revert();\n  }, [value, suffix, prefix, duration, decimals, once]);\n\n  return (\n    <span ref={ref} className={className}>\n      {display}\n    </span>\n  );\n}\n"]}

package/dist/chunk-XQNJED46.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+// src/portfolio/sections.ts
+var sectionRenderers = {};
+function registerSectionRenderer(sectionType, renderer) {
+  sectionRenderers[sectionType] = renderer;
+}
+function getSectionRenderer(sectionType) {
+  return sectionRenderers[sectionType] ?? null;
+}
+function getRegisteredSectionTypes() {
+  return Object.keys(sectionRenderers);
+}
+
+exports.getRegisteredSectionTypes = getRegisteredSectionTypes;
+exports.getSectionRenderer = getSectionRenderer;
+exports.registerSectionRenderer = registerSectionRenderer;
+//# sourceMappingURL=chunk-XQNJED46.cjs.map
+//# sourceMappingURL=chunk-XQNJED46.cjs.map

package/dist/chunk-XQNJED46.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/sections.ts"],"names":[],"mappings":";;;AAuCA,IAAM,mBAA2E,EAAC;AAK3E,SAAS,uBAAA,CACd,aACA,QAAA,EACM;AACN,EAAA,gBAAA,CAAiB,WAAW,CAAA,GAAI,QAAA;AAClC;AAMO,SAAS,mBACd,WAAA,EACwB;AACxB,EAAA,OAAO,gBAAA,CAAiB,WAAW,CAAA,IAAK,IAAA;AAC1C;AAKO,SAAS,yBAAA,GAAoD;AAClE,EAAA,OAAO,MAAA,CAAO,KAAK,gBAAgB,CAAA;AACrC","file":"chunk-XQNJED46.cjs","sourcesContent":["'use client';\n\n/**\n * @sonordev/agency-site-kit/portfolio/sections — Section component barrel\n *\n * All portfolio section components are client components (they use\n * animations, interactivity, and browser APIs). This barrel marks the\n * client boundary and re-exports each section renderer.\n *\n * Section components will be added here as they are implemented.\n * Each section component follows the pattern:\n *\n *   interface Props { data: Portfolio[SectionName]Data; className?: string; }\n *   export function Portfolio[SectionName]Section({ data, className }: Props) { ... }\n *\n * For now, export the section type map and a placeholder renderer registry\n * so that consuming code can be written against the final API.\n */\n\nimport type {\n  PortfolioSectionType,\n  PortfolioSectionData,\n  PortfolioSectionDataMap,\n} from '../types';\n\n/**\n * Section renderer function signature.\n * Each section component conforms to this interface.\n */\nexport type SectionRenderer<T extends PortfolioSectionType = PortfolioSectionType> = (props: {\n  data: T extends keyof PortfolioSectionDataMap ? PortfolioSectionDataMap[T] : PortfolioSectionData;\n  className?: string;\n}) => React.ReactElement | null;\n\n/**\n * Registry of section renderers, keyed by section type.\n * Components register themselves here as they are implemented.\n * Consuming code can look up a renderer by section type string.\n */\nconst sectionRenderers: Partial<Record<PortfolioSectionType, SectionRenderer>> = {};\n\n/**\n * Register a section renderer for a given section type.\n */\nexport function registerSectionRenderer<T extends PortfolioSectionType>(\n  sectionType: T,\n  renderer: SectionRenderer<T>,\n): void {\n  sectionRenderers[sectionType] = renderer as SectionRenderer;\n}\n\n/**\n * Look up a registered section renderer by type.\n * Returns null if no renderer is registered for the given type.\n */\nexport function getSectionRenderer(\n  sectionType: PortfolioSectionType,\n): SectionRenderer | null {\n  return sectionRenderers[sectionType] ?? null;\n}\n\n/**\n * Returns all registered section types.\n */\nexport function getRegisteredSectionTypes(): PortfolioSectionType[] {\n  return Object.keys(sectionRenderers) as PortfolioSectionType[];\n}\n\n// Re-export section data types for convenience\nexport type {\n  SectionRenderer as PortfolioSectionRenderer,\n};\n"]}

package/dist/chunk-YB4B3OMC.js

@@ -0,0 +1,74 @@
+'use client';
+import { useRef, useCallback } from 'react';
+import gsap from 'gsap';
+import { jsx } from 'react/jsx-runtime';
+
+// src/portfolio/components/primitives/GlassCard.tsx
+var paddingMap = {
+  sm: "16px",
+  md: "24px",
+  lg: "32px"
+};
+function GlassCard({
+  children,
+  className = "",
+  hover = true,
+  padding = "md",
+  onClick
+}) {
+  const ref = useRef(null);
+  const handleMouseEnter = useCallback(() => {
+    if (!hover || !ref.current) return;
+    gsap.to(ref.current, {
+      y: -6,
+      scale: 1.015,
+      duration: 0.3,
+      ease: "power2.out"
+    });
+    gsap.to(ref.current, {
+      boxShadow: "0 20px 40px -12px rgba(0,0,0,0.25), 0 0 0 1px var(--sk-primary, #6366f1)",
+      duration: 0.3,
+      ease: "power2.out"
+    });
+  }, [hover]);
+  const handleMouseLeave = useCallback(() => {
+    if (!hover || !ref.current) return;
+    gsap.to(ref.current, {
+      y: 0,
+      scale: 1,
+      duration: 0.3,
+      ease: "power2.out"
+    });
+    gsap.to(ref.current, {
+      boxShadow: "0 4px 16px -4px rgba(0,0,0,0.1), 0 0 0 1px var(--sk-border, rgba(255,255,255,0.1))",
+      duration: 0.3,
+      ease: "power2.out"
+    });
+  }, [hover]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className,
+      onClick,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      style: {
+        padding: paddingMap[padding],
+        background: "var(--sk-surface, rgba(255,255,255,0.05))",
+        backdropFilter: "blur(16px)",
+        WebkitBackdropFilter: "blur(16px)",
+        border: "1px solid var(--sk-border, rgba(255,255,255,0.1))",
+        borderRadius: "16px",
+        boxShadow: "0 4px 16px -4px rgba(0,0,0,0.1), 0 0 0 1px var(--sk-border, rgba(255,255,255,0.1))",
+        cursor: onClick ? "pointer" : void 0,
+        willChange: hover ? "transform" : void 0
+      },
+      children
+    }
+  );
+}
+
+export { GlassCard };
+//# sourceMappingURL=chunk-YB4B3OMC.js.map
+//# sourceMappingURL=chunk-YB4B3OMC.js.map

package/dist/chunk-YB4B3OMC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/primitives/GlassCard.tsx"],"names":[],"mappings":";;;;;AAaA,IAAM,UAAA,GAAa;AAAA,EACjB,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEe,SAAR,SAAA,CAA2B;AAAA,EAChC,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA,GAAQ,IAAA;AAAA,EACR,OAAA,GAAU,IAAA;AAAA,EACV;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,GAAA,GAAM,OAAuB,IAAI,CAAA;AAEvC,EAAA,MAAM,gBAAA,GAAmB,YAAY,MAAM;AACzC,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,GAAA,CAAI,OAAA,EAAS;AAC5B,IAAA,IAAA,CAAK,EAAA,CAAG,IAAI,OAAA,EAAS;AAAA,MACnB,CAAA,EAAG,EAAA;AAAA,MACH,KAAA,EAAO,KAAA;AAAA,MACP,QAAA,EAAU,GAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACP,CAAA;AACD,IAAA,IAAA,CAAK,EAAA,CAAG,IAAI,OAAA,EAAS;AAAA,MACnB,SAAA,EAAW,0EAAA;AAAA,MACX,QAAA,EAAU,GAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACP,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,gBAAA,GAAmB,YAAY,MAAM;AACzC,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,GAAA,CAAI,OAAA,EAAS;AAC5B,IAAA,IAAA,CAAK,EAAA,CAAG,IAAI,OAAA,EAAS;AAAA,MACnB,CAAA,EAAG,CAAA;AAAA,MACH,KAAA,EAAO,CAAA;AAAA,MACP,QAAA,EAAU,GAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACP,CAAA;AACD,IAAA,IAAA,CAAK,EAAA,CAAG,IAAI,OAAA,EAAS;AAAA,MACnB,SAAA,EAAW,oFAAA;AAAA,MACX,QAAA,EAAU,GAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACP,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA,EAAc,gBAAA;AAAA,MACd,YAAA,EAAc,gBAAA;AAAA,MACd,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,WAAW,OAAO,CAAA;AAAA,QAC3B,UAAA,EAAY,2CAAA;AAAA,QACZ,cAAA,EAAgB,YAAA;AAAA,QAChB,oBAAA,EAAsB,YAAA;AAAA,QACtB,MAAA,EAAQ,mDAAA;AAAA,QACR,YAAA,EAAc,MAAA;AAAA,QACd,SAAA,EAAW,oFAAA;AAAA,QACX,MAAA,EAAQ,UAAU,SAAA,GAAY,MAAA;AAAA,QAC9B,UAAA,EAAY,QAAQ,WAAA,GAAc;AAAA,OACpC;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-YB4B3OMC.js","sourcesContent":["'use client';\n\nimport React, { useRef, useCallback } from 'react';\nimport gsap from 'gsap';\n\ninterface GlassCardProps {\n  children: React.ReactNode;\n  className?: string;\n  hover?: boolean;\n  padding?: 'sm' | 'md' | 'lg';\n  onClick?: () => void;\n}\n\nconst paddingMap = {\n  sm: '16px',\n  md: '24px',\n  lg: '32px',\n} as const;\n\nexport default function GlassCard({\n  children,\n  className = '',\n  hover = true,\n  padding = 'md',\n  onClick,\n}: GlassCardProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  const handleMouseEnter = useCallback(() => {\n    if (!hover || !ref.current) return;\n    gsap.to(ref.current, {\n      y: -6,\n      scale: 1.015,\n      duration: 0.3,\n      ease: 'power2.out',\n    });\n    gsap.to(ref.current, {\n      boxShadow: '0 20px 40px -12px rgba(0,0,0,0.25), 0 0 0 1px var(--sk-primary, #6366f1)',\n      duration: 0.3,\n      ease: 'power2.out',\n    });\n  }, [hover]);\n\n  const handleMouseLeave = useCallback(() => {\n    if (!hover || !ref.current) return;\n    gsap.to(ref.current, {\n      y: 0,\n      scale: 1,\n      duration: 0.3,\n      ease: 'power2.out',\n    });\n    gsap.to(ref.current, {\n      boxShadow: '0 4px 16px -4px rgba(0,0,0,0.1), 0 0 0 1px var(--sk-border, rgba(255,255,255,0.1))',\n      duration: 0.3,\n      ease: 'power2.out',\n    });\n  }, [hover]);\n\n  return (\n    <div\n      ref={ref}\n      className={className}\n      onClick={onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        padding: paddingMap[padding],\n        background: 'var(--sk-surface, rgba(255,255,255,0.05))',\n        backdropFilter: 'blur(16px)',\n        WebkitBackdropFilter: 'blur(16px)',\n        border: '1px solid var(--sk-border, rgba(255,255,255,0.1))',\n        borderRadius: '16px',\n        boxShadow: '0 4px 16px -4px rgba(0,0,0,0.1), 0 0 0 1px var(--sk-border, rgba(255,255,255,0.1))',\n        cursor: onClick ? 'pointer' : undefined,\n        willChange: hover ? 'transform' : undefined,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/index.cjs

@@ -0,0 +1,271 @@
+'use strict';
+
+var chunkTAPNXT7X_cjs = require('./chunk-TAPNXT7X.cjs');
+require('./chunk-XONXEFJY.cjs');
+var chunkXQNJED46_cjs = require('./chunk-XQNJED46.cjs');
+var chunkNAS4K5UR_cjs = require('./chunk-NAS4K5UR.cjs');
+var chunk5FKOLIV6_cjs = require('./chunk-5FKOLIV6.cjs');
+var chunkQBLWP25X_cjs = require('./chunk-QBLWP25X.cjs');
+require('./chunk-KEOHORIH.cjs');
+require('./chunk-IKBK7HYX.cjs');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var ICON_REGISTRY = {
+  "arrow-up": {
+    viewBox: "0 0 24 24",
+    paths: ["M12 19V5", "M5 12l7-7 7 7"]
+  },
+  "arrow-down": {
+    viewBox: "0 0 24 24",
+    paths: ["M12 5v14", "M19 12l-7 7-7-7"]
+  },
+  "chart-bar": {
+    viewBox: "0 0 24 24",
+    paths: ["M12 20V10", "M18 20V4", "M6 20v-4"]
+  },
+  check: {
+    viewBox: "0 0 24 24",
+    paths: ["M20 6L9 17l-5-5"]
+  },
+  clock: {
+    viewBox: "0 0 24 24",
+    paths: ["M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z", "M12 6v6l4 2"]
+  },
+  code: {
+    viewBox: "0 0 24 24",
+    paths: ["M16 18l6-6-6-6", "M8 6l-6 6 6 6"]
+  },
+  globe: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z",
+      "M2 12h20",
+      "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z"
+    ]
+  },
+  layout: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z",
+      "M3 9h18",
+      "M9 21V9"
+    ]
+  },
+  lightning: {
+    viewBox: "0 0 24 24",
+    paths: ["M13 2L3 14h9l-1 8 10-12h-9l1-8"]
+  },
+  link: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
+      "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
+    ]
+  },
+  lock: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M19 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2z",
+      "M7 11V7a5 5 0 0 1 10 0v4"
+    ]
+  },
+  mail: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z",
+      "M22 6l-10 7L2 6"
+    ]
+  },
+  monitor: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M20 3H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z",
+      "M8 21h8",
+      "M12 17v4"
+    ]
+  },
+  palette: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10a2 2 0 0 0 2-2v-.09a1.65 1.65 0 0 1 .92-1.48A1.65 1.65 0 0 1 16.5 19H19a2 2 0 0 0 2-2 10 10 0 0 0-9-15z",
+      "M6.5 11.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z",
+      "M10 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z",
+      "M14 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z",
+      "M17.5 11.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"
+    ]
+  },
+  rocket: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z",
+      "M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z",
+      "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0",
+      "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"
+    ]
+  },
+  search: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16z",
+      "M21 21l-4.35-4.35"
+    ]
+  },
+  settings: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z",
+      "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09a1.65 1.65 0 0 0-1.08-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09a1.65 1.65 0 0 0 1.51-1.08 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9c.26.604.852.997 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1.08z"
+    ]
+  },
+  shield: {
+    viewBox: "0 0 24 24",
+    paths: ["M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"]
+  },
+  star: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
+    ]
+  },
+  target: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z",
+      "M12 18a6 6 0 1 0 0-12 6 6 0 0 0 0 12z",
+      "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+    ]
+  },
+  "trending-up": {
+    viewBox: "0 0 24 24",
+    paths: ["M23 6l-9.5 9.5-5-5L1 18", "M17 6h6v6"]
+  },
+  users: {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2",
+      "M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z",
+      "M23 21v-2a4 4 0 0 0-3-3.87",
+      "M16 3.13a4 4 0 0 1 0 7.75"
+    ]
+  },
+  zap: {
+    viewBox: "0 0 24 24",
+    paths: ["M13 2L3 14h9l-1 8 10-12h-9l1-8"]
+  }
+};
+function getIconDefinition(name) {
+  return ICON_REGISTRY[name] ?? null;
+}
+function getIconPaths(name) {
+  const def = ICON_REGISTRY[name];
+  return def ? def.paths : null;
+}
+function getAvailableIcons() {
+  return Object.keys(ICON_REGISTRY);
+}
+function renderIcon(name, size = 24, className) {
+  const def = ICON_REGISTRY[name];
+  if (!def) return null;
+  return React__default.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: def.viewBox,
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true"
+    },
+    ...def.paths.map(
+      (d, i) => React__default.default.createElement("path", { key: i, d })
+    )
+  );
+}
+function Icon({
+  name,
+  size = 24,
+  className
+}) {
+  return renderIcon(name, size, className);
+}
+
+Object.defineProperty(exports, "PORTFOLIO_SECTION_TYPES", {
+  enumerable: true,
+  get: function () { return chunkTAPNXT7X_cjs.PORTFOLIO_SECTION_TYPES; }
+});
+Object.defineProperty(exports, "PortfolioPage", {
+  enumerable: true,
+  get: function () { return chunkTAPNXT7X_cjs.PortfolioPage; }
+});
+Object.defineProperty(exports, "getRegisteredSectionTypes", {
+  enumerable: true,
+  get: function () { return chunkXQNJED46_cjs.getRegisteredSectionTypes; }
+});
+Object.defineProperty(exports, "getSectionRenderer", {
+  enumerable: true,
+  get: function () { return chunkXQNJED46_cjs.getSectionRenderer; }
+});
+Object.defineProperty(exports, "registerSectionRenderer", {
+  enumerable: true,
+  get: function () { return chunkXQNJED46_cjs.registerSectionRenderer; }
+});
+Object.defineProperty(exports, "PortfolioCard", {
+  enumerable: true,
+  get: function () { return chunkNAS4K5UR_cjs.PortfolioCard; }
+});
+Object.defineProperty(exports, "PortfolioGrid", {
+  enumerable: true,
+  get: function () { return chunkNAS4K5UR_cjs.PortfolioGrid; }
+});
+Object.defineProperty(exports, "AgencySiteKitLayout", {
+  enumerable: true,
+  get: function () { return chunk5FKOLIV6_cjs.AgencySiteKitLayout; }
+});
+Object.defineProperty(exports, "DEFAULT_BRAND_CONFIG", {
+  enumerable: true,
+  get: function () { return chunk5FKOLIV6_cjs.DEFAULT_BRAND_CONFIG; }
+});
+Object.defineProperty(exports, "DEFAULT_DARK_MODE", {
+  enumerable: true,
+  get: function () { return chunk5FKOLIV6_cjs.DEFAULT_DARK_MODE; }
+});
+Object.defineProperty(exports, "generateBrandCSS", {
+  enumerable: true,
+  get: function () { return chunk5FKOLIV6_cjs.generateBrandCSS; }
+});
+Object.defineProperty(exports, "hexToRgb", {
+  enumerable: true,
+  get: function () { return chunk5FKOLIV6_cjs.hexToRgb; }
+});
+Object.defineProperty(exports, "mergeBrandConfig", {
+  enumerable: true,
+  get: function () { return chunk5FKOLIV6_cjs.mergeBrandConfig; }
+});
+Object.defineProperty(exports, "apiFetch", {
+  enumerable: true,
+  get: function () { return chunkQBLWP25X_cjs.apiFetch; }
+});
+Object.defineProperty(exports, "apiGet", {
+  enumerable: true,
+  get: function () { return chunkQBLWP25X_cjs.apiGet; }
+});
+Object.defineProperty(exports, "getApiConfig", {
+  enumerable: true,
+  get: function () { return chunkQBLWP25X_cjs.getApiConfig; }
+});
+exports.Icon = Icon;
+exports.getAvailableIcons = getAvailableIcons;
+exports.getIconDefinition = getIconDefinition;
+exports.getIconPaths = getIconPaths;
+exports.renderIcon = renderIcon;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/icons.ts"],"names":["React"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * @sonordev/agency-site-kit — Icon registry\n *\n * Lightweight icon system that maps string names to SVG path data.\n * No external icon library dependency — keeps the bundle small.\n * Icons are rendered as inline SVGs.\n */\n\nimport React from 'react';\n\ninterface IconDefinition {\n  viewBox: string;\n  paths: string[];\n  /** Optional fill-rule for complex paths */\n  fillRule?: 'evenodd' | 'nonzero';\n}\n\n/**\n * Icon registry — 24x24 viewBox icons (matching Lucide/Heroicons conventions).\n * All paths use stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\".\n */\nconst ICON_REGISTRY: Record<string, IconDefinition> = {\n  'arrow-up': {\n    viewBox: '0 0 24 24',\n    paths: ['M12 19V5', 'M5 12l7-7 7 7'],\n  },\n  'arrow-down': {\n    viewBox: '0 0 24 24',\n    paths: ['M12 5v14', 'M19 12l-7 7-7-7'],\n  },\n  'chart-bar': {\n    viewBox: '0 0 24 24',\n    paths: ['M12 20V10', 'M18 20V4', 'M6 20v-4'],\n  },\n  check: {\n    viewBox: '0 0 24 24',\n    paths: ['M20 6L9 17l-5-5'],\n  },\n  clock: {\n    viewBox: '0 0 24 24',\n    paths: ['M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z', 'M12 6v6l4 2'],\n  },\n  code: {\n    viewBox: '0 0 24 24',\n    paths: ['M16 18l6-6-6-6', 'M8 6l-6 6 6 6'],\n  },\n  globe: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z',\n      'M2 12h20',\n      'M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z',\n    ],\n  },\n  layout: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z',\n      'M3 9h18',\n      'M9 21V9',\n    ],\n  },\n  lightning: {\n    viewBox: '0 0 24 24',\n    paths: ['M13 2L3 14h9l-1 8 10-12h-9l1-8'],\n  },\n  link: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71',\n      'M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71',\n    ],\n  },\n  lock: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M19 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2z',\n      'M7 11V7a5 5 0 0 1 10 0v4',\n    ],\n  },\n  mail: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z',\n      'M22 6l-10 7L2 6',\n    ],\n  },\n  monitor: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M20 3H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z',\n      'M8 21h8',\n      'M12 17v4',\n    ],\n  },\n  palette: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10a2 2 0 0 0 2-2v-.09a1.65 1.65 0 0 1 .92-1.48A1.65 1.65 0 0 1 16.5 19H19a2 2 0 0 0 2-2 10 10 0 0 0-9-15z',\n      'M6.5 11.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z',\n      'M10 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z',\n      'M14 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z',\n      'M17.5 11.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z',\n    ],\n  },\n  rocket: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z',\n      'M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z',\n      'M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0',\n      'M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5',\n    ],\n  },\n  search: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16z',\n      'M21 21l-4.35-4.35',\n    ],\n  },\n  settings: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z',\n      'M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09a1.65 1.65 0 0 0-1.08-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09a1.65 1.65 0 0 0 1.51-1.08 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9c.26.604.852.997 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1.08z',\n    ],\n  },\n  shield: {\n    viewBox: '0 0 24 24',\n    paths: ['M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'],\n  },\n  star: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z',\n    ],\n  },\n  target: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z',\n      'M12 18a6 6 0 1 0 0-12 6 6 0 0 0 0 12z',\n      'M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z',\n    ],\n  },\n  'trending-up': {\n    viewBox: '0 0 24 24',\n    paths: ['M23 6l-9.5 9.5-5-5L1 18', 'M17 6h6v6'],\n  },\n  users: {\n    viewBox: '0 0 24 24',\n    paths: [\n      'M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2',\n      'M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z',\n      'M23 21v-2a4 4 0 0 0-3-3.87',\n      'M16 3.13a4 4 0 0 1 0 7.75',\n    ],\n  },\n  zap: {\n    viewBox: '0 0 24 24',\n    paths: ['M13 2L3 14h9l-1 8 10-12h-9l1-8'],\n  },\n};\n\n/**\n * Returns the icon definition (viewBox + paths) for a given icon name.\n * Returns null if the icon is not found.\n */\nexport function getIconDefinition(name: string): IconDefinition | null {\n  return ICON_REGISTRY[name] ?? null;\n}\n\n/**\n * Returns just the SVG path strings for a given icon name.\n * Useful when building custom SVG elements.\n */\nexport function getIconPaths(name: string): string[] | null {\n  const def = ICON_REGISTRY[name];\n  return def ? def.paths : null;\n}\n\n/**\n * Returns a list of all available icon names.\n */\nexport function getAvailableIcons(): string[] {\n  return Object.keys(ICON_REGISTRY);\n}\n\n/**\n * Renders an icon as a React SVG element.\n *\n * @param name      Icon name from the registry\n * @param size      Width/height in pixels (default 24)\n * @param className Optional CSS class name\n * @returns         React SVG element, or null if icon not found\n */\nexport function renderIcon(\n  name: string,\n  size: number = 24,\n  className?: string,\n): React.ReactElement | null {\n  const def = ICON_REGISTRY[name];\n  if (!def) return null;\n\n  return React.createElement(\n    'svg',\n    {\n      xmlns: 'http://www.w3.org/2000/svg',\n      width: size,\n      height: size,\n      viewBox: def.viewBox,\n      fill: 'none',\n      stroke: 'currentColor',\n      strokeWidth: 2,\n      strokeLinecap: 'round' as const,\n      strokeLinejoin: 'round' as const,\n      className,\n      'aria-hidden': 'true',\n    },\n    ...def.paths.map((d, i) =>\n      React.createElement('path', { key: i, d }),\n    ),\n  );\n}\n\n/**\n * Icon component for use in JSX.\n *\n * Usage:\n * ```tsx\n * <Icon name=\"trending-up\" size={20} className=\"text-green-500\" />\n * ```\n */\nexport function Icon({\n  name,\n  size = 24,\n  className,\n}: {\n  name: string;\n  size?: number;\n  className?: string;\n}): React.ReactElement | null {\n  return renderIcon(name, size, className);\n}\n"]}