@5voltfx/design-system 0.1.0 → 0.1.1

package/dist/chunk-3LTHHL5C.js

@@ -0,0 +1,11 @@
+// src/components/Card/Card.jsx
+import { jsx } from "react/jsx-runtime";
+function Card({ as: Component = "div", className = "", ...rest }) {
+  const classes = ["ds-card", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Component, { className: classes, ...rest });
+}
+
+export {
+  Card
+};
+//# sourceMappingURL=chunk-3LTHHL5C.js.map

package/dist/chunk-3LTHHL5C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.jsx"],"sourcesContent":["import \"./Card.css\";\n\nexport function Card({ as: Component = \"div\", className = \"\", ...rest }) {\n  const classes = [\"ds-card\", className].filter(Boolean).join(\" \");\n  return <Component className={classes} {...rest} />;\n}\n"],"mappings":";AAIS;AAFF,SAAS,KAAK,EAAE,IAAI,YAAY,OAAO,YAAY,IAAI,GAAG,KAAK,GAAG;AACvE,QAAM,UAAU,CAAC,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAC/D,SAAO,oBAAC,aAAU,WAAW,SAAU,GAAG,MAAM;AAClD;","names":[]}

package/dist/chunk-5KN5TPGG.js

@@ -0,0 +1,30 @@
+import {
+  ThemeSwitcher
+} from "./chunk-YCZXDQJZ.js";
+
+// src/components/Footer/Footer.jsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Footer({
+  brand = "5VoltFX/Matt Welker",
+  showThemeSwitcher = true,
+  left,
+  right,
+  className = ""
+}) {
+  const year = (/* @__PURE__ */ new Date()).getFullYear();
+  return /* @__PURE__ */ jsx("footer", { className: ["ds-footer", className].filter(Boolean).join(" "), children: /* @__PURE__ */ jsxs("div", { className: "ds-footer__inner", children: [
+    /* @__PURE__ */ jsx("div", { className: "ds-footer__left", children: left }),
+    /* @__PURE__ */ jsx("div", { className: "ds-footer__center", children: showThemeSwitcher && /* @__PURE__ */ jsx(ThemeSwitcher, {}) }),
+    /* @__PURE__ */ jsx("div", { className: "ds-footer__right", children: right ?? /* @__PURE__ */ jsxs("span", { className: "ds-footer__copyright", children: [
+      "\xA9 ",
+      year,
+      " ",
+      brand
+    ] }) })
+  ] }) });
+}
+
+export {
+  Footer
+};
+//# sourceMappingURL=chunk-5KN5TPGG.js.map

package/dist/chunk-5KN5TPGG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Footer/Footer.jsx"],"sourcesContent":["import { ThemeSwitcher } from \"../ThemeSwitcher/ThemeSwitcher.jsx\";\nimport \"./Footer.css\";\n\n/**\n * Generalizes the 3 existing footers: 5voltfx.com's simple centered\n * copyright, song-chart's minimal bar, and mattwelker.com's 3-column\n * layout (auth links / theme swatches / copyright). `left` and `right`\n * default to nothing and a copyright string respectively, so a single\n * centered ThemeSwitcher is the only thing rendered out of the box.\n */\nexport function Footer({\n  brand = \"5VoltFX/Matt Welker\",\n  showThemeSwitcher = true,\n  left,\n  right,\n  className = \"\",\n}) {\n  const year = new Date().getFullYear();\n\n  return (\n    <footer className={[\"ds-footer\", className].filter(Boolean).join(\" \")}>\n      <div className=\"ds-footer__inner\">\n        <div className=\"ds-footer__left\">{left}</div>\n        <div className=\"ds-footer__center\">\n          {showThemeSwitcher && <ThemeSwitcher />}\n        </div>\n        <div className=\"ds-footer__right\">\n          {right ?? (\n            <span className=\"ds-footer__copyright\">\n              © {year} {brand}\n            </span>\n          )}\n        </div>\n      </div>\n    </footer>\n  );\n}\n"],"mappings":";;;;;AAsBQ,cAMI,YANJ;AAZD,SAAS,OAAO;AAAA,EACrB,QAAQ;AAAA,EACR,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAAG;AACD,QAAM,QAAO,oBAAI,KAAK,GAAE,YAAY;AAEpC,SACE,oBAAC,YAAO,WAAW,CAAC,aAAa,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAClE,+BAAC,SAAI,WAAU,oBACb;AAAA,wBAAC,SAAI,WAAU,mBAAmB,gBAAK;AAAA,IACvC,oBAAC,SAAI,WAAU,qBACZ,+BAAqB,oBAAC,iBAAc,GACvC;AAAA,IACA,oBAAC,SAAI,WAAU,oBACZ,mBACC,qBAAC,UAAK,WAAU,wBAAuB;AAAA;AAAA,MAClC;AAAA,MAAK;AAAA,MAAE;AAAA,OACZ,GAEJ;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-AYAMNHNF.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-AYAMNHNF.js.map

package/dist/chunk-AYAMNHNF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-BOPVPQLB.js

@@ -0,0 +1,25 @@
+import {
+  Nav
+} from "./chunk-TNWQQ56F.js";
+
+// src/components/Header/Header.jsx
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Header({
+  brand,
+  brandHref = "/",
+  links = [],
+  actions,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx("header", { className: ["ds-header", className].filter(Boolean).join(" "), children: /* @__PURE__ */ jsxs("div", { className: "ds-header__inner", children: [
+    /* @__PURE__ */ jsx(Link, { to: brandHref, className: "ds-header__brand", children: brand }),
+    links.length > 0 && /* @__PURE__ */ jsx(Nav, { links, className: "ds-header__nav" }),
+    actions && /* @__PURE__ */ jsx("div", { className: "ds-header__actions", children: actions })
+  ] }) });
+}
+
+export {
+  Header
+};
+//# sourceMappingURL=chunk-BOPVPQLB.js.map

package/dist/chunk-BOPVPQLB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Header/Header.jsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport { Nav } from \"../Nav/Nav.jsx\";\nimport \"./Header.css\";\n\n/**\n * Generic header shell with brand/nav/actions slots, so each site's\n * bespoke chrome (song-chart's auth-aware menu + fullscreen toggle,\n * mattwelker.com's audio-loop toggle + Venmo link, 5voltfx.com's plain\n * logo-with-text-fallback) stays app-specific and is passed in rather\n * than encoded into this component.\n */\nexport function Header({\n  brand,\n  brandHref = \"/\",\n  links = [],\n  actions,\n  className = \"\",\n}) {\n  return (\n    <header className={[\"ds-header\", className].filter(Boolean).join(\" \")}>\n      <div className=\"ds-header__inner\">\n        <Link to={brandHref} className=\"ds-header__brand\">\n          {brand}\n        </Link>\n        {links.length > 0 && <Nav links={links} className=\"ds-header__nav\" />}\n        {actions && <div className=\"ds-header__actions\">{actions}</div>}\n      </div>\n    </header>\n  );\n}\n"],"mappings":";;;;;AAAA,SAAS,YAAY;AAoBf,SACE,KADF;AATC,SAAS,OAAO;AAAA,EACrB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,YAAY;AACd,GAAG;AACD,SACE,oBAAC,YAAO,WAAW,CAAC,aAAa,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAClE,+BAAC,SAAI,WAAU,oBACb;AAAA,wBAAC,QAAK,IAAI,WAAW,WAAU,oBAC5B,iBACH;AAAA,IACC,MAAM,SAAS,KAAK,oBAAC,OAAI,OAAc,WAAU,kBAAiB;AAAA,IAClE,WAAW,oBAAC,SAAI,WAAU,sBAAsB,mBAAQ;AAAA,KAC3D,GACF;AAEJ;","names":[]}

package/dist/chunk-EW3S3GK6.js

@@ -0,0 +1,41 @@
+// src/components/Typography/Heading.jsx
+import { jsx } from "react/jsx-runtime";
+var SCALE_BY_LEVEL = { 1: "700", 2: "600", 3: "500", 4: "400", 5: "300", 6: "200" };
+function Heading({
+  level = 1,
+  size,
+  decorative = false,
+  className = "",
+  children,
+  ...rest
+}) {
+  const Component = `h${level}`;
+  const scale = size ?? SCALE_BY_LEVEL[level] ?? "300";
+  const classes = [
+    "ds-heading",
+    `ds-heading--${scale}`,
+    decorative ? "ds-heading--decorative" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Component, { className: classes, ...rest, children });
+}
+
+// src/components/Typography/Text.jsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Text({
+  as: Component = "p",
+  size = "200",
+  tone = "default",
+  className = "",
+  children,
+  ...rest
+}) {
+  const classes = ["ds-text", `ds-text--${size}`, `ds-text--${tone}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx2(Component, { className: classes, ...rest, children });
+}
+
+export {
+  Heading,
+  Text
+};
+//# sourceMappingURL=chunk-EW3S3GK6.js.map

package/dist/chunk-EW3S3GK6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Typography/Heading.jsx","../src/components/Typography/Text.jsx"],"sourcesContent":["import \"./Typography.css\";\n\nconst SCALE_BY_LEVEL = { 1: \"700\", 2: \"600\", 3: \"500\", 4: \"400\", 5: \"300\", 6: \"200\" };\n\nexport function Heading({\n  level = 1,\n  size,\n  decorative = false,\n  className = \"\",\n  children,\n  ...rest\n}) {\n  const Component = `h${level}`;\n  const scale = size ?? SCALE_BY_LEVEL[level] ?? \"300\";\n  const classes = [\n    \"ds-heading\",\n    `ds-heading--${scale}`,\n    decorative ? \"ds-heading--decorative\" : \"\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <Component className={classes} {...rest}>\n      {children}\n    </Component>\n  );\n}\n","import \"./Typography.css\";\n\nexport function Text({\n  as: Component = \"p\",\n  size = \"200\",\n  tone = \"default\",\n  className = \"\",\n  children,\n  ...rest\n}) {\n  const classes = [\"ds-text\", `ds-text--${size}`, `ds-text--${tone}`, className]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <Component className={classes} {...rest}>\n      {children}\n    </Component>\n  );\n}\n"],"mappings":";AAwBI;AAtBJ,IAAM,iBAAiB,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM;AAE7E,SAAS,QAAQ;AAAA,EACtB,QAAQ;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,YAAY,IAAI,KAAK;AAC3B,QAAM,QAAQ,QAAQ,eAAe,KAAK,KAAK;AAC/C,QAAM,UAAU;AAAA,IACd;AAAA,IACA,eAAe,KAAK;AAAA,IACpB,aAAa,2BAA2B;AAAA,IACxC;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,oBAAC,aAAU,WAAW,SAAU,GAAG,MAChC,UACH;AAEJ;;;ACbI,gBAAAA,YAAA;AAbG,SAAS,KAAK;AAAA,EACnB,IAAI,YAAY;AAAA,EAChB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,UAAU,CAAC,WAAW,YAAY,IAAI,IAAI,YAAY,IAAI,IAAI,SAAS,EAC1E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAA,KAAC,aAAU,WAAW,SAAU,GAAG,MAChC,UACH;AAEJ;","names":["jsx"]}

package/dist/chunk-NE25337V.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-NE25337V.js.map

package/dist/chunk-NE25337V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-SFECTSQP.js

@@ -0,0 +1,68 @@
+// src/components/Layout/Container.jsx
+import { jsx } from "react/jsx-runtime";
+function Container({ as: Component = "div", className = "", ...rest }) {
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: ["ds-container", className].filter(Boolean).join(" "),
+      ...rest
+    }
+  );
+}
+
+// src/components/Layout/Stack.jsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Stack({
+  as: Component = "div",
+  gap = "4",
+  direction = "column",
+  align,
+  className = "",
+  style,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx2(
+    Component,
+    {
+      className: ["ds-stack", className].filter(Boolean).join(" "),
+      style: {
+        "--ds-stack-gap": `var(--ds-space-${gap})`,
+        flexDirection: direction,
+        alignItems: align,
+        ...style
+      },
+      ...rest
+    }
+  );
+}
+
+// src/components/Layout/Grid.jsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Grid({
+  as: Component = "div",
+  columns = 2,
+  gap = "4",
+  className = "",
+  style,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx3(
+    Component,
+    {
+      className: ["ds-grid", className].filter(Boolean).join(" "),
+      style: {
+        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+        gap: `var(--ds-space-${gap})`,
+        ...style
+      },
+      ...rest
+    }
+  );
+}
+
+export {
+  Container,
+  Stack,
+  Grid
+};
+//# sourceMappingURL=chunk-SFECTSQP.js.map

package/dist/chunk-SFECTSQP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Layout/Container.jsx","../src/components/Layout/Stack.jsx","../src/components/Layout/Grid.jsx"],"sourcesContent":["import \"./Layout.css\";\n\nexport function Container({ as: Component = \"div\", className = \"\", ...rest }) {\n  return (\n    <Component\n      className={[\"ds-container\", className].filter(Boolean).join(\" \")}\n      {...rest}\n    />\n  );\n}\n","import \"./Layout.css\";\n\nexport function Stack({\n  as: Component = \"div\",\n  gap = \"4\",\n  direction = \"column\",\n  align,\n  className = \"\",\n  style,\n  ...rest\n}) {\n  return (\n    <Component\n      className={[\"ds-stack\", className].filter(Boolean).join(\" \")}\n      style={{\n        \"--ds-stack-gap\": `var(--ds-space-${gap})`,\n        flexDirection: direction,\n        alignItems: align,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n}\n","import \"./Layout.css\";\n\nexport function Grid({\n  as: Component = \"div\",\n  columns = 2,\n  gap = \"4\",\n  className = \"\",\n  style,\n  ...rest\n}) {\n  return (\n    <Component\n      className={[\"ds-grid\", className].filter(Boolean).join(\" \")}\n      style={{\n        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,\n        gap: `var(--ds-space-${gap})`,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";AAII;AAFG,SAAS,UAAU,EAAE,IAAI,YAAY,OAAO,YAAY,IAAI,GAAG,KAAK,GAAG;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,CAAC,gBAAgB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC9D,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACGI,gBAAAA,YAAA;AAVG,SAAS,MAAM;AAAA,EACpB,IAAI,YAAY;AAAA,EAChB,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAG;AACD,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,CAAC,YAAY,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC3D,OAAO;AAAA,QACL,kBAAkB,kBAAkB,GAAG;AAAA,QACvC,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACZI,gBAAAC,YAAA;AATG,SAAS,KAAK;AAAA,EACnB,IAAI,YAAY;AAAA,EAChB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAG;AACD,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,CAAC,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC1D,OAAO;AAAA,QACL,qBAAqB,UAAU,OAAO;AAAA,QACtC,KAAK,kBAAkB,GAAG;AAAA,QAC1B,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["jsx","jsx"]}

package/dist/chunk-TNWQQ56F.js

@@ -0,0 +1,19 @@
+// src/components/Nav/Nav.jsx
+import { NavLink } from "react-router-dom";
+import { jsx } from "react/jsx-runtime";
+function Nav({ links = [], className = "" }) {
+  return /* @__PURE__ */ jsx("nav", { className: ["ds-nav", className].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx("ul", { className: "ds-nav__list", children: links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+    NavLink,
+    {
+      to: link.to,
+      end: link.end,
+      className: ({ isActive }) => "ds-nav__link" + (isActive ? " ds-nav__link--active" : ""),
+      children: link.label
+    }
+  ) }, link.to)) }) });
+}
+
+export {
+  Nav
+};
+//# sourceMappingURL=chunk-TNWQQ56F.js.map

package/dist/chunk-TNWQQ56F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/Nav.jsx"],"sourcesContent":["import { NavLink } from \"react-router-dom\";\nimport \"./Nav.css\";\n\n/**\n * Generic nav-links list. Generalizes 5voltfx.com's Navbar.jsx (active\n * underline via NavLink), song-chart's SiteHeader nav, and mattwelker.com's\n * PageNav link list into one component driven by a `links` array.\n */\nexport function Nav({ links = [], className = \"\" }) {\n  return (\n    <nav className={[\"ds-nav\", className].filter(Boolean).join(\" \")}>\n      <ul className=\"ds-nav__list\">\n        {links.map((link) => (\n          <li key={link.to}>\n            <NavLink\n              to={link.to}\n              end={link.end}\n              className={({ isActive }) =>\n                \"ds-nav__link\" + (isActive ? \" ds-nav__link--active\" : \"\")\n              }\n            >\n              {link.label}\n            </NavLink>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n}\n"],"mappings":";AAAA,SAAS,eAAe;AAcZ;AANL,SAAS,IAAI,EAAE,QAAQ,CAAC,GAAG,YAAY,GAAG,GAAG;AAClD,SACE,oBAAC,SAAI,WAAW,CAAC,UAAU,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC5D,8BAAC,QAAG,WAAU,gBACX,gBAAM,IAAI,CAAC,SACV,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,KAAK;AAAA,MACT,KAAK,KAAK;AAAA,MACV,WAAW,CAAC,EAAE,SAAS,MACrB,kBAAkB,WAAW,0BAA0B;AAAA,MAGxD,eAAK;AAAA;AAAA,EACR,KATO,KAAK,EAUd,CACD,GACH,GACF;AAEJ;","names":[]}

package/dist/chunk-U6JTDANG.js

@@ -0,0 +1,22 @@
+// src/components/Button/Button.jsx
+import { jsx } from "react/jsx-runtime";
+function Button({
+  as: Component = "button",
+  variant = "primary",
+  size = "md",
+  className = "",
+  ...rest
+}) {
+  const classes = [
+    "ds-button",
+    `ds-button--${variant}`,
+    `ds-button--${size}`,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Component, { className: classes, ...rest });
+}
+
+export {
+  Button
+};
+//# sourceMappingURL=chunk-U6JTDANG.js.map

package/dist/chunk-U6JTDANG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.jsx"],"sourcesContent":["import \"./Button.css\";\n\nexport function Button({\n  as: Component = \"button\",\n  variant = \"primary\",\n  size = \"md\",\n  className = \"\",\n  ...rest\n}) {\n  const classes = [\n    \"ds-button\",\n    `ds-button--${variant}`,\n    `ds-button--${size}`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return <Component className={classes} {...rest} />;\n}\n"],"mappings":";AAkBS;AAhBF,SAAS,OAAO;AAAA,EACrB,IAAI,YAAY;AAAA,EAChB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,GAAG;AACL,GAAG;AACD,QAAM,UAAU;AAAA,IACd;AAAA,IACA,cAAc,OAAO;AAAA,IACrB,cAAc,IAAI;AAAA,IAClB;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAO,oBAAC,aAAU,WAAW,SAAU,GAAG,MAAM;AAClD;","names":[]}

package/dist/chunk-YCZXDQJZ.js

@@ -0,0 +1,41 @@
+// src/theme/useTheme.js
+import { useContext } from "react";
+
+// src/theme/ThemeContext.js
+import { createContext } from "react";
+var ThemeContext = createContext(null);
+
+// src/theme/useTheme.js
+function useTheme() {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+
+// src/components/ThemeSwitcher/ThemeSwitcher.jsx
+import { jsx } from "react/jsx-runtime";
+function ThemeSwitcher({ className = "" }) {
+  const { theme, setTheme, themes } = useTheme();
+  return /* @__PURE__ */ jsx("div", { className: ["ds-theme-switcher", className].filter(Boolean).join(" "), children: themes.map((option) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "ds-theme-switcher__swatch" + (option.id === theme ? " ds-theme-switcher__swatch--active" : ""),
+      style: { backgroundColor: option.swatch },
+      "aria-label": option.label,
+      "aria-pressed": option.id === theme,
+      title: option.label,
+      onClick: () => setTheme(option.id)
+    },
+    option.id
+  )) });
+}
+
+export {
+  ThemeContext,
+  useTheme,
+  ThemeSwitcher
+};
+//# sourceMappingURL=chunk-YCZXDQJZ.js.map

package/dist/chunk-YCZXDQJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/useTheme.js","../src/theme/ThemeContext.js","../src/components/ThemeSwitcher/ThemeSwitcher.jsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { ThemeContext } from \"./ThemeContext.js\";\n\nexport function useTheme() {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\n  }\n  return context;\n}\n","import { createContext } from \"react\";\n\nexport const ThemeContext = createContext(null);\n","import { useTheme } from \"../../theme/useTheme.js\";\nimport \"./ThemeSwitcher.css\";\n\nexport function ThemeSwitcher({ className = \"\" }) {\n  const { theme, setTheme, themes } = useTheme();\n\n  return (\n    <div className={[\"ds-theme-switcher\", className].filter(Boolean).join(\" \")}>\n      {themes.map((option) => (\n        <button\n          key={option.id}\n          type=\"button\"\n          className={\n            \"ds-theme-switcher__swatch\" +\n            (option.id === theme ? \" ds-theme-switcher__swatch--active\" : \"\")\n          }\n          style={{ backgroundColor: option.swatch }}\n          aria-label={option.label}\n          aria-pressed={option.id === theme}\n          title={option.label}\n          onClick={() => setTheme(option.id)}\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAAA,SAAS,kBAAkB;;;ACA3B,SAAS,qBAAqB;AAEvB,IAAM,eAAe,cAAc,IAAI;;;ADCvC,SAAS,WAAW;AACzB,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;;;AEAQ;AAND,SAAS,cAAc,EAAE,YAAY,GAAG,GAAG;AAChD,QAAM,EAAE,OAAO,UAAU,OAAO,IAAI,SAAS;AAE7C,SACE,oBAAC,SAAI,WAAW,CAAC,qBAAqB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACtE,iBAAO,IAAI,CAAC,WACX;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WACE,+BACC,OAAO,OAAO,QAAQ,uCAAuC;AAAA,MAEhE,OAAO,EAAE,iBAAiB,OAAO,OAAO;AAAA,MACxC,cAAY,OAAO;AAAA,MACnB,gBAAc,OAAO,OAAO;AAAA,MAC5B,OAAO,OAAO;AAAA,MACd,SAAS,MAAM,SAAS,OAAO,EAAE;AAAA;AAAA,IAV5B,OAAO;AAAA,EAWd,CACD,GACH;AAEJ;","names":[]}

package/{src/components/Button/Button.css → dist/components/Button/index.css}

@@ -1,3 +1,4 @@
+/* src/components/Button/Button.css */
 .ds-button {
   display: inline-flex;
   align-items: center;
@@ -18,60 +19,50 @@
     transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),
     box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
 }
-
 .ds-button--md {
   padding: var(--ds-space-3) var(--ds-space-5);
 }
-
 .ds-button--sm {
   padding: var(--ds-space-2) var(--ds-space-4);
   font-size: var(--ds-font-size-100);
 }
-
 .ds-button--lg {
   padding: var(--ds-space-4) var(--ds-space-6);
   font-size: var(--ds-font-size-300);
 }
-
 .ds-button--primary {
   background-color: var(--ds-color-bg-2);
   color: var(--ds-color-font-0);
   box-shadow: var(--ds-shadow-sm);
 }
-
 .ds-button--primary:hover {
   transform: translateY(-1px);
   box-shadow: var(--ds-shadow-md);
 }
-
 .ds-button--secondary {
   background-color: transparent;
   color: var(--ds-color-font-0);
   border-color: var(--ds-color-bw-3);
 }
-
 .ds-button--secondary:hover {
   background-color: var(--ds-color-bw-1);
 }
-
 .ds-button--ghost {
   background: transparent;
   color: var(--ds-color-font-1);
   padding-inline: var(--ds-space-3);
 }
-
 .ds-button--ghost:hover {
   color: var(--ds-color-font-0);
 }
-
 .ds-button:focus-visible {
   outline: 2px solid var(--ds-color-bg-2);
   outline-offset: 2px;
 }
-
 .ds-button:disabled {
   opacity: 0.5;
   cursor: not-allowed;
   transform: none;
   box-shadow: none;
 }
+/*# sourceMappingURL=index.css.map */

package/dist/components/Button/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Button/Button.css"],"sourcesContent":[".ds-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--ds-space-2);\n  border: 1px solid transparent;\n  border-radius: var(--ds-radius-pill);\n  font-family: var(--ds-font-body);\n  font-weight: var(--ds-font-weight-semibold);\n  font-size: var(--ds-font-size-200);\n  line-height: var(--ds-line-height-tight);\n  text-decoration: none;\n  cursor: pointer;\n  transition:\n    background-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n    border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n    color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n    transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),\n    box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-button--md {\n  padding: var(--ds-space-3) var(--ds-space-5);\n}\n\n.ds-button--sm {\n  padding: var(--ds-space-2) var(--ds-space-4);\n  font-size: var(--ds-font-size-100);\n}\n\n.ds-button--lg {\n  padding: var(--ds-space-4) var(--ds-space-6);\n  font-size: var(--ds-font-size-300);\n}\n\n.ds-button--primary {\n  background-color: var(--ds-color-bg-2);\n  color: var(--ds-color-font-0);\n  box-shadow: var(--ds-shadow-sm);\n}\n\n.ds-button--primary:hover {\n  transform: translateY(-1px);\n  box-shadow: var(--ds-shadow-md);\n}\n\n.ds-button--secondary {\n  background-color: transparent;\n  color: var(--ds-color-font-0);\n  border-color: var(--ds-color-bw-3);\n}\n\n.ds-button--secondary:hover {\n  background-color: var(--ds-color-bw-1);\n}\n\n.ds-button--ghost {\n  background: transparent;\n  color: var(--ds-color-font-1);\n  padding-inline: var(--ds-space-3);\n}\n\n.ds-button--ghost:hover {\n  color: var(--ds-color-font-0);\n}\n\n.ds-button:focus-visible {\n  outline: 2px solid var(--ds-color-bg-2);\n  outline-offset: 2px;\n}\n\n.ds-button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  transform: none;\n  box-shadow: none;\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACT,UAAQ,IAAI,MAAM;AAClB,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,mBAAiB;AACjB,UAAQ;AACR;AAAA,IACE,iBAAiB,IAAI,2BAA2B,IAAI,0BAA0B;AAAA,IAC9E,aAAa,IAAI,2BAA2B,IAAI,0BAA0B;AAAA,IAC1E,MAAM,IAAI,2BAA2B,IAAI,0BAA0B;AAAA,IACnE,UAAU,IAAI,2BAA2B,IAAI,0BAA0B;AAAA,IACvE,WAAW,IAAI,2BAA2B,IAAI;AAClD;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AACjC;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACjB;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACjB;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACX,cAAY,IAAI;AAClB;AAEA,CANC,kBAMkB;AACjB,aAAW,WAAW;AACtB,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,oBAAkB;AAClB,SAAO,IAAI;AACX,gBAAc,IAAI;AACpB;AAEA,CANC,oBAMoB;AACnB,oBAAkB,IAAI;AACxB;AAEA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI;AACX,kBAAgB,IAAI;AACtB;AAEA,CANC,gBAMgB;AACf,SAAO,IAAI;AACb;AAEA,CAlEC,SAkES;AACR,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,CAvEC,SAuES;AACR,WAAS;AACT,UAAQ;AACR,aAAW;AACX,cAAY;AACd;","names":[]}

package/dist/components/Button/index.js

@@ -0,0 +1,7 @@
+import {
+  Button
+} from "../../chunk-U6JTDANG.js";
+export {
+  Button
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/{src/components/Card/Card.css → dist/components/Card/index.css}

@@ -1,3 +1,4 @@
+/* src/components/Card/Card.css */
 .ds-card {
   background-color: var(--ds-color-bg-1);
   color: var(--ds-color-font-0);
@@ -5,7 +6,6 @@
   border-radius: var(--ds-radius-lg);
   padding: var(--ds-space-5);
   box-shadow: var(--ds-shadow-sm);
-  transition:
-    box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard),
-    transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+  transition: box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard), transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
 }
+/*# sourceMappingURL=index.css.map */

package/dist/components/Card/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Card/Card.css"],"sourcesContent":[".ds-card {\n  background-color: var(--ds-color-bg-1);\n  color: var(--ds-color-font-0);\n  border: 1px solid var(--ds-color-bw-1);\n  border-radius: var(--ds-radius-lg);\n  padding: var(--ds-space-5);\n  box-shadow: var(--ds-shadow-sm);\n  transition:\n    box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n    transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n"],"mappings":";AAAA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACX,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,WAAS,IAAI;AACb,cAAY,IAAI;AAChB,cACE,WAAW,IAAI,2BAA2B,IAAI,0BAA0B,EACxE,UAAU,IAAI,2BAA2B,IAAI;AACjD;","names":[]}

package/dist/components/Card/index.js

@@ -0,0 +1,7 @@
+import {
+  Card
+} from "../../chunk-3LTHHL5C.js";
+export {
+  Card
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/{src/components/Footer/Footer.css → dist/components/Footer/index.css}

@@ -1,10 +1,36 @@
+/* src/components/ThemeSwitcher/ThemeSwitcher.css */
+.ds-theme-switcher {
+  display: flex;
+  align-items: center;
+  gap: var(--ds-space-2);
+}
+.ds-theme-switcher__swatch {
+  width: 20px;
+  height: 20px;
+  border-radius: var(--ds-radius-pill);
+  border: 2px solid transparent;
+  cursor: pointer;
+  padding: 0;
+  transition: transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard), border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+}
+.ds-theme-switcher__swatch:hover {
+  transform: scale(1.15);
+}
+.ds-theme-switcher__swatch--active {
+  border-color: var(--ds-color-font-0);
+}
+.ds-theme-switcher__swatch:focus-visible {
+  outline: 2px solid var(--ds-color-bg-2);
+  outline-offset: 2px;
+}
+
+/* src/components/Footer/Footer.css */
 .ds-footer {
   background-color: var(--ds-color-bg-1);
   color: var(--ds-color-font-1);
   border-top: 1px solid var(--ds-color-bw-1);
   font-family: var(--ds-font-body);
 }
-
 .ds-footer__inner {
   max-width: 1200px;
   margin: 0 auto;
@@ -14,35 +40,30 @@
   justify-content: space-between;
   gap: var(--ds-space-4);
 }
-
 .ds-footer__left,
 .ds-footer__right {
   flex: 1;
   display: flex;
   align-items: center;
 }
-
 .ds-footer__right {
   justify-content: flex-end;
 }
-
 .ds-footer__center {
   display: flex;
   justify-content: center;
 }
-
 .ds-footer__copyright {
   font-size: var(--ds-font-size-100);
 }
-
 @media (width <= 660px) {
   .ds-footer__inner {
     flex-direction: column;
     padding: var(--ds-space-4);
   }
-
   .ds-footer__left,
   .ds-footer__right {
     justify-content: center;
   }
 }
+/*# sourceMappingURL=index.css.map */

package/dist/components/Footer/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ThemeSwitcher/ThemeSwitcher.css","../../../src/components/Footer/Footer.css"],"sourcesContent":[".ds-theme-switcher {\n  display: flex;\n  align-items: center;\n  gap: var(--ds-space-2);\n}\n\n.ds-theme-switcher__swatch {\n  width: 20px;\n  height: 20px;\n  border-radius: var(--ds-radius-pill);\n  border: 2px solid transparent;\n  cursor: pointer;\n  padding: 0;\n  transition:\n    transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),\n    border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-theme-switcher__swatch:hover {\n  transform: scale(1.15);\n}\n\n.ds-theme-switcher__swatch--active {\n  border-color: var(--ds-color-font-0);\n}\n\n.ds-theme-switcher__swatch:focus-visible {\n  outline: 2px solid var(--ds-color-bg-2);\n  outline-offset: 2px;\n}\n",".ds-footer {\n  background-color: var(--ds-color-bg-1);\n  color: var(--ds-color-font-1);\n  border-top: 1px solid var(--ds-color-bw-1);\n  font-family: var(--ds-font-body);\n}\n\n.ds-footer__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: var(--ds-space-4) var(--ds-space-6);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--ds-space-4);\n}\n\n.ds-footer__left,\n.ds-footer__right {\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n\n.ds-footer__right {\n  justify-content: flex-end;\n}\n\n.ds-footer__center {\n  display: flex;\n  justify-content: center;\n}\n\n.ds-footer__copyright {\n  font-size: var(--ds-font-size-100);\n}\n\n@media (width <= 660px) {\n  .ds-footer__inner {\n    flex-direction: column;\n    padding: var(--ds-space-4);\n  }\n\n  .ds-footer__left,\n  .ds-footer__right {\n    justify-content: center;\n  }\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACX;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM;AAClB,UAAQ;AACR,WAAS;AACT,cACE,UAAU,IAAI,2BAA2B,IAAI,0BAA0B,EACvE,aAAa,IAAI,2BAA2B,IAAI;AACpD;AAEA,CAZC,yBAYyB;AACxB,aAAW,MAAM;AACnB;AAEA,CAAC;AACC,gBAAc,IAAI;AACpB;AAEA,CApBC,yBAoByB;AACxB,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;;;AC7BA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACX,cAAY,IAAI,MAAM,IAAI;AAC1B,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,aAAW;AACX,UAAQ,EAAE;AACV,WAAS,IAAI,cAAc,IAAI;AAC/B,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACX;AAEA,CAAC;AACD,CAAC;AACC,QAAM;AACN,WAAS;AACT,eAAa;AACf;AAEA,CANC;AAOC,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS;AACT,mBAAiB;AACnB;AAEA,CAAC;AACC,aAAW,IAAI;AACjB;AAEA,QAAQ,SAAS;AACf,GA/BD;AAgCG,oBAAgB;AAChB,aAAS,IAAI;AACf;AAEA,GA1BD;AAAA,EA2BC,CA1BD;AA2BG,qBAAiB;AACnB;AACF;","names":[]}

package/dist/components/Footer/index.js

@@ -0,0 +1,8 @@
+import {
+  Footer
+} from "../../chunk-5KN5TPGG.js";
+import "../../chunk-YCZXDQJZ.js";
+export {
+  Footer
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/Header/index.css

@@ -0,0 +1,98 @@
+/* src/components/Nav/Nav.css */
+.ds-nav__list {
+  display: flex;
+  align-items: center;
+  gap: var(--ds-space-5);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.ds-nav__link {
+  position: relative;
+  display: inline-block;
+  padding: var(--ds-space-2) 0;
+  color: var(--ds-color-font-1);
+  font-family: var(--ds-font-body);
+  font-weight: var(--ds-font-weight-medium);
+  font-size: var(--ds-font-size-100);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  text-decoration: none;
+  transition: color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+}
+.ds-nav__link::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: -2px;
+  width: 100%;
+  height: 2px;
+  background-color: var(--ds-color-bg-2);
+  transform: scaleX(0);
+  transform-origin: left;
+  transition: transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+}
+.ds-nav__link:hover {
+  color: var(--ds-color-font-0);
+}
+.ds-nav__link:hover::after {
+  transform: scaleX(1);
+}
+.ds-nav__link--active {
+  color: var(--ds-color-font-0);
+}
+.ds-nav__link--active::after {
+  transform: scaleX(1);
+}
+@media (width <= 660px) {
+  .ds-nav__list {
+    gap: var(--ds-space-3);
+  }
+  .ds-nav__link {
+    font-size: 0.75rem;
+  }
+}
+
+/* src/components/Header/Header.css */
+.ds-header {
+  background-color: var(--ds-color-bg-0);
+  color: var(--ds-color-font-0);
+  border-bottom: 1px solid var(--ds-color-bw-1);
+  font-family: var(--ds-font-body);
+}
+.ds-header__inner {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: var(--ds-space-4) var(--ds-space-6);
+  display: flex;
+  align-items: center;
+  gap: var(--ds-space-6);
+}
+.ds-header__brand {
+  display: flex;
+  align-items: center;
+  color: var(--ds-color-font-0);
+  text-decoration: none;
+  font-weight: var(--ds-font-weight-bold);
+  font-size: var(--ds-font-size-300);
+  letter-spacing: 0.02em;
+}
+.ds-header__nav {
+  flex: 1;
+}
+.ds-header__actions {
+  display: flex;
+  align-items: center;
+  gap: var(--ds-space-3);
+  margin-left: auto;
+}
+@media (width <= 480px) {
+  .ds-header__inner {
+    padding: var(--ds-space-3) var(--ds-space-4);
+    gap: var(--ds-space-4);
+  }
+  .ds-header__brand {
+    font-size: var(--ds-font-size-200);
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/Header/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Nav/Nav.css","../../../src/components/Header/Header.css"],"sourcesContent":[".ds-nav__list {\n  display: flex;\n  align-items: center;\n  gap: var(--ds-space-5);\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.ds-nav__link {\n  position: relative;\n  display: inline-block;\n  padding: var(--ds-space-2) 0;\n  color: var(--ds-color-font-1);\n  font-family: var(--ds-font-body);\n  font-weight: var(--ds-font-weight-medium);\n  font-size: var(--ds-font-size-100);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  text-decoration: none;\n  transition: color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-nav__link::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -2px;\n  width: 100%;\n  height: 2px;\n  background-color: var(--ds-color-bg-2);\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-nav__link:hover {\n  color: var(--ds-color-font-0);\n}\n\n.ds-nav__link:hover::after {\n  transform: scaleX(1);\n}\n\n.ds-nav__link--active {\n  color: var(--ds-color-font-0);\n}\n\n.ds-nav__link--active::after {\n  transform: scaleX(1);\n}\n\n@media (width <= 660px) {\n  .ds-nav__list {\n    gap: var(--ds-space-3);\n  }\n\n  .ds-nav__link {\n    font-size: 0.75rem;\n  }\n}\n",".ds-header {\n  background-color: var(--ds-color-bg-0);\n  color: var(--ds-color-font-0);\n  border-bottom: 1px solid var(--ds-color-bw-1);\n  font-family: var(--ds-font-body);\n}\n\n.ds-header__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: var(--ds-space-4) var(--ds-space-6);\n  display: flex;\n  align-items: center;\n  gap: var(--ds-space-6);\n}\n\n.ds-header__brand {\n  display: flex;\n  align-items: center;\n  color: var(--ds-color-font-0);\n  text-decoration: none;\n  font-weight: var(--ds-font-weight-bold);\n  font-size: var(--ds-font-size-300);\n  letter-spacing: 0.02em;\n}\n\n.ds-header__nav {\n  flex: 1;\n}\n\n.ds-header__actions {\n  display: flex;\n  align-items: center;\n  gap: var(--ds-space-3);\n  margin-left: auto;\n}\n\n@media (width <= 480px) {\n  .ds-header__inner {\n    padding: var(--ds-space-3) var(--ds-space-4);\n    gap: var(--ds-space-4);\n  }\n\n  .ds-header__brand {\n    font-size: var(--ds-font-size-200);\n  }\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACT,cAAY;AACZ,UAAQ;AACR,WAAS;AACX;AAEA,CAAC;AACC,YAAU;AACV,WAAS;AACT,WAAS,IAAI,cAAc;AAC3B,SAAO,IAAI;AACX,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,kBAAgB;AAChB,kBAAgB;AAChB,mBAAiB;AACjB,cAAY,MAAM,IAAI,2BAA2B,IAAI;AACvD;AAEA,CAdC,YAcY;AACX,WAAS;AACT,YAAU;AACV,QAAM;AACN,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,oBAAkB,IAAI;AACtB,aAAW,OAAO;AAClB,oBAAkB;AAClB,cAAY,UAAU,IAAI,2BAA2B,IAAI;AAC3D;AAEA,CA3BC,YA2BY;AACX,SAAO,IAAI;AACb;AAEA,CA/BC,YA+BY,MAAM;AACjB,aAAW,OAAO;AACpB;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAJC,oBAIoB;AACnB,aAAW,OAAO;AACpB;AAEA,QAAQ,SAAS;AACf,GArDD;AAsDG,SAAK,IAAI;AACX;AAEA,GAhDD;AAiDG,eAAW;AACb;AACF;;;AC5DA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACX,iBAAe,IAAI,MAAM,IAAI;AAC7B,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,aAAW;AACX,UAAQ,EAAE;AACV,WAAS,IAAI,cAAc,IAAI;AAC/B,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACX;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,SAAO,IAAI;AACX,mBAAiB;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,kBAAgB;AAClB;AAEA,CAAC;AACC,QAAM;AACR;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACT,eAAa;AACf;AAEA,QAAQ,SAAS;AACf,GA/BD;AAgCG,aAAS,IAAI,cAAc,IAAI;AAC/B,SAAK,IAAI;AACX;AAEA,GA3BD;AA4BG,eAAW,IAAI;AACjB;AACF;","names":[]}