@iwer/devui 0.2.1 → 1.0.1

package/lib/components/joystick.js

@@ -5,73 +5,67 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Button, ButtonGroup, FAIcon, KeyBlockContainer, KeyRow, MappedKeyBlock, } from './styled.js';
+import { Button, ButtonContainer, ButtonGroup, Colors, ControlButtonStyles, FAIcon, MappedKeyBlock, } from './styled.js';
 import { useEffect, useRef, useState } from 'react';
+import { faCircleXmark, faFingerprint, } from '@fortawesome/free-solid-svg-icons';
 import { GamepadIcon } from './icons.js';
 import { MappedKeyDisplay } from './keys.js';
-import { faFingerprint } from '@fortawesome/free-solid-svg-icons';
 import { styled } from 'styled-components';
-import { useDevUIConfig } from '../index.js';
 const JoystickContainer = styled.div `
 	display: flex;
 	align-items: center;
-	margin-bottom: 2px;
+	margin-bottom: ${ControlButtonStyles.gap};
 `;
+const joystickSize = `calc(2 * ${ControlButtonStyles.height} + ${ControlButtonStyles.gap})`;
 const JoystickButton = styled.button `
-	background-color: rgba(255, 255, 255, 0.3);
+	background: ${Colors.gradientGreyTranslucent};
 	border: none;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	padding: 0;
 	pointer-events: none;
-	width: 50px;
-	height: 50px;
+	width: ${joystickSize};
+	height: ${joystickSize};
 	border-radius: 50%;
 	position: relative;
 	margin: 0 5px;
-	backdrop-filter: blur(10px);
-	-webkit-backdrop-filter: blur(10px);
 `;
 const JoystickInner = styled.div `
 	position: absolute;
-	background-color: white;
-	border-radius: 50%;
-	width: 36px;
-	height: 36px;
+	font-size: 50px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: ${Colors.textWhite};
 	cursor: pointer;
 	pointer-events: auto;
 `;
 const SmallButton = styled(Button) `
-	width: 49px;
-	font-size: 14px;
+	width: ${ControlButtonStyles.widthLong};
+	font-size: ${ControlButtonStyles.fontSize};
 
 	${({ $reverse }) => $reverse
     ? `
     &:first-child {
-      margin-left: 1px;
-      border-radius: 2px 8px 8px 2px;
+      border-radius: ${ControlButtonStyles.radiusLast};
     }
 
     &:last-child {
-      margin-right: 1px;
-      border-radius: 8px 2px 2px 8px;
+      border-radius: ${ControlButtonStyles.radiusFirst};
     }
   `
     : `
     &:first-child {
-      margin-right: 1px;
-      border-radius: 8px 2px 2px 8px;
+      border-radius: ${ControlButtonStyles.radiusFirst};
     }
 
     &:last-child {
-      margin-left: 1px;
-      border-radius: 2px 8px 8px 2px;
+      border-radius: ${ControlButtonStyles.radiusLast};
     }
   `}
 `;
 export const Joystick = ({ xrController, pointerLocked, buttonId, mappedKeyUp, mappedKeyDown, mappedKeyLeft, mappedKeyRight, mappedKeyPressed, }) => {
-    const devuiConfig = useDevUIConfig();
     const joystickRef = useRef(null);
     const [isDragging, setIsDragging] = useState(false);
     const [isTouched, setIsTouched] = useState(false);
@@ -202,45 +196,47 @@ export const Joystick = ({ xrController, pointerLocked, buttonId, mappedKeyUp, m
             document.removeEventListener('mouseup', handleMouseUp);
         };
     }, [isDragging, initialPosition]);
-    return (_jsxs(JoystickContainer, { style: {
+    return pointerLocked ? (_jsxs(_Fragment, { children: [_jsxs(ButtonContainer, { "$reverse": handedness === 'right', children: [_jsx(GamepadIcon, { buttonName: "thumbstick", handedness: xrController.inputSource.handedness }), _jsxs(ButtonGroup, { "$reverse": handedness === 'right', children: [_jsx(MappedKeyBlock, { "$pressed": keyStates.up, children: MappedKeyDisplay[mappedKeyUp] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.pressed, children: MappedKeyDisplay[mappedKeyPressed] })] })] }), _jsx(ButtonContainer, { "$reverse": handedness === 'right', style: handedness === 'right'
+                    ? { marginRight: '2px' }
+                    : { marginLeft: '2px' }, children: _jsxs(ButtonGroup, { "$reverse": false, style: { margin: 0 }, children: [_jsx(MappedKeyBlock, { "$pressed": keyStates.left, children: MappedKeyDisplay[mappedKeyLeft] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.down, children: MappedKeyDisplay[mappedKeyDown] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.right, children: MappedKeyDisplay[mappedKeyRight] })] }) })] })) : (_jsx(JoystickContainer, { style: {
             flexDirection: xrController.inputSource.handedness === 'left'
                 ? 'row'
                 : 'row-reverse',
             alignItems: 'flex-start',
-        }, children: [_jsx(GamepadIcon, { buttonName: "thumbstick", handedness: xrController.inputSource.handedness }), pointerLocked ? (_jsxs(KeyBlockContainer, { "$reverse": handedness === 'right', children: [_jsxs(KeyRow, { "$reverse": handedness === 'right', children: [_jsx(MappedKeyBlock, { "$pressed": keyStates.up, style: { margin: '2px' }, children: MappedKeyDisplay[mappedKeyUp] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.pressed, style: { margin: '2px' }, children: MappedKeyDisplay[mappedKeyPressed] })] }), _jsxs(KeyRow, { "$reverse": false, children: [_jsx(MappedKeyBlock, { "$pressed": keyStates.left, style: { margin: '2px' }, children: MappedKeyDisplay[mappedKeyLeft] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.down, style: { margin: '2px' }, children: MappedKeyDisplay[mappedKeyDown] }), _jsx(MappedKeyBlock, { "$pressed": keyStates.right, style: { margin: '2px' }, children: MappedKeyDisplay[mappedKeyRight] })] })] })) : (_jsxs(_Fragment, { children: [_jsx(JoystickButton, { style: {
-                            margin: xrController.inputSource.handedness === 'left'
-                                ? '0 5px 0 -3px'
-                                : '0 -3px 0 5px',
-                        }, children: _jsx(JoystickInner, { ref: joystickRef, onMouseDown: handleMouseDown }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Button, { "$reverse": handedness === 'right', style: {
-                                    backgroundColor: isPressed
-                                        ? 'rgba(255, 255, 255, 0.6)'
-                                        : 'rgba(255, 255, 255, 0.3)',
-                                    width: '80px',
-                                    marginBottom: '2px',
-                                    borderRadius: '8px',
-                                }, onClick: () => {
-                                    setIsPressed(true);
-                                    xrController.updateButtonValue(buttonId, 1);
-                                    setTimeout(() => {
-                                        setIsPressed(false);
-                                        xrController.updateButtonValue(buttonId, 0);
-                                    }, devuiConfig.buttonPressDuration);
-                                }, children: "Press" }), _jsxs(ButtonGroup, { "$reverse": handedness === 'right', children: [_jsx(SmallButton, { "$reverse": xrController.inputSource.handedness !== 'left', style: {
-                                            backgroundColor: isTouched
-                                                ? 'rgba(255, 255, 255, 0.6)'
-                                                : 'rgba(255, 255, 255, 0.3)',
-                                            width: '29px',
-                                        }, onClick: () => {
-                                            setIsTouched(!isTouched);
-                                            xrController.updateButtonTouch(buttonId, !isTouched);
-                                        }, children: _jsx(FAIcon, { icon: faFingerprint }) }), _jsx(SmallButton, { "$reverse": xrController.inputSource.handedness !== 'left', style: {
-                                            backgroundColor: isOnHold
-                                                ? 'rgba(255, 255, 255, 0.6)'
-                                                : 'rgba(255, 255, 255, 0.3)',
-                                            width: '49px',
-                                        }, onClick: () => {
-                                            setIsOnHold(!isOnHold);
-                                            xrController.updateButtonValue(buttonId, isOnHold ? 0 : 1);
-                                        }, children: "Hold" })] })] })] }))] }));
+        }, children: _jsxs(_Fragment, { children: [_jsx(GamepadIcon, { buttonName: "thumbstick", handedness: xrController.inputSource.handedness }), _jsx(JoystickButton, { style: { margin: '0 5px' }, children: _jsx(JoystickInner, { ref: joystickRef, onMouseDown: handleMouseDown, children: _jsx(FAIcon, { icon: faCircleXmark, "$size": 50 }) }) }), _jsxs("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: handedness === 'right' ? 'start' : 'end',
+                    }, children: [_jsx(Button, { "$reverse": handedness === 'right', style: {
+                                background: isPressed
+                                    ? Colors.gradientLightGreyTranslucent
+                                    : Colors.gradientGreyTranslucent,
+                                width: `calc(${ControlButtonStyles.widthLong} + ${ControlButtonStyles.widthShort} + ${ControlButtonStyles.gap})`,
+                                marginBottom: ControlButtonStyles.gap,
+                                borderRadius: ControlButtonStyles.radiusSolo,
+                            }, onClick: () => {
+                                setIsPressed(true);
+                                xrController.updateButtonValue(buttonId, 1);
+                                setTimeout(() => {
+                                    setIsPressed(false);
+                                    xrController.updateButtonValue(buttonId, 0);
+                                }, 250);
+                            }, children: "Press" }), _jsxs(ButtonGroup, { "$reverse": handedness === 'right', children: [_jsx(SmallButton, { title: "Click to toggle touch state", "$reverse": xrController.inputSource.handedness !== 'left', style: {
+                                        background: isTouched
+                                            ? Colors.gradientLightGreyTranslucent
+                                            : Colors.gradientGreyTranslucent,
+                                        width: ControlButtonStyles.widthShort,
+                                    }, onClick: () => {
+                                        setIsTouched(!isTouched);
+                                        xrController.updateButtonTouch(buttonId, !isTouched);
+                                    }, children: _jsx(FAIcon, { icon: faFingerprint }) }), _jsx(SmallButton, { "$reverse": xrController.inputSource.handedness !== 'left', style: {
+                                        background: isOnHold
+                                            ? Colors.gradientLightGreyTranslucent
+                                            : Colors.gradientGreyTranslucent,
+                                        width: ControlButtonStyles.widthLong,
+                                    }, onClick: () => {
+                                        setIsOnHold(!isOnHold);
+                                        xrController.updateButtonValue(buttonId, isOnHold ? 0 : 1);
+                                    }, children: "Hold" })] })] })] }) }));
 };
 //# sourceMappingURL=joystick.js.map

package/lib/components/joystick.js.map

@@ -1 +1 @@
-{"version":3,"file":"joystick.js","sourceRoot":"","sources":["../../src/components/joystick.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"joystick.js","sourceRoot":"","sources":["../../src/components/joystick.tsx"],"names":[],"mappings":"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"}

package/lib/components/mapper.d.ts

@@ -9,10 +9,14 @@ export type KeyMapType = Partial<Record<XRHandedness, {
     [key: string]: string;
 }>>;
 export declare const DEFAULT_KEYMAP: KeyMapType;
-interface KeyMapMenuProps {
+type KeyMapStore = {
     keyMap: KeyMapType;
-    setKeyMap: React.Dispatch<React.SetStateAction<KeyMapType>>;
+    bindKey: (handedness: 'left' | 'right', action: string, keyCode?: string) => void;
+};
+export declare const useKeyMapStore: import("zustand").UseBoundStore<import("zustand").StoreApi<KeyMapStore>>;
+interface ControllerMapperProps {
+    handedness: 'left' | 'right';
 }
-export declare const KeyMapMenu: React.FC<KeyMapMenuProps>;
+export declare const ControllerMapper: React.FC<ControllerMapperProps>;
 export {};
 //# sourceMappingURL=mapper.d.ts.map

package/lib/components/mapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mapper.d.ts","sourceRoot":"","sources":["../../src/components/mapper.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,MAAM,MAAM,UAAU,GAAG,OAAO,CAC/B,MAAM,CAAC,YAAY,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC,CAC/C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,UAuB5B,CAAC;AAEF,UAAU,eAAe;IACxB,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;CAC5D;AA0BD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqJhD,CAAC"}
+{"version":3,"file":"mapper.d.ts","sourceRoot":"","sources":["../../src/components/mapper.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,MAAM,MAAM,UAAU,GAAG,OAAO,CAC/B,MAAM,CAAC,YAAY,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC,CAC/C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,UAuB5B,CAAC;AAEF,KAAK,WAAW,GAAG;IAClB,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,CACR,UAAU,EAAE,MAAM,GAAG,OAAO,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,MAAM,KACZ,IAAI,CAAC;CACV,CAAC;AAEF,eAAO,MAAM,cAAc,0EAgBxB,CAAC;AAcJ,UAAU,qBAAqB;IAC9B,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkF5D,CAAC"}

package/lib/components/mapper.js

@@ -5,11 +5,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Button, ButtonGroup } from './styled.js';
+import { Button, ButtonGroup, Colors, ControlButtonStyles } from './styled.js';
 import { useEffect, useState } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { GamepadIcon } from './icons.js';
 import { MappedKeyDisplay } from './keys.js';
+import { create } from 'zustand';
 import { faBan } from '@fortawesome/free-solid-svg-icons';
 import { styled } from 'styled-components';
 export const DEFAULT_KEYMAP = {
@@ -36,51 +37,39 @@ export const DEFAULT_KEYMAP = {
         squeeze: 'MouseRight',
     },
 };
-const KeyMapContainer = styled.div `
-	display: flex;
-	justify-content: space-between;
-	pointer-events: all;
-	position: fixed;
-	display: flex;
-	top: 40px;
-	left: calc(50vw - 156px);
-	width: 312px;
-`;
-const Column = styled.div `
-	display: flex;
-	flex-direction: column;
-	width: 50%;
-`;
+export const useKeyMapStore = create((set) => ({
+    keyMap: DEFAULT_KEYMAP,
+    bindKey: (handedness, action, keyCode = 'Unmapped') => set((state) => ({
+        keyMap: {
+            ...state.keyMap,
+            [handedness]: {
+                ...state.keyMap[handedness],
+                [action]: keyCode,
+            },
+        },
+    })),
+}));
 const Row = styled.div `
 	display: flex;
-	height: 24px;
+	height: ${ControlButtonStyles.height};
 	align-items: center;
-	margin-bottom: 2px;
+	justify-content: space-between;
+	margin-bottom: ${ControlButtonStyles.gap};
+
+	&:last-child {
+		margin-bottom: 0;
+	}
 `;
-export const KeyMapMenu = ({ keyMap, setKeyMap, }) => {
+export const ControllerMapper = ({ handedness, }) => {
+    const { keyMap, bindKey } = useKeyMapStore();
     const [currentMapping, setCurrentMapping] = useState(null);
-    const startMapping = (controller, action) => {
-        setCurrentMapping({ controller, action });
-    };
-    const unmapKey = (controller, action) => {
-        setKeyMap((prevKeyMap) => ({
-            ...prevKeyMap,
-            [controller]: {
-                ...prevKeyMap[controller],
-                [action]: 'Unmapped',
-            },
-        }));
+    const startMapping = (action) => {
+        setCurrentMapping({ action });
     };
     useEffect(() => {
         const handleKeyDown = (event) => {
             if (currentMapping && MappedKeyDisplay[event.code]) {
-                setKeyMap((prevKeyMap) => ({
-                    ...prevKeyMap,
-                    [currentMapping.controller]: {
-                        ...prevKeyMap[currentMapping.controller],
-                        [currentMapping.action]: event.code,
-                    },
-                }));
+                bindKey(handedness, currentMapping.action, event.code);
                 setCurrentMapping(null);
             }
         };
@@ -92,13 +81,7 @@ export const KeyMapMenu = ({ keyMap, setKeyMap, }) => {
                         ? 'MouseRight'
                         : null;
                 if (mouseButton && MappedKeyDisplay[mouseButton]) {
-                    setKeyMap((prevKeyMap) => ({
-                        ...prevKeyMap,
-                        [currentMapping.controller]: {
-                            ...prevKeyMap[currentMapping.controller],
-                            [currentMapping.action]: mouseButton,
-                        },
-                    }));
+                    bindKey(handedness, currentMapping.action, mouseButton);
                     setCurrentMapping(null);
                 }
             }
@@ -114,21 +97,12 @@ export const KeyMapMenu = ({ keyMap, setKeyMap, }) => {
             window.removeEventListener('mousedown', handleMouseDown);
             window.removeEventListener('contextmenu', preventDefaultContextMenu);
         };
-    }, [currentMapping, setKeyMap]);
-    return (_jsxs(KeyMapContainer, { children: [_jsx(Column, { children: Object.keys(keyMap.left).map((action) => (_jsxs(Row, { children: [_jsx(GamepadIcon, { buttonName: action === 'up' ? 'thumbstick' : action, handedness: "left" }), _jsxs(ButtonGroup, { "$reverse": false, children: [_jsx(Button, { "$reverse": false, style: {
-                                        width: '100px',
-                                        backgroundColor: currentMapping &&
-                                            currentMapping.controller === 'left' &&
-                                            currentMapping.action === action
-                                            ? 'rgba(255, 255, 255, 0.6)'
-                                            : 'rgba(255, 255, 255, 0.3)',
-                                    }, onClick: () => startMapping('left', action), onContextMenu: (e) => e.preventDefault(), children: keyMap.left[action] }), _jsx(Button, { style: { width: '24px' }, "$reverse": false, onClick: () => unmapKey('left', action), onContextMenu: (e) => e.preventDefault(), children: _jsx(FontAwesomeIcon, { icon: faBan }) })] })] }, action))) }), _jsx(Column, { children: Object.keys(keyMap.right).map((action) => (_jsxs(Row, { children: [_jsx(GamepadIcon, { buttonName: action === 'up' ? 'thumbstick' : action, handedness: "right" }), _jsxs(ButtonGroup, { "$reverse": false, children: [_jsx(Button, { "$reverse": false, style: {
-                                        width: '100px',
-                                        backgroundColor: currentMapping &&
-                                            currentMapping.controller === 'right' &&
-                                            currentMapping.action === action
-                                            ? 'rgba(255, 255, 255, 0.6)'
-                                            : 'rgba(255, 255, 255, 0.3)',
-                                    }, onClick: () => startMapping('right', action), onContextMenu: (e) => e.preventDefault(), children: keyMap.right[action] }), _jsx(Button, { "$reverse": false, style: { width: '24px' }, onClick: () => unmapKey('right', action), onContextMenu: (e) => e.preventDefault(), children: _jsx(FontAwesomeIcon, { icon: faBan }) })] })] }, action))) })] }));
+    }, [currentMapping]);
+    return Object.keys(keyMap[handedness]).map((action) => (_jsxs(Row, { children: [_jsx(GamepadIcon, { buttonName: action === 'up' ? 'thumbstick' : action, handedness: handedness }), _jsxs(ButtonGroup, { "$reverse": false, children: [_jsx(Button, { "$reverse": false, style: {
+                            width: '100px',
+                            background: currentMapping && currentMapping.action === action
+                                ? Colors.gradientLightGreyTranslucent
+                                : Colors.gradientGreyTranslucent,
+                        }, onClick: () => startMapping(action), onContextMenu: (e) => e.preventDefault(), children: keyMap[handedness][action] }), _jsx(Button, { style: { width: ControlButtonStyles.widthShort }, "$reverse": false, onClick: () => bindKey(handedness, action), onContextMenu: (e) => e.preventDefault(), children: _jsx(FontAwesomeIcon, { icon: faBan }) })] })] }, action)));
 };
 //# sourceMappingURL=mapper.js.map

package/lib/components/mapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapper.js","sourceRoot":"","sources":["../../src/components/mapper.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"mapper.js","sourceRoot":"","sources":["../../src/components/mapper.tsx"],"names":[],"mappings":"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"}

package/lib/components/styled.d.ts

@@ -5,24 +5,52 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+export declare const Colors: {
+    textWhite: string;
+    textGrey: string;
+    dangerRed: string;
+    dangerRedPressed: string;
+    panelBackground: string;
+    panelBorder: string;
+    buttonBackground: string;
+    buttonHovered: string;
+    buttonPressed: string;
+    gradientGrey: string;
+    gradientGreyTranslucent: string;
+    gradientLightGreyTranslucent: string;
+};
+export declare const ControlButtonStyles: {
+    height: string;
+    minWidth: string;
+    fontSize: string;
+    radiusMiddle: string;
+    radiusSolo: string;
+    radiusFirst: string;
+    radiusLast: string;
+    widthLong: string;
+    widthShort: string;
+    gap: string;
+};
 export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $reverse: boolean;
+    $reverse?: boolean;
 }>> & string;
+export declare const HeaderButtonsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const MappedKeyBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $pressed: boolean;
 }>> & string;
 export declare const ButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $reverse: boolean;
+    $reverse?: boolean;
 }>> & string;
 export declare const ButtonGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $reverse: boolean;
+    $reverse?: boolean;
 }>> & string;
 export declare const JoystickButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const JoystickInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const RangeSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
 }>, never>, {
-    $reverse: boolean;
+    $reverse?: boolean;
 }>> & string;
 export declare const KeyBlockContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $reverse: boolean;
@@ -30,8 +58,21 @@ export declare const KeyBlockContainer: import("styled-components/dist/types").I
 export declare const KeyRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $reverse: boolean;
 }>> & string;
-export declare const ButtonGroupColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FAIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@fortawesome/react-fontawesome").FontAwesomeIconProps, "ref"> & {
+export declare const FAIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("@fortawesome/react-fontawesome").FontAwesomeIconProps, "ref"> & {
     ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never>> & string & Omit<typeof FontAwesomeIcon, keyof import("react").Component<any, {}, any>>;
+}, {
+    $size?: number;
+}>> & string & Omit<typeof FontAwesomeIcon, keyof import("react").Component<any, {}, any>>;
+export declare const ControlPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SectionBreak: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {
+    $horizontal?: boolean;
+}>> & string;
+export declare const PanelHeaderButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isRed?: boolean;
+}>> & string;
+export declare const ValuesContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ValueInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const InputSuffix: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 //# sourceMappingURL=styled.d.ts.map

package/lib/components/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/components/styled.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,eAAO,MAAM,MAAM;cAA6B,OAAO;YAmCtD,CAAC;AAEF,eAAO,MAAM,cAAc;cAA0B,OAAO;YAc3D,CAAC;AAEF,eAAO,MAAM,eAAe;cAA0B,OAAO;YAO5D,CAAC;AAEF,eAAO,MAAM,WAAW;cAA0B,OAAO;YAMxD,CAAC;AAEF,eAAO,MAAM,cAAc,yOAe1B,CAAC;AAEF,eAAO,MAAM,aAAa,6NAQzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;cACf,OAAO;YAoCjB,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAA0B,OAAO;YAM9D,CAAC;AAEF,eAAO,MAAM,MAAM;cAA0B,OAAO;YAKnD,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NAK7B,CAAC;AAEF,eAAO,MAAM,MAAM;;iGAOlB,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/components/styled.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAelB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;CAW/B,CAAC;AAEF,eAAO,MAAM,MAAM;eAA8B,OAAO;YAmCvD,CAAC;AAGF,eAAO,MAAM,sBAAsB,6NAYlC,CAAC;AAEF,eAAO,MAAM,YAAY,yOAyCxB,CAAC;AAEF,eAAO,MAAM,cAAc;cAA0B,OAAO;YAc3D,CAAC;AAEF,eAAO,MAAM,eAAe;eAA2B,OAAO;YAW7D,CAAC;AAGF,eAAO,MAAM,WAAW;eAA2B,OAAO;YAQzD,CAAC;AAGF,eAAO,MAAM,cAAc,yOAe1B,CAAC;AAEF,eAAO,MAAM,aAAa,6NAQzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;eACd,OAAO;YAsClB,CAAC;AAGF,eAAO,MAAM,iBAAiB;cAA0B,OAAO;YAM9D,CAAC;AAEF,eAAO,MAAM,MAAM;cAA0B,OAAO;YAKnD,CAAC;AAEF,eAAO,MAAM,MAAM;;;YAAqC,MAAM;0FAO7D,CAAC;AAGF,eAAO,MAAM,YAAY,6NAexB,CAAC;AAEF,eAAO,MAAM,YAAY;kBAA6B,OAAO;YAM5D,CAAC;AAGF,eAAO,MAAM,iBAAiB;aAA4B,OAAO;YAwBhE,CAAC;AAGF,eAAO,MAAM,eAAe,6NAK3B,CAAC;AAEF,eAAO,MAAM,UAAU;;4BAmBtB,CAAC;AAEF,eAAO,MAAM,WAAW,+NAQvB,CAAC"}