@fxhash/params 0.0.5 → 0.0.8

package/dist/ParamsHistory.cjs

@@ -0,0 +1,89 @@
+"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 _chunkQDLMFMLLcjs = require('./chunk-QDLMFMLL.cjs');
+
+// src/ParamsHistory.tsx
+
+
+
+
+
+
+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 defaultParamsHistoryContext = {
+  history: [],
+  pushHistory: () => {
+  },
+  offset: 0,
+  setOffset: () => {
+  },
+  undo: () => {
+  },
+  redo: () => {
+  }
+};
+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 [history, setHistory] = _react.useState.call(void 0, []);
+  const [offset, setOffset] = _react.useState.call(void 0, 0);
+  const historyActions = {
+    "params-update": (entry) => {
+      runtime.state.update({ params: entry.data });
+    }
+  };
+  const pushHistory = _react.useCallback.call(void 0, 
+    _lodashdebounce2.default.call(void 0, (entry) => {
+      setHistory((prev) => [entry, ...prev]);
+      setOffset(0);
+      lastActionData.current = entry.data;
+    }, 200),
+    []
+  );
+  const undo = () => {
+    if (offset >= history.length)
+      return;
+    setOffset(offset + 1);
+  };
+  const redo = () => {
+    if (offset <= 0)
+      return;
+    setOffset(offset - 1);
+  };
+  _react.useEffect.call(void 0, () => {
+    const currentEntry = _optionalChain([history, 'optionalAccess', _ => _[offset]]);
+    _optionalChain([historyActions, 'access', _2 => _2[_optionalChain([currentEntry, 'optionalAccess', _3 => _3.type])], 'optionalCall', _4 => _4(
+      currentEntry
+    )]);
+    lastActionData.current = _optionalChain([currentEntry, 'optionalAccess', _5 => _5.data]);
+  }, [offset]);
+  _react.useEffect.call(void 0, () => {
+    if (isEqual(runtime.state.params, _optionalChain([lastActionData, 'optionalAccess', _6 => _6.current])))
+      return;
+    if (!runtime.state.params)
+      return;
+    pushHistory({ type: "params-update", data: runtime.state.params });
+  }, [runtime.state.params, lastActionData.current]);
+  const context = {
+    history,
+    pushHistory,
+    offset,
+    setOffset,
+    undo,
+    redo
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ParamsHistoryContext.Provider, { value: context, children });
+}
+
+
+
+exports.ParamsHistoryContext = ParamsHistoryContext; exports.ParamsHistoryProvider = ParamsHistoryProvider;
+//# sourceMappingURL=ParamsHistory.cjs.map

package/dist/ParamsHistory.cjs.map

@@ -0,0 +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"]}

package/dist/ParamsHistory.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { PropsWithChildren } from 'react';
+
+type ParamsHistoryActionType = "params-update";
+interface IParamsHistoryEntry {
+    type: ParamsHistoryActionType;
+    data: any;
+}
+interface IParamsHistoryContext {
+    history: IParamsHistoryEntry[];
+    pushHistory: (entry: IParamsHistoryEntry) => void;
+    offset: number;
+    setOffset: (o: number) => void;
+    undo: () => void;
+    redo: () => void;
+}
+declare const ParamsHistoryContext: react.Context<IParamsHistoryContext>;
+type Props = PropsWithChildren<any>;
+declare function ParamsHistoryProvider({ children }: Props): react_jsx_runtime.JSX.Element;
+
+export { IParamsHistoryContext, ParamsHistoryContext, ParamsHistoryProvider };

package/dist/ParamsHistory.js

@@ -0,0 +1,89 @@
+import {
+  RuntimeContext
+} from "./chunk-Z7K2LNS2.js";
+import {
+  stringifyParamsData
+} from "./chunk-FZWZHHQ2.js";
+
+// src/ParamsHistory.tsx
+import {
+  useContext,
+  useEffect,
+  useState,
+  useCallback,
+  useRef
+} from "react";
+import { createContext } from "react";
+import debounce from "lodash.debounce";
+import { jsx } from "react/jsx-runtime";
+var isEqual = (a, b) => stringifyParamsData(a) === stringifyParamsData(b);
+var defaultParamsHistoryContext = {
+  history: [],
+  pushHistory: () => {
+  },
+  offset: 0,
+  setOffset: () => {
+  },
+  undo: () => {
+  },
+  redo: () => {
+  }
+};
+var ParamsHistoryContext = createContext(defaultParamsHistoryContext);
+function ParamsHistoryProvider({ children }) {
+  const lastActionData = useRef(null);
+  const runtime = useContext(RuntimeContext);
+  const [history, setHistory] = useState([]);
+  const [offset, setOffset] = useState(0);
+  const historyActions = {
+    "params-update": (entry) => {
+      runtime.state.update({ params: entry.data });
+    }
+  };
+  const pushHistory = useCallback(
+    debounce((entry) => {
+      setHistory((prev) => [entry, ...prev]);
+      setOffset(0);
+      lastActionData.current = entry.data;
+    }, 200),
+    []
+  );
+  const undo = () => {
+    if (offset >= history.length)
+      return;
+    setOffset(offset + 1);
+  };
+  const redo = () => {
+    if (offset <= 0)
+      return;
+    setOffset(offset - 1);
+  };
+  useEffect(() => {
+    const currentEntry = history?.[offset];
+    historyActions[currentEntry?.type]?.(
+      currentEntry
+    );
+    lastActionData.current = currentEntry?.data;
+  }, [offset]);
+  useEffect(() => {
+    if (isEqual(runtime.state.params, lastActionData?.current))
+      return;
+    if (!runtime.state.params)
+      return;
+    pushHistory({ type: "params-update", data: runtime.state.params });
+  }, [runtime.state.params, lastActionData.current]);
+  const context = {
+    history,
+    pushHistory,
+    offset,
+    setOffset,
+    undo,
+    redo
+  };
+  return /* @__PURE__ */ jsx(ParamsHistoryContext.Provider, { value: context, children });
+}
+export {
+  ParamsHistoryContext,
+  ParamsHistoryProvider
+};
+//# sourceMappingURL=ParamsHistory.js.map

package/dist/ParamsHistory.js.map

@@ -0,0 +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":[]}

package/dist/RuntimeContext.cjs

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

package/dist/RuntimeContext.cjs.map

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

package/dist/RuntimeContext.d.ts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { PropsWithChildren } from 'react';
+import { FxParamsData, FxParamDefinition, FxParamType } from './types.js';
+
+type TUpdateStateFn<T> = (data: Partial<T>) => void;
+type TUpdateableState<T> = T & {
+    update: TUpdateStateFn<T>;
+};
+/**
+ * The Runtime Context is responsible for managing the state of a project ran
+ * in a frame. It centralizes any source of data to derive the project and
+ * facilitate their manipulation from the outside.
+ *
+ * See comments on IRuntimeContext for more details.
+ */
+type TExecutionContext = "minting" | "standalone" | "capture";
+interface RuntimeState {
+    hash: string;
+    minter: string;
+    params: FxParamsData;
+    iteration: number;
+    context: TExecutionContext;
+}
+interface RuntimeDefinition {
+    params: FxParamDefinition<FxParamType>[] | null;
+    version: string | null;
+}
+interface IRuntimeContext {
+    state: TUpdateableState<RuntimeState>;
+    definition: TUpdateableState<RuntimeDefinition>;
+    details: {
+        paramsByteSize: number;
+        stateHash: {
+            soft: string;
+            hard: string;
+        };
+    };
+}
+declare const RuntimeContext: react.Context<IRuntimeContext>;
+type Props = PropsWithChildren<any>;
+declare function RuntimeProvider({ children }: Props): react_jsx_runtime.JSX.Element;
+
+export { IRuntimeContext, RuntimeContext, RuntimeDefinition, RuntimeProvider, RuntimeState, TExecutionContext, TUpdateStateFn, TUpdateableState };

package/dist/RuntimeContext.js

@@ -0,0 +1,10 @@
+import {
+  RuntimeContext,
+  RuntimeProvider
+} from "./chunk-Z7K2LNS2.js";
+import "./chunk-FZWZHHQ2.js";
+export {
+  RuntimeContext,
+  RuntimeProvider
+};
+//# sourceMappingURL=RuntimeContext.js.map

package/dist/RuntimeContext.js.map

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

package/dist/chunk-2BHABOFI.js

@@ -0,0 +1,43 @@
+// src/BaseInput.module.scss
+var BaseInput_module_default = {
+  "baseInput": "_baseInput_jtvfw_1",
+  "baseSelect": "_baseSelect_jtvfw_1",
+  "baseButton": "_baseButton_jtvfw_1",
+  "color-secondary": "_color-secondary_jtvfw_37",
+  "iconButton": "_iconButton_jtvfw_47"
+};
+
+// src/BaseInput.tsx
+import cx from "classnames";
+import { jsx } from "react/jsx-runtime";
+function BaseInput(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsx("input", { className: cx(BaseInput_module_default.baseInput, className), ...rest });
+}
+function BaseSelect(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsx("select", { className: cx(BaseInput_module_default.baseSelect, className), ...rest });
+}
+function BaseButton(props) {
+  const { className, color = "primary", ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: cx(BaseInput_module_default.baseButton, BaseInput_module_default[`color-${color}`], className),
+      ...rest
+    }
+  );
+}
+function IconButton(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsx(BaseButton, { className: cx(BaseInput_module_default.iconButton, className), ...rest });
+}
+
+export {
+  BaseInput,
+  BaseSelect,
+  BaseButton,
+  IconButton
+};
+//# sourceMappingURL=chunk-2BHABOFI.js.map

package/dist/chunk-2BHABOFI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/BaseInput.module.scss","../src/BaseInput.tsx"],"sourcesContent":["import 'css-chunk:src/BaseInput.module.scss';export default {\n  \"baseInput\": \"_baseInput_jtvfw_1\",\n  \"baseSelect\": \"_baseSelect_jtvfw_1\",\n  \"baseButton\": \"_baseButton_jtvfw_1\",\n  \"color-secondary\": \"_color-secondary_jtvfw_37\",\n  \"iconButton\": \"_iconButton_jtvfw_47\"\n};","import {\n  ButtonHTMLAttributes,\n  HtmlHTMLAttributes,\n  InputHTMLAttributes,\n  SelectHTMLAttributes,\n} from \"react\"\nimport classes from \"./BaseInput.module.scss\"\nimport cx from \"classnames\"\n\nexport function BaseInput(props: InputHTMLAttributes<HTMLInputElement>) {\n  const { className, ...rest } = props\n  return <input className={cx(classes.baseInput, className)} {...rest} />\n}\n\nexport function BaseSelect(props: SelectHTMLAttributes<HTMLSelectElement>) {\n  const { className, ...rest } = props\n  return <select className={cx(classes.baseSelect, className)} {...rest} />\n}\n\nexport interface BaseButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  color?: \"primary\" | \"secondary\" | undefined\n}\n\nexport function BaseButton(props: BaseButtonProps) {\n  const { className, color = \"primary\", ...rest } = props\n  return (\n    <button\n      type=\"button\"\n      className={cx(classes.baseButton, classes[`color-${color}`], className)}\n      {...rest}\n    />\n  )\n}\n\nexport function IconButton(props: BaseButtonProps) {\n  const { className, ...rest } = props\n  return <BaseButton className={cx(classes.iconButton, className)} {...rest} />\n}\n"],"mappings":";AAA6C,IAAO,2BAAQ;AAAA,EAC1D,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAChB;;;ACCA,OAAO,QAAQ;AAIN;AAFF,SAAS,UAAU,OAA8C;AACtE,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAC/B,SAAO,oBAAC,WAAM,WAAW,GAAG,yBAAQ,WAAW,SAAS,GAAI,GAAG,MAAM;AACvE;AAEO,SAAS,WAAW,OAAgD;AACzE,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAC/B,SAAO,oBAAC,YAAO,WAAW,GAAG,yBAAQ,YAAY,SAAS,GAAI,GAAG,MAAM;AACzE;AAOO,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,WAAW,QAAQ,WAAW,GAAG,KAAK,IAAI;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,GAAG,yBAAQ,YAAY,yBAAQ,SAAS,OAAO,GAAG,SAAS;AAAA,MACrE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAC/B,SAAO,oBAAC,cAAW,WAAW,GAAG,yBAAQ,YAAY,SAAS,GAAI,GAAG,MAAM;AAC7E;","names":[]}

package/dist/chunk-2QIAF3U7.js

@@ -0,0 +1,39 @@
+import {
+  Controller
+} from "./chunk-CE3TPOSO.js";
+
+// src/Controller/Bytes.tsx
+import { useMemo } from "react";
+
+// src/Controller/Bytes.module.scss
+var Bytes_module_default = {
+  "root": "_root_1qszq_1"
+};
+
+// src/Controller/Bytes.tsx
+import { jsx } from "react/jsx-runtime";
+function BytesController(props) {
+  const { options } = props;
+  const hex = useMemo(() => {
+    let out = "";
+    for (const v of props.value) {
+      out += v.toString(16).padStart(2, "0");
+    }
+    return out;
+  }, [props.value]);
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      id: props.id,
+      label: props.label,
+      layout: props.layout,
+      isCodeDriven: props.isCodeDriven,
+      children: /* @__PURE__ */ jsx("div", { className: Bytes_module_default.root, children: /* @__PURE__ */ jsx("div", { className: Bytes_module_default.wrapper, children: hex }) })
+    }
+  );
+}
+
+export {
+  BytesController
+};
+//# sourceMappingURL=chunk-2QIAF3U7.js.map

package/dist/chunk-2QIAF3U7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Bytes.tsx","../src/Controller/Bytes.module.scss"],"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};"],"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;","names":[]}

package/dist/chunk-4OV7OX5A.js

@@ -0,0 +1,37 @@
+import {
+  IconButton
+} from "./chunk-2BHABOFI.js";
+
+// src/LockButton/LockButton.tsx
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+// src/LockButton/LockButton.module.scss
+var LockButton_module_default = {
+  "lockButton": "_lockButton_1bbiz_1"
+};
+
+// src/LockButton/LockButton.tsx
+import { faLock, faLockOpen } from "@fortawesome/free-solid-svg-icons";
+import cx from "classnames";
+import { jsx } from "react/jsx-runtime";
+function LockButton(props) {
+  const { isLocked, className, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      color: "secondary",
+      className: cx(
+        LockButton_module_default.lockButton,
+        { [LockButton_module_default.isOpen]: !isLocked },
+        className
+      ),
+      ...rest,
+      children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: isLocked ? faLock : faLockOpen })
+    }
+  );
+}
+
+export {
+  LockButton
+};
+//# sourceMappingURL=chunk-4OV7OX5A.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/LockButton/LockButton.tsx","../src/LockButton/LockButton.module.scss"],"sourcesContent":["import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport { BaseButtonProps, IconButton } from \"../BaseInput\"\nimport classes from \"./LockButton.module.scss\"\nimport { faLock, faLockOpen } from \"@fortawesome/free-solid-svg-icons\"\nimport cx from \"classnames\"\ninterface LockButtonProps extends BaseButtonProps {\n  isLocked?: boolean\n  className?: string\n}\n\nexport function LockButton(props: LockButtonProps) {\n  const { isLocked, className, ...rest } = props\n  return (\n    <IconButton\n      color=\"secondary\"\n      className={cx(\n        classes.lockButton,\n        { [classes.isOpen]: !isLocked },\n        className\n      )}\n      {...rest}\n    >\n      <FontAwesomeIcon icon={isLocked ? faLock : faLockOpen} />\n    </IconButton>\n  )\n}\n","import 'css-chunk:src/LockButton/LockButton.module.scss';export default {\n  \"lockButton\": \"_lockButton_1bbiz_1\"\n};"],"mappings":";;;;;AAAA,SAAS,uBAAuB;;;ACAyB,IAAO,4BAAQ;AAAA,EACtE,cAAc;AAChB;;;ADCA,SAAS,QAAQ,kBAAkB;AACnC,OAAO,QAAQ;AAkBT;AAZC,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,UAAU,WAAW,GAAG,KAAK,IAAI;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAW;AAAA,QACT,0BAAQ;AAAA,QACR,EAAE,CAAC,0BAAQ,MAAM,GAAG,CAAC,SAAS;AAAA,QAC9B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,mBAAgB,MAAM,WAAW,SAAS,YAAY;AAAA;AAAA,EACzD;AAEJ;","names":[]}

package/dist/chunk-57UENWLF.js

@@ -0,0 +1,110 @@
+import {
+  NumberController
+} from "./chunk-H5IMTNFG.js";
+import {
+  SelectController
+} from "./chunk-6VMIOQSE.js";
+import {
+  StringController
+} from "./chunk-YYEIYDDF.js";
+import {
+  validateParameterDefinition
+} from "./chunk-MWP7SJWC.js";
+import {
+  BigIntController
+} from "./chunk-P77D7XSP.js";
+import {
+  BooleanController
+} from "./chunk-YOS2HCIS.js";
+import {
+  BytesController
+} from "./chunk-2QIAF3U7.js";
+import {
+  ColorController
+} from "./chunk-ZG3OT7LF.js";
+import {
+  ControllerInvalid
+} from "./chunk-PTXBICTZ.js";
+
+// src/Controller/Param.tsx
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var controllerDefinitions = {
+  number: {
+    type: "number",
+    controller: NumberController,
+    handler: (e) => Number(e.target.value)
+  },
+  bigint: {
+    type: "bigint",
+    controller: BigIntController,
+    handler: (e) => BigInt(e.target.value)
+  },
+  string: {
+    type: "string",
+    controller: StringController,
+    handler: (e) => e.target.value
+  },
+  bytes: {
+    type: "bytes",
+    controller: BytesController,
+    handler: (e) => e.target.value
+  },
+  boolean: {
+    type: "boolean",
+    controller: BooleanController,
+    handler: (e) => e.target.checked
+  },
+  color: {
+    type: "color",
+    controller: ColorController,
+    handler: (v) => v
+  },
+  select: {
+    type: "select",
+    controller: SelectController,
+    handler: (e) => e.target.value
+  }
+};
+function ParameterController(props) {
+  const { parameter, onChange, parsed } = props;
+  const parsedDefinition = useMemo(
+    () => parsed || validateParameterDefinition(parameter),
+    [parameter, parsed]
+  );
+  const { controller: Controller, handler } = useMemo(
+    () => controllerDefinitions[parameter.type],
+    [parameter.type]
+  );
+  const handleChangeParam = (e) => {
+    const value = handler(e);
+    onChange(parameter.id, value);
+  };
+  if (parsedDefinition && parsedDefinition.success === false) {
+    return /* @__PURE__ */ jsx(
+      ControllerInvalid,
+      {
+        definition: parameter,
+        error: parsedDefinition.error
+      }
+    );
+  }
+  const isCodeDriven = parameter.update === "code-driven";
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      id: parameter.id,
+      label: parameter.name,
+      value: props.value,
+      onChange: handleChangeParam,
+      options: parameter.options,
+      isCodeDriven
+    }
+  );
+}
+
+export {
+  controllerDefinitions,
+  ParameterController
+};
+//# sourceMappingURL=chunk-57UENWLF.js.map

package/dist/chunk-57UENWLF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Param.tsx"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,eAA6B;AA6FhC;AAlEC,IAAM,wBAAsD;AAAA,EACjE,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM,OAAO,EAAE,OAAO,KAAK;AAAA,EACvC;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM,OAAO,EAAE,OAAO,KAAK;AAAA,EACvC;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM,EAAE,OAAO;AAAA,EAC3B;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM,EAAE,OAAO;AAAA,EAC3B;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,CAAC,MAAO,EAA0C,OAAO;AAAA,EACpE;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM,EAAE,OAAO;AAAA,EAC3B;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;","names":[]}

package/dist/chunk-6VMIOQSE.js

@@ -0,0 +1,34 @@
+import {
+  Controller
+} from "./chunk-CE3TPOSO.js";
+import {
+  BaseSelect
+} from "./chunk-2BHABOFI.js";
+
+// src/Controller/Select.tsx
+import { jsx } from "react/jsx-runtime";
+function SelectController({
+  id,
+  label,
+  value,
+  onChange,
+  options,
+  isCodeDriven
+}) {
+  return /* @__PURE__ */ jsx(Controller, { id, label, isCodeDriven, children: /* @__PURE__ */ jsx(
+    BaseSelect,
+    {
+      name: id,
+      id,
+      onChange,
+      value,
+      disabled: isCodeDriven,
+      children: options?.options.map((o) => /* @__PURE__ */ jsx("option", { value: o, children: o }, o))
+    }
+  ) });
+}
+
+export {
+  SelectController
+};
+//# sourceMappingURL=chunk-6VMIOQSE.js.map

package/dist/chunk-6VMIOQSE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Select.tsx"],"sourcesContent":["import { Controller, FxParamControllerProps } from \"./Controller\"\nimport { BaseSelect } from \"../BaseInput\"\n\nexport function SelectController({\n  id,\n  label,\n  value,\n  onChange,\n  options,\n  isCodeDriven,\n}: FxParamControllerProps<\"select\">) {\n  return (\n    <Controller id={id} label={label} isCodeDriven={isCodeDriven}>\n      <BaseSelect\n        name={id}\n        id={id}\n        onChange={onChange}\n        value={value}\n        disabled={isCodeDriven}\n      >\n        {options?.options.map((o) => (\n          <option key={o} value={o}>\n            {o}\n          </option>\n        ))}\n      </BaseSelect>\n    </Controller>\n  )\n}\n"],"mappings":";;;;;;;;AAqBU;AAlBH,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE,oBAAC,cAAW,IAAQ,OAAc,cAChC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MAET,mBAAS,QAAQ,IAAI,CAAC,MACrB,oBAAC,YAAe,OAAO,GACpB,eADU,CAEb,CACD;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/chunk-C6GTVBY6.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkHJBHIE5Tcjs = require('./chunk-HJBHIE5T.cjs');
+
+
+
+var _chunkQDLMFMLLcjs = require('./chunk-QDLMFMLL.cjs');
+
+// src/Controller/BigInt.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function BigIntController(props) {
+  const { options, value } = props;
+  const min = _react.useMemo.call(void 0, () => {
+    if (typeof _optionalChain([options, 'optionalAccess', _ => _.min]) === "undefined")
+      return _chunkQDLMFMLLcjs.MIN_SAFE_INT64;
+    return options.min;
+  }, [_optionalChain([options, 'optionalAccess', _2 => _2.min])]);
+  const max = _react.useMemo.call(void 0, () => {
+    if (typeof _optionalChain([options, 'optionalAccess', _3 => _3.max]) === "undefined")
+      return _chunkQDLMFMLLcjs.MAX_SAFE_INT64;
+    return options.max;
+  }, [_optionalChain([options, 'optionalAccess', _4 => _4.max])]);
+  const stringValue = `${value}`;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkHJBHIE5Tcjs.HTMLInputControllerWithTextInput,
+    {
+      type: "range",
+      inputProps: { min: `${min}`, max: `${max}` },
+      textInputProps: {
+        type: "number",
+        min: `${min}`,
+        max: `${max}`,
+        className: _chunkHJBHIE5Tcjs.Controller_module_default.numberInput
+      },
+      ...props,
+      value: stringValue
+    }
+  );
+}
+
+
+
+exports.BigIntController = BigIntController;
+//# sourceMappingURL=chunk-C6GTVBY6.cjs.map

package/dist/chunk-C6GTVBY6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/BigInt.tsx"],"names":[],"mappings":";;;;;;;;;;AAMA,SAAS,eAAe;AAcpB;AAZG,SAAS,iBAAiB,OAAyC;AACxE,QAAM,EAAE,SAAS,MAAM,IAAI;AAC3B,QAAM,MAAM,QAAQ,MAAM;AACxB,QAAI,OAAO,SAAS,QAAQ;AAAa,aAAO;AAChD,WAAO,QAAQ;AAAA,EACjB,GAAG,CAAC,SAAS,GAAG,CAAC;AACjB,QAAM,MAAM,QAAQ,MAAM;AACxB,QAAI,OAAO,SAAS,QAAQ;AAAa,aAAO;AAChD,WAAO,QAAQ;AAAA,EACjB,GAAG,CAAC,SAAS,GAAG,CAAC;AACjB,QAAM,cAAc,GAAG;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,YAAY,EAAE,KAAK,GAAG,OAAO,KAAK,GAAG,MAAM;AAAA,MAC3C,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,KAAK,GAAG;AAAA,QACR,KAAK,GAAG;AAAA,QACR,WAAW,0BAAQ;AAAA,MACrB;AAAA,MACC,GAAG;AAAA,MACJ,OAAO;AAAA;AAAA,EACT;AAEJ","sourcesContent":["import {\n  FxParamControllerProps,\n  HTMLInputControllerWithTextInput,\n} from \"./Controller\"\nimport classes from \"./Controller.module.scss\"\nimport { MAX_SAFE_INT64, MIN_SAFE_INT64 } from \"../utils\"\nimport { useMemo } from \"react\"\n\nexport function BigIntController(props: FxParamControllerProps<\"bigint\">) {\n  const { options, value } = props\n  const min = useMemo(() => {\n    if (typeof options?.min === \"undefined\") return MIN_SAFE_INT64\n    return options.min\n  }, [options?.min])\n  const max = useMemo(() => {\n    if (typeof options?.max === \"undefined\") return MAX_SAFE_INT64\n    return options.max\n  }, [options?.max])\n  const stringValue = `${value}`\n  return (\n    <HTMLInputControllerWithTextInput\n      type=\"range\"\n      inputProps={{ min: `${min}`, max: `${max}` }}\n      textInputProps={{\n        type: \"number\",\n        min: `${min}`,\n        max: `${max}`,\n        className: classes.numberInput,\n      }}\n      {...props}\n      value={stringValue}\n    />\n  )\n}\n"]}