@snksergio/design-system 0.47.0 → 0.49.0

package/dist-lib/index.mjs

@@ -1,22 +1,22 @@
-import { g as getContrastTextColor, a as FormField, e as Avatar, i as isFilterEntryActive, f as FilterPopover, T as ToolbarToolButton, h as ButtonGroup, j as ToolbarSimpleFilterDrawer, k as TableToolbar, l as ToolbarActions, m as ToolbarFilterButton, n as ToolbarSearch, o as ToolbarApplied, q as ToolbarTabs, r as columnTypeRegistry, L as ListItem, s as List } from "./chunks/panel-BlMiCA9Z.mjs";
-import { t, A, B, u, C, v, w, x, D, y, z, E, G, H, I, J, K, M, d, N, O, Q, R, S, F, b, U, c, V, W, P, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, p, ai, aj, ak, al, am } from "./chunks/panel-BlMiCA9Z.mjs";
-import { C as Chip } from "./chunks/useTheme-DNqHuA6o.mjs";
-import { A as A2, a, b as b2, H as H2, c as c2, d as d2, e, f, g, M as M2, S as S2, h, i, j, k, l, m, n, U as U2, o, p as p2, q, r, s, t as t2, v as v2, w as w2, u as u2 } from "./chunks/useTheme-DNqHuA6o.mjs";
-import { a8 as tv, V as Popover, Z as PopoverTrigger, Y as PopoverContent, a7 as Button, D as Dialog, w as DialogTrigger, c as cn, p as DialogContent, v as DialogTitle, W as PopoverAnchor, o as DialogClose, q as DialogDescription, x as DropdownMenu, O as DropdownMenuTrigger, z as DropdownMenuContent, J as DropdownMenuSeparator, E as DropdownMenuItem } from "./chunks/avatar-Cj_m-wJy.mjs";
-import { P as P2, Q as Q2, R as R2, S as S3, T, U as U3, y as y2, F as F2, H as H3, I as I2, a9 as a92, a6 as a62 } from "./chunks/avatar-Cj_m-wJy.mjs";
+import { g as getContrastTextColor, a as FormField, e as Avatar, i as isFilterEntryActive, f as FilterPopover, T as ToolbarToolButton, h as ButtonGroup, j as ToolbarSimpleFilterDrawer, k as TableToolbar, l as ToolbarActions, m as ToolbarFilterButton, n as ToolbarSearch, o as ToolbarApplied, q as ToolbarTabs, r as columnTypeRegistry, L as ListItem, s as List } from "./chunks/panel-DlZeQw7G.mjs";
+import { t, A, B, u, C, v, w, x, D, y, z, E, G, H, I, J, K, M, d, N, O, Q, R, S, F, b, U, c, V, W, P, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, p, ai, aj, ak, al, am } from "./chunks/panel-DlZeQw7G.mjs";
+import { C as Chip } from "./chunks/useTheme-Bk8AYqLr.mjs";
+import { A as A2, a, b as b2, H as H2, c as c2, d as d2, e, f, g, M as M2, S as S2, h, i, j, k, l, m, n, U as U2, o, p as p2, q, r, s, t as t2, v as v2, w as w2, u as u2 } from "./chunks/useTheme-Bk8AYqLr.mjs";
+import { a8 as tv, V as Popover, Z as PopoverTrigger, Y as PopoverContent, a7 as Button, D as Dialog, w as DialogTrigger, c as cn, p as DialogContent, v as DialogTitle, W as PopoverAnchor, o as DialogClose, q as DialogDescription, x as DropdownMenu, O as DropdownMenuTrigger, z as DropdownMenuContent, J as DropdownMenuSeparator, E as DropdownMenuItem } from "./chunks/avatar-FPbG1TRy.mjs";
+import { P as P2, Q as Q2, R as R2, S as S3, T, U as U3, y as y2, F as F2, H as H3, I as I2, a9 as a92, a6 as a62 } from "./chunks/avatar-FPbG1TRy.mjs";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { forwardRef, useId, useState, Fragment as Fragment$1, isValidElement, useCallback, useMemo, createElement, useRef, useEffect, useLayoutEffect } from "react";
-import { l as Checkbox, C as Calendar, T as Textarea } from "./chunks/sheet-Bc-LMBDF.mjs";
-import { G as G2, H as H4, F as F3, O as O2 } from "./chunks/sheet-Bc-LMBDF.mjs";
+import { l as Checkbox, C as Calendar, T as Textarea } from "./chunks/sheet-7v5vamnP.mjs";
+import { G as G2, H as H4, F as F3, O as O2 } from "./chunks/sheet-7v5vamnP.mjs";
 import { Check, MoreHorizontal, SlidersHorizontal, Calendar as Calendar$1, AlertCircle, CheckCheck, Clock, MoreVertical, Ban, X as X2, CalendarDays, ChevronDown, ChevronLeft, ChevronRight, RefreshCw, OctagonX, TriangleAlert, CircleCheck, Info, Bell } from "lucide-react";
 import { Reply } from "lucide-react";
-import { ay as Separator, az as Skeleton } from "./chunks/toggle-group-Bol3G73g.mjs";
-import { B as B2, aI } from "./chunks/toggle-group-Bol3G73g.mjs";
-import { I as Input } from "./chunks/input-CwRzwVPt.mjs";
-import { i as i2 } from "./chunks/input-CwRzwVPt.mjs";
-import { a as a10, b as b3, K as K2 } from "./chunks/kpi-delta-D9p1xD4T.mjs";
-import { P as P3, p as p3 } from "./chunks/page-header-DUxZjGdR.mjs";
+import { az as Separator, aA as Skeleton } from "./chunks/toggle-group-C3srOzNZ.mjs";
+import { B as B2, aJ } from "./chunks/toggle-group-C3srOzNZ.mjs";
+import { I as Input } from "./chunks/input-tjIT8HNE.mjs";
+import { i as i2 } from "./chunks/input-tjIT8HNE.mjs";
+import { a as a10, b as b3, K as K2 } from "./chunks/kpi-delta-BRTgTaO1.mjs";
+import { P as P3, p as p3 } from "./chunks/page-header-DdWp9c-r.mjs";
 import * as RechartsPrimitive from "recharts";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import "@hello-pangea/dnd";
@@ -119,7 +119,12 @@ const colorPickerStyles = tv({
     customRow: "flex flex-col gap-gp-md"
   },
   variants: {
+    /* Espelha a escala do Input (`shadcn/input.tsx`) degrau por degrau. O `size` é
+       repassado pro Input interno, então uma escala menor aqui deixava combinação válida
+       no Input inalcançável pelo ColorPicker — era o caso de `xxs` e `xs`. */
     size: {
+      xxs: { swatch: "size-form-xs" },
+      xs: { swatch: "size-form-sm" },
       sm: { swatch: "size-form-md" },
       md: { swatch: "size-form-lg" }
     },
@@ -3730,7 +3735,10 @@ const fileUploadFieldStyles = tv({
   slots: {
     dropzone: [
       "flex w-full flex-col items-center justify-center text-center",
-      "min-h-form-xl gap-gp-xs px-pad-2xl py-pad-lg",
+      // Vertical MAIOR que o horizontal de propósito: é uma área de soltar, não uma linha de
+      // form. Estava `py-pad-lg` (10px) contra `px-pad-2xl` (16px) — apertado justamente no
+      // eixo que dá a leitura de "zona", e o conteúdo ficava colado na borda tracejada.
+      "min-h-form-xl gap-gp-xs px-pad-2xl py-pad-4xl",
       "rounded-radius-xl bg-bg-muted",
       "border border-dashed border-border-default",
       "transition-[color,box-shadow,background-color,border-color] duration-200 ease-out",
@@ -3739,6 +3747,15 @@ const fileUploadFieldStyles = tv({
       "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
     ],
     dropIcon: "text-fg-subtle",
+    /**
+     * Título e hint num bloco próprio, com gap de 2px.
+     *
+     * Antes os três (ícone, título, hint) eram irmãos sob o `gap-gp-xs` (4px) do dropzone —
+     * um gap só governando duas relações diferentes. Título↔hint são a MESMA informação em
+     * dois níveis e querem ficar juntos; o ícone é outro elemento e quer respiro. Agrupar é o
+     * que permite os dois valores.
+     */
+    dropTexts: "flex flex-col items-center gap-gp-2xs",
     dropText: "text-body-sm text-fg-muted",
     dropHint: "text-caption-md text-fg-subtle",
     fileRow: [
@@ -3879,8 +3896,10 @@ function FileUploadField({
             className: styles2.dropzone(),
             children: [
               /* @__PURE__ */ jsx(Icon, { name: "line-cloud-upload", size: "lg", className: styles2.dropIcon() }),
-              /* @__PURE__ */ jsx("span", { className: styles2.dropText(), children: "Clique para anexar" }),
-              hint && /* @__PURE__ */ jsx("span", { className: styles2.dropHint(), children: hint })
+              /* @__PURE__ */ jsxs("span", { className: styles2.dropTexts(), children: [
+                /* @__PURE__ */ jsx("span", { className: styles2.dropText(), children: "Clique para anexar" }),
+                hint && /* @__PURE__ */ jsx("span", { className: styles2.dropHint(), children: hint })
+              ] })
             ]
           }
         ) : /* @__PURE__ */ jsxs("div", { className: styles2.fileRow(), children: [
@@ -8165,7 +8184,7 @@ export {
   ae as ViewsPopover,
   actionColumn,
   af as avatarVariants,
-  aI as badgeVariants,
+  aJ as badgeVariants,
   a92 as buttonVariants,
   cardCheckbox,
   o as chipCount,