@skdx/react 0.27.0 → 0.29.0

package/dist/skeleton/types.d.ts

@@ -1,4 +1,14 @@
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 /** Props for the {@link Skeleton} root. */
 export interface SkeletonProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Turns the skin shimmer off, mirrored to `data-animation` on the root.
+     * @default undefined — the skin animates the placeholder.
+     */
+    animation?: 'none' | (string & {}) | undefined;
+    /**
+     * Corner rung the skin rounds the placeholder by, mirrored to `data-shape`.
+     * @default undefined — the skin's own default corner.
+     */
+    shape?: 'line' | 'circle' | (string & {}) | undefined;
 }

package/dist/slider/Slider.cjs

@@ -1 +1,2 @@
-"use strict";var pe=Object.create;var v=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var Se=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,be=Object.prototype.hasOwnProperty;var Pe=(t,r)=>{for(var o in r)v(t,o,{get:r[o],enumerable:!0})},Y=(t,r,o,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of Se(r))!be.call(t,a)&&a!==o&&v(t,a,{get:()=>r[a],enumerable:!(e=fe(r,a))||e.enumerable});return t};var N=(t,r,o)=>(o=t!=null?pe(Re(t)):{},Y(r||!t||!t.__esModule?v(o,"default",{value:t,enumerable:!0}):o,t)),he=t=>Y(v({},"__esModule",{value:!0}),t);var ge={};Pe(ge,{Slider:()=>Z,SliderProvider:()=>W,SliderRange:()=>B,SliderThumb:()=>F,SliderTrack:()=>z,useSliderContext:()=>x});module.exports=he(ge);var c=N(require("react"),1),q=require("../utils/clamp.cjs"),O=require("../utils/composeRefs.cjs"),_=require("../utils/createContext.cjs"),G=require("../utils/formControl.cjs"),J=require("../utils/part.cjs"),E=require("../utils/primitive.cjs"),Q=require("../utils/useControllableState.cjs"),K=require("react/jsx-runtime"),[W,x]=(0,_.createSafeContext)("Slider");function xe(t,r,o){let e=Math.round((t-r)/o),a=r+e*o,S=(String(o).split(".")[1]??"").length;return Number(a.toFixed(S))}var Z=c.forwardRef((t,r)=>{let{value:o,defaultValue:e=[0],onValueChange:a,onValueCommit:S,min:i=0,max:d=100,step:R=1,disabled:l=!1,orientation:u="horizontal",name:H,...b}=t,[p=[],m]=(0,Q.useControllableState)({prop:o,defaultProp:e,onChange:a}),P=c.useRef(p);P.current=p;let g=c.useRef(null),[L,k]=c.useState(null),y=(0,O.useComposedRefs)(r,g,k);(0,G.useFormReset)(g,()=>m(e));let A=c.useRef(0),$=c.useCallback((n,s)=>{let M=xe(s,i,R);m((f=[])=>{let D=n>0?f[n-1]??i:i,U=n<f.length-1?f[n+1]??d:d,V=(0,q.clamp)(M,Math.max(D,i),Math.min(U,d));if(f[n]===V)return f;let w=[...f];return w[n]=V,w})},[i,d,R,m]),X=c.useCallback(n=>{let s=g.current?.getBoundingClientRect();if(!s)return null;let M=u==="horizontal"?(n.clientX-s.left)/s.width:1-(n.clientY-s.top)/s.height;return i+M*(d-i)},[u,i,d]),me=n=>{if(l)return;let s=X(n);if(s==null)return;let M=P.current,f=0,D=1/0;M.forEach((U,V)=>{let w=Math.abs(U-s);w<D&&(D=w,f=V)}),A.current=f,n.target.setPointerCapture?.(n.pointerId),$(f,s)},ue=n=>{if(l||!n.target.hasPointerCapture?.(n.pointerId))return;let s=X(n);s!=null&&$(A.current,s)},ce=n=>{n.target.hasPointerCapture?.(n.pointerId)&&(n.target.releasePointerCapture(n.pointerId),S?.(P.current))};return(0,K.jsx)(W,{values:p,min:i,max:d,disabled:l,orientation:u,thumbIndexRef:A,rootNode:L,updateValue:$,step:R,name:H,children:(0,K.jsx)(E.Primitive.span,{"data-orientation":u,"data-disabled":l?"":void 0,...b,...(0,J.skdxPart)("slider","root",b.className),ref:y,onPointerDown:(0,E.composeEventHandlers)(b.onPointerDown,me),onPointerMove:(0,E.composeEventHandlers)(b.onPointerMove,ue),onPointerUp:(0,E.composeEventHandlers)(b.onPointerUp,ce),style:{touchAction:"none",...b.style}})})});Z.displayName="Slider";var j=N(require("react"),1),ee=require("../utils/part.cjs"),te=require("../utils/primitive.cjs");var re=require("react/jsx-runtime"),z=j.forwardRef((t,r)=>{let o=x("SliderTrack");return(0,re.jsx)(te.Primitive.span,{"data-orientation":o.orientation,"data-disabled":o.disabled?"":void 0,...t,...(0,ee.skdxPart)("slider","track",t.className),ref:r})});z.displayName="SliderTrack";var oe=N(require("react"),1),ne=require("../utils/part.cjs"),ae=require("../utils/primitive.cjs");var ie=require("react/jsx-runtime"),B=oe.forwardRef((t,r)=>{let o=x("SliderRange"),{values:e,min:a,max:S,orientation:i}=o,d=e.map(u=>(u-a)/(S-a)*100),R=e.length>1?Math.min(...d):0,l=100-Math.max(...d,0);return(0,ie.jsx)(ae.Primitive.span,{"data-orientation":i,"data-disabled":o.disabled?"":void 0,...t,...(0,ne.skdxPart)("slider","range",t.className),ref:r,style:{...i==="horizontal"?{left:`${R}%`,right:`${l}%`}:{bottom:`${R}%`,top:`${l}%`},...t.style}})});B.displayName="SliderRange";var h=N(require("react"),1),le=require("../utils/composeRefs.cjs"),I=require("../utils/direction.cjs"),se=require("../utils/hiddenInput.cjs"),de=require("../utils/part.cjs"),C=require("../utils/primitive.cjs");var T=require("react/jsx-runtime"),Te='[role="slider"]',F=h.forwardRef(({index:t,...r},o)=>{let e=x("SliderThumb"),a=(0,I.useDirection)(),S=h.useRef(null),i=(0,le.useComposedRefs)(o,S),[d,R]=h.useState(0);h.useLayoutEffect(()=>{if(t!==void 0||!e.rootNode)return;let m=Array.from(e.rootNode.querySelectorAll(Te)).findIndex(P=>P===S.current);m!==-1&&m!==d&&R(m)});let l=t??d,u=e.values[l]??e.min,H=(u-e.min)/(e.max-e.min)*100,b=p=>{if(e.disabled)return;let{step:m,min:P,max:g}=e,L=Math.max((g-P)/10,m),k={ArrowRight:m,ArrowUp:m,ArrowLeft:-m,ArrowDown:-m,PageUp:L,PageDown:-L},y=(0,I.directionalKey)(p.key,p.currentTarget,a);y in k?(p.preventDefault(),e.updateValue(l,u+k[y])):y==="Home"?(p.preventDefault(),e.updateValue(l,P)):y==="End"&&(p.preventDefault(),e.updateValue(l,g))};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(C.Primitive.span,{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":u,"aria-orientation":e.orientation,"aria-disabled":e.disabled||void 0,"data-orientation":e.orientation,"data-disabled":e.disabled?"":void 0,tabIndex:e.disabled?void 0:0,...r,...(0,de.skdxPart)("slider","thumb",r.className),ref:i,onKeyDown:(0,C.composeEventHandlers)(r.onKeyDown,b),onPointerDown:(0,C.composeEventHandlers)(r.onPointerDown,()=>{e.thumbIndexRef.current=l}),style:{position:"absolute",...e.orientation==="horizontal"?{left:`${H}%`,transform:"translateX(-50%)"}:{bottom:`${H}%`,transform:"translateY(50%)"},...r.style}}),e.name&&(0,T.jsx)(se.HiddenInput,{type:"number",name:e.values.length>1?`${e.name}[${l}]`:e.name,value:u,disabled:e.disabled})]})});F.displayName="SliderThumb";0&&(module.exports={Slider,SliderProvider,SliderRange,SliderThumb,SliderTrack,useSliderContext});
+'use client';
+"use strict";var Xe=Object.create;var A=Object.defineProperty;var Fe=Object.getOwnPropertyDescriptor;var Ye=Object.getOwnPropertyNames;var _e=Object.getPrototypeOf,qe=Object.prototype.hasOwnProperty;var Oe=(t,r)=>{for(var n in r)A(t,n,{get:r[n],enumerable:!0})},de=(t,r,n,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of Ye(r))!qe.call(t,e)&&e!==n&&A(t,e,{get:()=>r[e],enumerable:!(a=Fe(r,e))||a.enumerable});return t};var Z=(t,r,n)=>(n=t!=null?Xe(_e(t)):{},de(r||!t||!t.__esModule?A(n,"default",{value:t,enumerable:!0}):n,t)),Je=t=>de(A({},"__esModule",{value:!0}),t);var We={};Oe(We,{Slider:()=>j,SliderMark:()=>$,SliderProvider:()=>Le,SliderRange:()=>z,SliderThumb:()=>B,SliderTrack:()=>K,useSliderContext:()=>f});module.exports=Je(We);var m=Z(require("react"),1),ve=require("../utils/appearance.cjs"),we=require("../utils/clamp.cjs"),Ee=require("../utils/composeRefs.cjs"),De=require("../utils/createContext.cjs"),X=require("../utils/direction.cjs"),Ve=require("../utils/formControl.cjs"),Ie=require("../utils/part.cjs"),k=require("../utils/primitive.cjs"),Ne=require("../utils/useControllableState.cjs");var ke=Z(require("react"),1),Me=require("../utils/dev-mode.cjs");var me=require("../utils/part.cjs"),ue=require("../utils/primitive.cjs");var ce=require("react/jsx-runtime"),$=({value:t,ref:r,...n})=>{let a=f("SliderMark"),e=(t-a.min)/(a.max-a.min)*100;return(0,ce.jsx)(ue.Primitive.span,{"aria-hidden":"true","data-orientation":a.orientation,"data-disabled":a.disabled?"":void 0,"data-value":t,...n,...(0,me.skdxPart)("slider","mark",n.className),ref:r,style:{position:"absolute",...a.orientation==="horizontal"?{insetInlineStart:`${e}%`}:{bottom:`${e}%`},...n.style}})};$.displayName="SliderMark";var pe=require("../utils/part.cjs"),fe=require("../utils/primitive.cjs");var be=require("react/jsx-runtime"),z=({ref:t,...r})=>{let n=f("SliderRange"),{values:a,min:e,max:p,orientation:l}=n,s=a.map(u=>(u-e)/(p-e)*100),d=a.length>1?Math.min(...s):0,S=100-Math.max(...s,0);return(0,be.jsx)(fe.Primitive.span,{"data-orientation":l,"data-disabled":n.disabled?"":void 0,...r,...(0,pe.skdxPart)("slider","range",r.className),ref:t,style:{...l==="horizontal"?{insetInlineStart:`${d}%`,insetInlineEnd:`${S}%`}:{bottom:`${d}%`,top:`${S}%`},...r.style}})};z.displayName="SliderRange";var w=Z(require("react"),1),Se=require("../utils/composeRefs.cjs"),he=require("../utils/direction.cjs"),ge=require("../utils/hiddenInput.cjs"),Re=require("../utils/part.cjs"),E=require("../utils/primitive.cjs");var x=require("react/jsx-runtime"),Ge='[role="slider"]',B=({index:t,valueText:r,ref:n,...a})=>{let e=f("SliderThumb"),{thumbIndexRef:p}=e,l=w.useRef(null),s=(0,Se.useComposedRefs)(n,l),[d,S]=w.useState(0);w.useLayoutEffect(()=>{if(t!==void 0||!e.rootNode)return;let y=Array.from(e.rootNode.querySelectorAll(Ge)).findIndex(V=>V===l.current);y!==-1&&y!==d&&S(y)});let u=t??d,M=e.values[u]??e.min,D=(M-e.min)/(e.max-e.min)*100,F=h=>{if(e.disabled)return;let{step:y,min:V,max:Y,largeStep:I}=e,T=h.shiftKey?I:y,c={ArrowRight:T,ArrowUp:T,ArrowLeft:-T,ArrowDown:-T,PageUp:I,PageDown:-I},C=(0,he.directionalKey)(h.key,h.currentTarget,e.direction);C in c?(h.preventDefault(),e.updateValue(u,M+c[C],"keyboard")):C==="Home"?(h.preventDefault(),e.updateValue(u,V,"keyboard")):C==="End"&&(h.preventDefault(),e.updateValue(u,Y,"keyboard"))};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(E.Primitive.span,{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":M,"aria-valuetext":r,"aria-orientation":e.orientation,"aria-disabled":e.disabled||void 0,"data-orientation":e.orientation,"data-disabled":e.disabled?"":void 0,"data-dragging":e.draggingIndex===u?"":void 0,tabIndex:e.disabled?void 0:0,...a,...(0,Re.skdxPart)("slider","thumb",a.className),ref:s,onKeyDown:(0,E.composeEventHandlers)(a.onKeyDown,F),onPointerDown:(0,E.useComposedEventHandlers)(a.onPointerDown,()=>{p.current=u}),style:{position:"absolute",...e.orientation==="horizontal"?{insetInlineStart:`${D}%`,transform:`translateX(${e.direction==="rtl"?"":"-"}50%)`}:{bottom:`${D}%`,transform:"translateY(50%)"},...a.style}}),e.name?(0,x.jsx)(ge.HiddenInput,{type:"number",name:e.values.length>1?`${e.name}[${u}]`:e.name,value:M,disabled:e.disabled,form:e.form}):null]})};B.displayName="SliderThumb";var ye=require("../utils/part.cjs"),Pe=require("../utils/primitive.cjs");var xe=require("react/jsx-runtime"),K=({ref:t,...r})=>{let n=f("SliderTrack");return(0,xe.jsx)(Pe.Primitive.span,{"data-orientation":n.orientation,"data-disabled":n.disabled?"":void 0,...r,...(0,ye.skdxPart)("slider","track",r.className),ref:t})};K.displayName="SliderTrack";var b=require("react/jsx-runtime"),Te=({marks:t,showTooltip:r,"aria-label":n,"aria-labelledby":a})=>{let{values:e,thumbLabels:p}=f("SliderAnatomy"),l=e.length===1;return ke.useEffect(()=>{(0,Me.isDevMode)()&&(e.length<=1||p&&p.length>=e.length||console.warn(`[skandadx] Slider derives ${e.length} thumbs without aria-labels from thumbLabels and all will announce identically, violating accessibility.namingRequirement. Pass thumbLabels with one name per thumb to distinguish them (for example, ["Minimum price", "Maximum price"]).`))},[e.length,p]),(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(K,{children:(0,b.jsx)(z,{})}),e.map((s,d)=>(0,b.jsx)(B,{index:d,"aria-label":l&&n!=null?n:p?.[d],"aria-labelledby":l?a:void 0,children:r?(0,b.jsx)("span",{"aria-hidden":"true",className:"skdx-slider__tooltip","data-part":"tooltip",children:s}):null},d)),t?.map(s=>(0,b.jsx)($,{value:s.value,children:s.label},s.value))]})};var U=require("react/jsx-runtime"),[Le,f]=(0,De.createSafeContext)("Slider");function Ce(t,r){return t.length===r.length&&t.every((n,a)=>n===r[a])}function Qe(t,r,n){let a=Math.round((t-r)/n),e=r+a*n,p=(String(n).split(".")[1]??"").length;return Number(e.toFixed(p))}var j=({ref:t,...r})=>{let{value:n,defaultValue:a=[0],onValueChange:e,onValueCommit:p,min:l=0,max:s=100,step:d=1,disabled:S=!1,orientation:u="horizontal",largeStep:M,minStepsBetweenValues:D=0,name:F,form:h,marks:y,showTooltip:V=!1,thumbLabels:Y,children:I,size:T,...c}=r,C=M??Math.max((s-l)/10,d),ee=m.useRef("programmatic"),te=m.useRef(null),[_=[],re]=(0,Ne.useControllableState)({prop:n,defaultProp:a,onChange:o=>e?.({value:o,previousValue:te.current,reason:ee.current})}),P=m.useRef(_);m.useInsertionEffect(()=>{P.current=_});let q=m.useCallback((o,i)=>{ee.current=i,te.current=P.current,re(o)},[re]),O=m.useRef(null),[ne,He]=m.useState(null),Ae=(0,Ee.useComposedRefs)(t,O,He);(0,Ve.useFormReset)(O,()=>{a&&Ce(a,P.current)||q(a,"programmatic")});let J=m.useRef(0),[ae,G]=m.useState(null),N=m.useRef(null),$e=(0,X.useDirection)(),oe=(0,X.resolveDirection)(ne,$e),Q=m.useCallback((o,i,v)=>{let R=Qe(i,l,d);q((g=[])=>{let L=D*d,W=o>0?(g[o-1]??l)+L:l,H=o<g.length-1?(g[o+1]??s)-L:s,le=(0,we.clamp)(R,Math.max(W,l),Math.min(H,s));if(g[o]===le)return g;let se=[...g];return se[o]=le,se},v)},[l,s,d,D,q]),ie=o=>{let i=O.current?.getBoundingClientRect();if(!i||i.width===0&&i.height===0)return null;let v=u==="horizontal"?(o.clientX-i.left)/i.width:1-(o.clientY-i.top)/i.height,R=u==="horizontal"&&oe==="rtl"?1-v:v;return l+R*(s-l)},ze=o=>{if(S)return;let i=ie(o);if(i==null)return;let v=P.current,R=0,g=1/0;v.forEach((L,W)=>{let H=Math.abs(L-i);H<g&&(g=H,R=W)}),J.current=R,N.current=P.current,G(R),o.target.setPointerCapture?.(o.pointerId),Q(R,i,"pointer")},Be=o=>{if(S||!o.target.hasPointerCapture?.(o.pointerId))return;let i=ie(o);i!=null&&Q(J.current,i,"pointer")},Ke=()=>{N.current=null,G(null)},Ue=o=>{if(o.target.hasPointerCapture?.(o.pointerId)){o.target.releasePointerCapture(o.pointerId);let i=N.current;N.current=null,G(null),i&&!Ce(i,P.current)&&p?.(P.current)}};return(0,U.jsx)(Le,{values:_,min:l,max:s,disabled:S,orientation:u,direction:oe,thumbIndexRef:J,draggingIndex:ae,rootNode:ne,updateValue:Q,step:d,largeStep:C,name:F,form:h,thumbLabels:Y,children:(0,U.jsx)(k.Primitive.span,{"data-orientation":u,"data-disabled":S?"":void 0,"data-dragging":ae!==null?"":void 0,...c,...(0,ve.appearanceAttrs)({size:T},c),...(0,Ie.skdxPart)("slider","root",c.className),ref:Ae,onPointerDown:(0,k.useComposedEventHandlers)(c.onPointerDown,ze),onPointerMove:(0,k.useComposedEventHandlers)(c.onPointerMove,Be),onPointerUp:(0,k.useComposedEventHandlers)(c.onPointerUp,Ue),onPointerCancel:(0,k.useComposedEventHandlers)(c.onPointerCancel,Ke),style:{touchAction:"none",...c.style},children:I??(0,U.jsx)(Te,{marks:y,showTooltip:V,"aria-label":c["aria-label"],"aria-labelledby":c["aria-labelledby"]})})})};j.displayName="Slider";0&&(module.exports={Slider,SliderMark,SliderProvider,SliderRange,SliderThumb,SliderTrack,useSliderContext});

package/dist/slider/Slider.d.cts

@@ -1,28 +1,17 @@
 import * as React from 'react';
 import type { SliderContextValue, SliderProps } from './types.cjs';
-export declare const SliderProvider: {
-    (props: SliderContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useSliderContext: (consumerName: string) => SliderContextValue;
+export declare const SliderProvider: React.FC<SliderContextValue & {
+    children: React.ReactNode;
+}>, useSliderContext: (consumerName: string) => SliderContextValue;
 /**
- * Multi-thumb slider. `value` is always an array; pass a single-element
- * array for a simple slider, two elements for a range slider. Renders a
- * `<span data-orientation data-disabled>` container with `touchAction: 'none'`.
- * Clicking or dragging anywhere in the track moves the thumb closest to the
- * pointer; `onValueCommit` fires once, on pointer up. Works controlled
- * (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
+ * Multi-thumb slider with array values, moving the nearest thumb on track click or drag.
  *
  * @example
  * ```tsx
- * <Slider defaultValue={[25, 75]} min={0} max={100} step={1}>
- *   <SliderTrack>
- *     <SliderRange />
- *   </SliderTrack>
- *   <SliderThumb index={0} aria-label="Minimum" />
- *   <SliderThumb index={1} aria-label="Maximum" />
- * </Slider>
+ * <Slider defaultValue={[25, 75]} min={0} max={100} step={1} />
  * ```
  */
-export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Slider: {
+    ({ ref: forwardedRef, ...props }: SliderProps): React.ReactNode;
+    displayName: string;
+};

package/dist/slider/Slider.d.ts

@@ -1,28 +1,17 @@
 import * as React from 'react';
 import type { SliderContextValue, SliderProps } from './types.js';
-export declare const SliderProvider: {
-    (props: SliderContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useSliderContext: (consumerName: string) => SliderContextValue;
+export declare const SliderProvider: React.FC<SliderContextValue & {
+    children: React.ReactNode;
+}>, useSliderContext: (consumerName: string) => SliderContextValue;
 /**
- * Multi-thumb slider. `value` is always an array; pass a single-element
- * array for a simple slider, two elements for a range slider. Renders a
- * `<span data-orientation data-disabled>` container with `touchAction: 'none'`.
- * Clicking or dragging anywhere in the track moves the thumb closest to the
- * pointer; `onValueCommit` fires once, on pointer up. Works controlled
- * (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
+ * Multi-thumb slider with array values, moving the nearest thumb on track click or drag.
  *
  * @example
  * ```tsx
- * <Slider defaultValue={[25, 75]} min={0} max={100} step={1}>
- *   <SliderTrack>
- *     <SliderRange />
- *   </SliderTrack>
- *   <SliderThumb index={0} aria-label="Minimum" />
- *   <SliderThumb index={1} aria-label="Maximum" />
- * </Slider>
+ * <Slider defaultValue={[25, 75]} min={0} max={100} step={1} />
  * ```
  */
-export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Slider: {
+    ({ ref: forwardedRef, ...props }: SliderProps): React.ReactNode;
+    displayName: string;
+};

package/dist/slider/Slider.js

@@ -1 +1,2 @@
-import*as u from"react";import{clamp as O}from"../utils/clamp.js";import{useComposedRefs as _}from"../utils/composeRefs.js";import{createSafeContext as G}from"../utils/createContext.js";import{useFormReset as J}from"../utils/formControl.js";import{skdxPart as Q}from"../utils/part.js";import{composeEventHandlers as v,Primitive as W}from"../utils/primitive.js";import{useControllableState as Z}from"../utils/useControllableState.js";import{jsx as I}from"react/jsx-runtime";var[j,g]=G("Slider");function ee(i,r,l){let e=Math.round((i-r)/l),f=r+e*l,S=(String(l).split(".")[1]??"").length;return Number(f.toFixed(S))}var te=u.forwardRef((i,r)=>{let{value:l,defaultValue:e=[0],onValueChange:f,onValueCommit:S,min:o=0,max:s=100,step:R=1,disabled:n=!1,orientation:m="horizontal",name:M,...b}=i,[c=[],d]=Z({prop:l,defaultProp:e,onChange:f}),P=u.useRef(c);P.current=c;let x=u.useRef(null),[w,C]=u.useState(null),T=_(r,x,C);J(x,()=>d(e));let k=u.useRef(0),D=u.useCallback((t,a)=>{let y=ee(a,o,R);d((p=[])=>{let H=t>0?p[t-1]??o:o,V=t<p.length-1?p[t+1]??s:s,L=O(y,Math.max(H,o),Math.min(V,s));if(p[t]===L)return p;let E=[...p];return E[t]=L,E})},[o,s,R,d]),N=u.useCallback(t=>{let a=x.current?.getBoundingClientRect();if(!a)return null;let y=m==="horizontal"?(t.clientX-a.left)/a.width:1-(t.clientY-a.top)/a.height;return o+y*(s-o)},[m,o,s]),X=t=>{if(n)return;let a=N(t);if(a==null)return;let y=P.current,p=0,H=1/0;y.forEach((V,L)=>{let E=Math.abs(V-a);E<H&&(H=E,p=L)}),k.current=p,t.target.setPointerCapture?.(t.pointerId),D(p,a)},Y=t=>{if(n||!t.target.hasPointerCapture?.(t.pointerId))return;let a=N(t);a!=null&&D(k.current,a)},q=t=>{t.target.hasPointerCapture?.(t.pointerId)&&(t.target.releasePointerCapture(t.pointerId),S?.(P.current))};return I(j,{values:c,min:o,max:s,disabled:n,orientation:m,thumbIndexRef:k,rootNode:w,updateValue:D,step:R,name:M,children:I(W.span,{"data-orientation":m,"data-disabled":n?"":void 0,...b,...Q("slider","root",b.className),ref:T,onPointerDown:v(b.onPointerDown,X),onPointerMove:v(b.onPointerMove,Y),onPointerUp:v(b.onPointerUp,q),style:{touchAction:"none",...b.style}})})});te.displayName="Slider";import*as A from"react";import{skdxPart as re}from"../utils/part.js";import{Primitive as oe}from"../utils/primitive.js";import{jsx as ne}from"react/jsx-runtime";var $=A.forwardRef((i,r)=>{let l=g("SliderTrack");return ne(oe.span,{"data-orientation":l.orientation,"data-disabled":l.disabled?"":void 0,...i,...re("slider","track",i.className),ref:r})});$.displayName="SliderTrack";import*as U from"react";import{skdxPart as ae}from"../utils/part.js";import{Primitive as ie}from"../utils/primitive.js";import{jsx as le}from"react/jsx-runtime";var K=U.forwardRef((i,r)=>{let l=g("SliderRange"),{values:e,min:f,max:S,orientation:o}=l,s=e.map(m=>(m-f)/(S-f)*100),R=e.length>1?Math.min(...s):0,n=100-Math.max(...s,0);return le(ie.span,{"data-orientation":o,"data-disabled":l.disabled?"":void 0,...i,...ae("slider","range",i.className),ref:r,style:{...o==="horizontal"?{left:`${R}%`,right:`${n}%`}:{bottom:`${R}%`,top:`${n}%`},...i.style}})});K.displayName="SliderRange";import*as h from"react";import{useComposedRefs as se}from"../utils/composeRefs.js";import{directionalKey as de,useDirection as me}from"../utils/direction.js";import{HiddenInput as ue}from"../utils/hiddenInput.js";import{skdxPart as ce}from"../utils/part.js";import{composeEventHandlers as z,Primitive as pe}from"../utils/primitive.js";import{Fragment as Se,jsx as B,jsxs as Re}from"react/jsx-runtime";var fe='[role="slider"]',F=h.forwardRef(({index:i,...r},l)=>{let e=g("SliderThumb"),f=me(),S=h.useRef(null),o=se(l,S),[s,R]=h.useState(0);h.useLayoutEffect(()=>{if(i!==void 0||!e.rootNode)return;let d=Array.from(e.rootNode.querySelectorAll(fe)).findIndex(P=>P===S.current);d!==-1&&d!==s&&R(d)});let n=i??s,m=e.values[n]??e.min,M=(m-e.min)/(e.max-e.min)*100,b=c=>{if(e.disabled)return;let{step:d,min:P,max:x}=e,w=Math.max((x-P)/10,d),C={ArrowRight:d,ArrowUp:d,ArrowLeft:-d,ArrowDown:-d,PageUp:w,PageDown:-w},T=de(c.key,c.currentTarget,f);T in C?(c.preventDefault(),e.updateValue(n,m+C[T])):T==="Home"?(c.preventDefault(),e.updateValue(n,P)):T==="End"&&(c.preventDefault(),e.updateValue(n,x))};return Re(Se,{children:[B(pe.span,{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":m,"aria-orientation":e.orientation,"aria-disabled":e.disabled||void 0,"data-orientation":e.orientation,"data-disabled":e.disabled?"":void 0,tabIndex:e.disabled?void 0:0,...r,...ce("slider","thumb",r.className),ref:o,onKeyDown:z(r.onKeyDown,b),onPointerDown:z(r.onPointerDown,()=>{e.thumbIndexRef.current=n}),style:{position:"absolute",...e.orientation==="horizontal"?{left:`${M}%`,transform:"translateX(-50%)"}:{bottom:`${M}%`,transform:"translateY(50%)"},...r.style}}),e.name&&B(ue,{type:"number",name:e.values.length>1?`${e.name}[${n}]`:e.name,value:m,disabled:e.disabled})]})});F.displayName="SliderThumb";export{te as Slider,j as SliderProvider,K as SliderRange,F as SliderThumb,$ as SliderTrack,g as useSliderContext};
+'use client';
+import*as m from"react";import{appearanceAttrs as $e}from"../utils/appearance.js";import{clamp as ze}from"../utils/clamp.js";import{useComposedRefs as Be}from"../utils/composeRefs.js";import{createSafeContext as Ke}from"../utils/createContext.js";import{resolveDirection as Ue,useDirection as Xe}from"../utils/direction.js";import{useFormReset as Fe}from"../utils/formControl.js";import{skdxPart as Ye}from"../utils/part.js";import{Primitive as _e,useComposedEventHandlers as N}from"../utils/primitive.js";import{useControllableState as qe}from"../utils/useControllableState.js";import*as ae from"react";import{isDevMode as Le}from"../utils/dev-mode.js";import{skdxPart as be}from"../utils/part.js";import{Primitive as Se}from"../utils/primitive.js";import{jsx as he}from"react/jsx-runtime";var F=({value:i,ref:o,...n})=>{let t=f("SliderMark"),e=(i-t.min)/(t.max-t.min)*100;return he(Se.span,{"aria-hidden":"true","data-orientation":t.orientation,"data-disabled":t.disabled?"":void 0,"data-value":i,...n,...be("slider","mark",n.className),ref:o,style:{position:"absolute",...t.orientation==="horizontal"?{insetInlineStart:`${e}%`}:{bottom:`${e}%`},...n.style}})};F.displayName="SliderMark";import{skdxPart as ge}from"../utils/part.js";import{Primitive as Re}from"../utils/primitive.js";import{jsx as ye}from"react/jsx-runtime";var Y=({ref:i,...o})=>{let n=f("SliderRange"),{values:t,min:e,max:p,orientation:l}=n,s=t.map(u=>(u-e)/(p-e)*100),d=t.length>1?Math.min(...s):0,b=100-Math.max(...s,0);return ye(Re.span,{"data-orientation":l,"data-disabled":n.disabled?"":void 0,...o,...ge("slider","range",o.className),ref:i,style:{...l==="horizontal"?{insetInlineStart:`${d}%`,insetInlineEnd:`${b}%`}:{bottom:`${d}%`,top:`${b}%`},...o.style}})};Y.displayName="SliderRange";import*as T from"react";import{useComposedRefs as Pe}from"../utils/composeRefs.js";import{directionalKey as xe}from"../utils/direction.js";import{HiddenInput as ke}from"../utils/hiddenInput.js";import{skdxPart as Me}from"../utils/part.js";import{composeEventHandlers as Te,Primitive as Ce,useComposedEventHandlers as ve}from"../utils/primitive.js";import{Fragment as Ee,jsx as ne,jsxs as De}from"react/jsx-runtime";var we='[role="slider"]',_=({index:i,valueText:o,ref:n,...t})=>{let e=f("SliderThumb"),{thumbIndexRef:p}=e,l=T.useRef(null),s=Pe(n,l),[d,b]=T.useState(0);T.useLayoutEffect(()=>{if(i!==void 0||!e.rootNode)return;let R=Array.from(e.rootNode.querySelectorAll(we)).findIndex(v=>v===l.current);R!==-1&&R!==d&&b(R)});let u=i??d,P=e.values[u]??e.min,C=(P-e.min)/(e.max-e.min)*100,L=S=>{if(e.disabled)return;let{step:R,min:v,max:H,largeStep:w}=e,x=S.shiftKey?w:R,c={ArrowRight:x,ArrowUp:x,ArrowLeft:-x,ArrowDown:-x,PageUp:w,PageDown:-w},k=xe(S.key,S.currentTarget,e.direction);k in c?(S.preventDefault(),e.updateValue(u,P+c[k],"keyboard")):k==="Home"?(S.preventDefault(),e.updateValue(u,v,"keyboard")):k==="End"&&(S.preventDefault(),e.updateValue(u,H,"keyboard"))};return De(Ee,{children:[ne(Ce.span,{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":P,"aria-valuetext":o,"aria-orientation":e.orientation,"aria-disabled":e.disabled||void 0,"data-orientation":e.orientation,"data-disabled":e.disabled?"":void 0,"data-dragging":e.draggingIndex===u?"":void 0,tabIndex:e.disabled?void 0:0,...t,...Me("slider","thumb",t.className),ref:s,onKeyDown:Te(t.onKeyDown,L),onPointerDown:ve(t.onPointerDown,()=>{p.current=u}),style:{position:"absolute",...e.orientation==="horizontal"?{insetInlineStart:`${C}%`,transform:`translateX(${e.direction==="rtl"?"":"-"}50%)`}:{bottom:`${C}%`,transform:"translateY(50%)"},...t.style}}),e.name?ne(ke,{type:"number",name:e.values.length>1?`${e.name}[${u}]`:e.name,value:P,disabled:e.disabled,form:e.form}):null]})};_.displayName="SliderThumb";import{skdxPart as Ve}from"../utils/part.js";import{Primitive as Ie}from"../utils/primitive.js";import{jsx as Ne}from"react/jsx-runtime";var q=({ref:i,...o})=>{let n=f("SliderTrack");return Ne(Ie.span,{"data-orientation":n.orientation,"data-disabled":n.disabled?"":void 0,...o,...Ve("slider","track",o.className),ref:i})};q.displayName="SliderTrack";import{Fragment as He,jsx as E,jsxs as Ae}from"react/jsx-runtime";var oe=({marks:i,showTooltip:o,"aria-label":n,"aria-labelledby":t})=>{let{values:e,thumbLabels:p}=f("SliderAnatomy"),l=e.length===1;return ae.useEffect(()=>{Le()&&(e.length<=1||p&&p.length>=e.length||console.warn(`[skandadx] Slider derives ${e.length} thumbs without aria-labels from thumbLabels and all will announce identically, violating accessibility.namingRequirement. Pass thumbLabels with one name per thumb to distinguish them (for example, ["Minimum price", "Maximum price"]).`))},[e.length,p]),Ae(He,{children:[E(q,{children:E(Y,{})}),e.map((s,d)=>E(_,{index:d,"aria-label":l&&n!=null?n:p?.[d],"aria-labelledby":l?t:void 0,children:o?E("span",{"aria-hidden":"true",className:"skdx-slider__tooltip","data-part":"tooltip",children:s}):null},d)),i?.map(s=>E(F,{value:s.value,children:s.label},s.value))]})};import{jsx as O}from"react/jsx-runtime";var[Oe,f]=Ke("Slider");function ie(i,o){return i.length===o.length&&i.every((n,t)=>n===o[t])}function Je(i,o,n){let t=Math.round((i-o)/n),e=o+t*n,p=(String(n).split(".")[1]??"").length;return Number(e.toFixed(p))}var le=({ref:i,...o})=>{let{value:n,defaultValue:t=[0],onValueChange:e,onValueCommit:p,min:l=0,max:s=100,step:d=1,disabled:b=!1,orientation:u="horizontal",largeStep:P,minStepsBetweenValues:C=0,name:L,form:S,marks:R,showTooltip:v=!1,thumbLabels:H,children:w,size:x,...c}=o,k=P??Math.max((s-l)/10,d),J=m.useRef("programmatic"),G=m.useRef(null),[A=[],Q]=qe({prop:n,defaultProp:t,onChange:r=>e?.({value:r,previousValue:G.current,reason:J.current})}),y=m.useRef(A);m.useInsertionEffect(()=>{y.current=A});let $=m.useCallback((r,a)=>{J.current=a,G.current=y.current,Q(r)},[Q]),z=m.useRef(null),[W,se]=m.useState(null),de=Be(i,z,se);Fe(z,()=>{t&&ie(t,y.current)||$(t,"programmatic")});let B=m.useRef(0),[Z,K]=m.useState(null),D=m.useRef(null),me=Xe(),j=Ue(W,me),U=m.useCallback((r,a,M)=>{let g=Je(a,l,d);$((h=[])=>{let V=C*d,X=r>0?(h[r-1]??l)+V:l,I=r<h.length-1?(h[r+1]??s)-V:s,te=ze(g,Math.max(X,l),Math.min(I,s));if(h[r]===te)return h;let re=[...h];return re[r]=te,re},M)},[l,s,d,C,$]),ee=r=>{let a=z.current?.getBoundingClientRect();if(!a||a.width===0&&a.height===0)return null;let M=u==="horizontal"?(r.clientX-a.left)/a.width:1-(r.clientY-a.top)/a.height,g=u==="horizontal"&&j==="rtl"?1-M:M;return l+g*(s-l)},ue=r=>{if(b)return;let a=ee(r);if(a==null)return;let M=y.current,g=0,h=1/0;M.forEach((V,X)=>{let I=Math.abs(V-a);I<h&&(h=I,g=X)}),B.current=g,D.current=y.current,K(g),r.target.setPointerCapture?.(r.pointerId),U(g,a,"pointer")},ce=r=>{if(b||!r.target.hasPointerCapture?.(r.pointerId))return;let a=ee(r);a!=null&&U(B.current,a,"pointer")},pe=()=>{D.current=null,K(null)},fe=r=>{if(r.target.hasPointerCapture?.(r.pointerId)){r.target.releasePointerCapture(r.pointerId);let a=D.current;D.current=null,K(null),a&&!ie(a,y.current)&&p?.(y.current)}};return O(Oe,{values:A,min:l,max:s,disabled:b,orientation:u,direction:j,thumbIndexRef:B,draggingIndex:Z,rootNode:W,updateValue:U,step:d,largeStep:k,name:L,form:S,thumbLabels:H,children:O(_e.span,{"data-orientation":u,"data-disabled":b?"":void 0,"data-dragging":Z!==null?"":void 0,...c,...$e({size:x},c),...Ye("slider","root",c.className),ref:de,onPointerDown:N(c.onPointerDown,ue),onPointerMove:N(c.onPointerMove,ce),onPointerUp:N(c.onPointerUp,fe),onPointerCancel:N(c.onPointerCancel,pe),style:{touchAction:"none",...c.style},children:w??O(oe,{marks:R,showTooltip:v,"aria-label":c["aria-label"],"aria-labelledby":c["aria-labelledby"]})})})};le.displayName="Slider";export{le as Slider,F as SliderMark,Oe as SliderProvider,Y as SliderRange,_ as SliderThumb,q as SliderTrack,f as useSliderContext};

package/dist/slider/SliderAnatomy.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { SliderMarkData } from './types.cjs';
+/**
+ * The anatomy a {@link Slider} draws when given no children: a `SliderTrack`, one `SliderThumb` per value, and marks.
+ *
+ * @internal
+ */
+export declare const SliderAnatomy: ({ marks, showTooltip, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: {
+    marks?: readonly SliderMarkData[] | undefined;
+    showTooltip?: boolean | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+}) => React.JSX.Element;

package/dist/slider/SliderAnatomy.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { SliderMarkData } from './types.js';
+/**
+ * The anatomy a {@link Slider} draws when given no children: a `SliderTrack`, one `SliderThumb` per value, and marks.
+ *
+ * @internal
+ */
+export declare const SliderAnatomy: ({ marks, showTooltip, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: {
+    marks?: readonly SliderMarkData[] | undefined;
+    showTooltip?: boolean | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+}) => React.JSX.Element;

package/dist/slider/SliderMark.d.cts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+import type { SliderMarkProps } from './types.cjs';
+/**
+ * Optional tick at a declared `value`, positioned to align with the thumb in both writing directions.
+ *
+ * @example
+ * ```tsx
+ * <Slider defaultValue={[50]}>
+ *   <SliderTrack>
+ *     <SliderRange />
+ *   </SliderTrack>
+ *   <SliderThumb />
+ *   <SliderMark value={0}>0</SliderMark>
+ *   <SliderMark value={100}>100</SliderMark>
+ * </Slider>
+ * ```
+ */
+export declare const SliderMark: {
+    ({ value, ref: forwardedRef, ...props }: SliderMarkProps): React.ReactNode;
+    displayName: string;
+};

package/dist/slider/SliderMark.d.ts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+import type { SliderMarkProps } from './types.js';
+/**
+ * Optional tick at a declared `value`, positioned to align with the thumb in both writing directions.
+ *
+ * @example
+ * ```tsx
+ * <Slider defaultValue={[50]}>
+ *   <SliderTrack>
+ *     <SliderRange />
+ *   </SliderTrack>
+ *   <SliderThumb />
+ *   <SliderMark value={0}>0</SliderMark>
+ *   <SliderMark value={100}>100</SliderMark>
+ * </Slider>
+ * ```
+ */
+export declare const SliderMark: {
+    ({ value, ref: forwardedRef, ...props }: SliderMarkProps): React.ReactNode;
+    displayName: string;
+};

package/dist/slider/SliderRange.d.cts

@@ -1,11 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { SliderRangeProps } from './types.cjs';
 /**
- * The filled portion of the track, spanning from the lowest to the highest
- * selected value (or from the start of the track to the single value, for a
- * one-thumb slider). Renders `<span data-orientation data-disabled>`
- * positioned with `left`/`right` (horizontal) or `bottom`/`top` (vertical)
- * percentages computed from the current values.
+ * The filled portion of the track, spanning from lowest to highest selected value.
  *
  * @example
  * ```tsx
@@ -14,4 +10,7 @@ import type { SliderRangeProps } from './types.cjs';
  * </SliderTrack>
  * ```
  */
-export declare const SliderRange: React.ForwardRefExoticComponent<Omit<SliderRangeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const SliderRange: {
+    ({ ref: forwardedRef, ...props }: SliderRangeProps): React.ReactNode;
+    displayName: string;
+};

package/dist/slider/SliderRange.d.ts

@@ -1,11 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { SliderRangeProps } from './types.js';
 /**
- * The filled portion of the track, spanning from the lowest to the highest
- * selected value (or from the start of the track to the single value, for a
- * one-thumb slider). Renders `<span data-orientation data-disabled>`
- * positioned with `left`/`right` (horizontal) or `bottom`/`top` (vertical)
- * percentages computed from the current values.
+ * The filled portion of the track, spanning from lowest to highest selected value.
  *
  * @example
  * ```tsx
@@ -14,4 +10,7 @@ import type { SliderRangeProps } from './types.js';
  * </SliderTrack>
  * ```
  */
-export declare const SliderRange: React.ForwardRefExoticComponent<Omit<SliderRangeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const SliderRange: {
+    ({ ref: forwardedRef, ...props }: SliderRangeProps): React.ReactNode;
+    displayName: string;
+};

package/dist/slider/SliderThumb.d.cts

@@ -1,15 +1,7 @@
 import * as React from 'react';
 import type { SliderThumbProps } from './types.cjs';
 /**
- * A single draggable handle on a {@link Slider}, positioned by `index` (or,
- * if omitted, by its render order among sibling thumbs). Renders
- * `role="slider"` with `aria-valuemin`/`aria-valuemax`/`aria-valuenow`,
- * `aria-orientation`, `aria-disabled`, `data-orientation`, and
- * `data-disabled`. Focusable and keyboard-operable: Arrow keys step by
- * `step`, PageUp/PageDown step by a larger increment (1/10th of the range),
- * Home/End jump to `min`/`max`. When the slider has a `name`, also renders a
- * visually-hidden native `<input type="number">` (indexed as `name[i]` for
- * multi-thumb sliders) for form submission.
+ * A single draggable handle on a {@link Slider}, keyboard-operable with Arrow keys, Shift+Arrow, and Home/End.
  *
  * @example
  * ```tsx
@@ -22,4 +14,7 @@ import type { SliderThumbProps } from './types.cjs';
  * </Slider>
  * ```
  */
-export declare const SliderThumb: React.ForwardRefExoticComponent<Omit<SliderThumbProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const SliderThumb: {
+    ({ index: indexProp, valueText, ref: forwardedRef, ...props }: SliderThumbProps): React.ReactNode;
+    displayName: string;
+};

package/dist/slider/SliderThumb.d.ts

@@ -1,15 +1,7 @@
 import * as React from 'react';
 import type { SliderThumbProps } from './types.js';
 /**
- * A single draggable handle on a {@link Slider}, positioned by `index` (or,
- * if omitted, by its render order among sibling thumbs). Renders
- * `role="slider"` with `aria-valuemin`/`aria-valuemax`/`aria-valuenow`,
- * `aria-orientation`, `aria-disabled`, `data-orientation`, and
- * `data-disabled`. Focusable and keyboard-operable: Arrow keys step by
- * `step`, PageUp/PageDown step by a larger increment (1/10th of the range),
- * Home/End jump to `min`/`max`. When the slider has a `name`, also renders a
- * visually-hidden native `<input type="number">` (indexed as `name[i]` for
- * multi-thumb sliders) for form submission.
+ * A single draggable handle on a {@link Slider}, keyboard-operable with Arrow keys, Shift+Arrow, and Home/End.
  *
  * @example
  * ```tsx
@@ -22,4 +14,7 @@ import type { SliderThumbProps } from './types.js';
  * </Slider>
  * ```
  */
-export declare const SliderThumb: React.ForwardRefExoticComponent<Omit<SliderThumbProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const SliderThumb: {
+    ({ index: indexProp, valueText, ref: forwardedRef, ...props }: SliderThumbProps): React.ReactNode;
+    displayName: string;
+};

package/dist/slider/SliderTrack.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { SliderTrackProps } from './types.cjs';
 /**
- * The full-length background bar of a {@link Slider}. Renders
- * `<span data-orientation data-disabled>`; purely presentational, so pointer
- * interaction is handled by the `Slider` root itself.
+ * Full-length background bar for a {@link Slider}, purely presentational.
  *
  * @example
  * ```tsx
@@ -15,4 +13,7 @@ import type { SliderTrackProps } from './types.cjs';
  * </Slider>
  * ```
  */
-export declare const SliderTrack: React.ForwardRefExoticComponent<Omit<SliderTrackProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const SliderTrack: {
+    ({ ref: forwardedRef, ...props }: SliderTrackProps): React.ReactNode;
+    displayName: string;
+};

package/dist/slider/SliderTrack.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { SliderTrackProps } from './types.js';
 /**
- * The full-length background bar of a {@link Slider}. Renders
- * `<span data-orientation data-disabled>`; purely presentational, so pointer
- * interaction is handled by the `Slider` root itself.
+ * Full-length background bar for a {@link Slider}, purely presentational.
  *
  * @example
  * ```tsx
@@ -15,4 +13,7 @@ import type { SliderTrackProps } from './types.js';
  * </Slider>
  * ```
  */
-export declare const SliderTrack: React.ForwardRefExoticComponent<Omit<SliderTrackProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const SliderTrack: {
+    ({ ref: forwardedRef, ...props }: SliderTrackProps): React.ReactNode;
+    displayName: string;
+};

package/dist/slider/index.d.cts

@@ -1,5 +1,2 @@
-export * from './Slider.cjs';
-export { SliderTrack } from './SliderTrack.cjs';
-export { SliderRange } from './SliderRange.cjs';
-export { SliderThumb } from './SliderThumb.cjs';
-export type { SliderProps, SliderTrackProps, SliderRangeProps, SliderThumbProps } from './types.cjs';
+export { Slider } from './Slider.cjs';
+export type { SliderProps, SliderMarkData, SliderValueChangeDetail } from './types.cjs';

package/dist/slider/index.d.ts

@@ -1,5 +1,2 @@
-export * from './Slider.js';
-export { SliderTrack } from './SliderTrack.js';
-export { SliderRange } from './SliderRange.js';
-export { SliderThumb } from './SliderThumb.js';
-export type { SliderProps, SliderTrackProps, SliderRangeProps, SliderThumbProps } from './types.js';
+export { Slider } from './Slider.js';
+export type { SliderProps, SliderMarkData, SliderValueChangeDetail } from './types.js';

package/dist/slider/primitives.d.cts

@@ -0,0 +1,22 @@
+/**
+ * Advanced primitives for `Slider` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { Slider, SliderRange, SliderThumb, SliderTrack } from '@skdx/react/primitives/slider';
+ *
+ * <Slider defaultValue={[25, 75]}>
+ *   <SliderTrack>
+ *     <SliderRange />
+ *   </SliderTrack>
+ *   <SliderThumb index={0} aria-label="Minimum" />
+ *   <SliderThumb index={1} aria-label="Maximum" />
+ * </Slider>
+ * ```
+ */
+export { Slider } from './Slider.cjs';
+export { SliderTrack } from './SliderTrack.cjs';
+export { SliderRange } from './SliderRange.cjs';
+export { SliderThumb } from './SliderThumb.cjs';
+export { SliderMark } from './SliderMark.cjs';
+export type { SliderProps, SliderTrackProps, SliderRangeProps, SliderThumbProps, SliderMarkProps, } from './types.cjs';

package/dist/slider/primitives.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Advanced primitives for `Slider` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { Slider, SliderRange, SliderThumb, SliderTrack } from '@skdx/react/primitives/slider';
+ *
+ * <Slider defaultValue={[25, 75]}>
+ *   <SliderTrack>
+ *     <SliderRange />
+ *   </SliderTrack>
+ *   <SliderThumb index={0} aria-label="Minimum" />
+ *   <SliderThumb index={1} aria-label="Maximum" />
+ * </Slider>
+ * ```
+ */
+export { Slider } from './Slider.js';
+export { SliderTrack } from './SliderTrack.js';
+export { SliderRange } from './SliderRange.js';
+export { SliderThumb } from './SliderThumb.js';
+export { SliderMark } from './SliderMark.js';
+export type { SliderProps, SliderTrackProps, SliderRangeProps, SliderThumbProps, SliderMarkProps, } from './types.js';