@snksergio/design-system 0.5.0 → 0.5.1

package/dist-lib/src/components/ui/FormField/form-field-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FormField/form-field-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAS1D,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,oBAAoB,CAAC;AAEzE;;;;;;;;;;GAUG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uFAAuF;IACvF,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAClC,GAAG,IAAI,CACJ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EACrD,IAAI,GAAG,WAAW,CACnB,CAAC;AAEJ,eAAO,MAAM,eAAe;YARlB,SAAS;IACjB,uFAAuF;qBACtE,OAAO,GAAG,KAAK;6KAsFjC,CAAC"}

package/dist-lib/src/components/ui/FormField/form-field-textarea.d.ts

@@ -0,0 +1,9 @@
+import { TextareaProps } from '../../shadcn/textarea';
+import { FormFieldBaseProps } from './form-field.types';
+/**
+ * FormFieldTextarea — wrapper "one-shot" pra um campo multilinha.
+ * Compõe FormField + Textarea (mesmo componente do shadcn/), sem reimplementação.
+ */
+export type FormFieldTextareaProps = FormFieldBaseProps & Omit<TextareaProps, "state" | "id">;
+export declare const FormFieldTextarea: import('react').ForwardRefExoticComponent<Omit<FormFieldTextareaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=form-field-textarea.d.ts.map

package/dist-lib/src/components/ui/FormField/form-field-textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-textarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FormField/form-field-textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,kBAAkB,GACrD,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,IAAI,CAAC,CAAC;AAEtC,eAAO,MAAM,iBAAiB,qIAyC7B,CAAC"}

package/dist-lib/src/components/ui/FormField/form-field.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { FormFieldBaseProps, FieldState } from './form-field.types';
+export type FormFieldProps = FormFieldBaseProps & {
+    /** O field em si (Input, Select, Textarea, Checkbox, Switch, etc) — recebe id automático */
+    children: (ctx: {
+        id: string;
+        state: FieldState;
+    }) => ReactNode;
+    /** Hide quando o field é "self-contained" (ex: Checkbox com label inline) */
+    hideLabel?: boolean;
+    /** Marcar field como disabled (afeta cor do label) */
+    disabled?: boolean;
+};
+/**
+ * FormField — base wrapper compartilhado por FormFieldInput, FormFieldSelect, etc.
+ *
+ * Estrutura:
+ *   [Label + required asterisk]   (top)
+ *   [Field (passado via children render-prop)]
+ *   [Helper text OR error/warning/success message]   (bottom)
+ *
+ * Mensagem é decidida pela prioridade: error → warning → success → helperText.
+ * O `id` gerado é passado ao child via render-prop pra linkar `htmlFor` no label.
+ */
+export declare function FormField({ label, required, helperText, state, errorMessage, warningMessage, successMessage, className, id: idProp, children, hideLabel, disabled, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-field.d.ts.map

package/dist-lib/src/components/ui/FormField/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FormField/form-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEzE,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG;IAChD,4FAA4F;IAC5F,QAAQ,EAAE,CAAC,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,SAAS,CAAC;IAChE,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAiB,EACjB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,SAAS,EACT,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,2CAwChB"}

package/dist-lib/src/components/ui/FormField/form-field.styles.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Form field styles — alinhado com `.tbl-form-field` do sandbox.
+ *
+ * Spec: flex column gap 7px (label / field / message).
+ */
+export declare const formFieldRoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-[7px] w-full", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex flex-col gap-[7px] w-full", unknown, unknown, undefined>>;
+export declare const formFieldLabel: import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], {
+    disabled: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const formFieldRequired: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "ml-[2px] text-fg-danger", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "ml-[2px] text-fg-danger", unknown, unknown, undefined>>;
+export declare const formFieldMessage: import('tailwind-variants').TVReturnType<{
+    state: {
+        default: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+}, undefined, "text-caption-sm leading-snug", {
+    state: {
+        default: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    state: {
+        default: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+}, undefined, "text-caption-sm leading-snug", unknown, unknown, undefined>>;
+//# sourceMappingURL=form-field.styles.d.ts.map

package/dist-lib/src/components/ui/FormField/form-field.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FormField/form-field.styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,aAAa,sPAExB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;qDAWzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,wOAE5B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;2EAW3B,CAAC"}

package/dist-lib/src/components/ui/FormField/form-field.types.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+/** Estado visual de um field — feedback semântico */
+export type FieldState = "default" | "error" | "warning" | "success";
+/**
+ * Props compartilhados por todos os Form* wrappers (FormInput, FormSelect, etc).
+ */
+export type FormFieldBaseProps = {
+    /** Label exibido acima do field */
+    label?: string;
+    /** Marca como required (asterisco vermelho ao lado do label) */
+    required?: boolean;
+    /** Texto auxiliar abaixo do field (esconde quando state="error" e errorMessage presente) */
+    helperText?: ReactNode;
+    /** Estado semântico do field — afeta cor da borda e mensagem exibida */
+    state?: FieldState;
+    /** Mensagem exibida quando state="error" (substitui helperText) */
+    errorMessage?: ReactNode;
+    /** Mensagem exibida quando state="warning" */
+    warningMessage?: ReactNode;
+    /** Mensagem exibida quando state="success" */
+    successMessage?: ReactNode;
+    /** className do container externo */
+    className?: string;
+    /** id do field (linka label↔input via htmlFor) */
+    id?: string;
+};
+//# sourceMappingURL=form-field.types.d.ts.map

package/dist-lib/src/components/ui/FormField/form-field.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FormField/form-field.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,qDAAqD;AACrD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,wEAAwE;IACxE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8CAA8C;IAC9C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC"}

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

@@ -0,0 +1,14 @@
+export { FormField } from './form-field';
+export type { FormFieldProps } from './form-field';
+export { FormFieldInput } from './form-field-input';
+export type { FormFieldInputProps } from './form-field-input';
+export { FormFieldTextarea } from './form-field-textarea';
+export type { FormFieldTextareaProps } from './form-field-textarea';
+export { FormFieldSelect } from './form-field-select';
+export type { FormFieldSelectProps, FormFieldSelectOption, } from './form-field-select';
+export { FormFieldCheckbox } from './form-field-checkbox';
+export type { FormFieldCheckboxProps } from './form-field-checkbox';
+export { FormFieldSwitch } from './form-field-switch';
+export type { FormFieldSwitchProps } from './form-field-switch';
+export type { FieldState, FormFieldBaseProps } from './form-field.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FormField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACV,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist-lib/src/components/ui/Header/header-breadcrumb.d.ts

@@ -0,0 +1,17 @@
+import { HeaderBreadcrumbItem } from './header.types';
+export type HeaderBreadcrumbProps = {
+    items: HeaderBreadcrumbItem[];
+    /**
+     * Quando true, em mobile (< md) mostra apenas o último item (título da seção
+     * atual). Em desktop continua mostrando a cadeia completa.
+     */
+    mobileShowLastOnly?: boolean;
+    className?: string;
+};
+/**
+ * Breadcrumb / title — auto-renderiza como string única quando 1 item,
+ * ou como cadeia "Item / Item / Item" quando 2+. Último item nunca é link
+ * (representa página atual).
+ */
+export declare function HeaderBreadcrumb({ items, mobileShowLastOnly, className, }: HeaderBreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=header-breadcrumb.d.ts.map

package/dist-lib/src/components/ui/Header/header-breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Header/header-breadcrumb.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,kBAAkB,EAClB,SAAS,GACV,EAAE,qBAAqB,kDA+EvB"}

package/dist-lib/src/components/ui/Header/header-messages.d.ts

@@ -0,0 +1,7 @@
+import { HeaderMessagesConfig } from './header.types';
+export type HeaderMessagesProps = {
+    config: HeaderMessagesConfig;
+    className?: string;
+};
+export declare function HeaderMessages({ config, className }: HeaderMessagesProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=header-messages.d.ts.map

package/dist-lib/src/components/ui/Header/header-messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-messages.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Header/header-messages.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,gBAAgB,CAAC;AAQxB,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAiKxE"}

package/dist-lib/src/components/ui/Header/header-notifications.d.ts

@@ -0,0 +1,7 @@
+import { HeaderNotificationsConfig } from './header.types';
+export type HeaderNotificationsProps = {
+    config: HeaderNotificationsConfig;
+    className?: string;
+};
+export declare function HeaderNotifications({ config, className }: HeaderNotificationsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=header-notifications.d.ts.map

package/dist-lib/src/components/ui/Header/header-notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-notifications.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Header/header-notifications.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAGV,yBAAyB,EAC1B,MAAM,gBAAgB,CAAC;AAQxB,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,yBAAyB,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CA+IlF"}

package/dist-lib/src/components/ui/Header/header-search.d.ts

@@ -0,0 +1,21 @@
+import { HeaderCommandGroup } from './header.types';
+export type HeaderSearchProps = {
+    placeholder?: string;
+    shortcut?: string;
+    commandGroups?: HeaderCommandGroup[];
+    commandPlaceholder?: string;
+    commandEmptyMessage?: string;
+    /** Atalho de teclado pra abrir (default: cmd/ctrl + k) */
+    hotkey?: {
+        key: string;
+        meta?: boolean;
+        ctrl?: boolean;
+    };
+    className?: string;
+};
+/**
+ * Fake input no header que abre Command palette ao click.
+ * Atalho ⌘K (Mac) / Ctrl+K (Windows) registrado globalmente.
+ */
+export declare function HeaderSearch({ placeholder, shortcut, commandGroups, commandPlaceholder, commandEmptyMessage, hotkey, className, }: HeaderSearchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=header-search.d.ts.map

package/dist-lib/src/components/ui/Header/header-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-search.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Header/header-search.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,0DAA0D;IAC1D,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,WAAyB,EACzB,QAAe,EACf,aAAkB,EAClB,kBAAqD,EACrD,mBAAoD,EACpD,MAA6C,EAC7C,SAAS,GACV,EAAE,iBAAiB,2CA6DnB"}

package/dist-lib/src/components/ui/Header/header-theme-switcher.d.ts

@@ -0,0 +1,9 @@
+import { HeaderThemeOption } from './header.types';
+export type HeaderThemeSwitcherProps = {
+    theme: string;
+    onThemeChange: (id: string) => void;
+    options?: HeaderThemeOption[];
+    className?: string;
+};
+export declare function HeaderThemeSwitcher({ theme, onThemeChange, options, className, }: HeaderThemeSwitcherProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=header-theme-switcher.d.ts.map

package/dist-lib/src/components/ui/Header/header-theme-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-theme-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Header/header-theme-switcher.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAOxD,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,aAAa,EACb,OAAyB,EACzB,SAAS,GACV,EAAE,wBAAwB,2CAoC1B"}

package/dist-lib/src/components/ui/Header/header.d.ts

@@ -0,0 +1,18 @@
+import { HeaderProps } from './header.types';
+/**
+ * Header — top bar template (rail-friendly).
+ *
+ * Layout:
+ *   left:  [collapse btn] [divider] [breadcrumb]
+ *   right: [rightSlot] [search] [theme] [messages] [notifications]
+ *
+ * Posicionamento (sticky/fixed) é responsabilidade do template consumer.
+ * Componente só define altura/layout/cores (60px, border-bottom).
+ *
+ * Todos os blocos do `right` são opcionais:
+ *   - search desliga via `showSearch={false}`
+ *   - notifications/messages/theme escondem o ícone se config não passada
+ *   - onCollapseMenu omitido esconde o botão de collapse
+ */
+export declare function Header({ breadcrumb, onCollapseMenu, menuCollapsed, showSearch, searchPlaceholder, searchShortcut, commandGroups, commandPlaceholder, commandEmptyMessage, notifications, messages, theme, onThemeChange, themeOptions, rightSlot, className, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=header.d.ts.map

package/dist-lib/src/components/ui/Header/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Header/header.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CAAC,EACrB,UAAU,EACV,cAAc,EACd,aAAa,EACb,UAAiB,EACjB,iBAA+B,EAC/B,cAAqB,EACrB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,EACZ,SAAS,EACT,SAAS,GACV,EAAE,WAAW,2CAkFb"}

package/dist-lib/src/components/ui/Header/header.styles.d.ts

@@ -0,0 +1,141 @@
+/**
+ * Header styles — alinhado com `.header` do design-and-table-v2.
+ *
+ * Layout:
+ *   - height 60px, padding-x 16px, border-bottom subtle
+ *   - left: collapse btn + divider + breadcrumb
+ *   - right: search + theme + messages + notifications (gap 4)
+ *
+ * Position é responsabilidade do consumer (template). Componente só define
+ * altura/layout/cores.
+ */
+export declare const headerRoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const headerLeft: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-gp-md min-w-0 flex-1", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center gap-gp-md min-w-0 flex-1", unknown, unknown, undefined>>;
+export declare const headerRight: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-gp-sm shrink-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center gap-gp-sm shrink-0", unknown, unknown, undefined>>;
+export declare const headerDivider: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "h-[24px] w-px bg-border-default shrink-0 mx-pad-xs", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "h-[24px] w-px bg-border-default shrink-0 mx-pad-xs", unknown, unknown, undefined>>;
+/**
+ * Os icon-buttons "trigger" do header (theme/notifications/messages) agora usam
+ * `<Button>` do DS. Este `headerIconBtn` é mantido APENAS pro botão de collapse
+ * do menu — que tem visual ghost específico do header (radius menor, hover sutil).
+ */
+export declare const headerIconBtn: import('tailwind-variants').TVReturnType<{
+    variant: {
+        ghost: string;
+    };
+}, undefined, string[], {
+    variant: {
+        ghost: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        ghost: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Badge dot (indicador de unread) no canto do icon-button do header.
+ * Variantes seguem o sandbox: brand (mensagens) / danger (notificações alerta).
+ */
+export declare const headerIconBtnBadge: import('tailwind-variants').TVReturnType<{
+    kind: {
+        brand: string;
+        danger: string;
+    };
+}, undefined, "absolute top-[4px] right-[4px] w-[8px] h-[8px] rounded-full ring-2 ring-bg-canvas", {
+    kind: {
+        brand: string;
+        danger: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    kind: {
+        brand: string;
+        danger: string;
+    };
+}, undefined, "absolute top-[4px] right-[4px] w-[8px] h-[8px] rounded-full ring-2 ring-bg-canvas", unknown, unknown, undefined>>;
+export declare const breadcrumbRoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-gp-sm min-w-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center gap-gp-sm min-w-0", unknown, unknown, undefined>>;
+export declare const breadcrumbItem: import('tailwind-variants').TVReturnType<{
+    current: {
+        true: string;
+        false: string;
+    };
+    /** Quando único item no breadcrumb (= título da página), font-size sobe pra 16px */
+    standalone: {
+        true: string;
+        false: string;
+    };
+}, undefined, "font-medium truncate transition-colors leading-none", {
+    current: {
+        true: string;
+        false: string;
+    };
+    /** Quando único item no breadcrumb (= título da página), font-size sobe pra 16px */
+    standalone: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    current: {
+        true: string;
+        false: string;
+    };
+    /** Quando único item no breadcrumb (= título da página), font-size sobe pra 16px */
+    standalone: {
+        true: string;
+        false: string;
+    };
+}, undefined, "font-medium truncate transition-colors leading-none", unknown, unknown, undefined>>;
+export declare const breadcrumbSeparator: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-fg-subtle shrink-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-fg-subtle shrink-0", unknown, unknown, undefined>>;
+export declare const searchFakeInput: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const searchFakeInputIcon: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "size-[14px] text-fg-subtle shrink-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "size-[14px] text-fg-subtle shrink-0", unknown, unknown, undefined>>;
+export declare const searchFakeInputText: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-1 text-left truncate", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-1 text-left truncate", unknown, unknown, undefined>>;
+export declare const searchFakeInputKbd: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Pattern compartilhado: bell/msg → click → dropdown ancorado abaixo direita.
+ * Reusa o token bg-dropdown (frosted-glass) e os mesmos padrões do DropdownMenu.
+ */
+export declare const hdWrap: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "relative inline-flex", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "relative inline-flex", unknown, unknown, undefined>>;
+export declare const hdDropdown: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const hdTop: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-gp-md p-pad-xl border-b border-border-subtle bg-bg-canvas/40", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex flex-col gap-gp-md p-pad-xl border-b border-border-subtle bg-bg-canvas/40", unknown, unknown, undefined>>;
+export declare const hdHeader: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center justify-between", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center justify-between", unknown, unknown, undefined>>;
+export declare const hdTitle: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-gp-sm text-body-lg font-semibold text-fg-default", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center gap-gp-sm text-body-lg font-semibold text-fg-default", unknown, unknown, undefined>>;
+export declare const hdTitleCount: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const hdHeaderActions: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-gp-xs", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center gap-gp-xs", unknown, unknown, undefined>>;
+export declare const hdSearch: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const hdSearchIcon: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "size-[14px] text-fg-muted shrink-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "size-[14px] text-fg-muted shrink-0", unknown, unknown, undefined>>;
+export declare const hdSearchInput: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-1 min-w-0 bg-transparent border-0 outline-none text-body-sm font-normal text-fg-default placeholder:text-fg-subtle", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-1 min-w-0 bg-transparent border-0 outline-none text-body-sm font-normal text-fg-default placeholder:text-fg-subtle", unknown, unknown, undefined>>;
+export declare const hdTabs: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-gp-2xs p-[3px] rounded-radius-lg bg-bg-muted", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center gap-gp-2xs p-[3px] rounded-radius-lg bg-bg-muted", unknown, unknown, undefined>>;
+export declare const hdTab: import('tailwind-variants').TVReturnType<{
+    active: {
+        true: string;
+    };
+}, undefined, string[], {
+    active: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    active: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const hdTabCount: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-caption-xs font-bold tabular-nums opacity-70", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-caption-xs font-bold tabular-nums opacity-70", unknown, unknown, undefined>>;
+export declare const hdBody: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-1 overflow-y-auto p-pad-sm flex flex-col gap-px", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-1 overflow-y-auto p-pad-sm flex flex-col gap-px", unknown, unknown, undefined>>;
+export declare const hdEmpty: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex flex-col items-center justify-center gap-gp-md py-pad-7xl text-fg-subtle", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex flex-col items-center justify-center gap-gp-md py-pad-7xl text-fg-subtle", unknown, unknown, undefined>>;
+export declare const hdEmptyText: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-body-md", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-body-md", unknown, unknown, undefined>>;
+export declare const hdNotif: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const hdNotifIcon: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-none w-[28px] h-[28px] rounded-radius-md grid place-items-center", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-none w-[28px] h-[28px] rounded-radius-md grid place-items-center", unknown, unknown, undefined>>;
+export declare const hdNotifBody: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-1 min-w-0 flex flex-col gap-gp-2xs", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-1 min-w-0 flex flex-col gap-gp-2xs", unknown, unknown, undefined>>;
+export declare const hdNotifTitle: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-body-sm font-semibold text-fg-default leading-tight", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-body-sm font-semibold text-fg-default leading-tight", unknown, unknown, undefined>>;
+export declare const hdNotifText: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-body-xs font-normal text-fg-muted leading-snug line-clamp-2", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-body-xs font-normal text-fg-muted leading-snug line-clamp-2", unknown, unknown, undefined>>;
+export declare const hdNotifTime: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-caption-sm text-fg-subtle", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-caption-sm text-fg-subtle", unknown, unknown, undefined>>;
+export declare const hdNotifDot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "shrink-0 mt-pad-xs w-[8px] h-[8px] rounded-full bg-bg-brand", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "shrink-0 mt-pad-xs w-[8px] h-[8px] rounded-full bg-bg-brand", unknown, unknown, undefined>>;
+export declare const hdMsg: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const hdMsgAvatar: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const hdMsgBody: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-1 min-w-0 flex flex-col gap-gp-2xs", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-1 min-w-0 flex flex-col gap-gp-2xs", unknown, unknown, undefined>>;
+export declare const hdMsgRow: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center justify-between gap-gp-sm", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center justify-between gap-gp-sm", unknown, unknown, undefined>>;
+export declare const hdMsgName: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-body-sm font-semibold text-fg-default truncate", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-body-sm font-semibold text-fg-default truncate", unknown, unknown, undefined>>;
+export declare const hdMsgTime: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-caption-sm text-fg-subtle shrink-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-caption-sm text-fg-subtle shrink-0", unknown, unknown, undefined>>;
+export declare const hdMsgPreviewRow: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-gp-sm", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center gap-gp-sm", unknown, unknown, undefined>>;
+export declare const hdMsgPreview: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-1 min-w-0 text-body-xs font-normal text-fg-muted truncate", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-1 min-w-0 text-body-xs font-normal text-fg-muted truncate", unknown, unknown, undefined>>;
+export declare const hdMsgDot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "shrink-0 w-[8px] h-[8px] rounded-full bg-bg-brand", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "shrink-0 w-[8px] h-[8px] rounded-full bg-bg-brand", unknown, unknown, undefined>>;
+export declare const hdFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-none p-pad-md border-t border-border-subtle text-center", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-none p-pad-md border-t border-border-subtle text-center", unknown, unknown, undefined>>;
+export declare const hdFooterLink: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+//# sourceMappingURL=header.styles.d.ts.map

package/dist-lib/src/components/ui/Header/header.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Header/header.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAGH,eAAO,MAAM,UAAU,sMAOrB,CAAC;AAEH,eAAO,MAAM,UAAU,8QAErB,CAAC;AAEH,eAAO,MAAM,WAAW,kQAEtB,CAAC;AAEH,eAAO,MAAM,aAAa,8RAExB,CAAC;AAGH;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;qDAcxB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;gIAS7B,CAAC;AAGH,eAAO,MAAM,cAAc,gQAEzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;IAOvB,oFAAoF;;;;;;;;;;IAApF,oFAAoF;;;;;;;;;;IAApF,oFAAoF;;;;;kGAOtF,CAAC;AAEH,eAAO,MAAM,mBAAmB,wOAE9B,CAAC;AAGH,eAAO,MAAM,eAAe,sMAU1B,CAAC;AAEH,eAAO,MAAM,mBAAmB,gQAE9B,CAAC;AAEH,eAAO,MAAM,mBAAmB,4OAE9B,CAAC;AAEH,eAAO,MAAM,kBAAkB,sMAO7B,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,MAAM,kOAEjB,CAAC;AAEH,eAAO,MAAM,UAAU,sMAarB,CAAC;AAEH,eAAO,MAAM,KAAK,sVAEhB,CAAC;AAEH,eAAO,MAAM,QAAQ,4PAEnB,CAAC;AAEH,eAAO,MAAM,OAAO,sUAElB,CAAC;AAEH,eAAO,MAAM,YAAY,sMAMvB,CAAC;AAEH,eAAO,MAAM,eAAe,gPAE1B,CAAC;AAGH,eAAO,MAAM,QAAQ,sMAQnB,CAAC;AAEH,eAAO,MAAM,YAAY,8PAEvB,CAAC;AAEH,eAAO,MAAM,aAAa,waAExB,CAAC;AAGH,eAAO,MAAM,MAAM,8TAEjB,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;qDAehB,CAAC;AAEH,eAAO,MAAM,UAAU,4RAErB,CAAC;AAGH,eAAO,MAAM,MAAM,kSAEjB,CAAC;AAGH,eAAO,MAAM,OAAO,oVAElB,CAAC;AAEH,eAAO,MAAM,WAAW,kNAEtB,CAAC;AAGH,eAAO,MAAM,OAAO,sMAQlB,CAAC;AAEH,eAAO,MAAM,WAAW,oUAEtB,CAAC;AAEH,eAAO,MAAM,WAAW,wQAEtB,CAAC;AAEH,eAAO,MAAM,YAAY,0SAEvB,CAAC;AAEH,eAAO,MAAM,WAAW,0TAEtB,CAAC;AAEH,eAAO,MAAM,WAAW,sPAEtB,CAAC;AAEH,eAAO,MAAM,UAAU,gTAErB,CAAC;AAGH,eAAO,MAAM,KAAK,sMAQhB,CAAC;AAEH,eAAO,MAAM,WAAW,sMAKtB,CAAC;AAEH,eAAO,MAAM,SAAS,wQAEpB,CAAC;AAEH,eAAO,MAAM,QAAQ,gRAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,gSAEpB,CAAC;AAEH,eAAO,MAAM,SAAS,wQAEpB,CAAC;AAEH,eAAO,MAAM,eAAe,gPAE1B,CAAC;AAEH,eAAO,MAAM,YAAY,sTAEvB,CAAC;AAEH,eAAO,MAAM,QAAQ,4RAEnB,CAAC;AAGH,eAAO,MAAM,QAAQ,kTAEnB,CAAC;AAEH,eAAO,MAAM,YAAY,sMASvB,CAAC"}

package/dist-lib/src/components/ui/Header/header.types.d.ts

@@ -0,0 +1,128 @@
+import { ReactNode, MouseEvent } from 'react';
+import { LucideIcon } from 'lucide-react';
+export type HeaderBreadcrumbItem = {
+    label: string;
+    /** Quando presente, vira link clicável. Último item da array nunca é link (página atual). */
+    href?: string;
+    onClick?: (e: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+};
+export type HeaderCommandItem = {
+    /** Identificador único pra busca/filtro */
+    id?: string;
+    label: string;
+    icon?: LucideIcon;
+    /** Atalho exibido à direita do item (ex: "⌘N") */
+    shortcut?: string;
+    /** Keywords adicionais pra filtro fuzzy (não exibidas) */
+    keywords?: string[];
+    /** Variante destrutiva (texto/ícone vermelho) */
+    destructive?: boolean;
+    onSelect: () => void;
+};
+export type HeaderCommandGroup = {
+    heading: string;
+    items: HeaderCommandItem[];
+};
+export type HeaderNotification = {
+    id: string;
+    icon: LucideIcon;
+    /** Cor do ícone (qualquer cor CSS válida) */
+    color: string;
+    title: string;
+    body: string;
+    /** Time string formatado (ex: "2 min", "1h", "ontem") */
+    time: string;
+    unread?: boolean;
+    /** Tipo da notificação — usado pelos filtros (default: "mention", "alert", etc) */
+    kind?: string;
+    onClick?: () => void;
+};
+export type HeaderNotificationFilter = {
+    id: string;
+    label: string;
+    /** Predicate pra filtrar notifications. Default filters usam "kind" pra match. */
+    predicate?: (n: HeaderNotification) => boolean;
+};
+export type HeaderNotificationsConfig = {
+    items: HeaderNotification[];
+    /** Filtros customizados. Default: Todas / Não lidas / Menções (kind === "mention"). */
+    filters?: HeaderNotificationFilter[];
+    /** Texto exibido quando lista vazia */
+    emptyMessage?: string;
+    onMarkAllRead?: () => void;
+    onMoreActions?: () => void;
+    /** Link "Ver todas" no footer */
+    onViewAll?: () => void;
+    /** Label do link footer. Default: "Ver todas as notificações" */
+    viewAllLabel?: string;
+};
+export type HeaderMessage = {
+    id: string;
+    name: string;
+    initials: string;
+    /** Cor de fundo do avatar fallback */
+    color: string;
+    /** Preview da última mensagem */
+    preview: string;
+    time: string;
+    unread?: boolean;
+    /** Marca chat de grupo (usado pelos filtros) */
+    group?: boolean;
+    /** URL da imagem (sobrescreve initials) */
+    avatarUrl?: string;
+    onClick?: () => void;
+};
+export type HeaderMessageFilter = {
+    id: string;
+    label: string;
+    predicate?: (m: HeaderMessage) => boolean;
+};
+export type HeaderMessagesConfig = {
+    items: HeaderMessage[];
+    /** Filtros customizados. Default: Tudo / Não lidas / Grupos. */
+    filters?: HeaderMessageFilter[];
+    /** Habilita campo de busca interna no dropdown. Default: true. */
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    onNewMessage?: () => void;
+    onExpand?: () => void;
+    onViewAll?: () => void;
+    viewAllLabel?: string;
+};
+export type HeaderThemeOption = {
+    id: string;
+    label: string;
+    icon: LucideIcon;
+};
+export type HeaderProps = {
+    /** Título/breadcrumb da página */
+    breadcrumb: HeaderBreadcrumbItem[];
+    /** Collapse menu (integração com MenuSidebar) */
+    onCollapseMenu?: () => void;
+    /** Controla o ícone (PanelLeftClose vs PanelLeftOpen) */
+    menuCollapsed?: boolean;
+    /** Mostra fake-input de busca que abre o Command palette. Default: true. */
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    /** Atalho exibido no fake-input. Default: "⌘K". */
+    searchShortcut?: string;
+    /** Grupos de comandos no Command palette. Sem isso, o palette abre vazio (ou consumer renderiza children custom). */
+    commandGroups?: HeaderCommandGroup[];
+    /** Placeholder do input do Command. Default: "Digite um comando ou busque...". */
+    commandPlaceholder?: string;
+    /** Texto quando nenhum comando casa. Default: "Nenhum resultado encontrado." */
+    commandEmptyMessage?: string;
+    /** Notifications dropdown — omitir esconde o ícone */
+    notifications?: HeaderNotificationsConfig;
+    /** Messages dropdown — omitir esconde o ícone */
+    messages?: HeaderMessagesConfig;
+    /** Theme switcher — omitir esconde o ícone */
+    theme?: string;
+    onThemeChange?: (id: string) => void;
+    themeOptions?: HeaderThemeOption[];
+    /** Slot livre à direita (custom buttons antes dos ícones default) */
+    rightSlot?: ReactNode;
+    className?: string;
+};
+//# sourceMappingURL=header.types.d.ts.map

package/dist-lib/src/components/ui/Header/header.types.d.ts.map

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

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

@@ -0,0 +1,13 @@
+export { Header } from './header';
+export { HeaderBreadcrumb } from './header-breadcrumb';
+export type { HeaderBreadcrumbProps } from './header-breadcrumb';
+export { HeaderSearch } from './header-search';
+export type { HeaderSearchProps } from './header-search';
+export { HeaderNotifications } from './header-notifications';
+export type { HeaderNotificationsProps } from './header-notifications';
+export { HeaderMessages } from './header-messages';
+export type { HeaderMessagesProps } from './header-messages';
+export { HeaderThemeSwitcher } from './header-theme-switcher';
+export type { HeaderThemeSwitcherProps } from './header-theme-switcher';
+export type { HeaderProps, HeaderBreadcrumbItem, HeaderCommandItem, HeaderCommandGroup, HeaderNotification, HeaderNotificationFilter, HeaderNotificationsConfig, HeaderMessage, HeaderMessageFilter, HeaderMessagesConfig, HeaderThemeOption, } from './header.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Header/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAGxE,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,EACxB,yBAAyB,EACzB,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC"}

package/dist-lib/src/components/ui/Kanban/hooks/use-kanban-dnd.d.ts

@@ -0,0 +1,39 @@
+import { DragEndEvent, DragOverEvent, DragStartEvent } from '@dnd-kit/core';
+import { KanbanColumn } from '../kanban.types';
+type UseKanbanDnDOptions = {
+    enabled: boolean;
+    columns: KanbanColumn[];
+    /** Lookup `cardId → columnId` pra resolver drop em cima de card específico. */
+    cardColumnLookup: Map<string, string>;
+    onCardMove?: (cardId: string, from: string, to: string) => void | Promise<unknown>;
+};
+export declare const droppableIdForColumn: (id: string) => string;
+export declare const droppableIdForCard: (id: string) => string;
+/**
+ * Encapsula sensors + handlers do `@dnd-kit/core` pro Kanban.
+ *
+ * - PointerSensor com `distance: 5` evita ativar drag em cliques curtos
+ *   (preserva click-to-open do card).
+ * - Tracks `activeCardId` + `fromColumnId` durante drag.
+ * - Tracks `overColumnId` e `overCardId` em `onDragOver` — quando o cursor está
+ *   exatamente sobre outro card, `overCardId` aponta pra ele e `overColumnId`
+ *   resolve pra coluna desse card. Quando está na área vazia da coluna,
+ *   `overColumnId` aponta pra coluna e `overCardId` é null.
+ * - Drop pode resolver pra `column:{id}` (fim da coluna) ou `card:{id}` (antes
+ *   do card hovered) — em ambos os casos, o `to` é a coluna resultante.
+ *
+ * Quando `enabled === false`, retorna estado inerte (handlers no-op).
+ */
+export declare function useKanbanDnD({ enabled, columns, cardColumnLookup, onCardMove, }: UseKanbanDnDOptions): {
+    sensors: import('@dnd-kit/core').SensorDescriptor<import('@dnd-kit/core').SensorOptions>[];
+    activeCardId: string | null;
+    fromColumnId: string | null;
+    overColumnId: string | null;
+    overCardId: string | null;
+    handleDragStart: (event: DragStartEvent) => void;
+    handleDragOver: (event: DragOverEvent) => void;
+    handleDragEnd: (event: DragEndEvent) => void;
+    handleDragCancel: () => void;
+};
+export {};
+//# sourceMappingURL=use-kanban-dnd.d.ts.map