@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/components/ui/Kpi/kpi.styles.d.ts

@@ -0,0 +1,159 @@
+export declare const kpi: import('tailwind-variants').TVReturnType<{
+    surface: {
+        card: {
+            root: string;
+        };
+        plain: {
+            root: string;
+        };
+    };
+    tone: {
+        brand: {
+            iconBox: string;
+        };
+        success: {
+            iconBox: string;
+        };
+        warning: {
+            iconBox: string;
+        };
+        info: {
+            iconBox: string;
+        };
+        danger: {
+            iconBox: string;
+        };
+        neutral: {
+            iconBox: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    label: string;
+    iconBox: string;
+    main: string;
+    valueRow: string;
+    value: string;
+    hint: string;
+    chart: string;
+    footnote: string;
+}, undefined, {
+    surface: {
+        card: {
+            root: string;
+        };
+        plain: {
+            root: string;
+        };
+    };
+    tone: {
+        brand: {
+            iconBox: string;
+        };
+        success: {
+            iconBox: string;
+        };
+        warning: {
+            iconBox: string;
+        };
+        info: {
+            iconBox: string;
+        };
+        danger: {
+            iconBox: string;
+        };
+        neutral: {
+            iconBox: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    label: string;
+    iconBox: string;
+    main: string;
+    valueRow: string;
+    value: string;
+    hint: string;
+    chart: string;
+    footnote: string;
+}, import('tailwind-variants').TVReturnType<{
+    surface: {
+        card: {
+            root: string;
+        };
+        plain: {
+            root: string;
+        };
+    };
+    tone: {
+        brand: {
+            iconBox: string;
+        };
+        success: {
+            iconBox: string;
+        };
+        warning: {
+            iconBox: string;
+        };
+        info: {
+            iconBox: string;
+        };
+        danger: {
+            iconBox: string;
+        };
+        neutral: {
+            iconBox: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    label: string;
+    iconBox: string;
+    main: string;
+    valueRow: string;
+    value: string;
+    hint: string;
+    chart: string;
+    footnote: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const kpiGroup: import('tailwind-variants').TVReturnType<{
+    columns: {
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+    divided: {
+        true: string;
+        false: string;
+    };
+}, undefined, "grid w-full", {
+    columns: {
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+    divided: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    columns: {
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+    divided: {
+        true: string;
+        false: string;
+    };
+}, undefined, "grid w-full", unknown, unknown, undefined>>;
+//# sourceMappingURL=kpi.styles.d.ts.map

package/dist-lib/src/components/ui/Kpi/kpi.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoCd,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0DAoBnB,CAAC"}

package/dist-lib/src/components/ui/Kpi/kpi.types.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+/** Tom semântico do container de ícone do KPI. */
+export type KpiTone = "brand" | "success" | "warning" | "info" | "danger" | "neutral";
+export interface KpiDeltaProps {
+    /** Texto do delta (ex.: "+18%", "-12s"). */
+    value: ReactNode;
+    /** Tom da pílula. Default: "success". */
+    tone?: "success" | "danger" | "neutral";
+    /** Mostra seta ↑/↓ antes do valor. */
+    direction?: "up" | "down";
+    className?: string;
+}
+export interface KpiProps {
+    /** Título do KPI. */
+    label: string;
+    /** Valor de destaque. */
+    value: ReactNode;
+    /** Delta — passe um `<KpiDelta>` (ou qualquer nó). */
+    delta?: ReactNode;
+    /** Sublabel sob o valor (ex.: "vs ontem", "Last 7 days"). */
+    hint?: ReactNode;
+    /** Ícone (lucide etc.) — renderizado num container colorido por `tone`. */
+    icon?: ReactNode;
+    /** Tom do container do ícone. Default: "neutral". */
+    tone?: KpiTone;
+    /** Nota no rodapé (com divisória acima). */
+    footnote?: ReactNode;
+    /** Slot livre (sparkline/chart) renderizado abaixo do valor. */
+    children?: ReactNode;
+    /**
+     * Superfície do card. "card" = chrome próprio (borda+bg+shadow);
+     * "plain" = sem chrome (pra usar dentro de `KpiGroup divided`).
+     * Quando omitido, herda do `KpiGroup` (default "card").
+     */
+    surface?: "card" | "plain";
+    className?: string;
+}
+export interface KpiGroupProps {
+    /** Nº de colunas no desktop (responsivo abaixo). Default: 4. */
+    columns?: 2 | 3 | 4 | 5 | 6;
+    /** Divisórias entre os KPIs (vira 1 card único). Default: false. */
+    divided?: boolean;
+    children?: ReactNode;
+    className?: string;
+}
+//# sourceMappingURL=kpi.types.d.ts.map

package/dist-lib/src/components/ui/Kpi/kpi.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,kDAAkD;AAClD,MAAM,MAAM,OAAO,GACf,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,aAAa;IAC5B,4CAA4C;IAC5C,KAAK,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,sCAAsC;IACtC,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,gEAAgE;IAChE,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist-lib/src/components/ui/List/hooks/use-disclosure-set.d.ts

@@ -0,0 +1,17 @@
+type Options = {
+    controlled?: Set<string>;
+    defaultValue?: Set<string>;
+    onChange?: (ids: Set<string>) => void;
+};
+/**
+ * Set de IDs expandidos (colapso de grupos/hierarquia) com idioma
+ * controlado/não-controlado. Mesma mecânica do useSelectionSet, mantido
+ * separado por coesão semântica (expansão ≠ seleção).
+ */
+export declare function useDisclosureSet({ controlled, defaultValue, onChange }: Options): {
+    expanded: Set<string>;
+    toggle: (id: string) => void;
+    setExpanded: (next: Set<string>) => void;
+};
+export {};
+//# sourceMappingURL=use-disclosure-set.d.ts.map

package/dist-lib/src/components/ui/List/hooks/use-disclosure-set.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-disclosure-set.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/List/hooks/use-disclosure-set.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG;IACb,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,OAAO;;iBAgBvE,MAAM;wBARJ,GAAG,CAAC,MAAM,CAAC;EAkBrB"}

package/dist-lib/src/components/ui/List/hooks/use-selection-set.d.ts

@@ -0,0 +1,18 @@
+type Options = {
+    controlled?: Set<string>;
+    defaultValue?: Set<string>;
+    onChange?: (ids: Set<string>) => void;
+};
+/**
+ * Set de IDs selecionados com idioma controlado/não-controlado.
+ * - `controlled` presente → o consumer dona o estado (List vira burro).
+ * - senão → estado interno semeado por `defaultValue`.
+ * `onChange` sempre dispara (mesmo no modo controlado).
+ */
+export declare function useSelectionSet({ controlled, defaultValue, onChange }: Options): {
+    selected: Set<string>;
+    toggle: (id: string) => void;
+    setSelected: (next: Set<string>) => void;
+};
+export {};
+//# sourceMappingURL=use-selection-set.d.ts.map

package/dist-lib/src/components/ui/List/hooks/use-selection-set.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-selection-set.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/List/hooks/use-selection-set.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG;IACb,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,OAAO;;iBAgBtE,MAAM;wBARJ,GAAG,CAAC,MAAM,CAAC;EAkBrB"}

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

@@ -0,0 +1,4 @@
+export { List } from './list';
+export { ListItem } from './list-item';
+export type { ListProps, ListItemData, ListItemMeta, ListGroup, ListMenuItem, ListLayout, ListDensity, ListRenderState, } from './list.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EACV,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,eAAe,GAChB,MAAM,cAAc,CAAC"}

package/dist-lib/src/components/ui/List/layouts/_sortable-item.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { ListStyleVariants } from '../list.styles';
+import { ListItemData, ListMenuItem, ListRenderState } from '../list.types';
+type SortableListItemProps = {
+    item: ListItemData;
+    index: number;
+    density: NonNullable<ListStyleVariants["density"]>;
+    enableDnD: boolean;
+    open: boolean;
+    selectable?: boolean;
+    selected: boolean;
+    onToggleSelect?: (id: string) => void;
+    onClick?: (id: string) => void;
+    renderItem?: (item: ListItemData, state: ListRenderState) => ReactNode;
+    getMenuItems?: (item: ListItemData) => ListMenuItem[];
+};
+/**
+ * Row da lista. Sem DnD → ListItem direto. Com DnD → envolve num `<Draggable>`
+ * do @hello-pangea/dnd: o elemento real é movido (física natural de lista) e o
+ * `snapshot.isDragging` dispara a elevação visual (sombra + border).
+ */
+export declare function SortableListItem({ item, index, density, enableDnD, open, selectable, selected, onToggleSelect, onClick, renderItem, getMenuItems, }: SortableListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=_sortable-item.d.ts.map

package/dist-lib/src/components/ui/List/layouts/_sortable-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_sortable-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/List/layouts/_sortable-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,YAAY,EAAE,CAAC;CACvD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,cAAc,EACd,OAAO,EACP,UAAU,EACV,YAAY,GACb,EAAE,qBAAqB,2CAkCvB"}

package/dist-lib/src/components/ui/List/layouts/grouped-layout.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { ListStyleVariants } from '../list.styles';
+import { GroupedBucket } from '../utils/group-items';
+import { ListItemData, ListMenuItem, ListRenderState } from '../list.types';
+type GroupedLayoutProps = {
+    buckets: GroupedBucket[];
+    density: NonNullable<ListStyleVariants["density"]>;
+    enableDnD: boolean;
+    /** Painel sutil por grupo ("card fino" que diferencia da superfície). */
+    groupSurface?: boolean;
+    /** Set de grupos ABERTOS (expandido). */
+    openGroups: Set<string>;
+    onToggleGroup: (groupId: string) => void;
+    selectable?: boolean;
+    selectedIds: Set<string>;
+    openId?: string;
+    onToggleSelect?: (id: string) => void;
+    onItemClick?: (id: string) => void;
+    renderItem?: (item: ListItemData, state: ListRenderState) => ReactNode;
+    getMenuItems?: (item: ListItemData) => ListMenuItem[];
+};
+export declare function GroupedLayout(props: GroupedLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=grouped-layout.d.ts.map

package/dist-lib/src/components/ui/List/layouts/grouped-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouped-layout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/List/layouts/grouped-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,OAAO,EAAE,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACxB,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,YAAY,EAAE,CAAC;CACvD,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAUtD"}

package/dist-lib/src/components/ui/List/layouts/hierarchical-layout.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { ListStyleVariants } from '../list.styles';
+import { ListItemData, ListMenuItem, ListRenderState } from '../list.types';
+type BranchHighlight = "none" | "block" | "active";
+type HierarchicalLayoutProps = {
+    items: ListItemData[];
+    density: NonNullable<ListStyleVariants["density"]>;
+    expanded: Set<string>;
+    onToggleExpand: (id: string) => void;
+    showConnectors: boolean;
+    indentSize: number;
+    branchHighlight?: BranchHighlight;
+    selectable?: boolean;
+    selectedIds: Set<string>;
+    openId?: string;
+    onToggleSelect?: (id: string) => void;
+    onItemClick?: (id: string) => void;
+    renderItem?: (item: ListItemData, state: ListRenderState) => ReactNode;
+    getMenuItems?: (item: ListItemData) => ListMenuItem[];
+};
+/**
+ * Layout hierárquico (tree-as-list). Dois modos de visualização:
+ * - `branchHighlight="none"` (default) → conectores (elbow lines) em linhas planas.
+ * - `branchHighlight="block"|"active"` → painéis aninhados que destacam a "família".
+ */
+export declare function HierarchicalLayout(props: HierarchicalLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=hierarchical-layout.d.ts.map

package/dist-lib/src/components/ui/List/layouts/hierarchical-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchical-layout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/List/layouts/hierarchical-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGpE,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;IACnD,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,YAAY,EAAE,CAAC;CACvD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAOhE"}

package/dist-lib/src/components/ui/List/layouts/standard-layout.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { ListStyleVariants } from '../list.styles';
+import { ListItemData, ListMenuItem, ListRenderState } from '../list.types';
+type StandardLayoutProps = {
+    items: ListItemData[];
+    droppableId: string;
+    density: NonNullable<ListStyleVariants["density"]>;
+    enableDnD: boolean;
+    selectable?: boolean;
+    selectedIds: Set<string>;
+    openId?: string;
+    onToggleSelect?: (id: string) => void;
+    onItemClick?: (id: string) => void;
+    renderItem?: (item: ListItemData, state: ListRenderState) => ReactNode;
+    getMenuItems?: (item: ListItemData) => ListMenuItem[];
+};
+export declare function StandardLayout({ items, droppableId, density, enableDnD, selectable, selectedIds, openId, onToggleSelect, onItemClick, renderItem, getMenuItems, }: StandardLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=standard-layout.d.ts.map

package/dist-lib/src/components/ui/List/layouts/standard-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"standard-layout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/List/layouts/standard-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEpE,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,YAAY,EAAE,CAAC;CACvD,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,EACT,UAAU,EACV,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,UAAU,EACV,YAAY,GACb,EAAE,mBAAmB,2CAsCrB"}

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { DraggableProvidedDraggableProps, DraggableProvidedDragHandleProps } from '@hello-pangea/dnd';
+import { ListStyleVariants } from './list.styles';
+import { ListItemData, ListMenuItem, ListRenderState } from './list.types';
+type ListItemProps = {
+    item: ListItemData;
+    state: ListRenderState;
+    density: NonNullable<ListStyleVariants["density"]>;
+    renderItem?: (item: ListItemData, state: ListRenderState) => ReactNode;
+    getMenuItems?: (item: ListItemData) => ListMenuItem[];
+    onClick?: (id: string) => void;
+    selectable?: boolean;
+    onToggleSelect?: (id: string) => void;
+    expandToggle?: ReactNode;
+    innerRef?: (el: HTMLElement | null) => void;
+    draggableProps?: DraggableProvidedDraggableProps;
+    dragHandleProps?: DraggableProvidedDragHandleProps | null;
+    showHandle?: boolean;
+    className?: string;
+};
+/**
+ * <ListItem> — card (row) do List. Wrapper sempre controlado pelo componente
+ * (estados selected/open/dragging, checkbox, handle, menu). O miolo é o layout
+ * default por slots OU `renderItem` (override). Não use direto pra montar a
+ * lista — é renderizado pelos layouts do `<List>`.
+ */
+export declare function ListItem({ item, state, density, renderItem, getMenuItems, onClick, selectable, onToggleSelect, expandToggle, innerRef, draggableProps, dragHandleProps, showHandle, className, }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=list-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/List/list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,KAAK,EACV,+BAA+B,EAC/B,gCAAgC,EACjC,MAAM,mBAAmB,CAAC;AAY3B,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EAChB,MAAM,cAAc,CAAC;AAEtB,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;IAEnD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,YAAY,EAAE,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAG/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAGtC,YAAY,CAAC,EAAE,SAAS,CAAC;IAGzB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,+BAA+B,CAAC;IACjD,eAAe,CAAC,EAAE,gCAAgC,GAAG,IAAI,CAAC;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,YAAY,EACZ,OAAO,EACP,UAAU,EACV,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,eAAe,EACf,UAAU,EACV,SAAS,GACV,EAAE,aAAa,2CA+Ff"}

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

@@ -0,0 +1,15 @@
+import { ListProps } from './list.types';
+/**
+ * <List> — primitivo de listagem em cards (como `Table` é o primitivo de tabela).
+ * Burro: recebe dados + estado de UI (controlado/não-controlado) e emite callbacks.
+ * Sem busca/filtro/sort/server/toolbar — isso é o `DataList` (passo 2).
+ *
+ * Layouts: `standard` (lista plana) · `grouped` (seções + DnD) · `hierarchical`
+ * (árvore-como-lista colapsável com conectores). Card via slots ou `renderItem`.
+ *
+ * DnD via @hello-pangea/dnd (física natural de lista: displacement suave dos
+ * irmãos + placeholder que abre espaço). Burro: emite `onMove`/`onReorder`,
+ * o consumer commita o estado.
+ */
+export declare function List({ layout, items, groups, renderItem, getMenuItems, onItemClick, openId, selectable, selectedIds, defaultSelectedIds, onSelectionChange, expandedIds, defaultExpandedIds, onExpandedChange, showConnectors, indentSize, branchHighlight, enableDnD, groupSurface, onReorder, onMove, loading, skeletonCount, emptyState, density, className, }: ListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/List/list.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C;;;;;;;;;;;GAWG;AACH,wBAAgB,IAAI,CAAC,EACnB,MAAmB,EACnB,KAAK,EACL,MAAM,EACN,UAAU,EACV,YAAY,EACZ,WAAW,EACX,MAAM,EACN,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,cAAqB,EACrB,UAAe,EACf,eAAwB,EACxB,SAAiB,EACjB,YAAY,EACZ,SAAS,EACT,MAAM,EACN,OAAO,EACP,aAAiB,EACjB,UAAU,EACV,OAAuB,EACvB,SAAS,GACV,EAAE,SAAS,2CAwIX"}

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

@@ -0,0 +1,207 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * Slots tv() do <List>. Card reusa a "receita" do TableCardRow/Kanban
+ * (bg-surface + border + estados selected/open com strip lateral brand).
+ * Só tokens DS. Connectors via border-default.
+ */
+export declare const listStyles: import('tailwind-variants').TVReturnType<{
+    density: {
+        comfortable: {
+            groupBody: string;
+            root: string;
+        };
+        compact: {
+            groupBody: string;
+            root: string;
+        };
+    };
+    clickable: {
+        true: {
+            item: string;
+        };
+    };
+    selected: {
+        true: {
+            item: string;
+        };
+    };
+    open: {
+        true: {
+            item: string;
+        };
+    };
+    /** Card em arrasto (hello-pangea move o próprio elemento): elevar, não esmaecer. */
+    dragging: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    group: string;
+    groupHeader: string;
+    groupToggle: string;
+    groupDot: string;
+    groupTitle: string;
+    groupCount: string;
+    groupAdd: string;
+    groupBody: string;
+    item: string;
+    handle: string;
+    checkbox: string;
+    leading: string;
+    content: string;
+    title: string;
+    subtitle: string;
+    description: string;
+    metaRow: string;
+    metaCol: string;
+    metaLabel: string;
+    metaValue: string;
+    trailing: string;
+    actions: string;
+    indent: string;
+    connector: string;
+    /** Painel sutil por grupo (prop groupSurface) — "card fino" que diferencia da superfície.
+     *  Padding uniforme (top == bottom); header tem só pb (gap pro 1º card). */
+    groupPanel: string;
+    /** Realce da área de destino durante drag (isDraggingOver). */
+    dropZoneActive: string;
+    emptyState: string;
+    skeleton: string;
+    skeletonBar: string;
+}, undefined, {
+    density: {
+        comfortable: {
+            groupBody: string;
+            root: string;
+        };
+        compact: {
+            groupBody: string;
+            root: string;
+        };
+    };
+    clickable: {
+        true: {
+            item: string;
+        };
+    };
+    selected: {
+        true: {
+            item: string;
+        };
+    };
+    open: {
+        true: {
+            item: string;
+        };
+    };
+    /** Card em arrasto (hello-pangea move o próprio elemento): elevar, não esmaecer. */
+    dragging: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    group: string;
+    groupHeader: string;
+    groupToggle: string;
+    groupDot: string;
+    groupTitle: string;
+    groupCount: string;
+    groupAdd: string;
+    groupBody: string;
+    item: string;
+    handle: string;
+    checkbox: string;
+    leading: string;
+    content: string;
+    title: string;
+    subtitle: string;
+    description: string;
+    metaRow: string;
+    metaCol: string;
+    metaLabel: string;
+    metaValue: string;
+    trailing: string;
+    actions: string;
+    indent: string;
+    connector: string;
+    /** Painel sutil por grupo (prop groupSurface) — "card fino" que diferencia da superfície.
+     *  Padding uniforme (top == bottom); header tem só pb (gap pro 1º card). */
+    groupPanel: string;
+    /** Realce da área de destino durante drag (isDraggingOver). */
+    dropZoneActive: string;
+    emptyState: string;
+    skeleton: string;
+    skeletonBar: string;
+}, import('tailwind-variants').TVReturnType<{
+    density: {
+        comfortable: {
+            groupBody: string;
+            root: string;
+        };
+        compact: {
+            groupBody: string;
+            root: string;
+        };
+    };
+    clickable: {
+        true: {
+            item: string;
+        };
+    };
+    selected: {
+        true: {
+            item: string;
+        };
+    };
+    open: {
+        true: {
+            item: string;
+        };
+    };
+    /** Card em arrasto (hello-pangea move o próprio elemento): elevar, não esmaecer. */
+    dragging: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    group: string;
+    groupHeader: string;
+    groupToggle: string;
+    groupDot: string;
+    groupTitle: string;
+    groupCount: string;
+    groupAdd: string;
+    groupBody: string;
+    item: string;
+    handle: string;
+    checkbox: string;
+    leading: string;
+    content: string;
+    title: string;
+    subtitle: string;
+    description: string;
+    metaRow: string;
+    metaCol: string;
+    metaLabel: string;
+    metaValue: string;
+    trailing: string;
+    actions: string;
+    indent: string;
+    connector: string;
+    /** Painel sutil por grupo (prop groupSurface) — "card fino" que diferencia da superfície.
+     *  Padding uniforme (top == bottom); header tem só pb (gap pro 1º card). */
+    groupPanel: string;
+    /** Realce da área de destino durante drag (isDraggingOver). */
+    dropZoneActive: string;
+    emptyState: string;
+    skeleton: string;
+    skeletonBar: string;
+}, undefined, unknown, unknown, undefined>>;
+export type ListStyleVariants = VariantProps<typeof listStyles>;
+//# sourceMappingURL=list.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/List/list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;IA+EnB,oFAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IArCpF;gFAC4E;;IAE5E,+DAA+D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkC/D,oFAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IArCpF;gFAC4E;;IAE5E,+DAA+D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkC/D,oFAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IArCpF;gFAC4E;;IAE5E,+DAA+D;;;;;2CA2CjE,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC"}