@tomorrowevening/theatre-studio 1.0.5 → 1.0.6

package/dist/uiComponents/form/BasicNumberInput.js

@@ -1,261 +0,0 @@
-import { clamp, isInteger, round } from 'lodash-es';
-import { useEffect } from 'react';
-import { useState } from 'react';
-import React, { useMemo, useRef } from 'react';
-import styled from 'styled-components';
-import { mergeRefs } from 'react-merge-refs';
-import useRefAndState from '@tomorrowevening/theatre-studio/utils/useRefAndState';
-import useOnClickOutside from '@tomorrowevening/theatre-studio/uiComponents/useOnClickOutside';
-import useDrag from '@tomorrowevening/theatre-studio/uiComponents/useDrag';
-const Container = styled.div `
-  height: 100%;
-  width: 100%;
-  position: relative;
-  z-index: 0;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-
-  &:after {
-    position: absolute;
-    inset: 1px 0 2px;
-    display: block;
-    content: ' ';
-    background-color: transparent;
-    border: 1px solid transparent;
-    z-index: -2;
-    box-sizing: border-box;
-    border-radius: 1px;
-  }
-
-  &:hover,
-  &.dragging,
-  &.editingViaKeyboard {
-    &:after {
-      background-color: #10101042;
-      border-color: #00000059;
-    }
-  }
-`;
-const Input = styled.input `
-  background: transparent;
-  border: 1px solid transparent;
-  color: rgba(255, 255, 255, 0.9);
-  padding: 1px 6px;
-  font: inherit;
-  outline: none;
-  cursor: ew-resize;
-  text-align: left;
-  width: 100%;
-  height: calc(100% - 4px);
-  border-radius: 2px;
-
-  &:focus {
-    cursor: text;
-  }
-`;
-const FillIndicator = styled.div `
-  position: absolute;
-  inset: 3px 2px 4px;
-  transform: scale(var(--percentage), 1);
-  transform-origin: top left;
-  background-color: #2d5561;
-  z-index: -1;
-  border-radius: 2px;
-  pointer-events: none;
-
-  ${Container}.dragging &, ${Container}.noFocus:hover & {
-    background-color: #338198;
-  }
-`;
-const DragWrap = styled.div `
-  display: contents;
-`;
-const alwaysValid = (v) => true;
-const BasicNumberInput = (propsA) => {
-    const [stateRef] = useRefAndState({ mode: 'noFocus' });
-    const isValid = propsA.isValid ?? alwaysValid;
-    const propsRef = useRef(propsA);
-    propsRef.current = propsA;
-    const inputRef = useRef(null);
-    useOnClickOutside(inputRef.current, () => {
-        inputRef.current.blur();
-    }, stateRef.current.mode === 'editingViaKeyboard');
-    const bodyCursorBeforeDrag = useRef(null);
-    const callbacks = useMemo(() => {
-        const inputChange = (e) => {
-            const target = e.target;
-            const { value } = target;
-            const curState = stateRef.current;
-            stateRef.current = { ...curState, currentEditedValueInString: value };
-            const valInFloat = parseFloat(value);
-            if (!isFinite(valInFloat) || !isValid(valInFloat))
-                return;
-            propsRef.current.temporarilySetValue(valInFloat);
-        };
-        const onBlur = () => {
-            if (stateRef.current.mode === 'editingViaKeyboard') {
-                commitKeyboardInput();
-                stateRef.current = { mode: 'noFocus' };
-            }
-            if (propsA.onBlur)
-                propsA.onBlur();
-        };
-        const commitKeyboardInput = () => {
-            const curState = stateRef.current;
-            const value = parseFloat(curState.currentEditedValueInString);
-            if (!isFinite(value) || !isValid(value)) {
-                propsRef.current.discardTemporaryValue();
-            }
-            else {
-                if (curState.valueBeforeEditing === value) {
-                    propsRef.current.discardTemporaryValue();
-                }
-                else {
-                    propsRef.current.permanentlySetValue(value);
-                }
-            }
-        };
-        const onInputKeyDown = (e) => {
-            if (e.key === 'Escape') {
-                propsRef.current.discardTemporaryValue();
-                stateRef.current = { mode: 'noFocus' };
-                inputRef.current.blur();
-            }
-            else if (e.key === 'Enter' || e.key === 'Tab') {
-                commitKeyboardInput();
-                inputRef.current.blur();
-            }
-        };
-        const onClick = (e) => {
-            if (stateRef.current.mode === 'noFocus') {
-                const c = inputRef.current;
-                c.focus();
-                e.preventDefault();
-                e.stopPropagation();
-            }
-            else {
-                e.stopPropagation();
-            }
-        };
-        const onFocus = () => {
-            if (stateRef.current.mode === 'noFocus') {
-                transitionToEditingViaKeyboardMode();
-            }
-            else if (stateRef.current.mode === 'editingViaKeyboard') {
-            }
-        };
-        const transitionToEditingViaKeyboardMode = () => {
-            const curValue = propsRef.current.value;
-            stateRef.current = {
-                mode: 'editingViaKeyboard',
-                currentEditedValueInString: String(curValue),
-                valueBeforeEditing: curValue,
-            };
-            setTimeout(() => {
-                inputRef.current.focus();
-                inputRef.current.setSelectionRange(0, 100);
-            });
-        };
-        let inputWidth;
-        const transitionToDraggingMode = () => {
-            const curValue = propsRef.current.value;
-            inputWidth = inputRef.current?.getBoundingClientRect().width;
-            stateRef.current = {
-                mode: 'dragging',
-            };
-            let valueBeforeDragging = curValue;
-            let valueDuringDragging = curValue;
-            bodyCursorBeforeDrag.current = document.body.style.cursor;
-            return {
-                onDrag(_dx, _dy, e, mx) {
-                    // We use `mx` here because it allows us to offer better UX when dragging
-                    // a value beyond its range. If we were to use `_dx`, and the number had a range,
-                    // and the user nudged the number beyond its range, they would have to un-nudge all
-                    // the way back until the number's value is within its range. But with `mx`,
-                    // as soon as they reverse their mouse drag, the number will jump back to its range.
-                    const deltaX = e.altKey ? mx / 10 : mx;
-                    const newValue = valueDuringDragging +
-                        propsA.nudge({
-                            deltaX,
-                            deltaFraction: deltaX / inputWidth,
-                            magnitude: 1,
-                        });
-                    valueDuringDragging = propsA.range
-                        ? clamp(newValue, propsA.range[0], propsA.range[1])
-                        : newValue;
-                    propsRef.current.temporarilySetValue(valueDuringDragging);
-                },
-                onDragEnd(happened) {
-                    if (!happened) {
-                        propsRef.current.discardTemporaryValue();
-                        stateRef.current = { mode: 'noFocus' };
-                    }
-                    else {
-                        if (valueBeforeDragging === valueDuringDragging) {
-                            propsRef.current.discardTemporaryValue();
-                        }
-                        else {
-                            propsRef.current.permanentlySetValue(valueDuringDragging);
-                        }
-                        stateRef.current = { mode: 'noFocus' };
-                    }
-                },
-                onClick() {
-                    inputRef.current.focus();
-                    inputRef.current.setSelectionRange(0, 100);
-                },
-            };
-        };
-        return {
-            inputChange,
-            onBlur,
-            transitionToDraggingMode,
-            onInputKeyDown,
-            onClick,
-            onFocus,
-        };
-    }, []);
-    // Call onBlur on unmount. Because technically it _is_ a blur, but also, otherwise edits wouldn't be committed.
-    useEffect(() => {
-        return () => {
-            callbacks.onBlur();
-        };
-    }, []);
-    let value = stateRef.current.mode !== 'editingViaKeyboard'
-        ? format(propsA.value)
-        : stateRef.current.currentEditedValueInString;
-    if (typeof value === 'number' && isNaN(value)) {
-        value = 'NaN';
-    }
-    const _refs = [inputRef];
-    if (propsA.inputRef)
-        _refs.push(propsA.inputRef);
-    const theInput = (React.createElement(Input, { key: "input", type: "text", onChange: callbacks.inputChange, value: value, onBlur: callbacks.onBlur, onKeyDown: callbacks.onInputKeyDown, onClick: callbacks.onClick, onFocus: callbacks.onFocus, ref: mergeRefs(_refs), onMouseDown: (e) => {
-            e.stopPropagation();
-        }, onDoubleClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-        }, autoFocus: propsA.autoFocus }));
-    const { range } = propsA;
-    const num = parseFloat(value);
-    const fillIndicator = range ? (React.createElement(FillIndicator, { style: {
-            // @ts-ignore
-            '--percentage': clamp((num - range[0]) / (range[1] - range[0]), 0, 1),
-        } })) : null;
-    const [dragNode, setDragNode] = useState(null);
-    useDrag(dragNode, {
-        debugName: 'form/BasicNumberInput',
-        onDragStart: callbacks.transitionToDraggingMode,
-        lockCSSCursorTo: 'ew-resize',
-        shouldPointerLock: true,
-        disabled: stateRef.current.mode === 'editingViaKeyboard',
-    });
-    return (React.createElement(Container, { className: propsA.className + ' ' + stateRef.current.mode },
-        React.createElement(DragWrap, { ref: setDragNode }, theInput),
-        fillIndicator));
-};
-function format(v) {
-    return isNaN(v) ? 'NaN' : isInteger(v) ? v.toFixed(0) : round(v, 3).toString();
-}
-export default BasicNumberInput;

package/dist/uiComponents/form/BasicSelect.js

@@ -1,58 +0,0 @@
-import React, { useCallback } from 'react';
-import styled from 'styled-components';
-import { CgSelect } from 'react-icons/all';
-const Container = styled.div `
-  width: 100%;
-  position: relative;
-`;
-const IconContainer = styled.div `
-  position: absolute;
-  right: 0px;
-  top: 0;
-  bottom: 0;
-  width: 1.5em;
-  font-size: 14px;
-  display: flex;
-  align-items: center;
-  color: #6b7280;
-  pointer-events: none;
-`;
-const Select = styled.select `
-  appearance: none;
-  background-color: transparent;
-  box-sizing: border-box;
-  border: 1px solid transparent;
-  color: rgba(255, 255, 255, 0.85);
-  padding: 1px 6px;
-  font: inherit;
-  outline: none;
-  text-align: left;
-  width: 100%;
-  border-radius: 2px;
-  /*
-  looks like putting percentages in the height of a select box doesn't work in Firefox. Not sure why.
-  So we're hard-coding the height to 26px, unlike all other inputs that use a relative height.
-  */
-  height: 26px /* calc(100% - 4px); */;
-
-  @supports (-moz-appearance: none) {
-    /* Ugly hack to remove the extra left padding that shows up only in Firefox */
-    text-indent: -2px;
-  }
-
-  &:hover,
-  &:focus {
-    background-color: #10101042;
-    border-color: #00000059;
-  }
-`;
-function BasicSelect({ value, onChange, options, className, autoFocus, }) {
-    const _onChange = useCallback((el) => {
-        onChange(String(el.target.value));
-    }, [onChange]);
-    return (React.createElement(Container, null,
-        React.createElement(Select, { className: className, value: value, onChange: _onChange, autoFocus: autoFocus }, Object.keys(options).map((key, i) => (React.createElement("option", { key: 'option-' + i, value: key }, options[key])))),
-        React.createElement(IconContainer, null,
-            React.createElement(CgSelect, null))));
-}
-export default BasicSelect;

package/dist/uiComponents/form/BasicStringInput.js

@@ -1,151 +0,0 @@
-import styled from 'styled-components';
-import { useEffect } from 'react';
-import React, { useMemo, useRef } from 'react';
-import { mergeRefs } from 'react-merge-refs';
-import useRefAndState from '@tomorrowevening/theatre-studio/utils/useRefAndState';
-import useOnClickOutside from '@tomorrowevening/theatre-studio/uiComponents/useOnClickOutside';
-const Input = styled.input.attrs({ type: 'text' }) `
-  background: transparent;
-  border: 1px solid transparent;
-  color: rgba(255, 255, 255, 0.9);
-  padding: 1px 6px;
-  font: inherit;
-  outline: none;
-  cursor: text;
-  text-align: left;
-  width: 100%;
-  height: calc(100% - 4px);
-  border-radius: 2px;
-  border: 1px solid transparent;
-  box-sizing: border-box;
-
-  &:hover {
-    background-color: #10101042;
-    border-color: #00000059;
-  }
-
-  &:hover,
-  &:focus {
-    cursor: text;
-    background-color: #10101042;
-    border-color: #00000059;
-  }
-
-  &.invalid {
-    border-color: red;
-  }
-`;
-const alwaysValid = (v) => true;
-const BasicStringInput = (props) => {
-    const [stateRef] = useRefAndState({ mode: 'noFocus' });
-    const isValid = props.isValid ?? alwaysValid;
-    const propsRef = useRef(props);
-    propsRef.current = props;
-    const inputRef = useRef(null);
-    useOnClickOutside(inputRef.current, () => {
-        inputRef.current.blur();
-    }, stateRef.current.mode === 'editingViaKeyboard');
-    const callbacks = useMemo(() => {
-        const inputChange = (e) => {
-            const target = e.target;
-            const { value } = target;
-            const curState = stateRef.current;
-            stateRef.current = { ...curState, currentEditedValueInString: value };
-            if (!isValid(value))
-                return;
-            propsRef.current.temporarilySetValue(value);
-        };
-        const onBlur = () => {
-            if (stateRef.current.mode === 'editingViaKeyboard') {
-                commitKeyboardInput();
-                stateRef.current = { mode: 'noFocus' };
-            }
-            propsRef.current.onBlur?.();
-        };
-        const commitKeyboardInput = () => {
-            const curState = stateRef.current;
-            const value = curState.currentEditedValueInString;
-            if (!isValid(value)) {
-                propsRef.current.discardTemporaryValue();
-            }
-            else {
-                if (curState.valueBeforeEditing === value) {
-                    propsRef.current.discardTemporaryValue();
-                }
-                else {
-                    propsRef.current.permanentlySetValue(value);
-                }
-            }
-        };
-        const onInputKeyDown = (e) => {
-            if (e.key === 'Escape') {
-                propsRef.current.discardTemporaryValue();
-                stateRef.current = { mode: 'noFocus' };
-                inputRef.current.blur();
-            }
-            else if (e.key === 'Enter' || e.key === 'Tab') {
-                commitKeyboardInput();
-                inputRef.current.blur();
-            }
-        };
-        const onClick = (e) => {
-            if (stateRef.current.mode === 'noFocus') {
-                const c = inputRef.current;
-                c.focus();
-                e.preventDefault();
-                e.stopPropagation();
-            }
-            else {
-                e.stopPropagation();
-            }
-        };
-        const onFocus = () => {
-            if (stateRef.current.mode === 'noFocus') {
-                transitionToEditingViaKeyboardMode();
-            }
-            else if (stateRef.current.mode === 'editingViaKeyboard') {
-            }
-        };
-        const transitionToEditingViaKeyboardMode = () => {
-            const curValue = propsRef.current.value;
-            stateRef.current = {
-                mode: 'editingViaKeyboard',
-                currentEditedValueInString: String(curValue),
-                valueBeforeEditing: curValue,
-            };
-            setTimeout(() => {
-                inputRef.current.focus();
-            });
-        };
-        return {
-            inputChange,
-            onBlur,
-            onInputKeyDown,
-            onClick,
-            onFocus,
-        };
-    }, []);
-    // Call onBlur on unmount. Because technically it _is_ a blur, but also, otherwise edits wouldn't be committed.
-    useEffect(() => {
-        return () => {
-            callbacks.onBlur();
-        };
-    }, []);
-    let value = stateRef.current.mode !== 'editingViaKeyboard'
-        ? format(props.value)
-        : stateRef.current.currentEditedValueInString;
-    const _refs = [inputRef];
-    if (props.inputRef)
-        _refs.push(props.inputRef);
-    const theInput = (React.createElement(Input, { key: "input", type: "text", className: `${props.className ?? ''} ${!isValid(value) ? 'invalid' : ''}`, onChange: callbacks.inputChange, value: value, onBlur: callbacks.onBlur, onKeyDown: callbacks.onInputKeyDown, onClick: callbacks.onClick, onFocus: callbacks.onFocus, ref: mergeRefs(_refs), onMouseDown: (e) => {
-            e.stopPropagation();
-        }, onDoubleClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-        }, autoFocus: props.autoFocus }));
-    return theInput;
-};
-function format(v) {
-    return v;
-}
-export default BasicStringInput;

package/dist/uiComponents/form/BasicSwitch.js

@@ -1,60 +0,0 @@
-import { darken } from 'polished';
-import React, { useCallback } from 'react';
-import styled from 'styled-components';
-const Container = styled.form `
-  display: flex;
-  flex-direction: row;
-  align-items: stretch;
-  vertical-align: middle;
-  justify-content: stretch;
-  height: 24px;
-  width: 100%;
-`;
-const Label = styled.label `
-  padding: 0 0.5em;
-  background: transparent;
-  /* background: #373748; */
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-grow: 1;
-  color: #a7a7a7;
-  border: 1px solid transparent;
-  box-sizing: border-box;
-  border-right-width: 0px;
-
-  & + &:last-child {
-    border-right-width: 1px;
-  }
-
-  ${Container}:hover > & {
-    border-color: #1c2123;
-    /* background-color: #373748; */
-    /* color: ${darken(0.1, 'white')}; */
-  }
-
-  &&:hover {
-    background-color: #464654;
-  }
-
-  &&[data-checked='true'] {
-    color: white;
-    background: #3f3f4c;
-  }
-`;
-const Input = styled.input `
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-  width: 0;
-  height: 0;
-`;
-function BasicSwitch({ value, onChange, options, autoFocus, }) {
-    const _onChange = useCallback((el) => {
-        onChange(String(el.target.value));
-    }, [onChange]);
-    return (React.createElement(Container, { role: "radiogroup" }, Object.keys(options).map((key, i) => (React.createElement(Label, { key: 'label-' + i, "data-checked": value === key },
-        options[key],
-        React.createElement(Input, { type: "radio", checked: value === key, value: key, onChange: _onChange, name: "switchbox", autoFocus: autoFocus }))))));
-}
-export default BasicSwitch;

package/dist/uiComponents/icons/AddImage.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function AddImage(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { d: "M3.335 13.998c-.367 0-.68-.13-.942-.391a1.285 1.285 0 01-.391-.942v-9.33c0-.367.13-.68.391-.942.261-.26.575-.391.942-.391h5.998v3.332h1.333v1.333h3.332v5.998c0 .367-.13.68-.391.942-.261.26-.575.391-.942.391h-9.33zM4 11.332H12L9.499 8 7.5 10.666l-1.5-2-1.999 2.666zm7.331-5.331V4.668H10V3.335h1.333V2.002h1.333v1.333h1.333v1.333h-1.333V6h-1.333z", fill: "currentColor" })));
-}
-export default AddImage;

package/dist/uiComponents/icons/ArrowClockwise.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function ArrowClockwise(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { d: "M5.586 3.38a5 5 0 015.45 1.087L12.574 6h-1.572a.5.5 0 000 1h3a.5.5 0 00.5-.5v-3a.5.5 0 10-1 0v2.013l-1.76-1.754a6 6 0 100 8.482.5.5 0 10-.707-.707A5 5 0 115.587 3.38z", fill: "currentColor" })));
-}
-export default ArrowClockwise;

package/dist/uiComponents/icons/ArrowsOutCardinal.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function ArrowsOutCardinal(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { d: "M8 1a.498.498 0 01.358.15l1.764 1.765a.5.5 0 01-.707.707L8.5 2.707V6a.5.5 0 01-1 0V2.707l-.915.915a.5.5 0 11-.707-.707l1.768-1.769A.498.498 0 018 1zM8 9.5a.5.5 0 01.5.5v3.292l.915-.915a.5.5 0 01.707.707L8.37 14.836a.499.499 0 01-.74.001l-1.752-1.753a.5.5 0 01.707-.707l.915.915V10a.5.5 0 01.5-.5zM3.622 6.584a.5.5 0 10-.707-.707L1.146 7.646a.498.498 0 00.018.724l1.751 1.752a.5.5 0 10.707-.708L2.708 8.5H6a.5.5 0 000-1H2.706l.916-.916zM12.378 5.877a.5.5 0 01.707 0l1.768 1.769a.498.498 0 01-.017.724l-1.751 1.752a.5.5 0 01-.707-.708l.914-.914H10a.5.5 0 010-1h3.294l-.916-.916a.5.5 0 010-.707z", fill: "currentColor" })));
-}
-export default ArrowsOutCardinal;

package/dist/uiComponents/icons/Bell.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function Bell(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { d: "M8 1.57c-.416 0-.752.36-.752.804v.482c-1.715.372-3.006 1.994-3.006 3.938v.473c0 1.18-.407 2.32-1.14 3.205l-.173.208a.85.85 0 00-.125.864.75.75 0 00.686.475h9.019a.752.752 0 00.686-.475.845.845 0 00-.125-.864l-.174-.208a5.026 5.026 0 01-1.139-3.205v-.473c0-1.944-1.291-3.566-3.006-3.938v-.482c0-.445-.336-.804-.752-.804zm1.063 12.39c.282-.301.44-.71.44-1.138H6.496c0 .428.158.837.44 1.138.281.302.664.47 1.063.47.4 0 .783-.168 1.064-.47z", fill: "currentColor" })));
-}
-export default Bell;

package/dist/uiComponents/icons/Camera.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-function Camera(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.767 5.75a2.75 2.75 0 100 5.5 2.75 2.75 0 000-5.5zM6.017 8.5a1.75 1.75 0 113.5 0 1.75 1.75 0 01-3.5 0z", fill: "currentColor" }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.773 2.25a.5.5 0 00-.416.223l-.85 1.277H2.782a1.496 1.496 0 00-1.497 1.5v7a1.501 1.501 0 001.497 1.5h9.972a1.496 1.496 0 001.498-1.5v-7a1.501 1.501 0 00-1.498-1.5h-1.726l-.849-1.277a.5.5 0 00-.416-.223H5.773zm-.58 2.277L6.04 3.25h3.453l.849 1.277a.5.5 0 00.416.223h1.994a.496.496 0 01.498.5v7a.501.501 0 01-.498.5H2.781a.495.495 0 01-.497-.5v-7a.501.501 0 01.497-.5h1.995a.5.5 0 00.416-.223z", fill: "currentColor" })));
-}
-export default Camera;

package/dist/uiComponents/icons/ChevronDown.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function ChevronDown(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 10.5L4 6.654 5.2 5.5 8 8.385 10.8 5.5 12 6.654 8 10.5z", fill: "currentColor" })));
-}
-export default ChevronDown;

package/dist/uiComponents/icons/ChevronLeft.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function ChevronLeft(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { d: "M10.45 2.266l.956.954-4.763 4.763 4.763 4.762-.955.954-5.712-5.716 5.712-5.717z", fill: "currentColor" })));
-}
-export default ChevronLeft;

package/dist/uiComponents/icons/ChevronRight.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function ChevronRight(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { d: "M5.694 2.266l-.955.954 4.763 4.763-4.763 4.762.955.954 5.712-5.716-5.712-5.717z", fill: "currentColor" })));
-}
-export default ChevronRight;

package/dist/uiComponents/icons/Cube.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function Cube(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.51.953L2.01 4.046c-.314.178-.51.51-.511.87v6.168c.002.354.202.695.51.87l5.5 3.093c.298.171.682.171.98 0l5.5-3.093c.308-.175.508-.516.51-.87V4.919a1.008 1.008 0 00-.51-.872L8.49.953a1.003 1.003 0 00-.98 0zm5.474 3.674L8 1.824l-4.977 2.8 5.03 2.804 4.93-2.8zM2.5 5.477v5.605l5.007 2.816.047-5.604L2.5 5.477zm6.007 8.414l4.99-2.807.003-5.6-4.946 2.81-.047 5.597z", fill: "currentColor" })));
-}
-export default Cube;

package/dist/uiComponents/icons/CubeFull.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function CubeFull(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { d: "M2.135 4.253l5.968 3.241 5.746-3.241-5.252-3.064a1 1 0 00-.993-.008L2.135 4.253zM7.586 14.947V8.338l-5.922-3.25v5.918a1 1 0 00.507.87l5.415 3.071zM8.414 14.947V8.338l5.922-3.25v5.918a1 1 0 01-.507.87l-5.415 3.071z", fill: "currentColor" })));
-}
-export default CubeFull;

package/dist/uiComponents/icons/CubeHalf.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function CubeHalf(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { d: "M13.988 4.05L8.488.958a1.015 1.015 0 00-.975 0l-5.5 3.094c-.286.161-.514.533-.513.868v6.163c0 .356.202.7.513.875l5.5 3.094c.3.164.671.168.975 0l5.5-3.094c.31-.175.511-.519.512-.875V4.919c.002-.327-.223-.705-.512-.868zM8.056 7.427l-5.031-2.8L8 1.826l4.981 2.8-4.925 2.8zm5.444 3.656l-4.994 2.813.05-5.6L13.5 5.481v5.6z", fill: "currentColor" })));
-}
-export default CubeHalf;

package/dist/uiComponents/icons/CubeRendered.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-function CubeRendered(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { d: "M8.202 2.973l-2.92 1.58 2.714 1.58 2.817-1.58-2.61-1.58zM3.532 10.555v-3.22l3.031 1.72v3l-3.03-1.5zM12.532 10.555v-3.22l-3.031 1.72v3l3.031-1.5z", fill: "#fff" }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.51.955c.298-.171.682-.171.98 0l5.5 3.093c.315.179.508.51.51.87v6.165a1.024 1.024 0 01-.51.873l-5.5 3.093a1.003 1.003 0 01-.98 0L2.01 11.957a1.025 1.025 0 01-.511-.874V4.918c.002-.355.203-.696.51-.87L7.51.955zm.49.871l4.982 2.802-4.928 2.8-5.03-2.803L8 1.826zm-5.5 9.255V5.477l5.054 2.817-.047 5.606L2.5 11.08zm6.007 2.812l4.99-2.807.003-5.602-4.946 2.81-.047 5.599z", fill: "currentColor" })));
-}
-export default CubeRendered;

package/dist/uiComponents/icons/Details.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function Details(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 3c-1.072 0-1.969.904-1.969 1.969 0 1 .929 1.968 1.969 1.968h9A1.969 1.969 0 1012.5 3h-9zm9 1H5.531v1.938H12.5A.969.969 0 0012.5 4zM3.5 9.14a1.969 1.969 0 000 3.938h9a1.969 1.969 0 100-3.937h-9zm9 1H8.406v1.938H12.5a.969.969 0 100-1.937z", fill: "currentColor" })));
-}
-export default Details;

package/dist/uiComponents/icons/DoubleChevronLeft.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function DoubleChevronLeft(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.732 4.048l-.792-.792L7.2 8l4.74 4.744.792-.792L8.781 8l3.951-3.952zm-3.932 0l-.792-.792L3.268 8l4.74 4.744.792-.792L4.848 8 8.8 4.048z", fill: "currentColor" })));
-}
-export default DoubleChevronLeft;

package/dist/uiComponents/icons/DoubleChevronRight.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function DoubleChevronRight(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.694 3.765l.792-.792 4.74 4.744-4.74 4.744-.792-.793 3.951-3.951-3.951-3.952zm3.932 0l.792-.792 4.74 4.744-4.74 4.744-.792-.793 3.952-3.951-3.952-3.952z", fill: "currentColor" })));
-}
-export default DoubleChevronRight;

package/dist/uiComponents/icons/Ellipsis.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function Ellipsis(props) {
-    return (React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M.166 7.994a2.26 2.26 0 114.518 0 2.26 2.26 0 01-4.518 0zM2.425 6.91a1.085 1.085 0 100 2.17 1.085 1.085 0 000-2.17zM5.74 7.994a2.26 2.26 0 114.519 0 2.26 2.26 0 01-4.519 0zM8 6.91a1.085 1.085 0 100 2.17 1.085 1.085 0 000-2.17zM13.575 5.735a2.26 2.26 0 100 4.519 2.26 2.26 0 000-4.52zm-1.086 2.26a1.085 1.085 0 112.171 0 1.085 1.085 0 01-2.17 0z", fill: "currentColor" })));
-}
-export default Ellipsis;