@snksergio/design-system 0.36.0 → 0.37.0

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.
Files changed (64) hide show
  1. package/README.md +58 -12
  2. package/dist-lib/chunks/avatar-CIHTveDJ.mjs +1177 -0
  3. package/dist-lib/chunks/avatar-CIHTveDJ.mjs.map +1 -0
  4. package/dist-lib/chunks/avatar-YpqQgJnh.cjs +1196 -0
  5. package/dist-lib/chunks/avatar-YpqQgJnh.cjs.map +1 -0
  6. package/dist-lib/chunks/{input-CLZuK61s.cjs → input-CJnonz-G.cjs} +3 -3
  7. package/dist-lib/chunks/{input-CLZuK61s.cjs.map → input-CJnonz-G.cjs.map} +1 -1
  8. package/dist-lib/chunks/{input-Di_5Ir5M.mjs → input-jLoO8t0I.mjs} +2 -2
  9. package/dist-lib/chunks/{input-Di_5Ir5M.mjs.map → input-jLoO8t0I.mjs.map} +1 -1
  10. package/dist-lib/chunks/{kpi-delta-CMdiNoMu.mjs → kpi-delta-D0g2YzDy.mjs} +3 -2
  11. package/dist-lib/chunks/{kpi-delta-CMdiNoMu.mjs.map → kpi-delta-D0g2YzDy.mjs.map} +1 -1
  12. package/dist-lib/chunks/{kpi-delta--KmkXYn9.cjs → kpi-delta-D6cLnCqW.cjs} +8 -7
  13. package/dist-lib/chunks/{kpi-delta--KmkXYn9.cjs.map → kpi-delta-D6cLnCqW.cjs.map} +1 -1
  14. package/dist-lib/chunks/{page-header-HWma4AzM.cjs → page-header-DSTprenz.cjs} +4 -4
  15. package/dist-lib/chunks/{page-header-HWma4AzM.cjs.map → page-header-DSTprenz.cjs.map} +1 -1
  16. package/dist-lib/chunks/{page-header-gYXNGHv-.mjs → page-header-Deb1excS.mjs} +2 -2
  17. package/dist-lib/chunks/{page-header-gYXNGHv-.mjs.map → page-header-Deb1excS.mjs.map} +1 -1
  18. package/dist-lib/chunks/{panel-BCGlqoEk.mjs → panel-Cid3m9zb.mjs} +370 -9823
  19. package/dist-lib/chunks/panel-Cid3m9zb.mjs.map +1 -0
  20. package/dist-lib/chunks/{panel-Cq9UQki6.cjs → panel-DLcD8LhW.cjs} +595 -10052
  21. package/dist-lib/chunks/panel-DLcD8LhW.cjs.map +1 -0
  22. package/dist-lib/chunks/textarea-BDJRaL5h.mjs +781 -0
  23. package/dist-lib/chunks/textarea-BDJRaL5h.mjs.map +1 -0
  24. package/dist-lib/chunks/textarea-Bxl9Voe8.cjs +802 -0
  25. package/dist-lib/chunks/textarea-Bxl9Voe8.cjs.map +1 -0
  26. package/dist-lib/chunks/tooltip-DGI3hDFM.mjs +1452 -0
  27. package/dist-lib/chunks/tooltip-DGI3hDFM.mjs.map +1 -0
  28. package/dist-lib/chunks/tooltip-vLUyJ0h5.cjs +1484 -0
  29. package/dist-lib/chunks/tooltip-vLUyJ0h5.cjs.map +1 -0
  30. package/dist-lib/chunks/{useTheme-DFAlP_ab.cjs → useTheme-DQ7FaHdv.cjs} +170 -1287
  31. package/dist-lib/chunks/useTheme-DQ7FaHdv.cjs.map +1 -0
  32. package/dist-lib/chunks/{useTheme-D-405m16.mjs → useTheme-UrerJ3i-.mjs} +26 -1139
  33. package/dist-lib/chunks/useTheme-UrerJ3i-.mjs.map +1 -0
  34. package/dist-lib/index.cjs +1258 -311
  35. package/dist-lib/index.cjs.map +1 -1
  36. package/dist-lib/index.mjs +1631 -679
  37. package/dist-lib/index.mjs.map +1 -1
  38. package/dist-lib/preview/chat.cjs +45 -44
  39. package/dist-lib/preview/chat.cjs.map +1 -1
  40. package/dist-lib/preview/chat.mjs +3 -2
  41. package/dist-lib/preview/chat.mjs.map +1 -1
  42. package/dist-lib/preview/clientes.cjs +22 -20
  43. package/dist-lib/preview/clientes.cjs.map +1 -1
  44. package/dist-lib/preview/clientes.mjs +6 -4
  45. package/dist-lib/preview/clientes.mjs.map +1 -1
  46. package/dist-lib/preview/dashboard.cjs +40 -39
  47. package/dist-lib/preview/dashboard.cjs.map +1 -1
  48. package/dist-lib/preview/dashboard.mjs +4 -3
  49. package/dist-lib/preview/dashboard.mjs.map +1 -1
  50. package/dist-lib/shadcn.cjs +293 -0
  51. package/dist-lib/shadcn.cjs.map +1 -0
  52. package/dist-lib/shadcn.d.ts +2 -0
  53. package/dist-lib/shadcn.mjs +276 -0
  54. package/dist-lib/shadcn.mjs.map +1 -0
  55. package/dist-lib/src/components/index.d.ts +10 -0
  56. package/dist-lib/src/components/index.d.ts.map +1 -1
  57. package/dist-lib/src/components/shadcn/index.d.ts +60 -6
  58. package/dist-lib/src/components/shadcn/index.d.ts.map +1 -1
  59. package/dist-lib/src/hooks/useBrand.d.ts +1 -1
  60. package/package.json +11 -3
  61. package/dist-lib/chunks/panel-BCGlqoEk.mjs.map +0 -1
  62. package/dist-lib/chunks/panel-Cq9UQki6.cjs.map +0 -1
  63. package/dist-lib/chunks/useTheme-D-405m16.mjs.map +0 -1
  64. package/dist-lib/chunks/useTheme-DFAlP_ab.cjs.map +0 -1
@@ -1,436 +1,8 @@
1
- import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
- import * as React from "react";
3
- import { forwardRef, Fragment as Fragment$1, useState, useEffect, createContext, useContext, useCallback, useRef } from "react";
4
- import { clsx } from "clsx";
5
- import { extendTailwindMerge } from "tailwind-merge";
6
- import { ChevronRight, X, Search, Bell, CheckCheck, MoreHorizontal, MessageSquare, PenLine, Maximize2, Check, Sun, Moon, PanelLeftOpen, PanelLeftClose, Menu, Plus, ChevronDown, LayoutGrid, SunMoon, Settings, LogOut } from "lucide-react";
7
- import { tv as tv$1 } from "tailwind-variants";
8
- import { Command as Command$1 } from "cmdk";
9
- import * as SheetPrimitive from "@radix-ui/react-dialog";
1
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
+ import { Fragment as Fragment$1, useState, useEffect, forwardRef, createContext, useContext, useCallback, useRef } from "react";
3
+ import { t as tv, c as cn, B as Button, d as CommandDialog, g as CommandInput, i as CommandList, e as CommandEmpty, f as CommandGroup, h as CommandItem, k as CommandShortcut, j as CommandSeparator, U as Popover, Y as PopoverTrigger, X as PopoverContent, O as InputGroup, P as InputGroupAddon, R as InputGroupInput, v as DropdownMenu, N as DropdownMenuTrigger, x as DropdownMenuContent, z as DropdownMenuItem, A as Avatar, b as AvatarImage, a as AvatarFallback, I as DropdownMenuSeparator, K as DropdownMenuSub, M as DropdownMenuSubTrigger, L as DropdownMenuSubContent, G as DropdownMenuRadioGroup, H as DropdownMenuRadioItem } from "./avatar-CIHTveDJ.mjs";
4
+ import { ChevronRight, Search, Bell, CheckCheck, MoreHorizontal, MessageSquare, PenLine, Maximize2, Sun, Moon, Check, PanelLeftOpen, PanelLeftClose, Menu, Plus, ChevronDown, X, LayoutGrid, SunMoon, Settings, LogOut } from "lucide-react";
10
5
  import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
11
- import * as PopoverPrimitive from "@radix-ui/react-popover";
12
- import { cva } from "class-variance-authority";
13
- import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
14
- import * as AvatarPrimitive from "@radix-ui/react-avatar";
15
- const isDsPad = (v) => /^(pad|sp)-/.test(v);
16
- const isDsGap = (v) => /^gp-/.test(v);
17
- const isDsRadius = (v) => /^radius-/.test(v);
18
- const isDsShadow = (v) => /^sh-/.test(v);
19
- const isDsForm = (v) => /^form-/.test(v);
20
- const twMerge = extendTailwindMerge({
21
- extend: {
22
- classGroups: {
23
- "font-size": [
24
- {
25
- // Lista 1:1 com tokens/brands/default/semantic/typography.ts.
26
- // Manter sincronizado com src/utils/tv.ts. Ver L-016.
27
- text: [
28
- // Displays (fluid clamp)
29
- "display-2xl",
30
- "display-xl",
31
- "display-lg",
32
- "display-md",
33
- // Headings (xs estático, sm-xl fluid clamp)
34
- "heading-xl",
35
- "heading-lg",
36
- "heading-md",
37
- "heading-sm",
38
- "heading-xs",
39
- // Titles (weight 600 default)
40
- "title-lg",
41
- "title-md",
42
- "title-sm",
43
- // Body (xs/sm = weight 500 interactive; md-2xl = 400 corrido)
44
- "body-2xl",
45
- "body-xl",
46
- "body-lg",
47
- "body-md",
48
- "body-sm",
49
- "body-xs",
50
- // Captions (weight 400)
51
- "caption-md",
52
- "caption-sm",
53
- "caption-xs",
54
- // Code (mono regular)
55
- "code-md",
56
- "code-sm"
57
- ]
58
- }
59
- ],
60
- /* ── Padding ──────────────────────────────────────────────────────── */
61
- p: [{ p: [isDsPad] }],
62
- px: [{ px: [isDsPad] }],
63
- py: [{ py: [isDsPad] }],
64
- pt: [{ pt: [isDsPad] }],
65
- pr: [{ pr: [isDsPad] }],
66
- pb: [{ pb: [isDsPad] }],
67
- pl: [{ pl: [isDsPad] }],
68
- ps: [{ ps: [isDsPad] }],
69
- pe: [{ pe: [isDsPad] }],
70
- /* ── Margin (usa mesmo sp-*) ──────────────────────────────────────── */
71
- m: [{ m: [isDsPad] }],
72
- mx: [{ mx: [isDsPad] }],
73
- my: [{ my: [isDsPad] }],
74
- mt: [{ mt: [isDsPad] }],
75
- mr: [{ mr: [isDsPad] }],
76
- mb: [{ mb: [isDsPad] }],
77
- ml: [{ ml: [isDsPad] }],
78
- ms: [{ ms: [isDsPad] }],
79
- me: [{ me: [isDsPad] }],
80
- /* ── Inset / position (top/right/bottom/left) ─────────────────────── */
81
- inset: [{ inset: [isDsPad] }],
82
- "inset-x": [{ "inset-x": [isDsPad] }],
83
- "inset-y": [{ "inset-y": [isDsPad] }],
84
- "top": [{ top: [isDsPad] }],
85
- "right": [{ right: [isDsPad] }],
86
- "bottom": [{ bottom: [isDsPad] }],
87
- "left": [{ left: [isDsPad] }],
88
- "start": [{ start: [isDsPad] }],
89
- "end": [{ end: [isDsPad] }],
90
- /* ── Gap ──────────────────────────────────────────────────────────── */
91
- gap: [{ gap: [isDsGap] }],
92
- "gap-x": [{ "gap-x": [isDsGap] }],
93
- "gap-y": [{ "gap-y": [isDsGap] }],
94
- /* ── Rounded (todas as cantos) ────────────────────────────────────── */
95
- rounded: [{ rounded: [isDsRadius] }],
96
- "rounded-s": [{ "rounded-s": [isDsRadius] }],
97
- "rounded-e": [{ "rounded-e": [isDsRadius] }],
98
- "rounded-t": [{ "rounded-t": [isDsRadius] }],
99
- "rounded-r": [{ "rounded-r": [isDsRadius] }],
100
- "rounded-b": [{ "rounded-b": [isDsRadius] }],
101
- "rounded-l": [{ "rounded-l": [isDsRadius] }],
102
- "rounded-ss": [{ "rounded-ss": [isDsRadius] }],
103
- "rounded-se": [{ "rounded-se": [isDsRadius] }],
104
- "rounded-ee": [{ "rounded-ee": [isDsRadius] }],
105
- "rounded-es": [{ "rounded-es": [isDsRadius] }],
106
- "rounded-tl": [{ "rounded-tl": [isDsRadius] }],
107
- "rounded-tr": [{ "rounded-tr": [isDsRadius] }],
108
- "rounded-br": [{ "rounded-br": [isDsRadius] }],
109
- "rounded-bl": [{ "rounded-bl": [isDsRadius] }],
110
- /* ── Shadow ───────────────────────────────────────────────────────── */
111
- shadow: [{ shadow: [isDsShadow] }],
112
- /* ── Form sizes (min-h, h, w, size) ───────────────────────────────── */
113
- "min-h": [{ "min-h": [isDsForm] }],
114
- h: [{ h: [isDsForm] }],
115
- w: [{ w: [isDsForm] }],
116
- size: [{ size: [isDsForm] }]
117
- }
118
- }
119
- });
120
- function cn(...inputs) {
121
- return twMerge(clsx(inputs));
122
- }
123
- const twMergeConfig = {
124
- extend: {
125
- classGroups: {
126
- "font-size": [
127
- {
128
- text: [
129
- // Displays (fluid clamp)
130
- "display-2xl",
131
- "display-xl",
132
- "display-lg",
133
- "display-md",
134
- // Headings (xs estático, sm-xl fluid clamp)
135
- "heading-xl",
136
- "heading-lg",
137
- "heading-md",
138
- "heading-sm",
139
- "heading-xs",
140
- // Titles (weight 600 default)
141
- "title-lg",
142
- "title-md",
143
- "title-sm",
144
- // Body (xs/sm = weight 500 interactive; md-2xl = 400 corrido)
145
- "body-2xl",
146
- "body-xl",
147
- "body-lg",
148
- "body-md",
149
- "body-sm",
150
- "body-xs",
151
- // Captions (weight 400)
152
- "caption-md",
153
- "caption-sm",
154
- "caption-xs",
155
- // Stat (número de métrica/KPI — estático, bold, leading tight)
156
- "stat-xl",
157
- "stat-lg",
158
- "stat-md",
159
- "stat-sm",
160
- // Code (mono regular)
161
- "code-md",
162
- "code-sm"
163
- ]
164
- }
165
- ]
166
- }
167
- }
168
- };
169
- const tv = (options, config) => tv$1(options, {
170
- ...config,
171
- twMergeConfig
172
- });
173
- const buttonVariants = tv({
174
- base: [
175
- "inline-flex items-center justify-center",
176
- "select-none whitespace-nowrap",
177
- "focus-visible:outline-none",
178
- "border border-transparent",
179
- "text-body-sm font-semibold leading-none",
180
- // 13px / 600 — alinhado com sandbox btn
181
- "[&_svg]:shrink-0",
182
- // SVG não diminui; tamanho controlado por size
183
- "transition-all duration-200 ease-out",
184
- "cursor-pointer",
185
- "focus-visible:ring-4"
186
- ],
187
- variants: {
188
- color: {
189
- primary: "focus-visible:ring-ring-brand",
190
- secondary: "focus-visible:ring-ring-secondary",
191
- critical: "focus-visible:ring-ring-danger",
192
- success: "focus-visible:ring-ring-success",
193
- warning: "focus-visible:ring-ring-warning"
194
- },
195
- variant: {
196
- filled: "",
197
- outline: "",
198
- soft: "",
199
- ghost: "bg-transparent"
200
- },
201
- size: {
202
- // h28 / pad 10 / gap 6 / radius 8 / icon 12
203
- "2xs": "min-h-form-xs px-pad-lg gap-gp-sm rounded-radius-md [&_svg]:size-[12px]",
204
- // h32 / pad 12 / gap 6 / radius 8 / icon 14
205
- xs: "min-h-form-sm px-pad-xl gap-gp-sm rounded-radius-md [&_svg]:size-[14px]",
206
- // h36 / pad 12 / gap 6 / radius 10 / icon 14
207
- sm: "min-h-form-md px-pad-xl gap-gp-sm rounded-radius-lg [&_svg]:size-[14px]",
208
- // h40 / pad 16 / gap 6 / radius 10 / icon 14 (alinhado com sandbox Exportar)
209
- md: "min-h-form-lg px-pad-2xl gap-gp-sm rounded-radius-lg [&_svg]:size-[14px]",
210
- // h44 / pad 16 / gap 8 / radius 10 / icon 16
211
- lg: "min-h-form-xl px-pad-2xl gap-gp-md rounded-radius-lg [&_svg]:size-[16px]",
212
- // Icon buttons — width = height (square). Regra: SVG +2px vs versão com label
213
- // (precisa preencher mais o quadrado sem o texto carregando peso visual).
214
- "icon-2xs": "size-form-xs rounded-radius-md p-0 [&_svg]:size-[14px]",
215
- // 28×28 / +2 (12→14)
216
- "icon-xs": "size-form-sm rounded-radius-md p-0 [&_svg]:size-[16px]",
217
- // 32×32 / +2 (14→16)
218
- "icon-sm": "size-form-md rounded-radius-lg p-0 [&_svg]:size-[16px]",
219
- // 36×36 / +2 (14→16)
220
- "icon-md": "size-form-lg rounded-radius-lg p-0 [&_svg]:size-[16px]",
221
- // 40×40 / +2 (14→16)
222
- "icon-lg": "size-form-xl rounded-radius-lg p-0 [&_svg]:size-[18px]"
223
- // 44×44 / +2 (16→18)
224
- },
225
- fullWidth: {
226
- true: "w-full flex-1"
227
- },
228
- /**
229
- * Shape do botão:
230
- * - rounded (default): mantém o radius da `size` (varia por tamanho)
231
- * - pill: força `rounded-full` (override com `!` pra ganhar do size)
232
- */
233
- shape: {
234
- rounded: "",
235
- pill: "!rounded-full"
236
- },
237
- disabled: {
238
- true: "pointer-events-none opacity-50"
239
- }
240
- },
241
- compoundVariants: [
242
- // ── Primary (brand) ─────────────────────────────────────────────
243
- {
244
- color: "primary",
245
- variant: "filled",
246
- class: "bg-bg-brand text-fg-on-brand hover:bg-bg-brand-hover"
247
- },
248
- {
249
- color: "primary",
250
- variant: "outline",
251
- class: "bg-bg-surface border-border-brand text-fg-brand shadow-sh-sm hover:bg-bg-brand-subtle hover:border-transparent hover:shadow-sh-none"
252
- },
253
- {
254
- color: "primary",
255
- variant: "soft",
256
- class: "bg-bg-brand-subtle text-fg-brand hover:bg-bg-brand-subtle-hover"
257
- },
258
- {
259
- color: "primary",
260
- variant: "ghost",
261
- class: "text-fg-brand hover:bg-bg-brand-subtle"
262
- },
263
- // ── Secondary (neutro) ──────────────────────────────────────────
264
- {
265
- color: "secondary",
266
- variant: "filled",
267
- class: "bg-bg-muted text-fg-muted hover:bg-bg-muted-hover hover:text-fg-default"
268
- },
269
- {
270
- // Outline alinhado com `.btn.tbl-tool-btn` do design-and-table-v2:
271
- // light = bg-surface + border-subtle + fg-default + shadow-sm (mantém no hover)
272
- // dark = bg-muted + border-input + fg-muted + sem shadow
273
- color: "secondary",
274
- variant: "outline",
275
- class: [
276
- "bg-bg-surface border-border-subtle text-fg-default shadow-sh-sm",
277
- "dark:bg-bg-muted dark:border-border-input dark:text-fg-muted dark:shadow-sh-none",
278
- "hover:bg-bg-muted-hover hover:text-fg-default",
279
- "dark:hover:bg-bg-muted-hover dark:hover:text-fg-default"
280
- ].join(" ")
281
- },
282
- {
283
- color: "secondary",
284
- variant: "soft",
285
- class: "bg-bg-muted text-fg-muted hover:bg-bg-muted-hover hover:text-fg-default"
286
- },
287
- {
288
- color: "secondary",
289
- variant: "ghost",
290
- class: "text-fg-muted hover:bg-bg-muted hover:text-fg-default"
291
- },
292
- // ── Critical (danger) ───────────────────────────────────────────
293
- {
294
- color: "critical",
295
- variant: "filled",
296
- class: "bg-bg-danger text-fg-on-danger hover:bg-bg-danger-hover"
297
- },
298
- {
299
- color: "critical",
300
- variant: "outline",
301
- class: "bg-bg-surface border-border-danger-muted text-fg-danger shadow-sh-sm hover:bg-bg-danger-muted hover:shadow-sh-none"
302
- },
303
- {
304
- color: "critical",
305
- variant: "soft",
306
- class: "bg-bg-danger-muted text-fg-danger hover:bg-bg-danger-muted-hover"
307
- },
308
- {
309
- color: "critical",
310
- variant: "ghost",
311
- class: "text-fg-danger hover:bg-bg-danger-muted"
312
- },
313
- // ── Success ─────────────────────────────────────────────────────
314
- {
315
- color: "success",
316
- variant: "filled",
317
- class: "bg-bg-success text-fg-on-success hover:bg-bg-success-hover"
318
- },
319
- {
320
- color: "success",
321
- variant: "outline",
322
- class: "bg-bg-surface border-border-success-muted text-fg-success shadow-sh-sm hover:bg-bg-success-muted hover:shadow-sh-none"
323
- },
324
- {
325
- color: "success",
326
- variant: "soft",
327
- class: "bg-bg-success-muted text-fg-success hover:bg-bg-success-muted-hover"
328
- },
329
- {
330
- color: "success",
331
- variant: "ghost",
332
- class: "text-fg-success hover:bg-bg-success-muted"
333
- },
334
- // ── Warning ─────────────────────────────────────────────────────
335
- {
336
- color: "warning",
337
- variant: "filled",
338
- class: "bg-bg-warning text-fg-on-warning hover:bg-bg-warning-hover"
339
- },
340
- {
341
- color: "warning",
342
- variant: "outline",
343
- class: "bg-bg-surface border-border-warning-muted text-fg-warning shadow-sh-sm hover:bg-bg-warning-muted hover:shadow-sh-none"
344
- },
345
- {
346
- color: "warning",
347
- variant: "soft",
348
- class: "bg-bg-warning-muted text-fg-warning hover:bg-bg-warning-muted-hover"
349
- },
350
- {
351
- color: "warning",
352
- variant: "ghost",
353
- class: "text-fg-warning hover:bg-bg-warning-muted"
354
- },
355
- // ── Disabled — SEMPRE por último ────────────────────────────────
356
- { disabled: true, class: "pointer-events-none opacity-50" }
357
- ],
358
- defaultVariants: {
359
- color: "primary",
360
- variant: "filled",
361
- size: "md",
362
- shape: "rounded"
363
- }
364
- });
365
- const Button = forwardRef(
366
- function Button2({
367
- color,
368
- variant,
369
- size,
370
- shape,
371
- fullWidth,
372
- loading = false,
373
- disabled = false,
374
- iconLeft,
375
- iconRight,
376
- children,
377
- className,
378
- type = "button",
379
- ...rest
380
- }, ref) {
381
- const isDisabled = disabled || loading;
382
- return /* @__PURE__ */ jsxs(
383
- "button",
384
- {
385
- ref,
386
- type,
387
- disabled: isDisabled,
388
- className: buttonVariants({
389
- color,
390
- variant,
391
- size,
392
- shape,
393
- fullWidth,
394
- disabled: isDisabled,
395
- className
396
- }),
397
- ...rest,
398
- children: [
399
- loading && /* @__PURE__ */ jsx(Spinner, {}),
400
- !loading && iconLeft,
401
- children,
402
- !loading && iconRight
403
- ]
404
- }
405
- );
406
- }
407
- );
408
- function Spinner() {
409
- return /* @__PURE__ */ jsx(
410
- "svg",
411
- {
412
- width: "16",
413
- height: "16",
414
- viewBox: "0 0 16 16",
415
- fill: "none",
416
- className: "animate-spin",
417
- children: /* @__PURE__ */ jsx(
418
- "circle",
419
- {
420
- cx: "8",
421
- cy: "8",
422
- r: "6",
423
- stroke: "currentColor",
424
- strokeWidth: "2",
425
- strokeLinecap: "round",
426
- strokeDasharray: "28",
427
- strokeDashoffset: "8",
428
- className: "opacity-70"
429
- }
430
- )
431
- }
432
- );
433
- }
434
6
  const headerRoot = tv({
435
7
  base: [
436
8
  "flex items-center justify-between gap-gp-lg",
@@ -754,212 +326,6 @@ function HeaderBreadcrumb({
754
326
  )
755
327
  ] });
756
328
  }
757
- const Dialog = SheetPrimitive.Root;
758
- const DialogTrigger = SheetPrimitive.Trigger;
759
- const DialogPortal = SheetPrimitive.Portal;
760
- const DialogClose = SheetPrimitive.Close;
761
- const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
762
- SheetPrimitive.Overlay,
763
- {
764
- ref,
765
- className: cn(
766
- "fixed inset-0 z-50 bg-black/30 supports-[backdrop-filter]:backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
767
- className
768
- ),
769
- ...props
770
- }
771
- ));
772
- DialogOverlay.displayName = SheetPrimitive.Overlay.displayName;
773
- const DialogContent = React.forwardRef(({ className, children, hideClose, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
774
- /* @__PURE__ */ jsx(DialogOverlay, {}),
775
- /* @__PURE__ */ jsxs(
776
- SheetPrimitive.Content,
777
- {
778
- ref,
779
- className: cn(
780
- "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-gp-4xl rounded-radius-base bg-bg-surface p-pad-4xl text-body-md text-fg-default shadow-sh-xl outline-float duration-200 sm:max-w-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
781
- className
782
- ),
783
- ...props,
784
- children: [
785
- children,
786
- !hideClose && /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-radius-sm opacity-70 transition-opacity hover:opacity-100 outline-none ring-0 ring-ring-brand focus-visible:ring-4 disabled:pointer-events-none data-[state=open]:bg-bg-muted data-[state=open]:text-fg-muted", children: [
787
- /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
788
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
789
- ] })
790
- ]
791
- }
792
- )
793
- ] }));
794
- DialogContent.displayName = SheetPrimitive.Content.displayName;
795
- const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
796
- SheetPrimitive.Title,
797
- {
798
- ref,
799
- className: cn(
800
- "text-title-md font-medium text-fg-default leading-none",
801
- className
802
- ),
803
- ...props
804
- }
805
- ));
806
- DialogTitle.displayName = SheetPrimitive.Title.displayName;
807
- const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
808
- SheetPrimitive.Description,
809
- {
810
- ref,
811
- className: cn("text-body-md text-fg-muted", className),
812
- ...props
813
- }
814
- ));
815
- DialogDescription.displayName = SheetPrimitive.Description.displayName;
816
- const Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
817
- Command$1,
818
- {
819
- ref,
820
- className: cn(
821
- // `bg-popover`/`text-popover-foreground` são vocabulário SHADCN, não do DS —
822
- // dependem da bridge do `index.css`, que só existe no scaffold. Em npm e
823
- // submódulo a bridge não viaja, e a superfície caía no default do shadcn em vez
824
- // dos tokens iGreen (L-039/L-040). Era a ÚNICA ocorrência de vocabulário shadcn
825
- // em todo o bundle publicado — medida em 2026-08-08.
826
- "flex h-full w-full flex-col overflow-hidden p-pad-xl bg-bg-dropdown text-fg-default",
827
- className
828
- ),
829
- ...props
830
- }
831
- ));
832
- Command.displayName = Command$1.displayName;
833
- const CommandDialog = ({ children, ...props }) => {
834
- return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxs(
835
- DialogContent,
836
- {
837
- hideClose: true,
838
- "aria-describedby": void 0,
839
- className: cn(
840
- "overflow-hidden p-0 gap-0 sm:max-w-[384px]",
841
- "rounded-[12px] border border-border-default",
842
- // Outline padrão de elementos flutuantes
843
- "outline-float"
844
- ),
845
- children: [
846
- /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Comando" }),
847
- /* @__PURE__ */ jsx(Command, { children })
848
- ]
849
- }
850
- ) });
851
- };
852
- const CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
853
- "div",
854
- {
855
- "cmdk-input-wrapper": "",
856
- className: cn(
857
- "flex items-center gap-gp-md h-form-md px-pad-xl rounded-radius-lg",
858
- "bg-bg-input border border-border-subtle shadow-sh-sm",
859
- "transition-[border-color,box-shadow,background-color] duration-150",
860
- "focus-within:border-border-brand focus-within:shadow-sh-ring",
861
- "dark:bg-bg-muted dark:border-border-input dark:shadow-sh-none"
862
- ),
863
- children: [
864
- /* @__PURE__ */ jsx(Search, { className: "size-[14px] text-fg-muted shrink-0", strokeWidth: 1.8 }),
865
- /* @__PURE__ */ jsx(
866
- Command$1.Input,
867
- {
868
- ref,
869
- className: cn(
870
- "flex-1 min-w-0 bg-transparent border-0 outline-none",
871
- "text-body-sm font-normal text-fg-default placeholder:text-fg-muted",
872
- "disabled:cursor-not-allowed disabled:opacity-50",
873
- className
874
- ),
875
- ...props
876
- }
877
- )
878
- ]
879
- }
880
- ));
881
- CommandInput.displayName = Command$1.Input.displayName;
882
- const CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
883
- Command$1.List,
884
- {
885
- ref,
886
- className: cn(
887
- "max-h-[300px] overflow-y-auto overflow-x-hidden mt-pad-md scrollbar-thin",
888
- className
889
- ),
890
- ...props
891
- }
892
- ));
893
- CommandList.displayName = Command$1.List.displayName;
894
- const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
895
- Command$1.Empty,
896
- {
897
- ref,
898
- className: "py-pad-5xl text-center text-body-md text-fg-muted",
899
- ...props
900
- }
901
- ));
902
- CommandEmpty.displayName = Command$1.Empty.displayName;
903
- const CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
904
- Command$1.Group,
905
- {
906
- ref,
907
- className: cn(
908
- "overflow-hidden text-fg-default",
909
- "[&_[cmdk-group-heading]]:flex [&_[cmdk-group-heading]]:items-center",
910
- "[&_[cmdk-group-heading]]:h-[28px] [&_[cmdk-group-heading]]:px-pad-xl",
911
- "[&_[cmdk-group-heading]]:text-caption-xs [&_[cmdk-group-heading]]:font-bold",
912
- "[&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider",
913
- "[&_[cmdk-group-heading]]:text-fg-subtle",
914
- className
915
- ),
916
- ...props
917
- }
918
- ));
919
- CommandGroup.displayName = Command$1.Group.displayName;
920
- const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
921
- Command$1.Separator,
922
- {
923
- ref,
924
- className: cn("mx-pad-xs my-pad-xs h-px bg-border-default", className),
925
- ...props
926
- }
927
- ));
928
- CommandSeparator.displayName = Command$1.Separator.displayName;
929
- const CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
930
- Command$1.Item,
931
- {
932
- ref,
933
- className: cn(
934
- "relative flex cursor-default select-none items-center gap-gp-md",
935
- "rounded-radius-lg px-pad-xl py-pad-md",
936
- "text-body-sm font-medium text-fg-muted",
937
- "outline-none transition-colors",
938
- "data-[selected='true']:bg-bg-muted data-[selected='true']:text-fg-default data-[selected='true']:[&_svg]:text-fg-default",
939
- "data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50",
940
- "[&_svg]:pointer-events-none [&_svg]:size-[18px] [&_svg]:shrink-0 [&_svg]:text-fg-muted",
941
- className
942
- ),
943
- ...props
944
- }
945
- ));
946
- CommandItem.displayName = Command$1.Item.displayName;
947
- const CommandShortcut = ({
948
- className,
949
- ...props
950
- }) => {
951
- return /* @__PURE__ */ jsx(
952
- "span",
953
- {
954
- className: cn(
955
- "ml-auto text-caption-sm tracking-wider text-fg-subtle",
956
- className
957
- ),
958
- ...props
959
- }
960
- );
961
- };
962
- CommandShortcut.displayName = "CommandShortcut";
963
329
  function HeaderSearch({
964
330
  placeholder = "Buscar...",
965
331
  shortcut = "⌘K",
@@ -1373,71 +739,6 @@ const ChipGroupItem = forwardRef(
1373
739
  );
1374
740
  }
1375
741
  );
1376
- const Popover = PopoverPrimitive.Root;
1377
- const PopoverTrigger = PopoverPrimitive.Trigger;
1378
- const PopoverAnchor = PopoverPrimitive.Anchor;
1379
- const POPOVER_MOBILE_SHEET = [
1380
- "max-md:w-full max-md:min-w-0 max-md:max-w-none",
1381
- "max-md:!max-h-[92vh]",
1382
- "max-md:rounded-b-none max-md:rounded-t-[12px]",
1383
- "max-md:border-x-0 max-md:border-b-0",
1384
- "max-md:outline-none max-md:shadow-none",
1385
- // Respiro de 20px (pad-3xl) no rodapé pra o conteúdo (footer/última seção)
1386
- // não colar na borda inferior do device quando vira sheet.
1387
- "max-md:pb-pad-3xl",
1388
- "max-md:data-[state=open]:zoom-in-100 max-md:data-[state=closed]:zoom-out-100",
1389
- "max-md:data-[state=open]:slide-in-from-bottom-12 max-md:data-[state=closed]:slide-out-to-bottom-12"
1390
- ].join(" ");
1391
- const PopoverSheetBackdrop = () => /* @__PURE__ */ jsx(
1392
- "div",
1393
- {
1394
- "aria-hidden": "true",
1395
- className: "fixed inset-0 z-[55] bg-overlay-scrim pointer-events-auto md:hidden animate-in fade-in-0 duration-150"
1396
- }
1397
- );
1398
- const PopoverContent = React.forwardRef(
1399
- ({ className, align = "center", sideOffset = 6, disablePortal, mobileSheet = true, ...props }, ref) => {
1400
- const content = /* @__PURE__ */ jsx(
1401
- PopoverPrimitive.Content,
1402
- {
1403
- ref,
1404
- align,
1405
- sideOffset,
1406
- "data-mobile-sheet": mobileSheet ? "" : void 0,
1407
- className: cn(
1408
- "relative z-50",
1409
- // Unificado com DropdownMenu/Select: bg-bg-dropdown (frosted no dark)
1410
- // + border-border-default + outline-float. O `before` pseudo-element
1411
- // aplica o blur backdrop (necessário pra bg-bg-dropdown semi-transparente
1412
- // render correto no dark mode).
1413
- "bg-bg-dropdown",
1414
- "border border-border-default rounded-[12px] shadow-sh-lg outline-float",
1415
- "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150",
1416
- "text-fg-default",
1417
- "data-[state=open]:animate-in data-[state=closed]:animate-out",
1418
- "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
1419
- "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
1420
- "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
1421
- "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
1422
- mobileSheet && POPOVER_MOBILE_SHEET,
1423
- className
1424
- ),
1425
- ...props
1426
- }
1427
- );
1428
- if (disablePortal) {
1429
- return mobileSheet ? /* @__PURE__ */ jsxs(Fragment, { children: [
1430
- /* @__PURE__ */ jsx(PopoverSheetBackdrop, {}),
1431
- content
1432
- ] }) : content;
1433
- }
1434
- return /* @__PURE__ */ jsxs(Fragment, { children: [
1435
- mobileSheet && /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverSheetBackdrop, {}) }),
1436
- /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: content })
1437
- ] });
1438
- }
1439
- );
1440
- PopoverContent.displayName = PopoverPrimitive.Content.displayName;
1441
742
  const DEFAULT_FILTERS$1 = [
1442
743
  { id: "all", label: "Todas", predicate: () => true },
1443
744
  { id: "unread", label: "Não lidas", predicate: (n) => !!n.unread },
@@ -1586,169 +887,6 @@ function NotificationRow({ item }) {
1586
887
  }
1587
888
  );
1588
889
  }
1589
- const inputGroupVariants = cva(
1590
- [
1591
- "group/input-group relative flex w-full items-center",
1592
- "bg-bg-input dark:bg-bg-muted",
1593
- "hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover",
1594
- "border border-border-input rounded-radius-lg",
1595
- "transition-[border-color,box-shadow,background-color] outline-none",
1596
- "has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50 has-[input:disabled]:hover:bg-bg-input dark:has-[input:disabled]:hover:bg-bg-muted"
1597
- ],
1598
- {
1599
- variants: {
1600
- size: {
1601
- xxs: "min-h-form-xs px-pad-md gap-gp-xs rounded-radius-md text-body-sm font-normal",
1602
- xs: "min-h-form-sm px-pad-xl gap-gp-md rounded-radius-md text-body-sm font-normal",
1603
- sm: "min-h-form-md px-pad-xl gap-gp-md rounded-radius-lg text-body-sm font-normal",
1604
- md: "min-h-form-lg px-pad-xl gap-gp-md rounded-radius-lg text-body-sm font-normal"
1605
- },
1606
- state: {
1607
- default: "focus-within:border-border-brand focus-within:shadow-sh-ring",
1608
- error: "border-border-danger-muted focus-within:border-border-danger-muted focus-within:shadow-sh-ring-danger",
1609
- warning: "border-border-warning-muted focus-within:border-border-warning-muted focus-within:shadow-sh-ring-warning",
1610
- success: "border-border-success-muted focus-within:border-border-success-muted focus-within:shadow-sh-ring-success"
1611
- }
1612
- },
1613
- defaultVariants: { size: "md", state: "default" }
1614
- }
1615
- );
1616
- const InputGroup = React.forwardRef(
1617
- ({ className, size, state, ...props }, ref) => /* @__PURE__ */ jsx(
1618
- "div",
1619
- {
1620
- ref,
1621
- role: "group",
1622
- "data-slot": "input-group",
1623
- className: cn(inputGroupVariants({ size, state }), className),
1624
- ...props
1625
- }
1626
- )
1627
- );
1628
- InputGroup.displayName = "InputGroup";
1629
- const inputGroupInputVariants = cva([
1630
- "flex-1 min-w-0 bg-transparent border-0 outline-none",
1631
- "text-body-sm font-normal text-fg-default placeholder:text-fg-muted placeholder:opacity-70",
1632
- "disabled:cursor-not-allowed",
1633
- "file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-fg-default"
1634
- ]);
1635
- const InputGroupInput = React.forwardRef(({ className, type, ...props }, ref) => /* @__PURE__ */ jsx(
1636
- "input",
1637
- {
1638
- ref,
1639
- type,
1640
- "data-slot": "input-group-input",
1641
- className: cn(inputGroupInputVariants(), className),
1642
- ...props
1643
- }
1644
- ));
1645
- InputGroupInput.displayName = "InputGroupInput";
1646
- const inputGroupTextareaVariants = cva([
1647
- "flex-1 min-w-0 bg-transparent border-0 outline-none resize-y",
1648
- "py-pad-md",
1649
- "text-body-sm font-normal leading-[1.5] text-fg-default placeholder:text-fg-muted placeholder:opacity-70",
1650
- "disabled:cursor-not-allowed"
1651
- ]);
1652
- const InputGroupTextarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
1653
- "textarea",
1654
- {
1655
- ref,
1656
- "data-slot": "input-group-textarea",
1657
- className: cn(inputGroupTextareaVariants(), className),
1658
- ...props
1659
- }
1660
- ));
1661
- InputGroupTextarea.displayName = "InputGroupTextarea";
1662
- const inputGroupAddonVariants = cva(
1663
- "flex items-center text-fg-muted shrink-0 select-none [&_svg]:size-4 [&_svg]:shrink-0",
1664
- {
1665
- variants: {
1666
- align: {
1667
- // Inline = horizontal (start/end do eixo do texto)
1668
- "inline-start": "",
1669
- "inline-end": "",
1670
- // Block = vertical (top/bottom — multi-linha em textarea)
1671
- "block-start": "",
1672
- "block-end": ""
1673
- }
1674
- },
1675
- defaultVariants: { align: "inline-start" }
1676
- }
1677
- );
1678
- const InputGroupAddon = React.forwardRef(({ className, align = "inline-start", onClick, ...props }, ref) => /* @__PURE__ */ jsx(
1679
- "div",
1680
- {
1681
- ref,
1682
- role: "group",
1683
- "data-slot": "input-group-addon",
1684
- "data-align": align,
1685
- className: cn(inputGroupAddonVariants({ align }), className),
1686
- onClick: (e) => {
1687
- if (e.target.closest("button")) {
1688
- onClick?.(e);
1689
- return;
1690
- }
1691
- e.currentTarget.parentElement?.querySelector(
1692
- "input, textarea"
1693
- )?.focus();
1694
- onClick?.(e);
1695
- },
1696
- ...props
1697
- }
1698
- ));
1699
- InputGroupAddon.displayName = "InputGroupAddon";
1700
- const InputGroupText = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
1701
- "span",
1702
- {
1703
- ref,
1704
- "data-slot": "input-group-text",
1705
- className: cn(
1706
- "text-body-xs text-fg-muted whitespace-nowrap",
1707
- className
1708
- ),
1709
- ...props
1710
- }
1711
- ));
1712
- InputGroupText.displayName = "InputGroupText";
1713
- const inputGroupButtonVariants = cva(
1714
- [
1715
- "inline-flex items-center justify-center shrink-0",
1716
- "rounded-radius-md transition-colors outline-none cursor-pointer",
1717
- "focus-visible:ring-4 focus-visible:ring-ring-brand",
1718
- "disabled:cursor-not-allowed disabled:opacity-50",
1719
- "[&_svg]:size-4 [&_svg]:shrink-0"
1720
- ],
1721
- {
1722
- variants: {
1723
- size: {
1724
- xs: "h-form-xs px-pad-md gap-gp-xs text-body-xs font-normal",
1725
- "icon-xs": "size-form-xs",
1726
- sm: "h-form-sm px-pad-lg gap-gp-md text-body-xs font-normal",
1727
- "icon-sm": "size-form-sm"
1728
- },
1729
- variant: {
1730
- default: "bg-bg-muted text-fg-default hover:bg-bg-muted-hover",
1731
- destructive: "bg-bg-danger text-fg-on-danger hover:bg-bg-danger-hover",
1732
- outline: "border border-border-input bg-transparent text-fg-default hover:bg-bg-muted",
1733
- secondary: "bg-bg-emphasis text-fg-default hover:bg-bg-muted-hover",
1734
- ghost: "bg-transparent text-fg-muted hover:bg-bg-muted hover:text-fg-default",
1735
- link: "bg-transparent text-fg-brand underline-offset-4 hover:underline"
1736
- }
1737
- },
1738
- defaultVariants: { size: "xs", variant: "ghost" }
1739
- }
1740
- );
1741
- const InputGroupButton = React.forwardRef(({ className, size, variant, type = "button", ...props }, ref) => /* @__PURE__ */ jsx(
1742
- "button",
1743
- {
1744
- ref,
1745
- type,
1746
- "data-slot": "input-group-button",
1747
- className: cn(inputGroupButtonVariants({ size, variant }), className),
1748
- ...props
1749
- }
1750
- ));
1751
- InputGroupButton.displayName = "InputGroupButton";
1752
890
  const DEFAULT_FILTERS = [
1753
891
  { id: "all", label: "Tudo", predicate: () => true },
1754
892
  { id: "unread", label: "Não lidas", predicate: (m) => !!m.unread },
@@ -1915,184 +1053,6 @@ function MessageRow({ item }) {
1915
1053
  }
1916
1054
  );
1917
1055
  }
1918
- const DropdownMenu = DropdownMenuPrimitive.Root;
1919
- const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
1920
- const DropdownMenuGroup = DropdownMenuPrimitive.Group;
1921
- const DropdownMenuSub = DropdownMenuPrimitive.Sub;
1922
- const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
1923
- const CONTAINER_CLASSES = [
1924
- "relative z-50 min-w-[180px] overflow-hidden",
1925
- "flex flex-col gap-px",
1926
- "rounded-[12px] bg-bg-dropdown p-pad-sm",
1927
- "border border-border-default shadow-sh-lg",
1928
- // Outline padrão de elementos flutuantes
1929
- "outline-float",
1930
- "text-fg-muted",
1931
- // Frosted-glass blur (necessário pra fazer o bg-dropdown semi-transparent render correto no dark)
1932
- "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150",
1933
- // Animações Radix
1934
- "data-[state=open]:animate-in data-[state=closed]:animate-out",
1935
- "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
1936
- "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
1937
- "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
1938
- "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
1939
- "origin-[--radix-dropdown-menu-content-transform-origin]"
1940
- ].join(" ");
1941
- const MOBILE_SHEET_CLASSES = [
1942
- "max-md:w-full max-md:min-w-0 max-md:max-w-none",
1943
- "max-md:!max-h-[92vh]",
1944
- "max-md:rounded-b-none max-md:rounded-t-[12px]",
1945
- "max-md:border-x-0 max-md:border-b-0",
1946
- "max-md:outline-none max-md:shadow-none",
1947
- "max-md:data-[state=open]:zoom-in-100 max-md:data-[state=closed]:zoom-out-100",
1948
- "max-md:data-[state=open]:slide-in-from-bottom-12 max-md:data-[state=closed]:slide-out-to-bottom-12"
1949
- ].join(" ");
1950
- const ITEM_BASE = [
1951
- "relative flex cursor-default select-none items-center",
1952
- "gap-pad-lg px-pad-lg py-pad-md rounded-radius-sm",
1953
- "text-body-sm font-medium",
1954
- "outline-none transition-colors",
1955
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
1956
- "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
1957
- ].join(" ");
1958
- const ITEM_VARIANT_DEFAULT = [
1959
- "text-fg-muted [&_svg]:text-fg-muted",
1960
- "focus:bg-bg-muted focus:text-fg-default focus:[&_svg]:text-fg-default"
1961
- ].join(" ");
1962
- const ITEM_VARIANT_DESTRUCTIVE = [
1963
- "text-fg-danger [&_svg]:text-fg-danger",
1964
- "focus:bg-bg-danger-muted focus:text-fg-danger focus:[&_svg]:text-fg-danger"
1965
- ].join(" ");
1966
- const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
1967
- DropdownMenuPrimitive.SubTrigger,
1968
- {
1969
- ref,
1970
- className: cn(
1971
- ITEM_BASE,
1972
- ITEM_VARIANT_DEFAULT,
1973
- "data-[state=open]:bg-bg-muted data-[state=open]:text-fg-default",
1974
- inset && "pl-8",
1975
- className
1976
- ),
1977
- ...props,
1978
- children: [
1979
- children,
1980
- /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto" })
1981
- ]
1982
- }
1983
- ));
1984
- DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
1985
- const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
1986
- DropdownMenuPrimitive.SubContent,
1987
- {
1988
- ref,
1989
- className: cn(CONTAINER_CLASSES, className),
1990
- ...props
1991
- }
1992
- ));
1993
- DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
1994
- const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 8, mobileSheet = true, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
1995
- mobileSheet && /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
1996
- "div",
1997
- {
1998
- "aria-hidden": "true",
1999
- className: "fixed inset-0 z-[55] bg-overlay-scrim pointer-events-none md:hidden animate-in fade-in-0 duration-150"
2000
- }
2001
- ) }),
2002
- /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
2003
- DropdownMenuPrimitive.Content,
2004
- {
2005
- ref,
2006
- sideOffset,
2007
- "data-mobile-sheet": mobileSheet ? "" : void 0,
2008
- className: cn(
2009
- CONTAINER_CLASSES,
2010
- "max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto overflow-x-hidden",
2011
- mobileSheet && MOBILE_SHEET_CLASSES,
2012
- className
2013
- ),
2014
- ...props
2015
- }
2016
- ) })
2017
- ] }));
2018
- DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
2019
- const DropdownMenuItem = React.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(
2020
- DropdownMenuPrimitive.Item,
2021
- {
2022
- ref,
2023
- className: cn(
2024
- ITEM_BASE,
2025
- variant === "destructive" ? ITEM_VARIANT_DESTRUCTIVE : ITEM_VARIANT_DEFAULT,
2026
- inset && "pl-8",
2027
- className
2028
- ),
2029
- ...props
2030
- }
2031
- ));
2032
- DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
2033
- const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
2034
- DropdownMenuPrimitive.CheckboxItem,
2035
- {
2036
- ref,
2037
- className: cn(
2038
- ITEM_BASE,
2039
- ITEM_VARIANT_DEFAULT,
2040
- "pl-8 pr-pad-lg",
2041
- className
2042
- ),
2043
- checked,
2044
- ...props,
2045
- children: [
2046
- /* @__PURE__ */ jsx("span", { className: "absolute left-pad-md flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
2047
- children
2048
- ]
2049
- }
2050
- ));
2051
- DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
2052
- const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
2053
- DropdownMenuPrimitive.RadioItem,
2054
- {
2055
- ref,
2056
- className: cn(
2057
- ITEM_BASE,
2058
- ITEM_VARIANT_DEFAULT,
2059
- "pl-8 pr-pad-lg",
2060
- // Selected state — brand tint (mantém no focus pra não voltar pra muted)
2061
- "data-[state=checked]:bg-bg-brand-subtle data-[state=checked]:text-fg-brand",
2062
- "data-[state=checked]:[&_svg]:text-fg-brand",
2063
- "data-[state=checked]:focus:bg-bg-brand-subtle data-[state=checked]:focus:text-fg-brand",
2064
- className
2065
- ),
2066
- ...props,
2067
- children: [
2068
- /* @__PURE__ */ jsx("span", { className: "absolute left-pad-md flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
2069
- children
2070
- ]
2071
- }
2072
- ));
2073
- DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
2074
- const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
2075
- DropdownMenuPrimitive.Label,
2076
- {
2077
- ref,
2078
- className: cn(
2079
- "px-pad-lg py-pad-sm text-caption-sm font-semibold uppercase tracking-wider text-fg-subtle",
2080
- inset && "pl-8",
2081
- className
2082
- ),
2083
- ...props
2084
- }
2085
- ));
2086
- DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
2087
- const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
2088
- DropdownMenuPrimitive.Separator,
2089
- {
2090
- ref,
2091
- className: cn("mx-pad-xs my-pad-xs h-px bg-border-default", className),
2092
- ...props
2093
- }
2094
- ));
2095
- DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
2096
1056
  const DEFAULT_OPTIONS = [
2097
1057
  { id: "light", label: "Claro", icon: Sun },
2098
1058
  { id: "dark", label: "Escuro", icon: Moon }
@@ -3148,39 +2108,6 @@ function MenuSidebar({
3148
2108
  )
3149
2109
  ] });
3150
2110
  }
3151
- const Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
3152
- AvatarPrimitive.Root,
3153
- {
3154
- ref,
3155
- className: cn(
3156
- "relative flex size-8 shrink-0 overflow-hidden rounded-full",
3157
- className
3158
- ),
3159
- ...props
3160
- }
3161
- ));
3162
- Avatar.displayName = AvatarPrimitive.Root.displayName;
3163
- const AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
3164
- AvatarPrimitive.Image,
3165
- {
3166
- ref,
3167
- className: cn("aspect-square h-full w-full", className),
3168
- ...props
3169
- }
3170
- ));
3171
- AvatarImage.displayName = AvatarPrimitive.Image.displayName;
3172
- const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
3173
- AvatarPrimitive.Fallback,
3174
- {
3175
- ref,
3176
- className: cn(
3177
- "flex h-full w-full items-center justify-center rounded-full bg-bg-muted text-fg-muted text-body-sm font-normal",
3178
- className
3179
- ),
3180
- ...props
3181
- }
3182
- ));
3183
- AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
3184
2111
  function deriveInitials(name) {
3185
2112
  return name.split(" ").filter(Boolean).map((p) => p[0]).join("").slice(0, 2).toUpperCase();
3186
2113
  }
@@ -3545,69 +2472,29 @@ function useTheme() {
3545
2472
  return { theme, setTheme, isDark, toggle };
3546
2473
  }
3547
2474
  export {
3548
- SidebarRail as $,
3549
2475
  AppShell as A,
3550
- Button as B,
3551
2476
  Chip as C,
3552
- DropdownMenu as D,
3553
- DropdownMenuGroup as E,
3554
- DropdownMenuLabel as F,
3555
- HeaderBreadcrumb as G,
3556
2477
  Header as H,
3557
- HeaderMessages as I,
3558
- HeaderNotifications as J,
3559
- HeaderSearch as K,
3560
- HeaderThemeSwitcher as L,
3561
- InputGroup as M,
3562
- InputGroupAddon as N,
3563
- InputGroupButton as O,
3564
- Popover as P,
3565
- InputGroupInput as Q,
3566
- InputGroupText as R,
3567
- InputGroupTextarea as S,
3568
- MenuSidebar as T,
3569
- DropdownMenuCheckboxItem as U,
3570
- DropdownMenuRadioGroup as V,
3571
- DropdownMenuRadioItem as W,
3572
- SidebarBrandIcon as X,
3573
- SidebarItem as Y,
3574
- SidebarPanel as Z,
3575
- SidebarPill as _,
3576
- Avatar as a,
3577
- SidebarSection as a0,
3578
- SidebarSubgroup as a1,
3579
- UserMenu as a2,
3580
- buttonVariants as a3,
3581
- chipCount as a4,
3582
- chipVariants as a5,
3583
- inputGroupVariants as a6,
3584
- useControllable as a7,
3585
- useMediaQuery as a8,
3586
- Command as a9,
3587
- AvatarFallback as b,
3588
- cn as c,
3589
- ChipGroup as d,
3590
- ChipGroupItem as e,
3591
- DropdownMenuTrigger as f,
3592
- DropdownMenuContent as g,
3593
- DropdownMenuItem as h,
3594
- DropdownMenuSeparator as i,
3595
- PopoverTrigger as j,
3596
- PopoverContent as k,
3597
- Dialog as l,
3598
- DialogTrigger as m,
3599
- DialogContent as n,
3600
- DialogTitle as o,
3601
- PopoverAnchor as p,
3602
- DialogClose as q,
3603
- DialogDescription as r,
3604
- CommandDialog as s,
3605
- tv as t,
3606
- useTheme as u,
3607
- CommandInput as v,
3608
- CommandList as w,
3609
- CommandEmpty as x,
3610
- CommandGroup as y,
3611
- CommandItem as z
2478
+ MenuSidebar as M,
2479
+ SidebarBrandIcon as S,
2480
+ UserMenu as U,
2481
+ ChipGroup as a,
2482
+ ChipGroupItem as b,
2483
+ HeaderBreadcrumb as c,
2484
+ HeaderMessages as d,
2485
+ HeaderNotifications as e,
2486
+ HeaderSearch as f,
2487
+ HeaderThemeSwitcher as g,
2488
+ SidebarItem as h,
2489
+ SidebarPanel as i,
2490
+ SidebarPill as j,
2491
+ SidebarRail as k,
2492
+ SidebarSection as l,
2493
+ SidebarSubgroup as m,
2494
+ chipCount as n,
2495
+ chipVariants as o,
2496
+ useControllable as p,
2497
+ useMediaQuery as q,
2498
+ useTheme as u
3612
2499
  };
3613
- //# sourceMappingURL=useTheme-D-405m16.mjs.map
2500
+ //# sourceMappingURL=useTheme-UrerJ3i-.mjs.map