@skdx/react 0.28.0 → 0.30.0

package/dist/alert/types.d.cts

@@ -23,66 +23,76 @@ export interface AlertProps extends Omit<PrimitivePropsWithRef<'div'>, 'asChild'
      * pointed at by `aria-labelledby`. A string, not a node.
      * @default undefined
      */
-    title?: string;
+    title?: string | undefined;
     /**
      * The alert's supporting text, rendered into the derived `AlertDescription` part
      * and pointed at by the root's `aria-describedby`.
      * @default undefined — no description part is rendered.
      */
-    description?: React.ReactNode;
+    description?: React.ReactNode | undefined;
     /**
      * Decorative glyph rendered into the derived `AlertIcon` part, always `aria-hidden`.
      * Consumer supplies content; position is derived.
      * @default undefined
      */
-    icon?: React.ReactNode;
+    icon?: React.ReactNode | undefined;
     /**
      * Buttons and links responding to the alert ("Retry", "View details"),
      * rendered into the derived `AlertAction` part after the description.
      * @default undefined — no action part is rendered.
      */
-    action?: React.ReactNode;
+    action?: React.ReactNode | undefined;
     /**
      * Renders the derived `AlertClose` part — a `type="button"` dismiss control named
      * by `closeLabel`.
      * @default false
      */
-    dismissible?: boolean;
+    dismissible?: boolean | undefined;
     /**
      * `"status"` (default) is a polite live region for informational banners.
      * Use `"alert"` for assertive, time-critical messages (WAI-ARIA alert role).
      * @default 'status'
      */
-    role?: 'status' | 'alert';
+    role?: 'status' | 'alert' | undefined;
     /**
      * Controlled visibility. Pair with `onOpenChange`; while defined, `AlertClose`
      * only reports the request and the Alert never hides itself.
      * @default undefined — uncontrolled, seeded from `defaultOpen`.
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
      * Initial visibility, used only when the alert is uncontrolled.
      * @default true
      */
-    defaultOpen?: boolean;
+    defaultOpen?: boolean | undefined;
     /**
      * Fires when visibility changes, typically `false` when `AlertClose` is activated.
      * Fires controlled or uncontrolled.
      * @default undefined
      */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     /**
      * Accessible name for {@link AlertClose}, an icon-only button with no visible text.
      * Lives on the root, not the part. `aria-label` on `AlertClose` overrides.
      * @default 'Dismiss'
      */
-    closeLabel?: string;
+    closeLabel?: string | undefined;
     /**
      * Whether `Escape` dismisses the alert while focus is inside it. Opt-in;
      * when enabled, focus restores to the nearest focusable element before the alert.
      * @default false
      */
-    dismissOnEscape?: boolean;
+    dismissOnEscape?: boolean | undefined;
+    /**
+     * Severity rung the skin colours the alert by, mirrored to `data-status`.
+     * @default undefined — the skin's own neutral styling.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+    /**
+     * Visual weight rung the skin reads, mirrored to `data-variant` on the root.
+     * @default undefined — the skin's own default weight.
+     */
+    variant?: 'solid' | 'outline' | (string & {}) | undefined;
 }
 /** Props for {@link AlertRoot}: {@link AlertProps} minus the derived-anatomy-only props. */
 export type AlertRootProps = Omit<AlertProps, 'title' | 'description' | 'icon' | 'action' | 'dismissible'> & Pick<PrimitivePropsWithRef<'div'>, 'asChild'>;

package/dist/alert/types.d.ts

@@ -23,66 +23,76 @@ export interface AlertProps extends Omit<PrimitivePropsWithRef<'div'>, 'asChild'
      * pointed at by `aria-labelledby`. A string, not a node.
      * @default undefined
      */
-    title?: string;
+    title?: string | undefined;
     /**
      * The alert's supporting text, rendered into the derived `AlertDescription` part
      * and pointed at by the root's `aria-describedby`.
      * @default undefined — no description part is rendered.
      */
-    description?: React.ReactNode;
+    description?: React.ReactNode | undefined;
     /**
      * Decorative glyph rendered into the derived `AlertIcon` part, always `aria-hidden`.
      * Consumer supplies content; position is derived.
      * @default undefined
      */
-    icon?: React.ReactNode;
+    icon?: React.ReactNode | undefined;
     /**
      * Buttons and links responding to the alert ("Retry", "View details"),
      * rendered into the derived `AlertAction` part after the description.
      * @default undefined — no action part is rendered.
      */
-    action?: React.ReactNode;
+    action?: React.ReactNode | undefined;
     /**
      * Renders the derived `AlertClose` part — a `type="button"` dismiss control named
      * by `closeLabel`.
      * @default false
      */
-    dismissible?: boolean;
+    dismissible?: boolean | undefined;
     /**
      * `"status"` (default) is a polite live region for informational banners.
      * Use `"alert"` for assertive, time-critical messages (WAI-ARIA alert role).
      * @default 'status'
      */
-    role?: 'status' | 'alert';
+    role?: 'status' | 'alert' | undefined;
     /**
      * Controlled visibility. Pair with `onOpenChange`; while defined, `AlertClose`
      * only reports the request and the Alert never hides itself.
      * @default undefined — uncontrolled, seeded from `defaultOpen`.
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
      * Initial visibility, used only when the alert is uncontrolled.
      * @default true
      */
-    defaultOpen?: boolean;
+    defaultOpen?: boolean | undefined;
     /**
      * Fires when visibility changes, typically `false` when `AlertClose` is activated.
      * Fires controlled or uncontrolled.
      * @default undefined
      */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     /**
      * Accessible name for {@link AlertClose}, an icon-only button with no visible text.
      * Lives on the root, not the part. `aria-label` on `AlertClose` overrides.
      * @default 'Dismiss'
      */
-    closeLabel?: string;
+    closeLabel?: string | undefined;
     /**
      * Whether `Escape` dismisses the alert while focus is inside it. Opt-in;
      * when enabled, focus restores to the nearest focusable element before the alert.
      * @default false
      */
-    dismissOnEscape?: boolean;
+    dismissOnEscape?: boolean | undefined;
+    /**
+     * Severity rung the skin colours the alert by, mirrored to `data-status`.
+     * @default undefined — the skin's own neutral styling.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+    /**
+     * Visual weight rung the skin reads, mirrored to `data-variant` on the root.
+     * @default undefined — the skin's own default weight.
+     */
+    variant?: 'solid' | 'outline' | (string & {}) | undefined;
 }
 /** Props for {@link AlertRoot}: {@link AlertProps} minus the derived-anatomy-only props. */
 export type AlertRootProps = Omit<AlertProps, 'title' | 'description' | 'icon' | 'action' | 'dismissible'> & Pick<PrimitivePropsWithRef<'div'>, 'asChild'>;

package/dist/angle-slider/AngleSlider.cjs

@@ -1 +1,2 @@
-"use strict";var he=Object.create;var h=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var xe=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var De=(e,r)=>{for(var t in r)h(e,t,{get:r[t],enumerable:!0})},U=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of Me(r))!Ce.call(e,l)&&l!==t&&h(e,l,{get:()=>r[l],enumerable:!(n=Re(r,l))||n.enumerable});return e};var R=(e,r,t)=>(t=e!=null?he(xe(e)):{},U(r||!e||!e.__esModule?h(t,"default",{value:e,enumerable:!0}):t,e)),we=e=>U(h({},"__esModule",{value:!0}),e);var Ke={};De(Ke,{AngleSlider:()=>H,AngleSliderMark:()=>M,AngleSliderMarks:()=>x,AngleSliderProvider:()=>me,AngleSliderThumb:()=>C,MARK_SELECTOR:()=>de,nearestMark:()=>V,normalizeAngle:()=>m,readMarks:()=>se,useAngleSliderContext:()=>g});module.exports=we(Ke);var f=R(require("react"),1),re=require("../utils/composeRefs.cjs"),te=require("../utils/createContext.cjs"),ne=require("../utils/formControl.cjs"),ae=require("../utils/hiddenInput.cjs"),oe=require("../utils/part.cjs"),v=require("../utils/primitive.cjs"),le=require("../utils/useControllableState.cjs"),ie=require("../utils/usePointerAngle.cjs");var W=R(require("react"),1),F=require("../utils/part.cjs"),z=require("../utils/primitive.cjs");var q=require("react/jsx-runtime"),M=W.forwardRef(({value:e,...r},t)=>{let n=g("AngleSliderMark"),l=m(e);return(0,q.jsx)(z.Primitive.div,{"data-skdx-angle-slider-mark":"","data-value":l,"data-state":n.value===l?"active":"inactive","data-disabled":n.disabled?"":void 0,"data-readonly":n.readOnly?"":void 0,...r,...(0,F.skdxPart)("angle-slider","mark",r.className),ref:t,style:{"--skdx-angle-slider-mark-angle":`${l}deg`,...r.style}})});M.displayName="AngleSliderMark";var G=R(require("react"),1),J=require("../utils/part.cjs"),Y=require("../utils/primitive.cjs");var B=require("react/jsx-runtime"),x=G.forwardRef((e,r)=>{let t=g("AngleSliderMarks");return(0,B.jsx)(Y.Primitive.div,{"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,...e,...(0,J.skdxPart)("angle-slider","marks",e.className),ref:r})});x.displayName="AngleSliderMarks";var Q=R(require("react"),1),X=require("../utils/part.cjs"),Z=require("../utils/primitive.cjs");var j=require("react/jsx-runtime"),C=Q.forwardRef((e,r)=>{let t=g("AngleSliderThumb");return(0,j.jsx)(Z.Primitive.div,{"aria-hidden":!0,"data-value":t.value,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-dragging":t.dragging?"":void 0,...e,...(0,X.skdxPart)("angle-slider","thumb",e.className),ref:r})});C.displayName="AngleSliderThumb";var u=require("react/jsx-runtime"),ee=({marks:e})=>(0,u.jsxs)(u.Fragment,{children:[e&&e.length>0?(0,u.jsx)(x,{children:e.map(r=>(0,u.jsx)(M,{value:r.value,children:r.label},r.value))}):null,(0,u.jsx)(C,{})]});var S=require("react/jsx-runtime"),de="[data-skdx-angle-slider-mark]",Te=10,Ee=45,Ve=3,He={ArrowRight:1,ArrowUp:1,ArrowLeft:-1,ArrowDown:-1,PageUp:1,PageDown:-1};function m(e){return(e%360+360)%360}function Ne(e,r){return r<=0?e:Math.round(Math.round(e/r)*r*1e6)/1e6}function se(e){if(!e)return[];let r=Array.from(e.querySelectorAll(de),t=>Number(t.getAttribute("data-value"))).filter(t=>Number.isFinite(t));return[...new Set(r.map(m))].sort((t,n)=>t-n)}function V(e,r){let t=e[0],n=1/0;for(let l of e){let P=Math.abs(l-r),i=Math.min(P,360-P);i<n&&(n=i,t=l)}return t}var[me,g]=(0,te.createSafeContext)("AngleSlider"),H=f.forwardRef((e,r)=>{let{value:t,defaultValue:n=0,onValueChange:l,onValueCommit:P,step:i=1,disabled:c=!1,readOnly:k=!1,restrictToMarks:N=!1,formatValue:ue,name:K,form:ge,marks:fe,children:ce,...A}=e,D=f.useRef("programmatic"),w=f.useRef(null),[d=0,L]=(0,le.useControllableState)({prop:t,defaultProp:n,onChange:a=>l?.({value:a,previousValue:w.current,reason:D.current})}),T=f.useRef(null),pe=(0,re.useComposedRefs)(r,T),O=!c&&!k,y=f.useRef(d);y.current=d;let _=()=>N?se(T.current):[];(0,ne.useFormReset)(T,()=>{y.current!==m(n)&&(D.current="programmatic",w.current=y.current,L(m(n)))});let b=(a,s)=>{let o=_(),p=m(a);D.current=s,w.current=y.current,L(o.length?V(o,p):m(Ne(p,i)))},{onPointerDown:Se,dragging:$}=(0,ie.usePointerAngle)({step:N?0:i,onAngleChange:a=>b(a,"pointer"),onAngleChangeEnd:()=>P?.(y.current)}),Ae=a=>{let s=a.key,o=_();if(s==="Home"||s==="End"){a.preventDefault();let E=i>0?Math.floor(359/i)*i:359;b(s==="Home"?o.length?o[0]:0:o.length?o[o.length-1]:E,"keyboard");return}let p=He[s];if(p===void 0)return;a.preventDefault();let I=s==="PageUp"||s==="PageDown";if(o.length){let E=o.indexOf(V(o,d)),ke=p*(I||a.shiftKey?Ve:1);b(o[((E+ke)%o.length+o.length)%o.length],"keyboard");return}let Pe=i>0?i:1;b(d+p*(I?Ee:a.shiftKey?Te:Pe),"keyboard")},ye=i>0?Math.floor(359/i)*i:359,be=ue?.(d)||`${d}\xB0`,ve={"--skdx-angle-slider-angle":`${d}deg`,touchAction:"none",...A.style};return(0,S.jsxs)(me,{value:d,step:i,disabled:c,readOnly:k,dragging:$,children:[(0,S.jsx)(v.Primitive.div,{role:"slider","aria-valuemin":0,"aria-valuemax":ye,"aria-valuenow":d,"aria-valuetext":be,"aria-disabled":c||void 0,"aria-readonly":k||void 0,tabIndex:c?-1:0,"data-value":d,"data-disabled":c?"":void 0,"data-readonly":k?"":void 0,"data-dragging":$?"":void 0,...A,...(0,oe.skdxPart)("angle-slider","root",A.className),ref:pe,onKeyDown:(0,v.composeEventHandlers)(A.onKeyDown,a=>{O&&Ae(a)}),onPointerDown:(0,v.composeEventHandlers)(A.onPointerDown,a=>{O&&Se(a)}),style:ve,children:ce??(0,S.jsx)(ee,{marks:fe})}),K&&(0,S.jsx)(ae.HiddenInput,{type:"hidden",name:K,value:d,disabled:c,form:ge})]})});H.displayName="AngleSlider";0&&(module.exports={AngleSlider,AngleSliderMark,AngleSliderMarks,AngleSliderProvider,AngleSliderThumb,MARK_SELECTOR,nearestMark,normalizeAngle,readMarks,useAngleSliderContext});
+'use client';
+"use strict";var be=Object.create;var h=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var he=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var Re=(e,r)=>{for(var t in r)h(e,t,{get:r[t],enumerable:!0})},U=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of ke(r))!ve.call(e,l)&&l!==t&&h(e,l,{get:()=>r[l],enumerable:!(n=Pe(r,l))||n.enumerable});return e};var xe=(e,r,t)=>(t=e!=null?be(he(e)):{},U(r||!e||!e.__esModule?h(t,"default",{value:e,enumerable:!0}):t,e)),Me=e=>U(h({},"__esModule",{value:!0}),e);var Ne={};Re(Ne,{AngleSlider:()=>N,AngleSliderMark:()=>v,AngleSliderMarks:()=>R,AngleSliderProvider:()=>ie,AngleSliderThumb:()=>x,MARK_SELECTOR:()=>oe,nearestMark:()=>w,normalizeAngle:()=>m,readMarks:()=>le,useAngleSliderContext:()=>f});module.exports=Me(Ne);var g=xe(require("react"),1),Z=require("../utils/composeRefs.cjs"),j=require("../utils/createContext.cjs"),ee=require("../utils/formControl.cjs"),re=require("../utils/hiddenInput.cjs"),te=require("../utils/part.cjs"),S=require("../utils/primitive.cjs"),ne=require("../utils/useControllableState.cjs"),ae=require("../utils/usePointerAngle.cjs");var W=require("../utils/part.cjs"),F=require("../utils/primitive.cjs");var J=require("react/jsx-runtime"),v=({value:e,ref:r,...t})=>{let n=f("AngleSliderMark"),l=m(e);return(0,J.jsx)(F.Primitive.div,{"data-skdx-angle-slider-mark":"","data-value":l,"data-state":n.value===l?"active":"inactive","data-disabled":n.disabled?"":void 0,"data-readonly":n.readOnly?"":void 0,...t,...(0,W.skdxPart)("angle-slider","mark",t.className),ref:r,style:{"--skdx-angle-slider-mark-angle":`${l}deg`,...t.style}})};v.displayName="AngleSliderMark";var z=require("../utils/part.cjs"),X=require("../utils/primitive.cjs");var q=require("react/jsx-runtime"),R=({ref:e,...r})=>{let t=f("AngleSliderMarks");return(0,q.jsx)(X.Primitive.div,{"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,...r,...(0,z.skdxPart)("angle-slider","marks",r.className),ref:e})};R.displayName="AngleSliderMarks";var G=require("../utils/part.cjs"),Y=require("../utils/primitive.cjs");var B=require("react/jsx-runtime"),x=({ref:e,...r})=>{let t=f("AngleSliderThumb");return(0,B.jsx)(Y.Primitive.div,{"aria-hidden":!0,"data-value":t.value,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-dragging":t.dragging?"":void 0,...r,...(0,G.skdxPart)("angle-slider","thumb",r.className),ref:e})};x.displayName="AngleSliderThumb";var u=require("react/jsx-runtime"),Q=({marks:e})=>(0,u.jsxs)(u.Fragment,{children:[e&&e.length>0?(0,u.jsx)(R,{children:e.map(r=>(0,u.jsx)(v,{value:r.value,children:r.label},r.value))}):null,(0,u.jsx)(x,{})]});var p=require("react/jsx-runtime"),oe="[data-skdx-angle-slider-mark]",Ce=10,De=45,Ee=3,Te={ArrowRight:1,ArrowUp:1,ArrowLeft:-1,ArrowDown:-1,PageUp:1,PageDown:-1};function m(e){return(e%360+360)%360}function Ve(e,r){return r<=0?e:Math.round(Math.round(e/r)*r*1e6)/1e6}function le(e){if(!e)return[];let r=Array.from(e.querySelectorAll(oe),t=>Number(t.getAttribute("data-value"))).filter(t=>Number.isFinite(t));return[...new Set(r.map(m))].sort((t,n)=>t-n)}function w(e,r){let t=e[0],n=1/0;for(let l of e){let P=Math.abs(l-r),i=Math.min(P,360-P);i<n&&(n=i,t=l)}return t}function we(e,r,t){return{"aria-disabled":e||void 0,"aria-readonly":r||void 0,tabIndex:e?-1:0,"data-disabled":e?"":void 0,"data-readonly":r?"":void 0,"data-dragging":t?"":void 0}}var[ie,f]=(0,j.createSafeContext)("AngleSlider"),N=({ref:e,...r})=>{let{value:t,defaultValue:n=0,onValueChange:l,onValueCommit:P,step:i=1,disabled:k=!1,readOnly:M=!1,restrictToMarks:H=!1,formatValue:de,name:K,form:se,marks:me,children:ue,...A}=r,C=g.useRef("programmatic"),D=g.useRef(null),[d=0,O]=(0,ne.useControllableState)({prop:t,defaultProp:n,onChange:a=>l?.({value:a,previousValue:D.current,reason:C.current})}),E=g.useRef(null),fe=(0,Z.useComposedRefs)(e,E),I=!k&&!M,y=g.useRef(d);g.useInsertionEffect(()=>{y.current=d});let L=()=>H?le(E.current):[];(0,ee.useFormReset)(E,()=>{y.current!==m(n)&&(C.current="programmatic",D.current=y.current,O(m(n)))});let b=(a,s)=>{let o=L(),c=m(a);C.current=s,D.current=y.current,O(o.length?w(o,c):m(Ve(c,i)))},{onPointerDown:ge,dragging:_}=(0,ae.usePointerAngle)({step:H?0:i,onAngleChange:a=>b(a,"pointer"),onAngleChangeEnd:()=>P?.(y.current)}),ce=a=>{let s=a.key,o=L();if(s==="Home"||s==="End"){a.preventDefault();let V=i>0?Math.floor(359/i)*i:359;b(s==="Home"?o.length?o[0]:0:o.length?o[o.length-1]:V,"keyboard");return}let c=Te[s];if(c===void 0)return;a.preventDefault();let $=s==="PageUp"||s==="PageDown";if(o.length){let V=o.indexOf(w(o,d)),ye=c*($||a.shiftKey?Ee:1);b(o[((V+ye)%o.length+o.length)%o.length],"keyboard");return}let T=i>0?i:1;$?T=De:a.shiftKey&&(T=Ce),b(d+c*T,"keyboard")},pe=i>0?Math.floor(359/i)*i:359,Se=de?.(d)||`${d}\xB0`,Ae={"--skdx-angle-slider-angle":`${d}deg`,touchAction:"none",...A.style};return(0,p.jsxs)(ie,{value:d,step:i,disabled:k,readOnly:M,dragging:_,children:[(0,p.jsx)(S.Primitive.div,{role:"slider","aria-valuemin":0,"aria-valuemax":pe,"aria-valuenow":d,"aria-valuetext":Se,"data-value":d,...we(k,M,_),...A,...(0,te.skdxPart)("angle-slider","root",A.className),ref:fe,onKeyDown:(0,S.useComposedEventHandlers)(A.onKeyDown,a=>{I&&ce(a)}),onPointerDown:(0,S.composeEventHandlers)(A.onPointerDown,a=>{I&&ge(a)}),style:Ae,children:ue??(0,p.jsx)(Q,{marks:me})}),K?(0,p.jsx)(re.HiddenInput,{type:"hidden",name:K,value:d,disabled:k,form:se}):null]})};N.displayName="AngleSlider";0&&(module.exports={AngleSlider,AngleSliderMark,AngleSliderMarks,AngleSliderProvider,AngleSliderThumb,MARK_SELECTOR,nearestMark,normalizeAngle,readMarks,useAngleSliderContext});

package/dist/angle-slider/AngleSlider.d.cts

@@ -4,51 +4,36 @@ import type { AngleSliderContextValue, AngleSliderProps } from './types.cjs';
 export declare const MARK_SELECTOR = "[data-skdx-angle-slider-mark]";
 /** @internal Folds any number of degrees into `[0, 360)`, so 450 and -270 both read as 90. */
 export declare function normalizeAngle(angle: number): number;
-/**
- * @internal Every rendered mark's angle (normalized, deduped, sorted).
- * Read from DOM, not registry—dynamic marks need no bookkeeping.
- */
+/** @internal Every rendered mark's angle: normalized, deduped, sorted, read from the DOM. */
 export declare function readMarks(root: HTMLElement | null): number[];
-/**
- * @internal Closest mark around the circle (e.g., 350° → 0°, not 340°).
- */
+/** @internal Closest mark around the circle (e.g., 350° → 0°, not 340°). */
 export declare function nearestMark(marks: number[], angle: number): number;
-export declare const AngleSliderProvider: {
-    (props: AngleSliderContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAngleSliderContext: (consumerName: string) => AngleSliderContextValue;
+export declare const AngleSliderProvider: React.FC<AngleSliderContextValue & {
+    children: React.ReactNode;
+}>, useAngleSliderContext: (consumerName: string) => AngleSliderContextValue;
 /**
  * Root of an angle slider — a dial whose value is a *direction* rather than a
- * position along a line: a gradient angle, a wind bearing, a knob. Owns the
- * angle via `useControllableState` and renders a `role="slider"` div reporting
- * `aria-valuemin={0}` / `aria-valuemax={360}` / `aria-valuenow` plus an
- * `aria-valuetext` in degrees.
+ * position along a line: a gradient angle, a wind bearing, a knob. Renders a
+ * `role="slider"` div with `aria-valuemin`/`aria-valuemax`/`aria-valuenow` and
+ * an `aria-valuetext` in degrees.
  *
- * **0° is at 12 o'clock and the angle increases clockwise** (90° = 3 o'clock),
- * matching {@link usePointerAngle}, which does the pointer geometry. The value
- * lives in `[0, 360)`: 360 is never reported, because it is the same direction
- * as 0.
+ * 0° is at 12 o'clock and the angle increases clockwise (90° = 3 o'clock); the
+ * value stays in `[0, 360)`, since 360 and 0 are the same direction.
  *
- * The root publishes `--skdx-angle-slider-angle` (e.g. `45deg`) so the thumb's
- * rotation is pure CSS — `transform: rotate(var(--skdx-angle-slider-angle))` —
- * with no per-frame JS positioning to reimplement.
+ * Publishes `--skdx-angle-slider-angle` so the thumb's rotation is pure CSS,
+ * with no per-frame JS positioning.
  *
- * Every value is reachable **without a pointer**: arrows step by `step`,
- * Shift+arrow by 10°, PageUp/PageDown by 45°, Home/End jump to the first and
- * last reachable angles. Arrow steps wrap around the circle, because a dial has
- * no ends. The arrows are **not** mirrored under `dir="rtl"`: a circle has no
- * writing direction, and the pointer geometry is a fixed clockwise-from-12
- * convention that no stylesheet flips.
+ * Every value is reachable without a pointer: arrows step by `step`,
+ * Shift+arrow by 10°, PageUp/PageDown by 45°, and Home/End jump to the first
+ * and last reachable angle, wrapping around the circle. Arrow keys are not
+ * mirrored under `dir="rtl"`.
  *
  * Give the root an accessible name (`aria-label` or `aria-labelledby`) — an
  * unnamed slider announces a bare number of degrees.
  *
- * Given no `children` it draws the derived anatomy from `marks`. Given
- * children, they are rendered verbatim for full manual composition — only
- * presence is inspected, never what the children are; reach for
- * `@skdx/react/primitives/angle-slider` for the parts.
+ * With no `children` it draws the derived anatomy from `marks`; with children,
+ * they render verbatim — reach for `@skdx/react/primitives/angle-slider` for
+ * the parts.
  *
  * @example
  * ```tsx
@@ -60,4 +45,7 @@ export declare const AngleSliderProvider: {
  * />
  * ```
  */
-export declare const AngleSlider: React.ForwardRefExoticComponent<Omit<AngleSliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AngleSlider: {
+    ({ ref: forwardedRef, ...props }: AngleSliderProps): React.ReactNode;
+    displayName: string;
+};

package/dist/angle-slider/AngleSlider.d.ts

@@ -4,51 +4,36 @@ import type { AngleSliderContextValue, AngleSliderProps } from './types.js';
 export declare const MARK_SELECTOR = "[data-skdx-angle-slider-mark]";
 /** @internal Folds any number of degrees into `[0, 360)`, so 450 and -270 both read as 90. */
 export declare function normalizeAngle(angle: number): number;
-/**
- * @internal Every rendered mark's angle (normalized, deduped, sorted).
- * Read from DOM, not registry—dynamic marks need no bookkeeping.
- */
+/** @internal Every rendered mark's angle: normalized, deduped, sorted, read from the DOM. */
 export declare function readMarks(root: HTMLElement | null): number[];
-/**
- * @internal Closest mark around the circle (e.g., 350° → 0°, not 340°).
- */
+/** @internal Closest mark around the circle (e.g., 350° → 0°, not 340°). */
 export declare function nearestMark(marks: number[], angle: number): number;
-export declare const AngleSliderProvider: {
-    (props: AngleSliderContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAngleSliderContext: (consumerName: string) => AngleSliderContextValue;
+export declare const AngleSliderProvider: React.FC<AngleSliderContextValue & {
+    children: React.ReactNode;
+}>, useAngleSliderContext: (consumerName: string) => AngleSliderContextValue;
 /**
  * Root of an angle slider — a dial whose value is a *direction* rather than a
- * position along a line: a gradient angle, a wind bearing, a knob. Owns the
- * angle via `useControllableState` and renders a `role="slider"` div reporting
- * `aria-valuemin={0}` / `aria-valuemax={360}` / `aria-valuenow` plus an
- * `aria-valuetext` in degrees.
+ * position along a line: a gradient angle, a wind bearing, a knob. Renders a
+ * `role="slider"` div with `aria-valuemin`/`aria-valuemax`/`aria-valuenow` and
+ * an `aria-valuetext` in degrees.
  *
- * **0° is at 12 o'clock and the angle increases clockwise** (90° = 3 o'clock),
- * matching {@link usePointerAngle}, which does the pointer geometry. The value
- * lives in `[0, 360)`: 360 is never reported, because it is the same direction
- * as 0.
+ * 0° is at 12 o'clock and the angle increases clockwise (90° = 3 o'clock); the
+ * value stays in `[0, 360)`, since 360 and 0 are the same direction.
  *
- * The root publishes `--skdx-angle-slider-angle` (e.g. `45deg`) so the thumb's
- * rotation is pure CSS — `transform: rotate(var(--skdx-angle-slider-angle))` —
- * with no per-frame JS positioning to reimplement.
+ * Publishes `--skdx-angle-slider-angle` so the thumb's rotation is pure CSS,
+ * with no per-frame JS positioning.
  *
- * Every value is reachable **without a pointer**: arrows step by `step`,
- * Shift+arrow by 10°, PageUp/PageDown by 45°, Home/End jump to the first and
- * last reachable angles. Arrow steps wrap around the circle, because a dial has
- * no ends. The arrows are **not** mirrored under `dir="rtl"`: a circle has no
- * writing direction, and the pointer geometry is a fixed clockwise-from-12
- * convention that no stylesheet flips.
+ * Every value is reachable without a pointer: arrows step by `step`,
+ * Shift+arrow by 10°, PageUp/PageDown by 45°, and Home/End jump to the first
+ * and last reachable angle, wrapping around the circle. Arrow keys are not
+ * mirrored under `dir="rtl"`.
  *
  * Give the root an accessible name (`aria-label` or `aria-labelledby`) — an
  * unnamed slider announces a bare number of degrees.
  *
- * Given no `children` it draws the derived anatomy from `marks`. Given
- * children, they are rendered verbatim for full manual composition — only
- * presence is inspected, never what the children are; reach for
- * `@skdx/react/primitives/angle-slider` for the parts.
+ * With no `children` it draws the derived anatomy from `marks`; with children,
+ * they render verbatim — reach for `@skdx/react/primitives/angle-slider` for
+ * the parts.
  *
  * @example
  * ```tsx
@@ -60,4 +45,7 @@ export declare const AngleSliderProvider: {
  * />
  * ```
  */
-export declare const AngleSlider: React.ForwardRefExoticComponent<Omit<AngleSliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AngleSlider: {
+    ({ ref: forwardedRef, ...props }: AngleSliderProps): React.ReactNode;
+    displayName: string;
+};

package/dist/angle-slider/AngleSlider.js

@@ -1 +1,2 @@
-import*as u from"react";import{useComposedRefs as ge}from"../utils/composeRefs.js";import{createSafeContext as fe}from"../utils/createContext.js";import{useFormReset as ce}from"../utils/formControl.js";import{HiddenInput as pe}from"../utils/hiddenInput.js";import{skdxPart as Se}from"../utils/part.js";import{composeEventHandlers as I,Primitive as Ae}from"../utils/primitive.js";import{useControllableState as ye}from"../utils/useControllableState.js";import{usePointerAngle as be}from"../utils/usePointerAngle.js";import*as L from"react";import{skdxPart as re}from"../utils/part.js";import{Primitive as te}from"../utils/primitive.js";import{jsx as ne}from"react/jsx-runtime";var R=L.forwardRef(({value:e,...r},t)=>{let l=c("AngleSliderMark"),d=m(e);return ne(te.div,{"data-skdx-angle-slider-mark":"","data-value":d,"data-state":l.value===d?"active":"inactive","data-disabled":l.disabled?"":void 0,"data-readonly":l.readOnly?"":void 0,...r,...re("angle-slider","mark",r.className),ref:t,style:{"--skdx-angle-slider-mark-angle":`${d}deg`,...r.style}})});R.displayName="AngleSliderMark";import*as O from"react";import{skdxPart as ae}from"../utils/part.js";import{Primitive as oe}from"../utils/primitive.js";import{jsx as le}from"react/jsx-runtime";var M=O.forwardRef((e,r)=>{let t=c("AngleSliderMarks");return le(oe.div,{"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,...e,...ae("angle-slider","marks",e.className),ref:r})});M.displayName="AngleSliderMarks";import*as _ from"react";import{skdxPart as ie}from"../utils/part.js";import{Primitive as de}from"../utils/primitive.js";import{jsx as se}from"react/jsx-runtime";var x=_.forwardRef((e,r)=>{let t=c("AngleSliderThumb");return se(de.div,{"aria-hidden":!0,"data-value":t.value,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-dragging":t.dragging?"":void 0,...e,...ie("angle-slider","thumb",e.className),ref:r})});x.displayName="AngleSliderThumb";import{Fragment as me,jsx as C,jsxs as ue}from"react/jsx-runtime";var $=({marks:e})=>ue(me,{children:[e&&e.length>0?C(M,{children:e.map(r=>C(R,{value:r.value,children:r.label},r.value))}):null,C(x,{})]});import{jsx as D,jsxs as De}from"react/jsx-runtime";var ve="[data-skdx-angle-slider-mark]",Pe=10,ke=45,he=3,Re={ArrowRight:1,ArrowUp:1,ArrowLeft:-1,ArrowDown:-1,PageUp:1,PageDown:-1};function m(e){return(e%360+360)%360}function Me(e,r){return r<=0?e:Math.round(Math.round(e/r)*r*1e6)/1e6}function xe(e){if(!e)return[];let r=Array.from(e.querySelectorAll(ve),t=>Number(t.getAttribute("data-value"))).filter(t=>Number.isFinite(t));return[...new Set(r.map(m))].sort((t,l)=>t-l)}function U(e,r){let t=e[0],l=1/0;for(let d of e){let y=Math.abs(d-r),o=Math.min(y,360-y);o<l&&(l=o,t=d)}return t}var[Ce,c]=fe("AngleSlider"),W=u.forwardRef((e,r)=>{let{value:t,defaultValue:l=0,onValueChange:d,onValueCommit:y,step:o=1,disabled:g=!1,readOnly:b=!1,restrictToMarks:w=!1,formatValue:F,name:T,form:z,marks:q,children:G,...p}=e,v=u.useRef("programmatic"),P=u.useRef(null),[i=0,E]=ye({prop:t,defaultProp:l,onChange:n=>d?.({value:n,previousValue:P.current,reason:v.current})}),k=u.useRef(null),J=ge(r,k),V=!g&&!b,S=u.useRef(i);S.current=i;let H=()=>w?xe(k.current):[];ce(k,()=>{S.current!==m(l)&&(v.current="programmatic",P.current=S.current,E(m(l)))});let A=(n,s)=>{let a=H(),f=m(n);v.current=s,P.current=S.current,E(a.length?U(a,f):m(Me(f,o)))},{onPointerDown:Y,dragging:N}=be({step:w?0:o,onAngleChange:n=>A(n,"pointer"),onAngleChangeEnd:()=>y?.(S.current)}),B=n=>{let s=n.key,a=H();if(s==="Home"||s==="End"){n.preventDefault();let h=o>0?Math.floor(359/o)*o:359;A(s==="Home"?a.length?a[0]:0:a.length?a[a.length-1]:h,"keyboard");return}let f=Re[s];if(f===void 0)return;n.preventDefault();let K=s==="PageUp"||s==="PageDown";if(a.length){let h=a.indexOf(U(a,i)),ee=f*(K||n.shiftKey?he:1);A(a[((h+ee)%a.length+a.length)%a.length],"keyboard");return}let j=o>0?o:1;A(i+f*(K?ke:n.shiftKey?Pe:j),"keyboard")},Q=o>0?Math.floor(359/o)*o:359,X=F?.(i)||`${i}\xB0`,Z={"--skdx-angle-slider-angle":`${i}deg`,touchAction:"none",...p.style};return De(Ce,{value:i,step:o,disabled:g,readOnly:b,dragging:N,children:[D(Ae.div,{role:"slider","aria-valuemin":0,"aria-valuemax":Q,"aria-valuenow":i,"aria-valuetext":X,"aria-disabled":g||void 0,"aria-readonly":b||void 0,tabIndex:g?-1:0,"data-value":i,"data-disabled":g?"":void 0,"data-readonly":b?"":void 0,"data-dragging":N?"":void 0,...p,...Se("angle-slider","root",p.className),ref:J,onKeyDown:I(p.onKeyDown,n=>{V&&B(n)}),onPointerDown:I(p.onPointerDown,n=>{V&&Y(n)}),style:Z,children:G??D($,{marks:q})}),T&&D(pe,{type:"hidden",name:T,value:i,disabled:g,form:z})]})});W.displayName="AngleSlider";export{W as AngleSlider,R as AngleSliderMark,M as AngleSliderMarks,Ce as AngleSliderProvider,x as AngleSliderThumb,ve as MARK_SELECTOR,U as nearestMark,m as normalizeAngle,xe as readMarks,c as useAngleSliderContext};
+'use client';
+import*as u from"react";import{useComposedRefs as de}from"../utils/composeRefs.js";import{createSafeContext as se}from"../utils/createContext.js";import{useFormReset as me}from"../utils/formControl.js";import{HiddenInput as ue}from"../utils/hiddenInput.js";import{skdxPart as fe}from"../utils/part.js";import{composeEventHandlers as ge,Primitive as ce,useComposedEventHandlers as pe}from"../utils/primitive.js";import{useControllableState as Se}from"../utils/useControllableState.js";import{usePointerAngle as Ae}from"../utils/usePointerAngle.js";import{skdxPart as Q}from"../utils/part.js";import{Primitive as Z}from"../utils/primitive.js";import{jsx as j}from"react/jsx-runtime";var x=({value:e,ref:r,...t})=>{let l=g("AngleSliderMark"),d=m(e);return j(Z.div,{"data-skdx-angle-slider-mark":"","data-value":d,"data-state":l.value===d?"active":"inactive","data-disabled":l.disabled?"":void 0,"data-readonly":l.readOnly?"":void 0,...t,...Q("angle-slider","mark",t.className),ref:r,style:{"--skdx-angle-slider-mark-angle":`${d}deg`,...t.style}})};x.displayName="AngleSliderMark";import{skdxPart as ee}from"../utils/part.js";import{Primitive as re}from"../utils/primitive.js";import{jsx as te}from"react/jsx-runtime";var M=({ref:e,...r})=>{let t=g("AngleSliderMarks");return te(re.div,{"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,...r,...ee("angle-slider","marks",r.className),ref:e})};M.displayName="AngleSliderMarks";import{skdxPart as ne}from"../utils/part.js";import{Primitive as ae}from"../utils/primitive.js";import{jsx as oe}from"react/jsx-runtime";var C=({ref:e,...r})=>{let t=g("AngleSliderThumb");return oe(ae.div,{"aria-hidden":!0,"data-value":t.value,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-dragging":t.dragging?"":void 0,...r,...ne("angle-slider","thumb",r.className),ref:e})};C.displayName="AngleSliderThumb";import{Fragment as le,jsx as D,jsxs as ie}from"react/jsx-runtime";var I=({marks:e})=>ie(le,{children:[e&&e.length>0?D(M,{children:e.map(r=>D(x,{value:r.value,children:r.label},r.value))}):null,D(C,{})]});import{jsx as E,jsxs as Ce}from"react/jsx-runtime";var ye="[data-skdx-angle-slider-mark]",be=10,Pe=45,ke=3,he={ArrowRight:1,ArrowUp:1,ArrowLeft:-1,ArrowDown:-1,PageUp:1,PageDown:-1};function m(e){return(e%360+360)%360}function ve(e,r){return r<=0?e:Math.round(Math.round(e/r)*r*1e6)/1e6}function Re(e){if(!e)return[];let r=Array.from(e.querySelectorAll(ye),t=>Number(t.getAttribute("data-value"))).filter(t=>Number.isFinite(t));return[...new Set(r.map(m))].sort((t,l)=>t-l)}function L(e,r){let t=e[0],l=1/0;for(let d of e){let A=Math.abs(d-r),o=Math.min(A,360-A);o<l&&(l=o,t=d)}return t}function xe(e,r,t){return{"aria-disabled":e||void 0,"aria-readonly":r||void 0,tabIndex:e?-1:0,"data-disabled":e?"":void 0,"data-readonly":r?"":void 0,"data-dragging":t?"":void 0}}var[Me,g]=se("AngleSlider"),_=({ref:e,...r})=>{let{value:t,defaultValue:l=0,onValueChange:d,onValueCommit:A,step:o=1,disabled:y=!1,readOnly:b=!1,restrictToMarks:T=!1,formatValue:$,name:V,form:U,marks:W,children:F,...c}=r,P=u.useRef("programmatic"),k=u.useRef(null),[i=0,w]=Se({prop:t,defaultProp:l,onChange:n=>d?.({value:n,previousValue:k.current,reason:P.current})}),h=u.useRef(null),J=de(e,h),N=!y&&!b,p=u.useRef(i);u.useInsertionEffect(()=>{p.current=i});let H=()=>T?Re(h.current):[];me(h,()=>{p.current!==m(l)&&(P.current="programmatic",k.current=p.current,w(m(l)))});let S=(n,s)=>{let a=H(),f=m(n);P.current=s,k.current=p.current,w(a.length?L(a,f):m(ve(f,o)))},{onPointerDown:z,dragging:K}=Ae({step:T?0:o,onAngleChange:n=>S(n,"pointer"),onAngleChangeEnd:()=>A?.(p.current)}),X=n=>{let s=n.key,a=H();if(s==="Home"||s==="End"){n.preventDefault();let R=o>0?Math.floor(359/o)*o:359;S(s==="Home"?a.length?a[0]:0:a.length?a[a.length-1]:R,"keyboard");return}let f=he[s];if(f===void 0)return;n.preventDefault();let O=s==="PageUp"||s==="PageDown";if(a.length){let R=a.indexOf(L(a,i)),B=f*(O||n.shiftKey?ke:1);S(a[((R+B)%a.length+a.length)%a.length],"keyboard");return}let v=o>0?o:1;O?v=Pe:n.shiftKey&&(v=be),S(i+f*v,"keyboard")},q=o>0?Math.floor(359/o)*o:359,G=$?.(i)||`${i}\xB0`,Y={"--skdx-angle-slider-angle":`${i}deg`,touchAction:"none",...c.style};return Ce(Me,{value:i,step:o,disabled:y,readOnly:b,dragging:K,children:[E(ce.div,{role:"slider","aria-valuemin":0,"aria-valuemax":q,"aria-valuenow":i,"aria-valuetext":G,"data-value":i,...xe(y,b,K),...c,...fe("angle-slider","root",c.className),ref:J,onKeyDown:pe(c.onKeyDown,n=>{N&&X(n)}),onPointerDown:ge(c.onPointerDown,n=>{N&&z(n)}),style:Y,children:F??E(I,{marks:W})}),V?E(ue,{type:"hidden",name:V,value:i,disabled:y,form:U}):null]})};_.displayName="AngleSlider";export{_ as AngleSlider,x as AngleSliderMark,M as AngleSliderMarks,Me as AngleSliderProvider,C as AngleSliderThumb,ye as MARK_SELECTOR,L as nearestMark,m as normalizeAngle,Re as readMarks,g as useAngleSliderContext};

package/dist/angle-slider/AngleSliderAnatomy.d.cts

@@ -1,11 +1,6 @@
+import type { JSX } from 'react';
 import type { AngleSliderMarkData } from './types.cjs';
-/**
- * The anatomy an {@link AngleSlider} draws when given no children: one
- * derived `AngleSliderMark` per entry in `marks`, grouped in a `AngleSliderMarks` container, plus
- * the `AngleSliderThumb`.
- *
- * @internal
- */
-export declare const AngleSliderAnatomy: ({ marks }: {
-    marks?: readonly AngleSliderMarkData[];
-}) => import("react").JSX.Element;
+/** @internal Derived anatomy: one `AngleSliderMark` per entry in `marks`, grouped in `AngleSliderMarks`, plus the `AngleSliderThumb`. */
+export declare const AngleSliderAnatomy: ({ marks, }: {
+    marks?: readonly AngleSliderMarkData[] | undefined;
+}) => JSX.Element;

package/dist/angle-slider/AngleSliderAnatomy.d.ts

@@ -1,11 +1,6 @@
+import type { JSX } from 'react';
 import type { AngleSliderMarkData } from './types.js';
-/**
- * The anatomy an {@link AngleSlider} draws when given no children: one
- * derived `AngleSliderMark` per entry in `marks`, grouped in a `AngleSliderMarks` container, plus
- * the `AngleSliderThumb`.
- *
- * @internal
- */
-export declare const AngleSliderAnatomy: ({ marks }: {
-    marks?: readonly AngleSliderMarkData[];
-}) => import("react").JSX.Element;
+/** @internal Derived anatomy: one `AngleSliderMark` per entry in `marks`, grouped in `AngleSliderMarks`, plus the `AngleSliderThumb`. */
+export declare const AngleSliderAnatomy: ({ marks, }: {
+    marks?: readonly AngleSliderMarkData[] | undefined;
+}) => JSX.Element;

package/dist/angle-slider/AngleSliderMark.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AngleSliderMarkProps } from './types.cjs';
 /**
  * Tick on dial. Publishes `--skdx-angle-slider-mark-angle` for CSS positioning.
@@ -23,4 +23,7 @@ import type { AngleSliderMarkProps } from './types.cjs';
  * </AngleSlider>
  * ```
  */
-export declare const AngleSliderMark: React.ForwardRefExoticComponent<Omit<AngleSliderMarkProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AngleSliderMark: {
+    ({ value, ref: forwardedRef, ...props }: AngleSliderMarkProps): React.ReactNode;
+    displayName: string;
+};

package/dist/angle-slider/AngleSliderMark.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AngleSliderMarkProps } from './types.js';
 /**
  * Tick on dial. Publishes `--skdx-angle-slider-mark-angle` for CSS positioning.
@@ -23,4 +23,7 @@ import type { AngleSliderMarkProps } from './types.js';
  * </AngleSlider>
  * ```
  */
-export declare const AngleSliderMark: React.ForwardRefExoticComponent<Omit<AngleSliderMarkProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AngleSliderMark: {
+    ({ value, ref: forwardedRef, ...props }: AngleSliderMarkProps): React.ReactNode;
+    displayName: string;
+};

package/dist/angle-slider/AngleSliderMarks.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AngleSliderMarksProps } from './types.cjs';
 /**
  * Container for {@link AngleSlider} tick marks. Mirrors root's
@@ -19,4 +19,7 @@ import type { AngleSliderMarksProps } from './types.cjs';
  * </AngleSliderMarks>
  * ```
  */
-export declare const AngleSliderMarks: React.ForwardRefExoticComponent<Omit<AngleSliderMarksProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AngleSliderMarks: {
+    ({ ref: forwardedRef, ...props }: AngleSliderMarksProps): React.ReactNode;
+    displayName: string;
+};

package/dist/angle-slider/AngleSliderMarks.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AngleSliderMarksProps } from './types.js';
 /**
  * Container for {@link AngleSlider} tick marks. Mirrors root's
@@ -19,4 +19,7 @@ import type { AngleSliderMarksProps } from './types.js';
  * </AngleSliderMarks>
  * ```
  */
-export declare const AngleSliderMarks: React.ForwardRefExoticComponent<Omit<AngleSliderMarksProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AngleSliderMarks: {
+    ({ ref: forwardedRef, ...props }: AngleSliderMarksProps): React.ReactNode;
+    displayName: string;
+};

package/dist/angle-slider/AngleSliderThumb.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AngleSliderThumbProps } from './types.cjs';
 /**
  * Visual-only angle slider thumb, `aria-hidden` since root carries slider semantics.
@@ -12,4 +12,7 @@ import type { AngleSliderThumbProps } from './types.cjs';
  * </AngleSlider>
  * ```
  */
-export declare const AngleSliderThumb: React.ForwardRefExoticComponent<Omit<AngleSliderThumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AngleSliderThumb: {
+    ({ ref: forwardedRef, ...props }: AngleSliderThumbProps): React.ReactNode;
+    displayName: string;
+};

package/dist/angle-slider/AngleSliderThumb.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AngleSliderThumbProps } from './types.js';
 /**
  * Visual-only angle slider thumb, `aria-hidden` since root carries slider semantics.
@@ -12,4 +12,7 @@ import type { AngleSliderThumbProps } from './types.js';
  * </AngleSlider>
  * ```
  */
-export declare const AngleSliderThumb: React.ForwardRefExoticComponent<Omit<AngleSliderThumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AngleSliderThumb: {
+    ({ ref: forwardedRef, ...props }: AngleSliderThumbProps): React.ReactNode;
+    displayName: string;
+};