@fxhash/params 0.0.4 → 0.0.7

package/dist/Controller/Color.css

@@ -0,0 +1,227 @@
+/* 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;
+}
+/*# sourceMappingURL=Color.css.map */

package/dist/Controller/Color.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"],"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}"],"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;","names":[]}

package/dist/Controller/Color.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 ColorController(props: FxParamControllerProps<"color">): react_jsx_runtime.JSX.Element;
+
+export { ColorController };

package/dist/Controller/Color.js

@@ -0,0 +1,10 @@
+import {
+  ColorController
+} from "../chunk-7NOMBXLG.js";
+import "../chunk-CE3TPOSO.js";
+import "../chunk-SDPENM2L.js";
+import "../chunk-2BHABOFI.js";
+export {
+  ColorController
+};
+//# sourceMappingURL=Color.js.map

package/dist/Controller/Color.js.map

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

package/dist/Controller/Controller.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _chunkHJBHIE5Tcjs = require('../chunk-HJBHIE5T.cjs');
+require('../chunk-OFUKQ2TB.cjs');
+
+
+
+
+
+exports.BaseParamsInput = _chunkHJBHIE5Tcjs.BaseParamsInput; exports.Controller = _chunkHJBHIE5Tcjs.Controller; exports.HTMLInputController = _chunkHJBHIE5Tcjs.HTMLInputController; exports.HTMLInputControllerWithTextInput = _chunkHJBHIE5Tcjs.HTMLInputControllerWithTextInput;
+//# sourceMappingURL=Controller.cjs.map

package/dist/Controller/Controller.cjs.map

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

package/dist/Controller/Controller.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=Controller.css.map */

package/dist/Controller/Controller.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/Controller.d.ts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { InputHTMLAttributes, ReactNode, RefObject, HTMLInputTypeAttribute } from 'react';
+import { FxParamType, FxParamOptionsMap } from '../types.js';
+
+declare function BaseParamsInput(props: InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime.JSX.Element;
+type FxParamInputChangeHandler = (e: any) => void;
+interface ControllerProps {
+    label?: string;
+    id?: string;
+    children: ReactNode;
+    layout?: "default" | "invert" | "box";
+    className?: string;
+    inputContainerProps?: {
+        ref: RefObject<HTMLDivElement>;
+    };
+    isCodeDriven?: boolean;
+}
+declare function Controller(props: ControllerProps): react_jsx_runtime.JSX.Element;
+interface HTMLInputControllerProps {
+    id: string;
+    value: string;
+    onChange: FxParamInputChangeHandler;
+    type: HTMLInputTypeAttribute;
+    inputProps?: InputHTMLAttributes<HTMLInputElement | HTMLSelectElement>;
+    className?: string;
+    label?: string;
+    layout?: "default" | "invert" | "box";
+    isCodeDriven?: boolean;
+}
+type FxParamControllerProps<Type extends FxParamType> = Omit<HTMLInputControllerProps, "type"> & {
+    value: any;
+    options?: FxParamOptionsMap[Type];
+    onChange: FxParamInputChangeHandler;
+};
+declare function HTMLInputController(props: HTMLInputControllerProps): react_jsx_runtime.JSX.Element;
+interface HTMLInputControllerWithTextInputProps extends HTMLInputControllerProps {
+    textInputProps?: InputHTMLAttributes<HTMLInputElement>;
+}
+declare function HTMLInputControllerWithTextInput(props: HTMLInputControllerWithTextInputProps): react_jsx_runtime.JSX.Element;
+
+export { BaseParamsInput, Controller, ControllerProps, FxParamControllerProps, FxParamInputChangeHandler, HTMLInputController, HTMLInputControllerProps, HTMLInputControllerWithTextInput, HTMLInputControllerWithTextInputProps };

package/dist/Controller/Controller.js

@@ -0,0 +1,14 @@
+import {
+  BaseParamsInput,
+  Controller,
+  HTMLInputController,
+  HTMLInputControllerWithTextInput
+} from "../chunk-CE3TPOSO.js";
+import "../chunk-2BHABOFI.js";
+export {
+  BaseParamsInput,
+  Controller,
+  HTMLInputController,
+  HTMLInputControllerWithTextInput
+};
+//# sourceMappingURL=Controller.js.map

package/dist/Controller/Controller.js.map

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

package/dist/Controller/Invalid.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkQM6EKPI6cjs = require('../chunk-QM6EKPI6.cjs');
+
+
+exports.ControllerInvalid = _chunkQM6EKPI6cjs.ControllerInvalid;
+//# sourceMappingURL=Invalid.cjs.map

package/dist/Controller/Invalid.cjs.map

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

package/dist/Controller/Invalid.css

@@ -0,0 +1,48 @@
+/* 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);
+}
+/*# sourceMappingURL=Invalid.css.map */

package/dist/Controller/Invalid.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/Controller/Invalid.module.scss"],"sourcesContent":["._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}"],"mappings":";AAAA;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;","names":[]}

package/dist/Controller/Invalid.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FxParamDefinition, FxParamType } from '../types.js';
+import { ZodError } from 'zod';
+
+interface ControllerInvalidProps {
+    definition: FxParamDefinition<FxParamType>;
+    error: ZodError;
+}
+declare function ControllerInvalid(props: ControllerInvalidProps): react_jsx_runtime.JSX.Element;
+
+export { ControllerInvalid, ControllerInvalidProps };

package/dist/Controller/Invalid.js

@@ -0,0 +1,7 @@
+import {
+  ControllerInvalid
+} from "../chunk-PTXBICTZ.js";
+export {
+  ControllerInvalid
+};
+//# sourceMappingURL=Invalid.js.map

package/dist/Controller/Invalid.js.map

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

package/dist/Controller/Number.cjs

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

package/dist/Controller/Number.cjs.map

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