@zentauri-ui/zentauri-components 1.0.0 → 1.1.0

package/dist/ui/slider.mjs

@@ -0,0 +1,511 @@
+"use client";
+import { cn } from '../chunk-B23TPTVG.mjs';
+import { createContext, useRef, useState, useCallback, useMemo, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var sliderRootVariants = cva("w-full select-none touch-none", {
+  variants: {
+    size: {
+      sm: "py-2",
+      md: "py-2.5",
+      lg: "py-3"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var sliderTrackVariants = cva(
+  "relative h-2 w-full shrink-0 overflow-hidden rounded-full bg-white/10",
+  {
+    variants: {
+      size: {
+        sm: "h-1.5",
+        md: "h-2",
+        lg: "h-2.5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var sliderRangeVariants = cva(
+  "absolute h-full rounded-full bg-gradient-to-r from-violet-500 to-indigo-400",
+  {
+    variants: {
+      appearance: {
+        default: "from-violet-500 to-indigo-400",
+        sky: "from-sky-500 to-indigo-400",
+        rose: "from-rose-500 to-indigo-400",
+        purple: "from-purple-500 to-indigo-400",
+        pink: "from-pink-500 to-indigo-400",
+        orange: "from-orange-500 to-indigo-400",
+        yellow: "from-yellow-500 to-indigo-400",
+        teal: "from-teal-500 to-indigo-400",
+        indigo: "from-indigo-500 to-indigo-400",
+        emerald: "from-emerald-500 to-teal-400",
+        amber: "from-amber-500 to-orange-400",
+        gray: "from-gray-500 to-indigo-400",
+        violet: "from-violet-500 to-indigo-400",
+        "gradient-blue": "from-blue-500 to-indigo-400",
+        "gradient-green": "from-green-500 to-indigo-400",
+        "gradient-red": "from-red-500 to-indigo-400",
+        "gradient-yellow": "from-yellow-500 to-indigo-400",
+        "gradient-purple": "from-purple-500 to-indigo-400",
+        "gradient-teal": "from-teal-500 to-indigo-400",
+        "gradient-indigo": "from-indigo-500 to-indigo-400",
+        "gradient-pink": "from-pink-500 to-indigo-400",
+        "gradient-orange": "from-orange-500 to-indigo-400"
+      }
+    },
+    defaultVariants: {
+      appearance: "default"
+    }
+  }
+);
+var sliderThumbVariants = cva(
+  "block size-4 rounded-full border border-white/20 bg-white shadow-md ring-offset-2 ring-offset-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 disabled:pointer-events-none disabled:opacity-40",
+  {
+    variants: {
+      size: {
+        sm: "size-3.5",
+        md: "size-4",
+        lg: "size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function snapToStep(value, min, step) {
+  const steps = Math.round((value - min) / step);
+  return min + steps * step;
+}
+var SliderContext = createContext(null);
+function useSliderContext(component) {
+  const ctx = useContext(SliderContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Slider>`);
+  }
+  return ctx;
+}
+function computeValueFromPointer(clientX, track, min, max, step) {
+  const rect = track.getBoundingClientRect();
+  const ratio = rect.width === 0 ? 0 : (clientX - rect.left) / rect.width;
+  const raw = min + ratio * (max - min);
+  return snapToStep(clamp(raw, min, max), min, step);
+}
+function Slider({
+  className,
+  size = "md",
+  min = 0,
+  max = 100,
+  step = 1,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  disabled = false,
+  appearance = "default",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  children,
+  ref,
+  ...rest
+}) {
+  const trackRef = useRef(null);
+  const isControlled = valueProp !== void 0;
+  const [uncontrolled, setUncontrolled] = useState(
+    defaultValue ?? min
+  );
+  const value = isControlled ? valueProp : uncontrolled;
+  const setValue = useCallback(
+    (next) => {
+      const clamped = clamp(snapToStep(next, min, step), min, max);
+      if (!isControlled) {
+        setUncontrolled(clamped);
+      }
+      onValueChange?.(clamped);
+    },
+    [isControlled, max, min, onValueChange, step]
+  );
+  const ctx = useMemo(
+    () => ({
+      min,
+      max,
+      step,
+      value: clamp(snapToStep(value, min, step), min, max),
+      setValue,
+      disabled,
+      size: size ?? "md",
+      appearance: appearance ?? "default",
+      trackRef
+    }),
+    [appearance, disabled, max, min, setValue, size, step, value]
+  );
+  return /* @__PURE__ */ jsx(SliderContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "slider",
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      className: cn(sliderRootVariants({ size }), className),
+      ...rest,
+      children
+    }
+  ) });
+}
+Slider.displayName = "Slider";
+function SliderTrack({
+  className,
+  ref: refProp,
+  ...rest
+}) {
+  const { size, trackRef } = useSliderContext("SliderTrack");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: (node) => {
+        trackRef.current = node;
+        if (typeof refProp === "function") {
+          refProp(node);
+        } else if (refProp) {
+          refProp.current = node;
+        }
+      },
+      "data-slot": "slider-track",
+      className: cn(sliderTrackVariants({ size }), className),
+      ...rest
+    }
+  );
+}
+SliderTrack.displayName = "SliderTrack";
+function SliderRange({
+  className,
+  ref,
+  ...rest
+}) {
+  const { min, max, value, appearance } = useSliderContext("SliderRange");
+  const pct = max === min ? 0 : (value - min) / (max - min) * 100;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "slider-range",
+      className: cn(sliderRangeVariants({ appearance }), className),
+      style: { width: `${pct}%` },
+      ...rest
+    }
+  );
+}
+SliderRange.displayName = "SliderRange";
+function SliderThumb({
+  className,
+  ref: refProp,
+  ...rest
+}) {
+  const { min, max, value, step, setValue, disabled, size, trackRef } = useSliderContext("SliderThumb");
+  const pct = max === min ? 0 : (value - min) / (max - min) * 100;
+  const onPointerDown = useCallback(
+    (event) => {
+      if (disabled) {
+        return;
+      }
+      event.preventDefault();
+      const track = trackRef.current;
+      if (!track) {
+        return;
+      }
+      event.currentTarget.setPointerCapture(event.pointerId);
+      const move = (e) => {
+        setValue(computeValueFromPointer(e.clientX, track, min, max, step));
+      };
+      const up = () => {
+        window.removeEventListener("pointermove", move);
+        window.removeEventListener("pointerup", up);
+      };
+      window.addEventListener("pointermove", move);
+      window.addEventListener("pointerup", up);
+    },
+    [disabled, max, min, setValue, step, trackRef]
+  );
+  const onKeyDown = useCallback(
+    (event) => {
+      if (disabled) {
+        return;
+      }
+      const big = (max - min) / 10;
+      let delta = 0;
+      if (event.key === "ArrowRight" || event.key === "ArrowUp") {
+        delta = step;
+      } else if (event.key === "ArrowLeft" || event.key === "ArrowDown") {
+        delta = -step;
+      } else if (event.key === "PageUp") {
+        delta = big;
+      } else if (event.key === "PageDown") {
+        delta = -big;
+      } else if (event.key === "Home") {
+        event.preventDefault();
+        setValue(min);
+        return;
+      } else if (event.key === "End") {
+        event.preventDefault();
+        setValue(max);
+        return;
+      } else {
+        return;
+      }
+      event.preventDefault();
+      setValue(value + delta);
+    },
+    [disabled, max, min, setValue, step, value]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: (node) => {
+        if (typeof refProp === "function") {
+          refProp(node);
+        } else if (refProp) {
+          refProp.current = node;
+        }
+      },
+      role: "slider",
+      tabIndex: disabled ? -1 : 0,
+      "data-slot": "slider-thumb",
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": value,
+      "aria-disabled": disabled || void 0,
+      className: cn(
+        "absolute top-1/2 z-10 -translate-x-1/2 -translate-y-1/2",
+        sliderThumbVariants({ size }),
+        className
+      ),
+      style: { left: `${pct}%` },
+      onPointerDown,
+      onKeyDown,
+      ...rest
+    }
+  );
+}
+SliderThumb.displayName = "SliderThumb";
+function RangeSlider({
+  className,
+  size = "md",
+  min = 0,
+  max = 100,
+  step = 1,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  disabled = false,
+  appearance = "default",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ref,
+  ...rest
+}) {
+  const trackRef = useRef(null);
+  const isControlled = valueProp !== void 0;
+  const [uncontrolled, setUncontrolled] = useState(() => {
+    const seed = defaultValue ?? [min, max];
+    const lo2 = clamp(snapToStep(seed[0], min, step), min, max);
+    const hi2 = clamp(snapToStep(seed[1], min, step), min, max);
+    return lo2 <= hi2 ? [lo2, hi2] : [hi2, lo2];
+  });
+  const value = isControlled ? valueProp : uncontrolled;
+  const [lo, hi] = value[0] <= value[1] ? [value[0], value[1]] : [value[1], value[0]];
+  const setPair = useCallback(
+    (next) => {
+      const a = clamp(snapToStep(next[0], min, step), min, max);
+      const b = clamp(snapToStep(next[1], min, step), min, max);
+      const ordered = a <= b ? [a, b] : [b, a];
+      if (!isControlled) {
+        setUncontrolled(ordered);
+      }
+      onValueChange?.(ordered);
+    },
+    [isControlled, max, min, onValueChange, step]
+  );
+  const moveThumb = useCallback(
+    (index, clientX) => {
+      const track = trackRef.current;
+      if (!track) {
+        return;
+      }
+      const raw = computeValueFromPointer(clientX, track, min, max, step);
+      if (index === 0) {
+        setPair([raw, hi]);
+      } else {
+        setPair([lo, raw]);
+      }
+    },
+    [hi, lo, max, min, setPair, step]
+  );
+  const loPct = max === min ? 0 : (lo - min) / (max - min) * 100;
+  const hiPct = max === min ? 0 : (hi - min) / (max - min) * 100;
+  const resolvedSize = size ?? "md";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "range-slider",
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-valuetext": `${lo} \u2013 ${hi}`,
+      className: cn(sliderRootVariants({ size: resolvedSize }), className),
+      ...rest,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: trackRef,
+          "data-slot": "slider-track",
+          className: cn(sliderTrackVariants({ size: resolvedSize }), "relative"),
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-slot": "slider-range",
+                className: cn(sliderRangeVariants({ appearance }), "absolute"),
+                style: {
+                  left: `${loPct}%`,
+                  width: `${Math.max(hiPct - loPct, 0)}%`
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              RangeThumb,
+              {
+                disabled,
+                size: resolvedSize,
+                value: lo,
+                min,
+                max,
+                step,
+                positionPct: loPct,
+                trackRef,
+                onMoveClientX: (x) => moveThumb(0, x),
+                onNudge: (delta) => setPair([lo + delta, hi])
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              RangeThumb,
+              {
+                disabled,
+                size: resolvedSize,
+                value: hi,
+                min,
+                max,
+                step,
+                positionPct: hiPct,
+                trackRef,
+                onMoveClientX: (x) => moveThumb(1, x),
+                onNudge: (delta) => setPair([lo, hi + delta])
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+RangeSlider.displayName = "RangeSlider";
+function RangeThumb({
+  disabled,
+  size,
+  value,
+  min,
+  max,
+  step,
+  positionPct,
+  trackRef,
+  onMoveClientX,
+  onNudge
+}) {
+  const onPointerDown = useCallback(
+    (event) => {
+      if (disabled) {
+        return;
+      }
+      event.preventDefault();
+      const track = trackRef.current;
+      if (!track) {
+        return;
+      }
+      event.currentTarget.setPointerCapture(event.pointerId);
+      const move = (e) => {
+        onMoveClientX(e.clientX);
+      };
+      const up = () => {
+        window.removeEventListener("pointermove", move);
+        window.removeEventListener("pointerup", up);
+      };
+      window.addEventListener("pointermove", move);
+      window.addEventListener("pointerup", up);
+    },
+    [disabled, onMoveClientX, trackRef]
+  );
+  const onKeyDown = useCallback(
+    (event) => {
+      if (disabled) {
+        return;
+      }
+      const big = (max - min) / 10;
+      let delta = 0;
+      if (event.key === "ArrowRight" || event.key === "ArrowUp") {
+        delta = step;
+      } else if (event.key === "ArrowLeft" || event.key === "ArrowDown") {
+        delta = -step;
+      } else if (event.key === "PageUp") {
+        delta = big;
+      } else if (event.key === "PageDown") {
+        delta = -big;
+      } else if (event.key === "Home") {
+        event.preventDefault();
+        onNudge(min - value);
+        return;
+      } else if (event.key === "End") {
+        event.preventDefault();
+        onNudge(max - value);
+        return;
+      } else {
+        return;
+      }
+      event.preventDefault();
+      onNudge(delta);
+    },
+    [disabled, max, min, onNudge, step, value]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "slider",
+      tabIndex: disabled ? -1 : 0,
+      "data-slot": "range-slider-thumb",
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": value,
+      "aria-disabled": disabled || void 0,
+      className: cn(
+        "absolute top-1/2 z-10 -translate-x-1/2 -translate-y-1/2",
+        sliderThumbVariants({ size })
+      ),
+      style: { left: `${positionPct}%` },
+      onPointerDown,
+      onKeyDown
+    }
+  );
+}
+
+export { RangeSlider, Slider, SliderRange, SliderThumb, SliderTrack, sliderRangeVariants, sliderRootVariants, sliderThumbVariants, sliderTrackVariants };
+//# sourceMappingURL=slider.mjs.map
+//# sourceMappingURL=slider.mjs.map

package/dist/ui/slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/slider/variants.ts","../../src/ui/slider/slider.tsx"],"names":["lo","hi"],"mappings":"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","file":"slider.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const sliderRootVariants = cva(\"w-full select-none touch-none\", {\n  variants: {\n    size: {\n      sm: \"py-2\",\n      md: \"py-2.5\",\n      lg: \"py-3\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const sliderTrackVariants = cva(\n  \"relative h-2 w-full shrink-0 overflow-hidden rounded-full bg-white/10\",\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5\",\n        md: \"h-2\",\n        lg: \"h-2.5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderRangeVariants = cva(\n  \"absolute h-full rounded-full bg-gradient-to-r from-violet-500 to-indigo-400\",\n  {\n    variants: {\n      appearance: {\n        default: \"from-violet-500 to-indigo-400\",\n        sky: \"from-sky-500 to-indigo-400\",\n        rose: \"from-rose-500 to-indigo-400\",\n        purple: \"from-purple-500 to-indigo-400\",\n        pink: \"from-pink-500 to-indigo-400\",\n        orange: \"from-orange-500 to-indigo-400\",\n        yellow: \"from-yellow-500 to-indigo-400\",\n        teal: \"from-teal-500 to-indigo-400\",\n        indigo: \"from-indigo-500 to-indigo-400\",\n        emerald: \"from-emerald-500 to-teal-400\",\n        amber: \"from-amber-500 to-orange-400\",\n        gray: \"from-gray-500 to-indigo-400\",\n        violet: \"from-violet-500 to-indigo-400\",\n        \"gradient-blue\": \"from-blue-500 to-indigo-400\",\n        \"gradient-green\": \"from-green-500 to-indigo-400\",\n        \"gradient-red\": \"from-red-500 to-indigo-400\",\n        \"gradient-yellow\": \"from-yellow-500 to-indigo-400\",\n        \"gradient-purple\": \"from-purple-500 to-indigo-400\",\n        \"gradient-teal\": \"from-teal-500 to-indigo-400\",\n        \"gradient-indigo\": \"from-indigo-500 to-indigo-400\",\n        \"gradient-pink\": \"from-pink-500 to-indigo-400\",\n        \"gradient-orange\": \"from-orange-500 to-indigo-400\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n    },\n  },\n);\n\nexport const sliderThumbVariants = cva(\n  \"block size-4 rounded-full border border-white/20 bg-white shadow-md ring-offset-2 ring-offset-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 disabled:pointer-events-none disabled:opacity-40\",\n  {\n    variants: {\n      size: {\n        sm: \"size-3.5\",\n        md: \"size-4\",\n        lg: \"size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MutableRefObject,\n  type PointerEvent as ReactPointerEvent,\n  type Ref,\n  type RefObject,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  RangeSliderProps,\n  SliderProps,\n  SliderRangeProps,\n  SliderThumbProps,\n  SliderTrackProps,\n} from \"./types\";\nimport {\n  sliderRangeVariants,\n  sliderRootVariants,\n  sliderThumbVariants,\n  sliderTrackVariants,\n} from \"./variants\";\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction snapToStep(value: number, min: number, step: number) {\n  const steps = Math.round((value - min) / step);\n  return min + steps * step;\n}\n\ntype SliderAppearance = NonNullable<\n  Parameters<typeof sliderRangeVariants>[0]\n>[\"appearance\"];\n\ntype SliderCtx = {\n  min: number;\n  max: number;\n  step: number;\n  value: number;\n  setValue: (next: number) => void;\n  disabled: boolean;\n  size: NonNullable<SliderProps[\"size\"]>;\n  appearance: SliderAppearance;\n  trackRef: RefObject<HTMLDivElement | null>;\n};\n\nconst SliderContext = createContext<SliderCtx | null>(null);\n\nfunction useSliderContext(component: string): SliderCtx {\n  const ctx = useContext(SliderContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Slider>`);\n  }\n  return ctx;\n}\n\nfunction computeValueFromPointer(\n  clientX: number,\n  track: HTMLDivElement,\n  min: number,\n  max: number,\n  step: number,\n) {\n  const rect = track.getBoundingClientRect();\n  const ratio = rect.width === 0 ? 0 : (clientX - rect.left) / rect.width;\n  const raw = min + ratio * (max - min);\n  return snapToStep(clamp(raw, min, max), min, step);\n}\n\nexport function Slider({\n  className,\n  size = \"md\",\n  min = 0,\n  max = 100,\n  step = 1,\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  disabled = false,\n  appearance = \"default\",\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  children,\n  ref,\n  ...rest\n}: SliderProps & { ref?: Ref<HTMLDivElement> }) {\n  const trackRef = useRef<HTMLDivElement | null>(null);\n  const isControlled = valueProp !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(\n    defaultValue ?? min,\n  );\n  const value = isControlled ? (valueProp as number) : uncontrolled;\n\n  const setValue = useCallback(\n    (next: number) => {\n      const clamped = clamp(snapToStep(next, min, step), min, max);\n      if (!isControlled) {\n        setUncontrolled(clamped);\n      }\n      onValueChange?.(clamped);\n    },\n    [isControlled, max, min, onValueChange, step],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      min,\n      max,\n      step,\n      value: clamp(snapToStep(value, min, step), min, max),\n      setValue,\n      disabled,\n      size: size ?? \"md\",\n      appearance: appearance ?? \"default\",\n      trackRef,\n    }),\n    [appearance, disabled, max, min, setValue, size, step, value],\n  );\n\n  return (\n    <SliderContext.Provider value={ctx}>\n      <div\n        ref={ref}\n        data-slot=\"slider\"\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={cn(sliderRootVariants({ size }), className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    </SliderContext.Provider>\n  );\n}\n\nSlider.displayName = \"Slider\";\n\nexport function SliderTrack({\n  className,\n  ref: refProp,\n  ...rest\n}: SliderTrackProps & { ref?: Ref<HTMLDivElement> }) {\n  const { size, trackRef } = useSliderContext(\"SliderTrack\");\n\n  return (\n    <div\n      ref={(node) => {\n        trackRef.current = node;\n        if (typeof refProp === \"function\") {\n          refProp(node);\n        } else if (refProp) {\n          (refProp as MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      }}\n      data-slot=\"slider-track\"\n      className={cn(sliderTrackVariants({ size }), className)}\n      {...rest}\n    />\n  );\n}\n\nSliderTrack.displayName = \"SliderTrack\";\n\nexport function SliderRange({\n  className,\n  ref,\n  ...rest\n}: SliderRangeProps & { ref?: Ref<HTMLDivElement> }) {\n  const { min, max, value, appearance } = useSliderContext(\"SliderRange\");\n  const pct = max === min ? 0 : ((value - min) / (max - min)) * 100;\n  return (\n    <div\n      ref={ref}\n      data-slot=\"slider-range\"\n      className={cn(sliderRangeVariants({ appearance }), className)}\n      style={{ width: `${pct}%` }}\n      {...rest}\n    />\n  );\n}\n\nSliderRange.displayName = \"SliderRange\";\n\nexport function SliderThumb({\n  className,\n  ref: refProp,\n  ...rest\n}: SliderThumbProps & { ref?: Ref<HTMLDivElement> }) {\n  const { min, max, value, step, setValue, disabled, size, trackRef } =\n    useSliderContext(\"SliderThumb\");\n  const pct = max === min ? 0 : ((value - min) / (max - min)) * 100;\n\n  const onPointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (disabled) {\n        return;\n      }\n      event.preventDefault();\n      const track = trackRef.current;\n      if (!track) {\n        return;\n      }\n      event.currentTarget.setPointerCapture(event.pointerId);\n      const move = (e: PointerEvent) => {\n        setValue(computeValueFromPointer(e.clientX, track, min, max, step));\n      };\n      const up = () => {\n        window.removeEventListener(\"pointermove\", move);\n        window.removeEventListener(\"pointerup\", up);\n      };\n      window.addEventListener(\"pointermove\", move);\n      window.addEventListener(\"pointerup\", up);\n    },\n    [disabled, max, min, setValue, step, trackRef],\n  );\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (disabled) {\n        return;\n      }\n      const big = (max - min) / 10;\n      let delta = 0;\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n        delta = step;\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n        delta = -step;\n      } else if (event.key === \"PageUp\") {\n        delta = big;\n      } else if (event.key === \"PageDown\") {\n        delta = -big;\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        setValue(min);\n        return;\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        setValue(max);\n        return;\n      } else {\n        return;\n      }\n      event.preventDefault();\n      setValue(value + delta);\n    },\n    [disabled, max, min, setValue, step, value],\n  );\n\n  return (\n    <div\n      ref={(node) => {\n        if (typeof refProp === \"function\") {\n          refProp(node);\n        } else if (refProp) {\n          (refProp as MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      }}\n      role=\"slider\"\n      tabIndex={disabled ? -1 : 0}\n      data-slot=\"slider-thumb\"\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={value}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        \"absolute top-1/2 z-10 -translate-x-1/2 -translate-y-1/2\",\n        sliderThumbVariants({ size }),\n        className,\n      )}\n      style={{ left: `${pct}%` }}\n      onPointerDown={onPointerDown}\n      onKeyDown={onKeyDown}\n      {...rest}\n    />\n  );\n}\n\nSliderThumb.displayName = \"SliderThumb\";\n\nexport function RangeSlider({\n  className,\n  size = \"md\",\n  min = 0,\n  max = 100,\n  step = 1,\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  disabled = false,\n  appearance = \"default\",\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ref,\n  ...rest\n}: RangeSliderProps & { ref?: Ref<HTMLDivElement> }) {\n  const trackRef = useRef<HTMLDivElement | null>(null);\n  const isControlled = valueProp !== undefined;\n  const [uncontrolled, setUncontrolled] = useState<[number, number]>(() => {\n    const seed = defaultValue ?? [min, max];\n    const lo = clamp(snapToStep(seed[0], min, step), min, max);\n    const hi = clamp(snapToStep(seed[1], min, step), min, max);\n    return lo <= hi ? [lo, hi] : [hi, lo];\n  });\n\n  const value = isControlled ? (valueProp as [number, number]) : uncontrolled;\n  const [lo, hi] =\n    value[0] <= value[1]\n      ? [value[0], value[1]]\n      : [value[1], value[0]];\n\n  const setPair = useCallback(\n    (next: [number, number]) => {\n      const a = clamp(snapToStep(next[0], min, step), min, max);\n      const b = clamp(snapToStep(next[1], min, step), min, max);\n      const ordered: [number, number] = a <= b ? [a, b] : [b, a];\n      if (!isControlled) {\n        setUncontrolled(ordered);\n      }\n      onValueChange?.(ordered);\n    },\n    [isControlled, max, min, onValueChange, step],\n  );\n\n  const moveThumb = useCallback(\n    (index: 0 | 1, clientX: number) => {\n      const track = trackRef.current;\n      if (!track) {\n        return;\n      }\n      const raw = computeValueFromPointer(clientX, track, min, max, step);\n      if (index === 0) {\n        setPair([raw, hi]);\n      } else {\n        setPair([lo, raw]);\n      }\n    },\n    [hi, lo, max, min, setPair, step],\n  );\n\n  const loPct = max === min ? 0 : ((lo - min) / (max - min)) * 100;\n  const hiPct = max === min ? 0 : ((hi - min) / (max - min)) * 100;\n  const resolvedSize = size ?? \"md\";\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"range-slider\"\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-valuetext={`${lo} – ${hi}`}\n      className={cn(sliderRootVariants({ size: resolvedSize }), className)}\n      {...rest}\n    >\n      <div\n        ref={trackRef}\n        data-slot=\"slider-track\"\n        className={cn(sliderTrackVariants({ size: resolvedSize }), \"relative\")}\n      >\n        <div\n          data-slot=\"slider-range\"\n          className={cn(sliderRangeVariants({ appearance }), \"absolute\")}\n          style={{\n            left: `${loPct}%`,\n            width: `${Math.max(hiPct - loPct, 0)}%`,\n          }}\n        />\n        <RangeThumb\n          disabled={disabled}\n          size={resolvedSize}\n          value={lo}\n          min={min}\n          max={max}\n          step={step}\n          positionPct={loPct}\n          trackRef={trackRef}\n          onMoveClientX={(x) => moveThumb(0, x)}\n          onNudge={(delta) => setPair([lo + delta, hi])}\n        />\n        <RangeThumb\n          disabled={disabled}\n          size={resolvedSize}\n          value={hi}\n          min={min}\n          max={max}\n          step={step}\n          positionPct={hiPct}\n          trackRef={trackRef}\n          onMoveClientX={(x) => moveThumb(1, x)}\n          onNudge={(delta) => setPair([lo, hi + delta])}\n        />\n      </div>\n    </div>\n  );\n}\n\nRangeSlider.displayName = \"RangeSlider\";\n\ntype RangeThumbProps = {\n  disabled: boolean;\n  size: \"sm\" | \"md\" | \"lg\";\n  value: number;\n  min: number;\n  max: number;\n  step: number;\n  positionPct: number;\n  trackRef: RefObject<HTMLDivElement | null>;\n  onMoveClientX: (clientX: number) => void;\n  onNudge: (delta: number) => void;\n};\n\nfunction RangeThumb({\n  disabled,\n  size,\n  value,\n  min,\n  max,\n  step,\n  positionPct,\n  trackRef,\n  onMoveClientX,\n  onNudge,\n}: RangeThumbProps) {\n  const onPointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (disabled) {\n        return;\n      }\n      event.preventDefault();\n      const track = trackRef.current;\n      if (!track) {\n        return;\n      }\n      event.currentTarget.setPointerCapture(event.pointerId);\n      const move = (e: PointerEvent) => {\n        onMoveClientX(e.clientX);\n      };\n      const up = () => {\n        window.removeEventListener(\"pointermove\", move);\n        window.removeEventListener(\"pointerup\", up);\n      };\n      window.addEventListener(\"pointermove\", move);\n      window.addEventListener(\"pointerup\", up);\n    },\n    [disabled, onMoveClientX, trackRef],\n  );\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (disabled) {\n        return;\n      }\n      const big = (max - min) / 10;\n      let delta = 0;\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n        delta = step;\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n        delta = -step;\n      } else if (event.key === \"PageUp\") {\n        delta = big;\n      } else if (event.key === \"PageDown\") {\n        delta = -big;\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        onNudge(min - value);\n        return;\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        onNudge(max - value);\n        return;\n      } else {\n        return;\n      }\n      event.preventDefault();\n      onNudge(delta);\n    },\n    [disabled, max, min, onNudge, step, value],\n  );\n\n  return (\n    <div\n      role=\"slider\"\n      tabIndex={disabled ? -1 : 0}\n      data-slot=\"range-slider-thumb\"\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={value}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        \"absolute top-1/2 z-10 -translate-x-1/2 -translate-y-1/2\",\n        sliderThumbVariants({ size }),\n      )}\n      style={{ left: `${positionPct}%` }}\n      onPointerDown={onPointerDown}\n      onKeyDown={onKeyDown}\n    />\n  );\n}\n"]}

package/dist/ui/stepper.d.mts

@@ -0,0 +1,64 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ComponentPropsWithoutRef, Ref } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const stepperVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const stepperItemVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const stepperIndicatorVariants: (props?: ({
+    appearance?: "complete" | "current" | "upcoming" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type StepperVariantProps = VariantProps<typeof stepperVariants>;
+type StepperProps = StepperVariantProps & {
+    size?: VariantProps<typeof stepperIndicatorVariants>["size"];
+    children?: ReactNode;
+} & Omit<ComponentPropsWithoutRef<"div">, "children">;
+type StepperItemProps = ComponentPropsWithoutRef<"div"> & {
+    children?: ReactNode;
+};
+type StepperIndicatorProps = ComponentPropsWithoutRef<"div"> & {
+    children?: ReactNode;
+    appearance?: StepperAppearance;
+};
+type StepperTitleProps = ComponentPropsWithoutRef<"div">;
+type StepperDescriptionProps = ComponentPropsWithoutRef<"p">;
+type StepperAppearance = VariantProps<typeof stepperIndicatorVariants>["appearance"];
+
+declare function Stepper({ className, orientation, size, children, ref, ...rest }: StepperProps & {
+    ref?: Ref<HTMLDivElement>;
+}): react_jsx_runtime.JSX.Element;
+declare namespace Stepper {
+    var displayName: string;
+}
+declare function StepperItem({ className, ref, children, ...rest }: StepperItemProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): react_jsx_runtime.JSX.Element;
+declare namespace StepperItem {
+    var displayName: string;
+}
+declare function StepperIndicator({ className, ref, children, appearance, ...rest }: StepperIndicatorProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): react_jsx_runtime.JSX.Element;
+declare namespace StepperIndicator {
+    var displayName: string;
+}
+declare function StepperTitle({ className, ref, ...rest }: StepperTitleProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): react_jsx_runtime.JSX.Element;
+declare namespace StepperTitle {
+    var displayName: string;
+}
+declare function StepperDescription({ className, ref, ...rest }: StepperDescriptionProps & {
+    ref?: React.Ref<HTMLParagraphElement>;
+}): react_jsx_runtime.JSX.Element;
+declare namespace StepperDescription {
+    var displayName: string;
+}
+
+export { Stepper, type StepperAppearance, StepperDescription, type StepperDescriptionProps, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, type StepperProps, StepperTitle, type StepperTitleProps, stepperIndicatorVariants, stepperItemVariants, stepperVariants };