@antimatter-audio/antimatter-ui 10.1.0 → 10.1.1

package/dist/advanced/PresetManager/PresetManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PresetManager.d.ts","sourceRoot":"","sources":["../../../src/advanced/PresetManager/PresetManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,qBAAqB,CAAC;AAI7B,iBAAS,aAAa,CAAC,EAAE,IAAA,qBAoOxB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PresetManager.d.ts","sourceRoot":"","sources":["../../../src/advanced/PresetManager/PresetManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,qBAAqB,CAAC;AAI7B,iBAAS,aAAa,CAAC,EAAE,IAAA,qBA4OxB;AAED,eAAe,aAAa,CAAC"}

package/dist/index.js

@@ -614,13 +614,13 @@ var useCombobox = function(param) {
     };
     useEffect(function() {
         var comboBoxState = Juce.getComboBoxState(id);
-        handleChange(comboBoxState.getChoiceIndex());
+        setValue(comboBoxState.getChoiceIndex());
     }, [
         id
     ]);
     useEffect(function() {
         var valueListenerId = comboBoxState.valueChangedEvent.addListener(function() {
-            handleChange(comboBoxState.getChoiceIndex());
+            setValue(comboBoxState.getChoiceIndex());
         });
         var propertiesListenerId = comboBoxState.propertiesChangedEvent.addListener(function() {
             setProperties(comboBoxState.properties);
@@ -629,7 +629,9 @@ var useCombobox = function(param) {
             comboBoxState.valueChangedEvent.removeListener(valueListenerId);
             comboBoxState.propertiesChangedEvent.removeListener(propertiesListenerId);
         };
-    });
+    }, [
+        window
+    ]);
     var onMouseEnter = function() {
         if (displayValInHeader) {
             setHighlightedItem({
@@ -2477,7 +2479,7 @@ function _unsupported_iterable_to_array$1(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
 }
 function _ts_generator$1(thisArg, body) {
-    var f, y, t, g, _ = {
+    var f, y, t, _ = {
         label: 0,
         sent: function() {
             if (t[0] & 1) throw t[1];
@@ -2485,12 +2487,8 @@ function _ts_generator$1(thisArg, body) {
         },
         trys: [],
         ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
         return this;
     }), g;
     function verb(n) {
@@ -2503,7 +2501,7 @@ function _ts_generator$1(thisArg, body) {
     }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [
                 op[0] & 2,
@@ -2578,6 +2576,7 @@ function PresetManager(param) {
     var savePresetFunc = Juce.getNativeFunction('savePreset');
     var loadPresetFunc = Juce.getNativeFunction('loadPreset');
     var getAllPresetsFunc = Juce.getNativeFunction('getAllPresets');
+    var getCurrentPresetFunc = Juce.getNativeFunction('getCurrentPreset');
     var isDirtyFunc = Juce.getNativeFunction('canUndo');
     var _useState2 = _sliced_to_array$1(useState(), 2), selectedPreset = _useState2[0], setSelectedPreset = _useState2[1];
     var isLocalhost = window.location.hostname === 'localhost';
@@ -2599,8 +2598,8 @@ function PresetManager(param) {
         window
     ]);
     useEffect(function() {
-        var getUndoRedoState = /*#__PURE__*/ function() {
-            var _ref = _async_to_generator$1(function() {
+        var getIsDirtyState = function() {
+            return _async_to_generator$1(function() {
                 var isDirtyState, error;
                 return _ts_generator$1(this, function(_state) {
                     switch(_state.label){
@@ -2635,24 +2634,21 @@ function PresetManager(param) {
                             ];
                     }
                 });
-            });
-            return function getUndoRedoState() {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        getUndoRedoState();
+            })();
+        };
+        getIsDirtyState();
     });
-    var loadAllPresets = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator$1(function(selectedPreset) {
-            var allPresets, error;
+    var loadAllPresets = function(selectedPreset) {
+        return _async_to_generator$1(function() {
+            var allPresets, currentPresetFromJuce, currentPreset, error;
             return _ts_generator$1(this, function(_state) {
                 switch(_state.label){
                     case 0:
                         _state.trys.push([
                             0,
-                            2,
+                            3,
                             ,
-                            3
+                            4
                         ]);
                         return [
                             4,
@@ -2660,31 +2656,39 @@ function PresetManager(param) {
                         ];
                     case 1:
                         allPresets = _state.sent();
+                        return [
+                            4,
+                            getCurrentPresetFunc()
+                        ];
+                    case 2:
+                        currentPresetFromJuce = _state.sent();
+                        currentPreset = currentPresetFromJuce || allPresets[0];
                         setPresetList(allPresets);
-                        loadPresetFunc(selectedPreset !== null && selectedPreset !== void 0 ? selectedPreset : allPresets[0]);
-                        setSelectedPreset(selectedPreset !== null && selectedPreset !== void 0 ? selectedPreset : allPresets[0]);
+                        if (currentPreset) {
+                            loadPresetFunc(currentPreset);
+                            setSelectedPreset(currentPreset);
+                        } else {
+                            setSelectedPreset('New Preset');
+                        }
                         return [
                             3,
-                            3
+                            4
                         ];
-                    case 2:
+                    case 3:
                         error = _state.sent();
                         console.log(error);
                         return [
                             3,
-                            3
+                            4
                         ];
-                    case 3:
+                    case 4:
                         return [
                             2
                         ];
                 }
             });
-        });
-        return function loadAllPresets(selectedPreset) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var loadPreset = function(value) {
         setSelectedPreset(value);
         loadPresetFunc(value);
@@ -2706,9 +2710,9 @@ function PresetManager(param) {
         }
     };
     var savePreset = function(name) {
-        var callSavePreset = /*#__PURE__*/ function() {
-            var _ref = _async_to_generator$1(function(name) {
-                var preset, error;
+        var callSavePreset = function(name) {
+            return _async_to_generator$1(function() {
+                var error;
                 return _ts_generator$1(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -2726,9 +2730,9 @@ function PresetManager(param) {
                                 savePresetFunc(name)
                             ];
                         case 2:
-                            preset = _state.sent();
+                            _state.sent();
                             setIsSaving(false);
-                            loadAllPresets(preset);
+                            loadAllPresets();
                             return [
                                 3,
                                 4
@@ -2746,15 +2750,12 @@ function PresetManager(param) {
                             ];
                     }
                 });
-            });
-            return function callSavePreset(name) {
-                return _ref.apply(this, arguments);
-            };
-        }();
+            })();
+        };
         callSavePreset(name);
     };
     useEffect(function() {
-        loadAllPresets(presetList && presetList[0]);
+        loadAllPresets();
     }, []);
     return /*#__PURE__*/ React__default.createElement(Box, {
         justifyContent: Box.justifyContent.flexStart,
@@ -2777,6 +2778,7 @@ function PresetManager(param) {
     }, /*#__PURE__*/ React__default.createElement(IconButton, {
         id: "savePreset",
         onClick: function(e) {
+            console.log(selectedPreset, 'selected');
             e.preventDefault();
             selectedPreset && savePreset(selectedPreset);
         },
@@ -2799,7 +2801,7 @@ function PresetManager(param) {
         className: "PresetManagerButtonLabelContainer ".concat(isDirty ? 'isDirty' : '')
     }, /*#__PURE__*/ React__default.createElement(Label, {
         className: 'PresetManagerButtonLabel'
-    }, selectedPreset !== null && selectedPreset !== void 0 ? selectedPreset : 'New preset')))), /*#__PURE__*/ React__default.createElement(Box, {
+    }, selectedPreset)))), /*#__PURE__*/ React__default.createElement(Box, {
         flex: "0"
     }, /*#__PURE__*/ React__default.createElement(IconButton, {
         id: "previousPreset",
@@ -2955,7 +2957,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
+    var f, y, t, _ = {
         label: 0,
         sent: function() {
             if (t[0] & 1) throw t[1];
@@ -2963,12 +2965,8 @@ function _ts_generator(thisArg, body) {
         },
         trys: [],
         ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
         return this;
     }), g;
     function verb(n) {
@@ -2981,7 +2979,7 @@ function _ts_generator(thisArg, body) {
     }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [
                 op[0] & 2,
@@ -3089,8 +3087,8 @@ function ModuleHeader(param) {
         window
     ]);
     useEffect(function() {
-        var getUndoRedoState = /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function() {
+        var getUndoRedoState = function() {
+            return _async_to_generator(function() {
                 var canUndoState, canRedoState, error;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -3132,11 +3130,8 @@ function ModuleHeader(param) {
                             ];
                     }
                 });
-            });
-            return function getUndoRedoState() {
-                return _ref.apply(this, arguments);
-            };
-        }();
+            })();
+        };
         getUndoRedoState();
     });
     return /*#__PURE__*/ React__default.createElement(Box, {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO;;AAExD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B;AACA,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B;;AAEA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO;;AAExD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B;AACA,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B;;AAEA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/src/advanced/PresetManager/PresetManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PresetManager.d.ts","sourceRoot":"","sources":["../../../../src/advanced/PresetManager/PresetManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,qBAAqB,CAAC;AAI7B,iBAAS,aAAa,CAAC,EAAE,IAAA,qBAoOxB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PresetManager.d.ts","sourceRoot":"","sources":["../../../../src/advanced/PresetManager/PresetManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,qBAAqB,CAAC;AAI7B,iBAAS,aAAa,CAAC,EAAE,IAAA,qBA4OxB;AAED,eAAe,aAAa,CAAC"}

package/dist/src/hooks/useCombobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCombobox.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,GAAI,qDAMlB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,KAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CA2DvC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCombobox.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,GAAI,qDAMlB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,KAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CA0DvC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/hooks/useSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlider.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,oBAAoB,EAEpB,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAI9B,QAAA,MAAM,SAAS,GAAI,yGAahB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC;CACnC;mCAuGuC,MAAM;+BAQV,MAAM;;kDArImB,gDAAY;yCAAZ,gDAAY;;;;CAgPxE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlider.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,oBAAoB,EAEpB,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAI9B,QAAA,MAAM,SAAS,GAAI,yGAahB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC;CACnC;mCAuGuC,MAAM;+BAQV,MAAM;;;;;;;CA2GzC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antimatter-audio/antimatter-ui",
-  "version": "10.1.0",
+  "version": "10.1.1",
   "description": "React UI component library for Antimatter Audio.",
   "repository": {
     "type": "git",

package/dist/advanced/IconButton/IconButton.d.ts

@@ -1,55 +0,0 @@
-import React from 'react';
-import './IconButton.css';
-import { Spacing } from '../../common/types';
-declare enum ButtonIcon {
-    undo = "Undo",
-    redo = "Redo",
-    random = "Random",
-    favorite = "Favorite",
-    up = "Up",
-    down = "Down",
-    save = "Save"
-}
-export declare const Undo: ({ color }: {
-    color: string;
-}) => React.JSX.Element;
-export declare const Redo: ({ color }: {
-    color: string;
-}) => React.JSX.Element;
-export declare const Favorite: ({ color }: {
-    color: string;
-    width: string;
-}) => React.JSX.Element;
-export declare const Up: ({ color }: {
-    color: string;
-}) => React.JSX.Element;
-export declare const Down: ({ color }: {
-    color: string;
-}) => React.JSX.Element;
-export declare const Save: ({ color }: {
-    color: string;
-}) => React.JSX.Element;
-export declare const Random: ({ color }: {
-    color: string;
-}) => React.JSX.Element;
-declare function IconButton({ id, icon, onClick, disabled, color, backgroundColor, padding, margin, width, height, className, style, }: {
-    id: string;
-    icon: ButtonIcon;
-    onClick?: any;
-    disabled?: boolean;
-    padding?: Array<Spacing>;
-    margin?: Array<Spacing>;
-    className?: string;
-    color?: string;
-    width?: string;
-    height?: string;
-    backgroundColor?: string;
-    style?: React.CSSProperties;
-}): React.JSX.Element;
-declare namespace IconButton {
-    var icon: typeof ButtonIcon;
-    var padding: typeof Spacing;
-    var margin: typeof Spacing;
-}
-export default IconButton;
-//# sourceMappingURL=IconButton.d.ts.map

package/dist/advanced/IconButton/IconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/advanced/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,aAAK,UAAU;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,EAAE,OAAO;IACT,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,eAAO,MAAM,IAAI,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sBAuBhD,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sBAuBhD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,sBAenE,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sBAe9C,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sBAehD,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sBAwBhD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sBAiElD,CAAC;AAiBF,iBAAS,UAAU,CAAC,EAClB,EAAE,EACF,IAAI,EACJ,OAAO,EACP,QAAgB,EAChB,KAA2B,EAC3B,eAAkC,EAClC,OAA+B,EAC/B,MAA6B,EAC7B,KAAc,EACd,MAAe,EACf,SAAS,EACT,KAAK,GACN,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,qBAqBA;kBA/CQ,UAAU;;;;;AAqDnB,eAAe,UAAU,CAAC"}

package/dist/advanced/KeyValueDisplayScreen/KeyValueDisplayScreen.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface KeyValueDisplayScreenProps {
-    data?: {
-        key?: string;
-        value?: string | number;
-    };
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare function KeyValueDisplayScreen({ className, style, data, }: KeyValueDisplayScreenProps): React.JSX.Element;
-export default KeyValueDisplayScreen;
-//# sourceMappingURL=KeyValueDisplayScreen.d.ts.map

package/dist/advanced/KeyValueDisplayScreen/KeyValueDisplayScreen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueDisplayScreen.d.ts","sourceRoot":"","sources":["../../../src/advanced/KeyValueDisplayScreen/KeyValueDisplayScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE;QACL,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,IAAI,GACL,EAAE,0BAA0B,qBAyE5B;AAED,eAAe,qBAAqB,CAAC"}

package/dist/advanced/ModuleFooter/ModuleFooter.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare function ModuleFooter({ className, style, }: {
-    className?: string;
-    style?: React.CSSProperties;
-}): React.JSX.Element;
-export default ModuleFooter;
-//# sourceMappingURL=ModuleFooter.d.ts.map

package/dist/advanced/ModuleFooter/ModuleFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModuleFooter.d.ts","sourceRoot":"","sources":["../../../src/advanced/ModuleFooter/ModuleFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,KAAK,GACN,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,qBAUA;AAED,eAAe,YAAY,CAAC"}

package/dist/advanced/Oscilloscope/Oscilloscope.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import './Oscilloscope.css';
-export interface OscilloscopeProps {
-    id?: string;
-    width?: number;
-    height?: number;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare function Oscilloscope({ width, height, className, style, id, }: OscilloscopeProps): React.JSX.Element;
-export default Oscilloscope;
-//# sourceMappingURL=Oscilloscope.d.ts.map

package/dist/advanced/Oscilloscope/Oscilloscope.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Oscilloscope.d.ts","sourceRoot":"","sources":["../../../src/advanced/Oscilloscope/Oscilloscope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,oBAAoB,CAAC;AAI5B,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,EAAE,GACH,EAAE,iBAAiB,qBA8BnB;AAED,eAAe,YAAY,CAAC"}

package/dist/assets/bundle-WiH_IP0c.css

@@ -1,192 +0,0 @@
-.Tabs {
-    display: flex;
-    font-size: 1rem;
-    align-items: center;
-    justify-content: center;
-    vertical-align: middle;
-    white-space: nowrap;
-    text-decoration: none;
-    text-transform: uppercase;
-    text-align: center;
-    border: 0;
-    appearance: none;
-    user-select: none;
-  };
-  
-.Tabs-Item {
-    font-size: 1rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-right: 1px;
-    cursor: pointer;
-    vertical-align: middle;
-    white-space: nowrap;
-    text-decoration: none;
-    text-transform: uppercase;
-    text-align: center;
-    border: 0;
-    appearance: none;
-    user-select: none;
-    &:hover, &:focus-visible {
-        outline: none;
-    }
-    &:disabled {
-    cursor: not-allowed;
-}
-}
-.Button {
-    font-size: var(--text-xs);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding-right: var(--spacing-ms);
-    padding-left: var(--spacing-ms);
-    cursor: pointer;
-    vertical-align: middle;
-    white-space: nowrap;
-    text-decoration: none;
-    text-align: enter;
-    border: 0;
-    appearance: none;
-    user-select: none;
-    &.xSmall {
-        width: var(--spacing-ml);
-        height: var(--spacing-ml);
-    };
-    &.small {
-        height: var(--spacing-l);
-        font-size: var(--text-xs);
-        min-width: '1rem';
-        min-height: '1rem';
-        border-radius: var(--radius-sm);
-    };
-    &.large {
-        border-radius: var(--radius-sm);
-        height: var(--spacing-xl);
-        min-width: '1rem';
-        min-height: '1rem';
-    }
-  };
-
-.Dropdown {
-  font-size: var(--text-xs);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: var(--spacing-l);
-  cursor: pointer;
-  vertical-align: middle;
-  white-space: nowrap;
-  text-decoration: none;
-  text-transform: uppercase;
-  text-align: center;
-  border: 0;
-  border-radius: var(--radius-sm);
-  appearance: none;
-  user-select: none;
-  height: var(--spacing-xl);
-  background: var(--bg-input);
-  color: var(--color-text);
-    &:hover, &:focus, &:active {
-      outline: none;
-      background-color: var(--bg-highlighted);
-    }
-    &:disabled {
-      cursor: not-allowed;
-      background-color: var(--bg-muted);
-    };
-    &[data-selected] {
-      background-color: var(--bg-selected);
-    };
-  };
-
-
-.Dropdown-item {
-    background-color: var(--bg-popover);
-    padding: var(--spacing-l);
-    cursor: pointer;
-    &:hover {
-      background-color: var(--bg-highlighted);
-    };
-      &[data-selected] {
-        background-color: var(--bg-selected);
-      }
-}
-
-.TextInput {
-    &::-moz-selection {
-      background: 'transparent',
-    }
-    &::selection {  
-      background: 'transparent',
-   }
-}
-
-.RotarySlider {
-  position: relative;
-  height: 50px;
-  width: 50px;
-  border-radius: 50%;
-  aspect-ratio: 1 / 1;
-  background-color: var(--bg-input);
-};
-
-.RotarySlider-Inner {
-  background-color: var(--bg-input);
-  height: '100%';
-  width: '100%';
-  right: 0;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  border-radius: '50%';
-};
-
-
-.RotarySlider-Indicator {
-  background-color: var(--bg-popover);
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 50%;
-  width: var(--spacing-xs);
-  height: 50%;
-  transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1),
-};
-
-.RotarySlider-center-marker {
-  border-color: var(--bg-popover) transparent var(--bg-popover) transparent;
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 0 7px 10px 7px;
-  transform: rotate(180deg);
-  padding-bottom: var(--spacing-sm);
-};
-.Oscilloscope {
-    background: #0EAC8B;
-    box-shadow: inset 0 0 20px #086350;
-    height: 200px;
-  };
-.ModuleHeader {
-    background-color: var(--bg-section);
-    font-weight: normal;
-  };
-  
-.ModuleHeader-Name {
-    font-size: var(--text-lg);
-    letter-spacing: 4px;
-    text-transform: uppercase;
-    font-weight: lighter;
-    height: 1.75rem;
-    color: var(--color-brand);
-};
-  
-  .ModuleHeader-Subheading {
-    font-Size: var(--text-xs);
-    font-weight: lighter;
-    letter-spacing: 2.25px;
-    text-transform: uppercase;
-    color: var(--color-brand);
-  };