brutkit/dist/brutkit.umd.cjs.map

A React UI component library styled with a Brutalism aesthetic.

{"version":3,"file":"brutkit.umd.cjs","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../node_modules/react-error-boundary/dist/react-error-boundary.js","../src/components/Banner/banner.jsx","../src/components/Button/button.jsx","../src/components/Card/card.jsx","../src/components/Checkbox/checkbox.jsx","../src/components/Grid/grid.jsx","../src/components/Input/inputField.jsx","../src/components/Modal/modal.jsx","../src/components/Spinner/spinner.jsx","../src/components/Tooltip/tooltip.jsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return (type.displayName || \"Context\") + \".Provider\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(\n      type,\n      key,\n      self,\n      source,\n      owner,\n      props,\n      debugStack,\n      debugTask\n    ) {\n      self = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== self ? self : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      source,\n      self,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        self,\n        source,\n        getOwner(),\n        maybeKey,\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      \"object\" === typeof node &&\n        null !== node &&\n        node.$$typeof === REACT_ELEMENT_TYPE &&\n        node._store &&\n        (node._store.validated = 1);\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\");\n    Symbol.for(\"react.provider\");\n    var REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      \"react-stack-bottom-frame\": function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React[\"react-stack-bottom-frame\"].bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey, source, self) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        source,\n        self,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey, source, self) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        source,\n        self,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","'use client';\nimport { createContext, Component, createElement, useContext, useState, useMemo, forwardRef } from 'react';\n\nconst ErrorBoundaryContext = createContext(null);\n\nconst initialState = {\n  didCatch: false,\n  error: null\n};\nclass ErrorBoundary extends Component {\n  constructor(props) {\n    super(props);\n    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);\n    this.state = initialState;\n  }\n  static getDerivedStateFromError(error) {\n    return {\n      didCatch: true,\n      error\n    };\n  }\n  resetErrorBoundary() {\n    const {\n      error\n    } = this.state;\n    if (error !== null) {\n      var _this$props$onReset, _this$props;\n      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n        args[_key] = arguments[_key];\n      }\n      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {\n        args,\n        reason: \"imperative-api\"\n      });\n      this.setState(initialState);\n    }\n  }\n  componentDidCatch(error, info) {\n    var _this$props$onError, _this$props2;\n    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);\n  }\n  componentDidUpdate(prevProps, prevState) {\n    const {\n      didCatch\n    } = this.state;\n    const {\n      resetKeys\n    } = this.props;\n\n    // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,\n    // we'd end up resetting the error boundary immediately.\n    // This would likely trigger a second error to be thrown.\n    // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.\n\n    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {\n      var _this$props$onReset2, _this$props3;\n      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {\n        next: resetKeys,\n        prev: prevProps.resetKeys,\n        reason: \"keys\"\n      });\n      this.setState(initialState);\n    }\n  }\n  render() {\n    const {\n      children,\n      fallbackRender,\n      FallbackComponent,\n      fallback\n    } = this.props;\n    const {\n      didCatch,\n      error\n    } = this.state;\n    let childToRender = children;\n    if (didCatch) {\n      const props = {\n        error,\n        resetErrorBoundary: this.resetErrorBoundary\n      };\n      if (typeof fallbackRender === \"function\") {\n        childToRender = fallbackRender(props);\n      } else if (FallbackComponent) {\n        childToRender = createElement(FallbackComponent, props);\n      } else if (fallback !== undefined) {\n        childToRender = fallback;\n      } else {\n        throw error;\n      }\n    }\n    return createElement(ErrorBoundaryContext.Provider, {\n      value: {\n        didCatch,\n        error,\n        resetErrorBoundary: this.resetErrorBoundary\n      }\n    }, childToRender);\n  }\n}\nfunction hasArrayChanged() {\n  let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));\n}\n\nfunction assertErrorBoundaryContext(value) {\n  if (value == null || typeof value.didCatch !== \"boolean\" || typeof value.resetErrorBoundary !== \"function\") {\n    throw new Error(\"ErrorBoundaryContext not found\");\n  }\n}\n\nfunction useErrorBoundary() {\n  const context = useContext(ErrorBoundaryContext);\n  assertErrorBoundaryContext(context);\n  const [state, setState] = useState({\n    error: null,\n    hasError: false\n  });\n  const memoized = useMemo(() => ({\n    resetBoundary: () => {\n      context.resetErrorBoundary();\n      setState({\n        error: null,\n        hasError: false\n      });\n    },\n    showBoundary: error => setState({\n      error,\n      hasError: true\n    })\n  }), [context.resetErrorBoundary]);\n  if (state.hasError) {\n    throw state.error;\n  }\n  return memoized;\n}\n\nfunction withErrorBoundary(component, errorBoundaryProps) {\n  const Wrapped = forwardRef((props, ref) => createElement(ErrorBoundary, errorBoundaryProps, createElement(component, {\n    ...props,\n    ref\n  })));\n\n  // Format for display in DevTools\n  const name = component.displayName || component.name || \"Unknown\";\n  Wrapped.displayName = \"withErrorBoundary(\".concat(name, \")\");\n  return Wrapped;\n}\n\nexport { ErrorBoundary, ErrorBoundaryContext, useErrorBoundary, withErrorBoundary };\n","import { ErrorBoundary } from 'react-error-boundary';\r\nimport './banner.scss'\r\n\r\nfunction BannerComponent ({ isOpen, onClose, bannerType, textType, successText, warningText, failText }) {\r\n\r\n    let successMessage = successText ? successText : \"Success!\";\r\n    let warningMessage = warningText ? warningText : \"Warning!\";\r\n    let failMessage = failText ? failText : \"Fail!\";\r\n\r\n    if (!isOpen) {\r\n        return null;\r\n    }\r\n\r\n    switch (bannerType) {\r\n        case 'success':\r\n            return (\r\n                <ErrorBoundary fallback={<div>Error with \"Success\" banner!</div>}>\r\n                    <div className=\"banner banner-success\">\r\n                        <p className=\"banner-text\">{textType === 'success' && successText && (\r\n                            successMessage\r\n                        )}</p>\r\n                        {onClose && (\r\n                            <button className=\"banner-close-btn\" onClick={onClose}>\r\n                                x\r\n                            </button>\r\n                        )}\r\n                    </div>\r\n                </ErrorBoundary>\r\n            );\r\n        case 'warning':\r\n            return (\r\n                <ErrorBoundary fallback={<div>Error with \"Warning\" banner!</div>}>\r\n                    <div className=\"banner banner-warning\">\r\n                        <p className=\"banner-text\">{textType === 'warning' && warningText && (\r\n                            warningMessage\r\n                        )}</p>\r\n                        {onClose && (\r\n                            <button className=\"banner-close-btn\" onClick={onClose}>\r\n                                x\r\n                            </button>\r\n                        )}\r\n                    </div>\r\n                </ErrorBoundary>\r\n            );\r\n        case 'fail':\r\n            return (\r\n                <ErrorBoundary fallback={<div>Error with \"Fail\" banner!</div>}>\r\n                    <div className=\"banner banner-fail\">\r\n                        <p className=\"banner-text\">{textType === 'fail' && failText && (\r\n                            failMessage\r\n                        )}</p>\r\n                        {onClose && (\r\n                            <button className=\"banner-close-btn\" onClick={onClose}>\r\n                                x\r\n                            </button>\r\n                        )}\r\n                    </div>\r\n                </ErrorBoundary>\r\n            );\r\n    }\r\n}\r\n\r\nexport default BannerComponent","import { useState } from 'react';\r\nimport { ErrorBoundary } from 'react-error-boundary';\r\nimport './button.scss'\r\n\r\nfunction ButtonComponent ({ children, size, color, addClass, addId, disabled = false, onTrigger, ...otherProps }) {\r\n    const baseClass = \"btn\";\r\n    const mergeClasses = `${baseClass} ${addClass || ''}`.trim();\r\n\r\n    // let [ count, setCount ] = useState(0);\r\n\r\n    // function handleClick () {\r\n    //     setCount(count + 1);\r\n    // }\r\n    \r\n    switch (size) {\r\n        case 'sm':\r\n            if (color == 'red') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'sm', color: 'Red'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-sm btn-red\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'darkRed') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'sm', color: 'DarkRed'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-sm btn-darkRed\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'grey') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'sm', color: 'Grey'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-sm btn-grey\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'black') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'sm', color: 'Black'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-sm btn-black\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'white') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'sm', color: 'White'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-sm btn-white\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            }\r\n        case 'md':\r\n            if (color == 'red') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'md', color: 'Red'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-md btn-red\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'darkRed') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'md', color: 'DarkRed'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-md btn-darkRed\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'grey') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'md', color: 'Grey'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-md btn-grey\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'black') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'md', color: 'Black'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-md btn-black\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'white') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'md', color: 'White'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-md btn-white\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            }\r\n        case 'lg':\r\n            if (color == 'red') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'lg', color: 'Red'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-lg btn-red\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'darkRed') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'lg', color: 'DarkRed'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-lg btn-darkRed\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'grey') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'lg', color: 'Grey'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-lg btn-grey\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'black') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'lg', color: 'Black'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-lg btn-black\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            } else if (color == 'white') {\r\n                return (\r\n                    <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'lg', color: 'White'</div>}>\r\n                        <>\r\n                            <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-lg btn-white\"} id={addId} {...otherProps}>\r\n                                <span className=\"btn-label\">{children}</span>\r\n                            </button>\r\n                        </>\r\n                    </ErrorBoundary>\r\n                )\r\n            }\r\n        default:\r\n            return (\r\n                <ErrorBoundary fallbackRender={<div>Something went wrong with Btn 'lg', color: 'Red'</div>}>\r\n                    <>\r\n                        <button onClick={onTrigger} data-label={children} disabled={disabled} className={mergeClasses + \" btn-red btn-sm\"} id={addId} {...otherProps}>\r\n                            <span className=\"btn-label\">{children}</span>\r\n                        </button>\r\n                    </>\r\n                </ErrorBoundary>\r\n            );\r\n    }\r\n}\r\n\r\nexport default ButtonComponent","import { useEffect, useState} from 'react'\r\nimport './card.scss'\r\n\r\nfunction CardComponent ({ onClick, color, addClassToBase, addClassToHeader, addClassToBody, addClassToFooter, title, children, footer  }) {\r\n\r\n    const defaultClassBase = 'card';\r\n    const defaultClassHeader = 'card-header';\r\n    const defaultClassBody = 'card-body';\r\n    const defaultClassFooter = 'card-footer';\r\n\r\n    const cardBaseTheme = () => {\r\n\r\n        switch (color) {\r\n            case 'red':\r\n                return 'bg-red text-grey';\r\n            case 'darkRed':\r\n                return 'bg-darkRed text-white';\r\n            case 'grey':\r\n                return 'bg-grey text-darkRed';\r\n            case 'black':\r\n                return 'bg-black text-white';\r\n            case 'white':\r\n                return 'bg-white text-black';\r\n            default:\r\n                return 'bg-red text-grey';\r\n        }\r\n    }\r\n\r\n    const borderColor = (pos) => {\r\n        if (pos === 'top' || pos === 'bottom') {\r\n            switch (color) {\r\n            case 'red':\r\n                return `border_${pos}-grey`;\r\n            case 'darkRed':\r\n                return `border_${pos}-white`;\r\n            case 'grey':\r\n                return `border_${pos}-darkRed`;\r\n            case 'black':\r\n                return `border_${pos}-white`;\r\n            case 'white':\r\n                return `border_${pos}-black`;\r\n            default:\r\n                return `border_${pos}-grey`;\r\n        }}\r\n    }\r\n\r\n    const combineClassBase = `${defaultClassBase} ${addClassToBase || ''} ${cardBaseTheme() || ''}`.trim();\r\n    const combineClassHeader = `${defaultClassHeader} ${addClassToHeader || ''} ${borderColor('bottom') || ''}`.trim();\r\n    const combineClassBody = `${defaultClassBody} ${addClassToBody || ''}`.trim();\r\n    const combineClassFooter = `${defaultClassFooter} ${addClassToFooter || ''} ${borderColor('top') || ''}`.trim();\r\n\r\n    useEffect(() => {\r\n        const handleCardClick = (event) => {\r\n            if (event.key === 'click') {\r\n                onClick();\r\n            }\r\n        };\r\n\r\n        if (onClick) {\r\n            document.addEventListener('keydown', handleCardClick);\r\n        };\r\n\r\n        return () => {\r\n            document.removeEventListener('keydown', handleCardClick);\r\n        }\r\n\r\n    }, [onClick]);\r\n\r\n    return (\r\n        <>\r\n            <div className={combineClassBase} onClick={onClick}>\r\n                <div className={combineClassHeader}>{title}</div>\r\n                <div className=\"card-content\">\r\n                    <div className={combineClassBody}>{children}</div>\r\n                </div>\r\n                <div className={combineClassFooter}>{footer}</div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default CardComponent","import { useState } from 'react';\r\nimport { ErrorBoundary } from 'react-error-boundary';\r\nimport './checkbox.scss';\r\n\r\nfunction Input_Checkbox_Component ({ type = \"checkbox\", children, id, addClass, value, textColor, checkmarkColor }) {\r\n    const baseClass = \"checkbox\";\r\n    const mergeClasses = `${baseClass} ${addClass || ''}`.trim();\r\n    let textColorClass;\r\n    let checkmarkColorClass;\r\n\r\n    const [ isChecked, setIsChecked ] = useState(false);\r\n    const handleCheckboxChange = (event) => {\r\n        const newCheckedState = event.target.checked;\r\n        console.log(\"Checkbox clicked. New State: \", newCheckedState);\r\n        setIsChecked(newCheckedState);\r\n    }\r\n\r\n    if (textColor) {\r\n        switch (textColor) {\r\n            case 'red':\r\n                textColorClass = \"text-red\";\r\n                break;\r\n            case 'darkRed':\r\n                textColorClass = \"text-darkRed\";\r\n                break;\r\n            case 'grey':\r\n                textColorClass = \"text-grey\";\r\n                break;\r\n            case 'black':\r\n                textColorClass = \"text-black\";\r\n                break;\r\n            case 'white':\r\n                textColorClass = \"text-white\";\r\n                break;\r\n            default:\r\n                textColorClass = \"text-black\";\r\n                break;\r\n        }\r\n    }\r\n\r\n    if (checkmarkColor) {\r\n        switch (checkmarkColor) {\r\n            case 'red':\r\n                checkmarkColorClass = \"checkmark-red\";\r\n                break;\r\n            case 'darkRed':\r\n                checkmarkColorClass = \"checkmark-darkRed\";\r\n                break;\r\n            case 'grey':\r\n                checkmarkColorClass = \"checkmark-grey\";\r\n                break;\r\n            case 'black':\r\n                checkmarkColorClass = \"checkmark-black\";\r\n                break;\r\n            case 'white':\r\n                checkmarkColorClass = \"checkmark-white\";\r\n                break;\r\n            default:\r\n                checkmarkColorClass = \"checkmark\";\r\n                break;\r\n        }\r\n    }\r\n\r\n    return (\r\n        <ErrorBoundary fallbackRender={<div>Something went wrong</div>}>\r\n        <>\r\n            <label className={\"form-control \" + textColorClass}>{children}\r\n                <input type={type} checked={isChecked} onChange={handleCheckboxChange} id={id} className={mergeClasses} value={value} />\r\n                <span className={checkmarkColorClass}></span>\r\n            </label>\r\n        </>\r\n        </ErrorBoundary>\r\n    );\r\n}\r\n\r\nexport default Input_Checkbox_Component","import React from 'react'\r\nimport { ErrorBoundary } from 'react-error-boundary';\r\nimport './grid.scss'\r\n\r\nfunction Row ({ children, gap, columns, auto = 'no', addClass }) {\r\n    const baseClass = \"grid-row\";\r\n    const mergeClasses = `${baseClass} ${addClass || ''}`.trim();\r\n\r\n    const gridTempCol = (col) => {\r\n        const tempCol = {\r\n            strict: col ? (typeof col === 'number' ? `repeat(${col}, 1fr)` : col) : 'repeat(12, 1fr)',\r\n            auto: 'repeat(auto-fit, minmax(min(100%, var(--grid-min, 30ch)), 1fr))',\r\n        }\r\n        if (col && typeof col === 'number') {\r\n            return tempCol.strict;\r\n        } else if (auto === 'yes') {\r\n            return tempCol.auto;\r\n        } else {\r\n            return 'repeat(12, 1fr)';\r\n        }\r\n    }\r\n\r\n    const rowStyles = {\r\n        display: 'grid',\r\n        gap: gap ? `${gap}px` : '0px',\r\n        gridTemplateColumns: gridTempCol(columns),\r\n    }\r\n\r\n    return (\r\n        <ErrorBoundary fallback={<div>Error in Grid-row!</div>}>\r\n            <div style={rowStyles} className={mergeClasses}>\r\n                {children}\r\n            </div>\r\n        </ErrorBoundary>\r\n    );\r\n}\r\n\r\nfunction Col ({ children, span, addClass, start, end }) {\r\n    const baseClass = \"grid-col\";\r\n    const mergeClasses = `${baseClass} ${addClass || ''}`.trim();\r\n\r\n    let gridColValue = 'span 1';\r\n\r\n    if (start !== undefined && end !== undefined) {\r\n        gridColValue = `${start} / ${end}`;\r\n    } else if (start !== undefined) {\r\n        gridColValue = `${start}`;\r\n    } else if (span !== undefined) {\r\n        gridColValue = `span ${span}`;\r\n    }\r\n\r\n    const colStyles = {\r\n        gridColumn: gridColValue,\r\n    };\r\n\r\n    return (\r\n        <ErrorBoundary fallback={<div>Error in Grid-Col!</div>}>\r\n            <div style={colStyles} className={mergeClasses}>\r\n                {children}\r\n            </div>\r\n        </ErrorBoundary>\r\n    );\r\n}\r\n\r\nconst Grid = {\r\n    Row,\r\n    Col,\r\n}\r\n\r\nexport default Grid","import { useRef, useState } from 'react';\r\nimport { ErrorBoundary } from 'react-error-boundary';\r\nimport './input.scss';\r\n\r\nfunction Input_Text_Component ({ type = \"text\", id, addClass, placeholder, value, onChange }) {\r\n    const baseClass = \"input\";\r\n    const mergeClasses = `${baseClass} ${addClass || ''}`.trim();\r\n\r\n    function handleChange (event) {\r\n        onChange(event.target.value);\r\n    };\r\n\r\n    return (\r\n        <ErrorBoundary fallbackRender={<div>Something went wrong</div>}>\r\n        <>\r\n            <input type={type} onChange={handleChange} id={id} className={mergeClasses} placeholder={placeholder} value={value}></input>\r\n        </>\r\n        </ErrorBoundary>\r\n    );\r\n}\r\n\r\nexport default Input_Text_Component","import { useEffect } from 'react'\r\nimport './modal.scss'\r\n\r\nfunction ModalComponent ({ isOpen, onClose, children, title, footer, modalColor, borderColor, addClass }) {\r\n    const baseClass = \"modal\";\r\n    const mergeClasses = `${baseClass} ${addClass || ''}`.trim();\r\n    const bgColor = `${modalColor || ''}`.trim();\r\n    const borderColorClass = `${borderColor || ''}`.trim();\r\n    \r\n    useEffect(() => {\r\n        const handleEscape = (event) => {\r\n            if (event.key === 'Escape') {\r\n                onClose();\r\n            }\r\n        };\r\n\r\n        if (isOpen) {\r\n            document.addEventListener('keydown', handleEscape);\r\n        }\r\n\r\n        return () => {\r\n            document.removeEventListener('keydown', handleEscape);\r\n        };\r\n\r\n    }, [isOpen, onClose]);\r\n\r\n    if (!isOpen) {\r\n        return null;\r\n    }\r\n\r\n    const handleBackdropClick = (event) => {\r\n        if (event.target === event.currentTarget) {\r\n            onClose();\r\n        };\r\n        \r\n    };\r\n\r\n    return (\r\n        <div className={mergeClasses}>\r\n            <div className=\"modal-backdrop\" onClick={handleBackdropClick}>\r\n                <div className={\"modal-content \" + bgColor}>\r\n                    {title && (\r\n                        <div className={\"modal-header \" + borderColorClass}>\r\n                            <h2>{title}</h2>\r\n                            <button \r\n                                className=\"modal-close-btn\"\r\n                                onClick={onClose}\r\n                            >\r\n                                <p>x</p>\r\n                            </button>\r\n                        </div>\r\n                    )}\r\n                    <div className=\"modal-body\">\r\n                        {children}\r\n                    </div>\r\n                    {footer && (\r\n                        <div className={\"modal-footer \" + borderColorClass}>\r\n                            {footer}\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ModalComponent;","import './spinner.scss'\r\n\r\nfunction LoadingSpinnerComponent ({ isLoading }) {\r\n    if (!isLoading) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <div className=\"spinner-backdrop\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\r\n            <div className=\"spinner\"></div>\r\n            <span className=\"sr-only\">Loading...</span>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default LoadingSpinnerComponent","import React from 'react'\r\nimport { useState } from 'react'\r\nimport { ErrorBoundary } from 'react-error-boundary';\r\nimport './tooltip.scss'\r\n\r\nfunction ToolTipComponent ({ children, content }) {\r\n    const [ isVisible, setIsVisible ] = useState(false);\r\n\r\n    const handleMouseEnter = () => setIsVisible(true);\r\n    const handleMouseLeave = () => setIsVisible(false);\r\n    const handleFocus = () => setIsVisible(true);\r\n    const handleBlur = () => setIsVisible(false);\r\n\r\n    const childElement = React.Children.only(children);\r\n    const triggerElement = React.cloneElement(childElement, {\r\n        onMouseEnter: handleMouseEnter,\r\n        onMouseLeave: handleMouseLeave,\r\n        onFocus: handleFocus,\r\n        onBlur: handleBlur,\r\n    });\r\n\r\n    return (\r\n        <ErrorBoundary fallback={<div>Something went wrong</div>}>\r\n        <div className=\"tooltip-container\">\r\n        {triggerElement}\r\n        {isVisible && (\r\n            <div className=\"tooltip-content text-body\">\r\n                {content}\r\n            </div>\r\n        )}\r\n        </div>\r\n        </ErrorBoundary>\r\n    )\r\n}\r\n\r\nexport default ToolTipComponent"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","self","source","owner","debugStack","debugTask","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","ErrorBoundaryContext","createContext","initialState","ErrorBoundary","Component","error","_this$props$onReset","_this$props","_len","args","_key","info","_this$props$onError","_this$props2","prevProps","prevState","didCatch","resetKeys","hasArrayChanged","_this$props$onReset2","_this$props3","fallbackRender","FallbackComponent","fallback","childToRender","createElement","a","b","item","index","BannerComponent","isOpen","onClose","bannerType","textType","successText","warningText","failText","successMessage","warningMessage","failMessage","jsx","jsxs","ButtonComponent","size","color","addClass","addId","disabled","onTrigger","otherProps","mergeClasses","Fragment","CardComponent","onClick","addClassToBase","addClassToHeader","addClassToBody","addClassToFooter","title","footer","defaultClassBase","defaultClassHeader","defaultClassBody","defaultClassFooter","cardBaseTheme","borderColor","pos","combineClassBase","combineClassHeader","combineClassBody","combineClassFooter","useEffect","handleCardClick","event","Input_Checkbox_Component","id","textColor","checkmarkColor","textColorClass","checkmarkColorClass","isChecked","setIsChecked","useState","handleCheckboxChange","newCheckedState","Row","gap","columns","auto","gridTempCol","col","tempCol","rowStyles","Col","span","start","end","gridColValue","colStyles","Grid","Input_Text_Component","placeholder","onChange","handleChange","ModalComponent","modalColor","bgColor","borderColorClass","handleEscape","handleBackdropClick","LoadingSpinnerComponent","isLoading","ToolTipComponent","content","isVisible","setIsVisible","handleMouseEnter","handleMouseLeave","handleFocus","handleBlur","childElement","triggerElement"],"mappings":";;;;;;;;wCAWA,IAAIA,EAAqB,OAAO,IAAI,4BAA4B,EAC9DC,EAAsB,OAAO,IAAI,gBAAgB,EACnD,SAASC,EAAQC,EAAMC,EAAQC,EAAU,CACvC,IAAIC,EAAM,KAGV,GAFWD,IAAX,SAAwBC,EAAM,GAAKD,GACxBD,EAAO,MAAlB,SAA0BE,EAAM,GAAKF,EAAO,KACxC,QAASA,EAAQ,CACnBC,EAAW,CAAE,EACb,QAASE,KAAYH,EACTG,IAAV,QAAuBF,EAASE,CAAQ,EAAIH,EAAOG,CAAQ,EAC9D,MAAMF,EAAWD,EAClB,OAAAA,EAASC,EAAS,IACX,CACL,SAAUL,EACV,KAAMG,EACN,IAAKG,EACL,IAAgBF,IAAX,OAAoBA,EAAS,KAClC,MAAOC,CACR,CACH,CACA,OAAAG,EAAA,SAAmBP,EACnBO,EAAA,IAAcN,EACdM,EAAA,KAAeN;;;;;;;;qCCtBE,QAAQ,IAAI,WAA7B,cACG,UAAY,CACX,SAASO,EAAyBN,EAAM,CACtC,GAAYA,GAAR,KAAc,OAAO,KACzB,GAAmB,OAAOA,GAAtB,WACF,OAAOA,EAAK,WAAaO,GACrB,KACAP,EAAK,aAAeA,EAAK,MAAQ,KACvC,GAAiB,OAAOA,GAApB,SAA0B,OAAOA,EACrC,OAAQA,EAAI,CACV,KAAKF,EACH,MAAO,WACT,KAAKU,EACH,MAAO,WACT,KAAKC,EACH,MAAO,aACT,KAAKC,GACH,MAAO,WACT,KAAKC,GACH,MAAO,eACT,KAAKC,GACH,MAAO,UACjB,CACM,GAAiB,OAAOZ,GAApB,SACF,OACgB,OAAOA,EAAK,KAAzB,UACC,QAAQ,MACN,mHACD,EACHA,EAAK,SACf,CACU,KAAKa,EACH,MAAO,SACT,KAAKC,EACH,OAAQd,EAAK,aAAe,WAAa,YAC3C,KAAKe,EACH,OAAQf,EAAK,SAAS,aAAe,WAAa,YACpD,KAAKgB,EACH,IAAIC,EAAYjB,EAAK,OACrB,OAAAA,EAAOA,EAAK,YACZA,IACIA,EAAOiB,EAAU,aAAeA,EAAU,MAAQ,GACnDjB,EAAcA,IAAP,GAAc,cAAgBA,EAAO,IAAM,cAC9CA,EACT,KAAKkB,GACH,OACGD,EAAYjB,EAAK,aAAe,KACxBiB,IAAT,KACIA,EACAX,EAAyBN,EAAK,IAAI,GAAK,OAE/C,KAAKmB,EACHF,EAAYjB,EAAK,SACjBA,EAAOA,EAAK,MACZ,GAAI,CACF,OAAOM,EAAyBN,EAAKiB,CAAS,CAAC,CAChD,MAAW,CAAA,CACxB,CACM,OAAO,IACb,CACI,SAASG,EAAmBC,EAAO,CACjC,MAAO,GAAKA,CAClB,CACI,SAASC,EAAuBD,EAAO,CACrC,GAAI,CACFD,EAAmBC,CAAK,EACxB,IAAIE,EAA2B,EAChC,MAAW,CACVA,EAA2B,EACnC,CACM,GAAIA,EAA0B,CAC5BA,EAA2B,QAC3B,IAAIC,EAAwBD,EAAyB,MACjDE,EACc,OAAO,QAAtB,YACC,OAAO,aACPJ,EAAM,OAAO,WAAW,GAC1BA,EAAM,YAAY,MAClB,SACF,OAAAG,EAAsB,KACpBD,EACA,2GACAE,CACD,EACML,EAAmBC,CAAK,CACvC,CACA,CACI,SAASK,EAAY1B,EAAM,CACzB,GAAIA,IAASF,EAAqB,MAAO,KACzC,GACe,OAAOE,GAApB,UACSA,IAAT,MACAA,EAAK,WAAamB,EAElB,MAAO,QACT,GAAI,CACF,IAAIQ,EAAOrB,EAAyBN,CAAI,EACxC,OAAO2B,EAAO,IAAMA,EAAO,IAAM,OAClC,MAAW,CACV,MAAO,OACf,CACA,CACI,SAASC,GAAW,CAClB,IAAIC,EAAaC,EAAqB,EAC