@fxhash/params 0.0.5 → 0.0.8

package/dist/Controller/Number.css

@@ -0,0 +1,183 @@
+/* esbuild-sass-plugin:css-chunk:src/Controller/Controller.module.scss */
+._controller_1rjbl_1 {
+  display: flex;
+  align-items: center;
+  gap: var(--fxl-spacing-xxs);
+}
+._controller_1rjbl_1 label {
+  flex: 1;
+  font-size: 1rem;
+  word-break: break-all;
+  font-size: var(--fxl-font-size-s);
+}
+._controller_1rjbl_1 ._inputContainer_1rjbl_12 {
+  width: 200px;
+  display: flex;
+  align-items: center;
+}
+._default_1rjbl_18 input:nth-child(1),
+._default_1rjbl_18 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 65%;
+}
+._default_1rjbl_18 input:nth-child(2),
+._default_1rjbl_18 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: 35%;
+}
+._default_1rjbl_18 input:only-child,
+._default_1rjbl_18 select:only-child {
+  width: 100%;
+  margin-right: 0;
+}
+._invert_1rjbl_31 input:nth-child(1),
+._invert_1rjbl_31 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 30%;
+}
+._invert_1rjbl_31 input:nth-child(2),
+._invert_1rjbl_31 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: 70%;
+}
+._invert_1rjbl_31 input:only-child,
+._invert_1rjbl_31 select:only-child {
+  width: 100%;
+  margin-right: 0;
+}
+._box_1rjbl_44 input:nth-child(1),
+._box_1rjbl_44 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 30px;
+}
+._box_1rjbl_44 input:nth-child(2),
+._box_1rjbl_44 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: calc(100% - 30px);
+}
+._box_1rjbl_44 input:only-child,
+._box_1rjbl_44 select:only-child {
+  width: 30px;
+  margin-right: 0;
+}
+._numberInput_1rjbl_58::-webkit-outer-spin-button,
+._numberInput_1rjbl_58::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+._numberInput_1rjbl_58[type=number] {
+  -moz-appearance: textfield;
+}
+
+/* esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss */
+._baseInput_jtvfw_1,
+._baseSelect_jtvfw_1,
+._baseButton_jtvfw_1 {
+  font-family: var(--fxl-font-family);
+  font-size: var(--fxl-font-size-regular);
+  height: 30px;
+  color: var(--fxl-color-text-primary);
+  background: var(--fxl-color-background2);
+  border: 1px solid var(--fxl-color-light2);
+  padding: 0 var(--fxl-spacing-xxs);
+  outline-offset: -1px;
+}
+._baseInput_jtvfw_1:hover,
+._baseSelect_jtvfw_1:hover,
+._baseButton_jtvfw_1:hover {
+  background: var(--fxl-color-background3);
+}
+._baseInput_jtvfw_1:focus-visible,
+._baseSelect_jtvfw_1:focus-visible,
+._baseButton_jtvfw_1:focus-visible {
+  outline: 1px solid var(--fxl-color-primary);
+}
+._baseInput_jtvfw_1:disabled,
+._baseSelect_jtvfw_1:disabled,
+._baseButton_jtvfw_1:disabled {
+  opacity: 0.6;
+  pointer-events: none;
+}
+._baseButton_jtvfw_1 {
+  cursor: pointer;
+  background: var(--fxl-color-background2);
+  color: var(--fxl-color-text-primary);
+  font-weight: 700;
+}
+._baseButton_jtvfw_1:hover {
+  background: var(--fxl-color-background3);
+  color: var(--fxl-color-light);
+  outline: 1px solid var(--fxl-color-primary);
+}
+._baseButton_jtvfw_1:focus-visible {
+  outline: 1px solid var(--fxl-color-primary);
+  outline-offset: 2px;
+}
+._baseButton_jtvfw_1._color-secondary_jtvfw_37 {
+  background: var(--fxl-color-dark1);
+  color: var(--fxl-color-light);
+}
+._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {
+  background: var(--fxl-color-dark2);
+  color: var(--fxl-color-light);
+  outline: 1px solid var(--fxl-color-primary);
+}
+._iconButton_jtvfw_47 {
+  width: 30px !important;
+  cursor: pointer;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+._baseInput_jtvfw_1[type=range] {
+  -webkit-appearance: none;
+  appearance: none;
+  height: 3px !important;
+  background: var(--fxl-color-light2);
+  outline: none;
+  padding: 0 !important;
+  border: none;
+}
+._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  width: 15px;
+  height: 15px;
+  background: var(--fxl-color-primary);
+  border-radius: 50%;
+}
+._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {
+  transform: scale(1.1);
+}
+._baseInput_jtvfw_1[type=range]::-moz-range-thumb {
+  cursor: pointer;
+  width: 15px;
+  height: 15px;
+  background: var(--fxl-color-primary);
+  border-radius: 50%;
+}
+._baseInput_jtvfw_1[type=checkbox] {
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  width: 30px !important;
+  height: 30px !important;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+._baseInput_jtvfw_1[type=checkbox]:checked:after {
+  content: "";
+  width: 15px;
+  height: 15px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: var(--fxl-color-primary);
+}
+/*# sourceMappingURL=Number.css.map */

package/dist/Controller/Number.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/Controller/Controller.module.scss","esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss"],"sourcesContent":["._controller_1rjbl_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--fxl-spacing-xxs);\n}\n._controller_1rjbl_1 label {\n  flex: 1;\n  font-size: 1rem;\n  word-break: break-all;\n  font-size: var(--fxl-font-size-s);\n}\n._controller_1rjbl_1 ._inputContainer_1rjbl_12 {\n  width: 200px;\n  display: flex;\n  align-items: center;\n}\n\n._default_1rjbl_18 input:nth-child(1), ._default_1rjbl_18 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 65%;\n}\n._default_1rjbl_18 input:nth-child(2), ._default_1rjbl_18 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: 35%;\n}\n._default_1rjbl_18 input:only-child, ._default_1rjbl_18 select:only-child {\n  width: 100%;\n  margin-right: 0;\n}\n\n._invert_1rjbl_31 input:nth-child(1), ._invert_1rjbl_31 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 30%;\n}\n._invert_1rjbl_31 input:nth-child(2), ._invert_1rjbl_31 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: 70%;\n}\n._invert_1rjbl_31 input:only-child, ._invert_1rjbl_31 select:only-child {\n  width: 100%;\n  margin-right: 0;\n}\n\n._box_1rjbl_44 input:nth-child(1), ._box_1rjbl_44 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 30px;\n}\n._box_1rjbl_44 input:nth-child(2), ._box_1rjbl_44 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: calc(100% - 30px);\n}\n._box_1rjbl_44 input:only-child, ._box_1rjbl_44 select:only-child {\n  width: 30px;\n  margin-right: 0;\n}\n\n/* Chrome, Safari, Edge, Opera */\n._numberInput_1rjbl_58::-webkit-outer-spin-button,\n._numberInput_1rjbl_58::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n._numberInput_1rjbl_58[type=number] {\n  -moz-appearance: textfield;\n}","._baseInput_jtvfw_1, ._baseSelect_jtvfw_1, ._baseButton_jtvfw_1 {\n  font-family: var(--fxl-font-family);\n  font-size: var(--fxl-font-size-regular);\n  height: 30px;\n  color: var(--fxl-color-text-primary);\n  background: var(--fxl-color-background2);\n  border: 1px solid var(--fxl-color-light2);\n  padding: 0 var(--fxl-spacing-xxs);\n  outline-offset: -1px;\n}\n._baseInput_jtvfw_1:hover, ._baseSelect_jtvfw_1:hover, ._baseButton_jtvfw_1:hover {\n  background: var(--fxl-color-background3);\n}\n._baseInput_jtvfw_1:focus-visible, ._baseSelect_jtvfw_1:focus-visible, ._baseButton_jtvfw_1:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseInput_jtvfw_1:disabled, ._baseSelect_jtvfw_1:disabled, ._baseButton_jtvfw_1:disabled {\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n._baseButton_jtvfw_1 {\n  cursor: pointer;\n  background: var(--fxl-color-background2);\n  color: var(--fxl-color-text-primary);\n  font-weight: 700;\n}\n._baseButton_jtvfw_1:hover {\n  background: var(--fxl-color-background3);\n  color: var(--fxl-color-light);\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseButton_jtvfw_1:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n  outline-offset: 2px;\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37 {\n  background: var(--fxl-color-dark1);\n  color: var(--fxl-color-light);\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {\n  background: var(--fxl-color-dark2);\n  color: var(--fxl-color-light);\n  outline: 1px solid var(--fxl-color-primary);\n}\n\n._iconButton_jtvfw_47 {\n  width: 30px !important;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n._baseInput_jtvfw_1[type=range] {\n  -webkit-appearance: none;\n  appearance: none;\n  height: 3px !important;\n  background: var(--fxl-color-light2);\n  outline: none;\n  padding: 0 !important;\n  border: none;\n}\n\n._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none; /* Override default look */\n  appearance: none;\n  cursor: pointer;\n  width: 15px;\n  height: 15px;\n  background: var(--fxl-color-primary);\n  border-radius: 50%;\n}\n._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {\n  transform: scale(1.1);\n}\n\n._baseInput_jtvfw_1[type=range]::-moz-range-thumb {\n  cursor: pointer;\n  width: 15px;\n  height: 15px;\n  background: var(--fxl-color-primary);\n  border-radius: 50%;\n}\n\n._baseInput_jtvfw_1[type=checkbox] {\n  -webkit-appearance: none;\n  appearance: none;\n  cursor: pointer;\n  width: 30px !important;\n  height: 30px !important;\n  margin: 0;\n  padding: 0;\n  position: relative;\n}\n._baseInput_jtvfw_1[type=checkbox]:checked:after {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: var(--fxl-color-primary);\n}"],"mappings":";AAAA;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAIF;AAAA;AAEE;AACA;AAAA;AAIF;AACE;AAAA;;;ACjEF;AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;","names":[]}

package/dist/Controller/Number.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FxParamControllerProps } from './Controller.js';
+import 'react';
+import '../types.js';
+
+declare function NumberController(props: FxParamControllerProps<"number">): react_jsx_runtime.JSX.Element;
+
+export { NumberController };

package/dist/Controller/Number.js

@@ -0,0 +1,9 @@
+import {
+  NumberController
+} from "../chunk-H5IMTNFG.js";
+import "../chunk-CE3TPOSO.js";
+import "../chunk-2BHABOFI.js";
+export {
+  NumberController
+};
+//# sourceMappingURL=Number.js.map

package/dist/Controller/Number.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Controller/Param.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkYXDLGCFJcjs = require('../chunk-YXDLGCFJ.cjs');
+require('../chunk-TKKYM77A.cjs');
+require('../chunk-K4EW6YY3.cjs');
+require('../chunk-JAU4ONF2.cjs');
+require('../chunk-EACKNC6C.cjs');
+require('../chunk-C6GTVBY6.cjs');
+require('../chunk-D4RVVQC7.cjs');
+require('../chunk-VED7SCYX.cjs');
+require('../chunk-KZMSUHQX.cjs');
+require('../chunk-HJBHIE5T.cjs');
+require('../chunk-QM6EKPI6.cjs');
+require('../chunk-QDLMFMLL.cjs');
+require('../chunk-OFUKQ2TB.cjs');
+
+
+
+exports.ParameterController = _chunkYXDLGCFJcjs.ParameterController; exports.controllerDefinitions = _chunkYXDLGCFJcjs.controllerDefinitions;
+//# sourceMappingURL=Param.cjs.map

package/dist/Controller/Param.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/Controller/Param.css

@@ -0,0 +1,283 @@
+/* esbuild-sass-plugin:css-chunk:src/Controller/Controller.module.scss */
+._controller_1rjbl_1 {
+  display: flex;
+  align-items: center;
+  gap: var(--fxl-spacing-xxs);
+}
+._controller_1rjbl_1 label {
+  flex: 1;
+  font-size: 1rem;
+  word-break: break-all;
+  font-size: var(--fxl-font-size-s);
+}
+._controller_1rjbl_1 ._inputContainer_1rjbl_12 {
+  width: 200px;
+  display: flex;
+  align-items: center;
+}
+._default_1rjbl_18 input:nth-child(1),
+._default_1rjbl_18 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 65%;
+}
+._default_1rjbl_18 input:nth-child(2),
+._default_1rjbl_18 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: 35%;
+}
+._default_1rjbl_18 input:only-child,
+._default_1rjbl_18 select:only-child {
+  width: 100%;
+  margin-right: 0;
+}
+._invert_1rjbl_31 input:nth-child(1),
+._invert_1rjbl_31 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 30%;
+}
+._invert_1rjbl_31 input:nth-child(2),
+._invert_1rjbl_31 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: 70%;
+}
+._invert_1rjbl_31 input:only-child,
+._invert_1rjbl_31 select:only-child {
+  width: 100%;
+  margin-right: 0;
+}
+._box_1rjbl_44 input:nth-child(1),
+._box_1rjbl_44 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 30px;
+}
+._box_1rjbl_44 input:nth-child(2),
+._box_1rjbl_44 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: calc(100% - 30px);
+}
+._box_1rjbl_44 input:only-child,
+._box_1rjbl_44 select:only-child {
+  width: 30px;
+  margin-right: 0;
+}
+._numberInput_1rjbl_58::-webkit-outer-spin-button,
+._numberInput_1rjbl_58::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+._numberInput_1rjbl_58[type=number] {
+  -moz-appearance: textfield;
+}
+
+/* esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss */
+._baseInput_jtvfw_1,
+._baseSelect_jtvfw_1,
+._baseButton_jtvfw_1 {
+  font-family: var(--fxl-font-family);
+  font-size: var(--fxl-font-size-regular);
+  height: 30px;
+  color: var(--fxl-color-text-primary);
+  background: var(--fxl-color-background2);
+  border: 1px solid var(--fxl-color-light2);
+  padding: 0 var(--fxl-spacing-xxs);
+  outline-offset: -1px;
+}
+._baseInput_jtvfw_1:hover,
+._baseSelect_jtvfw_1:hover,
+._baseButton_jtvfw_1:hover {
+  background: var(--fxl-color-background3);
+}
+._baseInput_jtvfw_1:focus-visible,
+._baseSelect_jtvfw_1:focus-visible,
+._baseButton_jtvfw_1:focus-visible {
+  outline: 1px solid var(--fxl-color-primary);
+}
+._baseInput_jtvfw_1:disabled,
+._baseSelect_jtvfw_1:disabled,
+._baseButton_jtvfw_1:disabled {
+  opacity: 0.6;
+  pointer-events: none;
+}
+._baseButton_jtvfw_1 {
+  cursor: pointer;
+  background: var(--fxl-color-background2);
+  color: var(--fxl-color-text-primary);
+  font-weight: 700;
+}
+._baseButton_jtvfw_1:hover {
+  background: var(--fxl-color-background3);
+  color: var(--fxl-color-light);
+  outline: 1px solid var(--fxl-color-primary);
+}
+._baseButton_jtvfw_1:focus-visible {
+  outline: 1px solid var(--fxl-color-primary);
+  outline-offset: 2px;
+}
+._baseButton_jtvfw_1._color-secondary_jtvfw_37 {
+  background: var(--fxl-color-dark1);
+  color: var(--fxl-color-light);
+}
+._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {
+  background: var(--fxl-color-dark2);
+  color: var(--fxl-color-light);
+  outline: 1px solid var(--fxl-color-primary);
+}
+._iconButton_jtvfw_47 {
+  width: 30px !important;
+  cursor: pointer;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+._baseInput_jtvfw_1[type=range] {
+  -webkit-appearance: none;
+  appearance: none;
+  height: 3px !important;
+  background: var(--fxl-color-light2);
+  outline: none;
+  padding: 0 !important;
+  border: none;
+}
+._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  width: 15px;
+  height: 15px;
+  background: var(--fxl-color-primary);
+  border-radius: 50%;
+}
+._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {
+  transform: scale(1.1);
+}
+._baseInput_jtvfw_1[type=range]::-moz-range-thumb {
+  cursor: pointer;
+  width: 15px;
+  height: 15px;
+  background: var(--fxl-color-primary);
+  border-radius: 50%;
+}
+._baseInput_jtvfw_1[type=checkbox] {
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  width: 30px !important;
+  height: 30px !important;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+._baseInput_jtvfw_1[type=checkbox]:checked:after {
+  content: "";
+  width: 15px;
+  height: 15px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: var(--fxl-color-primary);
+}
+
+/* esbuild-sass-plugin:css-chunk:src/Controller/Color.module.scss */
+._squaredButton_13v06_1 {
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  border: 1px solid var(--fxl-color-light2);
+  position: relative;
+  background: white !important;
+}
+._squaredButton_13v06_1._active_13v06_9 {
+  border-color: var(--fxl-color-primary);
+}
+._squaredButton_13v06_1:focus-visible {
+  outline-offset: -1px;
+}
+._square_13v06_1 {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+._pickerWrapper_13v06_24 {
+  position: relative;
+}
+._pickerAbsoluteWrapper_13v06_28 {
+  position: absolute;
+  bottom: 0;
+  transform: translate(0, calc(100% + var(--fxl-spacing-xxs)));
+  z-index: 10;
+}
+._picker_13v06_24 {
+  border: 1px solid var(--fxl-color-light2);
+}
+._picker_13v06_24 input {
+  background: var(--fxl-color-light);
+}
+._colorful_13v06_42 .react-colorful__saturation {
+  border-radius: 0;
+}
+._colorful_13v06_42 .react-colorful__last-control {
+  border-radius: 0;
+}
+
+/* esbuild-sass-plugin:css-chunk:src/Controller/Invalid.module.scss */
+._invalid_9fznv_1 {
+  color: var(--fxl-color-light);
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  margin-bottom: var(--fxl-spacing-xxs);
+}
+._invalid_9fznv_1 label {
+  color: var(--fxl-color-light1);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 30px;
+  background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark1) 5px, var(--fxl-color-dark1) 10px);
+  text-align: center;
+  position: relative;
+}
+._invalid_9fznv_1 label:hover {
+  background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark2) 5px, var(--fxl-color-dark2) 10px);
+}
+._invalid_9fznv_1 label i {
+  font-style: normal;
+  position: absolute;
+  left: var(--fxl-spacing-sm);
+  top: 50%;
+  transform: translate(0, -50%) rotate(-90deg);
+  font-size: var(--fxl-font-size-m);
+}
+._invalid_9fznv_1 label i._isOpen_9fznv_30 {
+  transform: translate(0, -50%) rotate(0);
+}
+._errorsWrapper_9fznv_34 {
+  border: 2px solid var(--fxl-color-dark2);
+  border-top: none;
+  padding: var(--fxl-spacing-sm);
+}
+._attributes_9fznv_40 {
+  margin-bottom: var(--fxl-spacing-l);
+}
+._issue_9fznv_44 h3 {
+  font-weight: 400;
+}
+._issue_9fznv_44 p {
+  color: var(--fxl-color-light1);
+}
+
+/* esbuild-sass-plugin:css-chunk:src/Controller/Bytes.module.scss */
+._root_1qszq_1 {
+  width: 100%;
+  overflow-x: auto;
+  height: 100%;
+  padding: 4px;
+}
+/*# sourceMappingURL=Param.css.map */

package/dist/Controller/Param.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/Controller/Controller.module.scss","esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss","esbuild-sass-plugin:css-chunk:src/Controller/Color.module.scss","esbuild-sass-plugin:css-chunk:src/Controller/Invalid.module.scss","esbuild-sass-plugin:css-chunk:src/Controller/Bytes.module.scss"],"sourcesContent":["._controller_1rjbl_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--fxl-spacing-xxs);\n}\n._controller_1rjbl_1 label {\n  flex: 1;\n  font-size: 1rem;\n  word-break: break-all;\n  font-size: var(--fxl-font-size-s);\n}\n._controller_1rjbl_1 ._inputContainer_1rjbl_12 {\n  width: 200px;\n  display: flex;\n  align-items: center;\n}\n\n._default_1rjbl_18 input:nth-child(1), ._default_1rjbl_18 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 65%;\n}\n._default_1rjbl_18 input:nth-child(2), ._default_1rjbl_18 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: 35%;\n}\n._default_1rjbl_18 input:only-child, ._default_1rjbl_18 select:only-child {\n  width: 100%;\n  margin-right: 0;\n}\n\n._invert_1rjbl_31 input:nth-child(1), ._invert_1rjbl_31 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 30%;\n}\n._invert_1rjbl_31 input:nth-child(2), ._invert_1rjbl_31 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: 70%;\n}\n._invert_1rjbl_31 input:only-child, ._invert_1rjbl_31 select:only-child {\n  width: 100%;\n  margin-right: 0;\n}\n\n._box_1rjbl_44 input:nth-child(1), ._box_1rjbl_44 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 30px;\n}\n._box_1rjbl_44 input:nth-child(2), ._box_1rjbl_44 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: calc(100% - 30px);\n}\n._box_1rjbl_44 input:only-child, ._box_1rjbl_44 select:only-child {\n  width: 30px;\n  margin-right: 0;\n}\n\n/* Chrome, Safari, Edge, Opera */\n._numberInput_1rjbl_58::-webkit-outer-spin-button,\n._numberInput_1rjbl_58::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n._numberInput_1rjbl_58[type=number] {\n  -moz-appearance: textfield;\n}","._baseInput_jtvfw_1, ._baseSelect_jtvfw_1, ._baseButton_jtvfw_1 {\n  font-family: var(--fxl-font-family);\n  font-size: var(--fxl-font-size-regular);\n  height: 30px;\n  color: var(--fxl-color-text-primary);\n  background: var(--fxl-color-background2);\n  border: 1px solid var(--fxl-color-light2);\n  padding: 0 var(--fxl-spacing-xxs);\n  outline-offset: -1px;\n}\n._baseInput_jtvfw_1:hover, ._baseSelect_jtvfw_1:hover, ._baseButton_jtvfw_1:hover {\n  background: var(--fxl-color-background3);\n}\n._baseInput_jtvfw_1:focus-visible, ._baseSelect_jtvfw_1:focus-visible, ._baseButton_jtvfw_1:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseInput_jtvfw_1:disabled, ._baseSelect_jtvfw_1:disabled, ._baseButton_jtvfw_1:disabled {\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n._baseButton_jtvfw_1 {\n  cursor: pointer;\n  background: var(--fxl-color-background2);\n  color: var(--fxl-color-text-primary);\n  font-weight: 700;\n}\n._baseButton_jtvfw_1:hover {\n  background: var(--fxl-color-background3);\n  color: var(--fxl-color-light);\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseButton_jtvfw_1:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n  outline-offset: 2px;\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37 {\n  background: var(--fxl-color-dark1);\n  color: var(--fxl-color-light);\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {\n  background: var(--fxl-color-dark2);\n  color: var(--fxl-color-light);\n  outline: 1px solid var(--fxl-color-primary);\n}\n\n._iconButton_jtvfw_47 {\n  width: 30px !important;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n._baseInput_jtvfw_1[type=range] {\n  -webkit-appearance: none;\n  appearance: none;\n  height: 3px !important;\n  background: var(--fxl-color-light2);\n  outline: none;\n  padding: 0 !important;\n  border: none;\n}\n\n._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none; /* Override default look */\n  appearance: none;\n  cursor: pointer;\n  width: 15px;\n  height: 15px;\n  background: var(--fxl-color-primary);\n  border-radius: 50%;\n}\n._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {\n  transform: scale(1.1);\n}\n\n._baseInput_jtvfw_1[type=range]::-moz-range-thumb {\n  cursor: pointer;\n  width: 15px;\n  height: 15px;\n  background: var(--fxl-color-primary);\n  border-radius: 50%;\n}\n\n._baseInput_jtvfw_1[type=checkbox] {\n  -webkit-appearance: none;\n  appearance: none;\n  cursor: pointer;\n  width: 30px !important;\n  height: 30px !important;\n  margin: 0;\n  padding: 0;\n  position: relative;\n}\n._baseInput_jtvfw_1[type=checkbox]:checked:after {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: var(--fxl-color-primary);\n}","._squaredButton_13v06_1 {\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  border: 1px solid var(--fxl-color-light2);\n  position: relative;\n  background: white !important;\n}\n._squaredButton_13v06_1._active_13v06_9 {\n  border-color: var(--fxl-color-primary);\n}\n._squaredButton_13v06_1:focus-visible {\n  outline-offset: -1px;\n}\n\n._square_13v06_1 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n._pickerWrapper_13v06_24 {\n  position: relative;\n}\n\n._pickerAbsoluteWrapper_13v06_28 {\n  position: absolute;\n  bottom: 0;\n  transform: translate(0, calc(100% + var(--fxl-spacing-xxs)));\n  z-index: 10;\n}\n\n._picker_13v06_24 {\n  border: 1px solid var(--fxl-color-light2);\n}\n._picker_13v06_24 input {\n  background: var(--fxl-color-light);\n}\n\n._colorful_13v06_42 .react-colorful__saturation {\n  border-radius: 0;\n}\n._colorful_13v06_42 .react-colorful__last-control {\n  border-radius: 0;\n}","._invalid_9fznv_1 {\n  color: var(--fxl-color-light);\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  margin-bottom: var(--fxl-spacing-xxs);\n}\n._invalid_9fznv_1 label {\n  color: var(--fxl-color-light1);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 30px;\n  background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark1) 5px, var(--fxl-color-dark1) 10px);\n  text-align: center;\n  position: relative;\n}\n._invalid_9fznv_1 label:hover {\n  background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark2) 5px, var(--fxl-color-dark2) 10px);\n}\n._invalid_9fznv_1 label i {\n  font-style: normal;\n  position: absolute;\n  left: var(--fxl-spacing-sm);\n  top: 50%;\n  transform: translate(0, -50%) rotate(-90deg);\n  font-size: var(--fxl-font-size-m);\n}\n._invalid_9fznv_1 label i._isOpen_9fznv_30 {\n  transform: translate(0, -50%) rotate(0);\n}\n\n._errorsWrapper_9fznv_34 {\n  border: 2px solid var(--fxl-color-dark2);\n  border-top: none;\n  padding: var(--fxl-spacing-sm);\n}\n\n._attributes_9fznv_40 {\n  margin-bottom: var(--fxl-spacing-l);\n}\n\n._issue_9fznv_44 h3 {\n  font-weight: 400;\n}\n._issue_9fznv_44 p {\n  color: var(--fxl-color-light1);\n}","._root_1qszq_1 {\n  width: 100%;\n  overflow-x: auto;\n  height: 100%;\n  padding: 4px;\n}"],"mappings":";AAAA;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAIF;AAAA;AAEE;AACA;AAAA;AAIF;AACE;AAAA;;;ACjEF;AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AC1GF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;;;AC7CF;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;;;AC/CF;AACE;AACA;AACA;AACA;AAAA;","names":[]}

package/dist/Controller/Param.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactElement } from 'react';
+import { FxParamType, FxParamDefinition } from '../types.js';
+import { FxParamControllerProps, FxParamInputChangeHandler } from './Controller.js';
+import { ControllerDefinitionSchemaType } from '../validation.js';
+import { SafeParseError, SafeParseSuccess } from 'zod';
+
+interface FxParamControllerDefiniton<Type extends FxParamType> {
+    type: Type;
+    controller: (props: FxParamControllerProps<Type>) => ReactElement;
+    handler: FxParamInputChangeHandler;
+}
+type FxParamControllerDefinitions = {
+    [T in FxParamType]: FxParamControllerDefiniton<T>;
+};
+declare const controllerDefinitions: FxParamControllerDefinitions;
+interface ParameterControllerProps {
+    parameter: FxParamDefinition<FxParamType>;
+    value: any;
+    onChange: (id: string, value: any) => void;
+    parsed?: SafeParseError<ControllerDefinitionSchemaType> | SafeParseSuccess<ControllerDefinitionSchemaType>;
+}
+declare function ParameterController(props: ParameterControllerProps): react_jsx_runtime.JSX.Element;
+
+export { FxParamControllerDefinitions, ParameterController, ParameterControllerProps, controllerDefinitions };

package/dist/Controller/Param.js

@@ -0,0 +1,21 @@
+import {
+  ParameterController,
+  controllerDefinitions
+} from "../chunk-57UENWLF.js";
+import "../chunk-H5IMTNFG.js";
+import "../chunk-6VMIOQSE.js";
+import "../chunk-YYEIYDDF.js";
+import "../chunk-MWP7SJWC.js";
+import "../chunk-P77D7XSP.js";
+import "../chunk-YOS2HCIS.js";
+import "../chunk-2QIAF3U7.js";
+import "../chunk-ZG3OT7LF.js";
+import "../chunk-CE3TPOSO.js";
+import "../chunk-PTXBICTZ.js";
+import "../chunk-FZWZHHQ2.js";
+import "../chunk-2BHABOFI.js";
+export {
+  ParameterController,
+  controllerDefinitions
+};
+//# sourceMappingURL=Param.js.map

package/dist/Controller/Param.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Controller/Select.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkK4EW6YY3cjs = require('../chunk-K4EW6YY3.cjs');
+require('../chunk-HJBHIE5T.cjs');
+require('../chunk-OFUKQ2TB.cjs');
+
+
+exports.SelectController = _chunkK4EW6YY3cjs.SelectController;
+//# sourceMappingURL=Select.cjs.map

package/dist/Controller/Select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}