@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/components/ui/List/list.types.d.ts

@@ -0,0 +1,126 @@
+import { ReactNode } from 'react';
+/** Layout do List. */
+export type ListLayout = "standard" | "grouped" | "hierarchical";
+/** Densidade vertical dos cards. */
+export type ListDensity = "comfortable" | "compact";
+/**
+ * Meta alinhada dentro do card — colunas tipo `ROLE · STATUS · LAST SEEN`
+ * (padrão Supabase "List Patterns"). Renderizadas à direita do conteúdo.
+ */
+export type ListItemMeta = {
+    label: ReactNode;
+    value: ReactNode;
+    /** Alinhamento do bloco. Default "start". */
+    align?: "start" | "end";
+};
+/**
+ * Item da lista (um card). Os slots cobrem o caso comum; pra um card totalmente
+ * custom use `renderItem` no `<List>` (o wrapper continua sendo do List).
+ */
+export type ListItemData = {
+    /** Identificador único. */
+    id: string;
+    /** Avatar / ícone / icon-chip à esquerda. */
+    leading?: ReactNode;
+    /** Título principal. */
+    title: ReactNode;
+    /** Segunda linha (ex.: e-mail). */
+    subtitle?: ReactNode;
+    /** Descrição com line-clamp. */
+    description?: ReactNode;
+    /** Colunas de meta alinhadas (ROLE/STATUS/LAST SEEN). */
+    meta?: ListItemMeta[];
+    /** Valor/badge à direita de tudo (ex.: contagem, status pill). */
+    trailing?: ReactNode;
+    /** Grupo a que pertence (layout "grouped"). */
+    groupId?: string;
+    /** Filhos (layout "hierarchical" — árvore aninhada canônica). */
+    children?: ListItemData[];
+    /** Pode ser arrastado. Default true. */
+    canDrag?: boolean;
+    /** Pode receber drop antes de si (alvo). Default true. */
+    canDrop?: boolean;
+    /** Passthrough livre — disponível em `renderItem`. */
+    data?: unknown;
+};
+/** Grupo (seção) do layout "grouped". */
+export type ListGroup = {
+    id: string;
+    label: ReactNode;
+    /** Cor do dot do header. Ideal var de token DS. */
+    color?: string;
+    /** Override do count; senão calculado pelos itens do grupo. */
+    count?: number;
+    /** Aceita drop de itens. Default true. */
+    canReceiveDrop?: boolean;
+};
+/** Item de menu (kebab) — mesmo shape do Kanban. */
+export type ListMenuItem = {
+    label?: ReactNode;
+    icon?: ReactNode;
+    onClick?: () => void;
+    destructive?: boolean;
+    disabled?: boolean;
+    separator?: boolean;
+};
+/** Estado passado pro `renderItem`. */
+export type ListRenderState = {
+    selected: boolean;
+    open: boolean;
+    dragging: boolean;
+    /** Profundidade na hierarquia (0 = raiz). 0 nos demais layouts. */
+    depth: number;
+};
+/** Props do componente raiz `<List>`. */
+export type ListProps = {
+    /** Layout. Default "standard". */
+    layout?: ListLayout;
+    /** Itens. No "hierarchical" use `children` pra aninhar. */
+    items: ListItemData[];
+    /** Definição/ordem dos grupos (layout "grouped"). */
+    groups?: ListGroup[];
+    /** Painel sutil por grupo ("card fino" que diferencia da superfície). Default false. */
+    groupSurface?: boolean;
+    /** Render custom do miolo do card (wrapper continua do List). */
+    renderItem?: (item: ListItemData, state: ListRenderState) => ReactNode;
+    /** Itens do menu "⋯" do card. Quando retorna [], não renderiza o menu. */
+    getMenuItems?: (item: ListItemData) => ListMenuItem[];
+    /** Click no card (fora de checkbox/menu/link). */
+    onItemClick?: (id: string) => void;
+    /** Id do card "aberto" (detail panel) — realce brand. */
+    openId?: string;
+    /** Mostra checkbox por card. */
+    selectable?: boolean;
+    selectedIds?: Set<string>;
+    defaultSelectedIds?: Set<string>;
+    onSelectionChange?: (ids: Set<string>) => void;
+    expandedIds?: Set<string>;
+    defaultExpandedIds?: Set<string>;
+    onExpandedChange?: (ids: Set<string>) => void;
+    /** Linhas de conexão entre níveis. Default true. */
+    showConnectors?: boolean;
+    /** Indent por nível (px). Default 24. */
+    indentSize?: number;
+    /**
+     * Destaque de "família" no layout hierarchical (substitui os conectores por
+     * painéis aninhados):
+     * - `"none"` (default) — conectores (elbow lines) clássicos.
+     * - `"block"` — filhos de um nó aberto ficam dentro de um painel sutil
+     *   (bg + borda esquerda de marca) → "1 bloco = 1 família".
+     * - `"active"` — só o ramo do último nó aberto recebe o painel (mesmo visual
+     *   do block); a trilha root→ativo ganha spine; o resto fica neutro.
+     */
+    branchHighlight?: "none" | "block" | "active";
+    /** Habilita drag-and-drop. Default false. */
+    enableDnD?: boolean;
+    /** Reorder no layout "standard". `toIndex` = posição final desejada. */
+    onReorder?: (id: string, toIndex: number) => void;
+    /** Mover/reordenar no "grouped". `toIndex` = posição no grupo destino. */
+    onMove?: (id: string, fromGroupId: string, toGroupId: string, toIndex: number) => void;
+    loading?: boolean;
+    skeletonCount?: number;
+    emptyState?: ReactNode;
+    density?: ListDensity;
+    className?: string;
+};
+//# sourceMappingURL=list.types.d.ts.map

package/dist-lib/src/components/ui/List/list.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/List/list.types.ts"],"names":[],"mappings":"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"}

package/dist-lib/src/components/ui/List/utils/flatten-tree.d.ts

@@ -0,0 +1,23 @@
+import { ListItemData } from '../list.types';
+export type FlatRow = {
+    item: ListItemData;
+    depth: number;
+    hasChildren: boolean;
+    expanded: boolean;
+    /** É o último filho do seu pai (define o "∟" do conector). */
+    isLast: boolean;
+    /**
+     * Pra cada nível ancestral (índice = depth do ancestral), indica se aquele
+     * ancestral ainda tem irmão depois dele — controla se a guia vertical
+     * continua descendo naquela coluna de indent.
+     */
+    ancestorHasNext: boolean[];
+};
+/**
+ * Achata uma árvore (`children`) em linhas, descendo só nos nós expandidos.
+ * Produz `depth` + flags de conector pra UI de tree-as-list.
+ */
+export declare function flattenTree(roots: ListItemData[], expanded: Set<string>): FlatRow[];
+/** IDs de todos os nós com filhos (pra expandir/colapsar tudo). */
+export declare function collectExpandableIds(roots: ListItemData[]): string[];
+//# sourceMappingURL=flatten-tree.d.ts.map

package/dist-lib/src/components/ui/List/utils/flatten-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten-tree.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/List/utils/flatten-tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,MAAM,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,eAAe,EAAE,OAAO,EAAE,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,YAAY,EAAE,EACrB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,GACpB,OAAO,EAAE,CA4BX;AAED,mEAAmE;AACnE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAYpE"}

package/dist-lib/src/components/ui/List/utils/group-items.d.ts

@@ -0,0 +1,13 @@
+import { ListGroup, ListItemData } from '../list.types';
+export type GroupedBucket = {
+    group: ListGroup;
+    items: ListItemData[];
+    count: number;
+};
+/**
+ * Particiona itens planos por `groupId`, na ordem definida em `groups`.
+ * Grupos sem itens são preservados (renderizam vazio / drop target).
+ * Itens cujo `groupId` não bate com nenhum grupo são ignorados.
+ */
+export declare function groupItems(items: ListItemData[], groups: ListGroup[]): GroupedBucket[];
+//# sourceMappingURL=group-items.d.ts.map

package/dist-lib/src/components/ui/List/utils/group-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-items.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/List/utils/group-items.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,YAAY,EAAE,EACrB,MAAM,EAAE,SAAS,EAAE,GAClB,aAAa,EAAE,CAYjB"}

package/dist-lib/src/components/ui/MenuSidebar/index.d.ts

@@ -0,0 +1,16 @@
+export { MenuSidebar } from './menu-sidebar';
+export { SidebarRail } from './sidebar-rail';
+export type { SidebarRailProps } from './sidebar-rail';
+export { SidebarPanel } from './sidebar-panel';
+export type { SidebarPanelProps } from './sidebar-panel';
+export { SidebarItem, SidebarPill } from './sidebar-item';
+export type { SidebarItemProps } from './sidebar-item';
+export { SidebarSubgroup } from './sidebar-subgroup';
+export type { SidebarSubgroupProps } from './sidebar-subgroup';
+export { SidebarSection } from './sidebar-section';
+export type { SidebarSectionProps } from './sidebar-section';
+export { SidebarBrandIcon } from './sidebar-brand';
+export { useControllable } from './use-sidebar-state';
+export { useMediaQuery } from './use-media-query';
+export type { SidebarProps, SidebarContext, SidebarMenuItem, SidebarSection as SidebarSectionData, SidebarBookmarkItem, SidebarChatItem, SidebarBadgeKind, } from './sidebar.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC1D,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,YAAY,EACV,YAAY,EACZ,cAAc,EACd,eAAe,EACf,cAAc,IAAI,kBAAkB,EACpC,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,iBAAiB,CAAC"}

package/dist-lib/src/components/ui/MenuSidebar/menu-sidebar.d.ts

@@ -0,0 +1,25 @@
+import { SidebarProps } from './sidebar.types';
+/**
+ * MenuSidebar — composição completa (rail + panel) data-driven.
+ *
+ * Modo all-in-one: passa `contexts` e o componente gerencia tudo.
+ * Para composição manual, use os subcomponentes:
+ *   `<SidebarRail>` + `<SidebarPanel>` + `<SidebarItem>` + `<SidebarSubgroup>` + `<SidebarSection>`.
+ *
+ * Estados controlled/uncontrolled:
+ *   - activeContextId / defaultActiveContextId / onContextChange
+ *   - activeItemHref  / defaultActiveItemHref  / onItemClick
+ *   - panelCollapsed  / defaultPanelCollapsed  / onPanelCollapseChange
+ *
+ * Hover-to-expand (desktop):
+ *   - `expandOnHover` (default true) + estado colapsado → panel vira overlay flutuante.
+ *
+ * Mobile responsive:
+ *   - Detecta breakpoint (default `max-md` = 767px) via matchMedia.
+ *   - Mobile: vira drawer fixed overlay; panel sempre aberto (sem rail-only);
+ *     close button (X) no canto + backdrop scrim clicável pra fechar.
+ *   - Estado: mobileOpen / defaultMobileOpen / onMobileOpenChange.
+ *   - Trigger externo: qualquer botão que altere `mobileOpen` (hamburger no header da app).
+ */
+export declare function MenuSidebar({ contexts, brand, user, showRailAdd, onRailAddClick, activeContextId, defaultActiveContextId, onContextChange, activeItemHref, defaultActiveItemHref, onItemClick, panelCollapsed, defaultPanelCollapsed, onPanelCollapseChange, expandOnHover, onPanelTitleClick, mobileOpen, defaultMobileOpen, onMobileOpenChange, mobileBreakpoint, className, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menu-sidebar.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/menu-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/menu-sidebar.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,iBAAiB,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,WAAW,EACX,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,WAAW,EACX,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,aAAoB,EACpB,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,gBAAuC,EACvC,SAAS,GACV,EAAE,YAAY,2CA2Jd"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-brand.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Logo iGreen — default usado no rail.
+ * Single-color (currentColor) pra herdar o fg-on-brand.
+ */
+export declare function SidebarBrandIcon({ size }: {
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-brand.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-brand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-brand.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-brand.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAwBhE"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-item.d.ts

@@ -0,0 +1,19 @@
+import { MouseEvent, ReactNode } from 'react';
+import { SidebarMenuItem, SidebarBadgeKind } from './sidebar.types';
+export type SidebarItemProps = {
+    item: SidebarMenuItem;
+    active?: boolean;
+    subitem?: boolean;
+    /** Quando true, o ícone usa cor de brand (usado em groups com filho ativo) */
+    iconBrand?: boolean;
+    onClick?: (e: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+    className?: string;
+};
+export declare const SidebarItem: import('react').ForwardRefExoticComponent<SidebarItemProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export declare function SidebarPill({ kind, active, children, className, }: {
+    kind?: SidebarBadgeKind;
+    active?: boolean;
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-item.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQnD,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,oIAsDvB,CAAC;AAIF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAMA"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-panel.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { SidebarContext, SidebarMenuItem } from './sidebar.types';
+export type SidebarPanelProps = {
+    context: SidebarContext;
+    collapsed?: boolean;
+    /** Quando true: panel renderiza como overlay absoluto (hover-to-expand) */
+    floating?: boolean;
+    /** Quando true (mobile): panel preenche o drawer full-screen (flex-1). */
+    mobile?: boolean;
+    activeItemHref?: string;
+    onItemClick?: (item: SidebarMenuItem) => void;
+    /** Quando passados, o título vira um dropdown switcher de contextos */
+    contexts?: SidebarContext[];
+    onContextChange?: (id: string) => void;
+    /** Fallback: callback ao clicar no título (usado quando contexts não passado) */
+    onTitleClick?: () => void;
+    /** Conteúdo custom no body (substitui items/sections quando passado) */
+    children?: ReactNode;
+    className?: string;
+};
+export declare function SidebarPanel({ context, collapsed, floating, mobile, activeItemHref, onItemClick, contexts, onContextChange, onTitleClick, children, className, }: SidebarPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-panel.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBvC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,uEAAuE;IACvE,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,MAAM,EACN,cAAc,EACd,WAAW,EACX,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,2CAwFnB"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-rail.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { SidebarContext } from './sidebar.types';
+export type SidebarRailProps = {
+    contexts: SidebarContext[];
+    activeContextId: string;
+    onContextChange: (id: string) => void;
+    brand?: ReactNode;
+    user?: ReactNode;
+    showAdd?: boolean;
+    onAddClick?: () => void;
+    className?: string;
+};
+export declare function SidebarRail({ contexts, activeContextId, onContextChange, brand, user, showAdd, onAddClick, className, }: SidebarRailProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-rail.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-rail.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-rail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,eAAe,EACf,eAAe,EACf,KAAK,EACL,IAAI,EACJ,OAAe,EACf,UAAU,EACV,SAAS,GACV,EAAE,gBAAgB,2CA8ClB"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-section.d.ts

@@ -0,0 +1,10 @@
+import { SidebarSection as SidebarSectionData } from './sidebar.types';
+export type SidebarSectionProps = {
+    section: SidebarSectionData;
+    /** Estado controlado — se omitido, gerencia internamente */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+export declare function SidebarSection({ section, open, onOpenChange, className, }: SidebarSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-section.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-section.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CA4FrB"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-subgroup.d.ts

@@ -0,0 +1,13 @@
+import { SidebarMenuItem } from './sidebar.types';
+export type SidebarSubgroupProps = {
+    item: SidebarMenuItem;
+    activeItemHref?: string;
+    onItemClick?: (item: SidebarMenuItem) => void;
+    /** Estado controlado de collapse — se omitido, gerencia internamente */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+export declare function SidebarSubgroup({ item, activeItemHref, onItemClick, open, defaultOpen, onOpenChange, className, }: SidebarSubgroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-subgroup.d.ts.map

package/dist-lib/src/components/ui/MenuSidebar/sidebar-subgroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-subgroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-subgroup.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,eAAe,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,cAAc,EACd,WAAW,EACX,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,oBAAoB,2CAuDtB"}