matsuri-ui 18.0.1-alpha-1759583592628-ecfdd4e.0 → 18.0.1-alpha-1759717166638-e2ccbbc.0

package/esm/Popper/Popper.js

@@ -1,12 +1,12 @@
 var _excluded = ["anchorEl", "children", "placement", "options", "open", "onClickOutside", "disablePortal"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { Portal } from "../Portal";
 import { css } from "@emotion/react";
-import { useOnClickOutside } from "../hooks/useOnClickOutside";
 import { usePopper } from "react-popper";
-import { useTheme } from "../theme";
 import React, { useCallback, useState } from "react";
+import { Portal } from "../Portal";
+import { useOnClickOutside } from "../hooks/useOnClickOutside";
+import { useTheme } from "../theme";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var Popper = _ref => {
   var {
@@ -45,7 +45,7 @@ export var Popper = _ref => {
   }, ___EmotionJSX("div", _extends({
     role: "tooltip",
     ref: setPopperElement,
-    css: /*#__PURE__*/css("z-index:", zIndex.tooltip, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Popper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Qb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Qb3BwZXIvUG9wcGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluc3RhbmNlLCBPcHRpb25zIH0gZnJvbSBcIkBwb3BwZXJqcy9jb3JlXCI7XG5pbXBvcnQgeyBQb3J0YWwsIFBvcnRhbFByb3BzIH0gZnJvbSBcIi4uL1BvcnRhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gXCIuLi9ob29rcy91c2VPbkNsaWNrT3V0c2lkZVwiO1xuaW1wb3J0IHsgdXNlUG9wcGVyIH0gZnJvbSBcInJlYWN0LXBvcHBlclwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IHR5cGUgUG9wcGVySW5zdGFuY2UgPSBJbnN0YW5jZTtcbmV4cG9ydCB0eXBlIFBvcHBlck9wdGlvbnMgPSBQYXJ0aWFsPE9taXQ8T3B0aW9ucywgXCJwbGFjZW1lbnRcIj4+O1xuZXhwb3J0IHR5cGUgUG9wcGVyUGxhY2VtZW50ID0gT3B0aW9uc1tcInBsYWNlbWVudFwiXTtcblxuZXhwb3J0IGludGVyZmFjZSBQb3BwZXJCYXNlUHJvcHMge1xuICAvKipcbiAgICogUG9wcGVy44Gu6LW354K544Go44Gq44KL6KaB57Sg44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqL1xuICBhbmNob3JFbD86IEVsZW1lbnQgfCBudWxsO1xuICAvKipcbiAgICogUG9wcGVy44Gu5L2N572u44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqL1xuICBwbGFjZW1lbnQ/OiBQb3BwZXJQbGFjZW1lbnQ7XG4gIC8qKlxuICAgKiBAc2VlIGh0dHBzOi8vcG9wcGVyLmpzLm9yZy9wb3BwZXItZG9jdW1lbnRhdGlvbi5odG1sI2RlZmF1bHRzXG4gICAqL1xuICBvcHRpb25zPzogUG9wcGVyT3B0aW9ucztcbiAgLyoqXG4gICAqIFBvcHBlcuOBrumWi+mWieOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBvcGVuPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIOimgee0oOOBruevhOWbsuWkluOBjOOCr+ODquODg+OCr+OBleOCjOOBn+OCieeZuueBq+OBmeOCi0NhbGxiYWNr44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IHVuZGVmaW5lZFxuICAgKi9cbiAgb25DbGlja091dHNpZGU/OiAoZXZlbnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB2b2lkO1xufVxuZXhwb3J0IGludGVyZmFjZSBQb3BwZXJQcm9wc1xuICBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PixcbiAgICBQaWNrPFBvcnRhbFByb3BzLCBcImRpc2FibGVQb3J0YWxcIj4sXG4gICAgUG9wcGVyQmFzZVByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBQb3BwZXIgPSAoe1xuICBhbmNob3JFbDogYW5jaG9yLFxuICBjaGlsZHJlbixcbiAgcGxhY2VtZW50ID0gXCJib3R0b20tc3RhcnRcIiBhcyBjb25zdCxcbiAgb3B0aW9ucyxcbiAgb3BlbiA9IHRydWUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxuICBkaXNhYmxlUG9ydGFsLFxuICAuLi5vdGhlcnNcbn06IFBvcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IFtwb3BwZXJFbGVtZW50LCBzZXRQb3BwZXJFbGVtZW50XSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4oXG4gICAgbnVsbCxcbiAgKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICBpZiAoYW5jaG9yICYmICFhbmNob3IuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmIG9uQ2xpY2tPdXRzaWRlKSB7XG4gICAgICAgIG9uQ2xpY2tPdXRzaWRlKGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFthbmNob3IsIG9uQ2xpY2tPdXRzaWRlXSxcbiAgKTtcbiAgdXNlT25DbGlja091dHNpZGUoeyBjdXJyZW50OiBwb3BwZXJFbGVtZW50IH0sIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG5cbiAgY29uc3QgeyBzdHlsZXMsIGF0dHJpYnV0ZXMgfSA9IHVzZVBvcHBlcihhbmNob3IsIHBvcHBlckVsZW1lbnQsIHtcbiAgICBwbGFjZW1lbnQsXG4gICAgc3RyYXRlZ3k6IG9wdGlvbnM/LnN0cmF0ZWd5LFxuICAgIG9uRmlyc3RVcGRhdGU6IG9wdGlvbnM/Lm9uRmlyc3RVcGRhdGUsXG4gICAgbW9kaWZpZXJzOiBvcHRpb25zPy5tb2RpZmllcnMsXG4gIH0pO1xuXG4gIGNvbnN0IHsgekluZGV4IH0gPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiBhbmNob3IgJiYgb3BlbiA/IChcbiAgICA8UG9ydGFsIGRpc2FibGVQb3J0YWw9e2Rpc2FibGVQb3J0YWx9PlxuICAgICAgPGRpdlxuICAgICAgICByb2xlPVwidG9vbHRpcFwiXG4gICAgICAgIHJlZj17c2V0UG9wcGVyRWxlbWVudH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgei1pbmRleDogJHt6SW5kZXgudG9vbHRpcH07XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgLi4ub3RoZXJzPy5zdHlsZSxcbiAgICAgICAgICAuLi5zdHlsZXMucG9wcGVyLFxuICAgICAgICB9fVxuICAgICAgICB7Li4uYXR0cmlidXRlcy5wb3BwZXJ9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvUG9ydGFsPlxuICApIDogbnVsbDtcbn07XG4iXX0= */")
+    css: /*#__PURE__*/css("z-index:", zIndex.tooltip, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Popper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Qb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Qb3BwZXIvUG9wcGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluc3RhbmNlLCBPcHRpb25zIH0gZnJvbSBcIkBwb3BwZXJqcy9jb3JlXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVBvcHBlciB9IGZyb20gXCJyZWFjdC1wb3BwZXJcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFBvcnRhbCwgUG9ydGFsUHJvcHMgfSBmcm9tIFwiLi4vUG9ydGFsXCI7XG5pbXBvcnQgeyB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gXCIuLi9ob29rcy91c2VPbkNsaWNrT3V0c2lkZVwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IHR5cGUgUG9wcGVySW5zdGFuY2UgPSBJbnN0YW5jZTtcbmV4cG9ydCB0eXBlIFBvcHBlck9wdGlvbnMgPSBQYXJ0aWFsPE9taXQ8T3B0aW9ucywgXCJwbGFjZW1lbnRcIj4+O1xuZXhwb3J0IHR5cGUgUG9wcGVyUGxhY2VtZW50ID0gT3B0aW9uc1tcInBsYWNlbWVudFwiXTtcblxuZXhwb3J0IGludGVyZmFjZSBQb3BwZXJCYXNlUHJvcHMge1xuICAvKipcbiAgICogUG9wcGVy44Gu6LW354K544Go44Gq44KL6KaB57Sg44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqL1xuICBhbmNob3JFbD86IEVsZW1lbnQgfCBudWxsO1xuICAvKipcbiAgICogUG9wcGVy44Gu5L2N572u44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqL1xuICBwbGFjZW1lbnQ/OiBQb3BwZXJQbGFjZW1lbnQ7XG4gIC8qKlxuICAgKiBAc2VlIGh0dHBzOi8vcG9wcGVyLmpzLm9yZy9wb3BwZXItZG9jdW1lbnRhdGlvbi5odG1sI2RlZmF1bHRzXG4gICAqL1xuICBvcHRpb25zPzogUG9wcGVyT3B0aW9ucztcbiAgLyoqXG4gICAqIFBvcHBlcuOBrumWi+mWieOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBvcGVuPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIOimgee0oOOBruevhOWbsuWkluOBjOOCr+ODquODg+OCr+OBleOCjOOBn+OCieeZuueBq+OBmeOCi0NhbGxiYWNr44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IHVuZGVmaW5lZFxuICAgKi9cbiAgb25DbGlja091dHNpZGU/OiAoZXZlbnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB2b2lkO1xufVxuZXhwb3J0IGludGVyZmFjZSBQb3BwZXJQcm9wc1xuICBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PixcbiAgICBQaWNrPFBvcnRhbFByb3BzLCBcImRpc2FibGVQb3J0YWxcIj4sXG4gICAgUG9wcGVyQmFzZVByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBQb3BwZXIgPSAoe1xuICBhbmNob3JFbDogYW5jaG9yLFxuICBjaGlsZHJlbixcbiAgcGxhY2VtZW50ID0gXCJib3R0b20tc3RhcnRcIiBhcyBjb25zdCxcbiAgb3B0aW9ucyxcbiAgb3BlbiA9IHRydWUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxuICBkaXNhYmxlUG9ydGFsLFxuICAuLi5vdGhlcnNcbn06IFBvcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IFtwb3BwZXJFbGVtZW50LCBzZXRQb3BwZXJFbGVtZW50XSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4oXG4gICAgbnVsbCxcbiAgKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICBpZiAoYW5jaG9yICYmICFhbmNob3IuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmIG9uQ2xpY2tPdXRzaWRlKSB7XG4gICAgICAgIG9uQ2xpY2tPdXRzaWRlKGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFthbmNob3IsIG9uQ2xpY2tPdXRzaWRlXSxcbiAgKTtcbiAgdXNlT25DbGlja091dHNpZGUoeyBjdXJyZW50OiBwb3BwZXJFbGVtZW50IH0sIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG5cbiAgY29uc3QgeyBzdHlsZXMsIGF0dHJpYnV0ZXMgfSA9IHVzZVBvcHBlcihhbmNob3IsIHBvcHBlckVsZW1lbnQsIHtcbiAgICBwbGFjZW1lbnQsXG4gICAgc3RyYXRlZ3k6IG9wdGlvbnM/LnN0cmF0ZWd5LFxuICAgIG9uRmlyc3RVcGRhdGU6IG9wdGlvbnM/Lm9uRmlyc3RVcGRhdGUsXG4gICAgbW9kaWZpZXJzOiBvcHRpb25zPy5tb2RpZmllcnMsXG4gIH0pO1xuXG4gIGNvbnN0IHsgekluZGV4IH0gPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiBhbmNob3IgJiYgb3BlbiA/IChcbiAgICA8UG9ydGFsIGRpc2FibGVQb3J0YWw9e2Rpc2FibGVQb3J0YWx9PlxuICAgICAgPGRpdlxuICAgICAgICByb2xlPVwidG9vbHRpcFwiXG4gICAgICAgIHJlZj17c2V0UG9wcGVyRWxlbWVudH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgei1pbmRleDogJHt6SW5kZXgudG9vbHRpcH07XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgLi4ub3RoZXJzPy5zdHlsZSxcbiAgICAgICAgICAuLi5zdHlsZXMucG9wcGVyLFxuICAgICAgICB9fVxuICAgICAgICB7Li4uYXR0cmlidXRlcy5wb3BwZXJ9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvUG9ydGFsPlxuICApIDogbnVsbDtcbn07XG4iXX0= */")
   }, others, {
     style: _extends({}, others == null ? void 0 : others.style, styles.popper)
   }, attributes.popper), children)) : null;

package/esm/Popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","names":["Portal","css","useOnClickOutside","usePopper","useTheme","React","useCallback","useState","jsx","___EmotionJSX","Popper","_ref","anchorEl","anchor","children","placement","options","open","onClickOutside","disablePortal","others","_objectWithoutPropertiesLoose","_excluded","popperElement","setPopperElement","handleClickOutside","event","contains","target","current","styles","attributes","strategy","onFirstUpdate","modifiers","zIndex","_extends","role","ref","tooltip","process","env","NODE_ENV","style","popper"],"sources":["../../../src/Popper/Popper.tsx"],"sourcesContent":["import { Instance, Options } from \"@popperjs/core\";\nimport { Portal, PortalProps } from \"../Portal\";\nimport { css } from \"@emotion/react\";\nimport { useOnClickOutside } from \"../hooks/useOnClickOutside\";\nimport { usePopper } from \"react-popper\";\nimport { useTheme } from \"../theme\";\nimport React, { useCallback, useState } from \"react\";\n\nexport type PopperInstance = Instance;\nexport type PopperOptions = Partial<Omit<Options, \"placement\">>;\nexport type PopperPlacement = Options[\"placement\"];\n\nexport interface PopperBaseProps {\n  /**\n   * Popperの起点となる要素を指定します。\n   */\n  anchorEl?: Element | null;\n  /**\n   * Popperの位置を指定します。\n   */\n  placement?: PopperPlacement;\n  /**\n   * @see https://popper.js.org/popper-documentation.html#defaults\n   */\n  options?: PopperOptions;\n  /**\n   * Popperの開閉を指定します。\n   *\n   * @default true\n   */\n  open?: boolean;\n  /**\n   * 要素の範囲外がクリックされたら発火するCallbackを指定します。\n   *\n   * @default undefined\n   */\n  onClickOutside?: (event: MouseEvent | TouchEvent) => void;\n}\nexport interface PopperProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<PortalProps, \"disablePortal\">,\n    PopperBaseProps {\n  children?: React.ReactNode;\n}\n\nexport const Popper = ({\n  anchorEl: anchor,\n  children,\n  placement = \"bottom-start\" as const,\n  options,\n  open = true,\n  onClickOutside,\n  disablePortal,\n  ...others\n}: PopperProps) => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null,\n  );\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      if (anchor && !anchor.contains(event.target as Node) && onClickOutside) {\n        onClickOutside(event);\n      }\n    },\n    [anchor, onClickOutside],\n  );\n  useOnClickOutside({ current: popperElement }, handleClickOutside);\n\n  const { styles, attributes } = usePopper(anchor, popperElement, {\n    placement,\n    strategy: options?.strategy,\n    onFirstUpdate: options?.onFirstUpdate,\n    modifiers: options?.modifiers,\n  });\n\n  const { zIndex } = useTheme();\n\n  return anchor && open ? (\n    <Portal disablePortal={disablePortal}>\n      <div\n        role=\"tooltip\"\n        ref={setPopperElement}\n        css={css`\n          z-index: ${zIndex.tooltip};\n        `}\n        {...others}\n        style={{\n          ...others?.style,\n          ...styles.popper,\n        }}\n        {...attributes.popper}\n      >\n        {children}\n      </div>\n    </Portal>\n  ) : null;\n};\n"],"mappings":";;;AACA,SAASA,MAAM,QAAqB,WAAW;AAC/C,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAuCrD,OAAO,IAAMC,MAAM,GAAGC,IAAA,IASH;EAAA,IATI;MACrBC,QAAQ,EAAEC,MAAM;MAChBC,QAAQ;MACRC,SAAS,GAAG,cAAuB;MACnCC,OAAO;MACPC,IAAI,GAAG,IAAI;MACXC,cAAc;MACdC;IAEW,CAAC,GAAAR,IAAA;IADTS,MAAM,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAET,IAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGjB,QAAQ,CAChD,IACF,CAAC;EAED,IAAMkB,kBAAkB,GAAGnB,WAAW,CACnCoB,KAA8B,IAAK;IAClC,IAAIb,MAAM,IAAI,CAACA,MAAM,CAACc,QAAQ,CAACD,KAAK,CAACE,MAAc,CAAC,IAAIV,cAAc,EAAE;MACtEA,cAAc,CAACQ,KAAK,CAAC;IACvB;EACF,CAAC,EACD,CAACb,MAAM,EAAEK,cAAc,CACzB,CAAC;EACDhB,iBAAiB,CAAC;IAAE2B,OAAO,EAAEN;EAAc,CAAC,EAAEE,kBAAkB,CAAC;EAEjE,IAAM;IAAEK,MAAM;IAAEC;EAAW,CAAC,GAAG5B,SAAS,CAACU,MAAM,EAAEU,aAAa,EAAE;IAC9DR,SAAS;IACTiB,QAAQ,EAAEhB,OAAO,oBAAPA,OAAO,CAAEgB,QAAQ;IAC3BC,aAAa,EAAEjB,OAAO,oBAAPA,OAAO,CAAEiB,aAAa;IACrCC,SAAS,EAAElB,OAAO,oBAAPA,OAAO,CAAEkB;EACtB,CAAC,CAAC;EAEF,IAAM;IAAEC;EAAO,CAAC,GAAG/B,QAAQ,CAAC,CAAC;EAE7B,OAAOS,MAAM,IAAII,IAAI,GACnBR,aAAA,CAACT,MAAM;IAACmB,aAAa,EAAEA;EAAc,GACnCV,aAAA,QAAA2B,QAAA;IACEC,IAAI,EAAC,SAAS;IACdC,GAAG,EAAEd,gBAAiB;IACtBvB,GAAG,eAAEA,GAAG,aACKkC,MAAM,CAACI,OAAO,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACzB,GACEtB,MAAM;IACVuB,KAAK,EAAAP,QAAA,KACAhB,MAAM,oBAANA,MAAM,CAAEuB,KAAK,EACbb,MAAM,CAACc,MAAM;EAChB,GACEb,UAAU,CAACa,MAAM,GAEpB9B,QACE,CACC,CAAC,GACP,IAAI;AACV,CAAC","ignoreList":[]}
+{"version":3,"file":"Popper.js","names":["css","usePopper","React","useCallback","useState","Portal","useOnClickOutside","useTheme","jsx","___EmotionJSX","Popper","_ref","anchorEl","anchor","children","placement","options","open","onClickOutside","disablePortal","others","_objectWithoutPropertiesLoose","_excluded","popperElement","setPopperElement","handleClickOutside","event","contains","target","current","styles","attributes","strategy","onFirstUpdate","modifiers","zIndex","_extends","role","ref","tooltip","process","env","NODE_ENV","style","popper"],"sources":["../../../src/Popper/Popper.tsx"],"sourcesContent":["import { Instance, Options } from \"@popperjs/core\";\nimport { css } from \"@emotion/react\";\nimport { usePopper } from \"react-popper\";\nimport React, { useCallback, useState } from \"react\";\nimport { Portal, PortalProps } from \"../Portal\";\nimport { useOnClickOutside } from \"../hooks/useOnClickOutside\";\nimport { useTheme } from \"../theme\";\n\nexport type PopperInstance = Instance;\nexport type PopperOptions = Partial<Omit<Options, \"placement\">>;\nexport type PopperPlacement = Options[\"placement\"];\n\nexport interface PopperBaseProps {\n  /**\n   * Popperの起点となる要素を指定します。\n   */\n  anchorEl?: Element | null;\n  /**\n   * Popperの位置を指定します。\n   */\n  placement?: PopperPlacement;\n  /**\n   * @see https://popper.js.org/popper-documentation.html#defaults\n   */\n  options?: PopperOptions;\n  /**\n   * Popperの開閉を指定します。\n   *\n   * @default true\n   */\n  open?: boolean;\n  /**\n   * 要素の範囲外がクリックされたら発火するCallbackを指定します。\n   *\n   * @default undefined\n   */\n  onClickOutside?: (event: MouseEvent | TouchEvent) => void;\n}\nexport interface PopperProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<PortalProps, \"disablePortal\">,\n    PopperBaseProps {\n  children?: React.ReactNode;\n}\n\nexport const Popper = ({\n  anchorEl: anchor,\n  children,\n  placement = \"bottom-start\" as const,\n  options,\n  open = true,\n  onClickOutside,\n  disablePortal,\n  ...others\n}: PopperProps) => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null,\n  );\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      if (anchor && !anchor.contains(event.target as Node) && onClickOutside) {\n        onClickOutside(event);\n      }\n    },\n    [anchor, onClickOutside],\n  );\n  useOnClickOutside({ current: popperElement }, handleClickOutside);\n\n  const { styles, attributes } = usePopper(anchor, popperElement, {\n    placement,\n    strategy: options?.strategy,\n    onFirstUpdate: options?.onFirstUpdate,\n    modifiers: options?.modifiers,\n  });\n\n  const { zIndex } = useTheme();\n\n  return anchor && open ? (\n    <Portal disablePortal={disablePortal}>\n      <div\n        role=\"tooltip\"\n        ref={setPopperElement}\n        css={css`\n          z-index: ${zIndex.tooltip};\n        `}\n        {...others}\n        style={{\n          ...others?.style,\n          ...styles.popper,\n        }}\n        {...attributes.popper}\n      >\n        {children}\n      </div>\n    </Portal>\n  ) : null;\n};\n"],"mappings":";;;AACA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,MAAM,QAAqB,WAAW;AAC/C,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAuCpC,OAAO,IAAMC,MAAM,GAAGC,IAAA,IASH;EAAA,IATI;MACrBC,QAAQ,EAAEC,MAAM;MAChBC,QAAQ;MACRC,SAAS,GAAG,cAAuB;MACnCC,OAAO;MACPC,IAAI,GAAG,IAAI;MACXC,cAAc;MACdC;IAEW,CAAC,GAAAR,IAAA;IADTS,MAAM,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAET,IAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGpB,QAAQ,CAChD,IACF,CAAC;EAED,IAAMqB,kBAAkB,GAAGtB,WAAW,CACnCuB,KAA8B,IAAK;IAClC,IAAIb,MAAM,IAAI,CAACA,MAAM,CAACc,QAAQ,CAACD,KAAK,CAACE,MAAc,CAAC,IAAIV,cAAc,EAAE;MACtEA,cAAc,CAACQ,KAAK,CAAC;IACvB;EACF,CAAC,EACD,CAACb,MAAM,EAAEK,cAAc,CACzB,CAAC;EACDZ,iBAAiB,CAAC;IAAEuB,OAAO,EAAEN;EAAc,CAAC,EAAEE,kBAAkB,CAAC;EAEjE,IAAM;IAAEK,MAAM;IAAEC;EAAW,CAAC,GAAG9B,SAAS,CAACY,MAAM,EAAEU,aAAa,EAAE;IAC9DR,SAAS;IACTiB,QAAQ,EAAEhB,OAAO,oBAAPA,OAAO,CAAEgB,QAAQ;IAC3BC,aAAa,EAAEjB,OAAO,oBAAPA,OAAO,CAAEiB,aAAa;IACrCC,SAAS,EAAElB,OAAO,oBAAPA,OAAO,CAAEkB;EACtB,CAAC,CAAC;EAEF,IAAM;IAAEC;EAAO,CAAC,GAAG5B,QAAQ,CAAC,CAAC;EAE7B,OAAOM,MAAM,IAAII,IAAI,GACnBR,aAAA,CAACJ,MAAM;IAACc,aAAa,EAAEA;EAAc,GACnCV,aAAA,QAAA2B,QAAA;IACEC,IAAI,EAAC,SAAS;IACdC,GAAG,EAAEd,gBAAiB;IACtBxB,GAAG,eAAEA,GAAG,aACKmC,MAAM,CAACI,OAAO,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACzB,GACEtB,MAAM;IACVuB,KAAK,EAAAP,QAAA,KACAhB,MAAM,oBAANA,MAAM,CAAEuB,KAAK,EACbb,MAAM,CAACc,MAAM;EAChB,GACEb,UAAU,CAACa,MAAM,GAEpB9B,QACE,CACC,CAAC,GACP,IAAI;AACV,CAAC","ignoreList":[]}

package/esm/Portal/Portal.js

@@ -1,6 +1,6 @@
-import { PortalContext } from "./PortalContext";
 import React, { Fragment, forwardRef, useContext, useEffect, useState } from "react";
 import ReactDOM from "react-dom";
+import { PortalContext } from "./PortalContext";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var setRef = (ref, value) => {
   if (typeof ref === "function") {

package/esm/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","names":["PortalContext","React","Fragment","forwardRef","useContext","useEffect","useState","ReactDOM","jsx","___EmotionJSX","setRef","ref","value","current","canUseDOM","window","document","createElement","Portal","_ref","node","propsNode","onRender","children","disablePortal","setNode","contextNode","body","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import { PortalContext } from \"./PortalContext\";\nimport React, {\n  Fragment,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\n\nexport const setRef = (\n  ref: React.ForwardedRef<HTMLElement>,\n  value: HTMLElement | null,\n) => {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n  typeof window !== \"undefined\" &&\n  window.document &&\n  window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n  node?: HTMLElement | null;\n  /**\n   * Portalがレンダリングされたときに発火します。\n   */\n  onRender?: () => void;\n  children?: React.ReactNode;\n  /**\n   * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n   */\n  disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n  ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n    const [node, setNode] = useState<HTMLElement | null>(null);\n\n    if (!canUseDOM) {\n      return null;\n    }\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const contextNode = useContext(PortalContext);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      setNode(propsNode || contextNode || document.body);\n    }, [contextNode, propsNode]);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n      if (node) {\n        setRef(ref, node);\n      }\n      return () => {\n        if (node) {\n          setRef(ref, null);\n        }\n      };\n    }, [propsNode, node, ref]);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n      if (node && onRender) {\n        onRender();\n      }\n    }, [node, onRender]);\n\n    return (\n      node &&\n      (disablePortal ? (\n        <Fragment>{children}</Fragment>\n      ) : (\n        ReactDOM.createPortal(children, node)\n      ))\n    );\n  },\n);\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,OAAOC,KAAK,IACVC,QAAQ,EACRC,UAAU,EACVC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,OAAO;AACd,OAAOC,QAAQ,MAAM,WAAW;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEjC,OAAO,IAAMC,MAAM,GAAGA,CACpBC,GAAoC,EACpCC,KAAyB,KACtB;EACH,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM,IAAID,GAAG,EAAE;IACdA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACrB;AACF,CAAC;;AAED;AACA,IAAME,SAAS,GAAG,CAAC,EACjB,OAAOC,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACC,QAAQ,IACfD,MAAM,CAACC,QAAQ,CAACC,aAAa,CAC9B;AACD;;AAeA,OAAO,IAAMC,MAAM,gBAAGf,UAAU,CAC9B,CAAAgB,IAAA,EAAyDR,GAAG,KAAK;EAAA,IAAhE;IAAES,IAAI,EAAEC,SAAS;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAAL,IAAA;EACrD,IAAM,CAACC,IAAI,EAAEK,OAAO,CAAC,GAAGnB,QAAQ,CAAqB,IAAI,CAAC;EAE1D,IAAI,CAACQ,SAAS,EAAE;IACd,OAAO,IAAI;EACb;;EAEA;EACA,IAAMY,WAAW,GAAGtB,UAAU,CAACJ,aAAa,CAAC;;EAE7C;EACAK,SAAS,CAAC,MAAM;IACd;IACAoB,OAAO,CAACJ,SAAS,IAAIK,WAAW,IAAIV,QAAQ,CAACW,IAAI,CAAC;EACpD,CAAC,EAAE,CAACD,WAAW,EAAEL,SAAS,CAAC,CAAC;;EAE5B;EACAhB,SAAS,CAAC,MAAM;IACd,IAAIe,IAAI,EAAE;MACRV,MAAM,CAACC,GAAG,EAAES,IAAI,CAAC;IACnB;IACA,OAAO,MAAM;MACX,IAAIA,IAAI,EAAE;QACRV,MAAM,CAACC,GAAG,EAAE,IAAI,CAAC;MACnB;IACF,CAAC;EACH,CAAC,EAAE,CAACU,SAAS,EAAED,IAAI,EAAET,GAAG,CAAC,CAAC;;EAE1B;EACAN,SAAS,CAAC,MAAM;IACd,IAAIe,IAAI,IAAIE,QAAQ,EAAE;MACpBA,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACF,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OACEF,IAAI,KACHI,aAAa,GACZf,aAAA,CAACP,QAAQ,QAAEqB,QAAmB,CAAC,iBAE/BhB,QAAQ,CAACqB,YAAY,CAACL,QAAQ,EAAEH,IAAI,CAAC,CACtC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"Portal.js","names":["React","Fragment","forwardRef","useContext","useEffect","useState","ReactDOM","PortalContext","jsx","___EmotionJSX","setRef","ref","value","current","canUseDOM","window","document","createElement","Portal","_ref","node","propsNode","onRender","children","disablePortal","setNode","contextNode","body","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { PortalContext } from \"./PortalContext\";\n\nexport const setRef = (\n  ref: React.ForwardedRef<HTMLElement>,\n  value: HTMLElement | null,\n) => {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n  typeof window !== \"undefined\" &&\n  window.document &&\n  window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n  node?: HTMLElement | null;\n  /**\n   * Portalがレンダリングされたときに発火します。\n   */\n  onRender?: () => void;\n  children?: React.ReactNode;\n  /**\n   * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n   */\n  disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n  ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n    const [node, setNode] = useState<HTMLElement | null>(null);\n\n    if (!canUseDOM) {\n      return null;\n    }\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const contextNode = useContext(PortalContext);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      setNode(propsNode || contextNode || document.body);\n    }, [contextNode, propsNode]);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n      if (node) {\n        setRef(ref, node);\n      }\n      return () => {\n        if (node) {\n          setRef(ref, null);\n        }\n      };\n    }, [propsNode, node, ref]);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n      if (node && onRender) {\n        onRender();\n      }\n    }, [node, onRender]);\n\n    return (\n      node &&\n      (disablePortal ? (\n        <Fragment>{children}</Fragment>\n      ) : (\n        ReactDOM.createPortal(children, node)\n      ))\n    );\n  },\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,QAAQ,EACRC,UAAU,EACVC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,OAAO;AACd,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,aAAa,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEhD,OAAO,IAAMC,MAAM,GAAGA,CACpBC,GAAoC,EACpCC,KAAyB,KACtB;EACH,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM,IAAID,GAAG,EAAE;IACdA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACrB;AACF,CAAC;;AAED;AACA,IAAME,SAAS,GAAG,CAAC,EACjB,OAAOC,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACC,QAAQ,IACfD,MAAM,CAACC,QAAQ,CAACC,aAAa,CAC9B;AACD;;AAeA,OAAO,IAAMC,MAAM,gBAAGhB,UAAU,CAC9B,CAAAiB,IAAA,EAAyDR,GAAG,KAAK;EAAA,IAAhE;IAAES,IAAI,EAAEC,SAAS;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAAL,IAAA;EACrD,IAAM,CAACC,IAAI,EAAEK,OAAO,CAAC,GAAGpB,QAAQ,CAAqB,IAAI,CAAC;EAE1D,IAAI,CAACS,SAAS,EAAE;IACd,OAAO,IAAI;EACb;;EAEA;EACA,IAAMY,WAAW,GAAGvB,UAAU,CAACI,aAAa,CAAC;;EAE7C;EACAH,SAAS,CAAC,MAAM;IACd;IACAqB,OAAO,CAACJ,SAAS,IAAIK,WAAW,IAAIV,QAAQ,CAACW,IAAI,CAAC;EACpD,CAAC,EAAE,CAACD,WAAW,EAAEL,SAAS,CAAC,CAAC;;EAE5B;EACAjB,SAAS,CAAC,MAAM;IACd,IAAIgB,IAAI,EAAE;MACRV,MAAM,CAACC,GAAG,EAAES,IAAI,CAAC;IACnB;IACA,OAAO,MAAM;MACX,IAAIA,IAAI,EAAE;QACRV,MAAM,CAACC,GAAG,EAAE,IAAI,CAAC;MACnB;IACF,CAAC;EACH,CAAC,EAAE,CAACU,SAAS,EAAED,IAAI,EAAET,GAAG,CAAC,CAAC;;EAE1B;EACAP,SAAS,CAAC,MAAM;IACd,IAAIgB,IAAI,IAAIE,QAAQ,EAAE;MACpBA,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACF,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OACEF,IAAI,KACHI,aAAa,GACZf,aAAA,CAACR,QAAQ,QAAEsB,QAAmB,CAAC,iBAE/BjB,QAAQ,CAACsB,YAAY,CAACL,QAAQ,EAAEH,IAAI,CAAC,CACtC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/esm/ProgressBar/ProgressBar.js

@@ -1,8 +1,8 @@
 var _excluded = ["children", "color", "value", "max", "className", "label"];
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { useTheme } from "../theme";
 import { css } from "@emotion/react";
 import React from "react";
+import { useTheme } from "../theme";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var ProgressBar = _ref => {
   var {
@@ -19,9 +19,9 @@ export var ProgressBar = _ref => {
   var percent = rate * 100;
   return ___EmotionJSX("div", props, ___EmotionJSX("div", {
     className: className,
-    css: /*#__PURE__*/css("height:12px;background-color:", color === "default" ? theme.palette.gray[300] : theme.palette.intentions[color].light, ";border-radius:6px;" + (process.env.NODE_ENV === "production" ? "" : ";label:ProgressBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9Qcm9ncmVzc0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGFydGlhbENvbG9yUHJvcHMsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJMYWJlbCA9IChcbiAgcHJvcHM6IFJlYWRvbmx5PHtcbiAgICB2YWx1ZTogbnVtYmVyO1xuICAgIG1heDogbnVtYmVyO1xuICAgIHJhdGU6IG51bWJlcjtcbiAgICBwZXJjZW50OiBudW1iZXI7XG4gICAgY2hpbGRyZW4/OiBuZXZlcjtcbiAgfT4sXG4pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb2dyZXNzQmFyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICBQYXJ0aWFsQ29sb3JQcm9wcyB7XG4gIC8qKlxuICAgKiDpgLLmjZfluqblkIjjgYTjgpLooajjgZfjgb7jgZnjgIIw5Lul5LiK44Gu6Ieq54S25pWw44Gu44G/5pyJ5Yq544Gn44GZ44CCXG4gICAqIOOBvuOBn+WGhemDqOeahOOBq+OBr+OBk+OBruWApOOCkuacgOWkp+WApCsx44Gn5Ymy44Gj44Gf5Ymw5L2Z44GM55So44GE44KJ44KM44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IDBcbiAgICovXG4gIHZhbHVlPzogbnVtYmVyO1xuICAvKipcbiAgICog6YCy5o2X5bqm44Gu5pyA5aSn5YCk44KS6KGo44GX44G+44GZ44CCMOS7peS4iuOBruiHqueEtuaVsOOBruOBv+acieWKueOBp+OBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCAwXG4gICAqL1xuICBtYXg/OiBudW1iZXI7XG4gIC8qKlxuICAgKiDjg6njg5njg6vjgpLku5jkuI7jgZfjgb7jgZnjgIJcbiAgICovXG4gIGxhYmVsPzogUHJvZ3Jlc3NCYXJMYWJlbDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0JhciA9ICh7XG4gIGNoaWxkcmVuLFxuICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICB2YWx1ZSA9IDAsXG4gIG1heCA9IDAsXG4gIGNsYXNzTmFtZSxcbiAgbGFiZWwsXG4gIC4uLnByb3BzXG59OiBQcm9ncmVzc0JhclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgcmF0ZSA9IHZhbHVlIC8gbWF4O1xuICBjb25zdCBwZXJjZW50ID0gcmF0ZSAqIDEwMDtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IHsuLi5wcm9wc30+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5ncmF5WzMwMF1cbiAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5saWdodH07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICB3aWR0aDogJHtwZXJjZW50fSU7XG4gICAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuZ3JheVs1MDBdXG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgICAgICAgICAgIHRyYW5zaXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlcn1cbiAgICAgICAgICAgICAgJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fTtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgICB7bGFiZWwgPyBsYWJlbCh7IHZhbHVlLCBtYXgsIHJhdGUsIHBlcmNlbnQgfSkgOiBjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */")
+    css: /*#__PURE__*/css("height:12px;background-color:", color === "default" ? theme.palette.gray[300] : theme.palette.intentions[color].light, ";border-radius:6px;" + (process.env.NODE_ENV === "production" ? "" : ";label:ProgressBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9Qcm9ncmVzc0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJMYWJlbCA9IChcbiAgcHJvcHM6IFJlYWRvbmx5PHtcbiAgICB2YWx1ZTogbnVtYmVyO1xuICAgIG1heDogbnVtYmVyO1xuICAgIHJhdGU6IG51bWJlcjtcbiAgICBwZXJjZW50OiBudW1iZXI7XG4gICAgY2hpbGRyZW4/OiBuZXZlcjtcbiAgfT4sXG4pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb2dyZXNzQmFyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICBQYXJ0aWFsQ29sb3JQcm9wcyB7XG4gIC8qKlxuICAgKiDpgLLmjZfluqblkIjjgYTjgpLooajjgZfjgb7jgZnjgIIw5Lul5LiK44Gu6Ieq54S25pWw44Gu44G/5pyJ5Yq544Gn44GZ44CCXG4gICAqIOOBvuOBn+WGhemDqOeahOOBq+OBr+OBk+OBruWApOOCkuacgOWkp+WApCsx44Gn5Ymy44Gj44Gf5Ymw5L2Z44GM55So44GE44KJ44KM44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IDBcbiAgICovXG4gIHZhbHVlPzogbnVtYmVyO1xuICAvKipcbiAgICog6YCy5o2X5bqm44Gu5pyA5aSn5YCk44KS6KGo44GX44G+44GZ44CCMOS7peS4iuOBruiHqueEtuaVsOOBruOBv+acieWKueOBp+OBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCAwXG4gICAqL1xuICBtYXg/OiBudW1iZXI7XG4gIC8qKlxuICAgKiDjg6njg5njg6vjgpLku5jkuI7jgZfjgb7jgZnjgIJcbiAgICovXG4gIGxhYmVsPzogUHJvZ3Jlc3NCYXJMYWJlbDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0JhciA9ICh7XG4gIGNoaWxkcmVuLFxuICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICB2YWx1ZSA9IDAsXG4gIG1heCA9IDAsXG4gIGNsYXNzTmFtZSxcbiAgbGFiZWwsXG4gIC4uLnByb3BzXG59OiBQcm9ncmVzc0JhclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgcmF0ZSA9IHZhbHVlIC8gbWF4O1xuICBjb25zdCBwZXJjZW50ID0gcmF0ZSAqIDEwMDtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IHsuLi5wcm9wc30+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5ncmF5WzMwMF1cbiAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5saWdodH07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICB3aWR0aDogJHtwZXJjZW50fSU7XG4gICAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuZ3JheVs1MDBdXG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgICAgICAgICAgIHRyYW5zaXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlcn1cbiAgICAgICAgICAgICAgJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fTtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgICB7bGFiZWwgPyBsYWJlbCh7IHZhbHVlLCBtYXgsIHJhdGUsIHBlcmNlbnQgfSkgOiBjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */")
   }, ___EmotionJSX("div", {
-    css: /*#__PURE__*/css("width:", percent, "%;height:12px;background-color:", color === "default" ? theme.palette.gray[500] : theme.palette.intentions[color].main, ";border-radius:6px;transition:", theme.transitions.duration.shorter, " ", theme.transitions.easing.easeInOut, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ProgressBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9Qcm9ncmVzc0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGFydGlhbENvbG9yUHJvcHMsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJMYWJlbCA9IChcbiAgcHJvcHM6IFJlYWRvbmx5PHtcbiAgICB2YWx1ZTogbnVtYmVyO1xuICAgIG1heDogbnVtYmVyO1xuICAgIHJhdGU6IG51bWJlcjtcbiAgICBwZXJjZW50OiBudW1iZXI7XG4gICAgY2hpbGRyZW4/OiBuZXZlcjtcbiAgfT4sXG4pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb2dyZXNzQmFyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICBQYXJ0aWFsQ29sb3JQcm9wcyB7XG4gIC8qKlxuICAgKiDpgLLmjZfluqblkIjjgYTjgpLooajjgZfjgb7jgZnjgIIw5Lul5LiK44Gu6Ieq54S25pWw44Gu44G/5pyJ5Yq544Gn44GZ44CCXG4gICAqIOOBvuOBn+WGhemDqOeahOOBq+OBr+OBk+OBruWApOOCkuacgOWkp+WApCsx44Gn5Ymy44Gj44Gf5Ymw5L2Z44GM55So44GE44KJ44KM44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IDBcbiAgICovXG4gIHZhbHVlPzogbnVtYmVyO1xuICAvKipcbiAgICog6YCy5o2X5bqm44Gu5pyA5aSn5YCk44KS6KGo44GX44G+44GZ44CCMOS7peS4iuOBruiHqueEtuaVsOOBruOBv+acieWKueOBp+OBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCAwXG4gICAqL1xuICBtYXg/OiBudW1iZXI7XG4gIC8qKlxuICAgKiDjg6njg5njg6vjgpLku5jkuI7jgZfjgb7jgZnjgIJcbiAgICovXG4gIGxhYmVsPzogUHJvZ3Jlc3NCYXJMYWJlbDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0JhciA9ICh7XG4gIGNoaWxkcmVuLFxuICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICB2YWx1ZSA9IDAsXG4gIG1heCA9IDAsXG4gIGNsYXNzTmFtZSxcbiAgbGFiZWwsXG4gIC4uLnByb3BzXG59OiBQcm9ncmVzc0JhclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgcmF0ZSA9IHZhbHVlIC8gbWF4O1xuICBjb25zdCBwZXJjZW50ID0gcmF0ZSAqIDEwMDtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IHsuLi5wcm9wc30+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5ncmF5WzMwMF1cbiAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5saWdodH07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICB3aWR0aDogJHtwZXJjZW50fSU7XG4gICAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuZ3JheVs1MDBdXG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgICAgICAgICAgIHRyYW5zaXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlcn1cbiAgICAgICAgICAgICAgJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fTtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgICB7bGFiZWwgPyBsYWJlbCh7IHZhbHVlLCBtYXgsIHJhdGUsIHBlcmNlbnQgfSkgOiBjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */")
+    css: /*#__PURE__*/css("width:", percent, "%;height:12px;background-color:", color === "default" ? theme.palette.gray[500] : theme.palette.intentions[color].main, ";border-radius:6px;transition:", theme.transitions.duration.shorter, " ", theme.transitions.easing.easeInOut, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ProgressBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9Qcm9ncmVzc0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJMYWJlbCA9IChcbiAgcHJvcHM6IFJlYWRvbmx5PHtcbiAgICB2YWx1ZTogbnVtYmVyO1xuICAgIG1heDogbnVtYmVyO1xuICAgIHJhdGU6IG51bWJlcjtcbiAgICBwZXJjZW50OiBudW1iZXI7XG4gICAgY2hpbGRyZW4/OiBuZXZlcjtcbiAgfT4sXG4pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb2dyZXNzQmFyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICBQYXJ0aWFsQ29sb3JQcm9wcyB7XG4gIC8qKlxuICAgKiDpgLLmjZfluqblkIjjgYTjgpLooajjgZfjgb7jgZnjgIIw5Lul5LiK44Gu6Ieq54S25pWw44Gu44G/5pyJ5Yq544Gn44GZ44CCXG4gICAqIOOBvuOBn+WGhemDqOeahOOBq+OBr+OBk+OBruWApOOCkuacgOWkp+WApCsx44Gn5Ymy44Gj44Gf5Ymw5L2Z44GM55So44GE44KJ44KM44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IDBcbiAgICovXG4gIHZhbHVlPzogbnVtYmVyO1xuICAvKipcbiAgICog6YCy5o2X5bqm44Gu5pyA5aSn5YCk44KS6KGo44GX44G+44GZ44CCMOS7peS4iuOBruiHqueEtuaVsOOBruOBv+acieWKueOBp+OBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCAwXG4gICAqL1xuICBtYXg/OiBudW1iZXI7XG4gIC8qKlxuICAgKiDjg6njg5njg6vjgpLku5jkuI7jgZfjgb7jgZnjgIJcbiAgICovXG4gIGxhYmVsPzogUHJvZ3Jlc3NCYXJMYWJlbDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0JhciA9ICh7XG4gIGNoaWxkcmVuLFxuICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICB2YWx1ZSA9IDAsXG4gIG1heCA9IDAsXG4gIGNsYXNzTmFtZSxcbiAgbGFiZWwsXG4gIC4uLnByb3BzXG59OiBQcm9ncmVzc0JhclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgcmF0ZSA9IHZhbHVlIC8gbWF4O1xuICBjb25zdCBwZXJjZW50ID0gcmF0ZSAqIDEwMDtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IHsuLi5wcm9wc30+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5ncmF5WzMwMF1cbiAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5saWdodH07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICB3aWR0aDogJHtwZXJjZW50fSU7XG4gICAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuZ3JheVs1MDBdXG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgICAgICAgICAgIHRyYW5zaXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlcn1cbiAgICAgICAgICAgICAgJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fTtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgICB7bGFiZWwgPyBsYWJlbCh7IHZhbHVlLCBtYXgsIHJhdGUsIHBlcmNlbnQgfSkgOiBjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */")
   })), label ? label({
     value,
     max,

package/esm/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["useTheme","css","React","jsx","___EmotionJSX","ProgressBar","_ref","children","color","value","max","className","label","props","_objectWithoutPropertiesLoose","_excluded","theme","rate","percent","palette","gray","intentions","light","process","env","NODE_ENV","main","transitions","duration","shorter","easing","easeInOut"],"sources":["../../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { PartialColorProps, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React from \"react\";\n\nexport type ProgressBarLabel = (\n  props: Readonly<{\n    value: number;\n    max: number;\n    rate: number;\n    percent: number;\n    children?: never;\n  }>,\n) => React.JSX.Element;\n\nexport interface ProgressBarProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"color\">,\n    PartialColorProps {\n  /**\n   * 進捗度合いを表します。0以上の自然数のみ有効です。\n   * また内部的にはこの値を最大値+1で割った剰余が用いられます。\n   *\n   * @default 0\n   */\n  value?: number;\n  /**\n   * 進捗度の最大値を表します。0以上の自然数のみ有効です。\n   *\n   * @default 0\n   */\n  max?: number;\n  /**\n   * ラベルを付与します。\n   */\n  label?: ProgressBarLabel;\n  children?: React.ReactNode;\n}\n\nexport const ProgressBar = ({\n  children,\n  color = \"default\",\n  value = 0,\n  max = 0,\n  className,\n  label,\n  ...props\n}: ProgressBarProps) => {\n  const theme = useTheme();\n  const rate = value / max;\n  const percent = rate * 100;\n  return (\n    <div {...props}>\n      <div\n        className={className}\n        css={css`\n          height: 12px;\n          background-color: ${color === \"default\"\n            ? theme.palette.gray[300]\n            : theme.palette.intentions[color].light};\n          border-radius: 6px;\n        `}\n      >\n        <div\n          css={css`\n            width: ${percent}%;\n            height: 12px;\n            background-color: ${color === \"default\"\n              ? theme.palette.gray[500]\n              : theme.palette.intentions[color].main};\n            border-radius: 6px;\n            transition: ${theme.transitions.duration.shorter}\n              ${theme.transitions.easing.easeInOut};\n          `}\n        />\n      </div>\n      {label ? label({ value, max, rate, percent }) : children}\n    </div>\n  );\n};\n"],"mappings":";;AAAA,SAA4BA,QAAQ,QAAQ,UAAU;AACtD,SAASC,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAmC1B,OAAO,IAAMC,WAAW,GAAGC,IAAA,IAQH;EAAA,IARI;MAC1BC,QAAQ;MACRC,KAAK,GAAG,SAAS;MACjBC,KAAK,GAAG,CAAC;MACTC,GAAG,GAAG,CAAC;MACPC,SAAS;MACTC;IAEgB,CAAC,GAAAN,IAAA;IADdO,KAAK,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,IAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,IAAMiB,IAAI,GAAGR,KAAK,GAAGC,GAAG;EACxB,IAAMQ,OAAO,GAAGD,IAAI,GAAG,GAAG;EAC1B,OACEb,aAAA,QAASS,KAAK,EACZT,aAAA;IACEO,SAAS,EAAEA,SAAU;IACrBV,GAAG,eAAEA,GAAG,kCAEcO,KAAK,KAAK,SAAS,GACnCQ,KAAK,CAACG,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,GACvBJ,KAAK,CAACG,OAAO,CAACE,UAAU,CAACb,KAAK,CAAC,CAACc,KAAK,2BAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAEzC,GAEFrB,aAAA;IACEH,GAAG,eAAEA,GAAG,WACGiB,OAAO,qCAEIV,KAAK,KAAK,SAAS,GACnCQ,KAAK,CAACG,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,GACvBJ,KAAK,CAACG,OAAO,CAACE,UAAU,CAACb,KAAK,CAAC,CAACkB,IAAI,oCAE1BV,KAAK,CAACW,WAAW,CAACC,QAAQ,CAACC,OAAO,OAC5Cb,KAAK,CAACW,WAAW,CAACG,MAAM,CAACC,SAAS,SAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACtC,CACH,CACE,CAAC,EACLb,KAAK,GAAGA,KAAK,CAAC;IAAEH,KAAK;IAAEC,GAAG;IAAEO,IAAI;IAAEC;EAAQ,CAAC,CAAC,GAAGX,QAC7C,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"ProgressBar.js","names":["css","React","useTheme","jsx","___EmotionJSX","ProgressBar","_ref","children","color","value","max","className","label","props","_objectWithoutPropertiesLoose","_excluded","theme","rate","percent","palette","gray","intentions","light","process","env","NODE_ENV","main","transitions","duration","shorter","easing","easeInOut"],"sources":["../../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nimport { PartialColorProps, useTheme } from \"../theme\";\n\nexport type ProgressBarLabel = (\n  props: Readonly<{\n    value: number;\n    max: number;\n    rate: number;\n    percent: number;\n    children?: never;\n  }>,\n) => React.JSX.Element;\n\nexport interface ProgressBarProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"color\">,\n    PartialColorProps {\n  /**\n   * 進捗度合いを表します。0以上の自然数のみ有効です。\n   * また内部的にはこの値を最大値+1で割った剰余が用いられます。\n   *\n   * @default 0\n   */\n  value?: number;\n  /**\n   * 進捗度の最大値を表します。0以上の自然数のみ有効です。\n   *\n   * @default 0\n   */\n  max?: number;\n  /**\n   * ラベルを付与します。\n   */\n  label?: ProgressBarLabel;\n  children?: React.ReactNode;\n}\n\nexport const ProgressBar = ({\n  children,\n  color = \"default\",\n  value = 0,\n  max = 0,\n  className,\n  label,\n  ...props\n}: ProgressBarProps) => {\n  const theme = useTheme();\n  const rate = value / max;\n  const percent = rate * 100;\n  return (\n    <div {...props}>\n      <div\n        className={className}\n        css={css`\n          height: 12px;\n          background-color: ${color === \"default\"\n            ? theme.palette.gray[300]\n            : theme.palette.intentions[color].light};\n          border-radius: 6px;\n        `}\n      >\n        <div\n          css={css`\n            width: ${percent}%;\n            height: 12px;\n            background-color: ${color === \"default\"\n              ? theme.palette.gray[500]\n              : theme.palette.intentions[color].main};\n            border-radius: 6px;\n            transition: ${theme.transitions.duration.shorter}\n              ${theme.transitions.easing.easeInOut};\n          `}\n        />\n      </div>\n      {label ? label({ value, max, rate, percent }) : children}\n    </div>\n  );\n};\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAA4BC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAmCvD,OAAO,IAAMC,WAAW,GAAGC,IAAA,IAQH;EAAA,IARI;MAC1BC,QAAQ;MACRC,KAAK,GAAG,SAAS;MACjBC,KAAK,GAAG,CAAC;MACTC,GAAG,GAAG,CAAC;MACPC,SAAS;MACTC;IAEgB,CAAC,GAAAN,IAAA;IADdO,KAAK,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,IAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,IAAMe,IAAI,GAAGR,KAAK,GAAGC,GAAG;EACxB,IAAMQ,OAAO,GAAGD,IAAI,GAAG,GAAG;EAC1B,OACEb,aAAA,QAASS,KAAK,EACZT,aAAA;IACEO,SAAS,EAAEA,SAAU;IACrBX,GAAG,eAAEA,GAAG,kCAEcQ,KAAK,KAAK,SAAS,GACnCQ,KAAK,CAACG,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,GACvBJ,KAAK,CAACG,OAAO,CAACE,UAAU,CAACb,KAAK,CAAC,CAACc,KAAK,2BAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAEzC,GAEFrB,aAAA;IACEJ,GAAG,eAAEA,GAAG,WACGkB,OAAO,qCAEIV,KAAK,KAAK,SAAS,GACnCQ,KAAK,CAACG,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,GACvBJ,KAAK,CAACG,OAAO,CAACE,UAAU,CAACb,KAAK,CAAC,CAACkB,IAAI,oCAE1BV,KAAK,CAACW,WAAW,CAACC,QAAQ,CAACC,OAAO,OAC5Cb,KAAK,CAACW,WAAW,CAACG,MAAM,CAACC,SAAS,SAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACtC,CACH,CACE,CAAC,EACLb,KAAK,GAAGA,KAAK,CAAC;IAAEH,KAAK;IAAEC,GAAG;IAAEO,IAAI;IAAEC;EAAQ,CAAC,CAAC,GAAGX,QAC7C,CAAC;AAEV,CAAC","ignoreList":[]}