@snksergio/design-system 0.47.0 → 0.48.0

package/dist-lib/chunks/{toggle-group-sXg1B2wN.cjs → toggle-group-DYGba7RP.cjs}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const SeparatorPrimitive = require("@radix-ui/react-separator");
-const avatar = require("./avatar-eM5txRFZ.cjs");
+const avatar = require("./avatar-DAmZ7fBZ.cjs");
 const AccordionPrimitive = require("@radix-ui/react-accordion");
 const lucideReact = require("lucide-react");
 const classVarianceAuthority = require("class-variance-authority");
@@ -1376,7 +1376,10 @@ const THUMB_CLASS = avatar.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__namespace.forwardRef(({ className, defaultValue, value, ...props }, ref) => {
   const thumbCount = (value ?? defaultValue ?? [0]).length;
@@ -1388,6 +1391,18 @@ const Slider = React__namespace.forwardRef(({ className, defaultValue, value, ..
       value,
       className: avatar.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,
@@ -1635,4 +1650,4 @@ exports.badgeVariants = badgeVariants;
 exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
 exports.slotVariants = slotVariants;
 exports.toggleVariants = toggleVariants;
-//# sourceMappingURL=toggle-group-sXg1B2wN.cjs.map
+//# sourceMappingURL=toggle-group-DYGba7RP.cjs.map