@tomorrowevening/theatre-studio 1.0.4 → 1.0.5

package/dist/uiComponents/form/BasicStringInput.d.ts

@@ -0,0 +1,19 @@
+import type { MutableRefObject } from 'react';
+import React from 'react';
+declare const BasicStringInput: React.FC<{
+    value: string;
+    temporarilySetValue: (v: string) => void;
+    discardTemporaryValue: () => void;
+    permanentlySetValue: (v: string) => void;
+    className?: string;
+    isValid?: (v: string) => boolean;
+    inputRef?: MutableRefObject<HTMLInputElement | null>;
+    /**
+     * Called when the user hits Enter. One of the *SetValue() callbacks will be called
+     * before this, so use this for UI purposes such as closing a popover.
+     */
+    onBlur?: () => void;
+    autoFocus?: boolean;
+}>;
+export default BasicStringInput;
+//# sourceMappingURL=BasicStringInput.d.ts.map

package/dist/uiComponents/form/BasicStringInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicStringInput.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/form/BasicStringInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAwB,MAAM,OAAO,CAAA;AAmD5C,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,mBAAmB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,mBAAmB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,CAAA;IAChC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IACpD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CA+IA,CAAA;AAMD,eAAe,gBAAgB,CAAA"}

package/dist/uiComponents/form/BasicStringInput.js

@@ -0,0 +1,151 @@
+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.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare function BasicSwitch<TLiteralOptions extends string>({ value, onChange, options, autoFocus, }: {
+    value: TLiteralOptions;
+    onChange: (val: TLiteralOptions) => void;
+    options: Record<TLiteralOptions, string>;
+    autoFocus?: boolean;
+}): React.JSX.Element;
+export default BasicSwitch;
+//# sourceMappingURL=BasicSwitch.d.ts.map

package/dist/uiComponents/form/BasicSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicSwitch.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/form/BasicSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAqDxC,iBAAS,WAAW,CAAC,eAAe,SAAS,MAAM,EAAE,EACnD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE;IACD,KAAK,EAAE,eAAe,CAAA;IACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAA;IACxC,OAAO,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,qBAwBA;AAED,eAAe,WAAW,CAAA"}

package/dist/uiComponents/form/BasicSwitch.js

@@ -0,0 +1,60 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function AddImage(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default AddImage;
+//# sourceMappingURL=AddImage.d.ts.map

package/dist/uiComponents/icons/AddImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddImage.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/AddImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAgBrD;AAED,eAAe,QAAQ,CAAA"}

package/dist/uiComponents/icons/AddImage.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function ArrowClockwise(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default ArrowClockwise;
+//# sourceMappingURL=ArrowClockwise.d.ts.map

package/dist/uiComponents/icons/ArrowClockwise.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowClockwise.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/ArrowClockwise.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAgB3D;AAED,eAAe,cAAc,CAAA"}

package/dist/uiComponents/icons/ArrowClockwise.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function ArrowsOutCardinal(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default ArrowsOutCardinal;
+//# sourceMappingURL=ArrowsOutCardinal.d.ts.map

package/dist/uiComponents/icons/ArrowsOutCardinal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowsOutCardinal.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/ArrowsOutCardinal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAgB9D;AAED,eAAe,iBAAiB,CAAA"}

package/dist/uiComponents/icons/ArrowsOutCardinal.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Bell(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default Bell;
+//# sourceMappingURL=Bell.d.ts.map

package/dist/uiComponents/icons/Bell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bell.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/Bell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAgBjD;AAED,eAAe,IAAI,CAAA"}

package/dist/uiComponents/icons/Bell.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Camera(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default Camera;
+//# sourceMappingURL=Camera.d.ts.map

package/dist/uiComponents/icons/Camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Camera.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/Camera.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAwBnD;AAED,eAAe,MAAM,CAAA"}

package/dist/uiComponents/icons/Camera.js

@@ -0,0 +1,7 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function ChevronDown(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default ChevronDown;
+//# sourceMappingURL=ChevronDown.d.ts.map

package/dist/uiComponents/icons/ChevronDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDown.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/ChevronDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAkBxD;AAED,eAAe,WAAW,CAAA"}

package/dist/uiComponents/icons/ChevronDown.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function ChevronLeft(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default ChevronLeft;
+//# sourceMappingURL=ChevronLeft.d.ts.map

package/dist/uiComponents/icons/ChevronLeft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronLeft.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/ChevronLeft.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAgBxD;AAED,eAAe,WAAW,CAAA"}

package/dist/uiComponents/icons/ChevronLeft.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function ChevronRight(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default ChevronRight;
+//# sourceMappingURL=ChevronRight.d.ts.map

package/dist/uiComponents/icons/ChevronRight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronRight.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/ChevronRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAgBzD;AAED,eAAe,YAAY,CAAA"}

package/dist/uiComponents/icons/ChevronRight.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Cube(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default Cube;
+//# sourceMappingURL=Cube.d.ts.map

package/dist/uiComponents/icons/Cube.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cube.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/Cube.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAkBjD;AAED,eAAe,IAAI,CAAA"}

package/dist/uiComponents/icons/Cube.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function CubeFull(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default CubeFull;
+//# sourceMappingURL=CubeFull.d.ts.map

package/dist/uiComponents/icons/CubeFull.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeFull.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/CubeFull.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAgBrD;AAED,eAAe,QAAQ,CAAA"}

package/dist/uiComponents/icons/CubeFull.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function CubeHalf(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default CubeHalf;
+//# sourceMappingURL=CubeHalf.d.ts.map

package/dist/uiComponents/icons/CubeHalf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeHalf.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/CubeHalf.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAgBrD;AAED,eAAe,QAAQ,CAAA"}

package/dist/uiComponents/icons/CubeHalf.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function CubeRendered(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default CubeRendered;
+//# sourceMappingURL=CubeRendered.d.ts.map

package/dist/uiComponents/icons/CubeRendered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeRendered.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/CubeRendered.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAsBzD;AAED,eAAe,YAAY,CAAA"}

package/dist/uiComponents/icons/CubeRendered.js

@@ -0,0 +1,7 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Details(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default Details;
+//# sourceMappingURL=Details.d.ts.map

package/dist/uiComponents/icons/Details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAkBpD;AAED,eAAe,OAAO,CAAA"}

package/dist/uiComponents/icons/Details.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function DoubleChevronLeft(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default DoubleChevronLeft;
+//# sourceMappingURL=DoubleChevronLeft.d.ts.map

package/dist/uiComponents/icons/DoubleChevronLeft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleChevronLeft.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/DoubleChevronLeft.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAkB9D;AAED,eAAe,iBAAiB,CAAA"}

package/dist/uiComponents/icons/DoubleChevronLeft.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function DoubleChevronRight(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default DoubleChevronRight;
+//# sourceMappingURL=DoubleChevronRight.d.ts.map

package/dist/uiComponents/icons/DoubleChevronRight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleChevronRight.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/DoubleChevronRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAkB/D;AAED,eAAe,kBAAkB,CAAA"}

package/dist/uiComponents/icons/DoubleChevronRight.js

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Ellipsis(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default Ellipsis;
+//# sourceMappingURL=Ellipsis.d.ts.map

package/dist/uiComponents/icons/Ellipsis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipsis.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/Ellipsis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAkBrD;AAED,eAAe,QAAQ,CAAA"}

package/dist/uiComponents/icons/Ellipsis.js

@@ -0,0 +1,6 @@
+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;

package/dist/uiComponents/icons/EllipsisFill.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function EllipsisFill(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default EllipsisFill;
+//# sourceMappingURL=EllipsisFill.d.ts.map

package/dist/uiComponents/icons/EllipsisFill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisFill.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/EllipsisFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAgBzD;AAED,eAAe,YAAY,CAAA"}

package/dist/uiComponents/icons/EllipsisFill.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function EllipsisFill(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.667 8a1.333 1.333 0 112.666 0 1.333 1.333 0 01-2.666 0zm-4 0a1.333 1.333 0 112.666 0 1.333 1.333 0 01-2.666 0zm-4 0a1.333 1.333 0 112.666 0 1.333 1.333 0 01-2.666 0z", fill: "currentColor" })));
+}
+export default EllipsisFill;

package/dist/uiComponents/icons/GlobeSimple.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function GlobeSimple(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default GlobeSimple;
+//# sourceMappingURL=GlobeSimple.d.ts.map

package/dist/uiComponents/icons/GlobeSimple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobeSimple.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/GlobeSimple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAkBxD;AAED,eAAe,WAAW,CAAA"}

package/dist/uiComponents/icons/GlobeSimple.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function GlobeSimple(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: "M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zm4.75-5.216A5.505 5.505 0 002.522 7.5H5.01c.051-1.468.328-2.807.764-3.825.14-.326.298-.626.477-.89zM13.478 7.5A5.505 5.505 0 009.75 2.784c.179.265.338.565.477.891.436 1.018.713 2.357.764 3.825h2.487zm0 1a5.505 5.505 0 01-3.729 4.716c.18-.264.339-.566.478-.892.436-1.018.713-2.356.764-3.824h2.487zM6.25 13.216A5.505 5.505 0 012.522 8.5H5.01c.051 1.468.328 2.806.764 3.824.14.326.299.627.478.892zm.44-9.147c-.374.874-.63 2.074-.682 3.431h3.982c-.051-1.357-.308-2.557-.683-3.431-.21-.491-.448-.857-.686-1.092-.236-.234-.446-.315-.622-.315s-.386.081-.622.315c-.238.235-.476.6-.686 1.092zm2.617 7.862c.375-.875.631-2.075.683-3.431H6.009c.052 1.356.308 2.556.683 3.43.21.492.448.857.686 1.093.236.233.446.314.622.314s.386-.081.622-.314c.238-.236.476-.601.686-1.092z", fill: "currentColor" })));
+}
+export default GlobeSimple;

package/dist/uiComponents/icons/Outline.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Outline(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default Outline;
+//# sourceMappingURL=Outline.d.ts.map

package/dist/uiComponents/icons/Outline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Outline.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/Outline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAkBpD;AAED,eAAe,OAAO,CAAA"}

package/dist/uiComponents/icons/Outline.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function Outline(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: "M1.775 2.781a.5.5 0 01.5.5v1.7H4.67c.108-.957.92-1.7 1.905-1.7h6.608a1.917 1.917 0 110 3.834H6.574c-.78 0-1.452-.466-1.751-1.135H2.275v5.03h2.39a2.032 2.032 0 012.023-1.854h6.38a2.031 2.031 0 110 4.063h-6.38c-.83 0-1.543-.497-1.858-1.21H1.775a.5.5 0 01-.5-.5V3.281a.5.5 0 01.5-.5zm4.799 1.5h6.608a.917.917 0 110 1.834H6.574a.917.917 0 110-1.834zm.114 5.875h6.38a1.031 1.031 0 110 2.063h-6.38a1.032 1.032 0 110-2.063z", fill: "currentColor" })));
+}
+export default Outline;

package/dist/uiComponents/icons/Package.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Package(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default Package;
+//# sourceMappingURL=Package.d.ts.map

package/dist/uiComponents/icons/Package.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Package.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/uiComponents/icons/Package.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,iBAAS,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAgBpD;AAED,eAAe,OAAO,CAAA"}