matsuri-ui 18.0.1-alpha-1759542532579-eee5af3.0 → 18.0.1-alpha-1759716595435-a37743a.0

package/Peek/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AnimatePresence","motion","useMotionValue","useTransform","Button","Paper","css","useRef","useState","useTheme","CloseIcon","jsx","___EmotionJSX","DRAG_HANDLER_WIDTH","DragHandler","_ref2","side","min","style","props","_objectWithoutPropertiesLoose","_excluded","div","_extends","process","env","NODE_ENV","PEEK_CACHE_KEY","setCache","offset","localStorage","setItem","JSON","stringify","innerWidth","window","getCacheOffset","cache","getItem","data","parse","_ref","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","PeekPanel","_ref3","onClose","renderContent","Content","max","current","defaultWidth","Math","theme","mvOffset","mvOffsetCache","set","mvWidth","v","isDragging","setIsDragging","zIndex","drawer","width","initial","transition","ease","duration","animate","get","exit","elevation","transitions","shortest","easing","easeOut","opacity","x","drag","dragElastic","dragConstraints","left","right","dragMomentum","variants","active","backgroundColor","palette","action","hover","onDragStart","onDragEnd","whileTap","whileHover","title","tooltip","text","secondary","icon","fontSize","color","type","onClick","Peek","_ref4","open","_excluded2"],"sources":["../../../src/Peek/index.tsx"],"sourcesContent":["import {\n  AnimatePresence,\n  HTMLMotionProps,\n  motion,\n  useMotionValue,\n  useTransform,\n} from \"motion/react\";\nimport { Button } from \"../Button\";\nimport { Paper } from \"../Paper\";\nimport { css } from \"@emotion/react\";\nimport { useRef, useState } from \"react\";\nimport { useTheme } from \"../theme\";\nimport CloseIcon from \"@mui/icons-material/KeyboardDoubleArrowRight\";\n\ntype Side = \"right\" | \"left\";\n\ninterface DragHandlerProps extends HTMLMotionProps<\"div\"> {\n  side: Side;\n  min: number;\n}\n\nconst DRAG_HANDLER_WIDTH = 12;\n\nconst DragHandler = ({ side, min, style, ...props }: DragHandlerProps) => {\n  return (\n    <motion.div\n      css={css`\n        position: fixed;\n        top: 0;\n        width: ${DRAG_HANDLER_WIDTH}px;\n        height: 100%;\n        cursor: col-resize;\n        background-color: transparent;\n      `}\n      style={{\n        [side]: min - DRAG_HANDLER_WIDTH,\n        ...style,\n      }}\n      {...props}\n    />\n  );\n};\n\ninterface PeekPanelProps<T> {\n  /**\n   * 閉じるボタンを押したときのコールバック\n   * これを渡さない場合、閉じるボタンを表示されません。\n   */\n  onClose?: (flag: false) => void;\n  /**\n   * コンポーネント内に表示するコンテンツ\n   */\n  renderContent: (props: { data?: T }) => React.JSX.Element;\n  /**\n   * renderContentに渡されるデータ\n   */\n  data?: T;\n}\n\nconst min = 280;\nconst side = \"right\" as Side;\n\nconst PEEK_CACHE_KEY = \"matsuri-ui-peek-cache\";\n\nconst setCache = (side: Side, offset: number) => {\n  localStorage.setItem(\n    PEEK_CACHE_KEY,\n    JSON.stringify({\n      side,\n      offset,\n      innerWidth: window.innerWidth,\n    }),\n  );\n};\n\nconst getCacheOffset = (side: Side) => {\n  const cache = localStorage.getItem(PEEK_CACHE_KEY);\n  if (cache === null) {\n    return null;\n  }\n  const data = JSON.parse(cache) as {\n    offset: number;\n    innerWidth: number;\n    side: Side;\n  };\n  if (data.innerWidth !== window.innerWidth || data.side !== side) {\n    return null;\n  }\n  return data.offset;\n};\n\nconst PeekPanel = <T,>({\n  onClose,\n  data,\n  renderContent: Content,\n}: PeekPanelProps<T>) => {\n  const max = useRef(window.innerWidth).current;\n  const defaultWidth = useRef(Math.min(480, max)).current;\n\n  const theme = useTheme();\n\n  const mvOffset = useMotionValue(0);\n\n  const mvOffsetCache = getCacheOffset(side);\n\n  mvOffset.set(\n    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n    mvOffsetCache === null\n      ? side === \"left\"\n        ? defaultWidth + min\n        : min - defaultWidth\n      : mvOffsetCache,\n  );\n\n  const mvWidth = useTransform(mvOffset, (v) => {\n    setCache(side, v);\n    return side === \"left\" ? v + min : min - v;\n  });\n\n  const [isDragging, setIsDragging] = useState(false);\n\n  return (\n    <motion.div\n      css={css`\n        position: fixed;\n        top: 0px;\n        z-index: ${theme.zIndex.drawer};\n        flex-shrink: 0;\n        height: 100%;\n      `}\n      style={{\n        width: mvWidth,\n        [side]: 0,\n      }}\n      initial={{\n        width: 0,\n      }}\n      transition={{ ease: \"easeOut\", duration: 0.15 }}\n      animate={{\n        width: mvWidth.get(),\n      }}\n      exit={{\n        width: 0,\n      }}\n    >\n      <Paper\n        elevation={5}\n        css={css`\n          display: flex;\n          flex-direction: column;\n          width: 100%;\n          height: 100%;\n          overflow: auto;\n          transition: opacity ${theme.transitions.duration.shortest}\n            ${theme.transitions.easing.easeOut};\n        `}\n        style={{\n          opacity: isDragging ? 0.8 : 1,\n        }}\n      >\n        <DragHandler\n          side={side}\n          style={{ x: mvOffset }}\n          drag=\"x\"\n          min={min}\n          dragElastic={0.025}\n          dragConstraints={{\n            left: side === \"left\" ? 0 : min - max,\n            right: side === \"left\" ? max - min : 0,\n          }}\n          dragMomentum={false}\n          variants={{\n            active: {\n              backgroundColor: theme.palette.action.hover,\n            },\n          }}\n          onDragStart={() => {\n            setIsDragging(true);\n          }}\n          onDragEnd={() => {\n            setIsDragging(false);\n          }}\n          whileTap=\"active\"\n          whileHover=\"active\"\n        />\n        <div\n          css={css`\n            position: sticky;\n            top: 0px;\n            z-index: ${theme.zIndex.drawer};\n            padding: 8px;\n          `}\n        >\n          {onClose ? (\n            <Button\n              title=\"閉じる\"\n              css={css`\n                z-index: ${theme.zIndex.tooltip};\n                color: ${theme.palette.text.secondary};\n              `}\n              icon={<CloseIcon fontSize=\"large\" color=\"inherit\" />}\n              type=\"button\"\n              onClick={() => {\n                onClose(false);\n              }}\n            />\n          ) : null}\n        </div>\n        <div\n          css={css`\n            padding: 16px 24px 64px;\n          `}\n        >\n          <Content data={data} />\n        </div>\n      </Paper>\n    </motion.div>\n  );\n};\n\nexport interface PeekProps<T> extends PeekPanelProps<T> {\n  /**\n   * このコンポーネントを開くかどうか\n   */\n  open: boolean;\n}\n\nexport const Peek = <T,>({ open, ...props }: PeekProps<T>) => {\n  return (\n    <AnimatePresence>{open ? <PeekPanel {...props} /> : null}</AnimatePresence>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["AnimatePresence","motion","useMotionValue","useTransform","css","useRef","useState","CloseIcon","Button","Paper","useTheme","jsx","___EmotionJSX","DRAG_HANDLER_WIDTH","DragHandler","_ref2","side","min","style","props","_objectWithoutPropertiesLoose","_excluded","div","_extends","process","env","NODE_ENV","PEEK_CACHE_KEY","setCache","offset","localStorage","setItem","JSON","stringify","innerWidth","window","getCacheOffset","cache","getItem","data","parse","_ref","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","PeekPanel","_ref3","onClose","renderContent","Content","max","current","defaultWidth","Math","theme","mvOffset","mvOffsetCache","set","mvWidth","v","isDragging","setIsDragging","zIndex","drawer","width","initial","transition","ease","duration","animate","get","exit","elevation","transitions","shortest","easing","easeOut","opacity","x","drag","dragElastic","dragConstraints","left","right","dragMomentum","variants","active","backgroundColor","palette","action","hover","onDragStart","onDragEnd","whileTap","whileHover","title","tooltip","text","secondary","icon","fontSize","color","type","onClick","Peek","_ref4","open","_excluded2"],"sources":["../../../src/Peek/index.tsx"],"sourcesContent":["import {\n  AnimatePresence,\n  HTMLMotionProps,\n  motion,\n  useMotionValue,\n  useTransform,\n} from \"motion/react\";\nimport { css } from \"@emotion/react\";\nimport { useRef, useState } from \"react\";\nimport CloseIcon from \"@mui/icons-material/KeyboardDoubleArrowRight\";\nimport { Button } from \"../Button\";\nimport { Paper } from \"../Paper\";\nimport { useTheme } from \"../theme\";\n\ntype Side = \"right\" | \"left\";\n\ninterface DragHandlerProps extends HTMLMotionProps<\"div\"> {\n  side: Side;\n  min: number;\n}\n\nconst DRAG_HANDLER_WIDTH = 12;\n\nconst DragHandler = ({ side, min, style, ...props }: DragHandlerProps) => {\n  return (\n    <motion.div\n      css={css`\n        position: fixed;\n        top: 0;\n        width: ${DRAG_HANDLER_WIDTH}px;\n        height: 100%;\n        cursor: col-resize;\n        background-color: transparent;\n      `}\n      style={{\n        [side]: min - DRAG_HANDLER_WIDTH,\n        ...style,\n      }}\n      {...props}\n    />\n  );\n};\n\ninterface PeekPanelProps<T> {\n  /**\n   * 閉じるボタンを押したときのコールバック\n   * これを渡さない場合、閉じるボタンを表示されません。\n   */\n  onClose?: (flag: false) => void;\n  /**\n   * コンポーネント内に表示するコンテンツ\n   */\n  renderContent: (props: { data?: T }) => React.JSX.Element;\n  /**\n   * renderContentに渡されるデータ\n   */\n  data?: T;\n}\n\nconst min = 280;\nconst side = \"right\" as Side;\n\nconst PEEK_CACHE_KEY = \"matsuri-ui-peek-cache\";\n\nconst setCache = (side: Side, offset: number) => {\n  localStorage.setItem(\n    PEEK_CACHE_KEY,\n    JSON.stringify({\n      side,\n      offset,\n      innerWidth: window.innerWidth,\n    }),\n  );\n};\n\nconst getCacheOffset = (side: Side) => {\n  const cache = localStorage.getItem(PEEK_CACHE_KEY);\n  if (cache === null) {\n    return null;\n  }\n  const data = JSON.parse(cache) as {\n    offset: number;\n    innerWidth: number;\n    side: Side;\n  };\n  if (data.innerWidth !== window.innerWidth || data.side !== side) {\n    return null;\n  }\n  return data.offset;\n};\n\nconst PeekPanel = <T,>({\n  onClose,\n  data,\n  renderContent: Content,\n}: PeekPanelProps<T>) => {\n  const max = useRef(window.innerWidth).current;\n  const defaultWidth = useRef(Math.min(480, max)).current;\n\n  const theme = useTheme();\n\n  const mvOffset = useMotionValue(0);\n\n  const mvOffsetCache = getCacheOffset(side);\n\n  mvOffset.set(\n    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n    mvOffsetCache === null\n      ? side === \"left\"\n        ? defaultWidth + min\n        : min - defaultWidth\n      : mvOffsetCache,\n  );\n\n  const mvWidth = useTransform(mvOffset, (v) => {\n    setCache(side, v);\n    return side === \"left\" ? v + min : min - v;\n  });\n\n  const [isDragging, setIsDragging] = useState(false);\n\n  return (\n    <motion.div\n      css={css`\n        position: fixed;\n        top: 0px;\n        z-index: ${theme.zIndex.drawer};\n        flex-shrink: 0;\n        height: 100%;\n      `}\n      style={{\n        width: mvWidth,\n        [side]: 0,\n      }}\n      initial={{\n        width: 0,\n      }}\n      transition={{ ease: \"easeOut\", duration: 0.15 }}\n      animate={{\n        width: mvWidth.get(),\n      }}\n      exit={{\n        width: 0,\n      }}\n    >\n      <Paper\n        elevation={5}\n        css={css`\n          display: flex;\n          flex-direction: column;\n          width: 100%;\n          height: 100%;\n          overflow: auto;\n          transition: opacity ${theme.transitions.duration.shortest}\n            ${theme.transitions.easing.easeOut};\n        `}\n        style={{\n          opacity: isDragging ? 0.8 : 1,\n        }}\n      >\n        <DragHandler\n          side={side}\n          style={{ x: mvOffset }}\n          drag=\"x\"\n          min={min}\n          dragElastic={0.025}\n          dragConstraints={{\n            left: side === \"left\" ? 0 : min - max,\n            right: side === \"left\" ? max - min : 0,\n          }}\n          dragMomentum={false}\n          variants={{\n            active: {\n              backgroundColor: theme.palette.action.hover,\n            },\n          }}\n          onDragStart={() => {\n            setIsDragging(true);\n          }}\n          onDragEnd={() => {\n            setIsDragging(false);\n          }}\n          whileTap=\"active\"\n          whileHover=\"active\"\n        />\n        <div\n          css={css`\n            position: sticky;\n            top: 0px;\n            z-index: ${theme.zIndex.drawer};\n            padding: 8px;\n          `}\n        >\n          {onClose ? (\n            <Button\n              title=\"閉じる\"\n              css={css`\n                z-index: ${theme.zIndex.tooltip};\n                color: ${theme.palette.text.secondary};\n              `}\n              icon={<CloseIcon fontSize=\"large\" color=\"inherit\" />}\n              type=\"button\"\n              onClick={() => {\n                onClose(false);\n              }}\n            />\n          ) : null}\n        </div>\n        <div\n          css={css`\n            padding: 16px 24px 64px;\n          `}\n        >\n          <Content data={data} />\n        </div>\n      </Paper>\n    </motion.div>\n  );\n};\n\nexport interface PeekProps<T> extends PeekPanelProps<T> {\n  /**\n   * このコンポーネントを開くかどうか\n   */\n  open: boolean;\n}\n\nexport const Peek = <T,>({ open, ...props }: PeekProps<T>) => {\n  return (\n    <AnimatePresence>{open ? <PeekPanel {...props} /> : null}</AnimatePresence>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/Popper/Popper.d.ts

@@ -1,6 +1,6 @@
 import { Instance, Options } from "@popperjs/core";
-import { PortalProps } from "../Portal";
 import React from "react";
+import { PortalProps } from "../Portal";
 export type PopperInstance = Instance;
 export type PopperOptions = Partial<Omit<Options, "placement">>;
 export type PopperPlacement = Options["placement"];

package/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/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/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/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/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,5 @@
-import { PartialColorProps } from "../theme";
 import React from "react";
+import { PartialColorProps } from "../theme";
 export type ProgressBarLabel = (props: Readonly<{
     value: number;
     max: number;

package/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/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":[]}