@tremolo-ui/react 0.1.2 → 0.1.3

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.
Files changed (159) hide show
  1. package/dist/index.cjs +2082 -0
  2. package/dist/index.cjs.map +1 -0
  3. package/dist/{styles/index.css → index.css} +3 -0
  4. package/dist/index.css.map +1 -0
  5. package/dist/index.d.cts +827 -0
  6. package/dist/index.d.cts.map +1 -0
  7. package/dist/index.d.ts +827 -0
  8. package/dist/index.d.ts.map +1 -0
  9. package/dist/index.js +2030 -0
  10. package/dist/index.js.map +1 -0
  11. package/package.json +14 -14
  12. package/dist/cjs/index.js +0 -2041
  13. package/dist/cjs/index.js.map +0 -1
  14. package/dist/cjs/types/components/AnimationCanvas/canvas.d.ts +0 -6
  15. package/dist/cjs/types/components/AnimationCanvas/canvas.d.ts.map +0 -1
  16. package/dist/cjs/types/components/AnimationCanvas/index.d.ts +0 -51
  17. package/dist/cjs/types/components/AnimationCanvas/index.d.ts.map +0 -1
  18. package/dist/cjs/types/components/AnimationKnob/index.d.ts +0 -62
  19. package/dist/cjs/types/components/AnimationKnob/index.d.ts.map +0 -1
  20. package/dist/cjs/types/components/DragObserver/index.d.ts +0 -21
  21. package/dist/cjs/types/components/DragObserver/index.d.ts.map +0 -1
  22. package/dist/cjs/types/components/Knob/index.d.ts +0 -71
  23. package/dist/cjs/types/components/Knob/index.d.ts.map +0 -1
  24. package/dist/cjs/types/components/NumberInput/DecrementStepper.d.ts +0 -9
  25. package/dist/cjs/types/components/NumberInput/DecrementStepper.d.ts.map +0 -1
  26. package/dist/cjs/types/components/NumberInput/IncrementStepper.d.ts +0 -9
  27. package/dist/cjs/types/components/NumberInput/IncrementStepper.d.ts.map +0 -1
  28. package/dist/cjs/types/components/NumberInput/InternalInput.d.ts +0 -18
  29. package/dist/cjs/types/components/NumberInput/InternalInput.d.ts.map +0 -1
  30. package/dist/cjs/types/components/NumberInput/Stepper.d.ts +0 -10
  31. package/dist/cjs/types/components/NumberInput/Stepper.d.ts.map +0 -1
  32. package/dist/cjs/types/components/NumberInput/context.d.ts +0 -28
  33. package/dist/cjs/types/components/NumberInput/context.d.ts.map +0 -1
  34. package/dist/cjs/types/components/NumberInput/index.d.ts +0 -69
  35. package/dist/cjs/types/components/NumberInput/index.d.ts.map +0 -1
  36. package/dist/cjs/types/components/Piano/KeyLabel.d.ts +0 -17
  37. package/dist/cjs/types/components/Piano/KeyLabel.d.ts.map +0 -1
  38. package/dist/cjs/types/components/Piano/context.d.ts +0 -24
  39. package/dist/cjs/types/components/Piano/context.d.ts.map +0 -1
  40. package/dist/cjs/types/components/Piano/index.d.ts +0 -39
  41. package/dist/cjs/types/components/Piano/index.d.ts.map +0 -1
  42. package/dist/cjs/types/components/Piano/key.d.ts +0 -37
  43. package/dist/cjs/types/components/Piano/key.d.ts.map +0 -1
  44. package/dist/cjs/types/components/Piano/keyboardShortcuts.d.ts +0 -14
  45. package/dist/cjs/types/components/Piano/keyboardShortcuts.d.ts.map +0 -1
  46. package/dist/cjs/types/components/Slider/Scale.d.ts +0 -11
  47. package/dist/cjs/types/components/Slider/Scale.d.ts.map +0 -1
  48. package/dist/cjs/types/components/Slider/ScaleOption.d.ts +0 -27
  49. package/dist/cjs/types/components/Slider/ScaleOption.d.ts.map +0 -1
  50. package/dist/cjs/types/components/Slider/Thumb.d.ts +0 -23
  51. package/dist/cjs/types/components/Slider/Thumb.d.ts.map +0 -1
  52. package/dist/cjs/types/components/Slider/Track.d.ts +0 -21
  53. package/dist/cjs/types/components/Slider/Track.d.ts.map +0 -1
  54. package/dist/cjs/types/components/Slider/context.d.ts +0 -16
  55. package/dist/cjs/types/components/Slider/context.d.ts.map +0 -1
  56. package/dist/cjs/types/components/Slider/index.d.ts +0 -55
  57. package/dist/cjs/types/components/Slider/index.d.ts.map +0 -1
  58. package/dist/cjs/types/components/WheelObserver/index.d.ts +0 -25
  59. package/dist/cjs/types/components/WheelObserver/index.d.ts.map +0 -1
  60. package/dist/cjs/types/components/XYPad/Area.d.ts +0 -15
  61. package/dist/cjs/types/components/XYPad/Area.d.ts.map +0 -1
  62. package/dist/cjs/types/components/XYPad/Thumb.d.ts +0 -23
  63. package/dist/cjs/types/components/XYPad/Thumb.d.ts.map +0 -1
  64. package/dist/cjs/types/components/XYPad/index.d.ts +0 -48
  65. package/dist/cjs/types/components/XYPad/index.d.ts.map +0 -1
  66. package/dist/cjs/types/components/_util/index.d.ts +0 -4
  67. package/dist/cjs/types/components/_util/index.d.ts.map +0 -1
  68. package/dist/cjs/types/hooks/useAnimationFrame.d.ts +0 -3
  69. package/dist/cjs/types/hooks/useAnimationFrame.d.ts.map +0 -1
  70. package/dist/cjs/types/hooks/useCallbackRef.d.ts +0 -6
  71. package/dist/cjs/types/hooks/useCallbackRef.d.ts.map +0 -1
  72. package/dist/cjs/types/hooks/useDrag.d.ts +0 -14
  73. package/dist/cjs/types/hooks/useDrag.d.ts.map +0 -1
  74. package/dist/cjs/types/hooks/useDragWithElement.d.ts +0 -15
  75. package/dist/cjs/types/hooks/useDragWithElement.d.ts.map +0 -1
  76. package/dist/cjs/types/hooks/useEventListener.d.ts +0 -7
  77. package/dist/cjs/types/hooks/useEventListener.d.ts.map +0 -1
  78. package/dist/cjs/types/hooks/useInterval.d.ts +0 -2
  79. package/dist/cjs/types/hooks/useInterval.d.ts.map +0 -1
  80. package/dist/cjs/types/hooks/useLongPress.d.ts +0 -2
  81. package/dist/cjs/types/hooks/useLongPress.d.ts.map +0 -1
  82. package/dist/cjs/types/hooks/useRefCallbackEvent.d.ts +0 -2
  83. package/dist/cjs/types/hooks/useRefCallbackEvent.d.ts.map +0 -1
  84. package/dist/cjs/types/index.d.ts +0 -22
  85. package/dist/cjs/types/index.d.ts.map +0 -1
  86. package/dist/esm/index.js +0 -2010
  87. package/dist/esm/index.js.map +0 -1
  88. package/dist/esm/types/components/AnimationCanvas/canvas.d.ts +0 -6
  89. package/dist/esm/types/components/AnimationCanvas/canvas.d.ts.map +0 -1
  90. package/dist/esm/types/components/AnimationCanvas/index.d.ts +0 -51
  91. package/dist/esm/types/components/AnimationCanvas/index.d.ts.map +0 -1
  92. package/dist/esm/types/components/AnimationKnob/index.d.ts +0 -62
  93. package/dist/esm/types/components/AnimationKnob/index.d.ts.map +0 -1
  94. package/dist/esm/types/components/DragObserver/index.d.ts +0 -21
  95. package/dist/esm/types/components/DragObserver/index.d.ts.map +0 -1
  96. package/dist/esm/types/components/Knob/index.d.ts +0 -71
  97. package/dist/esm/types/components/Knob/index.d.ts.map +0 -1
  98. package/dist/esm/types/components/NumberInput/DecrementStepper.d.ts +0 -9
  99. package/dist/esm/types/components/NumberInput/DecrementStepper.d.ts.map +0 -1
  100. package/dist/esm/types/components/NumberInput/IncrementStepper.d.ts +0 -9
  101. package/dist/esm/types/components/NumberInput/IncrementStepper.d.ts.map +0 -1
  102. package/dist/esm/types/components/NumberInput/InternalInput.d.ts +0 -18
  103. package/dist/esm/types/components/NumberInput/InternalInput.d.ts.map +0 -1
  104. package/dist/esm/types/components/NumberInput/Stepper.d.ts +0 -10
  105. package/dist/esm/types/components/NumberInput/Stepper.d.ts.map +0 -1
  106. package/dist/esm/types/components/NumberInput/context.d.ts +0 -28
  107. package/dist/esm/types/components/NumberInput/context.d.ts.map +0 -1
  108. package/dist/esm/types/components/NumberInput/index.d.ts +0 -69
  109. package/dist/esm/types/components/NumberInput/index.d.ts.map +0 -1
  110. package/dist/esm/types/components/Piano/KeyLabel.d.ts +0 -17
  111. package/dist/esm/types/components/Piano/KeyLabel.d.ts.map +0 -1
  112. package/dist/esm/types/components/Piano/context.d.ts +0 -24
  113. package/dist/esm/types/components/Piano/context.d.ts.map +0 -1
  114. package/dist/esm/types/components/Piano/index.d.ts +0 -39
  115. package/dist/esm/types/components/Piano/index.d.ts.map +0 -1
  116. package/dist/esm/types/components/Piano/key.d.ts +0 -37
  117. package/dist/esm/types/components/Piano/key.d.ts.map +0 -1
  118. package/dist/esm/types/components/Piano/keyboardShortcuts.d.ts +0 -14
  119. package/dist/esm/types/components/Piano/keyboardShortcuts.d.ts.map +0 -1
  120. package/dist/esm/types/components/Slider/Scale.d.ts +0 -11
  121. package/dist/esm/types/components/Slider/Scale.d.ts.map +0 -1
  122. package/dist/esm/types/components/Slider/ScaleOption.d.ts +0 -27
  123. package/dist/esm/types/components/Slider/ScaleOption.d.ts.map +0 -1
  124. package/dist/esm/types/components/Slider/Thumb.d.ts +0 -23
  125. package/dist/esm/types/components/Slider/Thumb.d.ts.map +0 -1
  126. package/dist/esm/types/components/Slider/Track.d.ts +0 -21
  127. package/dist/esm/types/components/Slider/Track.d.ts.map +0 -1
  128. package/dist/esm/types/components/Slider/context.d.ts +0 -16
  129. package/dist/esm/types/components/Slider/context.d.ts.map +0 -1
  130. package/dist/esm/types/components/Slider/index.d.ts +0 -55
  131. package/dist/esm/types/components/Slider/index.d.ts.map +0 -1
  132. package/dist/esm/types/components/WheelObserver/index.d.ts +0 -25
  133. package/dist/esm/types/components/WheelObserver/index.d.ts.map +0 -1
  134. package/dist/esm/types/components/XYPad/Area.d.ts +0 -15
  135. package/dist/esm/types/components/XYPad/Area.d.ts.map +0 -1
  136. package/dist/esm/types/components/XYPad/Thumb.d.ts +0 -23
  137. package/dist/esm/types/components/XYPad/Thumb.d.ts.map +0 -1
  138. package/dist/esm/types/components/XYPad/index.d.ts +0 -48
  139. package/dist/esm/types/components/XYPad/index.d.ts.map +0 -1
  140. package/dist/esm/types/components/_util/index.d.ts +0 -4
  141. package/dist/esm/types/components/_util/index.d.ts.map +0 -1
  142. package/dist/esm/types/hooks/useAnimationFrame.d.ts +0 -3
  143. package/dist/esm/types/hooks/useAnimationFrame.d.ts.map +0 -1
  144. package/dist/esm/types/hooks/useCallbackRef.d.ts +0 -6
  145. package/dist/esm/types/hooks/useCallbackRef.d.ts.map +0 -1
  146. package/dist/esm/types/hooks/useDrag.d.ts +0 -14
  147. package/dist/esm/types/hooks/useDrag.d.ts.map +0 -1
  148. package/dist/esm/types/hooks/useDragWithElement.d.ts +0 -15
  149. package/dist/esm/types/hooks/useDragWithElement.d.ts.map +0 -1
  150. package/dist/esm/types/hooks/useEventListener.d.ts +0 -7
  151. package/dist/esm/types/hooks/useEventListener.d.ts.map +0 -1
  152. package/dist/esm/types/hooks/useInterval.d.ts +0 -2
  153. package/dist/esm/types/hooks/useInterval.d.ts.map +0 -1
  154. package/dist/esm/types/hooks/useLongPress.d.ts +0 -2
  155. package/dist/esm/types/hooks/useLongPress.d.ts.map +0 -1
  156. package/dist/esm/types/hooks/useRefCallbackEvent.d.ts +0 -2
  157. package/dist/esm/types/hooks/useRefCallbackEvent.d.ts.map +0 -1
  158. package/dist/esm/types/index.d.ts +0 -22
  159. 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,4 +0,0 @@
1
- export declare function addNoSelect(): void;
2
- export declare function removeNoSelect(): void;
3
- export declare function toggleNoSelect(): void;
4
- //# sourceMappingURL=index.d.ts.map
@@ -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,3 +0,0 @@
1
- import { DependencyList } from 'react';
2
- export declare function useAnimationFrame(callback?: () => void, deps?: DependencyList): void;
3
- //# sourceMappingURL=useAnimationFrame.d.ts.map
@@ -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"}