@bigbinary/neetoui 6.5.10 → 6.5.11-beta.1

package/dist/cjs/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/atoms/Spinner.jsx","../../src/components/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { motion } from \"framer-motion\";\nimport PropTypes from \"prop-types\";\n\nconst Spinner = ({ color, className, size }) => (\n  <motion.div\n    animate={{ opacity: 1, transition: { bounce: 0 } }}\n    className={className}\n    exit={{ opacity: 0 }}\n    initial={{ opacity: 0 }}\n  >\n    <motion.div\n      exit={{ opacity: 0 }}\n      animate={{\n        rotate: [0, 360],\n        transition: { repeat: Infinity, duration: 0.7 },\n      }}\n    >\n      <motion.svg\n        fill=\"none\"\n        style={{ color, height: size, width: size }}\n        viewBox=\"0 0 24 24\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"10\"\n          stroke=\"currentColor\"\n          strokeWidth=\"4\"\n          style={{ opacity: 0.5 }}\n        />\n        <path\n          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          fill=\"currentColor\"\n          style={{ opacity: 1 }}\n        />\n      </motion.svg>\n    </motion.div>\n  </motion.div>\n);\n\nSpinner.propTypes = {\n  color: PropTypes.string,\n  className: PropTypes.string,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSpinner.defaultProps = {\n  color: \"#ffffff\",\n  className: null,\n  size: 14,\n};\n\nexport default Spinner;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"atoms/Spinner\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nconst ICON_POSITIONS = { left: \"left\", right: \"right\" };\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst Button = React.forwardRef(\n  (\n    {\n      icon = null,\n      iconPosition = ICON_POSITIONS.right,\n      iconSize = 16,\n      label = \"\",\n      loading = false,\n      onClick = () => {},\n      to = \"\",\n      type = BUTTON_TYPES.button,\n      style = BUTTON_STYLES.primary,\n      fullWidth = false,\n      className = \"\",\n      disabled = false,\n      size = SIZES.medium,\n      href = \"\",\n      tooltipProps = null,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    let Parent = motion.button;\n    let elementSpecificProps = { type };\n\n    const renderLabel = label || children;\n\n    if (!disabled) {\n      if (to) {\n        Parent = Link;\n        elementSpecificProps = { to };\n      } else if (href) {\n        Parent = motion.a;\n        elementSpecificProps = { href };\n      }\n    }\n\n    const handleClick = e => {\n      if (loading || disabled) return;\n      onClick(e);\n    };\n\n    const Icon =\n      typeof icon === \"string\"\n        ? () => (\n            <i\n              className={classnames(\"neeto-ui-btn__icon\", [icon])}\n              data-testid=\"class-icon\"\n            />\n          )\n        : icon || React.Fragment;\n\n    return (\n      <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n        <Parent\n          className={classnames(\"neeto-ui-btn\", \"bg-red-500\", [className], {\n            \"neeto-ui-btn--style-primary\": style === BUTTON_STYLES.primary,\n            \"neeto-ui-btn--style-secondary\": style === BUTTON_STYLES.secondary,\n            \"neeto-ui-btn--style-tertiary\": style === BUTTON_STYLES.tertiary,\n            \"neeto-ui-btn--style-danger\": style === BUTTON_STYLES.danger,\n            \"neeto-ui-btn--style-danger-text\":\n              style === BUTTON_STYLES.danger_text,\n            \"neeto-ui-btn--style-text\": style === BUTTON_STYLES.text,\n            \"neeto-ui-btn--style-link\": style === BUTTON_STYLES.link,\n            \"neeto-ui-btn--size-medium\": size === SIZES.medium,\n            \"neeto-ui-btn--size-large\": size === SIZES.large,\n            \"neeto-ui-btn--width-full\": fullWidth,\n            \"neeto-ui-btn--icon-left\": iconPosition === ICON_POSITIONS.left,\n            \"neeto-ui-btn--icon-only\": !renderLabel,\n            disabled,\n          })}\n          onClick={handleClick}\n          {...{ disabled, ref, ...elementSpecificProps, ...otherProps }}\n        >\n          {renderLabel && <span>{renderLabel}</span>}\n          {/* eslint-disable-next-line no-nested-ternary */}\n          {icon ? (\n            loading ? (\n              <Spinner\n                aria-hidden=\"true\"\n                className=\"neeto-ui-btn__spinner\"\n                size={16}\n              />\n            ) : (\n              <Icon\n                aria-hidden=\"true\"\n                className=\"neeto-ui-btn__icon\"\n                size={iconSize}\n              />\n            )\n          ) : (\n            <AnimatePresence>\n              {/* When Icon is not present, animate the margin from 0 to the needed value*/}\n              {loading && (\n                <motion.div\n                  animate={{ width: \"auto\", scale: 1 }}\n                  className=\"neeto-ui-btn__spinner-wrapper\"\n                  exit={{ width: 0, scale: 0 }}\n                  initial={{ width: 0, scale: 0 }}\n                  transition={{ bounce: false }}\n                >\n                  <Spinner\n                    aria-hidden=\"true\"\n                    className=\"neeto-ui-btn__spinner\"\n                    key=\"3\"\n                    size={16}\n                  />\n                </motion.div>\n              )}\n            </AnimatePresence>\n          )}\n        </Parent>\n      </Tooltip>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nButton.propTypes = {\n  /**\n   * To specify the style of the Button.\n   */\n  style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n  /**\n   * To set the size of the Button.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the position of the icon.\n   */\n  iconPosition: PropTypes.oneOf(Object.values(ICON_POSITIONS)),\n  /**\n   * To specify the size of the icon.\n   */\n  iconSize: PropTypes.number,\n  /**\n   * To set the text to be displayed inside the Button.\n   */\n  label: PropTypes.string,\n  /**\n   * Indicates if a Button is in loading state and shows spinner if true.\n   */\n  loading: PropTypes.bool,\n  /**\n   * To set Button as disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To set the icon to be shown in the Button.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.element,\n  ]),\n  /**\n   * To specify the action to be triggered on clicking the Button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify an internal route to which the Button points to.\n   */\n  to: PropTypes.string,\n  /**\n   * To specify an external link to which the Button points to.\n   */\n  href: PropTypes.string,\n  /**\n   * To specify the type of Button.\n   */\n  type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n  /**\n   * To set the Button to full width of the container.\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * To provide external classnames to Button component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * To specify the children to be rendered inside the Button.\n   */\n  children: PropTypes.string,\n};\n\nexport default Button;\n"],"names":["Spinner","_ref","color","className","size","React","createElement","motion","div","animate","opacity","transition","bounce","exit","initial","rotate","repeat","Infinity","duration","svg","fill","style","height","width","viewBox","xmlns","cx","cy","r","stroke","strokeWidth","d","defaultProps","BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","Button","forwardRef","ref","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$iconSize","iconSize","_ref$label","label","_ref$loading","loading","_ref$onClick","onClick","_ref$to","to","_ref$type","type","_ref$style","_ref$fullWidth","fullWidth","_ref$className","_ref$disabled","disabled","_ref$size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","renderLabel","Link","a","handleClick","e","Icon","classnames","Fragment","Tooltip","_extends","_objectSpread","AnimatePresence","scale","key","displayName"],"mappings":"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"}

package/dist/cjs/Callout.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var defineProperty = require('./defineProperty-ee86604b.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+require('./toPropertyKey-bfa2e465.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["icon", "style", "className", "children"];
+var STYLES = {
+  info: "info",
+  warning: "warning",
+  danger: "danger",
+  success: "success"
+};
+var Callout = function Callout(_ref) {
+  var _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? null : _ref$icon,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? STYLES.info : _ref$style,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    children = _ref.children,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var Icon = icon;
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({
+    className: index.classnames("neeto-ui-callout", defineProperty._defineProperty({
+      "neeto-ui-callout--info": style === STYLES.info,
+      "neeto-ui-callout--warning": style === STYLES.warning,
+      "neeto-ui-callout--danger": style === STYLES.danger,
+      "neeto-ui-callout--success": style === STYLES.success
+    }, className, className))
+  }, otherProps), icon && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-callout__icon",
+    "data-testid": "callout-icon"
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, null)), children);
+};
+
+module.exports = Callout;
+//# sourceMappingURL=Callout.js.map

package/dist/cjs/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","sources":["../../src/components/Callout.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst STYLES = {\n  info: \"info\",\n  warning: \"warning\",\n  danger: \"danger\",\n  success: \"success\",\n};\n\nconst Callout = ({\n  icon = null,\n  style = STYLES.info,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const Icon = icon;\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-callout\", {\n        \"neeto-ui-callout--info\": style === STYLES.info,\n        \"neeto-ui-callout--warning\": style === STYLES.warning,\n        \"neeto-ui-callout--danger\": style === STYLES.danger,\n        \"neeto-ui-callout--success\": style === STYLES.success,\n        [className]: className,\n      })}\n      {...otherProps}\n    >\n      {icon && (\n        <div className=\"neeto-ui-callout__icon\" data-testid=\"callout-icon\">\n          <Icon />\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n\nCallout.propTypes = {\n  /**\n   * To specify the icon to be used in Callout component. By default, icons are based on the style of the Callout component. Passing false will hide the icon.\n   */\n  icon: PropTypes.elementType,\n  /**\n   * To specify the style of Callout component.\n   */\n  style: PropTypes.oneOf(Object.values(STYLES)),\n  /**\n   * To provide external classnames to Callout component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Callout component.\n   */\n  children: PropTypes.node,\n};\n\nexport default Callout;\n"],"names":["STYLES","info","warning","danger","success","Callout","_ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAMP;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CALJE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAH,IAAA,CACXI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGT,MAAM,CAACC,IAAI,GAAAQ,UAAA;IAAAE,cAAA,GAAAL,IAAA,CACnBM,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAP,IAAA,CAARO,QAAQ;AACLC,IAAAA,UAAU,GAAAC,gDAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;EAEb,IAAMC,IAAI,GAAGT,IAAI,CAAA;AAEjB,EAAA,oBACEU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iBAAA,CAAA;AACER,IAAAA,SAAS,EAAES,gBAAU,CAAC,kBAAkB,EAAAC,8BAAA,CAAA;AACtC,MAAA,wBAAwB,EAAEZ,KAAK,KAAKV,MAAM,CAACC,IAAI;AAC/C,MAAA,2BAA2B,EAAES,KAAK,KAAKV,MAAM,CAACE,OAAO;AACrD,MAAA,0BAA0B,EAAEQ,KAAK,KAAKV,MAAM,CAACG,MAAM;AACnD,MAAA,2BAA2B,EAAEO,KAAK,KAAKV,MAAM,CAACI,OAAAA;KAC7CQ,EAAAA,SAAS,EAAGA,SAAS,CAAA,CAAA;AACrB,GAAA,EACCE,UAAU,CAEbN,EAAAA,IAAI,iBACHU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,wBAAwB;IAAC,aAAY,EAAA,cAAA;GAClDM,eAAAA,yBAAA,CAAAC,aAAA,CAACF,IAAI,EAAG,IAAA,CAAA,CAEX,EACAJ,QAAQ,CACL,CAAA;AAEV;;;;"}

package/dist/cjs/Checkbox.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var useId = require('./useId-4e3deb5c.js');
+require('react-router-dom');
+require('./index-a8cc581e.js');
+require('./overlayManager.js');
+var index$1 = require('./index-6e09c7bc.js');
+var Label = require('./Label.js');
+require('ramda');
+require('./createClass-80e17c6a.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./slicedToArray-732a2048.js');
+require('@bigbinary/neeto-cist');
+require('util');
+require('./defineProperty-ee86604b.js');
+require('@bigbinary/neeto-icons');
+require('./index-773961dd.js');
+require('tippy.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["label", "error", "className", "required", "labelProps", "children"];
+var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    labelProps = _ref.labelProps,
+    children = _ref.children,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var id = useId.useId(otherProps.id);
+  var errorId = "error_".concat(id);
+  var renderLabel = label || children;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames(["neeto-ui-checkbox__wrapper", className])
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-checkbox__container"
+  }, /*#__PURE__*/React__default["default"].createElement("input", _extends._extends({
+    id: id,
+    ref: ref,
+    required: required,
+    "aria-invalid": !!error,
+    className: "neeto-ui-checkbox",
+    "data-cy": "".concat(index$1.hyphenize(renderLabel), "-checkbox-input"),
+    name: id,
+    type: "checkbox"
+  }, otherProps)), renderLabel && /*#__PURE__*/React__default["default"].createElement(Label, _extends._extends({
+    required: required,
+    "data-cy": "".concat(index$1.hyphenize(renderLabel), "-checkbox-label"),
+    htmlFor: id
+  }, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(index$1.hyphenize(renderLabel), "-checkbox-error"),
+    id: errorId
+  }, error));
+});
+Checkbox.displayName = "Checkbox";
+
+module.exports = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/cjs/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n  (\n    {\n      label = \"\",\n      error = \"\",\n      className = \"\",\n      required = false,\n      labelProps,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const renderLabel = label || children;\n\n    return (\n      <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n        <div className=\"neeto-ui-checkbox__container\">\n          <input\n            {...{ id, ref, required }}\n            aria-invalid={!!error}\n            className=\"neeto-ui-checkbox\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n            name={id}\n            type=\"checkbox\"\n            {...otherProps}\n          />\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {renderLabel}\n            </Label>\n          )}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * To specify a unique ID to the Checkbox component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the text to be displayed next to the Checkbox.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the error message to be shown.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide external classnames to Checkbox component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Checkbox is a required field or not.\n   */\n  required: PropTypes.bool,\n  /**\n   *  To specify the children label to be rendered inside the Checkbox.\n   */\n  children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,gDAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,gBAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,iBAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,iBAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,yBAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,iBAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,iBAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,iBAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}