@snksergio/design-system 0.42.0 → 0.43.0

package/dist-lib/chunks/{panel-INPypAHe.cjs → panel-C3fekbdr.cjs}

@@ -3,14 +3,14 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 const jsxRuntime = require("react/jsx-runtime");
-const textarea = require("./textarea-K20CL_gF.cjs");
+const sheet = require("./sheet-B68Q4-Hn.cjs");
 const React = require("react");
 const core = require("@dnd-kit/core");
 const sortable = require("@dnd-kit/sortable");
 const reactVirtual = require("@tanstack/react-virtual");
 const avatar = require("./avatar-eM5txRFZ.cjs");
 const lucideReact = require("lucide-react");
-const useTheme = require("./useTheme-3iZAognE.cjs");
+const useTheme = require("./useTheme-C9Y6vxTf.cjs");
 const input = require("./input-az2SuVXQ.cjs");
 const reactDom = require("react-dom");
 const dnd = require("@hello-pangea/dnd");
@@ -87,7 +87,7 @@ function AlertModal({
     }
     onConfirm?.();
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(textarea.AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(textarea.AlertDialogContent, { className, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(sheet.AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(sheet.AlertDialogContent, { className, children: [
     !hideClose && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -99,13 +99,13 @@ function AlertModal({
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(textarea.AlertDialogHeader, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(sheet.AlertDialogHeader, { children: [
       iconNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: alertModalIcon({ tone }), "aria-hidden": "true", children: iconNode }),
-      /* @__PURE__ */ jsxRuntime.jsx(textarea.AlertDialogTitle, { children: title2 }),
-      description && /* @__PURE__ */ jsxRuntime.jsx(textarea.AlertDialogDescription, { children: description })
+      /* @__PURE__ */ jsxRuntime.jsx(sheet.AlertDialogTitle, { children: title2 }),
+      description && /* @__PURE__ */ jsxRuntime.jsx(sheet.AlertDialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(textarea.AlertDialogFooter, { children: [
-      !hideCancel && /* @__PURE__ */ jsxRuntime.jsx(textarea.AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsxs(sheet.AlertDialogFooter, { children: [
+      !hideCancel && /* @__PURE__ */ jsxRuntime.jsx(sheet.AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         avatar.Button,
         {
           type: "button",
@@ -117,7 +117,7 @@ function AlertModal({
           children: cancelLabel
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(textarea.AlertDialogAction, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(sheet.AlertDialogAction, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         avatar.Button,
         {
           type: "button",
@@ -497,7 +497,7 @@ const FormFieldTextarea = React.forwardRef(
       id,
       disabled: textareaProps.disabled,
       children: ({ id: fieldId, state: fieldState }) => /* @__PURE__ */ jsxRuntime.jsx(
-        textarea.Textarea,
+        sheet.Textarea,
         {
           ref,
           id: fieldId,
@@ -542,7 +542,7 @@ function FormFieldSelect({
       id,
       disabled,
       children: ({ id: fieldId, state: fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs(
-        textarea.Select,
+        sheet.Select,
         {
           value,
           defaultValue,
@@ -550,16 +550,16 @@ function FormFieldSelect({
           disabled,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              textarea.SelectTrigger,
+              sheet.SelectTrigger,
               {
                 id: fieldId,
                 state: fieldState,
                 className: triggerClassName,
-                children: /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectValue, { placeholder })
+                children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectValue, { placeholder })
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectContent, { className: contentClassName, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
-              textarea.SelectItem,
+            /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectContent, { className: contentClassName, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
+              sheet.SelectItem,
               {
                 value: opt.value,
                 disabled: opt.disabled,
@@ -604,7 +604,7 @@ const FormFieldCheckbox = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: avatar.cn(formFieldRoot(), "gap-[5px]", className), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-gp-md", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          textarea.Checkbox,
+          sheet.Checkbox,
           {
             ref,
             id,
@@ -665,7 +665,7 @@ const FormFieldSwitch = React.forwardRef(
       message = successMessage;
       messageState = "success";
     }
-    const switchEl = /* @__PURE__ */ jsxRuntime.jsx(textarea.Switch, { ref, id, disabled, ...switchProps });
+    const switchEl = /* @__PURE__ */ jsxRuntime.jsx(sheet.Switch, { ref, id, disabled, ...switchProps });
     const labelEl = label && /* @__PURE__ */ jsxRuntime.jsxs(
       "label",
       {
@@ -2474,7 +2474,7 @@ function ColsPanel({
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  textarea.Checkbox,
+                  sheet.Checkbox,
                   {
                     id: `col-vis-${col.key}`,
                     checked,
@@ -3114,7 +3114,7 @@ function AddViewModal({ open, onClose, onSubmit }) {
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: toggleLabel(), children: "Tornar esta visão pública" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: toggleDesc(), children: "Outros usuários da sua equipe poderão visualizar e usar esta visão" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.Switch, { checked: isPublic, onCheckedChange: setIsPublic })
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.Switch, { checked: isPublic, onCheckedChange: setIsPublic })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: foot(), children: [
@@ -3537,38 +3537,38 @@ function FilterRowEditor({
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full sm:flex-[0.7_1_0%] sm:basis-0 min-w-0 sm:min-w-[80px]", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          textarea.Select,
+          sheet.Select,
           {
             value: effectiveOp,
             onValueChange: (v) => onChange({ ...filter, op: v }),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                textarea.SelectTrigger,
+                sheet.SelectTrigger,
                 {
                   className: avatar.cn(FIELD_BASE, "px-pad-xl gap-gp-md"),
                   "aria-label": "Operador",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectValue, {})
+                  children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectContent, { children: operators.map((o) => /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectItem, { value: o.id, children: o.label }, o.id)) })
+              /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectContent, { children: operators.map((o) => /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectItem, { value: o.id, children: o.label }, o.id)) })
             ]
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full sm:flex-[1.3_1_0%] sm:basis-0 min-w-0", children: customValueInput ? customValueInput : isSelect ? /* @__PURE__ */ jsxRuntime.jsxs(
-          textarea.Select,
+          sheet.Select,
           {
             value: stringValue,
             onValueChange: (v) => onChange({ ...filter, value: v }),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                textarea.SelectTrigger,
+                sheet.SelectTrigger,
                 {
                   className: avatar.cn(FIELD_BASE, "px-pad-xl gap-gp-md"),
                   "aria-label": "Valor",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectValue, { placeholder: "Selecione…" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectValue, { placeholder: "Selecione…" })
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectContent, { children: col.options?.map((o) => /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectItem, { value: o.value, children: o.label }, o.value)) })
+              /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectContent, { children: col.options?.map((o) => /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectItem, { value: o.value, children: o.label }, o.value)) })
             ]
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -4712,14 +4712,24 @@ const NumberColumnType = {
   defaultSortable: true,
   defaultIcon: lucideReact.Hash
 };
-const ptBrShort$1 = new Intl.DateTimeFormat("pt-BR", {
+const ptBrData = new Intl.DateTimeFormat("pt-BR", {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric"
+});
+const ptBrCompacto = new Intl.DateTimeFormat("pt-BR", {
   day: "2-digit",
   month: "short"
 });
+function formatData(v) {
+  const d = toDate(v);
+  if (!d) return "";
+  return ptBrData.format(d);
+}
 function formatShort$1(v) {
   const d = toDate(v);
   if (!d) return "";
-  return ptBrShort$1.format(d).replace(".", "");
+  return ptBrCompacto.format(d).replace(".", "");
 }
 const DateColumnType = {
   type: "date",
@@ -4754,7 +4764,7 @@ const DateColumnType = {
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "size-icon-xs text-fg-muted shrink-0" })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverContent, { align: "start", className: "p-pad-md w-auto", children: isRange ? /* @__PURE__ */ jsxRuntime.jsx(
-        textarea.Calendar,
+        sheet.Calendar,
         {
           mode: "range",
           selected: Array.isArray(value) ? { from: toDate(value[0]), to: toDate(value[1]) } : { from: void 0, to: void 0 },
@@ -4766,7 +4776,7 @@ const DateColumnType = {
           }
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
-        textarea.Calendar,
+        sheet.Calendar,
         {
           mode: "single",
           selected: toDate(value),
@@ -4784,7 +4794,7 @@ const DateColumnType = {
         to: toDate(value[1])
       };
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-pad-md", children: /* @__PURE__ */ jsxRuntime.jsx(
-        textarea.Calendar,
+        sheet.Calendar,
         {
           mode: "range",
           selected: range,
@@ -4798,7 +4808,7 @@ const DateColumnType = {
       ) });
     }
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-pad-md", children: /* @__PURE__ */ jsxRuntime.jsx(
-      textarea.Calendar,
+      sheet.Calendar,
       {
         mode: "single",
         selected: toDate(value),
@@ -4845,8 +4855,16 @@ const DateColumnType = {
     return null;
   },
   /* G.2 slots */
-  renderCell: ({ value }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-fg-muted tabular-nums", children: formatShort$1(value) }),
-  formatValue: (v) => formatShort$1(v),
+  // `column.valueFormatter` vence o formato do tipo — é o escape hatch pra quem quer
+  // outro formato (mês escrito, ISO, relativo) sem escrever `render` inteiro.
+  //
+  // Isso é o que o próprio `CellRenderProps` já prometia: o campo `column` existe ali
+  // com o comentário "campos auxiliares como valueFormatter", e o JSDoc de `formatValue`
+  // diz "aplicado quando consumer não passa `column.valueFormatter`". Nenhum column-type
+  // lia esse campo, então na prática `valueFormatter` num `type: "date"` mudava export,
+  // totalizador e clipboard e **não mudava a célula** — a doc afirmava o contrário.
+  renderCell: ({ value, column: column2 }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-fg-muted tabular-nums", children: column2?.valueFormatter ? column2.valueFormatter(value) : formatData(value) }),
+  formatValue: (v) => formatData(v),
   defaultAlign: "left",
   defaultWidth: 130,
   defaultSortable: true,
@@ -4869,9 +4887,9 @@ const SelectColumnType = {
     if (operator === "isEmpty" || operator === "isNotEmpty") {
       return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-fg-muted text-body-sm pl-pad-md", children: "(sem valor)" });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(textarea.Select, { value: toScalar(value), onValueChange: (v) => onChange(v), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectTrigger, { className: FILTER_FIELD_SIZE, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectValue, { placeholder: "Selecionar..." }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectContent, { children: options?.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectItem, { value: String(opt.value), children: opt.label }, String(opt.value))) })
+    return /* @__PURE__ */ jsxRuntime.jsxs(sheet.Select, { value: toScalar(value), onValueChange: (v) => onChange(v), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectTrigger, { className: FILTER_FIELD_SIZE, children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectValue, { placeholder: "Selecionar..." }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectContent, { children: options?.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectItem, { value: String(opt.value), children: opt.label }, String(opt.value))) })
     ] });
   },
   renderFastFilterInput: ({ value, onChange, options, onClose }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -4932,7 +4950,7 @@ function MultiSelectDropdown({
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              textarea.Checkbox,
+              sheet.Checkbox,
               {
                 checked: isChecked,
                 onCheckedChange: () => toggle(opt.value),
@@ -5029,15 +5047,15 @@ const BooleanColumnType = {
   type: "boolean",
   operators: [{ id: "equals", label: "é" }],
   renderFilterInput: ({ value, onChange }) => /* @__PURE__ */ jsxRuntime.jsxs(
-    textarea.Select,
+    sheet.Select,
     {
       value: toBoolStr(value),
       onValueChange: (v) => onChange(v === "true"),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectTrigger, { className: FILTER_FIELD_SIZE, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectValue, { placeholder: "Selecionar..." }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(textarea.SelectContent, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectItem, { value: "true", children: "Sim" }),
-          /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectItem, { value: "false", children: "Não" })
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectTrigger, { className: FILTER_FIELD_SIZE, children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectValue, { placeholder: "Selecionar..." }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(sheet.SelectContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectItem, { value: "true", children: "Sim" }),
+          /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectItem, { value: "false", children: "Não" })
         ] })
       ]
     }
@@ -5494,25 +5512,25 @@ const UserColumnType = {
     { id: "isAnyOf", label: "é um de" }
   ],
   renderFilterInput: ({ value, onChange, options }) => /* @__PURE__ */ jsxRuntime.jsxs(
-    textarea.Select,
+    sheet.Select,
     {
       value: value == null ? "" : String(value),
       onValueChange: (v) => onChange(v),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectTrigger, { className: FILTER_FIELD_SIZE, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectValue, { placeholder: "Selecione usuário..." }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectContent, { children: (options ?? []).map((o) => /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectItem, { value: String(o.value), children: o.label }, String(o.value))) })
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectTrigger, { className: FILTER_FIELD_SIZE, children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectValue, { placeholder: "Selecione usuário..." }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectContent, { children: (options ?? []).map((o) => /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectItem, { value: String(o.value), children: o.label }, String(o.value))) })
       ]
     }
   ),
   renderFastFilterInput: ({ value, onChange, options }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-pad-md", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    textarea.Select,
+    sheet.Select,
     {
       defaultOpen: true,
       value: value == null ? "" : String(value),
       onValueChange: (v) => onChange(v),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectValue, { placeholder: "Selecione usuário..." }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectContent, { children: (options ?? []).map((o) => /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectItem, { value: String(o.value), children: o.label }, String(o.value))) })
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectValue, { placeholder: "Selecione usuário..." }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectContent, { children: (options ?? []).map((o) => /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectItem, { value: String(o.value), children: o.label }, String(o.value))) })
       ]
     }
   ) }),
@@ -5580,25 +5598,25 @@ const BadgeColumnType = {
     { id: "isAnyOf", label: "é um de" }
   ],
   renderFilterInput: ({ value, onChange, options }) => /* @__PURE__ */ jsxRuntime.jsxs(
-    textarea.Select,
+    sheet.Select,
     {
       value: value == null ? "" : String(value),
       onValueChange: (v) => onChange(v),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectTrigger, { className: FILTER_FIELD_SIZE, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectValue, { placeholder: "Selecione..." }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectContent, { children: (options ?? []).map((o) => /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectItem, { value: String(o.value), children: o.label }, String(o.value))) })
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectTrigger, { className: FILTER_FIELD_SIZE, children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectValue, { placeholder: "Selecione..." }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectContent, { children: (options ?? []).map((o) => /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectItem, { value: String(o.value), children: o.label }, String(o.value))) })
       ]
     }
   ),
   renderFastFilterInput: ({ value, onChange, options }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-pad-md", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    textarea.Select,
+    sheet.Select,
     {
       defaultOpen: true,
       value: value == null ? "" : String(value),
       onValueChange: (v) => onChange(v),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectValue, { placeholder: "Selecione..." }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectContent, { children: (options ?? []).map((o) => /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectItem, { value: String(o.value), children: o.label }, String(o.value))) })
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectValue, { placeholder: "Selecione..." }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectContent, { children: (options ?? []).map((o) => /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectItem, { value: String(o.value), children: o.label }, String(o.value))) })
       ]
     }
   ) }),
@@ -5667,7 +5685,7 @@ const TagsColumnType = {
           className: "flex items-center gap-gp-md p-pad-xs rounded-radius-sm hover:bg-bg-muted cursor-pointer",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              textarea.Checkbox,
+              sheet.Checkbox,
               {
                 checked: selected.has(String(o.value)),
                 onCheckedChange: () => toggle(String(o.value))
@@ -5694,7 +5712,7 @@ const TagsColumnType = {
         className: "flex items-center gap-gp-md p-pad-xs rounded-radius-sm hover:bg-bg-muted cursor-pointer",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            textarea.Checkbox,
+            sheet.Checkbox,
             {
               checked: selected.has(String(o.value)),
               onCheckedChange: () => toggle(String(o.value))
@@ -5742,9 +5760,10 @@ const ptBrShort = new Intl.DateTimeFormat("pt-BR", {
   day: "2-digit",
   month: "short"
 });
-const ptBrShortTime = new Intl.DateTimeFormat("pt-BR", {
+const ptBrDataHora = new Intl.DateTimeFormat("pt-BR", {
   day: "2-digit",
-  month: "short",
+  month: "2-digit",
+  year: "numeric",
   hour: "2-digit",
   minute: "2-digit"
 });
@@ -5753,10 +5772,10 @@ function formatShort(v) {
   if (!d) return "";
   return ptBrShort.format(d).replace(".", "");
 }
-function formatShortTime(v) {
+function formatDataHora(v) {
   const d = toDate(v);
   if (!d) return "";
-  return ptBrShortTime.format(d).replace(".", "");
+  return ptBrDataHora.format(d).replace(",", "");
 }
 const DatetimeColumnType = {
   type: "datetime",
@@ -5788,7 +5807,7 @@ const DatetimeColumnType = {
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarClock, { className: "size-icon-xs text-fg-muted shrink-0" })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverContent, { align: "start", className: "p-pad-md w-auto", children: isRange ? /* @__PURE__ */ jsxRuntime.jsx(
-        textarea.Calendar,
+        sheet.Calendar,
         {
           mode: "range",
           selected: Array.isArray(value) ? { from: toDate(value[0]), to: toDate(value[1]) } : { from: void 0, to: void 0 },
@@ -5800,7 +5819,7 @@ const DatetimeColumnType = {
           }
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
-        textarea.Calendar,
+        sheet.Calendar,
         {
           mode: "single",
           selected: toDate(value),
@@ -5814,7 +5833,7 @@ const DatetimeColumnType = {
     if (isRange) {
       const range = { from: toDate(value[0]), to: toDate(value[1]) };
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-pad-md", children: /* @__PURE__ */ jsxRuntime.jsx(
-        textarea.Calendar,
+        sheet.Calendar,
         {
           mode: "range",
           selected: range,
@@ -5825,7 +5844,7 @@ const DatetimeColumnType = {
       ) });
     }
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-pad-md", children: /* @__PURE__ */ jsxRuntime.jsx(
-      textarea.Calendar,
+      sheet.Calendar,
       {
         mode: "single",
         selected: toDate(value),
@@ -5869,8 +5888,9 @@ const DatetimeColumnType = {
     if (operator === "lte") return cellDay <= filterDay;
     return null;
   },
-  renderCell: ({ value }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-fg-muted tabular-nums", children: formatShortTime(value) }),
-  formatValue: (v) => formatShortTime(v),
+  // `column.valueFormatter` vence o formato do tipo — mesmo escape hatch do `date`.
+  renderCell: ({ value, column: column2 }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-fg-muted tabular-nums", children: column2?.valueFormatter ? column2.valueFormatter(value) : formatDataHora(value) }),
+  formatValue: (v) => formatDataHora(v),
   defaultAlign: "left",
   defaultWidth: 160,
   defaultSortable: true,
@@ -6083,7 +6103,7 @@ function FooterTable({
   const safePage = Math.min(Math.max(1, page), lastPage);
   const start = totalCount === 0 ? 0 : (safePage - 1) * pageSize + 1;
   const end = Math.min(safePage * pageSize, totalCount);
-  const pages = textarea.getPaginationRange(safePage, lastPage);
+  const pages = sheet.getPaginationRange(safePage, lastPage);
   const fmt = (n) => n.toLocaleString(locale);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "footer",
@@ -6100,7 +6120,7 @@ function FooterTable({
           !hidePageSize && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-gp-md text-fg-muted", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: pageSizeLabel }),
             /* @__PURE__ */ jsxRuntime.jsxs(
-              textarea.Select,
+              sheet.Select,
               {
                 value: String(pageSize),
                 onValueChange: (v) => {
@@ -6109,14 +6129,14 @@ function FooterTable({
                 },
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    textarea.SelectTrigger,
+                    sheet.SelectTrigger,
                     {
                       className: "min-h-form-md w-auto pl-pad-2xl pr-pad-xl gap-gp-lg",
                       "aria-label": pageSizeLabel,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectValue, {})
+                      children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectValue, {})
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectContent, { children: pageSizeOptions.map((n) => /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectItem, { value: String(n), children: n }, n)) })
+                  /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectContent, { children: pageSizeOptions.map((n) => /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectItem, { value: String(n), children: n }, n)) })
                 ]
               }
             )
@@ -6139,24 +6159,24 @@ function FooterTable({
             selectionCount > 1 ? "s" : ""
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(textarea.Pagination, { className: "max-sm:w-full max-sm:justify-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(sheet.Pagination, { className: "max-sm:w-full max-sm:justify-center", children: [
           !hideFirstLast && /* @__PURE__ */ jsxRuntime.jsx(
-            textarea.PaginationFirst,
+            sheet.PaginationFirst,
             {
               onClick: () => onPageChange(1),
               disabled: safePage === 1
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            textarea.PaginationPrevious,
+            sheet.PaginationPrevious,
             {
               onClick: () => onPageChange(Math.max(1, safePage - 1)),
               disabled: safePage === 1
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(textarea.PaginationContent, { children: pages.map(
-            (p, i) => p === "ellipsis" ? /* @__PURE__ */ jsxRuntime.jsx(textarea.PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(textarea.PaginationEllipsis, {}) }, `e-${i}`) : /* @__PURE__ */ jsxRuntime.jsx(textarea.PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
-              textarea.PaginationLink,
+          /* @__PURE__ */ jsxRuntime.jsx(sheet.PaginationContent, { children: pages.map(
+            (p, i) => p === "ellipsis" ? /* @__PURE__ */ jsxRuntime.jsx(sheet.PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(sheet.PaginationEllipsis, {}) }, `e-${i}`) : /* @__PURE__ */ jsxRuntime.jsx(sheet.PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              sheet.PaginationLink,
               {
                 isActive: p === safePage,
                 onClick: () => onPageChange(p),
@@ -6166,14 +6186,14 @@ function FooterTable({
             ) }, p)
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            textarea.PaginationNext,
+            sheet.PaginationNext,
             {
               onClick: () => onPageChange(Math.min(lastPage, safePage + 1)),
               disabled: safePage === lastPage
             }
           ),
           !hideFirstLast && /* @__PURE__ */ jsxRuntime.jsx(
-            textarea.PaginationLast,
+            sheet.PaginationLast,
             {
               onClick: () => onPageChange(lastPage),
               disabled: safePage === lastPage
@@ -6791,7 +6811,7 @@ function KanbanCardOuter({
       ...a11yProps,
       children: [
         showCheckbox && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cardCheck({ selected }), onClick: handleStop, onPointerDown: handleStop, children: /* @__PURE__ */ jsxRuntime.jsx(
-          textarea.Checkbox,
+          sheet.Checkbox,
           {
             checked: selected,
             onCheckedChange: () => onToggleSelect?.(card$1.id),
@@ -7028,7 +7048,7 @@ function ListItem({
           }
         ),
         selectable && /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.checkbox(), onClick: stop, onPointerDown: stop, children: /* @__PURE__ */ jsxRuntime.jsx(
-          textarea.Checkbox,
+          sheet.Checkbox,
           {
             checked: state.selected,
             onCheckedChange: () => onToggleSelect?.(item.id),
@@ -8170,6 +8190,7 @@ function calculateColumnWidths(columns, rows, options) {
         growable = stillGrowable;
         if (consumedThisPass < 0.5) break;
       }
+      const larguraFixa = columns.filter(isFixed).reduce((soma, col) => soma + (widths[String(col.field)] ?? 0), 0);
       let lastFlexField;
       let roundedTotal = 0;
       for (const col of targets) {
@@ -8180,7 +8201,7 @@ function calculateColumnWidths(columns, rows, options) {
         if (!maxed) lastFlexField = f;
       }
       if (lastFlexField !== void 0) {
-        const residue = Math.round(containerWidth) - roundedTotal;
+        const residue = Math.round(containerWidth) - larguraFixa - roundedTotal;
         if (residue !== 0) {
           widths[lastFlexField] = Math.max(0, widths[lastFlexField] + residue);
         }
@@ -10238,9 +10259,9 @@ function SelectEditor({
         }
       },
       className: "w-full",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(textarea.Select, { defaultOpen: !disabled, value, onValueChange: onChange, disabled, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectTrigger, { className: "h-form-sm min-h-form-sm rounded-radius-sm", children: /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectValue, { placeholder: "Selecionar..." }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectContent, { children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(textarea.SelectItem, { value: String(o.value), children: o.label }, String(o.value))) })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(sheet.Select, { defaultOpen: !disabled, value, onValueChange: onChange, disabled, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectTrigger, { className: "h-form-sm min-h-form-sm rounded-radius-sm", children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectValue, { placeholder: "Selecionar..." }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectContent, { children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectItem, { value: String(o.value), children: o.label }, String(o.value))) })
       ] })
     }
   );
@@ -10464,7 +10485,7 @@ function DataTableRowInner({
       className: rowClassName,
       children: [
         selectionEnabled && /* @__PURE__ */ jsxRuntime.jsx(TableCell, { width: SELECTION_COLUMN_WIDTH, align: "center", purpose: "selection", children: /* @__PURE__ */ jsxRuntime.jsx(
-          textarea.Checkbox,
+          sheet.Checkbox,
           {
             checked: selected,
             onCheckedChange: () => handlers.current.toggleRowSelection(row),
@@ -11924,7 +11945,7 @@ function DataTableInternal(props, ref) {
                   align: "center",
                   purpose: "selection",
                   children: /* @__PURE__ */ jsxRuntime.jsx(
-                    textarea.Checkbox,
+                    sheet.Checkbox,
                     {
                       checked: selection.isPageSelected(rowsToRender) ? true : selection.isPageIndeterminate(rowsToRender) ? "indeterminate" : false,
                       onCheckedChange: () => selection.togglePage(rowsToRender),
@@ -12178,7 +12199,7 @@ function DataTableInternal(props, ref) {
         onClick: props.onRowClick ? () => props.onRowClick?.(row) : void 0,
         header: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           selectionConfig.enabled && /* @__PURE__ */ jsxRuntime.jsx(
-            textarea.Checkbox,
+            sheet.Checkbox,
             {
               checked: isSel,
               onCheckedChange: () => selection.toggleRow(row),
@@ -12847,13 +12868,13 @@ function PanelHeader({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: avatar.cn(panelHeader(), className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: panelHeaderText(), children: [
-      title2 && /* @__PURE__ */ jsxRuntime.jsx(textarea.SheetTitle, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: panelTitle(), children: [
+      title2 && /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetTitle, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: panelTitle(), children: [
         TitleIcon && /* @__PURE__ */ jsxRuntime.jsx(TitleIcon, { className: panelTitleIcon(), strokeWidth: 1.8 }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: title2 })
       ] }) }),
-      description && /* @__PURE__ */ jsxRuntime.jsx(textarea.SheetDescription, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: panelDescription(), children: description }) })
+      description && /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetDescription, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: panelDescription(), children: description }) })
     ] }),
-    !hideClose && /* @__PURE__ */ jsxRuntime.jsx(textarea.SheetClose, { className: panelClose(), "aria-label": "Fechar", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 18, strokeWidth: 1.7 }) })
+    !hideClose && /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetClose, { className: panelClose(), "aria-label": "Fechar", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 18, strokeWidth: 1.7 }) })
   ] });
 }
 function PanelBody({ children, className }) {
@@ -12907,10 +12928,10 @@ function Panel({
   className
 }) {
   const sizeClass = resolveSize(size);
-  return /* @__PURE__ */ jsxRuntime.jsxs(textarea.Sheet, { open, defaultOpen, onOpenChange, children: [
-    trigger && /* @__PURE__ */ jsxRuntime.jsx(textarea.SheetTrigger, { asChild: true, children: trigger }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(sheet.Sheet, { open, defaultOpen, onOpenChange, children: [
+    trigger && /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetTrigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Portal, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(textarea.SheetOverlay, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetOverlay, {}),
       /* @__PURE__ */ jsxRuntime.jsxs(
         SheetPrimitive__namespace.Content,
         {
@@ -13016,4 +13037,4 @@ exports.useColumnResize = useColumnResize;
 exports.useColumnWidths = useColumnWidths;
 exports.useDataTableContext = useDataTableContext;
 exports.useFloatingPanelResize = useFloatingPanelResize;
-//# sourceMappingURL=panel-INPypAHe.cjs.map
+//# sourceMappingURL=panel-C3fekbdr.cjs.map