@snksergio/design-system 0.41.0 → 0.42.1

package/dist-lib/chunks/{panel-DtU3KlKY.cjs → panel-BSyHW2J5.cjs}

@@ -3,7 +3,7 @@ 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");
@@ -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(
@@ -4754,7 +4754,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 +4766,7 @@ const DateColumnType = {
           }
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
-        textarea.Calendar,
+        sheet.Calendar,
         {
           mode: "single",
           selected: toDate(value),
@@ -4784,7 +4784,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 +4798,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),
@@ -4869,9 +4869,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 +4932,7 @@ function MultiSelectDropdown({
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              textarea.Checkbox,
+              sheet.Checkbox,
               {
                 checked: isChecked,
                 onCheckedChange: () => toggle(opt.value),
@@ -5029,15 +5029,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 +5494,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 +5580,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 +5667,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 +5694,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))
@@ -5788,7 +5788,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 +5800,7 @@ const DatetimeColumnType = {
           }
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
-        textarea.Calendar,
+        sheet.Calendar,
         {
           mode: "single",
           selected: toDate(value),
@@ -5814,7 +5814,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 +5825,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),
@@ -6083,7 +6083,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 +6100,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 +6109,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 +6139,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 +6166,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 +6791,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 +7028,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),
@@ -8028,6 +8028,38 @@ function measureTextWidth(text, font) {
   if (!ctx) return 0;
   return ctx.measureText(text).width;
 }
+const ACTIONS_INLINE_MAX = 3;
+function actionsWidthForSlots(slots) {
+  return 30 * Math.max(1, slots) + 14;
+}
+function oculta(a, row) {
+  return typeof a.hidden === "function" ? a.hidden(row) : !!a.hidden;
+}
+function splitActionSlots(actions, row) {
+  const visiveis = actions.filter((a) => !oculta(a, row));
+  if (visiveis.length === 0) return { inline: [], menu: [] };
+  if (visiveis.some((a) => a.showInMenu)) {
+    return {
+      inline: visiveis.filter((a) => !a.showInMenu),
+      menu: visiveis.filter((a) => a.showInMenu)
+    };
+  }
+  if (visiveis.length <= ACTIONS_INLINE_MAX) return { inline: visiveis, menu: [] };
+  return { inline: [], menu: visiveis };
+}
+function countActionSlots(split) {
+  return split.inline.length + (split.menu.length > 0 ? 1 : 0);
+}
+function measureActionsWidth(getActions, rows) {
+  if (!getActions || rows.length === 0) return null;
+  let maxSlots = 0;
+  for (const row of rows) {
+    const slots = countActionSlots(splitActionSlots(getActions({ row }), row));
+    if (slots > maxSlots) maxSlots = slots;
+  }
+  if (maxSlots === 0) return null;
+  return actionsWidthForSlots(maxSlots);
+}
 function getFieldValue(row, field) {
   if (!field.includes(".")) {
     return row[field];
@@ -8067,7 +8099,7 @@ function calculateColumnWidths(columns, rows, options) {
   for (const col of columns) {
     const field = String(col.field);
     if (col.type === "actions") {
-      const w = col.minWidth ?? ACTIONS_COLUMN_WIDTH;
+      const w = col.width ?? col.minWidth ?? measureActionsWidth(col.getActions, rows.slice(0, sampleSize)) ?? ACTIONS_COLUMN_WIDTH;
       widths[field] = w;
       totalContentWidth += w;
       continue;
@@ -9862,13 +9894,8 @@ function DataTableActionsCell({
   row,
   actions
 }) {
-  const visible = actions.filter((a) => {
-    if (typeof a.hidden === "function") return !a.hidden(row);
-    return !a.hidden;
-  });
-  const inlineActions = visible.filter((a) => !a.showInMenu);
-  const menuActions = visible.filter((a) => a.showInMenu);
-  if (visible.length === 0) return null;
+  const { inline: inlineActions, menu: menuActions } = splitActionSlots(actions, row);
+  if (inlineActions.length === 0 && menuActions.length === 0) return null;
   const resolveDisabled = (a) => {
     if (typeof a.disabled === "function") return a.disabled(row);
     return !!a.disabled;
@@ -10211,9 +10238,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))) })
       ] })
     }
   );
@@ -10437,7 +10464,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),
@@ -11897,7 +11924,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),
@@ -12151,7 +12178,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),
@@ -12820,13 +12847,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 }) {
@@ -12880,10 +12907,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,
         {
@@ -12912,7 +12939,6 @@ function Panel({
     ] })
   ] });
 }
-exports.ACTIONS_COLUMN_WIDTH = ACTIONS_COLUMN_WIDTH;
 exports.AddViewModal = AddViewModal;
 exports.AlertModal = AlertModal;
 exports.Avatar = Avatar;
@@ -12990,4 +13016,4 @@ exports.useColumnResize = useColumnResize;
 exports.useColumnWidths = useColumnWidths;
 exports.useDataTableContext = useDataTableContext;
 exports.useFloatingPanelResize = useFloatingPanelResize;
-//# sourceMappingURL=panel-DtU3KlKY.cjs.map
+//# sourceMappingURL=panel-BSyHW2J5.cjs.map