singularity-components 0.1.140 → 0.1.193

package/dist/components/pages/chat/chat-page.js

@@ -0,0 +1,209 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { motion } from "framer-motion";
+import { Send, Bot, User, Sparkles } from "lucide-react";
+import { Layout, Button, Input, Heading, Text } from "../../primitives/index.js";
+import { cn } from "../../../utils/index.js";
+const mockResponses = {
+  hello: "Hey there! \u{1F44B} I'm **Storied Bot**, your friendly AI assistant. I can help you explore blog posts, find resources, or just chat. What's on your mind?",
+  help: "Sure! Here's what I can help with:\n\n- \u{1F50D} **Search posts** \u2014 Ask me about any topic\n- \u{1F4DA} **Recommend reads** \u2014 I'll suggest posts based on your interests\n- \u{1F3A8} **Design tips** \u2014 Questions about typography, color, layout\n- \u{1F4A1} **General chat** \u2014 I'm happy to talk about anything!",
+  posts: "We have some great posts! Here are a few highlights:\n\n1. **The Art of Minimalism** \u2014 A deep dive into less-is-more design\n2. **Color Theory Fundamentals** \u2014 Understanding how colors work together\n3. **Typography Best Practices** \u2014 Making your text shine\n\nWant me to go deeper on any of these?",
+  design: "Great question about design! Here are some key principles I follow:\n\n- **Hierarchy** \u2014 Guide the eye with size, weight, and contrast\n- **Whitespace** \u2014 Give elements room to breathe\n- **Consistency** \u2014 Stick to your design system\n- **Accessibility** \u2014 Make sure everyone can use your work\n\nWould you like to explore our **Design System** page for live examples?"
+};
+const defaultResponse = "That's an interesting thought! \u{1F914}\n\nI'm currently running in demo mode, so my responses are limited. In a full implementation, I'd be powered by an AI model and could have much richer conversations.\n\nTry asking me about **posts**, **design**, or type **help** to see what I can do!";
+function getResponse(input) {
+  const lower = input.toLowerCase().trim();
+  for (const [key, response] of Object.entries(mockResponses)) {
+    if (lower.includes(key)) return response;
+  }
+  return defaultResponse;
+}
+const initialMessages = [
+  {
+    id: "welcome",
+    role: "assistant",
+    content: "Welcome to **Storied Bot**! \u{1F916}\u2728\n\nI'm your AI assistant \u2014 here to help you explore content, answer questions, and chat. This is a demo showcasing how a conversational interface can look and feel.\n\nTry saying **hello**, ask about **posts**, or type **help** to get started!",
+    timestamp: new Date(Date.now() - 6e4)
+  }
+];
+function ChatPage() {
+  const [messages, setMessages] = useState(initialMessages);
+  const [input, setInput] = useState("");
+  const [isTyping, setIsTyping] = useState(false);
+  const scrollRef = useRef(null);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    scrollRef.current?.scrollTo({
+      top: scrollRef.current.scrollHeight,
+      behavior: "smooth"
+    });
+  }, [messages, isTyping]);
+  const sendMessage = () => {
+    const text = input.trim();
+    if (!text || isTyping) return;
+    const userMsg = {
+      id: crypto.randomUUID(),
+      role: "user",
+      content: text,
+      timestamp: /* @__PURE__ */ new Date()
+    };
+    setMessages((prev) => [...prev, userMsg]);
+    setInput("");
+    setIsTyping(true);
+    setTimeout(
+      () => {
+        const botMsg = {
+          id: crypto.randomUUID(),
+          role: "assistant",
+          content: getResponse(text),
+          timestamp: /* @__PURE__ */ new Date()
+        };
+        setMessages((prev) => [...prev, botMsg]);
+        setIsTyping(false);
+      },
+      800 + Math.random() * 1200
+    );
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      sendMessage();
+    }
+  };
+  return /* @__PURE__ */ jsx(Layout, { type: "container", bgColor: "background", className: "sg:min-h-screen", children: /* @__PURE__ */ jsx(Layout.Col1, { className: "sg:flex sg:flex-col sg:items-center", children: /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -20 },
+      transition: { duration: 0.3 },
+      className: "sg:container sg:py-8 sg:flex sg:flex-col sg:max-w-2xl sg:mx-auto sg:w-full",
+      style: { height: "calc(100vh - 2rem)" },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-3 sg:mb-4 sg:pb-4 sg:border-b sg:border-border", children: [
+          /* @__PURE__ */ jsx("div", { className: "sg:h-10 sg:w-10 sg:rounded-full sg:bg-primary/10 sg:flex sg:items-center sg:justify-center", children: /* @__PURE__ */ jsx(Sparkles, { className: "sg:h-5 sg:w-5 sg:text-primary" }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "h4", className: "sg:font-bold sg:leading-tight", children: "Storied Bot" }),
+            /* @__PURE__ */ jsx(Text, { className: "sg:text-xs sg:text-muted-foreground", children: "AI assistant \xB7 Demo mode" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: scrollRef,
+            className: "chat-scroll sg:flex-1 sg:overflow-y-auto sg:space-y-4 sg:pr-2 sg:min-h-0",
+            children: [
+              messages.map((msg) => /* @__PURE__ */ jsxs(
+                motion.div,
+                {
+                  initial: { opacity: 0, y: 10 },
+                  animate: { opacity: 1, y: 0 },
+                  transition: { duration: 0.2 },
+                  className: cn(
+                    "sg:flex sg:gap-3 sg:max-w-[85%]",
+                    msg.role === "user" ? "sg:ml-auto sg:flex-row-reverse" : ""
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: cn(
+                          "sg:h-8 sg:w-8 sg:rounded-full sg:flex sg:items-center sg:justify-center sg:shrink-0 sg:mt-0.5",
+                          msg.role === "assistant" ? "sg:bg-primary/10 sg:text-primary" : "sg:bg-secondary sg:text-secondary-foreground"
+                        ),
+                        children: msg.role === "assistant" ? /* @__PURE__ */ jsx(Bot, { className: "sg:h-4 sg:w-4" }) : /* @__PURE__ */ jsx(User, { className: "sg:h-4 sg:w-4" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        className: cn(
+                          "sg:rounded-2xl sg:px-4 sg:py-2.5 sg:text-sm sg:leading-relaxed",
+                          msg.role === "assistant" ? "sg:bg-muted sg:text-foreground sg:rounded-tl-sm" : "sg:bg-primary sg:text-primary-foreground sg:rounded-tr-sm"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx(MessageContent, { content: msg.content }),
+                          /* @__PURE__ */ jsx(
+                            "p",
+                            {
+                              className: cn(
+                                "sg:text-[10px] sg:mt-1.5",
+                                msg.role === "assistant" ? "sg:text-muted-foreground" : "sg:text-primary-foreground/60"
+                              ),
+                              children: msg.timestamp.toLocaleTimeString([], {
+                                hour: "2-digit",
+                                minute: "2-digit"
+                              })
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                },
+                msg.id
+              )),
+              isTyping && /* @__PURE__ */ jsxs(
+                motion.div,
+                {
+                  initial: { opacity: 0, y: 10 },
+                  animate: { opacity: 1, y: 0 },
+                  className: "sg:flex sg:gap-3",
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "sg:h-8 sg:w-8 sg:rounded-full sg:bg-primary/10 sg:text-primary sg:flex sg:items-center sg:justify-center sg:shrink-0", children: /* @__PURE__ */ jsx(Bot, { className: "sg:h-4 sg:w-4" }) }),
+                    /* @__PURE__ */ jsxs("div", { className: "sg:bg-muted sg:rounded-2xl sg:rounded-tl-sm sg:px-4 sg:py-3 sg:flex sg:items-center sg:gap-1", children: [
+                      /* @__PURE__ */ jsx("span", { className: "sg:w-2 sg:h-2 sg:rounded-full sg:bg-muted-foreground/40 sg:animate-bounce [animation-delay:0ms]" }),
+                      /* @__PURE__ */ jsx("span", { className: "sg:w-2 sg:h-2 sg:rounded-full sg:bg-muted-foreground/40 sg:animate-bounce [animation-delay:150ms]" }),
+                      /* @__PURE__ */ jsx("span", { className: "sg:w-2 sg:h-2 sg:rounded-full sg:bg-muted-foreground/40 sg:animate-bounce [animation-delay:300ms]" })
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "sg:pt-4 sg:mt-4 sg:border-t sg:border-border", children: [
+          /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                ref: inputRef,
+                placeholder: "Type a message\u2026",
+                value: input,
+                onChange: (e) => setInput(e.target.value),
+                onKeyDown: handleKeyDown,
+                disabled: isTyping,
+                className: "sg:flex-1"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: sendMessage,
+                disabled: !input.trim() || isTyping,
+                "aria-label": "Send message",
+                children: /* @__PURE__ */ jsx(Send, { className: "sg:h-4 sg:w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Text, { className: "sg:text-[11px] sg:text-muted-foreground sg:text-center sg:mt-2", children: "Demo mode \u2014 responses are pre-written. Try: hello, help, posts, design" })
+        ] })
+      ]
+    }
+  ) }) });
+}
+function MessageContent({ content }) {
+  const lines = content.split("\n");
+  return /* @__PURE__ */ jsx("div", { className: "sg:space-y-1.5", children: lines.map((line, i) => {
+    if (line.trim() === "") return /* @__PURE__ */ jsx("br", {}, i);
+    const parts = line.split(/(\*\*[^*]+\*\*)/g);
+    return /* @__PURE__ */ jsx("p", { children: parts.map(
+      (part, j) => part.startsWith("**") && part.endsWith("**") ? /* @__PURE__ */ jsx("strong", { className: "sg:font-semibold", children: part.slice(2, -2) }, j) : /* @__PURE__ */ jsx("span", { children: part }, j)
+    ) }, i);
+  }) });
+}
+export {
+  ChatPage
+};
+//# sourceMappingURL=chat-page.js.map

package/dist/components/pages/chat/chat-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/chat/chat-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useRef, useEffect } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { Send, Bot, User, Sparkles } from \"lucide-react\";\nimport { Layout, Button, Input, Heading, Text } from \"../../primitives/index\";\nimport { cn } from \"../../../utils/index\";\n\ninterface Message {\n  id: string;\n  role: \"user\" | \"assistant\";\n  content: string;\n  timestamp: Date;\n}\n\nconst mockResponses: Record<string, string> = {\n  hello:\n    \"Hey there! 👋 I'm **Storied Bot**, your friendly AI assistant. I can help you explore blog posts, find resources, or just chat. What's on your mind?\",\n  help: \"Sure! Here's what I can help with:\\n\\n- 🔍 **Search posts** — Ask me about any topic\\n- 📚 **Recommend reads** — I'll suggest posts based on your interests\\n- 🎨 **Design tips** — Questions about typography, color, layout\\n- 💡 **General chat** — I'm happy to talk about anything!\",\n  posts:\n    \"We have some great posts! Here are a few highlights:\\n\\n1. **The Art of Minimalism** — A deep dive into less-is-more design\\n2. **Color Theory Fundamentals** — Understanding how colors work together\\n3. **Typography Best Practices** — Making your text shine\\n\\nWant me to go deeper on any of these?\",\n  design:\n    \"Great question about design! Here are some key principles I follow:\\n\\n- **Hierarchy** — Guide the eye with size, weight, and contrast\\n- **Whitespace** — Give elements room to breathe\\n- **Consistency** — Stick to your design system\\n- **Accessibility** — Make sure everyone can use your work\\n\\nWould you like to explore our **Design System** page for live examples?\",\n};\n\nconst defaultResponse =\n  \"That's an interesting thought! 🤔\\n\\nI'm currently running in demo mode, so my responses are limited. In a full implementation, I'd be powered by an AI model and could have much richer conversations.\\n\\nTry asking me about **posts**, **design**, or type **help** to see what I can do!\";\n\nfunction getResponse(input: string): string {\n  const lower = input.toLowerCase().trim();\n  for (const [key, response] of Object.entries(mockResponses)) {\n    if (lower.includes(key)) return response;\n  }\n  return defaultResponse;\n}\n\nconst initialMessages: Message[] = [\n  {\n    id: \"welcome\",\n    role: \"assistant\",\n    content:\n      \"Welcome to **Storied Bot**! 🤖✨\\n\\nI'm your AI assistant — here to help you explore content, answer questions, and chat. This is a demo showcasing how a conversational interface can look and feel.\\n\\nTry saying **hello**, ask about **posts**, or type **help** to get started!\",\n    timestamp: new Date(Date.now() - 60000),\n  },\n];\n\nexport function ChatPage() {\n  const [messages, setMessages] = useState<Message[]>(initialMessages);\n  const [input, setInput] = useState(\"\");\n  const [isTyping, setIsTyping] = useState(false);\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    scrollRef.current?.scrollTo({\n      top: scrollRef.current.scrollHeight,\n      behavior: \"smooth\",\n    });\n  }, [messages, isTyping]);\n\n  const sendMessage = () => {\n    const text = input.trim();\n    if (!text || isTyping) return;\n\n    const userMsg: Message = {\n      id: crypto.randomUUID(),\n      role: \"user\",\n      content: text,\n      timestamp: new Date(),\n    };\n\n    setMessages((prev) => [...prev, userMsg]);\n    setInput(\"\");\n    setIsTyping(true);\n\n    // Simulate typing delay\n    setTimeout(\n      () => {\n        const botMsg: Message = {\n          id: crypto.randomUUID(),\n          role: \"assistant\",\n          content: getResponse(text),\n          timestamp: new Date(),\n        };\n        setMessages((prev) => [...prev, botMsg]);\n        setIsTyping(false);\n      },\n      800 + Math.random() * 1200,\n    );\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      sendMessage();\n    }\n  };\n\n  return (\n    <Layout type=\"container\" bgColor=\"background\" className=\"sg:min-h-screen\">\n      <Layout.Col1 className=\"sg:flex sg:flex-col sg:items-center\">\n        <motion.div\n          initial={{ opacity: 0, y: 20 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={{ opacity: 0, y: -20 }}\n          transition={{ duration: 0.3 }}\n          className=\"sg:container sg:py-8 sg:flex sg:flex-col sg:max-w-2xl sg:mx-auto sg:w-full\"\n          style={{ height: \"calc(100vh - 2rem)\" }}\n        >\n          {/* Header */}\n          <div className=\"sg:flex sg:items-center sg:gap-3 sg:mb-4 sg:pb-4 sg:border-b sg:border-border\">\n            <div className=\"sg:h-10 sg:w-10 sg:rounded-full sg:bg-primary/10 sg:flex sg:items-center sg:justify-center\">\n              <Sparkles className=\"sg:h-5 sg:w-5 sg:text-primary\" />\n            </div>\n            <div>\n              <Heading variant=\"h4\" className=\"sg:font-bold sg:leading-tight\">\n                Storied Bot\n              </Heading>\n              <Text className=\"sg:text-xs sg:text-muted-foreground\">\n                AI assistant · Demo mode\n              </Text>\n            </div>\n          </div>\n\n          {/* Messages area */}\n          <div\n            ref={scrollRef}\n            className=\"chat-scroll sg:flex-1 sg:overflow-y-auto sg:space-y-4 sg:pr-2 sg:min-h-0\"\n          >\n            {messages.map((msg) => (\n              <motion.div\n                key={msg.id}\n                initial={{ opacity: 0, y: 10 }}\n                animate={{ opacity: 1, y: 0 }}\n                transition={{ duration: 0.2 }}\n                className={cn(\n                  \"sg:flex sg:gap-3 sg:max-w-[85%]\",\n                  msg.role === \"user\" ? \"sg:ml-auto sg:flex-row-reverse\" : \"\",\n                )}\n              >\n                {/* Avatar */}\n                <div\n                  className={cn(\n                    \"sg:h-8 sg:w-8 sg:rounded-full sg:flex sg:items-center sg:justify-center sg:shrink-0 sg:mt-0.5\",\n                    msg.role === \"assistant\"\n                      ? \"sg:bg-primary/10 sg:text-primary\"\n                      : \"sg:bg-secondary sg:text-secondary-foreground\",\n                  )}\n                >\n                  {msg.role === \"assistant\" ? (\n                    <Bot className=\"sg:h-4 sg:w-4\" />\n                  ) : (\n                    <User className=\"sg:h-4 sg:w-4\" />\n                  )}\n                </div>\n\n                {/* Bubble */}\n                <div\n                  className={cn(\n                    \"sg:rounded-2xl sg:px-4 sg:py-2.5 sg:text-sm sg:leading-relaxed\",\n                    msg.role === \"assistant\"\n                      ? \"sg:bg-muted sg:text-foreground sg:rounded-tl-sm\"\n                      : \"sg:bg-primary sg:text-primary-foreground sg:rounded-tr-sm\",\n                  )}\n                >\n                  <MessageContent content={msg.content} />\n                  <p\n                    className={cn(\n                      \"sg:text-[10px] sg:mt-1.5\",\n                      msg.role === \"assistant\"\n                        ? \"sg:text-muted-foreground\"\n                        : \"sg:text-primary-foreground/60\",\n                    )}\n                  >\n                    {msg.timestamp.toLocaleTimeString([], {\n                      hour: \"2-digit\",\n                      minute: \"2-digit\",\n                    })}\n                  </p>\n                </div>\n              </motion.div>\n            ))}\n\n            {/* Typing indicator */}\n            {isTyping && (\n              <motion.div\n                initial={{ opacity: 0, y: 10 }}\n                animate={{ opacity: 1, y: 0 }}\n                className=\"sg:flex sg:gap-3\"\n              >\n                <div className=\"sg:h-8 sg:w-8 sg:rounded-full sg:bg-primary/10 sg:text-primary sg:flex sg:items-center sg:justify-center sg:shrink-0\">\n                  <Bot className=\"sg:h-4 sg:w-4\" />\n                </div>\n                <div className=\"sg:bg-muted sg:rounded-2xl sg:rounded-tl-sm sg:px-4 sg:py-3 sg:flex sg:items-center sg:gap-1\">\n                  <span className=\"sg:w-2 sg:h-2 sg:rounded-full sg:bg-muted-foreground/40 sg:animate-bounce [animation-delay:0ms]\" />\n                  <span className=\"sg:w-2 sg:h-2 sg:rounded-full sg:bg-muted-foreground/40 sg:animate-bounce [animation-delay:150ms]\" />\n                  <span className=\"sg:w-2 sg:h-2 sg:rounded-full sg:bg-muted-foreground/40 sg:animate-bounce [animation-delay:300ms]\" />\n                </div>\n              </motion.div>\n            )}\n          </div>\n\n          {/* Input area */}\n          <div className=\"sg:pt-4 sg:mt-4 sg:border-t sg:border-border\">\n            <div className=\"sg:flex sg:gap-2\">\n              <Input\n                ref={inputRef}\n                placeholder=\"Type a message…\"\n                value={input}\n                onChange={(e) => setInput(e.target.value)}\n                onKeyDown={handleKeyDown}\n                disabled={isTyping}\n                className=\"sg:flex-1\"\n              />\n              <Button\n                onClick={sendMessage}\n                disabled={!input.trim() || isTyping}\n                aria-label=\"Send message\"\n              >\n                <Send className=\"sg:h-4 sg:w-4\" />\n              </Button>\n            </div>\n            <Text className=\"sg:text-[11px] sg:text-muted-foreground sg:text-center sg:mt-2\">\n              Demo mode — responses are pre-written. Try: hello, help, posts,\n              design\n            </Text>\n          </div>\n        </motion.div>\n      </Layout.Col1>\n    </Layout>\n  );\n}\n\n/** Simple markdown-ish renderer for bold and line breaks */\nfunction MessageContent({ content }: { content: string }) {\n  const lines = content.split(\"\\n\");\n  return (\n    <div className=\"sg:space-y-1.5\">\n      {lines.map((line, i) => {\n        if (line.trim() === \"\") return <br key={i} />;\n        // Bold: **text**\n        const parts = line.split(/(\\*\\*[^*]+\\*\\*)/g);\n        return (\n          <p key={i}>\n            {parts.map((part, j) =>\n              part.startsWith(\"**\") && part.endsWith(\"**\") ? (\n                <strong key={j} className=\"sg:font-semibold\">\n                  {part.slice(2, -2)}\n                </strong>\n              ) : (\n                <span key={j}>{part}</span>\n              ),\n            )}\n          </p>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AAgHc,cAEF,YAFE;AA9Gd,SAAS,UAAU,QAAQ,iBAAiB;AAC5C,SAAS,cAAc;AACvB,SAAS,MAAM,KAAK,MAAM,gBAAgB;AAC1C,SAAS,QAAQ,QAAQ,OAAO,SAAS,YAAY;AACrD,SAAS,UAAU;AASnB,MAAM,gBAAwC;AAAA,EAC5C,OACE;AAAA,EACF,MAAM;AAAA,EACN,OACE;AAAA,EACF,QACE;AACJ;AAEA,MAAM,kBACJ;AAEF,SAAS,YAAY,OAAuB;AAC1C,QAAM,QAAQ,MAAM,YAAY,EAAE,KAAK;AACvC,aAAW,CAAC,KAAK,QAAQ,KAAK,OAAO,QAAQ,aAAa,GAAG;AAC3D,QAAI,MAAM,SAAS,GAAG,EAAG,QAAO;AAAA,EAClC;AACA,SAAO;AACT;AAEA,MAAM,kBAA6B;AAAA,EACjC;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,SACE;AAAA,IACF,WAAW,IAAI,KAAK,KAAK,IAAI,IAAI,GAAK;AAAA,EACxC;AACF;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAoB,eAAe;AACnE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,WAAW,OAAyB,IAAI;AAE9C,YAAU,MAAM;AACd,cAAU,SAAS,SAAS;AAAA,MAC1B,KAAK,UAAU,QAAQ;AAAA,MACvB,UAAU;AAAA,IACZ,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,cAAc,MAAM;AACxB,UAAM,OAAO,MAAM,KAAK;AACxB,QAAI,CAAC,QAAQ,SAAU;AAEvB,UAAM,UAAmB;AAAA,MACvB,IAAI,OAAO,WAAW;AAAA,MACtB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,oBAAI,KAAK;AAAA,IACtB;AAEA,gBAAY,CAAC,SAAS,CAAC,GAAG,MAAM,OAAO,CAAC;AACxC,aAAS,EAAE;AACX,gBAAY,IAAI;AAGhB;AAAA,MACE,MAAM;AACJ,cAAM,SAAkB;AAAA,UACtB,IAAI,OAAO,WAAW;AAAA,UACtB,MAAM;AAAA,UACN,SAAS,YAAY,IAAI;AAAA,UACzB,WAAW,oBAAI,KAAK;AAAA,QACtB;AACA,oBAAY,CAAC,SAAS,CAAC,GAAG,MAAM,MAAM,CAAC;AACvC,oBAAY,KAAK;AAAA,MACnB;AAAA,MACA,MAAM,KAAK,OAAO,IAAI;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,MAA2B;AAChD,QAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,UAAU;AACpC,QAAE,eAAe;AACjB,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,SACE,oBAAC,UAAO,MAAK,aAAY,SAAQ,cAAa,WAAU,mBACtD,8BAAC,OAAO,MAAP,EAAY,WAAU,uCACrB;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,MAAM,EAAE,SAAS,GAAG,GAAG,IAAI;AAAA,MAC3B,YAAY,EAAE,UAAU,IAAI;AAAA,MAC5B,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,qBAAqB;AAAA,MAGtC;AAAA,6BAAC,SAAI,WAAU,iFACb;AAAA,8BAAC,SAAI,WAAU,8FACb,8BAAC,YAAS,WAAU,iCAAgC,GACtD;AAAA,UACA,qBAAC,SACC;AAAA,gCAAC,WAAQ,SAAQ,MAAK,WAAU,iCAAgC,yBAEhE;AAAA,YACA,oBAAC,QAAK,WAAU,uCAAsC,yCAEtD;AAAA,aACF;AAAA,WACF;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAU;AAAA,YAET;AAAA,uBAAS,IAAI,CAAC,QACb;AAAA,gBAAC,OAAO;AAAA,gBAAP;AAAA,kBAEC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,kBAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,kBAC5B,YAAY,EAAE,UAAU,IAAI;AAAA,kBAC5B,WAAW;AAAA,oBACT;AAAA,oBACA,IAAI,SAAS,SAAS,mCAAmC;AAAA,kBAC3D;AAAA,kBAGA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW;AAAA,0BACT;AAAA,0BACA,IAAI,SAAS,cACT,qCACA;AAAA,wBACN;AAAA,wBAEC,cAAI,SAAS,cACZ,oBAAC,OAAI,WAAU,iBAAgB,IAE/B,oBAAC,QAAK,WAAU,iBAAgB;AAAA;AAAA,oBAEpC;AAAA,oBAGA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW;AAAA,0BACT;AAAA,0BACA,IAAI,SAAS,cACT,oDACA;AAAA,wBACN;AAAA,wBAEA;AAAA,8CAAC,kBAAe,SAAS,IAAI,SAAS;AAAA,0BACtC;AAAA,4BAAC;AAAA;AAAA,8BACC,WAAW;AAAA,gCACT;AAAA,gCACA,IAAI,SAAS,cACT,6BACA;AAAA,8BACN;AAAA,8BAEC,cAAI,UAAU,mBAAmB,CAAC,GAAG;AAAA,gCACpC,MAAM;AAAA,gCACN,QAAQ;AAAA,8BACV,CAAC;AAAA;AAAA,0BACH;AAAA;AAAA;AAAA,oBACF;AAAA;AAAA;AAAA,gBAhDK,IAAI;AAAA,cAiDX,CACD;AAAA,cAGA,YACC;AAAA,gBAAC,OAAO;AAAA,gBAAP;AAAA,kBACC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,kBAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,kBAC5B,WAAU;AAAA,kBAEV;AAAA,wCAAC,SAAI,WAAU,wHACb,8BAAC,OAAI,WAAU,iBAAgB,GACjC;AAAA,oBACA,qBAAC,SAAI,WAAU,gGACb;AAAA,0CAAC,UAAK,WAAU,mGAAkG;AAAA,sBAClH,oBAAC,UAAK,WAAU,qGAAoG;AAAA,sBACpH,oBAAC,UAAK,WAAU,qGAAoG;AAAA,uBACtH;AAAA;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QAEJ;AAAA,QAGA,qBAAC,SAAI,WAAU,gDACb;AAAA,+BAAC,SAAI,WAAU,oBACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,gBACxC,WAAW;AAAA,gBACX,UAAU;AAAA,gBACV,WAAU;AAAA;AAAA,YACZ;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS;AAAA,gBACT,UAAU,CAAC,MAAM,KAAK,KAAK;AAAA,gBAC3B,cAAW;AAAA,gBAEX,8BAAC,QAAK,WAAU,iBAAgB;AAAA;AAAA,YAClC;AAAA,aACF;AAAA,UACA,oBAAC,QAAK,WAAU,kEAAiE,yFAGjF;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;AAGA,SAAS,eAAe,EAAE,QAAQ,GAAwB;AACxD,QAAM,QAAQ,QAAQ,MAAM,IAAI;AAChC,SACE,oBAAC,SAAI,WAAU,kBACZ,gBAAM,IAAI,CAAC,MAAM,MAAM;AACtB,QAAI,KAAK,KAAK,MAAM,GAAI,QAAO,oBAAC,UAAQ,CAAG;AAE3C,UAAM,QAAQ,KAAK,MAAM,kBAAkB;AAC3C,WACE,oBAAC,OACE,gBAAM;AAAA,MAAI,CAAC,MAAM,MAChB,KAAK,WAAW,IAAI,KAAK,KAAK,SAAS,IAAI,IACzC,oBAAC,YAAe,WAAU,oBACvB,eAAK,MAAM,GAAG,EAAE,KADN,CAEb,IAEA,oBAAC,UAAc,kBAAJ,CAAS;AAAA,IAExB,KATM,CAUR;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,11 @@
+export { AdminPage, AdminPageProps } from './admin/admin-page.js';
+export { BlogPost } from './blogpost/blogpost.js';
+export { CategoryPage } from './category/category-page.js';
+export { LoginPage } from './login/login-page.js';
+export { MaintenancePage } from './maintenance/maintenance-page.js';
+export { NotFound } from './not-found/not-found.js';
+export { PrivacyPage } from './privacy/privacy-page.js';
+export { SearchPage } from './search/search-page.js';
+export { StartPage } from './startpage/startpage.js';
+export { TermsPage } from './terms/terms-page.js';
+import 'react/jsx-runtime';

package/dist/components/pages/index.js

@@ -0,0 +1,11 @@
+export * from "./admin/admin-page.js";
+export * from "./blogpost/blogpost.js";
+export * from "./category/category-page.js";
+export * from "./login/login-page.js";
+export * from "./maintenance/maintenance-page.js";
+export * from "./not-found/not-found.js";
+export * from "./privacy/privacy-page.js";
+export * from "./search/search-page.js";
+export * from "./startpage/startpage.js";
+export * from "./terms/terms-page.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/pages/index.ts"],"sourcesContent":["/**\n * Pages index\n *\n * Please keep exports sorted alphabetically by path!\n */\n\nexport * from \"./admin/admin-page\";\nexport * from \"./blogpost/blogpost\";\nexport * from \"./category/category-page\";\nexport * from \"./login/login-page\";\nexport * from \"./maintenance/maintenance-page\";\nexport * from \"./not-found/not-found\";\nexport * from \"./privacy/privacy-page\";\nexport * from \"./search/search-page\";\nexport * from \"./startpage/startpage\";\nexport * from \"./terms/terms-page\";\n"],"mappings":"AAMA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/pages/login/login-page.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LoginPageProps {
+    /**
+     * Callback fired when login is successful
+     */
+    onLoginSuccess?: () => void;
+    /**
+     * Label for the "Sign up" link
+     */
+    signUpLabel?: string;
+    /**
+     * URL for the "Sign up" link
+     */
+    signUpHref?: string;
+}
+declare function LoginPage({ onLoginSuccess, signUpLabel, signUpHref, }: LoginPageProps): react_jsx_runtime.JSX.Element;
+
+export { LoginPage };

package/dist/components/pages/login/login-page.js

@@ -0,0 +1,108 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import {
+  Layout,
+  Button,
+  Input,
+  Label,
+  Heading,
+  Text,
+  Link
+} from "../../primitives/index.js";
+import { useToast } from "../../primitives/sonner/use-toast.js";
+import { useAuth } from "singularity-components/components/providers/auth-provider";
+function LoginPage({
+  onLoginSuccess,
+  signUpLabel = "Sign up",
+  signUpHref = "#"
+}) {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const { toast } = useToast();
+  const { isLoggedIn, login, logout, userName } = useAuth();
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    login(email.split("@")[0]);
+    toast.success("Logged in!", {
+      description: `Welcome back, ${email}!`
+    });
+    onLoginSuccess?.();
+  };
+  if (isLoggedIn) {
+    return /* @__PURE__ */ jsx(Layout, { type: "col", className: "sg:py-20", as: "main", children: /* @__PURE__ */ jsx(Layout.Col1, { centerContent: true, children: /* @__PURE__ */ jsxs("div", { className: "sg:w-full sg:max-w-sm sg:space-y-6", children: [
+      /* @__PURE__ */ jsxs(Heading, { variant: "h1", className: "sg:text-foreground", children: [
+        "Welcome, ",
+        userName
+      ] }),
+      /* @__PURE__ */ jsx(Text, { foreground: "muted-foreground", children: "You are currently logged in." }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => {
+            logout();
+            toast.message("Logged out", {
+              description: "See you next time!"
+            });
+          },
+          children: "Log out"
+        }
+      )
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsx(Layout, { type: "col", className: "sg:py-20", as: "main", children: /* @__PURE__ */ jsx(Layout.Col1, { centerContent: true, children: /* @__PURE__ */ jsxs("div", { className: "sg:w-full sg:max-w-sm sg:space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "sg:text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { variant: "h1", children: "Log in" }),
+      /* @__PURE__ */ jsx(Text, { className: "sg:mt-2", foreground: "muted-foreground", children: "Welcome back to Storied." })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "sg:space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "sg:space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "email",
+            type: "email",
+            placeholder: "you@example.com",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "sg:space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: "Password" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "password",
+            type: "password",
+            placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", className: "sg:w-full", children: "Log in" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Text,
+      {
+        size: "sm",
+        foreground: "muted-foreground",
+        className: "sg:text-center",
+        children: [
+          "Don't have an account?",
+          " ",
+          /* @__PURE__ */ jsx(Link, { to: signUpHref, children: signUpLabel })
+        ]
+      }
+    )
+  ] }) }) });
+}
+export {
+  LoginPage
+};
+//# sourceMappingURL=login-page.js.map

package/dist/components/pages/login/login-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/login/login-page.tsx"],"sourcesContent":["\"use client\";\nimport { useState } from \"react\";\nimport {\n  Layout,\n  Button,\n  Input,\n  Label,\n  Heading,\n  Text,\n  Link,\n} from \"../../primitives/index\";\nimport { useToast } from \"../../primitives/sonner/use-toast\";\nimport { useAuth } from \"singularity-components/components/providers/auth-provider\";\n\ninterface LoginPageProps {\n  /**\n   * Callback fired when login is successful\n   */\n  onLoginSuccess?: () => void;\n  /**\n   * Label for the \"Sign up\" link\n   */\n  signUpLabel?: string;\n  /**\n   * URL for the \"Sign up\" link\n   */\n  signUpHref?: string;\n}\n\nexport function LoginPage({\n  onLoginSuccess,\n  signUpLabel = \"Sign up\",\n  signUpHref = \"#\",\n}: LoginPageProps) {\n  const [email, setEmail] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n  const { toast } = useToast();\n  const { isLoggedIn, login, logout, userName } = useAuth();\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    login(email.split(\"@\")[0]);\n    toast.success(\"Logged in!\", {\n      description: `Welcome back, ${email}!`,\n    });\n    onLoginSuccess?.();\n  };\n\n  if (isLoggedIn) {\n    return (\n      <Layout type=\"col\" className=\"sg:py-20\" as=\"main\">\n        <Layout.Col1 centerContent>\n          <div className=\"sg:w-full sg:max-w-sm sg:space-y-6\">\n            <Heading variant=\"h1\" className=\"sg:text-foreground\">\n              Welcome, {userName}\n            </Heading>\n            <Text foreground=\"muted-foreground\">\n              You are currently logged in.\n            </Text>\n            <Button\n              variant=\"outline\"\n              onClick={() => {\n                logout();\n                toast.message(\"Logged out\", {\n                  description: \"See you next time!\",\n                });\n              }}\n            >\n              Log out\n            </Button>\n          </div>\n        </Layout.Col1>\n      </Layout>\n    );\n  }\n\n  return (\n    <Layout type=\"col\" className=\"sg:py-20\" as=\"main\">\n      <Layout.Col1 centerContent>\n        <div className=\"sg:w-full sg:max-w-sm sg:space-y-6\">\n          <div className=\"sg:text-center\">\n            <Heading variant=\"h1\">Log in</Heading>\n            <Text className=\"sg:mt-2\" foreground=\"muted-foreground\">\n              Welcome back to Storied.\n            </Text>\n          </div>\n\n          <form onSubmit={handleSubmit} className=\"sg:space-y-4\">\n            <div className=\"sg:space-y-2\">\n              <Label htmlFor=\"email\">Email</Label>\n              <Input\n                id=\"email\"\n                type=\"email\"\n                placeholder=\"you@example.com\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n                required\n              />\n            </div>\n            <div className=\"sg:space-y-2\">\n              <Label htmlFor=\"password\">Password</Label>\n              <Input\n                id=\"password\"\n                type=\"password\"\n                placeholder=\"••••••••\"\n                value={password}\n                onChange={(e) => setPassword(e.target.value)}\n                required\n              />\n            </div>\n            <Button type=\"submit\" className=\"sg:w-full\">\n              Log in\n            </Button>\n          </form>\n\n          <Text\n            size=\"sm\"\n            foreground=\"muted-foreground\"\n            className=\"sg:text-center\"\n          >\n            Don&apos;t have an account?{\" \"}\n            <Link to={signUpHref}>{signUpLabel}</Link>\n          </Text>\n        </div>\n      </Layout.Col1>\n    </Layout>\n  );\n}\n"],"mappings":";AAqDY,SAGA,KAHA;AApDZ,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAiBjB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AACf,GAAmB;AACjB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,EAAE,YAAY,OAAO,QAAQ,SAAS,IAAI,QAAQ;AAExD,QAAM,eAAe,CAAC,MAAuB;AAC3C,MAAE,eAAe;AACjB,UAAM,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC;AACzB,UAAM,QAAQ,cAAc;AAAA,MAC1B,aAAa,iBAAiB,KAAK;AAAA,IACrC,CAAC;AACD,qBAAiB;AAAA,EACnB;AAEA,MAAI,YAAY;AACd,WACE,oBAAC,UAAO,MAAK,OAAM,WAAU,YAAW,IAAG,QACzC,8BAAC,OAAO,MAAP,EAAY,eAAa,MACxB,+BAAC,SAAI,WAAU,sCACb;AAAA,2BAAC,WAAQ,SAAQ,MAAK,WAAU,sBAAqB;AAAA;AAAA,QACzC;AAAA,SACZ;AAAA,MACA,oBAAC,QAAK,YAAW,oBAAmB,0CAEpC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,mBAAO;AACP,kBAAM,QAAQ,cAAc;AAAA,cAC1B,aAAa;AAAA,YACf,CAAC;AAAA,UACH;AAAA,UACD;AAAA;AAAA,MAED;AAAA,OACF,GACF,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,UAAO,MAAK,OAAM,WAAU,YAAW,IAAG,QACzC,8BAAC,OAAO,MAAP,EAAY,eAAa,MACxB,+BAAC,SAAI,WAAU,sCACb;AAAA,yBAAC,SAAI,WAAU,kBACb;AAAA,0BAAC,WAAQ,SAAQ,MAAK,oBAAM;AAAA,MAC5B,oBAAC,QAAK,WAAU,WAAU,YAAW,oBAAmB,sCAExD;AAAA,OACF;AAAA,IAEA,qBAAC,UAAK,UAAU,cAAc,WAAU,gBACtC;AAAA,2BAAC,SAAI,WAAU,gBACb;AAAA,4BAAC,SAAM,SAAQ,SAAQ,mBAAK;AAAA,QAC5B;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,aAAY;AAAA,YACZ,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC,UAAQ;AAAA;AAAA,QACV;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,gBACb;AAAA,4BAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,QAClC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,aAAY;AAAA,YACZ,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,YAC3C,UAAQ;AAAA;AAAA,QACV;AAAA,SACF;AAAA,MACA,oBAAC,UAAO,MAAK,UAAS,WAAU,aAAY,oBAE5C;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAW;AAAA,QACX,WAAU;AAAA,QACX;AAAA;AAAA,UAC6B;AAAA,UAC5B,oBAAC,QAAK,IAAI,YAAa,uBAAY;AAAA;AAAA;AAAA,IACrC;AAAA,KACF,GACF,GACF;AAEJ;","names":[]}

package/dist/components/pages/maintenance/maintenance-page.d.ts

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

package/dist/components/pages/maintenance/maintenance-page.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { Heading, Text, Button, Link, Icon, Stack } from "../../primitives/index.js";
+import { LinkButton } from "../../primitives/buttons/link-button.js";
+function MaintenancePage() {
+  return /* @__PURE__ */ jsx("div", { className: "sg:min-h-screen sg:flex sg:flex-col sg:items-center sg:justify-center sg:bg-background sg:px-4", children: /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.4 },
+      className: "sg:text-center sg:max-w-md",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "sg:rounded-full sg:bg-primary/10 sg:p-5 sg:inline-flex sg:mb-6", children: /* @__PURE__ */ jsx(Icon, { icon: "Construction", size: "xl", color: "primary" }) }),
+        /* @__PURE__ */ jsx(Heading, { variant: "h1", className: "sg:mb-3", children: "Under Maintenance" }),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            foreground: "muted-foreground",
+            className: "sg:leading-relaxed sg:mb-2",
+            children: "We're making some improvements to bring you a better experience. We'll be back shortly."
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "sm",
+            foreground: "muted-foreground",
+            className: "sg:opacity-70 sg:mb-8",
+            children: "Expected downtime: less than 1 hour"
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", wrap: "wrap", justifyContent: "center", gap: 3, children: [
+          /* @__PURE__ */ jsx(LinkButton, { to: "/", iconStart: "ArrowLeft", children: "Try Home Page" }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => window.location.reload(), children: "Refresh" })
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { size: "xs", foreground: "muted-foreground", className: "sg:mt-10", children: [
+          "Questions? Reach us at",
+          " ",
+          /* @__PURE__ */ jsx(Link, { to: "mailto:hello@storied.blog", children: "hello@storied.blog" })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  MaintenancePage
+};
+//# sourceMappingURL=maintenance-page.js.map

package/dist/components/pages/maintenance/maintenance-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/maintenance/maintenance-page.tsx"],"sourcesContent":["\"use client\";\nimport { motion } from \"framer-motion\";\nimport { Heading, Text, Button, Link, Icon, Stack } from \"../../primitives/index\";\nimport { LinkButton } from \"../../primitives/buttons/link-button\";\n\nexport function MaintenancePage() {\n  return (\n    <div className=\"sg:min-h-screen sg:flex sg:flex-col sg:items-center sg:justify-center sg:bg-background sg:px-4\">\n      <motion.div\n        initial={{ opacity: 0, y: 20 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ duration: 0.4 }}\n        className=\"sg:text-center sg:max-w-md\"\n      >\n        <div className=\"sg:rounded-full sg:bg-primary/10 sg:p-5 sg:inline-flex sg:mb-6\">\n          <Icon icon=\"Construction\" size=\"xl\" color=\"primary\" />\n        </div>\n        <Heading variant=\"h1\" className=\"sg:mb-3\">\n          Under Maintenance\n        </Heading>\n        <Text\n          foreground=\"muted-foreground\"\n          className=\"sg:leading-relaxed sg:mb-2\"\n        >\n          We&apos;re making some improvements to bring you a better experience.\n          We&apos;ll be back shortly.\n        </Text>\n        <Text\n          size=\"sm\"\n          foreground=\"muted-foreground\"\n          className=\"sg:opacity-70 sg:mb-8\"\n        >\n          Expected downtime: less than 1 hour\n        </Text>\n        <Stack direction=\"row\" wrap=\"wrap\" justifyContent=\"center\" gap={3}>\n          <LinkButton to=\"/\" iconStart=\"ArrowLeft\">\n            Try Home Page\n          </LinkButton>\n          <Button variant=\"outline\" onClick={() => window.location.reload()}>\n            Refresh\n          </Button>\n        </Stack>\n        <Text size=\"xs\" foreground=\"muted-foreground\" className=\"sg:mt-10\">\n          Questions? Reach us at{\" \"}\n          <Link to=\"mailto:hello@storied.blog\">hello@storied.blog</Link>\n        </Text>\n      </motion.div>\n    </div>\n  );\n}\n"],"mappings":";AAeU,cAmBF,YAnBE;AAdV,SAAS,cAAc;AACvB,SAAS,SAAS,MAAM,QAAQ,MAAM,MAAM,aAAa;AACzD,SAAS,kBAAkB;AAEpB,SAAS,kBAAkB;AAChC,SACE,oBAAC,SAAI,WAAU,kGACb;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,YAAY,EAAE,UAAU,IAAI;AAAA,MAC5B,WAAU;AAAA,MAEV;AAAA,4BAAC,SAAI,WAAU,kEACb,8BAAC,QAAK,MAAK,gBAAe,MAAK,MAAK,OAAM,WAAU,GACtD;AAAA,QACA,oBAAC,WAAQ,SAAQ,MAAK,WAAU,WAAU,+BAE1C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,WAAU;AAAA,YACX;AAAA;AAAA,QAGD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,YAAW;AAAA,YACX,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,QACA,qBAAC,SAAM,WAAU,OAAM,MAAK,QAAO,gBAAe,UAAS,KAAK,GAC9D;AAAA,8BAAC,cAAW,IAAG,KAAI,WAAU,aAAY,2BAEzC;AAAA,UACA,oBAAC,UAAO,SAAQ,WAAU,SAAS,MAAM,OAAO,SAAS,OAAO,GAAG,qBAEnE;AAAA,WACF;AAAA,QACA,qBAAC,QAAK,MAAK,MAAK,YAAW,oBAAmB,WAAU,YAAW;AAAA;AAAA,UAC1C;AAAA,UACvB,oBAAC,QAAK,IAAG,6BAA4B,gCAAkB;AAAA,WACzD;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/pages/not-found/not-found.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface NotFoundProps {
+    pathname?: string;
+    homeHref?: string;
+    onGoBack?: () => void;
+}
+declare const NotFound: ({ pathname, homeHref, onGoBack, }: NotFoundProps) => react_jsx_runtime.JSX.Element;
+
+export { NotFound };

package/dist/components/pages/not-found/not-found.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { Layout } from "../../primitives/layout/layout.js";
+import { Button } from "../../primitives/buttons/button.js";
+import { LinkButton } from "../../primitives/buttons/link-button.js";
+import { Heading, Icon, Stack, Text, TextCode } from "../../primitives/index.js";
+import { useEffect } from "react";
+const NotFound = ({
+  pathname,
+  homeHref = "/",
+  onGoBack
+}) => {
+  const currentPath = pathname ?? (typeof window !== "undefined" ? window.location.pathname : "");
+  useEffect(() => {
+    console.error(
+      "404 Error: User attempted to access non-existent route:",
+      currentPath
+    );
+  }, [currentPath]);
+  const handleGoBack = () => {
+    if (onGoBack) {
+      onGoBack();
+    } else if (typeof window !== "undefined") {
+      window.history.back();
+    }
+  };
+  return /* @__PURE__ */ jsx(Layout, { bgColor: "background", children: /* @__PURE__ */ jsx(Layout.Col1, { className: "sg:flex sg:flex-col sg:items-center sg:justify-center sg:py-32 sg:text-center", children: /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -20 },
+      transition: { duration: 0.3 },
+      className: "sg:flex sg:flex-col sg:items-center",
+      children: [
+        /* @__PURE__ */ jsx(Icon, { size: "xxl", className: "sg:mb-6", icon: "SearchX" }),
+        /* @__PURE__ */ jsx(Heading, { variant: "h1", className: "sg:mb-2", foreground: "primary", children: "404" }),
+        /* @__PURE__ */ jsx(Heading, { variant: "h2", className: "sg:mb-3", children: "Page not found" }),
+        /* @__PURE__ */ jsxs(Text, { foreground: "muted-foreground", className: "sg:max-w-md sg:mb-8", children: [
+          "The page ",
+          /* @__PURE__ */ jsx(TextCode, { children: currentPath }),
+          " doesn't exist. It may have been moved or removed."
+        ] }),
+        /* @__PURE__ */ jsxs(Stack, { wrap: "wrap", justifyContent: "center", gap: 3, direction: "row", children: [
+          /* @__PURE__ */ jsx(LinkButton, { to: homeHref, iconStart: "House", children: "Back to Home" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              onClick: handleGoBack,
+              iconStart: "ArrowLeft",
+              children: "Go Back"
+            }
+          )
+        ] })
+      ]
+    }
+  ) }) });
+};
+export {
+  NotFound
+};
+//# sourceMappingURL=not-found.js.map

package/dist/components/pages/not-found/not-found.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/not-found/not-found.tsx"],"sourcesContent":["\"use client\";\nimport { motion } from \"framer-motion\";\nimport { Layout } from \"../../primitives/layout/layout\";\nimport { Button } from \"../../primitives/buttons/button\";\nimport { LinkButton } from \"../../primitives/buttons/link-button\";\nimport { Heading, Icon, Stack, Text, TextCode } from \"../../primitives/index\";\nimport { useEffect } from \"react\";\n\ninterface NotFoundProps {\n  pathname?: string;\n  homeHref?: string;\n  onGoBack?: () => void;\n}\n\nexport const NotFound = ({\n  pathname,\n  homeHref = \"/\",\n  onGoBack,\n}: NotFoundProps) => {\n  const currentPath =\n    pathname ?? (typeof window !== \"undefined\" ? window.location.pathname : \"\");\n\n  useEffect(() => {\n    console.error(\n      \"404 Error: User attempted to access non-existent route:\",\n      currentPath,\n    );\n  }, [currentPath]);\n\n  const handleGoBack = () => {\n    if (onGoBack) {\n      onGoBack();\n    } else if (typeof window !== \"undefined\") {\n      window.history.back();\n    }\n  };\n\n  return (\n    <Layout bgColor=\"background\">\n      <Layout.Col1 className=\"sg:flex sg:flex-col sg:items-center sg:justify-center sg:py-32 sg:text-center\">\n        <motion.div\n          initial={{ opacity: 0, y: 20 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={{ opacity: 0, y: -20 }}\n          transition={{ duration: 0.3 }}\n          className=\"sg:flex sg:flex-col sg:items-center\"\n        >\n          <Icon size=\"xxl\" className=\"sg:mb-6\" icon=\"SearchX\" />\n\n          <Heading variant=\"h1\" className=\"sg:mb-2\" foreground=\"primary\">\n            404\n          </Heading>\n\n          <Heading variant=\"h2\" className=\"sg:mb-3\">\n            Page not found\n          </Heading>\n\n          <Text foreground=\"muted-foreground\" className=\"sg:max-w-md sg:mb-8\">\n            The page <TextCode>{currentPath}</TextCode> doesn&apos;t exist. It\n            may have been moved or removed.\n          </Text>\n\n          <Stack wrap=\"wrap\" justifyContent=\"center\" gap={3} direction=\"row\">\n            <LinkButton to={homeHref} iconStart=\"House\">\n              Back to Home\n            </LinkButton>\n            <Button\n              variant=\"outline\"\n              onClick={handleGoBack}\n              iconStart=\"ArrowLeft\"\n            >\n              Go Back\n            </Button>\n          </Stack>\n        </motion.div>\n      </Layout.Col1>\n    </Layout>\n  );\n};\n"],"mappings":";AA+CU,cAUA,YAVA;AA9CV,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,SAAS,MAAM,OAAO,MAAM,gBAAgB;AACrD,SAAS,iBAAiB;AAQnB,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA,WAAW;AAAA,EACX;AACF,MAAqB;AACnB,QAAM,cACJ,aAAa,OAAO,WAAW,cAAc,OAAO,SAAS,WAAW;AAE1E,YAAU,MAAM;AACd,YAAQ;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,eAAe,MAAM;AACzB,QAAI,UAAU;AACZ,eAAS;AAAA,IACX,WAAW,OAAO,WAAW,aAAa;AACxC,aAAO,QAAQ,KAAK;AAAA,IACtB;AAAA,EACF;AAEA,SACE,oBAAC,UAAO,SAAQ,cACd,8BAAC,OAAO,MAAP,EAAY,WAAU,iFACrB;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,MAAM,EAAE,SAAS,GAAG,GAAG,IAAI;AAAA,MAC3B,YAAY,EAAE,UAAU,IAAI;AAAA,MAC5B,WAAU;AAAA,MAEV;AAAA,4BAAC,QAAK,MAAK,OAAM,WAAU,WAAU,MAAK,WAAU;AAAA,QAEpD,oBAAC,WAAQ,SAAQ,MAAK,WAAU,WAAU,YAAW,WAAU,iBAE/D;AAAA,QAEA,oBAAC,WAAQ,SAAQ,MAAK,WAAU,WAAU,4BAE1C;AAAA,QAEA,qBAAC,QAAK,YAAW,oBAAmB,WAAU,uBAAsB;AAAA;AAAA,UACzD,oBAAC,YAAU,uBAAY;AAAA,UAAW;AAAA,WAE7C;AAAA,QAEA,qBAAC,SAAM,MAAK,QAAO,gBAAe,UAAS,KAAK,GAAG,WAAU,OAC3D;AAAA,8BAAC,cAAW,IAAI,UAAU,WAAU,SAAQ,0BAE5C;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAAS;AAAA,cACT,WAAU;AAAA,cACX;AAAA;AAAA,UAED;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;","names":[]}

package/dist/components/pages/privacy/privacy-page.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface Section {
+    title: string;
+    content: string;
+}
+interface PrivacyPageProps {
+    title?: string;
+    effectiveDate?: string;
+    introText?: string;
+    sections?: Section[];
+}
+declare const PrivacyPage: ({ title, effectiveDate, introText, sections, }: PrivacyPageProps) => react_jsx_runtime.JSX.Element;
+
+export { PrivacyPage };