@fxhash/params 0.0.9 → 0.0.10

package/dist/{chunk-YYEIYDDF.js → chunk-NBDFYP3Y.js}

@@ -1,6 +1,6 @@
 import {
   HTMLInputController
-} from "./chunk-CE3TPOSO.js";
+} from "./chunk-2SARESCF.js";
 
 // src/Controller/String.tsx
 import { jsx } from "react/jsx-runtime";
@@ -21,4 +21,4 @@ function StringController(props) {
 export {
   StringController
 };
-//# sourceMappingURL=chunk-YYEIYDDF.js.map
+//# sourceMappingURL=chunk-NBDFYP3Y.js.map

package/dist/{chunk-6VMIOQSE.js → chunk-SOEAQVIE.js}

@@ -1,9 +1,9 @@
 import {
   Controller
-} from "./chunk-CE3TPOSO.js";
+} from "./chunk-2SARESCF.js";
 import {
   BaseSelect
-} from "./chunk-2BHABOFI.js";
+} from "./chunk-BEDRMOBJ.js";
 
 // src/Controller/Select.tsx
 import { jsx } from "react/jsx-runtime";
@@ -31,4 +31,4 @@ function SelectController({
 export {
   SelectController
 };
-//# sourceMappingURL=chunk-6VMIOQSE.js.map
+//# sourceMappingURL=chunk-SOEAQVIE.js.map

package/dist/{chunk-6VMIOQSE.js.map → chunk-SOEAQVIE.js.map}

@@ -1 +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":[]}
+{"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,OACpB,oBAAC,YAAe,OAAO,GACpB,eADU,CAEb,CACD;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/{chunk-QM6EKPI6.cjs → chunk-TQGOPELV.cjs}

@@ -3,11 +3,11 @@ var _react = require('react');
 
 // src/Controller/Invalid.module.scss
 var Invalid_module_default = {
-  "invalid": "_invalid_9fznv_1",
-  "isOpen": "_isOpen_9fznv_30",
-  "errorsWrapper": "_errorsWrapper_9fznv_34",
-  "attributes": "_attributes_9fznv_40",
-  "issue": "_issue_9fznv_44"
+  "invalid": "_invalid_u8v12_1",
+  "isOpen": "_isOpen_u8v12_30",
+  "errorsWrapper": "_errorsWrapper_u8v12_34",
+  "attributes": "_attributes_u8v12_40",
+  "issue": "_issue_u8v12_44"
 };
 
 // src/Controller/Invalid.tsx
@@ -64,4 +64,4 @@ function ControllerInvalid(props) {
 
 
 exports.ControllerInvalid = ControllerInvalid;
-//# sourceMappingURL=chunk-QM6EKPI6.cjs.map
+//# sourceMappingURL=chunk-TQGOPELV.cjs.map

package/dist/chunk-TQGOPELV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Invalid.tsx","../src/Controller/Invalid.module.scss"],"names":[],"mappings":";AAAA,SAAS,gBAAgB;;;ACA6B,IAAO,yBAAQ;AAAA,EACnE,WAAW;AAAA,EACX,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,SAAS;AACX;;;ADFA,OAAO,QAAQ;AAUT,SAkBA,UAfA,KAHA;AAJN,SAAS,MAAM,OAAmB;AAChC,QAAM,EAAE,MAAM,IAAI;AAClB,SACE,qBAAC,QAAG,WAAW,uBAAQ,OACrB;AAAA,yBAAC,QACE;AAAA,YAAM;AAAA,MAAK;AAAA,MAAK,MAAM,KAAK,KAAK,GAAG;AAAA,OACtC;AAAA,IACA,oBAAC,OAAG,gBAAM,SAAQ;AAAA,KACpB;AAEJ;AAOA,SAAS,UAAU,OAAuB;AACxC,QAAM,EAAE,IAAI,WAAW,IAAI;AAC3B,MAAI,CAAC,WAAW,EAAE;AAAG,WAAO;AAC5B,SACE,oBAAC,QACC,2CACG;AAAA;AAAA,IAAG;AAAA,IAAG,WAAW,EAAE;AAAA,KACtB,GACF;AAEJ;AAOO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,EAAE,YAAY,MAAM,IAAI;AAE9B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,yBAAyB,MAAM;AACnC,kBAAc,CAAC,UAAU;AAAA,EAC3B;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,uBAAQ,OAAO,GAChC;AAAA,yBAAC,WAAM,SAAS,wBAAwB;AAAA;AAAA,MAEtC,oBAAC,OAAE,WAAW,GAAG,EAAE,CAAC,uBAAQ,MAAM,GAAG,WAAW,CAAC,GAC9C,uBAAa,MAAM,KACtB;AAAA,OACF;AAAA,IACC,cACC,qBAAC,SAAI,WAAW,uBAAQ,eACtB;AAAA,2BAAC,SAAI,WAAW,uBAAQ,YACtB;AAAA,4BAAC,aAAU,YAAwB,IAAG,MAAK;AAAA,QAC3C,oBAAC,aAAU,YAAwB,IAAG,QAAO;AAAA,SAC/C;AAAA,MACA,oBAAC,QAAG,WAAW,GAAG,uBAAQ,QAAQ,EAAE,CAAC,uBAAQ,MAAM,GAAG,WAAW,CAAC,GAC/D,gBAAM,OAAO,IAAI,WAChB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA;AAAA,QADK,GAAG,MAAM,QAAQ,MAAM,KAAK,KAAK,GAAG;AAAA,MAE3C,CACD,GACH;AAAA,OACF;AAAA,KAEJ;AAEJ","sourcesContent":["import { useState } from \"react\"\nimport { FxParamDefinition, FxParamType } from \"../types\"\nimport { ZodError, ZodIssue } from \"zod\"\nimport classes from \"./Invalid.module.scss\"\nimport cx from \"classnames\"\n\ninterface IssueProps {\n  issue: ZodIssue\n}\n\nfunction Issue(props: IssueProps) {\n  const { issue } = props\n  return (\n    <li className={classes.issue}>\n      <h3>\n        {issue.code} at {issue.path.join(\".\")}\n      </h3>\n      <p>{issue.message}</p>\n    </li>\n  )\n}\n\ninterface AttributeProps {\n  id: keyof FxParamDefinition<FxParamType>\n  definition: FxParamDefinition<FxParamType>\n}\n\nfunction Attribute(props: AttributeProps) {\n  const { id, definition } = props\n  if (!definition[id]) return null\n  return (\n    <h4>\n      <>\n        {id}: {definition[id]}\n      </>\n    </h4>\n  )\n}\n\nexport interface ControllerInvalidProps {\n  definition: FxParamDefinition<FxParamType>\n  error: ZodError\n}\n\nexport function ControllerInvalid(props: ControllerInvalidProps) {\n  const { definition, error } = props\n\n  const [showIssues, setShowIssues] = useState(false)\n\n  const handleToggleShowIssues = () => {\n    setShowIssues(!showIssues)\n  }\n\n  return (\n    <div className={cx(classes.invalid)}>\n      <label onClick={handleToggleShowIssues}>\n        Invalid parameter definition\n        <i className={cx({ [classes.isOpen]: showIssues })}>\n          {showIssues ? \"-\" : \"+\"}\n        </i>\n      </label>\n      {showIssues && (\n        <div className={classes.errorsWrapper}>\n          <div className={classes.attributes}>\n            <Attribute definition={definition} id=\"id\" />\n            <Attribute definition={definition} id=\"name\" />\n          </div>\n          <ul className={cx(classes.issues, { [classes.isOpen]: showIssues })}>\n            {error.issues.map(issue => (\n              <Issue\n                key={`${issue.code}-${issue.path.join(\"-\")}`}\n                issue={issue}\n              />\n            ))}\n          </ul>\n        </div>\n      )}\n    </div>\n  )\n}\n","import 'css-chunk:src/Controller/Invalid.module.scss';export default {\n  \"invalid\": \"_invalid_u8v12_1\",\n  \"isOpen\": \"_isOpen_u8v12_30\",\n  \"errorsWrapper\": \"_errorsWrapper_u8v12_34\",\n  \"attributes\": \"_attributes_u8v12_40\",\n  \"issue\": \"_issue_u8v12_44\"\n};"]}

package/dist/{chunk-K4EW6YY3.cjs → chunk-WHVPVEYH.cjs}

@@ -1,9 +1,9 @@
 "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 _chunkM7HJ2CKMcjs = require('./chunk-M7HJ2CKM.cjs');
 
 
-var _chunkOFUKQ2TBcjs = require('./chunk-OFUKQ2TB.cjs');
+var _chunkCVLSVTCXcjs = require('./chunk-CVLSVTCX.cjs');
 
 // src/Controller/Select.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -15,8 +15,8 @@ function SelectController({
   options,
   isCodeDriven
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJBHIE5Tcjs.Controller, { id, label, isCodeDriven, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkOFUKQ2TBcjs.BaseSelect,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM7HJ2CKMcjs.Controller, { id, label, isCodeDriven, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkCVLSVTCXcjs.BaseSelect,
     {
       name: id,
       id,
@@ -31,4 +31,4 @@ function SelectController({
 
 
 exports.SelectController = SelectController;
-//# sourceMappingURL=chunk-K4EW6YY3.cjs.map
+//# sourceMappingURL=chunk-WHVPVEYH.cjs.map

package/dist/chunk-WHVPVEYH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Select.tsx"],"names":[],"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,OACpB,oBAAC,YAAe,OAAO,GACpB,eADU,CAEb,CACD;AAAA;AAAA,EACH,GACF;AAEJ","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"]}

package/dist/{chunk-57UENWLF.js → chunk-X4GS3I5P.js}

@@ -1,30 +1,30 @@
 import {
   NumberController
-} from "./chunk-H5IMTNFG.js";
+} from "./chunk-YNPYJVNU.js";
 import {
   SelectController
-} from "./chunk-6VMIOQSE.js";
+} from "./chunk-SOEAQVIE.js";
 import {
   StringController
-} from "./chunk-YYEIYDDF.js";
+} from "./chunk-NBDFYP3Y.js";
 import {
   validateParameterDefinition
 } from "./chunk-MWP7SJWC.js";
 import {
   BigIntController
-} from "./chunk-P77D7XSP.js";
+} from "./chunk-GXCX5YCI.js";
 import {
   BooleanController
-} from "./chunk-YOS2HCIS.js";
+} from "./chunk-ZALRIFOG.js";
 import {
   BytesController
-} from "./chunk-2QIAF3U7.js";
+} from "./chunk-HIC6NEI2.js";
 import {
   ColorController
-} from "./chunk-ZG3OT7LF.js";
+} from "./chunk-4OKETOHR.js";
 import {
   ControllerInvalid
-} from "./chunk-PTXBICTZ.js";
+} from "./chunk-GDSG5VLX.js";
 
 // src/Controller/Param.tsx
 import { useMemo } from "react";
@@ -107,4 +107,4 @@ export {
   controllerDefinitions,
   ParameterController
 };
-//# sourceMappingURL=chunk-57UENWLF.js.map
+//# sourceMappingURL=chunk-X4GS3I5P.js.map

package/dist/chunk-X4GS3I5P.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,OAAK,OAAO,EAAE,OAAO,KAAK;AAAA,EACrC;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,OAAO,EAAE,OAAO,KAAK;AAAA,EACrC;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,EAAE,OAAO;AAAA,EACzB;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,EAAE,OAAO;AAAA,EACzB;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAM,EAA0C,OAAO;AAAA,EAClE;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,EAAE,OAAO;AAAA,EACzB;AACF;AAWO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,EAAE,WAAW,UAAU,OAAO,IAAI;AAExC,QAAM,mBAAmB;AAAA,IACvB,MAAM,UAAU,4BAA4B,SAAS;AAAA,IACrD,CAAC,WAAW,MAAM;AAAA,EACpB;AACA,QAAM,EAAE,YAAY,YAAY,QAAQ,IAAI;AAAA,IAC1C,MAAM,sBAAsB,UAAU,IAAI;AAAA,IAC1C,CAAC,UAAU,IAAI;AAAA,EACjB;AAEA,QAAM,oBAAoB,CAAC,MAAW;AACpC,UAAM,QAAQ,QAAQ,CAAC;AACvB,aAAS,UAAU,IAAI,KAAK;AAAA,EAC9B;AAEA,MAAI,oBAAoB,iBAAiB,YAAY,OAAO;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ,OAAO,iBAAiB;AAAA;AAAA,IAC1B;AAAA,EAEJ;AAEA,QAAM,eAAe,UAAU,WAAW;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,UAAU;AAAA,MACd,OAAO,UAAU;AAAA,MACjB,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,MAEV,SAAS,UAAU;AAAA,MACnB;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/{chunk-4OV7OX5A.js → chunk-XYWE6TCQ.js}

@@ -1,13 +1,13 @@
 import {
   IconButton
-} from "./chunk-2BHABOFI.js";
+} from "./chunk-BEDRMOBJ.js";
 
 // src/LockButton/LockButton.tsx
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 // src/LockButton/LockButton.module.scss
 var LockButton_module_default = {
-  "lockButton": "_lockButton_1bbiz_1"
+  "lockButton": "_lockButton_xs4tj_1"
 };
 
 // src/LockButton/LockButton.tsx
@@ -34,4 +34,4 @@ function LockButton(props) {
 export {
   LockButton
 };
-//# sourceMappingURL=chunk-4OV7OX5A.js.map
+//# sourceMappingURL=chunk-XYWE6TCQ.js.map

package/dist/{chunk-4OV7OX5A.js.map → chunk-XYWE6TCQ.js.map}

@@ -1 +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":[]}
+{"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_xs4tj_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-KZMSUHQX.cjs → chunk-YLZI7BR5.cjs}

@@ -1,14 +1,14 @@
 "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 _chunkHJBHIE5Tcjs = require('./chunk-HJBHIE5T.cjs');
+var _chunkM7HJ2CKMcjs = require('./chunk-M7HJ2CKM.cjs');
 
 
 
-var _chunkQDLMFMLLcjs = require('./chunk-QDLMFMLL.cjs');
+var _chunkLVN3UGUHcjs = require('./chunk-LVN3UGUH.cjs');
 
 
-var _chunkOFUKQ2TBcjs = require('./chunk-OFUKQ2TB.cjs');
+var _chunkCVLSVTCXcjs = require('./chunk-CVLSVTCX.cjs');
 
 // src/Controller/Color.tsx
 
@@ -20,13 +20,13 @@ var _react = require('react');
 
 // src/Controller/Color.module.scss
 var Color_module_default = {
-  "squaredButton": "_squaredButton_13v06_1",
-  "active": "_active_13v06_9",
-  "square": "_square_13v06_1",
-  "pickerWrapper": "_pickerWrapper_13v06_24",
-  "pickerAbsoluteWrapper": "_pickerAbsoluteWrapper_13v06_28",
-  "picker": "_picker_13v06_24",
-  "colorful": "_colorful_13v06_42"
+  "squaredButton": "_squaredButton_p7fh7_1",
+  "active": "_active_p7fh7_9",
+  "square": "_square_p7fh7_1",
+  "pickerWrapper": "_pickerWrapper_p7fh7_24",
+  "pickerAbsoluteWrapper": "_pickerAbsoluteWrapper_p7fh7_28",
+  "picker": "_picker_p7fh7_24",
+  "colorful": "_colorful_p7fh7_42"
 };
 
 // src/Controller/Color.tsx
@@ -55,11 +55,11 @@ function ColorController(props) {
     };
   }, [ref]);
   const handleChangeColor = (newColor) => {
-    onChange(_chunkQDLMFMLLcjs.rgbaToHex.call(void 0, newColor.r, newColor.g, newColor.b, newColor.a));
+    onChange(_chunkLVN3UGUHcjs.rgbaToHex.call(void 0, newColor.r, newColor.g, newColor.b, newColor.a));
   };
-  const color = _react.useMemo.call(void 0, () => _chunkQDLMFMLLcjs.hexToRgba.call(void 0, value), [value]);
+  const color = _react.useMemo.call(void 0, () => _chunkLVN3UGUHcjs.hexToRgba.call(void 0, value), [value]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkHJBHIE5Tcjs.Controller,
+    _chunkM7HJ2CKMcjs.Controller,
     {
       id,
       label,
@@ -69,7 +69,7 @@ function ColorController(props) {
       isCodeDriven,
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkOFUKQ2TBcjs.BaseButton,
+          _chunkCVLSVTCXcjs.BaseButton,
           {
             className: _classnames2.default.call(void 0, Color_module_default.squaredButton, { [Color_module_default.active]: showPicker }),
             onClick: handleToggleShowPicker,
@@ -89,7 +89,7 @@ function ColorController(props) {
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHJBHIE5Tcjs.BaseParamsInput,
+          _chunkM7HJ2CKMcjs.BaseParamsInput,
           {
             type: "text",
             id: `text-${id}`,
@@ -117,4 +117,4 @@ function ColorController(props) {
 
 
 exports.ColorController = ColorController;
-//# sourceMappingURL=chunk-KZMSUHQX.cjs.map
+//# sourceMappingURL=chunk-YLZI7BR5.cjs.map

package/dist/chunk-YLZI7BR5.cjs.map

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

package/dist/{chunk-H5IMTNFG.js → chunk-YNPYJVNU.js}

@@ -1,7 +1,7 @@
 import {
   Controller_module_default,
   HTMLInputControllerWithTextInput
-} from "./chunk-CE3TPOSO.js";
+} from "./chunk-2SARESCF.js";
 
 // src/Controller/Number.tsx
 import { useMemo } from "react";
@@ -41,4 +41,4 @@ function NumberController(props) {
 export {
   NumberController
 };
-//# sourceMappingURL=chunk-H5IMTNFG.js.map
+//# sourceMappingURL=chunk-YNPYJVNU.js.map

package/dist/{chunk-X4O42D2P.cjs → chunk-Z5Z6AKH7.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkOFUKQ2TBcjs = require('./chunk-OFUKQ2TB.cjs');
+var _chunkCVLSVTCXcjs = require('./chunk-CVLSVTCX.cjs');
 
 // src/LockButton/LockButton.tsx
 var _reactfontawesome = require('@fortawesome/react-fontawesome');
 
 // src/LockButton/LockButton.module.scss
 var LockButton_module_default = {
-  "lockButton": "_lockButton_1bbiz_1"
+  "lockButton": "_lockButton_xs4tj_1"
 };
 
 // src/LockButton/LockButton.tsx
@@ -17,7 +17,7 @@ var _jsxruntime = require('react/jsx-runtime');
 function LockButton(props) {
   const { isLocked, className, ...rest } = props;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkOFUKQ2TBcjs.IconButton,
+    _chunkCVLSVTCXcjs.IconButton,
     {
       color: "secondary",
       className: _classnames2.default.call(void 0, 
@@ -34,4 +34,4 @@ function LockButton(props) {
 
 
 exports.LockButton = LockButton;
-//# sourceMappingURL=chunk-X4O42D2P.cjs.map
+//# sourceMappingURL=chunk-Z5Z6AKH7.cjs.map

package/dist/{chunk-X4O42D2P.cjs.map → chunk-Z5Z6AKH7.cjs.map}

@@ -1 +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};"]}
+{"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_xs4tj_1\"\n};"]}

package/dist/{chunk-YOS2HCIS.js → chunk-ZALRIFOG.js}

@@ -1,6 +1,6 @@
 import {
   HTMLInputController
-} from "./chunk-CE3TPOSO.js";
+} from "./chunk-2SARESCF.js";
 
 // src/Controller/Boolean.tsx
 import { jsx } from "react/jsx-runtime";
@@ -20,4 +20,4 @@ function BooleanController(props) {
 export {
   BooleanController
 };
-//# sourceMappingURL=chunk-YOS2HCIS.js.map
+//# sourceMappingURL=chunk-ZALRIFOG.js.map

package/dist/index.cjs

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

package/dist/index.css

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

package/dist/index.css.map

@@ -1 +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":[]}
+{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss"],"sourcesContent":["._baseInput_13ljm_1,\n._baseSelect_13ljm_2,\n._baseButton_13ljm_3 {\n  font-family: var(--fxl-font-family);\n  font-size: var(--fxl-font-size-regular);\n  height: 30px;\n  color: var(--fxl-color-text-primary);\n  background: var(--fxl-color-background2);\n  border: 1px solid var(--fxl-color-light2);\n  padding: 0 var(--fxl-spacing-xxs);\n  outline-offset: -1px;\n}\n._baseInput_13ljm_1:hover,\n._baseSelect_13ljm_2:hover,\n._baseButton_13ljm_3:hover {\n  background: var(--fxl-color-background3);\n}\n._baseInput_13ljm_1:focus-visible,\n._baseSelect_13ljm_2:focus-visible,\n._baseButton_13ljm_3:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseInput_13ljm_1:disabled,\n._baseSelect_13ljm_2:disabled,\n._baseButton_13ljm_3:disabled {\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n._baseButton_13ljm_3 {\n  cursor: pointer;\n  background: var(--fxl-color-background2);\n  color: var(--fxl-color-text-primary);\n  font-weight: 700;\n}\n._baseButton_13ljm_3:hover {\n  background: var(--fxl-color-background3);\n  color: var(--fxl-color-light);\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseButton_13ljm_3:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n  outline-offset: 2px;\n}\n._baseButton_13ljm_3._color-secondary_13ljm_45 {\n  background: var(--fxl-color-dark1);\n  color: var(--fxl-color-light);\n}\n._baseButton_13ljm_3._color-secondary_13ljm_45:hover {\n  background: var(--fxl-color-dark2);\n  color: var(--fxl-color-light);\n  outline: 1px solid var(--fxl-color-primary);\n}\n\n._iconButton_13ljm_55 {\n  width: 30px !important;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n._baseInput_13ljm_1[type=range] {\n  -webkit-appearance: none;\n  appearance: none;\n  height: 3px !important;\n  background: var(--fxl-color-light2);\n  outline: none;\n  padding: 0 !important;\n  border: none;\n}\n\n._baseInput_13ljm_1[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none; /* Override default look */\n  appearance: none;\n  cursor: pointer;\n  width: 15px;\n  height: 15px;\n  background: var(--fxl-color-primary);\n  border-radius: 50%;\n}\n._baseInput_13ljm_1[type=range]::-webkit-slider-thumb:hover {\n  transform: scale(1.1);\n}\n\n._baseInput_13ljm_1[type=range]::-moz-range-thumb {\n  cursor: pointer;\n  width: 15px;\n  height: 15px;\n  background: var(--fxl-color-primary);\n  border-radius: 50%;\n}\n\n._baseInput_13ljm_1[type=checkbox] {\n  -webkit-appearance: none;\n  appearance: none;\n  cursor: pointer;\n  width: 30px !important;\n  height: 30px !important;\n  margin: 0;\n  padding: 0;\n  position: relative;\n}\n._baseInput_13ljm_1[type=checkbox]:checked:after {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: var(--fxl-color-primary);\n}"],"mappings":";AAAA;AAAA;AAAA;AAGE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AAAA;AAGE;AAAA;AAEF;AAAA;AAAA;AAGE;AAAA;AAEF;AAAA;AAAA;AAGE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;","names":[]}

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   BaseInput
-} from "./chunk-2BHABOFI.js";
+} from "./chunk-BEDRMOBJ.js";
 export {
   BaseInput
 };

package/dist/utils.cjs

@@ -13,7 +13,7 @@
 
 
 
-var _chunkQDLMFMLLcjs = require('./chunk-QDLMFMLL.cjs');
+var _chunkLVN3UGUHcjs = require('./chunk-LVN3UGUH.cjs');
 
 
 
@@ -29,5 +29,5 @@ var _chunkQDLMFMLLcjs = require('./chunk-QDLMFMLL.cjs');
 
 
 
-exports.MAX_SAFE_INT64 = _chunkQDLMFMLLcjs.MAX_SAFE_INT64; exports.MIN_SAFE_INT64 = _chunkQDLMFMLLcjs.MIN_SAFE_INT64; exports.ParameterProcessors = _chunkQDLMFMLLcjs.ParameterProcessors; exports.consolidateParams = _chunkQDLMFMLLcjs.consolidateParams; exports.deserializeParams = _chunkQDLMFMLLcjs.deserializeParams; exports.getRandomParamValues = _chunkQDLMFMLLcjs.getRandomParamValues; exports.hexToRgba = _chunkQDLMFMLLcjs.hexToRgba; exports.jsonStringifyBigint = _chunkQDLMFMLLcjs.jsonStringifyBigint; exports.processParam = _chunkQDLMFMLLcjs.processParam; exports.processParams = _chunkQDLMFMLLcjs.processParams; exports.rgbaToHex = _chunkQDLMFMLLcjs.rgbaToHex; exports.serializeParams = _chunkQDLMFMLLcjs.serializeParams; exports.stringifyParamsData = _chunkQDLMFMLLcjs.stringifyParamsData; exports.sumBytesParams = _chunkQDLMFMLLcjs.sumBytesParams;
+exports.MAX_SAFE_INT64 = _chunkLVN3UGUHcjs.MAX_SAFE_INT64; exports.MIN_SAFE_INT64 = _chunkLVN3UGUHcjs.MIN_SAFE_INT64; exports.ParameterProcessors = _chunkLVN3UGUHcjs.ParameterProcessors; exports.consolidateParams = _chunkLVN3UGUHcjs.consolidateParams; exports.deserializeParams = _chunkLVN3UGUHcjs.deserializeParams; exports.getRandomParamValues = _chunkLVN3UGUHcjs.getRandomParamValues; exports.hexToRgba = _chunkLVN3UGUHcjs.hexToRgba; exports.jsonStringifyBigint = _chunkLVN3UGUHcjs.jsonStringifyBigint; exports.processParam = _chunkLVN3UGUHcjs.processParam; exports.processParams = _chunkLVN3UGUHcjs.processParams; exports.rgbaToHex = _chunkLVN3UGUHcjs.rgbaToHex; exports.serializeParams = _chunkLVN3UGUHcjs.serializeParams; exports.stringifyParamsData = _chunkLVN3UGUHcjs.stringifyParamsData; exports.sumBytesParams = _chunkLVN3UGUHcjs.sumBytesParams;
 //# sourceMappingURL=utils.cjs.map

package/dist/utils.js

@@ -13,7 +13,7 @@ import {
   serializeParams,
   stringifyParamsData,
   sumBytesParams
-} from "./chunk-FZWZHHQ2.js";
+} from "./chunk-7H32FZ35.js";
 export {
   MAX_SAFE_INT64,
   MIN_SAFE_INT64,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fxhash/params",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "author": "fxhash",
   "license": "MIT",
   "repository": {
@@ -47,8 +47,8 @@
   "devDependencies": {
     "@types/lodash.debounce": "4.0.7",
     "@types/node-sass": "4.11.3",
-    "@types/react": "18.2.15",
-    "@types/react-dom": "18.2.7",
+    "@types/react": "18.2.48",
+    "@types/react-dom": "18.2.18",
     "@types/sha1": "1.1.3",
     "autoprefixer": "10.4.14",
     "esbuild-css-modules-plugin": "2.7.1",
@@ -58,8 +58,7 @@
     "tslib": "2.6.0",
     "tsup": "6.6.0",
     "typescript": "4.9.5",
-    "@fxhash/eslint-config": "1.0.2",
-    "@fxhash/prettier-config": "1.0.2"
+    "@fxhash/eslint-config": "1.0.2"
   },
   "scripts": {
     "build": "tsup",

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

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