@ah-automation.nl/component-lib 0.0.8 → 0.0.9

package/README.md

@@ -32,13 +32,30 @@ export function Example() {
 ```tsx
 import * as React from "react";
 import { Home, FolderKanban, Settings, LogOut } from "lucide-react";
-import { Button, SidebarNav, type SidebarNavItem } from "component-lib";
+import {
+  Button,
+  SidebarNav,
+  type SidebarNavGroup,
+  type SidebarNavItem,
+} from "component-lib";
 import "component-lib/styles.css";
 
 const items: SidebarNavItem[] = [
-  { label: "Home", route: "/home", icon: Home },
-  { label: "Projects", route: "/projects", icon: FolderKanban, badge: "3" },
-  { label: "Settings", route: "/settings", icon: Settings },
+  { label: "Home", route: "/home", icon: Home, order: 0 },
+  { label: "Settings", route: "/settings", icon: Settings, order: 20 },
+];
+
+const groups: SidebarNavGroup[] = [
+  {
+    id: "projects",
+    label: "Projects",
+    icon: FolderKanban,
+    order: 10,
+    items: [
+      { label: "Overview", route: "/projects", badge: "3" },
+      { label: "Active", route: "/projects/active" },
+    ],
+  },
 ];
 
 export function AppLayout() {
@@ -48,6 +65,7 @@ export function AppLayout() {
     <div className="flex min-h-screen">
       <SidebarNav
         items={items}
+        groups={groups}
         activeRoute={activeRoute}
         defaultCollapsed={false}
         onItemClick={(item, event) => {
@@ -85,3 +103,5 @@ Notes:
 - Import `"component-lib/styles.css"` once at app root.
 - `defaultCollapsed` sets the initial sidebar state.
 - `onItemClick` is optional. Keep `href` behavior, or intercept and route manually.
+- `groups` supports one-level nested routes using collapsible `SidebarGroup` sections.
+- `order` supports mixed sorting between flat `items` and `groups` (stable fallback preserves input order on ties).

package/dist/components/sidebar-nav.d.ts

@@ -1,4 +1,4 @@
 import type { SidebarNavProps } from "@/types/sidebar-nav";
-declare function SidebarNav({ items, activeRoute, defaultCollapsed, onItemClick, logo, footer, className, headerClassName, contentClassName, menuClassName, itemClassName, footerClassName, }: SidebarNavProps): import("react/jsx-runtime").JSX.Element;
+declare function SidebarNav({ items, groups, activeRoute, defaultCollapsed, onItemClick, logo, footer, className, headerClassName, contentClassName, menuClassName, itemClassName, footerClassName, }: SidebarNavProps): import("react/jsx-runtime").JSX.Element;
 export { SidebarNav };
 //# sourceMappingURL=sidebar-nav.d.ts.map

package/dist/components/sidebar-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-nav.d.ts","sourceRoot":"","sources":["../../src/components/sidebar-nav.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,WAAW,EACX,gBAAwB,EACxB,WAAW,EACX,IAAI,EACJ,MAAM,EACN,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,eAAe,GAChB,EAAE,eAAe,2CA8EjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"sidebar-nav.d.ts","sourceRoot":"","sources":["../../src/components/sidebar-nav.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAIV,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAmC7B,iBAAS,UAAU,CAAC,EAClB,KAAU,EACV,MAAW,EACX,WAAW,EACX,gBAAwB,EACxB,WAAW,EACX,IAAI,EACJ,MAAM,EACN,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,eAAe,GAChB,EAAE,eAAe,2CA8PjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ui/collapsible.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/components/ui/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAI/D,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAI3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAQ3D;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/index.d.ts

@@ -4,5 +4,5 @@ export { GenericDrawer } from "./components/generic-drawer";
 export { MultiSelect } from "./components/multi-select";
 export { SidebarNav } from "./components/sidebar-nav";
 export { SingleSelect } from "./components/single-select";
-export type { GenericDrawerProps, MultiSelectOption, MultiSelectProps, SidebarNavItem, SidebarNavProps, SingleSelectOption, SingleSelectProps, } from "./types";
+export type { GenericDrawerProps, MultiSelectOption, MultiSelectProps, SidebarNavGroup, SidebarNavGroupItem, SidebarNavIcon, SidebarNavItem, SidebarNavProps, SingleSelectOption, SingleSelectProps, } from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAC"}