react-shadcn-kit 0.0.2 → 0.0.4

package/dist/config/blog-layout.config.js

@@ -0,0 +1,19 @@
+import { defaultSidebarConfig as i } from "./default-Sidebar.js";
+const e = {
+  ...i,
+  variant: "sidebar",
+  collapsible: "icon",
+  header: void 0,
+  // No header for blog layout
+  branding: {
+    ...i.branding,
+    name: "My Blog"
+  },
+  style: {
+    "--sidebar-width": "18rem",
+    "--sidebar-width-mobile": "100%"
+  }
+};
+export {
+  e as blogLayoutConfig
+};

package/dist/config/default-Sidebar.js

@@ -1,4 +1,4 @@
-import { Users as e, Settings as t, LayoutDashboard as a, BarChart as l, Folder as r } from "lucide-react";
+import { LayoutDashboard as t, Users as e, Settings as a, BarChart as l, Folder as r } from "lucide-react";
 const i = {
   groups: [
     {
@@ -7,7 +7,7 @@ const i = {
         {
           label: "Dashboard",
           href: "/dashboard",
-          icon: a,
+          icon: t,
           isActive: !0
         },
         {
@@ -18,7 +18,7 @@ const i = {
         {
           label: "Settings",
           href: "/settings",
-          icon: t,
+          icon: a,
           items: [
             {
               label: "General",
@@ -55,7 +55,7 @@ const i = {
   },
   branding: {
     name: "Acme Inc",
-    logo: a,
+    logo: t,
     href: "/"
   },
   userMenuItems: [
@@ -67,7 +67,7 @@ const i = {
     {
       label: "Settings",
       href: "/settings",
-      icon: t
+      icon: a
     },
     {
       label: "Log out",

package/dist/index.d.ts

@@ -3,6 +3,9 @@ export * from './organisms/app-navbar';
 export * from './types/navigation';
 export * from './config/default-navigation';
 export * from './config/default-layout';
+export { default as DefaultLayout } from './layouts/default-layout';
+export { default as BlogLayout } from './layouts/blog-layout';
+export { default as SidebarScrollLayout } from './layouts/sidebar-scroll-layout';
 export * from './atoms/accordion';
 export * from './atoms/alert-dialog';
 export * from './atoms/alert';

package/dist/index.js

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

package/dist/layouts/blog-layout.d.ts

@@ -0,0 +1,7 @@
+import { SidebarConfig } from '../types/navigation';
+export default function BlogLayout({ children, userConfig, scrollable, maxWidth, }: {
+    children: React.ReactNode;
+    userConfig?: Partial<SidebarConfig>;
+    scrollable?: boolean;
+    maxWidth?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/layouts/blog-layout.js

@@ -0,0 +1,29 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { SidebarProvider as t, SidebarInset as f, SidebarTrigger as m } from "../atoms/sidebar.js";
+import { AppSidebar as d } from "../organisms/app-sidebar.js";
+import { blogLayoutConfig as n } from "../config/blog-layout.config.js";
+function b({
+  children: i,
+  userConfig: a,
+  scrollable: s = !1,
+  maxWidth: r
+}) {
+  const o = { ...n, ...a };
+  return /* @__PURE__ */ l(t, { style: o.style, children: [
+    /* @__PURE__ */ e(d, { config: o, scrollable: s }),
+    /* @__PURE__ */ l(f, { children: [
+      /* @__PURE__ */ e("header", { className: "flex h-16 shrink-0 items-center gap-2 border-b px-4", children: /* @__PURE__ */ e(m, { className: "-ml-1" }) }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: "flex flex-1 flex-col gap-4 p-4 mx-auto w-full",
+          style: r ? { maxWidth: r } : void 0,
+          children: i
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  b as default
+};

package/dist/layouts/default-layout.d.ts

@@ -0,0 +1,7 @@
+import { LayoutConfig } from '../types/layout';
+export default function Layout({ children, userConfig, scrollable, maxWidth, }: {
+    children: React.ReactNode;
+    userConfig?: Partial<LayoutConfig>;
+    scrollable?: boolean;
+    maxWidth?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/layouts/default-layout.js

@@ -0,0 +1,54 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { SidebarProvider as v, SidebarInset as f } from "../atoms/sidebar.js";
+import { AppSidebar as h } from "../organisms/app-sidebar.js";
+import { AppNavbar as m } from "../organisms/app-navbar.js";
+import { defaultSidebarConfig as p } from "../config/default-Sidebar.js";
+import { defaultLayoutConfig as i } from "../config/default-layout.js";
+function y({
+  children: o,
+  userConfig: e,
+  scrollable: t = !1,
+  maxWidth: n
+}) {
+  const a = {
+    ...i,
+    ...e,
+    sidebar: { ...i.sidebar, ...e?.sidebar || {} },
+    navbar: { ...i.navbar, ...e?.navbar || {} }
+  }, b = {
+    ...a.navbar,
+    branding: a.sidebar?.hasBranding ? p.branding : void 0
+  }, l = {
+    ...a.sidebar?.width ? { "--sidebar-width": a.sidebar.width } : {}
+  }, s = a.sidebar?.visible ?? !0, c = a.navbar?.visible ?? !0;
+  return /* @__PURE__ */ r("div", { className: "[--header-height:calc(--spacing(14))]", children: /* @__PURE__ */ d(v, { className: "flex flex-col", style: l, children: [
+    c && /* @__PURE__ */ r(
+      m,
+      {
+        config: b,
+        className: a.navbar?.transparent ? "bg-transparent" : void 0,
+        style: {
+          backgroundColor: a.navbar?.transparent ? "transparent" : a.navbar?.color,
+          height: a.navbar?.height,
+          boxShadow: a.navbar?.shadow ? void 0 : "none"
+        },
+        showSidebarTrigger: s
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: "flex flex-1", children: [
+      s && /* @__PURE__ */ r(
+        h,
+        {
+          hideBranding: !0,
+          side: a.sidebar?.placement || "left",
+          scrollable: t,
+          className: "pt-14"
+        }
+      ),
+      /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r("div", { className: "p-4 mx-auto w-full", style: n ? { maxWidth: n } : void 0, children: o }) })
+    ] })
+  ] }) });
+}
+export {
+  y as default
+};

package/dist/layouts/sidebar-scroll-layout.d.ts

@@ -0,0 +1,8 @@
+import { LayoutConfig } from '../types/layout';
+export default function SidebarScrollLayout({ children, userConfig, scrollable, // Default to true for this specific layout variation
+maxWidth, }: {
+    children: React.ReactNode;
+    userConfig?: Partial<LayoutConfig>;
+    scrollable?: boolean;
+    maxWidth?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/layouts/sidebar-scroll-layout.js

@@ -0,0 +1,49 @@
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { SidebarProvider as c, SidebarInset as v } from "../atoms/sidebar.js";
+import { AppSidebar as h } from "../organisms/app-sidebar.js";
+import { AppNavbar as p } from "../organisms/app-navbar.js";
+import { defaultLayoutConfig as i } from "../config/default-layout.js";
+function S({
+  children: n,
+  userConfig: e,
+  scrollable: o = !0,
+  // Default to true for this specific layout variation
+  maxWidth: s
+}) {
+  const a = {
+    ...i,
+    ...e,
+    sidebar: { ...i.sidebar, ...e?.sidebar || {} },
+    navbar: { ...i.navbar, ...e?.navbar || {} }
+  }, b = {
+    ...a.sidebar?.width ? { "--sidebar-width": a.sidebar.width } : {}
+  }, d = a.sidebar?.visible ?? !0, l = a.navbar?.visible ?? !0;
+  return /* @__PURE__ */ r("div", { className: "[--header-height:calc(--spacing(14))]", children: /* @__PURE__ */ t(c, { className: "flex flex-col", style: b, children: [
+    l && /* @__PURE__ */ r(
+      p,
+      {
+        className: a.navbar?.transparent ? "bg-transparent" : void 0,
+        style: {
+          backgroundColor: a.navbar?.transparent ? "transparent" : a.navbar?.color,
+          height: a.navbar?.height,
+          boxShadow: a.navbar?.shadow ? void 0 : "none"
+        },
+        showSidebarTrigger: d
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "flex flex-1", children: [
+      d && /* @__PURE__ */ r(
+        h,
+        {
+          hideBranding: a.sidebar?.hasBranding === !1,
+          side: a.sidebar?.placement || "left",
+          scrollable: o
+        }
+      ),
+      /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r("div", { className: "p-4 mx-auto w-full", style: s ? { maxWidth: s } : void 0, children: n }) })
+    ] })
+  ] }) });
+}
+export {
+  S as default
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-shadcn-kit",
   "author": "Tushar Yadav",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",