@tremolo-ui/react 0.0.1

package/dist/cjs/types/src/components/Slider/type.d.ts

@@ -0,0 +1,26 @@
+export type Horizontal = 'right' | 'left';
+export type Vertical = 'up' | 'down';
+export type Direction = Horizontal | Vertical;
+export declare function isHorizontal(d: Direction): d is "left" | "right";
+export declare function isVertical(d: Direction): d is "up" | "down";
+export declare function isReversed(d: Direction): d is "left" | "up";
+export declare function gradientDirection(d: Direction): "left" | "right" | "bottom" | "top" | undefined;
+export type ScaleType = 'mark' | 'mark-number' | 'number';
+export type ScaleOrderList = {
+    at: number;
+    type: ScaleType;
+    style?: {
+        markColor?: string;
+        labelColor?: string;
+        length?: number | string;
+        thickness?: number | string;
+    };
+};
+export declare function parseScaleOrderList(scale: ['step', ScaleType] | [number, ScaleType] | ScaleOrderList[] | undefined, min: number, max: number, step: number): ScaleOrderList[];
+export type ScaleOption = {
+    markColor?: string;
+    labelColor?: string;
+    gap?: number | string;
+    style?: React.CSSProperties;
+};
+//# sourceMappingURL=type.d.ts.map

package/dist/cjs/types/src/components/Slider/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/type.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAA;AACpC,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;AAE7C,wBAAgB,YAAY,CAAC,CAAC,EAAE,SAAS,yBAExC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,sBAEtC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,sBAEtC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,SAAS,mDAI7C;AAID,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,QAAQ,CAAA;AACzD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAC5B,CAAA;CACF,CAAA;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EACD,CAAC,MAAM,EAAE,SAAS,CAAC,GACnB,CAAC,MAAM,EAAE,SAAS,CAAC,GACnB,cAAc,EAAE,GAChB,SAAS,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,oBAmBb;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA"}

package/dist/cjs/types/src/hooks/useCallbackRef.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This hook is user-land implementation of the experimental `useEffectEvent` hook.
+ * React docs: https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event
+ */
+export declare function useCallbackRef<Args extends unknown[], Return>(callback: ((...args: Args) => Return) | undefined, deps?: React.DependencyList): (...args: Args) => Return | undefined;
+//# sourceMappingURL=useCallbackRef.d.ts.map

package/dist/cjs/types/src/hooks/useCallbackRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallbackRef.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCallbackRef.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,SAAS,OAAO,EAAE,EAAE,MAAM,EAC3D,QAAQ,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,GAAG,SAAS,EACjD,IAAI,GAAE,KAAK,CAAC,cAAmB,aAUF,IAAI,wBAClC"}

package/dist/cjs/types/src/hooks/useEventListener.d.ts

@@ -0,0 +1,7 @@
+type Target = EventTarget | null | (() => EventTarget | null);
+type Options = boolean | AddEventListenerOptions;
+export declare function useEventListener<K extends keyof DocumentEventMap>(target: Target, event: K, handler?: (event: DocumentEventMap[K]) => void, options?: Options): VoidFunction;
+export declare function useEventListener<K extends keyof WindowEventMap>(target: Target, event: K, handler?: (event: WindowEventMap[K]) => void, options?: Options): VoidFunction;
+export declare function useEventListener<K extends keyof GlobalEventHandlersEventMap>(target: Target, event: K, handler?: (event: GlobalEventHandlersEventMap[K]) => void, options?: Options): VoidFunction;
+export {};
+//# sourceMappingURL=useEventListener.d.ts.map

package/dist/cjs/types/src/hooks/useEventListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAIA,KAAK,MAAM,GAAG,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAA;AAC7D,KAAK,OAAO,GAAG,OAAO,GAAG,uBAAuB,CAAA;AAEhD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAC/D,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9C,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA;AACf,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,cAAc,EAC7D,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAC5C,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA;AACf,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,2BAA2B,EAC1E,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAAK,IAAI,EACzD,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA"}

package/dist/cjs/types/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from './math';
+export type * from './types';
+export { Knob } from './components/Knob';
+export { Slider } from './components/Slider';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/types/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,mBAAmB,SAAS,CAAA;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/cjs/types/src/math.d.ts

@@ -0,0 +1,8 @@
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function normalizeValue(rawValue: number, min: number, max: number, skew?: number): number;
+export declare function rawValue(normalizedValue: number, min: number, max: number, skew?: number): number;
+export declare function skewWithCenterValue(centerValue: number, min: number, max: number): number;
+export declare function stepValue(value: number, step: number): number;
+export declare function toFixed(x: number, fractionDigits?: number): number;
+export declare function decimalPart(x: number | string): string | undefined;
+//# sourceMappingURL=math.d.ts.map

package/dist/cjs/types/src/math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/math.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAE5D;AAED,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,SAAI,UAKT;AAED,wBAAgB,QAAQ,CACtB,eAAe,EAAE,MAAM,EACvB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,SAAI,UAQT;AAED,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,UAKZ;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,UAOpD;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,UAEzD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAElE"}

package/dist/cjs/types/src/types.d.ts

@@ -0,0 +1,2 @@
+export type WheelOption = ['normalized' | 'raw', number];
+//# sourceMappingURL=types.d.ts.map

package/dist/cjs/types/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,CAAC,YAAY,GAAG,KAAK,EAAE,MAAM,CAAC,CAAA"}

package/dist/cjs/types/src/util.d.ts

@@ -0,0 +1,2 @@
+export declare function styleHelper(property: string | number): string;
+//# sourceMappingURL=util.d.ts.map

package/dist/cjs/types/src/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/util.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,UAMpD"}

package/dist/esm/index.d.ts

@@ -0,0 +1,79 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import { WheelOption as WheelOption$1 } from '@/types';
+import React$1, { ReactNode } from 'react';
+
+declare function clamp(value: number, min: number, max: number): number;
+declare function normalizeValue(rawValue: number, min: number, max: number, skew?: number): number;
+declare function rawValue(normalizedValue: number, min: number, max: number, skew?: number): number;
+declare function skewWithCenterValue(centerValue: number, min: number, max: number): number;
+declare function stepValue(value: number, step: number): number;
+declare function toFixed(x: number, fractionDigits?: number): number;
+declare function decimalPart(x: number | string): string | undefined;
+
+type WheelOption = ['normalized' | 'raw', number];
+
+interface KnobProps {
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+    skew?: number;
+    size?: number | string;
+    active?: string;
+    inactive?: string;
+    bg?: string;
+    thumb?: string;
+    lineWeight?: number | string;
+    thumbWeight?: number | string;
+    cursor?: string;
+    style?: React.CSSProperties;
+    bodyNoSelect?: boolean;
+    enableWheel?: WheelOption$1;
+    onChange?: (value: number) => void;
+}
+declare function Knob({ value, min, max, step, skew, size, active, inactive, bg, thumb, lineWeight, thumbWeight, cursor, style, bodyNoSelect, enableWheel, onChange, }: KnobProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type Horizontal = 'right' | 'left';
+type Vertical = 'up' | 'down';
+type Direction = Horizontal | Vertical;
+type ScaleType = 'mark' | 'mark-number' | 'number';
+type ScaleOrderList = {
+    at: number;
+    type: ScaleType;
+    style?: {
+        markColor?: string;
+        labelColor?: string;
+        length?: number | string;
+        thickness?: number | string;
+    };
+};
+type ScaleOption = {
+    markColor?: string;
+    labelColor?: string;
+    gap?: number | string;
+    style?: React.CSSProperties;
+};
+
+interface SliderProps {
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+    length?: number | string;
+    thickness?: number | string;
+    direction?: Direction;
+    skew?: number;
+    scale?: ['step', ScaleType] | [number, ScaleType] | ScaleOrderList[];
+    scaleOption?: ScaleOption;
+    color?: string;
+    bg?: string;
+    cursor?: string;
+    style?: React$1.CSSProperties;
+    bodyNoSelect?: boolean;
+    enableWheel?: WheelOption$1;
+    onChange?: (value: number) => void;
+    children?: ReactNode;
+}
+declare function Slider({ value, min, max, step, length, thickness, direction, skew, scale, scaleOption, color, bg, cursor, style, bodyNoSelect, enableWheel, onChange, children, }: SliderProps): _emotion_react_jsx_runtime.JSX.Element;
+
+export { Knob, Slider, type WheelOption, clamp, decimalPart, normalizeValue, rawValue, skewWithCenterValue, stepValue, toFixed };

package/dist/esm/index.js

@@ -0,0 +1,387 @@
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { css, Global } from '@emotion/react';
+import { useRef, useInsertionEffect, useCallback, useEffect, useMemo, Children, isValidElement } from 'react';
+
+function clamp(value, min, max) {
+    return Math.max(min, Math.min(value, max));
+}
+function normalizeValue(rawValue, min, max, skew = 1) {
+    if (min >= max)
+        throw new RangeError('requirements: min < max');
+    const v = clamp((rawValue - min) / (max - min), 0, 1);
+    return Math.pow(v, skew);
+}
+function rawValue(normalizedValue, min, max, skew = 1) {
+    if (min >= max)
+        throw new RangeError('requirements: min < max');
+    const v = skew == 1
+        ? clamp(normalizedValue, 0, 1)
+        : Math.exp(Math.log(clamp(normalizedValue, 0, 1)) / skew);
+    return min + v * (max - min);
+}
+function skewWithCenterValue(centerValue, min, max) {
+    if (!(min <= centerValue && centerValue <= max))
+        throw new RangeError('requirements: min <= centerValue <= max');
+    return Math.log(0.5) / Math.log((centerValue - min) / (max - min));
+}
+function stepValue(value, step) {
+    var _a;
+    if (step <= 0)
+        throw new RangeError('requirements: step > 0');
+    const quotient = Math.floor(value / step);
+    const decimalDigits = (_a = decimalPart(step)) === null || _a === void 0 ? void 0 : _a.length;
+    const v = toFixed(quotient * step, decimalDigits);
+    const next = toFixed((quotient + 1) * step, decimalDigits);
+    return Math.abs(value - v) < Math.abs(value - next) ? v : next;
+}
+function toFixed(x, fractionDigits) {
+    return Number(x.toFixed(fractionDigits));
+}
+function decimalPart(x) {
+    return String(x).split('.')[1];
+}
+
+/**
+ * This hook is user-land implementation of the experimental `useEffectEvent` hook.
+ * React docs: https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event
+ */
+function useCallbackRef(callback, deps = []) {
+    const callbackRef = useRef(() => {
+        throw new Error('Cannot call an event handler while rendering.');
+    });
+    useInsertionEffect(() => {
+        callbackRef.current = callback;
+    });
+    return useCallback((...args) => { var _a; return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args); }, deps);
+}
+
+function useEventListener(target, event, handler, options) {
+    const listener = useCallbackRef(handler);
+    useEffect(() => {
+        const node = typeof target === 'function' ? target() : (target !== null && target !== void 0 ? target : document);
+        if (!handler || !node)
+            return;
+        node.addEventListener(event, listener, options);
+        return () => {
+            node.removeEventListener(event, listener, options);
+        };
+    }, [event, target, options, listener, handler]);
+    return () => {
+        const node = typeof target === 'function' ? target() : (target !== null && target !== void 0 ? target : document);
+        node === null || node === void 0 ? void 0 : node.removeEventListener(event, listener, options);
+    };
+}
+
+function styleHelper(property) {
+    if (typeof property == 'number') {
+        return `${property}px`;
+    }
+    else {
+        return property;
+    }
+}
+
+function Knob({ value, min, max, step = 1, skew = 1, size = 50, active = '#7998ec', inactive = '#eee', bg = '#ccc', thumb = '#4e76e6', lineWeight = 12, thumbWeight = 4, cursor = 'pointer', style, bodyNoSelect = true, enableWheel, onChange, }) {
+    // -- state and ref ---
+    // const [privateValue, setPrivateValue] = useState(value);
+    const dragOffsetY = useRef(undefined);
+    // --- interpret props ---
+    const percent = normalizeValue(value, min, max, skew);
+    const handleValue = (event) => {
+        if (dragOffsetY.current) {
+            if (bodyNoSelect)
+                document.body.classList.add('no-select');
+            const delta = dragOffsetY.current - event.screenY;
+            dragOffsetY.current = event.screenY;
+            const n = normalizeValue(value, min, max, skew);
+            const v = rawValue(n + delta / 100, min, max, skew);
+            const v2 = clamp(stepValue(v, step), min, max);
+            if (onChange)
+                onChange(v2);
+        }
+    };
+    // --- hooks ---
+    const wrapperRef = useMemo(() => {
+        let cleanup;
+        return (div) => {
+            if (!div) {
+                cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+                return;
+            }
+            const controller = new AbortController();
+            div.addEventListener('wheel', (event) => {
+                if (!enableWheel)
+                    return;
+                event.preventDefault();
+                const x = event.deltaY > 0 ? -enableWheel[1] : enableWheel[1];
+                let v;
+                if (enableWheel[0] == 'normalized') {
+                    const n = normalizeValue(value, min, max, skew);
+                    v = rawValue(n + x, min, max, skew);
+                }
+                else {
+                    v = value + x;
+                }
+                if (onChange)
+                    onChange(clamp(stepValue(v, step), min, max));
+            }, {
+                signal: controller.signal,
+                passive: false,
+            });
+            cleanup = () => {
+                // console.log("cleanup")
+                controller.abort();
+            };
+        };
+    }, [value]);
+    useEventListener(window, 'mousemove', (event) => {
+        handleValue(event);
+    });
+    useEventListener(window, 'mouseup', () => {
+        dragOffsetY.current = undefined;
+        if (bodyNoSelect)
+            document.body.classList.remove('no-select');
+    });
+    return (jsx("div", { className: "tremolo-knob", ref: wrapperRef, onMouseDown: (event) => {
+            dragOffsetY.current = event.screenY;
+            handleValue(event);
+        }, style: Object.assign({ display: 'inline-block', width: size, height: size }, style), children: jsx("div", { css: css({
+                display: 'inline-block',
+                width: size,
+                height: size,
+                background: `conic-gradient(${active} ${percent * 270}deg, ${inactive} ${percent * 270}deg, ${inactive} ${270}deg, ${bg} 90deg)`,
+                borderRadius: '50%',
+                position: 'relative',
+                cursor: cursor,
+                rotate: '-135deg',
+                '&::before': {
+                    display: 'block',
+                    position: 'absolute',
+                    right: 0,
+                    left: 0,
+                    top: 0,
+                    bottom: 0,
+                    margin: 'auto',
+                    content: '""',
+                    width: `calc(${styleHelper(size)} - ${styleHelper(lineWeight)})`,
+                    height: `calc(${styleHelper(size)} - ${styleHelper(lineWeight)})`,
+                    backgroundColor: bg,
+                    borderRadius: '50%',
+                },
+                '&::after': {
+                    display: 'block',
+                    position: 'absolute',
+                    top: 0,
+                    bottom: 0,
+                    // left: lineWeight,
+                    margin: 'auto 0',
+                    content: '""',
+                    width: `calc(0.5 * ${styleHelper(size)})`,
+                    height: thumbWeight,
+                    borderRadius: thumbWeight,
+                    backgroundColor: thumb,
+                    rotate: `${90 + percent * 270}deg`,
+                    transformOrigin: '100% 50%',
+                },
+            }), children: jsx(Global, { styles: {
+                    '.no-select': {
+                        userSelect: 'none',
+                    },
+                } }) }) }));
+}
+
+function isHorizontal(d) {
+    return d == 'right' || d == 'left';
+}
+function isVertical(d) {
+    return d == 'up' || d == 'down';
+}
+function isReversed(d) {
+    return d == 'left' || d == 'up';
+}
+function gradientDirection(d) {
+    if (d == 'left' || d == 'right')
+        return d;
+    if (d == 'up')
+        return 'top';
+    if (d == 'down')
+        return 'bottom';
+}
+function parseScaleOrderList(scale, min, max, step) {
+    var _a;
+    let scalesList = [];
+    if (!scale) ;
+    else if (typeof scale[0] == 'object') {
+        scalesList = scale;
+    }
+    else {
+        const per = scale[0] == 'step' ? step : scale[0];
+        const count = Math.floor(max / per) - Math.ceil(min / per) + 1;
+        for (let i = 0; i < count; i++) {
+            const at = toFixed(per * (Math.ceil(min / per) + i), (_a = decimalPart(per)) === null || _a === void 0 ? void 0 : _a.length);
+            scalesList.push({ at: at, type: scale[1] });
+        }
+    }
+    return scalesList;
+}
+
+// interface SliderThumbProps {}
+function SliderThumb( /* {}: SliderThumbProps */) {
+    return jsx("div", {});
+}
+function Slider({ value, min, max, step = 1, length = 140, thickness = 10, direction = 'right', skew = 1, scale, scaleOption, color = '#4e76e6', bg = '#eee', cursor = 'pointer', style, bodyNoSelect = true, enableWheel, onChange, children, }) {
+    var _a, _b;
+    // -- state and ref ---
+    const baseWrapperElement = useRef(null);
+    // --- interpret props ---
+    const percent = normalizeValue(value, min, max, skew) * 100;
+    const percentRev = isReversed(direction) ? 100 - percent : percent;
+    const scalesList = parseScaleOrderList(scale, min, max, step);
+    if (isReversed(direction))
+        scalesList.reverse();
+    // let defaultThumb = true
+    if (children != undefined) {
+        const childElements = Children.toArray(children);
+        const lastElement = childElements[childElements.length - 1];
+        if (isValidElement(lastElement)) {
+            // defaultThumb = false
+            if (lastElement.type == SliderThumb) ;
+        }
+        else {
+            throw new Error('children is an invalid element.');
+        }
+    }
+    const thumbDragged = useRef(false);
+    const handleValue = (event) => {
+        if (baseWrapperElement.current && thumbDragged.current) {
+            if (bodyNoSelect)
+                document.body.classList.add('no-select');
+            const { left: x1, top: y1, right: x2, bottom: y2, } = baseWrapperElement.current.getBoundingClientRect();
+            const mouseX = event.clientX;
+            const mouseY = event.clientY;
+            const n = isHorizontal(direction)
+                ? normalizeValue(mouseX, x1, x2)
+                : normalizeValue(mouseY, y1, y2);
+            const v = rawValue(isReversed(direction) ? 1 - n : n, min, max, skew);
+            const v2 = clamp(stepValue(v, step), min, max);
+            if (onChange)
+                onChange(v2);
+        }
+    };
+    // --- hooks ---
+    const wrapperRef = useMemo(() => {
+        let cleanup;
+        return (div) => {
+            if (!div) {
+                cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+                return;
+            }
+            const controller = new AbortController();
+            div.addEventListener('wheel', (event) => {
+                if (!enableWheel)
+                    return;
+                event.preventDefault();
+                let x = event.deltaY > 0 ? enableWheel[1] : -enableWheel[1];
+                if (isReversed(direction))
+                    x *= -1;
+                let v;
+                if (enableWheel[0] == 'normalized') {
+                    const n = normalizeValue(value, min, max, skew);
+                    v = rawValue(n + x, min, max, skew);
+                }
+                else {
+                    v = value + x;
+                }
+                if (onChange)
+                    onChange(clamp(stepValue(v, step), min, max));
+            }, {
+                signal: controller.signal,
+                passive: false,
+            });
+            cleanup = () => {
+                // console.log("cleanup")
+                controller.abort();
+            };
+        };
+    }, [value]);
+    useEventListener(window, 'mousemove', (event) => {
+        handleValue(event);
+    });
+    useEventListener(window, 'mouseup', () => {
+        thumbDragged.current = false;
+        if (bodyNoSelect)
+            document.body.classList.remove('no-select');
+    });
+    return (jsxs("div", { ref: wrapperRef, className: "tremolo-slider", style: {
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            margin: '0.7rem',
+            padding: 0,
+            cursor: cursor,
+        }, onMouseDown: (event) => {
+            thumbDragged.current = true;
+            handleValue(event);
+        }, children: [jsx(Global, { styles: {
+                    '.no-select': {
+                        userSelect: 'none',
+                    },
+                } }), jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: isHorizontal(direction) ? 'column' : 'row',
+                }, children: [jsx("div", { ref: baseWrapperElement, css: css(Object.assign({ background: `linear-gradient(to ${gradientDirection(direction)}, ${color} ${percent}%, ${bg} ${percent}%)`, borderRadius: typeof thickness == 'number'
+                                ? thickness / 2
+                                : `calc(${thickness} / 2)`, borderStyle: 'solid', borderColor: '#ccc', borderWidth: 2, width: isHorizontal(direction) ? length : thickness, height: isHorizontal(direction) ? thickness : length, position: 'relative', zIndex: 1 }, style)), children: jsx("div", { className: "tremolo-slider-thumb-wrapper", style: {
+                                width: 'fix-content',
+                                height: 'fix-content',
+                                position: 'absolute',
+                                top: isHorizontal(direction) ? '50%' : `${percentRev}%`,
+                                left: isHorizontal(direction) ? `${percentRev}%` : '50%',
+                                translate: '-50% -50%',
+                                zIndex: 100,
+                            }, children: children ? (children) : (jsx("div", { className: "tremolo-slider-thumb", style: {
+                                    background: color,
+                                    width: '1.4rem',
+                                    height: '1.4rem',
+                                    borderRadius: '50%',
+                                } })) }) }), scale && (jsx("div", { className: "tremolo-slider-scale-wrapper", style: Object.assign({ position: 'relative', width: isHorizontal(direction) ? length : undefined, height: isVertical(direction) ? length : undefined, marginLeft: isHorizontal(direction)
+                                ? 2
+                                : ((_a = scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.gap) !== null && _a !== void 0 ? _a : `calc((1.4rem - ${styleHelper(thickness)}) / 2)`), marginTop: isVertical(direction)
+                                ? 2
+                                : ((_b = scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.gap) !== null && _b !== void 0 ? _b : `calc((1.4rem - ${styleHelper(thickness)}) / 2)`) }, scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.style), children: scalesList.map((item, index) => {
+                            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+                            return (jsxs("div", { style: {
+                                    display: 'flex',
+                                    flexDirection: isHorizontal(direction) ? 'column' : 'row',
+                                    justifyContent: 'center',
+                                    alignItems: 'center',
+                                    position: 'absolute',
+                                    left: isHorizontal(direction)
+                                        ? `${isReversed(direction)
+                                            ? 100 - normalizeValue(item.at, min, max, skew) * 100
+                                            : normalizeValue(item.at, min, max, skew) * 100}%`
+                                        : undefined,
+                                    top: isVertical(direction)
+                                        ? `${isReversed(direction)
+                                            ? 100 - normalizeValue(item.at, min, max, skew) * 100
+                                            : normalizeValue(item.at, min, max, skew) * 100}%`
+                                        : undefined,
+                                    translate: isHorizontal(direction) ? '-50% 0' : '0 -50%',
+                                    zIndex: 10,
+                                }, children: [item.type != 'number' && (jsx("div", { className: "tremolo-slider-scale-mark", style: {
+                                            width: isHorizontal(direction)
+                                                ? ((_b = (_a = item.style) === null || _a === void 0 ? void 0 : _a.thickness) !== null && _b !== void 0 ? _b : 1)
+                                                : ((_d = (_c = item.style) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : '0.5rem'),
+                                            height: isVertical(direction)
+                                                ? ((_f = (_e = item.style) === null || _e === void 0 ? void 0 : _e.thickness) !== null && _f !== void 0 ? _f : 1)
+                                                : ((_h = (_g = item.style) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : '0.5rem'),
+                                            backgroundColor: (_l = (_k = (_j = item.style) === null || _j === void 0 ? void 0 : _j.markColor) !== null && _k !== void 0 ? _k : scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.markColor) !== null && _l !== void 0 ? _l : '#222',
+                                            marginBottom: isHorizontal(direction) ? 2 : undefined,
+                                            marginRight: isVertical(direction) ? 2 : undefined,
+                                        } })), item.type != 'mark' && (jsx("div", { className: "tremolo-slider-scale-number", style: {
+                                            color: (_o = (_m = item.style) === null || _m === void 0 ? void 0 : _m.labelColor) !== null && _o !== void 0 ? _o : scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.labelColor,
+                                        }, children: item.at }))] }, index));
+                        }) }))] })] }));
+}
+
+export { Knob, Slider, clamp, decimalPart, normalizeValue, rawValue, skewWithCenterValue, stepValue, toFixed };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/math.ts","../../../src/hooks/useCallbackRef.ts","../../../src/hooks/useEventListener.ts","../../../src/util.ts","../../../src/components/Knob/index.tsx","../../../src/components/Slider/type.ts","../../../src/components/Slider/index.tsx"],"sourcesContent":[null,null,null,null,null,null,null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/types/src/components/Knob/index.d.ts

@@ -0,0 +1,23 @@
+import { WheelOption } from '@/types';
+interface KnobProps {
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+    skew?: number;
+    size?: number | string;
+    active?: string;
+    inactive?: string;
+    bg?: string;
+    thumb?: string;
+    lineWeight?: number | string;
+    thumbWeight?: number | string;
+    cursor?: string;
+    style?: React.CSSProperties;
+    bodyNoSelect?: boolean;
+    enableWheel?: WheelOption;
+    onChange?: (value: number) => void;
+}
+export declare function Knob({ value, min, max, step, skew, size, active, inactive, bg, thumb, lineWeight, thumbWeight, cursor, style, bodyNoSelect, enableWheel, onChange, }: KnobProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/types/src/components/Knob/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Knob/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC,UAAU,SAAS;IAEjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAQ,EACR,IAAQ,EACR,IAAS,EACT,MAAkB,EAClB,QAAiB,EACjB,EAAW,EACX,KAAiB,EACjB,UAAe,EACf,WAAe,EACf,MAAkB,EAClB,KAAK,EACL,YAAmB,EACnB,WAAW,EACX,QAAQ,GACT,EAAE,SAAS,oDAuIX"}