@skalar-saas/design-system 0.2.11 → 0.3.0

package/dist/shared/ui/NavSidebar/NavSidebar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { UniqueIdentifier } from '@dnd-kit/core';
+import type { MenuBuilderItem } from '../MenuBuilder/MenuBuilder';
+/** Reusa el modelo del MenuBuilder: lo que se edita allí es lo que pinta esta nav. */
+export type NavSidebarItem = MenuBuilderItem;
+export interface NavSidebarProps {
+    /** Árbol de ítems (mismo modelo que MenuBuilder). Un ítem de primer nivel con `children` = sección. */
+    items: NavSidebarItem[];
+    /** Id del ítem activo (resaltado). */
+    activeId?: UniqueIdentifier;
+    /** Se dispara al clicar un ítem navegable. */
+    onSelect?: (id: UniqueIdentifier, item: NavSidebarItem) => void;
+    /** Cómo pintar un id de icono. */
+    renderIcon?: (iconId: string) => React.ReactNode;
+    className?: string;
+}
+export declare const NavSidebar: ({ items, activeId, onSelect, renderIcon, className }: NavSidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/NavSidebar/index.d.ts

@@ -0,0 +1,2 @@
+export { NavSidebar } from './NavSidebar';
+export type { NavSidebarProps, NavSidebarItem } from './NavSidebar';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skalar-saas/design-system",
-  "version": "0.2.11",
+  "version": "0.3.0",
   "type": "module",
   "description": "Skalar Design System - UI component library",
   "author": "Skalar Team",