singularity-components 0.1.140 → 0.1.193

package/dist/components/templates/navigation/header.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface NavLink {
+    label: string;
+    to: string;
+}
+interface HeaderProps {
+    navLinks?: NavLink[];
+    extrasLinks?: NavLink[];
+    logo?: React.ReactNode;
+    currentPath?: string;
+    loginPath?: string;
+    loginLabel?: string;
+    extrasLabel?: string;
+}
+declare function Header({ navLinks, extrasLinks, logo, currentPath, loginPath, loginLabel, extrasLabel, }: HeaderProps): react_jsx_runtime.JSX.Element;
+
+export { Header, type HeaderProps, type NavLink };

package/dist/components/templates/navigation/header.js

@@ -0,0 +1,222 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../../primitives/buttons/button.js";
+import {
+  Sheet,
+  SheetContent,
+  SheetTrigger,
+  SheetTitle
+} from "../../primitives/sheet/sheet.js";
+import { useTheme } from "../../providers/theme-provider.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../primitives/dropdown-menu/dropdown-menu.js";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "../../primitives/collapsible/collapsible.js";
+import { LinkButton } from "../../primitives/buttons/link-button.js";
+import { Link } from "../../primitives/link/link.js";
+import {
+  Icon,
+  IconButton,
+  Layout
+} from "singularity-components/components/primitives/index";
+function Header({
+  navLinks = [],
+  extrasLinks = [],
+  logo = "Singularity.",
+  currentPath = "/",
+  loginPath = "/login",
+  loginLabel = "Log in",
+  extrasLabel = "Extras"
+}) {
+  const { toggleTheme, resolvedTheme, mounted } = useTheme();
+  const [open, setOpen] = React.useState(false);
+  const headerRef = React.useRef(null);
+  const [spotlightPos, setSpotlightPos] = React.useState({ x: -200, y: -200 });
+  const isActive = (path) => path === "/" ? currentPath === "/" : currentPath.startsWith(path);
+  const handleMouseMove = React.useCallback(
+    (e) => {
+      const rect = headerRef.current?.getBoundingClientRect();
+      if (!rect) return;
+      setSpotlightPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });
+    },
+    []
+  );
+  const handleMouseLeave = React.useCallback(() => {
+    setSpotlightPos({ x: -200, y: -200 });
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Layout,
+    {
+      className: "border-b border-gray-light",
+      as: "header",
+      onMouseMove: handleMouseMove,
+      onMouseLeave: handleMouseLeave,
+      children: /* @__PURE__ */ jsxs(Layout.Col1, { hideDiv: true, children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "sg:absolute sg:pointer-events-none sg:transition-opacity sg:duration-300",
+            style: {
+              left: spotlightPos.x - 120,
+              top: spotlightPos.y - 120,
+              width: 240,
+              height: 240,
+              background: "radial-gradient(circle, hsl(var(--sg-primary) / 0.15) 0%, transparent 70%)",
+              opacity: spotlightPos.x < 0 ? 0 : 1
+            },
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "sg:container sg:mx-auto sg:flex sg:h-16 sg:items-center sg:justify-between sg:relative sg:px-4", children: [
+          /* @__PURE__ */ jsx(Link, { to: "/", variant: "logo", children: logo }),
+          /* @__PURE__ */ jsxs(
+            "nav",
+            {
+              className: "sg:hidden sg:md:flex sg:items-center sg:gap-1",
+              "aria-label": "Main navigation",
+              children: [
+                navLinks.map((link) => /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    to: link.to,
+                    variant: isActive(link.to) ? "nav-desktop-active" : "nav-desktop",
+                    children: link.label
+                  },
+                  link.to
+                )),
+                extrasLinks.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+                  /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", children: [
+                    extrasLabel,
+                    /* @__PURE__ */ jsx(Icon, { icon: "ChevronDown" })
+                  ] }) }),
+                  /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", children: [
+                    /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs(
+                      Link,
+                      {
+                        to: "/extras",
+                        className: "sg:w-full",
+                        variant: "no-decoration",
+                        children: [
+                          "All ",
+                          extrasLabel
+                        ]
+                      }
+                    ) }),
+                    extrasLinks.map((link) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Link,
+                      {
+                        to: link.to,
+                        className: "sg:w-full",
+                        variant: "no-decoration",
+                        children: link.label
+                      }
+                    ) }, link.to))
+                  ] })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-2", children: [
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                variant: "ghost",
+                size: "sm",
+                icon: resolvedTheme === "light" ? "Moon" : "Sun",
+                onClick: toggleTheme,
+                "aria-label": mounted ? `Switch to ${resolvedTheme === "light" ? "dark" : "light"} mode` : "Switch theme"
+              }
+            ),
+            /* @__PURE__ */ jsx(LinkButton, { variant: "outline", size: "sm", to: loginPath, children: loginLabel }),
+            /* @__PURE__ */ jsx("div", { className: "sg:md:hidden", children: /* @__PURE__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
+              /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, className: "sg:md:hidden", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  variant: "ghost",
+                  icon: "Menu",
+                  "aria-label": "Open menu"
+                }
+              ) }),
+              /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "sg:w-72", children: [
+                /* @__PURE__ */ jsx(SheetTitle, { className: "sg:font-serif sg:text-xl sg:text-primary sg:mb-6", children: "Menu" }),
+                /* @__PURE__ */ jsxs(
+                  "nav",
+                  {
+                    className: "sg:flex sg:flex-col sg:gap-1",
+                    "aria-label": "Mobile navigation",
+                    children: [
+                      navLinks.map((link) => /* @__PURE__ */ jsx(
+                        Link,
+                        {
+                          to: link.to,
+                          variant: isActive(link.to) ? "nav-mobile-active" : "nav-mobile",
+                          onClick: () => setOpen(false),
+                          children: link.label
+                        },
+                        link.to
+                      )),
+                      extrasLinks.length > 0 && /* @__PURE__ */ jsxs(Collapsible, { children: [
+                        /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "sg:flex sg:items-center sg:justify-between sg:w-full sg:px-3 sg:py-3 sg:rounded-md sg:text-base sg:font-medium sg:transition-colors sg:hover:text-primary sg:text-muted-foreground sg:cursor-pointer", children: [
+                          extrasLabel,
+                          " ",
+                          /* @__PURE__ */ jsx(Icon, { icon: "ChevronDown" })
+                        ] }),
+                        /* @__PURE__ */ jsxs(CollapsibleContent, { className: "sg:pl-4 sg:flex sg:flex-col sg:gap-1", children: [
+                          /* @__PURE__ */ jsxs(
+                            Link,
+                            {
+                              to: "/extras",
+                              variant: "no-decoration",
+                              onClick: () => setOpen(false),
+                              className: "sg:px-3 sg:py-2 sg:rounded-md sg:text-sm sg:font-medium sg:text-muted-foreground sg:hover:text-primary sg:transition-colors",
+                              children: [
+                                "All ",
+                                extrasLabel
+                              ]
+                            }
+                          ),
+                          extrasLinks.map((link) => /* @__PURE__ */ jsx(
+                            Link,
+                            {
+                              to: link.to,
+                              variant: "no-decoration",
+                              onClick: () => setOpen(false),
+                              className: "sg:px-3 sg:py-2 sg:rounded-md sg:text-sm sg:font-medium sg:text-muted-foreground sg:hover:text-primary sg:transition-colors",
+                              children: link.label
+                            },
+                            link.to
+                          ))
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsx(
+                        LinkButton,
+                        {
+                          variant: "outline",
+                          to: loginPath,
+                          className: "sg:w-full sg:mt-4",
+                          onClick: () => setOpen(false),
+                          children: loginLabel
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] })
+            ] }) })
+          ] })
+        ] })
+      ] })
+    }
+  ) });
+}
+export {
+  Header
+};
+//# sourceMappingURL=header.js.map

package/dist/components/templates/navigation/header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/templates/navigation/header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button } from \"../../primitives/buttons/button\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetTrigger,\n  SheetTitle,\n} from \"../../primitives/sheet/sheet\";\nimport { useTheme } from \"../../providers/theme-provider\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../../primitives/dropdown-menu/dropdown-menu\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"../../primitives/collapsible/collapsible\";\nimport { LinkButton } from \"../../primitives/buttons/link-button\";\nimport { Link } from \"../../primitives/link/link\";\nimport {\n  Icon,\n  IconButton,\n  Layout,\n} from \"singularity-components/components/primitives/index\";\n\nexport interface NavLink {\n  label: string;\n  to: string;\n}\n\nexport interface HeaderProps {\n  navLinks?: NavLink[];\n  extrasLinks?: NavLink[];\n  logo?: React.ReactNode;\n  currentPath?: string;\n  loginPath?: string;\n  loginLabel?: string;\n  extrasLabel?: string;\n}\n\nexport function Header({\n  navLinks = [],\n  extrasLinks = [],\n  logo = \"Singularity.\",\n  currentPath = \"/\",\n  loginPath = \"/login\",\n  loginLabel = \"Log in\",\n  extrasLabel = \"Extras\",\n}: HeaderProps) {\n  const { toggleTheme, resolvedTheme, mounted } = useTheme();\n  const [open, setOpen] = React.useState(false);\n  const headerRef = React.useRef<HTMLElement>(null);\n  const [spotlightPos, setSpotlightPos] = React.useState({ x: -200, y: -200 });\n\n  const isActive = (path: string) =>\n    path === \"/\" ? currentPath === \"/\" : currentPath.startsWith(path);\n\n  const handleMouseMove = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      const rect = headerRef.current?.getBoundingClientRect();\n      if (!rect) return;\n      setSpotlightPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });\n    },\n    [],\n  );\n\n  const handleMouseLeave = React.useCallback(() => {\n    setSpotlightPos({ x: -200, y: -200 });\n  }, []);\n\n  return (\n    <>\n      <Layout\n        className=\"border-b border-gray-light\"\n        as=\"header\"\n        onMouseMove={handleMouseMove}\n        onMouseLeave={handleMouseLeave}\n        // ref={headerRef}\n      >\n        <Layout.Col1 hideDiv>\n          {/* Cursor spotlight */}\n          <div\n            className=\"sg:absolute sg:pointer-events-none sg:transition-opacity sg:duration-300\"\n            style={{\n              left: spotlightPos.x - 120,\n              top: spotlightPos.y - 120,\n              width: 240,\n              height: 240,\n              background:\n                \"radial-gradient(circle, hsl(var(--sg-primary) / 0.15) 0%, transparent 70%)\",\n              opacity: spotlightPos.x < 0 ? 0 : 1,\n            }}\n            aria-hidden=\"true\"\n          />\n          <div className=\"sg:container sg:mx-auto sg:flex sg:h-16 sg:items-center sg:justify-between sg:relative sg:px-4\">\n            {/* Logo */}\n            <Link to=\"/\" variant=\"logo\">\n              {logo}\n            </Link>\n\n            {/* Desktop nav */}\n            <nav\n              className=\"sg:hidden sg:md:flex sg:items-center sg:gap-1\"\n              aria-label=\"Main navigation\"\n            >\n              {navLinks.map((link) => (\n                <Link\n                  key={link.to}\n                  to={link.to}\n                  variant={\n                    isActive(link.to) ? \"nav-desktop-active\" : \"nav-desktop\"\n                  }\n                >\n                  {link.label}\n                </Link>\n              ))}\n\n              {/* Extras dropdown */}\n              {extrasLinks.length > 0 && (\n                <DropdownMenu>\n                  <DropdownMenuTrigger asChild>\n                    <Button variant=\"ghost\">\n                      {extrasLabel}\n                      <Icon icon=\"ChevronDown\" />\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent align=\"start\">\n                    <DropdownMenuItem asChild>\n                      <Link\n                        to=\"/extras\"\n                        className=\"sg:w-full\"\n                        variant=\"no-decoration\"\n                      >\n                        All {extrasLabel}\n                      </Link>\n                    </DropdownMenuItem>\n                    {extrasLinks.map((link) => (\n                      <DropdownMenuItem key={link.to} asChild>\n                        <Link\n                          to={link.to}\n                          className=\"sg:w-full\"\n                          variant=\"no-decoration\"\n                        >\n                          {link.label}\n                        </Link>\n                      </DropdownMenuItem>\n                    ))}\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              )}\n            </nav>\n\n            <div className=\"sg:flex sg:items-center sg:gap-2\">\n              {/* Theme toggle */}\n              <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                icon={resolvedTheme === \"light\" ? \"Moon\" : \"Sun\"}\n                onClick={toggleTheme}\n                aria-label={\n                  mounted\n                    ? `Switch to ${resolvedTheme === \"light\" ? \"dark\" : \"light\"} mode`\n                    : \"Switch theme\"\n                }\n              />\n\n              {/* Login link - desktop */}\n              <LinkButton variant=\"outline\" size=\"sm\" to={loginPath}>\n                {loginLabel}\n              </LinkButton>\n\n              {/* Mobile menu */}\n              <div className=\"sg:md:hidden\">\n                <Sheet open={open} onOpenChange={setOpen}>\n                  <SheetTrigger asChild className=\"sg:md:hidden\">\n                    <IconButton\n                      variant=\"ghost\"\n                      icon=\"Menu\"\n                      aria-label={\"Open menu\"}\n                    />\n                  </SheetTrigger>\n                  <SheetContent side=\"right\" className=\"sg:w-72\">\n                    <SheetTitle className=\"sg:font-serif sg:text-xl sg:text-primary sg:mb-6\">\n                      Menu\n                    </SheetTitle>\n                    <nav\n                      className=\"sg:flex sg:flex-col sg:gap-1\"\n                      aria-label=\"Mobile navigation\"\n                    >\n                      {navLinks.map((link) => (\n                        <Link\n                          key={link.to}\n                          to={link.to}\n                          variant={\n                            isActive(link.to)\n                              ? \"nav-mobile-active\"\n                              : \"nav-mobile\"\n                          }\n                          onClick={() => setOpen(false)}\n                        >\n                          {link.label}\n                        </Link>\n                      ))}\n                      {/* Extras collapsible */}\n                      {extrasLinks.length > 0 && (\n                        <Collapsible>\n                          <CollapsibleTrigger className=\"sg:flex sg:items-center sg:justify-between sg:w-full sg:px-3 sg:py-3 sg:rounded-md sg:text-base sg:font-medium sg:transition-colors sg:hover:text-primary sg:text-muted-foreground sg:cursor-pointer\">\n                            {extrasLabel} <Icon icon=\"ChevronDown\" />\n                          </CollapsibleTrigger>\n                          <CollapsibleContent className=\"sg:pl-4 sg:flex sg:flex-col sg:gap-1\">\n                            <Link\n                              to=\"/extras\"\n                              variant=\"no-decoration\"\n                              onClick={() => setOpen(false)}\n                              className=\"sg:px-3 sg:py-2 sg:rounded-md sg:text-sm sg:font-medium sg:text-muted-foreground sg:hover:text-primary sg:transition-colors\"\n                            >\n                              All {extrasLabel}\n                            </Link>\n                            {extrasLinks.map((link) => (\n                              <Link\n                                key={link.to}\n                                to={link.to}\n                                variant=\"no-decoration\"\n                                onClick={() => setOpen(false)}\n                                className=\"sg:px-3 sg:py-2 sg:rounded-md sg:text-sm sg:font-medium sg:text-muted-foreground sg:hover:text-primary sg:transition-colors\"\n                              >\n                                {link.label}\n                              </Link>\n                            ))}\n                          </CollapsibleContent>\n                        </Collapsible>\n                      )}\n                      <LinkButton\n                        variant=\"outline\"\n                        to={loginPath}\n                        className=\"sg:w-full sg:mt-4\"\n                        onClick={() => setOpen(false)}\n                      >\n                        {loginLabel}\n                      </LinkButton>\n                    </nav>\n                  </SheetContent>\n                </Sheet>\n              </div>\n            </div>\n          </div>\n        </Layout.Col1>\n      </Layout>\n    </>\n  );\n}\n"],"mappings":"AA0EI,mBAUM,KAwCU,YAlDhB;AA1EJ,YAAY,WAAW;AACvB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAiBA,SAAS,OAAO;AAAA,EACrB,WAAW,CAAC;AAAA,EACZ,cAAc,CAAC;AAAA,EACf,OAAO;AAAA,EACP,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAChB,GAAgB;AACd,QAAM,EAAE,aAAa,eAAe,QAAQ,IAAI,SAAS;AACzD,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,YAAY,MAAM,OAAoB,IAAI;AAChD,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,EAAE,GAAG,MAAM,GAAG,KAAK,CAAC;AAE3E,QAAM,WAAW,CAAC,SAChB,SAAS,MAAM,gBAAgB,MAAM,YAAY,WAAW,IAAI;AAElE,QAAM,kBAAkB,MAAM;AAAA,IAC5B,CAAC,MAAqC;AACpC,YAAM,OAAO,UAAU,SAAS,sBAAsB;AACtD,UAAI,CAAC,KAAM;AACX,sBAAgB,EAAE,GAAG,EAAE,UAAU,KAAK,MAAM,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;AAAA,IACvE;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB,MAAM,YAAY,MAAM;AAC/C,oBAAgB,EAAE,GAAG,MAAM,GAAG,KAAK,CAAC;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,SACE,gCACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAG;AAAA,MACH,aAAa;AAAA,MACb,cAAc;AAAA,MAGd,+BAAC,OAAO,MAAP,EAAY,SAAO,MAElB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,MAAM,aAAa,IAAI;AAAA,cACvB,KAAK,aAAa,IAAI;AAAA,cACtB,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,YACE;AAAA,cACF,SAAS,aAAa,IAAI,IAAI,IAAI;AAAA,YACpC;AAAA,YACA,eAAY;AAAA;AAAA,QACd;AAAA,QACA,qBAAC,SAAI,WAAU,kGAEb;AAAA,8BAAC,QAAK,IAAG,KAAI,SAAQ,QAClB,gBACH;AAAA,UAGA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,cAAW;AAAA,cAEV;AAAA,yBAAS,IAAI,CAAC,SACb;AAAA,kBAAC;AAAA;AAAA,oBAEC,IAAI,KAAK;AAAA,oBACT,SACE,SAAS,KAAK,EAAE,IAAI,uBAAuB;AAAA,oBAG5C,eAAK;AAAA;AAAA,kBAND,KAAK;AAAA,gBAOZ,CACD;AAAA,gBAGA,YAAY,SAAS,KACpB,qBAAC,gBACC;AAAA,sCAAC,uBAAoB,SAAO,MAC1B,+BAAC,UAAO,SAAQ,SACb;AAAA;AAAA,oBACD,oBAAC,QAAK,MAAK,eAAc;AAAA,qBAC3B,GACF;AAAA,kBACA,qBAAC,uBAAoB,OAAM,SACzB;AAAA,wCAAC,oBAAiB,SAAO,MACvB;AAAA,sBAAC;AAAA;AAAA,wBACC,IAAG;AAAA,wBACH,WAAU;AAAA,wBACV,SAAQ;AAAA,wBACT;AAAA;AAAA,0BACM;AAAA;AAAA;AAAA,oBACP,GACF;AAAA,oBACC,YAAY,IAAI,CAAC,SAChB,oBAAC,oBAA+B,SAAO,MACrC;AAAA,sBAAC;AAAA;AAAA,wBACC,IAAI,KAAK;AAAA,wBACT,WAAU;AAAA,wBACV,SAAQ;AAAA,wBAEP,eAAK;AAAA;AAAA,oBACR,KAPqB,KAAK,EAQ5B,CACD;AAAA,qBACH;AAAA,mBACF;AAAA;AAAA;AAAA,UAEJ;AAAA,UAEA,qBAAC,SAAI,WAAU,oCAEb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,MAAM,kBAAkB,UAAU,SAAS;AAAA,gBAC3C,SAAS;AAAA,gBACT,cACE,UACI,aAAa,kBAAkB,UAAU,SAAS,OAAO,UACzD;AAAA;AAAA,YAER;AAAA,YAGA,oBAAC,cAAW,SAAQ,WAAU,MAAK,MAAK,IAAI,WACzC,sBACH;AAAA,YAGA,oBAAC,SAAI,WAAU,gBACb,+BAAC,SAAM,MAAY,cAAc,SAC/B;AAAA,kCAAC,gBAAa,SAAO,MAAC,WAAU,gBAC9B;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,cAAY;AAAA;AAAA,cACd,GACF;AAAA,cACA,qBAAC,gBAAa,MAAK,SAAQ,WAAU,WACnC;AAAA,oCAAC,cAAW,WAAU,oDAAmD,kBAEzE;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,cAAW;AAAA,oBAEV;AAAA,+BAAS,IAAI,CAAC,SACb;AAAA,wBAAC;AAAA;AAAA,0BAEC,IAAI,KAAK;AAAA,0BACT,SACE,SAAS,KAAK,EAAE,IACZ,sBACA;AAAA,0BAEN,SAAS,MAAM,QAAQ,KAAK;AAAA,0BAE3B,eAAK;AAAA;AAAA,wBATD,KAAK;AAAA,sBAUZ,CACD;AAAA,sBAEA,YAAY,SAAS,KACpB,qBAAC,eACC;AAAA,6CAAC,sBAAmB,WAAU,wMAC3B;AAAA;AAAA,0BAAY;AAAA,0BAAC,oBAAC,QAAK,MAAK,eAAc;AAAA,2BACzC;AAAA,wBACA,qBAAC,sBAAmB,WAAU,wCAC5B;AAAA;AAAA,4BAAC;AAAA;AAAA,8BACC,IAAG;AAAA,8BACH,SAAQ;AAAA,8BACR,SAAS,MAAM,QAAQ,KAAK;AAAA,8BAC5B,WAAU;AAAA,8BACX;AAAA;AAAA,gCACM;AAAA;AAAA;AAAA,0BACP;AAAA,0BACC,YAAY,IAAI,CAAC,SAChB;AAAA,4BAAC;AAAA;AAAA,8BAEC,IAAI,KAAK;AAAA,8BACT,SAAQ;AAAA,8BACR,SAAS,MAAM,QAAQ,KAAK;AAAA,8BAC5B,WAAU;AAAA,8BAET,eAAK;AAAA;AAAA,4BAND,KAAK;AAAA,0BAOZ,CACD;AAAA,2BACH;AAAA,yBACF;AAAA,sBAEF;AAAA,wBAAC;AAAA;AAAA,0BACC,SAAQ;AAAA,0BACR,IAAI;AAAA,0BACJ,WAAU;AAAA,0BACV,SAAS,MAAM,QAAQ,KAAK;AAAA,0BAE3B;AAAA;AAAA,sBACH;AAAA;AAAA;AAAA,gBACF;AAAA,iBACF;AAAA,eACF,GACF;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/templates/navigation/index.d.ts

@@ -0,0 +1,3 @@
+export { Header, HeaderProps, NavLink } from './header.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/templates/navigation/index.js

@@ -0,0 +1,2 @@
+export * from "./header.js";
+//# sourceMappingURL=index.js.map

package/dist/components/templates/navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/templates/navigation/index.ts"],"sourcesContent":["/**\n * Navigation templates index\n *\n * Please keep exports sorted alphabetically by path!\n */\n\nexport * from \"./header\";\n"],"mappings":"AAMA,cAAc;","names":[]}

package/dist/css/variables.css

@@ -1,78 +1,80 @@
 :root {
-  --sg-background: oklch(98.38 0.005 68.2);
-  --sg-foreground: oklch(0.141 0.005 285.823);
-  --sg-card: oklch(1 0 0);
-  --sg-card-foreground: oklch(0.141 0.005 285.823);
-  --sg-popover: oklch(1 0 0);
-  --sg-popover-foreground: oklch(0.141 0.005 285.823);
-  --sg-primary-10: oklch(0.6 0.1 185 / 0.1);
-  --sg-primary-20: oklch(0.6 0.1 185 / 0.2);
-  --sg-primary: oklch(0.6 0.1 185);
-  --sg-primary-foreground: oklch(0.98 0.01 181);
-  --sg-primary-light-10: oklch(0.75 0.12 160 / 0.1);
-  --sg-primary-light: oklch(0.75 0.12 160);
-  --sg-primary-dark-10: oklch(0.45 0.08 215 / 0.1);
-  --sg-primary-dark: oklch(0.45 0.08 215);
-  --sg-secondary: oklch(0.967 0.001 286.375);
-  --sg-secondary-foreground: oklch(0.21 0.006 285.885);
-  --sg-muted: oklch(0.967 0.001 286.375);
-  --sg-muted-foreground: oklch(0.552 0.016 285.938);
-  --sg-accent: oklch(0.967 0.001 286.375);
-  --sg-accent-foreground: oklch(0.21 0.006 285.885);
-  --sg-destructive-10: oklch(0.577 0.245 27.325 / 0.1);
-  --sg-destructive: oklch(0.577 0.245 27.325);
-  --sg-destructive-foreground: oklch(0.98 0.01 181);
-  --sg-border: oklch(0.92 0.004 286.32);
-  --sg-input: oklch(0.92 0.004 286.32);
-  --sg-ring: oklch(0.705 0.015 286.067);
-  --sg-sidebar: oklch(0.985 0 0);
-  --sg-sidebar-foreground: oklch(0.141 0.005 285.823);
-  --sg-sidebar-primary: oklch(0.6 0.1 185);
-  --sg-sidebar-primary-foreground: oklch(0.98 0.01 181);
-  --sg-sidebar-accent: oklch(0.967 0.001 286.375);
-  --sg-sidebar-accent-foreground: oklch(0.21 0.006 285.885);
-  --sg-sidebar-border: oklch(0.92 0.004 286.32);
-  --sg-sidebar-ring: oklch(0.705 0.015 286.067);
-  --sg-chart-1: oklch(0.85 0.13 181);
-  --sg-chart-2: oklch(0.78 0.13 182);
-  --sg-chart-3: oklch(0.7 0.12 183);
-  --sg-chart-4: oklch(0.6 0.1 185);
-  --sg-chart-5: oklch(0.51 0.09 186);
-  --sg-radius: 0.45rem;
+  --sg-black: oklch(0.25 0 0);
+  --sg-charcoal: oklch(0.35 0.01 60);
+  --sg-ash: oklch(0.44 0 0);
+  --sg-silver: oklch(0.78 0.01 60);
+  --sg-fog: oklch(0.92 0.005 240);
+  --sg-cream: oklch(0.97 0.01 80);
+  --sg-white: oklch(0.99 0.005 80);
+  --sg-pure-white: oklch(1 0 0);
+  --sg-terracotta: oklch(0.52 0.15 35);
+  --sg-terracotta-light: oklch(0.65 0.16 35);
+  --sg-amber: oklch(0.72 0.15 75);
+  --sg-amber-dark: oklch(0.45 0.08 75);
+  --sg-sand: oklch(0.93 0.03 80);
+  --sg-crimson: oklch(0.55 0.22 25);
+  --sg-crimson-light: oklch(0.6 0.2 25);
+  --sg-night: oklch(0.22 0.01 60);
+  --sg-onyx: oklch(0.28 0 0);
+  --sg-slate: oklch(0.43 0 0);
+  --sg-dove: oklch(0.82 0.01 60);
+  --sg-cloud: oklch(0.88 0.01 60);
+  --sg-background: var(--sg-cream);
+  --sg-foreground: var(--sg-black);
+  --sg-card: var(--sg-pure-white);
+  --sg-card-foreground: var(--sg-black);
+  --sg-popover: var(--sg-pure-white);
+  --sg-popover-foreground: var(--sg-black);
+  --sg-primary: var(--sg-terracotta);
+  --sg-primary-foreground: var(--sg-cream);
+  --sg-secondary: var(--sg-amber);
+  --sg-secondary-foreground: var(--sg-black);
+  --sg-muted: var(--sg-fog);
+  --sg-muted-foreground: var(--sg-ash);
+  --sg-accent: var(--sg-sand);
+  --sg-accent-foreground: var(--sg-charcoal);
+  --sg-destructive: var(--sg-crimson);
+  --sg-destructive-foreground: var(--sg-cream);
+  --sg-border: var(--sg-silver);
+  --sg-input: var(--sg-silver);
+  --sg-ring: var(--sg-terracotta);
+  --sg-radius: 0.5rem;
+  --sg-sidebar-background: var(--sg-cream);
+  --sg-sidebar-foreground: var(--sg-black);
+  --sg-sidebar-primary: var(--sg-terracotta);
+  --sg-sidebar-primary-foreground: var(--sg-cream);
+  --sg-sidebar-accent: var(--sg-fog);
+  --sg-sidebar-accent-foreground: var(--sg-charcoal);
+  --sg-sidebar-border: var(--sg-silver);
+  --sg-sidebar-ring: var(--sg-terracotta);
 }
 .dark {
-  --sg-background: oklch(0.141 0.005 285.823);
-  --sg-foreground: oklch(98.38 0.005 68.2);
-  --sg-card: oklch(0.21 0.006 285.885);
-  --sg-card-foreground: oklch(0.985 0 0);
-  --sg-popover: oklch(0.21 0.006 285.885);
-  --sg-popover-foreground: oklch(0.985 0 0);
-  --sg-primary-10: oklch(0.7 0.12 183 / 0.1);
-  --sg-primary-20: oklch(0.7 0.12 183 / 0.2);
-  --sg-primary: oklch(0.7 0.12 183);
-  --sg-primary-foreground: oklch(0.28 0.04 193);
-  --sg-primary-light-10: oklch(0.7 0.15 165 / 0.1);
-  --sg-primary-light: oklch(0.7 0.15 165);
-  --sg-primary-dark-10: oklch(0.4 0.12 220 / 0.1);
-  --sg-primary-dark: oklch(0.4 0.12 220);
-  --sg-secondary: oklch(0.274 0.006 286.033);
-  --sg-secondary-foreground: oklch(0.985 0 0);
-  --sg-muted: oklch(0.274 0.006 286.033);
-  --sg-muted-foreground: oklch(0.705 0.016 285.938);
-  --sg-accent: oklch(0.274 0.006 286.033);
-  --sg-accent-foreground: oklch(0.985 0 0);
-  --sg-destructive-10: oklch(0.704 0.191 22.216 / 0.1);
-  --sg-destructive: oklch(0.704 0.191 22.216);
-  --sg-border: oklch(1 0 0 / 10%);
-  --sg-input: oklch(1 0 0 / 15%);
-  --sg-ring: oklch(0.552 0.016 285.938);
-  --sg-sidebar: oklch(0.21 0.006 285.885);
-  --sg-sidebar-foreground: oklch(0.985 0 0);
-  --sg-sidebar-primary: oklch(0.78 0.13 182);
-  --sg-sidebar-primary-foreground: oklch(0.28 0.04 193);
-  --sg-sidebar-accent: oklch(0.274 0.006 286.033);
-  --sg-sidebar-accent-foreground: oklch(0.985 0 0);
-  --sg-sidebar-border: oklch(1 0 0 / 10%);
-  --sg-sidebar-ring: oklch(0.552 0.016 285.938);
+  --sg-background: var(--sg-charcoal);
+  --sg-foreground: var(--sg-cloud);
+  --sg-card: var(--sg-night);
+  --sg-card-foreground: var(--sg-cloud);
+  --sg-popover: var(--sg-night);
+  --sg-popover-foreground: var(--sg-cloud);
+  --sg-primary: var(--sg-terracotta-light);
+  --sg-primary-foreground: var(--sg-night);
+  --sg-secondary: var(--sg-amber);
+  --sg-secondary-foreground: var(--sg-night);
+  --sg-muted: var(--sg-slate);
+  --sg-muted-foreground: var(--sg-dove);
+  --sg-accent: var(--sg-onyx);
+  --sg-accent-foreground: var(--sg-cloud);
+  --sg-destructive: var(--sg-crimson-light);
+  --sg-destructive-foreground: var(--sg-cream);
+  --sg-border: var(--sg-slate);
+  --sg-input: var(--sg-slate);
+  --sg-ring: var(--sg-terracotta-light);
+  --sg-sidebar-background: var(--sg-night);
+  --sg-sidebar-foreground: var(--sg-cloud);
+  --sg-sidebar-primary: var(--sg-terracotta-light);
+  --sg-sidebar-primary-foreground: var(--sg-night);
+  --sg-sidebar-accent: var(--sg-onyx);
+  --sg-sidebar-accent-foreground: var(--sg-cloud);
+  --sg-sidebar-border: var(--sg-slate);
+  --sg-sidebar-ring: var(--sg-terracotta-light);
 }
 /*# sourceMappingURL=variables.css.map */

package/dist/css/variables.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/css/variables.css"],"sourcesContent":[":root {\n  /* Core Brand & UI */\n  --sg-background: oklch(98.38 0.005 68.2);\n  --sg-foreground: oklch(0.141 0.005 285.823);\n  --sg-card: oklch(1 0 0);\n  --sg-card-foreground: oklch(0.141 0.005 285.823);\n  --sg-popover: oklch(1 0 0);\n  --sg-popover-foreground: oklch(0.141 0.005 285.823);\n\n  --sg-primary-10: oklch(0.6 0.1 185 / 0.1);\n  --sg-primary-20: oklch(0.6 0.1 185 / 0.2);\n  --sg-primary: oklch(0.6 0.1 185);\n  --sg-primary-foreground: oklch(0.98 0.01 181);\n\n  --sg-primary-light-10: oklch(0.75 0.12 160 / 0.1);\n  --sg-primary-light: oklch(0.75 0.12 160);\n\n  --sg-primary-dark-10: oklch(0.45 0.08 215 / 0.1);\n  --sg-primary-dark: oklch(0.45 0.08 215);\n\n  --sg-secondary: oklch(0.967 0.001 286.375);\n  --sg-secondary-foreground: oklch(0.21 0.006 285.885);\n  --sg-muted: oklch(0.967 0.001 286.375);\n  --sg-muted-foreground: oklch(0.552 0.016 285.938);\n  --sg-accent: oklch(0.967 0.001 286.375);\n  --sg-accent-foreground: oklch(0.21 0.006 285.885);\n\n  --sg-destructive-10: oklch(0.577 0.245 27.325 / 0.1);\n  --sg-destructive: oklch(0.577 0.245 27.325);\n\n  --sg-destructive-foreground: oklch(0.98 0.01 181);\n\n  --sg-border: oklch(0.92 0.004 286.32);\n  --sg-input: oklch(0.92 0.004 286.32);\n  --sg-ring: oklch(0.705 0.015 286.067);\n\n  /* Sidebar */\n  --sg-sidebar: oklch(0.985 0 0);\n  --sg-sidebar-foreground: oklch(0.141 0.005 285.823);\n  --sg-sidebar-primary: oklch(0.6 0.1 185);\n  --sg-sidebar-primary-foreground: oklch(0.98 0.01 181);\n  --sg-sidebar-accent: oklch(0.967 0.001 286.375);\n  --sg-sidebar-accent-foreground: oklch(0.21 0.006 285.885);\n  --sg-sidebar-border: oklch(0.92 0.004 286.32);\n  --sg-sidebar-ring: oklch(0.705 0.015 286.067);\n\n  /* Shared */\n  --sg-chart-1: oklch(0.85 0.13 181);\n  --sg-chart-2: oklch(0.78 0.13 182);\n  --sg-chart-3: oklch(0.7 0.12 183);\n  --sg-chart-4: oklch(0.6 0.1 185);\n  --sg-chart-5: oklch(0.51 0.09 186);\n  --sg-radius: 0.45rem;\n}\n\n.dark {\n  /* Core Brand & UI */\n  --sg-background: oklch(0.141 0.005 285.823);\n  --sg-foreground: oklch(98.38 0.005 68.2);\n  --sg-card: oklch(0.21 0.006 285.885);\n  --sg-card-foreground: oklch(0.985 0 0);\n  --sg-popover: oklch(0.21 0.006 285.885);\n  --sg-popover-foreground: oklch(0.985 0 0);\n\n  --sg-primary-10: oklch(0.7 0.12 183 / 0.1);\n  --sg-primary-20: oklch(0.7 0.12 183 / 0.2);\n  --sg-primary: oklch(0.7 0.12 183);\n  --sg-primary-foreground: oklch(0.28 0.04 193);\n\n  --sg-primary-light-10: oklch(0.7 0.15 165 / 0.1);\n  --sg-primary-light: oklch(0.7 0.15 165);\n\n  --sg-primary-dark-10: oklch(0.4 0.12 220 / 0.1);\n  --sg-primary-dark: oklch(0.4 0.12 220);\n\n  --sg-secondary: oklch(0.274 0.006 286.033);\n  --sg-secondary-foreground: oklch(0.985 0 0);\n  --sg-muted: oklch(0.274 0.006 286.033);\n  --sg-muted-foreground: oklch(0.705 0.016 285.938);\n  --sg-accent: oklch(0.274 0.006 286.033);\n  --sg-accent-foreground: oklch(0.985 0 0);\n\n  --sg-destructive-10: oklch(0.704 0.191 22.216 / 0.1);\n  --sg-destructive: oklch(0.704 0.191 22.216);\n\n  --sg-border: oklch(1 0 0 / 10%);\n  --sg-input: oklch(1 0 0 / 15%);\n  --sg-ring: oklch(0.552 0.016 285.938);\n\n  /* Sidebar */\n  --sg-sidebar: oklch(0.21 0.006 285.885);\n  --sg-sidebar-foreground: oklch(0.985 0 0);\n  --sg-sidebar-primary: oklch(0.78 0.13 182);\n  --sg-sidebar-primary-foreground: oklch(0.28 0.04 193);\n  --sg-sidebar-accent: oklch(0.274 0.006 286.033);\n  --sg-sidebar-accent-foreground: oklch(0.985 0 0);\n  --sg-sidebar-border: oklch(1 0 0 / 10%);\n  --sg-sidebar-ring: oklch(0.552 0.016 285.938);\n}\n"],"mappings":"AAAA;AAEE,mBAAiB,MAAM,MAAM,MAAM;AACnC,mBAAiB,MAAM,MAAM,MAAM;AACnC,aAAW,MAAM,EAAE,EAAE;AACrB,wBAAsB,MAAM,MAAM,MAAM;AACxC,gBAAc,MAAM,EAAE,EAAE;AACxB,2BAAyB,MAAM,MAAM,MAAM;AAE3C,mBAAiB,MAAM,IAAI,IAAI,IAAI,EAAE;AACrC,mBAAiB,MAAM,IAAI,IAAI,IAAI,EAAE;AACrC,gBAAc,MAAM,IAAI,IAAI;AAC5B,2BAAyB,MAAM,KAAK,KAAK;AAEzC,yBAAuB,MAAM,KAAK,KAAK,IAAI,EAAE;AAC7C,sBAAoB,MAAM,KAAK,KAAK;AAEpC,wBAAsB,MAAM,KAAK,KAAK,IAAI,EAAE;AAC5C,qBAAmB,MAAM,KAAK,KAAK;AAEnC,kBAAgB,MAAM,MAAM,MAAM;AAClC,6BAA2B,MAAM,KAAK,MAAM;AAC5C,cAAY,MAAM,MAAM,MAAM;AAC9B,yBAAuB,MAAM,MAAM,MAAM;AACzC,eAAa,MAAM,MAAM,MAAM;AAC/B,0BAAwB,MAAM,KAAK,MAAM;AAEzC,uBAAqB,MAAM,MAAM,MAAM,OAAO,EAAE;AAChD,oBAAkB,MAAM,MAAM,MAAM;AAEpC,+BAA6B,MAAM,KAAK,KAAK;AAE7C,eAAa,MAAM,KAAK,MAAM;AAC9B,cAAY,MAAM,KAAK,MAAM;AAC7B,aAAW,MAAM,MAAM,MAAM;AAG7B,gBAAc,MAAM,MAAM,EAAE;AAC5B,2BAAyB,MAAM,MAAM,MAAM;AAC3C,wBAAsB,MAAM,IAAI,IAAI;AACpC,mCAAiC,MAAM,KAAK,KAAK;AACjD,uBAAqB,MAAM,MAAM,MAAM;AACvC,kCAAgC,MAAM,KAAK,MAAM;AACjD,uBAAqB,MAAM,KAAK,MAAM;AACtC,qBAAmB,MAAM,MAAM,MAAM;AAGrC,gBAAc,MAAM,KAAK,KAAK;AAC9B,gBAAc,MAAM,KAAK,KAAK;AAC9B,gBAAc,MAAM,IAAI,KAAK;AAC7B,gBAAc,MAAM,IAAI,IAAI;AAC5B,gBAAc,MAAM,KAAK,KAAK;AAC9B,eAAa;AACf;AAEA,CAAC;AAEC,mBAAiB,MAAM,MAAM,MAAM;AACnC,mBAAiB,MAAM,MAAM,MAAM;AACnC,aAAW,MAAM,KAAK,MAAM;AAC5B,wBAAsB,MAAM,MAAM,EAAE;AACpC,gBAAc,MAAM,KAAK,MAAM;AAC/B,2BAAyB,MAAM,MAAM,EAAE;AAEvC,mBAAiB,MAAM,IAAI,KAAK,IAAI,EAAE;AACtC,mBAAiB,MAAM,IAAI,KAAK,IAAI,EAAE;AACtC,gBAAc,MAAM,IAAI,KAAK;AAC7B,2BAAyB,MAAM,KAAK,KAAK;AAEzC,yBAAuB,MAAM,IAAI,KAAK,IAAI,EAAE;AAC5C,sBAAoB,MAAM,IAAI,KAAK;AAEnC,wBAAsB,MAAM,IAAI,KAAK,IAAI,EAAE;AAC3C,qBAAmB,MAAM,IAAI,KAAK;AAElC,kBAAgB,MAAM,MAAM,MAAM;AAClC,6BAA2B,MAAM,MAAM,EAAE;AACzC,cAAY,MAAM,MAAM,MAAM;AAC9B,yBAAuB,MAAM,MAAM,MAAM;AACzC,eAAa,MAAM,MAAM,MAAM;AAC/B,0BAAwB,MAAM,MAAM,EAAE;AAEtC,uBAAqB,MAAM,MAAM,MAAM,OAAO,EAAE;AAChD,oBAAkB,MAAM,MAAM,MAAM;AAEpC,eAAa,MAAM,EAAE,EAAE,EAAE,EAAE;AAC3B,cAAY,MAAM,EAAE,EAAE,EAAE,EAAE;AAC1B,aAAW,MAAM,MAAM,MAAM;AAG7B,gBAAc,MAAM,KAAK,MAAM;AAC/B,2BAAyB,MAAM,MAAM,EAAE;AACvC,wBAAsB,MAAM,KAAK,KAAK;AACtC,mCAAiC,MAAM,KAAK,KAAK;AACjD,uBAAqB,MAAM,MAAM,MAAM;AACvC,kCAAgC,MAAM,MAAM,EAAE;AAC9C,uBAAqB,MAAM,EAAE,EAAE,EAAE,EAAE;AACnC,qBAAmB,MAAM,MAAM,MAAM;AACvC;","names":[]}
+{"version":3,"sources":["../../src/css/variables.css"],"sourcesContent":[":root {\n  /* Neutrals */\n  --sg-black: oklch(0.25 0 0);\n  --sg-charcoal: oklch(0.35 0.01 60);\n  --sg-ash: oklch(0.44 0 0);\n  --sg-silver: oklch(0.78 0.01 60);\n  --sg-fog: oklch(0.92 0.005 240);\n  --sg-cream: oklch(0.97 0.01 80);\n  --sg-white: oklch(0.99 0.005 80);\n  --sg-pure-white: oklch(1 0 0);\n\n  /* Brand colors */\n  --sg-terracotta: oklch(0.52 0.15 35);\n  --sg-terracotta-light: oklch(0.65 0.16 35);\n  --sg-amber: oklch(0.72 0.15 75);\n  --sg-amber-dark: oklch(0.45 0.08 75);\n  --sg-sand: oklch(0.93 0.03 80);\n\n  /* Feedback */\n  --sg-crimson: oklch(0.55 0.22 25);\n  --sg-crimson-light: oklch(0.6 0.2 25);\n\n  /* Dark mode neutrals */\n  --sg-night: oklch(0.22 0.01 60);\n  --sg-onyx: oklch(0.28 0 0);\n  --sg-slate: oklch(0.43 0 0);\n  --sg-dove: oklch(0.82 0.01 60);\n  --sg-cloud: oklch(0.88 0.01 60);\n\n  /* ── Semantic mapping – Light mode ── */\n  --sg-background: var(--sg-cream);\n  --sg-foreground: var(--sg-black);\n\n  --sg-card: var(--sg-pure-white);\n  --sg-card-foreground: var(--sg-black);\n\n  --sg-popover: var(--sg-pure-white);\n  --sg-popover-foreground: var(--sg-black);\n\n  --sg-primary: var(--sg-terracotta);\n  --sg-primary-foreground: var(--sg-cream);\n\n  --sg-secondary: var(--sg-amber);\n  --sg-secondary-foreground: var(--sg-black);\n\n  --sg-muted: var(--sg-fog);\n  --sg-muted-foreground: var(--sg-ash);\n\n  --sg-accent: var(--sg-sand);\n  --sg-accent-foreground: var(--sg-charcoal);\n\n  --sg-destructive: var(--sg-crimson);\n  --sg-destructive-foreground: var(--sg-cream);\n\n  --sg-border: var(--sg-silver);\n  --sg-input: var(--sg-silver);\n  --sg-ring: var(--sg-terracotta);\n\n  --sg-radius: 0.5rem;\n\n  --sg-sidebar-background: var(--sg-cream);\n  --sg-sidebar-foreground: var(--sg-black);\n  --sg-sidebar-primary: var(--sg-terracotta);\n  --sg-sidebar-primary-foreground: var(--sg-cream);\n  --sg-sidebar-accent: var(--sg-fog);\n  --sg-sidebar-accent-foreground: var(--sg-charcoal);\n  --sg-sidebar-border: var(--sg-silver);\n  --sg-sidebar-ring: var(--sg-terracotta);\n}\n\n.dark {\n  --sg-background: var(--sg-charcoal);\n  --sg-foreground: var(--sg-cloud);\n\n  --sg-card: var(--sg-night);\n  --sg-card-foreground: var(--sg-cloud);\n\n  --sg-popover: var(--sg-night);\n  --sg-popover-foreground: var(--sg-cloud);\n\n  --sg-primary: var(--sg-terracotta-light);\n  --sg-primary-foreground: var(--sg-night);\n\n  --sg-secondary: var(--sg-amber);\n  --sg-secondary-foreground: var(--sg-night);\n\n  --sg-muted: var(--sg-slate);\n  --sg-muted-foreground: var(--sg-dove);\n\n  --sg-accent: var(--sg-onyx);\n  --sg-accent-foreground: var(--sg-cloud);\n\n  --sg-destructive: var(--sg-crimson-light);\n  --sg-destructive-foreground: var(--sg-cream);\n\n  --sg-border: var(--sg-slate);\n  --sg-input: var(--sg-slate);\n  --sg-ring: var(--sg-terracotta-light);\n\n  --sg-sidebar-background: var(--sg-night);\n  --sg-sidebar-foreground: var(--sg-cloud);\n  --sg-sidebar-primary: var(--sg-terracotta-light);\n  --sg-sidebar-primary-foreground: var(--sg-night);\n  --sg-sidebar-accent: var(--sg-onyx);\n  --sg-sidebar-accent-foreground: var(--sg-cloud);\n  --sg-sidebar-border: var(--sg-slate);\n  --sg-sidebar-ring: var(--sg-terracotta-light);\n}\n"],"mappings":"AAAA;AAEE,cAAY,MAAM,KAAK,EAAE;AACzB,iBAAe,MAAM,KAAK,KAAK;AAC/B,YAAU,MAAM,KAAK,EAAE;AACvB,eAAa,MAAM,KAAK,KAAK;AAC7B,YAAU,MAAM,KAAK,MAAM;AAC3B,cAAY,MAAM,KAAK,KAAK;AAC5B,cAAY,MAAM,KAAK,MAAM;AAC7B,mBAAiB,MAAM,EAAE,EAAE;AAG3B,mBAAiB,MAAM,KAAK,KAAK;AACjC,yBAAuB,MAAM,KAAK,KAAK;AACvC,cAAY,MAAM,KAAK,KAAK;AAC5B,mBAAiB,MAAM,KAAK,KAAK;AACjC,aAAW,MAAM,KAAK,KAAK;AAG3B,gBAAc,MAAM,KAAK,KAAK;AAC9B,sBAAoB,MAAM,IAAI,IAAI;AAGlC,cAAY,MAAM,KAAK,KAAK;AAC5B,aAAW,MAAM,KAAK,EAAE;AACxB,cAAY,MAAM,KAAK,EAAE;AACzB,aAAW,MAAM,KAAK,KAAK;AAC3B,cAAY,MAAM,KAAK,KAAK;AAG5B,mBAAiB,IAAI;AACrB,mBAAiB,IAAI;AAErB,aAAW,IAAI;AACf,wBAAsB,IAAI;AAE1B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,kBAAgB,IAAI;AACpB,6BAA2B,IAAI;AAE/B,cAAY,IAAI;AAChB,yBAAuB,IAAI;AAE3B,eAAa,IAAI;AACjB,0BAAwB,IAAI;AAE5B,oBAAkB,IAAI;AACtB,+BAA6B,IAAI;AAEjC,eAAa,IAAI;AACjB,cAAY,IAAI;AAChB,aAAW,IAAI;AAEf,eAAa;AAEb,2BAAyB,IAAI;AAC7B,2BAAyB,IAAI;AAC7B,wBAAsB,IAAI;AAC1B,mCAAiC,IAAI;AACrC,uBAAqB,IAAI;AACzB,kCAAgC,IAAI;AACpC,uBAAqB,IAAI;AACzB,qBAAmB,IAAI;AACzB;AAEA,CAAC;AACC,mBAAiB,IAAI;AACrB,mBAAiB,IAAI;AAErB,aAAW,IAAI;AACf,wBAAsB,IAAI;AAE1B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,gBAAc,IAAI;AAClB,2BAAyB,IAAI;AAE7B,kBAAgB,IAAI;AACpB,6BAA2B,IAAI;AAE/B,cAAY,IAAI;AAChB,yBAAuB,IAAI;AAE3B,eAAa,IAAI;AACjB,0BAAwB,IAAI;AAE5B,oBAAkB,IAAI;AACtB,+BAA6B,IAAI;AAEjC,eAAa,IAAI;AACjB,cAAY,IAAI;AAChB,aAAW,IAAI;AAEf,2BAAyB,IAAI;AAC7B,2BAAyB,IAAI;AAC7B,wBAAsB,IAAI;AAC1B,mCAAiC,IAAI;AACrC,uBAAqB,IAAI;AACzB,kCAAgC,IAAI;AACpC,uBAAqB,IAAI;AACzB,qBAAmB,IAAI;AACzB;","names":[]}

package/dist/data/authors.d.ts

@@ -0,0 +1,12 @@
+interface Author {
+    name: string;
+    slug: string;
+    bio: string;
+    avatar: string;
+    role: string;
+    location: string;
+    interests: string[];
+}
+declare const authors: Author[];
+
+export { type Author, authors };

package/dist/data/authors.js

@@ -0,0 +1,33 @@
+const authors = [
+  {
+    name: "Elena Marsh",
+    slug: "elena-marsh",
+    bio: "Elena is a writer and wellness advocate who explores the intersection of mindfulness, slow living, and everyday rituals. Her work encourages readers to find beauty in simplicity and presence in the mundane.",
+    avatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&h=200&fit=crop&crop=face",
+    role: "Wellness Writer",
+    location: "Portland, Oregon",
+    interests: ["Slow living", "Meditation", "Herbalism", "Ceramics"]
+  },
+  {
+    name: "James Kato",
+    slug: "james-kato",
+    bio: "James is a designer and creative thinker who writes about intentional design, minimalism, and the power of constraints. He believes great work comes from knowing what to leave out.",
+    avatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&crop=face",
+    role: "Design Writer",
+    location: "Tokyo, Japan",
+    interests: ["Typography", "Minimalism", "Architecture", "Film"]
+  },
+  {
+    name: "Sofia Andersson",
+    slug: "sofia-andersson",
+    bio: "Sofia is a cultural journalist and traveler who documents rituals, traditions, and creative expression across the globe. Her writing bridges the gap between the familiar and the foreign.",
+    avatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=200&h=200&fit=crop&crop=face",
+    role: "Cultural Journalist",
+    location: "Stockholm, Sweden",
+    interests: ["Travel", "Photography", "Folklore", "Letter writing"]
+  }
+];
+export {
+  authors
+};
+//# sourceMappingURL=authors.js.map

package/dist/data/authors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/data/authors.ts"],"sourcesContent":["export interface Author {\r\n  name: string;\r\n  slug: string;\r\n  bio: string;\r\n  avatar: string;\r\n  role: string;\r\n  location: string;\r\n  interests: string[];\r\n}\r\n\r\nexport const authors: Author[] = [\r\n  {\r\n    name: \"Elena Marsh\",\r\n    slug: \"elena-marsh\",\r\n    bio: \"Elena is a writer and wellness advocate who explores the intersection of mindfulness, slow living, and everyday rituals. Her work encourages readers to find beauty in simplicity and presence in the mundane.\",\r\n    avatar:\r\n      \"https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&h=200&fit=crop&crop=face\",\r\n    role: \"Wellness Writer\",\r\n    location: \"Portland, Oregon\",\r\n    interests: [\"Slow living\", \"Meditation\", \"Herbalism\", \"Ceramics\"],\r\n  },\r\n  {\r\n    name: \"James Kato\",\r\n    slug: \"james-kato\",\r\n    bio: \"James is a designer and creative thinker who writes about intentional design, minimalism, and the power of constraints. He believes great work comes from knowing what to leave out.\",\r\n    avatar:\r\n      \"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&crop=face\",\r\n    role: \"Design Writer\",\r\n    location: \"Tokyo, Japan\",\r\n    interests: [\"Typography\", \"Minimalism\", \"Architecture\", \"Film\"],\r\n  },\r\n  {\r\n    name: \"Sofia Andersson\",\r\n    slug: \"sofia-andersson\",\r\n    bio: \"Sofia is a cultural journalist and traveler who documents rituals, traditions, and creative expression across the globe. Her writing bridges the gap between the familiar and the foreign.\",\r\n    avatar:\r\n      \"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=200&h=200&fit=crop&crop=face\",\r\n    role: \"Cultural Journalist\",\r\n    location: \"Stockholm, Sweden\",\r\n    interests: [\"Travel\", \"Photography\", \"Folklore\", \"Letter writing\"],\r\n  },\r\n];\r\n"],"mappings":"AAUO,MAAM,UAAoB;AAAA,EAC/B;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QACE;AAAA,IACF,MAAM;AAAA,IACN,UAAU;AAAA,IACV,WAAW,CAAC,eAAe,cAAc,aAAa,UAAU;AAAA,EAClE;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QACE;AAAA,IACF,MAAM;AAAA,IACN,UAAU;AAAA,IACV,WAAW,CAAC,cAAc,cAAc,gBAAgB,MAAM;AAAA,EAChE;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QACE;AAAA,IACF,MAAM;AAAA,IACN,UAAU;AAAA,IACV,WAAW,CAAC,UAAU,eAAe,YAAY,gBAAgB;AAAA,EACnE;AACF;","names":[]}

package/dist/data/posts.d.ts

@@ -0,0 +1,22 @@
+interface BlogPost {
+    id: number;
+    title: string;
+    excerpt: string;
+    content: string;
+    primaryImage: string;
+    originalImage: string;
+    date: string;
+    author: string;
+    featured?: boolean;
+    categories: string[];
+}
+interface Comment {
+    id: string;
+    author: string;
+    text: string;
+    date: string;
+}
+declare const posts: BlogPost[];
+declare const mockComments: Comment[];
+
+export { type BlogPost, type Comment, mockComments, posts };