@fxhash/params 0.0.8 → 0.0.10

package/dist/LockButton/LockButton.css

@@ -1,7 +1,7 @@
 /* esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss */
-._baseInput_jtvfw_1,
-._baseSelect_jtvfw_1,
-._baseButton_jtvfw_1 {
+._baseInput_13ljm_1,
+._baseSelect_13ljm_2,
+._baseButton_13ljm_3 {
   font-family: var(--fxl-font-family);
   font-size: var(--fxl-font-size-regular);
   height: 30px;
@@ -11,47 +11,47 @@
   padding: 0 var(--fxl-spacing-xxs);
   outline-offset: -1px;
 }
-._baseInput_jtvfw_1:hover,
-._baseSelect_jtvfw_1:hover,
-._baseButton_jtvfw_1:hover {
+._baseInput_13ljm_1:hover,
+._baseSelect_13ljm_2:hover,
+._baseButton_13ljm_3:hover {
   background: var(--fxl-color-background3);
 }
-._baseInput_jtvfw_1:focus-visible,
-._baseSelect_jtvfw_1:focus-visible,
-._baseButton_jtvfw_1:focus-visible {
+._baseInput_13ljm_1:focus-visible,
+._baseSelect_13ljm_2:focus-visible,
+._baseButton_13ljm_3:focus-visible {
   outline: 1px solid var(--fxl-color-primary);
 }
-._baseInput_jtvfw_1:disabled,
-._baseSelect_jtvfw_1:disabled,
-._baseButton_jtvfw_1:disabled {
+._baseInput_13ljm_1:disabled,
+._baseSelect_13ljm_2:disabled,
+._baseButton_13ljm_3:disabled {
   opacity: 0.6;
   pointer-events: none;
 }
-._baseButton_jtvfw_1 {
+._baseButton_13ljm_3 {
   cursor: pointer;
   background: var(--fxl-color-background2);
   color: var(--fxl-color-text-primary);
   font-weight: 700;
 }
-._baseButton_jtvfw_1:hover {
+._baseButton_13ljm_3:hover {
   background: var(--fxl-color-background3);
   color: var(--fxl-color-light);
   outline: 1px solid var(--fxl-color-primary);
 }
-._baseButton_jtvfw_1:focus-visible {
+._baseButton_13ljm_3:focus-visible {
   outline: 1px solid var(--fxl-color-primary);
   outline-offset: 2px;
 }
-._baseButton_jtvfw_1._color-secondary_jtvfw_37 {
+._baseButton_13ljm_3._color-secondary_13ljm_45 {
   background: var(--fxl-color-dark1);
   color: var(--fxl-color-light);
 }
-._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {
+._baseButton_13ljm_3._color-secondary_13ljm_45:hover {
   background: var(--fxl-color-dark2);
   color: var(--fxl-color-light);
   outline: 1px solid var(--fxl-color-primary);
 }
-._iconButton_jtvfw_47 {
+._iconButton_13ljm_55 {
   width: 30px !important;
   cursor: pointer;
   padding: 0;
@@ -61,7 +61,7 @@
   flex-grow: 0;
   flex-shrink: 0;
 }
-._baseInput_jtvfw_1[type=range] {
+._baseInput_13ljm_1[type=range] {
   -webkit-appearance: none;
   appearance: none;
   height: 3px !important;
@@ -70,7 +70,7 @@
   padding: 0 !important;
   border: none;
 }
-._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {
+._baseInput_13ljm_1[type=range]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   cursor: pointer;
@@ -79,17 +79,17 @@
   background: var(--fxl-color-primary);
   border-radius: 50%;
 }
-._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {
+._baseInput_13ljm_1[type=range]::-webkit-slider-thumb:hover {
   transform: scale(1.1);
 }
-._baseInput_jtvfw_1[type=range]::-moz-range-thumb {
+._baseInput_13ljm_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] {
+._baseInput_13ljm_1[type=checkbox] {
   -webkit-appearance: none;
   appearance: none;
   cursor: pointer;
@@ -99,7 +99,7 @@
   padding: 0;
   position: relative;
 }
-._baseInput_jtvfw_1[type=checkbox]:checked:after {
+._baseInput_13ljm_1[type=checkbox]:checked:after {
   content: "";
   width: 15px;
   height: 15px;
@@ -111,7 +111,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/LockButton/LockButton.module.scss */
-._lockButton_1bbiz_1 {
+._lockButton_xs4tj_1 {
   color: var(--fxl-color-light1) !important;
 }
 /*# sourceMappingURL=LockButton.css.map */

package/dist/LockButton/LockButton.css.map

@@ -1 +1 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss","esbuild-sass-plugin:css-chunk:src/LockButton/LockButton.module.scss"],"sourcesContent":["._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}","._lockButton_1bbiz_1 {\n  color: var(--fxl-color-light1) !important;\n}"],"mappings":";AAAA;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;AAAA;","names":[]}
+{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss","esbuild-sass-plugin:css-chunk:src/LockButton/LockButton.module.scss"],"sourcesContent":["._baseInput_13ljm_1,\n._baseSelect_13ljm_2,\n._baseButton_13ljm_3 {\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_13ljm_1:hover,\n._baseSelect_13ljm_2:hover,\n._baseButton_13ljm_3:hover {\n  background: var(--fxl-color-background3);\n}\n._baseInput_13ljm_1:focus-visible,\n._baseSelect_13ljm_2:focus-visible,\n._baseButton_13ljm_3:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseInput_13ljm_1:disabled,\n._baseSelect_13ljm_2:disabled,\n._baseButton_13ljm_3:disabled {\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n._baseButton_13ljm_3 {\n  cursor: pointer;\n  background: var(--fxl-color-background2);\n  color: var(--fxl-color-text-primary);\n  font-weight: 700;\n}\n._baseButton_13ljm_3:hover {\n  background: var(--fxl-color-background3);\n  color: var(--fxl-color-light);\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseButton_13ljm_3:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n  outline-offset: 2px;\n}\n._baseButton_13ljm_3._color-secondary_13ljm_45 {\n  background: var(--fxl-color-dark1);\n  color: var(--fxl-color-light);\n}\n._baseButton_13ljm_3._color-secondary_13ljm_45: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_13ljm_55 {\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_13ljm_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_13ljm_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_13ljm_1[type=range]::-webkit-slider-thumb:hover {\n  transform: scale(1.1);\n}\n\n._baseInput_13ljm_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_13ljm_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_13ljm_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}","._lockButton_xs4tj_1 {\n  color: var(--fxl-color-light1) !important;\n}"],"mappings":";AAAA;AAAA;AAAA;AAGE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AAAA;AAGE;AAAA;AAEF;AAAA;AAAA;AAGE;AAAA;AAEF;AAAA;AAAA;AAGE;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;;;AClHF;AACE;AAAA;","names":[]}

package/dist/LockButton/LockButton.js

@@ -1,7 +1,7 @@
 import {
   LockButton
-} from "../chunk-4OV7OX5A.js";
-import "../chunk-2BHABOFI.js";
+} from "../chunk-XYWE6TCQ.js";
+import "../chunk-BEDRMOBJ.js";
 export {
   LockButton
 };

package/dist/ParamsHistory.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkLX23UR4Xcjs = require('./chunk-LX23UR4X.cjs');
+var _chunkK6UPSPM5cjs = require('./chunk-K6UPSPM5.cjs');
 
 
-var _chunkQDLMFMLLcjs = require('./chunk-QDLMFMLL.cjs');
+var _chunkLVN3UGUHcjs = require('./chunk-LVN3UGUH.cjs');
 
 // src/ParamsHistory.tsx
 
@@ -16,7 +16,7 @@ var _react = require('react');
 
 var _lodashdebounce = require('lodash.debounce'); var _lodashdebounce2 = _interopRequireDefault(_lodashdebounce);
 var _jsxruntime = require('react/jsx-runtime');
-var isEqual = (a, b) => _chunkQDLMFMLLcjs.stringifyParamsData.call(void 0, a) === _chunkQDLMFMLLcjs.stringifyParamsData.call(void 0, b);
+var isEqual = (a, b) => _chunkLVN3UGUHcjs.stringifyParamsData.call(void 0, a) === _chunkLVN3UGUHcjs.stringifyParamsData.call(void 0, b);
 var defaultParamsHistoryContext = {
   history: [],
   pushHistory: () => {
@@ -32,7 +32,7 @@ var defaultParamsHistoryContext = {
 var ParamsHistoryContext = _react.createContext.call(void 0, defaultParamsHistoryContext);
 function ParamsHistoryProvider({ children }) {
   const lastActionData = _react.useRef.call(void 0, null);
-  const runtime = _react.useContext.call(void 0, _chunkLX23UR4Xcjs.RuntimeContext);
+  const runtime = _react.useContext.call(void 0, _chunkK6UPSPM5cjs.RuntimeContext);
   const [history, setHistory] = _react.useState.call(void 0, []);
   const [offset, setOffset] = _react.useState.call(void 0, 0);
   const historyActions = {

package/dist/ParamsHistory.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ParamsHistory.tsx"],"names":[],"mappings":";;;;;;;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,OAAO,cAAc;AA+FjB;AA3FJ,IAAM,UAAU,CAAC,GAAQ,MACvB,oBAAoB,CAAC,MAAM,oBAAoB,CAAC;AAoBlD,IAAM,8BAAqD;AAAA,EACzD,SAAS,CAAC;AAAA,EACV,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,MAAM,MAAM;AAAA,EAAC;AAAA,EACb,MAAM,MAAM;AAAA,EAAC;AACf;AAEO,IAAM,uBAAuB,cAAc,2BAA2B;AAItE,SAAS,sBAAsB,EAAE,SAAS,GAAU;AACzD,QAAM,iBAAiB,OAAO,IAAI;AAClC,QAAM,UAAU,WAAW,cAAc;AACzC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAgC,CAAC,CAAC;AAChE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,CAAC;AAE9C,QAAM,iBAAuE;AAAA,IAC3E,iBAAiB,CAAC,UAA+B;AAC/C,cAAQ,MAAM,OAAO,EAAE,QAAQ,MAAM,KAAK,CAAC;AAAA,IAC7C;AAAA,EACF;AAEA,QAAM,cAAc;AAAA,IAClB,SAAS,CAAC,UAA+B;AACvC,iBAAW,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;AACrC,gBAAU,CAAC;AACX,qBAAe,UAAU,MAAM;AAAA,IACjC,GAAG,GAAG;AAAA,IACN,CAAC;AAAA,EACH;AAEA,QAAM,OAAO,MAAM;AACjB,QAAI,UAAU,QAAQ;AAAQ;AAC9B,cAAU,SAAS,CAAC;AAAA,EACtB;AAEA,QAAM,OAAO,MAAM;AACjB,QAAI,UAAU;AAAG;AACjB,cAAU,SAAS,CAAC;AAAA,EACtB;AAGA,YAAU,MAAM;AACd,UAAM,eAAe,UAAU,MAAM;AACrC,mBAAe,cAAc,IAA+B;AAAA,MAC1D;AAAA,IACF;AACA,mBAAe,UAAU,cAAc;AAAA,EACzC,GAAG,CAAC,MAAM,CAAC;AAGX,YAAU,MAAM;AACd,QAAI,QAAQ,QAAQ,MAAM,QAAQ,gBAAgB,OAAO;AAAG;AAC5D,QAAI,CAAC,QAAQ,MAAM;AAAQ;AAC3B,gBAAY,EAAE,MAAM,iBAAiB,MAAM,QAAQ,MAAM,OAAO,CAAC;AAAA,EACnE,GAAG,CAAC,QAAQ,MAAM,QAAQ,eAAe,OAAO,CAAC;AAEjD,QAAM,UAAiC;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,SACnC,UACH;AAEJ","sourcesContent":["import {\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n  useCallback,\n  useRef,\n} from \"react\"\nimport { createContext } from \"react\"\nimport debounce from \"lodash.debounce\"\nimport { stringifyParamsData } from \"./utils\"\nimport { RuntimeContext } from \"./RuntimeContext\"\n\nconst isEqual = (a: any, b: any) =>\n  stringifyParamsData(a) === stringifyParamsData(b)\n\ntype ParamsHistoryActionType = \"params-update\"\n\ninterface IParamsHistoryEntry {\n  type: ParamsHistoryActionType\n  data: any\n}\n\ntype ParamsHistoryAction = (entry: IParamsHistoryEntry) => void\n\nexport interface IParamsHistoryContext {\n  history: IParamsHistoryEntry[]\n  pushHistory: (entry: IParamsHistoryEntry) => void\n  offset: number\n  setOffset: (o: number) => void\n  undo: () => void\n  redo: () => void\n}\n\nconst defaultParamsHistoryContext: IParamsHistoryContext = {\n  history: [],\n  pushHistory: () => {},\n  offset: 0,\n  setOffset: () => {},\n  undo: () => {},\n  redo: () => {},\n}\n\nexport const ParamsHistoryContext = createContext(defaultParamsHistoryContext)\n\ntype Props = PropsWithChildren<any>\n\nexport function ParamsHistoryProvider({ children }: Props) {\n  const lastActionData = useRef(null)\n  const runtime = useContext(RuntimeContext)\n  const [history, setHistory] = useState<IParamsHistoryEntry[]>([])\n  const [offset, setOffset] = useState<number>(0)\n\n  const historyActions: Record<ParamsHistoryActionType, ParamsHistoryAction> = {\n    \"params-update\": (entry: IParamsHistoryEntry) => {\n      runtime.state.update({ params: entry.data })\n    },\n  }\n\n  const pushHistory = useCallback(\n    debounce((entry: IParamsHistoryEntry) => {\n      setHistory((prev) => [entry, ...prev])\n      setOffset(0)\n      lastActionData.current = entry.data\n    }, 200),\n    []\n  )\n\n  const undo = () => {\n    if (offset >= history.length) return\n    setOffset(offset + 1)\n  }\n\n  const redo = () => {\n    if (offset <= 0) return\n    setOffset(offset - 1)\n  }\n\n  // when offset change apply action based on history entry\n  useEffect(() => {\n    const currentEntry = history?.[offset]\n    historyActions[currentEntry?.type as ParamsHistoryActionType]?.(\n      currentEntry\n    )\n    lastActionData.current = currentEntry?.data\n  }, [offset])\n\n  // observe data changes and add them to history\n  useEffect(() => {\n    if (isEqual(runtime.state.params, lastActionData?.current)) return\n    if (!runtime.state.params) return\n    pushHistory({ type: \"params-update\", data: runtime.state.params })\n  }, [runtime.state.params, lastActionData.current])\n\n  const context: IParamsHistoryContext = {\n    history,\n    pushHistory,\n    offset,\n    setOffset,\n    undo,\n    redo,\n  }\n\n  return (\n    <ParamsHistoryContext.Provider value={context}>\n      {children}\n    </ParamsHistoryContext.Provider>\n  )\n}\n"]}
+{"version":3,"sources":["../src/ParamsHistory.tsx"],"names":[],"mappings":";;;;;;;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,OAAO,cAAc;AA+FjB;AA3FJ,IAAM,UAAU,CAAC,GAAQ,MACvB,oBAAoB,CAAC,MAAM,oBAAoB,CAAC;AAoBlD,IAAM,8BAAqD;AAAA,EACzD,SAAS,CAAC;AAAA,EACV,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,MAAM,MAAM;AAAA,EAAC;AAAA,EACb,MAAM,MAAM;AAAA,EAAC;AACf;AAEO,IAAM,uBAAuB,cAAc,2BAA2B;AAItE,SAAS,sBAAsB,EAAE,SAAS,GAAU;AACzD,QAAM,iBAAiB,OAAO,IAAI;AAClC,QAAM,UAAU,WAAW,cAAc;AACzC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAgC,CAAC,CAAC;AAChE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,CAAC;AAE9C,QAAM,iBAAuE;AAAA,IAC3E,iBAAiB,CAAC,UAA+B;AAC/C,cAAQ,MAAM,OAAO,EAAE,QAAQ,MAAM,KAAK,CAAC;AAAA,IAC7C;AAAA,EACF;AAEA,QAAM,cAAc;AAAA,IAClB,SAAS,CAAC,UAA+B;AACvC,iBAAW,UAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AACnC,gBAAU,CAAC;AACX,qBAAe,UAAU,MAAM;AAAA,IACjC,GAAG,GAAG;AAAA,IACN,CAAC;AAAA,EACH;AAEA,QAAM,OAAO,MAAM;AACjB,QAAI,UAAU,QAAQ;AAAQ;AAC9B,cAAU,SAAS,CAAC;AAAA,EACtB;AAEA,QAAM,OAAO,MAAM;AACjB,QAAI,UAAU;AAAG;AACjB,cAAU,SAAS,CAAC;AAAA,EACtB;AAGA,YAAU,MAAM;AACd,UAAM,eAAe,UAAU,MAAM;AACrC,mBAAe,cAAc,IAA+B;AAAA,MAC1D;AAAA,IACF;AACA,mBAAe,UAAU,cAAc;AAAA,EACzC,GAAG,CAAC,MAAM,CAAC;AAGX,YAAU,MAAM;AACd,QAAI,QAAQ,QAAQ,MAAM,QAAQ,gBAAgB,OAAO;AAAG;AAC5D,QAAI,CAAC,QAAQ,MAAM;AAAQ;AAC3B,gBAAY,EAAE,MAAM,iBAAiB,MAAM,QAAQ,MAAM,OAAO,CAAC;AAAA,EACnE,GAAG,CAAC,QAAQ,MAAM,QAAQ,eAAe,OAAO,CAAC;AAEjD,QAAM,UAAiC;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,SACnC,UACH;AAEJ","sourcesContent":["import {\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n  useCallback,\n  useRef,\n} from \"react\"\nimport { createContext } from \"react\"\nimport debounce from \"lodash.debounce\"\nimport { stringifyParamsData } from \"./utils\"\nimport { RuntimeContext } from \"./RuntimeContext\"\n\nconst isEqual = (a: any, b: any) =>\n  stringifyParamsData(a) === stringifyParamsData(b)\n\ntype ParamsHistoryActionType = \"params-update\"\n\ninterface IParamsHistoryEntry {\n  type: ParamsHistoryActionType\n  data: any\n}\n\ntype ParamsHistoryAction = (entry: IParamsHistoryEntry) => void\n\nexport interface IParamsHistoryContext {\n  history: IParamsHistoryEntry[]\n  pushHistory: (entry: IParamsHistoryEntry) => void\n  offset: number\n  setOffset: (o: number) => void\n  undo: () => void\n  redo: () => void\n}\n\nconst defaultParamsHistoryContext: IParamsHistoryContext = {\n  history: [],\n  pushHistory: () => {},\n  offset: 0,\n  setOffset: () => {},\n  undo: () => {},\n  redo: () => {},\n}\n\nexport const ParamsHistoryContext = createContext(defaultParamsHistoryContext)\n\ntype Props = PropsWithChildren<any>\n\nexport function ParamsHistoryProvider({ children }: Props) {\n  const lastActionData = useRef(null)\n  const runtime = useContext(RuntimeContext)\n  const [history, setHistory] = useState<IParamsHistoryEntry[]>([])\n  const [offset, setOffset] = useState<number>(0)\n\n  const historyActions: Record<ParamsHistoryActionType, ParamsHistoryAction> = {\n    \"params-update\": (entry: IParamsHistoryEntry) => {\n      runtime.state.update({ params: entry.data })\n    },\n  }\n\n  const pushHistory = useCallback(\n    debounce((entry: IParamsHistoryEntry) => {\n      setHistory(prev => [entry, ...prev])\n      setOffset(0)\n      lastActionData.current = entry.data\n    }, 200),\n    []\n  )\n\n  const undo = () => {\n    if (offset >= history.length) return\n    setOffset(offset + 1)\n  }\n\n  const redo = () => {\n    if (offset <= 0) return\n    setOffset(offset - 1)\n  }\n\n  // when offset change apply action based on history entry\n  useEffect(() => {\n    const currentEntry = history?.[offset]\n    historyActions[currentEntry?.type as ParamsHistoryActionType]?.(\n      currentEntry\n    )\n    lastActionData.current = currentEntry?.data\n  }, [offset])\n\n  // observe data changes and add them to history\n  useEffect(() => {\n    if (isEqual(runtime.state.params, lastActionData?.current)) return\n    if (!runtime.state.params) return\n    pushHistory({ type: \"params-update\", data: runtime.state.params })\n  }, [runtime.state.params, lastActionData.current])\n\n  const context: IParamsHistoryContext = {\n    history,\n    pushHistory,\n    offset,\n    setOffset,\n    undo,\n    redo,\n  }\n\n  return (\n    <ParamsHistoryContext.Provider value={context}>\n      {children}\n    </ParamsHistoryContext.Provider>\n  )\n}\n"]}

package/dist/ParamsHistory.js

@@ -1,9 +1,9 @@
 import {
   RuntimeContext
-} from "./chunk-Z7K2LNS2.js";
+} from "./chunk-JSFJKANM.js";
 import {
   stringifyParamsData
-} from "./chunk-FZWZHHQ2.js";
+} from "./chunk-7H32FZ35.js";
 
 // src/ParamsHistory.tsx
 import {

package/dist/ParamsHistory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ParamsHistory.tsx"],"sourcesContent":["import {\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n  useCallback,\n  useRef,\n} from \"react\"\nimport { createContext } from \"react\"\nimport debounce from \"lodash.debounce\"\nimport { stringifyParamsData } from \"./utils\"\nimport { RuntimeContext } from \"./RuntimeContext\"\n\nconst isEqual = (a: any, b: any) =>\n  stringifyParamsData(a) === stringifyParamsData(b)\n\ntype ParamsHistoryActionType = \"params-update\"\n\ninterface IParamsHistoryEntry {\n  type: ParamsHistoryActionType\n  data: any\n}\n\ntype ParamsHistoryAction = (entry: IParamsHistoryEntry) => void\n\nexport interface IParamsHistoryContext {\n  history: IParamsHistoryEntry[]\n  pushHistory: (entry: IParamsHistoryEntry) => void\n  offset: number\n  setOffset: (o: number) => void\n  undo: () => void\n  redo: () => void\n}\n\nconst defaultParamsHistoryContext: IParamsHistoryContext = {\n  history: [],\n  pushHistory: () => {},\n  offset: 0,\n  setOffset: () => {},\n  undo: () => {},\n  redo: () => {},\n}\n\nexport const ParamsHistoryContext = createContext(defaultParamsHistoryContext)\n\ntype Props = PropsWithChildren<any>\n\nexport function ParamsHistoryProvider({ children }: Props) {\n  const lastActionData = useRef(null)\n  const runtime = useContext(RuntimeContext)\n  const [history, setHistory] = useState<IParamsHistoryEntry[]>([])\n  const [offset, setOffset] = useState<number>(0)\n\n  const historyActions: Record<ParamsHistoryActionType, ParamsHistoryAction> = {\n    \"params-update\": (entry: IParamsHistoryEntry) => {\n      runtime.state.update({ params: entry.data })\n    },\n  }\n\n  const pushHistory = useCallback(\n    debounce((entry: IParamsHistoryEntry) => {\n      setHistory((prev) => [entry, ...prev])\n      setOffset(0)\n      lastActionData.current = entry.data\n    }, 200),\n    []\n  )\n\n  const undo = () => {\n    if (offset >= history.length) return\n    setOffset(offset + 1)\n  }\n\n  const redo = () => {\n    if (offset <= 0) return\n    setOffset(offset - 1)\n  }\n\n  // when offset change apply action based on history entry\n  useEffect(() => {\n    const currentEntry = history?.[offset]\n    historyActions[currentEntry?.type as ParamsHistoryActionType]?.(\n      currentEntry\n    )\n    lastActionData.current = currentEntry?.data\n  }, [offset])\n\n  // observe data changes and add them to history\n  useEffect(() => {\n    if (isEqual(runtime.state.params, lastActionData?.current)) return\n    if (!runtime.state.params) return\n    pushHistory({ type: \"params-update\", data: runtime.state.params })\n  }, [runtime.state.params, lastActionData.current])\n\n  const context: IParamsHistoryContext = {\n    history,\n    pushHistory,\n    offset,\n    setOffset,\n    undo,\n    redo,\n  }\n\n  return (\n    <ParamsHistoryContext.Provider value={context}>\n      {children}\n    </ParamsHistoryContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,OAAO,cAAc;AA+FjB;AA3FJ,IAAM,UAAU,CAAC,GAAQ,MACvB,oBAAoB,CAAC,MAAM,oBAAoB,CAAC;AAoBlD,IAAM,8BAAqD;AAAA,EACzD,SAAS,CAAC;AAAA,EACV,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,MAAM,MAAM;AAAA,EAAC;AAAA,EACb,MAAM,MAAM;AAAA,EAAC;AACf;AAEO,IAAM,uBAAuB,cAAc,2BAA2B;AAItE,SAAS,sBAAsB,EAAE,SAAS,GAAU;AACzD,QAAM,iBAAiB,OAAO,IAAI;AAClC,QAAM,UAAU,WAAW,cAAc;AACzC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAgC,CAAC,CAAC;AAChE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,CAAC;AAE9C,QAAM,iBAAuE;AAAA,IAC3E,iBAAiB,CAAC,UAA+B;AAC/C,cAAQ,MAAM,OAAO,EAAE,QAAQ,MAAM,KAAK,CAAC;AAAA,IAC7C;AAAA,EACF;AAEA,QAAM,cAAc;AAAA,IAClB,SAAS,CAAC,UAA+B;AACvC,iBAAW,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;AACrC,gBAAU,CAAC;AACX,qBAAe,UAAU,MAAM;AAAA,IACjC,GAAG,GAAG;AAAA,IACN,CAAC;AAAA,EACH;AAEA,QAAM,OAAO,MAAM;AACjB,QAAI,UAAU,QAAQ;AAAQ;AAC9B,cAAU,SAAS,CAAC;AAAA,EACtB;AAEA,QAAM,OAAO,MAAM;AACjB,QAAI,UAAU;AAAG;AACjB,cAAU,SAAS,CAAC;AAAA,EACtB;AAGA,YAAU,MAAM;AACd,UAAM,eAAe,UAAU,MAAM;AACrC,mBAAe,cAAc,IAA+B;AAAA,MAC1D;AAAA,IACF;AACA,mBAAe,UAAU,cAAc;AAAA,EACzC,GAAG,CAAC,MAAM,CAAC;AAGX,YAAU,MAAM;AACd,QAAI,QAAQ,QAAQ,MAAM,QAAQ,gBAAgB,OAAO;AAAG;AAC5D,QAAI,CAAC,QAAQ,MAAM;AAAQ;AAC3B,gBAAY,EAAE,MAAM,iBAAiB,MAAM,QAAQ,MAAM,OAAO,CAAC;AAAA,EACnE,GAAG,CAAC,QAAQ,MAAM,QAAQ,eAAe,OAAO,CAAC;AAEjD,QAAM,UAAiC;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,SACnC,UACH;AAEJ;","names":[]}
+{"version":3,"sources":["../src/ParamsHistory.tsx"],"sourcesContent":["import {\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n  useCallback,\n  useRef,\n} from \"react\"\nimport { createContext } from \"react\"\nimport debounce from \"lodash.debounce\"\nimport { stringifyParamsData } from \"./utils\"\nimport { RuntimeContext } from \"./RuntimeContext\"\n\nconst isEqual = (a: any, b: any) =>\n  stringifyParamsData(a) === stringifyParamsData(b)\n\ntype ParamsHistoryActionType = \"params-update\"\n\ninterface IParamsHistoryEntry {\n  type: ParamsHistoryActionType\n  data: any\n}\n\ntype ParamsHistoryAction = (entry: IParamsHistoryEntry) => void\n\nexport interface IParamsHistoryContext {\n  history: IParamsHistoryEntry[]\n  pushHistory: (entry: IParamsHistoryEntry) => void\n  offset: number\n  setOffset: (o: number) => void\n  undo: () => void\n  redo: () => void\n}\n\nconst defaultParamsHistoryContext: IParamsHistoryContext = {\n  history: [],\n  pushHistory: () => {},\n  offset: 0,\n  setOffset: () => {},\n  undo: () => {},\n  redo: () => {},\n}\n\nexport const ParamsHistoryContext = createContext(defaultParamsHistoryContext)\n\ntype Props = PropsWithChildren<any>\n\nexport function ParamsHistoryProvider({ children }: Props) {\n  const lastActionData = useRef(null)\n  const runtime = useContext(RuntimeContext)\n  const [history, setHistory] = useState<IParamsHistoryEntry[]>([])\n  const [offset, setOffset] = useState<number>(0)\n\n  const historyActions: Record<ParamsHistoryActionType, ParamsHistoryAction> = {\n    \"params-update\": (entry: IParamsHistoryEntry) => {\n      runtime.state.update({ params: entry.data })\n    },\n  }\n\n  const pushHistory = useCallback(\n    debounce((entry: IParamsHistoryEntry) => {\n      setHistory(prev => [entry, ...prev])\n      setOffset(0)\n      lastActionData.current = entry.data\n    }, 200),\n    []\n  )\n\n  const undo = () => {\n    if (offset >= history.length) return\n    setOffset(offset + 1)\n  }\n\n  const redo = () => {\n    if (offset <= 0) return\n    setOffset(offset - 1)\n  }\n\n  // when offset change apply action based on history entry\n  useEffect(() => {\n    const currentEntry = history?.[offset]\n    historyActions[currentEntry?.type as ParamsHistoryActionType]?.(\n      currentEntry\n    )\n    lastActionData.current = currentEntry?.data\n  }, [offset])\n\n  // observe data changes and add them to history\n  useEffect(() => {\n    if (isEqual(runtime.state.params, lastActionData?.current)) return\n    if (!runtime.state.params) return\n    pushHistory({ type: \"params-update\", data: runtime.state.params })\n  }, [runtime.state.params, lastActionData.current])\n\n  const context: IParamsHistoryContext = {\n    history,\n    pushHistory,\n    offset,\n    setOffset,\n    undo,\n    redo,\n  }\n\n  return (\n    <ParamsHistoryContext.Provider value={context}>\n      {children}\n    </ParamsHistoryContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,OAAO,cAAc;AA+FjB;AA3FJ,IAAM,UAAU,CAAC,GAAQ,MACvB,oBAAoB,CAAC,MAAM,oBAAoB,CAAC;AAoBlD,IAAM,8BAAqD;AAAA,EACzD,SAAS,CAAC;AAAA,EACV,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,MAAM,MAAM;AAAA,EAAC;AAAA,EACb,MAAM,MAAM;AAAA,EAAC;AACf;AAEO,IAAM,uBAAuB,cAAc,2BAA2B;AAItE,SAAS,sBAAsB,EAAE,SAAS,GAAU;AACzD,QAAM,iBAAiB,OAAO,IAAI;AAClC,QAAM,UAAU,WAAW,cAAc;AACzC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAgC,CAAC,CAAC;AAChE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,CAAC;AAE9C,QAAM,iBAAuE;AAAA,IAC3E,iBAAiB,CAAC,UAA+B;AAC/C,cAAQ,MAAM,OAAO,EAAE,QAAQ,MAAM,KAAK,CAAC;AAAA,IAC7C;AAAA,EACF;AAEA,QAAM,cAAc;AAAA,IAClB,SAAS,CAAC,UAA+B;AACvC,iBAAW,UAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AACnC,gBAAU,CAAC;AACX,qBAAe,UAAU,MAAM;AAAA,IACjC,GAAG,GAAG;AAAA,IACN,CAAC;AAAA,EACH;AAEA,QAAM,OAAO,MAAM;AACjB,QAAI,UAAU,QAAQ;AAAQ;AAC9B,cAAU,SAAS,CAAC;AAAA,EACtB;AAEA,QAAM,OAAO,MAAM;AACjB,QAAI,UAAU;AAAG;AACjB,cAAU,SAAS,CAAC;AAAA,EACtB;AAGA,YAAU,MAAM;AACd,UAAM,eAAe,UAAU,MAAM;AACrC,mBAAe,cAAc,IAA+B;AAAA,MAC1D;AAAA,IACF;AACA,mBAAe,UAAU,cAAc;AAAA,EACzC,GAAG,CAAC,MAAM,CAAC;AAGX,YAAU,MAAM;AACd,QAAI,QAAQ,QAAQ,MAAM,QAAQ,gBAAgB,OAAO;AAAG;AAC5D,QAAI,CAAC,QAAQ,MAAM;AAAQ;AAC3B,gBAAY,EAAE,MAAM,iBAAiB,MAAM,QAAQ,MAAM,OAAO,CAAC;AAAA,EACnE,GAAG,CAAC,QAAQ,MAAM,QAAQ,eAAe,OAAO,CAAC;AAEjD,QAAM,UAAiC;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,SACnC,UACH;AAEJ;","names":[]}

package/dist/RuntimeContext.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkLX23UR4Xcjs = require('./chunk-LX23UR4X.cjs');
-require('./chunk-QDLMFMLL.cjs');
+var _chunkK6UPSPM5cjs = require('./chunk-K6UPSPM5.cjs');
+require('./chunk-LVN3UGUH.cjs');
 
 
 
-exports.RuntimeContext = _chunkLX23UR4Xcjs.RuntimeContext; exports.RuntimeProvider = _chunkLX23UR4Xcjs.RuntimeProvider;
+exports.RuntimeContext = _chunkK6UPSPM5cjs.RuntimeContext; exports.RuntimeProvider = _chunkK6UPSPM5cjs.RuntimeProvider;
 //# sourceMappingURL=RuntimeContext.cjs.map

package/dist/RuntimeContext.js

@@ -1,8 +1,8 @@
 import {
   RuntimeContext,
   RuntimeProvider
-} from "./chunk-Z7K2LNS2.js";
-import "./chunk-FZWZHHQ2.js";
+} from "./chunk-JSFJKANM.js";
+import "./chunk-7H32FZ35.js";
 export {
   RuntimeContext,
   RuntimeProvider

package/dist/{chunk-CE3TPOSO.js → chunk-2SARESCF.js}

@@ -1,15 +1,15 @@
 import {
   BaseInput
-} from "./chunk-2BHABOFI.js";
+} from "./chunk-BEDRMOBJ.js";
 
 // src/Controller/Controller.module.scss
 var Controller_module_default = {
-  "controller": "_controller_1rjbl_1",
-  "inputContainer": "_inputContainer_1rjbl_12",
-  "default": "_default_1rjbl_18",
-  "invert": "_invert_1rjbl_31",
-  "box": "_box_1rjbl_44",
-  "numberInput": "_numberInput_1rjbl_58"
+  "controller": "_controller_t5850_1",
+  "inputContainer": "_inputContainer_t5850_12",
+  "default": "_default_t5850_18",
+  "invert": "_invert_t5850_34",
+  "box": "_box_t5850_50",
+  "numberInput": "_numberInput_t5850_67"
 };
 
 // src/Controller/Controller.tsx
@@ -132,4 +132,4 @@ export {
   HTMLInputController,
   HTMLInputControllerWithTextInput
 };
-//# sourceMappingURL=chunk-CE3TPOSO.js.map
+//# sourceMappingURL=chunk-2SARESCF.js.map

package/dist/{chunk-CE3TPOSO.js.map → chunk-2SARESCF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Controller/Controller.module.scss","../src/Controller/Controller.tsx"],"sourcesContent":["import 'css-chunk:src/Controller/Controller.module.scss';export default {\n  \"controller\": \"_controller_1rjbl_1\",\n  \"inputContainer\": \"_inputContainer_1rjbl_12\",\n  \"default\": \"_default_1rjbl_18\",\n  \"invert\": \"_invert_1rjbl_31\",\n  \"box\": \"_box_1rjbl_44\",\n  \"numberInput\": \"_numberInput_1rjbl_58\"\n};","import {\n  HTMLInputTypeAttribute,\n  InputHTMLAttributes,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport { FxParamOptionsMap, FxParamType } from \"../types\"\nimport classes from \"./Controller.module.scss\"\nimport cx from \"classnames\"\nimport { BaseInput } from \"../BaseInput\"\n\n/*\n * Providing a name starting or ending with `search` prevents\n * 1Password extension to appear in the input fields\n * https://1password.community/discussion/comment/606453/#Comment_606453\n */\nexport function BaseParamsInput(props: InputHTMLAttributes<HTMLInputElement>) {\n  const { id } = props\n  return (\n    <BaseInput name={`${id}-params-search`} autoComplete=\"off\" {...props} />\n  )\n}\n\nexport type FxParamInputChangeHandler = (e: any) => void\n\nexport interface ControllerProps {\n  label?: string\n  id?: string\n  children: ReactNode\n  layout?: \"default\" | \"invert\" | \"box\"\n  className?: string\n  inputContainerProps?: {\n    ref: RefObject<HTMLDivElement>\n  }\n  isCodeDriven?: boolean\n}\n\nexport function Controller(props: ControllerProps) {\n  const {\n    id,\n    label,\n    layout = \"default\",\n    className,\n    inputContainerProps,\n    isCodeDriven,\n  } = props\n  return (\n    <div\n      className={cx(classes.controller, classes[layout], className)}\n      title={\n        isCodeDriven\n          ? \"This parameter is solely code-driven. Controller is just shown for debugging purposes.\"\n          : \"\"\n      }\n    >\n      {id && <label htmlFor={id}>{label || id}</label>}\n      <div className={classes.inputContainer} {...inputContainerProps}>\n        {props.children}\n      </div>\n    </div>\n  )\n}\n\nexport interface HTMLInputControllerProps {\n  id: string\n  value: string\n  onChange: FxParamInputChangeHandler\n  type: HTMLInputTypeAttribute\n  inputProps?: InputHTMLAttributes<HTMLInputElement | HTMLSelectElement>\n  className?: string\n  label?: string\n  layout?: \"default\" | \"invert\" | \"box\"\n  isCodeDriven?: boolean\n}\n\nexport type FxParamControllerProps<Type extends FxParamType> = Omit<\n  HTMLInputControllerProps,\n  \"type\"\n> & {\n  value: any\n  options?: FxParamOptionsMap[Type]\n  onChange: FxParamInputChangeHandler\n}\n\nexport function HTMLInputController(props: HTMLInputControllerProps) {\n  const {\n    label,\n    id,\n    onChange,\n    value,\n    type,\n    className,\n    inputProps,\n    layout = \"default\",\n    isCodeDriven,\n  } = props\n  return (\n    <Controller\n      id={id}\n      label={label}\n      layout={layout}\n      isCodeDriven={isCodeDriven}\n    >\n      <BaseParamsInput\n        className={className}\n        type={type}\n        id={id}\n        onChange={onChange}\n        value={value}\n        disabled={isCodeDriven}\n        {...inputProps}\n      />\n    </Controller>\n  )\n}\n\nexport interface HTMLInputControllerWithTextInputProps\n  extends HTMLInputControllerProps {\n  textInputProps?: InputHTMLAttributes<HTMLInputElement>\n}\n\nexport function HTMLInputControllerWithTextInput(\n  props: HTMLInputControllerWithTextInputProps\n) {\n  const {\n    label,\n    id,\n    onChange,\n    value,\n    type,\n    className,\n    inputProps = {},\n    layout = \"default\",\n    textInputProps,\n    isCodeDriven,\n  } = props\n  return (\n    <Controller\n      id={id}\n      label={label}\n      layout={layout}\n      isCodeDriven={isCodeDriven}\n    >\n      <BaseParamsInput\n        className={className}\n        type={type}\n        id={id}\n        onChange={onChange}\n        value={value}\n        autoComplete=\"off\"\n        disabled={isCodeDriven}\n        {...inputProps}\n      />\n      <BaseParamsInput\n        type=\"text\"\n        id={`text-${id}`}\n        onChange={onChange}\n        value={value}\n        autoComplete=\"off\"\n        disabled={isCodeDriven}\n        {...textInputProps}\n      />\n    </Controller>\n  )\n}\n"],"mappings":";;;;;AAAyD,IAAO,4BAAQ;AAAA,EACtE,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,eAAe;AACjB;;;ACCA,OAAO,QAAQ;AAWX,cA4BA,YA5BA;AAHG,SAAS,gBAAgB,OAA8C;AAC5E,QAAM,EAAE,GAAG,IAAI;AACf,SACE,oBAAC,aAAU,MAAM,GAAG,oBAAoB,cAAa,OAAO,GAAG,OAAO;AAE1E;AAgBO,SAAS,WAAW,OAAwB;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0BAAQ,YAAY,0BAAQ,MAAM,GAAG,SAAS;AAAA,MAC5D,OACE,eACI,2FACA;AAAA,MAGL;AAAA,cAAM,oBAAC,WAAM,SAAS,IAAK,mBAAS,IAAG;AAAA,QACxC,oBAAC,SAAI,WAAW,0BAAQ,gBAAiB,GAAG,qBACzC,gBAAM,UACT;AAAA;AAAA;AAAA,EACF;AAEJ;AAuBO,SAAS,oBAAoB,OAAiC;AACnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAOO,SAAS,iCACd,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,CAAC;AAAA,IACd,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb,UAAU;AAAA,YACT,GAAG;AAAA;AAAA,QACN;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb,UAAU;AAAA,YACT,GAAG;AAAA;AAAA,QACN;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../src/Controller/Controller.module.scss","../src/Controller/Controller.tsx"],"sourcesContent":["import 'css-chunk:src/Controller/Controller.module.scss';export default {\n  \"controller\": \"_controller_t5850_1\",\n  \"inputContainer\": \"_inputContainer_t5850_12\",\n  \"default\": \"_default_t5850_18\",\n  \"invert\": \"_invert_t5850_34\",\n  \"box\": \"_box_t5850_50\",\n  \"numberInput\": \"_numberInput_t5850_67\"\n};","import {\n  HTMLInputTypeAttribute,\n  InputHTMLAttributes,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport { FxParamOptionsMap, FxParamType } from \"../types\"\nimport classes from \"./Controller.module.scss\"\nimport cx from \"classnames\"\nimport { BaseInput } from \"../BaseInput\"\n\n/*\n * Providing a name starting or ending with `search` prevents\n * 1Password extension to appear in the input fields\n * https://1password.community/discussion/comment/606453/#Comment_606453\n */\nexport function BaseParamsInput(props: InputHTMLAttributes<HTMLInputElement>) {\n  const { id } = props\n  return (\n    <BaseInput name={`${id}-params-search`} autoComplete=\"off\" {...props} />\n  )\n}\n\nexport type FxParamInputChangeHandler = (e: any) => void\n\nexport interface ControllerProps {\n  label?: string\n  id?: string\n  children: ReactNode\n  layout?: \"default\" | \"invert\" | \"box\"\n  className?: string\n  inputContainerProps?: {\n    ref: RefObject<HTMLDivElement>\n  }\n  isCodeDriven?: boolean\n}\n\nexport function Controller(props: ControllerProps) {\n  const {\n    id,\n    label,\n    layout = \"default\",\n    className,\n    inputContainerProps,\n    isCodeDriven,\n  } = props\n  return (\n    <div\n      className={cx(classes.controller, classes[layout], className)}\n      title={\n        isCodeDriven\n          ? \"This parameter is solely code-driven. Controller is just shown for debugging purposes.\"\n          : \"\"\n      }\n    >\n      {id && <label htmlFor={id}>{label || id}</label>}\n      <div className={classes.inputContainer} {...inputContainerProps}>\n        {props.children}\n      </div>\n    </div>\n  )\n}\n\nexport interface HTMLInputControllerProps {\n  id: string\n  value: string\n  onChange: FxParamInputChangeHandler\n  type: HTMLInputTypeAttribute\n  inputProps?: InputHTMLAttributes<HTMLInputElement | HTMLSelectElement>\n  className?: string\n  label?: string\n  layout?: \"default\" | \"invert\" | \"box\"\n  isCodeDriven?: boolean\n}\n\nexport type FxParamControllerProps<Type extends FxParamType> = Omit<\n  HTMLInputControllerProps,\n  \"type\"\n> & {\n  value: any\n  options?: FxParamOptionsMap[Type]\n  onChange: FxParamInputChangeHandler\n}\n\nexport function HTMLInputController(props: HTMLInputControllerProps) {\n  const {\n    label,\n    id,\n    onChange,\n    value,\n    type,\n    className,\n    inputProps,\n    layout = \"default\",\n    isCodeDriven,\n  } = props\n  return (\n    <Controller\n      id={id}\n      label={label}\n      layout={layout}\n      isCodeDriven={isCodeDriven}\n    >\n      <BaseParamsInput\n        className={className}\n        type={type}\n        id={id}\n        onChange={onChange}\n        value={value}\n        disabled={isCodeDriven}\n        {...inputProps}\n      />\n    </Controller>\n  )\n}\n\nexport interface HTMLInputControllerWithTextInputProps\n  extends HTMLInputControllerProps {\n  textInputProps?: InputHTMLAttributes<HTMLInputElement>\n}\n\nexport function HTMLInputControllerWithTextInput(\n  props: HTMLInputControllerWithTextInputProps\n) {\n  const {\n    label,\n    id,\n    onChange,\n    value,\n    type,\n    className,\n    inputProps = {},\n    layout = \"default\",\n    textInputProps,\n    isCodeDriven,\n  } = props\n  return (\n    <Controller\n      id={id}\n      label={label}\n      layout={layout}\n      isCodeDriven={isCodeDriven}\n    >\n      <BaseParamsInput\n        className={className}\n        type={type}\n        id={id}\n        onChange={onChange}\n        value={value}\n        autoComplete=\"off\"\n        disabled={isCodeDriven}\n        {...inputProps}\n      />\n      <BaseParamsInput\n        type=\"text\"\n        id={`text-${id}`}\n        onChange={onChange}\n        value={value}\n        autoComplete=\"off\"\n        disabled={isCodeDriven}\n        {...textInputProps}\n      />\n    </Controller>\n  )\n}\n"],"mappings":";;;;;AAAyD,IAAO,4BAAQ;AAAA,EACtE,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,eAAe;AACjB;;;ACCA,OAAO,QAAQ;AAWX,cA4BA,YA5BA;AAHG,SAAS,gBAAgB,OAA8C;AAC5E,QAAM,EAAE,GAAG,IAAI;AACf,SACE,oBAAC,aAAU,MAAM,GAAG,oBAAoB,cAAa,OAAO,GAAG,OAAO;AAE1E;AAgBO,SAAS,WAAW,OAAwB;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0BAAQ,YAAY,0BAAQ,MAAM,GAAG,SAAS;AAAA,MAC5D,OACE,eACI,2FACA;AAAA,MAGL;AAAA,cAAM,oBAAC,WAAM,SAAS,IAAK,mBAAS,IAAG;AAAA,QACxC,oBAAC,SAAI,WAAW,0BAAQ,gBAAiB,GAAG,qBACzC,gBAAM,UACT;AAAA;AAAA;AAAA,EACF;AAEJ;AAuBO,SAAS,oBAAoB,OAAiC;AACnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAOO,SAAS,iCACd,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,CAAC;AAAA,IACd,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb,UAAU;AAAA,YACT,GAAG;AAAA;AAAA,QACN;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb,UAAU;AAAA,YACT,GAAG;AAAA;AAAA,QACN;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/{chunk-D4RVVQC7.cjs → chunk-2XWOWIXK.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHJBHIE5Tcjs = require('./chunk-HJBHIE5T.cjs');
+var _chunkM7HJ2CKMcjs = require('./chunk-M7HJ2CKM.cjs');
 
 // src/Controller/Boolean.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function BooleanController(props) {
   const { ...rest } = props;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHJBHIE5Tcjs.HTMLInputController,
+    _chunkM7HJ2CKMcjs.HTMLInputController,
     {
       type: "checkbox",
       layout: "box",
@@ -20,4 +20,4 @@ function BooleanController(props) {
 
 
 exports.BooleanController = BooleanController;
-//# sourceMappingURL=chunk-D4RVVQC7.cjs.map
+//# sourceMappingURL=chunk-2XWOWIXK.cjs.map

package/dist/{chunk-YXDLGCFJ.cjs → chunk-3OF5LR4Y.cjs}

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTKKYM77Acjs = require('./chunk-TKKYM77A.cjs');
+var _chunkLTIGECX6cjs = require('./chunk-LTIGECX6.cjs');
 
 
-var _chunkK4EW6YY3cjs = require('./chunk-K4EW6YY3.cjs');
+var _chunkWHVPVEYHcjs = require('./chunk-WHVPVEYH.cjs');
 
 
-var _chunkJAU4ONF2cjs = require('./chunk-JAU4ONF2.cjs');
+var _chunkK22KNCGRcjs = require('./chunk-K22KNCGR.cjs');
 
 
 var _chunkEACKNC6Ccjs = require('./chunk-EACKNC6C.cjs');
 
 
-var _chunkC6GTVBY6cjs = require('./chunk-C6GTVBY6.cjs');
+var _chunkAMJCUB2Icjs = require('./chunk-AMJCUB2I.cjs');
 
 
-var _chunkD4RVVQC7cjs = require('./chunk-D4RVVQC7.cjs');
+var _chunk2XWOWIXKcjs = require('./chunk-2XWOWIXK.cjs');
 
 
-var _chunkVED7SCYXcjs = require('./chunk-VED7SCYX.cjs');
+var _chunk3QFEC7SKcjs = require('./chunk-3QFEC7SK.cjs');
 
 
-var _chunkKZMSUHQXcjs = require('./chunk-KZMSUHQX.cjs');
+var _chunkYLZI7BR5cjs = require('./chunk-YLZI7BR5.cjs');
 
 
-var _chunkQM6EKPI6cjs = require('./chunk-QM6EKPI6.cjs');
+var _chunkTQGOPELVcjs = require('./chunk-TQGOPELV.cjs');
 
 // src/Controller/Param.tsx
 var _react = require('react');
@@ -32,37 +32,37 @@ var _jsxruntime = require('react/jsx-runtime');
 var controllerDefinitions = {
   number: {
     type: "number",
-    controller: _chunkTKKYM77Acjs.NumberController,
+    controller: _chunkLTIGECX6cjs.NumberController,
     handler: (e) => Number(e.target.value)
   },
   bigint: {
     type: "bigint",
-    controller: _chunkC6GTVBY6cjs.BigIntController,
+    controller: _chunkAMJCUB2Icjs.BigIntController,
     handler: (e) => BigInt(e.target.value)
   },
   string: {
     type: "string",
-    controller: _chunkJAU4ONF2cjs.StringController,
+    controller: _chunkK22KNCGRcjs.StringController,
     handler: (e) => e.target.value
   },
   bytes: {
     type: "bytes",
-    controller: _chunkVED7SCYXcjs.BytesController,
+    controller: _chunk3QFEC7SKcjs.BytesController,
     handler: (e) => e.target.value
   },
   boolean: {
     type: "boolean",
-    controller: _chunkD4RVVQC7cjs.BooleanController,
+    controller: _chunk2XWOWIXKcjs.BooleanController,
     handler: (e) => e.target.checked
   },
   color: {
     type: "color",
-    controller: _chunkKZMSUHQXcjs.ColorController,
+    controller: _chunkYLZI7BR5cjs.ColorController,
     handler: (v) => v
   },
   select: {
     type: "select",
-    controller: _chunkK4EW6YY3cjs.SelectController,
+    controller: _chunkWHVPVEYHcjs.SelectController,
     handler: (e) => e.target.value
   }
 };
@@ -82,7 +82,7 @@ function ParameterController(props) {
   };
   if (parsedDefinition && parsedDefinition.success === false) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQM6EKPI6cjs.ControllerInvalid,
+      _chunkTQGOPELVcjs.ControllerInvalid,
       {
         definition: parameter,
         error: parsedDefinition.error
@@ -107,4 +107,4 @@ function ParameterController(props) {
 
 
 exports.controllerDefinitions = controllerDefinitions; exports.ParameterController = ParameterController;
-//# sourceMappingURL=chunk-YXDLGCFJ.cjs.map
+//# sourceMappingURL=chunk-3OF5LR4Y.cjs.map

package/dist/chunk-3OF5LR4Y.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Param.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,eAA6B;AA6FhC;AAlEC,IAAM,wBAAsD;AAAA,EACjE,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,OAAO,EAAE,OAAO,KAAK;AAAA,EACrC;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,OAAO,EAAE,OAAO,KAAK;AAAA,EACrC;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,EAAE,OAAO;AAAA,EACzB;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,EAAE,OAAO;AAAA,EACzB;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAM,EAA0C,OAAO;AAAA,EAClE;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,EAAE,OAAO;AAAA,EACzB;AACF;AAWO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,EAAE,WAAW,UAAU,OAAO,IAAI;AAExC,QAAM,mBAAmB;AAAA,IACvB,MAAM,UAAU,4BAA4B,SAAS;AAAA,IACrD,CAAC,WAAW,MAAM;AAAA,EACpB;AACA,QAAM,EAAE,YAAY,YAAY,QAAQ,IAAI;AAAA,IAC1C,MAAM,sBAAsB,UAAU,IAAI;AAAA,IAC1C,CAAC,UAAU,IAAI;AAAA,EACjB;AAEA,QAAM,oBAAoB,CAAC,MAAW;AACpC,UAAM,QAAQ,QAAQ,CAAC;AACvB,aAAS,UAAU,IAAI,KAAK;AAAA,EAC9B;AAEA,MAAI,oBAAoB,iBAAiB,YAAY,OAAO;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ,OAAO,iBAAiB;AAAA;AAAA,IAC1B;AAAA,EAEJ;AAEA,QAAM,eAAe,UAAU,WAAW;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,UAAU;AAAA,MACd,OAAO,UAAU;AAAA,MACjB,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,MAEV,SAAS,UAAU;AAAA,MACnB;AAAA;AAAA,EACF;AAEJ","sourcesContent":["import { useMemo, ReactElement } from \"react\"\nimport { FxParamDefinition, FxParamType } from \"../types\"\nimport { FxParamInputChangeHandler, FxParamControllerProps } from \"./Controller\"\nimport { BooleanController } from \"./Boolean\"\nimport { ColorController } from \"./Color\"\nimport { NumberController } from \"./Number\"\nimport { BigIntController } from \"./BigInt\"\nimport { SelectController } from \"./Select\"\nimport { StringController } from \"./String\"\nimport {\n  validateParameterDefinition,\n  ControllerDefinitionSchemaType,\n} from \"../validation\"\nimport { SafeParseError, SafeParseSuccess, z } from \"zod\"\nimport { ControllerInvalid } from \"./Invalid\"\nimport { BytesController } from \"./Bytes\"\n\ninterface FxParamControllerDefiniton<Type extends FxParamType> {\n  type: Type\n  controller: (props: FxParamControllerProps<Type>) => ReactElement\n  handler: FxParamInputChangeHandler\n}\n\nexport type FxParamControllerDefinitions = {\n  [T in FxParamType]: FxParamControllerDefiniton<T>\n}\n\nexport const controllerDefinitions: FxParamControllerDefinitions = {\n  number: {\n    type: \"number\",\n    controller: NumberController,\n    handler: e => Number(e.target.value),\n  },\n  bigint: {\n    type: \"bigint\",\n    controller: BigIntController,\n    handler: e => BigInt(e.target.value),\n  },\n  string: {\n    type: \"string\",\n    controller: StringController,\n    handler: e => e.target.value,\n  },\n  bytes: {\n    type: \"bytes\",\n    controller: BytesController,\n    handler: e => e.target.value,\n  },\n  boolean: {\n    type: \"boolean\",\n    controller: BooleanController,\n    handler: e => (e as React.ChangeEvent<HTMLInputElement>).target.checked,\n  },\n  color: {\n    type: \"color\",\n    controller: ColorController,\n    handler: v => v,\n  },\n  select: {\n    type: \"select\",\n    controller: SelectController,\n    handler: e => e.target.value,\n  },\n}\n\nexport interface ParameterControllerProps {\n  parameter: FxParamDefinition<FxParamType>\n  value: any\n  onChange: (id: string, value: any) => void\n  parsed?:\n    | SafeParseError<ControllerDefinitionSchemaType>\n    | SafeParseSuccess<ControllerDefinitionSchemaType>\n}\n\nexport function ParameterController(props: ParameterControllerProps) {\n  const { parameter, onChange, parsed } = props\n\n  const parsedDefinition = useMemo(\n    () => parsed || validateParameterDefinition(parameter),\n    [parameter, parsed]\n  )\n  const { controller: Controller, handler } = useMemo(\n    () => controllerDefinitions[parameter.type],\n    [parameter.type]\n  )\n\n  const handleChangeParam = (e: any) => {\n    const value = handler(e)\n    onChange(parameter.id, value)\n  }\n\n  if (parsedDefinition && parsedDefinition.success === false) {\n    return (\n      <ControllerInvalid\n        definition={parameter}\n        error={parsedDefinition.error}\n      />\n    )\n  }\n\n  const isCodeDriven = parameter.update === \"code-driven\"\n\n  return (\n    <Controller\n      id={parameter.id}\n      label={parameter.name}\n      value={props.value}\n      onChange={handleChangeParam}\n      // TODO: This should be properly casted\n      options={parameter.options as any}\n      isCodeDriven={isCodeDriven}\n    />\n  )\n}\n"]}

package/dist/{chunk-VED7SCYX.cjs → chunk-3QFEC7SK.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHJBHIE5Tcjs = require('./chunk-HJBHIE5T.cjs');
+var _chunkM7HJ2CKMcjs = require('./chunk-M7HJ2CKM.cjs');
 
 // src/Controller/Bytes.tsx
 var _react = require('react');
 
 // src/Controller/Bytes.module.scss
 var Bytes_module_default = {
-  "root": "_root_1qszq_1"
+  "root": "_root_sy7al_1"
 };
 
 // src/Controller/Bytes.tsx
@@ -22,7 +22,7 @@ function BytesController(props) {
     return out;
   }, [props.value]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHJBHIE5Tcjs.Controller,
+    _chunkM7HJ2CKMcjs.Controller,
     {
       id: props.id,
       label: props.label,
@@ -36,4 +36,4 @@ function BytesController(props) {
 
 
 exports.BytesController = BytesController;
-//# sourceMappingURL=chunk-VED7SCYX.cjs.map
+//# sourceMappingURL=chunk-3QFEC7SK.cjs.map

package/dist/{chunk-VED7SCYX.cjs.map → chunk-3QFEC7SK.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Controller/Bytes.tsx","../src/Controller/Bytes.module.scss"],"names":[],"mappings":";;;;;AAAA,SAAS,eAAe;;;ACA4B,IAAO,uBAAQ;AAAA,EACjE,QAAQ;AACV;;;ADyBQ;AAnBD,SAAS,gBAAgB,OAAwC;AACtE,QAAM,EAAE,QAAQ,IAAI;AAEpB,QAAM,MAAM,QAAgB,MAAM;AAChC,QAAI,MAAM;AACV,eAAW,KAAK,MAAM,OAAO;AAC3B,aAAO,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG;AAAA,IACvC;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV,OAAO,MAAM;AAAA,MACb,QAAQ,MAAM;AAAA,MACd,cAAc,MAAM;AAAA,MAEpB,8BAAC,SAAI,WAAW,qBAAI,MAClB,8BAAC,SAAI,WAAW,qBAAI,SAAU,eAAI,GACpC;AAAA;AAAA,EACF;AAEJ","sourcesContent":["import { useMemo } from \"react\"\nimport css from \"./Bytes.module.scss\"\nimport {\n  Controller,\n  FxParamControllerProps,\n  HTMLInputController,\n} from \"./Controller\"\n\nexport function BytesController(props: FxParamControllerProps<\"bytes\">) {\n  const { options } = props\n\n  const hex = useMemo<string>(() => {\n    let out = \"\"\n    for (const v of props.value) {\n      out += v.toString(16).padStart(2, \"0\")\n    }\n    return out\n  }, [props.value])\n\n  return (\n    <Controller\n      id={props.id}\n      label={props.label}\n      layout={props.layout}\n      isCodeDriven={props.isCodeDriven}\n    >\n      <div className={css.root}>\n        <div className={css.wrapper}>{hex}</div>\n      </div>\n    </Controller>\n  )\n}\n","import 'css-chunk:src/Controller/Bytes.module.scss';export default {\n  \"root\": \"_root_1qszq_1\"\n};"]}
+{"version":3,"sources":["../src/Controller/Bytes.tsx","../src/Controller/Bytes.module.scss"],"names":[],"mappings":";;;;;AAAA,SAAS,eAAe;;;ACA4B,IAAO,uBAAQ;AAAA,EACjE,QAAQ;AACV;;;ADyBQ;AAnBD,SAAS,gBAAgB,OAAwC;AACtE,QAAM,EAAE,QAAQ,IAAI;AAEpB,QAAM,MAAM,QAAgB,MAAM;AAChC,QAAI,MAAM;AACV,eAAW,KAAK,MAAM,OAAO;AAC3B,aAAO,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG;AAAA,IACvC;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV,OAAO,MAAM;AAAA,MACb,QAAQ,MAAM;AAAA,MACd,cAAc,MAAM;AAAA,MAEpB,8BAAC,SAAI,WAAW,qBAAI,MAClB,8BAAC,SAAI,WAAW,qBAAI,SAAU,eAAI,GACpC;AAAA;AAAA,EACF;AAEJ","sourcesContent":["import { useMemo } from \"react\"\nimport css from \"./Bytes.module.scss\"\nimport {\n  Controller,\n  FxParamControllerProps,\n  HTMLInputController,\n} from \"./Controller\"\n\nexport function BytesController(props: FxParamControllerProps<\"bytes\">) {\n  const { options } = props\n\n  const hex = useMemo<string>(() => {\n    let out = \"\"\n    for (const v of props.value) {\n      out += v.toString(16).padStart(2, \"0\")\n    }\n    return out\n  }, [props.value])\n\n  return (\n    <Controller\n      id={props.id}\n      label={props.label}\n      layout={props.layout}\n      isCodeDriven={props.isCodeDriven}\n    >\n      <div className={css.root}>\n        <div className={css.wrapper}>{hex}</div>\n      </div>\n    </Controller>\n  )\n}\n","import 'css-chunk:src/Controller/Bytes.module.scss';export default {\n  \"root\": \"_root_sy7al_1\"\n};"]}

package/dist/{chunk-ZG3OT7LF.js → chunk-4OKETOHR.js}

@@ -1,14 +1,14 @@
 import {
   BaseParamsInput,
   Controller
-} from "./chunk-CE3TPOSO.js";
+} from "./chunk-2SARESCF.js";
 import {
   hexToRgba,
   rgbaToHex
-} from "./chunk-FZWZHHQ2.js";
+} from "./chunk-7H32FZ35.js";
 import {
   BaseButton
-} from "./chunk-2BHABOFI.js";
+} from "./chunk-BEDRMOBJ.js";
 
 // src/Controller/Color.tsx
 import {
@@ -20,13 +20,13 @@ import {
 
 // src/Controller/Color.module.scss
 var Color_module_default = {
-  "squaredButton": "_squaredButton_13v06_1",
-  "active": "_active_13v06_9",
-  "square": "_square_13v06_1",
-  "pickerWrapper": "_pickerWrapper_13v06_24",
-  "pickerAbsoluteWrapper": "_pickerAbsoluteWrapper_13v06_28",
-  "picker": "_picker_13v06_24",
-  "colorful": "_colorful_13v06_42"
+  "squaredButton": "_squaredButton_p7fh7_1",
+  "active": "_active_p7fh7_9",
+  "square": "_square_p7fh7_1",
+  "pickerWrapper": "_pickerWrapper_p7fh7_24",
+  "pickerAbsoluteWrapper": "_pickerAbsoluteWrapper_p7fh7_28",
+  "picker": "_picker_p7fh7_24",
+  "colorful": "_colorful_p7fh7_42"
 };
 
 // src/Controller/Color.tsx
@@ -117,4 +117,4 @@ function ColorController(props) {
 export {
   ColorController
 };
-//# sourceMappingURL=chunk-ZG3OT7LF.js.map
+//# sourceMappingURL=chunk-4OKETOHR.js.map

package/dist/chunk-4OKETOHR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Color.tsx","../src/Controller/Color.module.scss"],"sourcesContent":["import {\n  useState,\n  useEffect,\n  useRef,\n  LegacyRef,\n  MutableRefObject,\n  RefObject,\n  ChangeEvent,\n  useMemo,\n} from \"react\"\nimport { hexToRgba, rgbaToHex } from \"../utils\"\nimport {\n  FxParamControllerProps,\n  Controller,\n  BaseParamsInput,\n} from \"./Controller\"\nimport classes from \"./Color.module.scss\"\nimport { RgbaColor, RgbaColorPicker } from \"react-colorful\"\nimport cx from \"classnames\"\nimport { BaseButton } from \"../BaseInput\"\n\nexport function ColorController(props: FxParamControllerProps<\"color\">) {\n  const ref = useRef<HTMLDivElement>(null)\n  const { label, id, onChange, value, layout = \"box\", isCodeDriven } = props\n  const [showPicker, setShowPicker] = useState(false)\n  const handleToggleShowPicker = () => {\n    setShowPicker(show => !show)\n  }\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    onChange(e.target.value)\n  }\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (ref.current && !ref.current?.contains(event.target as Node)) {\n        setShowPicker(false)\n      }\n    }\n    window.addEventListener(\"mousedown\", handleClickOutside)\n    return () => {\n      window.removeEventListener(\"mousedown\", handleClickOutside)\n    }\n  }, [ref])\n  const handleChangeColor = (newColor: RgbaColor) => {\n    onChange(rgbaToHex(newColor.r, newColor.g, newColor.b, newColor.a))\n  }\n  const color = useMemo(() => hexToRgba(value), [value])\n\n  return (\n    <Controller\n      id={id}\n      label={label}\n      layout={layout}\n      className={classes.pickerWrapper}\n      inputContainerProps={{ ref }}\n      isCodeDriven={isCodeDriven}\n    >\n      <BaseButton\n        className={cx(classes.squaredButton, { [classes.active]: showPicker })}\n        onClick={handleToggleShowPicker}\n        disabled={isCodeDriven}\n      >\n        <div\n          className={cx(classes.square, classes.leftTop)}\n          style={{\n            background: `linear-gradient(-45deg, ${value} 0%, ${value} 50%, ${value.slice(\n              0,\n              7\n            )} 50%, ${value.slice(0, 7)} 100%)`,\n          }}\n        />\n      </BaseButton>\n      <BaseParamsInput\n        type=\"text\"\n        id={`text-${id}`}\n        onChange={handleInputChange}\n        value={value}\n        autoComplete=\"off\"\n        maxLength={9}\n        minLength={2}\n        disabled={isCodeDriven}\n      />\n      {showPicker && (\n        <div className={classes.pickerAbsoluteWrapper}>\n          <div className={classes.picker}>\n            <RgbaColorPicker\n              color={color}\n              onChange={handleChangeColor}\n              className={classes.colorful}\n            />\n          </div>\n        </div>\n      )}\n    </Controller>\n  )\n}\n","import 'css-chunk:src/Controller/Color.module.scss';export default {\n  \"squaredButton\": \"_squaredButton_p7fh7_1\",\n  \"active\": \"_active_p7fh7_9\",\n  \"square\": \"_square_p7fh7_1\",\n  \"pickerWrapper\": \"_pickerWrapper_p7fh7_24\",\n  \"pickerAbsoluteWrapper\": \"_pickerAbsoluteWrapper_p7fh7_28\",\n  \"picker\": \"_picker_p7fh7_24\",\n  \"colorful\": \"_colorful_p7fh7_42\"\n};"],"mappings":";;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAKA;AAAA,OACK;;;ACT6C,IAAO,uBAAQ;AAAA,EACjE,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,UAAU;AAAA,EACV,YAAY;AACd;;;ADSA,SAAoB,uBAAuB;AAC3C,OAAO,QAAQ;AA8BX,SAaI,KAbJ;AA3BG,SAAS,gBAAgB,OAAwC;AACtE,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,EAAE,OAAO,IAAI,UAAU,OAAO,SAAS,OAAO,aAAa,IAAI;AACrE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,yBAAyB,MAAM;AACnC,kBAAc,UAAQ,CAAC,IAAI;AAAA,EAC7B;AACA,QAAM,oBAAoB,CAAC,MAAqC;AAC9D,aAAS,EAAE,OAAO,KAAK;AAAA,EACzB;AACA,YAAU,MAAM;AACd,aAAS,mBAAmB,OAAmB;AAC7C,UAAI,IAAI,WAAW,CAAC,IAAI,SAAS,SAAS,MAAM,MAAc,GAAG;AAC/D,sBAAc,KAAK;AAAA,MACrB;AAAA,IACF;AACA,WAAO,iBAAiB,aAAa,kBAAkB;AACvD,WAAO,MAAM;AACX,aAAO,oBAAoB,aAAa,kBAAkB;AAAA,IAC5D;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACR,QAAM,oBAAoB,CAAC,aAAwB;AACjD,aAAS,UAAU,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;AAAA,EACpE;AACA,QAAM,QAAQ,QAAQ,MAAM,UAAU,KAAK,GAAG,CAAC,KAAK,CAAC;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,qBAAQ;AAAA,MACnB,qBAAqB,EAAE,IAAI;AAAA,MAC3B;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,qBAAQ,eAAe,EAAE,CAAC,qBAAQ,MAAM,GAAG,WAAW,CAAC;AAAA,YACrE,SAAS;AAAA,YACT,UAAU;AAAA,YAEV;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,GAAG,qBAAQ,QAAQ,qBAAQ,OAAO;AAAA,gBAC7C,OAAO;AAAA,kBACL,YAAY,2BAA2B,aAAa,cAAc,MAAM;AAAA,oBACtE;AAAA,oBACA;AAAA,kBACF,UAAU,MAAM,MAAM,GAAG,CAAC;AAAA,gBAC5B;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA,cAAa;AAAA,YACb,WAAW;AAAA,YACX,WAAW;AAAA,YACX,UAAU;AAAA;AAAA,QACZ;AAAA,QACC,cACC,oBAAC,SAAI,WAAW,qBAAQ,uBACtB,8BAAC,SAAI,WAAW,qBAAQ,QACtB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,UAAU;AAAA,YACV,WAAW,qBAAQ;AAAA;AAAA,QACrB,GACF,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/{chunk-FZWZHHQ2.js → chunk-7H32FZ35.js}

@@ -308,7 +308,10 @@ function deserializeParams(bytes, definition, options) {
     const bytesLen = processor.bytesLength(def);
     const valueBytes = bytes.substring(0, bytesLen * 2);
     bytes = bytes.substring(bytesLen * 2);
-    const val = processor.deserialize(valueBytes, def);
+    const val = processor.deserialize(
+      valueBytes,
+      def
+    );
     params[def.id] = transformer ? transformer(val, def) : val;
   }
   return params;
@@ -335,12 +338,15 @@ function consolidateParams(params, data) {
   return rtn;
 }
 function getRandomParamValues(params, options) {
-  return params.reduce((acc, definition) => {
-    const processor = ParameterProcessors[definition.type];
-    const v = processor.random(definition);
-    acc[definition.id] = options?.noTransform ? v : processor.transform?.(v) || v;
-    return acc;
-  }, {});
+  return params.reduce(
+    (acc, definition) => {
+      const processor = ParameterProcessors[definition.type];
+      const v = processor.random(definition);
+      acc[definition.id] = options?.noTransform ? v : processor.transform?.(v) || v;
+      return acc;
+    },
+    {}
+  );
 }
 function sumBytesParams(definitions) {
   return definitions?.reduce(
@@ -395,4 +401,4 @@ export {
   processParam,
   processParams
 };
-//# sourceMappingURL=chunk-FZWZHHQ2.js.map
+//# sourceMappingURL=chunk-7H32FZ35.js.map