@tremolo-ui/react 0.1.2 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2082 -0
- package/dist/index.cjs.map +1 -0
- package/dist/{styles/index.css → index.css} +3 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.cts +827 -0
- package/dist/index.d.cts.map +1 -0
- package/dist/index.d.ts +827 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2030 -0
- package/dist/index.js.map +1 -0
- package/package.json +14 -14
- package/dist/cjs/index.js +0 -2041
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/types/components/AnimationCanvas/canvas.d.ts +0 -6
- package/dist/cjs/types/components/AnimationCanvas/canvas.d.ts.map +0 -1
- package/dist/cjs/types/components/AnimationCanvas/index.d.ts +0 -51
- package/dist/cjs/types/components/AnimationCanvas/index.d.ts.map +0 -1
- package/dist/cjs/types/components/AnimationKnob/index.d.ts +0 -62
- package/dist/cjs/types/components/AnimationKnob/index.d.ts.map +0 -1
- package/dist/cjs/types/components/DragObserver/index.d.ts +0 -21
- package/dist/cjs/types/components/DragObserver/index.d.ts.map +0 -1
- package/dist/cjs/types/components/Knob/index.d.ts +0 -71
- package/dist/cjs/types/components/Knob/index.d.ts.map +0 -1
- package/dist/cjs/types/components/NumberInput/DecrementStepper.d.ts +0 -9
- package/dist/cjs/types/components/NumberInput/DecrementStepper.d.ts.map +0 -1
- package/dist/cjs/types/components/NumberInput/IncrementStepper.d.ts +0 -9
- package/dist/cjs/types/components/NumberInput/IncrementStepper.d.ts.map +0 -1
- package/dist/cjs/types/components/NumberInput/InternalInput.d.ts +0 -18
- package/dist/cjs/types/components/NumberInput/InternalInput.d.ts.map +0 -1
- package/dist/cjs/types/components/NumberInput/Stepper.d.ts +0 -10
- package/dist/cjs/types/components/NumberInput/Stepper.d.ts.map +0 -1
- package/dist/cjs/types/components/NumberInput/context.d.ts +0 -28
- package/dist/cjs/types/components/NumberInput/context.d.ts.map +0 -1
- package/dist/cjs/types/components/NumberInput/index.d.ts +0 -69
- package/dist/cjs/types/components/NumberInput/index.d.ts.map +0 -1
- package/dist/cjs/types/components/Piano/KeyLabel.d.ts +0 -17
- package/dist/cjs/types/components/Piano/KeyLabel.d.ts.map +0 -1
- package/dist/cjs/types/components/Piano/context.d.ts +0 -24
- package/dist/cjs/types/components/Piano/context.d.ts.map +0 -1
- package/dist/cjs/types/components/Piano/index.d.ts +0 -39
- package/dist/cjs/types/components/Piano/index.d.ts.map +0 -1
- package/dist/cjs/types/components/Piano/key.d.ts +0 -37
- package/dist/cjs/types/components/Piano/key.d.ts.map +0 -1
- package/dist/cjs/types/components/Piano/keyboardShortcuts.d.ts +0 -14
- package/dist/cjs/types/components/Piano/keyboardShortcuts.d.ts.map +0 -1
- package/dist/cjs/types/components/Slider/Scale.d.ts +0 -11
- package/dist/cjs/types/components/Slider/Scale.d.ts.map +0 -1
- package/dist/cjs/types/components/Slider/ScaleOption.d.ts +0 -27
- package/dist/cjs/types/components/Slider/ScaleOption.d.ts.map +0 -1
- package/dist/cjs/types/components/Slider/Thumb.d.ts +0 -23
- package/dist/cjs/types/components/Slider/Thumb.d.ts.map +0 -1
- package/dist/cjs/types/components/Slider/Track.d.ts +0 -21
- package/dist/cjs/types/components/Slider/Track.d.ts.map +0 -1
- package/dist/cjs/types/components/Slider/context.d.ts +0 -16
- package/dist/cjs/types/components/Slider/context.d.ts.map +0 -1
- package/dist/cjs/types/components/Slider/index.d.ts +0 -55
- package/dist/cjs/types/components/Slider/index.d.ts.map +0 -1
- package/dist/cjs/types/components/WheelObserver/index.d.ts +0 -25
- package/dist/cjs/types/components/WheelObserver/index.d.ts.map +0 -1
- package/dist/cjs/types/components/XYPad/Area.d.ts +0 -15
- package/dist/cjs/types/components/XYPad/Area.d.ts.map +0 -1
- package/dist/cjs/types/components/XYPad/Thumb.d.ts +0 -23
- package/dist/cjs/types/components/XYPad/Thumb.d.ts.map +0 -1
- package/dist/cjs/types/components/XYPad/index.d.ts +0 -48
- package/dist/cjs/types/components/XYPad/index.d.ts.map +0 -1
- package/dist/cjs/types/components/_util/index.d.ts +0 -4
- package/dist/cjs/types/components/_util/index.d.ts.map +0 -1
- package/dist/cjs/types/hooks/useAnimationFrame.d.ts +0 -3
- package/dist/cjs/types/hooks/useAnimationFrame.d.ts.map +0 -1
- package/dist/cjs/types/hooks/useCallbackRef.d.ts +0 -6
- package/dist/cjs/types/hooks/useCallbackRef.d.ts.map +0 -1
- package/dist/cjs/types/hooks/useDrag.d.ts +0 -14
- package/dist/cjs/types/hooks/useDrag.d.ts.map +0 -1
- package/dist/cjs/types/hooks/useDragWithElement.d.ts +0 -15
- package/dist/cjs/types/hooks/useDragWithElement.d.ts.map +0 -1
- package/dist/cjs/types/hooks/useEventListener.d.ts +0 -7
- package/dist/cjs/types/hooks/useEventListener.d.ts.map +0 -1
- package/dist/cjs/types/hooks/useInterval.d.ts +0 -2
- package/dist/cjs/types/hooks/useInterval.d.ts.map +0 -1
- package/dist/cjs/types/hooks/useLongPress.d.ts +0 -2
- package/dist/cjs/types/hooks/useLongPress.d.ts.map +0 -1
- package/dist/cjs/types/hooks/useRefCallbackEvent.d.ts +0 -2
- package/dist/cjs/types/hooks/useRefCallbackEvent.d.ts.map +0 -1
- package/dist/cjs/types/index.d.ts +0 -22
- package/dist/cjs/types/index.d.ts.map +0 -1
- package/dist/esm/index.js +0 -2010
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/types/components/AnimationCanvas/canvas.d.ts +0 -6
- package/dist/esm/types/components/AnimationCanvas/canvas.d.ts.map +0 -1
- package/dist/esm/types/components/AnimationCanvas/index.d.ts +0 -51
- package/dist/esm/types/components/AnimationCanvas/index.d.ts.map +0 -1
- package/dist/esm/types/components/AnimationKnob/index.d.ts +0 -62
- package/dist/esm/types/components/AnimationKnob/index.d.ts.map +0 -1
- package/dist/esm/types/components/DragObserver/index.d.ts +0 -21
- package/dist/esm/types/components/DragObserver/index.d.ts.map +0 -1
- package/dist/esm/types/components/Knob/index.d.ts +0 -71
- package/dist/esm/types/components/Knob/index.d.ts.map +0 -1
- package/dist/esm/types/components/NumberInput/DecrementStepper.d.ts +0 -9
- package/dist/esm/types/components/NumberInput/DecrementStepper.d.ts.map +0 -1
- package/dist/esm/types/components/NumberInput/IncrementStepper.d.ts +0 -9
- package/dist/esm/types/components/NumberInput/IncrementStepper.d.ts.map +0 -1
- package/dist/esm/types/components/NumberInput/InternalInput.d.ts +0 -18
- package/dist/esm/types/components/NumberInput/InternalInput.d.ts.map +0 -1
- package/dist/esm/types/components/NumberInput/Stepper.d.ts +0 -10
- package/dist/esm/types/components/NumberInput/Stepper.d.ts.map +0 -1
- package/dist/esm/types/components/NumberInput/context.d.ts +0 -28
- package/dist/esm/types/components/NumberInput/context.d.ts.map +0 -1
- package/dist/esm/types/components/NumberInput/index.d.ts +0 -69
- package/dist/esm/types/components/NumberInput/index.d.ts.map +0 -1
- package/dist/esm/types/components/Piano/KeyLabel.d.ts +0 -17
- package/dist/esm/types/components/Piano/KeyLabel.d.ts.map +0 -1
- package/dist/esm/types/components/Piano/context.d.ts +0 -24
- package/dist/esm/types/components/Piano/context.d.ts.map +0 -1
- package/dist/esm/types/components/Piano/index.d.ts +0 -39
- package/dist/esm/types/components/Piano/index.d.ts.map +0 -1
- package/dist/esm/types/components/Piano/key.d.ts +0 -37
- package/dist/esm/types/components/Piano/key.d.ts.map +0 -1
- package/dist/esm/types/components/Piano/keyboardShortcuts.d.ts +0 -14
- package/dist/esm/types/components/Piano/keyboardShortcuts.d.ts.map +0 -1
- package/dist/esm/types/components/Slider/Scale.d.ts +0 -11
- package/dist/esm/types/components/Slider/Scale.d.ts.map +0 -1
- package/dist/esm/types/components/Slider/ScaleOption.d.ts +0 -27
- package/dist/esm/types/components/Slider/ScaleOption.d.ts.map +0 -1
- package/dist/esm/types/components/Slider/Thumb.d.ts +0 -23
- package/dist/esm/types/components/Slider/Thumb.d.ts.map +0 -1
- package/dist/esm/types/components/Slider/Track.d.ts +0 -21
- package/dist/esm/types/components/Slider/Track.d.ts.map +0 -1
- package/dist/esm/types/components/Slider/context.d.ts +0 -16
- package/dist/esm/types/components/Slider/context.d.ts.map +0 -1
- package/dist/esm/types/components/Slider/index.d.ts +0 -55
- package/dist/esm/types/components/Slider/index.d.ts.map +0 -1
- package/dist/esm/types/components/WheelObserver/index.d.ts +0 -25
- package/dist/esm/types/components/WheelObserver/index.d.ts.map +0 -1
- package/dist/esm/types/components/XYPad/Area.d.ts +0 -15
- package/dist/esm/types/components/XYPad/Area.d.ts.map +0 -1
- package/dist/esm/types/components/XYPad/Thumb.d.ts +0 -23
- package/dist/esm/types/components/XYPad/Thumb.d.ts.map +0 -1
- package/dist/esm/types/components/XYPad/index.d.ts +0 -48
- package/dist/esm/types/components/XYPad/index.d.ts.map +0 -1
- package/dist/esm/types/components/_util/index.d.ts +0 -4
- package/dist/esm/types/components/_util/index.d.ts.map +0 -1
- package/dist/esm/types/hooks/useAnimationFrame.d.ts +0 -3
- package/dist/esm/types/hooks/useAnimationFrame.d.ts.map +0 -1
- package/dist/esm/types/hooks/useCallbackRef.d.ts +0 -6
- package/dist/esm/types/hooks/useCallbackRef.d.ts.map +0 -1
- package/dist/esm/types/hooks/useDrag.d.ts +0 -14
- package/dist/esm/types/hooks/useDrag.d.ts.map +0 -1
- package/dist/esm/types/hooks/useDragWithElement.d.ts +0 -15
- package/dist/esm/types/hooks/useDragWithElement.d.ts.map +0 -1
- package/dist/esm/types/hooks/useEventListener.d.ts +0 -7
- package/dist/esm/types/hooks/useEventListener.d.ts.map +0 -1
- package/dist/esm/types/hooks/useInterval.d.ts +0 -2
- package/dist/esm/types/hooks/useInterval.d.ts.map +0 -1
- package/dist/esm/types/hooks/useLongPress.d.ts +0 -2
- package/dist/esm/types/hooks/useLongPress.d.ts.map +0 -1
- package/dist/esm/types/hooks/useRefCallbackEvent.d.ts +0 -2
- package/dist/esm/types/hooks/useRefCallbackEvent.d.ts.map +0 -1
- package/dist/esm/types/index.d.ts +0 -22
- package/dist/esm/types/index.d.ts.map +0 -1
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { Units } from '@tremolo-ui/functions/NumberInput';
|
|
2
|
-
type State = {
|
|
3
|
-
value: string;
|
|
4
|
-
valueAsNumber: number;
|
|
5
|
-
step: number;
|
|
6
|
-
min?: number;
|
|
7
|
-
max?: number;
|
|
8
|
-
units?: string | Units;
|
|
9
|
-
digit?: number;
|
|
10
|
-
readonly?: boolean;
|
|
11
|
-
keepWithinRange?: boolean;
|
|
12
|
-
onChange?: (value: number, text: string) => void;
|
|
13
|
-
};
|
|
14
|
-
type Action = {
|
|
15
|
-
increment: () => void;
|
|
16
|
-
decrement: () => void;
|
|
17
|
-
change: (value: string) => void;
|
|
18
|
-
};
|
|
19
|
-
type ProviderProps = Partial<Omit<State, 'value'> & {
|
|
20
|
-
value: number | string;
|
|
21
|
-
}>;
|
|
22
|
-
export declare function safeClamp(value: number, min?: number, max?: number): number;
|
|
23
|
-
type NumberInputProviderProps = React.PropsWithChildren<ProviderProps>;
|
|
24
|
-
export declare function NumberInputProvider({ children, ...props }: NumberInputProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
/** @category NumberInput */
|
|
26
|
-
export declare function useNumberInputContext<T>(selector: (state: State & Action) => T): T;
|
|
27
|
-
export {};
|
|
28
|
-
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/context.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAErE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC,CAAA;AAID,KAAK,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC,CAAA;AAE/E,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,EACb,GAAG,SAA0B,EAC7B,GAAG,SAA0B,UAG9B;AAiFD,KAAK,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAA;AAEtE,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CA8B1B;AAED,4BAA4B;AAC5B,wBAAgB,qBAAqB,CAAC,CAAC,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,KAAK,CAAC,GACrC,CAAC,CAIH"}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { InputEventOption } from '@tremolo-ui/functions';
|
|
3
|
-
import { Units } from '@tremolo-ui/functions/NumberInput';
|
|
4
|
-
/** @category NumberInput */
|
|
5
|
-
export interface NumberInputProps {
|
|
6
|
-
value: number | string;
|
|
7
|
-
/**
|
|
8
|
-
* @default Number.MIN_SAFE_INTEGER
|
|
9
|
-
*/
|
|
10
|
-
min?: number;
|
|
11
|
-
/**
|
|
12
|
-
* @default Number.MAX_SAFE_INTEGER
|
|
13
|
-
*/
|
|
14
|
-
max?: number;
|
|
15
|
-
step?: number;
|
|
16
|
-
/**
|
|
17
|
-
* @example
|
|
18
|
-
* units='Hz'
|
|
19
|
-
* units={[['Hz', 1], ['kHz', 1000]]}
|
|
20
|
-
* units={[['ms', 1], ['s', 1000]]}
|
|
21
|
-
*/
|
|
22
|
-
units?: string | Units;
|
|
23
|
-
/**
|
|
24
|
-
* Digits for rounding numbers.
|
|
25
|
-
* @example
|
|
26
|
-
* with:
|
|
27
|
-
* units={[['Hz', 1], ['kHz', 1000]]}
|
|
28
|
-
* digit={3}
|
|
29
|
-
* results:
|
|
30
|
-
* value=100 -> 100Hz, value=1600 -> 1.60Hz
|
|
31
|
-
*/
|
|
32
|
-
digit?: number;
|
|
33
|
-
readonly?: boolean;
|
|
34
|
-
variant?: 'outline' | 'filled' | 'flushed' | 'unstyled';
|
|
35
|
-
selectWithFocus?: 'all' | 'number' | 'none';
|
|
36
|
-
blurOnEnter?: boolean;
|
|
37
|
-
keepWithinRange?: boolean;
|
|
38
|
-
clampValueOnBlur?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* wheel control option
|
|
41
|
-
*/
|
|
42
|
-
wheel?: InputEventOption | null;
|
|
43
|
-
/**
|
|
44
|
-
* keyboard control option
|
|
45
|
-
*/
|
|
46
|
-
keyboard?: InputEventOption | null;
|
|
47
|
-
activeColor?: string;
|
|
48
|
-
wrapperClassName?: string;
|
|
49
|
-
onChange?: (value: number, text: string) => void;
|
|
50
|
-
onFocus?: (value: number, text: string, event: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
51
|
-
onBlur?: (value: number, text: string, event: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
52
|
-
children?: ReactNode;
|
|
53
|
-
}
|
|
54
|
-
/**
|
|
55
|
-
* @category NumberInput
|
|
56
|
-
*/
|
|
57
|
-
export interface NumberInputMethods {
|
|
58
|
-
focus: () => void;
|
|
59
|
-
blur: () => void;
|
|
60
|
-
}
|
|
61
|
-
/**
|
|
62
|
-
* Input with some useful functions for entering numerical values.
|
|
63
|
-
* @category NumberInput
|
|
64
|
-
*/
|
|
65
|
-
export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | keyof NumberInputProps> & import("react").RefAttributes<NumberInputMethods>>;
|
|
66
|
-
export * from './Stepper';
|
|
67
|
-
export * from './IncrementStepper';
|
|
68
|
-
export * from './DecrementStepper';
|
|
69
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwC,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAWzD,4BAA4B;AAC5B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEtB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAA;IAEvD,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAG1B;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAElC,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;IACT,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;IAET,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAKD;;;GAGG;AACH,eAAO,MAAM,WAAW,kRA0EvB,CAAA;AAED,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';
|
|
2
|
-
/** @category Piano */
|
|
3
|
-
export interface KeyLabelProps {
|
|
4
|
-
/**
|
|
5
|
-
* override Piano.label
|
|
6
|
-
*/
|
|
7
|
-
label?: (note: number, index: number) => ReactNode;
|
|
8
|
-
wrapperClassName?: string;
|
|
9
|
-
wrapperStyle?: CSSProperties;
|
|
10
|
-
/** @internal */
|
|
11
|
-
__note?: number;
|
|
12
|
-
/** @internal */
|
|
13
|
-
__label?: (note: number, index: number) => ReactNode;
|
|
14
|
-
}
|
|
15
|
-
/** @category Piano */
|
|
16
|
-
export declare function KeyLabel({ label, className, wrapperClassName, wrapperStyle, __note, __label, ...props }: KeyLabelProps & Omit<ComponentPropsWithoutRef<'div'>, keyof KeyLabelProps>): false | import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
//# sourceMappingURL=KeyLabel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KeyLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/KeyLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAM1E,sBAAsB;AACtB,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAElD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,aAAa,CAAA;IAE5B,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB;IAChB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;CACrD;AAED,sBAAsB;AACtB,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC,mDAoB5E"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
/** @category Piano */
|
|
3
|
-
export type NoteRange = {
|
|
4
|
-
first: number;
|
|
5
|
-
last: number;
|
|
6
|
-
};
|
|
7
|
-
type State = {
|
|
8
|
-
noteRange: NoteRange;
|
|
9
|
-
glissando: boolean;
|
|
10
|
-
midiMax: number;
|
|
11
|
-
fill: boolean;
|
|
12
|
-
onPlayNote: (noteNumber: number) => void;
|
|
13
|
-
onStopNote: (noteNumber: number) => void;
|
|
14
|
-
label: (note: number, index: number) => ReactNode;
|
|
15
|
-
};
|
|
16
|
-
type Action = {
|
|
17
|
-
notePosition: (note: number) => number;
|
|
18
|
-
};
|
|
19
|
-
type PianoProviderProps = React.PropsWithChildren<Partial<State> & Action>;
|
|
20
|
-
export declare function PianoProvider({ children, ...props }: PianoProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
/** @category Piano */
|
|
22
|
-
export declare function usePianoContext<T>(selector: (state: State & Action) => T): T;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAiC,MAAM,OAAO,CAAA;AAG/E,sBAAsB;AACtB,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,SAAS,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,OAAO,CAAA;IACb,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;CAClD,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;CACvC,CAAA;AAyBD,KAAK,kBAAkB,GAAG,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAA;AAE1E,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAmBvE;AAED,sBAAsB;AACtB,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAI5E"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, CSSProperties, ReactElement, ReactNode } from 'react';
|
|
2
|
-
import { NoteRange } from './context';
|
|
3
|
-
import { KeyboardShortcuts } from './keyboardShortcuts';
|
|
4
|
-
/**
|
|
5
|
-
* Piano component
|
|
6
|
-
*
|
|
7
|
-
* TODO:
|
|
8
|
-
* - add scale highlight
|
|
9
|
-
*/
|
|
10
|
-
/** @category Piano */
|
|
11
|
-
export declare function getNoteRangeArray(noteRange: NoteRange): number[];
|
|
12
|
-
/** @category Piano */
|
|
13
|
-
export interface PianoProps {
|
|
14
|
-
noteRange: NoteRange;
|
|
15
|
-
glissando?: boolean;
|
|
16
|
-
midiMax?: number;
|
|
17
|
-
keyboardShortcuts?: KeyboardShortcuts;
|
|
18
|
-
fill?: boolean;
|
|
19
|
-
whiteNoteWidth?: number;
|
|
20
|
-
blackNoteWidth?: number;
|
|
21
|
-
height?: number | string;
|
|
22
|
-
style?: CSSProperties;
|
|
23
|
-
onPlayNote?: (noteNumber: number) => void;
|
|
24
|
-
onStopNote?: (noteNumber: number) => void;
|
|
25
|
-
label?: (note: number, index: number) => ReactNode;
|
|
26
|
-
/**
|
|
27
|
-
* \<WhiteKey /> | \<BlackKey />
|
|
28
|
-
*/
|
|
29
|
-
children?: ReactElement | ReactElement[];
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* Customizable piano component.
|
|
33
|
-
* @category Piano
|
|
34
|
-
*/
|
|
35
|
-
export declare function Piano({ noteRange, glissando, midiMax, keyboardShortcuts, fill, height, whiteNoteWidth: _whiteNoteWidth, style, className, onPlayNote, onStopNote, label, children, onPointerDown, ...props }: PianoProps & Omit<ComponentPropsWithoutRef<'div'>, keyof PianoProps>): import("react/jsx-runtime").JSX.Element;
|
|
36
|
-
export * from './keyboardShortcuts';
|
|
37
|
-
export { WhiteKey, BlackKey, type KeyProps, type KeyMethods } from './key';
|
|
38
|
-
export { KeyLabel, type KeyLabelProps } from './KeyLabel';
|
|
39
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/index.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,wBAAwB,EAExB,aAAa,EACb,YAAY,EACZ,SAAS,EAOV,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,SAAS,EAAiB,MAAM,WAAW,CAAA;AAQpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD;;;;;GAKG;AAEH,sBAAsB;AACtB,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,YAKrD;AAED,sBAAsB;AACtB,MAAM,WAAW,UAAU;IAEzB,SAAS,EAAE,SAAS,CAAA;IAGpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAEzC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAElD;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CACzC;AAID;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,SAAgB,EAChB,OAAa,EACb,iBAAiB,EACjB,IAAY,EACZ,MAA4B,EAC5B,cAAc,EAAE,eAAsC,EACtD,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,UAAU,CAAC,2CAiNtE;AAED,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React, { CSSProperties, ReactElement } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @category Piano
|
|
4
|
-
*/
|
|
5
|
-
export interface KeyProps {
|
|
6
|
-
noteNumber: number;
|
|
7
|
-
width?: number;
|
|
8
|
-
height?: number | `${number}%`;
|
|
9
|
-
bg?: string;
|
|
10
|
-
color?: string;
|
|
11
|
-
activeBg?: string;
|
|
12
|
-
activeColor?: string;
|
|
13
|
-
style?: CSSProperties;
|
|
14
|
-
/**
|
|
15
|
-
* \<KeyLabel />
|
|
16
|
-
*/
|
|
17
|
-
children?: ReactElement;
|
|
18
|
-
/** @internal */
|
|
19
|
-
__width?: number;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* @category Piano
|
|
23
|
-
*/
|
|
24
|
-
export interface KeyMethods {
|
|
25
|
-
play: () => void;
|
|
26
|
-
stop: () => void;
|
|
27
|
-
played: () => boolean;
|
|
28
|
-
}
|
|
29
|
-
/** @category Piano */
|
|
30
|
-
export declare const defaultWhiteKeyWidth = 40;
|
|
31
|
-
/** @category Piano */
|
|
32
|
-
export declare const defaultBlackKeyWidth = 26;
|
|
33
|
-
/** @category Piano */
|
|
34
|
-
export declare const WhiteKey: React.ForwardRefExoticComponent<KeyProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof KeyProps> & React.RefAttributes<KeyMethods>>;
|
|
35
|
-
/** @category Piano */
|
|
36
|
-
export declare const BlackKey: React.ForwardRefExoticComponent<KeyProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof KeyProps> & React.RefAttributes<KeyMethods>>;
|
|
37
|
-
//# sourceMappingURL=key.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"key.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/key.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,aAAa,EAKb,YAAY,EACb,MAAM,OAAO,CAAA;AAKd;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,UAAU,EAAE,MAAM,CAAA;IAElB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB,gBAAgB;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,MAAM,EAAE,MAAM,OAAO,CAAA;CACtB;AAKD,sBAAsB;AACtB,eAAO,MAAM,oBAAoB,KAAK,CAAA;AACtC,sBAAsB;AACtB,eAAO,MAAM,oBAAoB,KAAK,CAAA;AAmHtC,sBAAsB;AACtB,eAAO,MAAM,QAAQ,gMAqBpB,CAAA;AAED,sBAAsB;AACtB,eAAO,MAAM,QAAQ,gMAqBpB,CAAA"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/** @category Piano */
|
|
2
|
-
export type KeyboardShortcuts = {
|
|
3
|
-
keys: string[];
|
|
4
|
-
flags?: {
|
|
5
|
-
naturalOnly?: boolean;
|
|
6
|
-
};
|
|
7
|
-
};
|
|
8
|
-
/** @category Piano */
|
|
9
|
-
export declare const SHORTCUTS: {
|
|
10
|
-
HOME_ROW: {
|
|
11
|
-
keys: string[];
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=keyboardShortcuts.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"keyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/keyboardShortcuts.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,EAAE,CAAA;IAEd,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB,CAAA;CACF,CAAA;AAED,sBAAsB;AACtB,eAAO,MAAM,SAAS;;;;CAsBrB,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
-
import { ScaleOptions } from '@tremolo-ui/functions/Slider';
|
|
3
|
-
/** @category Slider */
|
|
4
|
-
export interface ScaleProps {
|
|
5
|
-
gap?: number | string;
|
|
6
|
-
options?: ScaleOptions;
|
|
7
|
-
children?: ReactNode;
|
|
8
|
-
}
|
|
9
|
-
/** @category Slider */
|
|
10
|
-
export declare function Scale({ gap, options, children, className, style, ...props }: ScaleProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ScaleProps>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
//# sourceMappingURL=Scale.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Scale.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/Scale.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,OAAO,EAAuB,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAKhF,uBAAuB;AACvB,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,uBAAuB;AACvB,wBAAgB,KAAK,CAAC,EACpB,GAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,UAAU,CAAC,2CA6BtE"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, CSSProperties } from 'react';
|
|
2
|
-
import { ScaleType } from '@tremolo-ui/functions/Slider';
|
|
3
|
-
/** @category Slider */
|
|
4
|
-
export interface ScaleOptionProps {
|
|
5
|
-
value: number;
|
|
6
|
-
type?: ScaleType;
|
|
7
|
-
/** Display text instead of value. */
|
|
8
|
-
label?: string;
|
|
9
|
-
/** mark thickness */
|
|
10
|
-
thickness?: number | string;
|
|
11
|
-
/** mark length */
|
|
12
|
-
length?: number | string;
|
|
13
|
-
/** Gap between mark and label. */
|
|
14
|
-
gap?: number | string;
|
|
15
|
-
labelWidth?: number | string;
|
|
16
|
-
classes?: {
|
|
17
|
-
mark?: string;
|
|
18
|
-
label?: string;
|
|
19
|
-
};
|
|
20
|
-
styles?: {
|
|
21
|
-
mark?: CSSProperties;
|
|
22
|
-
label?: CSSProperties;
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
/** @category Slider */
|
|
26
|
-
export declare function ScaleOption({ value, type, label, thickness, length, gap, labelWidth, classes, styles, className, style, ...props }: ScaleOptionProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ScaleOptionProps>): import("react/jsx-runtime").JSX.Element;
|
|
27
|
-
//# sourceMappingURL=ScaleOption.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScaleOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ScaleOption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAe,MAAM,OAAO,CAAA;AAG5E,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAIxD,uBAAuB;AACvB,MAAM,WAAW,gBAAgB;IAE/B,KAAK,EAAE,MAAM,CAAA;IAGb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,aAAa,CAAA;QACpB,KAAK,CAAC,EAAE,aAAa,CAAA;KACtB,CAAA;CACF;AAED,uBAAuB;AACvB,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAoB,EACpB,KAAK,EACL,SAAa,EACb,MAAiB,EACjB,GAAO,EACP,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,GACjB,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,gBAAgB,CAAC,2CAuD9D"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
/** @category Slider */
|
|
3
|
-
export interface SliderThumbProps {
|
|
4
|
-
size?: number | string;
|
|
5
|
-
width?: number | string;
|
|
6
|
-
height?: number | string;
|
|
7
|
-
color?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
style?: CSSProperties;
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
/** @internal */
|
|
12
|
-
__percent?: number;
|
|
13
|
-
}
|
|
14
|
-
/** @category Slider */
|
|
15
|
-
export interface SliderThumbMethods {
|
|
16
|
-
focus: () => void;
|
|
17
|
-
blur: () => void;
|
|
18
|
-
}
|
|
19
|
-
/** @category Slider */
|
|
20
|
-
export declare const defaultThumbSize = 22;
|
|
21
|
-
/** @category Slider */
|
|
22
|
-
export declare const SliderThumb: import("react").ForwardRefExoticComponent<SliderThumbProps & import("react").RefAttributes<SliderThumbMethods>>;
|
|
23
|
-
//# sourceMappingURL=Thumb.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/Thumb.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EAEb,SAAS,EAGV,MAAM,OAAO,CAAA;AAId,uBAAuB;AACvB,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,uBAAuB;AACvB,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED,uBAAuB;AACvB,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,uBAAuB;AACvB,eAAO,MAAM,WAAW,iHA4DvB,CAAA"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, CSSProperties, ReactElement } from 'react';
|
|
2
|
-
export declare const defaultLength = 140;
|
|
3
|
-
export declare const defaultThickness = 10;
|
|
4
|
-
/** @category Slider */
|
|
5
|
-
export interface SliderTrackProps {
|
|
6
|
-
length?: number | string;
|
|
7
|
-
thickness?: number | string;
|
|
8
|
-
active?: string;
|
|
9
|
-
inactive?: string;
|
|
10
|
-
defaultStyle?: boolean;
|
|
11
|
-
className?: string;
|
|
12
|
-
style?: CSSProperties;
|
|
13
|
-
children?: ReactElement;
|
|
14
|
-
/** @internal */
|
|
15
|
-
__thumb?: ReactElement;
|
|
16
|
-
/** @internal */
|
|
17
|
-
__percent?: number;
|
|
18
|
-
}
|
|
19
|
-
/** @category Slider */
|
|
20
|
-
export declare function SliderTrack({ length, thickness, active, inactive, children, className, style, defaultStyle, __thumb, __percent, ...props }: SliderTrackProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SliderTrackProps>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
//# sourceMappingURL=Track.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Track.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/Track.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAM7E,eAAO,MAAM,aAAa,MAAM,CAAA;AAChC,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,uBAAuB;AACvB,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB,gBAAgB;IAChB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,uBAAuB;AACvB,wBAAgB,WAAW,CAAC,EAC1B,MAAsB,EACtB,SAA4B,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAmB,EACnB,OAAO,EACP,SAAa,EACb,GAAG,KAAK,EACT,EAAE,gBAAgB,GACjB,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,gBAAgB,CAAC,2CAoC9D"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
type State = {
|
|
2
|
-
min: number;
|
|
3
|
-
max: number;
|
|
4
|
-
step: number;
|
|
5
|
-
skew: number;
|
|
6
|
-
vertical: boolean;
|
|
7
|
-
reverse: boolean;
|
|
8
|
-
disabled: boolean;
|
|
9
|
-
readonly: boolean;
|
|
10
|
-
};
|
|
11
|
-
type SliderProviderProps = React.PropsWithChildren<Partial<State>>;
|
|
12
|
-
export declare function SliderProvider({ children, ...props }: SliderProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
/** @category Slider */
|
|
14
|
-
export declare function useSliderContext<T>(selector: (state: State) => T): T;
|
|
15
|
-
export {};
|
|
16
|
-
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/context.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAwBD,KAAK,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;AAElE,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAmBzE;AAED,uBAAuB;AACvB,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,CAIpE"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import React, { CSSProperties, ReactElement } from 'react';
|
|
2
|
-
import { InputEventOption } from '@tremolo-ui/functions';
|
|
3
|
-
/** @category Slider */
|
|
4
|
-
export interface SliderProps {
|
|
5
|
-
value: number;
|
|
6
|
-
min: number;
|
|
7
|
-
max: number;
|
|
8
|
-
step?: number;
|
|
9
|
-
skew?: number;
|
|
10
|
-
vertical?: boolean;
|
|
11
|
-
reverse?: boolean;
|
|
12
|
-
bodyNoSelect?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* wheel control option
|
|
15
|
-
*/
|
|
16
|
-
wheel?: InputEventOption | null;
|
|
17
|
-
/**
|
|
18
|
-
* keyboard control option
|
|
19
|
-
*/
|
|
20
|
-
keyboard?: InputEventOption | null;
|
|
21
|
-
/**
|
|
22
|
-
* Only the appearance will change.
|
|
23
|
-
* Please consider using with readonly.
|
|
24
|
-
*/
|
|
25
|
-
disabled?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Make the value unchangeable.
|
|
28
|
-
*/
|
|
29
|
-
readonly?: boolean;
|
|
30
|
-
className?: string;
|
|
31
|
-
style?: CSSProperties;
|
|
32
|
-
onChange?: (value: number) => void;
|
|
33
|
-
onDragStart?: (value: number) => void;
|
|
34
|
-
onDragEnd?: (value: number) => void;
|
|
35
|
-
/** \<SliderThumb /> | \<SliderTrack /> */
|
|
36
|
-
children?: ReactElement | ReactElement[];
|
|
37
|
-
}
|
|
38
|
-
/**
|
|
39
|
-
* @category Slider
|
|
40
|
-
*/
|
|
41
|
-
export interface SliderMethods {
|
|
42
|
-
focus: () => void;
|
|
43
|
-
blur: () => void;
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* Customizable slider
|
|
47
|
-
* @category Slider
|
|
48
|
-
*/
|
|
49
|
-
export declare const Slider: React.ForwardRefExoticComponent<SliderProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SliderProps> & React.RefAttributes<SliderMethods>>;
|
|
50
|
-
export { useSliderContext } from './context';
|
|
51
|
-
export { SliderThumb, type SliderThumbMethods, type SliderThumbProps, } from './Thumb';
|
|
52
|
-
export { SliderTrack, type SliderTrackProps } from './Track';
|
|
53
|
-
export { Scale, type ScaleProps } from './Scale';
|
|
54
|
-
export { ScaleOption, type ScaleOptionProps } from './ScaleOption';
|
|
55
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,aAAa,EAEb,YAAY,EAKb,MAAM,OAAO,CAAA;AAEd,OAAO,EAML,gBAAgB,EAGjB,MAAM,uBAAuB,CAAA;AAW9B,uBAAuB;AACvB,MAAM,WAAW,WAAW;IAE1B,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,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CAEzC;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAKD;;;GAGG;AACH,eAAO,MAAM,MAAM,yMAqPlB,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EACL,WAAW,EACX,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,GACtB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @example
|
|
4
|
-
* <WheelObserver
|
|
5
|
-
* onWheel={(event) => {
|
|
6
|
-
* event.preventDefault()
|
|
7
|
-
* console.log(event.deltaY)
|
|
8
|
-
* }
|
|
9
|
-
* >
|
|
10
|
-
* <div>Wheel here</div>
|
|
11
|
-
* </WheelObserver>
|
|
12
|
-
*/
|
|
13
|
-
/** @category WheelObserver */
|
|
14
|
-
export interface WheelObserverProps<T extends ElementType> {
|
|
15
|
-
/**
|
|
16
|
-
* React.ElementType
|
|
17
|
-
* @default div
|
|
18
|
-
*/
|
|
19
|
-
as?: T;
|
|
20
|
-
children?: ReactNode;
|
|
21
|
-
onWheel?: (event: WheelEvent) => void;
|
|
22
|
-
}
|
|
23
|
-
/** @category WheelObserver */
|
|
24
|
-
export declare function WheelObserver<T extends ElementType = 'div'>(props: WheelObserverProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof WheelObserverProps<T>>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/WheelObserver/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxE;;;;;;;;;;GAUG;AAEH,8BAA8B;AAC9B,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,WAAW;IACvD;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAA;IAEN,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACtC;AAED,8BAA8B;AAC9B,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EACzD,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC1B,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,2CAkBjE"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, CSSProperties, ReactElement } from 'react';
|
|
2
|
-
/** @category XYPad */
|
|
3
|
-
export interface AreaProps {
|
|
4
|
-
width?: number | string;
|
|
5
|
-
height?: number | string;
|
|
6
|
-
color?: string;
|
|
7
|
-
className?: string;
|
|
8
|
-
style?: CSSProperties;
|
|
9
|
-
children?: ReactElement;
|
|
10
|
-
/** inherit */
|
|
11
|
-
__thumb?: ReactElement;
|
|
12
|
-
}
|
|
13
|
-
/** @category XYPad */
|
|
14
|
-
export declare function XYPadArea({ width, height, color, children, className, style, __thumb, ...props }: AreaProps & Omit<ComponentPropsWithoutRef<'div'>, keyof AreaProps>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
//# sourceMappingURL=Area.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Area.d.ts","sourceRoot":"","sources":["../../../../../src/components/XYPad/Area.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAE7E,sBAAsB;AACtB,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB,cAAc;IACd,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB;AAED,sBAAsB;AACtB,wBAAgB,SAAS,CAAC,EACxB,KAAW,EACX,MAAY,EACZ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EAAE,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,SAAS,CAAC,2CAgBpE"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
/** @category XYPad */
|
|
3
|
-
export interface ThumbProps {
|
|
4
|
-
size?: number | string;
|
|
5
|
-
width?: number | string;
|
|
6
|
-
height?: number | string;
|
|
7
|
-
color?: string;
|
|
8
|
-
wrapperClassName?: string;
|
|
9
|
-
wrapperStyle?: CSSProperties;
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
/** @internal */
|
|
12
|
-
__disabled?: boolean;
|
|
13
|
-
/** @internal */
|
|
14
|
-
__css?: CSSProperties;
|
|
15
|
-
}
|
|
16
|
-
/** @category XYPad */
|
|
17
|
-
export interface XYPadThumbMethods {
|
|
18
|
-
focus: () => void;
|
|
19
|
-
blur: () => void;
|
|
20
|
-
}
|
|
21
|
-
/** @category XYPad */
|
|
22
|
-
export declare const XYPadThumb: import("react").ForwardRefExoticComponent<ThumbProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof ThumbProps> & import("react").RefAttributes<XYPadThumbMethods>>;
|
|
23
|
-
//# sourceMappingURL=Thumb.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/XYPad/Thumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EAEb,SAAS,EAGV,MAAM,OAAO,CAAA;AAEd,sBAAsB;AACtB,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,aAAa,CAAA;IAE5B,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB;IAChB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED,sBAAsB;AACtB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAKD,sBAAsB;AACtB,eAAO,MAAM,UAAU,mPA6DtB,CAAA"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
import { InputEventOption } from '@tremolo-ui/functions';
|
|
3
|
-
/**
|
|
4
|
-
* Two-dimensional slider component.
|
|
5
|
-
* @category XYPad
|
|
6
|
-
*/
|
|
7
|
-
export interface ValueOptions {
|
|
8
|
-
value: number;
|
|
9
|
-
min: number;
|
|
10
|
-
max: number;
|
|
11
|
-
step?: number;
|
|
12
|
-
skew?: number;
|
|
13
|
-
reverse?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* wheel control option
|
|
16
|
-
*/
|
|
17
|
-
wheel?: InputEventOption | null;
|
|
18
|
-
/**
|
|
19
|
-
* keyboard control option
|
|
20
|
-
*/
|
|
21
|
-
keyboard?: InputEventOption | null;
|
|
22
|
-
}
|
|
23
|
-
/** @category XYPad */
|
|
24
|
-
export interface XYPadProps {
|
|
25
|
-
x: ValueOptions;
|
|
26
|
-
y: ValueOptions;
|
|
27
|
-
bodyNoSelect?: boolean;
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
readonly?: boolean;
|
|
30
|
-
onChange?: (valueX: number, valueY: number) => void;
|
|
31
|
-
onDragStart?: (valueX: number, valueY: number) => void;
|
|
32
|
-
onDragEnd?: (valueX: number, valueY: number) => void;
|
|
33
|
-
/** \<XYPadThumb /> | \<XYPadArea /> */
|
|
34
|
-
children?: ReactElement | ReactElement[];
|
|
35
|
-
}
|
|
36
|
-
/** @category XYPad */
|
|
37
|
-
export interface XYPadMethods {
|
|
38
|
-
focus: () => void;
|
|
39
|
-
blur: () => void;
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* Simple XYPad
|
|
43
|
-
* @category XYPad
|
|
44
|
-
*/
|
|
45
|
-
export declare const XYPad: React.ForwardRefExoticComponent<XYPadProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof XYPadProps> & React.RefAttributes<XYPadMethods>>;
|
|
46
|
-
export * from './Thumb';
|
|
47
|
-
export * from './Area';
|
|
48
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/XYPad/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAGZ,YAAY,EAKb,MAAM,OAAO,CAAA;AAEd,OAAO,EAML,gBAAgB,EAEjB,MAAM,uBAAuB,CAAA;AAS9B;;;GAGG;AACH,MAAM,WAAW,YAAY;IAE3B,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,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACnC;AAED,sBAAsB;AACtB,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,YAAY,CAAA;IACf,CAAC,EAAE,YAAY,CAAA;IAEf,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,uCAAuC;IACvC,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CACzC;AAED,sBAAsB;AACtB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAaD;;;GAGG;AACH,eAAO,MAAM,KAAK,sMA+PjB,CAAA;AAED,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/_util/index.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,SAE1B;AAED,wBAAgB,cAAc,SAE7B;AAED,wBAAgB,cAAc,SAE7B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAnimationFrame.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAnimationFrame.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAkC,MAAM,OAAO,CAAA;AAEtE,wBAAgB,iBAAiB,CAC/B,QAAQ,aAAW,EACnB,IAAI,GAAE,cAAmB,QAa1B"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This hook is user-land implementation of the experimental `useEffectEvent` hook.
|
|
3
|
-
* React docs: https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event
|
|
4
|
-
*/
|
|
5
|
-
export declare function useCallbackRef<Args extends unknown[], Return>(callback: ((...args: Args) => Return) | undefined, deps?: React.DependencyList): (...args: Args) => Return | undefined;
|
|
6
|
-
//# sourceMappingURL=useCallbackRef.d.ts.map
|
|
@@ -1 +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,aAWF,IAAI,wBAClC"}
|