@sparrowengg/twigs-editor-react 0.0.1

package/dist/cjs/react-components/dist/es/form-label/form-label.js

@@ -0,0 +1,176 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../node_modules/@radix-ui/react-label/dist/index.js');
+var React = require('react');
+var flex = require('../flex/flex.js');
+var stitches_config = require('../stitches.config.js');
+var text = require('../text/text.js');
+var tooltip = require('../tooltip/tooltip.js');
+var info = require('../packages/react-icons/dist/es/icons/info.js');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const StyledFormLabel = stitches_config.styled(index.Root, {
+  display: "block",
+  color: "$neutral800",
+  fontWeight: "$4",
+  userSelect: "none",
+  variants: {
+    size: {
+      xs: {
+        fontSize: "$xs",
+        lineHeight: "$xs"
+      },
+      sm: {
+        fontSize: "$sm",
+        lineHeight: "$sm"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+const StyledFormLabelButton = stitches_config.styled("button", {
+  backgroundColor: "transparent",
+  border: "none",
+  padding: 0,
+  color: "$primary500",
+  fontWeight: "$5",
+  cursor: "pointer",
+  "&:hover": {
+    color: "$primary700"
+  },
+  variants: {
+    size: {
+      sm: {
+        fontSize: "$sm",
+        lineHeight: "$sm"
+      },
+      xs: {
+        fontSize: "$xs",
+        lineHeight: "$xs"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "xs"
+  }
+});
+const StyledText = stitches_config.styled(text.Text, {
+  color: "$negative600",
+  paddingTop: "$1"
+});
+const IconContainer = stitches_config.styled("span", {
+  svg: {
+    color: "$neutral800",
+    display: "block",
+    "& path:first-child": {
+      fill: "rgba(0, 0, 0, 0.08)",
+      stroke: "none"
+    }
+  },
+  variants: {
+    size: {
+      xs: {
+        svg: {
+          width: "14px",
+          height: "14px"
+        }
+      },
+      sm: {
+        svg: {
+          width: "16px",
+          height: "16px"
+        }
+      }
+    }
+  }
+});
+React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledFormLabelButton, __spreadProps(__spreadValues({ type: "button" }, props), { ref }));
+});
+const FormLabel = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      requiredIndicator = false,
+      info: info$1,
+      as,
+      rightAddon,
+      containerRef
+    } = _b, rest = __objRest(_b, [
+      "children",
+      "requiredIndicator",
+      "info",
+      "as",
+      "rightAddon",
+      "containerRef"
+    ]);
+    if (!React.isValidElement(requiredIndicator) && typeof requiredIndicator !== "boolean") {
+      throw Error("requiredIndicator is not a valid component");
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      flex.Flex,
+      {
+        justifyContent: "space-between",
+        css: {
+          flex: "1 1 auto"
+        },
+        ref: containerRef,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(flex.Flex, { gap: "$1", alignItems: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(StyledFormLabel, __spreadProps(__spreadValues({ as }, rest), { ref, children })),
+            requiredIndicator === true ? /* @__PURE__ */ jsxRuntime.jsx(
+              StyledText,
+              {
+                "data-testid": "label-required-indicator",
+                size: rest.size,
+                css: {
+                  lineHeight: "1"
+                },
+                children: "*"
+              }
+            ) : null,
+            typeof requiredIndicator !== "boolean" ? React.cloneElement(requiredIndicator) : null,
+            info$1 && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: typeof info$1 === "string" ? /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip, { content: info$1, children: /* @__PURE__ */ jsxRuntime.jsx(IconContainer, { size: rest.size, children: /* @__PURE__ */ jsxRuntime.jsx(info.InfoIcon, {}) }) }) }) : info$1 })
+          ] }),
+          rightAddon
+        ]
+      }
+    );
+  }
+);
+
+exports.FormLabel = FormLabel;
+//# sourceMappingURL=form-label.js.map

package/dist/cjs/react-components/dist/es/form-label/form-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-label.js","sources":["../../../../../../../react-components/dist/es/form-label/form-label.js"],"sourcesContent":["import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { Root } from '../node_modules/@radix-ui/react-label/dist/index.js';\nimport React__default, { forwardRef, isValidElement } from 'react';\nimport { Flex } from '../flex/flex.js';\nimport { styled } from '../stitches.config.js';\nimport { Text } from '../text/text.js';\nimport { TooltipProvider, Tooltip } from '../tooltip/tooltip.js';\nimport { InfoIcon } from '../packages/react-icons/dist/es/icons/info.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n  var target = {};\n  for (var prop in source)\n    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n      target[prop] = source[prop];\n  if (source != null && __getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(source)) {\n      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n        target[prop] = source[prop];\n    }\n  return target;\n};\nconst StyledFormLabel = styled(Root, {\n  display: \"block\",\n  color: \"$neutral800\",\n  fontWeight: \"$4\",\n  userSelect: \"none\",\n  variants: {\n    size: {\n      xs: {\n        fontSize: \"$xs\",\n        lineHeight: \"$xs\"\n      },\n      sm: {\n        fontSize: \"$sm\",\n        lineHeight: \"$sm\"\n      }\n    }\n  },\n  defaultVariants: {\n    size: \"sm\"\n  }\n});\nconst StyledFormLabelButton = styled(\"button\", {\n  backgroundColor: \"transparent\",\n  border: \"none\",\n  padding: 0,\n  color: \"$primary500\",\n  fontWeight: \"$5\",\n  cursor: \"pointer\",\n  \"&:hover\": {\n    color: \"$primary700\"\n  },\n  variants: {\n    size: {\n      sm: {\n        fontSize: \"$sm\",\n        lineHeight: \"$sm\"\n      },\n      xs: {\n        fontSize: \"$xs\",\n        lineHeight: \"$xs\"\n      }\n    }\n  },\n  defaultVariants: {\n    size: \"xs\"\n  }\n});\nconst StyledText = styled(Text, {\n  color: \"$negative600\",\n  paddingTop: \"$1\"\n});\nconst IconContainer = styled(\"span\", {\n  svg: {\n    color: \"$neutral800\",\n    display: \"block\",\n    \"& path:first-child\": {\n      fill: \"rgba(0, 0, 0, 0.08)\",\n      stroke: \"none\"\n    }\n  },\n  variants: {\n    size: {\n      xs: {\n        svg: {\n          width: \"14px\",\n          height: \"14px\"\n        }\n      },\n      sm: {\n        svg: {\n          width: \"16px\",\n          height: \"16px\"\n        }\n      }\n    }\n  }\n});\nconst FormLabelButton = forwardRef((props, ref) => {\n  return /* @__PURE__ */ jsx(StyledFormLabelButton, __spreadProps(__spreadValues({ type: \"button\" }, props), { ref }));\n});\nconst FormLabel = forwardRef(\n  (_a, ref) => {\n    var _b = _a, {\n      children,\n      requiredIndicator = false,\n      info,\n      as,\n      rightAddon,\n      containerRef\n    } = _b, rest = __objRest(_b, [\n      \"children\",\n      \"requiredIndicator\",\n      \"info\",\n      \"as\",\n      \"rightAddon\",\n      \"containerRef\"\n    ]);\n    if (!isValidElement(requiredIndicator) && typeof requiredIndicator !== \"boolean\") {\n      throw Error(\"requiredIndicator is not a valid component\");\n    }\n    return /* @__PURE__ */ jsxs(\n      Flex,\n      {\n        justifyContent: \"space-between\",\n        css: {\n          flex: \"1 1 auto\"\n        },\n        ref: containerRef,\n        children: [\n          /* @__PURE__ */ jsxs(Flex, { gap: \"$1\", alignItems: \"center\", children: [\n            /* @__PURE__ */ jsx(StyledFormLabel, __spreadProps(__spreadValues({ as }, rest), { ref, children })),\n            requiredIndicator === true ? /* @__PURE__ */ jsx(\n              StyledText,\n              {\n                \"data-testid\": \"label-required-indicator\",\n                size: rest.size,\n                css: {\n                  lineHeight: \"1\"\n                },\n                children: \"*\"\n              }\n            ) : null,\n            typeof requiredIndicator !== \"boolean\" ? React__default.cloneElement(requiredIndicator) : null,\n            info && /* @__PURE__ */ jsx(Fragment, { children: typeof info === \"string\" ? /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip, { content: info, children: /* @__PURE__ */ jsx(IconContainer, { size: rest.size, children: /* @__PURE__ */ jsx(InfoIcon, {}) }) }) }) : info })\n          ] }),\n          rightAddon\n        ]\n      }\n    );\n  }\n);\n\nexport { FormLabel, FormLabelButton };\n//# sourceMappingURL=form-label.js.map\n"],"names":["styled","Root","Text","forwardRef","jsx","info","isValidElement","jsxs","Flex","React__default","Fragment","TooltipProvider","Tooltip","InfoIcon"],"mappings":"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"}

package/dist/cjs/react-components/dist/es/input/form-input.js

@@ -0,0 +1,159 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var box = require('../box/box.js');
+var flex = require('../flex/flex.js');
+var formHelperText = require('../form-helper-text/form-helper-text.js');
+var formLabel = require('../form-label/form-label.js');
+var stitches_config = require('../stitches.config.js');
+var text = require('../text/text.js');
+var input = require('./input.js');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+stitches_config.styled(formHelperText.FormHelperText, {
+  color: "$negative500 !important",
+  marginTop: "$2"
+});
+const FormInput = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      label,
+      showCount,
+      value,
+      error,
+      info,
+      defaultValue,
+      maxLength,
+      requiredIndicator,
+      helperText,
+      id,
+      renderCounter
+    } = _b, rest = __objRest(_b, [
+      "label",
+      "showCount",
+      "value",
+      "error",
+      "info",
+      "defaultValue",
+      "maxLength",
+      "requiredIndicator",
+      "helperText",
+      "id",
+      "renderCounter"
+    ]);
+    const mergedValue = value || defaultValue;
+    const inputId = id || `form-input-${React.useId()}`;
+    const labelSize = rest.size === "xl" ? "sm" : "xs";
+    const counterElement = React.useMemo(() => {
+      if (!showCount)
+        return null;
+      if (renderCounter) {
+        return renderCounter({
+          length: (mergedValue == null ? void 0 : mergedValue.toString().length) || 0,
+          maxLength
+        });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        text.Text,
+        {
+          css: __spreadValues({
+            color: "$neutral700"
+          }, !label ? { marginLeft: "auto" } : {}),
+          id: `${inputId}-char-count`,
+          "data-testid": "form-input-char-count",
+          size: labelSize,
+          children: [
+            (mergedValue == null ? void 0 : mergedValue.toString().length) || 0,
+            maxLength ? `/${maxLength}` : null
+          ]
+        }
+      );
+    }, [
+      showCount,
+      label,
+      mergedValue,
+      maxLength,
+      inputId,
+      labelSize,
+      renderCounter
+    ]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(box.Box, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        flex.Flex,
+        __spreadProps(__spreadValues({
+          alignItems: "center",
+          justifyContent: "space-between"
+        }, (showCount || label) && { css: { marginBottom: "$2" } }), {
+          children: (label || counterElement) && /* @__PURE__ */ jsxRuntime.jsx(
+            formLabel.FormLabel,
+            {
+              as: "label",
+              htmlFor: inputId,
+              requiredIndicator,
+              id: `${inputId}-label`,
+              info,
+              rightAddon: counterElement,
+              size: labelSize,
+              children: label
+            }
+          )
+        })
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        input.Input,
+        __spreadValues(__spreadProps(__spreadValues({
+          value,
+          defaultValue
+        }, maxLength && {
+          maxLength
+        }), {
+          ref,
+          id: inputId
+        }), rest)
+      ),
+      error || helperText ? /* @__PURE__ */ jsxRuntime.jsx(
+        box.Box,
+        {
+          css: {
+            marginTop: ["lg", "xl"].includes(rest.size) ? "$2" : "$1"
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(formHelperText.FormHelperText, { size: labelSize, color: error ? "error" : "info", children: error || helperText })
+        }
+      ) : null
+    ] });
+  }
+);
+
+exports.FormInput = FormInput;
+//# sourceMappingURL=form-input.js.map

package/dist/cjs/react-components/dist/es/input/form-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-input.js","sources":["../../../../../../../react-components/dist/es/input/form-input.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useId, useMemo } from 'react';\nimport { Box } from '../box/box.js';\nimport { Flex } from '../flex/flex.js';\nimport { FormHelperText } from '../form-helper-text/form-helper-text.js';\nimport { FormLabel } from '../form-label/form-label.js';\nimport { styled } from '../stitches.config.js';\nimport { Text } from '../text/text.js';\nimport { Input } from './input.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n  var target = {};\n  for (var prop in source)\n    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n      target[prop] = source[prop];\n  if (source != null && __getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(source)) {\n      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n        target[prop] = source[prop];\n    }\n  return target;\n};\nconst StyledError = styled(FormHelperText, {\n  color: \"$negative500 !important\",\n  marginTop: \"$2\"\n});\nconst FormInput = forwardRef(\n  (_a, ref) => {\n    var _b = _a, {\n      label,\n      showCount,\n      value,\n      error,\n      info,\n      defaultValue,\n      maxLength,\n      requiredIndicator,\n      helperText,\n      id,\n      renderCounter\n    } = _b, rest = __objRest(_b, [\n      \"label\",\n      \"showCount\",\n      \"value\",\n      \"error\",\n      \"info\",\n      \"defaultValue\",\n      \"maxLength\",\n      \"requiredIndicator\",\n      \"helperText\",\n      \"id\",\n      \"renderCounter\"\n    ]);\n    const mergedValue = value || defaultValue;\n    const inputId = id || `form-input-${useId()}`;\n    const labelSize = rest.size === \"xl\" ? \"sm\" : \"xs\";\n    const counterElement = useMemo(() => {\n      if (!showCount)\n        return null;\n      if (renderCounter) {\n        return renderCounter({\n          length: (mergedValue == null ? void 0 : mergedValue.toString().length) || 0,\n          maxLength\n        });\n      }\n      return /* @__PURE__ */ jsxs(\n        Text,\n        {\n          css: __spreadValues({\n            color: \"$neutral700\"\n          }, !label ? { marginLeft: \"auto\" } : {}),\n          id: `${inputId}-char-count`,\n          \"data-testid\": \"form-input-char-count\",\n          size: labelSize,\n          children: [\n            (mergedValue == null ? void 0 : mergedValue.toString().length) || 0,\n            maxLength ? `/${maxLength}` : null\n          ]\n        }\n      );\n    }, [\n      showCount,\n      label,\n      mergedValue,\n      maxLength,\n      inputId,\n      labelSize,\n      renderCounter\n    ]);\n    return /* @__PURE__ */ jsxs(Box, { children: [\n      /* @__PURE__ */ jsx(\n        Flex,\n        __spreadProps(__spreadValues({\n          alignItems: \"center\",\n          justifyContent: \"space-between\"\n        }, (showCount || label) && { css: { marginBottom: \"$2\" } }), {\n          children: (label || counterElement) && /* @__PURE__ */ jsx(\n            FormLabel,\n            {\n              as: \"label\",\n              htmlFor: inputId,\n              requiredIndicator,\n              id: `${inputId}-label`,\n              info,\n              rightAddon: counterElement,\n              size: labelSize,\n              children: label\n            }\n          )\n        })\n      ),\n      /* @__PURE__ */ jsx(\n        Input,\n        __spreadValues(__spreadProps(__spreadValues({\n          value,\n          defaultValue\n        }, maxLength && {\n          maxLength\n        }), {\n          ref,\n          id: inputId\n        }), rest)\n      ),\n      error || helperText ? /* @__PURE__ */ jsx(\n        Box,\n        {\n          css: {\n            marginTop: [\"lg\", \"xl\"].includes(rest.size) ? \"$2\" : \"$1\"\n          },\n          children: /* @__PURE__ */ jsx(FormHelperText, { size: labelSize, color: error ? \"error\" : \"info\", children: error || helperText })\n        }\n      ) : null\n    ] });\n  }\n);\n\nexport { FormInput, StyledError };\n//# sourceMappingURL=form-input.js.map\n"],"names":["styled","FormHelperText","forwardRef","useId","useMemo","jsxs","Text","Box","jsx","Flex","FormLabel","Input"],"mappings":";;;;;;;;;;;;AAUA,IAAI,YAAY,MAAO,CAAA,cAAA;AACvB,IAAI,aAAa,MAAO,CAAA,gBAAA;AACxB,IAAI,oBAAoB,MAAO,CAAA,yBAAA;AAC/B,IAAI,sBAAsB,MAAO,CAAA,qBAAA;AACjC,IAAI,YAAA,GAAe,OAAO,SAAU,CAAA,cAAA;AACpC,IAAI,YAAA,GAAe,OAAO,SAAU,CAAA,oBAAA;AACpC,IAAI,eAAA,GAAkB,CAAC,GAAK,EAAA,GAAA,EAAK,UAAU,GAAO,IAAA,GAAA,GAAM,SAAU,CAAA,GAAA,EAAK,GAAK,EAAA,EAAE,YAAY,IAAM,EAAA,YAAA,EAAc,MAAM,QAAU,EAAA,IAAA,EAAM,OAAO,CAAA,GAAI,GAAI,CAAA,GAAG,CAAI,GAAA,KAAA;AAC1J,IAAI,cAAA,GAAiB,CAAC,CAAA,EAAG,CAAM,KAAA;AAC7B,EAAS,KAAA,IAAA,IAAA,IAAQ,CAAM,KAAA,CAAA,GAAI,EAAC,CAAA;AAC1B,IAAI,IAAA,YAAA,CAAa,IAAK,CAAA,CAAA,EAAG,IAAI,CAAA;AAC3B,MAAA,eAAA,CAAgB,CAAG,EAAA,IAAA,EAAM,CAAE,CAAA,IAAI,CAAC,CAAA;AACpC,EAAI,IAAA,mBAAA;AACF,IAAS,KAAA,IAAA,IAAA,IAAQ,mBAAoB,CAAA,CAAC,CAAG,EAAA;AACvC,MAAI,IAAA,YAAA,CAAa,IAAK,CAAA,CAAA,EAAG,IAAI,CAAA;AAC3B,QAAA,eAAA,CAAgB,CAAG,EAAA,IAAA,EAAM,CAAE,CAAA,IAAI,CAAC,CAAA;AAAA;AAEtC,EAAO,OAAA,CAAA;AACT,CAAA;AACA,IAAI,aAAA,GAAgB,CAAC,CAAG,EAAA,CAAA,KAAM,WAAW,CAAG,EAAA,iBAAA,CAAkB,CAAC,CAAC,CAAA;AAChE,IAAI,SAAA,GAAY,CAAC,MAAA,EAAQ,OAAY,KAAA;AACnC,EAAA,IAAI,SAAS,EAAC;AACd,EAAA,KAAA,IAAS,IAAQ,IAAA,MAAA;AACf,IAAI,IAAA,YAAA,CAAa,KAAK,MAAQ,EAAA,IAAI,KAAK,OAAQ,CAAA,OAAA,CAAQ,IAAI,CAAI,GAAA,CAAA;AAC7D,MAAO,MAAA,CAAA,IAAI,CAAI,GAAA,MAAA,CAAO,IAAI,CAAA;AAC9B,EAAA,IAAI,UAAU,IAAQ,IAAA,mBAAA;AACpB,IAAS,KAAA,IAAA,IAAA,IAAQ,mBAAoB,CAAA,MAAM,CAAG,EAAA;AAC5C,MAAI,IAAA,OAAA,CAAQ,QAAQ,IAAI,CAAA,GAAI,KAAK,YAAa,CAAA,IAAA,CAAK,QAAQ,IAAI,CAAA;AAC7D,QAAO,MAAA,CAAA,IAAI,CAAI,GAAA,MAAA,CAAO,IAAI,CAAA;AAAA;AAEhC,EAAO,OAAA,MAAA;AACT,CAAA;AACoBA,uBAAOC,6BAAgB,EAAA;AAAA,EACzC,KAAO,EAAA,yBAAA;AAAA,EACP,SAAW,EAAA;AACb,CAAC;AACD,MAAM,SAAY,GAAAC,gBAAA;AAAA,EAChB,CAAC,IAAI,GAAQ,KAAA;AACX,IAAA,IAAI,KAAK,EAAI,EAAA;AAAA,MACX,KAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,UAAA;AAAA,MACA,EAAA;AAAA,MACA;AAAA,KACE,GAAA,EAAA,EAAI,IAAO,GAAA,SAAA,CAAU,EAAI,EAAA;AAAA,MAC3B,OAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,IAAA;AAAA,MACA;AAAA,KACD,CAAA;AACD,IAAA,MAAM,cAAc,KAAS,IAAA,YAAA;AAC7B,IAAA,MAAM,OAAU,GAAA,EAAA,IAAM,CAAc,WAAA,EAAAC,WAAA,EAAO,CAAA,CAAA;AAC3C,IAAA,MAAM,SAAY,GAAA,IAAA,CAAK,IAAS,KAAA,IAAA,GAAO,IAAO,GAAA,IAAA;AAC9C,IAAM,MAAA,cAAA,GAAiBC,cAAQ,MAAM;AACnC,MAAA,IAAI,CAAC,SAAA;AACH,QAAO,OAAA,IAAA;AACT,MAAA,IAAI,aAAe,EAAA;AACjB,QAAA,OAAO,aAAc,CAAA;AAAA,UACnB,SAAS,WAAe,IAAA,IAAA,GAAO,SAAS,WAAY,CAAA,QAAA,GAAW,MAAW,KAAA,CAAA;AAAA,UAC1E;AAAA,SACD,CAAA;AAAA;AAEH,MAAuB,uBAAAC,eAAA;AAAA,QACrBC,SAAA;AAAA,QACA;AAAA,UACE,KAAK,cAAe,CAAA;AAAA,YAClB,KAAO,EAAA;AAAA,WACT,EAAG,CAAC,KAAQ,GAAA,EAAE,YAAY,MAAO,EAAA,GAAI,EAAE,CAAA;AAAA,UACvC,EAAA,EAAI,GAAG,OAAO,CAAA,WAAA,CAAA;AAAA,UACd,aAAe,EAAA,uBAAA;AAAA,UACf,IAAM,EAAA,SAAA;AAAA,UACN,QAAU,EAAA;AAAA,YAAA,CACP,eAAe,IAAO,GAAA,MAAA,GAAS,WAAY,CAAA,QAAA,GAAW,MAAW,KAAA,CAAA;AAAA,YAClE,SAAA,GAAY,CAAI,CAAA,EAAA,SAAS,CAAK,CAAA,GAAA;AAAA;AAChC;AACF,OACF;AAAA,KACC,EAAA;AAAA,MACD,SAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACD,CAAA;AACD,IAAuB,uBAAAD,eAAA,CAAKE,OAAK,EAAA,EAAE,QAAU,EAAA;AAAA,sBAC3BC,cAAA;AAAA,QACdC,SAAA;AAAA,QACA,cAAc,cAAe,CAAA;AAAA,UAC3B,UAAY,EAAA,QAAA;AAAA,UACZ,cAAgB,EAAA;AAAA,SAClB,EAAA,CAAI,SAAa,IAAA,KAAA,KAAU,EAAE,GAAA,EAAK,EAAE,YAAc,EAAA,IAAA,EAAO,EAAC,CAAG,EAAA;AAAA,UAC3D,QAAA,EAAA,CAAW,SAAS,cAAmC,qBAAAD,cAAA;AAAA,YACrDE,mBAAA;AAAA,YACA;AAAA,cACE,EAAI,EAAA,OAAA;AAAA,cACJ,OAAS,EAAA,OAAA;AAAA,cACT,iBAAA;AAAA,cACA,EAAA,EAAI,GAAG,OAAO,CAAA,MAAA,CAAA;AAAA,cACd,IAAA;AAAA,cACA,UAAY,EAAA,cAAA;AAAA,cACZ,IAAM,EAAA,SAAA;AAAA,cACN,QAAU,EAAA;AAAA;AACZ;AACF,SACD;AAAA,OACH;AAAA,sBACgBF,cAAA;AAAA,QACdG,WAAA;AAAA,QACA,cAAA,CAAe,cAAc,cAAe,CAAA;AAAA,UAC1C,KAAA;AAAA,UACA;AAAA,WACC,SAAa,IAAA;AAAA,UACd;AAAA,SACD,CAAG,EAAA;AAAA,UACF,GAAA;AAAA,UACA,EAAI,EAAA;AAAA,SACL,GAAG,IAAI;AAAA,OACV;AAAA,MACA,SAAS,UAA6B,mBAAAH,cAAA;AAAA,QACpCD,OAAA;AAAA,QACA;AAAA,UACE,GAAK,EAAA;AAAA,YACH,SAAA,EAAW,CAAC,IAAM,EAAA,IAAI,EAAE,QAAS,CAAA,IAAA,CAAK,IAAI,CAAA,GAAI,IAAO,GAAA;AAAA,WACvD;AAAA,UACA,QAA0B,kBAAAC,cAAA,CAAIP,6BAAgB,EAAA,EAAE,IAAM,EAAA,SAAA,EAAW,KAAO,EAAA,KAAA,GAAQ,OAAU,GAAA,MAAA,EAAQ,QAAU,EAAA,KAAA,IAAS,YAAY;AAAA;AACnI,OACE,GAAA;AAAA,OACH,CAAA;AAAA;AAEP;;;;"}