@tremolo-ui/react 0.0.1 → 0.0.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 (110) hide show
  1. package/README.md +5 -53
  2. package/dist/cjs/index.d.ts +107 -46
  3. package/dist/cjs/index.js +525 -203
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/cjs/packages/react/tsconfig.tsbuildinfo +1 -0
  6. package/dist/cjs/types/packages/functions/components/NumberInput/type.d.ts +14 -0
  7. package/dist/cjs/types/packages/functions/components/NumberInput/type.d.ts.map +1 -0
  8. package/dist/cjs/types/{src → packages/functions}/components/Slider/type.d.ts +8 -2
  9. package/dist/cjs/types/packages/functions/components/Slider/type.d.ts.map +1 -0
  10. package/dist/cjs/types/{src → packages/functions}/math.d.ts +4 -0
  11. package/dist/cjs/types/packages/functions/math.d.ts.map +1 -0
  12. package/dist/cjs/types/packages/functions/types.d.ts.map +1 -0
  13. package/dist/cjs/types/packages/functions/util.d.ts +6 -0
  14. package/dist/cjs/types/packages/functions/util.d.ts.map +1 -0
  15. package/dist/cjs/types/packages/react/src/components/AnimationCanvas/canvas.d.ts +6 -0
  16. package/dist/cjs/types/packages/react/src/components/AnimationCanvas/canvas.d.ts.map +1 -0
  17. package/dist/cjs/types/packages/react/src/components/AnimationCanvas/index.d.ts +20 -0
  18. package/dist/cjs/types/packages/react/src/components/AnimationCanvas/index.d.ts.map +1 -0
  19. package/dist/cjs/types/packages/react/src/components/Knob/index.d.ts +36 -0
  20. package/dist/cjs/types/packages/react/src/components/Knob/index.d.ts.map +1 -0
  21. package/dist/cjs/types/packages/react/src/components/NumberInput/index.d.ts +47 -0
  22. package/dist/cjs/types/packages/react/src/components/NumberInput/index.d.ts.map +1 -0
  23. package/dist/cjs/types/packages/react/src/components/Slider/Thumb.d.ts +11 -0
  24. package/dist/cjs/types/packages/react/src/components/Slider/Thumb.d.ts.map +1 -0
  25. package/dist/cjs/types/packages/react/src/components/Slider/Track.d.ts +10 -0
  26. package/dist/cjs/types/packages/react/src/components/Slider/Track.d.ts.map +1 -0
  27. package/dist/cjs/types/packages/react/src/components/Slider/index.d.ts +34 -0
  28. package/dist/cjs/types/packages/react/src/components/Slider/index.d.ts.map +1 -0
  29. package/dist/cjs/types/packages/react/src/components/Slider/type.d.ts +6 -0
  30. package/dist/cjs/types/packages/react/src/components/Slider/type.d.ts.map +1 -0
  31. package/dist/cjs/types/packages/react/src/hooks/useCallbackRef.d.ts.map +1 -0
  32. package/dist/cjs/types/packages/react/src/hooks/useEventListener.d.ts.map +1 -0
  33. package/dist/cjs/types/packages/react/src/hooks/useRefCallbackEvent.d.ts +5 -0
  34. package/dist/cjs/types/packages/react/src/hooks/useRefCallbackEvent.d.ts.map +1 -0
  35. package/dist/cjs/types/packages/react/src/index.d.ts +7 -0
  36. package/dist/cjs/types/packages/react/src/index.d.ts.map +1 -0
  37. package/dist/cjs/types/packages/react/src/system/pseudo.d.ts +14 -0
  38. package/dist/cjs/types/packages/react/src/system/pseudo.d.ts.map +1 -0
  39. package/dist/esm/index.d.ts +107 -46
  40. package/dist/esm/index.js +513 -197
  41. package/dist/esm/index.js.map +1 -1
  42. package/dist/esm/packages/react/tsconfig.tsbuildinfo +1 -0
  43. package/dist/esm/types/packages/functions/components/NumberInput/type.d.ts +14 -0
  44. package/dist/esm/types/packages/functions/components/NumberInput/type.d.ts.map +1 -0
  45. package/dist/esm/types/{src → packages/functions}/components/Slider/type.d.ts +8 -2
  46. package/dist/esm/types/packages/functions/components/Slider/type.d.ts.map +1 -0
  47. package/dist/esm/types/{src → packages/functions}/math.d.ts +4 -0
  48. package/dist/esm/types/packages/functions/math.d.ts.map +1 -0
  49. package/dist/esm/types/packages/functions/types.d.ts.map +1 -0
  50. package/dist/esm/types/packages/functions/util.d.ts +6 -0
  51. package/dist/esm/types/packages/functions/util.d.ts.map +1 -0
  52. package/dist/esm/types/packages/react/src/components/AnimationCanvas/canvas.d.ts +6 -0
  53. package/dist/esm/types/packages/react/src/components/AnimationCanvas/canvas.d.ts.map +1 -0
  54. package/dist/esm/types/packages/react/src/components/AnimationCanvas/index.d.ts +20 -0
  55. package/dist/esm/types/packages/react/src/components/AnimationCanvas/index.d.ts.map +1 -0
  56. package/dist/esm/types/packages/react/src/components/Knob/index.d.ts +36 -0
  57. package/dist/esm/types/packages/react/src/components/Knob/index.d.ts.map +1 -0
  58. package/dist/esm/types/packages/react/src/components/NumberInput/index.d.ts +47 -0
  59. package/dist/esm/types/packages/react/src/components/NumberInput/index.d.ts.map +1 -0
  60. package/dist/esm/types/packages/react/src/components/Slider/Thumb.d.ts +11 -0
  61. package/dist/esm/types/packages/react/src/components/Slider/Thumb.d.ts.map +1 -0
  62. package/dist/esm/types/packages/react/src/components/Slider/Track.d.ts +10 -0
  63. package/dist/esm/types/packages/react/src/components/Slider/Track.d.ts.map +1 -0
  64. package/dist/esm/types/packages/react/src/components/Slider/index.d.ts +34 -0
  65. package/dist/esm/types/packages/react/src/components/Slider/index.d.ts.map +1 -0
  66. package/dist/esm/types/packages/react/src/components/Slider/type.d.ts +6 -0
  67. package/dist/esm/types/packages/react/src/components/Slider/type.d.ts.map +1 -0
  68. package/dist/esm/types/packages/react/src/hooks/useCallbackRef.d.ts.map +1 -0
  69. package/dist/esm/types/packages/react/src/hooks/useEventListener.d.ts.map +1 -0
  70. package/dist/esm/types/packages/react/src/hooks/useRefCallbackEvent.d.ts +5 -0
  71. package/dist/esm/types/packages/react/src/hooks/useRefCallbackEvent.d.ts.map +1 -0
  72. package/dist/esm/types/packages/react/src/index.d.ts +7 -0
  73. package/dist/esm/types/packages/react/src/index.d.ts.map +1 -0
  74. package/dist/esm/types/packages/react/src/system/pseudo.d.ts +14 -0
  75. package/dist/esm/types/packages/react/src/system/pseudo.d.ts.map +1 -0
  76. package/package.json +24 -39
  77. package/LICENSE +0 -21
  78. package/dist/cjs/types/src/components/Knob/index.d.ts +0 -23
  79. package/dist/cjs/types/src/components/Knob/index.d.ts.map +0 -1
  80. package/dist/cjs/types/src/components/Slider/index.d.ts +0 -27
  81. package/dist/cjs/types/src/components/Slider/index.d.ts.map +0 -1
  82. package/dist/cjs/types/src/components/Slider/type.d.ts.map +0 -1
  83. package/dist/cjs/types/src/hooks/useCallbackRef.d.ts.map +0 -1
  84. package/dist/cjs/types/src/hooks/useEventListener.d.ts.map +0 -1
  85. package/dist/cjs/types/src/index.d.ts +0 -5
  86. package/dist/cjs/types/src/index.d.ts.map +0 -1
  87. package/dist/cjs/types/src/math.d.ts.map +0 -1
  88. package/dist/cjs/types/src/types.d.ts.map +0 -1
  89. package/dist/cjs/types/src/util.d.ts +0 -2
  90. package/dist/cjs/types/src/util.d.ts.map +0 -1
  91. package/dist/esm/types/src/components/Knob/index.d.ts +0 -23
  92. package/dist/esm/types/src/components/Knob/index.d.ts.map +0 -1
  93. package/dist/esm/types/src/components/Slider/index.d.ts +0 -27
  94. package/dist/esm/types/src/components/Slider/index.d.ts.map +0 -1
  95. package/dist/esm/types/src/components/Slider/type.d.ts.map +0 -1
  96. package/dist/esm/types/src/hooks/useCallbackRef.d.ts.map +0 -1
  97. package/dist/esm/types/src/hooks/useEventListener.d.ts.map +0 -1
  98. package/dist/esm/types/src/index.d.ts +0 -5
  99. package/dist/esm/types/src/index.d.ts.map +0 -1
  100. package/dist/esm/types/src/math.d.ts.map +0 -1
  101. package/dist/esm/types/src/types.d.ts.map +0 -1
  102. package/dist/esm/types/src/util.d.ts +0 -2
  103. package/dist/esm/types/src/util.d.ts.map +0 -1
  104. package/dist/tsconfig.tsbuildinfo +0 -1
  105. /package/dist/cjs/types/{src → packages/functions}/types.d.ts +0 -0
  106. /package/dist/cjs/types/{src → packages/react/src}/hooks/useCallbackRef.d.ts +0 -0
  107. /package/dist/cjs/types/{src → packages/react/src}/hooks/useEventListener.d.ts +0 -0
  108. /package/dist/esm/types/{src → packages/functions}/types.d.ts +0 -0
  109. /package/dist/esm/types/{src → packages/react/src}/hooks/useCallbackRef.d.ts +0 -0
  110. /package/dist/esm/types/{src → packages/react/src}/hooks/useEventListener.d.ts +0 -0
@@ -0,0 +1,47 @@
1
+ import { CSSObject } from '@emotion/react';
2
+ import { Units } from '@tremolo-ui/functions/components/NumberInput/type';
3
+ import { ChangeEvent } from 'react';
4
+ import { InputPseudoProps, UserActionPseudoProps } from '../../system/pseudo';
5
+ interface NumberInputProps {
6
+ value: number | string;
7
+ min?: number;
8
+ max?: number;
9
+ step?: number;
10
+ disabled?: boolean;
11
+ placeholder?: string;
12
+ readOnly?: boolean;
13
+ tabIndex?: number;
14
+ /**
15
+ * @example
16
+ * units='Hz'
17
+ * units={[['Hz', 1], ['kHz', 1000]]}
18
+ * units={[['ms', 1], ['s', 1000]]}
19
+ */
20
+ units?: string | Units;
21
+ /**
22
+ * NOTE: If units is specified, it is forced to `false`
23
+ */
24
+ strict?: boolean;
25
+ /**
26
+ * @example
27
+ * with units-{[['Hz', 1], ['kHz', 1000]]}
28
+ * 3 ... 100Hz, 1.60Hz
29
+ */
30
+ digit?: number;
31
+ selectWithFocus?: 'all' | 'number' | 'none';
32
+ blurWithEnter?: boolean;
33
+ className?: string;
34
+ style?: CSSObject;
35
+ onChange?: (value: number, event: ChangeEvent<HTMLInputElement>) => void;
36
+ onFocus?: (value: number, event: React.FocusEvent<HTMLInputElement, Element>) => void;
37
+ onBlur?: (value: number, event: React.FocusEvent<HTMLInputElement, Element>) => void;
38
+ }
39
+ /**
40
+ * Input with some useful functions for entering numerical values.
41
+ */
42
+ export declare function NumberInput({ value, min, // TODO
43
+ max, // TODO
44
+ step, // TODO
45
+ units, disabled, placeholder, readOnly, tabIndex, strict, digit, selectWithFocus, blurWithEnter, className, style, onChange, onFocus, onBlur, ...pseudo }: NumberInputProps & UserActionPseudoProps & InputPseudoProps): import("@emotion/react/jsx-runtime").JSX.Element;
46
+ export {};
47
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAc,KAAK,EAAE,MAAM,mDAAmD,CAAA;AACrF,OAAO,EAAE,WAAW,EAAY,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAE7E,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IAGb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxE,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;IACT,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;CACV;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,EAAE,OAAO;AACZ,GAAG,EAAE,OAAO;AACZ,IAAI,EAAE,OAAO;AACb,KAAK,EACL,QAAgB,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,MAAc,EACd,KAAK,EACL,eAAwB,EACxB,aAAoB,EACpB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACV,EAAE,gBAAgB,GAAG,qBAAqB,GAAG,gBAAgB,oDA6E7D"}
@@ -0,0 +1,11 @@
1
+ import { CSSObject } from '@emotion/react';
2
+ import { ReactNode, ReactElement } from 'react';
3
+ interface SliderThumbProps {
4
+ color?: string;
5
+ style?: CSSObject;
6
+ __css?: CSSObject;
7
+ children?: ReactNode;
8
+ }
9
+ export declare function SliderThumb({ color, children, style, __css, }: SliderThumbProps): ReactElement;
10
+ export {};
11
+ //# sourceMappingURL=Thumb.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Slider/Thumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAO,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAE/C,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,gBAAgB,GAAG,YAAY,CAgCjC"}
@@ -0,0 +1,10 @@
1
+ import { CSSObject } from '@emotion/react';
2
+ import { ReactElement } from 'react';
3
+ interface SliderTrackProps {
4
+ style?: CSSObject;
5
+ children?: ReactElement;
6
+ __css?: CSSObject;
7
+ }
8
+ export declare function SliderTrack({ children, style, __css, }: SliderTrackProps): ReactElement;
9
+ export {};
10
+ //# sourceMappingURL=Track.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Track.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Slider/Track.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,gBAAgB,GAAG,YAAY,CAMjC"}
@@ -0,0 +1,34 @@
1
+ import { CSSObject } from '@emotion/react';
2
+ import { Direction, ScaleOrderList, ScaleType } from '@tremolo-ui/functions/components/Slider/type';
3
+ import { WheelOption } from '@tremolo-ui/functions/types';
4
+ import { ReactElement } from 'react';
5
+ import { UserActionPseudoProps } from '../../system/pseudo';
6
+ import { ScaleOption } from './type';
7
+ interface SliderProps {
8
+ value: number;
9
+ min: number;
10
+ max: number;
11
+ step?: number;
12
+ skew?: number;
13
+ length?: number | string;
14
+ thickness?: number | string;
15
+ direction?: Direction;
16
+ scale?: ['step', ScaleType] | [number, ScaleType] | ScaleOrderList[];
17
+ scaleOption?: ScaleOption;
18
+ color?: string;
19
+ bg?: string;
20
+ bodyNoSelect?: boolean;
21
+ enableWheel?: WheelOption;
22
+ className?: string;
23
+ style?: CSSObject;
24
+ onChange?: (value: number) => void;
25
+ children?: ReactElement | ReactElement[];
26
+ }
27
+ /**
28
+ * Customizable slider
29
+ */
30
+ export declare function Slider({ value, min, max, step, skew, length, thickness, direction, scale, scaleOption, color, bg, className, style, bodyNoSelect, enableWheel, onChange, children, ...pseudo }: SliderProps & UserActionPseudoProps): import("@emotion/react/jsx-runtime").JSX.Element;
31
+ export { SliderThumb } from './Thumb';
32
+ export { SliderTrack } from './Track';
33
+ export * from '@tremolo-ui/functions/components/Slider/type';
34
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAU,MAAM,gBAAgB,CAAA;AACvD,OAAO,EACL,SAAS,EAMT,cAAc,EACd,SAAS,EACV,MAAM,8CAA8C,CAAA;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAEzD,OAAc,EAAE,YAAY,EAAU,MAAM,OAAO,CAAA;AAInD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAI3D,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEpC,UAAU,WAAW;IAEnB,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,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,cAAc,EAAE,CAAA;IACpE,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CAEzC;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAQ,EACR,IAAQ,EACR,MAAY,EACZ,SAAc,EACd,SAAmB,EACnB,KAAK,EACL,WAAW,EACX,KAAiB,EACjB,EAAW,EACX,SAAS,EACT,KAAK,EACL,YAAmB,EACnB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,WAAW,GAAG,qBAAqB,oDAwPrC;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,cAAc,8CAA8C,CAAA"}
@@ -0,0 +1,6 @@
1
+ import { CSSObject } from '@emotion/react';
2
+ import type { ScaleOption as Opt } from '@tremolo-ui/functions/components/Slider/type';
3
+ export type ScaleOption = Opt & {
4
+ style?: CSSObject;
5
+ };
6
+ //# sourceMappingURL=type.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Slider/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,KAAK,EAAE,WAAW,IAAI,GAAG,EAAE,MAAM,8CAA8C,CAAA;AAEtF,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCallbackRef.d.ts","sourceRoot":"","sources":["../../../../../../../src/hooks/useCallbackRef.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,SAAS,OAAO,EAAE,EAAE,MAAM,EAC3D,QAAQ,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,GAAG,SAAS,EACjD,IAAI,GAAE,KAAK,CAAC,cAAmB,aAUF,IAAI,wBAClC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../../../../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAIA,KAAK,MAAM,GAAG,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAA;AAC7D,KAAK,OAAO,GAAG,OAAO,GAAG,uBAAuB,CAAA;AAEhD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAC/D,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9C,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA;AACf,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,cAAc,EAC7D,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAC5C,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA;AACf,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,2BAA2B,EAC1E,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAAK,IAAI,EACzD,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA"}
@@ -0,0 +1,5 @@
1
+ type Options = boolean | AddEventListenerOptions;
2
+ type CallbackFunc = (div: EventTarget | null) => void;
3
+ export declare function useRefCallbackEvent<K extends keyof DocumentEventMap>(event: K, handler: (event: DocumentEventMap[K]) => void, options?: Options, deps?: React.DependencyList): CallbackFunc;
4
+ export {};
5
+ //# sourceMappingURL=useRefCallbackEvent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useRefCallbackEvent.d.ts","sourceRoot":"","sources":["../../../../../../../src/hooks/useRefCallbackEvent.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG,OAAO,GAAG,uBAAuB,CAAA;AAChD,KAAK,YAAY,GAAG,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;AAErD,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAClE,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC7C,OAAO,CAAC,EAAE,OAAO,EACjB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,GAC1B,YAAY,CAAA"}
@@ -0,0 +1,7 @@
1
+ export * from '@tremolo-ui/functions/math';
2
+ export type * from '@tremolo-ui/functions/types';
3
+ export { AnimationCanvas } from './components/AnimationCanvas';
4
+ export { Knob } from './components/Knob';
5
+ export { NumberInput } from './components/NumberInput';
6
+ export { Slider } from './components/Slider';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,mBAAmB,6BAA6B,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA"}
@@ -0,0 +1,14 @@
1
+ import { CSSObject } from '@emotion/react';
2
+ export declare const inputPseudoSelectors: readonly ["&:enabled", "&:disabled", "&:read-only", "&:read-write", "&:placeholder-shown", "&:blank", "&:valid", "&:invalid", "&:in-range", "&:out-of-range"];
3
+ export declare const inputPseudoPropNames: readonly ["_enabled", "_disabled", "_readOnly", "_readWrite", "_placeholderShown", "_blank", "_valid", "_invalid", "_inRange", "_outOfRange"];
4
+ export type InputPseudos = (typeof inputPseudoPropNames)[number];
5
+ export type InputPseudoProps = Partial<{
6
+ [key in InputPseudos]: CSSObject;
7
+ }>;
8
+ export declare const userActionPseudoSelectors: readonly ["&:hover", "&:active", "&:focus"];
9
+ export declare const userActionPseudoPropNames: readonly ["_hover", "_active", "_focus"];
10
+ export type UserActionPseudos = (typeof userActionPseudoPropNames)[number];
11
+ export type UserActionPseudoProps = Partial<{
12
+ [key in UserActionPseudos]: CSSObject;
13
+ }>;
14
+ //# sourceMappingURL=pseudo.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pseudo.d.ts","sourceRoot":"","sources":["../../../../../../../src/system/pseudo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAQ1C,eAAO,MAAM,oBAAoB,+JAWvB,CAAA;AAEV,eAAO,MAAM,oBAAoB,+IAWvB,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAChE,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;KACpC,GAAG,IAAI,YAAY,GAAG,SAAS;CACjC,CAAC,CAAA;AAEF,eAAO,MAAM,yBAAyB,6CAI5B,CAAA;AAEV,eAAO,MAAM,yBAAyB,0CAI5B,CAAA;AAEV,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC1E,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;KACzC,GAAG,IAAI,iBAAiB,GAAG,SAAS;CACtC,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,22 +1,22 @@
1
1
  {
2
2
  "name": "@tremolo-ui/react",
3
- "version": "0.0.1",
3
+ "version": "0.0.3",
4
4
  "description": "React component library for audio app",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
7
7
  "type": "module",
8
8
  "types": "dist/cjs/index.d.ts",
9
9
  "scripts": {
10
- "storybook": "storybook dev -p 6006",
10
+ "sb": "storybook dev -p 6006",
11
+ "build:sb": "storybook build",
12
+ "serve": "http-server ./storybook-static",
11
13
  "lint": "eslint --fix --ext .ts,.tsx .",
12
14
  "format": "prettier --write .",
13
- "test": "jest",
14
- "build-storybook": "storybook build",
15
- "build": "rollup -c",
16
- "clean": "npm run clean:build && npm run clean:storybook",
15
+ "test": "echo 'No test yet.'",
16
+ "build:package": "rollup -c",
17
+ "clean": "npm run clean:build && npm run clean:sb",
17
18
  "clean:build": "rimraf ./dist .rollup.cache",
18
- "clean:storybook": "rimraf ./storybook-static",
19
- "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
19
+ "clean:sb": "rimraf ./storybook-static"
20
20
  },
21
21
  "files": [
22
22
  "package.json",
@@ -35,7 +35,8 @@
35
35
  "homepage": "https://github.com/m1m0zzz/tremolo-ui",
36
36
  "repository": {
37
37
  "type": "git",
38
- "url": "https://github.com/m1m0zzz/tremolo-ui"
38
+ "url": "https://github.com/m1m0zzz/tremolo-ui",
39
+ "directory": "packages/react"
39
40
  },
40
41
  "keywords": [
41
42
  "react",
@@ -49,42 +50,26 @@
49
50
  "devDependencies": {
50
51
  "@chromatic-com/storybook": "^1.6.1",
51
52
  "@emotion/react": "^11.13.0",
52
- "@eslint/js": "^9.9.0",
53
- "@rollup/plugin-commonjs": "^26.0.1",
54
- "@rollup/plugin-typescript": "^11.1.6",
55
- "@storybook/addon-essentials": "^8.2.9",
56
- "@storybook/addon-interactions": "^8.2.9",
57
- "@storybook/addon-links": "^8.2.9",
58
- "@storybook/addon-onboarding": "^8.2.9",
59
- "@storybook/blocks": "^8.2.9",
60
- "@storybook/react": "^8.2.9",
61
- "@storybook/react-vite": "^8.2.9",
62
- "@storybook/test": "^8.2.9",
63
- "@types/eslint__js": "^8.42.3",
64
- "@types/jest": "^29.5.12",
65
- "@types/react": "^18.3.3",
66
- "chromatic": "^11.7.1",
67
- "eslint": "^8.57.0",
68
- "eslint-plugin-import": "^2.29.1",
69
- "eslint-plugin-react": "^7.35.0",
70
- "eslint-plugin-storybook": "^0.8.0",
71
- "eslint-plugin-unused-imports": "^4.1.3",
72
- "jest": "^29.7.0",
73
- "prettier": "^3.3.3",
53
+ "@storybook/addon-essentials": "^8.3.3",
54
+ "@storybook/addon-interactions": "^8.3.3",
55
+ "@storybook/addon-links": "^8.3.3",
56
+ "@storybook/blocks": "^8.3.3",
57
+ "@storybook/react": "^8.3.3",
58
+ "@storybook/react-vite": "^8.3.3",
59
+ "@storybook/test": "^8.3.3",
60
+ "@testing-library/react": "^16.0.1",
61
+ "jest-environment-jsdom": "^29.7.0",
74
62
  "react": "^18.3.1",
63
+ "react-component-benchmark": "^2.0.0",
75
64
  "react-dom": "^18.3.1",
76
- "rimraf": "^6.0.1",
77
- "rollup": "^4.20.0",
78
- "rollup-plugin-dts": "^6.1.1",
79
- "storybook": "^8.2.9",
80
- "ts-jest": "^29.2.4",
81
- "tslib": "^2.6.3",
82
- "typescript": "^5.5.4",
83
- "typescript-eslint": "^8.1.0"
65
+ "storybook": "^8.3.3"
84
66
  },
85
67
  "peerDependencies": {
86
68
  "@emotion/react": "11.x",
87
69
  "react": "18.x",
88
70
  "react-dom": "18.x"
71
+ },
72
+ "dependencies": {
73
+ "@tremolo-ui/functions": "file:../functions"
89
74
  }
90
75
  }
package/LICENSE DELETED
@@ -1,21 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2024 mimoz
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
@@ -1,23 +0,0 @@
1
- import { WheelOption } from '@/types';
2
- interface KnobProps {
3
- value: number;
4
- min: number;
5
- max: number;
6
- step?: number;
7
- skew?: number;
8
- size?: number | string;
9
- active?: string;
10
- inactive?: string;
11
- bg?: string;
12
- thumb?: string;
13
- lineWeight?: number | string;
14
- thumbWeight?: number | string;
15
- cursor?: string;
16
- style?: React.CSSProperties;
17
- bodyNoSelect?: boolean;
18
- enableWheel?: WheelOption;
19
- onChange?: (value: number) => void;
20
- }
21
- export declare function Knob({ value, min, max, step, skew, size, active, inactive, bg, thumb, lineWeight, thumbWeight, cursor, style, bodyNoSelect, enableWheel, onChange, }: KnobProps): import("@emotion/react/jsx-runtime").JSX.Element;
22
- export {};
23
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Knob/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC,UAAU,SAAS;IAEjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAQ,EACR,IAAQ,EACR,IAAS,EACT,MAAkB,EAClB,QAAiB,EACjB,EAAW,EACX,KAAiB,EACjB,UAAe,EACf,WAAe,EACf,MAAkB,EAClB,KAAK,EACL,YAAmB,EACnB,WAAW,EACX,QAAQ,GACT,EAAE,SAAS,oDAuIX"}
@@ -1,27 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { Direction, ScaleOption, ScaleOrderList, ScaleType } from './type';
3
- import { WheelOption } from '@/types';
4
- export declare function SliderThumb(): import("@emotion/react/jsx-runtime").JSX.Element;
5
- interface SliderProps {
6
- value: number;
7
- min: number;
8
- max: number;
9
- step?: number;
10
- length?: number | string;
11
- thickness?: number | string;
12
- direction?: Direction;
13
- skew?: number;
14
- scale?: ['step', ScaleType] | [number, ScaleType] | ScaleOrderList[];
15
- scaleOption?: ScaleOption;
16
- color?: string;
17
- bg?: string;
18
- cursor?: string;
19
- style?: React.CSSProperties;
20
- bodyNoSelect?: boolean;
21
- enableWheel?: WheelOption;
22
- onChange?: (value: number) => void;
23
- children?: ReactNode;
24
- }
25
- export declare function Slider({ value, min, max, step, length, thickness, direction, skew, scale, scaleOption, color, bg, cursor, style, bodyNoSelect, enableWheel, onChange, children, }: SliderProps): import("@emotion/react/jsx-runtime").JSX.Element;
26
- export * from './type';
27
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAA;AAEd,OAAO,EACL,SAAS,EAMT,WAAW,EACX,cAAc,EACd,SAAS,EACV,MAAM,QAAQ,CAAA;AAIf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKrC,wBAAgB,WAAW,qDAE1B;AAED,UAAU,WAAW;IAEnB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,cAAc,EAAE,CAAA;IACpE,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAQ,EACR,MAAY,EACZ,SAAc,EACd,SAAmB,EACnB,IAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAiB,EACjB,EAAW,EACX,MAAkB,EAClB,KAAK,EACL,YAAmB,EACnB,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE,WAAW,oDA6Pb;AAED,cAAc,QAAQ,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/type.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAA;AACpC,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;AAE7C,wBAAgB,YAAY,CAAC,CAAC,EAAE,SAAS,yBAExC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,sBAEtC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,sBAEtC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,SAAS,mDAI7C;AAID,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,QAAQ,CAAA;AACzD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAC5B,CAAA;CACF,CAAA;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EACD,CAAC,MAAM,EAAE,SAAS,CAAC,GACnB,CAAC,MAAM,EAAE,SAAS,CAAC,GACnB,cAAc,EAAE,GAChB,SAAS,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,oBAmBb;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA"}
@@ -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,aAUF,IAAI,wBAClC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAIA,KAAK,MAAM,GAAG,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAA;AAC7D,KAAK,OAAO,GAAG,OAAO,GAAG,uBAAuB,CAAA;AAEhD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAC/D,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9C,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA;AACf,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,cAAc,EAC7D,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAC5C,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA;AACf,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,2BAA2B,EAC1E,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAAK,IAAI,EACzD,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA"}
@@ -1,5 +0,0 @@
1
- export * from './math';
2
- export type * from './types';
3
- export { Knob } from './components/Knob';
4
- export { Slider } from './components/Slider';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,mBAAmB,SAAS,CAAA;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/math.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAE5D;AAED,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,SAAI,UAKT;AAED,wBAAgB,QAAQ,CACtB,eAAe,EAAE,MAAM,EACvB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,SAAI,UAQT;AAED,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,UAKZ;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,UAOpD;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,UAEzD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAElE"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,CAAC,YAAY,GAAG,KAAK,EAAE,MAAM,CAAC,CAAA"}
@@ -1,2 +0,0 @@
1
- export declare function styleHelper(property: string | number): string;
2
- //# sourceMappingURL=util.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/util.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,UAMpD"}
@@ -1,23 +0,0 @@
1
- import { WheelOption } from '@/types';
2
- interface KnobProps {
3
- value: number;
4
- min: number;
5
- max: number;
6
- step?: number;
7
- skew?: number;
8
- size?: number | string;
9
- active?: string;
10
- inactive?: string;
11
- bg?: string;
12
- thumb?: string;
13
- lineWeight?: number | string;
14
- thumbWeight?: number | string;
15
- cursor?: string;
16
- style?: React.CSSProperties;
17
- bodyNoSelect?: boolean;
18
- enableWheel?: WheelOption;
19
- onChange?: (value: number) => void;
20
- }
21
- export declare function Knob({ value, min, max, step, skew, size, active, inactive, bg, thumb, lineWeight, thumbWeight, cursor, style, bodyNoSelect, enableWheel, onChange, }: KnobProps): import("@emotion/react/jsx-runtime").JSX.Element;
22
- export {};
23
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Knob/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC,UAAU,SAAS;IAEjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAQ,EACR,IAAQ,EACR,IAAS,EACT,MAAkB,EAClB,QAAiB,EACjB,EAAW,EACX,KAAiB,EACjB,UAAe,EACf,WAAe,EACf,MAAkB,EAClB,KAAK,EACL,YAAmB,EACnB,WAAW,EACX,QAAQ,GACT,EAAE,SAAS,oDAuIX"}
@@ -1,27 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { Direction, ScaleOption, ScaleOrderList, ScaleType } from './type';
3
- import { WheelOption } from '@/types';
4
- export declare function SliderThumb(): import("@emotion/react/jsx-runtime").JSX.Element;
5
- interface SliderProps {
6
- value: number;
7
- min: number;
8
- max: number;
9
- step?: number;
10
- length?: number | string;
11
- thickness?: number | string;
12
- direction?: Direction;
13
- skew?: number;
14
- scale?: ['step', ScaleType] | [number, ScaleType] | ScaleOrderList[];
15
- scaleOption?: ScaleOption;
16
- color?: string;
17
- bg?: string;
18
- cursor?: string;
19
- style?: React.CSSProperties;
20
- bodyNoSelect?: boolean;
21
- enableWheel?: WheelOption;
22
- onChange?: (value: number) => void;
23
- children?: ReactNode;
24
- }
25
- export declare function Slider({ value, min, max, step, length, thickness, direction, skew, scale, scaleOption, color, bg, cursor, style, bodyNoSelect, enableWheel, onChange, children, }: SliderProps): import("@emotion/react/jsx-runtime").JSX.Element;
26
- export * from './type';
27
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAA;AAEd,OAAO,EACL,SAAS,EAMT,WAAW,EACX,cAAc,EACd,SAAS,EACV,MAAM,QAAQ,CAAA;AAIf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKrC,wBAAgB,WAAW,qDAE1B;AAED,UAAU,WAAW;IAEnB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,cAAc,EAAE,CAAA;IACpE,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAQ,EACR,MAAY,EACZ,SAAc,EACd,SAAmB,EACnB,IAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAiB,EACjB,EAAW,EACX,MAAkB,EAClB,KAAK,EACL,YAAmB,EACnB,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE,WAAW,oDA6Pb;AAED,cAAc,QAAQ,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/type.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAA;AACpC,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;AAE7C,wBAAgB,YAAY,CAAC,CAAC,EAAE,SAAS,yBAExC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,sBAEtC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,sBAEtC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,SAAS,mDAI7C;AAID,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,QAAQ,CAAA;AACzD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAC5B,CAAA;CACF,CAAA;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EACD,CAAC,MAAM,EAAE,SAAS,CAAC,GACnB,CAAC,MAAM,EAAE,SAAS,CAAC,GACnB,cAAc,EAAE,GAChB,SAAS,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,oBAmBb;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA"}
@@ -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,aAUF,IAAI,wBAClC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAIA,KAAK,MAAM,GAAG,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAA;AAC7D,KAAK,OAAO,GAAG,OAAO,GAAG,uBAAuB,CAAA;AAEhD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAC/D,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9C,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA;AACf,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,cAAc,EAC7D,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAC5C,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA;AACf,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,2BAA2B,EAC1E,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAAK,IAAI,EACzD,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAAA"}
@@ -1,5 +0,0 @@
1
- export * from './math';
2
- export type * from './types';
3
- export { Knob } from './components/Knob';
4
- export { Slider } from './components/Slider';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,mBAAmB,SAAS,CAAA;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/math.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAE5D;AAED,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,SAAI,UAKT;AAED,wBAAgB,QAAQ,CACtB,eAAe,EAAE,MAAM,EACvB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,SAAI,UAQT;AAED,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,UAKZ;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,UAOpD;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,UAEzD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAElE"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,CAAC,YAAY,GAAG,KAAK,EAAE,MAAM,CAAC,CAAA"}
@@ -1,2 +0,0 @@
1
- export declare function styleHelper(property: string | number): string;
2
- //# sourceMappingURL=util.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/util.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,UAMpD"}