react-shadcn-kit 0.0.1 → 0.0.2

package/dist/molecules/app-sidebar.js

@@ -1,121 +0,0 @@
-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

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

package/dist/organisms/layout.js

@@ -1,16 +0,0 @@
-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
-};