@snksergio/design-system 0.19.1 → 0.30.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +39 -12
- package/dist-lib/chunks/{app-shell-Cy9be0Zx.mjs → app-shell-78w0pYdP.mjs} +849 -79
- package/dist-lib/chunks/app-shell-78w0pYdP.mjs.map +1 -0
- package/dist-lib/chunks/{app-shell-CPx9X7zP.cjs → app-shell-Cyh8AUJT.cjs} +947 -176
- package/dist-lib/chunks/app-shell-Cyh8AUJT.cjs.map +1 -0
- package/dist-lib/chunks/{clientes-showcase-mocks-ayU1SDOA.mjs → clientes-showcase-mocks-CwWGCCmf.mjs} +1 -27
- package/dist-lib/chunks/clientes-showcase-mocks-CwWGCCmf.mjs.map +1 -0
- package/dist-lib/chunks/{clientes-showcase-mocks-DygUqkkh.cjs → clientes-showcase-mocks-CwhluBTT.cjs} +1 -44
- package/dist-lib/chunks/clientes-showcase-mocks-CwhluBTT.cjs.map +1 -0
- package/dist-lib/chunks/{input-BWevV7up.cjs → input-BjUSWce3.cjs} +24 -4
- package/dist-lib/chunks/input-BjUSWce3.cjs.map +1 -0
- package/dist-lib/chunks/{input-C9eKSSEb.mjs → input-DCDU4i4S.mjs} +23 -3
- package/dist-lib/chunks/input-DCDU4i4S.mjs.map +1 -0
- package/dist-lib/chunks/kpi-delta-C_3V6uG6.cjs +148 -0
- package/dist-lib/chunks/kpi-delta-C_3V6uG6.cjs.map +1 -0
- package/dist-lib/chunks/kpi-delta-DpYuDY4h.mjs +149 -0
- package/dist-lib/chunks/kpi-delta-DpYuDY4h.mjs.map +1 -0
- package/dist-lib/chunks/{page-header-CQbTGWQ8.mjs → page-header-B6XJyIMz.mjs} +2 -2
- package/dist-lib/chunks/{page-header-CQbTGWQ8.mjs.map → page-header-B6XJyIMz.mjs.map} +1 -1
- package/dist-lib/chunks/{page-header-BZ-WrxV2.cjs → page-header-D0rpU0yn.cjs} +4 -4
- package/dist-lib/chunks/{page-header-BZ-WrxV2.cjs.map → page-header-D0rpU0yn.cjs.map} +1 -1
- package/dist-lib/chunks/{panel-pOXMw6a-.cjs → panel-B_SSIEDs.cjs} +1876 -1067
- package/dist-lib/chunks/panel-B_SSIEDs.cjs.map +1 -0
- package/dist-lib/chunks/{panel-BCUixETK.mjs → panel-CEkyoGiO.mjs} +1639 -831
- package/dist-lib/chunks/panel-CEkyoGiO.mjs.map +1 -0
- package/dist-lib/index.cjs +3819 -230
- package/dist-lib/index.cjs.map +1 -1
- package/dist-lib/index.mjs +3898 -313
- package/dist-lib/index.mjs.map +1 -1
- package/dist-lib/preview/chat.cjs +41 -42
- package/dist-lib/preview/chat.cjs.map +1 -1
- package/dist-lib/preview/chat.mjs +2 -3
- package/dist-lib/preview/chat.mjs.map +1 -1
- package/dist-lib/preview/clientes.cjs +22 -24
- package/dist-lib/preview/clientes.cjs.map +1 -1
- package/dist-lib/preview/clientes.mjs +5 -7
- package/dist-lib/preview/clientes.mjs.map +1 -1
- package/dist-lib/preview/dashboard.cjs +232 -28
- package/dist-lib/preview/dashboard.cjs.map +1 -1
- package/dist-lib/preview/dashboard.mjs +215 -11
- package/dist-lib/preview/dashboard.mjs.map +1 -1
- package/dist-lib/preview/mocks.cjs +1 -1
- package/dist-lib/preview/mocks.mjs +1 -1
- package/dist-lib/src/components/index.d.ts +14 -0
- package/dist-lib/src/components/index.d.ts.map +1 -1
- package/dist-lib/src/components/shadcn/command.d.ts.map +1 -1
- package/dist-lib/src/components/shadcn/input.d.ts.map +1 -1
- package/dist-lib/src/components/shadcn/tabs.d.ts +11 -6
- package/dist-lib/src/components/shadcn/tabs.d.ts.map +1 -1
- package/dist-lib/src/components/shadcn/tooltip.d.ts +25 -7
- package/dist-lib/src/components/shadcn/tooltip.d.ts.map +1 -1
- package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.d.ts +13 -0
- package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.styles.d.ts +95 -0
- package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.types.d.ts +81 -0
- package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ChoroplethMap/index.d.ts +3 -0
- package/dist-lib/src/components/ui/ChoroplethMap/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ColorPicker/color-picker.d.ts +16 -0
- package/dist-lib/src/components/ui/ColorPicker/color-picker.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ColorPicker/color-picker.presets.d.ts +13 -0
- package/dist-lib/src/components/ui/ColorPicker/color-picker.presets.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ColorPicker/color-picker.styles.d.ts +135 -0
- package/dist-lib/src/components/ui/ColorPicker/color-picker.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ColorPicker/color-picker.types.d.ts +35 -0
- package/dist-lib/src/components/ui/ColorPicker/color-picker.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ColorPicker/index.d.ts +6 -0
- package/dist-lib/src/components/ui/ColorPicker/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ConversationListItem/conversation-list-item.d.ts +23 -0
- package/dist-lib/src/components/ui/ConversationListItem/conversation-list-item.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ConversationListItem/conversation-list-item.styles.d.ts +173 -0
- package/dist-lib/src/components/ui/ConversationListItem/conversation-list-item.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ConversationListItem/conversation-list-item.types.d.ts +59 -0
- package/dist-lib/src/components/ui/ConversationListItem/conversation-list-item.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/ConversationListItem/index.d.ts +5 -0
- package/dist-lib/src/components/ui/ConversationListItem/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/DataTable/data-table.d.ts.map +1 -1
- package/dist-lib/src/components/ui/DataTable/data-table.types.d.ts +14 -1
- package/dist-lib/src/components/ui/DataTable/data-table.types.d.ts.map +1 -1
- package/dist-lib/src/components/ui/DataTable/hooks/use-column-auto-width.d.ts +9 -0
- package/dist-lib/src/components/ui/DataTable/hooks/use-column-auto-width.d.ts.map +1 -1
- package/dist-lib/src/components/ui/DataTable/hooks/use-data-table-controller.d.ts.map +1 -1
- package/dist-lib/src/components/ui/DataTable/services/saved-views.types.d.ts +9 -0
- package/dist-lib/src/components/ui/DataTable/services/saved-views.types.d.ts.map +1 -1
- package/dist-lib/src/components/ui/DataTable/utils/calculate-column-widths.d.ts +16 -0
- package/dist-lib/src/components/ui/DataTable/utils/calculate-column-widths.d.ts.map +1 -1
- package/dist-lib/src/components/ui/DatePicker/datepicker.d.ts +31 -8
- package/dist-lib/src/components/ui/DatePicker/datepicker.d.ts.map +1 -1
- package/dist-lib/src/components/ui/DatePicker/index.d.ts +1 -1
- package/dist-lib/src/components/ui/DatePicker/index.d.ts.map +1 -1
- package/dist-lib/src/components/ui/DateSeparatorChip/date-separator-chip.d.ts +18 -0
- package/dist-lib/src/components/ui/DateSeparatorChip/date-separator-chip.d.ts.map +1 -0
- package/dist-lib/src/components/ui/DateSeparatorChip/date-separator-chip.styles.d.ts +63 -0
- package/dist-lib/src/components/ui/DateSeparatorChip/date-separator-chip.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/DateSeparatorChip/date-separator-chip.types.d.ts +21 -0
- package/dist-lib/src/components/ui/DateSeparatorChip/date-separator-chip.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/DateSeparatorChip/index.d.ts +5 -0
- package/dist-lib/src/components/ui/DateSeparatorChip/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/EmptyState/empty-state.d.ts +12 -0
- package/dist-lib/src/components/ui/EmptyState/empty-state.d.ts.map +1 -0
- package/dist-lib/src/components/ui/EmptyState/empty-state.styles.d.ts +83 -0
- package/dist-lib/src/components/ui/EmptyState/empty-state.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/EmptyState/empty-state.types.d.ts +43 -0
- package/dist-lib/src/components/ui/EmptyState/empty-state.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/EmptyState/index.d.ts +5 -0
- package/dist-lib/src/components/ui/EmptyState/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/FileUploadField/file-upload-field.d.ts +15 -0
- package/dist-lib/src/components/ui/FileUploadField/file-upload-field.d.ts.map +1 -0
- package/dist-lib/src/components/ui/FileUploadField/file-upload-field.styles.d.ts +66 -0
- package/dist-lib/src/components/ui/FileUploadField/file-upload-field.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/FileUploadField/file-upload-field.types.d.ts +41 -0
- package/dist-lib/src/components/ui/FileUploadField/file-upload-field.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/FileUploadField/index.d.ts +3 -0
- package/dist-lib/src/components/ui/FileUploadField/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Kpi/kpi-delta.d.ts +4 -1
- package/dist-lib/src/components/ui/Kpi/kpi-delta.d.ts.map +1 -1
- package/dist-lib/src/components/ui/Kpi/kpi.d.ts +1 -1
- package/dist-lib/src/components/ui/Kpi/kpi.d.ts.map +1 -1
- package/dist-lib/src/components/ui/Kpi/kpi.styles.d.ts +42 -0
- package/dist-lib/src/components/ui/Kpi/kpi.styles.d.ts.map +1 -1
- package/dist-lib/src/components/ui/Kpi/kpi.types.d.ts +13 -1
- package/dist-lib/src/components/ui/Kpi/kpi.types.d.ts.map +1 -1
- package/dist-lib/src/components/ui/MarkdownText/index.d.ts +5 -0
- package/dist-lib/src/components/ui/MarkdownText/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MarkdownText/markdown-text.d.ts +14 -0
- package/dist-lib/src/components/ui/MarkdownText/markdown-text.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MarkdownText/markdown-text.styles.d.ts +72 -0
- package/dist-lib/src/components/ui/MarkdownText/markdown-text.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MarkdownText/markdown-text.types.d.ts +26 -0
- package/dist-lib/src/components/ui/MarkdownText/markdown-text.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MenuSidebar/sidebar-section.d.ts.map +1 -1
- package/dist-lib/src/components/ui/MenuSidebar/sidebar.styles.d.ts +1 -0
- package/dist-lib/src/components/ui/MenuSidebar/sidebar.styles.d.ts.map +1 -1
- package/dist-lib/src/components/ui/MenuSidebar/sidebar.types.d.ts +7 -1
- package/dist-lib/src/components/ui/MenuSidebar/sidebar.types.d.ts.map +1 -1
- package/dist-lib/src/components/ui/MessageAck/index.d.ts +5 -0
- package/dist-lib/src/components/ui/MessageAck/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageAck/message-ack.d.ts +18 -0
- package/dist-lib/src/components/ui/MessageAck/message-ack.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageAck/message-ack.styles.d.ts +61 -0
- package/dist-lib/src/components/ui/MessageAck/message-ack.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageAck/message-ack.types.d.ts +14 -0
- package/dist-lib/src/components/ui/MessageAck/message-ack.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageBubble/index.d.ts +5 -0
- package/dist-lib/src/components/ui/MessageBubble/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.d.ts +20 -0
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.styles.d.ts +180 -0
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.types.d.ts +87 -0
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageComposer/index.d.ts +5 -0
- package/dist-lib/src/components/ui/MessageComposer/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageComposer/message-composer.d.ts +18 -0
- package/dist-lib/src/components/ui/MessageComposer/message-composer.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageComposer/message-composer.styles.d.ts +113 -0
- package/dist-lib/src/components/ui/MessageComposer/message-composer.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageComposer/message-composer.types.d.ts +49 -0
- package/dist-lib/src/components/ui/MessageComposer/message-composer.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageVariablesPicker/index.d.ts +6 -0
- package/dist-lib/src/components/ui/MessageVariablesPicker/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.d.ts +12 -0
- package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.styles.d.ts +57 -0
- package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.types.d.ts +36 -0
- package/dist-lib/src/components/ui/MessageVariablesPicker/message-variables-picker.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Modal/modal.d.ts +3 -1
- package/dist-lib/src/components/ui/Modal/modal.d.ts.map +1 -1
- package/dist-lib/src/components/ui/Modal/modal.styles.d.ts +7 -1
- package/dist-lib/src/components/ui/Modal/modal.styles.d.ts.map +1 -1
- package/dist-lib/src/components/ui/MonthYearPicker/index.d.ts +3 -0
- package/dist-lib/src/components/ui/MonthYearPicker/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.d.ts +11 -0
- package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.styles.d.ts +113 -0
- package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.types.d.ts +34 -0
- package/dist-lib/src/components/ui/MonthYearPicker/month-year-picker.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/SingleMenuSidebar/single-menu-sidebar.styles.d.ts +1 -1
- package/dist-lib/src/components/ui/Spinner/index.d.ts +3 -0
- package/dist-lib/src/components/ui/Spinner/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Spinner/spinner.d.ts +11 -0
- package/dist-lib/src/components/ui/Spinner/spinner.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Spinner/spinner.styles.d.ts +55 -0
- package/dist-lib/src/components/ui/Spinner/spinner.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Spinner/spinner.types.d.ts +12 -0
- package/dist-lib/src/components/ui/Spinner/spinner.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/TableToolbar/parts/table-toolbar-views.d.ts +7 -1
- package/dist-lib/src/components/ui/TableToolbar/parts/table-toolbar-views.d.ts.map +1 -1
- package/dist-lib/src/components/ui/Toast/toast.d.ts +44 -0
- package/dist-lib/src/components/ui/Toast/toast.d.ts.map +1 -0
- package/dist-lib/src/hooks/useBrand.d.ts +31 -0
- package/dist-lib/src/hooks/useBrand.d.ts.map +1 -0
- package/dist-lib/src/preview/pages/ChatV2/components/QueueColumn/queue-column.styles.d.ts +3 -3
- package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase-mocks.d.ts +1 -1
- package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase-mocks.d.ts.map +1 -1
- package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase.types.d.ts +1 -1
- package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase.types.d.ts.map +1 -1
- package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.types.d.ts +1 -1
- package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.types.d.ts.map +1 -1
- package/dist-lib/src/preview/pages/DashboardShowcase.d.ts.map +1 -1
- package/dist-lib/src/preview/pages/_table-data.d.ts +51 -0
- package/dist-lib/src/preview/pages/_table-data.d.ts.map +1 -0
- package/dist-lib/src/utils/tv.d.ts.map +1 -1
- package/dist-lib/theme.css +32 -0
- package/dist-lib/tokens/brands/blue/primitives/color-palette.d.ts +266 -0
- package/dist-lib/tokens/brands/blue/primitives/color-palette.d.ts.map +1 -0
- package/dist-lib/tokens/brands/blue/semantic/color-dark.d.ts +200 -0
- package/dist-lib/tokens/brands/blue/semantic/color-dark.d.ts.map +1 -0
- package/dist-lib/tokens/brands/blue/semantic/color-light.d.ts +202 -0
- package/dist-lib/tokens/brands/blue/semantic/color-light.d.ts.map +1 -0
- package/dist-lib/tokens/brands/default/semantic/typography.d.ts +4 -2
- package/dist-lib/tokens/brands/default/semantic/typography.d.ts.map +1 -1
- package/dist-lib/tokens/brands/green/primitives/color-palette.d.ts +267 -0
- package/dist-lib/tokens/brands/green/primitives/color-palette.d.ts.map +1 -0
- package/dist-lib/tokens/brands/green/semantic/color-dark.d.ts +200 -0
- package/dist-lib/tokens/brands/green/semantic/color-dark.d.ts.map +1 -0
- package/dist-lib/tokens/brands/green/semantic/color-light.d.ts +201 -0
- package/dist-lib/tokens/brands/green/semantic/color-light.d.ts.map +1 -0
- package/dist-lib/tokens/brands/pay/primitives/color-palette.d.ts +146 -0
- package/dist-lib/tokens/brands/pay/primitives/color-palette.d.ts.map +1 -0
- package/dist-lib/tokens/brands/pay/semantic/color-dark.d.ts +201 -0
- package/dist-lib/tokens/brands/pay/semantic/color-dark.d.ts.map +1 -0
- package/dist-lib/tokens/brands/pay/semantic/color-light.d.ts +199 -0
- package/dist-lib/tokens/brands/pay/semantic/color-light.d.ts.map +1 -0
- package/dist-lib/tokens.cjs +35 -0
- package/dist-lib/tokens.cjs.map +1 -1
- package/dist-lib/tokens.mjs +35 -0
- package/dist-lib/tokens.mjs.map +1 -1
- package/package.json +21 -7
- package/dist-lib/chunks/app-shell-CPx9X7zP.cjs.map +0 -1
- package/dist-lib/chunks/app-shell-Cy9be0Zx.mjs.map +0 -1
- package/dist-lib/chunks/badge-DBdk74KN.mjs +0 -840
- package/dist-lib/chunks/badge-DBdk74KN.mjs.map +0 -1
- package/dist-lib/chunks/badge-gU2wtxrn.cjs +0 -856
- package/dist-lib/chunks/badge-gU2wtxrn.cjs.map +0 -1
- package/dist-lib/chunks/chip-group-2-f_Yo7Y.cjs +0 -763
- package/dist-lib/chunks/chip-group-2-f_Yo7Y.cjs.map +0 -1
- package/dist-lib/chunks/chip-group-_e-yh1Zq.mjs +0 -747
- package/dist-lib/chunks/chip-group-_e-yh1Zq.mjs.map +0 -1
- package/dist-lib/chunks/clientes-showcase-mocks-DygUqkkh.cjs.map +0 -1
- package/dist-lib/chunks/clientes-showcase-mocks-ayU1SDOA.mjs.map +0 -1
- package/dist-lib/chunks/input-BWevV7up.cjs.map +0 -1
- package/dist-lib/chunks/input-C9eKSSEb.mjs.map +0 -1
- package/dist-lib/chunks/panel-BCUixETK.mjs.map +0 -1
- package/dist-lib/chunks/panel-pOXMw6a-.cjs.map +0 -1
|
@@ -279,6 +279,7 @@ export declare const sidebarSectionList: import('tailwind-variants').TVReturnTyp
|
|
|
279
279
|
/** Item das sections (bookmark/chat) — herda visual do sidebarItem subitem */
|
|
280
280
|
export declare const sidebarSectionItem: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
|
|
281
281
|
export declare const sidebarBookmarkDot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-none w-[10px] h-[10px] rounded-full", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-none w-[10px] h-[10px] rounded-full", unknown, unknown, undefined>>;
|
|
282
|
+
export declare const sidebarBookmarkIcon: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
|
|
282
283
|
export declare const sidebarChatAvatar: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
|
|
283
284
|
export declare const sidebarChatStatus: import('tailwind-variants').TVReturnType<{
|
|
284
285
|
status: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAGH;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;mHAiBtB,CAAC;AAEH,kFAAkF;AAClF,eAAO,MAAM,oBAAoB,8TAE/B,CAAC;AAGH,mEAAmE;AACnE,eAAO,MAAM,qBAAqB,gUAEhC,CAAC;AAEH,4EAA4E;AAC5E,eAAO,MAAM,qBAAqB,sMAUhC,CAAC;AAGH,eAAO,MAAM,WAAW,sMAOtB,CAAC;AAEH,eAAO,MAAM,gBAAgB,sMAM3B,CAAC;AAEH,eAAO,MAAM,eAAe,gRAE1B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;qDAgB1B,CAAC;AAEH,iDAAiD;AACjD,eAAO,MAAM,oBAAoB,sMAK/B,CAAC;AAEH,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,sMAU7B,CAAC;AAEH,eAAO,MAAM,cAAc,sMAQzB,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,wMAE1B,CAAC;AAEH,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,sMAMjC,CAAC;AAGH,eAAO,MAAM,YAAY;;;;IAUrB,wEAAwE;;;;IAIxE,oFAAoF;;;;;;;;IAJpF,wEAAwE;;;;IAIxE,oFAAoF;;;;;;;;IAJpF,wEAAwE;;;;IAIxE,oFAAoF;;;;qDAKtF,CAAC;AAEH,eAAO,MAAM,kBAAkB,oVAE7B,CAAC;AAEH,eAAO,MAAM,iBAAiB,sMAS5B,CAAC;AAEH,eAAO,MAAM,gBAAgB,sRAE3B,CAAC;AAEH,eAAO,MAAM,iBAAiB,kOAE5B,CAAC;AAGH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;qDA+BtB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;0GAU1B,CAAC;AAEH,eAAO,MAAM,eAAe,sTAE1B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAoBtB,CAAC;AAGH,eAAO,MAAM,mBAAmB,kOAE9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;kIAO9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;qDAc9B,CAAC;AAGH,eAAO,MAAM,cAAc,wUAEzB,CAAC;AAEH,eAAO,MAAM,oBAAoB,sMAU/B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;4GAO7B,CAAC;AAEH,eAAO,MAAM,iBAAiB,sMAO5B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;yIAa7B,CAAC;AAEH,8EAA8E;AAC9E,eAAO,MAAM,kBAAkB,sMAS7B,CAAC;AAEH,eAAO,MAAM,kBAAkB,0QAE7B,CAAC;AAEH,eAAO,MAAM,iBAAiB,sMAM5B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;6FAS5B,CAAC"}
|
|
1
|
+
{"version":3,"file":"sidebar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAGH;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;mHAiBtB,CAAC;AAEH,kFAAkF;AAClF,eAAO,MAAM,oBAAoB,8TAE/B,CAAC;AAGH,mEAAmE;AACnE,eAAO,MAAM,qBAAqB,gUAEhC,CAAC;AAEH,4EAA4E;AAC5E,eAAO,MAAM,qBAAqB,sMAUhC,CAAC;AAGH,eAAO,MAAM,WAAW,sMAOtB,CAAC;AAEH,eAAO,MAAM,gBAAgB,sMAM3B,CAAC;AAEH,eAAO,MAAM,eAAe,gRAE1B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;qDAgB1B,CAAC;AAEH,iDAAiD;AACjD,eAAO,MAAM,oBAAoB,sMAK/B,CAAC;AAEH,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,sMAU7B,CAAC;AAEH,eAAO,MAAM,cAAc,sMAQzB,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,wMAE1B,CAAC;AAEH,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,sMAMjC,CAAC;AAGH,eAAO,MAAM,YAAY;;;;IAUrB,wEAAwE;;;;IAIxE,oFAAoF;;;;;;;;IAJpF,wEAAwE;;;;IAIxE,oFAAoF;;;;;;;;IAJpF,wEAAwE;;;;IAIxE,oFAAoF;;;;qDAKtF,CAAC;AAEH,eAAO,MAAM,kBAAkB,oVAE7B,CAAC;AAEH,eAAO,MAAM,iBAAiB,sMAS5B,CAAC;AAEH,eAAO,MAAM,gBAAgB,sRAE3B,CAAC;AAEH,eAAO,MAAM,iBAAiB,kOAE5B,CAAC;AAGH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;qDA+BtB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;0GAU1B,CAAC;AAEH,eAAO,MAAM,eAAe,sTAE1B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAoBtB,CAAC;AAGH,eAAO,MAAM,mBAAmB,kOAE9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;kIAO9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;qDAc9B,CAAC;AAGH,eAAO,MAAM,cAAc,wUAEzB,CAAC;AAEH,eAAO,MAAM,oBAAoB,sMAU/B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;4GAO7B,CAAC;AAEH,eAAO,MAAM,iBAAiB,sMAO5B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;yIAa7B,CAAC;AAEH,8EAA8E;AAC9E,eAAO,MAAM,kBAAkB,sMAS7B,CAAC;AAEH,eAAO,MAAM,kBAAkB,0QAE7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,sMAQ9B,CAAC;AAEH,eAAO,MAAM,iBAAiB,sMAM5B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;6FAS5B,CAAC"}
|
|
@@ -16,8 +16,14 @@ export type SidebarMenuItem = {
|
|
|
16
16
|
};
|
|
17
17
|
export type SidebarBookmarkItem = {
|
|
18
18
|
name: string;
|
|
19
|
-
/** Cor do dot indicador (qualquer cor CSS válida) */
|
|
19
|
+
/** Cor do dot indicador / caixa de ícone (qualquer cor CSS válida) */
|
|
20
20
|
color: string;
|
|
21
|
+
/**
|
|
22
|
+
* Ícone opcional. Quando presente, renderiza uma caixinha colorida com o
|
|
23
|
+
* ícone (estilo "atalho/app") no lugar do dot. Útil pra atalhos de
|
|
24
|
+
* ferramentas/integrações. Ausente → dot redondo (default).
|
|
25
|
+
*/
|
|
26
|
+
icon?: LucideIcon;
|
|
21
27
|
href?: string;
|
|
22
28
|
onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
|
|
23
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAIjE,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC1E,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,
|
|
1
|
+
{"version":3,"file":"sidebar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { MessageAck } from './message-ack';
|
|
2
|
+
export type { MessageAckProps, MessageAckValue } from './message-ack.types';
|
|
3
|
+
export { messageAckStyles } from './message-ack.styles';
|
|
4
|
+
export type { MessageAckVariantProps } from './message-ack.styles';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageAck/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { MessageAckProps } from './message-ack.types';
|
|
2
|
+
/**
|
|
3
|
+
* MessageAck — glifo de status/ack de mensagem (estilo WhatsApp).
|
|
4
|
+
*
|
|
5
|
+
* Mapeia o valor de `ack` (0..5) para ícone + cor semântica:
|
|
6
|
+
* - 0|1 → Clock (pendente/enviando, fg-muted)
|
|
7
|
+
* - 2 → Check (enviado, fg-muted)
|
|
8
|
+
* - 3 → CheckCheck (entregue, fg-muted)
|
|
9
|
+
* - 4|5 → CheckCheck (lido/reproduzido, fg-success)
|
|
10
|
+
*
|
|
11
|
+
* `error` sobrepõe o ack e mostra AlertCircle (fg-danger).
|
|
12
|
+
* Decorativo por padrão (aria-hidden) — o status é comunicado pelo timestamp/contexto.
|
|
13
|
+
*/
|
|
14
|
+
export declare const MessageAck: {
|
|
15
|
+
({ ack, error, className }: MessageAckProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=message-ack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-ack.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageAck/message-ack.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU;gCAAuC,eAAe;;CAc5E,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { VariantProps } from '../../../utils/tv';
|
|
2
|
+
/**
|
|
3
|
+
* MessageAck styles — glifo de status/ack de mensagem (estilo WhatsApp).
|
|
4
|
+
*
|
|
5
|
+
* Slot único `icon`: define tamanho (size-icon-xs) + cor por estado de ack.
|
|
6
|
+
* A cor é mapeada via variante `tone`, derivada do valor de `ack` (0..5) ou
|
|
7
|
+
* do estado de erro pelo componente.
|
|
8
|
+
*
|
|
9
|
+
* - ack 0|1 → Clock → tone "muted" (pendente/enviando)
|
|
10
|
+
* - ack 2 → Check → tone "muted" (enviado ao servidor)
|
|
11
|
+
* - ack 3 → CheckCheck → tone "muted" (entregue)
|
|
12
|
+
* - ack 4|5 → CheckCheck → tone "success" (lido/reproduzido)
|
|
13
|
+
* - error → AlertCircle → tone "danger" (falha no envio)
|
|
14
|
+
*
|
|
15
|
+
* Cores claro/escuro resolvidas pelos tokens semânticos (fg-muted/success/danger).
|
|
16
|
+
*/
|
|
17
|
+
export declare const messageAckStyles: import('tailwind-variants').TVReturnType<{
|
|
18
|
+
tone: {
|
|
19
|
+
muted: {
|
|
20
|
+
icon: string;
|
|
21
|
+
};
|
|
22
|
+
success: {
|
|
23
|
+
icon: string;
|
|
24
|
+
};
|
|
25
|
+
danger: {
|
|
26
|
+
icon: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
}, {
|
|
30
|
+
icon: string;
|
|
31
|
+
}, undefined, {
|
|
32
|
+
tone: {
|
|
33
|
+
muted: {
|
|
34
|
+
icon: string;
|
|
35
|
+
};
|
|
36
|
+
success: {
|
|
37
|
+
icon: string;
|
|
38
|
+
};
|
|
39
|
+
danger: {
|
|
40
|
+
icon: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
}, {
|
|
44
|
+
icon: string;
|
|
45
|
+
}, import('tailwind-variants').TVReturnType<{
|
|
46
|
+
tone: {
|
|
47
|
+
muted: {
|
|
48
|
+
icon: string;
|
|
49
|
+
};
|
|
50
|
+
success: {
|
|
51
|
+
icon: string;
|
|
52
|
+
};
|
|
53
|
+
danger: {
|
|
54
|
+
icon: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
}, {
|
|
58
|
+
icon: string;
|
|
59
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
60
|
+
export type MessageAckVariantProps = VariantProps<typeof messageAckStyles>;
|
|
61
|
+
//# sourceMappingURL=message-ack.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-ack.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageAck/message-ack.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAY3B,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Valor de ack (acknowledgement) de uma mensagem, estilo WhatsApp/Baileys.
|
|
3
|
+
* 0 = pendente · 1 = enviando · 2 = enviado · 3 = entregue · 4 = lido · 5 = reproduzido
|
|
4
|
+
*/
|
|
5
|
+
export type MessageAckValue = 0 | 1 | 2 | 3 | 4 | 5;
|
|
6
|
+
export interface MessageAckProps {
|
|
7
|
+
/** Estado de entrega da mensagem (0..5). */
|
|
8
|
+
ack: MessageAckValue;
|
|
9
|
+
/** Quando true, sobrepõe o ack e renderiza o glifo de erro (AlertCircle). */
|
|
10
|
+
error?: boolean;
|
|
11
|
+
/** Classes extras aplicadas ao ícone. */
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=message-ack.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-ack.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageAck/message-ack.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEpD,MAAM,WAAW,eAAe;IAC9B,4CAA4C;IAC5C,GAAG,EAAE,eAAe,CAAC;IACrB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { MessageBubble, MessageReplyIcon } from './message-bubble';
|
|
2
|
+
export { messageBubbleStyles } from './message-bubble.styles';
|
|
3
|
+
export type { MessageBubbleVariantProps } from './message-bubble.styles';
|
|
4
|
+
export type { MessageBubbleProps, MessageSide, MessageMediaType, QuotedMessage, } from './message-bubble.types';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageBubble/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,YAAY,EACV,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,aAAa,GACd,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Reply } from 'lucide-react';
|
|
2
|
+
import { MessageBubbleProps } from './message-bubble.types';
|
|
3
|
+
/**
|
|
4
|
+
* MessageBubble — bolha de mensagem do atendimento (chat WhatsApp).
|
|
5
|
+
*
|
|
6
|
+
* Compõe `MessageAck` (status de entrega, só em `side="sent"`), `MarkdownText`
|
|
7
|
+
* (corpo + prévia de citação com markdown WA sanitizado), `Icon`/`Button`/
|
|
8
|
+
* `Popover` (ações no hover) e o subcomponente interno `MessageMediaRenderer`.
|
|
9
|
+
*
|
|
10
|
+
* Toda a aparência vem de `message-bubble.styles.ts` (tokens DS). A única
|
|
11
|
+
* exceção de hardcode é `max-w-[70%]` na coluna da bolha — não há token de
|
|
12
|
+
* porcentagem para largura de balão de chat.
|
|
13
|
+
*/
|
|
14
|
+
export declare function MessageBubble({ side, body, createdAt, ack, ackError, mediaType, mediaUrl, media, quotedMessage, isEdited, isDeleted, tail, authorName, avatar, actions, onMediaClick, className, }: MessageBubbleProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare namespace MessageBubble {
|
|
16
|
+
var displayName: string;
|
|
17
|
+
}
|
|
18
|
+
/** Re-export do ícone de reply para consumidores montarem `actions`. */
|
|
19
|
+
export { Reply as MessageReplyIcon };
|
|
20
|
+
//# sourceMappingURL=message-bubble.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageBubble/message-bubble.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,EAAgB,MAAM,cAAc,CAAC;AAaxD,OAAO,KAAK,EACV,kBAAkB,EAGnB,MAAM,wBAAwB,CAAC;AAmLhC;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,GAAG,EACH,QAAQ,EACR,SAAkB,EAClB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,SAAiB,EACjB,IAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,2CAmHpB;yBArIe,aAAa;;;AAyI7B,wEAAwE;AACxE,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import { VariantProps } from '../../../utils/tv';
|
|
2
|
+
/**
|
|
3
|
+
* MessageBubble — bolha de mensagem do atendimento (chat WA).
|
|
4
|
+
*
|
|
5
|
+
* Anatomia (só o wrapper; MessageAck/MarkdownText/Avatar/Button/Popover trazem
|
|
6
|
+
* o próprio estilo):
|
|
7
|
+
* row = linha inteira (avatar + bolha), alinhada por `side`
|
|
8
|
+
* bubble = a bolha em si (bg por `side`, raio com/sem rabeta por `tail`)
|
|
9
|
+
* author = nome do autor no topo (grupos)
|
|
10
|
+
* quoted* = barra de citação (border-l + nome + prévia)
|
|
11
|
+
* media* = container/elementos do MessageMediaRenderer
|
|
12
|
+
* body = corpo markdown
|
|
13
|
+
* meta = rodapé HH:mm + label editada + MessageAck
|
|
14
|
+
* actions* = botão de ações (hover, top-right) + Popover content
|
|
15
|
+
*
|
|
16
|
+
* Cor: `sent` = `bg-bg-success-muted` (verde sutil — espelha o "balão enviado"
|
|
17
|
+
* do WA, claro/escuro via token). `received` = `bg-bg-surface`. Sem hardcode.
|
|
18
|
+
*
|
|
19
|
+
* `max-w-[70%]` é exceção documentada — não há token DS de porcentagem para
|
|
20
|
+
* largura de bolha de chat (regra do domínio: bolha nunca passa de 70% da coluna).
|
|
21
|
+
*
|
|
22
|
+
* disabled = n/a (bolha não é controle interativo). `tail` é o único modifier
|
|
23
|
+
* de raio; `side` controla bg + alinhamento + lado da rabeta.
|
|
24
|
+
*/
|
|
25
|
+
export declare const messageBubbleStyles: import('tailwind-variants').TVReturnType<{
|
|
26
|
+
side: {
|
|
27
|
+
sent: {
|
|
28
|
+
row: string;
|
|
29
|
+
column: string;
|
|
30
|
+
bubble: string;
|
|
31
|
+
};
|
|
32
|
+
received: {
|
|
33
|
+
row: string;
|
|
34
|
+
column: string;
|
|
35
|
+
bubble: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
tail: {
|
|
39
|
+
true: {};
|
|
40
|
+
false: {};
|
|
41
|
+
};
|
|
42
|
+
}, {
|
|
43
|
+
row: string;
|
|
44
|
+
avatarSlot: string;
|
|
45
|
+
column: string;
|
|
46
|
+
bubble: string[];
|
|
47
|
+
author: string;
|
|
48
|
+
quoted: string[];
|
|
49
|
+
quotedAuthor: string;
|
|
50
|
+
quotedPreview: string;
|
|
51
|
+
quotedPreviewText: string;
|
|
52
|
+
quotedThumb: string;
|
|
53
|
+
media: string;
|
|
54
|
+
mediaImage: string;
|
|
55
|
+
mediaVideo: string;
|
|
56
|
+
mediaAudio: string;
|
|
57
|
+
mediaDoc: string[];
|
|
58
|
+
mediaDocIcon: string;
|
|
59
|
+
mediaDocInfo: string;
|
|
60
|
+
mediaDocName: string;
|
|
61
|
+
mediaDocHint: string;
|
|
62
|
+
mediaLocation: string[];
|
|
63
|
+
mediaLocationIcon: string;
|
|
64
|
+
mediaContact: string[];
|
|
65
|
+
mediaContactInfo: string;
|
|
66
|
+
mediaContactName: string;
|
|
67
|
+
mediaContactHint: string;
|
|
68
|
+
body: string;
|
|
69
|
+
deleted: string[];
|
|
70
|
+
deletedIcon: string;
|
|
71
|
+
meta: string;
|
|
72
|
+
metaTime: string;
|
|
73
|
+
metaEdited: string;
|
|
74
|
+
actionsTrigger: string[];
|
|
75
|
+
actionsContent: string;
|
|
76
|
+
}, undefined, {
|
|
77
|
+
side: {
|
|
78
|
+
sent: {
|
|
79
|
+
row: string;
|
|
80
|
+
column: string;
|
|
81
|
+
bubble: string;
|
|
82
|
+
};
|
|
83
|
+
received: {
|
|
84
|
+
row: string;
|
|
85
|
+
column: string;
|
|
86
|
+
bubble: string;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
tail: {
|
|
90
|
+
true: {};
|
|
91
|
+
false: {};
|
|
92
|
+
};
|
|
93
|
+
}, {
|
|
94
|
+
row: string;
|
|
95
|
+
avatarSlot: string;
|
|
96
|
+
column: string;
|
|
97
|
+
bubble: string[];
|
|
98
|
+
author: string;
|
|
99
|
+
quoted: string[];
|
|
100
|
+
quotedAuthor: string;
|
|
101
|
+
quotedPreview: string;
|
|
102
|
+
quotedPreviewText: string;
|
|
103
|
+
quotedThumb: string;
|
|
104
|
+
media: string;
|
|
105
|
+
mediaImage: string;
|
|
106
|
+
mediaVideo: string;
|
|
107
|
+
mediaAudio: string;
|
|
108
|
+
mediaDoc: string[];
|
|
109
|
+
mediaDocIcon: string;
|
|
110
|
+
mediaDocInfo: string;
|
|
111
|
+
mediaDocName: string;
|
|
112
|
+
mediaDocHint: string;
|
|
113
|
+
mediaLocation: string[];
|
|
114
|
+
mediaLocationIcon: string;
|
|
115
|
+
mediaContact: string[];
|
|
116
|
+
mediaContactInfo: string;
|
|
117
|
+
mediaContactName: string;
|
|
118
|
+
mediaContactHint: string;
|
|
119
|
+
body: string;
|
|
120
|
+
deleted: string[];
|
|
121
|
+
deletedIcon: string;
|
|
122
|
+
meta: string;
|
|
123
|
+
metaTime: string;
|
|
124
|
+
metaEdited: string;
|
|
125
|
+
actionsTrigger: string[];
|
|
126
|
+
actionsContent: string;
|
|
127
|
+
}, import('tailwind-variants').TVReturnType<{
|
|
128
|
+
side: {
|
|
129
|
+
sent: {
|
|
130
|
+
row: string;
|
|
131
|
+
column: string;
|
|
132
|
+
bubble: string;
|
|
133
|
+
};
|
|
134
|
+
received: {
|
|
135
|
+
row: string;
|
|
136
|
+
column: string;
|
|
137
|
+
bubble: string;
|
|
138
|
+
};
|
|
139
|
+
};
|
|
140
|
+
tail: {
|
|
141
|
+
true: {};
|
|
142
|
+
false: {};
|
|
143
|
+
};
|
|
144
|
+
}, {
|
|
145
|
+
row: string;
|
|
146
|
+
avatarSlot: string;
|
|
147
|
+
column: string;
|
|
148
|
+
bubble: string[];
|
|
149
|
+
author: string;
|
|
150
|
+
quoted: string[];
|
|
151
|
+
quotedAuthor: string;
|
|
152
|
+
quotedPreview: string;
|
|
153
|
+
quotedPreviewText: string;
|
|
154
|
+
quotedThumb: string;
|
|
155
|
+
media: string;
|
|
156
|
+
mediaImage: string;
|
|
157
|
+
mediaVideo: string;
|
|
158
|
+
mediaAudio: string;
|
|
159
|
+
mediaDoc: string[];
|
|
160
|
+
mediaDocIcon: string;
|
|
161
|
+
mediaDocInfo: string;
|
|
162
|
+
mediaDocName: string;
|
|
163
|
+
mediaDocHint: string;
|
|
164
|
+
mediaLocation: string[];
|
|
165
|
+
mediaLocationIcon: string;
|
|
166
|
+
mediaContact: string[];
|
|
167
|
+
mediaContactInfo: string;
|
|
168
|
+
mediaContactName: string;
|
|
169
|
+
mediaContactHint: string;
|
|
170
|
+
body: string;
|
|
171
|
+
deleted: string[];
|
|
172
|
+
deletedIcon: string;
|
|
173
|
+
meta: string;
|
|
174
|
+
metaTime: string;
|
|
175
|
+
metaEdited: string;
|
|
176
|
+
actionsTrigger: string[];
|
|
177
|
+
actionsContent: string;
|
|
178
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
179
|
+
export type MessageBubbleVariantProps = VariantProps<typeof messageBubbleStyles>;
|
|
180
|
+
//# sourceMappingURL=message-bubble.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-bubble.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageBubble/message-bubble.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAuG9B,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAClD,OAAO,mBAAmB,CAC3B,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { MessageBubbleVariantProps } from './message-bubble.styles';
|
|
3
|
+
/** Lado da bolha — quem enviou. `sent` = nós (direita), `received` = contato (esquerda). */
|
|
4
|
+
export type MessageSide = NonNullable<MessageBubbleVariantProps["side"]>;
|
|
5
|
+
/** Tipo de mídia que a bolha carrega. `text` = sem mídia (só corpo). */
|
|
6
|
+
export type MessageMediaType = "text" | "image" | "audio" | "video" | "document" | "location" | "vcard" | "contact";
|
|
7
|
+
/**
|
|
8
|
+
* Mensagem citada (reply/quote) — renderiza como barra lateral com nome do autor
|
|
9
|
+
* e prévia (truncada) do conteúdo original. `null` = sem citação.
|
|
10
|
+
*/
|
|
11
|
+
export interface QuotedMessage {
|
|
12
|
+
/** Nome de quem escreveu a mensagem citada. */
|
|
13
|
+
authorName?: string;
|
|
14
|
+
/** Se a mensagem citada foi enviada por nós (muda a cor/label do autor). */
|
|
15
|
+
fromMe?: boolean;
|
|
16
|
+
/** Corpo da mensagem citada (markdown WA → prévia inline truncada). */
|
|
17
|
+
body?: string;
|
|
18
|
+
/** Tipo de mídia da citada — exibe rótulo (📷 Imagem, 🎵 Áudio, etc). */
|
|
19
|
+
mediaType?: MessageMediaType;
|
|
20
|
+
/** URL da mídia citada (thumb quando imagem). */
|
|
21
|
+
mediaUrl?: string;
|
|
22
|
+
}
|
|
23
|
+
export interface MessageBubbleProps {
|
|
24
|
+
/**
|
|
25
|
+
* Lado da bolha. **Obrigatório.** `sent` = direita (bg success), `received` =
|
|
26
|
+
* esquerda (bg surface).
|
|
27
|
+
*/
|
|
28
|
+
side: MessageSide;
|
|
29
|
+
/** Corpo textual em markdown WhatsApp (`*bold*`, `_italic_`, etc). */
|
|
30
|
+
body?: string;
|
|
31
|
+
/** Data/hora de criação. **Obrigatório.** Formatada como `HH:mm`. */
|
|
32
|
+
createdAt: string | Date;
|
|
33
|
+
/**
|
|
34
|
+
* Status de entrega (0–5) → renderiza `MessageAck`. Só aparece quando
|
|
35
|
+
* `side="sent"`.
|
|
36
|
+
*/
|
|
37
|
+
ack?: 0 | 1 | 2 | 3 | 4 | 5;
|
|
38
|
+
/**
|
|
39
|
+
* Marca o ack como erro de envio → `MessageAck` sobrepõe o glifo com o ícone
|
|
40
|
+
* de erro. Só tem efeito junto de `ack` em `side="sent"`.
|
|
41
|
+
*/
|
|
42
|
+
ackError?: boolean;
|
|
43
|
+
/** Tipo de mídia. Default `"text"`. */
|
|
44
|
+
mediaType?: MessageMediaType;
|
|
45
|
+
/** URL da mídia (usada pelo renderer interno). */
|
|
46
|
+
mediaUrl?: string;
|
|
47
|
+
/**
|
|
48
|
+
* Slot de override da mídia. Quando passado, substitui o
|
|
49
|
+
* `MessageMediaRenderer` interno.
|
|
50
|
+
*/
|
|
51
|
+
media?: ReactNode;
|
|
52
|
+
/** Mensagem citada (reply). `null`/omitido = sem citação. */
|
|
53
|
+
quotedMessage?: QuotedMessage | null;
|
|
54
|
+
/** Marca a mensagem como editada (label `editada`). */
|
|
55
|
+
isEdited?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Mensagem apagada → corpo/mídia/ações suprimidos, texto em itálico mudo com
|
|
58
|
+
* ícone de proibido.
|
|
59
|
+
*/
|
|
60
|
+
isDeleted?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Mostra a "rabeta" (canto reto) apontando para o lado do remetente. Default
|
|
63
|
+
* `true`.
|
|
64
|
+
*/
|
|
65
|
+
tail?: boolean;
|
|
66
|
+
/** Nome do autor (exibido no topo da bolha — útil em grupos). */
|
|
67
|
+
authorName?: string;
|
|
68
|
+
/** Slot de avatar (renderizado ao lado da bolha). */
|
|
69
|
+
avatar?: ReactNode;
|
|
70
|
+
/**
|
|
71
|
+
* Slot de ações — vira o conteúdo de um Popover acionado por um botão que
|
|
72
|
+
* aparece no hover (top-right da bolha).
|
|
73
|
+
*/
|
|
74
|
+
actions?: ReactNode;
|
|
75
|
+
/** Callback ao clicar na mídia (ex: abrir lightbox da imagem). */
|
|
76
|
+
onMediaClick?: () => void;
|
|
77
|
+
/** className do wrapper externo (linha inteira). */
|
|
78
|
+
className?: string;
|
|
79
|
+
}
|
|
80
|
+
/** Props do renderer interno de mídia (subcomponente). */
|
|
81
|
+
export interface MessageMediaRendererProps {
|
|
82
|
+
mediaType: MessageMediaType;
|
|
83
|
+
mediaUrl?: string;
|
|
84
|
+
body?: string;
|
|
85
|
+
onMediaClick?: () => void;
|
|
86
|
+
}
|
|
87
|
+
//# sourceMappingURL=message-bubble.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-bubble.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageBubble/message-bubble.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEzE,4FAA4F;AAC5F,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC,CAAC;AAEzE,wEAAwE;AACxE,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,UAAU,GACV,UAAU,GACV,OAAO,GACP,SAAS,CAAC;AAEd;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,IAAI,EAAE,WAAW,CAAC;IAClB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;OAGG;IACH,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,0DAA0D;AAC1D,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { MessageComposer } from './message-composer';
|
|
2
|
+
export { messageComposerStyles } from './message-composer.styles';
|
|
3
|
+
export type { MessageComposerVariantProps } from './message-composer.styles';
|
|
4
|
+
export type { MessageComposerProps, MessageComposerState, MessageComposerSize, } from './message-composer.types';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageComposer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { MessageComposerProps } from './message-composer.types';
|
|
2
|
+
/**
|
|
3
|
+
* MessageComposer — shell DUMB do input de mensagem (Atendimento + Chat interno).
|
|
4
|
+
*
|
|
5
|
+
* Compõe `Textarea` (auto-grow) + `Button` (envio) + `Icon` (telegram) + `Separator`,
|
|
6
|
+
* e expõe slots para emoji/anexo (`toolbarStart`), mic/extra (`toolbarEnd`), citação
|
|
7
|
+
* (`replyPreview`), aviso (`banner`) e gravação (`recording`). NÃO embute lógica de
|
|
8
|
+
* API/upload/emoji/áudio — só a moldura.
|
|
9
|
+
*
|
|
10
|
+
* Comportamento: Enter envia (`onSend`), Shift+Enter quebra linha. O `onKeyDown` do
|
|
11
|
+
* consumer roda antes e pode chamar `preventDefault()` para suprimir o envio. O botão
|
|
12
|
+
* de envio só habilita com `value.trim()` e fora de `disabled`/`sending`.
|
|
13
|
+
*
|
|
14
|
+
* O ref é encaminhado para a `<textarea>` interna (anchor para foco programático /
|
|
15
|
+
* autosize externo). Em `state="read-only"` o campo some e só o `banner` aparece.
|
|
16
|
+
*/
|
|
17
|
+
export declare const MessageComposer: import('react').ForwardRefExoticComponent<MessageComposerProps & import('react').RefAttributes<HTMLTextAreaElement>>;
|
|
18
|
+
//# sourceMappingURL=message-composer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-composer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageComposer/message-composer.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAErE;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,sHAsH1B,CAAC"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { VariantProps } from '../../../utils/tv';
|
|
2
|
+
/**
|
|
3
|
+
* MessageComposer — shell DUMB do input de mensagem (Atendimento + Chat interno).
|
|
4
|
+
*
|
|
5
|
+
* Anatomia visual (só a moldura; Textarea/Button/Icon/Chip/Separator trazem os
|
|
6
|
+
* próprios estilos):
|
|
7
|
+
* root = coluna [replyPreview] + [banner] + [field]
|
|
8
|
+
* replyPreview= slot acima da textarea (barra de citação) — só padding/gap
|
|
9
|
+
* banner = slot de aviso ('janela 24h' / read-only) — neutro, só padding
|
|
10
|
+
* field = linha [toolbarStart] + [textarea | recording] + [toolbarEnd] + [send]
|
|
11
|
+
* textarea = wrapper flex-1 que cresce; o <Textarea> do DS vai dentro com
|
|
12
|
+
* classes de moldura (sem borda própria, transparente, auto-grow)
|
|
13
|
+
* recording = slot que SUBSTITUI a textarea quando gravando
|
|
14
|
+
*
|
|
15
|
+
* Foco:
|
|
16
|
+
* - send → herda o Button do DS (Padrão 1, estático, ring brand)
|
|
17
|
+
* - textarea → herda o Textarea do DS (Padrão 2, animado) — aqui só removemos
|
|
18
|
+
* borda/ring/bg para a textarea se fundir na moldura externa
|
|
19
|
+
*
|
|
20
|
+
* `state` controla a aparência da moldura (open = editável, disabled = apagado,
|
|
21
|
+
* read-only = sem campo, mostra banner). `disabled` é o ÚLTIMO compoundVariant
|
|
22
|
+
* (L-006). `size` ajusta padding/min-height do field e da textarea.
|
|
23
|
+
*/
|
|
24
|
+
export declare const messageComposerStyles: import('tailwind-variants').TVReturnType<{
|
|
25
|
+
size: {
|
|
26
|
+
sm: {
|
|
27
|
+
field: string;
|
|
28
|
+
textarea: string;
|
|
29
|
+
};
|
|
30
|
+
md: {
|
|
31
|
+
field: string;
|
|
32
|
+
textarea: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
state: {
|
|
36
|
+
open: {};
|
|
37
|
+
disabled: {
|
|
38
|
+
root: string;
|
|
39
|
+
};
|
|
40
|
+
"read-only": {};
|
|
41
|
+
};
|
|
42
|
+
}, {
|
|
43
|
+
root: string[];
|
|
44
|
+
replyPreview: string;
|
|
45
|
+
banner: string[];
|
|
46
|
+
field: string;
|
|
47
|
+
toolbarStart: string;
|
|
48
|
+
toolbarEnd: string;
|
|
49
|
+
inputArea: string;
|
|
50
|
+
recording: string;
|
|
51
|
+
textarea: string[];
|
|
52
|
+
send: string;
|
|
53
|
+
}, undefined, {
|
|
54
|
+
size: {
|
|
55
|
+
sm: {
|
|
56
|
+
field: string;
|
|
57
|
+
textarea: string;
|
|
58
|
+
};
|
|
59
|
+
md: {
|
|
60
|
+
field: string;
|
|
61
|
+
textarea: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
state: {
|
|
65
|
+
open: {};
|
|
66
|
+
disabled: {
|
|
67
|
+
root: string;
|
|
68
|
+
};
|
|
69
|
+
"read-only": {};
|
|
70
|
+
};
|
|
71
|
+
}, {
|
|
72
|
+
root: string[];
|
|
73
|
+
replyPreview: string;
|
|
74
|
+
banner: string[];
|
|
75
|
+
field: string;
|
|
76
|
+
toolbarStart: string;
|
|
77
|
+
toolbarEnd: string;
|
|
78
|
+
inputArea: string;
|
|
79
|
+
recording: string;
|
|
80
|
+
textarea: string[];
|
|
81
|
+
send: string;
|
|
82
|
+
}, import('tailwind-variants').TVReturnType<{
|
|
83
|
+
size: {
|
|
84
|
+
sm: {
|
|
85
|
+
field: string;
|
|
86
|
+
textarea: string;
|
|
87
|
+
};
|
|
88
|
+
md: {
|
|
89
|
+
field: string;
|
|
90
|
+
textarea: string;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
state: {
|
|
94
|
+
open: {};
|
|
95
|
+
disabled: {
|
|
96
|
+
root: string;
|
|
97
|
+
};
|
|
98
|
+
"read-only": {};
|
|
99
|
+
};
|
|
100
|
+
}, {
|
|
101
|
+
root: string[];
|
|
102
|
+
replyPreview: string;
|
|
103
|
+
banner: string[];
|
|
104
|
+
field: string;
|
|
105
|
+
toolbarStart: string;
|
|
106
|
+
toolbarEnd: string;
|
|
107
|
+
inputArea: string;
|
|
108
|
+
recording: string;
|
|
109
|
+
textarea: string[];
|
|
110
|
+
send: string;
|
|
111
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
112
|
+
export type MessageComposerVariantProps = VariantProps<typeof messageComposerStyles>;
|
|
113
|
+
//# sourceMappingURL=message-composer.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-composer.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageComposer/message-composer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2DhC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,OAAO,qBAAqB,CAC7B,CAAC"}
|