@sonordev/agency-site-kit 0.1.0

package/dist/chunk-IKBK7HYX.cjs

@@ -0,0 +1,79 @@
+'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/ScrollReveal.tsx
+function ScrollReveal({
+  children,
+  className,
+  delay = 0,
+  duration = 0.8,
+  y = 40,
+  x = 0,
+  opacity = 0,
+  scale,
+  stagger,
+  once = true,
+  threshold = 0.15
+}) {
+  const ref = react.useRef(null);
+  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) {
+      gsap__default.default.set(el.children.length > 0 && stagger ? el.children : el, {
+        opacity: 1,
+        y: 0,
+        x: 0,
+        scale: 1
+      });
+      return;
+    }
+    const targets = stagger && el.children.length > 0 ? el.children : el;
+    const fromVars = {
+      opacity,
+      y,
+      x
+    };
+    if (scale !== void 0) {
+      fromVars.scale = scale;
+    }
+    const toVars = {
+      opacity: 1,
+      y: 0,
+      x: 0,
+      duration,
+      delay,
+      ease: "power2.out",
+      scrollTrigger: {
+        trigger: el,
+        start: `top ${(1 - threshold) * 100}%`,
+        toggleActions: once ? "play none none none" : "play reverse play reverse"
+      }
+    };
+    if (scale !== void 0) {
+      toVars.scale = 1;
+    }
+    if (stagger) {
+      toVars.stagger = stagger;
+    }
+    const ctx = gsap__default.default.context(() => {
+      gsap__default.default.fromTo(targets, fromVars, toVars);
+    }, el);
+    return () => ctx.revert();
+  }, [delay, duration, y, x, opacity, scale, stagger, once, threshold]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className, children });
+}
+
+exports.ScrollReveal = ScrollReveal;
+//# sourceMappingURL=chunk-IKBK7HYX.cjs.map
+//# sourceMappingURL=chunk-IKBK7HYX.cjs.map

package/dist/chunk-IKBK7HYX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/primitives/ScrollReveal.tsx"],"names":["useRef","useEffect","gsap","ScrollTrigger","jsx"],"mappings":";;;;;;;;;;;;AAoBe,SAAR,YAAA,CAA8B;AAAA,EACnC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,QAAA,GAAW,GAAA;AAAA,EACX,CAAA,GAAI,EAAA;AAAA,EACJ,CAAA,GAAI,CAAA;AAAA,EACJ,OAAA,GAAU,CAAA;AAAA,EACV,KAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,EAAsB;AACpB,EAAA,MAAM,GAAA,GAAMA,aAAuB,IAAI,CAAA;AAEvC,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,MAAAD,qBAAA,CAAK,GAAA,CAAI,GAAG,QAAA,CAAS,MAAA,GAAS,KAAK,OAAA,GAAU,EAAA,CAAG,WAAW,EAAA,EAAI;AAAA,QAC7D,OAAA,EAAS,CAAA;AAAA,QACT,CAAA,EAAG,CAAA;AAAA,QACH,CAAA,EAAG,CAAA;AAAA,QACH,KAAA,EAAO;AAAA,OACR,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,UAAU,OAAA,IAAW,EAAA,CAAG,SAAS,MAAA,GAAS,CAAA,GAAI,GAAG,QAAA,GAAW,EAAA;AAElE,IAAA,MAAM,QAAA,GAA2B;AAAA,MAC/B,OAAA;AAAA,MACA,CAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,IAAI,UAAU,MAAA,EAAW;AACvB,MAAA,QAAA,CAAS,KAAA,GAAQ,KAAA;AAAA,IACnB;AAEA,IAAA,MAAM,MAAA,GAAyB;AAAA,MAC7B,OAAA,EAAS,CAAA;AAAA,MACT,CAAA,EAAG,CAAA;AAAA,MACH,CAAA,EAAG,CAAA;AAAA,MACH,QAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA,EAAM,YAAA;AAAA,MACN,aAAA,EAAe;AAAA,QACb,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,CAAA,IAAA,EAAA,CAAQ,CAAA,GAAI,SAAA,IAAa,GAAG,CAAA,CAAA,CAAA;AAAA,QACnC,aAAA,EAAe,OAAO,qBAAA,GAAwB;AAAA;AAChD,KACF;AACA,IAAA,IAAI,UAAU,MAAA,EAAW;AACvB,MAAA,MAAA,CAAO,KAAA,GAAQ,CAAA;AAAA,IACjB;AACA,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,MAAA,CAAO,OAAA,GAAU,OAAA;AAAA,IACnB;AAEA,IAAA,MAAM,GAAA,GAAMA,qBAAA,CAAK,OAAA,CAAQ,MAAM;AAC7B,MAAAA,qBAAA,CAAK,MAAA,CAAO,OAAA,EAAS,QAAA,EAAU,MAAM,CAAA;AAAA,IACvC,GAAG,EAAE,CAAA;AAEL,IAAA,OAAO,MAAM,IAAI,MAAA,EAAO;AAAA,EAC1B,CAAA,EAAG,CAAC,KAAA,EAAO,QAAA,EAAU,CAAA,EAAG,CAAA,EAAG,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,SAAS,CAAC,CAAA;AAEpE,EAAA,uBACEE,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,SAAA,EACZ,QAAA,EACH,CAAA;AAEJ","file":"chunk-IKBK7HYX.cjs","sourcesContent":["'use client';\n\nimport React, { useRef, useEffect } from 'react';\nimport gsap from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\n\ninterface ScrollRevealProps {\n  children: React.ReactNode;\n  className?: string;\n  delay?: number;\n  duration?: number;\n  y?: number;\n  x?: number;\n  opacity?: number;\n  scale?: number;\n  stagger?: number;\n  once?: boolean;\n  threshold?: number;\n}\n\nexport default function ScrollReveal({\n  children,\n  className,\n  delay = 0,\n  duration = 0.8,\n  y = 40,\n  x = 0,\n  opacity = 0,\n  scale,\n  stagger,\n  once = true,\n  threshold = 0.15,\n}: ScrollRevealProps) {\n  const ref = useRef<HTMLDivElement>(null);\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      gsap.set(el.children.length > 0 && stagger ? el.children : el, {\n        opacity: 1,\n        y: 0,\n        x: 0,\n        scale: 1,\n      });\n      return;\n    }\n\n    const targets = stagger && el.children.length > 0 ? el.children : el;\n\n    const fromVars: gsap.TweenVars = {\n      opacity,\n      y,\n      x,\n    };\n    if (scale !== undefined) {\n      fromVars.scale = scale;\n    }\n\n    const toVars: gsap.TweenVars = {\n      opacity: 1,\n      y: 0,\n      x: 0,\n      duration,\n      delay,\n      ease: 'power2.out',\n      scrollTrigger: {\n        trigger: el,\n        start: `top ${(1 - threshold) * 100}%`,\n        toggleActions: once ? 'play none none none' : 'play reverse play reverse',\n      },\n    };\n    if (scale !== undefined) {\n      toVars.scale = 1;\n    }\n    if (stagger) {\n      toVars.stagger = stagger;\n    }\n\n    const ctx = gsap.context(() => {\n      gsap.fromTo(targets, fromVars, toVars);\n    }, el);\n\n    return () => ctx.revert();\n  }, [delay, duration, y, x, opacity, scale, stagger, once, threshold]);\n\n  return (\n    <div ref={ref} className={className}>\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/chunk-KEOHORIH.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+var react = require('react');
+var gsap = require('gsap');
+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/GlassCard.tsx
+var paddingMap = {
+  sm: "16px",
+  md: "24px",
+  lg: "32px"
+};
+function GlassCard({
+  children,
+  className = "",
+  hover = true,
+  padding = "md",
+  onClick
+}) {
+  const ref = react.useRef(null);
+  const handleMouseEnter = react.useCallback(() => {
+    if (!hover || !ref.current) return;
+    gsap__default.default.to(ref.current, {
+      y: -6,
+      scale: 1.015,
+      duration: 0.3,
+      ease: "power2.out"
+    });
+    gsap__default.default.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 = react.useCallback(() => {
+    if (!hover || !ref.current) return;
+    gsap__default.default.to(ref.current, {
+      y: 0,
+      scale: 1,
+      duration: 0.3,
+      ease: "power2.out"
+    });
+    gsap__default.default.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__ */ jsxRuntime.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
+    }
+  );
+}
+
+exports.GlassCard = GlassCard;
+//# sourceMappingURL=chunk-KEOHORIH.cjs.map
+//# sourceMappingURL=chunk-KEOHORIH.cjs.map

package/dist/chunk-KEOHORIH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/primitives/GlassCard.tsx"],"names":["useRef","useCallback","gsap","jsx"],"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,GAAMA,aAAuB,IAAI,CAAA;AAEvC,EAAA,MAAM,gBAAA,GAAmBC,kBAAY,MAAM;AACzC,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,GAAA,CAAI,OAAA,EAAS;AAC5B,IAAAC,qBAAA,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,IAAAA,qBAAA,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,GAAmBD,kBAAY,MAAM;AACzC,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,GAAA,CAAI,OAAA,EAAS;AAC5B,IAAAC,qBAAA,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,IAAAA,qBAAA,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,uBACEC,cAAA;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-KEOHORIH.cjs","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/chunk-NAS4K5UR.cjs

@@ -0,0 +1,139 @@
+'use strict';
+
+var chunkKEOHORIH_cjs = require('./chunk-KEOHORIH.cjs');
+var chunkIKBK7HYX_cjs = require('./chunk-IKBK7HYX.cjs');
+var Image = require('next/image');
+var Link = require('next/link');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Image__default = /*#__PURE__*/_interopDefault(Image);
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+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__ */ jsxRuntime.jsx(Link__default.default, { href: `/portfolio/${item.slug}`, className: `block group ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx(chunkKEOHORIH_cjs.GlassCard, { padding: "sm", hover: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+    thumbnailSrc && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "relative w-full overflow-hidden rounded-xl",
+        style: { aspectRatio: "16/10" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Image__default.default,
+            {
+              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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 px-2 pb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "h3",
+        {
+          className: "text-lg font-semibold line-clamp-1",
+          style: { color: "var(--sk-text-primary, #ffffff)" },
+          children: item.title
+        }
+      ),
+      item.subtitle && /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: "text-sm line-clamp-2",
+          style: { color: "var(--sk-text-tertiary, #71717a)" },
+          children: item.subtitle
+        }
+      ),
+      kpiPreview.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 mt-1", children: kpiPreview.map((kpi, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: "text-base font-bold",
+            style: { color: "var(--sk-primary, #6366f1)" },
+            children: [
+              kpi.prefix || "",
+              kpi.value.toLocaleString(),
+              kpi.suffix
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1.5 mt-2", children: [
+        servicePreview.map((service) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { stagger: 0.1, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(PortfolioCard, { item }, item.id))
+    }
+  ) });
+}
+
+exports.PortfolioCard = PortfolioCard;
+exports.PortfolioGrid = PortfolioGrid;
+//# sourceMappingURL=chunk-NAS4K5UR.cjs.map
+//# sourceMappingURL=chunk-NAS4K5UR.cjs.map

package/dist/chunk-NAS4K5UR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/PortfolioCard.tsx","../src/portfolio/components/PortfolioGrid.tsx"],"names":["jsx","Link","GlassCard","jsxs","Image","ScrollReveal"],"mappings":";;;;;;;;;;;;;AAae,SAAR,aAAA,CAA+B,EAAE,IAAA,EAAM,SAAA,GAAY,IAAG,EAAuB;AAElF,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,gBAAA,EAAkB,OAAA,IAAW,IAAA,CAAK,UAAA;AAC5D,EAAA,MAAM,IAAA,GAAO,MAAM,OAAA,CAAQ,IAAA,CAAK,IAAI,CAAA,GAAI,IAAA,CAAK,OAAO,EAAC;AACrD,EAAA,MAAM,QAAA,GAAW,MAAM,OAAA,CAAQ,IAAA,CAAK,QAAQ,CAAA,GAAI,IAAA,CAAK,WAAW,EAAC;AACjE,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA;AAClC,EAAA,MAAM,cAAA,GAAiB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA;AAE1C,EAAA,uBACEA,cAAA,CAACC,yBAAK,IAAA,EAAM,CAAA,WAAA,EAAc,KAAK,IAAI,CAAA,CAAA,EAAI,WAAW,CAAA,YAAA,EAAe,SAAS,IACxE,QAAA,kBAAAD,cAAA,CAACE,2BAAA,EAAA,EAAU,SAAQ,IAAA,EAAK,KAAA,EAAK,MAC3B,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EAEZ,QAAA,EAAA;AAAA,IAAA,YAAA,oBACCA,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,4CAAA;AAAA,QACV,KAAA,EAAO,EAAE,WAAA,EAAa,OAAA,EAAQ;AAAA,QAE9B,QAAA,EAAA;AAAA,0BAAAH,cAAA;AAAA,YAACI,sBAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,YAAA;AAAA,cACL,GAAA,EAAK,IAAA,CAAK,cAAA,IAAkB,IAAA,CAAK,KAAA;AAAA,cACjC,IAAA,EAAI,IAAA;AAAA,cACJ,KAAA,EAAM,0DAAA;AAAA,cACN,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BAEAJ,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,iGAAA;AAAA,cACV,KAAA,EAAO;AAAA,gBACL,UAAA,EAAY,iEAAA;AAAA,gBACZ,KAAA,EAAO,SAAA;AAAA,gBACP,cAAA,EAAgB;AAAA,eAClB;AAAA,cAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA;AACR;AAAA;AAAA,KACF;AAAA,oBAIFG,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+BAAA,EACb,QAAA,EAAA;AAAA,sBAAAH,cAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,oCAAA;AAAA,UACV,KAAA,EAAO,EAAE,KAAA,EAAO,iCAAA,EAAkC;AAAA,UAEjD,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,OACR;AAAA,MAEC,KAAK,QAAA,oBACJA,cAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,sBAAA;AAAA,UACV,KAAA,EAAO,EAAE,KAAA,EAAO,kCAAA,EAAmC;AAAA,UAElD,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,OACR;AAAA,MAID,UAAA,CAAW,MAAA,GAAS,CAAA,oBACnBA,cAAA,CAAC,SAAI,SAAA,EAAU,8BAAA,EACZ,QAAA,EAAA,UAAA,CAAW,GAAA,CAAI,CAAC,GAAA,EAAK,CAAA,qBACpBG,eAAA,CAAC,KAAA,EAAA,EAAY,WAAU,eAAA,EACrB,QAAA,EAAA;AAAA,wBAAAA,eAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,qBAAA;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAO,4BAAA,EAA6B;AAAA,YAE5C,QAAA,EAAA;AAAA,cAAA,GAAA,CAAI,MAAA,IAAU,EAAA;AAAA,cACd,GAAA,CAAI,MAAM,cAAA,EAAe;AAAA,cACzB,GAAA,CAAI;AAAA;AAAA;AAAA,SACP;AAAA,wBACAH,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,kDAAA;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAO,kCAAA,EAAmC;AAAA,YAElD,QAAA,EAAA,GAAA,CAAI;AAAA;AAAA;AACP,OAAA,EAAA,EAdQ,CAeV,CACD,CAAA,EACH,CAAA;AAAA,MAID,eAAe,MAAA,GAAS,CAAA,oBACvBG,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6BAAA,EACZ,QAAA,EAAA;AAAA,QAAA,cAAA,CAAe,GAAA,CAAI,CAAC,OAAA,qBACnBH,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YAEC,SAAA,EAAU,oDAAA;AAAA,YACV,KAAA,EAAO;AAAA,cACL,UAAA,EAAY,2CAAA;AAAA,cACZ,KAAA,EAAO,mCAAA;AAAA,cACP,MAAA,EAAQ;AAAA,aACV;AAAA,YAEC,QAAA,EAAA;AAAA,WAAA;AAAA,UARI;AAAA,SAUR,CAAA;AAAA,QACA,QAAA,CAAS,SAAS,CAAA,oBACjBG,eAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,oDAAA;AAAA,YACV,KAAA,EAAO;AAAA,cACL,UAAA,EAAY,2CAAA;AAAA,cACZ,KAAA,EAAO;AAAA,aACT;AAAA,YACD,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,cACG,IAAA,CAAK,SAAS,MAAA,GAAS;AAAA;AAAA;AAAA;AAC3B,OAAA,EAEJ;AAAA,KAAA,EAEJ;AAAA,GAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ;ACpHe,SAAR,aAAA,CAA+B,EAAE,KAAA,EAAO,SAAA,GAAY,IAAG,EAAuB;AACnF,EAAA,uBACEH,cAAAA,CAACK,8BAAA,EAAA,EAAa,OAAA,EAAS,KACrB,QAAA,kBAAAL,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,kDAAkD,SAAS,CAAA,CAAA;AAAA,MACtE,KAAA,EAAO;AAAA,QACL,GAAA,EAAK;AAAA,OACP;AAAA,MAEC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACVA,eAAC,aAAA,EAAA,EAA4B,IAAA,EAAA,EAAT,IAAA,CAAK,EAAgB,CAC1C;AAAA;AAAA,GACH,EACF,CAAA;AAEJ","file":"chunk-NAS4K5UR.cjs","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-QBLWP25X.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+// src/shared/api.ts
+var DEFAULT_API_URL = "https://api.sonor.io";
+var DEFAULT_REVALIDATE = 3600;
+function getApiConfig() {
+  const apiKey = process.env.SONOR_API_KEY || process.env.UPTRADE_API_KEY || "";
+  if (!apiKey) {
+    console.warn(
+      "[@sonordev/agency-site-kit] Missing SONOR_API_KEY environment variable. Portfolio data will not be fetched."
+    );
+    return null;
+  }
+  const apiUrl = (process.env.SONOR_API_URL || process.env.NEXT_PUBLIC_SONOR_API_URL || DEFAULT_API_URL).replace(/\/+$/, "");
+  return { apiKey, apiUrl };
+}
+async function apiFetch(path, options = {}) {
+  const {
+    revalidate = DEFAULT_REVALIDATE,
+    headers: extraHeaders = {},
+    apiKey: overrideApiKey,
+    apiUrl: overrideApiUrl,
+    ...fetchOptions
+  } = options;
+  let apiKey = overrideApiKey || "";
+  let apiUrl = overrideApiUrl || "";
+  if (!apiKey || !apiUrl) {
+    const config = getApiConfig();
+    if (!config) return null;
+    if (!apiKey) apiKey = config.apiKey;
+    if (!apiUrl) apiUrl = config.apiUrl;
+  }
+  const url = `${apiUrl}${path.startsWith("/") ? path : `/${path}`}`;
+  try {
+    const response = await fetch(url, {
+      ...fetchOptions,
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey,
+        ...extraHeaders
+      },
+      next: { revalidate }
+    });
+    if (!response.ok) {
+      console.warn(
+        `[@sonordev/agency-site-kit] API request failed: ${response.status} ${response.statusText} \u2014 ${url}`
+      );
+      return null;
+    }
+    const data = await response.json();
+    return data;
+  } catch (error) {
+    console.warn(
+      `[@sonordev/agency-site-kit] API request error for ${url}:`,
+      error instanceof Error ? error.message : error
+    );
+    return null;
+  }
+}
+async function apiGet(path, revalidate, apiKey, apiUrl) {
+  return apiFetch(path, {
+    method: "GET",
+    revalidate,
+    apiKey,
+    apiUrl
+  });
+}
+
+exports.apiFetch = apiFetch;
+exports.apiGet = apiGet;
+exports.getApiConfig = getApiConfig;
+//# sourceMappingURL=chunk-QBLWP25X.cjs.map
+//# sourceMappingURL=chunk-QBLWP25X.cjs.map

package/dist/chunk-QBLWP25X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/api.ts"],"names":[],"mappings":";;;AAOA,IAAM,eAAA,GAAkB,sBAAA;AACxB,IAAM,kBAAA,GAAqB,IAAA;AAYpB,SAAS,YAAA,GAAiC;AAC/C,EAAA,MAAM,SACJ,OAAA,CAAQ,GAAA,CAAI,aAAA,IACZ,OAAA,CAAQ,IAAI,eAAA,IACZ,EAAA;AAEF,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN;AAAA,KAEF;AACA,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,MAAA,GAAA,CACJ,OAAA,CAAQ,GAAA,CAAI,aAAA,IACZ,OAAA,CAAQ,IAAI,yBAAA,IACZ,eAAA,EACA,OAAA,CAAQ,MAAA,EAAQ,EAAE,CAAA;AAEpB,EAAA,OAAO,EAAE,QAAQ,MAAA,EAAO;AAC1B;AAqBA,eAAsB,QAAA,CACpB,IAAA,EACA,OAAA,GAA2B,EAAC,EACT;AACnB,EAAA,MAAM;AAAA,IACJ,UAAA,GAAa,kBAAA;AAAA,IACb,OAAA,EAAS,eAAe,EAAC;AAAA,IACzB,MAAA,EAAQ,cAAA;AAAA,IACR,MAAA,EAAQ,cAAA;AAAA,IACR,GAAG;AAAA,GACL,GAAI,OAAA;AAEJ,EAAA,IAAI,SAAS,cAAA,IAAkB,EAAA;AAC/B,EAAA,IAAI,SAAS,cAAA,IAAkB,EAAA;AAE/B,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,MAAA,EAAQ;AACtB,IAAA,MAAM,SAAS,YAAA,EAAa;AAC5B,IAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AACpB,IAAA,IAAI,CAAC,MAAA,EAAQ,MAAA,GAAS,MAAA,CAAO,MAAA;AAC7B,IAAA,IAAI,CAAC,MAAA,EAAQ,MAAA,GAAS,MAAA,CAAO,MAAA;AAAA,EAC/B;AAEA,EAAA,MAAM,GAAA,GAAM,CAAA,EAAG,MAAM,CAAA,EAAG,IAAA,CAAK,UAAA,CAAW,GAAG,CAAA,GAAI,IAAA,GAAO,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE,CAAA,CAAA;AAEhE,EAAA,IAAI;AACF,IAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,GAAA,EAAK;AAAA,MAChC,GAAG,YAAA;AAAA,MACH,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB,kBAAA;AAAA,QAChB,WAAA,EAAa,MAAA;AAAA,QACb,GAAG;AAAA,OACL;AAAA,MACA,IAAA,EAAM,EAAE,UAAA;AAAW,KACL,CAAA;AAEhB,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,MAAA,OAAA,CAAQ,IAAA;AAAA,QACN,mDAAmD,QAAA,CAAS,MAAM,IAAI,QAAA,CAAS,UAAU,WAAM,GAAG,CAAA;AAAA,OACpG;AACA,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,IAAA,OAAO,IAAA;AAAA,EACT,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN,qDAAqD,GAAG,CAAA,CAAA,CAAA;AAAA,MACxD,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU;AAAA,KAC3C;AACA,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AAUA,eAAsB,MAAA,CACpB,IAAA,EACA,UAAA,EACA,MAAA,EACA,MAAA,EACmB;AACnB,EAAA,OAAO,SAAY,IAAA,EAAM;AAAA,IACvB,MAAA,EAAQ,KAAA;AAAA,IACR,UAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACD,CAAA;AACH","file":"chunk-QBLWP25X.cjs","sourcesContent":["/**\n * @sonordev/agency-site-kit — API fetch utilities\n *\n * Server-side only. Reads SONOR_API_KEY and SONOR_API_URL from process.env.\n * Uses Next.js ISR caching via `next: { revalidate }` on every fetch.\n */\n\nconst DEFAULT_API_URL = 'https://api.sonor.io';\nconst DEFAULT_REVALIDATE = 3600; // 1 hour\n\ninterface ApiConfig {\n  apiKey: string;\n  apiUrl: string;\n}\n\n/**\n * Reads API configuration from environment variables.\n * Falls back to UPTRADE_API_KEY for legacy compatibility.\n * Returns null if no API key is found.\n */\nexport function getApiConfig(): ApiConfig | null {\n  const apiKey =\n    process.env.SONOR_API_KEY ||\n    process.env.UPTRADE_API_KEY ||\n    '';\n\n  if (!apiKey) {\n    console.warn(\n      '[@sonordev/agency-site-kit] Missing SONOR_API_KEY environment variable. ' +\n      'Portfolio data will not be fetched.',\n    );\n    return null;\n  }\n\n  const apiUrl = (\n    process.env.SONOR_API_URL ||\n    process.env.NEXT_PUBLIC_SONOR_API_URL ||\n    DEFAULT_API_URL\n  ).replace(/\\/+$/, '');\n\n  return { apiKey, apiUrl };\n}\n\ninterface ApiFetchOptions extends Omit<RequestInit, 'headers'> {\n  /** ISR revalidation interval in seconds. Defaults to 3600. Set to 0 for no caching. */\n  revalidate?: number;\n  /** Additional headers to merge with defaults */\n  headers?: Record<string, string>;\n  /** Override API key (e.g. passed from layout props) */\n  apiKey?: string;\n  /** Override API URL */\n  apiUrl?: string;\n}\n\n/**\n * Fetch wrapper for the public portfolio API.\n *\n * - Injects `x-api-key` header automatically\n * - Parses JSON responses\n * - Uses Next.js ISR caching via `next.revalidate`\n * - Returns null on failure instead of throwing\n */\nexport async function apiFetch<T>(\n  path: string,\n  options: ApiFetchOptions = {},\n): Promise<T | null> {\n  const {\n    revalidate = DEFAULT_REVALIDATE,\n    headers: extraHeaders = {},\n    apiKey: overrideApiKey,\n    apiUrl: overrideApiUrl,\n    ...fetchOptions\n  } = options;\n\n  let apiKey = overrideApiKey || '';\n  let apiUrl = overrideApiUrl || '';\n\n  if (!apiKey || !apiUrl) {\n    const config = getApiConfig();\n    if (!config) return null;\n    if (!apiKey) apiKey = config.apiKey;\n    if (!apiUrl) apiUrl = config.apiUrl;\n  }\n\n  const url = `${apiUrl}${path.startsWith('/') ? path : `/${path}`}`;\n\n  try {\n    const response = await fetch(url, {\n      ...fetchOptions,\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': apiKey,\n        ...extraHeaders,\n      },\n      next: { revalidate },\n    } as RequestInit);\n\n    if (!response.ok) {\n      console.warn(\n        `[@sonordev/agency-site-kit] API request failed: ${response.status} ${response.statusText} — ${url}`,\n      );\n      return null;\n    }\n\n    const data = await response.json();\n    return data as T;\n  } catch (error) {\n    console.warn(\n      `[@sonordev/agency-site-kit] API request error for ${url}:`,\n      error instanceof Error ? error.message : error,\n    );\n    return null;\n  }\n}\n\n/**\n * GET shorthand for apiFetch.\n *\n * @param path  API path (e.g. \"/api/public/portfolio/items\")\n * @param revalidate  ISR revalidation in seconds (default 3600)\n * @param apiKey  Optional override API key\n * @param apiUrl  Optional override API URL\n */\nexport async function apiGet<T>(\n  path: string,\n  revalidate?: number,\n  apiKey?: string,\n  apiUrl?: string,\n): Promise<T | null> {\n  return apiFetch<T>(path, {\n    method: 'GET',\n    revalidate,\n    apiKey,\n    apiUrl,\n  });\n}\n"]}

package/dist/chunk-QIC6JFFD.js

@@ -0,0 +1,210 @@
+import { apiGet } from './chunk-A4I4IK7V.js';
+import React from 'react';
+
+// src/shared/brand.ts
+function hexToRgb(hex) {
+  if (!hex || typeof hex !== "string") return null;
+  const cleaned = hex.replace(/^#/, "");
+  let r;
+  let g;
+  let b;
+  if (cleaned.length === 3) {
+    r = parseInt(cleaned[0] + cleaned[0], 16);
+    g = parseInt(cleaned[1] + cleaned[1], 16);
+    b = parseInt(cleaned[2] + cleaned[2], 16);
+  } else if (cleaned.length === 6) {
+    r = parseInt(cleaned.substring(0, 2), 16);
+    g = parseInt(cleaned.substring(2, 4), 16);
+    b = parseInt(cleaned.substring(4, 6), 16);
+  } else {
+    return null;
+  }
+  if (isNaN(r) || isNaN(g) || isNaN(b)) return null;
+  return `${r}, ${g}, ${b}`;
+}
+var DEFAULT_BRAND_CONFIG = {
+  primary: "#6366f1",
+  secondary: "#8b5cf6",
+  background: "#ffffff",
+  backgroundElevated: "#f8fafc",
+  surface: "#f1f5f9",
+  surfaceHover: "#e2e8f0",
+  surfaceBorder: "#e2e8f0",
+  textPrimary: "#0f172a",
+  textSecondary: "#475569",
+  textTertiary: "#94a3b8",
+  fontHeading: "'Inter', system-ui, -apple-system, sans-serif",
+  fontBody: "'Inter', system-ui, -apple-system, sans-serif",
+  radius: {
+    sm: "0.375rem",
+    md: "0.5rem",
+    lg: "0.75rem"
+  }
+};
+var DEFAULT_DARK_MODE = {
+  background: "#0f172a",
+  backgroundElevated: "#1e293b",
+  surface: "#1e293b",
+  surfaceHover: "#334155",
+  surfaceBorder: "#334155",
+  textPrimary: "#f8fafc",
+  textSecondary: "#cbd5e1",
+  textTertiary: "#64748b"
+};
+function buildVariables(config) {
+  const primaryRgb = hexToRgb(config.primary) || "99, 102, 241";
+  const secondaryRgb = hexToRgb(config.secondary) || "139, 92, 246";
+  const radius = config.radius || DEFAULT_BRAND_CONFIG.radius;
+  return [
+    // Primary tokens (--sk-*)
+    `--sk-primary: ${config.primary};`,
+    `--sk-primary-rgb: ${primaryRgb};`,
+    `--sk-secondary: ${config.secondary};`,
+    `--sk-secondary-rgb: ${secondaryRgb};`,
+    `--sk-bg: ${config.background};`,
+    `--sk-bg-elevated: ${config.backgroundElevated};`,
+    `--sk-surface: ${config.surface};`,
+    `--sk-surface-hover: ${config.surfaceHover};`,
+    `--sk-border: ${config.surfaceBorder};`,
+    `--sk-text-primary: ${config.textPrimary};`,
+    `--sk-text-secondary: ${config.textSecondary};`,
+    `--sk-text-tertiary: ${config.textTertiary};`,
+    `--sk-radius-sm: ${radius.sm};`,
+    `--sk-radius: ${radius.md};`,
+    `--sk-radius-lg: ${radius.lg};`,
+    `--sk-font-heading: ${config.fontHeading};`,
+    `--sk-font: ${config.fontBody};`
+  ].join("\n  ");
+}
+function buildDarkVariables(base) {
+  const dark = {
+    ...DEFAULT_DARK_MODE,
+    ...base.darkMode,
+    // Primary/secondary carry over unless explicitly overridden
+    primary: base.darkMode?.primary || base.primary,
+    secondary: base.darkMode?.secondary || base.secondary
+  };
+  const primaryRgb = hexToRgb(dark.primary) || hexToRgb(base.primary) || "99, 102, 241";
+  const secondaryRgb = hexToRgb(dark.secondary) || hexToRgb(base.secondary) || "139, 92, 246";
+  return [
+    // Primary tokens (--sk-*)
+    `--sk-primary: ${dark.primary};`,
+    `--sk-primary-rgb: ${primaryRgb};`,
+    `--sk-secondary: ${dark.secondary};`,
+    `--sk-secondary-rgb: ${secondaryRgb};`,
+    `--sk-bg: ${dark.background || DEFAULT_DARK_MODE.background};`,
+    `--sk-bg-elevated: ${dark.backgroundElevated || DEFAULT_DARK_MODE.backgroundElevated};`,
+    `--sk-surface: ${dark.surface || DEFAULT_DARK_MODE.surface};`,
+    `--sk-surface-hover: ${dark.surfaceHover || DEFAULT_DARK_MODE.surfaceHover};`,
+    `--sk-border: ${dark.surfaceBorder || DEFAULT_DARK_MODE.surfaceBorder};`,
+    `--sk-text-primary: ${dark.textPrimary || DEFAULT_DARK_MODE.textPrimary};`,
+    `--sk-text-secondary: ${dark.textSecondary || DEFAULT_DARK_MODE.textSecondary};`,
+    `--sk-text-tertiary: ${dark.textTertiary || DEFAULT_DARK_MODE.textTertiary};`
+  ].join("\n    ");
+}
+function generateBrandCSS(config) {
+  const merged = {
+    ...DEFAULT_BRAND_CONFIG,
+    ...config,
+    radius: {
+      ...DEFAULT_BRAND_CONFIG.radius,
+      ...config.radius
+    }
+  };
+  const lightVars = buildVariables(merged);
+  const darkVars = buildDarkVariables(merged);
+  return `
+:root, [data-theme="light"] {
+  ${lightVars}
+}
+
+[data-theme="dark"] {
+  ${darkVars}
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    ${darkVars}
+  }
+}
+`.trim();
+}
+function mergeBrandConfig(partial) {
+  return {
+    ...DEFAULT_BRAND_CONFIG,
+    ...partial,
+    radius: {
+      ...DEFAULT_BRAND_CONFIG.radius,
+      ...partial.radius
+    }
+  };
+}
+
+// src/layout/AgencySiteKitLayout.tsx
+function portalApiOrigin(apiUrl) {
+  try {
+    return new URL(apiUrl.replace(/\/$/, "")).origin;
+  } catch {
+    return "https://api.sonor.io";
+  }
+}
+async function fetchBrandConfig(apiKey, apiUrl) {
+  const response = await apiGet(
+    "/api/public/portfolio/config",
+    3600,
+    apiKey,
+    apiUrl
+  );
+  if (response?.brand) {
+    return mergeBrandConfig(response.brand);
+  }
+  return mergeBrandConfig({});
+}
+async function AgencySiteKitLayout({
+  children,
+  apiKey,
+  apiUrl,
+  brandConfig: brandConfigOverride,
+  theme,
+  className
+}) {
+  const brandConfig = brandConfigOverride ? mergeBrandConfig(brandConfigOverride) : await fetchBrandConfig(apiKey, apiUrl);
+  const cssString = generateBrandCSS(brandConfig);
+  const resolvedApiUrl = apiUrl ?? process.env.SONOR_API_URL ?? process.env.UPTRADE_API_URL ?? "https://api.sonor.io";
+  const preconnectHref = portalApiOrigin(resolvedApiUrl);
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("link", {
+      rel: "preconnect",
+      href: preconnectHref,
+      crossOrigin: "anonymous"
+    }),
+    React.createElement("link", {
+      rel: "dns-prefetch",
+      href: preconnectHref
+    }),
+    React.createElement("style", {
+      dangerouslySetInnerHTML: { __html: cssString },
+      "data-agency-site-kit": "brand"
+    }),
+    React.createElement(
+      "div",
+      {
+        "data-theme": theme || void 0,
+        "data-agency-site-kit": "root",
+        className,
+        style: {
+          fontFamily: "var(--sk-font)",
+          color: "var(--sk-text-primary)",
+          backgroundColor: "var(--sk-bg)"
+        }
+      },
+      children
+    )
+  );
+}
+
+export { AgencySiteKitLayout, DEFAULT_BRAND_CONFIG, DEFAULT_DARK_MODE, generateBrandCSS, hexToRgb, mergeBrandConfig };
+//# sourceMappingURL=chunk-QIC6JFFD.js.map
+//# sourceMappingURL=chunk-QIC6JFFD.js.map