singularity-components 0.1.140 → 0.1.193

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

@@ -0,0 +1,98 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import {
+  Layout,
+  Separator,
+  Heading,
+  Text,
+  Icon,
+  Stack
+} from "../../primitives/index.js";
+const defaultSections = [
+  {
+    title: "Information We Collect",
+    content: "We collect minimal information to provide and improve our service. This may include your name and email address when you use our contact form, and standard analytics data such as browser type, device, and pages visited."
+  },
+  {
+    title: "How We Use Your Information",
+    content: "Your information is used solely to respond to your inquiries, improve our content and user experience, and maintain the security of our website. We do not sell, trade, or rent your personal data to third parties."
+  },
+  {
+    title: "Cookies & Analytics",
+    content: "We use cookies to remember your preferences (such as dark mode) and basic analytics to understand how our content is used. You can disable cookies in your browser settings at any time."
+  },
+  {
+    title: "Data Retention",
+    content: "We retain personal data only as long as necessary to fulfill the purposes outlined above. Contact form submissions are kept for up to 12 months before being deleted."
+  },
+  {
+    title: "Your Rights",
+    content: "You have the right to access, correct, or delete your personal data at any time. To make a request, please reach out via our contact page and we will respond within 30 days."
+  },
+  {
+    title: "Changes to This Policy",
+    content: "We may update this policy from time to time. Changes will be posted on this page with an updated effective date. Continued use of the site constitutes acceptance of the revised policy."
+  }
+];
+const PrivacyPage = ({
+  title = "Privacy Policy",
+  effectiveDate = "March 1, 2025",
+  introText = "At Storied, we take your privacy seriously. This policy outlines what data we collect, how we use it, and your rights as a visitor to our site.",
+  sections = defaultSections
+}) => {
+  return /* @__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:w-full",
+      children: [
+        /* @__PURE__ */ jsx(Layout, { type: "container", className: "sg:border-b sg:border-border", children: /* @__PURE__ */ jsxs(Layout.Col1, { className: "sg:py-16 sg:px-4 sg:text-center sg:mx-auto", children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              size: "lg",
+              color: "primary",
+              className: "sg:mx-auto sg:mb-4",
+              icon: "Shield"
+            }
+          ),
+          /* @__PURE__ */ jsx(Heading, { variant: "h1", className: "sg:mb-3", children: title }),
+          /* @__PURE__ */ jsxs(Text, { foreground: "muted-foreground", children: [
+            "Effective ",
+            effectiveDate
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsxs(Layout.Col1, { className: "sg:py-16 sg:px-4", children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              foreground: "muted-foreground",
+              className: "sg:leading-relaxed sg:mb-10",
+              children: introText
+            }
+          ),
+          /* @__PURE__ */ jsx(Stack, { gap: 8, children: sections.map((s, i) => /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "h3", as: "h2", className: "sg:mb-2", children: s.title }),
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                foreground: "muted-foreground",
+                className: "sg:leading-relaxed",
+                children: s.content
+              }
+            ),
+            i < sections.length - 1 && /* @__PURE__ */ jsx(Separator, { className: "sg:mt-8" })
+          ] }, i)) })
+        ] }) })
+      ]
+    }
+  );
+};
+export {
+  PrivacyPage
+};
+//# sourceMappingURL=privacy-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/privacy/privacy-page.tsx"],"sourcesContent":["\"use client\";\nimport { motion } from \"framer-motion\";\nimport {\n  Layout,\n  Separator,\n  Heading,\n  Text,\n  Icon,\n  Stack,\n} from \"../../primitives/index\";\n\ninterface Section {\n  title: string;\n  content: string;\n}\n\ninterface PrivacyPageProps {\n  title?: string;\n  effectiveDate?: string;\n  introText?: string;\n  sections?: Section[];\n}\n\nconst defaultSections: Section[] = [\n  {\n    title: \"Information We Collect\",\n    content:\n      \"We collect minimal information to provide and improve our service. This may include your name and email address when you use our contact form, and standard analytics data such as browser type, device, and pages visited.\",\n  },\n  {\n    title: \"How We Use Your Information\",\n    content:\n      \"Your information is used solely to respond to your inquiries, improve our content and user experience, and maintain the security of our website. We do not sell, trade, or rent your personal data to third parties.\",\n  },\n  {\n    title: \"Cookies & Analytics\",\n    content:\n      \"We use cookies to remember your preferences (such as dark mode) and basic analytics to understand how our content is used. You can disable cookies in your browser settings at any time.\",\n  },\n  {\n    title: \"Data Retention\",\n    content:\n      \"We retain personal data only as long as necessary to fulfill the purposes outlined above. Contact form submissions are kept for up to 12 months before being deleted.\",\n  },\n  {\n    title: \"Your Rights\",\n    content:\n      \"You have the right to access, correct, or delete your personal data at any time. To make a request, please reach out via our contact page and we will respond within 30 days.\",\n  },\n  {\n    title: \"Changes to This Policy\",\n    content:\n      \"We may update this policy from time to time. Changes will be posted on this page with an updated effective date. Continued use of the site constitutes acceptance of the revised policy.\",\n  },\n];\n\nexport const PrivacyPage = ({\n  title = \"Privacy Policy\",\n  effectiveDate = \"March 1, 2025\",\n  introText = \"At Storied, we take your privacy seriously. This policy outlines what data we collect, how we use it, and your rights as a visitor to our site.\",\n  sections = defaultSections,\n}: PrivacyPageProps) => {\n  return (\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:w-full\"\n    >\n      <Layout type=\"container\" className=\"sg:border-b sg:border-border\">\n        <Layout.Col1 className=\"sg:py-16 sg:px-4 sg:text-center sg:mx-auto\">\n          <Icon\n            size=\"lg\"\n            color=\"primary\"\n            className=\"sg:mx-auto sg:mb-4\"\n            icon=\"Shield\"\n          />\n          <Heading variant=\"h1\" className=\"sg:mb-3\">\n            {title}\n          </Heading>\n          <Text foreground=\"muted-foreground\">Effective {effectiveDate}</Text>\n        </Layout.Col1>\n      </Layout>\n      <Layout>\n        <Layout.Col1 className=\"sg:py-16 sg:px-4\">\n          <Text\n            foreground=\"muted-foreground\"\n            className=\"sg:leading-relaxed sg:mb-10\"\n          >\n            {introText}\n          </Text>\n          <Stack gap={8}>\n            {sections.map((s, i) => (\n              <div key={i}>\n                <Heading variant=\"h3\" as=\"h2\" className=\"sg:mb-2\">\n                  {s.title}\n                </Heading>\n                <Text\n                  foreground=\"muted-foreground\"\n                  className=\"sg:leading-relaxed\"\n                >\n                  {s.content}\n                </Text>\n                {i < sections.length - 1 && <Separator className=\"sg:mt-8\" />}\n              </div>\n            ))}\n          </Stack>\n        </Layout.Col1>\n      </Layout>\n    </motion.div>\n  );\n};\n"],"mappings":";AAwEU,cASA,YATA;AAvEV,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcP,MAAM,kBAA6B;AAAA,EACjC;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AACF;AAEO,MAAM,cAAc,CAAC;AAAA,EAC1B,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AACb,MAAwB;AACtB,SACE;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,UAAO,MAAK,aAAY,WAAU,gCACjC,+BAAC,OAAO,MAAP,EAAY,WAAU,8CACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,MAAK;AAAA;AAAA,UACP;AAAA,UACA,oBAAC,WAAQ,SAAQ,MAAK,WAAU,WAC7B,iBACH;AAAA,UACA,qBAAC,QAAK,YAAW,oBAAmB;AAAA;AAAA,YAAW;AAAA,aAAc;AAAA,WAC/D,GACF;AAAA,QACA,oBAAC,UACC,+BAAC,OAAO,MAAP,EAAY,WAAU,oBACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,YAAW;AAAA,cACX,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,SAAM,KAAK,GACT,mBAAS,IAAI,CAAC,GAAG,MAChB,qBAAC,SACC;AAAA,gCAAC,WAAQ,SAAQ,MAAK,IAAG,MAAK,WAAU,WACrC,YAAE,OACL;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,YAAW;AAAA,gBACX,WAAU;AAAA,gBAET,YAAE;AAAA;AAAA,YACL;AAAA,YACC,IAAI,SAAS,SAAS,KAAK,oBAAC,aAAU,WAAU,WAAU;AAAA,eAVnD,CAWV,CACD,GACH;AAAA,WACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

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

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

@@ -0,0 +1,18 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Layout, Heading, Text, Stack } from "../../primitives/index.js";
+import { posts } from "../../../data/posts.js";
+import { PostListWithFilters } from "../../blocks/post-list/post-list-with-filters.js";
+function SearchPage() {
+  return /* @__PURE__ */ jsx(Layout, { type: "wide", className: "sg:py-16", as: "main", children: /* @__PURE__ */ jsxs(Layout.Col1, { hideDiv: true, children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 2, className: "sg:mb-10", children: [
+      /* @__PURE__ */ jsx(Heading, { variant: "h1", children: "All Posts" }),
+      /* @__PURE__ */ jsx(Text, { foreground: "muted-foreground", children: "Every story we've published, newest first." })
+    ] }),
+    /* @__PURE__ */ jsx(PostListWithFilters, { posts, defaultLoadMode: "load-more" })
+  ] }) });
+}
+export {
+  SearchPage
+};
+//# sourceMappingURL=search-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/search/search-page.tsx"],"sourcesContent":["\"use client\";\nimport { Layout, Heading, Text, Stack } from \"../../primitives/index\";\nimport { posts } from \"../../../data/posts\";\nimport { PostListWithFilters } from \"../../blocks/post-list/post-list-with-filters\";\n\nexport function SearchPage() {\n  return (\n    <Layout type=\"wide\" className=\"sg:py-16\" as=\"main\">\n      <Layout.Col1 hideDiv>\n        <Stack gap={2} className=\"sg:mb-10\">\n          <Heading variant=\"h1\">All Posts</Heading>\n          <Text foreground=\"muted-foreground\">\n            Every story we&apos;ve published, newest first.\n          </Text>\n        </Stack>\n\n        <PostListWithFilters posts={posts} defaultLoadMode=\"load-more\" />\n      </Layout.Col1>\n    </Layout>\n  );\n}\n"],"mappings":";AASQ,SACE,KADF;AARR,SAAS,QAAQ,SAAS,MAAM,aAAa;AAC7C,SAAS,aAAa;AACtB,SAAS,2BAA2B;AAE7B,SAAS,aAAa;AAC3B,SACE,oBAAC,UAAO,MAAK,QAAO,WAAU,YAAW,IAAG,QAC1C,+BAAC,OAAO,MAAP,EAAY,SAAO,MAClB;AAAA,yBAAC,SAAM,KAAK,GAAG,WAAU,YACvB;AAAA,0BAAC,WAAQ,SAAQ,MAAK,uBAAS;AAAA,MAC/B,oBAAC,QAAK,YAAW,oBAAmB,wDAEpC;AAAA,OACF;AAAA,IAEA,oBAAC,uBAAoB,OAAc,iBAAgB,aAAY;AAAA,KACjE,GACF;AAEJ;","names":[]}

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

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

package/dist/components/pages/startpage/startpage.js

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Container } from "../../templates/container/container.js";
+import Hero from "../../templates/hero/hero.js";
+import { Layout, Link, Heading, Text } from "../../primitives/index.js";
+import BlogPostCard from "../../blocks/cards/blogpost-card.js";
+import { posts } from "../../../data/posts.js";
+import { Footer } from "../../templates/footer/footer.js";
+function StartPage() {
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(Container.Header, {}),
+    /* @__PURE__ */ jsxs(Container.Content, { children: [
+      /* @__PURE__ */ jsx(
+        Hero,
+        {
+          title: "Stories worth",
+          titleAccent: "savoring",
+          description: "A curated journal exploring design, culture, and the quiet art of living with intention.",
+          primaryCTA: { label: "Browse all posts", href: "#" },
+          secondaryCTA: { label: "Our design system", href: "#" }
+        }
+      ),
+      /* @__PURE__ */ jsx(Layout, { as: "section", className: "sg:py-16", children: /* @__PURE__ */ jsxs(Layout.Col1, { hideDiv: true, children: [
+        /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-end sg:justify-between sg:flex-wrap sg:mb-10", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "h2", children: "Latest Stories" }),
+            /* @__PURE__ */ jsx(Text, { foreground: "muted-foreground", className: "sg:mt-2", children: "Exploring design, culture, and the quiet art of living." })
+          ] }),
+          /* @__PURE__ */ jsx(Link, { to: "/posts", iconEnd: "ArrowRight", children: "View all" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "sg:grid sg:grid-cols-[repeat(auto-fit,minmax(min(230px,100%),1fr))] sg:gap-8", children: posts.slice(0, 3).map((post) => /* @__PURE__ */ jsx(
+          BlogPostCard,
+          {
+            id: post.id,
+            image: post.primaryImage,
+            categories: post.categories,
+            date: post.date,
+            title: post.title,
+            excerpt: post.excerpt
+          },
+          post.id
+        )) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(Container.Footer, { children: /* @__PURE__ */ jsx(Footer, {}) })
+  ] });
+}
+export {
+  StartPage
+};
+//# sourceMappingURL=startpage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/startpage/startpage.tsx"],"sourcesContent":["import { Container } from \"../../templates/container/container\";\nimport Hero from \"../../templates/hero/hero\";\nimport { Layout, Link, Heading, Text } from \"../../primitives/index\";\nimport BlogPostCard from \"../../blocks/cards/blogpost-card\";\nimport { posts } from \"../../../data/posts\";\nimport { Footer } from \"../../templates/footer/footer\";\n\nfunction StartPage() {\n  return (\n    <Container>\n      <Container.Header />\n      <Container.Content>\n        <Hero\n          title=\"Stories worth\"\n          titleAccent=\"savoring\"\n          description=\"A curated journal exploring design, culture, and the quiet art of living with intention.\"\n          primaryCTA={{ label: \"Browse all posts\", href: \"#\" }}\n          secondaryCTA={{ label: \"Our design system\", href: \"#\" }}\n        />\n        <Layout as=\"section\" className=\"sg:py-16\">\n          <Layout.Col1 hideDiv>\n            <div className=\"sg:flex sg:items-end sg:justify-between sg:flex-wrap sg:mb-10\">\n              <div>\n                <Heading variant=\"h2\">Latest Stories</Heading>\n                <Text foreground=\"muted-foreground\" className=\"sg:mt-2\">\n                  Exploring design, culture, and the quiet art of living.\n                </Text>\n              </div>\n              <Link to=\"/posts\" iconEnd=\"ArrowRight\">\n                View all\n              </Link>\n            </div>\n            <div className=\"sg:grid sg:grid-cols-[repeat(auto-fit,minmax(min(230px,100%),1fr))] sg:gap-8\">\n              {posts.slice(0, 3).map((post) => (\n                <BlogPostCard\n                  key={post.id}\n                  id={post.id}\n                  image={post.primaryImage}\n                  categories={post.categories}\n                  date={post.date}\n                  title={post.title}\n                  excerpt={post.excerpt}\n                />\n              ))}\n            </div>\n          </Layout.Col1>\n        </Layout>\n      </Container.Content>\n      <Container.Footer>\n        <Footer />\n      </Container.Footer>\n    </Container>\n  );\n}\n\nexport { StartPage };\n"],"mappings":"AAUM,cAYQ,YAZR;AAVN,SAAS,iBAAiB;AAC1B,OAAO,UAAU;AACjB,SAAS,QAAQ,MAAM,SAAS,YAAY;AAC5C,OAAO,kBAAkB;AACzB,SAAS,aAAa;AACtB,SAAS,cAAc;AAEvB,SAAS,YAAY;AACnB,SACE,qBAAC,aACC;AAAA,wBAAC,UAAU,QAAV,EAAiB;AAAA,IAClB,qBAAC,UAAU,SAAV,EACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UACZ,aAAY;AAAA,UACZ,YAAY,EAAE,OAAO,oBAAoB,MAAM,IAAI;AAAA,UACnD,cAAc,EAAE,OAAO,qBAAqB,MAAM,IAAI;AAAA;AAAA,MACxD;AAAA,MACA,oBAAC,UAAO,IAAG,WAAU,WAAU,YAC7B,+BAAC,OAAO,MAAP,EAAY,SAAO,MAClB;AAAA,6BAAC,SAAI,WAAU,iEACb;AAAA,+BAAC,SACC;AAAA,gCAAC,WAAQ,SAAQ,MAAK,4BAAc;AAAA,YACpC,oBAAC,QAAK,YAAW,oBAAmB,WAAU,WAAU,qEAExD;AAAA,aACF;AAAA,UACA,oBAAC,QAAK,IAAG,UAAS,SAAQ,cAAa,sBAEvC;AAAA,WACF;AAAA,QACA,oBAAC,SAAI,WAAU,gFACZ,gBAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,SACtB;AAAA,UAAC;AAAA;AAAA,YAEC,IAAI,KAAK;AAAA,YACT,OAAO,KAAK;AAAA,YACZ,YAAY,KAAK;AAAA,YACjB,MAAM,KAAK;AAAA,YACX,OAAO,KAAK;AAAA,YACZ,SAAS,KAAK;AAAA;AAAA,UANT,KAAK;AAAA,QAOZ,CACD,GACH;AAAA,SACF,GACF;AAAA,OACF;AAAA,IACA,oBAAC,UAAU,QAAV,EACC,8BAAC,UAAO,GACV;AAAA,KACF;AAEJ;","names":[]}

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

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

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

@@ -0,0 +1,98 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import {
+  Layout,
+  Separator,
+  Heading,
+  Text,
+  Icon,
+  Stack
+} from "../../primitives/index.js";
+const defaultSections = [
+  {
+    title: "Acceptance of Terms",
+    content: "By accessing and using Storied, you agree to be bound by these Terms of Service and all applicable laws and regulations. If you do not agree with any of these terms, please do not use our site."
+  },
+  {
+    title: "Use of Content",
+    content: "All content published on Storied \u2014 including articles, images, and design elements \u2014 is protected by copyright. You may share links and short excerpts with proper attribution, but reproducing full articles without written permission is prohibited."
+  },
+  {
+    title: "User Contributions",
+    content: "When submitting comments, messages, or other content through our site, you grant Storied a non-exclusive license to display and use that content in connection with our services. You are responsible for ensuring your contributions are lawful and respectful."
+  },
+  {
+    title: "Disclaimer",
+    content: "Content on Storied is provided for informational and inspirational purposes only. We make no warranties regarding the accuracy, completeness, or reliability of any content. Use of the site is at your own risk."
+  },
+  {
+    title: "Limitation of Liability",
+    content: "Storied and its contributors shall not be liable for any indirect, incidental, or consequential damages arising from the use of this website or reliance on its content."
+  },
+  {
+    title: "Modifications",
+    content: "We reserve the right to modify these terms at any time. Updated terms will be posted on this page. Continued use of the site after changes constitutes acceptance of the new terms."
+  }
+];
+const TermsPage = ({
+  title = "Terms of Service",
+  effectiveDate = "March 1, 2025",
+  introText = "Please read these terms carefully before using Storied. They govern your use of our website and content.",
+  sections = defaultSections
+}) => {
+  return /* @__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:w-full",
+      children: [
+        /* @__PURE__ */ jsx(Layout, { type: "container", className: "sg:border-b sg:border-border", children: /* @__PURE__ */ jsxs(Layout.Col1, { className: "sg:py-16 sg:px-4 sg:text-center sg:mx-auto", children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              size: "lg",
+              color: "primary",
+              className: "sg:mx-auto sg:mb-4",
+              icon: "FileText"
+            }
+          ),
+          /* @__PURE__ */ jsx(Heading, { variant: "h1", className: "sg:mb-3", children: title }),
+          /* @__PURE__ */ jsxs(Text, { foreground: "muted-foreground", children: [
+            "Effective ",
+            effectiveDate
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsxs(Layout.Col1, { className: "sg:py-16 sg:px-4", children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              foreground: "muted-foreground",
+              className: "sg:leading-relaxed sg:mb-10",
+              children: introText
+            }
+          ),
+          /* @__PURE__ */ jsx(Stack, { gap: 8, children: sections.map((s, i) => /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "h3", as: "h2", className: "sg:mb-2", children: s.title }),
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                foreground: "muted-foreground",
+                className: "sg:leading-relaxed",
+                children: s.content
+              }
+            ),
+            i < sections.length - 1 && /* @__PURE__ */ jsx(Separator, { className: "sg:mt-8" })
+          ] }, i)) })
+        ] }) })
+      ]
+    }
+  );
+};
+export {
+  TermsPage
+};
+//# sourceMappingURL=terms-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/terms/terms-page.tsx"],"sourcesContent":["\"use client\";\nimport { motion } from \"framer-motion\";\nimport {\n  Layout,\n  Separator,\n  Heading,\n  Text,\n  Icon,\n  Stack,\n} from \"../../primitives/index\";\n\ninterface Section {\n  title: string;\n  content: string;\n}\n\ninterface TermsPageProps {\n  title?: string;\n  effectiveDate?: string;\n  introText?: string;\n  sections?: Section[];\n}\n\nconst defaultSections: Section[] = [\n  {\n    title: \"Acceptance of Terms\",\n    content:\n      \"By accessing and using Storied, you agree to be bound by these Terms of Service and all applicable laws and regulations. If you do not agree with any of these terms, please do not use our site.\",\n  },\n  {\n    title: \"Use of Content\",\n    content:\n      \"All content published on Storied — including articles, images, and design elements — is protected by copyright. You may share links and short excerpts with proper attribution, but reproducing full articles without written permission is prohibited.\",\n  },\n  {\n    title: \"User Contributions\",\n    content:\n      \"When submitting comments, messages, or other content through our site, you grant Storied a non-exclusive license to display and use that content in connection with our services. You are responsible for ensuring your contributions are lawful and respectful.\",\n  },\n  {\n    title: \"Disclaimer\",\n    content:\n      \"Content on Storied is provided for informational and inspirational purposes only. We make no warranties regarding the accuracy, completeness, or reliability of any content. Use of the site is at your own risk.\",\n  },\n  {\n    title: \"Limitation of Liability\",\n    content:\n      \"Storied and its contributors shall not be liable for any indirect, incidental, or consequential damages arising from the use of this website or reliance on its content.\",\n  },\n  {\n    title: \"Modifications\",\n    content:\n      \"We reserve the right to modify these terms at any time. Updated terms will be posted on this page. Continued use of the site after changes constitutes acceptance of the new terms.\",\n  },\n];\n\nexport const TermsPage = ({\n  title = \"Terms of Service\",\n  effectiveDate = \"March 1, 2025\",\n  introText = \"Please read these terms carefully before using Storied. They govern your use of our website and content.\",\n  sections = defaultSections,\n}: TermsPageProps) => {\n  return (\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:w-full\"\n    >\n      <Layout type=\"container\" className=\"sg:border-b sg:border-border\">\n        <Layout.Col1 className=\"sg:py-16 sg:px-4 sg:text-center sg:mx-auto\">\n          <Icon\n            size=\"lg\"\n            color=\"primary\"\n            className=\"sg:mx-auto sg:mb-4\"\n            icon=\"FileText\"\n          />\n          <Heading variant=\"h1\" className=\"sg:mb-3\">\n            {title}\n          </Heading>\n          <Text foreground=\"muted-foreground\">Effective {effectiveDate}</Text>\n        </Layout.Col1>\n      </Layout>\n      <Layout>\n        <Layout.Col1 className=\"sg:py-16 sg:px-4\">\n          <Text\n            foreground=\"muted-foreground\"\n            className=\"sg:leading-relaxed sg:mb-10\"\n          >\n            {introText}\n          </Text>\n          <Stack gap={8}>\n            {sections.map((s, i) => (\n              <div key={i}>\n                <Heading variant=\"h3\" as=\"h2\" className=\"sg:mb-2\">\n                  {s.title}\n                </Heading>\n                <Text\n                  foreground=\"muted-foreground\"\n                  className=\"sg:leading-relaxed\"\n                >\n                  {s.content}\n                </Text>\n                {i < sections.length - 1 && <Separator className=\"sg:mt-8\" />}\n              </div>\n            ))}\n          </Stack>\n        </Layout.Col1>\n      </Layout>\n    </motion.div>\n  );\n};\n"],"mappings":";AAwEU,cASA,YATA;AAvEV,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcP,MAAM,kBAA6B;AAAA,EACjC;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EACJ;AACF;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AACb,MAAsB;AACpB,SACE;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,UAAO,MAAK,aAAY,WAAU,gCACjC,+BAAC,OAAO,MAAP,EAAY,WAAU,8CACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,MAAK;AAAA;AAAA,UACP;AAAA,UACA,oBAAC,WAAQ,SAAQ,MAAK,WAAU,WAC7B,iBACH;AAAA,UACA,qBAAC,QAAK,YAAW,oBAAmB;AAAA;AAAA,YAAW;AAAA,aAAc;AAAA,WAC/D,GACF;AAAA,QACA,oBAAC,UACC,+BAAC,OAAO,MAAP,EAAY,WAAU,oBACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,YAAW;AAAA,cACX,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,SAAM,KAAK,GACT,mBAAS,IAAI,CAAC,GAAG,MAChB,qBAAC,SACC;AAAA,gCAAC,WAAQ,SAAQ,MAAK,IAAG,MAAK,WAAU,WACrC,YAAE,OACL;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,YAAW;AAAA,gBACX,WAAU;AAAA,gBAET,YAAE;AAAA;AAAA,YACL;AAAA,YACC,IAAI,SAAS,SAAS,KAAK,oBAAC,aAAU,WAAU,WAAU;AAAA,eAVnD,CAWV,CACD,GACH;AAAA,WACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/primitives/accordion/accordion.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 function Accordion({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Root,

package/dist/components/primitives/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/accordion/accordion.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\r\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\r\n  return (\r\n    <AccordionPrimitive.Root\r\n      data-slot=\"accordion\"\r\n      className={cn(\r\n        \"sg:overflow-hidden sg:rounded-2xl sg:border sg:flex sg:w-full sg:flex-col\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\r\n  return (\r\n    <AccordionPrimitive.Item\r\n      data-slot=\"accordion-item\"\r\n      className={cn(\"sg:data-open:bg-muted/50 sg:not-last:border-b\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AccordionTrigger({\r\n  className,\r\n  children,\r\n  ...props\r\n}: AccordionPrimitive.Trigger.Props) {\r\n  return (\r\n    <AccordionPrimitive.Header className=\"sg:flex\">\r\n      <AccordionPrimitive.Trigger\r\n        data-slot=\"accordion-trigger\"\r\n        className={cn(\r\n          \"sg:**:data-[slot=accordion-trigger-icon]:text-muted-foreground sg:gap-6 sg:p-4 sg:text-start sg:text-sm sg:font-medium sg:hover:underline sg:**:data-[slot=accordion-trigger-icon]:ms-auto sg:**:data-[slot=accordion-trigger-icon]:size-4 sg:group/accordion-trigger sg:relative sg:flex sg:flex-1 sg:items-start sg:justify-between sg:border sg:border-transparent sg:transition-all sg:outline-none sg:disabled:pointer-events-none sg:disabled:opacity-50\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        <ChevronDownIcon\r\n          data-slot=\"accordion-trigger-icon\"\r\n          className=\"sg:pointer-events-none sg:shrink-0 sg:group-aria-expanded/accordion-trigger:hidden\"\r\n        />\r\n        <ChevronUpIcon\r\n          data-slot=\"accordion-trigger-icon\"\r\n          className=\"sg:pointer-events-none sg:hidden sg:shrink-0 sg:group-aria-expanded/accordion-trigger:inline\"\r\n        />\r\n      </AccordionPrimitive.Trigger>\r\n    </AccordionPrimitive.Header>\r\n  );\r\n}\r\n\r\nfunction AccordionContent({\r\n  className,\r\n  children,\r\n  ...props\r\n}: AccordionPrimitive.Panel.Props) {\r\n  return (\r\n    <AccordionPrimitive.Panel\r\n      data-slot=\"accordion-content\"\r\n      className=\"sg:data-open:animate-accordion-down sg:data-closed:animate-accordion-up sg:px-4 sg:text-sm sg:overflow-hidden\"\r\n      {...props}\r\n    >\r\n      <div\r\n        className={cn(\r\n          \"sg:pt-0 sg:pb-4 sg:[&_a]:hover:text-foreground sg:h-(--accordion-panel-height) sg:data-ending-style:h-0 sg:data-starting-style:h-0 sg:[&_a]:underline sg:[&_a]:underline-offset-3 sg:[&_p:not(:last-child)]:mb-4\",\r\n          className,\r\n        )}\r\n      >\r\n        {children}\r\n      </div>\r\n    </AccordionPrimitive.Panel>\r\n  );\r\n}\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\r\n"],"mappings":";AAQI,cA4BE,YA5BF;AANJ,SAAS,aAAa,0BAA0B;AAChD,SAAS,iBAAiB,qBAAqB;AAC/C,SAAS,UAAU;AAEnB,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAkC;AACzE,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC7E,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iDAAiD,SAAS;AAAA,MACvE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqC;AACnC,SACE,oBAAC,mBAAmB,QAAnB,EAA0B,WAAU,WACnC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA;AAAA,QACZ;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/accordion/accordion.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\r\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\r\n  return (\r\n    <AccordionPrimitive.Root\r\n      data-slot=\"accordion\"\r\n      className={cn(\r\n        \"sg:overflow-hidden sg:rounded-2xl sg:border sg:flex sg:w-full sg:flex-col\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\r\n  return (\r\n    <AccordionPrimitive.Item\r\n      data-slot=\"accordion-item\"\r\n      className={cn(\"sg:data-open:bg-muted/50 sg:not-last:border-b\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AccordionTrigger({\r\n  className,\r\n  children,\r\n  ...props\r\n}: AccordionPrimitive.Trigger.Props) {\r\n  return (\r\n    <AccordionPrimitive.Header className=\"sg:flex\">\r\n      <AccordionPrimitive.Trigger\r\n        data-slot=\"accordion-trigger\"\r\n        className={cn(\r\n          \"sg:**:data-[slot=accordion-trigger-icon]:text-muted-foreground sg:gap-6 sg:p-4 sg:text-start sg:text-sm sg:font-medium sg:hover:underline sg:**:data-[slot=accordion-trigger-icon]:ms-auto sg:**:data-[slot=accordion-trigger-icon]:size-4 sg:group/accordion-trigger sg:relative sg:flex sg:flex-1 sg:items-start sg:justify-between sg:border sg:border-transparent sg:transition-all sg:outline-none sg:disabled:pointer-events-none sg:disabled:opacity-50\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        <ChevronDownIcon\r\n          data-slot=\"accordion-trigger-icon\"\r\n          className=\"sg:pointer-events-none sg:shrink-0 sg:group-aria-expanded/accordion-trigger:hidden\"\r\n        />\r\n        <ChevronUpIcon\r\n          data-slot=\"accordion-trigger-icon\"\r\n          className=\"sg:pointer-events-none sg:hidden sg:shrink-0 sg:group-aria-expanded/accordion-trigger:inline\"\r\n        />\r\n      </AccordionPrimitive.Trigger>\r\n    </AccordionPrimitive.Header>\r\n  );\r\n}\r\n\r\nfunction AccordionContent({\r\n  className,\r\n  children,\r\n  ...props\r\n}: AccordionPrimitive.Panel.Props) {\r\n  return (\r\n    <AccordionPrimitive.Panel\r\n      data-slot=\"accordion-content\"\r\n      className=\"sg:data-open:animate-accordion-down sg:data-closed:animate-accordion-up sg:px-4 sg:text-sm sg:overflow-hidden\"\r\n      {...props}\r\n    >\r\n      <div\r\n        className={cn(\r\n          \"sg:pt-0 sg:pb-4 sg:[&_a]:hover:text-foreground sg:h-(--accordion-panel-height) sg:data-ending-style:h-0 sg:data-starting-style:h-0 sg:[&_a]:underline sg:[&_a]:underline-offset-3 sg:[&_p:not(:last-child)]:mb-4\",\r\n          className,\r\n        )}\r\n      >\r\n        {children}\r\n      </div>\r\n    </AccordionPrimitive.Panel>\r\n  );\r\n}\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\r\n"],"mappings":";AAQI,cA4BE,YA5BF;AANJ,SAAS,aAAa,0BAA0B;AAChD,SAAS,iBAAiB,qBAAqB;AAC/C,SAAS,UAAU;AAEnB,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAkC;AACzE,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC7E,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iDAAiD,SAAS;AAAA,MACvE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqC;AACnC,SACE,oBAAC,mBAAmB,QAAnB,EAA0B,WAAU,WACnC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA;AAAA,QACZ;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/primitives/alert/alert.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 const alertVariants = {
   variant: {
     default: "sg:bg-card sg:text-card-foreground",

package/dist/components/primitives/alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/alert/alert.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nconst alertVariants = {\r\n  variant: {\r\n    default: \"sg:bg-card sg:text-card-foreground\",\r\n    destructive:\r\n      \"sg:text-destructive sg:bg-card sg:*:data-[slot=alert-description]:text-destructive/90 sg:*:[svg]:text-current\",\r\n  },\r\n};\r\n\r\nconst alertVariantsProps = cva(\r\n  \"sg:grid sg:gap-0.5 sg:rounded-lg sg:border sg:px-4 sg:py-3 sg:text-start sg:text-sm sg:has-data-[slot=alert-action]:relative sg:has-data-[slot=alert-action]:pe-18 sg:has-[>svg]:grid-cols-[auto_1fr] sg:has-[>svg]:gap-x-2.5 sg:*:[svg]:row-span-2 sg:*:[svg]:translate-y-0.5 sg:*:[svg]:text-current sg:*:[svg:not([class*=size-])]:size-4 sg:w-full sg:relative sg:group/alert\",\r\n  {\r\n    variants: alertVariants,\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nfunction Alert({\r\n  className,\r\n  variant,\r\n  ...props\r\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariantsProps>) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert\"\r\n      role=\"alert\"\r\n      className={cn(alertVariantsProps({ variant }), className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert-title\"\r\n      className={cn(\r\n        \"sg:font-medium sg:group-has-[>svg]/alert:col-start-2 sg:[&_a]:hover:text-foreground sg:[&_a]:underline sg:[&_a]:underline-offset-3\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDescription({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert-description\"\r\n      className={cn(\r\n        \"sg:text-muted-foreground sg:text-sm sg:text-balance sg:md:text-pretty sg:[&_p:not(:last-child)]:mb-4 sg:[&_a]:hover:text-foreground sg:[&_a]:underline sg:[&_a]:underline-offset-3\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert-action\"\r\n      className={cn(\"sg:absolute sg:top-2.5 sg:end-3\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };\r\n"],"mappings":"AA4BI;AA5BJ,YAAY,WAAW;AACvB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,SAAS;AAAA,IACT,aACE;AAAA,EACJ;AACF;AAEA,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0E;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAW,GAAG,mBAAmB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/alert/alert.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nconst alertVariants = {\r\n  variant: {\r\n    default: \"sg:bg-card sg:text-card-foreground\",\r\n    destructive:\r\n      \"sg:text-destructive sg:bg-card sg:*:data-[slot=alert-description]:text-destructive/90 sg:*:[svg]:text-current\",\r\n  },\r\n};\r\n\r\nconst alertVariantsProps = cva(\r\n  \"sg:grid sg:gap-0.5 sg:rounded-lg sg:border sg:px-4 sg:py-3 sg:text-start sg:text-sm sg:has-data-[slot=alert-action]:relative sg:has-data-[slot=alert-action]:pe-18 sg:has-[>svg]:grid-cols-[auto_1fr] sg:has-[>svg]:gap-x-2.5 sg:*:[svg]:row-span-2 sg:*:[svg]:translate-y-0.5 sg:*:[svg]:text-current sg:*:[svg:not([class*=size-])]:size-4 sg:w-full sg:relative sg:group/alert\",\r\n  {\r\n    variants: alertVariants,\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nfunction Alert({\r\n  className,\r\n  variant,\r\n  ...props\r\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariantsProps>) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert\"\r\n      role=\"alert\"\r\n      className={cn(alertVariantsProps({ variant }), className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert-title\"\r\n      className={cn(\r\n        \"sg:font-medium sg:group-has-[>svg]/alert:col-start-2 sg:[&_a]:hover:text-foreground sg:[&_a]:underline sg:[&_a]:underline-offset-3\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDescription({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert-description\"\r\n      className={cn(\r\n        \"sg:text-muted-foreground sg:text-sm sg:text-balance sg:md:text-pretty sg:[&_p:not(:last-child)]:mb-4 sg:[&_a]:hover:text-foreground sg:[&_a]:underline sg:[&_a]:underline-offset-3\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert-action\"\r\n      className={cn(\"sg:absolute sg:top-2.5 sg:end-3\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };\r\n"],"mappings":"AA4BI;AA5BJ,YAAY,WAAW;AACvB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,SAAS;AAAA,IACT,aACE;AAAA,EACJ;AACF;AAEA,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0E;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAW,GAAG,mBAAmB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/primitives/avatar/avatar.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Avatar as Avatar$1 } from '@base-ui/react';
+
+declare function Avatar({ className, size, ...props }: Avatar$1.Root.Props & {
+    size?: "default" | "sm" | "lg";
+}): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: Avatar$1.Image.Props): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: Avatar$1.Fallback.Props): react_jsx_runtime.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };

package/dist/components/primitives/avatar/avatar.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Avatar as AvatarPrimitive } from "@base-ui/react";
+import { cn } from "../../../utils/index.js";
+function Avatar({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "sg:relative sg:flex sg:h-10 sg:w-10 sg:shrink-0 sg:overflow-hidden sg:rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("sg:aspect-square sg:h-full sg:w-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "sg:flex sg:h-full sg:w-full sg:items-center sg:justify-center sg:rounded-full sg:bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "avatar-badge",
+      className: cn(
+        "sg:absolute sg:right-0 sg:bottom-0 sg:z-10 sg:inline-flex sg:items-center sg:justify-center sg:rounded-full sg:bg-primary sg:text-primary-foreground sg:bg-blend-color sg:ring-2 sg:ring-background sg:select-none",
+        "sg:group-data-[size=sm]/avatar:size-2 sg:group-data-[size=sm]/avatar:[&>svg]:hidden",
+        "sg:group-data-[size=default]/avatar:size-2.5 sg:group-data-[size=default]/avatar:[&>svg]:size-2",
+        "sg:group-data-[size=lg]/avatar:size-3 sg:group-data-[size=lg]/avatar:[&>svg]:size-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: cn(
+        "sg:group/avatar-group sg:flex sg:-space-x-2 sg:*:data-[slot=avatar]:ring-2 sg:*:data-[slot=avatar]:ring-background",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroupCount({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group-count",
+      className: cn(
+        "sg:relative sg:flex sg:size-8 sg:shrink-0 sg:items-center sg:justify-center sg:rounded-full sg:bg-muted sg:text-sm sg:text-muted-foreground sg:ring-2 sg:ring-background sg:group-has-data-[size=lg]/avatar-group:size-10 sg:group-has-data-[size=sm]/avatar-group:size-6 sg:[&>svg]:size-4 sg:group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 sg:group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Avatar,
+  AvatarBadge,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarGroupCount,
+  AvatarImage
+};
+//# sourceMappingURL=avatar.js.map

package/dist/components/primitives/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/avatar/avatar.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react\";\nimport { cn } from \"../../../utils/index\";\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: AvatarPrimitive.Root.Props & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        \"sg:relative sg:flex sg:h-10 sg:w-10 sg:shrink-0 sg:overflow-hidden sg:rounded-full\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"sg:aspect-square sg:h-full sg:w-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: AvatarPrimitive.Fallback.Props) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"sg:flex sg:h-full sg:w-full sg:items-center sg:justify-center sg:rounded-full sg:bg-muted\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"sg:absolute sg:right-0 sg:bottom-0 sg:z-10 sg:inline-flex sg:items-center sg:justify-center sg:rounded-full sg:bg-primary sg:text-primary-foreground sg:bg-blend-color sg:ring-2 sg:ring-background sg:select-none\",\n        \"sg:group-data-[size=sm]/avatar:size-2 sg:group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"sg:group-data-[size=default]/avatar:size-2.5 sg:group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"sg:group-data-[size=lg]/avatar:size-3 sg:group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        \"sg:group/avatar-group sg:flex sg:-space-x-2 sg:*:data-[slot=avatar]:ring-2 sg:*:data-[slot=avatar]:ring-background\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        \"sg:relative sg:flex sg:size-8 sg:shrink-0 sg:items-center sg:justify-center sg:rounded-full sg:bg-muted sg:text-sm sg:text-muted-foreground sg:ring-2 sg:ring-background sg:group-has-data-[size=lg]/avatar-group:size-10 sg:group-has-data-[size=sm]/avatar-group:size-6 sg:[&>svg]:size-4 sg:group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 sg:group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarBadge,\n};\n"],"mappings":";AAaI;AAZJ,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,UAAU;AAEnB,SAAS,OAAO;AAAA,EACd;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wCAAwC,SAAS;AAAA,MAC9D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAiC;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/primitives/badge/badge.d.ts

@@ -3,9 +3,17 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 
-declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+declare const badgeVariants: {
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+};
+declare const badgeVariantsProps: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariantsProps>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 
-export { Badge, badgeVariants };
+export { Badge, badgeVariants, badgeVariantsProps };

package/dist/components/primitives/badge/badge.js

@@ -1,20 +1,19 @@
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { cva } from "class-variance-authority";
-const badgeVariants = cva(
-  "sg:h-5 sg:gap-1 sg:rounded-4xl sg:border sg:border-transparent sg:px-2 sg:py-0.5 sg:text-xs sg:font-medium sg:transition-all sg:has-data-[icon=inline-end]:pe-1.5 sg:has-data-[icon=inline-start]:ps-1.5 sg:[&>svg]:size-3! sg:inline-flex sg:items-center sg:justify-center sg:w-fit sg:whitespace-nowrap sg:shrink-0 sg:[&>svg]:pointer-events-none sg:focus-visible:border-ring sg:focus-visible:ring-ring/50 sg:focus-visible:ring-[3px] sg:aria-invalid:ring-destructive/20 sg:dark:aria-invalid:ring-destructive/40 sg:aria-invalid:border-destructive sg:overflow-hidden sg:group/badge",
+const badgeVariants = {
+  variant: {
+    default: "sg:border-transparent sg:bg-primary sg:text-primary-foreground",
+    secondary: "sg:border-transparent sg:bg-secondary sg:text-secondary-foreground",
+    destructive: "sg:border-transparent sg:bg-destructive sg:text-destructive-foreground",
+    outline: ""
+  }
+};
+const badgeVariantsProps = cva(
+  "sg:inline-flex sg:items-center sg:rounded-full sg:border sg:px-2.5 sg:py-0.5 sg:text-xs sg:font-semibold sg:transition-colors sg:focus:outline-none sg:focus:ring-2 sg:focus:ring-ring sg:focus:ring-offset-2",
   {
-    variants: {
-      variant: {
-        default: "sg:bg-primary sg:text-primary-foreground sg:[a]:hover:bg-primary/80",
-        secondary: "sg:bg-secondary sg:text-secondary-foreground sg:[a]:hover:bg-secondary/80",
-        destructive: "sg:bg-destructive/10 sg:[a]:hover:bg-destructive/20 sg:focus-visible:ring-destructive/20 sg:dark:focus-visible:ring-destructive/40 sg:text-destructive sg:dark:bg-destructive/20",
-        outline: "sg:border-border sg:text-foreground sg:[a]:hover:bg-muted sg:[a]:hover:text-muted-foreground sg:bg-input/30",
-        ghost: "sg:hover:bg-muted sg:hover:text-muted-foreground sg:dark:hover:bg-muted/50",
-        link: "sg:text-primary sg:underline-offset-4 sg:hover:underline"
-      }
-    },
+    variants: badgeVariants,
     defaultVariants: {
       variant: "default"
     }
@@ -30,7 +29,7 @@ function Badge({
     defaultTagName: "span",
     props: mergeProps(
       {
-        className: cn(badgeVariants({ className, variant }))
+        className: cn(badgeVariantsProps({ className, variant }))
       },
       props
     ),
@@ -43,6 +42,7 @@ function Badge({
 }
 export {
   Badge,
-  badgeVariants
+  badgeVariants,
+  badgeVariantsProps
 };
 //# sourceMappingURL=badge.js.map

package/dist/components/primitives/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/badge/badge.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nconst badgeVariants = cva(\n  \"sg:h-5 sg:gap-1 sg:rounded-4xl sg:border sg:border-transparent sg:px-2 sg:py-0.5 sg:text-xs sg:font-medium sg:transition-all sg:has-data-[icon=inline-end]:pe-1.5 sg:has-data-[icon=inline-start]:ps-1.5 sg:[&>svg]:size-3! sg:inline-flex sg:items-center sg:justify-center sg:w-fit sg:whitespace-nowrap sg:shrink-0 sg:[&>svg]:pointer-events-none sg:focus-visible:border-ring sg:focus-visible:ring-ring/50 sg:focus-visible:ring-[3px] sg:aria-invalid:ring-destructive/20 sg:dark:aria-invalid:ring-destructive/40 sg:aria-invalid:border-destructive sg:overflow-hidden sg:group/badge\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"sg:bg-primary sg:text-primary-foreground sg:[a]:hover:bg-primary/80\",\n        secondary:\n          \"sg:bg-secondary sg:text-secondary-foreground sg:[a]:hover:bg-secondary/80\",\n        destructive:\n          \"sg:bg-destructive/10 sg:[a]:hover:bg-destructive/20 sg:focus-visible:ring-destructive/20 sg:dark:focus-visible:ring-destructive/40 sg:text-destructive sg:dark:bg-destructive/20\",\n        outline:\n          \"sg:border-border sg:text-foreground sg:[a]:hover:bg-muted sg:[a]:hover:text-muted-foreground sg:bg-input/30\",\n        ghost:\n          \"sg:hover:bg-muted sg:hover:text-muted-foreground sg:dark:hover:bg-muted/50\",\n        link: \"sg:text-primary sg:underline-offset-4 sg:hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants>) {\n  return useRender({\n    defaultTagName: \"span\",\n    props: mergeProps<\"span\">(\n      {\n        className: cn(badgeVariants({ className, variant })),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: \"badge\",\n      variant,\n    },\n  });\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":"AAAA,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,WAA8B;AAEvC,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAA0E;AACxE,SAAO,UAAU;AAAA,IACf,gBAAgB;AAAA,IAChB,OAAO;AAAA,MACL;AAAA,QACE,WAAW,GAAG,cAAc,EAAE,WAAW,QAAQ,CAAC,CAAC;AAAA,MACrD;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,IACF;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/badge/badge.tsx"],"sourcesContent":["import { cn } from \"../../../utils/index\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nconst badgeVariants = {\n  variant: {\n    default: \"sg:border-transparent sg:bg-primary sg:text-primary-foreground\",\n    secondary:\n      \"sg:border-transparent sg:bg-secondary sg:text-secondary-foreground\",\n    destructive:\n      \"sg:border-transparent sg:bg-destructive sg:text-destructive-foreground\",\n    outline: \"\",\n  },\n};\n\nconst badgeVariantsProps = cva(\n  \"sg:inline-flex sg:items-center sg:rounded-full sg:border sg:px-2.5 sg:py-0.5 sg:text-xs sg:font-semibold sg:transition-colors sg:focus:outline-none sg:focus:ring-2 sg:focus:ring-ring sg:focus:ring-offset-2\",\n  {\n    variants: badgeVariants,\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"span\"> & VariantProps<typeof badgeVariantsProps>) {\n  return useRender({\n    defaultTagName: \"span\",\n    props: mergeProps<\"span\">(\n      {\n        className: cn(badgeVariantsProps({ className, variant })),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: \"badge\",\n      variant,\n    },\n  });\n}\n\nexport { Badge, badgeVariantsProps, badgeVariants };\n"],"mappings":"AAAA,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,WAA8B;AAEvC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,SAAS;AAAA,IACT,WACE;AAAA,IACF,aACE;AAAA,IACF,SAAS;AAAA,EACX;AACF;AAEA,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAA+E;AAC7E,SAAO,UAAU;AAAA,IACf,gBAAgB;AAAA,IAChB,OAAO;AAAA,MACL;AAAA,QACE,WAAW,GAAG,mBAAmB,EAAE,WAAW,QAAQ,CAAC,CAAC;AAAA,MAC1D;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,IACF;AAAA,EACF,CAAC;AACH;","names":[]}