singularity-components 0.1.140 → 0.1.151

package/dist/components/templates/blogpost/blogpost.js

@@ -0,0 +1,173 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { mockComments, posts } from "../../../data/posts";
+import {
+  Button,
+  Layout,
+  Link,
+  TextHeading,
+  TextParagraph,
+  TextSpan,
+  TextTime,
+  UiImage
+} from "../../primitives";
+function BlogPost() {
+  const post = posts.find((p) => p.slug === "the-art-of-slow-living");
+  const [comments, setComments] = useState(mockComments);
+  const [name, setName] = useState("");
+  const [text, setText] = useState("");
+  if (!post) {
+    return /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsxs(Layout.Col1, { className: "sg:py-20 sg:text-center", children: [
+      /* @__PURE__ */ jsx("h1", { children: "Post not found" }),
+      /* @__PURE__ */ jsx(Link, { href: "/posts", className: "sg:mt-4 sg:inline-block", children: "\u2190 Back to all posts" })
+    ] }) });
+  }
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!name.trim() || !text.trim()) return;
+    setComments((prev) => [
+      ...prev,
+      {
+        id: Date.now().toString(),
+        author: name,
+        text,
+        date: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)
+      }
+    ]);
+    setName("");
+    setText("");
+  };
+  const renderBody = (body) => {
+    return body.split("\n\n").map((block, i) => {
+      if (block.startsWith("## ")) {
+        return /* @__PURE__ */ jsx(TextHeading, { variant: "h2", className: "sg:mt-8 sg:mb-4", children: block.replace("## ", "") }, i);
+      }
+      if (block.startsWith("1. ") || block.startsWith("- ")) {
+        const items = block.split("\n").map((line) => line.replace(/^(\d+\.\s|-\s)/, ""));
+        const isOrdered = block.startsWith("1.");
+        const Tag = isOrdered ? "ol" : "ul";
+        return /* @__PURE__ */ jsx(
+          Tag,
+          {
+            className: `sg:my-4 sg:ml-6 sg:space-y-2 ${isOrdered ? "sg:list-decimal" : "sg:list-disc"}`,
+            children: items.map((item, j) => /* @__PURE__ */ jsx(
+              "li",
+              {
+                className: "sg:text-muted-foreground",
+                dangerouslySetInnerHTML: {
+                  __html: item.replace(
+                    /\*\*(.*?)\*\*/g,
+                    '<strong class="text-foreground">$1</strong>'
+                  )
+                }
+              },
+              j
+            ))
+          },
+          i
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        TextParagraph,
+        {
+          className: "sg:my-4",
+          foreground: "muted-foreground",
+          dangerouslySetInnerHTML: {
+            __html: block.replace(
+              /\*\*(.*?)\*\*/g,
+              '<strong class="sg:text-foreground">$1</strong>'
+            )
+          }
+        },
+        i
+      );
+    });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Layout, { type: "full", children: /* @__PURE__ */ jsx(Layout.Col1, { className: "sg:w-full sg:h-64 sg:md:h-96 sg:overflow-hidden", children: /* @__PURE__ */ jsx(
+      UiImage,
+      {
+        src: post.image,
+        alt: post.title,
+        className: "sg:w-full sg:h-full sg:object-cover"
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(Layout, { type: "col", className: "sg:py-12", as: "article", children: /* @__PURE__ */ jsxs(Layout.Col1, { hideDiv: true, children: [
+      /* @__PURE__ */ jsxs(TextTime, { size: "sm", foreground: "muted-foreground", children: [
+        post.date,
+        " \xB7 ",
+        post.author
+      ] }),
+      /* @__PURE__ */ jsx(TextHeading, { variant: "h1", className: "sg:mt-2", children: post.title }),
+      /* @__PURE__ */ jsx(
+        TextParagraph,
+        {
+          size: "lg",
+          foreground: "muted-foreground",
+          className: "sg:mt-4 sg:italic",
+          children: post.excerpt
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "sg:mt-8 sg:border-t sg:pt-8", children: renderBody(post.body) }),
+      /* @__PURE__ */ jsx("div", { className: "sg:mt-12 sg:-mx-4 sg:md:-mx-8 sg:rounded-lg sg:overflow-hidden", children: /* @__PURE__ */ jsx(
+        UiImage,
+        {
+          src: post.image + "&q=80&crop=entropy",
+          alt: `Visual for ${post.title}`,
+          className: "sg:w-full sg:h-56 sg:md:h-72 sg:object-cover",
+          loading: "lazy"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("section", { className: "sg:mt-16 sg:border-t sg:pt-8", children: [
+        /* @__PURE__ */ jsxs(TextHeading, { variant: "h3", className: "sg:mb-6", children: [
+          "Comments (",
+          comments.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "sg:space-y-4 sg:mb-8", children: comments.map((c) => /* @__PURE__ */ jsxs("div", { className: "sg:rounded-lg sg:bg-accent sg:p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-2 sg:mb-1", children: [
+            /* @__PURE__ */ jsx(TextSpan, { fontweight: "medium", size: "sm", children: c.author }),
+            /* @__PURE__ */ jsx(
+              TextSpan,
+              {
+                fontweight: "medium",
+                size: "xs",
+                foreground: "muted-foreground",
+                children: c.date
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(TextParagraph, { size: "sm", foreground: "muted-foreground", children: c.text })
+        ] }, c.id)) }),
+        /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "sg:space-y-4", children: [
+          /* @__PURE__ */ jsx(TextHeading, { variant: "h4", children: "Leave a comment" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              placeholder: "Your name",
+              value: name,
+              onChange: (e) => setName(e.target.value),
+              required: true,
+              "aria-label": "Your name"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              placeholder: "Write your comment...",
+              value: text,
+              onChange: (e) => setText(e.target.value),
+              required: true,
+              "aria-label": "Your comment"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "submit", children: "Post comment" })
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  BlogPost
+};
+//# sourceMappingURL=blogpost.js.map

package/dist/components/templates/blogpost/blogpost.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/templates/blogpost/blogpost.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport { mockComments, posts, type Comment } from \"../../../data/posts\";\r\nimport {\r\n  Button,\r\n  Layout,\r\n  Link,\r\n  TextHeading,\r\n  TextParagraph,\r\n  TextSpan,\r\n  TextTime,\r\n  UiImage,\r\n} from \"../../primitives\";\r\n\r\nfunction BlogPost() {\r\n  const post = posts.find((p) => p.slug === \"the-art-of-slow-living\");\r\n  const [comments, setComments] = useState<Comment[]>(mockComments);\r\n  const [name, setName] = useState(\"\");\r\n  const [text, setText] = useState(\"\");\r\n\r\n  if (!post) {\r\n    return (\r\n      <Layout>\r\n        <Layout.Col1 className=\"sg:py-20 sg:text-center\">\r\n          <h1>Post not found</h1>\r\n          <Link href=\"/posts\" className=\"sg:mt-4 sg:inline-block\">\r\n            ← Back to all posts\r\n          </Link>\r\n        </Layout.Col1>\r\n      </Layout>\r\n    );\r\n  }\r\n\r\n  const handleSubmit = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    if (!name.trim() || !text.trim()) return;\r\n    setComments((prev) => [\r\n      ...prev,\r\n      {\r\n        id: Date.now().toString(),\r\n        author: name,\r\n        text,\r\n        date: new Date().toISOString().slice(0, 10),\r\n      },\r\n    ]);\r\n    setName(\"\");\r\n    setText(\"\");\r\n  };\r\n\r\n  // Simple markdown-ish rendering for body\r\n  const renderBody = (body: string) => {\r\n    return body.split(\"\\n\\n\").map((block, i) => {\r\n      if (block.startsWith(\"## \")) {\r\n        return (\r\n          <TextHeading variant=\"h2\" key={i} className=\"sg:mt-8 sg:mb-4\">\r\n            {block.replace(\"## \", \"\")}\r\n          </TextHeading>\r\n        );\r\n      }\r\n      if (block.startsWith(\"1. \") || block.startsWith(\"- \")) {\r\n        const items = block\r\n          .split(\"\\n\")\r\n          .map((line) => line.replace(/^(\\d+\\.\\s|-\\s)/, \"\"));\r\n        const isOrdered = block.startsWith(\"1.\");\r\n        const Tag = isOrdered ? \"ol\" : \"ul\";\r\n        return (\r\n          <Tag\r\n            key={i}\r\n            className={`sg:my-4 sg:ml-6 sg:space-y-2 ${isOrdered ? \"sg:list-decimal\" : \"sg:list-disc\"}`}\r\n          >\r\n            {items.map((item, j) => (\r\n              <li\r\n                key={j}\r\n                className=\"sg:text-muted-foreground\"\r\n                dangerouslySetInnerHTML={{\r\n                  __html: item.replace(\r\n                    /\\*\\*(.*?)\\*\\*/g,\r\n                    '<strong class=\"text-foreground\">$1</strong>',\r\n                  ),\r\n                }}\r\n              />\r\n            ))}\r\n          </Tag>\r\n        );\r\n      }\r\n      return (\r\n        <TextParagraph\r\n          key={i}\r\n          className=\"sg:my-4\"\r\n          foreground=\"muted-foreground\"\r\n          dangerouslySetInnerHTML={{\r\n            __html: block.replace(\r\n              /\\*\\*(.*?)\\*\\*/g,\r\n              '<strong class=\"sg:text-foreground\">$1</strong>',\r\n            ),\r\n          }}\r\n        />\r\n      );\r\n    });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Layout type=\"full\">\r\n        <Layout.Col1 className=\"sg:w-full sg:h-64 sg:md:h-96 sg:overflow-hidden\">\r\n          <UiImage\r\n            src={post.image}\r\n            alt={post.title}\r\n            className=\"sg:w-full sg:h-full sg:object-cover\"\r\n          />\r\n        </Layout.Col1>\r\n      </Layout>\r\n      <Layout type=\"col\" className=\"sg:py-12\" as=\"article\">\r\n        <Layout.Col1 hideDiv>\r\n          <TextTime size=\"sm\" foreground=\"muted-foreground\">\r\n            {post.date} · {post.author}\r\n          </TextTime>\r\n          <TextHeading variant=\"h1\" className=\"sg:mt-2\">\r\n            {post.title}\r\n          </TextHeading>\r\n          <TextParagraph\r\n            size=\"lg\"\r\n            foreground=\"muted-foreground\"\r\n            className=\"sg:mt-4 sg:italic\"\r\n          >\r\n            {post.excerpt}\r\n          </TextParagraph>\r\n\r\n          <div className=\"sg:mt-8 sg:border-t sg:pt-8\">\r\n            {renderBody(post.body)}\r\n          </div>\r\n\r\n          {/* Secondary image */}\r\n          <div className=\"sg:mt-12 sg:-mx-4 sg:md:-mx-8 sg:rounded-lg sg:overflow-hidden\">\r\n            <UiImage\r\n              src={post.image + \"&q=80&crop=entropy\"}\r\n              alt={`Visual for ${post.title}`}\r\n              className=\"sg:w-full sg:h-56 sg:md:h-72 sg:object-cover\"\r\n              loading=\"lazy\"\r\n            />\r\n          </div>\r\n\r\n          {/* Comments */}\r\n          <section className=\"sg:mt-16 sg:border-t sg:pt-8\">\r\n            <TextHeading variant=\"h3\" className=\"sg:mb-6\">\r\n              Comments ({comments.length})\r\n            </TextHeading>\r\n\r\n            <div className=\"sg:space-y-4 sg:mb-8\">\r\n              {comments.map((c) => (\r\n                <div key={c.id} className=\"sg:rounded-lg sg:bg-accent sg:p-4\">\r\n                  <div className=\"sg:flex sg:items-center sg:gap-2 sg:mb-1\">\r\n                    <TextSpan fontweight=\"medium\" size=\"sm\">\r\n                      {c.author}\r\n                    </TextSpan>\r\n                    <TextSpan\r\n                      fontweight=\"medium\"\r\n                      size=\"xs\"\r\n                      foreground=\"muted-foreground\"\r\n                    >\r\n                      {c.date}\r\n                    </TextSpan>\r\n                  </div>\r\n                  <TextParagraph size=\"sm\" foreground=\"muted-foreground\">\r\n                    {c.text}\r\n                  </TextParagraph>\r\n                </div>\r\n              ))}\r\n            </div>\r\n\r\n            <form onSubmit={handleSubmit} className=\"sg:space-y-4\">\r\n              <TextHeading variant=\"h4\">Leave a comment</TextHeading>\r\n              <input\r\n                placeholder=\"Your name\"\r\n                value={name}\r\n                onChange={(e) => setName(e.target.value)}\r\n                required\r\n                aria-label=\"Your name\"\r\n              />\r\n              <textarea\r\n                placeholder=\"Write your comment...\"\r\n                value={text}\r\n                onChange={(e) => setText(e.target.value)}\r\n                required\r\n                aria-label=\"Your comment\"\r\n              />\r\n              {/* <Input\r\n                placeholder=\"Your name\"\r\n                value={name}\r\n                onChange={(e) => setName(e.target.value)}\r\n                required\r\n                aria-label=\"Your name\"\r\n              />\r\n              <Textarea\r\n                placeholder=\"Write your comment...\"\r\n                value={text}\r\n                onChange={(e) => setText(e.target.value)}\r\n                required\r\n                aria-label=\"Your comment\"\r\n              />*/}\r\n              <Button type=\"submit\">Post comment</Button>\r\n            </form>\r\n          </section>\r\n        </Layout.Col1>\r\n      </Layout>\r\n    </>\r\n  );\r\n}\r\n\r\nexport { BlogPost };\r\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,3 @@
+export { BlogPost } from './blogpost/blogpost.js';
+export { StartPage } from './startpage/startpage.js';
+import 'react/jsx-runtime';

package/dist/components/templates/index.js

@@ -0,0 +1,3 @@
+export * from "./blogpost/blogpost";
+export * from "./startpage/startpage";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/templates/index.ts"],"sourcesContent":["export * from \"./blogpost/blogpost\";\r\nexport * from \"./startpage/startpage\";\r\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/components/templates/startpage/startpage.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function StartPage(): react_jsx_runtime.JSX.Element;
+
+export { StartPage };

package/dist/components/templates/startpage/startpage.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Body } from "../../sections/body/body";
+import Hero from "../../sections/hero/hero";
+import { Layout, Link, TextHeading, TextParagraph } from "../../primitives";
+import BlogPostCard from "../../blocks/cards/blogpost-card";
+import Footer from "../../sections/footer/footer";
+import { posts } from "../../../data/posts";
+function StartPage() {
+  const featured = posts.filter((p) => p.featured);
+  return /* @__PURE__ */ jsxs(Body, { as: "div", children: [
+    /* @__PURE__ */ jsx(Body.Header, {}),
+    /* @__PURE__ */ jsxs(Body.Content, { children: [
+      /* @__PURE__ */ jsx(Hero, {}),
+      /* @__PURE__ */ jsx(Layout, { as: "section", className: "sg:py-16", children: /* @__PURE__ */ jsxs(Layout.Col1, { hideDiv: true, children: [
+        /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-end sg:justify-between sg:mb-10", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(TextHeading, { variant: "h2", children: "Featured" }),
+            /* @__PURE__ */ jsx(
+              TextParagraph,
+              {
+                foreground: "muted-foreground",
+                className: "sg:mt-2",
+                children: "Hand-picked stories we love."
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Link, { href: "/posts", className: "sg:flex", icon: "ArrowRight", children: "View all" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "sg:grid sg:grid-cols-[repeat(auto-fit,minmax(min(230px,100%),1fr))] sg:gap-8", children: featured.map((post) => /* @__PURE__ */ jsx(BlogPostCard, { post }, post.slug)) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(Body.Footer, { children: /* @__PURE__ */ jsx(
+      Footer,
+      {
+        links: [
+          { label: "Home", to: "/" },
+          { label: "Typography", to: "/typography" },
+          { label: "Design System", to: "/design-system" },
+          { label: "Admin", to: "/admin" }
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  StartPage
+};
+//# sourceMappingURL=startpage.js.map

package/dist/components/templates/startpage/startpage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/templates/startpage/startpage.tsx"],"sourcesContent":["import { Body } from \"../../sections/body/body\";\r\nimport Hero from \"../../sections/hero/hero\";\r\nimport { Layout, Link, TextHeading, TextParagraph } from \"../../primitives\";\r\nimport BlogPostCard from \"../../blocks/cards/blogpost-card\";\r\nimport Footer from \"../../sections/footer/footer\";\r\nimport { posts } from \"../../../data/posts\";\r\n\r\nfunction StartPage() {\r\n  const featured = posts.filter((p) => p.featured);\r\n  return (\r\n    <Body as=\"div\">\r\n      <Body.Header />\r\n      <Body.Content>\r\n        <Hero />\r\n        <Layout as=\"section\" className=\"sg:py-16\">\r\n          <Layout.Col1 hideDiv>\r\n            <div className=\"sg:flex sg:items-end sg:justify-between sg:mb-10\">\r\n              <div>\r\n                <TextHeading variant=\"h2\">Featured</TextHeading>\r\n                <TextParagraph\r\n                  foreground=\"muted-foreground\"\r\n                  className=\"sg:mt-2\"\r\n                >\r\n                  Hand-picked stories we love.\r\n                </TextParagraph>\r\n              </div>\r\n              <Link href=\"/posts\" className=\"sg:flex\" icon=\"ArrowRight\">\r\n                View all\r\n              </Link>\r\n            </div>\r\n            <div className=\"sg:grid sg:grid-cols-[repeat(auto-fit,minmax(min(230px,100%),1fr))] sg:gap-8\">\r\n              {featured.map((post) => (\r\n                <BlogPostCard key={post.slug} post={post} />\r\n              ))}\r\n            </div>\r\n          </Layout.Col1>\r\n        </Layout>\r\n      </Body.Content>\r\n      <Body.Footer>\r\n        <Footer\r\n          links={[\r\n            { label: \"Home\", to: \"/\" },\r\n            { label: \"Typography\", to: \"/typography\" },\r\n            { label: \"Design System\", to: \"/design-system\" },\r\n            { label: \"Admin\", to: \"/admin\" },\r\n          ]}\r\n        />\r\n      </Body.Footer>\r\n    </Body>\r\n  );\r\n}\r\n\r\nexport { StartPage };\r\n"],"mappings":"AAWM,cAMQ,YANR;AAXN,SAAS,YAAY;AACrB,OAAO,UAAU;AACjB,SAAS,QAAQ,MAAM,aAAa,qBAAqB;AACzD,OAAO,kBAAkB;AACzB,OAAO,YAAY;AACnB,SAAS,aAAa;AAEtB,SAAS,YAAY;AACnB,QAAM,WAAW,MAAM,OAAO,CAAC,MAAM,EAAE,QAAQ;AAC/C,SACE,qBAAC,QAAK,IAAG,OACP;AAAA,wBAAC,KAAK,QAAL,EAAY;AAAA,IACb,qBAAC,KAAK,SAAL,EACC;AAAA,0BAAC,QAAK;AAAA,MACN,oBAAC,UAAO,IAAG,WAAU,WAAU,YAC7B,+BAAC,OAAO,MAAP,EAAY,SAAO,MAClB;AAAA,6BAAC,SAAI,WAAU,oDACb;AAAA,+BAAC,SACC;AAAA,gCAAC,eAAY,SAAQ,MAAK,sBAAQ;AAAA,YAClC;AAAA,cAAC;AAAA;AAAA,gBACC,YAAW;AAAA,gBACX,WAAU;AAAA,gBACX;AAAA;AAAA,YAED;AAAA,aACF;AAAA,UACA,oBAAC,QAAK,MAAK,UAAS,WAAU,WAAU,MAAK,cAAa,sBAE1D;AAAA,WACF;AAAA,QACA,oBAAC,SAAI,WAAU,gFACZ,mBAAS,IAAI,CAAC,SACb,oBAAC,gBAA6B,QAAX,KAAK,IAAkB,CAC3C,GACH;AAAA,SACF,GACF;AAAA,OACF;AAAA,IACA,oBAAC,KAAK,QAAL,EACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,EAAE,OAAO,QAAQ,IAAI,IAAI;AAAA,UACzB,EAAE,OAAO,cAAc,IAAI,cAAc;AAAA,UACzC,EAAE,OAAO,iBAAiB,IAAI,iBAAiB;AAAA,UAC/C,EAAE,OAAO,SAAS,IAAI,SAAS;AAAA,QACjC;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/units/index.d.ts

@@ -1,5 +1,2 @@
-export { BlogPost } from './cards/blog-card.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle } from './cards/card.js';
-export { Cards, CardsProps, getGridColsClass } from './cards/cards.js';
-import 'react/jsx-runtime';
-import 'react';
+
+export {  }

package/dist/components/units/index.js

@@ -1,4 +1 @@
-export * from "./cards/blog-card";
-export * from "./cards/card";
-export * from "./cards/cards";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/units/index.ts"],"sourcesContent":["export * from \"./cards/blog-card\";\r\nexport * from \"./cards/card\";\r\nexport * from \"./cards/cards\";\r\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","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.55 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.7 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":"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","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.55 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.7 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,IAAI,KAAK;AAC1B,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/posts.d.ts

@@ -0,0 +1,20 @@
+interface BlogPost {
+    slug: string;
+    title: string;
+    excerpt: string;
+    body: string;
+    image: string;
+    date: string;
+    author: string;
+    featured?: boolean;
+}
+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 };