@antimatter-audio/antimatter-ui 8.4.1 → 8.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import React__default from 'react';
3
+ export { default as useSlider } from 'core/Slider/hooks/useSlider';
3
4
  export { FontSizes, Spacing } from 'common/types';
4
- import * as _use_gesture_react_dist_declarations_src_types from '@use-gesture/react/dist/declarations/src/types';
5
5
 
6
6
  declare enum Spacing {
7
7
  none = "none",
@@ -368,13 +368,13 @@ declare function ThemeProvider({ theme, className, children, }: React__default.P
368
368
  }>): React__default.JSX.Element;
369
369
 
370
370
  declare const clamp: (val: number, min?: number, max?: number) => number;
371
- declare function normalizedToScaledValue({ normalizedValue, skew, end, start, }: {
372
- normalizedValue: number;
371
+ declare function normalizedToScaled({ normalisedValue, skew, end, start, }: {
372
+ normalisedValue: number;
373
373
  skew?: number;
374
374
  end: number;
375
375
  start: number;
376
376
  }): number;
377
- declare function getNormalizedValue({ scaledValue, start, end, skew, }: {
377
+ declare function scaledToNormalized({ scaledValue, start, end, skew, }: {
378
378
  scaledValue: number;
379
379
  start: number;
380
380
  end: number;
@@ -382,11 +382,11 @@ declare function getNormalizedValue({ scaledValue, start, end, skew, }: {
382
382
  }): number;
383
383
  declare const decimalToPercent: (decimal: number | string) => number;
384
384
  declare const percentToDecimal: (percent: number | string) => number;
385
- declare const getTransformString: ({ sliderType, sliderOrientation, polarity, normalizedValue, scaledValue, }: {
385
+ declare const getTransformString: ({ sliderType, sliderOrientation, polarity, normalisedValue, scaledValue, }: {
386
386
  sliderType: SliderType;
387
387
  sliderOrientation?: SliderOrientation;
388
388
  polarity: SliderPolarity;
389
- normalizedValue: number;
389
+ normalisedValue: number;
390
390
  scaledValue: number;
391
391
  }) => {
392
392
  transform: string;
@@ -416,23 +416,4 @@ declare const getPosition: ({ sliderType, sliderOrientation, polarity, }: {
416
416
  right?: undefined;
417
417
  };
418
418
 
419
- declare const useSlider: ({ id, mockProperties, mockInitialScaledValue, sliderOrientation, onChange, }: {
420
- id: string;
421
- sliderOrientation?: SliderOrientation;
422
- mockProperties?: JuceSliderProperties;
423
- mockInitialScaledValue?: number;
424
- onChange?: (newValue: any) => any;
425
- }) => {
426
- handleChange: ({ normalizedValue, scaledValue, }: {
427
- normalizedValue?: number;
428
- scaledValue?: number;
429
- }) => void;
430
- bindDrag: (...args: any[]) => _use_gesture_react_dist_declarations_src_types.ReactDOMAttributes;
431
- normalizedValue: number;
432
- setNormalizedValue: React.Dispatch<React.SetStateAction<number>>;
433
- scaledValue: number;
434
- setScaledValue: React.Dispatch<React.SetStateAction<number>>;
435
- properties: JuceSliderProperties | null;
436
- };
437
-
438
- export { Slider as BarSlider, Box, Button, Dropdown, Heading, IndicatorLight, Input, KeyValueDisplayScreen, Label, Matrix, ModuleFooter, ModuleHeader, Oscilloscope, RotarySlider, SliderValue, Tabs, ThemeProvider, clamp, decimalToPercent, getNormalizedValue, getPosition, getTransformString, normalizedToScaledValue, percentToDecimal, useSlider };
419
+ export { Slider as BarSlider, Box, Button, Dropdown, Heading, IndicatorLight, Input, KeyValueDisplayScreen, Label, Matrix, ModuleFooter, ModuleHeader, Oscilloscope, RotarySlider, SliderValue, Tabs, ThemeProvider, clamp, decimalToPercent, getPosition, getTransformString, normalizedToScaled, percentToDecimal, scaledToNormalized };
package/dist/index.js CHANGED
@@ -628,13 +628,13 @@ var clamp = function(val) {
628
628
  // export const roundUpToTwoDecimals = (val: number) => Math.ceil(val * 100) / 100;
629
629
  // mocks the `normalizedToScaledValue` internal method from JUCE
630
630
  // This will allow us to test the JS UI without needing access to the JUCE backend
631
- function normalizedToScaledValue(param) {
632
- var normalizedValue = param.normalizedValue, _param_skew = param.skew, skew = _param_skew === void 0 ? 1.0 : _param_skew, end = param.end, start = param.start;
633
- return Math.pow(normalizedValue, 1 / skew) * (end - start) + start;
631
+ function normalizedToScaled(param) {
632
+ var normalisedValue = param.normalisedValue, _param_skew = param.skew, skew = _param_skew === void 0 ? 1.0 : _param_skew, end = param.end, start = param.start;
633
+ return Math.pow(normalisedValue, 1 / skew) * (end - start) + start;
634
634
  }
635
- // mocks the `getnormalizedValue` method from JUCE
635
+ // mocks the `getnormalisedValue` method from JUCE
636
636
  // This will allow us to test the JS UI without needing access to the JUCE backend
637
- function getNormalizedValue(param) {
637
+ function scaledToNormalized(param) {
638
638
  var scaledValue = param.scaledValue, start = param.start, end = param.end, _param_skew = param.skew, skew = _param_skew === void 0 ? 1.0 : _param_skew;
639
639
  // console.log(scaledValue, start, end, 'scaledValue, start, end');
640
640
  return clamp(Math.pow((scaledValue - start) / (end - start), skew));
@@ -646,14 +646,14 @@ var percentToDecimal = function(percent) {
646
646
  return Math.round(0.01 * (typeof percent === 'string' ? parseFloat(percent) : percent));
647
647
  };
648
648
  var getTransformString = function(param) {
649
- var sliderType = param.sliderType, sliderOrientation = param.sliderOrientation, polarity = param.polarity, normalizedValue = param.normalizedValue, scaledValue = param.scaledValue;
649
+ var sliderType = param.sliderType, sliderOrientation = param.sliderOrientation, polarity = param.polarity, normalisedValue = param.normalisedValue, scaledValue = param.scaledValue;
650
650
  if (sliderType === SliderType.bar) {
651
651
  if (polarity === SliderPolarity.linear) {
652
652
  return sliderOrientation === SliderOrientation.horizontal ? {
653
- transform: "scale(".concat(normalizedValue, ", 1)"),
653
+ transform: "scale(".concat(normalisedValue, ", 1)"),
654
654
  transformOrigin: 'center left'
655
655
  } : {
656
- transform: "scale(1, ".concat(normalizedValue, ")"),
656
+ transform: "scale(1, ".concat(normalisedValue, ")"),
657
657
  transformOrigin: 'bottom center'
658
658
  };
659
659
  } else {
@@ -755,7 +755,7 @@ var useSlider = function(param) {
755
755
  var sliderState = Juce.getSliderState(id);
756
756
  // if isLocalhost is true, the front end app is running outside of JUCE in a browser.
757
757
  var isLocalhost = window.location.hostname === 'localhost';
758
- // getNormalizedValue:
758
+ // getNormalisedValue:
759
759
  /**
760
760
  * Returns the normalized value of the corresponding backend parameter. This value is always in the
761
761
  * [0, 1] range (inclusive).
@@ -764,54 +764,57 @@ var useSlider = function(param) {
764
764
  * AudioProcessorParameter::getValue() (C++).
765
765
  */ // See https://github.com/juce-framework/JUCE/blob/51d11a2be6d5c97ccf12b4e5e827006e19f0555a/modules/juce_gui_extra/native/javascript/index.js#L230C1-L238C6
766
766
  // NOTE: We can think of this as a percentage value, in 0 to 1 format
767
- var _useState = _sliced_to_array$1(useState(0), 2), normalizedValue = _useState[0], setNormalizedValue = _useState[1];
768
- var _useState1 = _sliced_to_array$1(useState(0), 2), scaledValue = _useState1[0], setScaledValue = _useState1[1];
769
- var _useState2 = _sliced_to_array$1(useState(null), 2), properties = _useState2[0], setProperties = _useState2[1];
767
+ var _useState = _sliced_to_array$1(useState(0), 2), normalisedValue = _useState[0], _setNormalisedValue = _useState[1];
768
+ var _useState1 = _sliced_to_array$1(useState(0), 2), scaledValue = _useState1[0], _setScaledValue = _useState1[1];
769
+ var _useState2 = _sliced_to_array$1(useState(null), 2), properties = _useState2[0], _setProperties = _useState2[1];
770
770
  useEffect(function() {
771
771
  {
772
772
  if (isLocalhost) {
773
773
  // This sets 'mockProperties' as the value for 'properties' if the app is running in a browser.
774
- setProperties(mockProperties);
775
- setNormalizedValue(getNormalizedValue({
774
+ _setProperties(mockProperties);
775
+ _setNormalisedValue(scaledToNormalized({
776
776
  scaledValue: mockInitialScaledValue,
777
777
  start: mockProperties === null || mockProperties === void 0 ? void 0 : mockProperties.start,
778
778
  end: mockProperties === null || mockProperties === void 0 ? void 0 : mockProperties.end
779
- })), setScaledValue(mockInitialScaledValue);
780
- setNormalizedValue(mockInitialScaledValue);
779
+ })), _setScaledValue(mockInitialScaledValue);
780
+ _setNormalisedValue(mockInitialScaledValue);
781
781
  return;
782
782
  } else {
783
- var valueListenerId = sliderState.valueChangedEvent.addListener(function() {
784
- setNormalizedValue(sliderState.getNormalizedValue());
785
- setScaledValue(sliderState.getScaledValue());
783
+ var normalisedValueFromState = (sliderState === null || sliderState === void 0 ? void 0 : sliderState.getNormalisedValue) && (sliderState === null || sliderState === void 0 ? void 0 : sliderState.getNormalisedValue());
784
+ var scaledValueFromState = (sliderState === null || sliderState === void 0 ? void 0 : sliderState.getScaledValue) && (sliderState === null || sliderState === void 0 ? void 0 : sliderState.getScaledValue());
785
+ var valueListenerId = sliderState === null || sliderState === void 0 ? void 0 : sliderState.valueChangedEvent.addListener(function() {
786
+ _setNormalisedValue(normalisedValueFromState !== null && normalisedValueFromState !== void 0 ? normalisedValueFromState : null);
787
+ _setScaledValue(scaledValueFromState !== null && scaledValueFromState !== void 0 ? scaledValueFromState : null);
786
788
  });
787
- var propertiesListenerId = sliderState.propertiesChangedEvent.addListener(function() {
788
- return setProperties(sliderState.properties);
789
+ var propertiesListenerId = sliderState === null || sliderState === void 0 ? void 0 : sliderState.propertiesChangedEvent.addListener(function() {
790
+ return _setProperties(sliderState === null || sliderState === void 0 ? void 0 : sliderState.properties);
789
791
  });
790
- setProperties(sliderState.properties);
791
- setNormalizedValue(sliderState.getNormalizedValue());
792
- setScaledValue(sliderState.getScaledValue());
792
+ _setProperties(sliderState === null || sliderState === void 0 ? void 0 : sliderState.properties);
793
+ _setNormalisedValue(normalisedValueFromState !== null && normalisedValueFromState !== void 0 ? normalisedValueFromState : null);
794
+ _setScaledValue(scaledValueFromState !== null && scaledValueFromState !== void 0 ? scaledValueFromState : null);
793
795
  return function cleanup() {
794
- sliderState.valueChangedEvent.removeListener(valueListenerId);
795
- sliderState.propertiesChangedEvent.removeListener(propertiesListenerId);
796
+ sliderState === null || sliderState === void 0 ? void 0 : sliderState.valueChangedEvent.removeListener(valueListenerId);
797
+ sliderState === null || sliderState === void 0 ? void 0 : sliderState.propertiesChangedEvent.removeListener(propertiesListenerId);
796
798
  };
797
799
  }
798
800
  }
799
801
  }, []);
800
802
  var handleChange = function(param) {
801
- var normalizedValue = param.normalizedValue, scaledValue = param.scaledValue;
803
+ var normalisedValue = param.normalisedValue, scaledValue = param.scaledValue;
802
804
  // TODO: is setNormalisedValue asynchronous?
803
805
  // TODO: This is a temporary solution.
804
806
  // TODO: what is the best way to handle react vs JUCE state?
805
- if (scaledValue && !normalizedValue && properties) {
806
- normalizedValue = getNormalizedValue({
807
+ if (scaledValue && !normalisedValue && properties) {
808
+ normalisedValue = scaledToNormalized({
807
809
  scaledValue: scaledValue,
808
- start: properties.start,
809
- end: properties.end
810
+ start: (properties === null || properties === void 0 ? void 0 : properties.start) && (properties === null || properties === void 0 ? void 0 : properties.start),
811
+ end: (properties === null || properties === void 0 ? void 0 : properties.end) && (properties === null || properties === void 0 ? void 0 : properties.end)
810
812
  });
811
813
  }
812
814
  if (!isLocalhost) {
813
- if (normalizedValue) {
814
- sliderState === null || sliderState === void 0 ? void 0 : sliderState.setNormalizedValue(normalizedValue);
815
+ console.log(normalisedValue);
816
+ if (normalisedValue) {
817
+ sliderState === null || sliderState === void 0 ? void 0 : sliderState.setNormalisedValue(normalisedValue);
815
818
  var newScaledValue = sliderState.getScaledValue();
816
819
  onChange && onChange(decimalToPercent(newScaledValue));
817
820
  }
@@ -819,19 +822,19 @@ var useSlider = function(param) {
819
822
  // If the front end app is running in a browser, set the new value here.
820
823
  // Otherwise, the value will come from JUCE.
821
824
  if (isLocalhost) {
822
- if (normalizedValue) {
823
- console.log(normalizedValue, 'NORMALIZEDVALUE');
824
- var newNormalizedValueClamped = clamp(normalizedValue);
825
- setNormalizedValue(newNormalizedValueClamped);
826
- setScaledValue(normalizedToScaledValue({
827
- normalizedValue: newNormalizedValueClamped,
825
+ if (normalisedValue) {
826
+ // console.log(normalisedValue, 'NORMALIZEDVALUE');
827
+ var newNormalizedValueClamped = clamp(normalisedValue);
828
+ _setNormalisedValue(newNormalizedValueClamped);
829
+ _setScaledValue(normalizedToScaled({
830
+ normalisedValue: newNormalizedValueClamped,
828
831
  end: mockProperties.end,
829
832
  start: mockProperties.start
830
833
  }));
831
834
  }
832
835
  if (scaledValue) {
833
- console.log(normalizedValue, 'SCALEDVALUE');
834
- setScaledValue(scaledValue);
836
+ // console.log(normalisedValue, 'SCALEDVALUE');
837
+ _setScaledValue(scaledValue);
835
838
  onChange && onChange(decimalToPercent(scaledValue));
836
839
  }
837
840
  }
@@ -840,11 +843,11 @@ var useSlider = function(param) {
840
843
  var down = param.down, delta = param.delta;
841
844
  if (down) {
842
845
  var deltaVal = sliderOrientation === SliderOrientation.vertical ? delta[1] * -1 : delta[0];
843
- var newValue = normalizedValue + deltaVal * ((properties === null || properties === void 0 ? void 0 : properties.interval) && (properties === null || properties === void 0 ? void 0 : properties.interval.toString().length) > 4 ? 4 : 0.4) * ((properties === null || properties === void 0 ? void 0 : properties.interval) || 0.01);
846
+ var newValue = normalisedValue + deltaVal * ((properties === null || properties === void 0 ? void 0 : properties.interval) && (properties === null || properties === void 0 ? void 0 : properties.interval.toString().length) > 4 ? 4 : 0.4) * ((properties === null || properties === void 0 ? void 0 : properties.interval) || 0.01);
844
847
  var invertedNewValue = newValue;
845
848
  // console.log(newValue, 'NEWVAL');
846
849
  handleChange({
847
- normalizedValue: SliderOrientation.vertical ? invertedNewValue : newValue
850
+ normalisedValue: SliderOrientation.vertical ? invertedNewValue : newValue
848
851
  });
849
852
  }
850
853
  }, {
@@ -853,10 +856,8 @@ var useSlider = function(param) {
853
856
  return {
854
857
  handleChange: handleChange,
855
858
  bindDrag: bindDrag,
856
- normalizedValue: normalizedValue,
857
- setNormalizedValue: setNormalizedValue,
859
+ normalisedValue: normalisedValue,
858
860
  scaledValue: scaledValue,
859
- setScaledValue: setScaledValue,
860
861
  properties: properties
861
862
  };
862
863
  };
@@ -925,7 +926,7 @@ function RotarySlider(param) {
925
926
  mockProperties: mockProperties,
926
927
  mockInitialScaledValue: mockInitialScaledValue,
927
928
  onChange: onChange
928
- }), bindDrag = _useSlider.bindDrag, normalizedValue = _useSlider.normalizedValue, scaledValue = _useSlider.scaledValue;
929
+ }), bindDrag = _useSlider.bindDrag, normalisedValue = _useSlider.normalisedValue, scaledValue = _useSlider.scaledValue;
929
930
  return /*#__PURE__*/ React__default.createElement("div", {
930
931
  style: {
931
932
  display: 'flex',
@@ -947,11 +948,11 @@ function RotarySlider(param) {
947
948
  }), /*#__PURE__*/ React__default.createElement("div", {
948
949
  className: classnames(RotarySliderInnerStyle),
949
950
  style: _object_spread$9({
950
- rotate: rotationBehavior === SliderRotationBehavior.rotateIndicator ? "".concat(polarity === SliderPolarity.linear ? normalizedValue : normalizedValue + 0.5, "turn") : ''
951
+ rotate: rotationBehavior === SliderRotationBehavior.rotateIndicator ? "".concat(polarity === SliderPolarity.linear ? normalisedValue : normalisedValue + 0.5, "turn") : ''
951
952
  }, getTransformString({
952
953
  sliderType: SliderType.rotary,
953
954
  polarity: polarity,
954
- normalizedValue: normalizedValue,
955
+ normalisedValue: normalisedValue,
955
956
  scaledValue: scaledValue
956
957
  }), getPosition({
957
958
  sliderType: SliderType.rotary,
@@ -1028,7 +1029,7 @@ function Slider(param) {
1028
1029
  mockInitialScaledValue: mockInitialScaledValue,
1029
1030
  sliderOrientation: sliderOrientation,
1030
1031
  onChange: onChange
1031
- }), bindDrag = _useSlider.bindDrag, normalizedValue = _useSlider.normalizedValue, scaledValue = _useSlider.scaledValue;
1032
+ }), bindDrag = _useSlider.bindDrag, normalisedValue = _useSlider.normalisedValue, scaledValue = _useSlider.scaledValue;
1032
1033
  return /*#__PURE__*/ React__default.createElement("div", {
1033
1034
  style: {
1034
1035
  display: 'flex',
@@ -1059,7 +1060,7 @@ function Slider(param) {
1059
1060
  sliderType: SliderType.bar,
1060
1061
  sliderOrientation: sliderOrientation,
1061
1062
  polarity: polarity,
1062
- normalizedValue: normalizedValue,
1063
+ normalisedValue: normalisedValue,
1063
1064
  scaledValue: scaledValue
1064
1065
  }))
1065
1066
  })));
@@ -1753,5 +1754,5 @@ function ThemeProvider(param) {
1753
1754
  }, children);
1754
1755
  }
1755
1756
 
1756
- export { Slider as BarSlider, Box, Button, Dropdown, FontSizes, Heading, IndicatorLight, Input, KeyValueDisplayScreen, Label, Matrix, ModuleFooter, ModuleHeader, Oscilloscope, RotarySlider, SliderValue, Spacing, Tabs, ThemeProvider, clamp, decimalToPercent, getNormalizedValue, getPosition, getTransformString, normalizedToScaledValue, percentToDecimal, useSlider };
1757
+ export { Slider as BarSlider, Box, Button, Dropdown, FontSizes, Heading, IndicatorLight, Input, KeyValueDisplayScreen, Label, Matrix, ModuleFooter, ModuleHeader, Oscilloscope, RotarySlider, SliderValue, Spacing, Tabs, ThemeProvider, clamp, decimalToPercent, getPosition, getTransformString, normalizedToScaled, percentToDecimal, scaledToNormalized, useSlider };
1757
1758
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antimatter-audio/antimatter-ui",
3
- "version": "8.4.1",
3
+ "version": "8.6.0",
4
4
  "description": "React UI component library for Antimatter Audio.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -30,9 +30,11 @@
30
30
  "@vanilla-extract/recipes": "^0.5.5",
31
31
  "classnames": "^2.5.1",
32
32
  "d3": "^7.9.0",
33
+ "i": "^0.3.7",
33
34
  "juce-framework-frontend": "file:src/common/assets/juce-framework-frontend",
34
35
  "lodash.debounce": "^4.0.8",
35
36
  "node-sass": "^9.0.0",
37
+ "npm": "^11.2.0",
36
38
  "rollup-plugin-dts": "^6.1.1",
37
39
  "rollup-plugin-import-css": "^3.5.0",
38
40
  "rollup-plugin-swc3": "^0.11.2",