@accreditation/ui 1.0.0

package/dist/components/atoms/slider/components/slider.js

@@ -0,0 +1,208 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var SliderPrimitive = require('@radix-ui/react-slider');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+
+function toArray(v) {
+  if (v === void 0) return void 0;
+  return Array.isArray(v) ? v : [v];
+}
+function fromArray(arr, range) {
+  return range ? [arr[0] ?? 0, arr[1] ?? 0] : arr[0] ?? 0;
+}
+function markPercent(markValue, min, max) {
+  return (markValue - min) / (max - min) * 100;
+}
+const Slider = React__namespace.forwardRef(function Slider2({
+  className,
+  style,
+  size = "md",
+  fullWidth = false,
+  value: valueProp,
+  defaultValue: defaultValueProp,
+  onValueChange: onValueChangeProp,
+  onValueCommit: onValueCommitProp,
+  showTooltip = false,
+  showValue = false,
+  formatValue = String,
+  marks,
+  min = 0,
+  max = 100,
+  ...props
+}, ref) {
+  const rangeMode = Array.isArray(valueProp ?? defaultValueProp);
+  const thumbCount = rangeMode ? 2 : 1;
+  const [localValue, setLocalValue] = React__namespace.useState(
+    () => toArray(valueProp ?? defaultValueProp) ?? [min]
+  );
+  const radixValue = toArray(valueProp);
+  const prevRadixRef = React__namespace.useRef("");
+  const radixStr = JSON.stringify(radixValue);
+  if (radixValue !== void 0 && radixStr !== prevRadixRef.current) {
+    prevRadixRef.current = radixStr;
+    setLocalValue(radixValue);
+  }
+  const handleValueChange = (arr) => {
+    setLocalValue(arr);
+    onValueChangeProp?.(fromArray(arr, rangeMode));
+  };
+  const handleValueCommit = (arr) => {
+    onValueCommitProp?.(fromArray(arr, rangeMode));
+  };
+  const [dragging, setDragging] = React__namespace.useState(false);
+  const valueText = rangeMode ? `${formatValue(localValue[0] ?? min)} \u2013 ${formatValue(localValue[1] ?? max)}` : formatValue(localValue[0] ?? min);
+  const hasMarkLabels = marks?.some((m) => m.label != null);
+  const thumbSizeClass = variants.sliderThumbSizeClasses[size];
+  const trackSizeClass = variants.sliderTrackSizeClasses[size];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "flex flex-row items-center gap-3",
+        fullWidth ? "w-full" : "w-[280px]"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: utils.cn(
+              "relative flex-1 min-w-0",
+              hasMarkLabels && "mb-5"
+            ),
+            children: [
+              showTooltip && dragging && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: thumbCount }, (_, i) => {
+                const val = localValue[i] ?? min;
+                const pct = markPercent(val, min, max);
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "pointer-events-none absolute z-10",
+                    style: {
+                      left: `${pct}%`,
+                      // Sobe acima da track + thumb
+                      bottom: `calc(100% + 10px)`,
+                      transform: "translateX(-50%)"
+                    },
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(variants.sliderTooltipClasses, variants.sliderTooltipSizeClasses[size]), children: formatValue(val) })
+                  },
+                  i
+                );
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                SliderPrimitive__namespace.Root,
+                {
+                  ref,
+                  "data-slot": "slider",
+                  min,
+                  max,
+                  value: radixValue,
+                  defaultValue: toArray(defaultValueProp),
+                  onValueChange: handleValueChange,
+                  onValueCommit: handleValueCommit,
+                  onPointerDown: () => showTooltip && setDragging(true),
+                  onPointerUp: () => showTooltip && setDragging(false),
+                  onPointerCancel: () => showTooltip && setDragging(false),
+                  className: utils.cn(variants.sliderBaseClasses, "w-full", className),
+                  style,
+                  ...props,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      SliderPrimitive__namespace.Track,
+                      {
+                        "data-slot": "slider-track",
+                        className: utils.cn(variants.sliderTrackBaseClasses, trackSizeClass),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          SliderPrimitive__namespace.Range,
+                          {
+                            "data-slot": "slider-range",
+                            className: variants.sliderRangeClasses
+                          }
+                        )
+                      }
+                    ),
+                    Array.from({ length: thumbCount }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                      SliderPrimitive__namespace.Thumb,
+                      {
+                        "data-slot": "slider-thumb",
+                        className: utils.cn(variants.sliderThumbBaseClasses, thumbSizeClass)
+                      },
+                      i
+                    ))
+                  ]
+                }
+              ),
+              marks && marks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: variants.sliderMarksWrapperClasses, "aria-hidden": true, children: marks.map((mark) => {
+                const pct = markPercent(mark.value, min, max);
+                if (pct < 0 || pct > 100) return null;
+                return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: variants.sliderMarkTickClasses,
+                      style: { left: `${pct}%` }
+                    }
+                  ),
+                  mark.label && /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: variants.sliderMarkLabelClasses,
+                      style: { left: `${pct}%` },
+                      children: mark.label
+                    }
+                  )
+                ] }, mark.value);
+              }) })
+            ]
+          }
+        ),
+        showValue && /* @__PURE__ */ jsxRuntime.jsx("span", { className: variants.sliderValueClasses, "aria-live": "polite", children: valueText })
+      ]
+    }
+  );
+});
+Slider.displayName = "Slider";
+function SliderField({
+  label,
+  hint,
+  required = false,
+  wrapperClassName,
+  ...sliderProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex flex-col gap-2 w-full", wrapperClassName), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: variants.sliderFieldLabelClasses, children: [
+      label,
+      required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: variants.sliderFieldRequiredClasses, "aria-hidden": true, children: " *" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Slider, { ...sliderProps, fullWidth: true }),
+    hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: variants.sliderFieldHintClasses, children: hint })
+  ] });
+}
+SliderField.displayName = "SliderField";
+
+exports.Slider = Slider;
+exports.SliderField = SliderField;

package/dist/components/atoms/slider/components/slider.mjs

@@ -0,0 +1,184 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { cn } from '../../../../lib/utils';
+import { sliderThumbSizeClasses, sliderTrackSizeClasses, sliderTooltipClasses, sliderTooltipSizeClasses, sliderRangeClasses, sliderTrackBaseClasses, sliderThumbBaseClasses, sliderBaseClasses, sliderMarksWrapperClasses, sliderMarkTickClasses, sliderMarkLabelClasses, sliderValueClasses, sliderFieldLabelClasses, sliderFieldRequiredClasses, sliderFieldHintClasses } from '../variants';
+
+function toArray(v) {
+  if (v === void 0) return void 0;
+  return Array.isArray(v) ? v : [v];
+}
+function fromArray(arr, range) {
+  return range ? [arr[0] ?? 0, arr[1] ?? 0] : arr[0] ?? 0;
+}
+function markPercent(markValue, min, max) {
+  return (markValue - min) / (max - min) * 100;
+}
+const Slider = React.forwardRef(function Slider2({
+  className,
+  style,
+  size = "md",
+  fullWidth = false,
+  value: valueProp,
+  defaultValue: defaultValueProp,
+  onValueChange: onValueChangeProp,
+  onValueCommit: onValueCommitProp,
+  showTooltip = false,
+  showValue = false,
+  formatValue = String,
+  marks,
+  min = 0,
+  max = 100,
+  ...props
+}, ref) {
+  const rangeMode = Array.isArray(valueProp ?? defaultValueProp);
+  const thumbCount = rangeMode ? 2 : 1;
+  const [localValue, setLocalValue] = React.useState(
+    () => toArray(valueProp ?? defaultValueProp) ?? [min]
+  );
+  const radixValue = toArray(valueProp);
+  const prevRadixRef = React.useRef("");
+  const radixStr = JSON.stringify(radixValue);
+  if (radixValue !== void 0 && radixStr !== prevRadixRef.current) {
+    prevRadixRef.current = radixStr;
+    setLocalValue(radixValue);
+  }
+  const handleValueChange = (arr) => {
+    setLocalValue(arr);
+    onValueChangeProp?.(fromArray(arr, rangeMode));
+  };
+  const handleValueCommit = (arr) => {
+    onValueCommitProp?.(fromArray(arr, rangeMode));
+  };
+  const [dragging, setDragging] = React.useState(false);
+  const valueText = rangeMode ? `${formatValue(localValue[0] ?? min)} \u2013 ${formatValue(localValue[1] ?? max)}` : formatValue(localValue[0] ?? min);
+  const hasMarkLabels = marks?.some((m) => m.label != null);
+  const thumbSizeClass = sliderThumbSizeClasses[size];
+  const trackSizeClass = sliderTrackSizeClasses[size];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-row items-center gap-3",
+        fullWidth ? "w-full" : "w-[280px]"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative flex-1 min-w-0",
+              hasMarkLabels && "mb-5"
+            ),
+            children: [
+              showTooltip && dragging && /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: thumbCount }, (_, i) => {
+                const val = localValue[i] ?? min;
+                const pct = markPercent(val, min, max);
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "pointer-events-none absolute z-10",
+                    style: {
+                      left: `${pct}%`,
+                      // Sobe acima da track + thumb
+                      bottom: `calc(100% + 10px)`,
+                      transform: "translateX(-50%)"
+                    },
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsx("div", { className: cn(sliderTooltipClasses, sliderTooltipSizeClasses[size]), children: formatValue(val) })
+                  },
+                  i
+                );
+              }) }),
+              /* @__PURE__ */ jsxs(
+                SliderPrimitive.Root,
+                {
+                  ref,
+                  "data-slot": "slider",
+                  min,
+                  max,
+                  value: radixValue,
+                  defaultValue: toArray(defaultValueProp),
+                  onValueChange: handleValueChange,
+                  onValueCommit: handleValueCommit,
+                  onPointerDown: () => showTooltip && setDragging(true),
+                  onPointerUp: () => showTooltip && setDragging(false),
+                  onPointerCancel: () => showTooltip && setDragging(false),
+                  className: cn(sliderBaseClasses, "w-full", className),
+                  style,
+                  ...props,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      SliderPrimitive.Track,
+                      {
+                        "data-slot": "slider-track",
+                        className: cn(sliderTrackBaseClasses, trackSizeClass),
+                        children: /* @__PURE__ */ jsx(
+                          SliderPrimitive.Range,
+                          {
+                            "data-slot": "slider-range",
+                            className: sliderRangeClasses
+                          }
+                        )
+                      }
+                    ),
+                    Array.from({ length: thumbCount }, (_, i) => /* @__PURE__ */ jsx(
+                      SliderPrimitive.Thumb,
+                      {
+                        "data-slot": "slider-thumb",
+                        className: cn(sliderThumbBaseClasses, thumbSizeClass)
+                      },
+                      i
+                    ))
+                  ]
+                }
+              ),
+              marks && marks.length > 0 && /* @__PURE__ */ jsx("div", { className: sliderMarksWrapperClasses, "aria-hidden": true, children: marks.map((mark) => {
+                const pct = markPercent(mark.value, min, max);
+                if (pct < 0 || pct > 100) return null;
+                return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: sliderMarkTickClasses,
+                      style: { left: `${pct}%` }
+                    }
+                  ),
+                  mark.label && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: sliderMarkLabelClasses,
+                      style: { left: `${pct}%` },
+                      children: mark.label
+                    }
+                  )
+                ] }, mark.value);
+              }) })
+            ]
+          }
+        ),
+        showValue && /* @__PURE__ */ jsx("span", { className: sliderValueClasses, "aria-live": "polite", children: valueText })
+      ]
+    }
+  );
+});
+Slider.displayName = "Slider";
+function SliderField({
+  label,
+  hint,
+  required = false,
+  wrapperClassName,
+  ...sliderProps
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 w-full", wrapperClassName), children: [
+    label && /* @__PURE__ */ jsxs("label", { className: sliderFieldLabelClasses, children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: sliderFieldRequiredClasses, "aria-hidden": true, children: " *" })
+    ] }),
+    /* @__PURE__ */ jsx(Slider, { ...sliderProps, fullWidth: true }),
+    hint && /* @__PURE__ */ jsx("span", { className: sliderFieldHintClasses, children: hint })
+  ] });
+}
+SliderField.displayName = "SliderField";
+
+export { Slider, SliderField };

package/dist/components/atoms/slider/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/slider";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/slider/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/atoms/slider/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var slider = require('./components/slider');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(slider).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return slider[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/atoms/slider/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/slider';
+export * from './types';
+export * from './variants';

package/dist/components/atoms/slider/slider.d.ts

@@ -0,0 +1,2 @@
+export { Slider } from "./components/slider";
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/atoms/slider/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/atoms/slider/slider.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var slider = require('./components/slider');
+
+
+
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function () { return slider.Slider; }
+});

package/dist/components/atoms/slider/slider.mjs

@@ -0,0 +1 @@
+export { Slider } from './components/slider';

package/dist/components/atoms/slider/types.d.ts

@@ -0,0 +1,60 @@
+import type * as React from "react";
+import type * as SliderPrimitive from "@radix-ui/react-slider";
+import type { Size } from "../../../lib/shared/types";
+export type SliderSize = Size;
+/**
+ * Valor do slider.
+ * - `number` — single thumb
+ * - `[number, number]` — range (dois thumbs)
+ */
+export type SliderValue = number | [number, number];
+export interface SliderMark {
+    /** Posição na escala (deve estar entre min e max). */
+    value: number;
+    /** Label opcional abaixo do tick. */
+    label?: string;
+}
+export interface SliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, "value" | "defaultValue" | "onValueChange" | "onValueCommit"> {
+    size?: SliderSize;
+    /** @default false */
+    fullWidth?: boolean;
+    /** Valor controlado. `number` para single, `[number, number]` para range. */
+    value?: SliderValue;
+    /** Valor inicial não-controlado. */
+    defaultValue?: SliderValue;
+    /** Callback quando o valor muda. */
+    onValueChange?: (value: SliderValue) => void;
+    /** Callback quando o arraste termina. */
+    onValueCommit?: (value: SliderValue) => void;
+    /**
+     * Exibe tooltip com o valor atual acima do thumb durante o arraste.
+     * @default false
+     */
+    showTooltip?: boolean;
+    /**
+     * Exibe o valor atual ao lado direito do slider (texto fixo).
+     * @default false
+     */
+    showValue?: boolean;
+    /**
+     * Formata o valor exibido no tooltip e no showValue.
+     * @default (v) => String(v)
+     */
+    formatValue?: (value: number) => string;
+    /**
+     * Ticks/marcações ao longo da track com labels opcionais.
+     * Posicionados via porcentagem calculada de (value - min) / (max - min).
+     */
+    marks?: SliderMark[];
+}
+export interface SliderFieldProps extends SliderProps {
+    /** Label acima do slider. */
+    label?: string;
+    /** Texto auxiliar abaixo do slider. */
+    hint?: string;
+    /** Exibe asterisco de obrigatório no label. @default false */
+    required?: boolean;
+    /** Wrapper className. */
+    wrapperClassName?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/atoms/slider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC;AAE9B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,eAAe,CAC7D;IACD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,oCAAoC;IACpC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,yCAAyC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAG7C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAGxC;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAID,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/dist/components/atoms/slider/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/atoms/slider/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/atoms/slider/variants.d.ts

@@ -0,0 +1,31 @@
+import type { SliderSize } from "./types";
+export declare const sliderBaseClasses = "relative flex touch-none select-none items-center data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50";
+/**
+ * rounded-none — 100% flat.
+ * bg-primary/20 usa --primary do tema → dark mode automático.
+ */
+export declare const sliderTrackBaseClasses = "relative w-full grow overflow-hidden rounded-none bg-primary/20";
+export declare const sliderTrackSizeClasses: Record<SliderSize, string>;
+export declare const sliderRangeClasses = "absolute h-full bg-primary";
+/**
+ * rounded-none — flat.
+ * border-primary/50 + bg-background: visível tanto no light quanto no dark.
+ * focus-visible: ring fino, consistente com os outros controles do DS.
+ */
+export declare const sliderThumbBaseClasses: string;
+export declare const sliderThumbSizeClasses: Record<SliderSize, string>;
+/**
+ * Tooltip posicionado acima do thumb via wrapper relativo no container do thumb.
+ * Usa bg-primary + text-primary-foreground — consistente com tooltips do DS.
+ */
+export declare const sliderTooltipClasses: string;
+export declare const sliderTooltipSizeClasses: Record<SliderSize, string>;
+/** Container dos ticks — posicionado absolutamente sob a track. */
+export declare const sliderMarksWrapperClasses = "pointer-events-none absolute inset-x-0 top-full mt-1";
+export declare const sliderMarkTickClasses = "absolute top-0 h-1.5 w-px -translate-x-1/2 bg-border";
+export declare const sliderMarkLabelClasses = "absolute top-2.5 -translate-x-1/2 text-[10px] text-muted-foreground whitespace-nowrap";
+export declare const sliderValueClasses = "shrink-0 min-w-[2.5rem] text-right text-sm tabular-nums text-foreground";
+export declare const sliderFieldLabelClasses = "text-sm font-medium text-foreground leading-none";
+export declare const sliderFieldRequiredClasses = "ml-0.5 text-destructive";
+export declare const sliderFieldHintClasses = "text-xs text-muted-foreground";
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/atoms/slider/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/slider/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,eAAO,MAAM,iBAAiB,oHACqF,CAAC;AAIpH;;;GAGG;AACH,eAAO,MAAM,sBAAsB,oEACgC,CAAC;AAEpE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAM7D,CAAC;AAIF,eAAO,MAAM,kBAAkB,+BAA+B,CAAC;AAI/D;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,QAQxB,CAAC;AAEZ,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAM7D,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,QAStB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAM/D,CAAC;AAIF,mEAAmE;AACnE,eAAO,MAAM,yBAAyB,yDACkB,CAAC;AAEzD,eAAO,MAAM,qBAAqB,yDACsB,CAAC;AAEzD,eAAO,MAAM,sBAAsB,0FACsD,CAAC;AAI1F,eAAO,MAAM,kBAAkB,4EAC4C,CAAC;AAI5E,eAAO,MAAM,uBAAuB,qDACgB,CAAC;AAErD,eAAO,MAAM,0BAA0B,4BAA4B,CAAC;AAEpE,eAAO,MAAM,sBAAsB,kCAAkC,CAAC"}

package/dist/components/atoms/slider/variants.js

@@ -0,0 +1,68 @@
+'use strict';
+
+const sliderBaseClasses = "relative flex touch-none select-none items-center data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50";
+const sliderTrackBaseClasses = "relative w-full grow overflow-hidden rounded-none bg-primary/20";
+const sliderTrackSizeClasses = {
+  xs: "h-1",
+  sm: "h-1.5",
+  md: "h-2",
+  lg: "h-2.5",
+  xl: "h-3"
+};
+const sliderRangeClasses = "absolute h-full bg-primary";
+const sliderThumbBaseClasses = [
+  "block rounded-none",
+  "border-2 border-primary bg-background",
+  "shadow-sm transition-colors",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+  "cursor-pointer data-[disabled]:cursor-not-allowed",
+  // Hover: levanta levemente o thumb — feedback visual sem cor
+  "hover:border-primary hover:shadow-md"
+].join(" ");
+const sliderThumbSizeClasses = {
+  xs: "h-3 w-3",
+  sm: "h-3.5 w-3.5",
+  md: "h-4 w-4",
+  lg: "h-5 w-5",
+  xl: "h-6 w-6"
+};
+const sliderTooltipClasses = [
+  "pointer-events-none absolute left-1/2 -translate-x-1/2",
+  "bottom-[calc(100%+6px)]",
+  "rounded-none bg-primary px-1.5 py-0.5",
+  "text-xs font-medium text-primary-foreground whitespace-nowrap",
+  "shadow-sm",
+  // Seta triangular abaixo do tooltip
+  "after:absolute after:left-1/2 after:-translate-x-1/2 after:top-full",
+  "after:border-4 after:border-transparent after:border-t-primary"
+].join(" ");
+const sliderTooltipSizeClasses = {
+  xs: "text-[10px] px-1 py-px",
+  sm: "text-[10px] px-1 py-px",
+  md: "text-xs px-1.5 py-0.5",
+  lg: "text-xs px-1.5 py-0.5",
+  xl: "text-sm px-2 py-1"
+};
+const sliderMarksWrapperClasses = "pointer-events-none absolute inset-x-0 top-full mt-1";
+const sliderMarkTickClasses = "absolute top-0 h-1.5 w-px -translate-x-1/2 bg-border";
+const sliderMarkLabelClasses = "absolute top-2.5 -translate-x-1/2 text-[10px] text-muted-foreground whitespace-nowrap";
+const sliderValueClasses = "shrink-0 min-w-[2.5rem] text-right text-sm tabular-nums text-foreground";
+const sliderFieldLabelClasses = "text-sm font-medium text-foreground leading-none";
+const sliderFieldRequiredClasses = "ml-0.5 text-destructive";
+const sliderFieldHintClasses = "text-xs text-muted-foreground";
+
+exports.sliderBaseClasses = sliderBaseClasses;
+exports.sliderFieldHintClasses = sliderFieldHintClasses;
+exports.sliderFieldLabelClasses = sliderFieldLabelClasses;
+exports.sliderFieldRequiredClasses = sliderFieldRequiredClasses;
+exports.sliderMarkLabelClasses = sliderMarkLabelClasses;
+exports.sliderMarkTickClasses = sliderMarkTickClasses;
+exports.sliderMarksWrapperClasses = sliderMarksWrapperClasses;
+exports.sliderRangeClasses = sliderRangeClasses;
+exports.sliderThumbBaseClasses = sliderThumbBaseClasses;
+exports.sliderThumbSizeClasses = sliderThumbSizeClasses;
+exports.sliderTooltipClasses = sliderTooltipClasses;
+exports.sliderTooltipSizeClasses = sliderTooltipSizeClasses;
+exports.sliderTrackBaseClasses = sliderTrackBaseClasses;
+exports.sliderTrackSizeClasses = sliderTrackSizeClasses;
+exports.sliderValueClasses = sliderValueClasses;