@fxhash/params 0.0.4 → 0.0.7

package/dist/chunk-7NOMBXLG.js

@@ -0,0 +1,120 @@
+import {
+  BaseParamsInput,
+  Controller
+} from "./chunk-CE3TPOSO.js";
+import {
+  hexToRgba,
+  rgbaToHex
+} from "./chunk-SDPENM2L.js";
+import {
+  BaseButton
+} from "./chunk-2BHABOFI.js";
+
+// src/Controller/Color.tsx
+import {
+  useState,
+  useEffect,
+  useRef,
+  useMemo
+} from "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"
+};
+
+// src/Controller/Color.tsx
+import { RgbaColorPicker } from "react-colorful";
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ColorController(props) {
+  const ref = useRef(null);
+  const { label, id, onChange, value, layout = "box", isCodeDriven } = props;
+  const [showPicker, setShowPicker] = useState(false);
+  const handleToggleShowPicker = () => {
+    setShowPicker((show) => !show);
+  };
+  const handleInputChange = (e) => {
+    onChange(e.target.value);
+  };
+  useEffect(() => {
+    function handleClickOutside(event) {
+      if (ref.current && !ref.current?.contains(event.target)) {
+        setShowPicker(false);
+      }
+    }
+    window.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      window.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [ref]);
+  const handleChangeColor = (newColor) => {
+    onChange(rgbaToHex(newColor.r, newColor.g, newColor.b, newColor.a));
+  };
+  const color = useMemo(() => hexToRgba(value), [value]);
+  return /* @__PURE__ */ jsxs(
+    Controller,
+    {
+      id,
+      label,
+      layout,
+      className: Color_module_default.pickerWrapper,
+      inputContainerProps: { ref },
+      isCodeDriven,
+      children: [
+        /* @__PURE__ */ jsx(
+          BaseButton,
+          {
+            className: cx(Color_module_default.squaredButton, { [Color_module_default.active]: showPicker }),
+            onClick: handleToggleShowPicker,
+            disabled: isCodeDriven,
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cx(Color_module_default.square, Color_module_default.leftTop),
+                style: {
+                  background: `linear-gradient(-45deg, ${value} 0%, ${value} 50%, ${value.slice(
+                    0,
+                    7
+                  )} 50%, ${value.slice(0, 7)} 100%)`
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          BaseParamsInput,
+          {
+            type: "text",
+            id: `text-${id}`,
+            onChange: handleInputChange,
+            value,
+            autoComplete: "off",
+            maxLength: 9,
+            minLength: 2,
+            disabled: isCodeDriven
+          }
+        ),
+        showPicker && /* @__PURE__ */ jsx("div", { className: Color_module_default.pickerAbsoluteWrapper, children: /* @__PURE__ */ jsx("div", { className: Color_module_default.picker, children: /* @__PURE__ */ jsx(
+          RgbaColorPicker,
+          {
+            color,
+            onChange: handleChangeColor,
+            className: Color_module_default.colorful
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+
+export {
+  ColorController
+};
+//# sourceMappingURL=chunk-7NOMBXLG.js.map

package/dist/chunk-7NOMBXLG.js.map

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

package/dist/chunk-CE3TPOSO.js

@@ -0,0 +1,135 @@
+import {
+  BaseInput
+} from "./chunk-2BHABOFI.js";
+
+// src/Controller/Controller.module.scss
+var Controller_module_default = {
+  "controller": "_controller_1rjbl_1",
+  "inputContainer": "_inputContainer_1rjbl_12",
+  "default": "_default_1rjbl_18",
+  "invert": "_invert_1rjbl_31",
+  "box": "_box_1rjbl_44",
+  "numberInput": "_numberInput_1rjbl_58"
+};
+
+// src/Controller/Controller.tsx
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+function BaseParamsInput(props) {
+  const { id } = props;
+  return /* @__PURE__ */ jsx(BaseInput, { name: `${id}-params-search`, autoComplete: "off", ...props });
+}
+function Controller(props) {
+  const {
+    id,
+    label,
+    layout = "default",
+    className,
+    inputContainerProps,
+    isCodeDriven
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(Controller_module_default.controller, Controller_module_default[layout], className),
+      title: isCodeDriven ? "This parameter is solely code-driven. Controller is just shown for debugging purposes." : "",
+      children: [
+        id && /* @__PURE__ */ jsx("label", { htmlFor: id, children: label || id }),
+        /* @__PURE__ */ jsx("div", { className: Controller_module_default.inputContainer, ...inputContainerProps, children: props.children })
+      ]
+    }
+  );
+}
+function HTMLInputController(props) {
+  const {
+    label,
+    id,
+    onChange,
+    value,
+    type,
+    className,
+    inputProps,
+    layout = "default",
+    isCodeDriven
+  } = props;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      id,
+      label,
+      layout,
+      isCodeDriven,
+      children: /* @__PURE__ */ jsx(
+        BaseParamsInput,
+        {
+          className,
+          type,
+          id,
+          onChange,
+          value,
+          disabled: isCodeDriven,
+          ...inputProps
+        }
+      )
+    }
+  );
+}
+function HTMLInputControllerWithTextInput(props) {
+  const {
+    label,
+    id,
+    onChange,
+    value,
+    type,
+    className,
+    inputProps = {},
+    layout = "default",
+    textInputProps,
+    isCodeDriven
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    Controller,
+    {
+      id,
+      label,
+      layout,
+      isCodeDriven,
+      children: [
+        /* @__PURE__ */ jsx(
+          BaseParamsInput,
+          {
+            className,
+            type,
+            id,
+            onChange,
+            value,
+            autoComplete: "off",
+            disabled: isCodeDriven,
+            ...inputProps
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          BaseParamsInput,
+          {
+            type: "text",
+            id: `text-${id}`,
+            onChange,
+            value,
+            autoComplete: "off",
+            disabled: isCodeDriven,
+            ...textInputProps
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  Controller_module_default,
+  BaseParamsInput,
+  Controller,
+  HTMLInputController,
+  HTMLInputControllerWithTextInput
+};
+//# sourceMappingURL=chunk-CE3TPOSO.js.map

package/dist/chunk-CE3TPOSO.js.map

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

package/dist/chunk-D4RVVQC7.cjs

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

package/dist/chunk-D4RVVQC7.cjs.map

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

package/dist/chunk-DP5CBORY.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkHJBHIE5Tcjs = require('./chunk-HJBHIE5T.cjs');
+
+
+
+var _chunk2QU65L2Ocjs = require('./chunk-2QU65L2O.cjs');
+
+// src/Controller/BigInt.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function BigIntController(props) {
+  const { options, value } = props;
+  const min = _react.useMemo.call(void 0, () => {
+    if (typeof _optionalChain([options, 'optionalAccess', _ => _.min]) === "undefined")
+      return _chunk2QU65L2Ocjs.MIN_SAFE_INT64;
+    return options.min;
+  }, [_optionalChain([options, 'optionalAccess', _2 => _2.min])]);
+  const max = _react.useMemo.call(void 0, () => {
+    if (typeof _optionalChain([options, 'optionalAccess', _3 => _3.max]) === "undefined")
+      return _chunk2QU65L2Ocjs.MAX_SAFE_INT64;
+    return options.max;
+  }, [_optionalChain([options, 'optionalAccess', _4 => _4.max])]);
+  const stringValue = `${value}`;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkHJBHIE5Tcjs.HTMLInputControllerWithTextInput,
+    {
+      type: "range",
+      inputProps: { min: `${min}`, max: `${max}` },
+      textInputProps: {
+        type: "number",
+        min: `${min}`,
+        max: `${max}`,
+        className: _chunkHJBHIE5Tcjs.Controller_module_default.numberInput
+      },
+      ...props,
+      value: stringValue
+    }
+  );
+}
+
+
+
+exports.BigIntController = BigIntController;
+//# sourceMappingURL=chunk-DP5CBORY.cjs.map

package/dist/chunk-DP5CBORY.cjs.map

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

package/dist/chunk-EACKNC6C.cjs

@@ -0,0 +1,103 @@
+"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/validation.ts
+var _zod = require('zod');
+var ControllerTypeSchema = _zod.z.enum([
+  "number",
+  "bigint",
+  "color",
+  "string",
+  "bytes",
+  "boolean",
+  "select"
+]);
+var FxParamOptions_bigintSchema = _zod.z.object({
+  min: _zod.z.number().or(_zod.z.bigint()).optional(),
+  max: _zod.z.number().or(_zod.z.bigint()).optional()
+});
+var FxParamOptions_numberSchema = _zod.z.object({
+  min: _zod.z.number().gte(Number.MIN_SAFE_INTEGER).optional(),
+  max: _zod.z.number().lte(Number.MAX_SAFE_INTEGER).optional(),
+  step: _zod.z.number().optional()
+});
+var FxParamOptions_stringSchema = _zod.z.object({
+  minLength: _zod.z.number().gte(0).optional(),
+  maxLength: _zod.z.number().optional()
+});
+var FxParamOptions_bytesSchema = _zod.z.object({
+  length: _zod.z.number().gt(0)
+});
+var FxParamOptions_selectSchema = _zod.z.object({
+  options: _zod.z.string().array().nonempty()
+});
+var BaseControllerDefinitionSchema = _zod.z.object({
+  id: _zod.z.string(),
+  name: _zod.z.string().optional(),
+  exposedAsFeature: _zod.z.boolean().optional()
+});
+var StringControllerSchema = BaseControllerDefinitionSchema.extend({
+  type: _zod.z.literal(ControllerTypeSchema.enum.string),
+  options: FxParamOptions_stringSchema.optional(),
+  default: _zod.z.string().optional()
+});
+var BytesControllerSchema = BaseControllerDefinitionSchema.extend({
+  type: _zod.z.literal(ControllerTypeSchema.enum.bytes),
+  options: FxParamOptions_bytesSchema,
+  default: _zod.z.any().optional(),
+  update: _zod.z.literal("code-driven", {
+    invalid_type_error: "Bytes parameters must be code-driven",
+    required_error: "Bytes parameters must be code-driven"
+  })
+});
+var NumberControllerSchema = BaseControllerDefinitionSchema.extend({
+  type: _zod.z.literal(ControllerTypeSchema.enum.number),
+  options: FxParamOptions_numberSchema.optional(),
+  default: _zod.z.number().gte(Number.MIN_SAFE_INTEGER).lte(Number.MAX_SAFE_INTEGER).optional()
+});
+var BigIntControllerSchema = BaseControllerDefinitionSchema.extend({
+  type: _zod.z.literal(ControllerTypeSchema.enum.bigint),
+  options: FxParamOptions_bigintSchema.optional(),
+  default: _zod.z.bigint().optional()
+});
+var SelectControllerSchema = BaseControllerDefinitionSchema.extend({
+  type: _zod.z.literal(ControllerTypeSchema.enum.select),
+  options: FxParamOptions_selectSchema,
+  default: _zod.z.string().optional()
+});
+var BooleanControllerSchema = BaseControllerDefinitionSchema.extend({
+  type: _zod.z.literal(ControllerTypeSchema.enum.boolean),
+  options: _zod.z.undefined(),
+  default: _zod.z.boolean().optional()
+});
+var ColorControllerSchema = BaseControllerDefinitionSchema.extend({
+  type: _zod.z.literal(ControllerTypeSchema.enum.color),
+  options: _zod.z.undefined(),
+  default: _zod.z.string().optional()
+});
+var ControllerDefinitionSchema = _zod.z.union([
+  StringControllerSchema,
+  NumberControllerSchema,
+  BigIntControllerSchema,
+  SelectControllerSchema,
+  BytesControllerSchema,
+  BooleanControllerSchema,
+  ColorControllerSchema
+]);
+var controllerSchema = {
+  number: NumberControllerSchema,
+  bigint: BigIntControllerSchema,
+  color: ColorControllerSchema,
+  string: StringControllerSchema,
+  bytes: BytesControllerSchema,
+  boolean: BooleanControllerSchema,
+  select: SelectControllerSchema
+};
+function validateParameterDefinition(parameterDefinition) {
+  return _optionalChain([controllerSchema, 'access', _ => _[parameterDefinition.type], 'optionalAccess', _2 => _2.safeParse, 'call', _3 => _3(
+    parameterDefinition
+  )]);
+}
+
+
+
+
+exports.BaseControllerDefinitionSchema = BaseControllerDefinitionSchema; exports.validateParameterDefinition = validateParameterDefinition;
+//# sourceMappingURL=chunk-EACKNC6C.cjs.map

package/dist/chunk-EACKNC6C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/validation.ts"],"names":[],"mappings":"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","sourcesContent":["import { SafeParseError, SafeParseSuccess, z } from \"zod\"\nimport { FxParamDefinition, FxParamType } from \"./types\"\n\nconst ControllerTypeSchema = z.enum([\n  \"number\",\n  \"bigint\",\n  \"color\",\n  \"string\",\n  \"bytes\",\n  \"boolean\",\n  \"select\",\n])\n\nconst FxParamOptions_bigintSchema = z.object({\n  min: z.number().or(z.bigint()).optional(),\n  max: z.number().or(z.bigint()).optional(),\n})\n\nconst FxParamOptions_numberSchema = z.object({\n  min: z.number().gte(Number.MIN_SAFE_INTEGER).optional(),\n  max: z.number().lte(Number.MAX_SAFE_INTEGER).optional(),\n  step: z.number().optional(),\n})\n\nconst FxParamOptions_stringSchema = z.object({\n  minLength: z.number().gte(0).optional(),\n  maxLength: z.number().optional(),\n})\n\nconst FxParamOptions_bytesSchema = z.object({\n  length: z.number().gt(0),\n})\n\nconst FxParamOptions_selectSchema = z.object({\n  options: z.string().array().nonempty(),\n})\n\nexport const BaseControllerDefinitionSchema = z.object({\n  id: z.string(),\n  name: z.string().optional(),\n  exposedAsFeature: z.boolean().optional(),\n})\n\nconst StringControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.string),\n  options: FxParamOptions_stringSchema.optional(),\n  default: z.string().optional(),\n})\n\nconst BytesControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.bytes),\n  options: FxParamOptions_bytesSchema,\n  default: z.any().optional(),\n  update: z.literal(\"code-driven\", {\n    invalid_type_error: \"Bytes parameters must be code-driven\",\n    required_error: \"Bytes parameters must be code-driven\",\n  }),\n})\n\nconst NumberControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.number),\n  options: FxParamOptions_numberSchema.optional(),\n  default: z\n    .number()\n    .gte(Number.MIN_SAFE_INTEGER)\n    .lte(Number.MAX_SAFE_INTEGER)\n    .optional(),\n})\n\nconst BigIntControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.bigint),\n  options: FxParamOptions_bigintSchema.optional(),\n  default: z.bigint().optional(),\n})\n\nconst SelectControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.select),\n  options: FxParamOptions_selectSchema,\n  default: z.string().optional(),\n})\n\nconst BooleanControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.boolean),\n  options: z.undefined(),\n  default: z.boolean().optional(),\n})\n\nconst ColorControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.color),\n  options: z.undefined(),\n  default: z.string().optional(),\n})\n\nconst ControllerDefinitionSchema = z.union([\n  StringControllerSchema,\n  NumberControllerSchema,\n  BigIntControllerSchema,\n  SelectControllerSchema,\n  BytesControllerSchema,\n  BooleanControllerSchema,\n  ColorControllerSchema,\n])\n\nexport type ControllerDefinitionSchemaType = z.infer<\n  typeof ControllerDefinitionSchema\n>\n\nconst controllerSchema = {\n  number: NumberControllerSchema,\n  bigint: BigIntControllerSchema,\n  color: ColorControllerSchema,\n  string: StringControllerSchema,\n  bytes: BytesControllerSchema,\n  boolean: BooleanControllerSchema,\n  select: SelectControllerSchema,\n}\n\nexport function validateParameterDefinition(\n  parameterDefinition: FxParamDefinition<FxParamType>\n):\n  | SafeParseError<ControllerDefinitionSchemaType>\n  | SafeParseSuccess<ControllerDefinitionSchemaType>\n  | undefined {\n  return controllerSchema[parameterDefinition.type]?.safeParse(\n    parameterDefinition\n  )\n}\n"]}

package/dist/chunk-EIQHQNZJ.js

@@ -0,0 +1,115 @@
+import {
+  jsonStringifyBigint,
+  sumBytesParams
+} from "./chunk-SDPENM2L.js";
+
+// src/RuntimeContext.tsx
+import { useMemo, useState } from "react";
+import { createContext } from "react";
+import sha1 from "sha1";
+import { jsx } from "react/jsx-runtime";
+function hashRuntimeState(state) {
+  return sha1(jsonStringifyBigint(state));
+}
+function hashRuntimeHardState(state, definition) {
+  const staticParams = {};
+  for (const id in state.params) {
+    const def = definition?.find((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 = createContext(defaultRuntimeContext);
+function RuntimeProvider({ children }) {
+  const [state, setState] = useState({
+    hash: "",
+    minter: "",
+    params: {},
+    iteration: 1,
+    context: new URLSearchParams(window.location.search).get(
+      "fxcontext"
+    ) || "standalone"
+  });
+  const [definition, setDefinition] = useState({
+    params: null,
+    version: null
+  });
+  const update = (data) => {
+    setState((lastState) => ({
+      ...lastState,
+      ...data
+    }));
+  };
+  const updateDefinition = (data) => {
+    setDefinition((lastDefinition) => ({
+      ...lastDefinition,
+      ...data
+    }));
+  };
+  const definitionEnhanced = useMemo(
+    () => ({
+      ...definition,
+      params: definition.params?.map((p) => ({
+        ...p,
+        version: definition.version || "0"
+      })) || null
+    }),
+    [definition]
+  );
+  const ctx = {
+    state: {
+      ...state,
+      update
+    },
+    definition: {
+      ...definitionEnhanced,
+      update: updateDefinition
+    },
+    details: useMemo(
+      () => ({
+        paramsByteSize: sumBytesParams(definition.params || []),
+        stateHash: {
+          soft: hashRuntimeState(state),
+          hard: hashRuntimeHardState(state, definition.params)
+        }
+      }),
+      [state, definition.params]
+    )
+  };
+  return /* @__PURE__ */ jsx(RuntimeContext.Provider, { value: ctx, children });
+}
+
+export {
+  RuntimeContext,
+  RuntimeProvider
+};
+//# sourceMappingURL=chunk-EIQHQNZJ.js.map

package/dist/chunk-EIQHQNZJ.js.map

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