@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/preview/pages/ChatV2/components/QueueColumn/queue-column.styles.d.ts

@@ -0,0 +1,86 @@
+export declare const queueColumnStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            header?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            list?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            searchWrap?: import('tailwind-merge').ClassNameValue;
+            searchInner?: import('tailwind-merge').ClassNameValue;
+            searchIcon?: import('tailwind-merge').ClassNameValue;
+            searchInput?: import('tailwind-merge').ClassNameValue;
+            searchClear?: import('tailwind-merge').ClassNameValue;
+            chipsWrap?: import('tailwind-merge').ClassNameValue;
+            empty?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            header?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            list?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            searchWrap?: import('tailwind-merge').ClassNameValue;
+            searchInner?: import('tailwind-merge').ClassNameValue;
+            searchIcon?: import('tailwind-merge').ClassNameValue;
+            searchInput?: import('tailwind-merge').ClassNameValue;
+            searchClear?: import('tailwind-merge').ClassNameValue;
+            chipsWrap?: import('tailwind-merge').ClassNameValue;
+            empty?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    title: string;
+    searchWrap: string;
+    searchInner: string;
+    searchIcon: string;
+    searchInput: string;
+    searchClear: string;
+    chipsWrap: string;
+    list: string;
+    empty: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            header?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            list?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            searchWrap?: import('tailwind-merge').ClassNameValue;
+            searchInner?: import('tailwind-merge').ClassNameValue;
+            searchIcon?: import('tailwind-merge').ClassNameValue;
+            searchInput?: import('tailwind-merge').ClassNameValue;
+            searchClear?: import('tailwind-merge').ClassNameValue;
+            chipsWrap?: import('tailwind-merge').ClassNameValue;
+            empty?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    title: string;
+    searchWrap: string;
+    searchInner: string;
+    searchIcon: string;
+    searchInput: string;
+    searchClear: string;
+    chipsWrap: string;
+    list: string;
+    empty: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    header: string;
+    title: string;
+    searchWrap: string;
+    searchInner: string;
+    searchIcon: string;
+    searchInput: string;
+    searchClear: string;
+    chipsWrap: string;
+    list: string;
+    empty: string;
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=queue-column.styles.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/QueueColumn/queue-column.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue-column.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/QueueColumn/queue-column.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAgB5B,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/QueueColumn/queue-column.types.d.ts

@@ -0,0 +1,13 @@
+import { QueueFilter } from '../../chat-v2.types';
+export type QueueColumnProps = {
+    activeId: string;
+    onSelect: (id: string) => void;
+    searchQuery: string;
+    onSearchChange: (q: string) => void;
+    queueFilter: QueueFilter;
+    onQueueFilterChange: (f: QueueFilter) => void;
+    filtersCollapsed: boolean;
+    onToggleFilters: () => void;
+    className?: string;
+};
+//# sourceMappingURL=queue-column.types.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/QueueColumn/queue-column.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue-column.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/QueueColumn/queue-column.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/RailItem/index.d.ts

@@ -0,0 +1,2 @@
+export { RailItem, type RailItemProps } from './rail-item';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/RailItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/RailItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/RailItem/rail-item.d.ts

@@ -0,0 +1,12 @@
+import { FilterItem } from '../../chat-v2.types';
+export type RailItemProps = {
+    item: FilterItem;
+    isActive: boolean;
+    onClick: () => void;
+};
+/**
+ * Botão ícone compacto (32px) usado na `FiltersRail`. Suporta cor por
+ * `item.color`, ícone Lucide ou fallback dot, e badge "tem novidades".
+ */
+export declare function RailItem({ item, isActive, onClick }: RailItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=rail-item.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/RailItem/rail-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rail-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/RailItem/rail-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,aAAa,2CA4BlE"}

package/dist-lib/src/preview/pages/ChatV2/components/RailItem/rail-item.styles.d.ts

@@ -0,0 +1,49 @@
+import { VariantProps } from '../../../../../utils/tv';
+export declare const railItemStyles: import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: {
+            button: string;
+        };
+        false: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+    /** Badge dot 6px (top-right) pra "tem novidades". */
+    unreadDot: string;
+    /** Fallback dot (quando item não tem icon). */
+    fallbackDot: string;
+}, undefined, {
+    isActive: {
+        true: {
+            button: string;
+        };
+        false: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+    /** Badge dot 6px (top-right) pra "tem novidades". */
+    unreadDot: string;
+    /** Fallback dot (quando item não tem icon). */
+    fallbackDot: string;
+}, import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: {
+            button: string;
+        };
+        false: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+    /** Badge dot 6px (top-right) pra "tem novidades". */
+    unreadDot: string;
+    /** Fallback dot (quando item não tem icon). */
+    fallbackDot: string;
+}, undefined, unknown, unknown, undefined>>;
+export type RailItemVariants = VariantProps<typeof railItemStyles>;
+//# sourceMappingURL=rail-item.styles.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/RailItem/rail-item.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rail-item.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/RailItem/rail-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,eAAO,MAAM,cAAc;;;;;;;;;;;IAMvB,qDAAqD;;IAGrD,+CAA+C;;;;;;;;;;;;;IAH/C,qDAAqD;;IAGrD,+CAA+C;;;;;;;;;;;;;IAH/C,qDAAqD;;IAGrD,+CAA+C;;2CAgBjD,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/hooks/use-resizable.d.ts

@@ -0,0 +1,36 @@
+export type UseResizableOptions = {
+    /** Largura inicial (em px) antes do localStorage hidratar. */
+    initial: number;
+    /** Largura mínima permitida (em px). */
+    min: number;
+    /** Largura máxima permitida (em px). */
+    max: number;
+    /** Chave no localStorage pra persistir o último valor entre sessões. */
+    storageKey: string;
+};
+export type UseResizableResult = {
+    /** Largura atual em px (controlada pelo drag + hidratação localStorage). */
+    width: number;
+    /** Handler pra começar o drag — atribuir em `onMouseDown` do handle. */
+    onResizeStart: (e: React.MouseEvent) => void;
+};
+/**
+ * Hook de drag-resize horizontal pra split-panes com persist em localStorage.
+ *
+ * Comportamento: o handle é assumido como estando no **left edge** do painel —
+ * arrastar pra esquerda (delta negativo em X) **aumenta** a largura. Reverter o
+ * sinal de `delta` no handler caso o handle esteja no right edge.
+ *
+ * Hidratação:
+ *  - No mount, tenta ler `localStorage[storageKey]` e validar dentro de
+ *    [min, max]. Se válido, usa esse valor; senão, usa `initial`.
+ *  - Após hidratação, qualquer mudança de `width` é salva (com check de
+ *    `hydrated.current` pra evitar overwrite do valor persistido com o
+ *    `initial` no primeiro paint).
+ *
+ * Cleanup:
+ *  - `mousemove`/`mouseup` são listeners globais durante o drag. `mouseup`
+ *    remove os 2 + restaura `cursor` e `user-select` do `<body>`.
+ */
+export declare function useResizable({ initial, min, max, storageKey, }: UseResizableOptions): UseResizableResult;
+//# sourceMappingURL=use-resizable.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/hooks/use-resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resizable.d.ts","sourceRoot":"","sources":["../../../../../../src/preview/pages/ChatV2/hooks/use-resizable.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,wEAAwE;IACxE,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,4EAA4E;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,GAAG,EACH,GAAG,EACH,UAAU,GACX,EAAE,mBAAmB,GAAG,kBAAkB,CAsD1C"}

package/dist-lib/src/preview/pages/ChatV2/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Barrel da showcase ChatV2.
+ *
+ * Uso pelo consumer:
+ *   import ChatV2 from "@snksergio/design-system/preview/chat";
+ *   // ou nominado:
+ *   import { ChatV2, type ChatV2Props } from "@snksergio/design-system/preview/chat";
+ */
+export { default, default as ChatV2 } from './ChatV2';
+export type * from './chat-v2.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ChatV2/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,mBAAmB,iBAAiB,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/ClientesShowcase.d.ts

@@ -0,0 +1,2 @@
+export default function ClientesShowcase(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ClientesShowcase.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/ClientesShowcase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientesShowcase.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ClientesShowcase/ClientesShowcase.tsx"],"names":[],"mappings":"AA+SA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CA0OvC"}

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase-mocks.d.ts

@@ -0,0 +1,35 @@
+import { ClientRow } from '../TableDoc';
+export declare const CLIENTS_87: ClientRow[];
+export declare const STATUS_COLOR_MAP: Record<string, string>;
+export declare const STATUS_DOT: Record<string, string>;
+export declare const CATEGORY_KIND: Record<string, "warning" | "info" | "success">;
+export declare const STATUS_OPTIONS: {
+    value: string;
+    label: string;
+    color: string;
+}[];
+export declare const CATEGORY_OPTIONS: {
+    value: string;
+    label: string;
+    color: string;
+}[];
+export declare const AGENT_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const AGENTS_LOOKUP: {
+    [k: string]: {
+        name: string;
+        initials: string;
+        color: string;
+    };
+};
+export declare const KANBAN_COLUMNS: {
+    id: string;
+    label: string;
+    dotColor: string;
+}[];
+export declare const CITIES: string[];
+export declare function formatBRL(value: number): string;
+export declare function formatShortDate(ms: number): string;
+//# sourceMappingURL=clientes-showcase-mocks.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase-mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientes-showcase-mocks.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ClientesShowcase/clientes-showcase-mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,aAAa,CAAC;AAIrB,eAAO,MAAM,UAAU,EAAE,SAAS,EAOnB,CAAC;AAIhB,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK7C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAIxE,CAAC;AAIF,eAAO,MAAM,cAAc;;;;GAIxB,CAAC;AAEJ,eAAO,MAAM,gBAAgB;;;;GAI1B,CAAC;AAEJ,eAAO,MAAM,aAAa;;;GAGvB,CAAC;AAIJ,eAAO,MAAM,aAAa;;;;;;CAazB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;GAIxB,CAAC;AAIJ,eAAO,MAAM,MAAM,UAWlB,CAAC;AAIF,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,UAMtC;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,UAMzC"}

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase.styles.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Layout em grid de 2 colunas usado dentro do drawer pra pares de campos
+ * (Email + WhatsApp, Cidade + Valor).
+ * `gap-form-gap` (20px) = token DS pra spacing entre FormField units (L-024).
+ */
+export declare const drawerFormStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            statusDot?: import('tailwind-merge').ClassNameValue;
+            twoCols?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            statusDot?: import('tailwind-merge').ClassNameValue;
+            twoCols?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    twoCols: string;
+    statusDot: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            statusDot?: import('tailwind-merge').ClassNameValue;
+            twoCols?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    twoCols: string;
+    statusDot: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    twoCols: string;
+    statusDot: string;
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=clientes-showcase.styles.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientes-showcase.styles.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ClientesShowcase/clientes-showcase.styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAK3B,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase.types.d.ts

@@ -0,0 +1,16 @@
+import { STATUSES, CATEGORIES } from '../TableDoc';
+/**
+ * Payload do formulário do drawer "Novo cliente".
+ * Consumido por <NovoClienteDrawer onSubmit={...}> no main page.
+ */
+export type NovoClienteFormData = {
+    name: string;
+    email: string;
+    whatsapp: string;
+    statusId: keyof typeof STATUSES;
+    categoryId: keyof typeof CATEGORIES;
+    city: string;
+    value: number;
+    notes: string;
+};
+//# sourceMappingURL=clientes-showcase.types.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientes-showcase.types.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ClientesShowcase/clientes-showcase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,OAAO,QAAQ,CAAC;IAChC,UAAU,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.d.ts

@@ -0,0 +1,8 @@
+import { DetailDrawerProps } from './detail-drawer.types';
+/**
+ * Drawer "Detalhes do cliente" — usa `<FloatingPanel>` do DS (non-modal,
+ * resizable, maximizable, responsive). Replica visual do `TblDetailsPanel`
+ * do sandbox /design-and-table-v2.
+ */
+export declare function DetailDrawer({ row, onClose, onEdit, onDelete, onSave, }: DetailDrawerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=detail-drawer.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAwE/D;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EAAE,iBAAiB,kDA6MnB"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.styles.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Styles do DetailDrawer — apenas as partes internas (sections collapsibles
+ * + DetailField). O shell flutuante (aside, header com avatar+meta, footer
+ * com botões) é delegado ao `<FloatingPanel>` do DS.
+ */
+export declare const detailDrawerStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            section?: import('tailwind-merge').ClassNameValue;
+            field?: import('tailwind-merge').ClassNameValue;
+            fieldLabel?: import('tailwind-merge').ClassNameValue;
+            fieldValue?: import('tailwind-merge').ClassNameValue;
+            sectionChev?: import('tailwind-merge').ClassNameValue;
+            sectionChevOpen?: import('tailwind-merge').ClassNameValue;
+            sectionBody?: import('tailwind-merge').ClassNameValue;
+            sectionHead?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            section?: import('tailwind-merge').ClassNameValue;
+            field?: import('tailwind-merge').ClassNameValue;
+            fieldLabel?: import('tailwind-merge').ClassNameValue;
+            fieldValue?: import('tailwind-merge').ClassNameValue;
+            sectionChev?: import('tailwind-merge').ClassNameValue;
+            sectionChevOpen?: import('tailwind-merge').ClassNameValue;
+            sectionBody?: import('tailwind-merge').ClassNameValue;
+            sectionHead?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    section: string;
+    sectionHead: string[];
+    sectionChev: string;
+    sectionChevOpen: string;
+    sectionBody: string;
+    field: string;
+    fieldLabel: string;
+    fieldValue: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            section?: import('tailwind-merge').ClassNameValue;
+            field?: import('tailwind-merge').ClassNameValue;
+            fieldLabel?: import('tailwind-merge').ClassNameValue;
+            fieldValue?: import('tailwind-merge').ClassNameValue;
+            sectionChev?: import('tailwind-merge').ClassNameValue;
+            sectionChevOpen?: import('tailwind-merge').ClassNameValue;
+            sectionBody?: import('tailwind-merge').ClassNameValue;
+            sectionHead?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    section: string;
+    sectionHead: string[];
+    sectionChev: string;
+    sectionChevOpen: string;
+    sectionBody: string;
+    field: string;
+    fieldLabel: string;
+    fieldValue: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    section: string;
+    sectionHead: string[];
+    sectionChev: string;
+    sectionChevOpen: string;
+    sectionBody: string;
+    field: string;
+    fieldLabel: string;
+    fieldValue: string;
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=detail-drawer.styles.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-drawer.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoB7B,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.types.d.ts

@@ -0,0 +1,14 @@
+import { ClientRow } from '../../../TableDoc';
+export type DetailDrawerProps = {
+    /** Cliente em exibição. Quando `null` o drawer fica desmontado. */
+    row: ClientRow | null;
+    /** Fecha o drawer (chamado por ESC, X do header e Cancelar). */
+    onClose: () => void;
+    /** Disparado pelo botão Editar (ícone Pencil no header). Opcional. */
+    onEdit?: (row: ClientRow) => void;
+    /** Disparado pelo botão Excluir (ícone Trash no header). Opcional. */
+    onDelete?: (row: ClientRow) => void;
+    /** Disparado pelo CTA "Salvar alterações" do footer. Opcional. */
+    onSave?: (row: ClientRow) => void;
+};
+//# sourceMappingURL=detail-drawer.types.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-drawer.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,mEAAmE;IACnE,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC;IACtB,gEAAgE;IAChE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sEAAsE;IACtE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IAClC,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;CACnC,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/index.d.ts

@@ -0,0 +1,3 @@
+export { DetailDrawer } from './detail-drawer';
+export type { DetailDrawerProps } from './detail-drawer.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/DetailDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/index.d.ts

@@ -0,0 +1,3 @@
+export { NovoClienteDrawer } from './novo-cliente-drawer';
+export type { NovoClienteDrawerProps } from './novo-cliente-drawer';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/novo-cliente-drawer.d.ts

@@ -0,0 +1,22 @@
+import { NovoClienteFormData } from '../../clientes-showcase.types';
+export type NovoClienteDrawerProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Disparado ao confirmar — drawer fecha automaticamente após o submit. */
+    onSubmit?: (data: NovoClienteFormData) => void;
+};
+/**
+ * Drawer "Novo cliente" — replica visual do TblClientFormDrawer
+ * (sandbox /design-and-table-v2), recompilado em cima dos componentes do DS:
+ *   Panel + FormField (Input / Select / Textarea) + ChipGroup + Button.
+ *
+ * Layout (top → bottom):
+ *   1. Nome*           — full width
+ *   2. Email + WhatsApp — 2 cols
+ *   3. Status           — ChipGroup com dot colorido
+ *   4. Categoria        — ChipGroup
+ *   5. Cidade + Valor R$ — 2 cols
+ *   6. Notas            — textarea full width
+ */
+export declare function NovoClienteDrawer({ open, onOpenChange, onSubmit, }: NovoClienteDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=novo-cliente-drawer.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/novo-cliente-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"novo-cliente-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/novo-cliente-drawer.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAazE,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE,sBAAsB,2CA4JxB"}

package/dist-lib/src/preview/pages/ClientesShowcase/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Barrel da showcase ClientesShowcase (CRUD).
+ *
+ * Uso pelo consumer:
+ *   import ClientesShowcase from "@snksergio/design-system/preview/clientes";
+ *   // ou nominado:
+ *   import { ClientesShowcase } from "@snksergio/design-system/preview/clientes";
+ */
+export { default, default as ClientesShowcase } from './ClientesShowcase';
+export type * from './clientes-showcase.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ClientesShowcase/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,mBAAmB,2BAA2B,CAAC"}

package/dist-lib/src/preview/pages/DashboardShowcase.d.ts

@@ -0,0 +1,2 @@
+export default function DashboardShowcase(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardShowcase.d.ts.map

package/dist-lib/src/preview/pages/DashboardShowcase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardShowcase.d.ts","sourceRoot":"","sources":["../../../../src/preview/pages/DashboardShowcase.tsx"],"names":[],"mappings":"AA+uBA,MAAM,CAAC,OAAO,UAAU,iBAAiB,4CA4IxC"}

package/dist-lib/src/utils/color-contrast.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Color contrast utilities — WCAG 2.x relative luminance.
+ *
+ * Used by components que aplicam bg arbitrário (hex/css color) e precisam
+ * escolher cor de texto que tenha contraste mínimo (white vs black).
+ *
+ * Caso real (v0.7.1): Avatar com `colorHex={bankColor}` antes aplicava
+ * `text-white` cego — quebra contraste em cores claras (BB amarelo #FAE128
+ * + branco = ratio 1.29:1, falha WCAG AA 4.5:1). Agora escolhe preto/branco
+ * baseado em luminância calculada.
+ */
+export type ContrastTextColor = "white" | "black";
+/**
+ * Escolhe a cor de texto (branco ou preto) com MAIOR contraste sobre um bg.
+ *
+ * Comportamento:
+ * - Compara `(white, bg)` vs `(black, bg)` via contrast ratio WCAG
+ * - Retorna o vencedor — sempre o que tem ratio mais alto
+ * - Default "white" pra cores escuras (luminância baixa), "black" pra cores
+ *   claras (luminância alta). Threshold dinâmico ~50% (não fixo)
+ *
+ * Fallback: hex inválido → "white" (preserva comportamento legado de
+ * `text-white` cego — caller deve garantir hex válido).
+ *
+ * Exemplos:
+ * - "#FAE128" (BB amarelo)  → "black" (white ratio 1.29, black ratio 16.3)
+ * - "#820AD1" (Nubank roxo) → "white" (white ratio 6.2, black ratio 3.4)
+ * - "#EC7000" (Itaú laranja)→ "black" (white ratio 2.7, black ratio 7.8)
+ * - "#FFFFFF" (branco)      → "black"
+ * - "#000000" (preto)       → "white"
+ *
+ * @param bgColor - hex string (#RGB, #RRGGBB ou #RRGGBBAA)
+ * @returns "white" | "black" — cor de texto recomendada
+ */
+export declare function getContrastTextColor(bgColor: string): ContrastTextColor;
+/**
+ * Retorna `true` se o contraste entre texto/bg passa WCAG AA pra texto
+ * normal (4.5:1) ou texto large (3:1).
+ *
+ * Útil pra validação em desenvolvimento (avisar quando alguém configurou
+ * `colorHex` com contraste insuficiente mesmo após auto-pick).
+ *
+ * @param textColor - hex do texto
+ * @param bgColor - hex do bg
+ * @param size - "normal" (4.5:1) | "large" (3:1, >=18pt ou >=14pt bold)
+ */
+export declare function meetsWCAG_AA(textColor: string, bgColor: string, size?: "normal" | "large"): boolean;
+//# sourceMappingURL=color-contrast.d.ts.map

package/dist-lib/src/utils/color-contrast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-contrast.d.ts","sourceRoot":"","sources":["../../../src/utils/color-contrast.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,CAAC;AAkDlD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,iBAAiB,CAOvE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,IAAI,GAAE,QAAQ,GAAG,OAAkB,GAClC,OAAO,CAMT"}

package/dist-lib/src/utils/tv.d.ts

@@ -0,0 +1,4 @@
+import { tv as tvBase } from 'tailwind-variants';
+export declare const tv: typeof tvBase;
+export type { VariantProps } from 'tailwind-variants';
+//# sourceMappingURL=tv.d.ts.map

package/dist-lib/src/utils/tv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tv.d.ts","sourceRoot":"","sources":["../../../src/utils/tv.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,IAAI,MAAM,EAAiB,MAAM,mBAAmB,CAAC;AA6BhE,eAAO,MAAM,EAAE,EAAE,OAAO,MAIR,CAAC;AAEjB,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}