@fxhash/params 0.0.4 → 0.0.7

package/dist/chunk-WQVPKBSN.cjs

@@ -0,0 +1,110 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkTKKYM77Acjs = require('./chunk-TKKYM77A.cjs');
+
+
+var _chunkK4EW6YY3cjs = require('./chunk-K4EW6YY3.cjs');
+
+
+var _chunkJAU4ONF2cjs = require('./chunk-JAU4ONF2.cjs');
+
+
+var _chunkEACKNC6Ccjs = require('./chunk-EACKNC6C.cjs');
+
+
+var _chunkDP5CBORYcjs = require('./chunk-DP5CBORY.cjs');
+
+
+var _chunkD4RVVQC7cjs = require('./chunk-D4RVVQC7.cjs');
+
+
+var _chunkVED7SCYXcjs = require('./chunk-VED7SCYX.cjs');
+
+
+var _chunkFDUCXROEcjs = require('./chunk-FDUCXROE.cjs');
+
+
+var _chunkQM6EKPI6cjs = require('./chunk-QM6EKPI6.cjs');
+
+// src/Controller/Param.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var controllerDefinitions = {
+  number: {
+    type: "number",
+    controller: _chunkTKKYM77Acjs.NumberController,
+    handler: (e) => Number(e.target.value)
+  },
+  bigint: {
+    type: "bigint",
+    controller: _chunkDP5CBORYcjs.BigIntController,
+    handler: (e) => BigInt(e.target.value)
+  },
+  string: {
+    type: "string",
+    controller: _chunkJAU4ONF2cjs.StringController,
+    handler: (e) => e.target.value
+  },
+  bytes: {
+    type: "bytes",
+    controller: _chunkVED7SCYXcjs.BytesController,
+    handler: (e) => e.target.value
+  },
+  boolean: {
+    type: "boolean",
+    controller: _chunkD4RVVQC7cjs.BooleanController,
+    handler: (e) => e.target.checked
+  },
+  color: {
+    type: "color",
+    controller: _chunkFDUCXROEcjs.ColorController,
+    handler: (v) => v
+  },
+  select: {
+    type: "select",
+    controller: _chunkK4EW6YY3cjs.SelectController,
+    handler: (e) => e.target.value
+  }
+};
+function ParameterController(props) {
+  const { parameter, onChange, parsed } = props;
+  const parsedDefinition = _react.useMemo.call(void 0, 
+    () => parsed || _chunkEACKNC6Ccjs.validateParameterDefinition.call(void 0, parameter),
+    [parameter, parsed]
+  );
+  const { controller: Controller, handler } = _react.useMemo.call(void 0, 
+    () => controllerDefinitions[parameter.type],
+    [parameter.type]
+  );
+  const handleChangeParam = (e) => {
+    const value = handler(e);
+    onChange(parameter.id, value);
+  };
+  if (parsedDefinition && parsedDefinition.success === false) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkQM6EKPI6cjs.ControllerInvalid,
+      {
+        definition: parameter,
+        error: parsedDefinition.error
+      }
+    );
+  }
+  const isCodeDriven = parameter.update === "code-driven";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Controller,
+    {
+      id: parameter.id,
+      label: parameter.name,
+      value: props.value,
+      onChange: handleChangeParam,
+      options: parameter.options,
+      isCodeDriven
+    }
+  );
+}
+
+
+
+
+exports.controllerDefinitions = controllerDefinitions; exports.ParameterController = ParameterController;
+//# sourceMappingURL=chunk-WQVPKBSN.cjs.map

package/dist/chunk-WQVPKBSN.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,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","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-X4O42D2P.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkOFUKQ2TBcjs = require('./chunk-OFUKQ2TB.cjs');
+
+// src/LockButton/LockButton.tsx
+var _reactfontawesome = require('@fortawesome/react-fontawesome');
+
+// src/LockButton/LockButton.module.scss
+var LockButton_module_default = {
+  "lockButton": "_lockButton_1bbiz_1"
+};
+
+// src/LockButton/LockButton.tsx
+var _freesolidsvgicons = require('@fortawesome/free-solid-svg-icons');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _jsxruntime = require('react/jsx-runtime');
+function LockButton(props) {
+  const { isLocked, className, ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkOFUKQ2TBcjs.IconButton,
+    {
+      color: "secondary",
+      className: _classnames2.default.call(void 0, 
+        LockButton_module_default.lockButton,
+        { [LockButton_module_default.isOpen]: !isLocked },
+        className
+      ),
+      ...rest,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactfontawesome.FontAwesomeIcon, { icon: isLocked ? _freesolidsvgicons.faLock : _freesolidsvgicons.faLockOpen })
+    }
+  );
+}
+
+
+
+exports.LockButton = LockButton;
+//# sourceMappingURL=chunk-X4O42D2P.cjs.map

package/dist/chunk-X4O42D2P.cjs.map

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

package/dist/chunk-YBV33YPC.cjs

@@ -0,0 +1,115 @@
+"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 _chunk2QU65L2Ocjs = require('./chunk-2QU65L2O.cjs');
+
+// src/RuntimeContext.tsx
+var _react = require('react');
+
+var _sha1 = require('sha1'); var _sha12 = _interopRequireDefault(_sha1);
+var _jsxruntime = require('react/jsx-runtime');
+function hashRuntimeState(state) {
+  return _sha12.default.call(void 0, _chunk2QU65L2Ocjs.jsonStringifyBigint.call(void 0, state));
+}
+function hashRuntimeHardState(state, definition) {
+  const staticParams = {};
+  for (const id in state.params) {
+    const def = _optionalChain([definition, 'optionalAccess', _ => _.find, 'call', _2 => _2((def2) => def2.id === id)]);
+    if (!def || !def.update || def.update === "page-reload") {
+      staticParams[id] = state.params[id];
+    }
+  }
+  return hashRuntimeState({
+    ...state,
+    params: staticParams
+  });
+}
+var defaultRuntimeContext = {
+  state: {
+    hash: "",
+    minter: "",
+    params: {},
+    update: () => {
+    },
+    iteration: 1,
+    context: "standalone"
+  },
+  definition: {
+    params: null,
+    version: null,
+    update: () => {
+    }
+  },
+  details: {
+    paramsByteSize: 0,
+    stateHash: {
+      soft: "",
+      hard: ""
+    }
+  }
+};
+var RuntimeContext = _react.createContext.call(void 0, defaultRuntimeContext);
+function RuntimeProvider({ children }) {
+  const [state, setState] = _react.useState.call(void 0, {
+    hash: "",
+    minter: "",
+    params: {},
+    iteration: 1,
+    context: new URLSearchParams(window.location.search).get(
+      "fxcontext"
+    ) || "standalone"
+  });
+  const [definition, setDefinition] = _react.useState.call(void 0, {
+    params: null,
+    version: null
+  });
+  const update = (data) => {
+    setState((lastState) => ({
+      ...lastState,
+      ...data
+    }));
+  };
+  const updateDefinition = (data) => {
+    setDefinition((lastDefinition) => ({
+      ...lastDefinition,
+      ...data
+    }));
+  };
+  const definitionEnhanced = _react.useMemo.call(void 0, 
+    () => ({
+      ...definition,
+      params: _optionalChain([definition, 'access', _3 => _3.params, 'optionalAccess', _4 => _4.map, 'call', _5 => _5((p) => ({
+        ...p,
+        version: definition.version || "0"
+      }))]) || null
+    }),
+    [definition]
+  );
+  const ctx = {
+    state: {
+      ...state,
+      update
+    },
+    definition: {
+      ...definitionEnhanced,
+      update: updateDefinition
+    },
+    details: _react.useMemo.call(void 0, 
+      () => ({
+        paramsByteSize: _chunk2QU65L2Ocjs.sumBytesParams.call(void 0, definition.params || []),
+        stateHash: {
+          soft: hashRuntimeState(state),
+          hard: hashRuntimeHardState(state, definition.params)
+        }
+      }),
+      [state, definition.params]
+    )
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RuntimeContext.Provider, { value: ctx, children });
+}
+
+
+
+
+exports.RuntimeContext = RuntimeContext; exports.RuntimeProvider = RuntimeProvider;
+//# sourceMappingURL=chunk-YBV33YPC.cjs.map

package/dist/chunk-YBV33YPC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/RuntimeContext.tsx"],"names":["def"],"mappings":";;;;;;AAKA,SAA4B,SAAS,gBAAgB;AACrD,SAAS,qBAAqB;AAC9B,OAAO,UAAU;AAwKb;AAtIJ,SAAS,iBAAiB,OAA6B;AACrD,SAAO,KAAK,oBAAoB,KAAK,CAAC;AACxC;AAQA,SAAS,qBACP,OACA,YACQ;AACR,QAAM,eAA6B,CAAC;AACpC,aAAW,MAAM,MAAM,QAAQ;AAC7B,UAAM,MAAM,YAAY,KAAK,CAACA,SAAQA,KAAI,OAAO,EAAE;AAEnD,QAAI,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,WAAW,eAAe;AACvD,mBAAa,EAAE,IAAI,MAAM,OAAO,EAAE;AAAA,IACpC;AAAA,EACF;AACA,SAAO,iBAAiB;AAAA,IACtB,GAAG;AAAA,IACH,QAAQ;AAAA,EACV,CAAC;AACH;AAiBA,IAAM,wBAAyC;AAAA,EAC7C,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,CAAC;AAAA,IACT,QAAQ,MAAM;AAAA,IAAC;AAAA,IACf,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ,MAAM;AAAA,IAAC;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,gBAAgB;AAAA,IAChB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,IAAM,iBAAiB,cAAc,qBAAqB;AAG1D,SAAS,gBAAgB,EAAE,SAAS,GAAU;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB;AAAA,IAC/C,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,CAAC;AAAA,IACT,WAAW;AAAA,IACX,SACG,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE;AAAA,MAC3C;AAAA,IACF,KAA2B;AAAA,EAC/B,CAAC;AACD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B;AAAA,IAC9D,QAAQ;AAAA,IACR,SAAS;AAAA,EACX,CAAC;AAED,QAAM,SAAuC,CAAC,SAAS;AACrD,aAAS,CAAC,eAAe;AAAA,MACvB,GAAG;AAAA,MACH,GAAG;AAAA,IACL,EAAE;AAAA,EACJ;AAEA,QAAM,mBAAsD,CAAC,SAAS;AACpE,kBAAc,CAAC,oBAAoB;AAAA,MACjC,GAAG;AAAA,MACH,GAAG;AAAA,IACL,EAAE;AAAA,EACJ;AAGA,QAAM,qBAAqB;AAAA,IACzB,OAAO;AAAA,MACL,GAAG;AAAA,MACH,QACE,WAAW,QAAQ,IAAI,CAAC,OAAuC;AAAA,QAC7D,GAAG;AAAA,QACH,SAAS,WAAW,WAAW;AAAA,MACjC,EAAE,KAAK;AAAA,IACX;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,MAAuB;AAAA,IAC3B,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,GAAG;AAAA,MACH,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,gBAAgB,eAAe,WAAW,UAAU,CAAC,CAAC;AAAA,QACtD,WAAW;AAAA,UACT,MAAM,iBAAiB,KAAK;AAAA,UAC5B,MAAM,qBAAqB,OAAO,WAAW,MAAM;AAAA,QACrD;AAAA,MACF;AAAA,MACA,CAAC,OAAO,WAAW,MAAM;AAAA,IAC3B;AAAA,EACF;AAEA,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,KAAM,UAAS;AAEnD","sourcesContent":["import {\n  FxParamDefinition,\n  FxParamType,\n  FxParamsData,\n} from \"types\"\nimport { PropsWithChildren, useMemo, useState } from \"react\"\nimport { createContext } from \"react\"\nimport sha1 from \"sha1\"\nimport { jsonStringifyBigint, sumBytesParams } from \"utils\"\n\nexport type TUpdateStateFn<T> = (data: Partial<T>) => void\n\nexport type TUpdateableState<T> = T & {\n  update: TUpdateStateFn<T>\n}\n/**\n * The Runtime Context is responsible for managing the state of a project ran\n * in a frame. It centralizes any source of data to derive the project and\n * facilitate their manipulation from the outside.\n *\n * See comments on IRuntimeContext for more details.\n */\n\nexport type TExecutionContext = \"minting\" | \"standalone\" | \"capture\"\n\nexport interface RuntimeState {\n  hash: string\n  minter: string\n  params: FxParamsData\n  iteration: number\n  context: TExecutionContext\n}\n\nexport interface RuntimeDefinition {\n  params: FxParamDefinition<FxParamType>[] | null\n  version: string | null\n}\n\n/**\n * Hashes a runtime state using sha1\n */\nfunction hashRuntimeState(state: RuntimeState): string {\n  return sha1(jsonStringifyBigint(state))\n}\n\n/**\n * Hashes the hard-refresh properties of a runtime state:\n * - hash\n * - minter address\n * - params in update mode \"page-reload\"\n */\nfunction hashRuntimeHardState(\n  state: RuntimeState,\n  definition: FxParamDefinition<FxParamType>[] | null\n): string {\n  const staticParams: FxParamsData = {}\n  for (const id in state.params) {\n    const def = definition?.find((def) => def.id === id)\n    // if no definition, or update == \"page-reload\" (which is default value)\n    if (!def || !def.update || def.update === \"page-reload\") {\n      staticParams[id] = state.params[id]\n    }\n  }\n  return hashRuntimeState({\n    ...state,\n    params: staticParams,\n  })\n}\n\nexport interface IRuntimeContext {\n  // the base state of the runtime\n  state: TUpdateableState<RuntimeState>\n  // definitions, used to manipulate the state\n  definition: TUpdateableState<RuntimeDefinition>\n  // extra details derived from the state & definition\n  details: {\n    paramsByteSize: number\n    stateHash: {\n      soft: string\n      hard: string\n    }\n  }\n}\n\nconst defaultRuntimeContext: IRuntimeContext = {\n  state: {\n    hash: \"\",\n    minter: \"\",\n    params: {},\n    update: () => {},\n    iteration: 1,\n    context: \"standalone\",\n  },\n  definition: {\n    params: null,\n    version: null,\n    update: () => {},\n  },\n  details: {\n    paramsByteSize: 0,\n    stateHash: {\n      soft: \"\",\n      hard: \"\",\n    },\n  },\n}\n\nexport const RuntimeContext = createContext(defaultRuntimeContext)\n\ntype Props = PropsWithChildren<any>\nexport function RuntimeProvider({ children }: Props) {\n  const [state, setState] = useState<RuntimeState>({\n    hash: \"\",\n    minter: \"\",\n    params: {},\n    iteration: 1,\n    context:\n      (new URLSearchParams(window.location.search).get(\n        \"fxcontext\"\n      ) as TExecutionContext) || \"standalone\",\n  })\n  const [definition, setDefinition] = useState<RuntimeDefinition>({\n    params: null,\n    version: null,\n  })\n\n  const update: TUpdateStateFn<RuntimeState> = (data) => {\n    setState((lastState) => ({\n      ...lastState,\n      ...data,\n    }))\n  }\n\n  const updateDefinition: TUpdateStateFn<RuntimeDefinition> = (data) => {\n    setDefinition((lastDefinition) => ({\n      ...lastDefinition,\n      ...data,\n    }))\n  }\n\n  // enhance each param definition with the version (useful for serialization)\n  const definitionEnhanced = useMemo(\n    () => ({\n      ...definition,\n      params:\n        definition.params?.map((p: FxParamDefinition<FxParamType>) => ({\n          ...p,\n          version: definition.version || \"0\",\n        })) || null,\n    }),\n    [definition]\n  )\n\n  const ctx: IRuntimeContext = {\n    state: {\n      ...state,\n      update,\n    },\n    definition: {\n      ...definitionEnhanced,\n      update: updateDefinition,\n    },\n    details: useMemo(\n      () => ({\n        paramsByteSize: sumBytesParams(definition.params || []),\n        stateHash: {\n          soft: hashRuntimeState(state),\n          hard: hashRuntimeHardState(state, definition.params),\n        },\n      }),\n      [state, definition.params]\n    ),\n  }\n\n  return (\n    <RuntimeContext.Provider value={ctx}>{children}</RuntimeContext.Provider>\n  )\n}\n"]}

package/dist/chunk-YOS2HCIS.js

@@ -0,0 +1,23 @@
+import {
+  HTMLInputController
+} from "./chunk-CE3TPOSO.js";
+
+// src/Controller/Boolean.tsx
+import { jsx } from "react/jsx-runtime";
+function BooleanController(props) {
+  const { ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    HTMLInputController,
+    {
+      type: "checkbox",
+      layout: "box",
+      inputProps: { checked: props.value },
+      ...rest
+    }
+  );
+}
+
+export {
+  BooleanController
+};
+//# sourceMappingURL=chunk-YOS2HCIS.js.map

package/dist/chunk-YOS2HCIS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Boolean.tsx"],"sourcesContent":["import { FxParamControllerProps, HTMLInputController } from \"./Controller\"\nimport classes from \"./Controller.module.scss\"\n\nexport function BooleanController(props: FxParamControllerProps<\"boolean\">) {\n  const { ...rest } = props\n  return (\n    <HTMLInputController\n      type=\"checkbox\"\n      layout=\"box\"\n      inputProps={{ checked: props.value }}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;AAMI;AAHG,SAAS,kBAAkB,OAA0C;AAC1E,QAAM,EAAE,GAAG,KAAK,IAAI;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAO;AAAA,MACP,YAAY,EAAE,SAAS,MAAM,MAAM;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-YYEIYDDF.js

@@ -0,0 +1,24 @@
+import {
+  HTMLInputController
+} from "./chunk-CE3TPOSO.js";
+
+// src/Controller/String.tsx
+import { jsx } from "react/jsx-runtime";
+function StringController(props) {
+  const { options } = props;
+  const minLength = Number(options?.minLength) || 0;
+  const maxLength = Number(options?.maxLength) || 64;
+  return /* @__PURE__ */ jsx(
+    HTMLInputController,
+    {
+      type: "text",
+      inputProps: { minLength, maxLength },
+      ...props
+    }
+  );
+}
+
+export {
+  StringController
+};
+//# sourceMappingURL=chunk-YYEIYDDF.js.map

package/dist/chunk-YYEIYDDF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/String.tsx"],"sourcesContent":["import { FxParamControllerProps, HTMLInputController } from \"./Controller\"\n\nexport function StringController(props: FxParamControllerProps<\"string\">) {\n  const { options } = props\n  const minLength = Number(options?.minLength) || 0\n  const maxLength = Number(options?.maxLength) || 64\n\n  return (\n    <HTMLInputController\n      type=\"text\"\n      inputProps={{ minLength, maxLength }}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;AAQI;AANG,SAAS,iBAAiB,OAAyC;AACxE,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,YAAY,OAAO,SAAS,SAAS,KAAK;AAChD,QAAM,YAAY,OAAO,SAAS,SAAS,KAAK;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,YAAY,EAAE,WAAW,UAAU;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-ZUITF5XX.js

@@ -0,0 +1,46 @@
+import {
+  Controller_module_default,
+  HTMLInputControllerWithTextInput
+} from "./chunk-CE3TPOSO.js";
+import {
+  MAX_SAFE_INT64,
+  MIN_SAFE_INT64
+} from "./chunk-SDPENM2L.js";
+
+// src/Controller/BigInt.tsx
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+function BigIntController(props) {
+  const { options, value } = props;
+  const min = useMemo(() => {
+    if (typeof options?.min === "undefined")
+      return MIN_SAFE_INT64;
+    return options.min;
+  }, [options?.min]);
+  const max = useMemo(() => {
+    if (typeof options?.max === "undefined")
+      return MAX_SAFE_INT64;
+    return options.max;
+  }, [options?.max]);
+  const stringValue = `${value}`;
+  return /* @__PURE__ */ jsx(
+    HTMLInputControllerWithTextInput,
+    {
+      type: "range",
+      inputProps: { min: `${min}`, max: `${max}` },
+      textInputProps: {
+        type: "number",
+        min: `${min}`,
+        max: `${max}`,
+        className: Controller_module_default.numberInput
+      },
+      ...props,
+      value: stringValue
+    }
+  );
+}
+
+export {
+  BigIntController
+};
+//# sourceMappingURL=chunk-ZUITF5XX.js.map

package/dist/chunk-ZUITF5XX.js.map

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

package/dist/hooks.cjs

@@ -0,0 +1,29 @@
+"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; }// src/hooks.ts
+var _react = require('react');
+function useMessageListener(eventId, listener) {
+  _react.useEffect.call(void 0, () => {
+    const _listener = (e) => {
+      if (e.data.id === eventId)
+        listener(e);
+    };
+    window.addEventListener("message", _listener, false);
+    return () => {
+      window.removeEventListener("message", _listener, false);
+    };
+  }, [listener]);
+}
+function usePostMessageListener(iframe, eventId, listener) {
+  useMessageListener(eventId, listener);
+  _react.useEffect.call(void 0, () => {
+    if (!iframe.current)
+      return;
+    iframe.current.addEventListener("load", () => {
+      _optionalChain([iframe, 'access', _ => _.current, 'optionalAccess', _2 => _2.contentWindow, 'optionalAccess', _3 => _3.postMessage, 'call', _4 => _4(eventId, "*")]);
+    });
+  }, [iframe, eventId]);
+}
+
+
+
+exports.useMessageListener = useMessageListener; exports.usePostMessageListener = usePostMessageListener;
+//# sourceMappingURL=hooks.cjs.map

package/dist/hooks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks.ts"],"names":[],"mappings":";AAAA,SAAoB,iBAAiB;AAE9B,SAAS,mBACd,SACA,UACA;AACA,YAAU,MAAM;AACd,UAAM,YAAY,CAAC,MAAW;AAC5B,UAAI,EAAE,KAAK,OAAO;AAAS,iBAAS,CAAC;AAAA,IACvC;AAEA,WAAO,iBAAiB,WAAW,WAAW,KAAK;AAEnD,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,WAAW,KAAK;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AACf;AAEO,SAAS,uBACd,QACA,SACA,UACA;AACA,qBAAmB,SAAS,QAAQ;AACpC,YAAU,MAAM;AACd,QAAI,CAAC,OAAO;AAAS;AACrB,WAAO,QAAQ,iBAAiB,QAAQ,MAAM;AAC5C,aAAO,SAAS,eAAe,YAAY,SAAS,GAAG;AAAA,IACzD,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,OAAO,CAAC;AACtB","sourcesContent":["import { RefObject, useEffect } from \"react\"\n\nexport function useMessageListener(\n  eventId: string,\n  listener: (e: any) => void\n) {\n  useEffect(() => {\n    const _listener = (e: any) => {\n      if (e.data.id === eventId) listener(e)\n    }\n\n    window.addEventListener(\"message\", _listener, false)\n\n    return () => {\n      window.removeEventListener(\"message\", _listener, false)\n    }\n  }, [listener])\n}\n\nexport function usePostMessageListener(\n  iframe: RefObject<HTMLIFrameElement>,\n  eventId: string,\n  listener: (e: any) => void\n) {\n  useMessageListener(eventId, listener)\n  useEffect(() => {\n    if (!iframe.current) return\n    iframe.current.addEventListener(\"load\", () => {\n      iframe.current?.contentWindow?.postMessage(eventId, \"*\")\n    })\n  }, [iframe, eventId])\n}\n"]}

package/dist/hooks.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+
+declare function useMessageListener(eventId: string, listener: (e: any) => void): void;
+declare function usePostMessageListener(iframe: RefObject<HTMLIFrameElement>, eventId: string, listener: (e: any) => void): void;
+
+export { useMessageListener, usePostMessageListener };

package/dist/hooks.js

@@ -0,0 +1,29 @@
+// src/hooks.ts
+import { useEffect } from "react";
+function useMessageListener(eventId, listener) {
+  useEffect(() => {
+    const _listener = (e) => {
+      if (e.data.id === eventId)
+        listener(e);
+    };
+    window.addEventListener("message", _listener, false);
+    return () => {
+      window.removeEventListener("message", _listener, false);
+    };
+  }, [listener]);
+}
+function usePostMessageListener(iframe, eventId, listener) {
+  useMessageListener(eventId, listener);
+  useEffect(() => {
+    if (!iframe.current)
+      return;
+    iframe.current.addEventListener("load", () => {
+      iframe.current?.contentWindow?.postMessage(eventId, "*");
+    });
+  }, [iframe, eventId]);
+}
+export {
+  useMessageListener,
+  usePostMessageListener
+};
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks.ts"],"sourcesContent":["import { RefObject, useEffect } from \"react\"\n\nexport function useMessageListener(\n  eventId: string,\n  listener: (e: any) => void\n) {\n  useEffect(() => {\n    const _listener = (e: any) => {\n      if (e.data.id === eventId) listener(e)\n    }\n\n    window.addEventListener(\"message\", _listener, false)\n\n    return () => {\n      window.removeEventListener(\"message\", _listener, false)\n    }\n  }, [listener])\n}\n\nexport function usePostMessageListener(\n  iframe: RefObject<HTMLIFrameElement>,\n  eventId: string,\n  listener: (e: any) => void\n) {\n  useMessageListener(eventId, listener)\n  useEffect(() => {\n    if (!iframe.current) return\n    iframe.current.addEventListener(\"load\", () => {\n      iframe.current?.contentWindow?.postMessage(eventId, \"*\")\n    })\n  }, [iframe, eventId])\n}\n"],"mappings":";AAAA,SAAoB,iBAAiB;AAE9B,SAAS,mBACd,SACA,UACA;AACA,YAAU,MAAM;AACd,UAAM,YAAY,CAAC,MAAW;AAC5B,UAAI,EAAE,KAAK,OAAO;AAAS,iBAAS,CAAC;AAAA,IACvC;AAEA,WAAO,iBAAiB,WAAW,WAAW,KAAK;AAEnD,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,WAAW,KAAK;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AACf;AAEO,SAAS,uBACd,QACA,SACA,UACA;AACA,qBAAmB,SAAS,QAAQ;AACpC,YAAU,MAAM;AACd,QAAI,CAAC,OAAO;AAAS;AACrB,WAAO,QAAQ,iBAAiB,QAAQ,MAAM;AAC5C,aAAO,SAAS,eAAe,YAAY,SAAS,GAAG;AAAA,IACzD,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,OAAO,CAAC;AACtB;","names":[]}

package/dist/index.cjs

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

package/dist/index.cjs.map

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

package/dist/index.css

@@ -0,0 +1,112 @@
+/* esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss */
+._baseInput_jtvfw_1,
+._baseSelect_jtvfw_1,
+._baseButton_jtvfw_1 {
+  font-family: var(--fxl-font-family);
+  font-size: var(--fxl-font-size-regular);
+  height: 30px;
+  color: var(--fxl-color-text-primary);
+  background: var(--fxl-color-background2);
+  border: 1px solid var(--fxl-color-light2);
+  padding: 0 var(--fxl-spacing-xxs);
+  outline-offset: -1px;
+}
+._baseInput_jtvfw_1:hover,
+._baseSelect_jtvfw_1:hover,
+._baseButton_jtvfw_1:hover {
+  background: var(--fxl-color-background3);
+}
+._baseInput_jtvfw_1:focus-visible,
+._baseSelect_jtvfw_1:focus-visible,
+._baseButton_jtvfw_1:focus-visible {
+  outline: 1px solid var(--fxl-color-primary);
+}
+._baseInput_jtvfw_1:disabled,
+._baseSelect_jtvfw_1:disabled,
+._baseButton_jtvfw_1:disabled {
+  opacity: 0.6;
+  pointer-events: none;
+}
+._baseButton_jtvfw_1 {
+  cursor: pointer;
+  background: var(--fxl-color-background2);
+  color: var(--fxl-color-text-primary);
+  font-weight: 700;
+}
+._baseButton_jtvfw_1:hover {
+  background: var(--fxl-color-background3);
+  color: var(--fxl-color-light);
+  outline: 1px solid var(--fxl-color-primary);
+}
+._baseButton_jtvfw_1:focus-visible {
+  outline: 1px solid var(--fxl-color-primary);
+  outline-offset: 2px;
+}
+._baseButton_jtvfw_1._color-secondary_jtvfw_37 {
+  background: var(--fxl-color-dark1);
+  color: var(--fxl-color-light);
+}
+._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {
+  background: var(--fxl-color-dark2);
+  color: var(--fxl-color-light);
+  outline: 1px solid var(--fxl-color-primary);
+}
+._iconButton_jtvfw_47 {
+  width: 30px !important;
+  cursor: pointer;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+._baseInput_jtvfw_1[type=range] {
+  -webkit-appearance: none;
+  appearance: none;
+  height: 3px !important;
+  background: var(--fxl-color-light2);
+  outline: none;
+  padding: 0 !important;
+  border: none;
+}
+._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  width: 15px;
+  height: 15px;
+  background: var(--fxl-color-primary);
+  border-radius: 50%;
+}
+._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {
+  transform: scale(1.1);
+}
+._baseInput_jtvfw_1[type=range]::-moz-range-thumb {
+  cursor: pointer;
+  width: 15px;
+  height: 15px;
+  background: var(--fxl-color-primary);
+  border-radius: 50%;
+}
+._baseInput_jtvfw_1[type=checkbox] {
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  width: 30px !important;
+  height: 30px !important;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+._baseInput_jtvfw_1[type=checkbox]:checked:after {
+  content: "";
+  width: 15px;
+  height: 15px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: var(--fxl-color-primary);
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/BaseInput.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}"],"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;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { BaseInput } from './BaseInput.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/index.js

@@ -0,0 +1,7 @@
+import {
+  BaseInput
+} from "./chunk-2BHABOFI.js";
+export {
+  BaseInput
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/types.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=types.cjs.map

package/dist/types.cjs.map

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