@antimatter-audio/antimatter-ui 12.0.5 → 14.0.1

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 (125) hide show
  1. package/dist/advanced/IconButton/IconButton.d.ts +3 -1
  2. package/dist/advanced/IconButton/IconButton.d.ts.map +1 -1
  3. package/dist/advanced/KeyValueDisplayScreen/KeyValueDisplayScreen.d.ts.map +1 -1
  4. package/dist/advanced/LFOVisualizer/LFOVisualizer.d.ts +1 -0
  5. package/dist/advanced/LFOVisualizer/LFOVisualizer.d.ts.map +1 -1
  6. package/dist/advanced/LFOVisualizer/constants.d.ts +0 -2
  7. package/dist/advanced/LFOVisualizer/constants.d.ts.map +1 -1
  8. package/dist/advanced/ModuleFooter/LFO.d.ts +2 -2
  9. package/dist/advanced/ModuleFooter/LFO.d.ts.map +1 -1
  10. package/dist/advanced/ModuleFooter/LFOBox.d.ts +6 -0
  11. package/dist/advanced/ModuleFooter/LFOBox.d.ts.map +1 -0
  12. package/dist/advanced/ModuleFooter/ModuleFooter.d.ts.map +1 -1
  13. package/dist/advanced/ModuleFooter/SeqPanel.d.ts.map +1 -1
  14. package/dist/advanced/ModuleHeader/ModuleHeader.d.ts.map +1 -1
  15. package/dist/advanced/StepSequencer/StepSequencer.d.ts.map +1 -1
  16. package/dist/common/types.d.ts +24 -1
  17. package/dist/common/types.d.ts.map +1 -1
  18. package/dist/common/utils.d.ts +1 -0
  19. package/dist/common/utils.d.ts.map +1 -1
  20. package/dist/core/Box/Box.d.ts +3 -2
  21. package/dist/core/Box/Box.d.ts.map +1 -1
  22. package/dist/core/Dropdown/Dropdown.d.ts.map +1 -1
  23. package/dist/core/Heading/Heading.d.ts +3 -1
  24. package/dist/core/Heading/Heading.d.ts.map +1 -1
  25. package/dist/core/Icon/Icon.d.ts +37 -21
  26. package/dist/core/Icon/Icon.d.ts.map +1 -1
  27. package/dist/core/Indicators/IndicatorLight.d.ts +13 -3
  28. package/dist/core/Indicators/IndicatorLight.d.ts.map +1 -1
  29. package/dist/core/Indicators/hooks/useIndicator.d.ts +8 -0
  30. package/dist/core/Indicators/hooks/useIndicator.d.ts.map +1 -0
  31. package/dist/core/Input/Input.d.ts +4 -1
  32. package/dist/core/Input/Input.d.ts.map +1 -1
  33. package/dist/core/Label/Label.d.ts +2 -1
  34. package/dist/core/Label/Label.d.ts.map +1 -1
  35. package/dist/core/PositioningWrapper/PositioningWrapper.d.ts +16 -0
  36. package/dist/core/PositioningWrapper/PositioningWrapper.d.ts.map +1 -0
  37. package/dist/core/Slider/BarSlider.d.ts +20 -6
  38. package/dist/core/Slider/BarSlider.d.ts.map +1 -1
  39. package/dist/core/Slider/RotaryCircle.d.ts +35 -0
  40. package/dist/core/Slider/RotaryCircle.d.ts.map +1 -0
  41. package/dist/core/Slider/RotaryCombobox.d.ts +34 -0
  42. package/dist/core/Slider/RotaryCombobox.d.ts.map +1 -0
  43. package/dist/core/Slider/RotarySlider.d.ts +16 -15
  44. package/dist/core/Slider/RotarySlider.d.ts.map +1 -1
  45. package/dist/core/Slider/RotarySliderSVG.d.ts +20 -0
  46. package/dist/core/Slider/RotarySliderSVG.d.ts.map +1 -0
  47. package/dist/core/Slider/Slider.d.ts +75 -0
  48. package/dist/core/Slider/Slider.d.ts.map +1 -0
  49. package/dist/core/Slider/SliderSVG.d.ts +33 -0
  50. package/dist/core/Slider/SliderSVG.d.ts.map +1 -0
  51. package/dist/core/Slider/types.d.ts +22 -0
  52. package/dist/core/Slider/types.d.ts.map +1 -1
  53. package/dist/core/Tabs/Tabs.d.ts +32 -6
  54. package/dist/core/Tabs/Tabs.d.ts.map +1 -1
  55. package/dist/hooks/useCombobox.d.ts +6 -3
  56. package/dist/hooks/useCombobox.d.ts.map +1 -1
  57. package/dist/hooks/useDropdown.d.ts +3 -1
  58. package/dist/hooks/useDropdown.d.ts.map +1 -1
  59. package/dist/hooks/useIndicator.d.ts +14 -0
  60. package/dist/hooks/useIndicator.d.ts.map +1 -0
  61. package/dist/hooks/useSlider.d.ts.map +1 -1
  62. package/dist/index.js +2284 -1160
  63. package/dist/index.js.map +1 -1
  64. package/dist/src/advanced/IconButton/IconButton.d.ts +3 -1
  65. package/dist/src/advanced/IconButton/IconButton.d.ts.map +1 -1
  66. package/dist/src/advanced/KeyValueDisplayScreen/KeyValueDisplayScreen.d.ts.map +1 -1
  67. package/dist/src/advanced/LFOVisualizer/LFOVisualizer.d.ts +1 -0
  68. package/dist/src/advanced/LFOVisualizer/LFOVisualizer.d.ts.map +1 -1
  69. package/dist/src/advanced/LFOVisualizer/constants.d.ts +0 -2
  70. package/dist/src/advanced/LFOVisualizer/constants.d.ts.map +1 -1
  71. package/dist/src/advanced/ModuleFooter/LFO.d.ts.map +1 -1
  72. package/dist/src/advanced/ModuleFooter/LFOBox.d.ts +6 -0
  73. package/dist/src/advanced/ModuleFooter/LFOBox.d.ts.map +1 -0
  74. package/dist/src/advanced/ModuleFooter/ModuleFooter.d.ts.map +1 -1
  75. package/dist/src/advanced/ModuleFooter/SeqPanel.d.ts.map +1 -1
  76. package/dist/src/advanced/ModuleHeader/ModuleHeader.d.ts.map +1 -1
  77. package/dist/src/advanced/StepSequencer/StepSequencer.d.ts.map +1 -1
  78. package/dist/src/common/types.d.ts +24 -1
  79. package/dist/src/common/types.d.ts.map +1 -1
  80. package/dist/src/common/utils.d.ts +1 -0
  81. package/dist/src/common/utils.d.ts.map +1 -1
  82. package/dist/src/core/Box/Box.d.ts +3 -2
  83. package/dist/src/core/Box/Box.d.ts.map +1 -1
  84. package/dist/src/core/Dropdown/Dropdown.d.ts.map +1 -1
  85. package/dist/src/core/Heading/Heading.d.ts +3 -1
  86. package/dist/src/core/Heading/Heading.d.ts.map +1 -1
  87. package/dist/src/core/Icon/Icon.d.ts +37 -21
  88. package/dist/src/core/Icon/Icon.d.ts.map +1 -1
  89. package/dist/src/core/Indicators/IndicatorLight.d.ts +13 -3
  90. package/dist/src/core/Indicators/IndicatorLight.d.ts.map +1 -1
  91. package/dist/src/core/Input/Input.d.ts +4 -1
  92. package/dist/src/core/Input/Input.d.ts.map +1 -1
  93. package/dist/src/core/Label/Label.d.ts +2 -1
  94. package/dist/src/core/Label/Label.d.ts.map +1 -1
  95. package/dist/src/core/PositioningWrapper/PositioningWrapper.d.ts +16 -0
  96. package/dist/src/core/PositioningWrapper/PositioningWrapper.d.ts.map +1 -0
  97. package/dist/src/core/Slider/BarSlider.d.ts +20 -6
  98. package/dist/src/core/Slider/BarSlider.d.ts.map +1 -1
  99. package/dist/src/core/Slider/RotaryCircle.d.ts +35 -0
  100. package/dist/src/core/Slider/RotaryCircle.d.ts.map +1 -0
  101. package/dist/src/core/Slider/RotaryCombobox.d.ts +34 -0
  102. package/dist/src/core/Slider/RotaryCombobox.d.ts.map +1 -0
  103. package/dist/src/core/Slider/RotarySlider.d.ts +16 -15
  104. package/dist/src/core/Slider/RotarySlider.d.ts.map +1 -1
  105. package/dist/src/core/Slider/RotarySliderSVG.d.ts +20 -0
  106. package/dist/src/core/Slider/RotarySliderSVG.d.ts.map +1 -0
  107. package/dist/src/core/Slider/Slider.d.ts +75 -0
  108. package/dist/src/core/Slider/Slider.d.ts.map +1 -0
  109. package/dist/src/core/Slider/SliderSVG.d.ts +33 -0
  110. package/dist/src/core/Slider/SliderSVG.d.ts.map +1 -0
  111. package/dist/src/core/Slider/types.d.ts +22 -0
  112. package/dist/src/core/Slider/types.d.ts.map +1 -1
  113. package/dist/src/core/Tabs/Tabs.d.ts +32 -6
  114. package/dist/src/core/Tabs/Tabs.d.ts.map +1 -1
  115. package/dist/src/hooks/useCombobox.d.ts +6 -3
  116. package/dist/src/hooks/useCombobox.d.ts.map +1 -1
  117. package/dist/src/hooks/useDropdown.d.ts +3 -1
  118. package/dist/src/hooks/useDropdown.d.ts.map +1 -1
  119. package/dist/src/hooks/useIndicator.d.ts +14 -0
  120. package/dist/src/hooks/useIndicator.d.ts.map +1 -0
  121. package/dist/src/hooks/useSlider.d.ts.map +1 -1
  122. package/dist/src/index.d.ts +2 -1
  123. package/dist/src/index.d.ts.map +1 -1
  124. package/dist/styles.css +16 -6
  125. package/package.json +1 -1
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+ import '../Input/Input';
3
+ import { JuceSliderProperties, SliderRotationBehavior, RotarySliderSizes, RotarySliderMarkerShapes, GradientStyles } from './types';
4
+ import { Polarity } from '../../common/types';
5
+ import './RotarySlider.css';
6
+ declare function RotaryCombobox({ polarity, label, className, id, trackWidth, indicatorLineColor, indicatorLineGradient, trackColor, trackStrokeColor, knobStrokeColor, knobFillColor, size, markerShape, }: React.PropsWithChildren<{
7
+ id: any;
8
+ polarity?: Polarity;
9
+ rotationBehavior?: SliderRotationBehavior;
10
+ isRandomizable?: boolean;
11
+ onChange?: (newValue: any) => void;
12
+ className?: string;
13
+ trackWidth?: number;
14
+ indicatorLineColor?: string;
15
+ trackColor?: string;
16
+ trackStrokeColor?: string;
17
+ indicatorLineGradient?: GradientStyles;
18
+ knobStrokeColor?: string;
19
+ knobFillColor?: string;
20
+ size?: RotarySliderSizes;
21
+ markerShape?: RotarySliderMarkerShapes;
22
+ style?: object;
23
+ label?: string;
24
+ labelColor?: string;
25
+ mockInitialNormalisedValue?: number;
26
+ mockProperties?: JuceSliderProperties;
27
+ }>): React.JSX.Element;
28
+ declare namespace RotaryCombobox {
29
+ var polarity: typeof Polarity;
30
+ var size: typeof RotarySliderSizes;
31
+ var markerShape: typeof RotarySliderMarkerShapes;
32
+ }
33
+ export default RotaryCombobox;
34
+ //# sourceMappingURL=RotaryCombobox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RotaryCombobox.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/RotaryCombobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACf,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAK9C,OAAO,oBAAoB,CAAC;AAO5B,iBAAS,cAAc,CAAC,EACtB,QAA4B,EAC5B,KAAK,EACL,SAAS,EACT,EAAE,EACF,UAAU,EAEV,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,IAA8B,EAC9B,WAAW,GACZ,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAGzB,EAAE,EAAE,GAAG,CAAC;IACR,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,cAAc,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC,CAAC,qBAmDD;kBA1FQ,cAAc;;;;;AA+FvB,eAAe,cAAc,CAAC"}
@@ -1,33 +1,34 @@
1
1
  import React from 'react';
2
2
  import '../Input/Input';
3
- import { JuceSliderProperties, SliderRotationBehavior } from './types';
3
+ import { JuceSliderProperties, SliderRotationBehavior, RotarySliderSizes, RotarySliderMarkerShapes, GradientStyles } from './types';
4
4
  import { Polarity } from '../../common/types';
5
5
  import './RotarySlider.css';
6
- export interface RotarySliderProps {
6
+ declare function RotarySlider({ polarity, label, className, id, onChange, trackWidth, indicatorLineColor, indicatorLineGradient, trackColor, trackStrokeColor, knobStrokeColor, knobFillColor, size, markerShape, mockInitialNormalisedValue, isRandomizable, mockProperties, style, }: React.PropsWithChildren<{
7
7
  id: any;
8
8
  polarity?: Polarity;
9
9
  rotationBehavior?: SliderRotationBehavior;
10
10
  isRandomizable?: boolean;
11
11
  onChange?: (newValue: any) => void;
12
12
  className?: string;
13
- color?: string;
14
- bgColor?: string;
15
- width?: number;
16
- height?: number;
13
+ trackWidth?: number;
14
+ indicatorLineColor?: string;
15
+ trackColor?: string;
16
+ trackStrokeColor?: string;
17
+ indicatorLineGradient?: GradientStyles;
18
+ knobStrokeColor?: string;
19
+ knobFillColor?: string;
20
+ markerShape?: RotarySliderMarkerShapes;
21
+ size?: RotarySliderSizes;
17
22
  style?: object;
18
- label: string;
23
+ label?: string;
19
24
  labelColor?: string;
20
- /**
21
- * Returns the scaled value of the parameter. This corresponds to the return value of
22
- * NormalisableRange::convertFrom0to1() (C++). This value will differ from a unipolar
23
- * [0, 1] range if a non-default NormalisableRange was set for the parameter.
24
- */
25
25
  mockInitialNormalisedValue?: number;
26
26
  mockProperties?: JuceSliderProperties;
27
- }
28
- declare function RotarySlider({ polarity, label, className, id, onChange, rotationBehavior, mockInitialNormalisedValue, isRandomizable, mockProperties, labelColor, color, bgColor, width, height, style, }: React.PropsWithChildren<RotarySliderProps>): React.JSX.Element;
27
+ }>): React.JSX.Element;
29
28
  declare namespace RotarySlider {
30
- var sliderPolarity: typeof Polarity;
29
+ var polarity: typeof Polarity;
30
+ var size: typeof RotarySliderSizes;
31
+ var markerShape: typeof RotarySliderMarkerShapes;
31
32
  }
32
33
  export default RotarySlider;
33
34
  //# sourceMappingURL=RotarySlider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"RotarySlider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/RotarySlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAO9C,OAAO,oBAAoB,CAAC;AAgF5B,MAAM,WAAW,iBAAiB;IAGhC,EAAE,EAAE,GAAG,CAAC;IAER,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAIpB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IAKH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAoCpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC;AAED,iBAAS,YAAY,CAAC,EACpB,QAA4B,EAC5B,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,EACR,gBAAyD,EAEzD,0BAA8B,EAC9B,cAAsB,EACtB,cAKC,EACD,UAAU,EACV,KAA+B,EAC/B,OAAiC,EACjC,KAAU,EACV,MAAW,EACX,KAAK,GACN,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,qBA0G5C;kBAhIQ,YAAY;;;AAmIrB,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"RotarySlider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/RotarySlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,iBAAiB,EAEjB,wBAAwB,EACxB,cAAc,EACf,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAM9C,OAAO,oBAAoB,CAAC;AAO5B,iBAAS,YAAY,CAAC,EACpB,QAA4B,EAC5B,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,EACR,UAAU,EAEV,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,IAA8B,EAC9B,WAAW,EACX,0BAA8B,EAC9B,cAAsB,EACtB,cAKC,EACD,KAAK,GACN,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAGzB,EAAE,EAAE,GAAG,CAAC;IACR,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,cAAc,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC,CAAC,qBAiFD;kBAlIQ,YAAY;;;;;AAuIrB,eAAe,YAAY,CAAC"}
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { Polarity } from '../../common/types';
3
+ import { RotarySliderSizes } from './RotarySlider';
4
+ export declare const ProgressCircle: ({ width, height, polarity, radius, circ, activeZone, normalisedValue, }: {
5
+ polarity?: Polarity;
6
+ width: number;
7
+ height: number;
8
+ radius: number;
9
+ circ: number;
10
+ activeZone: number;
11
+ normalisedValue: number;
12
+ }) => React.JSX.Element;
13
+ export declare const InnerCircle: ({ size, normalisedValue, }: {
14
+ color?: string;
15
+ bgColor?: string;
16
+ strokeWidth?: number;
17
+ size: RotarySliderSizes;
18
+ normalisedValue: number;
19
+ }) => React.JSX.Element;
20
+ //# sourceMappingURL=RotarySliderSVG.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RotarySliderSVG.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/RotarySliderSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAuB,MAAM,gBAAgB,CAAC;AAExE,eAAO,MAAM,cAAc,GAAI,yEAQ5B;IACD,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;CACzB,sBAiDA,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,4BAGzB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,iBAAiB,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;CACzB,sBAqFA,CAAC"}
@@ -0,0 +1,75 @@
1
+ import React from 'react';
2
+ import { JuceSliderProperties, SliderRotationBehavior, RotarySliderSizes, RotarySliderMarkerShapes, GradientStyles } from './types';
3
+ import { Polarity, Orientation } from '../../common/types';
4
+ import { BarSliderVariants } from './BarSlider';
5
+ export declare enum SliderVariants {
6
+ bar = "bar",
7
+ rotary = "rotary",
8
+ rotaryCombobox = "rotaryCombobox"
9
+ }
10
+ export interface CommonProps {
11
+ variant?: SliderVariants;
12
+ id: any;
13
+ polarity?: Polarity;
14
+ onChange?: (newValue: any) => void;
15
+ className?: string;
16
+ showValue?: boolean;
17
+ includeValueInHeight?: boolean;
18
+ trackWidth?: number;
19
+ indicatorLineColor?: string;
20
+ trackColor?: string;
21
+ trackStrokeColor?: string;
22
+ indicatorLineGradient?: GradientStyles;
23
+ style?: object;
24
+ label?: string;
25
+ labelColor?: string;
26
+ mockInitialNormalisedValue?: number;
27
+ mockProperties?: JuceSliderProperties;
28
+ isRandomizable?: boolean;
29
+ }
30
+ export type ConditionalProps = {
31
+ variant?: SliderVariants.rotary | SliderVariants.rotaryCombobox;
32
+ rotationBehavior?: SliderRotationBehavior;
33
+ barSliderVariant?: never;
34
+ markerColor?: never;
35
+ size?: RotarySliderSizes;
36
+ knobStrokeColor?: string;
37
+ knobFillColor?: string;
38
+ markerFillColor?: never;
39
+ markerStrokeColor?: never;
40
+ indicatorId?: string;
41
+ orientation?: never;
42
+ dragOrientation?: never;
43
+ isStandalone?: never;
44
+ isHighlighted?: never;
45
+ markerShape?: RotarySliderMarkerShapes;
46
+ } | {
47
+ variant?: SliderVariants.bar;
48
+ barSliderVariant?: BarSliderVariants;
49
+ knobStrokeColor?: never;
50
+ knobFillColor?: never;
51
+ markerFillColor?: string;
52
+ markerStrokeColor?: string;
53
+ markerShape?: never;
54
+ rotationBehavior?: never;
55
+ size?: never;
56
+ indicatorId?: never;
57
+ orientation?: Orientation;
58
+ dragOrientation?: Orientation;
59
+ isStandalone?: boolean;
60
+ isHighlighted?: boolean;
61
+ RotarySliderMarkerShapes?: never;
62
+ };
63
+ type SliderProps = CommonProps & ConditionalProps;
64
+ declare function Slider({ variant, polarity, label, labelColor, indicatorLineColor, trackColor, trackStrokeColor, knobStrokeColor, knobFillColor, markerFillColor, markerStrokeColor, markerShape, indicatorLineGradient, trackWidth, className, id, onChange, indicatorId, size, mockInitialNormalisedValue, barSliderVariant, showValue, includeValueInHeight, isRandomizable, rotationBehavior, orientation, dragOrientation, isStandalone, isHighlighted, mockProperties, style, }: React.PropsWithChildren<SliderProps>): React.JSX.Element;
65
+ declare namespace Slider {
66
+ var polarity: typeof Polarity;
67
+ var size: typeof RotarySliderSizes;
68
+ var variant: typeof SliderVariants;
69
+ var barSliderVariant: typeof BarSliderVariants;
70
+ var orientation: typeof Orientation;
71
+ var markerShape: typeof RotarySliderMarkerShapes;
72
+ var gradientStyles: typeof GradientStyles;
73
+ }
74
+ export default Slider;
75
+ //# sourceMappingURL=Slider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/Slider.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,33 @@
1
+ import React from 'react';
2
+ import { Polarity } from '../../common/types';
3
+ import { RotarySliderSizes, RotarySliderMarkerShapes, GradientStyles } from './types';
4
+ export declare const ProgressCircle: ({ width, height, polarity, strokeWidth, indicatorLineColor, indicatorLineGradient, trackColor, radius, circ, activeZone, normalisedValue, }: {
5
+ polarity?: Polarity;
6
+ strokeWidth?: number;
7
+ indicatorLineColor?: string;
8
+ indicatorLineGradient?: GradientStyles;
9
+ trackColor?: string;
10
+ gradient?: boolean;
11
+ width: number;
12
+ height: number;
13
+ radius: number;
14
+ circ: number;
15
+ activeZone: number;
16
+ normalisedValue: number;
17
+ }) => React.JSX.Element;
18
+ export declare const InnerCircle: ({ size, markerShape, normalisedValue, knobFillColor, knobStrokeColor, }: {
19
+ knobFillColor?: string;
20
+ knobStrokeColor?: string;
21
+ strokeWidth?: number;
22
+ size: RotarySliderSizes;
23
+ markerShape?: RotarySliderMarkerShapes;
24
+ normalisedValue: number;
25
+ }) => React.JSX.Element;
26
+ export declare const BarSliderMarker: ({ markerFillColor, markerStrokeColor, strokeWidth, }: {
27
+ color?: string;
28
+ bgColor?: string;
29
+ strokeWidth?: number;
30
+ markerStrokeColor?: string;
31
+ markerFillColor?: string;
32
+ }) => React.JSX.Element;
33
+ //# sourceMappingURL=SliderSVG.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SliderSVG.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/SliderSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EACL,iBAAiB,EAEjB,wBAAwB,EACxB,cAAc,EACf,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,cAAc,GAAI,6IAa5B;IACD,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,cAAc,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;CACzB,sBAuDA,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yEAMzB;IACD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,iBAAiB,CAAC;IACxB,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,eAAe,EAAE,MAAM,CAAC;CACzB,sBAkGA,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,sDAI7B;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,sBA2DA,CAAC"}
@@ -8,6 +8,10 @@ export declare enum SliderRotationBehavior {
8
8
  rotateKnob = "rotateKnob",
9
9
  noRotation = "noRotation"
10
10
  }
11
+ export declare enum RotarySliderMarkerShapes {
12
+ circle = "circle",
13
+ rectangle = "rectangle"
14
+ }
11
15
  export interface JuceSlider {
12
16
  identifier: string;
13
17
  name: string;
@@ -30,4 +34,22 @@ export interface JuceSliderProperties {
30
34
  skew: number;
31
35
  numSteps?: number;
32
36
  }
37
+ export declare enum RotarySliderSizes {
38
+ small = "small",
39
+ large = "large"
40
+ }
41
+ export declare const rotarySliderSizeMap: {
42
+ small: {
43
+ width: number;
44
+ height: number;
45
+ };
46
+ large: {
47
+ width: number;
48
+ height: number;
49
+ };
50
+ };
51
+ export declare enum GradientStyles {
52
+ unicolor = "unicolor",
53
+ multicolor = "multicolor"
54
+ }
33
55
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/types.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU;IACpB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,sBAAsB;IAChC,eAAe,oBAAoB;IACnC,UAAU,eAAe;IACzB,UAAU,eAAe;CAC1B;AAID,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,oBAAoB,CAAC;IACjC,sBAAsB,EAAE,GAAG,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,GAAG,CAAC;IAEvB,kBAAkB,EAAE,GAAG,CAAC;IACxB,kBAAkB,EAAE,GAAG,CAAC;IACxB,cAAc,EAAE,GAAG,CAAC;IACpB,iBAAiB,EAAE,GAAG,CAAC;IACvB,eAAe,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IAEnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/types.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU;IACpB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,sBAAsB;IAChC,eAAe,oBAAoB;IACnC,UAAU,eAAe;IACzB,UAAU,eAAe;CAC1B;AAED,oBAAY,wBAAwB;IAClC,MAAM,WAAW;IACjB,SAAS,cAAc;CACxB;AAID,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,oBAAoB,CAAC;IACjC,sBAAsB,EAAE,GAAG,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,GAAG,CAAC;IAEvB,kBAAkB,EAAE,GAAG,CAAC;IACxB,kBAAkB,EAAE,GAAG,CAAC;IACxB,cAAc,EAAE,GAAG,CAAC;IACpB,iBAAiB,EAAE,GAAG,CAAC;IACvB,eAAe,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IAEnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oBAAY,iBAAiB;IAC3B,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;CAS/B,CAAC;AAEF,oBAAY,cAAc;IACxB,QAAQ,aAAa;IACrB,UAAU,eAAe;CAC1B"}
@@ -1,21 +1,47 @@
1
1
  import React from 'react';
2
- import { Spacing } from '../../common/types';
2
+ import { JustifyContent, AlignItems, Orientation, Spacing, FontSizes } from '../../common/types';
3
3
  import './Tabs.css';
4
- export interface TabsProps {
5
- items: Array<string>;
6
- onChange: (index: number) => void;
7
- selectedIndex?: number;
4
+ import { Icons } from '../Icon/Icon';
5
+ export interface CommonTabsProps {
6
+ onChange?: (index: number) => void;
8
7
  padding?: Array<Spacing>;
9
8
  margin?: Array<Spacing>;
10
9
  gap?: string;
11
10
  width?: string;
11
+ height?: string;
12
+ tabWidth?: string;
13
+ tabHeight?: string;
14
+ justifyContent?: JustifyContent;
15
+ fontSize?: FontSizes;
16
+ alignItems?: AlignItems;
12
17
  className?: string;
18
+ orientation?: Orientation;
13
19
  style?: object;
20
+ icons?: Array<Icons>;
21
+ color?: string;
22
+ selectedColor?: string;
23
+ backgroundColor?: string;
24
+ selectedBackgroundColor?: string;
25
+ hoverColor?: string;
26
+ hoverBackgroundColor?: string;
14
27
  }
15
- declare function Tabs({ items, className, padding, margin, gap, width, onChange, selectedIndex, }: React.PropsWithChildren<TabsProps>): React.JSX.Element;
28
+ export type ConditionalTabsProps = {
29
+ items?: never;
30
+ id?: string;
31
+ } | {
32
+ items?: Array<string>;
33
+ id?: never;
34
+ };
35
+ type TabsProps = CommonTabsProps & ConditionalTabsProps;
36
+ declare function Tabs({ items, id, className, padding, margin, gap, width, height, tabWidth, tabHeight, orientation, justifyContent, alignItems, color, selectedColor, backgroundColor, fontSize, selectedBackgroundColor, icons, onChange, }: React.PropsWithChildren<TabsProps>): React.JSX.Element;
16
37
  declare namespace Tabs {
17
38
  var padding: typeof Spacing;
39
+ var gap: typeof Spacing;
18
40
  var margin: typeof Spacing;
41
+ var orientation: typeof Orientation;
42
+ var justifyContent: typeof JustifyContent;
43
+ var alignItems: typeof AlignItems;
44
+ var fontSize: typeof FontSizes;
19
45
  }
20
46
  export default Tabs;
21
47
  //# sourceMappingURL=Tabs.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/core/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAS;IAExB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAErB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,IAAI,CAAC,EACZ,KAAK,EACL,SAAS,EACT,OAA+B,EAC/B,MAAuB,EACvB,GAAG,EACH,KAAK,EACL,QAAQ,EACR,aAAa,GACd,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,qBAiDpC;kBA1DQ,IAAI;;;;AA+Db,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/core/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EACL,cAAc,EACd,UAAU,EACV,WAAW,EACX,OAAO,EACP,SAAS,EACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,YAAY,CAAC;AACpB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAKrC,MAAM,WAAW,eAAe;IAI9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,MAAM,oBAAoB,GAC5B;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ,CAAC;AAEN,KAAK,SAAS,GAAG,eAAe,GAAG,oBAAoB,CAAC;AAExD,iBAAS,IAAI,CAAC,EACZ,KAAK,EACL,EAAO,EACP,SAAS,EACT,OAAwB,EACxB,MAAuB,EACvB,GAAmB,EACnB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,WAAoC,EACpC,cAAuC,EACvC,UAA+B,EAC/B,KAAwB,EACxB,aAAoC,EACpC,eAA+B,EAC/B,QAA0B,EAC1B,uBAAuB,EACvB,KAAK,EACL,QAAQ,GAET,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,qBA4FpC;kBAlHQ,IAAI;;;;;;;;;AA4Hb,eAAe,IAAI,CAAC"}
@@ -1,17 +1,20 @@
1
- declare const useCombobox: ({ id, label, filter, onChange, displayValInHeader, }: {
1
+ declare const useCombobox: ({ id, label, filter, onChange, displayValInHeader, isDisabled, }: {
2
2
  id: string;
3
3
  label?: string;
4
4
  filter?: string;
5
5
  onChange?: ((value: number) => unknown | void) | React.Dispatch<React.SetStateAction<any>>;
6
6
  displayValInHeader?: boolean;
7
+ isDisabled?: boolean;
7
8
  }) => {
8
- value: number;
9
+ index: number;
9
10
  valueString: string;
10
- setValue: (value: number) => void;
11
+ setIndex: (value: number) => void;
11
12
  choices: Array<string>;
12
13
  filteredChoices: Array<string>;
13
14
  onMouseEnter: () => void;
14
15
  onClick: () => void;
16
+ onDoubleClick?: () => void;
17
+ bindDrag?: () => void;
15
18
  };
16
19
  export default useCombobox;
17
20
  //# sourceMappingURL=useCombobox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCombobox.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,GAAI,sDAMlB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC,GACnC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,KAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CAkHrB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCombobox.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW,GAAI,kEAOlB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC,GACnC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,KAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CA2KvB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -15,7 +15,9 @@ declare const useDropdown: ({ id, rowId, label, items, isDisabled, filter, onCha
15
15
  filteredChoices: Array<string>;
16
16
  onMouseEnter: () => void;
17
17
  onClick: () => void;
18
- handleChange: (value: string) => void;
18
+ incrementValue: () => void;
19
+ decrementValue: () => void;
20
+ handleChange: (value: number | string) => void;
19
21
  };
20
22
  export default useDropdown;
21
23
  //# sourceMappingURL=useDropdown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDropdown.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDropdown.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,GAAI,gFAUlB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC,GACzE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,KAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAsFvC,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"useDropdown.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDropdown.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,GAAI,gFAUlB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC,GACzE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,KAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CA+GhD,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,14 @@
1
+ export declare enum DataSource {
2
+ sliderAttachment = "sliderAttachment",
3
+ buttonAttachment = "buttonAttachment",
4
+ event = "event"
5
+ }
6
+ declare const useIndicator: ({ id, dataSource, }: {
7
+ id: string;
8
+ dataSource?: DataSource;
9
+ }) => {
10
+ dataSource: DataSource;
11
+ brightness: number;
12
+ };
13
+ export default useIndicator;
14
+ //# sourceMappingURL=useIndicator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useIndicator.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIndicator.ts"],"names":[],"mappings":"AAKA,oBAAY,UAAU;IACpB,gBAAgB,qBAAqB;IACrC,gBAAgB,qBAAqB;IACrC,KAAK,UAAU;CAChB;AAED,QAAA,MAAM,YAAY,GAAI,qBAGnB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;;;CAoEA,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlider.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAKnB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,QAAA,MAAM,SAAS,GAAI,6LAmBhB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IACnC,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;mCA+HuC,MAAM;;;;;;;;;CAwK7C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlider.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAKnB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,QAAA,MAAM,SAAS,GAAI,6LAmBhB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IACnC,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;mCA+HuC,MAAM;;;;;;;;;CAiK7C,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -4,6 +4,7 @@ import Button from './core/Button/Button';
4
4
  import Dropdown from './core/Dropdown/Dropdown';
5
5
  import RotarySlider from './core/Slider/RotarySlider';
6
6
  import BarSlider from './core/Slider/BarSlider';
7
+ import Slider from './core/Slider/Slider';
7
8
  import Heading from './core/Heading/Heading';
8
9
  import Label from './core/Label/Label';
9
10
  import IndicatorLight from './core/Indicators/IndicatorLight';
@@ -20,5 +21,5 @@ import GlobalContextProvider, { useGlobalContext, defaultGlobalStateValue } from
20
21
  import type { GlobalState } from './context/GlobalContextProvider';
21
22
  import { Spacing, FontSizes } from 'common/types';
22
23
  import { randomizeValue, clamp, normalisedToScaled, scaledToNormalised, decimalToPercent, percentToDecimal } from './common/utils';
23
- export { Button, IconButton, Dropdown, RotarySlider, BarSlider, clamp, normalisedToScaled, scaledToNormalised as scaledTonormalised, decimalToPercent, percentToDecimal, useSlider, Tabs, Heading, Box, Label, IndicatorLight, KeyValueDisplayScreen, Oscilloscope, Input, ModuleHeader, ModuleFooter, Spacing, FontSizes, useObservable, randomizeValue, GlobalContextProvider, useGlobalContext, GlobalState, defaultGlobalStateValue as defaultValue, };
24
+ export { Button, IconButton, Dropdown, Slider, RotarySlider, BarSlider, clamp, normalisedToScaled, scaledToNormalised as scaledTonormalised, decimalToPercent, percentToDecimal, useSlider, Tabs, Heading, Box, Label, IndicatorLight, KeyValueDisplayScreen, Oscilloscope, Input, ModuleHeader, ModuleFooter, Spacing, FontSizes, useObservable, randomizeValue, GlobalContextProvider, useGlobalContext, GlobalState, defaultGlobalStateValue as defaultValue, };
24
25
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AACtB,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAChD,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAC7C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,GAAG,MAAM,gBAAgB,CAAC;AACjC,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,OAAO,UAAU,MAAM,kCAAkC,CAAC;AAC1D,OAAO,qBAAqB,MAAM,wDAAwD,CAAC;AAC3F,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAEhE,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAElD,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EACL,cAAc,EACd,KAAK,EACL,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,KAAK,EACL,kBAAkB,EAClB,kBAAkB,IAAI,kBAAkB,EACxC,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,IAAI,EACJ,OAAO,EACP,GAAG,EACH,KAAK,EACL,cAAc,EACd,qBAAqB,EACrB,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,SAAS,EACT,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,uBAAuB,IAAI,YAAY,GACxC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AACtB,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAChD,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAC7C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,GAAG,MAAM,gBAAgB,CAAC;AACjC,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,OAAO,UAAU,MAAM,kCAAkC,CAAC;AAC1D,OAAO,qBAAqB,MAAM,wDAAwD,CAAC;AAC3F,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAEhE,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAElD,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EACL,cAAc,EACd,KAAK,EACL,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,SAAS,EACT,KAAK,EACL,kBAAkB,EAClB,kBAAkB,IAAI,kBAAkB,EACxC,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,IAAI,EACJ,OAAO,EACP,GAAG,EACH,KAAK,EACL,cAAc,EACd,qBAAqB,EACrB,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,SAAS,EACT,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,uBAAuB,IAAI,YAAY,GACxC,CAAC"}
package/dist/styles.css CHANGED
@@ -5,6 +5,7 @@
5
5
  --color-brand-600: #826993;
6
6
  --color-brand-400: #d199e6;
7
7
  --color-brand-300: #f3d4f4;
8
+ --color-brand-secondary: #18d6d6;
8
9
  --color-alert: #8a0101;
9
10
  --color-text: #bab6cf;
10
11
  --color-gray-100: #c7c3de;
@@ -113,13 +114,22 @@
113
114
  --pl-ml: 12px;
114
115
  --pl-lg: 16px;
115
116
  --pl-xl: 20px;
116
- --bg-page: #111111;
117
- --bg-section: #1e1d21;
118
- --bg-popover: #09090a;
119
- --bg-highlighted: #838091;
120
- --bg-muted: #595763;
117
+ --bg-lv1: #0e0e12;
118
+ --bg-lv2: #121216;
119
+ --bg-lv3: #16171d;
120
+ --bg-lv4: #212128;
121
+ --bg-lv5: #2b2b31;
122
+ --bg-lv6: #34343a;
123
+ --bg-lv7: #3b3b41;
124
+ --bg-lv8: #49494d;
125
+ --bg-lv9: #535357;
126
+ --bg-lv10: #797887;
127
+ --bg-lv11: #9999a7;
128
+ --bg-lv12: #c1c1c1;
121
129
  --bg-selected: #2e2c33;
122
- --bg-input: #1e1d21;
130
+
131
+ /* --bg-lv3-brightened: #1a1b21; */
132
+
123
133
  --font-leagueSpartan: 'LeagueSpartan';
124
134
  --text-xs: 0.625rem;
125
135
  --text-sm: 0.75rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antimatter-audio/antimatter-ui",
3
- "version": "12.0.5",
3
+ "version": "14.0.1",
4
4
  "description": "React UI component library for Antimatter Audio.",
5
5
  "repository": {
6
6
  "type": "git",