matsuri-ui 16.6.1-alpha-1735881218723-eb07e94.0 → 16.6.1-alpha-1735931654774-9eac554.0

package/GlobalMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Button","TextButton","css","useCallback","useId","useReducer","useMatchMedia","useStateWithDeps","useTheme","CloseIcon","CloseIconOnDesktop","ExpandLessIcon","ExpandMoreIcon","MenuIcon","OpenIconOnDesktop","jsx","___EmotionJSX","_ref11","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","GlobalMenuItemCounter","_ref12","count","isOverHundred","fontSize","GlobalMenuItem","_ref13","children","href","renderInternalLink","InternalLink","onClick","theme","duration","easing","transitions","isMobile","breakpoints","sm","shortest","sharp","role","tabIndex","startsWith","target","rel","undefined","_ref9","_ref10","GlobalMenuGroup","_ref14","group","items","onClickItem","open","toggleOpen","subItem","Error","key","text","_ref8","CustomTextIconButton","props","_extends","type","_ref","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","GlobalMenu","logo","headerItems","defaultOpen","setOpen","prev","hasItems","length","menuId","sidebarId","controllsId","zIndex","appBar","icon","modal","id","tooltip","palette","gray","shorter","easeInOut","rounded","groupItem","typography","body","item"],"sources":["../../../src/GlobalMenu/index.tsx"],"sourcesContent":["import { Button } from \"../Button\";\nimport { TextButton, TextButtonProps } from \"../TextButton\";\nimport { css } from \"@emotion/react\";\nimport { useCallback, useId, useReducer } from \"react\";\nimport { useMatchMedia } from \"../hooks/useMatchMedia\";\nimport { useStateWithDeps } from \"../hooks/useStateWithDeps\";\nimport { useTheme } from \"../theme\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport CloseIconOnDesktop from \"@mui/icons-material/KeyboardDoubleArrowLeft\";\nimport ExpandLessIcon from \"@mui/icons-material/KeyboardArrowRight\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport MenuIcon from \"@mui/icons-material/Menu\";\nimport OpenIconOnDesktop from \"@mui/icons-material/KeyboardDoubleArrowRight\";\n\nexport type GlobalMenuRenderInternalLink = (props: {\n  href: string;\n  children: React.ReactNode;\n}) => JSX.Element;\n\ninterface MenuItem {\n  text: string;\n  href: string;\n  count?: number;\n}\n\ninterface MenuGroup {\n  group: string;\n  items: (MenuItem | MenuGroup)[];\n}\n\nconst GlobalMenuItemCounter = ({ count }: { count: number }) => {\n  const isOverHundred = count > 99;\n  return count > 0 ? (\n    <div\n      css={[\n        css`\n          position: absolute;\n          top: 4px;\n          right: 4px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 20px;\n          height: 20px;\n          font-size: 12px;\n          line-height: 1em;\n          color: white;\n          background-color: #f06687;\n          border-radius: 50%;\n        `,\n        {\n          fontSize: isOverHundred ? 10 : 12,\n        },\n      ]}\n    >\n      {isOverHundred ? \"99+\" : count}\n    </div>\n  ) : null;\n};\n\ninterface GlobalMenuItemProps {\n  count?: number;\n  children?: React.ReactNode;\n  href: string;\n  renderInternalLink: GlobalMenuRenderInternalLink;\n  onClick?: () => void;\n}\n\nconst GlobalMenuItem = ({\n  children,\n  count,\n  href,\n  renderInternalLink: InternalLink,\n  onClick,\n}: GlobalMenuItemProps) => {\n  const theme = useTheme();\n  const { duration, easing } = theme.transitions;\n  const isMobile = useMatchMedia(\n    `(max-width: ${theme.breakpoints.sm}px)`,\n    false,\n  );\n  return (\n    <li\n      css={css`\n        position: relative;\n\n        a {\n          display: block;\n          padding: 8px 0px 8px 28px;\n          overflow: hidden;\n          color: inherit;\n          text-decoration: none;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          transition: background-color ${duration.shortest} ${easing.sharp};\n          &:hover,\n          &[aria-current=\"page\"] {\n            background-color: #e8e8e8;\n          }\n        }\n      `}\n    >\n      <div\n        role=\"button\"\n        tabIndex={0}\n        onClick={() => {\n          if (isMobile) {\n            onClick?.();\n          }\n        }}\n      >\n        {href.startsWith(\"http\") ? (\n          <a href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n            {children}\n          </a>\n        ) : (\n          <InternalLink href={href}>{children}</InternalLink>\n        )}\n        {count !== undefined ? <GlobalMenuItemCounter count={count} /> : null}\n      </div>\n    </li>\n  );\n};\n\ninterface GlobalMenuGroupProps extends MenuGroup {\n  renderInternalLink: GlobalMenuRenderInternalLink;\n  onClickItem?: () => void;\n}\n\nconst GlobalMenuGroup = ({\n  group,\n  items,\n  renderInternalLink,\n  onClickItem,\n}: GlobalMenuGroupProps) => {\n  const theme = useTheme();\n  const { duration, easing } = theme.transitions;\n  const [open, toggleOpen] = useReducer((open) => !open, true);\n\n  return (\n    <li>\n      <div\n        role=\"button\"\n        tabIndex={0}\n        onClick={toggleOpen}\n        css={css`\n          display: grid;\n          grid-template-columns: 28px 1fr;\n          padding: 8px 0px 8px 0px;\n          transition: background-color ${duration.shortest} ${easing.sharp};\n          &:hover {\n            background-color: #e8e8e8;\n          }\n        `}\n      >\n        <div\n          css={css`\n            display: flex;\n            align-items: center;\n          `}\n        >\n          {open ? <ExpandMoreIcon /> : <ExpandLessIcon />}\n        </div>\n        {group}\n      </div>\n      {open ? (\n        <ul\n          css={css`\n            padding: 0;\n            padding-left: 12px;\n            list-style: none;\n          `}\n        >\n          {items.map((subItem) => {\n            if (\"group\" in subItem) {\n              throw new Error(\n                \"Nested group of more than 3 levels is not supported\",\n              );\n            }\n            return (\n              <GlobalMenuItem\n                href={subItem.href}\n                key={subItem.text}\n                count={subItem.count}\n                renderInternalLink={renderInternalLink}\n                onClick={onClickItem}\n              >\n                {subItem.text}\n              </GlobalMenuItem>\n            );\n          })}\n        </ul>\n      ) : null}\n    </li>\n  );\n};\n\nconst CustomTextIconButton = (props: TextButtonProps) => {\n  return (\n    <TextButton\n      type=\"button\"\n      css={css`\n        width: 40px;\n        height: 40px;\n        color: inherit;\n        svg {\n          font-size: 36px;\n        }\n        &:hover {\n          background-color: #e8e8e8;\n        }\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface GlobalMenuProps {\n  /**\n   * 最初にメニューを開いておくかどうかを指定します。\n   * ただし、モバイルでは指定に関わらず閉じられます。\n   * @default true\n   */\n  defaultOpen?: boolean;\n  items?: MenuGroup[];\n  headerItems?: React.ReactNode;\n  children?: React.ReactNode;\n  logo?: React.ReactNode;\n  renderInternalLink: (props: {\n    href: string;\n    children: React.ReactNode;\n  }) => JSX.Element;\n}\n\nexport const GlobalMenu = (props: GlobalMenuProps) => {\n  const {\n    children,\n    logo,\n    headerItems,\n    items,\n    renderInternalLink,\n    defaultOpen,\n  } = props;\n  const theme = useTheme();\n  const { duration, easing } = theme.transitions;\n  const isMobile = useMatchMedia(\n    `(max-width: ${theme.breakpoints.sm}px)`,\n    false,\n  );\n\n  const [open, setOpen] = useStateWithDeps(() => {\n    /**\n     * モバイルでは常に閉じておく\n     */\n    if (isMobile) {\n      return false;\n    }\n    /**\n     * モバイルではなく、defaultOpenが指定されていなければ、常に開いておく\n     */\n    return defaultOpen ?? true;\n  }, isMobile);\n\n  const toggleOpen = useCallback(() => {\n    setOpen((prev) => !prev);\n  }, [setOpen]);\n\n  const hasItems = items && items.length > 0;\n\n  const menuId = useId();\n\n  const sidebarId = useId();\n  const controllsId = useId();\n\n  return (\n    <div\n      css={css`\n        --header-height: 72px;\n        @media (max-width: ${theme.breakpoints.sm}px) {\n          --header-height: 56px;\n        }\n      `}\n    >\n      <header\n        css={css`\n          position: sticky;\n          top: 0px;\n          z-index: ${theme.zIndex.appBar};\n          display: flex;\n          justify-content: space-between;\n          height: var(--header-height);\n          padding: 8px 32px;\n          color: #555555;\n          background: rgba(255, 255, 255, 0.6);\n          backdrop-filter: blur(8.5px);\n          @media (max-width: ${theme.breakpoints.sm}px) {\n            padding: 8px 20px;\n          }\n        `}\n      >\n        <div\n          css={css`\n            align-self: center;\n            @media (max-width: ${theme.breakpoints.sm}px) {\n              display: none;\n            }\n          `}\n        >\n          {logo}\n        </div>\n        {hasItems ? (\n          <div\n            css={css`\n              @media not (max-width: ${theme.breakpoints.sm}px) {\n                display: none;\n              }\n            `}\n          >\n            <CustomTextIconButton onClick={toggleOpen} icon={<MenuIcon />} />\n          </div>\n        ) : (\n          <div />\n        )}\n        <div\n          css={css`\n            display: flex;\n            gap: 8px;\n            align-items: center;\n          `}\n        >\n          {headerItems}\n        </div>\n      </header>\n      <div\n        css={[\n          hasItems\n            ? css`\n                --sidebar-width: 280px;\n                display: grid;\n                grid-template-columns: var(--sidebar-width) 1fr;\n                &:has([id=\"${menuId}\"][aria-hidden=\"true\"]) {\n                  --sidebar-width: 56px;\n                }\n                @media (max-width: ${theme.breakpoints.sm}px) {\n                  --sidebar-width: 0px !important;\n                  display: block;\n                }\n              `\n            : css`\n                --sidebar-width: 0px;\n              `,\n        ]}\n      >\n        {hasItems ? (\n          <div\n            css={css`\n              @media (max-width: ${theme.breakpoints.sm}px) {\n                display: none;\n                &:has([id=\"${menuId}\"][aria-hidden=\"false\"]) {\n                  display: block;\n                }\n              }\n            `}\n          >\n            <aside\n              css={[\n                css`\n                  position: fixed;\n                  z-index: ${theme.zIndex.appBar};\n                  will-change: transform;\n                  @media (max-width: ${theme.breakpoints.sm}px) {\n                    top: 0px;\n                    z-index: ${theme.zIndex.modal};\n                    width: 100%;\n                  }\n                `,\n              ]}\n              id={sidebarId}\n            >\n              <Button\n                id={controllsId}\n                aria-expanded={open}\n                aria-controls={menuId}\n                css={css`\n                  position: fixed;\n                  top: 6px;\n                  right: 8px;\n                  z-index: ${theme.zIndex.tooltip};\n                  color: ${theme.palette.gray[800]};\n\n                  svg {\n                    color: inherit;\n                  }\n\n                  &[aria-expanded=\"true\"] {\n                    opacity: 0;\n                    transition: opacity ${duration.shorter} ${easing.easeInOut};\n                  }\n                  [id=\"${sidebarId}\"]:hover & {\n                    opacity: 1;\n                  }\n\n                  @media (max-width: ${theme.breakpoints.sm}px) {\n                    display: none;\n                  }\n                `}\n                type=\"button\"\n                rounded\n                icon={\n                  open ? (\n                    <CloseIconOnDesktop />\n                  ) : (\n                    <div\n                      css={css`\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                      `}\n                    >\n                      <OpenIconOnDesktop\n                        css={css`\n                          display: none;\n                          [id=\"${controllsId}\"][aria-expanded=\"false\"]:hover & {\n                            display: block;\n                          }\n                        `}\n                      />\n                      <MenuIcon\n                        css={css`\n                          [id=\"${controllsId}\"][aria-expanded=\"false\"]:hover & {\n                            display: none;\n                          }\n                        `}\n                      />\n                    </div>\n                  )\n                }\n                onClick={toggleOpen}\n              />\n              <div\n                css={css`\n                  width: var(--sidebar-width);\n                  height: calc(100vh - var(--header-height));\n                  padding-block: 8px 56px;\n                  padding-inline: 32px;\n                  overflow-y: auto;\n                  color: #767676;\n                  background-color: #f3f3f3;\n                  transition: width ${duration.shortest} ${easing.easeInOut};\n                  @media (max-width: ${theme.breakpoints.sm}px) {\n                    width: 100%;\n                    height: 100vh;\n                    height: 100dvh;\n                    padding: 8px 20px 56px;\n                    background-color: #ffffff;\n                  }\n                  @media not (max-width: ${theme.breakpoints.sm}px) {\n                    transition: width ${duration.shortest} ${easing.easeInOut};\n                    [id=\"${controllsId}\"][aria-expanded=\"false\"] + & {\n                      padding-inline: 0px;\n                    }\n                  }\n                `}\n              >\n                <div\n                  css={css`\n                    display: none;\n                    @media (max-width: ${theme.breakpoints.sm}px) {\n                      position: sticky;\n                      top: 0px;\n                      z-index: ${theme.zIndex.modal};\n                      display: block;\n                    }\n                  `}\n                >\n                  <TextButton\n                    css={css`\n                      width: 40px;\n                      height: 40px;\n                      color: inherit;\n                      svg {\n                        font-size: 36px;\n                      }\n                      &:hover {\n                        background-color: #e8e8e8;\n                      }\n                    `}\n                    type=\"button\"\n                    icon={<CloseIcon />}\n                    onClick={toggleOpen}\n                  />\n                </div>\n                <div\n                  css={css`\n                    display: none;\n                    @media (max-width: ${theme.breakpoints.sm}px) {\n                      display: flex;\n                      align-items: center;\n                      justify-content: center;\n                    }\n                  `}\n                >\n                  {logo}\n                </div>\n\n                <nav\n                  id={menuId}\n                  aria-hidden={!open}\n                  css={css`\n                    @media not (max-width: ${theme.breakpoints.sm}px) {\n                      &[aria-hidden=\"true\"] {\n                        display: none;\n                      }\n                    }\n                  `}\n                >\n                  {items.map((groupItem) => {\n                    return (\n                      <div key={groupItem.group}>\n                        <div\n                          css={css`\n                            padding: 40px 0px 16px 0px;\n                            color: #939393;\n                          `}\n                        >\n                          {groupItem.group}\n                        </div>\n                        <ul\n                          css={[\n                            theme.typography.body,\n                            css`\n                              padding: 0;\n                              font-size: 16px;\n                              list-style: none;\n                            `,\n                          ]}\n                        >\n                          {groupItem.items.map((item) => {\n                            if (\"group\" in item) {\n                              return (\n                                <GlobalMenuGroup\n                                  key={item.group}\n                                  group={item.group}\n                                  items={item.items}\n                                  renderInternalLink={renderInternalLink}\n                                  onClickItem={toggleOpen}\n                                />\n                              );\n                            }\n                            return (\n                              <GlobalMenuItem\n                                href={item.href}\n                                key={item.text}\n                                count={item.count}\n                                renderInternalLink={renderInternalLink}\n                                onClick={toggleOpen}\n                              >\n                                {item.text}\n                              </GlobalMenuItem>\n                            );\n                          })}\n                        </ul>\n                      </div>\n                    );\n                  })}\n                </nav>\n              </div>\n            </aside>\n          </div>\n        ) : null}\n        <main\n          css={css`\n            min-height: calc(100vh - var(--header-height));\n            overflow-x: auto;\n          `}\n        >\n          {children}\n        </main>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,UAAU,QAAyB,eAAe;AAC3D,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,WAAW,EAAEC,KAAK,EAAEC,UAAU,QAAQ,OAAO;AACtD,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,kBAAkB,MAAM,6CAA6C;AAC5E,OAAOC,cAAc,MAAM,wCAAwC;AACnE,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,iBAAiB,MAAM,8CAA8C;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,MAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAkB7E,IAAMC,qBAAqB,GAAGC,MAAA,IAAkC;EAAA,IAAjC;IAAEC;EAAyB,CAAC,GAAAD,MAAA;EACzD,IAAME,aAAa,GAAGD,KAAK,GAAG,EAAE;EAChC,OAAOA,KAAK,GAAG,CAAC,GACdZ,aAAA;IACEd,GAAG,GAAAe,MAAA,EAgBD;MACEa,QAAQ,EAAED,aAAa,GAAG,EAAE,GAAG;IACjC,CAAC,EAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA,0DAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACD,GAEDS,aAAa,GAAG,KAAK,GAAGD,KACtB,CAAC,GACJ,IAAI;AACV,CAAC;AAUD,IAAMG,cAAc,GAAGC,MAAA,IAMI;EAAA,IANH;IACtBC,QAAQ;IACRL,KAAK;IACLM,IAAI;IACJC,kBAAkB,EAAEC,YAAY;IAChCC,OAAO,EAAPA;EACmB,CAAC,GAAAL,MAAA;EACpB,IAAMM,KAAK,GAAG9B,QAAQ,CAAC,CAAC;EACxB,IAAM;IAAE+B,QAAQ;IAAEC;EAAO,CAAC,GAAGF,KAAK,CAACG,WAAW;EAC9C,IAAMC,QAAQ,GAAGpC,aAAa,kBACbgC,KAAK,CAACK,WAAW,CAACC,EAAE,UACnC,KACF,CAAC;EACD,OACE5B,aAAA;IACEd,GAAG,eAAEA,GAAG,yLAW2BqC,QAAQ,CAACM,QAAQ,OAAIL,MAAM,CAACM,KAAK,qEAAA5B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAMlE,GAEFJ,aAAA;IACE+B,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZX,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIK,QAAQ,EAAE;QACZL,QAAO,YAAPA,QAAO,CAAG,CAAC;MACb;IACF;EAAE,GAEDH,IAAI,CAACe,UAAU,CAAC,MAAM,CAAC,GACtBjC,aAAA;IAAGkB,IAAI,EAAEA,IAAK;IAACgB,MAAM,EAAC,QAAQ;IAACC,GAAG,EAAC;EAAqB,GACrDlB,QACA,CAAC,GAEJjB,aAAA,CAACoB,YAAY;IAACF,IAAI,EAAEA;EAAK,GAAED,QAAuB,CACnD,EACAL,KAAK,KAAKwB,SAAS,GAAGpC,aAAA,CAACU,qBAAqB;IAACE,KAAK,EAAEA;EAAM,CAAE,CAAC,GAAG,IAC9D,CACH,CAAC;AAET,CAAC;AAAC,IAAAyB,KAAA,GAAAnC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAA6B,MAAA,GAAApC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAOF,IAAM8B,eAAe,GAAGC,MAAA,IAKI;EAAA,IALH;IACvBC,KAAK;IACLC,KAAK;IACLvB,kBAAkB;IAClBwB;EACoB,CAAC,GAAAH,MAAA;EACrB,IAAMlB,KAAK,GAAG9B,QAAQ,CAAC,CAAC;EACxB,IAAM;IAAE+B,QAAQ;IAAEC;EAAO,CAAC,GAAGF,KAAK,CAACG,WAAW;EAC9C,IAAM,CAACmB,IAAI,EAAEC,UAAU,CAAC,GAAGxD,UAAU,CAAEuD,IAAI,IAAK,CAACA,IAAI,EAAE,IAAI,CAAC;EAE5D,OACE5C,aAAA,aACEA,aAAA;IACE+B,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZX,OAAO,EAAEwB,UAAW;IACpB3D,GAAG,eAAEA,GAAG,qGAIyBqC,QAAQ,CAACM,QAAQ,OAAIL,MAAM,CAACM,KAAK,2CAAA5B,OAAA,CAAAC,GAAA,CAAAC,QAAA,qDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAIhE,GAEFJ,aAAA;IACEd,GAAG,EAAAoD;EAGD,GAEDM,IAAI,GAAG5C,aAAA,CAACJ,cAAc,MAAE,CAAC,GAAGI,aAAA,CAACL,cAAc,MAAE,CAC3C,CAAC,EACL8C,KACE,CAAC,EACLG,IAAI,GACH5C,aAAA;IACEd,GAAG,EAAAmD;EAID,GAEDK,KAAK,CAACnC,GAAG,CAAEuC,OAAO,IAAK;IACtB,IAAI,OAAO,IAAIA,OAAO,EAAE;MACtB,MAAM,IAAIC,KAAK,CACb,qDACF,CAAC;IACH;IACA,OACE/C,aAAA,CAACe,cAAc;MACbG,IAAI,EAAE4B,OAAO,CAAC5B,IAAK;MACnB8B,GAAG,EAAEF,OAAO,CAACG,IAAK;MAClBrC,KAAK,EAAEkC,OAAO,CAAClC,KAAM;MACrBO,kBAAkB,EAAEA,kBAAmB;MACvCE,OAAO,EAAEsB;IAAY,GAEpBG,OAAO,CAACG,IACK,CAAC;EAErB,CAAC,CACC,CAAC,GACH,IACF,CAAC;AAET,CAAC;AAAC,IAAAC,KAAA,GAAAhD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAEF,IAAM0C,oBAAoB,GAAIC,KAAsB,IAAK;EACvD,OACEpD,aAAA,CAACf,UAAU,EAAAoE,QAAA;IACTC,IAAI,EAAC,QAAQ;IACbpE,GAAG,EAAAgE;EAUD,GACEE,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAG,IAAA,GAAArD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAA+C,KAAA,GAAAtD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAgD,KAAA,GAAAvD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAiD,KAAA,GAAAxD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAkD,KAAA,GAAAzD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAmD,KAAA,GAAA1D,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAoD,KAAA,GAAA3D,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAmBF,OAAO,IAAMqD,UAAU,GAAIV,KAAsB,IAAK;EACpD,IAAM;IACJnC,QAAQ;IACR8C,IAAI;IACJC,WAAW;IACXtB,KAAK;IACLvB,kBAAkB;IAClB8C;EACF,CAAC,GAAGb,KAAK;EACT,IAAM9B,KAAK,GAAG9B,QAAQ,CAAC,CAAC;EACxB,IAAM;IAAE+B,QAAQ;IAAEC;EAAO,CAAC,GAAGF,KAAK,CAACG,WAAW;EAC9C,IAAMC,QAAQ,GAAGpC,aAAa,kBACbgC,KAAK,CAACK,WAAW,CAACC,EAAE,UACnC,KACF,CAAC;EAED,IAAM,CAACgB,IAAI,EAAEsB,OAAO,CAAC,GAAG3E,gBAAgB,CAAC,MAAM;IAC7C;AACJ;AACA;IACI,IAAImC,QAAQ,EAAE;MACZ,OAAO,KAAK;IACd;IACA;AACJ;AACA;IACI,OAAOuC,WAAW,WAAXA,WAAW,GAAI,IAAI;EAC5B,CAAC,EAAEvC,QAAQ,CAAC;EAEZ,IAAMmB,UAAU,GAAG1D,WAAW,CAAC,MAAM;IACnC+E,OAAO,CAAEC,IAAI,IAAK,CAACA,IAAI,CAAC;EAC1B,CAAC,EAAE,CAACD,OAAO,CAAC,CAAC;EAEb,IAAME,QAAQ,GAAG1B,KAAK,IAAIA,KAAK,CAAC2B,MAAM,GAAG,CAAC;EAE1C,IAAMC,MAAM,GAAGlF,KAAK,CAAC,CAAC;EAEtB,IAAMmF,SAAS,GAAGnF,KAAK,CAAC,CAAC;EACzB,IAAMoF,WAAW,GAAGpF,KAAK,CAAC,CAAC;EAE3B,OACEY,aAAA;IACEd,GAAG,eAAEA,GAAG,6CAEeoC,KAAK,CAACK,WAAW,CAACC,EAAE,kCAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAGzC,GAEFJ,aAAA;IACEd,GAAG,eAAEA,GAAG,qCAGKoC,KAAK,CAACmD,MAAM,CAACC,MAAM,gMAQTpD,KAAK,CAACK,WAAW,CAACC,EAAE,8BAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAGzC,GAEFJ,aAAA;IACEd,GAAG,eAAEA,GAAG,0CAEeoC,KAAK,CAACK,WAAW,CAACC,EAAE,0BAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAGzC,GAED2D,IACE,CAAC,EACLK,QAAQ,GACPpE,aAAA;IACEd,GAAG,eAAEA,GAAG,4BACmBoC,KAAK,CAACK,WAAW,CAACC,EAAE,0BAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAG7C,GAEFJ,aAAA,CAACmD,oBAAoB;IAAC9B,OAAO,EAAEwB,UAAW;IAAC8B,IAAI,EAAE3E,aAAA,CAACH,QAAQ,MAAE;EAAE,CAAE,CAC7D,CAAC,GAENG,aAAA,YAAM,CACP,EACDA,aAAA;IACEd,GAAG,EAAA2E;EAID,GAEDG,WACE,CACC,CAAC,EACThE,aAAA;IACEd,GAAG,GACDkF,QAAQ,gBACJlF,GAAG,mGAIYoF,MAAM,0EAGEhD,KAAK,CAACK,WAAW,CAACC,EAAE,yDAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,0ntBAAAwD,KAO1C,EAAA1D,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACL,GAEDgE,QAAQ,GACPpE,aAAA;IACEd,GAAG,eAAEA,GAAG,wBACeoC,KAAK,CAACK,WAAW,CAACC,EAAE,mCAE1B0C,MAAM,oDAAApE,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAIrB,GAEFJ,aAAA;IACEd,GAAG,gBACDA,GAAG,4BAEUoC,KAAK,CAACmD,MAAM,CAACC,MAAM,gDAETpD,KAAK,CAACK,WAAW,CAACC,EAAE,0BAE5BN,KAAK,CAACmD,MAAM,CAACG,KAAK,qBAAA1E,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,yntBAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,untBAIjC;IACFyE,EAAE,EAAEN;EAAU,GAEdvE,aAAA,CAAChB,MAAM;IACL6F,EAAE,EAAEL,WAAY;IAChB,iBAAe5B,IAAK;IACpB,iBAAe0B,MAAO;IACtBpF,GAAG,eAAEA,GAAG,8CAIKoC,KAAK,CAACmD,MAAM,CAACK,OAAO,aACtBxD,KAAK,CAACyD,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,iFAQRzD,QAAQ,CAAC0D,OAAO,OAAIzD,MAAM,CAAC0D,SAAS,cAErDX,SAAS,gDAIKjD,KAAK,CAACK,WAAW,CAACC,EAAE,0BAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,untBAGzC;IACFkD,IAAI,EAAC,QAAQ;IACb6B,OAAO;IACPR,IAAI,EACF/B,IAAI,GACF5C,aAAA,CAACN,kBAAkB,MAAE,CAAC,GAEtBM,aAAA;MACEd,GAAG,EAAAyE;IAID,GAEF3D,aAAA,CAACF,iBAAiB;MAChBZ,GAAG,eAAEA,GAAG,wBAECsF,WAAW,4DAAAtE,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAGlB,CACH,CAAC,EACFJ,aAAA,CAACH,QAAQ;MACPX,GAAG,eAAEA,GAAG,WACCsF,WAAW,2DAAAtE,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAGlB,CACH,CACE,CAER;IACDiB,OAAO,EAAEwB;EAAW,CACrB,CAAC,EACF7C,aAAA;IACEd,GAAG,eAAEA,GAAG,6LAQcqC,QAAQ,CAACM,QAAQ,OAAIL,MAAM,CAAC0D,SAAS,0BACpC5D,KAAK,CAACK,WAAW,CAACC,EAAE,uHAOhBN,KAAK,CAACK,WAAW,CAACC,EAAE,2BACvBL,QAAQ,CAACM,QAAQ,OAAIL,MAAM,CAAC0D,SAAS,aAClDV,WAAW,4DAAAtE,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAIpB,GAEFJ,aAAA;IACEd,GAAG,eAAEA,GAAG,qCAEeoC,KAAK,CAACK,WAAW,CAACC,EAAE,0CAG5BN,KAAK,CAACmD,MAAM,CAACG,KAAK,wBAAA1E,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAG/B,GAEFJ,aAAA,CAACf,UAAU;IACTC,GAAG,EAAAwE,KAUD;IACFJ,IAAI,EAAC,QAAQ;IACbqB,IAAI,EAAE3E,aAAA,CAACP,SAAS,MAAE,CAAE;IACpB4B,OAAO,EAAEwB;EAAW,CACrB,CACE,CAAC,EACN7C,aAAA;IACEd,GAAG,eAAEA,GAAG,qCAEeoC,KAAK,CAACK,WAAW,CAACC,EAAE,oEAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAKzC,GAED2D,IACE,CAAC,EAEN/D,aAAA;IACE6E,EAAE,EAAEP,MAAO;IACX,eAAa,CAAC1B,IAAK;IACnB1D,GAAG,eAAEA,GAAG,4BACmBoC,KAAK,CAACK,WAAW,CAACC,EAAE,mDAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAK7C,GAEDsC,KAAK,CAACnC,GAAG,CAAE6E,SAAS,IAAK;IACxB,OACEpF,aAAA;MAAKgD,GAAG,EAAEoC,SAAS,CAAC3C;IAAM,GACxBzC,aAAA;MACEd,GAAG,EAAAuE;IAGD,GAED2B,SAAS,CAAC3C,KACR,CAAC,EACNzC,aAAA;MACEd,GAAG,GACDoC,KAAK,CAAC+D,UAAU,CAACC,IAAI,EAAA9B,KAAA,EAAAtD,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAMrB,GAEDgF,SAAS,CAAC1C,KAAK,CAACnC,GAAG,CAAEgF,IAAI,IAAK;MAC7B,IAAI,OAAO,IAAIA,IAAI,EAAE;QACnB,OACEvF,aAAA,CAACuC,eAAe;UACdS,GAAG,EAAEuC,IAAI,CAAC9C,KAAM;UAChBA,KAAK,EAAE8C,IAAI,CAAC9C,KAAM;UAClBC,KAAK,EAAE6C,IAAI,CAAC7C,KAAM;UAClBvB,kBAAkB,EAAEA,kBAAmB;UACvCwB,WAAW,EAAEE;QAAW,CACzB,CAAC;MAEN;MACA,OACE7C,aAAA,CAACe,cAAc;QACbG,IAAI,EAAEqE,IAAI,CAACrE,IAAK;QAChB8B,GAAG,EAAEuC,IAAI,CAACtC,IAAK;QACfrC,KAAK,EAAE2E,IAAI,CAAC3E,KAAM;QAClBO,kBAAkB,EAAEA,kBAAmB;QACvCE,OAAO,EAAEwB;MAAW,GAEnB0C,IAAI,CAACtC,IACQ,CAAC;IAErB,CAAC,CACC,CACD,CAAC;EAEV,CAAC,CACE,CACF,CACA,CACJ,CAAC,GACJ,IAAI,EACRjD,aAAA;IACEd,GAAG,EAAAqE;EAGD,GAEDtC,QACG,CACH,CACF,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Button","TextButton","css","useCallback","useId","useReducer","useMatchMedia","useStateWithDeps","useTheme","CloseIcon","CloseIconOnDesktop","ExpandLessIcon","ExpandMoreIcon","MenuIcon","OpenIconOnDesktop","jsx","___EmotionJSX","_ref11","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","GlobalMenuItemCounter","_ref12","count","isOverHundred","fontSize","GlobalMenuItem","_ref13","children","href","renderInternalLink","InternalLink","onClick","theme","duration","easing","transitions","isMobile","breakpoints","sm","shortest","sharp","role","tabIndex","startsWith","target","rel","undefined","_ref9","_ref10","GlobalMenuGroup","_ref14","group","items","onClickItem","open","toggleOpen","map","subItem","Error","key","text","_ref8","CustomTextIconButton","props","_extends","type","_ref","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","GlobalMenu","logo","headerItems","defaultOpen","setOpen","prev","hasItems","length","menuId","sidebarId","controllsId","zIndex","appBar","icon","modal","id","tooltip","palette","gray","shorter","easeInOut","rounded","groupItem","typography","body","item"],"sources":["../../../src/GlobalMenu/index.tsx"],"sourcesContent":["import { Button } from \"../Button\";\nimport { TextButton, TextButtonProps } from \"../TextButton\";\nimport { css } from \"@emotion/react\";\nimport { useCallback, useId, useReducer } from \"react\";\nimport { useMatchMedia } from \"../hooks/useMatchMedia\";\nimport { useStateWithDeps } from \"../hooks/useStateWithDeps\";\nimport { useTheme } from \"../theme\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport CloseIconOnDesktop from \"@mui/icons-material/KeyboardDoubleArrowLeft\";\nimport ExpandLessIcon from \"@mui/icons-material/KeyboardArrowRight\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport MenuIcon from \"@mui/icons-material/Menu\";\nimport OpenIconOnDesktop from \"@mui/icons-material/KeyboardDoubleArrowRight\";\n\nexport type GlobalMenuRenderInternalLink = (props: {\n  href: string;\n  children: React.ReactNode;\n}) => JSX.Element;\n\ninterface MenuItem {\n  text: string;\n  href: string;\n  count?: number;\n}\n\ninterface MenuGroup {\n  group: string;\n  items: (MenuItem | MenuGroup)[];\n}\n\nconst GlobalMenuItemCounter = ({ count }: { count: number }) => {\n  const isOverHundred = count > 99;\n  return count > 0 ? (\n    <div\n      css={[\n        css`\n          position: absolute;\n          top: 4px;\n          right: 4px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 20px;\n          height: 20px;\n          font-size: 12px;\n          line-height: 1em;\n          color: white;\n          background-color: #f06687;\n          border-radius: 50%;\n        `,\n        {\n          fontSize: isOverHundred ? 10 : 12,\n        },\n      ]}\n    >\n      {isOverHundred ? \"99+\" : count}\n    </div>\n  ) : null;\n};\n\ninterface GlobalMenuItemProps {\n  count?: number;\n  children?: React.ReactNode;\n  href: string;\n  renderInternalLink: GlobalMenuRenderInternalLink;\n  onClick?: () => void;\n}\n\nconst GlobalMenuItem = ({\n  children,\n  count,\n  href,\n  renderInternalLink: InternalLink,\n  onClick,\n}: GlobalMenuItemProps) => {\n  const theme = useTheme();\n  const { duration, easing } = theme.transitions;\n  const isMobile = useMatchMedia(\n    `(max-width: ${theme.breakpoints.sm}px)`,\n    false,\n  );\n  return (\n    <li\n      css={css`\n        position: relative;\n\n        a {\n          display: block;\n          padding: 8px 0px 8px 28px;\n          overflow: hidden;\n          color: inherit;\n          text-decoration: none;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          transition: background-color ${duration.shortest} ${easing.sharp};\n          &:hover,\n          &[aria-current=\"page\"] {\n            background-color: #e8e8e8;\n          }\n        }\n      `}\n    >\n      <div\n        role=\"button\"\n        tabIndex={0}\n        onClick={() => {\n          if (isMobile) {\n            onClick?.();\n          }\n        }}\n      >\n        {href.startsWith(\"http\") ? (\n          <a href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n            {children}\n          </a>\n        ) : (\n          <InternalLink href={href}>{children}</InternalLink>\n        )}\n        {count !== undefined ? <GlobalMenuItemCounter count={count} /> : null}\n      </div>\n    </li>\n  );\n};\n\ninterface GlobalMenuGroupProps extends MenuGroup {\n  renderInternalLink: GlobalMenuRenderInternalLink;\n  onClickItem?: () => void;\n}\n\nconst GlobalMenuGroup = ({\n  group,\n  items,\n  renderInternalLink,\n  onClickItem,\n}: GlobalMenuGroupProps) => {\n  const theme = useTheme();\n  const { duration, easing } = theme.transitions;\n  const [open, toggleOpen] = useReducer((open) => !open, true);\n\n  return (\n    <li>\n      <div\n        role=\"button\"\n        tabIndex={0}\n        onClick={toggleOpen}\n        css={css`\n          display: grid;\n          grid-template-columns: 28px 1fr;\n          padding: 8px 0px 8px 0px;\n          transition: background-color ${duration.shortest} ${easing.sharp};\n          &:hover {\n            background-color: #e8e8e8;\n          }\n        `}\n      >\n        <div\n          css={css`\n            display: flex;\n            align-items: center;\n          `}\n        >\n          {open ? <ExpandMoreIcon /> : <ExpandLessIcon />}\n        </div>\n        {group}\n      </div>\n      {open ? (\n        <ul\n          css={css`\n            padding: 0;\n            padding-left: 12px;\n            list-style: none;\n          `}\n        >\n          {items.map((subItem) => {\n            if (\"group\" in subItem) {\n              throw new Error(\n                \"Nested group of more than 3 levels is not supported\",\n              );\n            }\n            return (\n              <GlobalMenuItem\n                href={subItem.href}\n                key={subItem.text}\n                count={subItem.count}\n                renderInternalLink={renderInternalLink}\n                onClick={onClickItem}\n              >\n                {subItem.text}\n              </GlobalMenuItem>\n            );\n          })}\n        </ul>\n      ) : null}\n    </li>\n  );\n};\n\nconst CustomTextIconButton = (props: TextButtonProps) => {\n  return (\n    <TextButton\n      type=\"button\"\n      css={css`\n        width: 40px;\n        height: 40px;\n        color: inherit;\n        svg {\n          font-size: 36px;\n        }\n        &:hover {\n          background-color: #e8e8e8;\n        }\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface GlobalMenuProps {\n  /**\n   * 最初にメニューを開いておくかどうかを指定します。\n   * ただし、モバイルでは指定に関わらず閉じられます。\n   * @default true\n   */\n  defaultOpen?: boolean;\n  items?: MenuGroup[];\n  headerItems?: React.ReactNode;\n  children?: React.ReactNode;\n  logo?: React.ReactNode;\n  renderInternalLink: (props: {\n    href: string;\n    children: React.ReactNode;\n  }) => JSX.Element;\n}\n\nexport const GlobalMenu = (props: GlobalMenuProps) => {\n  const {\n    children,\n    logo,\n    headerItems,\n    items,\n    renderInternalLink,\n    defaultOpen,\n  } = props;\n  const theme = useTheme();\n  const { duration, easing } = theme.transitions;\n  const isMobile = useMatchMedia(\n    `(max-width: ${theme.breakpoints.sm}px)`,\n    false,\n  );\n\n  const [open, setOpen] = useStateWithDeps(() => {\n    /**\n     * モバイルでは常に閉じておく\n     */\n    if (isMobile) {\n      return false;\n    }\n    /**\n     * モバイルではなく、defaultOpenが指定されていなければ、常に開いておく\n     */\n    return defaultOpen ?? true;\n  }, isMobile);\n\n  const toggleOpen = useCallback(() => {\n    setOpen((prev) => !prev);\n  }, [setOpen]);\n\n  const hasItems = items && items.length > 0;\n\n  const menuId = useId();\n\n  const sidebarId = useId();\n  const controllsId = useId();\n\n  return (\n    <div\n      css={css`\n        --header-height: 72px;\n        @media (max-width: ${theme.breakpoints.sm}px) {\n          --header-height: 56px;\n        }\n      `}\n    >\n      <header\n        css={css`\n          position: sticky;\n          top: 0px;\n          z-index: ${theme.zIndex.appBar};\n          display: flex;\n          justify-content: space-between;\n          height: var(--header-height);\n          padding: 8px 32px;\n          color: #555555;\n          background: rgba(255, 255, 255, 0.6);\n          backdrop-filter: blur(8.5px);\n          @media (max-width: ${theme.breakpoints.sm}px) {\n            padding: 8px 20px;\n          }\n        `}\n      >\n        <div\n          css={css`\n            align-self: center;\n            @media (max-width: ${theme.breakpoints.sm}px) {\n              display: none;\n            }\n          `}\n        >\n          {logo}\n        </div>\n        {hasItems ? (\n          <div\n            css={css`\n              @media not (max-width: ${theme.breakpoints.sm}px) {\n                display: none;\n              }\n            `}\n          >\n            <CustomTextIconButton onClick={toggleOpen} icon={<MenuIcon />} />\n          </div>\n        ) : (\n          <div />\n        )}\n        <div\n          css={css`\n            display: flex;\n            gap: 8px;\n            align-items: center;\n          `}\n        >\n          {headerItems}\n        </div>\n      </header>\n      <div\n        css={[\n          hasItems\n            ? css`\n                --sidebar-width: 280px;\n                display: grid;\n                grid-template-columns: var(--sidebar-width) 1fr;\n                &:has([id=\"${menuId}\"][aria-hidden=\"true\"]) {\n                  --sidebar-width: 56px;\n                }\n                @media (max-width: ${theme.breakpoints.sm}px) {\n                  --sidebar-width: 0px !important;\n                  display: block;\n                }\n              `\n            : css`\n                --sidebar-width: 0px;\n              `,\n        ]}\n      >\n        {hasItems ? (\n          <div\n            css={css`\n              @media (max-width: ${theme.breakpoints.sm}px) {\n                display: none;\n                &:has([id=\"${menuId}\"][aria-hidden=\"false\"]) {\n                  display: block;\n                }\n              }\n            `}\n          >\n            <aside\n              css={[\n                css`\n                  position: fixed;\n                  z-index: ${theme.zIndex.appBar};\n                  will-change: transform;\n                  @media (max-width: ${theme.breakpoints.sm}px) {\n                    top: 0px;\n                    z-index: ${theme.zIndex.modal};\n                    width: 100%;\n                  }\n                `,\n              ]}\n              id={sidebarId}\n            >\n              <Button\n                id={controllsId}\n                aria-expanded={open}\n                aria-controls={menuId}\n                css={css`\n                  position: fixed;\n                  top: 6px;\n                  right: 8px;\n                  z-index: ${theme.zIndex.tooltip};\n                  color: ${theme.palette.gray[800]};\n\n                  svg {\n                    color: inherit;\n                  }\n\n                  &[aria-expanded=\"true\"] {\n                    opacity: 0;\n                    transition: opacity ${duration.shorter} ${easing.easeInOut};\n                  }\n                  [id=\"${sidebarId}\"]:hover & {\n                    opacity: 1;\n                  }\n\n                  @media (max-width: ${theme.breakpoints.sm}px) {\n                    display: none;\n                  }\n                `}\n                type=\"button\"\n                rounded\n                icon={\n                  open ? (\n                    <CloseIconOnDesktop />\n                  ) : (\n                    <div\n                      css={css`\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                      `}\n                    >\n                      <OpenIconOnDesktop\n                        css={css`\n                          display: none;\n                          [id=\"${controllsId}\"][aria-expanded=\"false\"]:hover & {\n                            display: block;\n                          }\n                        `}\n                      />\n                      <MenuIcon\n                        css={css`\n                          [id=\"${controllsId}\"][aria-expanded=\"false\"]:hover & {\n                            display: none;\n                          }\n                        `}\n                      />\n                    </div>\n                  )\n                }\n                onClick={toggleOpen}\n              />\n              <div\n                css={css`\n                  width: var(--sidebar-width);\n                  height: calc(100vh - var(--header-height));\n                  padding-block: 8px 56px;\n                  padding-inline: 32px;\n                  overflow-y: auto;\n                  color: #767676;\n                  background-color: #f3f3f3;\n                  transition: width ${duration.shortest} ${easing.easeInOut};\n                  @media (max-width: ${theme.breakpoints.sm}px) {\n                    width: 100%;\n                    height: 100vh;\n                    height: 100dvh;\n                    padding: 8px 20px 56px;\n                    background-color: #ffffff;\n                  }\n                  @media not (max-width: ${theme.breakpoints.sm}px) {\n                    transition: width ${duration.shortest} ${easing.easeInOut};\n                    [id=\"${controllsId}\"][aria-expanded=\"false\"] + & {\n                      padding-inline: 0px;\n                    }\n                  }\n                `}\n              >\n                <div\n                  css={css`\n                    display: none;\n                    @media (max-width: ${theme.breakpoints.sm}px) {\n                      position: sticky;\n                      top: 0px;\n                      z-index: ${theme.zIndex.modal};\n                      display: block;\n                    }\n                  `}\n                >\n                  <TextButton\n                    css={css`\n                      width: 40px;\n                      height: 40px;\n                      color: inherit;\n                      svg {\n                        font-size: 36px;\n                      }\n                      &:hover {\n                        background-color: #e8e8e8;\n                      }\n                    `}\n                    type=\"button\"\n                    icon={<CloseIcon />}\n                    onClick={toggleOpen}\n                  />\n                </div>\n                <div\n                  css={css`\n                    display: none;\n                    @media (max-width: ${theme.breakpoints.sm}px) {\n                      display: flex;\n                      align-items: center;\n                      justify-content: center;\n                    }\n                  `}\n                >\n                  {logo}\n                </div>\n\n                <nav\n                  id={menuId}\n                  aria-hidden={!open}\n                  css={css`\n                    @media not (max-width: ${theme.breakpoints.sm}px) {\n                      &[aria-hidden=\"true\"] {\n                        display: none;\n                      }\n                    }\n                  `}\n                >\n                  {items.map((groupItem) => {\n                    return (\n                      <div key={groupItem.group}>\n                        <div\n                          css={css`\n                            padding: 40px 0px 16px 0px;\n                            color: #939393;\n                          `}\n                        >\n                          {groupItem.group}\n                        </div>\n                        <ul\n                          css={[\n                            theme.typography.body,\n                            css`\n                              padding: 0;\n                              font-size: 16px;\n                              list-style: none;\n                            `,\n                          ]}\n                        >\n                          {groupItem.items.map((item) => {\n                            if (\"group\" in item) {\n                              return (\n                                <GlobalMenuGroup\n                                  key={item.group}\n                                  group={item.group}\n                                  items={item.items}\n                                  renderInternalLink={renderInternalLink}\n                                  onClickItem={toggleOpen}\n                                />\n                              );\n                            }\n                            return (\n                              <GlobalMenuItem\n                                href={item.href}\n                                key={item.text}\n                                count={item.count}\n                                renderInternalLink={renderInternalLink}\n                                onClick={toggleOpen}\n                              >\n                                {item.text}\n                              </GlobalMenuItem>\n                            );\n                          })}\n                        </ul>\n                      </div>\n                    );\n                  })}\n                </nav>\n              </div>\n            </aside>\n          </div>\n        ) : null}\n        <main\n          css={css`\n            min-height: calc(100vh - var(--header-height));\n            overflow-x: auto;\n          `}\n        >\n          {children}\n        </main>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,UAAU,QAAyB,eAAe;AAC3D,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,WAAW,EAAEC,KAAK,EAAEC,UAAU,QAAQ,OAAO;AACtD,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,kBAAkB,MAAM,6CAA6C;AAC5E,OAAOC,cAAc,MAAM,wCAAwC;AACnE,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,iBAAiB,MAAM,8CAA8C;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,MAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAkB7E,IAAMC,qBAAqB,GAAGC,MAAA,IAAkC;EAAA,IAAjC;IAAEC;EAAyB,CAAC,GAAAD,MAAA;EACzD,IAAME,aAAa,GAAGD,KAAK,GAAG,EAAE;EAChC,OAAOA,KAAK,GAAG,CAAC,GACdX,aAAA;IACEd,GAAG,GAAAe,MAAA,EAgBD;MACEY,QAAQ,EAAED,aAAa,GAAG,EAAE,GAAG;IACjC,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,0DAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACD,GAEDQ,aAAa,GAAG,KAAK,GAAGD,KACtB,CAAC,GACJ,IAAI;AACV,CAAC;AAUD,IAAMG,cAAc,GAAGC,MAAA,IAMI;EAAA,IANH;IACtBC,QAAQ;IACRL,KAAK;IACLM,IAAI;IACJC,kBAAkB,EAAEC,YAAY;IAChCC,OAAO,EAAPA;EACmB,CAAC,GAAAL,MAAA;EACpB,IAAMM,KAAK,GAAG7B,QAAQ,CAAC,CAAC;EACxB,IAAM;IAAE8B,QAAQ;IAAEC;EAAO,CAAC,GAAGF,KAAK,CAACG,WAAW;EAC9C,IAAMC,QAAQ,GAAGnC,aAAa,kBACb+B,KAAK,CAACK,WAAW,CAACC,EAAE,UACnC,KACF,CAAC;EACD,OACE3B,aAAA;IACEd,GAAG,eAAEA,GAAG,yLAW2BoC,QAAQ,CAACM,QAAQ,OAAIL,MAAM,CAACM,KAAK,qEAAA3B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAMlE,GAEFJ,aAAA;IACE8B,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZX,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIK,QAAQ,EAAE;QACZL,QAAO,YAAPA,QAAO,CAAG,CAAC;MACb;IACF;EAAE,GAEDH,IAAI,CAACe,UAAU,CAAC,MAAM,CAAC,GACtBhC,aAAA;IAAGiB,IAAI,EAAEA,IAAK;IAACgB,MAAM,EAAC,QAAQ;IAACC,GAAG,EAAC;EAAqB,GACrDlB,QACA,CAAC,GAEJhB,aAAA,CAACmB,YAAY;IAACF,IAAI,EAAEA;EAAK,GAAED,QAAuB,CACnD,EACAL,KAAK,KAAKwB,SAAS,GAAGnC,aAAA,CAACS,qBAAqB;IAACE,KAAK,EAAEA;EAAM,CAAE,CAAC,GAAG,IAC9D,CACH,CAAC;AAET,CAAC;AAAC,IAAAyB,KAAA,GAAAlC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAA6B,MAAA,GAAAnC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAOF,IAAM8B,eAAe,GAAGC,MAAA,IAKI;EAAA,IALH;IACvBC,KAAK;IACLC,KAAK;IACLvB,kBAAkB;IAClBwB;EACoB,CAAC,GAAAH,MAAA;EACrB,IAAMlB,KAAK,GAAG7B,QAAQ,CAAC,CAAC;EACxB,IAAM;IAAE8B,QAAQ;IAAEC;EAAO,CAAC,GAAGF,KAAK,CAACG,WAAW;EAC9C,IAAM,CAACmB,IAAI,EAAEC,UAAU,CAAC,GAAGvD,UAAU,CAAEsD,IAAI,IAAK,CAACA,IAAI,EAAE,IAAI,CAAC;EAE5D,OACE3C,aAAA,aACEA,aAAA;IACE8B,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZX,OAAO,EAAEwB,UAAW;IACpB1D,GAAG,eAAEA,GAAG,qGAIyBoC,QAAQ,CAACM,QAAQ,OAAIL,MAAM,CAACM,KAAK,2CAAA3B,OAAA,CAAAC,GAAA,CAAAC,QAAA,qDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAIhE,GAEFJ,aAAA;IACEd,GAAG,EAAAmD;EAGD,GAEDM,IAAI,GAAG3C,aAAA,CAACJ,cAAc,MAAE,CAAC,GAAGI,aAAA,CAACL,cAAc,MAAE,CAC3C,CAAC,EACL6C,KACE,CAAC,EACLG,IAAI,GACH3C,aAAA;IACEd,GAAG,EAAAkD;EAID,GAEDK,KAAK,CAACI,GAAG,CAAEC,OAAO,IAAK;IACtB,IAAI,OAAO,IAAIA,OAAO,EAAE;MACtB,MAAM,IAAIC,KAAK,CACb,qDACF,CAAC;IACH;IACA,OACE/C,aAAA,CAACc,cAAc;MACbG,IAAI,EAAE6B,OAAO,CAAC7B,IAAK;MACnB+B,GAAG,EAAEF,OAAO,CAACG,IAAK;MAClBtC,KAAK,EAAEmC,OAAO,CAACnC,KAAM;MACrBO,kBAAkB,EAAEA,kBAAmB;MACvCE,OAAO,EAAEsB;IAAY,GAEpBI,OAAO,CAACG,IACK,CAAC;EAErB,CAAC,CACC,CAAC,GACH,IACF,CAAC;AAET,CAAC;AAAC,IAAAC,KAAA,GAAAhD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAEF,IAAM2C,oBAAoB,GAAIC,KAAsB,IAAK;EACvD,OACEpD,aAAA,CAACf,UAAU,EAAAoE,QAAA;IACTC,IAAI,EAAC,QAAQ;IACbpE,GAAG,EAAAgE;EAUD,GACEE,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAG,IAAA,GAAArD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAgD,KAAA,GAAAtD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAiD,KAAA,GAAAvD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAkD,KAAA,GAAAxD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAmD,KAAA,GAAAzD,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAoD,KAAA,GAAA1D,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAqD,KAAA,GAAA3D,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAmBF,OAAO,IAAMsD,UAAU,GAAIV,KAAsB,IAAK;EACpD,IAAM;IACJpC,QAAQ;IACR+C,IAAI;IACJC,WAAW;IACXvB,KAAK;IACLvB,kBAAkB;IAClB+C;EACF,CAAC,GAAGb,KAAK;EACT,IAAM/B,KAAK,GAAG7B,QAAQ,CAAC,CAAC;EACxB,IAAM;IAAE8B,QAAQ;IAAEC;EAAO,CAAC,GAAGF,KAAK,CAACG,WAAW;EAC9C,IAAMC,QAAQ,GAAGnC,aAAa,kBACb+B,KAAK,CAACK,WAAW,CAACC,EAAE,UACnC,KACF,CAAC;EAED,IAAM,CAACgB,IAAI,EAAEuB,OAAO,CAAC,GAAG3E,gBAAgB,CAAC,MAAM;IAC7C;AACJ;AACA;IACI,IAAIkC,QAAQ,EAAE;MACZ,OAAO,KAAK;IACd;IACA;AACJ;AACA;IACI,OAAOwC,WAAW,WAAXA,WAAW,GAAI,IAAI;EAC5B,CAAC,EAAExC,QAAQ,CAAC;EAEZ,IAAMmB,UAAU,GAAGzD,WAAW,CAAC,MAAM;IACnC+E,OAAO,CAAEC,IAAI,IAAK,CAACA,IAAI,CAAC;EAC1B,CAAC,EAAE,CAACD,OAAO,CAAC,CAAC;EAEb,IAAME,QAAQ,GAAG3B,KAAK,IAAIA,KAAK,CAAC4B,MAAM,GAAG,CAAC;EAE1C,IAAMC,MAAM,GAAGlF,KAAK,CAAC,CAAC;EAEtB,IAAMmF,SAAS,GAAGnF,KAAK,CAAC,CAAC;EACzB,IAAMoF,WAAW,GAAGpF,KAAK,CAAC,CAAC;EAE3B,OACEY,aAAA;IACEd,GAAG,eAAEA,GAAG,6CAEemC,KAAK,CAACK,WAAW,CAACC,EAAE,kCAAAzB,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAGzC,GAEFJ,aAAA;IACEd,GAAG,eAAEA,GAAG,qCAGKmC,KAAK,CAACoD,MAAM,CAACC,MAAM,gMAQTrD,KAAK,CAACK,WAAW,CAACC,EAAE,8BAAAzB,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAGzC,GAEFJ,aAAA;IACEd,GAAG,eAAEA,GAAG,0CAEemC,KAAK,CAACK,WAAW,CAACC,EAAE,0BAAAzB,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAGzC,GAED2D,IACE,CAAC,EACLK,QAAQ,GACPpE,aAAA;IACEd,GAAG,eAAEA,GAAG,4BACmBmC,KAAK,CAACK,WAAW,CAACC,EAAE,0BAAAzB,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAG7C,GAEFJ,aAAA,CAACmD,oBAAoB;IAAC/B,OAAO,EAAEwB,UAAW;IAAC+B,IAAI,EAAE3E,aAAA,CAACH,QAAQ,MAAE;EAAE,CAAE,CAC7D,CAAC,GAENG,aAAA,YAAM,CACP,EACDA,aAAA;IACEd,GAAG,EAAA2E;EAID,GAEDG,WACE,CACC,CAAC,EACThE,aAAA;IACEd,GAAG,GACDkF,QAAQ,gBACJlF,GAAG,mGAIYoF,MAAM,0EAGEjD,KAAK,CAACK,WAAW,CAACC,EAAE,yDAAAzB,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,0ntBAAAwD,KAO1C,EAAA1D,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACL,GAEDgE,QAAQ,GACPpE,aAAA;IACEd,GAAG,eAAEA,GAAG,wBACemC,KAAK,CAACK,WAAW,CAACC,EAAE,mCAE1B2C,MAAM,oDAAApE,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAIrB,GAEFJ,aAAA;IACEd,GAAG,gBACDA,GAAG,4BAEUmC,KAAK,CAACoD,MAAM,CAACC,MAAM,gDAETrD,KAAK,CAACK,WAAW,CAACC,EAAE,0BAE5BN,KAAK,CAACoD,MAAM,CAACG,KAAK,qBAAA1E,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,yntBAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,untBAIjC;IACFyE,EAAE,EAAEN;EAAU,GAEdvE,aAAA,CAAChB,MAAM;IACL6F,EAAE,EAAEL,WAAY;IAChB,iBAAe7B,IAAK;IACpB,iBAAe2B,MAAO;IACtBpF,GAAG,eAAEA,GAAG,8CAIKmC,KAAK,CAACoD,MAAM,CAACK,OAAO,aACtBzD,KAAK,CAAC0D,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,iFAQR1D,QAAQ,CAAC2D,OAAO,OAAI1D,MAAM,CAAC2D,SAAS,cAErDX,SAAS,gDAIKlD,KAAK,CAACK,WAAW,CAACC,EAAE,0BAAAzB,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,untBAGzC;IACFkD,IAAI,EAAC,QAAQ;IACb6B,OAAO;IACPR,IAAI,EACFhC,IAAI,GACF3C,aAAA,CAACN,kBAAkB,MAAE,CAAC,GAEtBM,aAAA;MACEd,GAAG,EAAAyE;IAID,GAEF3D,aAAA,CAACF,iBAAiB;MAChBZ,GAAG,eAAEA,GAAG,wBAECsF,WAAW,4DAAAtE,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAGlB,CACH,CAAC,EACFJ,aAAA,CAACH,QAAQ;MACPX,GAAG,eAAEA,GAAG,WACCsF,WAAW,2DAAAtE,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAGlB,CACH,CACE,CAER;IACDgB,OAAO,EAAEwB;EAAW,CACrB,CAAC,EACF5C,aAAA;IACEd,GAAG,eAAEA,GAAG,6LAQcoC,QAAQ,CAACM,QAAQ,OAAIL,MAAM,CAAC2D,SAAS,0BACpC7D,KAAK,CAACK,WAAW,CAACC,EAAE,uHAOhBN,KAAK,CAACK,WAAW,CAACC,EAAE,2BACvBL,QAAQ,CAACM,QAAQ,OAAIL,MAAM,CAAC2D,SAAS,aAClDV,WAAW,4DAAAtE,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAIpB,GAEFJ,aAAA;IACEd,GAAG,eAAEA,GAAG,qCAEemC,KAAK,CAACK,WAAW,CAACC,EAAE,0CAG5BN,KAAK,CAACoD,MAAM,CAACG,KAAK,wBAAA1E,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAG/B,GAEFJ,aAAA,CAACf,UAAU;IACTC,GAAG,EAAAwE,KAUD;IACFJ,IAAI,EAAC,QAAQ;IACbqB,IAAI,EAAE3E,aAAA,CAACP,SAAS,MAAE,CAAE;IACpB2B,OAAO,EAAEwB;EAAW,CACrB,CACE,CAAC,EACN5C,aAAA;IACEd,GAAG,eAAEA,GAAG,qCAEemC,KAAK,CAACK,WAAW,CAACC,EAAE,oEAAAzB,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAKzC,GAED2D,IACE,CAAC,EAEN/D,aAAA;IACE6E,EAAE,EAAEP,MAAO;IACX,eAAa,CAAC3B,IAAK;IACnBzD,GAAG,eAAEA,GAAG,4BACmBmC,KAAK,CAACK,WAAW,CAACC,EAAE,mDAAAzB,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAK7C,GAEDqC,KAAK,CAACI,GAAG,CAAEuC,SAAS,IAAK;IACxB,OACEpF,aAAA;MAAKgD,GAAG,EAAEoC,SAAS,CAAC5C;IAAM,GACxBxC,aAAA;MACEd,GAAG,EAAAuE;IAGD,GAED2B,SAAS,CAAC5C,KACR,CAAC,EACNxC,aAAA;MACEd,GAAG,GACDmC,KAAK,CAACgE,UAAU,CAACC,IAAI,EAAA9B,KAAA,EAAAtD,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAMrB,GAEDgF,SAAS,CAAC3C,KAAK,CAACI,GAAG,CAAE0C,IAAI,IAAK;MAC7B,IAAI,OAAO,IAAIA,IAAI,EAAE;QACnB,OACEvF,aAAA,CAACsC,eAAe;UACdU,GAAG,EAAEuC,IAAI,CAAC/C,KAAM;UAChBA,KAAK,EAAE+C,IAAI,CAAC/C,KAAM;UAClBC,KAAK,EAAE8C,IAAI,CAAC9C,KAAM;UAClBvB,kBAAkB,EAAEA,kBAAmB;UACvCwB,WAAW,EAAEE;QAAW,CACzB,CAAC;MAEN;MACA,OACE5C,aAAA,CAACc,cAAc;QACbG,IAAI,EAAEsE,IAAI,CAACtE,IAAK;QAChB+B,GAAG,EAAEuC,IAAI,CAACtC,IAAK;QACftC,KAAK,EAAE4E,IAAI,CAAC5E,KAAM;QAClBO,kBAAkB,EAAEA,kBAAmB;QACvCE,OAAO,EAAEwB;MAAW,GAEnB2C,IAAI,CAACtC,IACQ,CAAC;IAErB,CAAC,CACC,CACD,CAAC;EAEV,CAAC,CACE,CACF,CACA,CACJ,CAAC,GACJ,IAAI,EACRjD,aAAA;IACEd,GAAG,EAAAqE;EAGD,GAEDvC,QACG,CACH,CACF,CAAC;AAEV,CAAC","ignoreList":[]}

package/Icon/SVGComponents.js

@@ -12,8 +12,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
   styles: "fill:var(--icon-primary-color);transform-origin:50% 50%"
 } : {
   name: "10sgwob-SVGFillPath",
-  styles: "fill:var(--icon-primary-color);transform-origin:50% 50%;label:SVGFillPath;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uL1NWR0NvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JY29uL1NWR0NvbXBvbmVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGFydGlhbENvbG9yUHJvcHMsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCB0eXBlIFNWR1BhdGhQcm9wcyA9IFJlYWN0LlNWR0F0dHJpYnV0ZXM8U1ZHUGF0aEVsZW1lbnQ+O1xuXG5leHBvcnQgY29uc3QgU1ZHRmlsbFBhdGggPSAoeyAuLi5wcm9wcyB9OiBTVkdQYXRoUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8cGF0aFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZpbGw6IHZhcigtLWljb24tcHJpbWFyeS1jb2xvcik7XG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU1ZHU3Ryb2tlUGF0aCA9ICh7IC4uLnByb3BzIH06IFNWR1BhdGhQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxwYXRoXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgc3Ryb2tlOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgU1ZHQ2lyY2xlUHJvcHMgPSBSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR0NpcmNsZUVsZW1lbnQ+O1xuXG5leHBvcnQgY29uc3QgU1ZHRmlsbENpcmNsZSA9ICh7IC4uLnByb3BzIH06IFNWR0NpcmNsZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGNpcmNsZVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZpbGw6IHZhcigtLWljb24tcHJpbWFyeS1jb2xvcik7XG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgdHlwZSBTVkdSZWN0UHJvcHMgPSBSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR1JlY3RFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxSZWN0ID0gKHsgLi4ucHJvcHMgfTogU1ZHUmVjdFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHJlY3RcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBTVkdJY29uUm9vdFByb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR0VsZW1lbnQ+LCBcImNvbG9yXCI+LFxuICAgIFBhcnRpYWxDb2xvclByb3BzIHtcbiAgLyoqXG4gICAqIEBkZWZhdWx0IFwibm9uZVwiXG4gICAqL1xuICBmaWxsPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU1ZHSWNvblJvb3QgPSBmb3J3YXJkUmVmPFNWR1NWR0VsZW1lbnQsIFNWR0ljb25Sb290UHJvcHM+KFxuICAoeyBjb2xvciA9IFwiZGVmYXVsdFwiLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzdmdcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgLS1pY29uLXByaW1hcnktY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICA/IFwiY3VycmVudENvbG9yXCJcbiAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICB3aWR0aDogMWVtO1xuICAgICAgICAgIGhlaWdodDogMWVtO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMS4yZW07XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IHN1YjtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */",
+  styles: "fill:var(--icon-primary-color);transform-origin:50% 50%;label:SVGFillPath;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uL1NWR0NvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JY29uL1NWR0NvbXBvbmVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGFydGlhbENvbG9yUHJvcHMsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCB0eXBlIFNWR1BhdGhQcm9wcyA9IFJlYWN0LlNWR0F0dHJpYnV0ZXM8U1ZHUGF0aEVsZW1lbnQ+O1xuXG5leHBvcnQgY29uc3QgU1ZHRmlsbFBhdGggPSAoeyAuLi5wcm9wcyB9OiBTVkdQYXRoUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8cGF0aFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZpbGw6IHZhcigtLWljb24tcHJpbWFyeS1jb2xvcik7XG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU1ZHU3Ryb2tlUGF0aCA9ICh7IC4uLnByb3BzIH06IFNWR1BhdGhQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxwYXRoXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgc3Ryb2tlOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgU1ZHQ2lyY2xlUHJvcHMgPSBSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR0NpcmNsZUVsZW1lbnQ+O1xuXG5leHBvcnQgY29uc3QgU1ZHRmlsbENpcmNsZSA9ICh7IC4uLnByb3BzIH06IFNWR0NpcmNsZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGNpcmNsZVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZpbGw6IHZhcigtLWljb24tcHJpbWFyeS1jb2xvcik7XG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgdHlwZSBTVkdSZWN0UHJvcHMgPSBSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR1JlY3RFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxSZWN0ID0gKHsgLi4ucHJvcHMgfTogU1ZHUmVjdFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHJlY3RcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBTVkdJY29uUm9vdFByb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR0VsZW1lbnQ+LCBcImNvbG9yXCI+LFxuICAgIFBhcnRpYWxDb2xvclByb3BzIHtcbiAgLyoqXG4gICAqIEBkZWZhdWx0IFwibm9uZVwiXG4gICAqL1xuICBmaWxsPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU1ZHSWNvblJvb3QgPSBmb3J3YXJkUmVmPFNWR1NWR0VsZW1lbnQsIFNWR0ljb25Sb290UHJvcHM+KFxuICAoeyBjb2xvciA9IFwiZGVmYXVsdFwiLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzdmdcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgLS1pY29uLXByaW1hcnktY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICA/IFwiY3VycmVudENvbG9yXCJcbiAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICB3aWR0aDogMWVtO1xuICAgICAgICAgIGhlaWdodDogMWVtO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMS4yZW07XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IHN1YjtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var SVGFillPath = _ref5 => {
@@ -27,8 +26,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   styles: "stroke:var(--icon-primary-color);transform-origin:50% 50%"
 } : {
   name: "zpxdnm-SVGStrokePath",
-  styles: "stroke:var(--icon-primary-color);transform-origin:50% 50%;label:SVGStrokePath;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uL1NWR0NvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbi9TVkdDb21wb25lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBTVkdQYXRoUHJvcHMgPSBSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR1BhdGhFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxQYXRoID0gKHsgLi4ucHJvcHMgfTogU1ZHUGF0aFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHBhdGhcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNWR1N0cm9rZVBhdGggPSAoeyAuLi5wcm9wcyB9OiBTVkdQYXRoUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8cGF0aFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHN0cm9rZTogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCB0eXBlIFNWR0NpcmNsZVByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdDaXJjbGVFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxDaXJjbGUgPSAoeyAuLi5wcm9wcyB9OiBTVkdDaXJjbGVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxjaXJjbGVcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgU1ZHUmVjdFByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdSZWN0RWxlbWVudD47XG5cbmV4cG9ydCBjb25zdCBTVkdGaWxsUmVjdCA9ICh7IC4uLnByb3BzIH06IFNWR1JlY3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxyZWN0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZmlsbDogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU1ZHSWNvblJvb3RQcm9wc1xuICBleHRlbmRzIE9taXQ8UmVhY3QuU1ZHQXR0cmlidXRlczxTVkdFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICBQYXJ0aWFsQ29sb3JQcm9wcyB7XG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcIm5vbmVcIlxuICAgKi9cbiAgZmlsbD86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFNWR0ljb25Sb290ID0gZm9yd2FyZFJlZjxTVkdTVkdFbGVtZW50LCBTVkdJY29uUm9vdFByb3BzPihcbiAgKHsgY29sb3IgPSBcImRlZmF1bHRcIiwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIHJldHVybiAoXG4gICAgICA8c3ZnXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIC0taWNvbi1wcmltYXJ5LWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgPyBcImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgd2lkdGg6IDFlbTtcbiAgICAgICAgICBoZWlnaHQ6IDFlbTtcbiAgICAgICAgICBmb250LXNpemU6IDEuMmVtO1xuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBzdWI7XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
+  styles: "stroke:var(--icon-primary-color);transform-origin:50% 50%;label:SVGStrokePath;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uL1NWR0NvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbi9TVkdDb21wb25lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBTVkdQYXRoUHJvcHMgPSBSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR1BhdGhFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxQYXRoID0gKHsgLi4ucHJvcHMgfTogU1ZHUGF0aFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHBhdGhcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNWR1N0cm9rZVBhdGggPSAoeyAuLi5wcm9wcyB9OiBTVkdQYXRoUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8cGF0aFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHN0cm9rZTogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCB0eXBlIFNWR0NpcmNsZVByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdDaXJjbGVFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxDaXJjbGUgPSAoeyAuLi5wcm9wcyB9OiBTVkdDaXJjbGVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxjaXJjbGVcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgU1ZHUmVjdFByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdSZWN0RWxlbWVudD47XG5cbmV4cG9ydCBjb25zdCBTVkdGaWxsUmVjdCA9ICh7IC4uLnByb3BzIH06IFNWR1JlY3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxyZWN0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZmlsbDogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU1ZHSWNvblJvb3RQcm9wc1xuICBleHRlbmRzIE9taXQ8UmVhY3QuU1ZHQXR0cmlidXRlczxTVkdFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICBQYXJ0aWFsQ29sb3JQcm9wcyB7XG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcIm5vbmVcIlxuICAgKi9cbiAgZmlsbD86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFNWR0ljb25Sb290ID0gZm9yd2FyZFJlZjxTVkdTVkdFbGVtZW50LCBTVkdJY29uUm9vdFByb3BzPihcbiAgKHsgY29sb3IgPSBcImRlZmF1bHRcIiwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIHJldHVybiAoXG4gICAgICA8c3ZnXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIC0taWNvbi1wcmltYXJ5LWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgPyBcImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgd2lkdGg6IDFlbTtcbiAgICAgICAgICBoZWlnaHQ6IDFlbTtcbiAgICAgICAgICBmb250LXNpemU6IDEuMmVtO1xuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBzdWI7XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var SVGStrokePath = _ref6 => {
@@ -42,8 +40,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "fill:var(--icon-primary-color);transform-origin:50% 50%"
 } : {
   name: "be5ua3-SVGFillCircle",
-  styles: "fill:var(--icon-primary-color);transform-origin:50% 50%;label:SVGFillCircle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uL1NWR0NvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbi9TVkdDb21wb25lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBTVkdQYXRoUHJvcHMgPSBSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR1BhdGhFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxQYXRoID0gKHsgLi4ucHJvcHMgfTogU1ZHUGF0aFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHBhdGhcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNWR1N0cm9rZVBhdGggPSAoeyAuLi5wcm9wcyB9OiBTVkdQYXRoUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8cGF0aFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHN0cm9rZTogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCB0eXBlIFNWR0NpcmNsZVByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdDaXJjbGVFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxDaXJjbGUgPSAoeyAuLi5wcm9wcyB9OiBTVkdDaXJjbGVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxjaXJjbGVcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgU1ZHUmVjdFByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdSZWN0RWxlbWVudD47XG5cbmV4cG9ydCBjb25zdCBTVkdGaWxsUmVjdCA9ICh7IC4uLnByb3BzIH06IFNWR1JlY3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxyZWN0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZmlsbDogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU1ZHSWNvblJvb3RQcm9wc1xuICBleHRlbmRzIE9taXQ8UmVhY3QuU1ZHQXR0cmlidXRlczxTVkdFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICBQYXJ0aWFsQ29sb3JQcm9wcyB7XG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcIm5vbmVcIlxuICAgKi9cbiAgZmlsbD86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFNWR0ljb25Sb290ID0gZm9yd2FyZFJlZjxTVkdTVkdFbGVtZW50LCBTVkdJY29uUm9vdFByb3BzPihcbiAgKHsgY29sb3IgPSBcImRlZmF1bHRcIiwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIHJldHVybiAoXG4gICAgICA8c3ZnXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIC0taWNvbi1wcmltYXJ5LWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgPyBcImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgd2lkdGg6IDFlbTtcbiAgICAgICAgICBoZWlnaHQ6IDFlbTtcbiAgICAgICAgICBmb250LXNpemU6IDEuMmVtO1xuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBzdWI7XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
+  styles: "fill:var(--icon-primary-color);transform-origin:50% 50%;label:SVGFillCircle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uL1NWR0NvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbi9TVkdDb21wb25lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBTVkdQYXRoUHJvcHMgPSBSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR1BhdGhFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxQYXRoID0gKHsgLi4ucHJvcHMgfTogU1ZHUGF0aFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHBhdGhcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNWR1N0cm9rZVBhdGggPSAoeyAuLi5wcm9wcyB9OiBTVkdQYXRoUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8cGF0aFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHN0cm9rZTogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCB0eXBlIFNWR0NpcmNsZVByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdDaXJjbGVFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxDaXJjbGUgPSAoeyAuLi5wcm9wcyB9OiBTVkdDaXJjbGVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxjaXJjbGVcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgU1ZHUmVjdFByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdSZWN0RWxlbWVudD47XG5cbmV4cG9ydCBjb25zdCBTVkdGaWxsUmVjdCA9ICh7IC4uLnByb3BzIH06IFNWR1JlY3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxyZWN0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZmlsbDogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU1ZHSWNvblJvb3RQcm9wc1xuICBleHRlbmRzIE9taXQ8UmVhY3QuU1ZHQXR0cmlidXRlczxTVkdFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICBQYXJ0aWFsQ29sb3JQcm9wcyB7XG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcIm5vbmVcIlxuICAgKi9cbiAgZmlsbD86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFNWR0ljb25Sb290ID0gZm9yd2FyZFJlZjxTVkdTVkdFbGVtZW50LCBTVkdJY29uUm9vdFByb3BzPihcbiAgKHsgY29sb3IgPSBcImRlZmF1bHRcIiwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIHJldHVybiAoXG4gICAgICA8c3ZnXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIC0taWNvbi1wcmltYXJ5LWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgPyBcImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgd2lkdGg6IDFlbTtcbiAgICAgICAgICBoZWlnaHQ6IDFlbTtcbiAgICAgICAgICBmb250LXNpemU6IDEuMmVtO1xuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBzdWI7XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var SVGFillCircle = _ref7 => {
@@ -57,8 +54,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "fill:var(--icon-primary-color);transform-origin:50% 50%"
 } : {
   name: "1jvrzee-SVGFillRect",
-  styles: "fill:var(--icon-primary-color);transform-origin:50% 50%;label:SVGFillRect;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uL1NWR0NvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbi9TVkdDb21wb25lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBTVkdQYXRoUHJvcHMgPSBSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR1BhdGhFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxQYXRoID0gKHsgLi4ucHJvcHMgfTogU1ZHUGF0aFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHBhdGhcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNWR1N0cm9rZVBhdGggPSAoeyAuLi5wcm9wcyB9OiBTVkdQYXRoUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8cGF0aFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHN0cm9rZTogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCB0eXBlIFNWR0NpcmNsZVByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdDaXJjbGVFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxDaXJjbGUgPSAoeyAuLi5wcm9wcyB9OiBTVkdDaXJjbGVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxjaXJjbGVcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgU1ZHUmVjdFByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdSZWN0RWxlbWVudD47XG5cbmV4cG9ydCBjb25zdCBTVkdGaWxsUmVjdCA9ICh7IC4uLnByb3BzIH06IFNWR1JlY3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxyZWN0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZmlsbDogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU1ZHSWNvblJvb3RQcm9wc1xuICBleHRlbmRzIE9taXQ8UmVhY3QuU1ZHQXR0cmlidXRlczxTVkdFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICBQYXJ0aWFsQ29sb3JQcm9wcyB7XG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcIm5vbmVcIlxuICAgKi9cbiAgZmlsbD86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFNWR0ljb25Sb290ID0gZm9yd2FyZFJlZjxTVkdTVkdFbGVtZW50LCBTVkdJY29uUm9vdFByb3BzPihcbiAgKHsgY29sb3IgPSBcImRlZmF1bHRcIiwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIHJldHVybiAoXG4gICAgICA8c3ZnXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIC0taWNvbi1wcmltYXJ5LWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgPyBcImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgd2lkdGg6IDFlbTtcbiAgICAgICAgICBoZWlnaHQ6IDFlbTtcbiAgICAgICAgICBmb250LXNpemU6IDEuMmVtO1xuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBzdWI7XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
+  styles: "fill:var(--icon-primary-color);transform-origin:50% 50%;label:SVGFillRect;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uL1NWR0NvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbi9TVkdDb21wb25lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBTVkdQYXRoUHJvcHMgPSBSZWFjdC5TVkdBdHRyaWJ1dGVzPFNWR1BhdGhFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxQYXRoID0gKHsgLi4ucHJvcHMgfTogU1ZHUGF0aFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHBhdGhcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFNWR1N0cm9rZVBhdGggPSAoeyAuLi5wcm9wcyB9OiBTVkdQYXRoUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8cGF0aFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHN0cm9rZTogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCB0eXBlIFNWR0NpcmNsZVByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdDaXJjbGVFbGVtZW50PjtcblxuZXhwb3J0IGNvbnN0IFNWR0ZpbGxDaXJjbGUgPSAoeyAuLi5wcm9wcyB9OiBTVkdDaXJjbGVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxjaXJjbGVcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmaWxsOiB2YXIoLS1pY29uLXByaW1hcnktY29sb3IpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgU1ZHUmVjdFByb3BzID0gUmVhY3QuU1ZHQXR0cmlidXRlczxTVkdSZWN0RWxlbWVudD47XG5cbmV4cG9ydCBjb25zdCBTVkdGaWxsUmVjdCA9ICh7IC4uLnByb3BzIH06IFNWR1JlY3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxyZWN0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZmlsbDogdmFyKC0taWNvbi1wcmltYXJ5LWNvbG9yKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU1ZHSWNvblJvb3RQcm9wc1xuICBleHRlbmRzIE9taXQ8UmVhY3QuU1ZHQXR0cmlidXRlczxTVkdFbGVtZW50PiwgXCJjb2xvclwiPixcbiAgICBQYXJ0aWFsQ29sb3JQcm9wcyB7XG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcIm5vbmVcIlxuICAgKi9cbiAgZmlsbD86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFNWR0ljb25Sb290ID0gZm9yd2FyZFJlZjxTVkdTVkdFbGVtZW50LCBTVkdJY29uUm9vdFByb3BzPihcbiAgKHsgY29sb3IgPSBcImRlZmF1bHRcIiwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIHJldHVybiAoXG4gICAgICA8c3ZnXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIC0taWNvbi1wcmltYXJ5LWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgPyBcImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgd2lkdGg6IDFlbTtcbiAgICAgICAgICBoZWlnaHQ6IDFlbTtcbiAgICAgICAgICBmb250LXNpemU6IDEuMmVtO1xuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBzdWI7XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var SVGFillRect = _ref8 => {

package/Icon/SVGComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGComponents.js","names":["useTheme","css","React","forwardRef","jsx","___EmotionJSX","_ref4","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SVGFillPath","_ref5","props","_extends","_objectDestructuringEmpty","_ref3","SVGStrokePath","_ref6","_ref2","SVGFillCircle","_ref7","_ref","SVGFillRect","_ref8","SVGIconRoot","_ref9","ref","color","_objectWithoutPropertiesLoose","_excluded","theme","fill","palette","intentions","main"],"sources":["../../../src/Icon/SVGComponents.tsx"],"sourcesContent":["import { PartialColorProps, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\n\nexport type SVGPathProps = React.SVGAttributes<SVGPathElement>;\n\nexport const SVGFillPath = ({ ...props }: SVGPathProps) => {\n  return (\n    <path\n      css={css`\n        fill: var(--icon-primary-color);\n        transform-origin: 50% 50%;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport const SVGStrokePath = ({ ...props }: SVGPathProps) => {\n  return (\n    <path\n      css={css`\n        stroke: var(--icon-primary-color);\n        transform-origin: 50% 50%;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport type SVGCircleProps = React.SVGAttributes<SVGCircleElement>;\n\nexport const SVGFillCircle = ({ ...props }: SVGCircleProps) => {\n  return (\n    <circle\n      css={css`\n        fill: var(--icon-primary-color);\n        transform-origin: 50% 50%;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport type SVGRectProps = React.SVGAttributes<SVGRectElement>;\n\nexport const SVGFillRect = ({ ...props }: SVGRectProps) => {\n  return (\n    <rect\n      css={css`\n        fill: var(--icon-primary-color);\n        transform-origin: 50% 50%;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface SVGIconRootProps\n  extends Omit<React.SVGAttributes<SVGElement>, \"color\">,\n    PartialColorProps {\n  /**\n   * @default \"none\"\n   */\n  fill?: string;\n}\n\nexport const SVGIconRoot = forwardRef<SVGSVGElement, SVGIconRootProps>(\n  ({ color = \"default\", ...props }, ref) => {\n    const theme = useTheme();\n    return (\n      <svg\n        ref={ref}\n        fill=\"none\"\n        css={css`\n          --icon-primary-color: ${color === \"default\"\n            ? \"currentColor\"\n            : theme.palette.intentions[color].main};\n          width: 1em;\n          height: 1em;\n          font-size: 1.2em;\n          vertical-align: sub;\n        `}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;AAAA,SAA4BA,QAAQ,QAAQ,UAAU;AACtD,SAASC,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,KAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAI1C,OAAO,IAAMC,WAAW,GAAGC,KAAA,IAAgC;EAAA,IAA1BC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAH,KAAA,GAAAA,KAAA;EACpC,OACEX,aAAA,SAAAa,QAAA;IACEjB,GAAG,EAAAK;EAGD,GACEW,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAG,KAAA,GAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAEF,OAAO,IAAMO,aAAa,GAAGC,KAAA,IAAgC;EAAA,IAA1BL,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAG,KAAA,GAAAA,KAAA;EACtC,OACEjB,aAAA,SAAAa,QAAA;IACEjB,GAAG,EAAAmB;EAGD,GACEH,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAM,KAAA,GAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAIF,OAAO,IAAMU,aAAa,GAAGC,KAAA,IAAkC;EAAA,IAA5BR,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAM,KAAA,GAAAA,KAAA;EACtC,OACEpB,aAAA,WAAAa,QAAA;IACEjB,GAAG,EAAAsB;EAGD,GACEN,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAS,IAAA,GAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAIF,OAAO,IAAMa,WAAW,GAAGC,KAAA,IAAgC;EAAA,IAA1BX,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAS,KAAA,GAAAA,KAAA;EACpC,OACEvB,aAAA,SAAAa,QAAA;IACEjB,GAAG,EAAAyB;EAGD,GACET,KAAK,CACV,CAAC;AAEN,CAAC;AAWD,OAAO,IAAMY,WAAW,gBAAG1B,UAAU,CACnC,CAAA2B,KAAA,EAAkCC,GAAG,KAAK;EAAA,IAAzC;MAAEC,KAAK,GAAG;IAAoB,CAAC,GAAAF,KAAA;IAAPb,KAAK,GAAAgB,6BAAA,CAAAH,KAAA,EAAAI,SAAA;EAC5B,IAAMC,KAAK,GAAGnC,QAAQ,CAAC,CAAC;EACxB,OACEK,aAAA,QAAAa,QAAA;IACEa,GAAG,EAAEA,GAAI;IACTK,IAAI,EAAC,MAAM;IACXnC,GAAG,eAAEA,GAAG,0BACkB+B,KAAK,KAAK,SAAS,GACvC,cAAc,GACdG,KAAK,CAACE,OAAO,CAACC,UAAU,CAACN,KAAK,CAAC,CAACO,IAAI,iEAAAhC,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAKxC,GACEQ,KAAK,CACV,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"SVGComponents.js","names":["useTheme","css","React","forwardRef","jsx","___EmotionJSX","_ref4","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SVGFillPath","_ref5","props","_extends","_objectDestructuringEmpty","_ref3","SVGStrokePath","_ref6","_ref2","SVGFillCircle","_ref7","_ref","SVGFillRect","_ref8","SVGIconRoot","_ref9","ref","color","_objectWithoutPropertiesLoose","_excluded","theme","fill","palette","intentions","main"],"sources":["../../../src/Icon/SVGComponents.tsx"],"sourcesContent":["import { PartialColorProps, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\n\nexport type SVGPathProps = React.SVGAttributes<SVGPathElement>;\n\nexport const SVGFillPath = ({ ...props }: SVGPathProps) => {\n  return (\n    <path\n      css={css`\n        fill: var(--icon-primary-color);\n        transform-origin: 50% 50%;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport const SVGStrokePath = ({ ...props }: SVGPathProps) => {\n  return (\n    <path\n      css={css`\n        stroke: var(--icon-primary-color);\n        transform-origin: 50% 50%;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport type SVGCircleProps = React.SVGAttributes<SVGCircleElement>;\n\nexport const SVGFillCircle = ({ ...props }: SVGCircleProps) => {\n  return (\n    <circle\n      css={css`\n        fill: var(--icon-primary-color);\n        transform-origin: 50% 50%;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport type SVGRectProps = React.SVGAttributes<SVGRectElement>;\n\nexport const SVGFillRect = ({ ...props }: SVGRectProps) => {\n  return (\n    <rect\n      css={css`\n        fill: var(--icon-primary-color);\n        transform-origin: 50% 50%;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface SVGIconRootProps\n  extends Omit<React.SVGAttributes<SVGElement>, \"color\">,\n    PartialColorProps {\n  /**\n   * @default \"none\"\n   */\n  fill?: string;\n}\n\nexport const SVGIconRoot = forwardRef<SVGSVGElement, SVGIconRootProps>(\n  ({ color = \"default\", ...props }, ref) => {\n    const theme = useTheme();\n    return (\n      <svg\n        ref={ref}\n        fill=\"none\"\n        css={css`\n          --icon-primary-color: ${color === \"default\"\n            ? \"currentColor\"\n            : theme.palette.intentions[color].main};\n          width: 1em;\n          height: 1em;\n          font-size: 1.2em;\n          vertical-align: sub;\n        `}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;AAAA,SAA4BA,QAAQ,QAAQ,UAAU;AACtD,SAASC,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,KAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAI1C,OAAO,IAAMC,WAAW,GAAGC,KAAA,IAAgC;EAAA,IAA1BC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAH,KAAA,GAAAA,KAAA;EACpC,OACEV,aAAA,SAAAY,QAAA;IACEhB,GAAG,EAAAK;EAGD,GACEU,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAG,KAAA,GAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAEF,OAAO,IAAMO,aAAa,GAAGC,KAAA,IAAgC;EAAA,IAA1BL,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAG,KAAA,GAAAA,KAAA;EACtC,OACEhB,aAAA,SAAAY,QAAA;IACEhB,GAAG,EAAAkB;EAGD,GACEH,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAM,KAAA,GAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAIF,OAAO,IAAMU,aAAa,GAAGC,KAAA,IAAkC;EAAA,IAA5BR,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAM,KAAA,GAAAA,KAAA;EACtC,OACEnB,aAAA,WAAAY,QAAA;IACEhB,GAAG,EAAAqB;EAGD,GACEN,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAS,IAAA,GAAAlB,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAIF,OAAO,IAAMa,WAAW,GAAGC,KAAA,IAAgC;EAAA,IAA1BX,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAS,KAAA,GAAAA,KAAA;EACpC,OACEtB,aAAA,SAAAY,QAAA;IACEhB,GAAG,EAAAwB;EAGD,GACET,KAAK,CACV,CAAC;AAEN,CAAC;AAWD,OAAO,IAAMY,WAAW,gBAAGzB,UAAU,CACnC,CAAA0B,KAAA,EAAkCC,GAAG,KAAK;EAAA,IAAzC;MAAEC,KAAK,GAAG;IAAoB,CAAC,GAAAF,KAAA;IAAPb,KAAK,GAAAgB,6BAAA,CAAAH,KAAA,EAAAI,SAAA;EAC5B,IAAMC,KAAK,GAAGlC,QAAQ,CAAC,CAAC;EACxB,OACEK,aAAA,QAAAY,QAAA;IACEa,GAAG,EAAEA,GAAI;IACTK,IAAI,EAAC,MAAM;IACXlC,GAAG,eAAEA,GAAG,0BACkB8B,KAAK,KAAK,SAAS,GACvC,cAAc,GACdG,KAAK,CAACE,OAAO,CAACC,UAAU,CAACN,KAAK,CAAC,CAACO,IAAI,iEAAA/B,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAKxC,GACEO,KAAK,CACV,CAAC;AAEN,CACF,CAAC","ignoreList":[]}