@fxhash/params 0.0.5 → 0.0.7

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 _chunkYBV33YPCcjs = require('./chunk-YBV33YPC.cjs');
+
+
+var _chunk2QU65L2Ocjs = require('./chunk-2QU65L2O.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) => _chunk2QU65L2Ocjs.stringifyParamsData.call(void 0, a) === _chunk2QU65L2Ocjs.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, _chunkYBV33YPCcjs.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-EIQHQNZJ.js";
+import {
+  stringifyParamsData
+} from "./chunk-SDPENM2L.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 _chunkYBV33YPCcjs = require('./chunk-YBV33YPC.cjs');
+require('./chunk-2QU65L2O.cjs');
+
+
+
+exports.RuntimeContext = _chunkYBV33YPCcjs.RuntimeContext; exports.RuntimeProvider = _chunkYBV33YPCcjs.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-EIQHQNZJ.js";
+import "./chunk-SDPENM2L.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":[]}