@snksergio/design-system 0.43.1 → 0.43.3

package/dist-lib/chunks/{panel-BhXMif_f.mjs → panel-CCPe1H70.mjs}

@@ -2,7 +2,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);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { A as AlertDialog, c as AlertDialogContent, f as AlertDialogHeader, i as AlertDialogTitle, d as AlertDialogDescription, e as AlertDialogFooter, b as AlertDialogCancel, a as AlertDialogAction, T as Textarea, S as Select, D as SelectTrigger, E as SelectValue, u as SelectContent, w as SelectItem, l as Checkbox, Q as Switch, C as Calendar$1, R as getPaginationRange, P as Pagination, o as PaginationFirst, t as PaginationPrevious, m as PaginationContent, p as PaginationItem, n as PaginationEllipsis, r as PaginationLink, s as PaginationNext, q as PaginationLast, N as SheetTitle, I as SheetDescription, G as SheetClose, F as Sheet, O as SheetTrigger, L as SheetOverlay } from "./sheet-BgA2g6m4.mjs";
+import { A as AlertDialog, c as AlertDialogContent, f as AlertDialogHeader, i as AlertDialogTitle, d as AlertDialogDescription, e as AlertDialogFooter, b as AlertDialogCancel, a as AlertDialogAction, T as Textarea, S as Select, D as SelectTrigger, E as SelectValue, u as SelectContent, w as SelectItem, l as Checkbox, Q as Switch, C as Calendar$1, R as getPaginationRange, P as Pagination, o as PaginationFirst, t as PaginationPrevious, m as PaginationContent, p as PaginationItem, n as PaginationEllipsis, r as PaginationLink, s as PaginationNext, q as PaginationLast, N as SheetTitle, I as SheetDescription, G as SheetClose, F as Sheet, O as SheetTrigger, L as SheetOverlay } from "./sheet-D1vQth7X.mjs";
 import { forwardRef, createContext, useContext, useId, useState, useRef, useCallback, useEffect, useMemo, Fragment as Fragment$1, useImperativeHandle, memo } from "react";
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCorners, DragOverlay, useDroppable, useDraggable, closestCenter } from "@dnd-kit/core";
 import { useSortable, sortableKeyboardCoordinates, SortableContext, horizontalListSortingStrategy, arrayMove } from "@dnd-kit/sortable";
@@ -69,51 +69,60 @@ function AlertModal({
     }
     onConfirm?.();
   };
-  return /* @__PURE__ */ jsx(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(AlertDialogContent, { className, children: [
-    !hideClose && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => onOpenChange(false),
-        disabled: loading,
-        "aria-label": "Fechar",
-        className: "absolute top-pad-lg right-pad-lg z-10 grid place-items-center size-form-sm rounded-radius-md bg-transparent text-fg-muted opacity-55 transition-[background-color,color,opacity] outline-none hover:bg-bg-muted hover:text-fg-default hover:opacity-100 focus-visible:opacity-100 focus-visible:shadow-sh-ring disabled:pointer-events-none",
-        children: /* @__PURE__ */ jsx(X, { className: "size-4" })
-      }
-    ),
-    /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
-      iconNode && /* @__PURE__ */ jsx("div", { className: alertModalIcon({ tone }), "aria-hidden": "true", children: iconNode }),
-      /* @__PURE__ */ jsx(AlertDialogTitle, { children: title2 }),
-      description && /* @__PURE__ */ jsx(AlertDialogDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
-      !hideCancel && /* @__PURE__ */ jsx(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          color: "secondary",
-          variant: "outline",
-          size: "md",
-          fullWidth: true,
-          disabled: loading,
-          children: cancelLabel
-        }
-      ) }),
-      /* @__PURE__ */ jsx(AlertDialogAction, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          color: TONE_BUTTON_COLOR[tone],
-          variant: "filled",
-          size: "md",
-          fullWidth: true,
-          loading,
-          onClick: handleConfirm,
-          children: confirmLabel
-        }
-      ) })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsx(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    AlertDialogContent,
+    {
+      className,
+      onEscapeKeyDown: (e) => {
+        if (loading) e.preventDefault();
+      },
+      children: [
+        !hideClose && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onOpenChange(false),
+            disabled: loading,
+            "aria-label": "Fechar",
+            className: "absolute top-pad-lg right-pad-lg z-10 grid place-items-center size-form-sm rounded-radius-md bg-transparent text-fg-muted opacity-55 transition-[background-color,color,opacity] outline-none hover:bg-bg-muted hover:text-fg-default hover:opacity-100 focus-visible:opacity-100 focus-visible:shadow-sh-ring disabled:pointer-events-none",
+            children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+          iconNode && /* @__PURE__ */ jsx("div", { className: alertModalIcon({ tone }), "aria-hidden": "true", children: iconNode }),
+          /* @__PURE__ */ jsx(AlertDialogTitle, { children: title2 }),
+          description && /* @__PURE__ */ jsx(AlertDialogDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+          !hideCancel && /* @__PURE__ */ jsx(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              color: "secondary",
+              variant: "outline",
+              size: "md",
+              fullWidth: true,
+              disabled: loading,
+              children: cancelLabel
+            }
+          ) }),
+          /* @__PURE__ */ jsx(AlertDialogAction, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              color: TONE_BUTTON_COLOR[tone],
+              variant: "filled",
+              size: "md",
+              fullWidth: true,
+              loading,
+              onClick: handleConfirm,
+              children: confirmLabel
+            }
+          ) })
+        ] })
+      ]
+    }
+  ) });
 }
 function hexToRgb(hex) {
   if (typeof hex !== "string") return null;
@@ -4081,6 +4090,16 @@ const floatingPanelStyles = tv({
       "rounded-radius-xl border border-border-default outline-float shadow-sh-2xl",
       // Desktop (md+) — gutter top/bottom 24px
       "md:top-pad-4xl md:bottom-pad-4xl",
+      // …e o mesmo gutter de 24px como TETO de largura, simétrico (24+24=48).
+      //
+      // Sem isto o painel estoura a viewport com props DEFAULT: `side="right"` ancora a
+      // 24px da borda e `resizableMaxWidth` default é 800 → 800+24 = 824px de necessidade.
+      // Em qualquer janela entre 768 e 824 (≥md, então sem o sheet mobile) a borda esquerda
+      // ia pra fora da tela. Mesmo caso com `size={n}` grande num monitor pequeno.
+      //
+      // O `min`/`max` do hook de resize é em PIXEL e cego à viewport — quem clampa é isto.
+      // Não regride nada: `max-width` só age quando a largura já estouraria.
+      "md:max-w-[calc(100vw-48px)]",
       // Mobile (max-md) — sheet bottom-up colado nas bordas do device:
       // flush nas laterais + bottom, só top arredondado, sem outline/shadow, cap 92vh
       "max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:!w-auto",
@@ -13025,4 +13044,4 @@ export {
   DataTableActionsCell as y,
   DataTableEditCell as z
 };
-//# sourceMappingURL=panel-BhXMif_f.mjs.map
+//# sourceMappingURL=panel-CCPe1H70.mjs.map