@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/components/ui/SingleMenuSidebar/single-menu-sidebar.styles.d.ts

@@ -0,0 +1,204 @@
+export declare const sidebarRoot: import('tailwind-variants').TVReturnType<{
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const category: import('tailwind-variants').TVReturnType<{
+    state: {
+        selected: {
+            root: string;
+            text: string;
+            icon: string;
+            chevron: string;
+        };
+        default: {
+            root: string;
+            text: string;
+            icon: string;
+            chevron: string;
+        };
+    };
+    collapsed: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    text: string;
+    icon: string;
+    chevron: string;
+}, undefined, {
+    state: {
+        selected: {
+            root: string;
+            text: string;
+            icon: string;
+            chevron: string;
+        };
+        default: {
+            root: string;
+            text: string;
+            icon: string;
+            chevron: string;
+        };
+    };
+    collapsed: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    text: string;
+    icon: string;
+    chevron: string;
+}, import('tailwind-variants').TVReturnType<{
+    state: {
+        selected: {
+            root: string;
+            text: string;
+            icon: string;
+            chevron: string;
+        };
+        default: {
+            root: string;
+            text: string;
+            icon: string;
+            chevron: string;
+        };
+    };
+    collapsed: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    text: string;
+    icon: string;
+    chevron: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const menuItem: import('tailwind-variants').TVReturnType<{
+    selected: {
+        true: {
+            border: string;
+            text: string;
+        };
+        false: {
+            border: string;
+            text: string;
+        };
+    };
+}, {
+    root: string;
+    border: string;
+    text: string;
+}, undefined, {
+    selected: {
+        true: {
+            border: string;
+            text: string;
+        };
+        false: {
+            border: string;
+            text: string;
+        };
+    };
+}, {
+    root: string;
+    border: string;
+    text: string;
+}, import('tailwind-variants').TVReturnType<{
+    selected: {
+        true: {
+            border: string;
+            text: string;
+        };
+        false: {
+            border: string;
+            text: string;
+        };
+    };
+}, {
+    root: string;
+    border: string;
+    text: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const styles: {
+    readonly header: {
+        readonly wrapper: "flex h-16 items-center overflow-hidden px-pad-4xl py-pad-md shrink-0";
+        readonly wrapperCollapsed: "justify-center px-0";
+        readonly inner: "flex items-center gap-gp-md";
+        readonly logo: "shrink-0";
+        readonly title: "text-title-sm font-bold text-fg-default whitespace-nowrap";
+        readonly collapseBtn: "ml-auto shrink-0 cursor-pointer rounded-radius-md p-pad-xs text-fg-subtle hover:bg-bg-sidebar-accent hover:text-fg-muted transition-colors";
+        readonly expandBtn: "absolute right-0 top-16 translate-x-1/2 z-10 cursor-pointer rounded-radius-full bg-bg-surface border border-border-default p-pad-xs shadow-sh-sm text-fg-subtle hover:text-fg-muted transition-colors";
+        readonly expandBtnIcon: "size-icon-sm";
+    };
+    readonly module: {
+        readonly trigger: "flex w-full cursor-pointer items-center gap-gp-lg rounded-radius-md bg-bg-sidebar-accent py-pad-md pl-pad-md pr-pad-2xl shadow-sh-sm transition-colors hover:bg-bg-sidebar-accent-hover focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand";
+        readonly iconContainer: "flex size-icon-xl shrink-0 items-center justify-center rounded-radius-md bg-bg-brand text-fg-on-brand";
+        readonly textContainer: "flex flex-col items-start gap-gp-xs overflow-hidden";
+        readonly title: "text-body-md font-bold leading-4 text-fg-default truncate text-left";
+        readonly subtitle: "text-caption-sm font-semibold text-fg-subtle text-left";
+        readonly chevron: "ml-auto shrink-0 size-icon-sm text-fg-subtle";
+        readonly dropdownItem: "flex items-center gap-gp-lg cursor-pointer";
+        readonly dropdownItemSelected: "bg-bg-brand-subtle text-fg-brand";
+        readonly dropdownItemIcon: "flex size-icon-lg shrink-0 items-center justify-center rounded-radius-sm bg-bg-brand [&>svg]:size-icon-sm [&>svg]:!text-fg-on-brand";
+        readonly dropdownItemLabel: "flex-1 text-body-md font-medium";
+        readonly dropdownItemCheck: "ml-auto shrink-0 size-icon-sm !text-fg-brand";
+    };
+    readonly search: {
+        readonly wrapper: "flex w-full items-center justify-between rounded-radius-lg bg-bg-muted py-pad-sm pl-pad-lg pr-pad-sm transition-all focus-within:bg-bg-surface focus-within:ring-4 focus-within:ring-ring-brand";
+        readonly inner: "flex flex-1 items-center gap-gp-md opacity-60 focus-within:opacity-100";
+        readonly icon: "shrink-0 size-icon-sm text-fg-muted";
+        readonly text: "text-body-sm font-medium text-fg-default placeholder:text-fg-subtle";
+        readonly shortcutBadge: "shrink-0 flex items-center justify-center rounded-radius-md bg-bg-surface px-pad-md py-pad-xs shadow-sh-sm";
+        readonly shortcutText: "text-body-sm font-medium text-fg-muted";
+    };
+    readonly footer: {
+        readonly wrapper: "px-pad-lg py-pad-xl";
+        readonly button: "flex w-full cursor-pointer items-center gap-gp-lg rounded-radius-lg bg-bg-sidebar-accent px-pad-2xl py-pad-xl transition-colors hover:bg-bg-sidebar-accent-hover focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand";
+        readonly avatar: "flex size-form-sm shrink-0 items-center justify-center rounded-radius-full bg-bg-muted overflow-hidden";
+        readonly avatarIcon: "shrink-0 size-icon-sm text-fg-muted";
+        readonly textContainer: "flex flex-col items-start gap-gp-2xs overflow-hidden";
+        readonly name: "text-body-sm font-semibold text-fg-default truncate w-full text-left";
+        readonly email: "text-caption-sm font-medium text-fg-muted truncate w-full text-left";
+        readonly chevron: "ml-auto shrink-0 size-icon-sm text-fg-subtle";
+        readonly dropdownLabel: "flex flex-col gap-gp-2xs px-pad-sm py-pad-xs normal-case tracking-normal";
+        readonly dropdownLabelName: "text-body-md font-semibold";
+        readonly dropdownLabelEmail: "text-caption-md font-normal text-fg-muted";
+        readonly dropdownItem: "flex items-center gap-gp-md cursor-pointer";
+        readonly dropdownItemIcon: "size-icon-sm shrink-0";
+    };
+    readonly textFadeIn: "animate-in fade-in-0 duration-200";
+    readonly divider: "mx-pad-3xl h-px bg-border-sidebar";
+    readonly sectionPadding: "flex flex-col gap-gp-2xl px-pad-3xl py-pad-4xl shrink-0 overflow-hidden";
+    readonly navContainer: "scrollbar-thin flex flex-1 flex-col overflow-y-auto overflow-x-hidden py-pad-4xl";
+    readonly navContainerExpanded: "px-pad-3xl";
+    readonly navContainerCollapsed: "items-center";
+    readonly navList: "flex flex-col";
+    readonly subItemList: "flex flex-col py-pad-lg";
+};
+//# sourceMappingURL=single-menu-sidebar.styles.d.ts.map

package/dist-lib/src/components/ui/SingleMenuSidebar/single-menu-sidebar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-menu-sidebar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/SingleMenuSidebar/single-menu-sidebar.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;qDAiBtB,CAAC;AAGH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkCnB,CAAC;AAGH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqBnB,CAAC;AAGH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFT,CAAC"}

package/dist-lib/src/components/ui/SingleMenuSidebar/single-menu-sidebar.types.d.ts

@@ -0,0 +1,181 @@
+import { ReactNode, HTMLAttributes, Ref } from 'react';
+/** Sub-item dentro de uma categoria (ex.: "Contratos Instalação"). */
+export interface SingleMenuSubItem {
+    /** Identificador único */
+    id: string;
+    /** Rótulo exibido */
+    label: string;
+    /** Href opcional de navegação */
+    href?: string;
+}
+/**
+ * Categoria de navegação (ex.: "Instalações", "Faturamento").
+ * Link simples (sem `items`) ou grupo accordion (com `items`).
+ */
+export interface SingleMenuCategory {
+    /** Identificador único */
+    id: string;
+    /** Ícone da categoria (qualquer ReactNode/ícone) */
+    icon: ReactNode;
+    /** Rótulo exibido */
+    label: string;
+    /** Href opcional (categorias sem sub-itens) */
+    href?: string;
+    /** Sub-itens exibidos quando a categoria está aberta */
+    items?: SingleMenuSubItem[];
+    /** Marca a categoria como visualmente ativa (link sem sub-itens) */
+    active?: boolean;
+}
+/** Opção do dropdown do seletor de módulo. */
+export interface SingleMenuModuleOption {
+    /** Identificador único */
+    id: string;
+    /** Rótulo exibido */
+    label: string;
+    /** Ícone do módulo */
+    icon: ReactNode;
+}
+/**
+ * Configuração do seletor de módulo.
+ * Com `options`, o clique abre um dropdown para trocar de módulo.
+ * Sem `options`, é apenas display (sem dropdown).
+ */
+export interface SingleMenuModule {
+    /** Ícone do módulo selecionado */
+    icon: ReactNode;
+    /** Nome do módulo selecionado */
+    title: string;
+    /** Subtítulo / descrição */
+    subtitle: string;
+    /** Módulos disponíveis para troca (renderiza dropdown quando presente) */
+    options?: SingleMenuModuleOption[];
+    /** Callback ao selecionar um módulo no dropdown */
+    onModuleChange?: (id: string) => void;
+}
+/**
+ * Módulo com menu próprio. Quando `modules` é passado à sidebar, trocar de
+ * módulo no seletor atualiza o módulo ativo E o conjunto de categorias exibido.
+ */
+export interface SingleMenuModuleConfig {
+    /** Identificador único */
+    id: string;
+    /** Ícone do módulo */
+    icon: ReactNode;
+    /** Nome do módulo (vira o título do seletor) */
+    title: string;
+    /** Subtítulo / descrição */
+    subtitle?: string;
+    /** Categorias deste módulo (o menu exibido quando ele está ativo) */
+    categories: SingleMenuCategory[];
+}
+/** Ação no dropdown do usuário (ex.: "Perfil", "Sair"). */
+export interface SingleMenuUserAction {
+    /** Identificador único */
+    id: string;
+    /** Rótulo exibido */
+    label: string;
+    /** Ícone opcional */
+    icon?: ReactNode;
+    /** Variante visual — `destructive` renderiza em danger (ex.: Sair) */
+    variant?: "default" | "destructive";
+}
+/** Informações do usuário no rodapé. */
+export interface SingleMenuUser {
+    /** Nome exibido */
+    name: string;
+    /** E-mail */
+    email: string;
+    /** Avatar customizado (default: ícone genérico de usuário) */
+    avatar?: ReactNode;
+    /** Ações do dropdown (renderiza dropdown quando presente) */
+    actions?: SingleMenuUserAction[];
+    /** Callback ao clicar numa ação */
+    onAction?: (id: string) => void;
+}
+export interface SingleMenuSearchProps {
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    inputRef?: Ref<HTMLInputElement>;
+}
+export interface SingleMenuHeaderProps {
+    logo: ReactNode;
+    title: string;
+    showToggleIndicator?: boolean;
+}
+export interface SingleMenuCategoryProps extends SingleMenuCategory {
+    /** Sub-item atualmente selecionado */
+    activeItemId?: string;
+    /** Callback ao clicar num sub-item */
+    onItemClick?: (id: string) => void;
+    /** Callback ao clicar no cabeçalho da categoria */
+    onCategoryClick?: () => void;
+}
+export interface SingleMenuItemProps {
+    label: string;
+    selected?: boolean;
+    onClick?: () => void;
+}
+export interface SingleMenuFooterProps extends SingleMenuUser {
+}
+export interface SingleMenuModuleSelectorProps extends SingleMenuModule {
+}
+/**
+ * SingleMenuSidebar — props do container.
+ *
+ * @example
+ * <SingleMenuSidebar
+ *   logo={<IgreenLogo />}
+ *   title="Sólis iGreen"
+ *   categories={categories}
+ *   user={{ name: "Sérgio", email: "sergio@igreen.com", actions: userActions }}
+ *   module={{ icon, title: "Créditos", subtitle: "Módulo", options: modules }}
+ *   activeItemId="central"
+ *   onItemClick={(id) => setActiveItem(id)}
+ * />
+ */
+export interface SingleMenuSidebarProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /** Ícone/logo do header */
+    logo: ReactNode;
+    /** Título do app exibido quando expandido */
+    title: string;
+    /** Config do seletor de módulo (com dropdown opcional). Ignorado se `modules`. */
+    module?: SingleMenuModule;
+    /**
+     * Módulos com menu próprio. Quando presente, o seletor lista os módulos e
+     * trocar atualiza o módulo ativo + as categorias exibidas (sobrepõe `categories`).
+     */
+    modules?: SingleMenuModuleConfig[];
+    /** Módulo ativo (controlado) */
+    activeModuleId?: string;
+    /** Módulo ativo inicial (não-controlado). Default: 1º de `modules` */
+    defaultModuleId?: string;
+    /** Callback ao trocar de módulo */
+    onModuleChange?: (id: string) => void;
+    /** Exibe o campo de busca */
+    showSearch?: boolean;
+    /**
+     * Conteúdo customizado do CommandDialog da busca (dentro do `<CommandList>`).
+     * Default: lista os itens do menu (categorias + sub-itens).
+     */
+    searchCommand?: ReactNode;
+    /** Placeholder do campo de busca / da paleta Command */
+    searchPlaceholder?: string;
+    /** Array de categorias de navegação. Opcional se `modules` for usado. */
+    categories?: SingleMenuCategory[];
+    /** Sub-item selecionado (global, entre todas as categorias) */
+    activeItemId?: string;
+    /** Callback ao clicar em qualquer sub-item */
+    onItemClick?: (id: string) => void;
+    /** Informações do usuário no rodapé (com dropdown opcional) */
+    user: SingleMenuUser;
+    /** Estado expandido inicial */
+    defaultExpanded?: boolean;
+    /** Estado expandido controlado */
+    expanded?: boolean;
+    /** Callback na mudança de expandido */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Exibe o indicador flutuante de toggle quando recolhido (default: false) */
+    showToggleIndicator?: boolean;
+}
+//# sourceMappingURL=single-menu-sidebar.types.d.ts.map

package/dist-lib/src/components/ui/SingleMenuSidebar/single-menu-sidebar.types.d.ts.map

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

package/dist-lib/src/components/ui/SingleMenuSidebar/use-single-menu-sidebar.d.ts

@@ -0,0 +1,22 @@
+interface SingleMenuSidebarContextValue {
+    expanded: boolean;
+    /** Se o estado expandido veio de hover (temporário) ou toggle (travado) */
+    isHoverExpand: boolean;
+    toggle: () => void;
+    /** Categoria aberta no accordion (apenas 1 por vez) */
+    openCategoryId: string | null;
+    setOpenCategoryId: (id: string | null) => void;
+}
+export declare const SingleMenuSidebarContext: import('react').Context<SingleMenuSidebarContextValue>;
+export declare function useSingleMenuSidebar(): SingleMenuSidebarContextValue;
+export declare function useSingleMenuSidebarState(defaultExpanded: boolean, controlledExpanded?: boolean, onExpandedChange?: (v: boolean) => void): {
+    expanded: boolean;
+    isHoverExpand: boolean;
+    toggle: () => void;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    openCategoryId: string | null;
+    setOpenCategoryId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
+};
+export {};
+//# sourceMappingURL=use-single-menu-sidebar.d.ts.map

package/dist-lib/src/components/ui/SingleMenuSidebar/use-single-menu-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-single-menu-sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/SingleMenuSidebar/use-single-menu-sidebar.ts"],"names":[],"mappings":"AAaA,UAAU,6BAA6B;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uDAAuD;IACvD,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,wBAAwB,wDAOjC,CAAC;AAEL,wBAAgB,oBAAoB,kCAEnC;AAGD,wBAAgB,yBAAyB,CACvC,eAAe,EAAE,OAAO,EACxB,kBAAkB,CAAC,EAAE,OAAO,EAC5B,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI;;;;;;;;EAkFxC"}

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

@@ -0,0 +1,2 @@
+export { TabelaTeste } from './tabela-teste';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TabelaTeste/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist-lib/src/components/ui/TabelaTeste/mock-data.d.ts

@@ -0,0 +1,90 @@
+import { LucideIcon } from '../../../lib/lucide-types';
+export type TabelaCol = {
+    key: string;
+    type: "select" | "id" | "person" | "email" | "phone" | "status" | "category" | "agent" | "currency" | "date" | "text" | "actions";
+    label?: string;
+    icon?: LucideIcon;
+    width?: number;
+    minWidth?: number;
+    sorted?: boolean;
+};
+export declare const COLUMNS: TabelaCol[];
+export declare function getColCellStyle(col: TabelaCol): React.CSSProperties;
+export declare const STATUSES: {
+    readonly active: {
+        readonly label: "Ativo";
+        readonly color: "var(--color-fg-success)";
+    };
+    readonly pending: {
+        readonly label: "Pendente";
+        readonly color: "var(--color-fg-warning)";
+    };
+    readonly paused: {
+        readonly label: "Pausado";
+        readonly color: "var(--color-fg-info)";
+    };
+    readonly inactive: {
+        readonly label: "Inativo";
+        readonly color: "var(--color-fg-muted)";
+    };
+};
+export declare const CATEGORIES: {
+    royal: {
+        label: string;
+        kind: "warning";
+    };
+    licenciado: {
+        label: string;
+        kind: "info";
+    };
+    lead: {
+        label: string;
+        kind: "success";
+    };
+};
+export declare const AGENTS: {
+    readonly you: {
+        readonly name: "Você";
+        readonly initials: "VC";
+        readonly color: "#0a3a2e";
+    };
+    readonly aline: {
+        readonly name: "Aline Castro";
+        readonly initials: "AC";
+        readonly color: "#f59e0b";
+    };
+    readonly carlos: {
+        readonly name: "Carlos Souza";
+        readonly initials: "CS";
+        readonly color: "#8754ec";
+    };
+    readonly maria: {
+        readonly name: "Maria Lima";
+        readonly initials: "ML";
+        readonly color: "#ef4444";
+    };
+};
+export type TabelaRow = {
+    id: string;
+    name: string;
+    initials: string;
+    avatarColor: string;
+    email: string;
+    phone: string;
+    statusId: keyof typeof STATUSES;
+    categoryId: keyof typeof CATEGORIES;
+    location: string;
+    value: number;
+    agentId: keyof typeof AGENTS;
+    createdAt: number;
+    lastContact: number;
+};
+/**
+ * Dataset estendido — 50 rows.
+ * 5 ciclos de ROWS_BASE com IDs sequenciais (CLI-2401 → CLI-2450) e pequenas
+ * variações em nome/cidade/valor pra dar a sensação de dataset real.
+ */
+export declare const ROWS_MOCK: TabelaRow[];
+export declare function formatCurrency(value: number): string;
+export declare function formatDateShort(value: number): string;
+//# sourceMappingURL=mock-data.d.ts.map

package/dist-lib/src/components/ui/TabelaTeste/mock-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-data.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TabelaTeste/mock-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQrD,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClI,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,SAAS,EAc9B,CAAC;AAEF,wBAAgB,eAAe,CAAC,GAAG,EAAE,SAAS,GAAG,KAAK,CAAC,aAAa,CAInE;AAID,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;CAKX,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAItB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAKT,CAAC;AAIX,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,OAAO,QAAQ,CAAC;IAChC,UAAU,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,OAAO,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAsBF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,SAAS,EAc/B,CAAC;AAIH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,UAE3C;AAGD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,UAK5C"}

package/dist-lib/src/components/ui/TabelaTeste/tabela-teste.d.ts

@@ -0,0 +1,12 @@
+/**
+ * TabelaTeste — réplica visual da tabela do sandbox `/design-and-table-v2`.
+ *
+ * Hardcoded por design: sem props além do nada. 13 colunas fixas, 10 rows mock,
+ * densidade comfortable, cell-borders on. Toggle de seleção e detail panel
+ * (state local).
+ *
+ * Serve como referência visual fixa pra outros componentes Table do DS — o
+ * mapeamento de tokens, espaçamentos e estados está aqui de forma literal.
+ */
+export declare function TabelaTeste(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tabela-teste.d.ts.map

package/dist-lib/src/components/ui/TabelaTeste/tabela-teste.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabela-teste.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TabelaTeste/tabela-teste.tsx"],"names":[],"mappings":"AAgBA;;;;;;;;;GASG;AACH,wBAAgB,WAAW,4CAiE1B"}