@reforma/components 0.0.0-stage → 0.1.0

package/dist/AngleControl/AngleDial.js

@@ -0,0 +1,154 @@
+import { cn as B, mergeRefs as O } from "@reforma/lib";
+import { useRef as P, useState as ee, useMemo as I, useCallback as l, useEffect as A } from "react";
+import { Show as re } from "../Show/Show.js";
+import { getAngleDialGeometry as te, getPointOnCircle as ne, clampAngle as se, ANGLE_RING_WIDTH as ie, DEFAULT_ANGLE_PRESETS as oe } from "./angle.js";
+import d from "./AngleControl.module.css.js";
+import { AngleDraftInput as ae } from "./AngleDraftInput.js";
+import { AnglePresets as le } from "./AnglePresets.js";
+import { useAngleInteraction as de } from "./useAngleInteraction.js";
+import { useAngleSlider as ue } from "./useAngleSlider.js";
+import { jsxs as ce, jsx as i } from "react/jsx-runtime";
+function me({
+  ref: N,
+  angle: e,
+  presets: v = oe,
+  snap: E = !1,
+  snapThresholdDeg: R = 4,
+  isDisabled: u,
+  isReadOnly: c,
+  step: C,
+  precision: m,
+  valueRange: g = "unbounded",
+  presetBehavior: S = "canonical",
+  controlSize: w,
+  showInlineInput: F = !0,
+  className: G,
+  ariaLabel: _ = "Angle",
+  ariaLabelledBy: L,
+  autoFocus: x
+}) {
+  const T = P(null), b = P(!1), o = P(null), [V, y] = ee(null), t = I(() => te(w), [w]), f = I(() => ({
+    x: t.controlSize / 2,
+    y: t.controlSize / 2
+  }), [t.controlSize]), n = u || c, p = ne(e.normalizedDegrees, t.handleRadius, f), $ = {
+    "--reforma-angle-handle-size": `${t.handleSize}px`,
+    "--reforma-angle-ring-width": `${ie}px`,
+    "--reforma-angle-size": `${t.controlSize}px`
+  }, z = l((r, Y, Z) => {
+    e.setDegrees(se(r, e.minDegrees, e.maxDegrees), Y, Z);
+  }, [e]), s = l(() => {
+    o.current && (clearTimeout(o.current), o.current = null);
+  }, []), D = l(() => {
+    s(), y(null);
+  }, [s]), j = l((r) => {
+    s(), o.current = setTimeout(() => {
+      y(r), o.current = null;
+    }, r == null ? 120 : 70);
+  }, [s]), {
+    groupProps: H,
+    inputProps: k,
+    inputRef: q,
+    isDragging: M,
+    isFocused: U,
+    focusThumb: h,
+    startThumbDrag: W,
+    endThumbDrag: J
+  } = ue({
+    rootRef: T,
+    angle: e,
+    step: C,
+    precision: m,
+    valueRange: g,
+    isDisabled: n,
+    ariaLabel: _,
+    ariaLabelledBy: L,
+    onChangeDegrees: z
+  }), {
+    isDragging: K,
+    applyPreset: Q,
+    handleInteractionProps: X
+  } = de({
+    center: f,
+    handlePoint: p,
+    degrees: e.degrees,
+    normalizedDegrees: e.normalizedDegrees,
+    presets: v,
+    snap: E,
+    snapThresholdDeg: R,
+    valueRange: g,
+    presetBehavior: S,
+    isDisabled: n,
+    onChangeDegrees: z,
+    onDragStart: W,
+    onDragEnd: J
+  });
+  A(() => {
+    if (!x || b.current)
+      return;
+    b.current = !0;
+    const r = requestAnimationFrame(h);
+    return () => cancelAnimationFrame(r);
+  }, [x, h]);
+  const a = K || M;
+  return A(() => () => s(), [s]), A(() => {
+    (a || n) && D();
+  }, [D, a, n]), /* @__PURE__ */ ce("div", {
+    ...H,
+    ref: O(T, N),
+    className: B(d.dial, G),
+    style: $,
+    "data-disabled": u || void 0,
+    "data-readonly": c || void 0,
+    "data-dragging": a || void 0,
+    "data-thumb-focused": U || void 0,
+    "aria-disabled": n || void 0,
+    children: [/* @__PURE__ */ i("input", {
+      ...k,
+      ref: q,
+      className: d.sliderInput
+    }), /* @__PURE__ */ i("div", {
+      className: d.ring,
+      "aria-hidden": "true"
+    }), /* @__PURE__ */ i(le, {
+      presets: v,
+      center: f,
+      radius: t.presetRadius,
+      currentDegrees: e.degrees,
+      unit: e.unit,
+      minDegrees: e.minDegrees,
+      maxDegrees: e.maxDegrees,
+      precision: m,
+      valueRange: g,
+      presetBehavior: S,
+      isDragging: a,
+      isDisabled: n,
+      onPreviewChange: j,
+      onSelect: (r) => {
+        D(), Q(r);
+      }
+    }), /* @__PURE__ */ i(re, {
+      when: F,
+      children: /* @__PURE__ */ i(ae, {
+        angle: e,
+        precision: m,
+        previewValue: V,
+        isDisabled: u,
+        isReadOnly: c,
+        onCancel: h
+      })
+    }), /* @__PURE__ */ i("div", {
+      className: d.handle,
+      "data-angle-handle": !0,
+      style: {
+        left: p.x,
+        top: p.y
+      },
+      ...X
+    })]
+  });
+}
+me.displayName = "AngleDial";
+export {
+  me as AngleDial
+};
+//# sourceMappingURL=AngleDial.js.map

package/dist/AngleControl/AngleDial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AngleDial.js","sources":["../../src/AngleControl/AngleDial.tsx"],"sourcesContent":["import { cn, mergeRefs } from '@reforma/lib';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Show } from '../Show';\nimport {\n    ANGLE_RING_WIDTH,\n    clampAngle,\n    DEFAULT_ANGLE_PRESETS,\n    getAngleDialGeometry,\n    getPointOnCircle,\n} from './angle';\nimport styles from './AngleControl.module.css';\nimport { AngleDraftInput } from './AngleDraftInput';\nimport { AnglePresets } from './AnglePresets';\nimport { useAngleInteraction } from './useAngleInteraction';\nimport { useAngleSlider } from './useAngleSlider';\n\nimport type { CSSProperties, Ref } from 'react';\nimport type { AnglePrecision, AnglePresetBehavior, AngleValueRange } from './angle';\nimport type { AngleState } from './useAngleState';\n\nexport interface AngleDialProps {\n    ref?: Ref<HTMLDivElement | null>;\n    angle: AngleState;\n    presets?: readonly number[];\n    snap?: boolean;\n    snapThresholdDeg?: number;\n    isDisabled?: boolean;\n    isReadOnly?: boolean;\n    step?: number;\n    precision?: AnglePrecision;\n    valueRange?: AngleValueRange;\n    presetBehavior?: AnglePresetBehavior;\n    controlSize?: number;\n    showInlineInput?: boolean;\n    className?: string;\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n    autoFocus?: boolean;\n}\n\nexport function AngleDial({\n    ref,\n    angle,\n    presets = DEFAULT_ANGLE_PRESETS,\n    snap = false,\n    snapThresholdDeg = 4,\n    isDisabled,\n    isReadOnly,\n    step,\n    precision,\n    valueRange = 'unbounded',\n    presetBehavior = 'canonical',\n    controlSize,\n    showInlineInput = true,\n    className,\n    ariaLabel = 'Angle',\n    ariaLabelledBy,\n    autoFocus,\n}: AngleDialProps) {\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const hasAutofocusedRef = useRef(false);\n    const presetPreviewTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const [presetPreviewValue, setPresetPreviewValue] = useState<string | null>(null);\n    const geometry = useMemo(() => getAngleDialGeometry(controlSize), [controlSize]);\n    const center = useMemo(() => ({\n        x: geometry.controlSize / 2,\n        y: geometry.controlSize / 2,\n    }), [geometry.controlSize]);\n    const isInactive = isDisabled || isReadOnly;\n    const handlePoint = getPointOnCircle(angle.normalizedDegrees, geometry.handleRadius, center);\n    const styleVars = {\n        '--reforma-angle-handle-size': `${ geometry.handleSize }px`,\n        '--reforma-angle-ring-width': `${ ANGLE_RING_WIDTH }px`,\n        '--reforma-angle-size': `${ geometry.controlSize }px`,\n    } as CSSProperties;\n\n    const updateDegrees = useCallback((nextDegrees: number, source: Parameters<typeof angle.setDegrees>[1], committed: boolean) => {\n        angle.setDegrees(clampAngle(nextDegrees, angle.minDegrees, angle.maxDegrees), source, committed);\n    }, [angle]);\n\n    const clearPresetPreviewTimer = useCallback(() => {\n        if (presetPreviewTimerRef.current) {\n            clearTimeout(presetPreviewTimerRef.current);\n            presetPreviewTimerRef.current = null;\n        }\n    }, []);\n\n    const clearPresetPreview = useCallback(() => {\n        clearPresetPreviewTimer();\n        setPresetPreviewValue(null);\n    }, [clearPresetPreviewTimer]);\n\n    const updatePresetPreview = useCallback((nextValue: string | null) => {\n        clearPresetPreviewTimer();\n\n        presetPreviewTimerRef.current = setTimeout(() => {\n            setPresetPreviewValue(nextValue);\n            presetPreviewTimerRef.current = null;\n        }, nextValue == null ? 120 : 70);\n    }, [clearPresetPreviewTimer]);\n\n    const {\n        groupProps,\n        inputProps: sliderInputProps,\n        inputRef: sliderInputRef,\n        isDragging: isSliderDragging,\n        isFocused: isSliderFocused,\n        focusThumb,\n        startThumbDrag,\n        endThumbDrag,\n    } = useAngleSlider({\n        rootRef,\n        angle,\n        step,\n        precision,\n        valueRange,\n        isDisabled: isInactive,\n        ariaLabel,\n        ariaLabelledBy,\n        onChangeDegrees: updateDegrees,\n    });\n\n    const {\n        isDragging,\n        applyPreset,\n        handleInteractionProps,\n    } = useAngleInteraction({\n        center,\n        handlePoint,\n        degrees: angle.degrees,\n        normalizedDegrees: angle.normalizedDegrees,\n        presets,\n        snap,\n        snapThresholdDeg,\n        valueRange,\n        presetBehavior,\n        isDisabled: isInactive,\n        onChangeDegrees: updateDegrees,\n        onDragStart: startThumbDrag,\n        onDragEnd: endThumbDrag,\n    });\n\n    useEffect(() => {\n        if (!autoFocus || hasAutofocusedRef.current) {\n            return;\n        }\n\n        hasAutofocusedRef.current = true;\n        const frame = requestAnimationFrame(focusThumb);\n\n        return () => cancelAnimationFrame(frame);\n    }, [autoFocus, focusThumb]);\n\n    const isHandleActive = isDragging || isSliderDragging;\n\n    useEffect(() => () => clearPresetPreviewTimer(), [clearPresetPreviewTimer]);\n\n    useEffect(() => {\n        if (isHandleActive || isInactive) {\n            clearPresetPreview();\n        }\n    }, [clearPresetPreview, isHandleActive, isInactive]);\n\n    return (\n        <div\n            { ...groupProps }\n            ref={ mergeRefs(rootRef, ref) }\n            className={ cn(styles.dial, className) }\n            style={ styleVars }\n            data-disabled={ isDisabled || undefined }\n            data-readonly={ isReadOnly || undefined }\n            data-dragging={ isHandleActive || undefined }\n            data-thumb-focused={ isSliderFocused || undefined }\n            aria-disabled={ isInactive || undefined }\n        >\n            <input\n                { ...sliderInputProps }\n                ref={ sliderInputRef }\n                className={ styles.sliderInput }\n            />\n\n            <div className={ styles.ring } aria-hidden=\"true\" />\n\n            <AnglePresets\n                presets={ presets }\n                center={ center }\n                radius={ geometry.presetRadius }\n                currentDegrees={ angle.degrees }\n                unit={ angle.unit }\n                minDegrees={ angle.minDegrees }\n                maxDegrees={ angle.maxDegrees }\n                precision={ precision }\n                valueRange={ valueRange }\n                presetBehavior={ presetBehavior }\n                isDragging={ isHandleActive }\n                isDisabled={ isInactive }\n                onPreviewChange={ updatePresetPreview }\n                onSelect={ (preset) => {\n                    clearPresetPreview();\n                    applyPreset(preset);\n                } }\n            />\n\n            <Show when={ showInlineInput }>\n                <AngleDraftInput\n                    angle={ angle }\n                    precision={ precision }\n                    previewValue={ presetPreviewValue }\n                    isDisabled={ isDisabled }\n                    isReadOnly={ isReadOnly }\n                    onCancel={ focusThumb }\n                />\n            </Show>\n\n            <div\n                className={ styles.handle }\n                data-angle-handle\n                style={ {\n                    left: handlePoint.x,\n                    top: handlePoint.y,\n                } }\n                { ...handleInteractionProps }\n            />\n        </div>\n    );\n}\n\nAngleDial.displayName = 'AngleDial';\n"],"names":["AngleDial","ref","angle","presets","DEFAULT_ANGLE_PRESETS","snap","snapThresholdDeg","isDisabled","isReadOnly","step","precision","valueRange","presetBehavior","controlSize","showInlineInput","className","ariaLabel","ariaLabelledBy","autoFocus","rootRef","useRef","hasAutofocusedRef","presetPreviewTimerRef","presetPreviewValue","setPresetPreviewValue","useState","geometry","useMemo","getAngleDialGeometry","center","isInactive","handlePoint","getPointOnCircle","styleVars","ANGLE_RING_WIDTH","updateDegrees","useCallback","nextDegrees","source","committed","clampAngle","clearPresetPreviewTimer","clearPresetPreview","updatePresetPreview","nextValue","groupProps","sliderInputProps","sliderInputRef","isSliderDragging","isSliderFocused","focusThumb","startThumbDrag","endThumbDrag","useAngleSlider","isDragging","applyPreset","handleInteractionProps","useAngleInteraction","useEffect","frame","isHandleActive","mergeRefs","cn","styles","_jsx","AnglePresets","preset","Show","AngleDraftInput"],"mappings":"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"}

package/dist/AngleControl/AngleDraftInput.d.ts

@@ -0,0 +1,16 @@
+import type { AnglePrecision } from './angle';
+import type { AngleState } from './useAngleState';
+interface AngleDraftInputProps {
+    angle: AngleState;
+    precision?: AnglePrecision;
+    previewValue?: string | null;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    onCancel?: () => void;
+}
+export declare function AngleDraftInput({ angle, precision, previewValue, isDisabled, isReadOnly, onCancel, }: AngleDraftInputProps): import("react").JSX.Element;
+export declare namespace AngleDraftInput {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=AngleDraftInput.d.ts.map

package/dist/AngleControl/AngleDraftInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AngleDraftInput.d.ts","sourceRoot":"","sources":["../../src/AngleControl/AngleDraftInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,UAAU,oBAAoB;IAC1B,KAAK,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAYD,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,QAAQ,GACX,EAAE,oBAAoB,+BAqGtB;yBA5Ge,eAAe"}

package/dist/AngleControl/AngleDraftInput.js

@@ -0,0 +1,70 @@
+import { useState as N, useEffect as I, useCallback as n } from "react";
+import { formatAngleDisplayNumber as C, formatAngleNumber as F } from "./angle.js";
+import w from "./AngleControl.module.css.js";
+import { jsx as P } from "react/jsx-runtime";
+const T = /^[+-]?(?:\d+(?:\.\d*)?|\.\d*)?$/;
+function x(e) {
+  return T.test(e.trim());
+}
+function B(e) {
+  return e.trim() !== "" && Number.isFinite(Number(e));
+}
+function M({
+  angle: e,
+  precision: p,
+  previewValue: c,
+  isDisabled: b,
+  isReadOnly: f,
+  onCancel: g
+}) {
+  const r = C(e.value, {
+    precision: p
+  }), D = F(e.value, {
+    precision: p
+  }), [a, u] = N(""), [m, i] = N(!1), v = !m && c != null, o = b || f;
+  I(() => {
+    m || u(c ?? r);
+  }, [r, m, c]);
+  const s = n(() => o ? !1 : B(a) ? (e.setValue({
+    value: Number(a),
+    unit: e.unit
+  }, "input", !0), i(!1), !0) : (u(r), i(!1), !1), [e, r, o, a]), l = n(() => {
+    u(r), i(!1);
+  }, [r]), E = n((t) => {
+    if (o)
+      return;
+    const k = t.currentTarget;
+    i(!0), u(D), requestAnimationFrame(() => k.select());
+  }, [D, o]), h = n((t) => {
+    o || x(t.currentTarget.value) && u(t.currentTarget.value);
+  }, [o]), y = n(() => {
+    s() || l();
+  }, [s, l]), d = n((t) => {
+    t.stopPropagation();
+  }, []), A = n((t) => {
+    t.key === "Enter" ? (t.preventDefault(), s()) : t.key === "Escape" && (t.preventDefault(), l(), g?.());
+  }, [s, g, l]);
+  return /* @__PURE__ */ P("input", {
+    className: w.valueInput,
+    value: a,
+    disabled: b,
+    readOnly: f,
+    tabIndex: f ? -1 : void 0,
+    "data-preview": v || void 0,
+    "aria-label": "Angle value",
+    inputMode: "decimal",
+    spellCheck: !1,
+    onFocus: E,
+    onChange: h,
+    onBlur: y,
+    onPointerDown: d,
+    onMouseDown: d,
+    onClick: d,
+    onKeyDown: A
+  });
+}
+M.displayName = "AngleDraftInput";
+export {
+  M as AngleDraftInput
+};
+//# sourceMappingURL=AngleDraftInput.js.map

package/dist/AngleControl/AngleDraftInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AngleDraftInput.js","sources":["../../src/AngleControl/AngleDraftInput.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { formatAngleDisplayNumber, formatAngleNumber } from './angle';\nimport styles from './AngleControl.module.css';\n\nimport type { ChangeEvent, FocusEvent, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport type { AnglePrecision } from './angle';\nimport type { AngleState } from './useAngleState';\n\ninterface AngleDraftInputProps {\n    angle: AngleState;\n    precision?: AnglePrecision;\n    previewValue?: string | null;\n    isDisabled?: boolean;\n    isReadOnly?: boolean;\n    onCancel?: () => void;\n}\n\nconst NUMBER_DRAFT_RE = /^[+-]?(?:\\d+(?:\\.\\d*)?|\\.\\d*)?$/;\n\nfunction canEditNumber(value: string): boolean {\n    return NUMBER_DRAFT_RE.test(value.trim());\n}\n\nfunction canCommitNumber(value: string): boolean {\n    return value.trim() !== '' && Number.isFinite(Number(value));\n}\n\nexport function AngleDraftInput({\n    angle,\n    precision,\n    previewValue,\n    isDisabled,\n    isReadOnly,\n    onCancel,\n}: AngleDraftInputProps) {\n    const displayValue = formatAngleDisplayNumber(angle.value, { precision });\n    const editValue = formatAngleNumber(angle.value, { precision });\n    const [value, setValue] = useState('');\n    const [isEditing, setIsEditing] = useState(false);\n    const isPreviewing = !isEditing && previewValue != null;\n    const isInactive = isDisabled || isReadOnly;\n\n    useEffect(() => {\n        if (!isEditing) {\n            setValue(previewValue ?? displayValue);\n        }\n    }, [displayValue, isEditing, previewValue]);\n\n    const commit = useCallback((): boolean => {\n        if (isInactive) {\n            return false;\n        }\n\n        if (!canCommitNumber(value)) {\n            setValue(displayValue);\n            setIsEditing(false);\n\n            return false;\n        }\n\n        angle.setValue({ value: Number(value), unit: angle.unit }, 'input', true);\n        setIsEditing(false);\n\n        return true;\n    }, [angle, displayValue, isInactive, value]);\n\n    const rollback = useCallback(() => {\n        setValue(displayValue);\n        setIsEditing(false);\n    }, [displayValue]);\n\n    const handleFocus = useCallback((event: FocusEvent<HTMLInputElement>) => {\n        if (isInactive) {\n            return;\n        }\n\n        const input = event.currentTarget;\n\n        setIsEditing(true);\n        setValue(editValue);\n        requestAnimationFrame(() => input.select());\n    }, [editValue, isInactive]);\n\n    const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n        if (isInactive) {\n            return;\n        }\n\n        if (canEditNumber(event.currentTarget.value)) {\n            setValue(event.currentTarget.value);\n        }\n    }, [isInactive]);\n\n    const handleBlur = useCallback(() => {\n        if (!commit()) {\n            rollback();\n        }\n    }, [commit, rollback]);\n\n    const stopDialPointerHandling = useCallback((event: PointerEvent<HTMLInputElement> | MouseEvent<HTMLInputElement>) => {\n        event.stopPropagation();\n    }, []);\n\n    const handleKeyDown = useCallback((event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            commit();\n        }\n        else if (event.key === 'Escape') {\n            event.preventDefault();\n            rollback();\n            onCancel?.();\n        }\n    }, [commit, onCancel, rollback]);\n\n    return (\n        <input\n            className={ styles.valueInput }\n            value={ value }\n            disabled={ isDisabled }\n            readOnly={ isReadOnly }\n            tabIndex={ isReadOnly ? -1 : undefined }\n            data-preview={ isPreviewing || undefined }\n            aria-label=\"Angle value\"\n            inputMode=\"decimal\"\n            spellCheck={ false }\n            onFocus={ handleFocus }\n            onChange={ handleChange }\n            onBlur={ handleBlur }\n            onPointerDown={ stopDialPointerHandling }\n            onMouseDown={ stopDialPointerHandling }\n            onClick={ stopDialPointerHandling }\n            onKeyDown={ handleKeyDown }\n        />\n    );\n}\n\nAngleDraftInput.displayName = 'AngleDraftInput';\n"],"names":["NUMBER_DRAFT_RE","canEditNumber","value","canCommitNumber","AngleDraftInput","angle","precision","previewValue","isDisabled","isReadOnly","onCancel","displayValue","formatAngleDisplayNumber","editValue","formatAngleNumber","setValue","useState","isEditing","setIsEditing","isPreviewing","isInactive","useEffect","commit","useCallback","rollback","handleFocus","event","input","handleChange","handleBlur","stopDialPointerHandling","handleKeyDown","styles"],"mappings":";;;;AAIA,MAAMA,IAAkB;AACxB,SAASC,EAAcC,GAAO;AAC5B,SAAOF,EAAgB,KAAKE,EAAM,KAAA,CAAM;AAC1C;AACA,SAASC,EAAgBD,GAAO;AAC9B,SAAOA,EAAM,WAAW,MAAM,OAAO,SAAS,OAAOA,CAAK,CAAC;AAC7D;AACO,SAASE,EAAgB;AAAA,EAC9B,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAMC,IAAeC,EAAyBP,EAAM,OAAO;AAAA,IACzD,WAAAC;AAAA,EAAA,CACD,GACKO,IAAYC,EAAkBT,EAAM,OAAO;AAAA,IAC/C,WAAAC;AAAA,EAAA,CACD,GACK,CAACJ,GAAOa,CAAQ,IAAIC,EAAS,EAAE,GAC/B,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1CG,IAAe,CAACF,KAAaV,KAAgB,MAC7Ca,IAAaZ,KAAcC;AACjC,EAAAY,EAAU,MAAM;AACd,IAAKJ,KACHF,EAASR,KAAgBI,CAAY;AAAA,EAEzC,GAAG,CAACA,GAAcM,GAAWV,CAAY,CAAC;AAC1C,QAAMe,IAASC,EAAY,MACrBH,IACK,KAEJjB,EAAgBD,CAAK,KAK1BG,EAAM,SAAS;AAAA,IACb,OAAO,OAAOH,CAAK;AAAA,IACnB,MAAMG,EAAM;AAAA,EAAA,GACX,SAAS,EAAI,GAChBa,EAAa,EAAK,GACX,OATLH,EAASJ,CAAY,GACrBO,EAAa,EAAK,GACX,KAQR,CAACb,GAAOM,GAAcS,GAAYlB,CAAK,CAAC,GACrCsB,IAAWD,EAAY,MAAM;AACjC,IAAAR,EAASJ,CAAY,GACrBO,EAAa,EAAK;AAAA,EACpB,GAAG,CAACP,CAAY,CAAC,GACXc,IAAcF,EAAY,CAAAG,MAAS;AACvC,QAAIN;AACF;AAEF,UAAMO,IAAQD,EAAM;AACpB,IAAAR,EAAa,EAAI,GACjBH,EAASF,CAAS,GAClB,sBAAsB,MAAMc,EAAM,QAAQ;AAAA,EAC5C,GAAG,CAACd,GAAWO,CAAU,CAAC,GACpBQ,IAAeL,EAAY,CAAAG,MAAS;AACxC,IAAIN,KAGAnB,EAAcyB,EAAM,cAAc,KAAK,KACzCX,EAASW,EAAM,cAAc,KAAK;AAAA,EAEtC,GAAG,CAACN,CAAU,CAAC,GACTS,IAAaN,EAAY,MAAM;AACnC,IAAKD,OACHE,EAAA;AAAA,EAEJ,GAAG,CAACF,GAAQE,CAAQ,CAAC,GACfM,IAA0BP,EAAY,CAAAG,MAAS;AACnD,IAAAA,EAAM,gBAAA;AAAA,EACR,GAAG,CAAA,CAAE,GACCK,IAAgBR,EAAY,CAAAG,MAAS;AACzC,IAAIA,EAAM,QAAQ,WAChBA,EAAM,eAAA,GACNJ,EAAA,KACSI,EAAM,QAAQ,aACvBA,EAAM,eAAA,GACNF,EAAA,GACAd,IAAA;AAAA,EAEJ,GAAG,CAACY,GAAQZ,GAAUc,CAAQ,CAAC;AAC/B,2BAAyB,SAAS;AAAA,IAChC,WAAWQ,EAAO;AAAA,IAClB,OAAA9B;AAAA,IACA,UAAUM;AAAA,IACV,UAAUC;AAAA,IACV,UAAUA,IAAa,KAAK;AAAA,IAC5B,gBAAgBU,KAAgB;AAAA,IAChC,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAASM;AAAA,IACT,UAAUG;AAAA,IACV,QAAQC;AAAA,IACR,eAAeC;AAAA,IACf,aAAaA;AAAA,IACb,SAASA;AAAA,IACT,WAAWC;AAAA,EAAA,CACZ;AACH;AACA3B,EAAgB,cAAc;"}

package/dist/AngleControl/AnglePresets.d.ts

@@ -0,0 +1,23 @@
+import type { AnglePoint, AnglePrecision, AnglePresetBehavior, AngleUnit, AngleValueRange } from './angle';
+interface AnglePresetsProps {
+    presets: readonly number[];
+    center: AnglePoint;
+    radius: number;
+    currentDegrees: number;
+    unit: AngleUnit;
+    minDegrees?: number;
+    maxDegrees?: number;
+    precision?: AnglePrecision;
+    valueRange: AngleValueRange;
+    presetBehavior: AnglePresetBehavior;
+    isDragging?: boolean;
+    isDisabled?: boolean;
+    onPreviewChange?: (value: string | null) => void;
+    onSelect: (preset: number) => void;
+}
+export declare function AnglePresets({ presets, center, radius, currentDegrees, unit, minDegrees, maxDegrees, precision, valueRange, presetBehavior, isDragging, isDisabled, onPreviewChange, onSelect, }: AnglePresetsProps): import("react").JSX.Element;
+export declare namespace AnglePresets {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=AnglePresets.d.ts.map

package/dist/AngleControl/AnglePresets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnglePresets.d.ts","sourceRoot":"","sources":["../../src/AngleControl/AnglePresets.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS3G,UAAU,iBAAiB;IACvB,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,EAAE,eAAe,CAAC;IAC5B,cAAc,EAAE,mBAAmB,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,YAAY,CAAC,EACzB,OAAO,EACP,MAAM,EACN,MAAM,EACN,cAAc,EACd,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACV,eAAe,EACf,QAAQ,GACX,EAAE,iBAAiB,+BA8DnB;yBA7Ee,YAAY"}

package/dist/AngleControl/AnglePresets.js

@@ -0,0 +1,68 @@
+import { useMemo as N, useEffect as V } from "react";
+import { For as E } from "../For/For.js";
+import { clampAngle as g, applyPresetDegrees as j, fromDegrees as k, formatAngleDisplayNumber as D, formatAngleDisplay as F, getPointOnCircle as I } from "./angle.js";
+import L from "./AngleControl.module.css.js";
+import { jsx as d } from "react/jsx-runtime";
+function M({
+  presets: n,
+  center: m,
+  radius: r,
+  currentDegrees: i,
+  unit: p,
+  minDegrees: u,
+  maxDegrees: f,
+  precision: o,
+  valueRange: s,
+  presetBehavior: c,
+  isDragging: A,
+  isDisabled: b,
+  onPreviewChange: t,
+  onSelect: P
+}) {
+  const x = N(() => n.map((l) => {
+    const e = g(j(i, l, s, c), u, f), y = k(e, p);
+    return {
+      value: l,
+      point: I(l, r, m),
+      label: F(y, {
+        precision: o
+      }),
+      previewValue: D(y, {
+        precision: o
+      })
+    };
+  }), [m, i, f, u, o, c, n, r, p, s]), a = b || A;
+  return V(() => {
+    a && t?.(null);
+  }, [a, t]), /* @__PURE__ */ d(E, {
+    each: x,
+    children: (l) => /* @__PURE__ */ d("button", {
+      type: "button",
+      tabIndex: -1,
+      className: L.preset,
+      style: {
+        left: l.point.x,
+        top: l.point.y
+      },
+      disabled: b,
+      "aria-label": `Set ${l.label}`,
+      onPointerEnter: () => {
+        a || t?.(l.previewValue);
+      },
+      onPointerLeave: () => {
+        t?.(null);
+      },
+      onPointerCancel: () => {
+        t?.(null);
+      },
+      onClick: (e) => {
+        e.stopPropagation(), P(l.value), t?.(null);
+      }
+    }, l.value)
+  });
+}
+M.displayName = "AnglePresets";
+export {
+  M as AnglePresets
+};
+//# sourceMappingURL=AnglePresets.js.map

package/dist/AngleControl/AnglePresets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnglePresets.js","sources":["../../src/AngleControl/AnglePresets.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\n\nimport { For } from '../For';\nimport {\n    applyPresetDegrees,\n    clampAngle,\n    formatAngleDisplay,\n    formatAngleDisplayNumber,\n    fromDegrees,\n    getPointOnCircle,\n} from './angle';\nimport styles from './AngleControl.module.css';\n\nimport type { AnglePoint, AnglePrecision, AnglePresetBehavior, AngleUnit, AngleValueRange } from './angle';\n\ninterface AnglePresetItem {\n    value: number;\n    point: AnglePoint;\n    label: string;\n    previewValue: string;\n}\n\ninterface AnglePresetsProps {\n    presets: readonly number[];\n    center: AnglePoint;\n    radius: number;\n    currentDegrees: number;\n    unit: AngleUnit;\n    minDegrees?: number;\n    maxDegrees?: number;\n    precision?: AnglePrecision;\n    valueRange: AngleValueRange;\n    presetBehavior: AnglePresetBehavior;\n    isDragging?: boolean;\n    isDisabled?: boolean;\n    onPreviewChange?: (value: string | null) => void;\n    onSelect: (preset: number) => void;\n}\n\nexport function AnglePresets({\n    presets,\n    center,\n    radius,\n    currentDegrees,\n    unit,\n    minDegrees,\n    maxDegrees,\n    precision,\n    valueRange,\n    presetBehavior,\n    isDragging,\n    isDisabled,\n    onPreviewChange,\n    onSelect,\n}: AnglePresetsProps) {\n    const items = useMemo<readonly AnglePresetItem[]>(() => (\n        presets.map((preset) => {\n            const appliedDegrees = clampAngle(\n                applyPresetDegrees(currentDegrees, preset, valueRange, presetBehavior),\n                minDegrees,\n                maxDegrees\n            );\n            const appliedValue = fromDegrees(appliedDegrees, unit);\n\n            return {\n                value: preset,\n                point: getPointOnCircle(preset, radius, center),\n                label: formatAngleDisplay(appliedValue, { precision }),\n                previewValue: formatAngleDisplayNumber(appliedValue, { precision }),\n            };\n        })\n    ), [center, currentDegrees, maxDegrees, minDegrees, precision, presetBehavior, presets, radius, unit, valueRange]);\n    const disablePresetPreview = isDisabled || isDragging;\n\n    useEffect(() => {\n        if (disablePresetPreview) {\n            onPreviewChange?.(null);\n        }\n    }, [disablePresetPreview, onPreviewChange]);\n\n    return (\n        <For each={ items }>\n            { (preset) => {\n                return (\n                    <button\n                        key={ preset.value }\n                        type=\"button\"\n                        tabIndex={ -1 }\n                        className={ styles.preset }\n                        style={ {\n                            left: preset.point.x,\n                            top: preset.point.y,\n                        } }\n                        disabled={ isDisabled }\n                        aria-label={ `Set ${ preset.label }` }\n                        onPointerEnter={ () => {\n                            if (!disablePresetPreview) {\n                                onPreviewChange?.(preset.previewValue);\n                            }\n                        } }\n                        onPointerLeave={ () => {\n                            onPreviewChange?.(null);\n                        } }\n                        onPointerCancel={ () => {\n                            onPreviewChange?.(null);\n                        } }\n                        onClick={ (event) => {\n                            event.stopPropagation();\n                            onSelect(preset.value);\n                            onPreviewChange?.(null);\n                        } }\n                    />\n                );\n            } }\n        </For>\n    );\n}\n\nAnglePresets.displayName = 'AnglePresets';\n"],"names":["AnglePresets","presets","center","radius","currentDegrees","unit","minDegrees","maxDegrees","precision","valueRange","presetBehavior","isDragging","isDisabled","onPreviewChange","onSelect","items","useMemo","preset","appliedDegrees","clampAngle","applyPresetDegrees","appliedValue","fromDegrees","getPointOnCircle","formatAngleDisplay","formatAngleDisplayNumber","disablePresetPreview","useEffect","For","styles","event"],"mappings":";;;;;AAKO,SAASA,EAAa;AAAA,EAC3B,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAMC,IAAQC,EAAQ,MAAMf,EAAQ,IAAI,CAAAgB,MAAU;AAChD,UAAMC,IAAiBC,EAAWC,EAAmBhB,GAAgBa,GAAQR,GAAYC,CAAc,GAAGJ,GAAYC,CAAU,GAC1Hc,IAAeC,EAAYJ,GAAgBb,CAAI;AACrD,WAAO;AAAA,MACL,OAAOY;AAAA,MACP,OAAOM,EAAiBN,GAAQd,GAAQD,CAAM;AAAA,MAC9C,OAAOsB,EAAmBH,GAAc;AAAA,QACtC,WAAAb;AAAA,MAAA,CACD;AAAA,MACD,cAAciB,EAAyBJ,GAAc;AAAA,QACnD,WAAAb;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL,CAAC,GAAG,CAACN,GAAQE,GAAgBG,GAAYD,GAAYE,GAAWE,GAAgBT,GAASE,GAAQE,GAAMI,CAAU,CAAC,GAC5GiB,IAAuBd,KAAcD;AAC3C,SAAAgB,EAAU,MAAM;AACd,IAAID,KACFb,IAAkB,IAAI;AAAA,EAE1B,GAAG,CAACa,GAAsBb,CAAe,CAAC,qBACjBe,GAAK;AAAA,IAC5B,MAAMb;AAAA,IACN,UAAU,CAAAE,wBACiB,UAAU;AAAA,MACjC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAWY,EAAO;AAAA,MAClB,OAAO;AAAA,QACL,MAAMZ,EAAO,MAAM;AAAA,QACnB,KAAKA,EAAO,MAAM;AAAA,MAAA;AAAA,MAEpB,UAAUL;AAAA,MACV,cAAc,OAAOK,EAAO,KAAK;AAAA,MACjC,gBAAgB,MAAM;AACpB,QAAKS,KACHb,IAAkBI,EAAO,YAAY;AAAA,MAEzC;AAAA,MACA,gBAAgB,MAAM;AACpB,QAAAJ,IAAkB,IAAI;AAAA,MACxB;AAAA,MACA,iBAAiB,MAAM;AACrB,QAAAA,IAAkB,IAAI;AAAA,MACxB;AAAA,MACA,SAAS,CAAAiB,MAAS;AAChB,QAAAA,EAAM,gBAAA,GACNhB,EAASG,EAAO,KAAK,GACrBJ,IAAkB,IAAI;AAAA,MACxB;AAAA,IAAA,GACCI,EAAO,KAAK;AAAA,EACjB,CACD;AACH;AACAjB,EAAa,cAAc;"}

package/dist/AngleControl/AnglePreview.d.ts

@@ -0,0 +1,11 @@
+import type { AngleControlSize } from './angle';
+export interface AnglePreviewProps {
+    normalizedDegrees: number;
+    size?: AngleControlSize;
+    className?: string;
+}
+export declare function AnglePreview({ normalizedDegrees, size, className, }: AnglePreviewProps): import("react").JSX.Element;
+export declare namespace AnglePreview {
+    var displayName: string;
+}
+//# sourceMappingURL=AnglePreview.d.ts.map

package/dist/AngleControl/AnglePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnglePreview.d.ts","sourceRoot":"","sources":["../../src/AngleControl/AnglePreview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,WAAW,iBAAiB;IAC9B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EACzB,iBAAiB,EACjB,IAAW,EACX,SAAS,GACZ,EAAE,iBAAiB,+BA4BnB;yBAhCe,YAAY"}

package/dist/AngleControl/AnglePreview.js

@@ -0,0 +1,37 @@
+import { cn as o } from "@reforma/lib";
+import { ANGLE_PREVIEW_GEOMETRY as m, getPointOnCircle as p, ANGLE_RING_WIDTH as c } from "./angle.js";
+import n from "./AngleControl.module.css.js";
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+function f({
+  normalizedDegrees: i,
+  size: t = "sm",
+  className: l
+}) {
+  const e = m[t], r = e.size / 2, a = p(i, e.handleRadius, {
+    x: r,
+    y: r
+  });
+  return /* @__PURE__ */ d("span", {
+    className: o(n.previewDial, l),
+    style: {
+      "--reforma-angle-handle-size": `${e.handleSize}px`,
+      "--reforma-angle-ring-width": `${c}px`,
+      "--reforma-angle-size": `${e.size}px`
+    },
+    "aria-hidden": "true",
+    children: [/* @__PURE__ */ s("span", {
+      className: n.ring
+    }), /* @__PURE__ */ s("span", {
+      className: n.handle,
+      style: {
+        left: a.x,
+        top: a.y
+      }
+    })]
+  });
+}
+f.displayName = "AnglePreview";
+export {
+  f as AnglePreview
+};
+//# sourceMappingURL=AnglePreview.js.map

package/dist/AngleControl/AnglePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnglePreview.js","sources":["../../src/AngleControl/AnglePreview.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\n\nimport { ANGLE_PREVIEW_GEOMETRY, ANGLE_RING_WIDTH, getPointOnCircle } from './angle';\nimport styles from './AngleControl.module.css';\n\nimport type { CSSProperties } from 'react';\nimport type { AngleControlSize } from './angle';\n\nexport interface AnglePreviewProps {\n    normalizedDegrees: number;\n    size?: AngleControlSize;\n    className?: string;\n}\n\nexport function AnglePreview({\n    normalizedDegrees,\n    size = 'sm',\n    className,\n}: AnglePreviewProps) {\n    const geometry = ANGLE_PREVIEW_GEOMETRY[size];\n    const center = geometry.size / 2;\n    const handlePoint = getPointOnCircle(normalizedDegrees, geometry.handleRadius, {\n        x: center,\n        y: center,\n    });\n\n    return (\n        <span\n            className={ cn(styles.previewDial, className) }\n            style={ {\n                '--reforma-angle-handle-size': `${ geometry.handleSize }px`,\n                '--reforma-angle-ring-width': `${ ANGLE_RING_WIDTH }px`,\n                '--reforma-angle-size': `${ geometry.size }px`,\n            } as CSSProperties }\n            aria-hidden=\"true\"\n        >\n            <span className={ styles.ring } />\n            <span\n                className={ styles.handle }\n                style={ {\n                    left: handlePoint.x,\n                    top: handlePoint.y,\n                } }\n            />\n        </span>\n    );\n}\n\nAnglePreview.displayName = 'AnglePreview';\n"],"names":["AnglePreview","normalizedDegrees","size","className","geometry","ANGLE_PREVIEW_GEOMETRY","center","handlePoint","getPointOnCircle","cn","styles","ANGLE_RING_WIDTH","_jsx"],"mappings":";;;;AAIO,SAASA,EAAa;AAAA,EAC3B,mBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,GAAG;AACD,QAAMC,IAAWC,EAAuBH,CAAI,GACtCI,IAASF,EAAS,OAAO,GACzBG,IAAcC,EAAiBP,GAAmBG,EAAS,cAAc;AAAA,IAC7E,GAAGE;AAAA,IACH,GAAGA;AAAA,EAAA,CACJ;AACD,2BAA0B,QAAQ;AAAA,IAChC,WAAWG,EAAGC,EAAO,aAAaP,CAAS;AAAA,IAC3C,OAAO;AAAA,MACL,+BAA+B,GAAGC,EAAS,UAAU;AAAA,MACrD,8BAA8B,GAAGO,CAAgB;AAAA,MACjD,wBAAwB,GAAGP,EAAS,IAAI;AAAA,IAAA;AAAA,IAE1C,eAAe;AAAA,IACf,UAAU,CAAcQ,gBAAAA,EAAK,QAAQ;AAAA,MACnC,WAAWF,EAAO;AAAA,IAAA,CACnB,GAAgBE,gBAAAA,EAAK,QAAQ;AAAA,MAC5B,WAAWF,EAAO;AAAA,MAClB,OAAO;AAAA,QACL,MAAMH,EAAY;AAAA,QAClB,KAAKA,EAAY;AAAA,MAAA;AAAA,IACnB,CACD,CAAC;AAAA,EAAA,CACH;AACH;AACAP,EAAa,cAAc;"}

package/dist/AngleControl/angle.d.ts

@@ -0,0 +1,109 @@
+import { isAngleUnit, parseAngleValue } from '@reforma/lib';
+import type { AngleUnit, AngleUnitValue } from '@reforma/lib';
+import type { CSSProperties, Ref } from 'react';
+export type { AngleUnit } from '@reforma/lib';
+export type AngleString = `${number}${AngleUnit}`;
+export interface AngleValue extends AngleUnitValue {
+}
+export type AngleChangeSource = 'drag' | 'preset' | 'input' | 'keyboard';
+export interface AngleChangeMeta {
+    source: AngleChangeSource;
+    degrees: number;
+    normalizedDegrees: number;
+    unit: AngleUnit;
+    committed: boolean;
+}
+export type AngleControlSize = 'sm' | 'md' | 'lg';
+export type AnglePrecision = number | Partial<Record<AngleUnit, number>>;
+export type AngleValueRange = 'unbounded' | 'positive' | 'signed';
+export type AnglePresetBehavior = 'canonical' | 'preserve-revolution';
+export interface AngleControlProps {
+    ref?: Ref<HTMLButtonElement | null>;
+    value?: AngleValue;
+    defaultValue?: AngleValue;
+    onChange?: (value: AngleValue, meta: AngleChangeMeta) => void;
+    onChangeEnd?: (value: AngleValue, meta: AngleChangeMeta) => void;
+    unit?: AngleUnit;
+    presets?: readonly number[];
+    snap?: boolean;
+    snapThresholdDeg?: number;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: AnglePrecision;
+    valueRange?: AngleValueRange;
+    presetBehavior?: AnglePresetBehavior;
+    size?: AngleControlSize;
+    expandedSize?: number;
+    showInlineInput?: boolean;
+    className?: string;
+    popoverClassName?: string;
+    style?: CSSProperties;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}
+export interface AnglePoint {
+    x: number;
+    y: number;
+}
+export interface AngleDialGeometry {
+    controlSize: number;
+    handleRadius: number;
+    handleSize: number;
+    presetRadius: number;
+}
+export interface AngleGeometryOptions {
+    /**
+     * 0deg is at 12 o'clock,
+     * positive values rotate clockwise.
+     */
+    zero?: 'top' | 'right';
+    direction?: 'clockwise' | 'counterclockwise';
+}
+export declare const DEFAULT_ANGLE_PRECISION: Record<AngleUnit, number>;
+export declare const DEFAULT_ANGLE_PRESETS: readonly [0, 45, 90, 135, 180, 225, 270, 315];
+export declare const DEFAULT_ANGLE_EXPANDED_SIZE = 72;
+export declare const ANGLE_RING_WIDTH = 2;
+export declare const ANGLE_PREVIEW_GEOMETRY: Record<AngleControlSize, {
+    size: number;
+    handleRadius: number;
+    handleSize: number;
+}>;
+export { isAngleUnit };
+export declare const parseAngle: typeof parseAngleValue;
+export declare function toDegrees(value: AngleValue): number;
+export declare function fromDegrees(degrees: number, unit: AngleUnit): AngleValue;
+export declare function normalizeDegrees(degrees: number): number;
+export declare function normalizeSignedDegrees(degrees: number): number;
+export declare function applyAngleValueRange(degrees: number, range?: AngleValueRange): number;
+export declare function getAnglePrecision(unit: AngleUnit, precision?: AnglePrecision): number;
+export declare function roundAngleNumber(value: number, precision: number): number;
+export declare function roundAngleValue(value: AngleValue, precision?: AnglePrecision): AngleValue;
+export declare function roundAngleValueInRange(value: AngleValue, precision?: AnglePrecision, min?: number, max?: number): AngleValue;
+export declare function formatAngle(value: AngleValue, options?: {
+    precision?: AnglePrecision;
+    trimTrailingZeros?: boolean;
+}): string;
+export declare function formatAngleNumber(value: AngleValue, options?: Parameters<typeof formatAngle>[1]): string;
+export declare function formatAngleDisplayNumber(value: AngleValue, options?: Parameters<typeof formatAngle>[1]): string;
+export declare function formatAngleDisplay(value: AngleValue, options?: Parameters<typeof formatAngle>[1]): string;
+export declare function angleDistance(leftDeg: number, rightDeg: number): number;
+export declare function getAngleFromPoint(point: AnglePoint, center: AnglePoint, options?: AngleGeometryOptions): number;
+export declare function getPointOnCircle(angleDeg: number, radius: number, center: AnglePoint, options?: AngleGeometryOptions): AnglePoint;
+export declare function getAngleDialGeometry(controlSize?: number): AngleDialGeometry;
+export declare function getPresetForAngle(angleDeg: number, presets?: readonly number[]): number;
+/**
+ * Presets stay near the current revolution instead of collapsing values to 0..360.
+ * For negative values, the closest candidate is less surprising than raw floor/trunc.
+ */
+export declare function applyPresetKeepingRevolution(currentDeg: number, presetDeg: number): number;
+export declare function applyPresetDegrees(currentDeg: number, presetDeg: number, range?: AngleValueRange, behavior?: AnglePresetBehavior): number;
+export declare function clampAngle(deg: number, minDeg?: number, maxDeg?: number): number;
+export declare function snapDegreesToPresets(degrees: number, presets?: readonly number[], thresholdDeg?: number): number;
+export declare function shortestAngleDelta(fromDeg: number, toDeg: number): number;
+//# sourceMappingURL=angle.d.ts.map

package/dist/AngleControl/angle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"angle.d.ts","sourceRoot":"","sources":["../../src/AngleControl/angle.ts"],"names":[],"mappings":"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"}