@wellingtonhlc/shared-ui 0.29.0 → 0.29.1

package/README.md

@@ -187,6 +187,12 @@ O Storybook documenta as escalas em `Foundations` e organiza os exemplos públic
 `Components`, por função. Consumidores podem sobrescrever tokens de tema, mas componentes
 não devem introduzir hexadecimais, sombras ou escalas paralelas.
 
+O tema padrão usa azul como identidade de marca (`--brand`/`--primary`). No tema claro,
+Sidebar e Top Bar usam `--surface`; no tema escuro, usam `--background-secondary`, a mesma
+superfície de `Page.Actions`. `TabsUnderlined` possui um token próprio (`--tabs-background`)
+para manter contraste entre abas selecionadas e não selecionadas mesmo quando as superfícies
+do consumidor possuem a mesma cor.
+
 Preset Tailwind:
 
 ```ts
@@ -265,13 +271,22 @@ primitivos de acao, mas aplica o tamanho esperado para a topbar.
 import { AppShell } from '@wellingtonhlc/shared-ui';
 import { Bell, Settings } from 'lucide-react';
 
-<AppShell.Actions>
-  <AppShell.Topbar.Button icon={<Bell />} tooltip="Notificacoes" />
-  <AppShell.Topbar.Button icon={<Settings />} tooltip="Configuracoes" />
-</AppShell.Actions>
-```
-
-## TabsUnderlined
+<AppShell.Actions>
+  <AppShell.Topbar.Button icon={<Bell />} tooltip="Notificacoes" />
+  <AppShell.Topbar.Button icon={<Settings />} tooltip="Configuracoes" />
+</AppShell.Actions>
+```
+
+## Sidebar
+
+Use `Sidebar.ActionButton`, `Sidebar.SubActionButton` e `Sidebar.NavGroup` para navegação.
+Não use variantes de `Button` para simular itens do menu. O botão sanduíche é fornecido por
+`Sidebar.ToggleButton` e compartilha os mesmos estados de hover e foco dos itens principais.
+
+No modo compacto, o Sidebar reserva um slot estável para cada ícone. Labels e chevrons são
+revelados durante a expansão sem deslocar o ícone ou provocar layout shift.
+
+## TabsUnderlined
 
 `TabsUnderlined` renderiza abas sublinhadas com conteudo controlado ou nao controlado.
 As abas ja possuem tamanho minimo padrao e padding horizontal para comportar labels
@@ -303,15 +318,15 @@ Contrato minimo:
 ```tsx
 import { ThemePreferencesSelector, type ThemePreferencesValue } from '@wellingtonhlc/shared-ui';
 
-const value: ThemePreferencesValue = {
-  color: 'indigo',
+const value: ThemePreferencesValue = {
+  color: 'ocean',
   appearance: 'system',
 };
 
 <ThemePreferencesSelector
   value={value}
   options={[
-    { key: 'indigo', label: 'Indigo', primary: '#5b5cff' },
+    { key: 'ocean', label: 'Ocean', primary: '#2563eb' },
     { key: 'emerald', label: 'Emerald', primary: '#059669' },
   ]}
   onChange={setValue}

package/dist/cli/check-page-actions.d.ts

@@ -0,0 +1,9 @@
+#!/usr/bin/env node
+export interface PageActionsCheckResult {
+    errors: string[];
+    scannedFiles: number;
+    sourceRoot: string;
+}
+export declare function checkPageActionsContract(rootDir?: string): PageActionsCheckResult;
+export declare function runPageActionsContractCli(args?: string[]): PageActionsCheckResult;
+//# sourceMappingURL=check-page-actions.d.ts.map

package/dist/cli/check-page-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-page-actions.d.ts","sourceRoot":"","sources":["../../src/cli/check-page-actions.ts"],"names":[],"mappings":";AAQA,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAoFD,wBAAgB,wBAAwB,CAAC,OAAO,SAAgB,GAAG,sBAAsB,CA2DxF;AAED,wBAAgB,yBAAyB,CAAC,IAAI,WAAwB,0BAerE"}

package/dist/cli/check-page-actions.js

@@ -0,0 +1,108 @@
+#!/usr/bin/env node
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+const extensions = new Set(['.ts', '.tsx']);
+const ignoredDirectories = new Set(['node_modules', 'dist', 'build', 'coverage']);
+function normalizePath(root, filePath) {
+    return path.relative(root, filePath).split(path.sep).join('/');
+}
+function* walk(directory) {
+    if (!fs.existsSync(directory))
+        return;
+    for (const entry of fs.readdirSync(directory, { withFileTypes: true })) {
+        if (ignoredDirectories.has(entry.name))
+            continue;
+        const fullPath = path.join(directory, entry.name);
+        if (entry.isDirectory()) {
+            yield* walk(fullPath);
+            continue;
+        }
+        if (extensions.has(path.extname(entry.name))) {
+            yield fullPath;
+        }
+    }
+}
+function collectMatches(text, pattern, message, root, filePath, errors) {
+    for (const match of text.matchAll(pattern)) {
+        const before = text.slice(0, match.index);
+        const line = before.split(/\r?\n/).length;
+        errors.push(`${normalizePath(root, filePath)}:${line}: ${message}`);
+    }
+}
+function collectPageActionButtonsWithoutLabel(root, filePath, text, errors) {
+    const tagStart = '<Page.ActionButton';
+    let searchIndex = 0;
+    while (searchIndex < text.length) {
+        const startIndex = text.indexOf(tagStart, searchIndex);
+        if (startIndex === -1)
+            return;
+        let cursor = startIndex + tagStart.length;
+        let expressionDepth = 0;
+        let quote = null;
+        while (cursor < text.length) {
+            const char = text[cursor];
+            const previousChar = cursor > 0 ? text[cursor - 1] : '';
+            if (quote) {
+                if (char === quote && previousChar !== '\\')
+                    quote = null;
+                cursor += 1;
+                continue;
+            }
+            if (char === '"' || char === "'" || char === '`') {
+                quote = char;
+                cursor += 1;
+                continue;
+            }
+            if (char === '{')
+                expressionDepth += 1;
+            if (char === '}')
+                expressionDepth = Math.max(0, expressionDepth - 1);
+            if (char === '>' && expressionDepth === 0)
+                break;
+            cursor += 1;
+        }
+        const tag = text.slice(startIndex, cursor + 1);
+        if (!/\blabel\s*=/.test(tag)) {
+            const before = text.slice(0, startIndex);
+            const line = before.split(/\r?\n/).length;
+            errors.push(`${normalizePath(root, filePath)}:${line}: Page.ActionButton deve declarar label`);
+        }
+        searchIndex = cursor + 1;
+    }
+}
+export function checkPageActionsContract(rootDir = process.cwd()) {
+    const root = path.resolve(rootDir);
+    const sourceRoot = fs.existsSync(path.join(root, 'src')) ? path.join(root, 'src') : root;
+    const errors = [];
+    let scannedFiles = 0;
+    for (const filePath of walk(sourceRoot)) {
+        scannedFiles += 1;
+        const text = fs.readFileSync(filePath, 'utf8');
+        collectMatches(text, /ActionBar\./g, 'use Page.Actions, Page.ActionButton e Page.ActionsSeparator no lugar de ActionBar.*', root, filePath, errors);
+        collectMatches(text, /<AppLayout\b[\s\S]*?<Page\.Root\b[^>]*\bactions\s*=/g, 'nao aninhe Page.Root actions dentro de AppLayout; use AppLayout.actions com Page.Actions', root, filePath, errors);
+        collectMatches(text, /<AppLayout\b[\s\S]*?\bactions\s*=\s*{\s*<>/g, 'AppLayout.actions nao deve receber Fragment como root; use Page.Actions ou componente *Actions', root, filePath, errors);
+        collectMatches(text, /<AppLayout\b[\s\S]*?\bactions\s*=\s*{\s*<div\b/g, 'AppLayout.actions nao deve receber div como root; use Page.Actions ou componente *Actions', root, filePath, errors);
+        collectMatches(text, /<AppLayout\b[\s\S]*?\bactions\s*=\s*{\s*<Page\.ActionButton\b/g, 'AppLayout.actions nao deve receber Page.ActionButton solto; envolva em Page.Actions', root, filePath, errors);
+        collectPageActionButtonsWithoutLabel(root, filePath, text, errors);
+    }
+    return { errors, scannedFiles, sourceRoot };
+}
+export function runPageActionsContractCli(args = process.argv.slice(2)) {
+    const rootDir = args[0] ?? process.cwd();
+    const result = checkPageActionsContract(rootDir);
+    if (result.errors.length > 0) {
+        console.error('Falha na verificacao de Page Actions:');
+        for (const error of result.errors)
+            console.error('- ' + error);
+        process.exitCode = 1;
+        return result;
+    }
+    console.log(`Page Actions OK: ${result.scannedFiles} arquivo(s) verificado(s); AppLayout.actions usa Page.Actions direta ou indiretamente.`);
+    return result;
+}
+const currentFilePath = fileURLToPath(import.meta.url);
+const entryFilePath = process.argv[1] ? path.resolve(process.argv[1]) : '';
+if (entryFilePath === currentFilePath) {
+    runPageActionsContractCli();
+}

package/dist/components/ActionBar.d.ts

@@ -0,0 +1,26 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export type ActionBarVariant = 'default' | 'primary' | 'danger';
+export interface ActionBarRootProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Root({ children, className }: ActionBarRootProps): import("react").JSX.Element;
+export interface ActionBarSeparatorProps {
+    className?: string;
+}
+declare function Separator({ className }: ActionBarSeparatorProps): import("react").JSX.Element;
+export interface ActionBarButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    highlight?: boolean;
+    icon: ReactNode;
+    label?: string;
+    loading?: boolean;
+    tooltip?: string;
+    variant?: ActionBarVariant;
+}
+export declare const ActionBar: {
+    Root: typeof Root;
+    Button: import("react").ForwardRefExoticComponent<ActionBarButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Separator: typeof Separator;
+};
+export {};
+//# sourceMappingURL=ActionBar.d.ts.map

package/dist/components/ActionBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../src/components/ActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BAWxD;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAQxD;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AA2DD,eAAO,MAAM,SAAS;;;;CAIrB,CAAC"}

package/dist/components/ActionBar.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, } from 'react';
+import { cn } from '../utils/cn';
+function Root({ children, className }) {
+    return (_jsx("div", { className: cn('border-app-border bg-background-secondary flex min-w-0 items-center gap-1.5 overflow-x-auto overflow-y-hidden border-b px-2 py-1.5', className), children: children }));
+}
+function Separator({ className }) {
+    return (_jsx("div", { role: "separator", "aria-orientation": "vertical", className: cn('bg-app-border mx-1 h-5 w-px shrink-0 rounded-full', className) }));
+}
+const variantClasses = {
+    default: 'text-foreground-muted hover:bg-background hover:text-foreground data-[state=open]:bg-background data-[state=open]:text-foreground',
+    primary: 'text-[var(--status-warning-icon)] hover:bg-[var(--status-warning-bg)] hover:text-[var(--status-warning-text)] data-[state=open]:bg-[var(--status-warning-bg)] data-[state=open]:text-[var(--status-warning-text)]',
+    danger: 'text-[var(--status-danger-icon)] hover:bg-[var(--status-danger-bg)] hover:text-[var(--status-danger-text)] data-[state=open]:bg-[var(--status-danger-bg)] data-[state=open]:text-[var(--status-danger-text)]',
+};
+const shapeClasses = {
+    icon: 'size-8 p-0',
+    labeled: 'min-h-8 gap-1.5 px-2 text-xs max-sm:px-1.5',
+};
+const Button = forwardRef(({ className, disabled = false, highlight = false, icon, label, loading = false, tooltip, type = 'button', variant = 'default', ...props }, ref) => {
+    const resolvedVariant = highlight ? 'primary' : variant;
+    const tooltipText = tooltip ?? label ?? props['aria-label'];
+    return (_jsxs("button", { ref: ref, ...props, type: type, disabled: disabled || loading, "aria-label": props['aria-label'] ?? tooltipText, title: tooltipText, className: cn('inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md border-0 bg-transparent font-semibold transition-[background-color,color,box-shadow,opacity] duration-[var(--duration-fast)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand/30 disabled:cursor-not-allowed disabled:opacity-45', label ? shapeClasses.labeled : shapeClasses.icon, variantClasses[resolvedVariant], loading && 'cursor-wait opacity-75', className), children: [_jsx("span", { className: "inline-flex size-4 shrink-0 items-center justify-center [&>svg]:size-4", children: icon }), label && _jsx("span", { className: "max-w-30 overflow-hidden text-ellipsis whitespace-nowrap max-sm:hidden", children: label })] }));
+});
+Button.displayName = 'ActionBar.Button';
+export const ActionBar = {
+    Root,
+    Button,
+    Separator,
+};

package/dist/components/ActionPrimitives.d.ts

@@ -0,0 +1,31 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export type ActionGroupAlign = 'start' | 'end';
+export type ActionGroupSize = 'sm' | 'md' | 'lg';
+export type ActionButtonVariant = 'default' | 'primary' | 'danger';
+export interface ActionGroupPrimitiveProps {
+    children: ReactNode;
+    className?: string;
+    align?: ActionGroupAlign;
+    size?: ActionGroupSize;
+}
+export interface ActionSeparatorPrimitiveProps {
+    className?: string;
+}
+export interface ActionButtonPrimitiveProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    children?: ReactNode;
+    highlight?: boolean;
+    icon?: ReactNode;
+    label?: ReactNode;
+    loading?: boolean;
+    tooltip?: string;
+    variant?: ActionButtonVariant;
+}
+export interface IconButtonPrimitiveProps extends Omit<ActionButtonPrimitiveProps, 'children' | 'label'> {
+    'aria-label': string;
+    icon: ReactNode;
+}
+export declare function ActionGroupPrimitive({ align, children, className, size }: ActionGroupPrimitiveProps): import("react").JSX.Element;
+export declare function ActionSeparatorPrimitive({ className }: ActionSeparatorPrimitiveProps): import("react").JSX.Element;
+export declare const ActionButtonPrimitive: import("react").ForwardRefExoticComponent<ActionButtonPrimitiveProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const IconButtonPrimitive: import("react").ForwardRefExoticComponent<IconButtonPrimitiveProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ActionPrimitives.d.ts.map

package/dist/components/ActionPrimitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPrimitives.d.ts","sourceRoot":"","sources":["../../src/components/ActionPrimitives.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9E,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,KAAK,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,WAAW,6BAA6B;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC3G,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,OAAO,CAAC;IACtG,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAW,EAAE,EAAE,yBAAyB,+BAapH;AAED,wBAAgB,wBAAwB,CAAC,EAAE,SAAS,EAAE,EAAE,6BAA6B,+BAQpF;AAQD,eAAO,MAAM,qBAAqB,0HAiDjC,CAAC;AAIF,eAAO,MAAM,mBAAmB,wHAI/B,CAAC"}

package/dist/components/ActionPrimitives.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../utils/cn';
+export function ActionGroupPrimitive({ align = 'start', children, className, size = 'md' }) {
+    return (_jsx("div", { className: cn('flex flex-wrap items-center', align === 'start' ? 'justify-start' : 'justify-end', size === 'sm' ? 'gap-1.5' : size === 'lg' ? 'gap-2.5' : 'gap-2', className), children: children }));
+}
+export function ActionSeparatorPrimitive({ className }) {
+    return (_jsx("span", { "aria-hidden": "true", "data-action-separator": "true", className: cn('bg-app-border min-h-7 w-px shrink-0 self-stretch rounded-full', className) }));
+}
+const variantClasses = {
+    default: 'border-app-border bg-surface text-foreground-muted hover:border-[color-mix(in_srgb,var(--brand)_44%,var(--app-border))] hover:bg-[color-mix(in_srgb,var(--brand)_10%,var(--surface))] hover:text-brand hover:shadow-[var(--shadow-action)]',
+    primary: 'border-[color-mix(in_srgb,var(--brand)_44%,var(--app-border))] bg-[color-mix(in_srgb,var(--brand)_10%,var(--surface))] text-brand shadow-[var(--shadow-action)] hover:bg-[color-mix(in_srgb,var(--brand)_16%,var(--surface))] hover:text-brand',
+    danger: 'border-[var(--status-danger-border)] bg-[var(--status-danger-bg)] text-[var(--status-danger-text)] hover:border-[var(--destructive)] hover:bg-destructive hover:text-[var(--on-solid)]',
+};
+export const ActionButtonPrimitive = forwardRef(({ children, className, disabled, highlight = false, icon, label, loading = false, tooltip, type = 'button', variant = 'default', ...props }, ref) => {
+    const content = label ?? children;
+    const hasText = Boolean(content);
+    const isDisabled = disabled || loading;
+    return (_jsxs("button", { ref: ref, type: type, "aria-label": tooltip, title: tooltip, disabled: isDisabled, className: cn('inline-flex min-w-0 cursor-pointer select-none items-center justify-center border font-semibold transition-[background-color,border-color,color,box-shadow,transform,opacity] duration-[var(--duration-fast)] active:translate-y-px disabled:translate-y-0 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color-mix(in_srgb,var(--brand)_36%,transparent)] disabled:cursor-not-allowed disabled:opacity-60', variantClasses[variant], 
+        // Forma visual consistente: cantos arredondados (rounded-md) com e sem texto.
+        // Botoes so-icone (IconButtonPrimitive) ficam quadrados; botoes com texto
+        // recebem padding horizontal. A forma vem do pacote, nao do consumidor.
+        'rounded-md', hasText ? 'min-h-8 max-w-44 gap-1.5 px-3 text-[length:var(--font-size-compact)]' : 'size-8 p-0', highlight && variant === 'default' && 'font-bold text-[color-mix(in_srgb,var(--brand)_86%,var(--foreground))] [&_svg]:stroke-[2.6]', highlight && variant === 'primary' && 'font-bold text-[color-mix(in_srgb,var(--brand)_72%,var(--foreground))] [&_svg]:stroke-[2.6]', highlight && variant === 'danger' && 'font-bold text-[color-mix(in_srgb,var(--destructive)_86%,var(--foreground))] [&_svg]:stroke-[2.6]', loading && 'cursor-wait opacity-75', className), ...props, children: [icon && _jsx("span", { className: "inline-flex shrink-0 items-center justify-center [&_svg]:size-4", children: icon }), hasText && _jsx("span", { className: "min-w-0 max-w-full truncate", children: content })] }));
+});
+ActionButtonPrimitive.displayName = 'ActionButtonPrimitive';
+export const IconButtonPrimitive = forwardRef(({ 'aria-label': ariaLabel, tooltip, ...props }, ref) => (_jsx(ActionButtonPrimitive, { ref: ref, "aria-label": ariaLabel, tooltip: tooltip ?? ariaLabel, ...props })));
+IconButtonPrimitive.displayName = 'IconButtonPrimitive';

package/dist/components/AppShell.d.ts

@@ -0,0 +1,65 @@
+import { type ReactNode } from 'react';
+import { AppShellActions, AppShellActionsSeparator, type AppShellActionButtonProps } from './AppShellActions';
+export type AppShellContentMode = 'default' | 'fluid' | 'fullscreen';
+export type AppShellOverlayVariant = 'default' | 'soft' | 'strong';
+export interface AppShellRootProps {
+    bannerSlot?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    overlayVariant?: AppShellOverlayVariant;
+}
+export interface AppShellBodyProps {
+    children: ReactNode;
+    className?: string;
+    sidebar?: ReactNode;
+}
+export interface AppShellOverlayProps {
+    className?: string;
+    label?: string;
+    onClick: () => void;
+    variant?: AppShellOverlayVariant;
+    visible: boolean;
+}
+interface AppShellSlotProps {
+    children: ReactNode;
+    className?: string;
+}
+export interface AppShellTopbarButtonProps extends AppShellActionButtonProps {
+}
+export interface AppShellTopbarProps {
+    actions?: ReactNode;
+    actionsClassName?: string;
+    children?: ReactNode;
+    className?: string;
+    icon?: ReactNode;
+    mobileToggle?: ReactNode;
+    pageTitle: ReactNode;
+    titleContainerClassName?: string;
+}
+export declare const Topbar: import("react").ForwardRefExoticComponent<AppShellTopbarProps & import("react").RefAttributes<HTMLElement>> & {
+    Button: import("react").ForwardRefExoticComponent<AppShellTopbarButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export interface AppShellMainProps {
+    children: ReactNode;
+    className?: string;
+    contentPaddingClassName?: string;
+    contentMode?: AppShellContentMode;
+    disableContentPadding?: boolean;
+    scrollable?: boolean;
+}
+export declare const AppShell: {
+    Root: import("react").ForwardRefExoticComponent<AppShellRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<AppShellBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+    Overlay: import("react").ForwardRefExoticComponent<AppShellOverlayProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Actions: typeof AppShellActions;
+    ActionButton: import("react").ForwardRefExoticComponent<import("./ActionPrimitives").ActionButtonPrimitiveProps & import("react").RefAttributes<HTMLButtonElement>>;
+    ActionsSeparator: typeof AppShellActionsSeparator;
+    ContentColumn: import("react").ForwardRefExoticComponent<AppShellSlotProps & import("react").RefAttributes<HTMLDivElement>>;
+    WorkArea: import("react").ForwardRefExoticComponent<AppShellSlotProps & import("react").RefAttributes<HTMLDivElement>>;
+    Topbar: import("react").ForwardRefExoticComponent<AppShellTopbarProps & import("react").RefAttributes<HTMLElement>> & {
+        Button: import("react").ForwardRefExoticComponent<AppShellTopbarButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    };
+    Main: import("react").ForwardRefExoticComponent<AppShellMainProps & import("react").RefAttributes<HTMLElement>>;
+};
+export {};
+//# sourceMappingURL=AppShell.d.ts.map

package/dist/components/AppShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/components/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,eAAe,EACf,wBAAwB,EACxB,KAAK,yBAAyB,EAC/B,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;AACrE,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAUnE,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,sBAAsB,CAAC;CACzC;AAcD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAeD,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;CAClB;AAsBD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB;CAAG;AAa/E,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAqCD,eAAO,MAAM,MAAM;;CAEjB,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAqCD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAWpB,CAAC"}

package/dist/components/AppShell.js

@@ -0,0 +1,50 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, } from 'react';
+import { cn } from '../utils/cn';
+import { AppShellActionButton, AppShellActions, AppShellActionsSeparator, } from './AppShellActions';
+const AppShellOverlayContext = createContext('default');
+const overlayVariantClasses = {
+    default: 'bg-[var(--overlay-navigation)] backdrop-blur-[var(--backdrop-blur-sm)]',
+    soft: 'bg-[var(--overlay-navigation-soft)] backdrop-blur-[var(--backdrop-blur-xs)]',
+    strong: 'bg-[var(--overlay-navigation-strong)] backdrop-blur-[var(--backdrop-blur-md)]',
+};
+const Root = forwardRef(({ bannerSlot, children, className, overlayVariant = 'default' }, ref) => (_jsx(AppShellOverlayContext.Provider, { value: overlayVariant, children: _jsxs("div", { ref: ref, className: cn('flex h-screen flex-col', className), children: [bannerSlot, children] }) })));
+Root.displayName = 'AppShell.Root';
+const Body = forwardRef(({ children, className, sidebar }, ref) => (_jsxs("div", { ref: ref, className: cn('flex min-h-0 min-w-0 flex-1 overflow-hidden', className), children: [sidebar, children] })));
+Body.displayName = 'AppShell.Body';
+const Overlay = forwardRef(({ className, label = 'Fechar menu lateral', onClick, variant, visible }, ref) => {
+    const inheritedVariant = useContext(AppShellOverlayContext);
+    const resolvedVariant = variant ?? inheritedVariant;
+    if (!visible)
+        return null;
+    return (_jsx("button", { ref: ref, type: "button", "aria-label": label, className: cn('fixed inset-0 z-[var(--z-navigation-overlay)] cursor-pointer border-0', overlayVariantClasses[resolvedVariant], className), onClick: onClick }));
+});
+Overlay.displayName = 'AppShell.Overlay';
+const ContentColumn = forwardRef(({ children, className }, ref) => (_jsx("div", { ref: ref, className: cn('flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden', className), children: children })));
+ContentColumn.displayName = 'AppShell.ContentColumn';
+const WorkArea = forwardRef(({ children, className }, ref) => (_jsx("div", { ref: ref, className: cn('flex min-h-0 min-w-0 flex-1 flex-col-reverse overflow-hidden md:flex-col', className), children: children })));
+WorkArea.displayName = 'AppShell.WorkArea';
+const TopbarButton = forwardRef(({ className, ...props }, ref) => (_jsx(AppShellActionButton, { ref: ref, className: cn('relative size-10 min-h-10 min-w-10 !rounded-full', className), ...props })));
+TopbarButton.displayName = 'AppShell.Topbar.Button';
+const TopbarRoot = forwardRef(({ actions, actionsClassName, children, className, icon, mobileToggle, pageTitle, titleContainerClassName, }, ref) => (_jsxs("header", { ref: ref, className: cn('border-app-border bg-[var(--topbar-background)] flex min-h-16 items-center justify-between border-b px-4 pr-4 shadow-[var(--shadow-topbar)] max-md:pl-0', className), role: "banner", children: [_jsxs("div", { className: cn('flex min-w-0 items-center gap-2.5 max-md:gap-3', titleContainerClassName), children: [mobileToggle, icon && _jsx("span", { className: "shrink-0 text-foreground-muted", "aria-hidden": "true", children: icon }), _jsx("span", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-lg font-semibold leading-7 tracking-[var(--letter-spacing-title)] text-foreground-muted", children: pageTitle })] }), (children || actions) && (_jsxs("div", { className: cn('flex shrink-0 items-center gap-4', actionsClassName), children: [children, actions] }))] })));
+TopbarRoot.displayName = 'AppShell.Topbar';
+export const Topbar = Object.assign(TopbarRoot, {
+    Button: TopbarButton,
+});
+const Main = forwardRef(({ children, className, contentPaddingClassName = 'p-3', contentMode = 'default', disableContentPadding = false, scrollable = true, }, ref) => {
+    const isFullscreen = contentMode === 'fullscreen';
+    return (_jsx("main", { ref: ref, className: cn('flex h-full min-h-0 w-full flex-1 flex-col bg-background', !isFullscreen && 'overflow-x-hidden', contentMode === 'default' && 'flex flex-col gap-3', contentMode === 'fluid' && 'flex flex-col gap-3 overflow-y-hidden', contentMode === 'fullscreen' && 'overflow-hidden p-0', !isFullscreen && !disableContentPadding && contentPaddingClassName, !isFullscreen && (scrollable ? 'overflow-y-auto' : 'overflow-y-hidden'), className), children: children }));
+});
+Main.displayName = 'AppShell.Main';
+export const AppShell = {
+    Root,
+    Body,
+    Overlay,
+    Actions: AppShellActions,
+    ActionButton: AppShellActionButton,
+    ActionsSeparator: AppShellActionsSeparator,
+    ContentColumn,
+    WorkArea,
+    Topbar,
+    Main,
+};

package/dist/components/AppShellActions.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+import { type ActionButtonPrimitiveProps, type ActionButtonVariant, type ActionGroupAlign, type ActionGroupSize, type ActionSeparatorPrimitiveProps } from './ActionPrimitives';
+export type AppShellActionsRegion = 'left' | 'top' | 'bottom' | 'right';
+export type AppShellActionsAlign = ActionGroupAlign;
+export type AppShellActionsSize = ActionGroupSize;
+export type AppShellActionButtonVariant = ActionButtonVariant;
+export interface AppShellActionsProps {
+    children: ReactNode;
+    className?: string;
+    region?: AppShellActionsRegion;
+    align?: AppShellActionsAlign;
+    size?: AppShellActionsSize;
+}
+export type AppShellActionsSeparatorProps = ActionSeparatorPrimitiveProps;
+export type AppShellActionButtonProps = ActionButtonPrimitiveProps;
+export declare function AppShellActions({ align, children, className, region, size }: AppShellActionsProps): import("react").JSX.Element;
+export declare function AppShellActionsSeparator(props: AppShellActionsSeparatorProps): import("react").JSX.Element;
+export declare const AppShellActionButton: import("react").ForwardRefExoticComponent<ActionButtonPrimitiveProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const AppShellActionsApi: {
+    Root: typeof AppShellActions;
+    Button: import("react").ForwardRefExoticComponent<ActionButtonPrimitiveProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Separator: typeof AppShellActionsSeparator;
+};
+//# sourceMappingURL=AppShellActions.d.ts.map

package/dist/components/AppShellActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellActions.d.ts","sourceRoot":"","sources":["../../src/components/AppShellActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,0BAA0B,EAC/B,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,6BAA6B,EACnC,MAAM,oBAAoB,CAAC;AAG5B,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAClD,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,CAAC;AAE9D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B;AAED,MAAM,MAAM,6BAA6B,GAAG,6BAA6B,CAAC;AAC1E,MAAM,MAAM,yBAAyB,GAAG,0BAA0B,CAAC;AAEnE,wBAAgB,eAAe,CAAC,EAAE,KAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAc,EAAE,IAAW,EAAE,EAAE,oBAAoB,+BAgB1H;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,+BAE5E;AAED,eAAO,MAAM,oBAAoB,0HAAwB,CAAC;AAE1D,eAAO,MAAM,kBAAkB;;;;CAI9B,CAAC"}

package/dist/components/AppShellActions.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ActionButtonPrimitive, ActionGroupPrimitive, ActionSeparatorPrimitive, } from './ActionPrimitives';
+import { cn } from '../utils/cn';
+export function AppShellActions({ align = 'start', children, className, region = 'top', size = 'md' }) {
+    return (_jsx(ActionGroupPrimitive, { align: align, size: size, className: cn('min-w-0', region === 'top' && 'h-full overflow-x-auto overflow-y-hidden', region === 'bottom' && 'border-app-border bg-background-secondary w-full border-t p-2', (region === 'left' || region === 'right') && 'flex-col items-stretch', className), children: children }));
+}
+export function AppShellActionsSeparator(props) {
+    return _jsx(ActionSeparatorPrimitive, { ...props });
+}
+export const AppShellActionButton = ActionButtonPrimitive;
+export const AppShellActionsApi = {
+    Root: AppShellActions,
+    Button: AppShellActionButton,
+    Separator: AppShellActionsSeparator,
+};

package/dist/components/Badge.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes } from 'react';
+export type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'muted';
+export type BadgeSize = 'xs' | 'sm' | 'md';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant | string;
+    size?: BadgeSize;
+    /**
+     * Permite que o conteudo quebre em multiplas linhas quando nao couber na largura
+     * disponivel. Por padrao o badge fica em linha unica (`inline-flex` + `whitespace-nowrap`),
+     * adequado a status curtos; com `wrap` vira `inline-block` e quebra palavras longas,
+     * util para valores longos (ex.: auditoria).
+     */
+    wrap?: boolean;
+}
+export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA+BD,eAAO,MAAM,KAAK,wGAuBjB,CAAC"}

package/dist/components/Badge.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../utils/cn';
+const variantAlias = {
+    active: 'success',
+    paid: 'success',
+    pending: 'warning',
+    sent: 'warning',
+    error: 'danger',
+    'status-success': 'success',
+    'status-danger': 'danger',
+};
+const variantClasses = {
+    default: 'border-[color-mix(in_srgb,var(--foreground-muted)_42%,var(--app-border))] bg-[color-mix(in_srgb,var(--foreground-muted)_14%,var(--surface))] text-foreground',
+    primary: 'border-[color-mix(in_srgb,var(--brand)_40%,transparent)] bg-[color-mix(in_srgb,var(--brand)_14%,var(--surface))] text-[var(--brand)]',
+    success: 'border-[var(--status-success-border)] bg-[var(--status-success-bg)] text-[var(--status-success-text)]',
+    warning: 'border-[var(--status-warning-border)] bg-[var(--status-warning-bg)] text-[var(--status-warning-text)]',
+    info: 'border-[var(--status-info-border)] bg-[var(--status-info-bg)] text-[var(--status-info-text)]',
+    danger: 'border-[var(--status-danger-border)] bg-[var(--status-danger-bg)] text-[var(--status-danger-text)]',
+    muted: 'border-[color-mix(in_srgb,var(--foreground-muted)_24%,transparent)] bg-[color-mix(in_srgb,var(--foreground-muted)_8%,var(--surface))] text-foreground-muted',
+};
+const sizeClasses = {
+    xs: 'px-2 py-0.5 text-xs',
+    sm: 'px-2.5 py-1 text-sm',
+    md: 'px-3 py-1 text-base',
+};
+export const Badge = forwardRef(({ className, size = 'xs', variant = 'default', wrap = false, ...props }, ref) => {
+    const normalizedVariant = variant.toLowerCase();
+    const normalizedAlias = variantAlias[normalizedVariant] ?? normalizedVariant;
+    const knownVariant = normalizedAlias;
+    const variantClass = variantClasses[knownVariant] ?? normalizedVariant;
+    return (_jsx("span", { ref: ref, className: cn('rounded-full border font-medium', wrap
+            ? 'inline-block whitespace-normal break-words [overflow-wrap:anywhere] leading-snug'
+            : 'inline-flex items-center gap-1.5 whitespace-nowrap leading-none', variantClass, sizeClasses[size], className), ...props }));
+});
+Badge.displayName = 'Badge';

package/dist/components/Banner.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+export type BannerVariant = 'info' | 'warning' | 'critical' | 'success';
+export type BannerSize = 'sm' | 'md' | 'lg';
+export interface BannerProps {
+    variant?: BannerVariant;
+    size?: BannerSize;
+    closable?: boolean;
+    onClose?: () => void;
+    className?: string;
+    children: ReactNode;
+}
+export declare function Banner({ variant, size, closable, onClose, className, children, }: BannerProps): import("react").JSX.Element | null;
+//# sourceMappingURL=Banner.d.ts.map

package/dist/components/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/components/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAeD,wBAAgB,MAAM,CAAC,EACrB,OAAgB,EAChB,IAAW,EACX,QAAe,EACf,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,WAAW,sCAwCb"}

package/dist/components/Banner.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { X } from 'lucide-react';
+import { Button } from './Button';
+import { cn } from '../utils/cn';
+const variantStyles = {
+    info: 'border-[var(--status-info-border)] bg-[var(--status-info-bg)] text-[var(--status-info-text)]',
+    warning: 'border-[var(--status-warning-border)] bg-[var(--status-warning-bg)] text-[var(--status-warning-text)]',
+    critical: 'border-[var(--status-danger-border)] bg-[var(--status-danger-bg)] text-[var(--status-danger-text)]',
+    success: 'border-[var(--status-success-border)] bg-[var(--status-success-bg)] text-[var(--status-success-text)]',
+};
+const sizeStyles = {
+    sm: 'min-h-10 px-3 py-2 text-sm',
+    md: 'min-h-11 px-4 py-2.5 text-sm',
+    lg: 'min-h-12 px-4 py-3 text-base',
+};
+export function Banner({ variant = 'info', size = 'md', closable = true, onClose, className, children, }) {
+    const [visible, setVisible] = useState(true);
+    function handleClose() {
+        if (onClose) {
+            onClose();
+            return;
+        }
+        setVisible(false);
+    }
+    if (!visible)
+        return null;
+    return (_jsxs("div", { className: cn('relative flex w-full items-center border shadow-sm', variantStyles[variant], sizeStyles[size], className), children: [_jsx("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2 text-center", children: children }), closable ? (_jsx(Button, { variant: "ghost", size: "xs", rounded: true, "aria-label": "Fechar banner", className: "absolute top-1/2 right-2 -translate-y-1/2 text-current hover:bg-[var(--contrast-hover)]", onClick: handleClose, children: _jsx(X, { className: "size-4" }) })) : null] }));
+}

package/dist/components/Button.d.ts

@@ -0,0 +1,14 @@
+import { type ButtonHTMLAttributes } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'outline' | 'success' | 'warning' | 'danger' | 'destructive';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'wide';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    isLoading?: boolean;
+    isSubmitting?: boolean;
+    minWidth?: number | string;
+    rounded?: boolean;
+    tooltip?: string;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAI9D,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,aAAa,CAAC;AAClB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAqCD,eAAO,MAAM,MAAM,2GAmDlB,CAAC"}