singularity-components 0.1.194 → 0.1.196

package/dist/components/pages/content-blocks/content-blocks-page.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import {
+  Layout,
+  Heading,
+  Text,
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "../../primitives/index.js";
+import { LinkButton } from "../../primitives/buttons/link-button.js";
+import { PageHero } from "../../blocks/marketing/page-hero.js";
+import { Card, CardContent } from "../../blocks/cards/card.js";
+import { TextCode } from "../../primitives/text/text-code.js";
+function ContentBlocksPage() {
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.3 },
+      children: [
+        /* @__PURE__ */ jsx(
+          PageHero,
+          {
+            icon: "Layers",
+            title: "Content Blocks",
+            description: "Reusable editorial patterns for articles and marketing pages."
+          }
+        ),
+        /* @__PURE__ */ jsx(Layout, { type: "col", className: "sg:py-16", children: /* @__PURE__ */ jsxs(Layout.Col1, { hideDiv: true, className: "sg:max-w-3xl sg:space-y-12", children: [
+          /* @__PURE__ */ jsxs("section", { className: "sg:space-y-4", children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "h2", children: "Callouts" }),
+            /* @__PURE__ */ jsxs(Alert, { children: [
+              /* @__PURE__ */ jsx(AlertTitle, { children: "Info" }),
+              /* @__PURE__ */ jsx(AlertDescription, { children: "Use callouts to highlight tips, warnings, or key takeaways." })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "sg:space-y-4", children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "h2", children: "Code Snippets" }),
+            /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "sg:pt-6", children: /* @__PURE__ */ jsx(TextCode, { children: `const featured = posts.filter((p) => p.featured);` }) }) })
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "sg:space-y-4", children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "h2", children: "Quote Block" }),
+            /* @__PURE__ */ jsxs("blockquote", { className: "sg:border-l-4 sg:border-primary sg:pl-6 sg:py-2", children: [
+              /* @__PURE__ */ jsx(Text, { size: "lg", className: "sg:italic", children: '"Design is not just what it looks like \u2014 design is how it works."' }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", foreground: "muted-foreground", className: "sg:mt-2", children: "\u2014 Steve Jobs" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "sg:space-y-4", children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "h2", children: "FAQ Accordion" }),
+            /* @__PURE__ */ jsxs(Accordion, { multiple: false, "aria-label": "Content blocks FAQ", children: [
+              /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", children: [
+                /* @__PURE__ */ jsx(AccordionTrigger, { children: "What are content blocks?" }),
+                /* @__PURE__ */ jsx(AccordionContent, { children: "Reusable UI patterns for editorial and marketing content." })
+              ] }),
+              /* @__PURE__ */ jsxs(AccordionItem, { value: "item-2", children: [
+                /* @__PURE__ */ jsx(AccordionTrigger, { children: "How do I use them?" }),
+                /* @__PURE__ */ jsx(AccordionContent, { children: "Import the block components and compose them in your pages." })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "sg:space-y-4", children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "h2", children: "Inline CTA" }),
+            /* @__PURE__ */ jsx(Card, { className: "sg:bg-primary/5 sg:border-primary/20", children: /* @__PURE__ */ jsxs(CardContent, { className: "sg:py-6 sg:flex sg:flex-col sm:sg:flex-row sg:items-center sg:justify-between sg:gap-4", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Heading, { variant: "h4", children: "Stay in the loop" }),
+                /* @__PURE__ */ jsx(Text, { size: "sm", foreground: "muted-foreground", children: "Get curated stories delivered weekly." })
+              ] }),
+              /* @__PURE__ */ jsx(LinkButton, { to: "/extras/newsletter", children: "Subscribe" })
+            ] }) })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  ContentBlocksPage
+};
+//# sourceMappingURL=content-blocks-page.js.map

package/dist/components/pages/content-blocks/content-blocks-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/content-blocks/content-blocks-page.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { motion } from \"framer-motion\";\r\nimport {\r\n\tLayout,\r\n\tHeading,\r\n\tText,\r\n\tAlert,\r\n\tAlertDescription,\r\n\tAlertTitle,\r\n\tAccordion,\r\n\tAccordionContent,\r\n\tAccordionItem,\r\n\tAccordionTrigger,\r\n} from \"../../primitives/index\";\r\nimport { LinkButton } from \"../../primitives/buttons/link-button\";\r\nimport { PageHero } from \"../../blocks/marketing/page-hero\";\r\nimport { Card, CardContent } from \"../../blocks/cards/card\";\r\nimport { TextCode } from \"../../primitives/text/text-code\";\r\n\r\nexport function ContentBlocksPage() {\r\n\treturn (\r\n\t\t<motion.div\r\n\t\t\tinitial={{ opacity: 0, y: 20 }}\r\n\t\t\tanimate={{ opacity: 1, y: 0 }}\r\n\t\t\ttransition={{ duration: 0.3 }}\r\n\t\t>\r\n\t\t\t<PageHero\r\n\t\t\t\ticon=\"Layers\"\r\n\t\t\t\ttitle=\"Content Blocks\"\r\n\t\t\t\tdescription=\"Reusable editorial patterns for articles and marketing pages.\"\r\n\t\t\t/>\r\n\r\n\t\t\t<Layout type=\"col\" className=\"sg:py-16\">\r\n\t\t\t\t<Layout.Col1 hideDiv className=\"sg:max-w-3xl sg:space-y-12\">\r\n\t\t\t\t\t<section className=\"sg:space-y-4\">\r\n\t\t\t\t\t\t<Heading variant=\"h2\">Callouts</Heading>\r\n\t\t\t\t\t\t<Alert>\r\n\t\t\t\t\t\t\t<AlertTitle>Info</AlertTitle>\r\n\t\t\t\t\t\t\t<AlertDescription>\r\n\t\t\t\t\t\t\t\tUse callouts to highlight tips, warnings, or key takeaways.\r\n\t\t\t\t\t\t\t</AlertDescription>\r\n\t\t\t\t\t\t</Alert>\r\n\t\t\t\t\t</section>\r\n\r\n\t\t\t\t\t<section className=\"sg:space-y-4\">\r\n\t\t\t\t\t\t<Heading variant=\"h2\">Code Snippets</Heading>\r\n\t\t\t\t\t\t<Card>\r\n\t\t\t\t\t\t\t<CardContent className=\"sg:pt-6\">\r\n\t\t\t\t\t\t\t\t<TextCode>{`const featured = posts.filter((p) => p.featured);`}</TextCode>\r\n\t\t\t\t\t\t\t</CardContent>\r\n\t\t\t\t\t\t</Card>\r\n\t\t\t\t\t</section>\r\n\r\n\t\t\t\t\t<section className=\"sg:space-y-4\">\r\n\t\t\t\t\t\t<Heading variant=\"h2\">Quote Block</Heading>\r\n\t\t\t\t\t\t<blockquote className=\"sg:border-l-4 sg:border-primary sg:pl-6 sg:py-2\">\r\n\t\t\t\t\t\t\t<Text size=\"lg\" className=\"sg:italic\">\r\n\t\t\t\t\t\t\t\t&quot;Design is not just what it looks like — design is how it works.&quot;\r\n\t\t\t\t\t\t\t</Text>\r\n\t\t\t\t\t\t\t<Text size=\"sm\" foreground=\"muted-foreground\" className=\"sg:mt-2\">\r\n\t\t\t\t\t\t\t\t— Steve Jobs\r\n\t\t\t\t\t\t\t</Text>\r\n\t\t\t\t\t\t</blockquote>\r\n\t\t\t\t\t</section>\r\n\r\n\t\t\t\t\t<section className=\"sg:space-y-4\">\r\n\t\t\t\t\t\t<Heading variant=\"h2\">FAQ Accordion</Heading>\r\n\t\t\t\t\t\t<Accordion multiple={false} aria-label=\"Content blocks FAQ\">\r\n\t\t\t\t\t\t\t<AccordionItem value=\"item-1\">\r\n\t\t\t\t\t\t\t\t<AccordionTrigger>What are content blocks?</AccordionTrigger>\r\n\t\t\t\t\t\t\t\t<AccordionContent>\r\n\t\t\t\t\t\t\t\t\tReusable UI patterns for editorial and marketing content.\r\n\t\t\t\t\t\t\t\t</AccordionContent>\r\n\t\t\t\t\t\t\t</AccordionItem>\r\n\t\t\t\t\t\t\t<AccordionItem value=\"item-2\">\r\n\t\t\t\t\t\t\t\t<AccordionTrigger>How do I use them?</AccordionTrigger>\r\n\t\t\t\t\t\t\t\t<AccordionContent>\r\n\t\t\t\t\t\t\t\t\tImport the block components and compose them in your pages.\r\n\t\t\t\t\t\t\t\t</AccordionContent>\r\n\t\t\t\t\t\t\t</AccordionItem>\r\n\t\t\t\t\t\t</Accordion>\r\n\t\t\t\t\t</section>\r\n\r\n\t\t\t\t\t<section className=\"sg:space-y-4\">\r\n\t\t\t\t\t\t<Heading variant=\"h2\">Inline CTA</Heading>\r\n\t\t\t\t\t\t<Card className=\"sg:bg-primary/5 sg:border-primary/20\">\r\n\t\t\t\t\t\t\t<CardContent className=\"sg:py-6 sg:flex sg:flex-col sm:sg:flex-row sg:items-center sg:justify-between sg:gap-4\">\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<Heading variant=\"h4\">Stay in the loop</Heading>\r\n\t\t\t\t\t\t\t\t\t<Text size=\"sm\" foreground=\"muted-foreground\">\r\n\t\t\t\t\t\t\t\t\t\tGet curated stories delivered weekly.\r\n\t\t\t\t\t\t\t\t\t</Text>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<LinkButton to=\"/extras/newsletter\">Subscribe</LinkButton>\r\n\t\t\t\t\t\t\t</CardContent>\r\n\t\t\t\t\t\t</Card>\r\n\t\t\t\t\t</section>\r\n\t\t\t\t</Layout.Col1>\r\n\t\t\t</Layout>\r\n\t\t</motion.div>\r\n\t);\r\n}\r\n"],"mappings":";AA2BG,cAUG,YAVH;AAzBH,SAAS,cAAc;AACvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,MAAM,mBAAmB;AAClC,SAAS,gBAAgB;AAElB,SAAS,oBAAoB;AACnC,SACC;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACA,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,YAAY,EAAE,UAAU,IAAI;AAAA,MAE5B;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,OAAM;AAAA,YACN,aAAY;AAAA;AAAA,QACb;AAAA,QAEA,oBAAC,UAAO,MAAK,OAAM,WAAU,YAC5B,+BAAC,OAAO,MAAP,EAAY,SAAO,MAAC,WAAU,8BAC9B;AAAA,+BAAC,aAAQ,WAAU,gBAClB;AAAA,gCAAC,WAAQ,SAAQ,MAAK,sBAAQ;AAAA,YAC9B,qBAAC,SACA;AAAA,kCAAC,cAAW,kBAAI;AAAA,cAChB,oBAAC,oBAAiB,yEAElB;AAAA,eACD;AAAA,aACD;AAAA,UAEA,qBAAC,aAAQ,WAAU,gBAClB;AAAA,gCAAC,WAAQ,SAAQ,MAAK,2BAAa;AAAA,YACnC,oBAAC,QACA,8BAAC,eAAY,WAAU,WACtB,8BAAC,YAAU,+DAAoD,GAChE,GACD;AAAA,aACD;AAAA,UAEA,qBAAC,aAAQ,WAAU,gBAClB;AAAA,gCAAC,WAAQ,SAAQ,MAAK,yBAAW;AAAA,YACjC,qBAAC,gBAAW,WAAU,mDACrB;AAAA,kCAAC,QAAK,MAAK,MAAK,WAAU,aAAY,oFAEtC;AAAA,cACA,oBAAC,QAAK,MAAK,MAAK,YAAW,oBAAmB,WAAU,WAAU,+BAElE;AAAA,eACD;AAAA,aACD;AAAA,UAEA,qBAAC,aAAQ,WAAU,gBAClB;AAAA,gCAAC,WAAQ,SAAQ,MAAK,2BAAa;AAAA,YACnC,qBAAC,aAAU,UAAU,OAAO,cAAW,sBACtC;AAAA,mCAAC,iBAAc,OAAM,UACpB;AAAA,oCAAC,oBAAiB,sCAAwB;AAAA,gBAC1C,oBAAC,oBAAiB,uEAElB;AAAA,iBACD;AAAA,cACA,qBAAC,iBAAc,OAAM,UACpB;AAAA,oCAAC,oBAAiB,gCAAkB;AAAA,gBACpC,oBAAC,oBAAiB,yEAElB;AAAA,iBACD;AAAA,eACD;AAAA,aACD;AAAA,UAEA,qBAAC,aAAQ,WAAU,gBAClB;AAAA,gCAAC,WAAQ,SAAQ,MAAK,wBAAU;AAAA,YAChC,oBAAC,QAAK,WAAU,wCACf,+BAAC,eAAY,WAAU,0FACtB;AAAA,mCAAC,SACA;AAAA,oCAAC,WAAQ,SAAQ,MAAK,8BAAgB;AAAA,gBACtC,oBAAC,QAAK,MAAK,MAAK,YAAW,oBAAmB,mDAE9C;AAAA,iBACD;AAAA,cACA,oBAAC,cAAW,IAAG,sBAAqB,uBAAS;AAAA,eAC9C,GACD;AAAA,aACD;AAAA,WACD,GACD;AAAA;AAAA;AAAA,EACD;AAEF;","names":[]}

package/dist/components/pages/extras/extras-hub-page.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ExtrasHubItem } from '../../blocks/extras/extras-hub-card.js';
+import 'lucide-react';
+
+type Props = {
+    items?: ExtrasHubItem[];
+};
+declare function ExtrasHubPage({ items }: Props): React.JSX.Element;
+
+export { ExtrasHubPage };

package/dist/components/pages/extras/extras-hub-page.js

@@ -0,0 +1,110 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { Layout, Heading, Text } from "../../primitives/index.js";
+import { ExtrasHubCard } from "../../blocks/extras/extras-hub-card.js";
+const defaultItems = [
+  {
+    title: "About",
+    description: "Our mission, story, team, and journey.",
+    to: "/extras/about",
+    icon: "Info"
+  },
+  {
+    title: "Contact",
+    description: "Get in touch \u2014 form, map, and social links.",
+    to: "/extras/contact",
+    icon: "Mail"
+  },
+  {
+    title: "Newsletter",
+    description: "Subscribe for weekly curated stories and exclusive content.",
+    to: "/extras/newsletter",
+    icon: "Newspaper"
+  },
+  {
+    title: "Membership",
+    description: "Premium plans, benefits comparison, and pricing.",
+    to: "/extras/membership",
+    icon: "Crown"
+  },
+  {
+    title: "Content Blocks",
+    description: "Callouts, code snippets, quotes, tables, CTAs, and more.",
+    to: "/extras/content-blocks",
+    icon: "Layers"
+  },
+  {
+    title: "Resources",
+    description: "Curated links, tools, and references for creators.",
+    to: "/extras/resources",
+    icon: "Sparkles"
+  },
+  {
+    title: "Mosaic",
+    description: "A visual mosaic of images from our blog posts.",
+    to: "/extras/showcase",
+    icon: "Palette"
+  },
+  {
+    title: "Authors",
+    description: "Meet the writers behind the stories.",
+    to: "/extras/authors",
+    icon: "Users"
+  },
+  {
+    title: "Categories",
+    description: "Browse all post categories in one place.",
+    to: "/extras/categories",
+    icon: "Tag"
+  },
+  {
+    title: "Search",
+    description: "Find posts by keyword, category, or author with flexible filters.",
+    to: "/extras/search",
+    icon: "Search"
+  },
+  {
+    title: "Search (Compact)",
+    description: "Same search with filters always in a slide-out drawer.",
+    to: "/extras/search-compact",
+    icon: "Search"
+  },
+  {
+    title: "Chat",
+    description: "AI chatbot demo with conversational interface.",
+    to: "/extras/chat",
+    icon: "MessageCircle"
+  },
+  {
+    title: "Privacy Policy",
+    description: "How we handle your data and protect your privacy.",
+    to: "/extras/privacy",
+    icon: "Shield"
+  },
+  {
+    title: "Terms of Service",
+    description: "Rules and conditions for using the site.",
+    to: "/extras/terms",
+    icon: "FileText"
+  }
+];
+function ExtrasHubPage({ items = defaultItems }) {
+  return /* @__PURE__ */ jsx(Layout, { type: "col", className: "sg:py-16", children: /* @__PURE__ */ jsx(Layout.Col1, { hideDiv: true, className: "sg:max-w-3xl", children: /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.3 },
+      children: [
+        /* @__PURE__ */ jsx(Heading, { variant: "h1", className: "sg:mb-2", children: "Extras" }),
+        /* @__PURE__ */ jsx(Text, { foreground: "muted-foreground", className: "sg:mb-10", children: "Bonus content and additional pages." }),
+        /* @__PURE__ */ jsx("div", { className: "sg:grid sg:gap-4 sm:sg:grid-cols-2", children: items.map((item) => /* @__PURE__ */ jsx(ExtrasHubCard, { item }, item.to)) })
+      ]
+    }
+  ) }) });
+}
+export {
+  ExtrasHubPage
+};
+//# sourceMappingURL=extras-hub-page.js.map

package/dist/components/pages/extras/extras-hub-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/extras/extras-hub-page.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { motion } from \"framer-motion\";\r\nimport { Layout, Heading, Text } from \"../../primitives/index\";\r\nimport { ExtrasHubCard, type ExtrasHubItem } from \"../../blocks/extras/extras-hub-card\";\r\n\r\nconst defaultItems: ExtrasHubItem[] = [\r\n\t{\r\n\t\ttitle: \"About\",\r\n\t\tdescription: \"Our mission, story, team, and journey.\",\r\n\t\tto: \"/extras/about\",\r\n\t\ticon: \"Info\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Contact\",\r\n\t\tdescription: \"Get in touch — form, map, and social links.\",\r\n\t\tto: \"/extras/contact\",\r\n\t\ticon: \"Mail\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Newsletter\",\r\n\t\tdescription: \"Subscribe for weekly curated stories and exclusive content.\",\r\n\t\tto: \"/extras/newsletter\",\r\n\t\ticon: \"Newspaper\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Membership\",\r\n\t\tdescription: \"Premium plans, benefits comparison, and pricing.\",\r\n\t\tto: \"/extras/membership\",\r\n\t\ticon: \"Crown\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Content Blocks\",\r\n\t\tdescription: \"Callouts, code snippets, quotes, tables, CTAs, and more.\",\r\n\t\tto: \"/extras/content-blocks\",\r\n\t\ticon: \"Layers\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Resources\",\r\n\t\tdescription: \"Curated links, tools, and references for creators.\",\r\n\t\tto: \"/extras/resources\",\r\n\t\ticon: \"Sparkles\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Mosaic\",\r\n\t\tdescription: \"A visual mosaic of images from our blog posts.\",\r\n\t\tto: \"/extras/showcase\",\r\n\t\ticon: \"Palette\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Authors\",\r\n\t\tdescription: \"Meet the writers behind the stories.\",\r\n\t\tto: \"/extras/authors\",\r\n\t\ticon: \"Users\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Categories\",\r\n\t\tdescription: \"Browse all post categories in one place.\",\r\n\t\tto: \"/extras/categories\",\r\n\t\ticon: \"Tag\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Search\",\r\n\t\tdescription: \"Find posts by keyword, category, or author with flexible filters.\",\r\n\t\tto: \"/extras/search\",\r\n\t\ticon: \"Search\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Search (Compact)\",\r\n\t\tdescription: \"Same search with filters always in a slide-out drawer.\",\r\n\t\tto: \"/extras/search-compact\",\r\n\t\ticon: \"Search\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Chat\",\r\n\t\tdescription: \"AI chatbot demo with conversational interface.\",\r\n\t\tto: \"/extras/chat\",\r\n\t\ticon: \"MessageCircle\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Privacy Policy\",\r\n\t\tdescription: \"How we handle your data and protect your privacy.\",\r\n\t\tto: \"/extras/privacy\",\r\n\t\ticon: \"Shield\",\r\n\t},\r\n\t{\r\n\t\ttitle: \"Terms of Service\",\r\n\t\tdescription: \"Rules and conditions for using the site.\",\r\n\t\tto: \"/extras/terms\",\r\n\t\ticon: \"FileText\",\r\n\t},\r\n];\r\n\r\ntype Props = {\r\n\titems?: ExtrasHubItem[];\r\n};\r\n\r\nexport function ExtrasHubPage({ items = defaultItems }: Props) {\r\n\treturn (\r\n\t\t<Layout type=\"col\" className=\"sg:py-16\">\r\n\t\t\t<Layout.Col1 hideDiv className=\"sg:max-w-3xl\">\r\n\t\t\t\t<motion.div\r\n\t\t\t\t\tinitial={{ opacity: 0, y: 20 }}\r\n\t\t\t\t\tanimate={{ opacity: 1, y: 0 }}\r\n\t\t\t\t\ttransition={{ duration: 0.3 }}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Heading variant=\"h1\" className=\"sg:mb-2\">\r\n\t\t\t\t\t\tExtras\r\n\t\t\t\t\t</Heading>\r\n\t\t\t\t\t<Text foreground=\"muted-foreground\" className=\"sg:mb-10\">\r\n\t\t\t\t\t\tBonus content and additional pages.\r\n\t\t\t\t\t</Text>\r\n\t\t\t\t\t<div className=\"sg:grid sg:gap-4 sm:sg:grid-cols-2\">\r\n\t\t\t\t\t\t{items.map((item) => (\r\n\t\t\t\t\t\t\t<ExtrasHubCard key={item.to} item={item} />\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</motion.div>\r\n\t\t\t</Layout.Col1>\r\n\t\t</Layout>\r\n\t);\r\n}\r\n"],"mappings":";AAqGI,SAKC,KALD;AAnGJ,SAAS,cAAc;AACvB,SAAS,QAAQ,SAAS,YAAY;AACtC,SAAS,qBAAyC;AAElD,MAAM,eAAgC;AAAA,EACrC;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,IAAI;AAAA,IACJ,MAAM;AAAA,EACP;AACD;AAMO,SAAS,cAAc,EAAE,QAAQ,aAAa,GAAU;AAC9D,SACC,oBAAC,UAAO,MAAK,OAAM,WAAU,YAC5B,8BAAC,OAAO,MAAP,EAAY,SAAO,MAAC,WAAU,gBAC9B;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACA,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,YAAY,EAAE,UAAU,IAAI;AAAA,MAE5B;AAAA,4BAAC,WAAQ,SAAQ,MAAK,WAAU,WAAU,oBAE1C;AAAA,QACA,oBAAC,QAAK,YAAW,oBAAmB,WAAU,YAAW,iDAEzD;AAAA,QACA,oBAAC,SAAI,WAAU,sCACb,gBAAM,IAAI,CAAC,SACX,oBAAC,iBAA4B,QAAT,KAAK,EAAgB,CACzC,GACF;AAAA;AAAA;AAAA,EACD,GACD,GACD;AAEF;","names":[]}

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

@@ -1,11 +1,25 @@
+export { AboutPage } from './about/about-page.js';
 export { AdminPage, AdminPageProps } from './admin/admin-page.js';
+export { AuthorPage } from './author/author-page.js';
+export { AuthorsPage } from './authors/authors-page.js';
 export { BlogPost } from './blogpost/blogpost.js';
+export { CategoriesPage } from './categories/categories-page.js';
 export { CategoryPage } from './category/category-page.js';
+export { ChatPage } from './chat/chat-page.js';
+export { ContactPage } from './contact/contact-page.js';
+export { ContentBlocksPage } from './content-blocks/content-blocks-page.js';
+export { ExtrasHubPage } from './extras/extras-hub-page.js';
 export { LoginPage } from './login/login-page.js';
 export { MaintenancePage } from './maintenance/maintenance-page.js';
+export { MembershipPage } from './membership/membership-page.js';
+export { MosaicPage } from './mosaic/mosaic-page.js';
+export { NewsletterPage } from './newsletter/newsletter-page.js';
 export { NotFound } from './not-found/not-found.js';
 export { PrivacyPage } from './privacy/privacy-page.js';
+export { ResourcesPage } from './resources/resources-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';
+import 'react';
+import '../blocks/extras/extras-hub-card.js';
+import 'lucide-react';

package/dist/components/pages/index.js

@@ -1,10 +1,22 @@
+export * from "./about/about-page.js";
 export * from "./admin/admin-page.js";
+export * from "./author/author-page.js";
+export * from "./authors/authors-page.js";
 export * from "./blogpost/blogpost.js";
+export * from "./categories/categories-page.js";
 export * from "./category/category-page.js";
+export * from "./chat/chat-page.js";
+export * from "./contact/contact-page.js";
+export * from "./content-blocks/content-blocks-page.js";
+export * from "./extras/extras-hub-page.js";
 export * from "./login/login-page.js";
 export * from "./maintenance/maintenance-page.js";
+export * from "./membership/membership-page.js";
+export * from "./mosaic/mosaic-page.js";
+export * from "./newsletter/newsletter-page.js";
 export * from "./not-found/not-found.js";
 export * from "./privacy/privacy-page.js";
+export * from "./resources/resources-page.js";
 export * from "./search/search-page.js";
 export * from "./startpage/startpage.js";
 export * from "./terms/terms-page.js";

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

@@ -1 +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":[]}
+{"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 \"./about/about-page\";\nexport * from \"./admin/admin-page\";\nexport * from \"./author/author-page\";\nexport * from \"./authors/authors-page\";\nexport * from \"./blogpost/blogpost\";\nexport * from \"./categories/categories-page\";\nexport * from \"./category/category-page\";\nexport * from \"./chat/chat-page\";\nexport * from \"./contact/contact-page\";\nexport * from \"./content-blocks/content-blocks-page\";\nexport * from \"./extras/extras-hub-page\";\nexport * from \"./login/login-page\";\nexport * from \"./maintenance/maintenance-page\";\nexport * from \"./membership/membership-page\";\nexport * from \"./mosaic/mosaic-page\";\nexport * from \"./newsletter/newsletter-page\";\nexport * from \"./not-found/not-found\";\nexport * from \"./privacy/privacy-page\";\nexport * from \"./resources/resources-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;AACd,cAAc;AACd,cAAc;AACd,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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 interface LoginPageProps {
     /**
@@ -14,6 +14,6 @@ interface LoginPageProps {
      */
     signUpHref?: string;
 }
-declare function LoginPage({ onLoginSuccess, signUpLabel, signUpHref, }: LoginPageProps): react_jsx_runtime.JSX.Element;
+declare function LoginPage({ onLoginSuccess, signUpLabel, signUpHref, }: LoginPageProps): React.JSX.Element;
 
 export { LoginPage };

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

@@ -1,34 +1,16 @@
 "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 { Layout, Button, Heading, Text } from "../../primitives/index.js";
 import { useToast } from "../../primitives/sonner/use-toast.js";
+import { Login } from "../../blocks/login/login.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: [
@@ -51,56 +33,24 @@ function LoginPage({
       )
     ] }) }) });
   }
-  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 })
-        ]
+  return /* @__PURE__ */ jsx(Layout, { type: "col", className: "sg:py-20", as: "main", children: /* @__PURE__ */ jsx(Layout.Col1, { centerContent: true, children: /* @__PURE__ */ jsx(
+    Login,
+    {
+      description: "Welcome back to Storied.",
+      usernameLabel: "Email",
+      usernameType: "email",
+      usernamePlaceholder: "you@example.com",
+      signUpLabel,
+      signUpHref,
+      onSubmit: ({ username }) => {
+        login(username.split("@")[0]);
+        toast.success("Logged in!", {
+          description: `Welcome back, ${username}!`
+        });
+        onLoginSuccess?.();
       }
-    )
-  ] }) }) });
+    }
+  ) }) });
 }
 export {
   LoginPage

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../../src/components/pages/login/login-page.tsx"],"sourcesContent":["\"use client\";\nimport { Layout, Button, Heading, Text } from \"../../primitives/index\";\nimport { useToast } from \"../../primitives/sonner/use-toast\";\nimport { Login } from \"../../blocks/login/login\";\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 { toast } = useToast();\n  const { isLoggedIn, login, logout, userName } = useAuth();\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        <Login\n          description=\"Welcome back to Storied.\"\n          usernameLabel=\"Email\"\n          usernameType=\"email\"\n          usernamePlaceholder=\"you@example.com\"\n          signUpLabel={signUpLabel}\n          signUpHref={signUpHref}\n          onSubmit={({ username }) => {\n            login(username.split(\"@\")[0]);\n            toast.success(\"Logged in!\", {\n              description: `Welcome back, ${username}!`,\n            });\n            onLoginSuccess?.();\n          }}\n        />\n      </Layout.Col1>\n    </Layout>\n  );\n}\n"],"mappings":";AAkCY,SAGA,KAHA;AAjCZ,SAAS,QAAQ,QAAQ,SAAS,YAAY;AAC9C,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB,SAAS,eAAe;AAiBjB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AACf,GAAmB;AACjB,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,EAAE,YAAY,OAAO,QAAQ,SAAS,IAAI,QAAQ;AAExD,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;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,cAAa;AAAA,MACb,qBAAoB;AAAA,MACpB;AAAA,MACA;AAAA,MACA,UAAU,CAAC,EAAE,SAAS,MAAM;AAC1B,cAAM,SAAS,MAAM,GAAG,EAAE,CAAC,CAAC;AAC5B,cAAM,QAAQ,cAAc;AAAA,UAC1B,aAAa,iBAAiB,QAAQ;AAAA,QACxC,CAAC;AACD,yBAAiB;AAAA,MACnB;AAAA;AAAA,EACF,GACF,GACF;AAEJ;","names":[]}

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

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

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function MembershipPage(): React.JSX.Element;
+
+export { MembershipPage };

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

@@ -0,0 +1,131 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import {
+  Layout,
+  Heading,
+  Text,
+  TextSpan,
+  Button,
+  Icon,
+  Badge,
+  Separator,
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "../../primitives/index.js";
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "../../blocks/cards/card.js";
+const plans = [
+  {
+    name: "Free",
+    price: "$0",
+    period: "forever",
+    description: "Everything you need to enjoy the blog.",
+    icon: "BookOpen",
+    featured: false,
+    features: [
+      "Access to all published articles",
+      "Weekly newsletter",
+      "Comment on posts",
+      "Dark mode"
+    ]
+  },
+  {
+    name: "Premium",
+    price: "$8",
+    period: "/month",
+    description: "For readers who want the full experience.",
+    icon: "Crown",
+    featured: true,
+    features: [
+      "Everything in Free",
+      "Early access to new posts",
+      "Exclusive essays & interviews",
+      "Ad-free reading experience"
+    ]
+  },
+  {
+    name: "Patron",
+    price: "$20",
+    period: "/month",
+    description: "Support independent storytelling at its best.",
+    icon: "Gem",
+    featured: false,
+    features: [
+      "Everything in Premium",
+      "Members-only community",
+      "Direct author Q&A sessions",
+      "Patron badge on comments"
+    ]
+  }
+];
+const faqs = [
+  {
+    q: "When will Premium launch?",
+    a: "We're building membership features now. Join our newsletter to be the first to know."
+  },
+  {
+    q: "Can I cancel anytime?",
+    a: "Absolutely. No contracts, no commitments. Cancel with one click whenever you want."
+  },
+  {
+    q: "Will free content go behind a paywall?",
+    a: "Never. All currently free content stays free. Premium adds new content on top."
+  }
+];
+function MembershipPage() {
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.3 },
+      children: [
+        /* @__PURE__ */ jsx("section", { className: "sg:bg-primary/5 sg:border-b sg:border-border", children: /* @__PURE__ */ jsxs("div", { className: "sg:container sg:py-20 sg:max-w-3xl sg:mx-auto sg:text-center", children: [
+          /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "sg:mb-4 sg:uppercase sg:tracking-wider", children: "Coming Soon" }),
+          /* @__PURE__ */ jsx(Heading, { variant: "h1", className: "sg:mb-4", children: "Membership" }),
+          /* @__PURE__ */ jsx(Text, { size: "lg", foreground: "muted-foreground", className: "sg:max-w-xl sg:mx-auto", children: "Support independent storytelling and unlock a richer reading experience." })
+        ] }) }),
+        /* @__PURE__ */ jsx(Layout, { type: "col", className: "sg:py-16", children: /* @__PURE__ */ jsx(Layout.Col1, { hideDiv: true, className: "sg:max-w-5xl", children: /* @__PURE__ */ jsx("div", { className: "sg:grid sg:gap-6 lg:sg:grid-cols-3", children: plans.map((plan) => /* @__PURE__ */ jsxs(
+          Card,
+          {
+            className: plan.featured ? "sg:border-primary sg:shadow-lg sg:ring-1 sg:ring-primary/20 sg:relative" : "",
+            children: [
+              plan.featured && /* @__PURE__ */ jsx("div", { className: "sg:absolute sg:-top-3 sg:left-1/2 sg:-translate-x-1/2", children: /* @__PURE__ */ jsx(Badge, { children: "Most Popular" }) }),
+              /* @__PURE__ */ jsxs(CardHeader, { className: "sg:text-center sg:pb-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "sg:rounded-full sg:bg-primary/10 sg:p-3 sg:inline-flex sg:mx-auto sg:mb-2", children: /* @__PURE__ */ jsx(Icon, { icon: plan.icon, className: "sg:h-6 sg:w-6 sg:text-primary" }) }),
+                /* @__PURE__ */ jsx(CardTitle, { children: plan.name }),
+                /* @__PURE__ */ jsx(CardDescription, { children: plan.description })
+              ] }),
+              /* @__PURE__ */ jsxs(CardContent, { className: "sg:flex sg:flex-col sg:flex-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "sg:text-center sg:mb-6", children: [
+                  /* @__PURE__ */ jsx(Heading, { variant: "h2", className: "sg:inline", children: plan.price }),
+                  /* @__PURE__ */ jsx(TextSpan, { size: "sm", foreground: "muted-foreground", className: "sg:ml-1", children: plan.period })
+                ] }),
+                /* @__PURE__ */ jsx("ul", { className: "sg:space-y-3 sg:mb-8 sg:flex-1", children: plan.features.map((feature) => /* @__PURE__ */ jsxs("li", { className: "sg:flex sg:items-start sg:gap-2.5", children: [
+                  /* @__PURE__ */ jsx(Icon, { icon: "Check", className: "sg:h-4 sg:w-4 sg:text-primary sg:mt-0.5 sg:shrink-0" }),
+                  /* @__PURE__ */ jsx(Text, { size: "sm", children: feature })
+                ] }, feature)) }),
+                /* @__PURE__ */ jsx(Button, { variant: plan.featured ? "default" : "outline", disabled: true, children: "Coming Soon" })
+              ] })
+            ]
+          },
+          plan.name
+        )) }) }) }),
+        /* @__PURE__ */ jsx(Separator, { className: "sg:max-w-3xl sg:mx-auto" }),
+        /* @__PURE__ */ jsx(Layout, { type: "col", className: "sg:py-16", children: /* @__PURE__ */ jsxs(Layout.Col1, { hideDiv: true, className: "sg:max-w-2xl", children: [
+          /* @__PURE__ */ jsx(Heading, { variant: "h2", className: "sg:mb-6 sg:text-center", children: "FAQ" }),
+          /* @__PURE__ */ jsx(Accordion, { multiple: false, "aria-label": "Membership FAQ", children: faqs.map((faq, i) => /* @__PURE__ */ jsxs(AccordionItem, { value: `faq-${i}`, children: [
+            /* @__PURE__ */ jsx(AccordionTrigger, { children: faq.q }),
+            /* @__PURE__ */ jsx(AccordionContent, { children: faq.a })
+          ] }, faq.q)) })
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  MembershipPage
+};
+//# sourceMappingURL=membership-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/membership/membership-page.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { motion } from \"framer-motion\";\r\nimport {\r\n\tLayout,\r\n\tHeading,\r\n\tText,\r\n\tTextSpan,\r\n\tButton,\r\n\tIcon,\r\n\tBadge,\r\n\tSeparator,\r\n\tAccordion,\r\n\tAccordionContent,\r\n\tAccordionItem,\r\n\tAccordionTrigger,\r\n} from \"../../primitives/index\";\r\nimport { Card, CardContent, CardHeader, CardTitle, CardDescription } from \"../../blocks/cards/card\";\r\n\r\nconst plans = [\r\n\t{\r\n\t\tname: \"Free\",\r\n\t\tprice: \"$0\",\r\n\t\tperiod: \"forever\",\r\n\t\tdescription: \"Everything you need to enjoy the blog.\",\r\n\t\ticon: \"BookOpen\" as const,\r\n\t\tfeatured: false,\r\n\t\tfeatures: [\r\n\t\t\t\"Access to all published articles\",\r\n\t\t\t\"Weekly newsletter\",\r\n\t\t\t\"Comment on posts\",\r\n\t\t\t\"Dark mode\",\r\n\t\t],\r\n\t},\r\n\t{\r\n\t\tname: \"Premium\",\r\n\t\tprice: \"$8\",\r\n\t\tperiod: \"/month\",\r\n\t\tdescription: \"For readers who want the full experience.\",\r\n\t\ticon: \"Crown\" as const,\r\n\t\tfeatured: true,\r\n\t\tfeatures: [\r\n\t\t\t\"Everything in Free\",\r\n\t\t\t\"Early access to new posts\",\r\n\t\t\t\"Exclusive essays & interviews\",\r\n\t\t\t\"Ad-free reading experience\",\r\n\t\t],\r\n\t},\r\n\t{\r\n\t\tname: \"Patron\",\r\n\t\tprice: \"$20\",\r\n\t\tperiod: \"/month\",\r\n\t\tdescription: \"Support independent storytelling at its best.\",\r\n\t\ticon: \"Gem\" as const,\r\n\t\tfeatured: false,\r\n\t\tfeatures: [\r\n\t\t\t\"Everything in Premium\",\r\n\t\t\t\"Members-only community\",\r\n\t\t\t\"Direct author Q&A sessions\",\r\n\t\t\t\"Patron badge on comments\",\r\n\t\t],\r\n\t},\r\n];\r\n\r\nconst faqs = [\r\n\t{\r\n\t\tq: \"When will Premium launch?\",\r\n\t\ta: \"We're building membership features now. Join our newsletter to be the first to know.\",\r\n\t},\r\n\t{\r\n\t\tq: \"Can I cancel anytime?\",\r\n\t\ta: \"Absolutely. No contracts, no commitments. Cancel with one click whenever you want.\",\r\n\t},\r\n\t{\r\n\t\tq: \"Will free content go behind a paywall?\",\r\n\t\ta: \"Never. All currently free content stays free. Premium adds new content on top.\",\r\n\t},\r\n];\r\n\r\nexport function MembershipPage() {\r\n\treturn (\r\n\t\t<motion.div\r\n\t\t\tinitial={{ opacity: 0, y: 20 }}\r\n\t\t\tanimate={{ opacity: 1, y: 0 }}\r\n\t\t\ttransition={{ duration: 0.3 }}\r\n\t\t>\r\n\t\t\t<section className=\"sg:bg-primary/5 sg:border-b sg:border-border\">\r\n\t\t\t\t<div className=\"sg:container sg:py-20 sg:max-w-3xl sg:mx-auto sg:text-center\">\r\n\t\t\t\t\t<Badge variant=\"secondary\" className=\"sg:mb-4 sg:uppercase sg:tracking-wider\">\r\n\t\t\t\t\t\tComing Soon\r\n\t\t\t\t\t</Badge>\r\n\t\t\t\t\t<Heading variant=\"h1\" className=\"sg:mb-4\">\r\n\t\t\t\t\t\tMembership\r\n\t\t\t\t\t</Heading>\r\n\t\t\t\t\t<Text size=\"lg\" foreground=\"muted-foreground\" className=\"sg:max-w-xl sg:mx-auto\">\r\n\t\t\t\t\t\tSupport independent storytelling and unlock a richer reading experience.\r\n\t\t\t\t\t</Text>\r\n\t\t\t\t</div>\r\n\t\t\t</section>\r\n\r\n\t\t\t<Layout type=\"col\" className=\"sg:py-16\">\r\n\t\t\t\t<Layout.Col1 hideDiv className=\"sg:max-w-5xl\">\r\n\t\t\t\t\t<div className=\"sg:grid sg:gap-6 lg:sg:grid-cols-3\">\r\n\t\t\t\t\t\t{plans.map((plan) => (\r\n\t\t\t\t\t\t\t<Card\r\n\t\t\t\t\t\t\t\tkey={plan.name}\r\n\t\t\t\t\t\t\t\tclassName={\r\n\t\t\t\t\t\t\t\t\tplan.featured\r\n\t\t\t\t\t\t\t\t\t\t? \"sg:border-primary sg:shadow-lg sg:ring-1 sg:ring-primary/20 sg:relative\"\r\n\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{plan.featured && (\r\n\t\t\t\t\t\t\t\t\t<div className=\"sg:absolute sg:-top-3 sg:left-1/2 sg:-translate-x-1/2\">\r\n\t\t\t\t\t\t\t\t\t\t<Badge>Most Popular</Badge>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t<CardHeader className=\"sg:text-center sg:pb-2\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"sg:rounded-full sg:bg-primary/10 sg:p-3 sg:inline-flex sg:mx-auto sg:mb-2\">\r\n\t\t\t\t\t\t\t\t\t\t<Icon icon={plan.icon} className=\"sg:h-6 sg:w-6 sg:text-primary\" />\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<CardTitle>{plan.name}</CardTitle>\r\n\t\t\t\t\t\t\t\t\t<CardDescription>{plan.description}</CardDescription>\r\n\t\t\t\t\t\t\t\t</CardHeader>\r\n\t\t\t\t\t\t\t\t<CardContent className=\"sg:flex sg:flex-col sg:flex-1\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"sg:text-center sg:mb-6\">\r\n\t\t\t\t\t\t\t\t\t\t<Heading variant=\"h2\" className=\"sg:inline\">\r\n\t\t\t\t\t\t\t\t\t\t\t{plan.price}\r\n\t\t\t\t\t\t\t\t\t\t</Heading>\r\n\t\t\t\t\t\t\t\t\t\t<TextSpan size=\"sm\" foreground=\"muted-foreground\" className=\"sg:ml-1\">\r\n\t\t\t\t\t\t\t\t\t\t\t{plan.period}\r\n\t\t\t\t\t\t\t\t\t\t</TextSpan>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<ul className=\"sg:space-y-3 sg:mb-8 sg:flex-1\">\r\n\t\t\t\t\t\t\t\t\t\t{plan.features.map((feature) => (\r\n\t\t\t\t\t\t\t\t\t\t\t<li key={feature} className=\"sg:flex sg:items-start sg:gap-2.5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon icon=\"Check\" className=\"sg:h-4 sg:w-4 sg:text-primary sg:mt-0.5 sg:shrink-0\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Text size=\"sm\">{feature}</Text>\r\n\t\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t\t\t\t<Button variant={plan.featured ? \"default\" : \"outline\"} disabled>\r\n\t\t\t\t\t\t\t\t\t\tComing Soon\r\n\t\t\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t\t\t</CardContent>\r\n\t\t\t\t\t\t\t</Card>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</Layout.Col1>\r\n\t\t\t</Layout>\r\n\r\n\t\t\t<Separator className=\"sg:max-w-3xl sg:mx-auto\" />\r\n\r\n\t\t\t<Layout type=\"col\" className=\"sg:py-16\">\r\n\t\t\t\t<Layout.Col1 hideDiv className=\"sg:max-w-2xl\">\r\n\t\t\t\t\t<Heading variant=\"h2\" className=\"sg:mb-6 sg:text-center\">\r\n\t\t\t\t\t\tFAQ\r\n\t\t\t\t\t</Heading>\r\n\t\t\t\t\t<Accordion multiple={false} aria-label=\"Membership FAQ\">\r\n\t\t\t\t\t\t{faqs.map((faq, i) => (\r\n\t\t\t\t\t\t\t<AccordionItem key={faq.q} value={`faq-${i}`}>\r\n\t\t\t\t\t\t\t\t<AccordionTrigger>{faq.q}</AccordionTrigger>\r\n\t\t\t\t\t\t\t\t<AccordionContent>{faq.a}</AccordionContent>\r\n\t\t\t\t\t\t\t</AccordionItem>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</Accordion>\r\n\t\t\t\t</Layout.Col1>\r\n\t\t\t</Layout>\r\n\t\t</motion.div>\r\n\t);\r\n}\r\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function MosaicPage(): React.JSX.Element;
+
+export { MosaicPage };