@snksergio/design-system 0.47.0 → 0.48.0

package/dist-lib/chunks/{toggle-group-Bol3G73g.mjs → toggle-group-CnAN6ZnT.mjs}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { c as cn, a8 as tv, a7 as Button } from "./avatar-Cj_m-wJy.mjs";
+import { c as cn, a8 as tv, a7 as Button } from "./avatar-FPbG1TRy.mjs";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDown, MoreHorizontal, ChevronRight, ArrowLeft, ArrowRight, Check, Circle, Dot } from "lucide-react";
 import { cva } from "class-variance-authority";
@@ -1344,7 +1344,10 @@ const THUMB_CLASS = cn(
   "transition-[box-shadow] select-none outline-none",
   "hover:shadow-sh-ring",
   "focus-visible:shadow-sh-ring",
-  "disabled:pointer-events-none disabled:opacity-50"
+  // A affordance do gesto: a mãozinha aberta convida a arrastar, a fechada confirma que
+  // está arrastando. Mesmo par que o grab-to-scroll da DataTable usa.
+  "cursor-grab active:cursor-grabbing",
+  "data-[disabled]:cursor-default"
 );
 const Slider = React.forwardRef(({ className, defaultValue, value, ...props }, ref) => {
   const thumbCount = (value ?? defaultValue ?? [0]).length;
@@ -1356,6 +1359,18 @@ const Slider = React.forwardRef(({ className, defaultValue, value, ...props }, r
       value,
       className: cn(
         "relative flex w-full touch-none select-none items-center",
+        /**
+         * Desabilitado escurece o COMPONENTE, não só o thumb — trilho, faixa preenchida e
+         * thumb juntos, que é o que dá o aspecto de desabilitado.
+         *
+         * ⚠️ Tem que ser `data-[disabled]`. Até 2026-08-24 o thumb carregava
+         * `disabled:pointer-events-none disabled:opacity-50` e isso era **código morto**: o
+         * thumb é um `<span>`, não aceita o atributo `disabled`, e o Radix marca estado por
+         * data attribute (L-012). Medido no browser antes de trocar — o thumb desabilitado
+         * estava com `opacity: 1` e `pointer-events: auto`, ou seja, o estado não existia
+         * visualmente e o gesto seguia aceito.
+         */
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       ...props,
@@ -1605,4 +1620,4 @@ export {
   ContextMenuCheckboxItem as y,
   ContextMenuContent as z
 };
-//# sourceMappingURL=toggle-group-Bol3G73g.mjs.map
+//# sourceMappingURL=toggle-group-CnAN6ZnT.mjs.map