@antimatter-audio/antimatter-ui 1.0.2 → 1.0.9

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+declare enum SPACING {
+    X_SMALL = "xsmall",
+    SMALL = "small",
+    MEDIUM_SMALL = "mediumsmall",
+    MEDIUM = "medium",
+    MEDIUM_LARGE = "mediumlarge",
+    LARGE = "large",
+    X_LARGE = "xlarge"
+}
+
+type Types_SPACING = SPACING;
+declare const Types_SPACING: typeof SPACING;
+declare namespace Types {
+  export { Types_SPACING as SPACING };
+}
+
+declare global {
+  namespace Named.Core {
+    export { Types }
+  }
+}

package/dist/index.js

@@ -1,53 +1,86 @@
-var React = require('react');
-var classnames = require('classnames');
-var Juce = require('juce-framework-frontend');
-var react = require('@headlessui/react');
-var reactKnobHeadless = require('react-knob-headless');
-var ReactSlider = require('react-slider');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-var Juce__namespace = /*#__PURE__*/_interopNamespaceDefault(Juce);
+import * as React from 'react';
+import React__default, { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import * as Juce from 'juce-framework-frontend';
+import { Listbox, ListboxButton, ListboxOptions, ListboxOption } from '@headlessui/react';
+import { KnobHeadless } from 'react-knob-headless';
+import ReactSlider from 'react-slider';
 
 var BUTTON_SIZE;
-(function (BUTTON_SIZE) {
+(function(BUTTON_SIZE) {
     BUTTON_SIZE["SMALL"] = "SMALL";
     BUTTON_SIZE["LARGE"] = "LARGE";
 })(BUTTON_SIZE || (BUTTON_SIZE = {}));
 var BUTTON_SIZE_CLASSES = {
     SMALL: 'button-small',
-    LARGE: 'button-large',
+    LARGE: 'button-large'
 };
 
-var Button = function (_a) {
-    var disabled = _a.disabled, onClick = _a.onClick, text = _a.text, id = _a.id, className = _a.className, style = _a.style, children = _a.children, _b = _a.size, size = _b === void 0 ? BUTTON_SIZE_CLASSES[BUTTON_SIZE.SMALL] : _b;
-    var _c = React__namespace.useState(false), selected = _c[0], setSelected = _c[1];
-    var buttonState = Juce__namespace.getToggleState(id);
-    var handleClick = onClick ? onClick : function () {
+function _array_like_to_array$2(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$2(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit$2(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$2() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array$2(arr, i) {
+    return _array_with_holes$2(arr) || _iterable_to_array_limit$2(arr, i) || _unsupported_iterable_to_array$2(arr, i) || _non_iterable_rest$2();
+}
+function _unsupported_iterable_to_array$2(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$2(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
+}
+var Button = function(param) {
+    var disabled = param.disabled, onClick = param.onClick, text = param.text, id = param.id, className = param.className, style = param.style, children = param.children, _param_size = param.size, size = _param_size === void 0 ? BUTTON_SIZE_CLASSES[BUTTON_SIZE.SMALL] : _param_size;
+    var _React_useState = _sliced_to_array$2(React.useState(false), 2), selected = _React_useState[0], setSelected = _React_useState[1];
+    var buttonState = Juce.getToggleState(id);
+    var handleClick = onClick ? onClick : function() {
         setSelected(!selected);
         buttonState.setValue(!selected);
     };
-    return (React__namespace.createElement("button", { id: id, onClick: handleClick, disabled: disabled, style: style, className: classnames('Button', size, className, disabled && 'disabled', selected && 'selected') }, text ? text : children));
+    return /*#__PURE__*/ React.createElement("button", {
+        id: id,
+        onClick: handleClick,
+        disabled: disabled,
+        style: style,
+        className: classnames('Button', size, className, disabled && 'disabled', selected && 'selected')
+    }, text ? text : children);
 };
 
-exports.GRID_SPACING = void 0;
-(function (SPACING) {
+var SPACING;
+(function(SPACING) {
     SPACING["X_SMALL"] = "xsmall";
     SPACING["SMALL"] = "small";
     SPACING["MEDIUM_SMALL"] = "mediumsmall";
@@ -55,79 +88,234 @@ exports.GRID_SPACING = void 0;
     SPACING["MEDIUM_LARGE"] = "mediumlarge";
     SPACING["LARGE"] = "large";
     SPACING["X_LARGE"] = "xlarge";
-})(exports.GRID_SPACING || (exports.GRID_SPACING = {}));
+})(SPACING || (SPACING = {}));
 
-var Col = function (_a) {
-    var offset = _a.offset, centerContentHorizontal = _a.centerContentHorizontal, centerContentVertical = _a.centerContentVertical, alignContentRight = _a.alignContentRight, className = _a.className, children = _a.children, onClick = _a.onClick, span = _a.span, _b = _a.padding, padding = _b === void 0 ? [exports.GRID_SPACING.MEDIUM] : _b;
-    return (React__namespace.createElement("div", { onClick: onClick, className: classnames(className, span ? 'col-xs-' + span : 'flex-auto', offset && 'col-xs-offset-' + offset, centerContentHorizontal && 'flex-align-center-horizontal', centerContentVertical && 'flex-align-center-vertical', alignContentRight && 'flex-align-end', padding.length === 1 && 'padding-around-' + padding, padding.length === 2 && 'padding-vertical-' + padding[0], padding.length === 2 && 'padding-horizontal-' + padding[1], padding.length === 4 && 'padding-top-' + [padding[0]], padding.length === 4 && 'padding-right-' + [padding[0]], padding.length === 4 && 'padding-bottom-' + [padding[0]], padding.length === 4 && 'padding-left-' + [padding[0]]) }, children));
+var Col = function(param) {
+    var offset = param.offset, centerContentHorizontal = param.centerContentHorizontal, centerContentVertical = param.centerContentVertical, alignContentRight = param.alignContentRight, className = param.className, children = param.children, onClick = param.onClick, span = param.span, _param_padding = param.padding, padding = _param_padding === void 0 ? [
+        SPACING.MEDIUM
+    ] : _param_padding;
+    return /*#__PURE__*/ React.createElement("div", {
+        onClick: onClick,
+        className: classnames(className, span ? 'col-xs-' + span : 'flex-auto', offset && 'col-xs-offset-' + offset, centerContentHorizontal && 'flex-align-center-horizontal', centerContentVertical && 'flex-align-center-vertical', alignContentRight && 'flex-align-end', padding.length === 1 && 'padding-around-' + padding, padding.length === 2 && 'padding-vertical-' + padding[0], padding.length === 2 && 'padding-horizontal-' + padding[1], padding.length === 4 && 'padding-top-' + [
+            padding[0]
+        ], padding.length === 4 && 'padding-right-' + [
+            padding[0]
+        ], padding.length === 4 && 'padding-bottom-' + [
+            padding[0]
+        ], padding.length === 4 && 'padding-left-' + [
+            padding[0]
+        ])
+    }, children);
 };
 
-exports.FLEX_DIRECTION = void 0;
-(function (FLEX_DIRECTION) {
+var FLEX_DIRECTION;
+(function(FLEX_DIRECTION) {
     FLEX_DIRECTION[FLEX_DIRECTION["ROW"] = 0] = "ROW";
     FLEX_DIRECTION[FLEX_DIRECTION["COLUMN"] = 1] = "COLUMN";
-})(exports.FLEX_DIRECTION || (exports.FLEX_DIRECTION = {}));
+})(FLEX_DIRECTION || (FLEX_DIRECTION = {}));
 
-var Row = function (_a) {
-    var className = _a.className, id = _a.id, style = _a.style, children = _a.children, onClick = _a.onClick, _b = _a.flexDirection, flexDirection = _b === void 0 ? exports.FLEX_DIRECTION.ROW : _b;
-    var isColumn = flexDirection === exports.FLEX_DIRECTION.COLUMN;
-    return (React__namespace.createElement("div", { style: style, onClick: onClick, className: classnames('row', className, isColumn && 'flex-direction-column flex-wrap-nowrap height-100-percent'), id: id }, children));
+var Row = function(param) {
+    var className = param.className, id = param.id, style = param.style, children = param.children, onClick = param.onClick, _param_flexDirection = param.flexDirection, flexDirection = _param_flexDirection === void 0 ? FLEX_DIRECTION.ROW : _param_flexDirection;
+    var isColumn = flexDirection === FLEX_DIRECTION.COLUMN;
+    return /*#__PURE__*/ React.createElement("div", {
+        style: style,
+        onClick: onClick,
+        className: classnames('row', className, isColumn && 'flex-direction-column flex-wrap-nowrap height-100-percent'),
+        id: id
+    }, children);
 };
 
-var Dropdown = function (_a) {
-    var items = _a.items, className = _a.className, id = _a.id;
-    var _b = React.useState(0), selectedIndex = _b[0], setSelectedIndex = _b[1];
-    var dropdownState = Juce__namespace.getComboBoxState(id);
-    var handleChange = function (val) {
+function _array_like_to_array$1(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$1(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit$1(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$1() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array$1(arr, i) {
+    return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest$1();
+}
+function _unsupported_iterable_to_array$1(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$1(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
+}
+var Dropdown = function(param) {
+    var items = param.items, className = param.className, id = param.id;
+    var _useState = _sliced_to_array$1(useState(0), 2), selectedIndex = _useState[0], setSelectedIndex = _useState[1];
+    var dropdownState = Juce.getComboBoxState(id);
+    var handleChange = function(val) {
         setSelectedIndex(val);
         dropdownState.setChoiceIndex(val);
     };
-    return (React.createElement(react.Listbox, { value: selectedIndex, onChange: handleChange },
-        React.createElement(react.ListboxButton, { className: classnames('Dropdown-button', className), "aria-label": "Assignee", onChange: function (value) { return console.log(value); } }, items[selectedIndex]),
-        React.createElement(react.ListboxOptions, { anchor: "bottom", className: "Dropdown-menu empty:hidden" }, items.map(function (item, i) { return (React.createElement(react.ListboxOption, { className: "Dropdown-menu-item", key: item, value: i }, items[i])); }))));
+    return /*#__PURE__*/ React__default.createElement(Listbox, {
+        value: selectedIndex,
+        onChange: handleChange
+    }, /*#__PURE__*/ React__default.createElement(ListboxButton, {
+        className: classnames('Dropdown-button', className),
+        "aria-label": "Assignee",
+        onChange: function(value) {
+            return console.log(value);
+        }
+    }, items[selectedIndex]), /*#__PURE__*/ React__default.createElement(ListboxOptions, {
+        anchor: "bottom",
+        className: "Dropdown-menu empty:hidden"
+    }, items.map(function(item, i) {
+        return /*#__PURE__*/ React__default.createElement(ListboxOption, {
+            className: "Dropdown-menu-item",
+            key: item,
+            value: i
+        }, items[i]);
+    })));
 };
 
-var Knob = function (_a) {
-    var id = _a.id, className = _a.className;
-    var _b = React.useState(0), value = _b[0], setValue = _b[1];
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var Knob = function(param) {
+    var id = param.id, className = param.className;
+    var _useState = _sliced_to_array(useState(0), 2), value = _useState[0], setValue = _useState[1];
     // console.log(value, 'VALUE')
-    React.useEffect(function () {
-        var knobState = Juce__namespace.getSliderState(id);
+    useEffect(function() {
+        var knobState = Juce.getSliderState(id);
         knobState.setNormalisedValue(Math.round(value) / 100);
-    }, [value]);
-    return (React.createElement(reactKnobHeadless.KnobHeadless, { className: classnames('Knob', className), id: id !== null && id !== void 0 ? id : 'Knob', "aria-labelledby": 'Knob', valueMin: 0, valueMax: 100, valueRaw: value, valueRawRoundFn: Math.round, valueRawDisplayFn: function (valueRaw) {
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ React__default.createElement(KnobHeadless, {
+        className: classnames('Knob', className),
+        id: id !== null && id !== void 0 ? id : 'Knob',
+        "aria-labelledby": "Knob",
+        valueMin: 0,
+        valueMax: 100,
+        valueRaw: value,
+        valueRawRoundFn: Math.round,
+        valueRawDisplayFn: function(valueRaw) {
             return "".concat(Math.round(valueRaw), "%");
-        }, dragSensitivity: 0.009, orientation: "vertical", onValueRawChange: setValue },
-        React.createElement("div", { className: 'Knob-inner', style: { rotate: "".concat((360 * value) / 100, "deg") } },
-            React.createElement("div", { className: 'Knob-marker' }))));
+        },
+        dragSensitivity: 0.009,
+        orientation: "vertical",
+        onValueRawChange: setValue
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: "Knob-inner",
+        style: {
+            rotate: "".concat(360 * value / 100, "deg")
+        }
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: "Knob-marker"
+    })));
 };
 
-var Slider = function (_a) {
-    var id = _a.id, className = _a.className;
-    var handleChange = function (val) {
-        var sliderState = Juce__namespace.getSliderState(id);
+var Slider = function(param) {
+    var id = param.id, className = param.className;
+    var handleChange = function(val) {
+        var sliderState = Juce.getSliderState(id);
         sliderState.setNormalisedValue(val / 100);
     };
-    return (React__namespace.createElement(ReactSlider, { onChange: handleChange, className: classnames('Slider', className) }));
+    return /*#__PURE__*/ React.createElement(ReactSlider, {
+        onChange: handleChange,
+        className: classnames('Slider', className)
+    });
 };
 
-var TextHeader = function (_a) {
-    var text = _a.text, id = _a.id, className = _a.className, style = _a.style, level = _a.level, children = _a.children;
+var TextHeader = function(param) {
+    var text = param.text, id = param.id, className = param.className, style = param.style, level = param.level, children = param.children;
     var Tag = level;
-    return (React__namespace.createElement(Tag, { id: id, style: style, className: classnames('TextHeader', className, level) }, text ? text : children));
+    return /*#__PURE__*/ React.createElement(Tag, {
+        id: id,
+        style: style,
+        className: classnames('TextHeader', className, level)
+    }, text ? text : children);
 };
 
-var TextLabel = function (_a) {
-    var text = _a.text, id = _a.id, className = _a.className, style = _a.style, children = _a.children;
-    return (React__namespace.createElement("span", { id: id, style: style, className: classnames("TextLabel", className) }, text ? text : children));
+var TEXT_HEADER_LEVELS;
+(function(TEXT_HEADER_LEVELS) {
+    TEXT_HEADER_LEVELS["H1"] = "h1";
+    TEXT_HEADER_LEVELS["H2"] = "h2";
+})(TEXT_HEADER_LEVELS || (TEXT_HEADER_LEVELS = {}));
+
+var TextLabel = function(param) {
+    var text = param.text, id = param.id, className = param.className, style = param.style, children = param.children;
+    return /*#__PURE__*/ React.createElement("span", {
+        id: id,
+        style: style,
+        className: classnames("TextLabel", className)
+    }, text ? text : children);
 };
 
-exports.Button = Button;
-exports.Col = Col;
-exports.Dropdown = Dropdown;
-exports.Knob = Knob;
-exports.Row = Row;
-exports.Slider = Slider;
-exports.TextHeader = TextHeader;
-exports.TextLabel = TextLabel;
+export { Button, Col, Dropdown, FLEX_DIRECTION, SPACING as GRID_SPACING, Knob, Row, SPACING, Slider, TEXT_HEADER_LEVELS, TextHeader, TextLabel };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/Buttons/types.ts","../src/components/Buttons/Button.tsx","../src/common/types.ts","../src/components/Grid/Grid.col.tsx","../src/components/Grid/types.ts","../src/components/Grid/Grid.row.tsx","../src/components/Input/Dropdown.tsx","../src/components/Input/Knob.tsx","../src/components/Input/Slider.tsx","../src/components/Typography/TextHeader.tsx","../src/components/Typography/TextLabel.tsx"],"sourcesContent":["\nexport enum BUTTON_SIZE {\n    SMALL = 'SMALL',\n    LARGE = 'LARGE',\n  }\n  \n  export const BUTTON_SIZE_CLASSES = {\n    SMALL: 'button-small',\n    LARGE: 'button-large',\n  };","import * as React from 'react';\nimport classnames from 'classnames';\nimport * as Juce from \"juce-framework-frontend\";\nimport './Button.css';\n\nimport { BUTTON_SIZE, BUTTON_SIZE_CLASSES } from './types';\n\nexport interface TextButtonProps {\n  // pass a boolean value to disable the button.\n  disabled?: boolean;\n  // Sets a size increment for the button\n  size?: BUTTON_SIZE;\n  // Sets the onClick action for the button\n  onClick?: any;\n  // Sets the text inside the button\n  text?: string;\n  // Sets an id for the button\n  id?: any;\n  // Pass custom class names to the button\n  className?: string;\n  // custom styles for the button\n  style?: object;\n  children?: React.ReactNode;\n}\n\nconst Button: React.FC<React.PropsWithChildren<TextButtonProps>> = ({\n    disabled,\n    onClick,\n    text,\n    id,\n    className,\n    style,\n    children,\n    size = BUTTON_SIZE_CLASSES[BUTTON_SIZE.SMALL]\n}) => {\n    const [selected, setSelected] = React.useState(false);\n    const buttonState = Juce.getToggleState(id);\n\n    const handleClick = onClick ? onClick : () => { \n      setSelected(!selected)\n      buttonState.setValue(!selected);\n    };\n      return (<button id={id}\n        onClick={handleClick}\n        disabled={disabled}\n        style={style}\n        className={classnames('Button', size, className,\n          disabled && 'disabled',\n          selected && 'selected'\n        )}>{text ? text : children}</button>\n      );\n};\n\nexport default Button;\n","export enum SPACING {\n    X_SMALL = 'xsmall',\n    SMALL = 'small',\n    MEDIUM_SMALL = 'mediumsmall',\n    MEDIUM = 'medium',\n    MEDIUM_LARGE = 'mediumlarge',\n    LARGE = 'large',\n    X_LARGE = 'xlarge'\n}","import * as React from 'react';\nimport classnames from 'classnames';\nimport { SPACING } from '../../common/types';\n\ninterface GridColProps {\n  span?: number;\n  offset?: number;\n  padding?: Array<SPACING>;\n  centerContentHorizontal?: boolean;\n  centerContentVertical?: boolean;\n  alignContentRight?: boolean;\n  className?: string;\n  onClick?: () => void;\n}\n\nexport const Col: React.FC<React.PropsWithChildren<GridColProps>> = ({\n  offset,\n  centerContentHorizontal,\n  centerContentVertical,\n  alignContentRight,\n  className,\n  children,\n  onClick,\n  span,\n  padding = [SPACING.MEDIUM]\n}) => {\n  return (\n    <div\n    onClick={onClick}\n    className={\n      classnames(\n        className,\n        span ? 'col-xs-' + span : 'flex-auto',\n        offset && 'col-xs-offset-' + offset,\n        centerContentHorizontal && 'flex-align-center-horizontal',\n        centerContentVertical && 'flex-align-center-vertical',\n        alignContentRight && 'flex-align-end',\n        padding.length === 1 && 'padding-around-' + padding,\n        padding.length === 2 && 'padding-vertical-' + padding[0],\n        padding.length === 2 && 'padding-horizontal-' + padding[1],\n        padding.length === 4 && 'padding-top-' + [padding[0]],\n        padding.length === 4 && 'padding-right-' + [padding[0]],\n        padding.length === 4 && 'padding-bottom-' + [padding[0]],\n        padding.length === 4 && 'padding-left-' + [padding[0]])}\n>\n  {children}\n</div>\n  );\n};\n\nexport default Col;\n","export enum FLEX_DIRECTION {\n    ROW, \n    COLUMN,\n  }","import * as React from 'react';\r\nimport classnames from 'classnames';\r\nimport { FLEX_DIRECTION } from './types';\r\n\r\n// Grid Row\r\n// Generates a grid row. Meant to be the parent component for the Col element.\r\n\r\n// The FLEX_DIRECTION values set the row's flex-direction (see https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties)\r\n\r\n// If you set a row's flex-direction to \"column\", its child Col elements will be layed out vertically (stacked on top of each other) instead of horizontally. \r\n// Then, the grid increment sizes on the Cols will effect their height instead of width.\r\n\r\ninterface GridRowProps {\r\n  className?: string;\r\n  id?: string;\r\n  style?: object;\r\n  flexDirection?: FLEX_DIRECTION;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport const Row: React.FC<React.PropsWithChildren<GridRowProps>> = ({\r\n  className,\r\n  id,\r\n  style,\r\n  children,\r\n  onClick,\r\n  flexDirection = FLEX_DIRECTION.ROW\r\n}) => {\r\n  const isColumn = flexDirection === FLEX_DIRECTION.COLUMN;\r\n  return (\r\n    <div style={style} onClick={onClick} className={classnames('row', className,\r\n      isColumn && 'flex-direction-column flex-wrap-nowrap height-100-percent',\r\n    )} id={id}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Row;","import React, {useState} from 'react';\nimport { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/react'\nimport classnames from 'classnames';\nimport './Dropdown.css';\nimport * as Juce from \"juce-framework-frontend\";\n\nexport interface DropdownProps {\n    items: Array<string>;\n    id: string;\n    className?: string;\n    onChange?: (event: any) => {};\n}\n\nconst Dropdown: React.FC<DropdownProps> = ({\n    items,\n    className,\n    id,\n}) => {\n\n    const [selectedIndex, setSelectedIndex] = useState(0);\n\n    const dropdownState = Juce.getComboBoxState(id);\n\n    const handleChange = (val: number) => {\n      setSelectedIndex(val);\n      dropdownState.setChoiceIndex(val);\n    };\n\n  return (\n    <Listbox value={selectedIndex} onChange={handleChange}>\n      <ListboxButton\n        className={classnames('Dropdown-button', className)}\n        aria-label=\"Assignee\"\n        onChange={(value) => console.log(value)}\n      >{items[selectedIndex]}</ListboxButton>\n      <ListboxOptions anchor=\"bottom\" className=\"Dropdown-menu empty:hidden\">\n        {items.map((item, i) => (\n          <ListboxOption className=\"Dropdown-menu-item\" key={item} value={i}>\n            {items[i]}\n          </ListboxOption>\n        ))}\n      </ListboxOptions>\n    </Listbox>\n  )\n}\n\nexport default Dropdown;","import React, { useState, useEffect } from 'react';\nimport { KnobHeadless } from 'react-knob-headless';\nimport classnames from 'classnames';\nimport * as Juce from \"juce-framework-frontend\";\nimport './Knob.css';\n\nexport interface KnobProps {\n  // Sets an id for the knob\n  id?: any;\n  // Pass custom class names to the knob\n  className?: string;\n  // custom styles for the knob\n  style?: object;\n}\n\nconst Knob: React.FC<React.PropsWithChildren<KnobProps>>= ({\n    id,\n    className\n}) => {\n\n  const [value, setValue] = useState(0);\n  // console.log(value, 'VALUE')\n    useEffect(() => {\n      const knobState = Juce.getSliderState(id);\n      knobState.setNormalisedValue(Math.round(value) / 100)\n    }, [value])\n\n      return (<KnobHeadless\n        className={classnames('Knob', className)}\n        id={id ?? 'Knob'}\n        aria-labelledby='Knob'\n        valueMin={0}\n        valueMax={100}\n        valueRaw={value}\n        valueRawRoundFn={Math.round}\n        valueRawDisplayFn={(valueRaw: number): string =>\n          `${Math.round(valueRaw)}%`}\n        dragSensitivity={0.009}\n        orientation={\"vertical\"}\n        onValueRawChange={setValue}\n      >\n        <div className='Knob-inner' style={{ rotate: `${(360 * value) / 100}deg`}}>\n          <div className='Knob-marker'></div>\n        </div>\n      </KnobHeadless>\n      );\n};\n\nexport default Knob;\n","import * as React from 'react';\nimport ReactSlider from 'react-slider';\nimport classnames from 'classnames';\nimport './Slider.css';\nimport * as Juce from \"juce-framework-frontend\";\n\nexport interface SliderProps {\n  // Sets an id for the slider\n  id?: any;\n  // Pass custom class names to the slider\n  className?: string;\n}\n\nconst Slider: React.FC<React.PropsWithChildren<SliderProps>> = ({\n    id,\n    className,\n}) => {\n\n  const handleChange = (val: number) => {\n    const sliderState = Juce.getSliderState(id);\n    sliderState.setNormalisedValue(val / 100)\n  }\n      return (<ReactSlider\n        onChange={handleChange}\n        className={classnames('Slider', className)}\n        />\n      );\n};\n\nexport default Slider;\n","import * as React from 'react';\nimport classnames from 'classnames';\nimport './TextHeader.css';\n\nimport { TEXT_HEADER_LEVELS } from './types';\n\nexport interface TextHeaderProps {\n  // Sets a level for the header (h1, h2, etc)\n  level: TEXT_HEADER_LEVELS;\n  // Sets the text inside the header\n  text?: string;\n  // Sets an id for the header\n  id?: any;\n  // Pass custom class names to the header\n  className?: string;\n  // custom styles for the header\n  style?: object;\n}\n\nconst TextHeader: React.FC<React.PropsWithChildren<TextHeaderProps>> = ({\n    text,\n    id,\n    className,\n    style,\n    level,\n    children\n    }) => {\n  const Tag = level;\n      return (<Tag id={id}\n        style={style}\n        className={classnames('TextHeader', className, level)}>{text ? text : children}</Tag>\n      );\n};\n\nexport default TextHeader;\n","import * as React from 'react';\nimport classnames from 'classnames';\nimport './TextLabel.css';\n\nexport interface TextLabelProps {\n  // Sets the text inside the label\n  text?: string;\n  // Sets an id for the label\n  id?: any;\n  // Pass custom class names to the label\n  className?: string;\n  // custom styles for the label\n  style?: object;\n}\n\nconst TextLabel: React.FC<React.PropsWithChildren<TextLabelProps>> = ({\n    text,\n    id,\n    className,\n    style,\n    children,\n}) => {\n      return (<span id={id}\n        style={style}\n        className={classnames(\"TextLabel\", className)}>{text ? text : children}</span>\n      );\n};\n\nexport default TextLabel;\n"],"names":["React","Juce","SPACING","FLEX_DIRECTION","useState","Listbox","ListboxButton","ListboxOptions","ListboxOption","useEffect","KnobHeadless"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@antimatter-audio/antimatter-ui",
-  "version": "1.0.2",
+  "version": "1.0.9",
   "description": "React UI component library for Antimatter Audio.",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/antimatter-audio/antimatter-ui.git"
+    "url": "https://github.com/antimatter-audio/antimatter-ui.git"
   },
-  "main": "dist/index.js",
+  "main": "./dist/index.js",
   "type": "module",
+  "types": "./dist/index.d.ts",
   "scripts": {
     "build": "rollup -c",
     "start": "rollup -c -w"
@@ -23,10 +24,11 @@
     "juce-framework-frontend": "file:src/assets/juce-framework-frontend",
     "react-knob-headless": "^0.3.0",
     "react-slider": "^2.0.6",
-    "rollup-plugin-import-css": "^3.5.0"
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-import-css": "^3.5.0",
+    "rollup-plugin-swc3": "^0.11.2"
   },
   "devDependencies": {
-    "@rollup/plugin-typescript": "^11.1.6",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-slider": "^1.3.6",
@@ -42,10 +44,5 @@
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
-  },
-  "types": "./index.d.ts",
-  "bugs": {
-    "url": "https://github.com/antimatter-audio/antimatter-ui/issues"
-  },
-  "homepage": "https://github.com/antimatter-audio/antimatter-ui#readme"
+  }
 }

package/dist/types/common/types.d.ts

@@ -1,9 +0,0 @@
-export declare enum SPACING {
-    X_SMALL = "xsmall",
-    SMALL = "small",
-    MEDIUM_SMALL = "mediumsmall",
-    MEDIUM = "medium",
-    MEDIUM_LARGE = "mediumlarge",
-    LARGE = "large",
-    X_LARGE = "xlarge"
-}

package/dist/types/components/Buttons/Button.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import './Button.css';
-import { BUTTON_SIZE } from './types';
-export interface TextButtonProps {
-    disabled?: boolean;
-    size?: BUTTON_SIZE;
-    onClick?: any;
-    text?: string;
-    id?: any;
-    className?: string;
-    style?: object;
-    children?: React.ReactNode;
-}
-declare const Button: React.FC<React.PropsWithChildren<TextButtonProps>>;
-export default Button;

package/dist/types/components/Buttons/types.d.ts

@@ -1,8 +0,0 @@
-export declare enum BUTTON_SIZE {
-    SMALL = "SMALL",
-    LARGE = "LARGE"
-}
-export declare const BUTTON_SIZE_CLASSES: {
-    SMALL: string;
-    LARGE: string;
-};

package/dist/types/components/Grid/Grid.col.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { SPACING } from '../../common/types';
-interface GridColProps {
-    span?: number;
-    offset?: number;
-    padding?: Array<SPACING>;
-    centerContentHorizontal?: boolean;
-    centerContentVertical?: boolean;
-    alignContentRight?: boolean;
-    className?: string;
-    onClick?: () => void;
-}
-export declare const Col: React.FC<React.PropsWithChildren<GridColProps>>;
-export default Col;

package/dist/types/components/Grid/Grid.row.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { FLEX_DIRECTION } from './types';
-interface GridRowProps {
-    className?: string;
-    id?: string;
-    style?: object;
-    flexDirection?: FLEX_DIRECTION;
-    onClick?: () => void;
-}
-export declare const Row: React.FC<React.PropsWithChildren<GridRowProps>>;
-export default Row;

package/dist/types/components/Grid/index.d.ts

@@ -1,6 +0,0 @@
-import Col from './Grid.col';
-import Row from './Grid.row';
-import './Grid.css';
-import { FLEX_DIRECTION } from './types';
-import { SPACING as GRID_SPACING } from '../../common/types';
-export { Row, Col, FLEX_DIRECTION, GRID_SPACING };

package/dist/types/components/Grid/types.d.ts

@@ -1,4 +0,0 @@
-export declare enum FLEX_DIRECTION {
-    ROW = 0,
-    COLUMN = 1
-}

package/dist/types/components/Input/Dropdown.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './Dropdown.css';
-export interface DropdownProps {
-    items: Array<string>;
-    id: string;
-    className?: string;
-    onChange?: (event: any) => {};
-}
-declare const Dropdown: React.FC<DropdownProps>;
-export default Dropdown;

package/dist/types/components/Input/Knob.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './Knob.css';
-export interface KnobProps {
-    id?: any;
-    className?: string;
-    style?: object;
-}
-declare const Knob: React.FC<React.PropsWithChildren<KnobProps>>;
-export default Knob;

package/dist/types/components/Input/Slider.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import './Slider.css';
-export interface SliderProps {
-    id?: any;
-    className?: string;
-}
-declare const Slider: React.FC<React.PropsWithChildren<SliderProps>>;
-export default Slider;

package/dist/types/components/Typography/TextHeader.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import './TextHeader.css';
-import { TEXT_HEADER_LEVELS } from './types';
-export interface TextHeaderProps {
-    level: TEXT_HEADER_LEVELS;
-    text?: string;
-    id?: any;
-    className?: string;
-    style?: object;
-}
-declare const TextHeader: React.FC<React.PropsWithChildren<TextHeaderProps>>;
-export default TextHeader;

package/dist/types/components/Typography/TextLabel.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import './TextLabel.css';
-export interface TextLabelProps {
-    text?: string;
-    id?: any;
-    className?: string;
-    style?: object;
-}
-declare const TextLabel: React.FC<React.PropsWithChildren<TextLabelProps>>;
-export default TextLabel;

package/dist/types/components/Typography/types.d.ts

@@ -1,4 +0,0 @@
-export declare enum TEXT_HEADER_LEVELS {
-    H1 = "h1",
-    H2 = "h2"
-}

package/dist/types/index.d.ts

@@ -1,8 +0,0 @@
-import Button from "./components/Buttons/Button";
-import { Row, Col, FLEX_DIRECTION, GRID_SPACING } from './components/Grid';
-import Dropdown from "./components/Input/Dropdown";
-import Knob from "./components/Input/Knob";
-import Slider from "./components/Input/Slider";
-import TextHeader from "./components/Typography/TextHeader";
-import TextLabel from "./components/Typography/TextLabel";
-export { Button, Dropdown, Row, Col, FLEX_DIRECTION, GRID_SPACING, Knob, Slider, TextHeader, TextLabel };