react-shadcn-kit 0.1.1 → 0.2.0

package/dist/components/composites/sidebar-wrapper.d.ts

@@ -0,0 +1,27 @@
+import { Sidebar } from '../primitives/sidebar';
+import * as React from "react";
+export interface SidebarWrapperProps extends React.ComponentPropsWithoutRef<typeof Sidebar> {
+    /**
+     * Optional custom trigger component. If not provided, a default trigger button is rendered.
+     */
+    trigger?: React.ReactNode;
+    /**
+     * Children rendered inside the SidebarContent area.
+     */
+    children: React.ReactNode;
+}
+/**
+ * SidebarWrapper
+ *
+ * A composable wrapper around the shadcn/ui `Sidebar` components tailored for the
+ * `mcomposites` package. It provides a ready‑to‑use layout consisting of a
+ * `SidebarProvider`, a `Sidebar` with optional custom trigger, and a content
+ * area. The wrapper can be dropped into any page to instantly gain a fully
+ * functional, accessible sidebar.
+ *
+ * Example usage:
+ * ```tsx
+ * <SidebarWrapper trigger={<MyTrigger />}>...</SidebarWrapper>
+ * ```
+ */
+export declare function SidebarWrapper({ trigger, children, className, ...sidebarProps }: SidebarWrapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/composites/sidebar-wrapper.js

@@ -0,0 +1,21 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { SidebarProvider as o, Sidebar as t, SidebarHeader as b, SidebarContent as S, SidebarTrigger as p, SidebarInset as m } from "../primitives/sidebar.js";
+function f({
+  trigger: i,
+  children: d,
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ e(o, { children: [
+    /* @__PURE__ */ e(t, { className: a, ...n, children: [
+      /* @__PURE__ */ r(b, {}),
+      /* @__PURE__ */ r(S, { children: d }),
+      i ?? /* @__PURE__ */ r(p, {})
+    ] }),
+    /* @__PURE__ */ r(m, {})
+  ] });
+}
+export {
+  f as SidebarWrapper
+};
+//# sourceMappingURL=sidebar-wrapper.js.map

package/dist/components/composites/sidebar-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-wrapper.js","sources":["../../../src/components/composites/sidebar-wrapper.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Sidebar,\n  SidebarHeader,\n  SidebarContent,\n  SidebarProvider,\n  SidebarTrigger,\n  SidebarInset,\n} from \"../primitives/sidebar\";\n\nexport interface SidebarWrapperProps extends React.ComponentPropsWithoutRef<typeof Sidebar> {\n  /**\n   * Optional custom trigger component. If not provided, a default trigger button is rendered.\n   */\n  trigger?: React.ReactNode;\n  /**\n   * Children rendered inside the SidebarContent area.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * SidebarWrapper\n *\n * A composable wrapper around the shadcn/ui `Sidebar` components tailored for the\n * `mcomposites` package. It provides a ready‑to‑use layout consisting of a\n * `SidebarProvider`, a `Sidebar` with optional custom trigger, and a content\n * area. The wrapper can be dropped into any page to instantly gain a fully\n * functional, accessible sidebar.\n *\n * Example usage:\n * ```tsx\n * <SidebarWrapper trigger={<MyTrigger />}>...</SidebarWrapper>\n * ```\n */\nexport function SidebarWrapper({\n  trigger,\n  children,\n  className,\n  ...sidebarProps\n}: SidebarWrapperProps) {\n  return (\n    <SidebarProvider>\n      <Sidebar className={className} {...sidebarProps}>\n        {/* Header can be customized by the consumer via children or by extending this component */}\n        <SidebarHeader />\n        <SidebarContent>{children}</SidebarContent>\n        {/* Optional trigger – falls back to the default button when omitted */}\n        {trigger ?? <SidebarTrigger />}\n      </Sidebar>\n      {/* Inset provides the main content area next to the sidebar */}\n      <SidebarInset />\n    </SidebarProvider>\n  );\n}\n"],"names":["jsxs","jsx","SidebarProvider","Sidebar","SidebarHeader","SidebarContent","SidebarTrigger","SidebarInset","SidebarWrapper","trigger","children","className","sidebarProps"],"mappings":"AAmCO,SAAA,QAAAA,GAAA,OAAAC,SAAA;AAAA,SAAA,mBAAAC,GAAA,WAAAC,GAAA,iBAAAC,GAAA,kBAAAC,GAAA,kBAAAC,GAAA,gBAAAC,SAAA;AAAA,SAASC,EAAe;AAAA,EAC7B,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,2BACGV,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EAAQ,WAAAQ,GAAuB,GAAGC,GAEjC,UAAA;AAAA,MAAA,gBAAAX,EAACG,GAAA,EAAc;AAAA,MACf,gBAAAH,EAACI,KAAgB,UAAAK,GAAS;AAAA,MAEzBD,uBAAYH,GAAA,CAAA,CAAe;AAAA,IAAA,GAC9B;AAAA,sBAECC,GAAA,CAAA,CAAa;AAAA,EAAA,GAChB;AAEJ;"}

package/dist/{molecules → components/composites}/theme-toggle.js

@@ -1,9 +1,9 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { Sun as m, Moon as c } from "lucide-react";
 import { useTheme as d } from "next-themes";
-import { Button as h } from "../atoms/button.js";
-import { DropdownMenu as p, DropdownMenuTrigger as u, DropdownMenuContent as k, DropdownMenuItem as n } from "../atoms/dropdown-menu.js";
-import { cn as f } from "../lib/utils.js";
+import { Button as h } from "../primitives/button.js";
+import { DropdownMenu as p, DropdownMenuTrigger as u, DropdownMenuContent as k, DropdownMenuItem as n } from "../primitives/dropdown-menu.js";
+import { cn as f } from "../../lib/utils.js";
 function N({
   align: a = "end",
   side: l = "bottom",

package/dist/components/composites/theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.js","sources":["../../../src/components/composites/theme-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Moon, Sun } from \"lucide-react\";\nimport { useTheme } from \"next-themes\";\n\nimport { Button } from \"../primitives/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../primitives/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface ThemeToggleProps {\n  align?: \"center\" | \"start\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  sideOffset?: number;\n  className?: string;\n  trigger?: React.ReactNode;\n}\n\nexport function ThemeToggle({\n  align = \"end\",\n  side = \"bottom\",\n  sideOffset = 4,\n  className,\n  trigger,\n}: ThemeToggleProps) {\n  const { setTheme } = useTheme();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        {trigger ? (\n          trigger\n        ) : (\n          <Button variant=\"ghost\" size=\"icon\" className={cn(\"h-9 w-9\", className)}>\n            <Sun className=\"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0\" />\n            <Moon className=\"absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100\" />\n            <span className=\"sr-only\">Toggle theme</span>\n          </Button>\n        )}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align={align} side={side} sideOffset={sideOffset}>\n        <DropdownMenuItem onClick={() => setTheme(\"light\")}>Light</DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme(\"dark\")}>Dark</DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme(\"system\")}>System</DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["jsxs","jsx","Sun","Moon","useTheme","Button","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","cn","ThemeToggle","align","side","sideOffset","className","trigger","setTheme"],"mappings":"AAuBO,SAAA,QAAAA,GAAA,OAAAC,SAAA;AAAA,SAAA,OAAAC,GAAA,QAAAC,SAAA;AAAA,SAAA,YAAAC,SAAA;AAAA,SAAA,UAAAC,SAAA;AAAA,SAAA,gBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,oBAAAC,SAAA;AAAA,SAAA,MAAAC,SAAA;AAAA,SAASC,EAAY;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AACF,GAAqB;AACnB,QAAM,EAAE,UAAAC,EAAA,IAAab,EAAA;AAErB,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAA,EAAoB,SAAO,IACzB,UAAAS,KAGC,gBAAAhB,EAACK,GAAA,EAAO,SAAQ,SAAQ,MAAK,QAAO,WAAWK,EAAG,WAAWK,CAAS,GACpE,UAAA;AAAA,MAAA,gBAAAd,EAACC,GAAA,EAAI,WAAU,uFAAA,CAAuF;AAAA,MACtG,gBAAAD,EAACE,GAAA,EAAK,WAAU,+FAAA,CAA+F;AAAA,MAC/G,gBAAAF,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,eAAA,CAAY;AAAA,IAAA,EAAA,CACxC,EAAA,CAEJ;AAAA,IACA,gBAAAD,EAACQ,GAAA,EAAoB,OAAAI,GAAc,MAAAC,GAAY,YAAAC,GAC7C,UAAA;AAAA,MAAA,gBAAAb,EAACQ,KAAiB,SAAS,MAAMQ,EAAS,OAAO,GAAG,UAAA,SAAK;AAAA,wBACxDR,GAAA,EAAiB,SAAS,MAAMQ,EAAS,MAAM,GAAG,UAAA,QAAI;AAAA,wBACtDR,GAAA,EAAiB,SAAS,MAAMQ,EAAS,QAAQ,GAAG,UAAA,SAAA,CAAM;AAAA,IAAA,EAAA,CAC7D;AAAA,EAAA,GACF;AAEJ;"}

package/dist/{molecules → components/composites}/user-menu.js

@@ -1,9 +1,9 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import * as i from "react";
-import { Avatar as t, AvatarImage as d, AvatarFallback as m } from "../atoms/avatar.js";
-import { Button as s } from "../atoms/button.js";
-import { DropdownMenu as h, DropdownMenuTrigger as p, DropdownMenuContent as f, DropdownMenuLabel as u, DropdownMenuSeparator as x, DropdownMenuItem as g } from "../atoms/dropdown-menu.js";
-import { cn as w } from "../lib/utils.js";
+import { Avatar as t, AvatarImage as d, AvatarFallback as m } from "../primitives/avatar.js";
+import { Button as s } from "../primitives/button.js";
+import { DropdownMenu as h, DropdownMenuTrigger as p, DropdownMenuContent as f, DropdownMenuLabel as u, DropdownMenuSeparator as x, DropdownMenuItem as g } from "../primitives/dropdown-menu.js";
+import { cn as w } from "../../lib/utils.js";
 function b({ user: n, items: o, className: l }) {
   return /* @__PURE__ */ a(h, { children: [
     /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(s, { variant: "ghost", size: "icon", className: w("rounded-full", l), children: /* @__PURE__ */ a(t, { className: "h-8 w-8", children: [

package/dist/components/composites/user-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu.js","sources":["../../../src/components/composites/user-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../primitives/avatar\";\nimport { Button } from \"../primitives/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../primitives/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface UserMenuProps {\n  user: {\n    name: string;\n    email: string;\n    avatar?: string;\n  };\n  items?: Array<{\n    label: string;\n    href?: string;\n    onClick?: () => void;\n    icon?: React.ComponentType<{ className?: string }>;\n  }>;\n  className?: string;\n}\n\nexport function UserMenu({ user, items, className }: UserMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"ghost\" size=\"icon\" className={cn(\"rounded-full\", className)}>\n          <Avatar className=\"h-8 w-8\">\n            <AvatarImage src={user.avatar} alt={user.name} />\n            <AvatarFallback>{user.name?.[0] ?? \"U\"}</AvatarFallback>\n          </Avatar>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuLabel className=\"p-0 font-normal\">\n          <div className=\"flex flex-col space-y-1\">\n            <p className=\"text-sm font-medium leading-none\">{user.name}</p>\n            <p className=\"text-xs leading-none text-muted-foreground\">{user.email}</p>\n          </div>\n        </DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {items?.map((item, i) => (\n          <DropdownMenuItem key={i} asChild>\n            <a href={item.href ?? \"#\"} onClick={item.onClick}>\n              {item.icon && React.createElement(item.icon, { className: \"mr-2 h-4 w-4\" })}\n              <span>{item.label}</span>\n            </a>\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["UserMenu","user","items","className","DropdownMenu","jsx","DropdownMenuTrigger","Button","cn","jsxs","Avatar","AvatarImage","AvatarFallback","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","item","i","DropdownMenuItem","React"],"mappings":";;;;;;AA8BO,SAASA,EAAS,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,KAA4B;AAClE,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAoB,SAAO,IAC1B,UAAA,gBAAAD,EAACE,GAAA,EAAO,SAAQ,SAAQ,MAAK,QAAO,WAAWC,EAAG,gBAAgBL,CAAS,GACzE,UAAA,gBAAAM,EAACC,GAAA,EAAO,WAAU,WAChB,UAAA;AAAA,MAAA,gBAAAL,EAACM,KAAY,KAAKV,EAAK,QAAQ,KAAKA,EAAK,MAAM;AAAA,wBAC9CW,GAAA,EAAgB,UAAAX,EAAK,OAAO,CAAC,KAAK,IAAA,CAAI;AAAA,IAAA,EAAA,CACzC,GACF,GACF;AAAA,IACA,gBAAAQ,EAACI,GAAA,EAAoB,OAAM,OACzB,UAAA;AAAA,MAAA,gBAAAR,EAACS,KAAkB,WAAU,mBAC3B,UAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAA,gBAAAJ,EAAC,KAAA,EAAE,WAAU,oCAAoC,UAAAJ,EAAK,MAAK;AAAA,QAC3D,gBAAAI,EAAC,KAAA,EAAE,WAAU,8CAA8C,YAAK,MAAA,CAAM;AAAA,MAAA,EAAA,CACxE,EAAA,CACF;AAAA,wBACCU,GAAA,EAAsB;AAAA,MACtBb,GAAO,IAAI,CAACc,GAAMC,wBAChBC,GAAA,EAAyB,SAAO,IAC/B,UAAA,gBAAAT,EAAC,OAAE,MAAMO,EAAK,QAAQ,KAAK,SAASA,EAAK,SACtC,UAAA;AAAA,QAAAA,EAAK,QAAQG,EAAM,cAAcH,EAAK,MAAM,EAAE,WAAW,gBAAgB;AAAA,QAC1E,gBAAAX,EAAC,QAAA,EAAM,UAAAW,EAAK,MAAA,CAAM;AAAA,MAAA,EAAA,CACpB,EAAA,GAJqBC,CAKvB,CACD;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/marketing/hero.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+interface HeroSectionProps extends React.HTMLAttributes<HTMLElement> {
+    title: string;
+    subtitle?: string;
+    ctaText?: string;
+    ctaHref?: string;
+    secondaryCtaText?: string;
+    secondaryCtaHref?: string;
+    badge?: string;
+}
+declare const HeroSection: React.ForwardRefExoticComponent<HeroSectionProps & React.RefAttributes<HTMLElement>>;
+export { HeroSection };

package/dist/components/marketing/hero.js

@@ -0,0 +1,87 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import * as p from "react";
+import { CustomButton as n } from "../primitives/custom-button.js";
+import { cn as h } from "../../lib/utils.js";
+const x = p.forwardRef(
+  ({
+    title: o,
+    subtitle: r,
+    ctaText: l,
+    ctaHref: a = "#",
+    secondaryCtaText: i,
+    secondaryCtaHref: c = "#",
+    badge: s,
+    className: d,
+    ...m
+  }, f) => /* @__PURE__ */ t(
+    "section",
+    {
+      ref: f,
+      className: h(
+        "relative flex flex-col items-center justify-center overflow-hidden px-6 py-24 text-center sm:py-32 lg:px-8",
+        d
+      ),
+      ...m,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ e(
+              "div",
+              {
+                className: "relative left-[calc(50%-11rem)] aspect-1155/678 w-144.5 -translate-x-1/2 rotate-30 bg-linear-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-288.75",
+                style: {
+                  clipPath: "polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "mx-auto max-w-2xl", children: [
+          s && /* @__PURE__ */ e("div", { className: "mb-8 flex justify-center", children: /* @__PURE__ */ t("div", { className: "relative rounded-full px-3 py-1 text-sm leading-6 text-muted-foreground ring-1 ring-border hover:ring-border/80 transition-all", children: [
+            s,
+            " ",
+            /* @__PURE__ */ t("a", { href: a, className: "font-semibold text-primary", children: [
+              /* @__PURE__ */ e("span", { className: "absolute inset-0", "aria-hidden": "true" }),
+              "Read more ",
+              /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "→" })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e("h1", { className: "text-4xl font-bold tracking-tight text-foreground sm:text-6xl bg-clip-text", children: o }),
+          r && /* @__PURE__ */ e("p", { className: "mt-6 text-lg leading-8 text-muted-foreground", children: r }),
+          /* @__PURE__ */ t("div", { className: "mt-10 flex items-center justify-center gap-x-6", children: [
+            l && /* @__PURE__ */ e("a", { href: a, children: /* @__PURE__ */ e(n, { size: "lg", effect: "expandIcon", children: l }) }),
+            i && /* @__PURE__ */ e("a", { href: c, children: /* @__PURE__ */ t(n, { variant: "ghost", size: "lg", children: [
+              i,
+              " ",
+              /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "→" })
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ e(
+              "div",
+              {
+                className: "relative left-[calc(50%+3rem)] aspect-1155/678 w-144.5 -translate-x-1/2 bg-linear-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%+36rem)] sm:w-288.75",
+                style: {
+                  clipPath: "polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"
+                }
+              }
+            )
+          }
+        )
+      ]
+    }
+  )
+);
+x.displayName = "HeroSection";
+export {
+  x as HeroSection
+};
+//# sourceMappingURL=hero.js.map

package/dist/components/marketing/hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.js","sources":["../../../src/components/marketing/hero.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CustomButton } from \"../primitives/custom-button\";\nimport { cn } from \"@/lib/utils\";\n\ninterface HeroSectionProps extends React.HTMLAttributes<HTMLElement> {\n  title: string;\n  subtitle?: string;\n  ctaText?: string;\n  ctaHref?: string;\n  secondaryCtaText?: string;\n  secondaryCtaHref?: string;\n  badge?: string;\n}\n\nconst HeroSection = React.forwardRef<HTMLElement, HeroSectionProps>(\n  (\n    {\n      title,\n      subtitle,\n      ctaText,\n      ctaHref = \"#\",\n      secondaryCtaText,\n      secondaryCtaHref = \"#\",\n      badge,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <section\n        ref={ref}\n        className={cn(\n          \"relative flex flex-col items-center justify-center overflow-hidden px-6 py-24 text-center sm:py-32 lg:px-8\",\n          className,\n        )}\n        {...props}\n      >\n        {/* Abstract Background Decoration */}\n        <div\n          className=\"absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80\"\n          aria-hidden=\"true\"\n        >\n          <div\n            className=\"relative left-[calc(50%-11rem)] aspect-1155/678 w-144.5 -translate-x-1/2 rotate-30 bg-linear-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-288.75\"\n            style={{\n              clipPath:\n                \"polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)\",\n            }}\n          />\n        </div>\n\n        <div className=\"mx-auto max-w-2xl\">\n          {badge && (\n            <div className=\"mb-8 flex justify-center\">\n              <div className=\"relative rounded-full px-3 py-1 text-sm leading-6 text-muted-foreground ring-1 ring-border hover:ring-border/80 transition-all\">\n                {badge}{\" \"}\n                <a href={ctaHref} className=\"font-semibold text-primary\">\n                  <span className=\"absolute inset-0\" aria-hidden=\"true\" />\n                  Read more <span aria-hidden=\"true\">&rarr;</span>\n                </a>\n              </div>\n            </div>\n          )}\n          <h1 className=\"text-4xl font-bold tracking-tight text-foreground sm:text-6xl bg-clip-text\">\n            {title}\n          </h1>\n          {subtitle && <p className=\"mt-6 text-lg leading-8 text-muted-foreground\">{subtitle}</p>}\n          <div className=\"mt-10 flex items-center justify-center gap-x-6\">\n            {ctaText && (\n              <a href={ctaHref}>\n                <CustomButton size=\"lg\" effect=\"expandIcon\">\n                  {ctaText}\n                </CustomButton>\n              </a>\n            )}\n            {secondaryCtaText && (\n              <a href={secondaryCtaHref}>\n                <CustomButton variant=\"ghost\" size=\"lg\">\n                  {secondaryCtaText} <span aria-hidden=\"true\">→</span>\n                </CustomButton>\n              </a>\n            )}\n          </div>\n        </div>\n\n        <div\n          className=\"absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]\"\n          aria-hidden=\"true\"\n        >\n          <div\n            className=\"relative left-[calc(50%+3rem)] aspect-1155/678 w-144.5 -translate-x-1/2 bg-linear-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%+36rem)] sm:w-288.75\"\n            style={{\n              clipPath:\n                \"polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)\",\n            }}\n          />\n        </div>\n      </section>\n    );\n  },\n);\n\nHeroSection.displayName = \"HeroSection\";\n\nexport { HeroSection };\n"],"names":["jsxs","jsx","React","CustomButton","cn","HeroSection","title","subtitle","ctaText","ctaHref","secondaryCtaText","secondaryCtaHref","badge","className","props","ref"],"mappings":"AAgBA,SAAA,QAAAA,GAAA,OAAAC,SAAA;AAAA,YAAAC,OAAA;AAAA,SAAA,gBAAAC,SAAA;AAAA,SAAA,MAAAC,SAAA;AAAA,MAAMC,IAAcH,EAAM;AAAA,EACxB,CACE;AAAA,IACE,OAAAI;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,kBAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAGE,gBAAAf;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAe;AAAA,MACA,WAAWX;AAAA,QACT;AAAA,QACAS;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAb;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,UACE;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAGF,gBAAAD,EAAC,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,UAAAY,uBACE,OAAA,EAAI,WAAU,4BACb,UAAA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,kIACZ,UAAA;AAAA,YAAAY;AAAA,YAAO;AAAA,YACR,gBAAAZ,EAAC,KAAA,EAAE,MAAMS,GAAS,WAAU,8BAC1B,UAAA;AAAA,cAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,oBAAmB,eAAY,QAAO;AAAA,cAAE;AAAA,cAC9C,gBAAAA,EAAC,QAAA,EAAK,eAAY,QAAO,UAAA,IAAA,CAAM;AAAA,YAAA,EAAA,CAC3C;AAAA,UAAA,EAAA,CACF,EAAA,CACF;AAAA,UAEF,gBAAAA,EAAC,MAAA,EAAG,WAAU,8EACX,UAAAK,GACH;AAAA,UACCC,KAAY,gBAAAN,EAAC,KAAA,EAAE,WAAU,gDAAgD,UAAAM,GAAS;AAAA,UACnF,gBAAAP,EAAC,OAAA,EAAI,WAAU,kDACZ,UAAA;AAAA,YAAAQ,KACC,gBAAAP,EAAC,KAAA,EAAE,MAAMQ,GACP,UAAA,gBAAAR,EAACE,GAAA,EAAa,MAAK,MAAK,QAAO,cAC5B,UAAAK,EAAA,CACH,GACF;AAAA,YAEDE,KACC,gBAAAT,EAAC,KAAA,EAAE,MAAMU,GACP,4BAACR,GAAA,EAAa,SAAQ,SAAQ,MAAK,MAChC,UAAA;AAAA,cAAAO;AAAA,cAAiB;AAAA,cAAC,gBAAAT,EAAC,QAAA,EAAK,eAAY,QAAO,UAAA,IAAA,CAAC;AAAA,YAAA,EAAA,CAC/C,EAAA,CACF;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,UACE;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAI,EAAY,cAAc;"}

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

@@ -0,0 +1,6 @@
+export * from './hero';
+export * from './social-proof';
+export * from './value-props';
+export type * from './hero';
+export type * from './social-proof';
+export type * from './value-props';

package/dist/components/marketing/social-proof.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface SocialProofProps extends React.HTMLAttributes<HTMLElement> {
+    logos: {
+        name: string;
+        src: string;
+    }[];
+    title?: string;
+}
+declare const SocialProof: React.ForwardRefExoticComponent<SocialProofProps & React.RefAttributes<HTMLElement>>;
+export { SocialProof };

package/dist/components/marketing/social-proof.js

@@ -0,0 +1,21 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as c } from "../../lib/utils.js";
+const n = i.forwardRef(
+  ({ logos: t, title: r = "Trusted by the world's most innovative teams", className: s, ...o }, l) => /* @__PURE__ */ e("section", { ref: l, className: c("py-24 sm:py-32 bg-secondary/30", s), ...o, children: /* @__PURE__ */ m("div", { className: "mx-auto max-w-7xl px-6 lg:px-8", children: [
+    /* @__PURE__ */ e("h2", { className: "text-center text-lg font-semibold leading-8 text-muted-foreground", children: r }),
+    /* @__PURE__ */ e("div", { className: "mx-auto mt-10 grid max-w-lg grid-cols-4 items-center gap-x-8 gap-y-10 sm:max-w-xl sm:grid-cols-6 sm:gap-x-10 lg:mx-0 lg:max-w-none lg:grid-cols-5", children: t.map((a) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: "flex items-center justify-center grayscale opacity-50 hover:grayscale-0 hover:opacity-100 transition-all duration-300",
+        children: /* @__PURE__ */ e("span", { className: "text-xl font-bold italic text-muted-foreground", children: a.name })
+      },
+      a.name
+    )) })
+  ] }) })
+);
+n.displayName = "SocialProof";
+export {
+  n as SocialProof
+};
+//# sourceMappingURL=social-proof.js.map

package/dist/components/marketing/social-proof.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-proof.js","sources":["../../../src/components/marketing/social-proof.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\ninterface SocialProofProps extends React.HTMLAttributes<HTMLElement> {\n  logos: { name: string; src: string }[];\n  title?: string;\n}\n\nconst SocialProof = React.forwardRef<HTMLElement, SocialProofProps>(\n  ({ logos, title = \"Trusted by the world's most innovative teams\", className, ...props }, ref) => {\n    return (\n      <section ref={ref} className={cn(\"py-24 sm:py-32 bg-secondary/30\", className)} {...props}>\n        <div className=\"mx-auto max-w-7xl px-6 lg:px-8\">\n          <h2 className=\"text-center text-lg font-semibold leading-8 text-muted-foreground\">\n            {title}\n          </h2>\n          <div className=\"mx-auto mt-10 grid max-w-lg grid-cols-4 items-center gap-x-8 gap-y-10 sm:max-w-xl sm:grid-cols-6 sm:gap-x-10 lg:mx-0 lg:max-w-none lg:grid-cols-5\">\n            {logos.map((logo) => (\n              <div\n                key={logo.name}\n                className=\"flex items-center justify-center grayscale opacity-50 hover:grayscale-0 hover:opacity-100 transition-all duration-300\"\n              >\n                <span className=\"text-xl font-bold italic text-muted-foreground\">{logo.name}</span>\n              </div>\n            ))}\n          </div>\n        </div>\n      </section>\n    );\n  },\n);\n\nSocialProof.displayName = \"SocialProof\";\n\nexport { SocialProof };\n"],"names":["jsx","jsxs","React","cn","SocialProof","logos","title","className","props","ref","logo"],"mappings":"AAUA,SAAA,OAAAA,GAAA,QAAAC,SAAA;AAAA,YAAAC,OAAA;AAAA,SAAA,MAAAC,SAAA;AAAA,MAAMC,IAAcF,EAAM;AAAA,EACxB,CAAC,EAAE,OAAAG,GAAO,OAAAC,IAAQ,gDAAgD,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAErF,gBAAAT,EAAC,WAAA,EAAQ,KAAAS,GAAU,WAAWN,EAAG,kCAAkCI,CAAS,GAAI,GAAGC,GACjF,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,IAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,qEACX,UAAAM,GACH;AAAA,sBACC,OAAA,EAAI,WAAU,qJACZ,UAAAD,EAAM,IAAI,CAACK,MACV,gBAAAV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,kDAAkD,YAAK,KAAA,CAAK;AAAA,MAAA;AAAA,MAHvEU,EAAK;AAAA,IAAA,CAKb,EAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAGN;AAEAN,EAAY,cAAc;"}

package/dist/components/marketing/value-props.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+interface Feature {
+    name: string;
+    description: string;
+    icon?: React.ElementType;
+}
+interface ValuePropsProps extends React.HTMLAttributes<HTMLElement> {
+    features: Feature[];
+    title: string;
+    subtitle?: string;
+    badge?: string;
+}
+declare const ValueProps: React.ForwardRefExoticComponent<ValuePropsProps & React.RefAttributes<HTMLElement>>;
+export { ValueProps };

package/dist/components/marketing/value-props.js

@@ -0,0 +1,25 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import * as x from "react";
+import { cn as c } from "../../lib/utils.js";
+import { CheckIcon as d } from "lucide-react";
+const p = x.forwardRef(
+  ({ features: s, title: r, subtitle: t, badge: m, className: i, ...n }, o) => /* @__PURE__ */ e("section", { ref: o, className: c("py-24 sm:py-32", i), ...n, children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-7xl px-6 lg:px-8", children: [
+    /* @__PURE__ */ l("div", { className: "mx-auto max-w-2xl lg:text-center", children: [
+      m && /* @__PURE__ */ e("h2", { className: "text-base font-semibold leading-7 text-primary", children: m }),
+      /* @__PURE__ */ e("p", { className: "mt-2 text-3xl font-bold tracking-tight text-foreground sm:text-4xl", children: r }),
+      t && /* @__PURE__ */ e("p", { className: "mt-6 text-lg leading-8 text-muted-foreground", children: t })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none", children: /* @__PURE__ */ e("dl", { className: "grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3", children: s.map((a) => /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ l("dt", { className: "flex items-center gap-x-3 text-base font-semibold leading-7 text-foreground", children: [
+        a.icon ? /* @__PURE__ */ e(a.icon, { className: "size-5 flex-none text-primary", "aria-hidden": "true" }) : /* @__PURE__ */ e(d, { className: "size-5 flex-none text-primary", "aria-hidden": "true" }),
+        a.name
+      ] }),
+      /* @__PURE__ */ e("dd", { className: "mt-4 flex flex-auto flex-col text-base leading-7 text-muted-foreground", children: /* @__PURE__ */ e("p", { className: "flex-auto", children: a.description }) })
+    ] }, a.name)) }) })
+  ] }) })
+);
+p.displayName = "ValueProps";
+export {
+  p as ValueProps
+};
+//# sourceMappingURL=value-props.js.map

package/dist/components/marketing/value-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-props.js","sources":["../../../src/components/marketing/value-props.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\ninterface Feature {\n  name: string;\n  description: string;\n  icon?: React.ElementType;\n}\n\ninterface ValuePropsProps extends React.HTMLAttributes<HTMLElement> {\n  features: Feature[];\n  title: string;\n  subtitle?: string;\n  badge?: string;\n}\n\nconst ValueProps = React.forwardRef<HTMLElement, ValuePropsProps>(\n  ({ features, title, subtitle, badge, className, ...props }, ref) => {\n    return (\n      <section ref={ref} className={cn(\"py-24 sm:py-32\", className)} {...props}>\n        <div className=\"mx-auto max-w-7xl px-6 lg:px-8\">\n          <div className=\"mx-auto max-w-2xl lg:text-center\">\n            {badge && <h2 className=\"text-base font-semibold leading-7 text-primary\">{badge}</h2>}\n            <p className=\"mt-2 text-3xl font-bold tracking-tight text-foreground sm:text-4xl\">\n              {title}\n            </p>\n            {subtitle && <p className=\"mt-6 text-lg leading-8 text-muted-foreground\">{subtitle}</p>}\n          </div>\n          <div className=\"mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none\">\n            <dl className=\"grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3\">\n              {features.map((feature) => (\n                <div key={feature.name} className=\"flex flex-col\">\n                  <dt className=\"flex items-center gap-x-3 text-base font-semibold leading-7 text-foreground\">\n                    {feature.icon ? (\n                      <feature.icon className=\"size-5 flex-none text-primary\" aria-hidden=\"true\" />\n                    ) : (\n                      <CheckIcon className=\"size-5 flex-none text-primary\" aria-hidden=\"true\" />\n                    )}\n                    {feature.name}\n                  </dt>\n                  <dd className=\"mt-4 flex flex-auto flex-col text-base leading-7 text-muted-foreground\">\n                    <p className=\"flex-auto\">{feature.description}</p>\n                  </dd>\n                </div>\n              ))}\n            </dl>\n          </div>\n        </div>\n      </section>\n    );\n  },\n);\n\nValueProps.displayName = \"ValueProps\";\n\nexport { ValueProps };\n"],"names":["jsx","jsxs","React","cn","CheckIcon","ValueProps","features","title","subtitle","badge","className","props","ref","feature"],"mappings":"AAmBA,SAAA,OAAAA,GAAA,QAAAC,SAAA;AAAA,YAAAC,OAAA;AAAA,SAAA,MAAAC,SAAA;AAAA,SAAA,aAAAC,SAAA;AAAA,MAAMC,IAAaH,EAAM;AAAA,EACvB,CAAC,EAAE,UAAAI,GAAU,OAAAC,GAAO,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExD,gBAAAZ,EAAC,WAAA,EAAQ,KAAAY,GAAU,WAAWT,EAAG,kBAAkBO,CAAS,GAAI,GAAGC,GACjE,UAAA,gBAAAV,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,oCACZ,UAAA;AAAA,MAAAQ,KAAS,gBAAAT,EAAC,MAAA,EAAG,WAAU,kDAAkD,UAAAS,GAAM;AAAA,MAChF,gBAAAT,EAAC,KAAA,EAAE,WAAU,sEACV,UAAAO,GACH;AAAA,MACCC,KAAY,gBAAAR,EAAC,KAAA,EAAE,WAAU,gDAAgD,UAAAQ,EAAA,CAAS;AAAA,IAAA,GACrF;AAAA,IACA,gBAAAR,EAAC,OAAA,EAAI,WAAU,2DACb,4BAAC,MAAA,EAAG,WAAU,2EACX,UAAAM,EAAS,IAAI,CAACO,MACb,gBAAAZ,EAAC,OAAA,EAAuB,WAAU,iBAChC,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,+EACX,UAAA;AAAA,QAAAY,EAAQ,OACP,gBAAAb,EAACa,EAAQ,MAAR,EAAa,WAAU,iCAAgC,eAAY,OAAA,CAAO,IAE3E,gBAAAb,EAACI,GAAA,EAAU,WAAU,iCAAgC,eAAY,QAAO;AAAA,QAEzES,EAAQ;AAAA,MAAA,GACX;AAAA,MACA,gBAAAb,EAAC,MAAA,EAAG,WAAU,0EACZ,UAAA,gBAAAA,EAAC,OAAE,WAAU,aAAa,UAAAa,EAAQ,YAAA,CAAY,EAAA,CAChD;AAAA,IAAA,EAAA,GAXQA,EAAQ,IAYlB,CACD,EAAA,CACH,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAGN;AAEAR,EAAW,cAAc;"}

package/dist/{atoms → components/primitives}/accordion.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import * as n from "@radix-ui/react-accordion";
 import { ChevronDownIcon as s } from "lucide-react";
-import { cn as i } from "../lib/utils.js";
+import { cn as i } from "../../lib/utils.js";
 function m({ ...t }) {
   return /* @__PURE__ */ e(n.Root, { "data-slot": "accordion", ...t });
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sources":["../../../src/components/primitives/accordion.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["jsx","jsxs","AccordionPrimitive","ChevronDownIcon","cn","Accordion","props","AccordionItem","className","AccordionTrigger","children","AccordionContent"],"mappings":"AAMA,SAAA,OAAAA,GAAA,QAAAC,SAAA;AAAA,YAAAC,OAAA;AAAA,SAAA,mBAAAC,SAAA;AAAA,SAAA,MAAAC,SAAA;AAAA,SAASC,EAAU,EAAE,GAAGC,KAA+D;AACrF,2BAAQJ,EAAmB,MAAnB,EAAwB,aAAU,aAAa,GAAGI,GAAO;AACnE;AAEA,SAASC,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,GAAGF;AACL,GAAyD;AACvD,SACE,gBAAAN;AAAA,IAACE,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,4BAA4BI,CAAS;AAAA,MAClD,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAiB;AAAA,EACxB,WAAAD;AAAA,EACA,UAAAE;AAAA,EACA,GAAGJ;AACL,GAA4D;AAC1D,SACE,gBAAAN,EAACE,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAD;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAI;AAAA,MAAA;AAAA,MAED,GAAGF;AAAA,MAEH,UAAA;AAAA,QAAAI;AAAA,QACD,gBAAAV,EAACG,GAAA,EAAgB,WAAU,8GAAA,CAA8G;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7I;AAEJ;AAEA,SAASQ,EAAiB;AAAA,EACxB,WAAAH;AAAA,EACA,UAAAE;AAAA,EACA,GAAGJ;AACL,GAA4D;AAC1D,SACE,gBAAAN;AAAA,IAACE,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGI;AAAA,MAEJ,4BAAC,OAAA,EAAI,WAAWF,EAAG,aAAaI,CAAS,GAAI,UAAAE,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5D;"}

package/dist/{atoms → components/primitives}/alert-dialog.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-alert-dialog";
-import { cn as l } from "../lib/utils.js";
-import { buttonVariants as r } from "./button.js";
+import { cn as l } from "../../lib/utils.js";
+import { buttonVariants as r } from "./button-variants.js";
 function u({ ...t }) {
   return /* @__PURE__ */ e(o.Root, { "data-slot": "alert-dialog", ...t });
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","sources":["../../../src/components/primitives/alert-dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\n\nimport { cn } from \"@/lib/utils\";\nimport { buttonVariants } from \"../primitives/button-variants\";\n\nfunction AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\n\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />;\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), className)} {...props} />;\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n};\n"],"names":["jsx","jsxs","AlertDialogPrimitive","cn","buttonVariants","AlertDialog","props","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","className","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","AlertDialogCancel"],"mappings":"AAMA,SAAA,OAAAA,GAAA,QAAAC,SAAA;AAAA,YAAAC,OAAA;AAAA,SAAA,MAAAC,SAAA;AAAA,SAAA,kBAAAC,SAAA;AAAA,SAASC,EAAY,EAAE,GAAGC,KAAiE;AACzF,2BAAQJ,EAAqB,MAArB,EAA0B,aAAU,gBAAgB,GAAGI,GAAO;AACxE;AAEA,SAASC,EAAmB;AAAA,EAC1B,GAAGD;AACL,GAA8D;AAC5D,2BAAQJ,EAAqB,SAArB,EAA6B,aAAU,wBAAwB,GAAGI,GAAO;AACnF;AAEA,SAASE,EAAkB,EAAE,GAAGF,KAAmE;AACjG,2BAAQJ,EAAqB,QAArB,EAA4B,aAAU,uBAAuB,GAAGI,GAAO;AACjF;AAEA,SAASG,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGJ;AACL,GAA8D;AAC5D,SACE,gBAAAN;AAAA,IAACE,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAO;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAmB;AAAA,EAC1B,WAAAD;AAAA,EACA,GAAGJ;AACL,GAA8D;AAC5D,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAR,EAACS,GAAA,EAAmB;AAAA,IACpB,gBAAAT;AAAA,MAACE,EAAqB;AAAA,MAArB;AAAA,QACC,aAAU;AAAA,QACV,WAAWC;AAAA,UACT;AAAA,UACAO;AAAA,QAAA;AAAA,QAED,GAAGJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAASM,EAAkB,EAAE,WAAAF,GAAW,GAAGJ,KAAsC;AAC/E,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWG,EAAG,gDAAgDO,CAAS;AAAA,MACtE,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAkB,EAAE,WAAAH,GAAW,GAAGJ,KAAsC;AAC/E,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWG,EAAG,0DAA0DO,CAAS;AAAA,MAChF,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAiB;AAAA,EACxB,WAAAJ;AAAA,EACA,GAAGJ;AACL,GAA4D;AAC1D,SACE,gBAAAN;AAAA,IAACE,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,yBAAyBO,CAAS;AAAA,MAC/C,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAuB;AAAA,EAC9B,WAAAL;AAAA,EACA,GAAGJ;AACL,GAAkE;AAChE,SACE,gBAAAN;AAAA,IAACE,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCO,CAAS;AAAA,MACvD,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASU,EAAkB;AAAA,EACzB,WAAAN;AAAA,EACA,GAAGJ;AACL,GAA6D;AAC3D,SAAO,gBAAAN,EAACE,EAAqB,QAArB,EAA4B,WAAWC,EAAGC,KAAkBM,CAAS,GAAI,GAAGJ,EAAA,CAAO;AAC7F;AAEA,SAASW,EAAkB;AAAA,EACzB,WAAAP;AAAA,EACA,GAAGJ;AACL,GAA6D;AAC3D,SACE,gBAAAN;AAAA,IAACE,EAAqB;AAAA,IAArB;AAAA,MACC,WAAWC,EAAGC,EAAe,EAAE,SAAS,UAAA,CAAW,GAAGM,CAAS;AAAA,MAC9D,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/{atoms → components/primitives}/alert.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cva as i } from "class-variance-authority";
-import { cn as a } from "../lib/utils.js";
+import { cn as a } from "../../lib/utils.js";
 const l = i(
   "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sources":["../../../src/components/primitives/alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription };\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,+DAA+DJ,CAAS;AAAA,MACrF,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAiB,EAAE,WAAAN,GAAW,GAAGE,KAAsC;AAC9E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/primitives/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","sources":["../../../src/components/primitives/aspect-ratio.tsx"],"sourcesContent":["\"use client\";\n\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\nfunction AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />;\n}\n\nexport { AspectRatio };\n"],"names":["jsx","AspectRatioPrimitive","AspectRatio","props"],"mappings":"AAIA,SAAA,OAAAA,SAAA;AAAA,YAAAC,OAAA;AAAA,SAASC,EAAY,EAAE,GAAGC,KAAiE;AACzF,2BAAQF,EAAqB,MAArB,EAA0B,aAAU,gBAAgB,GAAGE,GAAO;AACxE;"}

package/dist/{atoms → components/primitives}/avatar.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-avatar";
-import { cn as l } from "../lib/utils.js";
+import { cn as l } from "../../lib/utils.js";
 function i({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     r.Root,

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sources":["../../../src/components/primitives/avatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\"relative flex size-8 shrink-0 overflow-hidden rounded-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\"bg-muted flex size-full items-center justify-center rounded-full\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"names":["Avatar","className","props","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;AAKA,SAASA,EAAO,EAAE,WAAAC,GAAW,GAAGC,KAA4D;AAC1F,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8DAA8DJ,CAAS;AAAA,MACpF,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAY,EAAE,WAAAL,GAAW,GAAGC,KAA6D;AAChG,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,2BAA2BJ,CAAS;AAAA,MACjD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAe;AAAA,EACtB,WAAAN;AAAA,EACA,GAAGC;AACL,GAA0D;AACxD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,oEAAoEJ,CAAS;AAAA,MAC1F,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -0,0 +1,3 @@
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/{atoms/badge.js → components/primitives/badge-variants.js}

@@ -1,15 +1,12 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Slot as o } from "@radix-ui/react-slot";
-import { cva as n } from "class-variance-authority";
-import { cn as s } from "../lib/utils.js";
-const d = n(
+import { cva as r } from "class-variance-authority";
+const t = r(
   "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90 shadow-sm",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 shadow-sm",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 shadow-sm",
         outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
       }
     },
@@ -18,16 +15,7 @@ const d = n(
     }
   }
 );
-function b({
-  className: r,
-  variant: e,
-  asChild: t = !1,
-  ...i
-}) {
-  return /* @__PURE__ */ a(t ? o : "span", { "data-slot": "badge", className: s(d({ variant: e }), r), ...i });
-}
 export {
-  b as Badge,
-  d as badgeVariants
+  t as badgeVariants
 };
-//# sourceMappingURL=badge.js.map
+//# sourceMappingURL=badge-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge-variants.js","sources":["../../../src/components/primitives/badge-variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90 shadow-sm\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 shadow-sm\",\n        destructive:\n          \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 shadow-sm\",\n        outline: \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n"],"names":["badgeVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

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

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import { badgeVariants } from './badge-variants';
+import * as React from "react";
+interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
+    asChild?: boolean;
+}
+declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Badge };
+export type { BadgeProps };

package/dist/components/primitives/badge.js

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import { Slot as p } from "@radix-ui/react-slot";
+import { cn as f } from "../../lib/utils.js";
+import { badgeVariants as d } from "./badge-variants.js";
+const i = s.forwardRef(
+  ({ className: o, variant: a, asChild: r = !1, ...m }, t) => /* @__PURE__ */ e(
+    r ? p : "span",
+    {
+      ref: t,
+      "data-slot": "badge",
+      className: f(d({ variant: a, className: o })),
+      ...m
+    }
+  )
+);
+i.displayName = "Badge";
+export {
+  i as Badge
+};
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../../src/components/primitives/badge.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { badgeVariants } from \"./badge-variants\";\n\ninterface BadgeProps extends React.ComponentProps<\"span\">, VariantProps<typeof badgeVariants> {\n  asChild?: boolean;\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"span\";\n\n    return (\n      <Comp\n        ref={ref}\n        data-slot=\"badge\"\n        className={cn(badgeVariants({ variant, className }))}\n        {...props}\n      />\n    );\n  },\n);\n\nBadge.displayName = \"Badge\";\n\nexport { Badge };\nexport type { BadgeProps };\n"],"names":["jsx","React","Slot","cn","badgeVariants","Badge","className","variant","asChild","props","ref"],"mappings":"AAYA,SAAA,OAAAA,SAAA;AAAA,YAAAC,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAAA,MAAAC,SAAA;AAAA,SAAA,iBAAAC,SAAA;AAAA,MAAMC,IAAQJ,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAK,GAAW,SAAAC,GAAS,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAIhD,gBAAAV;AAAA,IAHWQ,IAAUN,IAAO;AAAA,IAG3B;AAAA,MACC,KAAAQ;AAAA,MACA,aAAU;AAAA,MACV,WAAWP,EAAGC,EAAc,EAAE,SAAAG,GAAS,WAAAD,EAAA,CAAW,CAAC;AAAA,MAClD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAJ,EAAM,cAAc;"}

package/dist/{atoms → components/primitives}/breadcrumb.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Slot as s } from "@radix-ui/react-slot";
 import { ChevronRight as i, MoreHorizontal as l } from "lucide-react";
-import { cn as t } from "../lib/utils.js";
+import { cn as t } from "../../lib/utils.js";
 function p({ ...r }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sources":["../../../src/components/primitives/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"hover:text-foreground transition-colors\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"text-foreground font-normal\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"names":["jsx","jsxs","Slot","ChevronRight","MoreHorizontal","cn","Breadcrumb","props","BreadcrumbList","className","BreadcrumbItem","BreadcrumbLink","asChild","BreadcrumbPage","BreadcrumbSeparator","children","BreadcrumbEllipsis"],"mappings":"AAMA,SAAA,OAAAA,GAAA,QAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAAA,gBAAAC,GAAA,kBAAAC,SAAA;AAAA,SAAA,MAAAC,SAAA;AAAA,SAASC,EAAW,EAAE,GAAGC,KAAsC;AAC7D,2BAAQ,OAAA,EAAI,cAAW,cAAa,aAAU,cAAc,GAAGA,GAAO;AACxE;AAEA,SAASC,EAAe,EAAE,WAAAC,GAAW,GAAGF,KAAqC;AAC3E,SACE,gBAAAP;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWK;AAAA,QACT;AAAA,QACAI;AAAA,MAAA;AAAA,MAED,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAe,EAAE,WAAAD,GAAW,GAAGF,KAAqC;AAC3E,SACE,gBAAAP;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWK,EAAG,oCAAoCI,CAAS;AAAA,MAC1D,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAe;AAAA,EACtB,SAAAC;AAAA,EACA,WAAAH;AAAA,EACA,GAAGF;AACL,GAEG;AAGD,SACE,gBAAAP;AAAA,IAHWY,IAAUV,IAAO;AAAA,IAG3B;AAAA,MACC,aAAU;AAAA,MACV,WAAWG,EAAG,2CAA2CI,CAAS;AAAA,MACjE,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAe,EAAE,WAAAJ,GAAW,GAAGF,KAAuC;AAC7E,SACE,gBAAAP;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAWK,EAAG,+BAA+BI,CAAS;AAAA,MACrD,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAoB,EAAE,UAAAC,GAAU,WAAAN,GAAW,GAAGF,KAAqC;AAC1F,SACE,gBAAAP;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWK,EAAG,oBAAoBI,CAAS;AAAA,MAC1C,GAAGF;AAAA,MAEH,UAAAQ,uBAAaZ,GAAA,CAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAGjC;AAEA,SAASa,EAAmB,EAAE,WAAAP,GAAW,GAAGF,KAAuC;AACjF,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWI,EAAG,2CAA2CI,CAAS;AAAA,MACjE,GAAGF;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAP,EAACI,GAAA,EAAe,WAAU,SAAA,CAAS;AAAA,QACnC,gBAAAJ,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC;"}

package/dist/components/primitives/button-group-variants.d.ts

@@ -0,0 +1,3 @@
+export declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/primitives/button-group-variants.js

@@ -0,0 +1,19 @@
+import { cva as t } from "class-variance-authority";
+const e = t(
+  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+export {
+  e as buttonGroupVariants
+};
+//# sourceMappingURL=button-group-variants.js.map

package/dist/components/primitives/button-group-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-variants.js","sources":["../../../src/components/primitives/button-group-variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const buttonGroupVariants = cva(\n  \"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  },\n);\n"],"names":["buttonGroupVariants","cva"],"mappings":";AAEO,MAAMA,IAAsBC;AAAA,EACjC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/components/primitives/button-group.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { buttonGroupVariants } from './button-group-variants';
+import * as React from "react";
+interface ButtonGroupProps extends React.ComponentProps<"div">, VariantProps<typeof buttonGroupVariants> {
+}
+declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface ButtonGroupTextProps extends React.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+declare const ButtonGroupText: React.ForwardRefExoticComponent<Omit<ButtonGroupTextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText };
+export type { ButtonGroupProps, ButtonGroupTextProps };