@sonordev/agency-site-kit 0.3.0 → 0.4.0

package/dist/TechStackSection-VTNNZR5V.cjs

@@ -1,95 +0,0 @@
-'use strict';
-
-var chunkKEOHORIH_cjs = require('./chunk-KEOHORIH.cjs');
-var chunkIKBK7HYX_cjs = require('./chunk-IKBK7HYX.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-
-function TechStackSection({ data }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "section",
-    {
-      className: "w-full py-20 md:py-28",
-      style: { background: "var(--sk-bg, #0a0a0a)" },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-5xl mx-auto px-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkIKBK7HYX_cjs.ScrollReveal, { y: 30, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "h2",
-            {
-              className: "text-3xl md:text-4xl font-bold mb-4",
-              style: {
-                color: "var(--sk-text-primary, #ffffff)",
-                fontFamily: "var(--sk-font-heading, inherit)"
-              },
-              children: "Tech Stack"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: "text-lg mb-12 max-w-2xl",
-              style: { color: "var(--sk-text-secondary, #a1a1aa)" },
-              children: "The technologies and tools powering this project."
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 lg:grid-cols-3 gap-4", children: data.technologies.map((tech, ti) => /* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { y: 20, delay: ti * 0.05, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKEOHORIH_cjs.GlassCard, { padding: "md", hover: true, className: "flex items-start gap-3 h-full", children: [
-          tech.icon ? /* @__PURE__ */ jsxRuntime.jsx(
-            "img",
-            {
-              src: tech.icon,
-              alt: tech.name,
-              width: 28,
-              height: 28,
-              className: "w-7 h-7 object-contain shrink-0 mt-0.5"
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "w-7 h-7 rounded-md flex items-center justify-center text-xs font-bold shrink-0 mt-0.5",
-              style: {
-                background: "color-mix(in srgb, var(--sk-primary, #6366f1) 15%, transparent)",
-                color: "var(--sk-primary, #6366f1)"
-              },
-              children: tech.name.charAt(0)
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-0.5", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: "text-sm font-semibold",
-                  style: { color: "var(--sk-text-primary, #ffffff)" },
-                  children: tech.name
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: "text-[10px] font-medium uppercase tracking-wider px-1.5 py-0.5 rounded",
-                  style: {
-                    background: "color-mix(in srgb, var(--sk-primary, #6366f1) 10%, transparent)",
-                    color: "var(--sk-primary, #6366f1)"
-                  },
-                  children: tech.category
-                }
-              )
-            ] }),
-            tech.description && /* @__PURE__ */ jsxRuntime.jsx(
-              "p",
-              {
-                className: "text-xs leading-relaxed",
-                style: { color: "var(--sk-text-tertiary, #71717a)" },
-                children: tech.description
-              }
-            )
-          ] })
-        ] }) }, ti)) })
-      ] })
-    }
-  );
-}
-
-module.exports = TechStackSection;
-//# sourceMappingURL=TechStackSection-VTNNZR5V.cjs.map
-//# sourceMappingURL=TechStackSection-VTNNZR5V.cjs.map

package/dist/TechStackSection-VTNNZR5V.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/portfolio/components/sections/TechStackSection.tsx"],"names":["jsx","jsxs","ScrollReveal","GlassCard"],"mappings":"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","file":"TechStackSection-VTNNZR5V.cjs","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioTechStackData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface TechStackSectionProps {\n  data: PortfolioTechStackData;\n}\n\nexport default function TechStackSection({ data }: TechStackSectionProps) {\n\n  return (\n    <section\n      className=\"w-full py-20 md:py-28\"\n      style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n    >\n      <div className=\"max-w-5xl mx-auto px-6\">\n        <ScrollReveal y={30}>\n          <h2\n            className=\"text-3xl md:text-4xl font-bold mb-4\"\n            style={{\n              color: 'var(--sk-text-primary, #ffffff)',\n              fontFamily: 'var(--sk-font-heading, inherit)',\n            }}\n          >\n            Tech Stack\n          </h2>\n          <p\n            className=\"text-lg mb-12 max-w-2xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            The technologies and tools powering this project.\n          </p>\n        </ScrollReveal>\n\n        {/* All technologies in a 2-3 column grid — never single column */}\n        <div className=\"grid grid-cols-2 lg:grid-cols-3 gap-4\">\n          {data.technologies.map((tech, ti) => (\n            <ScrollReveal key={ti} y={20} delay={ti * 0.05}>\n              <GlassCard padding=\"md\" hover className=\"flex items-start gap-3 h-full\">\n                {tech.icon ? (\n                  <img\n                    src={tech.icon}\n                    alt={tech.name}\n                    width={28}\n                    height={28}\n                    className=\"w-7 h-7 object-contain shrink-0 mt-0.5\"\n                  />\n                ) : (\n                  <div\n                    className=\"w-7 h-7 rounded-md flex items-center justify-center text-xs font-bold shrink-0 mt-0.5\"\n                    style={{\n                      background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 15%, transparent)',\n                      color: 'var(--sk-primary, #6366f1)',\n                    }}\n                  >\n                    {tech.name.charAt(0)}\n                  </div>\n                )}\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-2 mb-0.5\">\n                    <span\n                      className=\"text-sm font-semibold\"\n                      style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                    >\n                      {tech.name}\n                    </span>\n                    <span\n                      className=\"text-[10px] font-medium uppercase tracking-wider px-1.5 py-0.5 rounded\"\n                      style={{\n                        background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 10%, transparent)',\n                        color: 'var(--sk-primary, #6366f1)',\n                      }}\n                    >\n                      {tech.category}\n                    </span>\n                  </div>\n                  {tech.description && (\n                    <p\n                      className=\"text-xs leading-relaxed\"\n                      style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                    >\n                      {tech.description}\n                    </p>\n                  )}\n                </div>\n              </GlassCard>\n            </ScrollReveal>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/TestimonialSection-6RGSMXQB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/portfolio/components/sections/TestimonialSection.tsx"],"names":[],"mappings":"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","file":"TestimonialSection-6RGSMXQB.js","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioTestimonialData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface TestimonialSectionProps {\n  data: PortfolioTestimonialData;\n}\n\nfunction StarRating({ rating }: { rating: number }) {\n  return (\n    <div className=\"flex items-center gap-1\">\n      {Array.from({ length: 5 }).map((_, i) => (\n        <svg\n          key={i}\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill={i < rating ? 'var(--sk-primary, #6366f1)' : 'none'}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M10 1.667l2.575 5.216 5.758.84-4.166 4.06.983 5.734L10 14.808l-5.15 2.709.983-5.734-4.166-4.06 5.758-.84L10 1.667z\"\n            stroke={i < rating ? 'var(--sk-primary, #6366f1)' : 'var(--sk-text-tertiary, #71717a)'}\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      ))}\n    </div>\n  );\n}\n\nexport default function TestimonialSection({ data }: TestimonialSectionProps) {\n  const avatarUrl = data.avatar?.asset?._ref;\n\n  return (\n    <section\n      className=\"w-full py-20 md:py-28\"\n      style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n    >\n      <div className=\"max-w-4xl mx-auto px-6\">\n        <ScrollReveal y={30} duration={1}>\n          <GlassCard padding=\"lg\" hover={false} className=\"text-center\">\n            <div className=\"flex flex-col items-center gap-6 py-8 px-4 md:px-12\">\n              {/* Quote icon */}\n              <svg\n                width=\"48\"\n                height=\"48\"\n                viewBox=\"0 0 48 48\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                style={{ color: 'var(--sk-primary, #6366f1)', opacity: 0.4 }}\n              >\n                <path\n                  d=\"M14 28c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6zm20 0c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6z\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n\n              {/* Quote text */}\n              <blockquote\n                className=\"text-xl md:text-2xl lg:text-3xl font-medium leading-relaxed italic\"\n                style={{\n                  color: 'var(--sk-text-primary, #ffffff)',\n                  fontFamily: 'var(--sk-font-heading, inherit)',\n                }}\n              >\n                &ldquo;{data.quote}&rdquo;\n              </blockquote>\n\n              {/* Rating */}\n              {data.rating !== undefined && data.rating > 0 && (\n                <StarRating rating={data.rating} />\n              )}\n\n              {/* Author */}\n              <div className=\"flex items-center gap-4 mt-2\">\n                {avatarUrl ? (\n                  <img\n                    src={avatarUrl}\n                    alt={data.author}\n                    className=\"w-12 h-12 rounded-full object-cover\"\n                    style={{\n                      border: '2px solid var(--sk-border, rgba(255,255,255,0.1))',\n                    }}\n                  />\n                ) : (\n                  <div\n                    className=\"flex items-center justify-center w-12 h-12 rounded-full text-sm font-bold\"\n                    style={{\n                      background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 20%, transparent)',\n                      color: 'var(--sk-primary, #6366f1)',\n                    }}\n                  >\n                    {data.author\n                      .split(' ')\n                      .map((w) => w[0])\n                      .join('')\n                      .slice(0, 2)\n                      .toUpperCase()}\n                  </div>\n                )}\n                <div className=\"text-left\">\n                  <div\n                    className=\"font-semibold\"\n                    style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                  >\n                    {data.author}\n                  </div>\n                  <div\n                    className=\"text-sm\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    {data.title}, {data.company}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </GlassCard>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/TestimonialSection-XPTFUQIN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/portfolio/components/sections/TestimonialSection.tsx"],"names":["jsx","ScrollReveal","GlassCard","jsxs"],"mappings":"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","file":"TestimonialSection-XPTFUQIN.cjs","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioTestimonialData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface TestimonialSectionProps {\n  data: PortfolioTestimonialData;\n}\n\nfunction StarRating({ rating }: { rating: number }) {\n  return (\n    <div className=\"flex items-center gap-1\">\n      {Array.from({ length: 5 }).map((_, i) => (\n        <svg\n          key={i}\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill={i < rating ? 'var(--sk-primary, #6366f1)' : 'none'}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M10 1.667l2.575 5.216 5.758.84-4.166 4.06.983 5.734L10 14.808l-5.15 2.709.983-5.734-4.166-4.06 5.758-.84L10 1.667z\"\n            stroke={i < rating ? 'var(--sk-primary, #6366f1)' : 'var(--sk-text-tertiary, #71717a)'}\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      ))}\n    </div>\n  );\n}\n\nexport default function TestimonialSection({ data }: TestimonialSectionProps) {\n  const avatarUrl = data.avatar?.asset?._ref;\n\n  return (\n    <section\n      className=\"w-full py-20 md:py-28\"\n      style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n    >\n      <div className=\"max-w-4xl mx-auto px-6\">\n        <ScrollReveal y={30} duration={1}>\n          <GlassCard padding=\"lg\" hover={false} className=\"text-center\">\n            <div className=\"flex flex-col items-center gap-6 py-8 px-4 md:px-12\">\n              {/* Quote icon */}\n              <svg\n                width=\"48\"\n                height=\"48\"\n                viewBox=\"0 0 48 48\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                style={{ color: 'var(--sk-primary, #6366f1)', opacity: 0.4 }}\n              >\n                <path\n                  d=\"M14 28c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6zm20 0c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6z\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n\n              {/* Quote text */}\n              <blockquote\n                className=\"text-xl md:text-2xl lg:text-3xl font-medium leading-relaxed italic\"\n                style={{\n                  color: 'var(--sk-text-primary, #ffffff)',\n                  fontFamily: 'var(--sk-font-heading, inherit)',\n                }}\n              >\n                &ldquo;{data.quote}&rdquo;\n              </blockquote>\n\n              {/* Rating */}\n              {data.rating !== undefined && data.rating > 0 && (\n                <StarRating rating={data.rating} />\n              )}\n\n              {/* Author */}\n              <div className=\"flex items-center gap-4 mt-2\">\n                {avatarUrl ? (\n                  <img\n                    src={avatarUrl}\n                    alt={data.author}\n                    className=\"w-12 h-12 rounded-full object-cover\"\n                    style={{\n                      border: '2px solid var(--sk-border, rgba(255,255,255,0.1))',\n                    }}\n                  />\n                ) : (\n                  <div\n                    className=\"flex items-center justify-center w-12 h-12 rounded-full text-sm font-bold\"\n                    style={{\n                      background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 20%, transparent)',\n                      color: 'var(--sk-primary, #6366f1)',\n                    }}\n                  >\n                    {data.author\n                      .split(' ')\n                      .map((w) => w[0])\n                      .join('')\n                      .slice(0, 2)\n                      .toUpperCase()}\n                  </div>\n                )}\n                <div className=\"text-left\">\n                  <div\n                    className=\"font-semibold\"\n                    style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                  >\n                    {data.author}\n                  </div>\n                  <div\n                    className=\"text-sm\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    {data.title}, {data.company}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </GlassCard>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/VideoSection-4A2HC6K6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/portfolio/components/sections/VideoSection.tsx"],"names":[],"mappings":";;;;;AAWA,SAAS,YAAY,IAAA,EAAkC;AACrD,EAAA,IAAI,IAAA,CAAK,QAAA,EAAU,OAAO,IAAA,CAAK,QAAA;AAC/B,EAAA,IAAI,CAAC,IAAA,CAAK,GAAA,EAAK,OAAO,EAAA;AAGtB,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,KAAA;AAAA,IACvB;AAAA,GACF;AACA,EAAA,IAAI,OAAA,EAAS,OAAO,CAAA,8BAAA,EAAiC,OAAA,CAAQ,CAAC,CAAC,CAAA,WAAA,CAAA;AAG/D,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,mBAAmB,CAAA;AACrD,EAAA,IAAI,UAAA,EAAY,OAAO,CAAA,+BAAA,EAAkC,UAAA,CAAW,CAAC,CAAC,CAAA,WAAA,CAAA;AAEtE,EAAA,OAAO,IAAA,CAAK,GAAA;AACd;AAEe,SAAR,YAAA,CAA8B,EAAE,IAAA,EAAK,EAAsB;AAChE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,SAAA,EAAW,KAAA,EAAO,IAAA,IAAQ,EAAA;AACpD,EAAA,MAAM,QAAA,GAAW,YAAY,IAAI,CAAA;AAEjC,EAAA,MAAM,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,IAAI,QAAA,aAAqB,IAAI,CAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,uBAAA;AAAA,MACV,KAAA,EAAO,EAAE,UAAA,EAAY,uBAAA,EAAwB;AAAA,MAE7C,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,GAAG,EAAA,EACf,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,qCAAA;AAAA,YACV,KAAA,EAAO;AAAA,cACL,KAAA,EAAO,iCAAA;AAAA,cACP,UAAA,EAAY;AAAA,aACd;AAAA,YAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,SACR,EACF,CAAA;AAAA,wBAEA,GAAA,CAAC,gBAAa,CAAA,EAAG,EAAA,EAAI,OAAO,IAAA,EAC1B,QAAA,kBAAA,GAAA,CAAC,aAAU,OAAA,EAAQ,IAAA,EAAK,OAAO,KAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,4CAAA,EAA6C,OAAO,EAAE,WAAA,EAAa,MAAA,EAAO,EACtF,QAAA,EAAA,OAAA,mBACC,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,gCAAA;AAAA,YACV,KAAA,EAAM,0CAAA;AAAA,YACN,eAAA,EAAe,IAAA;AAAA,YACf,OAAO,IAAA,CAAK,KAAA;AAAA,YACZ,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAA;AAAO;AAAA,SAC1B,mBAEA,IAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,UAAA;AAAA,YACT,SAAA,EAAU,qDAAA;AAAA,YACV,YAAA,EAAY,CAAA,KAAA,EAAQ,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,YAG7B,QAAA,EAAA;AAAA,cAAA,YAAA,oBACC,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,GAAA,EAAK,YAAA;AAAA,kBACL,KAAK,IAAA,CAAK,KAAA;AAAA,kBACV,SAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BAIF,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,yEAAA;AAAA,kBACV,KAAA,EAAO,EAAE,UAAA,EAAY,iBAAA,EAAmB,SAAS,GAAA;AAAI;AAAA,eACvD;AAAA,8BAGA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mDAAA,EACb,QAAA,kBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,iHAAA;AAAA,kBACV,KAAA,EAAO;AAAA,oBACL,UAAA,EAAY,4BAAA;AAAA,oBACZ,SAAA,EAAW;AAAA,mBACb;AAAA,kBAEA,QAAA,kBAAA,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,KAAA,EAAM,IAAA;AAAA,sBACN,MAAA,EAAO,IAAA;AAAA,sBACP,OAAA,EAAQ,WAAA;AAAA,sBACR,IAAA,EAAK,MAAA;AAAA,sBACL,KAAA,EAAM,4BAAA;AAAA,sBAEN,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oBAAA,EAAqB,MAAK,SAAA,EAAU;AAAA;AAAA;AAC9C;AAAA,eACF,EACF,CAAA;AAAA,cAGC,KAAK,QAAA,oBACJ,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,oEAAA;AAAA,kBACV,KAAA,EAAO;AAAA,oBACL,UAAA,EAAY,iBAAA;AAAA,oBACZ,KAAA,EAAO,SAAA;AAAA,oBACP,cAAA,EAAgB;AAAA,mBAClB;AAAA,kBAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA;AACR;AAAA;AAAA,SAEJ,EAEJ,GACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ","file":"VideoSection-4A2HC6K6.js","sourcesContent":["'use client';\n\nimport React, { useState, useCallback } from 'react';\nimport type { PortfolioVideoData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface VideoSectionProps {\n  data: PortfolioVideoData;\n}\n\nfunction getEmbedUrl(data: PortfolioVideoData): string {\n  if (data.embedUrl) return data.embedUrl;\n  if (!data.url) return '';\n\n  // Parse YouTube URLs\n  const ytMatch = data.url.match(\n    /(?:youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/,\n  );\n  if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}?autoplay=1`;\n\n  // Parse Vimeo URLs\n  const vimeoMatch = data.url.match(/vimeo\\.com\\/(\\d+)/);\n  if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1`;\n\n  return data.url;\n}\n\nexport default function VideoSection({ data }: VideoSectionProps) {\n  const [playing, setPlaying] = useState(false);\n\n  const thumbnailUrl = data.thumbnail?.asset?._ref || '';\n  const embedUrl = getEmbedUrl(data);\n\n  const handlePlay = useCallback(() => {\n    if (embedUrl) setPlaying(true);\n  }, [embedUrl]);\n\n  return (\n    <section\n      className=\"w-full py-20 md:py-28\"\n      style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n    >\n      <div className=\"max-w-5xl mx-auto px-6\">\n        <ScrollReveal y={30}>\n          <h2\n            className=\"text-3xl md:text-4xl font-bold mb-4\"\n            style={{\n              color: 'var(--sk-text-primary, #ffffff)',\n              fontFamily: 'var(--sk-font-heading, inherit)',\n            }}\n          >\n            {data.title}\n          </h2>\n        </ScrollReveal>\n\n        <ScrollReveal y={40} delay={0.15}>\n          <GlassCard padding=\"sm\" hover={false}>\n            <div className=\"relative w-full overflow-hidden rounded-xl\" style={{ aspectRatio: '16/9' }}>\n              {playing ? (\n                <iframe\n                  src={embedUrl}\n                  className=\"absolute inset-0 w-full h-full\"\n                  allow=\"autoplay; fullscreen; picture-in-picture\"\n                  allowFullScreen\n                  title={data.title}\n                  style={{ border: 'none' }}\n                />\n              ) : (\n                <button\n                  onClick={handlePlay}\n                  className=\"absolute inset-0 w-full h-full group cursor-pointer\"\n                  aria-label={`Play ${data.title}`}\n                >\n                  {/* Thumbnail */}\n                  {thumbnailUrl && (\n                    <img\n                      src={thumbnailUrl}\n                      alt={data.title}\n                      className=\"w-full h-full object-cover\"\n                    />\n                  )}\n\n                  {/* Dark overlay */}\n                  <div\n                    className=\"absolute inset-0 transition-opacity duration-300 group-hover:opacity-60\"\n                    style={{ background: 'rgba(0,0,0,0.4)', opacity: 0.5 }}\n                  />\n\n                  {/* Play button */}\n                  <div className=\"absolute inset-0 flex items-center justify-center\">\n                    <div\n                      className=\"flex items-center justify-center w-20 h-20 rounded-full transition-transform duration-300 group-hover:scale-110\"\n                      style={{\n                        background: 'var(--sk-primary, #6366f1)',\n                        boxShadow: '0 8px 32px color-mix(in srgb, var(--sk-primary, #6366f1) 40%, transparent)',\n                      }}\n                    >\n                      <svg\n                        width=\"32\"\n                        height=\"32\"\n                        viewBox=\"0 0 32 32\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path d=\"M12 8l14 8-14 8V8z\" fill=\"#ffffff\" />\n                      </svg>\n                    </div>\n                  </div>\n\n                  {/* Duration badge */}\n                  {data.duration && (\n                    <span\n                      className=\"absolute bottom-4 right-4 px-3 py-1 rounded-lg text-xs font-medium\"\n                      style={{\n                        background: 'rgba(0,0,0,0.6)',\n                        color: '#ffffff',\n                        backdropFilter: 'blur(4px)',\n                      }}\n                    >\n                      {data.duration}\n                    </span>\n                  )}\n                </button>\n              )}\n            </div>\n          </GlassCard>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/VideoSection-G3DFS7UH.cjs

@@ -1,118 +0,0 @@
-'use strict';
-
-var chunkKEOHORIH_cjs = require('./chunk-KEOHORIH.cjs');
-var chunkIKBK7HYX_cjs = require('./chunk-IKBK7HYX.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function getEmbedUrl(data) {
-  if (data.embedUrl) return data.embedUrl;
-  if (!data.url) return "";
-  const ytMatch = data.url.match(
-    /(?:youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/
-  );
-  if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}?autoplay=1`;
-  const vimeoMatch = data.url.match(/vimeo\.com\/(\d+)/);
-  if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1`;
-  return data.url;
-}
-function VideoSection({ data }) {
-  const [playing, setPlaying] = react.useState(false);
-  const thumbnailUrl = data.thumbnail?.asset?._ref || "";
-  const embedUrl = getEmbedUrl(data);
-  const handlePlay = react.useCallback(() => {
-    if (embedUrl) setPlaying(true);
-  }, [embedUrl]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "section",
-    {
-      className: "w-full py-20 md:py-28",
-      style: { background: "var(--sk-bg, #0a0a0a)" },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-5xl mx-auto px-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { y: 30, children: /* @__PURE__ */ jsxRuntime.jsx(
-          "h2",
-          {
-            className: "text-3xl md:text-4xl font-bold mb-4",
-            style: {
-              color: "var(--sk-text-primary, #ffffff)",
-              fontFamily: "var(--sk-font-heading, inherit)"
-            },
-            children: data.title
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { y: 40, delay: 0.15, children: /* @__PURE__ */ jsxRuntime.jsx(chunkKEOHORIH_cjs.GlassCard, { padding: "sm", hover: false, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-hidden rounded-xl", style: { aspectRatio: "16/9" }, children: playing ? /* @__PURE__ */ jsxRuntime.jsx(
-          "iframe",
-          {
-            src: embedUrl,
-            className: "absolute inset-0 w-full h-full",
-            allow: "autoplay; fullscreen; picture-in-picture",
-            allowFullScreen: true,
-            title: data.title,
-            style: { border: "none" }
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            onClick: handlePlay,
-            className: "absolute inset-0 w-full h-full group cursor-pointer",
-            "aria-label": `Play ${data.title}`,
-            children: [
-              thumbnailUrl && /* @__PURE__ */ jsxRuntime.jsx(
-                "img",
-                {
-                  src: thumbnailUrl,
-                  alt: data.title,
-                  className: "w-full h-full object-cover"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: "absolute inset-0 transition-opacity duration-300 group-hover:opacity-60",
-                  style: { background: "rgba(0,0,0,0.4)", opacity: 0.5 }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: "flex items-center justify-center w-20 h-20 rounded-full transition-transform duration-300 group-hover:scale-110",
-                  style: {
-                    background: "var(--sk-primary, #6366f1)",
-                    boxShadow: "0 8px 32px color-mix(in srgb, var(--sk-primary, #6366f1) 40%, transparent)"
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "svg",
-                    {
-                      width: "32",
-                      height: "32",
-                      viewBox: "0 0 32 32",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8l14 8-14 8V8z", fill: "#ffffff" })
-                    }
-                  )
-                }
-              ) }),
-              data.duration && /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: "absolute bottom-4 right-4 px-3 py-1 rounded-lg text-xs font-medium",
-                  style: {
-                    background: "rgba(0,0,0,0.6)",
-                    color: "#ffffff",
-                    backdropFilter: "blur(4px)"
-                  },
-                  children: data.duration
-                }
-              )
-            ]
-          }
-        ) }) }) })
-      ] })
-    }
-  );
-}
-
-module.exports = VideoSection;
-//# sourceMappingURL=VideoSection-G3DFS7UH.cjs.map
-//# sourceMappingURL=VideoSection-G3DFS7UH.cjs.map

package/dist/VideoSection-G3DFS7UH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/portfolio/components/sections/VideoSection.tsx"],"names":["useState","useCallback","jsx","jsxs","ScrollReveal","GlassCard"],"mappings":";;;;;;;AAWA,SAAS,YAAY,IAAA,EAAkC;AACrD,EAAA,IAAI,IAAA,CAAK,QAAA,EAAU,OAAO,IAAA,CAAK,QAAA;AAC/B,EAAA,IAAI,CAAC,IAAA,CAAK,GAAA,EAAK,OAAO,EAAA;AAGtB,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,KAAA;AAAA,IACvB;AAAA,GACF;AACA,EAAA,IAAI,OAAA,EAAS,OAAO,CAAA,8BAAA,EAAiC,OAAA,CAAQ,CAAC,CAAC,CAAA,WAAA,CAAA;AAG/D,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,mBAAmB,CAAA;AACrD,EAAA,IAAI,UAAA,EAAY,OAAO,CAAA,+BAAA,EAAkC,UAAA,CAAW,CAAC,CAAC,CAAA,WAAA,CAAA;AAEtE,EAAA,OAAO,IAAA,CAAK,GAAA;AACd;AAEe,SAAR,YAAA,CAA8B,EAAE,IAAA,EAAK,EAAsB;AAChE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,SAAA,EAAW,KAAA,EAAO,IAAA,IAAQ,EAAA;AACpD,EAAA,MAAM,QAAA,GAAW,YAAY,IAAI,CAAA;AAEjC,EAAA,MAAM,UAAA,GAAaC,kBAAY,MAAM;AACnC,IAAA,IAAI,QAAA,aAAqB,IAAI,CAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,uBACEC,cAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,uBAAA;AAAA,MACV,KAAA,EAAO,EAAE,UAAA,EAAY,uBAAA,EAAwB;AAAA,MAE7C,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAACE,8BAAA,EAAA,EAAa,GAAG,EAAA,EACf,QAAA,kBAAAF,cAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,qCAAA;AAAA,YACV,KAAA,EAAO;AAAA,cACL,KAAA,EAAO,iCAAA;AAAA,cACP,UAAA,EAAY;AAAA,aACd;AAAA,YAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,SACR,EACF,CAAA;AAAA,wBAEAA,cAAA,CAACE,kCAAa,CAAA,EAAG,EAAA,EAAI,OAAO,IAAA,EAC1B,QAAA,kBAAAF,cAAA,CAACG,+BAAU,OAAA,EAAQ,IAAA,EAAK,OAAO,KAAA,EAC7B,QAAA,kBAAAH,cAAA,CAAC,SAAI,SAAA,EAAU,4CAAA,EAA6C,OAAO,EAAE,WAAA,EAAa,MAAA,EAAO,EACtF,QAAA,EAAA,OAAA,mBACCA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,gCAAA;AAAA,YACV,KAAA,EAAM,0CAAA;AAAA,YACN,eAAA,EAAe,IAAA;AAAA,YACf,OAAO,IAAA,CAAK,KAAA;AAAA,YACZ,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAA;AAAO;AAAA,SAC1B,mBAEAC,eAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,UAAA;AAAA,YACT,SAAA,EAAU,qDAAA;AAAA,YACV,YAAA,EAAY,CAAA,KAAA,EAAQ,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,YAG7B,QAAA,EAAA;AAAA,cAAA,YAAA,oBACCD,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,GAAA,EAAK,YAAA;AAAA,kBACL,KAAK,IAAA,CAAK,KAAA;AAAA,kBACV,SAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BAIFA,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,yEAAA;AAAA,kBACV,KAAA,EAAO,EAAE,UAAA,EAAY,iBAAA,EAAmB,SAAS,GAAA;AAAI;AAAA,eACvD;AAAA,8BAGAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mDAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,iHAAA;AAAA,kBACV,KAAA,EAAO;AAAA,oBACL,UAAA,EAAY,4BAAA;AAAA,oBACZ,SAAA,EAAW;AAAA,mBACb;AAAA,kBAEA,QAAA,kBAAAA,cAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,KAAA,EAAM,IAAA;AAAA,sBACN,MAAA,EAAO,IAAA;AAAA,sBACP,OAAA,EAAQ,WAAA;AAAA,sBACR,IAAA,EAAK,MAAA;AAAA,sBACL,KAAA,EAAM,4BAAA;AAAA,sBAEN,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oBAAA,EAAqB,MAAK,SAAA,EAAU;AAAA;AAAA;AAC9C;AAAA,eACF,EACF,CAAA;AAAA,cAGC,KAAK,QAAA,oBACJA,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,oEAAA;AAAA,kBACV,KAAA,EAAO;AAAA,oBACL,UAAA,EAAY,iBAAA;AAAA,oBACZ,KAAA,EAAO,SAAA;AAAA,oBACP,cAAA,EAAgB;AAAA,mBAClB;AAAA,kBAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA;AACR;AAAA;AAAA,SAEJ,EAEJ,GACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ","file":"VideoSection-G3DFS7UH.cjs","sourcesContent":["'use client';\n\nimport React, { useState, useCallback } from 'react';\nimport type { PortfolioVideoData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface VideoSectionProps {\n  data: PortfolioVideoData;\n}\n\nfunction getEmbedUrl(data: PortfolioVideoData): string {\n  if (data.embedUrl) return data.embedUrl;\n  if (!data.url) return '';\n\n  // Parse YouTube URLs\n  const ytMatch = data.url.match(\n    /(?:youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/,\n  );\n  if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}?autoplay=1`;\n\n  // Parse Vimeo URLs\n  const vimeoMatch = data.url.match(/vimeo\\.com\\/(\\d+)/);\n  if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1`;\n\n  return data.url;\n}\n\nexport default function VideoSection({ data }: VideoSectionProps) {\n  const [playing, setPlaying] = useState(false);\n\n  const thumbnailUrl = data.thumbnail?.asset?._ref || '';\n  const embedUrl = getEmbedUrl(data);\n\n  const handlePlay = useCallback(() => {\n    if (embedUrl) setPlaying(true);\n  }, [embedUrl]);\n\n  return (\n    <section\n      className=\"w-full py-20 md:py-28\"\n      style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n    >\n      <div className=\"max-w-5xl mx-auto px-6\">\n        <ScrollReveal y={30}>\n          <h2\n            className=\"text-3xl md:text-4xl font-bold mb-4\"\n            style={{\n              color: 'var(--sk-text-primary, #ffffff)',\n              fontFamily: 'var(--sk-font-heading, inherit)',\n            }}\n          >\n            {data.title}\n          </h2>\n        </ScrollReveal>\n\n        <ScrollReveal y={40} delay={0.15}>\n          <GlassCard padding=\"sm\" hover={false}>\n            <div className=\"relative w-full overflow-hidden rounded-xl\" style={{ aspectRatio: '16/9' }}>\n              {playing ? (\n                <iframe\n                  src={embedUrl}\n                  className=\"absolute inset-0 w-full h-full\"\n                  allow=\"autoplay; fullscreen; picture-in-picture\"\n                  allowFullScreen\n                  title={data.title}\n                  style={{ border: 'none' }}\n                />\n              ) : (\n                <button\n                  onClick={handlePlay}\n                  className=\"absolute inset-0 w-full h-full group cursor-pointer\"\n                  aria-label={`Play ${data.title}`}\n                >\n                  {/* Thumbnail */}\n                  {thumbnailUrl && (\n                    <img\n                      src={thumbnailUrl}\n                      alt={data.title}\n                      className=\"w-full h-full object-cover\"\n                    />\n                  )}\n\n                  {/* Dark overlay */}\n                  <div\n                    className=\"absolute inset-0 transition-opacity duration-300 group-hover:opacity-60\"\n                    style={{ background: 'rgba(0,0,0,0.4)', opacity: 0.5 }}\n                  />\n\n                  {/* Play button */}\n                  <div className=\"absolute inset-0 flex items-center justify-center\">\n                    <div\n                      className=\"flex items-center justify-center w-20 h-20 rounded-full transition-transform duration-300 group-hover:scale-110\"\n                      style={{\n                        background: 'var(--sk-primary, #6366f1)',\n                        boxShadow: '0 8px 32px color-mix(in srgb, var(--sk-primary, #6366f1) 40%, transparent)',\n                      }}\n                    >\n                      <svg\n                        width=\"32\"\n                        height=\"32\"\n                        viewBox=\"0 0 32 32\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path d=\"M12 8l14 8-14 8V8z\" fill=\"#ffffff\" />\n                      </svg>\n                    </div>\n                  </div>\n\n                  {/* Duration badge */}\n                  {data.duration && (\n                    <span\n                      className=\"absolute bottom-4 right-4 px-3 py-1 rounded-lg text-xs font-medium\"\n                      style={{\n                        background: 'rgba(0,0,0,0.6)',\n                        color: '#ffffff',\n                        backdropFilter: 'blur(4px)',\n                      }}\n                    >\n                      {data.duration}\n                    </span>\n                  )}\n                </button>\n              )}\n            </div>\n          </GlassCard>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}