matsuri-ui 16.6.1-alpha-1736063445138-dc67269.0 → 16.6.1-alpha-1736669614668-b87c8e4.0

package/esm/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","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":"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","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}) => React.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  }) => React.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":"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","ignoreList":[]}