react-shadcn-kit 0.0.1

package/dist/index.js

@@ -0,0 +1,347 @@
+import './assets/global.css';/* empty css           */
+import { AppSidebar as t } from "./molecules/app-sidebar.js";
+import { AppNavbar as n } from "./molecules/app-navbar.js";
+import { defaultNavbarConfig as p, defaultSidebarConfig as u } from "./config/default-navigation.js";
+import { Accordion as m, AccordionContent as d, AccordionItem as b, AccordionTrigger as g } from "./atoms/accordion.js";
+import { AlertDialog as S, AlertDialogAction as x, AlertDialogCancel as M, AlertDialogContent as f, AlertDialogDescription as D, AlertDialogFooter as T, AlertDialogHeader as c, AlertDialogOverlay as s, AlertDialogPortal as I, AlertDialogTitle as A, AlertDialogTrigger as G } from "./atoms/alert-dialog.js";
+import { Alert as F, AlertDescription as P, AlertTitle as v } from "./atoms/alert.js";
+import { AspectRatio as B } from "./atoms/aspect-ratio.js";
+import { Avatar as y, AvatarFallback as H, AvatarImage as R } from "./atoms/avatar.js";
+import { Badge as k, badgeVariants as E } from "./atoms/badge.js";
+import { Breadcrumb as V, BreadcrumbEllipsis as z, BreadcrumbItem as K, BreadcrumbLink as U, BreadcrumbList as j, BreadcrumbPage as q, BreadcrumbSeparator as J } from "./atoms/breadcrumb.js";
+import { ButtonGroup as W, ButtonGroupSeparator as X, ButtonGroupText as Y, buttonGroupVariants as Z } from "./atoms/button-group.js";
+import { Button as $, buttonVariants as ee } from "./atoms/button.js";
+import { Calendar as oe, CalendarDayButton as te } from "./atoms/calendar.js";
+import { Card as ne, CardAction as ie, CardContent as pe, CardDescription as ue, CardFooter as le, CardHeader as me, CardTitle as de } from "./atoms/card.js";
+import { Carousel as ge, CarouselContent as Ce, CarouselItem as Se, CarouselNext as xe, CarouselPrevious as Me } from "./atoms/carousel.js";
+import { ChartContainer as De, ChartLegend as Te, ChartLegendContent as ce, ChartStyle as se, ChartTooltip as Ie, ChartTooltipContent as Ae } from "./atoms/chart.js";
+import { Checkbox as we } from "./atoms/checkbox.js";
+import { Collapsible as Pe, CollapsibleContent as ve, CollapsibleTrigger as he } from "./atoms/collapsible.js";
+import { Command as Le, CommandDialog as ye, CommandEmpty as He, CommandGroup as Re, CommandInput as Ne, CommandItem as ke, CommandList as Ee, CommandSeparator as Oe, CommandShortcut as Ve } from "./atoms/command.js";
+import { ContextMenu as Ke, ContextMenuCheckboxItem as Ue, ContextMenuContent as je, ContextMenuGroup as qe, ContextMenuItem as Je, ContextMenuLabel as Qe, ContextMenuPortal as We, ContextMenuRadioGroup as Xe, ContextMenuRadioItem as Ye, ContextMenuSeparator as Ze, ContextMenuShortcut as _e, ContextMenuSub as $e, ContextMenuSubContent as er, ContextMenuSubTrigger as rr, ContextMenuTrigger as or } from "./atoms/context-menu.js";
+import { Dialog as ar, DialogClose as nr, DialogContent as ir, DialogDescription as pr, DialogFooter as ur, DialogHeader as lr, DialogOverlay as mr, DialogPortal as dr, DialogTitle as br, DialogTrigger as gr } from "./atoms/dialog.js";
+import { Drawer as Sr, DrawerClose as xr, DrawerContent as Mr, DrawerDescription as fr, DrawerFooter as Dr, DrawerHeader as Tr, DrawerOverlay as cr, DrawerPortal as sr, DrawerTitle as Ir, DrawerTrigger as Ar } from "./atoms/drawer.js";
+import { DropdownMenu as wr, DropdownMenuCheckboxItem as Fr, DropdownMenuContent as Pr, DropdownMenuGroup as vr, DropdownMenuItem as hr, DropdownMenuLabel as Br, DropdownMenuPortal as Lr, DropdownMenuRadioGroup as yr, DropdownMenuRadioItem as Hr, DropdownMenuSeparator as Rr, DropdownMenuShortcut as Nr, DropdownMenuSub as kr, DropdownMenuSubContent as Er, DropdownMenuSubTrigger as Or, DropdownMenuTrigger as Vr } from "./atoms/dropdown-menu.js";
+import { Empty as Kr, EmptyContent as Ur, EmptyDescription as jr, EmptyHeader as qr, EmptyMedia as Jr, EmptyTitle as Qr } from "./atoms/empty.js";
+import { Field as Xr, FieldContent as Yr, FieldDescription as Zr, FieldError as _r, FieldGroup as $r, FieldLabel as eo, FieldLegend as ro, FieldSeparator as oo, FieldSet as to, FieldTitle as ao } from "./atoms/field.js";
+import { Form as io, FormControl as po, FormDescription as uo, FormField as lo, FormItem as mo, FormLabel as bo, FormMessage as go, useFormField as Co } from "./atoms/form.js";
+import { HoverCard as xo, HoverCardContent as Mo, HoverCardTrigger as fo } from "./atoms/hover-card.js";
+import { InputGroup as To, InputGroupAddon as co, InputGroupButton as so, InputGroupInput as Io, InputGroupText as Ao, InputGroupTextarea as Go } from "./atoms/input-group.js";
+import { InputOTP as Fo, InputOTPGroup as Po, InputOTPSeparator as vo, InputOTPSlot as ho } from "./atoms/input-otp.js";
+import { Input as Lo } from "./atoms/input.js";
+import { Item as Ho, ItemActions as Ro, ItemContent as No, ItemDescription as ko, ItemFooter as Eo, ItemGroup as Oo, ItemHeader as Vo, ItemMedia as zo, ItemSeparator as Ko, ItemTitle as Uo } from "./atoms/item.js";
+import { Kbd as qo, KbdGroup as Jo } from "./atoms/kbd.js";
+import { Label as Wo } from "./atoms/label.js";
+import { Menubar as Yo, MenubarCheckboxItem as Zo, MenubarContent as _o, MenubarGroup as $o, MenubarItem as et, MenubarLabel as rt, MenubarMenu as ot, MenubarPortal as tt, MenubarRadioGroup as at, MenubarRadioItem as nt, MenubarSeparator as it, MenubarShortcut as pt, MenubarSub as ut, MenubarSubContent as lt, MenubarSubTrigger as mt, MenubarTrigger as dt } from "./atoms/menubar.js";
+import { NavigationMenu as gt, NavigationMenuContent as Ct, NavigationMenuIndicator as St, NavigationMenuItem as xt, NavigationMenuLink as Mt, NavigationMenuList as ft, NavigationMenuTrigger as Dt, NavigationMenuViewport as Tt, navigationMenuTriggerStyle as ct } from "./atoms/navigation-menu.js";
+import { Pagination as It, PaginationContent as At, PaginationEllipsis as Gt, PaginationItem as wt, PaginationLink as Ft, PaginationNext as Pt, PaginationPrevious as vt } from "./atoms/pagination.js";
+import { Popover as Bt, PopoverAnchor as Lt, PopoverContent as yt, PopoverTrigger as Ht } from "./atoms/popover.js";
+import { Progress as Nt } from "./atoms/progress.js";
+import { RadioGroup as Et, RadioGroupItem as Ot } from "./atoms/radio-group.js";
+import { ResizableHandle as zt, ResizablePanel as Kt, ResizablePanelGroup as Ut } from "./atoms/resizable.js";
+import { ScrollArea as qt, ScrollBar as Jt } from "./atoms/scroll-area.js";
+import { Select as Wt, SelectContent as Xt, SelectGroup as Yt, SelectItem as Zt, SelectLabel as _t, SelectScrollDownButton as $t, SelectScrollUpButton as ea, SelectSeparator as ra, SelectTrigger as oa, SelectValue as ta } from "./atoms/select.js";
+import { Separator as na } from "./atoms/separator.js";
+import { Sheet as pa, SheetClose as ua, SheetContent as la, SheetDescription as ma, SheetFooter as da, SheetHeader as ba, SheetTitle as ga, SheetTrigger as Ca } from "./atoms/sheet.js";
+import { Sidebar as xa, SidebarContent as Ma, SidebarFooter as fa, SidebarGroup as Da, SidebarGroupAction as Ta, SidebarGroupContent as ca, SidebarGroupLabel as sa, SidebarHeader as Ia, SidebarInput as Aa, SidebarInset as Ga, SidebarMenu as wa, SidebarMenuAction as Fa, SidebarMenuBadge as Pa, SidebarMenuButton as va, SidebarMenuItem as ha, SidebarMenuSkeleton as Ba, SidebarMenuSub as La, SidebarMenuSubButton as ya, SidebarMenuSubItem as Ha, SidebarProvider as Ra, SidebarRail as Na, SidebarSeparator as ka, SidebarTrigger as Ea, useSidebar as Oa } from "./atoms/sidebar.js";
+import { Skeleton as za } from "./atoms/skeleton.js";
+import { Slider as Ua } from "./atoms/slider.js";
+import { Toaster as qa } from "./atoms/sonner.js";
+import { Spinner as Qa } from "./atoms/spinner.js";
+import { Switch as Xa } from "./atoms/switch.js";
+import { Table as Za, TableBody as _a, TableCaption as $a, TableCell as en, TableFooter as rn, TableHead as on, TableHeader as tn, TableRow as an } from "./atoms/table.js";
+import { Tabs as pn, TabsContent as un, TabsList as ln, TabsTrigger as mn } from "./atoms/tabs.js";
+import { Textarea as bn } from "./atoms/textarea.js";
+import { ToggleGroup as Cn, ToggleGroupItem as Sn } from "./atoms/toggle-group.js";
+import { Toggle as Mn, toggleVariants as fn } from "./atoms/toggle.js";
+import { Tooltip as Tn, TooltipContent as cn, TooltipProvider as sn, TooltipTrigger as In } from "./atoms/tooltip.js";
+export {
+  m as Accordion,
+  d as AccordionContent,
+  b as AccordionItem,
+  g as AccordionTrigger,
+  F as Alert,
+  P as AlertDescription,
+  S as AlertDialog,
+  x as AlertDialogAction,
+  M as AlertDialogCancel,
+  f as AlertDialogContent,
+  D as AlertDialogDescription,
+  T as AlertDialogFooter,
+  c as AlertDialogHeader,
+  s as AlertDialogOverlay,
+  I as AlertDialogPortal,
+  A as AlertDialogTitle,
+  G as AlertDialogTrigger,
+  v as AlertTitle,
+  n as AppNavbar,
+  t as AppSidebar,
+  B as AspectRatio,
+  y as Avatar,
+  H as AvatarFallback,
+  R as AvatarImage,
+  k as Badge,
+  V as Breadcrumb,
+  z as BreadcrumbEllipsis,
+  K as BreadcrumbItem,
+  U as BreadcrumbLink,
+  j as BreadcrumbList,
+  q as BreadcrumbPage,
+  J as BreadcrumbSeparator,
+  $ as Button,
+  W as ButtonGroup,
+  X as ButtonGroupSeparator,
+  Y as ButtonGroupText,
+  oe as Calendar,
+  te as CalendarDayButton,
+  ne as Card,
+  ie as CardAction,
+  pe as CardContent,
+  ue as CardDescription,
+  le as CardFooter,
+  me as CardHeader,
+  de as CardTitle,
+  ge as Carousel,
+  Ce as CarouselContent,
+  Se as CarouselItem,
+  xe as CarouselNext,
+  Me as CarouselPrevious,
+  De as ChartContainer,
+  Te as ChartLegend,
+  ce as ChartLegendContent,
+  se as ChartStyle,
+  Ie as ChartTooltip,
+  Ae as ChartTooltipContent,
+  we as Checkbox,
+  Pe as Collapsible,
+  ve as CollapsibleContent,
+  he as CollapsibleTrigger,
+  Le as Command,
+  ye as CommandDialog,
+  He as CommandEmpty,
+  Re as CommandGroup,
+  Ne as CommandInput,
+  ke as CommandItem,
+  Ee as CommandList,
+  Oe as CommandSeparator,
+  Ve as CommandShortcut,
+  Ke as ContextMenu,
+  Ue as ContextMenuCheckboxItem,
+  je as ContextMenuContent,
+  qe as ContextMenuGroup,
+  Je as ContextMenuItem,
+  Qe as ContextMenuLabel,
+  We as ContextMenuPortal,
+  Xe as ContextMenuRadioGroup,
+  Ye as ContextMenuRadioItem,
+  Ze as ContextMenuSeparator,
+  _e as ContextMenuShortcut,
+  $e as ContextMenuSub,
+  er as ContextMenuSubContent,
+  rr as ContextMenuSubTrigger,
+  or as ContextMenuTrigger,
+  ar as Dialog,
+  nr as DialogClose,
+  ir as DialogContent,
+  pr as DialogDescription,
+  ur as DialogFooter,
+  lr as DialogHeader,
+  mr as DialogOverlay,
+  dr as DialogPortal,
+  br as DialogTitle,
+  gr as DialogTrigger,
+  Sr as Drawer,
+  xr as DrawerClose,
+  Mr as DrawerContent,
+  fr as DrawerDescription,
+  Dr as DrawerFooter,
+  Tr as DrawerHeader,
+  cr as DrawerOverlay,
+  sr as DrawerPortal,
+  Ir as DrawerTitle,
+  Ar as DrawerTrigger,
+  wr as DropdownMenu,
+  Fr as DropdownMenuCheckboxItem,
+  Pr as DropdownMenuContent,
+  vr as DropdownMenuGroup,
+  hr as DropdownMenuItem,
+  Br as DropdownMenuLabel,
+  Lr as DropdownMenuPortal,
+  yr as DropdownMenuRadioGroup,
+  Hr as DropdownMenuRadioItem,
+  Rr as DropdownMenuSeparator,
+  Nr as DropdownMenuShortcut,
+  kr as DropdownMenuSub,
+  Er as DropdownMenuSubContent,
+  Or as DropdownMenuSubTrigger,
+  Vr as DropdownMenuTrigger,
+  Kr as Empty,
+  Ur as EmptyContent,
+  jr as EmptyDescription,
+  qr as EmptyHeader,
+  Jr as EmptyMedia,
+  Qr as EmptyTitle,
+  Xr as Field,
+  Yr as FieldContent,
+  Zr as FieldDescription,
+  _r as FieldError,
+  $r as FieldGroup,
+  eo as FieldLabel,
+  ro as FieldLegend,
+  oo as FieldSeparator,
+  to as FieldSet,
+  ao as FieldTitle,
+  io as Form,
+  po as FormControl,
+  uo as FormDescription,
+  lo as FormField,
+  mo as FormItem,
+  bo as FormLabel,
+  go as FormMessage,
+  xo as HoverCard,
+  Mo as HoverCardContent,
+  fo as HoverCardTrigger,
+  Lo as Input,
+  To as InputGroup,
+  co as InputGroupAddon,
+  so as InputGroupButton,
+  Io as InputGroupInput,
+  Ao as InputGroupText,
+  Go as InputGroupTextarea,
+  Fo as InputOTP,
+  Po as InputOTPGroup,
+  vo as InputOTPSeparator,
+  ho as InputOTPSlot,
+  Ho as Item,
+  Ro as ItemActions,
+  No as ItemContent,
+  ko as ItemDescription,
+  Eo as ItemFooter,
+  Oo as ItemGroup,
+  Vo as ItemHeader,
+  zo as ItemMedia,
+  Ko as ItemSeparator,
+  Uo as ItemTitle,
+  qo as Kbd,
+  Jo as KbdGroup,
+  Wo as Label,
+  Yo as Menubar,
+  Zo as MenubarCheckboxItem,
+  _o as MenubarContent,
+  $o as MenubarGroup,
+  et as MenubarItem,
+  rt as MenubarLabel,
+  ot as MenubarMenu,
+  tt as MenubarPortal,
+  at as MenubarRadioGroup,
+  nt as MenubarRadioItem,
+  it as MenubarSeparator,
+  pt as MenubarShortcut,
+  ut as MenubarSub,
+  lt as MenubarSubContent,
+  mt as MenubarSubTrigger,
+  dt as MenubarTrigger,
+  gt as NavigationMenu,
+  Ct as NavigationMenuContent,
+  St as NavigationMenuIndicator,
+  xt as NavigationMenuItem,
+  Mt as NavigationMenuLink,
+  ft as NavigationMenuList,
+  Dt as NavigationMenuTrigger,
+  Tt as NavigationMenuViewport,
+  It as Pagination,
+  At as PaginationContent,
+  Gt as PaginationEllipsis,
+  wt as PaginationItem,
+  Ft as PaginationLink,
+  Pt as PaginationNext,
+  vt as PaginationPrevious,
+  Bt as Popover,
+  Lt as PopoverAnchor,
+  yt as PopoverContent,
+  Ht as PopoverTrigger,
+  Nt as Progress,
+  Et as RadioGroup,
+  Ot as RadioGroupItem,
+  zt as ResizableHandle,
+  Kt as ResizablePanel,
+  Ut as ResizablePanelGroup,
+  qt as ScrollArea,
+  Jt as ScrollBar,
+  Wt as Select,
+  Xt as SelectContent,
+  Yt as SelectGroup,
+  Zt as SelectItem,
+  _t as SelectLabel,
+  $t as SelectScrollDownButton,
+  ea as SelectScrollUpButton,
+  ra as SelectSeparator,
+  oa as SelectTrigger,
+  ta as SelectValue,
+  na as Separator,
+  pa as Sheet,
+  ua as SheetClose,
+  la as SheetContent,
+  ma as SheetDescription,
+  da as SheetFooter,
+  ba as SheetHeader,
+  ga as SheetTitle,
+  Ca as SheetTrigger,
+  xa as Sidebar,
+  Ma as SidebarContent,
+  fa as SidebarFooter,
+  Da as SidebarGroup,
+  Ta as SidebarGroupAction,
+  ca as SidebarGroupContent,
+  sa as SidebarGroupLabel,
+  Ia as SidebarHeader,
+  Aa as SidebarInput,
+  Ga as SidebarInset,
+  wa as SidebarMenu,
+  Fa as SidebarMenuAction,
+  Pa as SidebarMenuBadge,
+  va as SidebarMenuButton,
+  ha as SidebarMenuItem,
+  Ba as SidebarMenuSkeleton,
+  La as SidebarMenuSub,
+  ya as SidebarMenuSubButton,
+  Ha as SidebarMenuSubItem,
+  Ra as SidebarProvider,
+  Na as SidebarRail,
+  ka as SidebarSeparator,
+  Ea as SidebarTrigger,
+  za as Skeleton,
+  Ua as Slider,
+  Qa as Spinner,
+  Xa as Switch,
+  Za as Table,
+  _a as TableBody,
+  $a as TableCaption,
+  en as TableCell,
+  rn as TableFooter,
+  on as TableHead,
+  tn as TableHeader,
+  an as TableRow,
+  pn as Tabs,
+  un as TabsContent,
+  ln as TabsList,
+  mn as TabsTrigger,
+  bn as Textarea,
+  qa as Toaster,
+  Mn as Toggle,
+  Cn as ToggleGroup,
+  Sn as ToggleGroupItem,
+  Tn as Tooltip,
+  cn as TooltipContent,
+  sn as TooltipProvider,
+  In as TooltipTrigger,
+  E as badgeVariants,
+  Z as buttonGroupVariants,
+  ee as buttonVariants,
+  p as defaultNavbarConfig,
+  u as defaultSidebarConfig,
+  ct as navigationMenuTriggerStyle,
+  fn as toggleVariants,
+  Co as useFormField,
+  Oa as useSidebar
+};

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,8 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
+export {
+  n as cn
+};

package/dist/molecules/app-navbar.d.ts

@@ -0,0 +1,11 @@
+import { NavbarConfig } from '../types/navigation';
+interface AppNavbarProps {
+    config?: Partial<NavbarConfig>;
+    showSearch?: boolean;
+    showSidebarTrigger?: boolean;
+    showThemeToggle?: boolean;
+    showUserMenu?: boolean;
+    showNotifications?: boolean;
+}
+export declare function AppNavbar({ config, showSearch, showSidebarTrigger, showThemeToggle, showUserMenu, showNotifications, }: AppNavbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/molecules/app-navbar.js

@@ -0,0 +1,117 @@
+import { jsxs as r, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { Search as b, Bell as k, Sun as C, Moon as M, User as I, Settings as S, LogOut as y } from "lucide-react";
+import { Input as D } from "../atoms/input.js";
+import { SidebarTrigger as P } from "../atoms/sidebar.js";
+import { Separator as T } from "../atoms/separator.js";
+import { defaultNavbarConfig as t } from "../config/default-navigation.js";
+import { Button as c } from "../atoms/button.js";
+import { useTheme as z } from "next-themes";
+import { DropdownMenu as d, DropdownMenuTrigger as m, DropdownMenuContent as h, DropdownMenuLabel as f, DropdownMenuSeparator as u, DropdownMenuItem as n } from "../atoms/dropdown-menu.js";
+import { Avatar as A, AvatarImage as L, AvatarFallback as j } from "../atoms/avatar.js";
+function Q({
+  config: l,
+  showSearch: N = !0,
+  showSidebarTrigger: g = !0,
+  showThemeToggle: x = !0,
+  showUserMenu: w = !0,
+  showNotifications: v = !0
+}) {
+  const { setTheme: i } = z(), a = {
+    items: l?.items || t.items,
+    searchPlaceholder: l?.searchPlaceholder || t.searchPlaceholder,
+    user: l?.user || t.user,
+    userMenuItems: l?.userMenuItems || t.userMenuItems,
+    notifications: l?.notifications || t.notifications
+  };
+  return /* @__PURE__ */ r("header", { className: "flex h-16 shrink-0 items-center gap-2 border-b px-4 bg-background sticky top-0 z-50", children: [
+    g && /* @__PURE__ */ r(p, { children: [
+      /* @__PURE__ */ e(P, { className: "-ml-1" }),
+      /* @__PURE__ */ e(T, { orientation: "vertical", className: "mr-2 h-4" })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "ml-auto flex items-center gap-2", children: [
+      N && /* @__PURE__ */ r("div", { className: "relative", children: [
+        /* @__PURE__ */ e(b, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ e(
+          D,
+          {
+            placeholder: a.searchPlaceholder,
+            className: "pl-8 w-[200px] lg:w-[300px]"
+          }
+        )
+      ] }),
+      v && a.notifications && /* @__PURE__ */ r(d, { children: [
+        /* @__PURE__ */ e(m, { asChild: !0, children: /* @__PURE__ */ r(c, { variant: "ghost", size: "icon", className: "relative", children: [
+          /* @__PURE__ */ e(k, { className: "h-5 w-5" }),
+          a.notifications.some((s) => !s.read) && /* @__PURE__ */ e("span", { className: "absolute right-2 top-2 h-2 w-2 rounded-full bg-red-600" }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: "Notifications" })
+        ] }) }),
+        /* @__PURE__ */ r(h, { align: "end", className: "w-80", children: [
+          /* @__PURE__ */ e(f, { children: "Notifications" }),
+          /* @__PURE__ */ e(u, {}),
+          a.notifications.map((s, o) => /* @__PURE__ */ r(
+            n,
+            {
+              className: "flex flex-col items-start gap-1 p-3 cursor-pointer",
+              children: [
+                /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between", children: [
+                  /* @__PURE__ */ e("span", { className: "font-medium", children: s.title }),
+                  /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: s.date })
+                ] }),
+                /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground line-clamp-2", children: s.description })
+              ]
+            },
+            o
+          )),
+          a.notifications.length === 0 && /* @__PURE__ */ e("div", { className: "p-4 text-center text-sm text-muted-foreground", children: "No new notifications" })
+        ] })
+      ] }),
+      x && /* @__PURE__ */ r(d, { children: [
+        /* @__PURE__ */ e(m, { asChild: !0, children: /* @__PURE__ */ r(c, { variant: "ghost", size: "icon", children: [
+          /* @__PURE__ */ e(C, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+          /* @__PURE__ */ e(M, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: "Toggle theme" })
+        ] }) }),
+        /* @__PURE__ */ r(h, { align: "end", children: [
+          /* @__PURE__ */ e(n, { onClick: () => i("light"), children: "Light" }),
+          /* @__PURE__ */ e(n, { onClick: () => i("dark"), children: "Dark" }),
+          /* @__PURE__ */ e(n, { onClick: () => i("system"), children: "System" })
+        ] })
+      ] }),
+      w && a.user && /* @__PURE__ */ r(d, { children: [
+        /* @__PURE__ */ e(m, { asChild: !0, children: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon", className: "rounded-full", children: /* @__PURE__ */ r(A, { className: "h-8 w-8", children: [
+          /* @__PURE__ */ e(L, { src: a.user.avatar, alt: a.user.name }),
+          /* @__PURE__ */ e(j, { children: "CN" })
+        ] }) }) }),
+        /* @__PURE__ */ r(h, { align: "end", children: [
+          /* @__PURE__ */ e(f, { children: /* @__PURE__ */ r("div", { className: "flex flex-col space-y-1", children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium leading-none", children: a.user.name }),
+            /* @__PURE__ */ e("p", { className: "text-xs leading-none text-muted-foreground", children: a.user.email })
+          ] }) }),
+          /* @__PURE__ */ e(u, {}),
+          a.userMenuItems?.map((s, o) => /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ r("a", { href: s.href || "#", onClick: s.onClick, children: [
+            s.icon && /* @__PURE__ */ e(s.icon, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e("span", { children: s.label })
+          ] }) }, o)),
+          !a.userMenuItems && /* @__PURE__ */ r(p, { children: [
+            /* @__PURE__ */ r(n, { children: [
+              /* @__PURE__ */ e(I, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e("span", { children: "Profile" })
+            ] }),
+            /* @__PURE__ */ r(n, { children: [
+              /* @__PURE__ */ e(S, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e("span", { children: "Settings" })
+            ] }),
+            /* @__PURE__ */ e(u, {}),
+            /* @__PURE__ */ r(n, { children: [
+              /* @__PURE__ */ e(y, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e("span", { children: "Log out" })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  Q as AppNavbar
+};

package/dist/molecules/app-sidebar.d.ts

@@ -0,0 +1,9 @@
+import { SidebarConfig } from '../types/navigation';
+interface AppSidebarProps {
+    config?: Partial<SidebarConfig>;
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}
+export declare function AppSidebar({ config, side, variant, collapsible, }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/molecules/app-sidebar.js

@@ -0,0 +1,121 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { ChevronDown as u, LogOut as D } from "lucide-react";
+import { Sidebar as I, SidebarHeader as m, SidebarMenu as c, SidebarMenuItem as o, SidebarMenuButton as d, SidebarContent as z, SidebarGroup as y, SidebarGroupLabel as p, SidebarGroupContent as b, SidebarMenuSub as L, SidebarMenuSubItem as j, SidebarMenuSubButton as k, SidebarFooter as G } from "../atoms/sidebar.js";
+import { Collapsible as f, CollapsibleTrigger as g, CollapsibleContent as x } from "../atoms/collapsible.js";
+import { defaultSidebarConfig as s } from "../config/default-navigation.js";
+import { Avatar as N, AvatarImage as C, AvatarFallback as v } from "../atoms/avatar.js";
+import { DropdownMenu as O, DropdownMenuTrigger as B, DropdownMenuContent as F, DropdownMenuLabel as T, DropdownMenuSeparator as q, DropdownMenuItem as S } from "../atoms/dropdown-menu.js";
+function U({
+  config: i,
+  side: M = "left",
+  variant: w = "sidebar",
+  collapsible: A = "icon"
+}) {
+  const r = {
+    groups: i?.groups || s.groups,
+    header: i?.header || s.header,
+    footer: i?.footer || s.footer,
+    user: i?.user || s.user,
+    userMenuItems: i?.userMenuItems || s.userMenuItems,
+    branding: i?.branding || s.branding,
+    fixed: i?.fixed ?? s.fixed
+  };
+  return /* @__PURE__ */ a(
+    I,
+    {
+      side: M,
+      variant: w,
+      collapsible: A,
+      className: r.fixed ? void 0 : "absolute h-full",
+      children: [
+        r.header && /* @__PURE__ */ e(m, { children: r.header }),
+        r.branding && !r.header && /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(d, { size: "lg", asChild: !0, children: /* @__PURE__ */ a("a", { href: r.branding.href || "#", children: [
+          /* @__PURE__ */ e("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg", children: r.branding.logo && /* @__PURE__ */ e(r.branding.logo, { className: "size-4" }) }),
+          /* @__PURE__ */ a("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+            /* @__PURE__ */ e("span", { className: "truncate font-semibold", children: r.branding.name }),
+            /* @__PURE__ */ e("span", { className: "truncate text-xs", children: "Enterprise" })
+          ] })
+        ] }) }) }) }) }),
+        /* @__PURE__ */ e(z, { children: r.groups.map((n, h) => /* @__PURE__ */ a(y, { children: [
+          n.label && (n.collapsible ? /* @__PURE__ */ a(f, { defaultOpen: !0, className: "group/collapsible", children: [
+            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ a(g, { children: [
+              n.label,
+              /* @__PURE__ */ e(u, { className: "ml-auto transition-transform group-data-[state=open]/collapsible:rotate-180" })
+            ] }) }),
+            /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(c, { children: n.items.map((l) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(d, { asChild: !0, isActive: l.isActive, children: /* @__PURE__ */ a("a", { href: l.href, children: [
+              l.icon && /* @__PURE__ */ e(l.icon, {}),
+              /* @__PURE__ */ e("span", { children: l.label })
+            ] }) }) }, l.href)) }) }) })
+          ] }) : /* @__PURE__ */ e(p, { children: n.label })),
+          !n.collapsible && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(c, { children: n.items.map((l) => /* @__PURE__ */ e(o, { children: l.items && l.items.length > 0 ? /* @__PURE__ */ a(f, { className: "group/collapsible", children: [
+            /* @__PURE__ */ e(d, { asChild: !0, isActive: l.isActive, children: /* @__PURE__ */ a(g, { children: [
+              l.icon && /* @__PURE__ */ e(l.icon, {}),
+              /* @__PURE__ */ e("span", { children: l.label }),
+              /* @__PURE__ */ e(u, { className: "ml-auto transition-transform group-data-[state=open]/collapsible:rotate-180" })
+            ] }) }),
+            /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(L, { children: l.items.map((t) => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(k, { asChild: !0, isActive: t.isActive, children: /* @__PURE__ */ e("a", { href: t.href, children: /* @__PURE__ */ e("span", { children: t.label }) }) }) }, t.href)) }) })
+          ] }) : /* @__PURE__ */ e(d, { asChild: !0, isActive: l.isActive, children: /* @__PURE__ */ a("a", { href: l.href, children: [
+            l.icon && /* @__PURE__ */ e(l.icon, {}),
+            /* @__PURE__ */ e("span", { children: l.label })
+          ] }) }) }, l.href)) }) })
+        ] }, n.label || h)) }),
+        /* @__PURE__ */ a(G, { children: [
+          r.user && /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(O, { children: [
+            /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ a(
+              d,
+              {
+                size: "lg",
+                className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+                children: [
+                  /* @__PURE__ */ a(N, { className: "h-8 w-8 rounded-lg", children: [
+                    /* @__PURE__ */ e(C, { src: r.user.avatar, alt: r.user.name }),
+                    /* @__PURE__ */ e(v, { className: "rounded-lg", children: "CN" })
+                  ] }),
+                  /* @__PURE__ */ a("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+                    /* @__PURE__ */ e("span", { className: "truncate font-semibold", children: r.user.name }),
+                    /* @__PURE__ */ e("span", { className: "truncate text-xs", children: r.user.email })
+                  ] }),
+                  /* @__PURE__ */ e(u, { className: "ml-auto size-4" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ a(
+              F,
+              {
+                className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+                side: "bottom",
+                align: "end",
+                sideOffset: 4,
+                children: [
+                  /* @__PURE__ */ e(T, { className: "p-0 font-normal", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
+                    /* @__PURE__ */ a(N, { className: "h-8 w-8 rounded-lg", children: [
+                      /* @__PURE__ */ e(C, { src: r.user.avatar, alt: r.user.name }),
+                      /* @__PURE__ */ e(v, { className: "rounded-lg", children: "CN" })
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+                      /* @__PURE__ */ e("span", { className: "truncate font-semibold", children: r.user.name }),
+                      /* @__PURE__ */ e("span", { className: "truncate text-xs", children: r.user.email })
+                    ] })
+                  ] }) }),
+                  /* @__PURE__ */ e(q, {}),
+                  r.userMenuItems?.map((n, h) => /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ a("a", { href: n.href || "#", onClick: n.onClick, children: [
+                    n.icon && /* @__PURE__ */ e(n.icon, { className: "mr-2 h-4 w-4" }),
+                    /* @__PURE__ */ e("span", { children: n.label })
+                  ] }) }, h)),
+                  !r.userMenuItems && /* @__PURE__ */ a(S, { children: [
+                    /* @__PURE__ */ e(D, { className: "mr-2 h-4 w-4" }),
+                    /* @__PURE__ */ e("span", { children: "Log out" })
+                  ] })
+                ]
+              }
+            )
+          ] }) }) }),
+          r.footer
+        ] })
+      ]
+    }
+  );
+}
+export {
+  U as AppSidebar
+};

package/dist/organisms/layout.d.ts

@@ -0,0 +1,3 @@
+export default function Layout({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/layout.js

@@ -0,0 +1,16 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { SidebarProvider as i, SidebarInset as a } from "../atoms/sidebar.js";
+import { AppSidebar as p } from "../molecules/app-sidebar.js";
+import { AppNavbar as t } from "../molecules/app-navbar.js";
+function s({ children: o }) {
+  return /* @__PURE__ */ e(i, { children: [
+    /* @__PURE__ */ r(p, {}),
+    /* @__PURE__ */ e(a, { children: [
+      /* @__PURE__ */ r(t, {}),
+      /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col gap-4 p-4", children: o })
+    ] })
+  ] });
+}
+export {
+  s as default
+};