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

package/cjs/TableUI/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Checkbox","require","_List","_Menu","_Popper","_WithPagination","_react","_Button","_react2","_interopRequireWildcard","_useGridLayout","_useSort","_theme","_ArrowDownward","_interopRequireDefault","_ArrowUpward","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EMOTION_STRINGIFIED_CSS_ERROR__","DefaultRenderCell","props","cell","jsx","value","JSON","stringify","tableCellStyle","process","env","NODE_ENV","name","styles","toString","_ref5","HeaderCell","theme","useTheme","anchorEl","setAnchorEl","useState","handleClose","useCallback","undefined","handleToggle","event","currentTarget","prev","open","Boolean","css","palette","gray","resetButtonStyle","onClick","children","Popper","disablePortal","onClickOutside","placement","MenuList","paperProps","elevation","menuItems","map","label","renderIcon","Icon","ListItem","key","ListItemIcon","_ref","_ref2","_ref3","_ref4","TableUI","columns","data","striped","stickyHeader","onSelect","selectedIndex","onSelectAll","renderActions","RenderActions","onPaginate","pageTotal","getRowStyle","allChecked","length","dataSorted","order","setOrder","useSort","gridStyle","useGridLayout","WithPagination","typography","body","zIndex","appBar","Checkbox","defaultChecked","onChange","checked","target","indeterminate","column","orderBy","ArrowUpwardIcon","by","direction","ArrowDownwardIcon","title","text","hint","row","index","includes","customRowStyle","intentions","primary","light","renderCell","RenderCell","exports"],"sources":["../../../src/TableUI/index.tsx"],"sourcesContent":["import { Checkbox } from \"../Checkbox\";\nimport { ListItem, ListItemIcon } from \"../List\";\nimport { MenuList } from \"../Menu\";\nimport { Popper } from \"../Popper\";\nimport { WithPagination, WithPaginationProps } from \"./WithPagination\";\nimport { css } from \"@emotion/react\";\nimport { resetButtonStyle } from \"../Button\";\nimport { useCallback, useState } from \"react\";\nimport { useGridLayout } from \"./useGridLayout\";\nimport { useSort } from \"./useSort\";\nimport { useTheme } from \"../theme\";\nimport ArrowDownwardIcon from \"@mui/icons-material/ArrowDownward\";\nimport ArrowUpwardIcon from \"@mui/icons-material/ArrowUpward\";\nimport React from \"react\";\nimport type { CSSObject, SerializedStyles } from \"@emotion/react\";\nimport type { Theme } from \"../theme\";\n\nexport interface TableUIRenderCellProps<Row, Value> {\n  cell: { value: Value };\n  row: Row;\n}\n\nconst DefaultRenderCell = (\n  props: TableUIRenderCellProps<Record<string, unknown>, unknown>,\n) => {\n  const { cell } = props;\n  return (\n    <div>\n      {typeof cell.value === \"string\" ? cell.value : JSON.stringify(cell.value)}\n    </div>\n  );\n};\n\nconst tableCellStyle = css`\n  box-sizing: border-box;\n  padding: 8px 16px;\n  font: inherit;\n  line-height: inherit;\n  text-align: left;\n  letter-spacing: inherit;\n  border-bottom: 1px solid #e0e0e0;\n  &:first-of-type:has(input[type=\"checkbox\"]) {\n    padding: 0px;\n    label {\n      display: flex;\n      padding: 8px;\n    }\n  }\n`;\n\ninterface HeaderCellProps extends React.PropsWithChildren {\n  menuItems: {\n    label: string;\n    onClick: () => void;\n    renderIcon: (props: Record<string, unknown>) => React.JSX.Element;\n  }[];\n}\n\nconst HeaderCell = (props: HeaderCellProps) => {\n  const theme = useTheme();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement>();\n  const handleClose = useCallback(() => {\n    setAnchorEl(undefined);\n  }, []);\n  const handleToggle = useCallback(\n    (event: React.SyntheticEvent<HTMLElement>) => {\n      const { currentTarget } = event;\n      setAnchorEl((prev) => (prev ? undefined : currentTarget));\n    },\n    [],\n  );\n  const open = Boolean(anchorEl);\n\n  return (\n    <th\n      css={[\n        tableCellStyle,\n        css`\n          padding: 0px;\n          cursor: pointer;\n          background-color: white;\n          transition: background-color 0.1s ease-in-out;\n          &:hover {\n            background-color: ${theme.palette.gray[200]};\n          }\n        `,\n      ]}\n    >\n      <button\n        css={[\n          resetButtonStyle,\n          css`\n            display: inline-block;\n            width: 100%;\n            padding: 8px 16px;\n            text-align: inherit;\n          `,\n        ]}\n        onClick={handleToggle}\n      >\n        {props.children}\n      </button>\n      <Popper\n        disablePortal\n        onClickOutside={handleClose}\n        anchorEl={anchorEl}\n        open={open}\n        placement=\"bottom-start\"\n      >\n        <MenuList\n          paperProps={{\n            elevation: 5,\n          }}\n        >\n          {props.menuItems.map(({ onClick, label, renderIcon: Icon }) => {\n            return (\n              <ListItem\n                key={label}\n                onClick={() => {\n                  onClick();\n                  handleClose();\n                }}\n              >\n                <ListItemIcon>\n                  <Icon />\n                </ListItemIcon>\n                {label}\n              </ListItem>\n            );\n          })}\n        </MenuList>\n      </Popper>\n    </th>\n  );\n};\n\nexport type TableUIColumn<Row> = {\n  [Key in keyof Row]: {\n    // このキーのユニークチェックを行った方が良い。\n    // 出来ればランタイムは無駄が大きいので型でチェックしたい。\n    key: Key;\n    title?: string;\n    renderCell?: ({\n      cell,\n      row,\n    }: TableUIRenderCellProps<Row, Row[Key]>) => React.JSX.Element;\n    // デフォルトでソートは有効化する\n    sort?: (a: Row[Key], b: Row[Key]) => number;\n    /**\n     * この列の幅が全体に占める比を指定する。\n     * columnRatio指定しない場合は、autoが指定されたものとして扱われます。\n     * table要素本来の自動調整が効かなくなるので、注意して利用してください。\n     */\n    columnRatio?: number;\n  };\n}[keyof Row];\n\nexport interface TableUIPropsOnSelectArgs<Row> {\n  row: Row;\n  index: number;\n  checked: boolean;\n}\n\nexport interface TableUIPropsRenderActionsArgs<Row> {\n  row: Row;\n  index: number;\n}\n\nexport interface TableUIPropsGetRowStyleArgs<Row> {\n  row: Row;\n  index: number;\n  theme: Theme;\n}\n\nexport interface TableUIProps<Row> extends WithPaginationProps {\n  /**\n   * テーブルをストライプ柄にするかどうか\n   * @default false\n   */\n  striped?: boolean;\n  /**\n   * テーブルのヘッダーを固定するかどうか\n   * @default false\n   */\n  stickyHeader?: boolean;\n  /**\n   * テーブルの列の情報\n   */\n  columns?: TableUIColumn<Row>[];\n  /**\n   * 空配列の場合は読み込み済み、undefinedの場合は読み込み中であると見なされます。\n   * 基本的にJSONフレンドリーなオブジェクトを渡すようにしてください。ReactElementなどは非推奨です。\n   * 代わりにcolumnsで定義できるrenderCellを利用するか、ReactComponentを渡してください。\n   *\n   * dataにはcolumnsに存在しないものも含められます。\n   */\n  data?: Row[];\n  /**\n   * 現在選択されている行のindexの配列\n   */\n  selectedIndex?: number[];\n  /**\n   * 行毎のチェックボックスが生える\n   */\n  onSelect?: ({ row, index, checked }: TableUIPropsOnSelectArgs<Row>) => void;\n  /**\n   * 全てをチェックするボタンが生える\n   */\n  onSelectAll?: ({ data, checked }: { data: Row[]; checked: boolean }) => void;\n  /**\n   * onSelectで生えるチェックボックスのname\n   * formDataから取得できる値は選択された行のindexです。\n   */\n  name?: string;\n  /**\n   * 行の末尾にインタラクティブ要素を追加するためのメソッド\n   */\n  renderActions?: (\n    args: TableUIPropsRenderActionsArgs<Row>,\n  ) => React.JSX.Element;\n  /**\n   * 行のスタイルをカスタマイズするための関数\n   * @param args - 行のデータ、インデックス、テーマオブジェクトを含むオブジェクト\n   * @returns Emotion CSSオブジェクトまたはCSSオブジェクト\n   */\n  getRowStyle?: (\n    args: TableUIPropsGetRowStyleArgs<Row>,\n  ) => SerializedStyles | CSSObject | undefined;\n}\n\nexport const TableUI = <\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Row extends Record<string, any>,\n>(\n  props: TableUIProps<Row>,\n) => {\n  const {\n    columns,\n    data,\n    striped,\n    stickyHeader,\n    onSelect,\n    selectedIndex = [],\n    onSelectAll,\n    name,\n    renderActions: RenderActions,\n    onPaginate,\n    pageTotal,\n    getRowStyle,\n  } = props;\n  const theme = useTheme();\n\n  const allChecked = data?.length === selectedIndex?.length;\n\n  const [dataSorted, order, setOrder] = useSort(columns, data);\n\n  const gridStyle = useGridLayout(columns);\n\n  return (\n    <WithPagination onPaginate={onPaginate} pageTotal={pageTotal}>\n      <table\n        css={[\n          theme.typography.body,\n          css`\n            box-sizing: border-box;\n            width: 100%;\n            border-spacing: 0;\n            border-collapse: separate;\n            isolation: isolate;\n            border-top: 1px solid #e0e0e0;\n            border-right: 2px solid #e0e0e0;\n            border-bottom: 1px solid #e0e0e0;\n            border-left: 2px solid #e0e0e0;\n            thead {\n              box-sizing: border-box;\n              th {\n                white-space: nowrap;\n                border-top: 1px solid #e0e0e0;\n                border-bottom: 2px solid #e0e0e0;\n              }\n            }\n          `,\n          striped\n            ? css`\n                tr:nth-of-type(even) > td {\n                  background-color: #f2f2f2;\n                }\n              `\n            : null,\n          stickyHeader\n            ? css`\n                position: relative;\n                /**\n                 * ここでtheadをstickyにすると、grid layoutのサポートが困難になる。\n                 */\n                thead tr th {\n                  position: sticky;\n                  top: 0px;\n                  z-index: ${theme.zIndex.appBar};\n                }\n              `\n            : null,\n          gridStyle,\n        ]}\n      >\n        <thead>\n          <tr>\n            {onSelect ? (\n              <th\n                css={[\n                  tableCellStyle,\n                  css`\n                    background-color: white;\n                  `,\n                ]}\n              >\n                {onSelectAll ? (\n                  // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                  <label>\n                    <Checkbox\n                      defaultChecked={allChecked}\n                      key={allChecked?.toString()}\n                      onChange={(event) => {\n                        if (data) {\n                          onSelectAll({ data, checked: event.target.checked });\n                        }\n                      }}\n                      indeterminate={selectedIndex.length > 0 && !allChecked}\n                    />\n                  </label>\n                ) : null}\n              </th>\n            ) : null}\n            {columns?.map((column) => {\n              const orderBy = column.key.toString();\n              return (\n                <HeaderCell\n                  menuItems={[\n                    {\n                      label: \"昇順で並び替え\",\n                      //@ts-expect-error muiのiconの方がmuiNameプロパティを型で持つようになったためエラーが出る\n                      renderIcon: ArrowUpwardIcon,\n                      onClick: () => {\n                        setOrder({ by: orderBy, direction: \"asc\" });\n                      },\n                    },\n                    {\n                      label: \"降順で並び替え\",\n                      //@ts-expect-error muiのiconの方がmuiNameプロパティを型で持つようになったためエラーが出る\n                      renderIcon: ArrowDownwardIcon,\n                      onClick: () => {\n                        setOrder({ by: orderBy, direction: \"desc\" });\n                      },\n                    },\n                  ]}\n                  key={column.key.toString()}\n                >\n                  <div\n                    css={css`\n                      position: relative;\n                    `}\n                  >\n                    {column.title}\n                    <span\n                      css={css`\n                        position: absolute;\n                        display: inline-flex;\n                        margin-left: 4px;\n                        color: ${theme.palette.text.hint};\n                      `}\n                    >\n                      {order?.by === orderBy ? (\n                        order.direction === \"desc\" ? (\n                          <ArrowDownwardIcon />\n                        ) : (\n                          <ArrowUpwardIcon />\n                        )\n                      ) : null}\n                    </span>\n                  </div>\n                </HeaderCell>\n              );\n            })}\n            {RenderActions ? <th css={tableCellStyle} /> : null}\n          </tr>\n        </thead>\n        <tbody>\n          {dataSorted?.map(({ row, index }) => {\n            const checked = selectedIndex?.includes(index);\n            const customRowStyle = getRowStyle?.({ row, index, theme });\n            return (\n              <tr\n                key={`${index}`}\n                css={[\n                  css`\n                    &:has(input[type=\"checkbox\"]:checked) > td {\n                      background-color: ${theme.palette.intentions.primary\n                        .light};\n                    }\n                  `,\n                  customRowStyle,\n                ]}\n              >\n                {onSelect ? (\n                  <td css={tableCellStyle}>\n                    {\n                      // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                      <label>\n                        <Checkbox\n                          key={checked?.toString()}\n                          name={name}\n                          value={index}\n                          defaultChecked={checked}\n                          onChange={(event) => {\n                            onSelect({\n                              row,\n                              index,\n                              checked: event.target.checked,\n                            });\n                          }}\n                        />\n                      </label>\n                    }\n                  </td>\n                ) : null}\n                {columns?.map((column) => {\n                  const cell = row[column.key];\n                  const { renderCell: RenderCell = DefaultRenderCell } = column;\n                  return (\n                    <td key={column.key.toString()} css={tableCellStyle}>\n                      <RenderCell cell={{ value: cell }} row={row} />\n                    </td>\n                  );\n                })}\n                {RenderActions ? (\n                  <td css={tableCellStyle}>\n                    <RenderActions row={row} index={index} />\n                  </td>\n                ) : null}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </WithPagination>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","require","_react2","_interopRequireWildcard","_ArrowDownward","_interopRequireDefault","_ArrowUpward","_Checkbox","_List","_Menu","_Popper","_Button","_theme","_WithPagination","_useGridLayout","_useSort","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EMOTION_STRINGIFIED_CSS_ERROR__","DefaultRenderCell","props","cell","jsx","value","JSON","stringify","tableCellStyle","process","env","NODE_ENV","name","styles","toString","_ref5","HeaderCell","theme","useTheme","anchorEl","setAnchorEl","useState","handleClose","useCallback","undefined","handleToggle","event","currentTarget","prev","open","Boolean","css","palette","gray","resetButtonStyle","onClick","children","Popper","disablePortal","onClickOutside","placement","MenuList","paperProps","elevation","menuItems","map","label","renderIcon","Icon","ListItem","key","ListItemIcon","_ref","_ref2","_ref3","_ref4","TableUI","columns","data","striped","stickyHeader","onSelect","selectedIndex","onSelectAll","renderActions","RenderActions","onPaginate","pageTotal","getRowStyle","allChecked","length","dataSorted","order","setOrder","useSort","gridStyle","useGridLayout","WithPagination","typography","body","zIndex","appBar","Checkbox","defaultChecked","onChange","checked","target","indeterminate","column","orderBy","ArrowUpwardIcon","by","direction","ArrowDownwardIcon","title","text","hint","row","index","includes","customRowStyle","intentions","primary","light","renderCell","RenderCell","exports"],"sources":["../../../src/TableUI/index.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useCallback, useState } from \"react\";\nimport ArrowDownwardIcon from \"@mui/icons-material/ArrowDownward\";\nimport ArrowUpwardIcon from \"@mui/icons-material/ArrowUpward\";\nimport React from \"react\";\nimport { Checkbox } from \"../Checkbox\";\nimport { ListItem, ListItemIcon } from \"../List\";\nimport { MenuList } from \"../Menu\";\nimport { Popper } from \"../Popper\";\nimport { resetButtonStyle } from \"../Button\";\nimport { useTheme } from \"../theme\";\nimport { WithPagination, WithPaginationProps } from \"./WithPagination\";\nimport { useGridLayout } from \"./useGridLayout\";\nimport { useSort } from \"./useSort\";\nimport type { CSSObject, SerializedStyles } from \"@emotion/react\";\nimport type { Theme } from \"../theme\";\n\nexport interface TableUIRenderCellProps<Row, Value> {\n  cell: { value: Value };\n  row: Row;\n}\n\nconst DefaultRenderCell = (\n  props: TableUIRenderCellProps<Record<string, unknown>, unknown>,\n) => {\n  const { cell } = props;\n  return (\n    <div>\n      {typeof cell.value === \"string\" ? cell.value : JSON.stringify(cell.value)}\n    </div>\n  );\n};\n\nconst tableCellStyle = css`\n  box-sizing: border-box;\n  padding: 8px 16px;\n  font: inherit;\n  line-height: inherit;\n  text-align: left;\n  letter-spacing: inherit;\n  border-bottom: 1px solid #e0e0e0;\n  &:first-of-type:has(input[type=\"checkbox\"]) {\n    padding: 0px;\n    label {\n      display: flex;\n      padding: 8px;\n    }\n  }\n`;\n\ninterface HeaderCellProps extends React.PropsWithChildren {\n  menuItems: {\n    label: string;\n    onClick: () => void;\n    renderIcon: (props: Record<string, unknown>) => React.JSX.Element;\n  }[];\n}\n\nconst HeaderCell = (props: HeaderCellProps) => {\n  const theme = useTheme();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement>();\n  const handleClose = useCallback(() => {\n    setAnchorEl(undefined);\n  }, []);\n  const handleToggle = useCallback(\n    (event: React.SyntheticEvent<HTMLElement>) => {\n      const { currentTarget } = event;\n      setAnchorEl((prev) => (prev ? undefined : currentTarget));\n    },\n    [],\n  );\n  const open = Boolean(anchorEl);\n\n  return (\n    <th\n      css={[\n        tableCellStyle,\n        css`\n          padding: 0px;\n          cursor: pointer;\n          background-color: white;\n          transition: background-color 0.1s ease-in-out;\n          &:hover {\n            background-color: ${theme.palette.gray[200]};\n          }\n        `,\n      ]}\n    >\n      <button\n        css={[\n          resetButtonStyle,\n          css`\n            display: inline-block;\n            width: 100%;\n            padding: 8px 16px;\n            text-align: inherit;\n          `,\n        ]}\n        onClick={handleToggle}\n      >\n        {props.children}\n      </button>\n      <Popper\n        disablePortal\n        onClickOutside={handleClose}\n        anchorEl={anchorEl}\n        open={open}\n        placement=\"bottom-start\"\n      >\n        <MenuList\n          paperProps={{\n            elevation: 5,\n          }}\n        >\n          {props.menuItems.map(({ onClick, label, renderIcon: Icon }) => {\n            return (\n              <ListItem\n                key={label}\n                onClick={() => {\n                  onClick();\n                  handleClose();\n                }}\n              >\n                <ListItemIcon>\n                  <Icon />\n                </ListItemIcon>\n                {label}\n              </ListItem>\n            );\n          })}\n        </MenuList>\n      </Popper>\n    </th>\n  );\n};\n\nexport type TableUIColumn<Row> = {\n  [Key in keyof Row]: {\n    // このキーのユニークチェックを行った方が良い。\n    // 出来ればランタイムは無駄が大きいので型でチェックしたい。\n    key: Key;\n    title?: string;\n    renderCell?: ({\n      cell,\n      row,\n    }: TableUIRenderCellProps<Row, Row[Key]>) => React.JSX.Element;\n    // デフォルトでソートは有効化する\n    sort?: (a: Row[Key], b: Row[Key]) => number;\n    /**\n     * この列の幅が全体に占める比を指定する。\n     * columnRatio指定しない場合は、autoが指定されたものとして扱われます。\n     * table要素本来の自動調整が効かなくなるので、注意して利用してください。\n     */\n    columnRatio?: number;\n  };\n}[keyof Row];\n\nexport interface TableUIPropsOnSelectArgs<Row> {\n  row: Row;\n  index: number;\n  checked: boolean;\n}\n\nexport interface TableUIPropsRenderActionsArgs<Row> {\n  row: Row;\n  index: number;\n}\n\nexport interface TableUIPropsGetRowStyleArgs<Row> {\n  row: Row;\n  index: number;\n  theme: Theme;\n}\n\nexport interface TableUIProps<Row> extends WithPaginationProps {\n  /**\n   * テーブルをストライプ柄にするかどうか\n   * @default false\n   */\n  striped?: boolean;\n  /**\n   * テーブルのヘッダーを固定するかどうか\n   * @default false\n   */\n  stickyHeader?: boolean;\n  /**\n   * テーブルの列の情報\n   */\n  columns?: TableUIColumn<Row>[];\n  /**\n   * 空配列の場合は読み込み済み、undefinedの場合は読み込み中であると見なされます。\n   * 基本的にJSONフレンドリーなオブジェクトを渡すようにしてください。ReactElementなどは非推奨です。\n   * 代わりにcolumnsで定義できるrenderCellを利用するか、ReactComponentを渡してください。\n   *\n   * dataにはcolumnsに存在しないものも含められます。\n   */\n  data?: Row[];\n  /**\n   * 現在選択されている行のindexの配列\n   */\n  selectedIndex?: number[];\n  /**\n   * 行毎のチェックボックスが生える\n   */\n  onSelect?: ({ row, index, checked }: TableUIPropsOnSelectArgs<Row>) => void;\n  /**\n   * 全てをチェックするボタンが生える\n   */\n  onSelectAll?: ({ data, checked }: { data: Row[]; checked: boolean }) => void;\n  /**\n   * onSelectで生えるチェックボックスのname\n   * formDataから取得できる値は選択された行のindexです。\n   */\n  name?: string;\n  /**\n   * 行の末尾にインタラクティブ要素を追加するためのメソッド\n   */\n  renderActions?: (\n    args: TableUIPropsRenderActionsArgs<Row>,\n  ) => React.JSX.Element;\n  /**\n   * 行のスタイルをカスタマイズするための関数\n   * @param args - 行のデータ、インデックス、テーマオブジェクトを含むオブジェクト\n   * @returns Emotion CSSオブジェクトまたはCSSオブジェクト\n   */\n  getRowStyle?: (\n    args: TableUIPropsGetRowStyleArgs<Row>,\n  ) => SerializedStyles | CSSObject | undefined;\n}\n\nexport const TableUI = <\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Row extends Record<string, any>,\n>(\n  props: TableUIProps<Row>,\n) => {\n  const {\n    columns,\n    data,\n    striped,\n    stickyHeader,\n    onSelect,\n    selectedIndex = [],\n    onSelectAll,\n    name,\n    renderActions: RenderActions,\n    onPaginate,\n    pageTotal,\n    getRowStyle,\n  } = props;\n  const theme = useTheme();\n\n  const allChecked = data?.length === selectedIndex?.length;\n\n  const [dataSorted, order, setOrder] = useSort(columns, data);\n\n  const gridStyle = useGridLayout(columns);\n\n  return (\n    <WithPagination onPaginate={onPaginate} pageTotal={pageTotal}>\n      <table\n        css={[\n          theme.typography.body,\n          css`\n            box-sizing: border-box;\n            width: 100%;\n            border-spacing: 0;\n            border-collapse: separate;\n            isolation: isolate;\n            border-top: 1px solid #e0e0e0;\n            border-right: 2px solid #e0e0e0;\n            border-bottom: 1px solid #e0e0e0;\n            border-left: 2px solid #e0e0e0;\n            thead {\n              box-sizing: border-box;\n              th {\n                white-space: nowrap;\n                border-top: 1px solid #e0e0e0;\n                border-bottom: 2px solid #e0e0e0;\n              }\n            }\n          `,\n          striped\n            ? css`\n                tr:nth-of-type(even) > td {\n                  background-color: #f2f2f2;\n                }\n              `\n            : null,\n          stickyHeader\n            ? css`\n                position: relative;\n                /**\n                 * ここでtheadをstickyにすると、grid layoutのサポートが困難になる。\n                 */\n                thead tr th {\n                  position: sticky;\n                  top: 0px;\n                  z-index: ${theme.zIndex.appBar};\n                }\n              `\n            : null,\n          gridStyle,\n        ]}\n      >\n        <thead>\n          <tr>\n            {onSelect ? (\n              <th\n                css={[\n                  tableCellStyle,\n                  css`\n                    background-color: white;\n                  `,\n                ]}\n              >\n                {onSelectAll ? (\n                  // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                  <label>\n                    <Checkbox\n                      defaultChecked={allChecked}\n                      key={allChecked?.toString()}\n                      onChange={(event) => {\n                        if (data) {\n                          onSelectAll({ data, checked: event.target.checked });\n                        }\n                      }}\n                      indeterminate={selectedIndex.length > 0 && !allChecked}\n                    />\n                  </label>\n                ) : null}\n              </th>\n            ) : null}\n            {columns?.map((column) => {\n              const orderBy = column.key.toString();\n              return (\n                <HeaderCell\n                  menuItems={[\n                    {\n                      label: \"昇順で並び替え\",\n                      //@ts-expect-error muiのiconの方がmuiNameプロパティを型で持つようになったためエラーが出る\n                      renderIcon: ArrowUpwardIcon,\n                      onClick: () => {\n                        setOrder({ by: orderBy, direction: \"asc\" });\n                      },\n                    },\n                    {\n                      label: \"降順で並び替え\",\n                      //@ts-expect-error muiのiconの方がmuiNameプロパティを型で持つようになったためエラーが出る\n                      renderIcon: ArrowDownwardIcon,\n                      onClick: () => {\n                        setOrder({ by: orderBy, direction: \"desc\" });\n                      },\n                    },\n                  ]}\n                  key={column.key.toString()}\n                >\n                  <div\n                    css={css`\n                      position: relative;\n                    `}\n                  >\n                    {column.title}\n                    <span\n                      css={css`\n                        position: absolute;\n                        display: inline-flex;\n                        margin-left: 4px;\n                        color: ${theme.palette.text.hint};\n                      `}\n                    >\n                      {order?.by === orderBy ? (\n                        order.direction === \"desc\" ? (\n                          <ArrowDownwardIcon />\n                        ) : (\n                          <ArrowUpwardIcon />\n                        )\n                      ) : null}\n                    </span>\n                  </div>\n                </HeaderCell>\n              );\n            })}\n            {RenderActions ? <th css={tableCellStyle} /> : null}\n          </tr>\n        </thead>\n        <tbody>\n          {dataSorted?.map(({ row, index }) => {\n            const checked = selectedIndex?.includes(index);\n            const customRowStyle = getRowStyle?.({ row, index, theme });\n            return (\n              <tr\n                key={`${index}`}\n                css={[\n                  css`\n                    &:has(input[type=\"checkbox\"]:checked) > td {\n                      background-color: ${theme.palette.intentions.primary\n                        .light};\n                    }\n                  `,\n                  customRowStyle,\n                ]}\n              >\n                {onSelect ? (\n                  <td css={tableCellStyle}>\n                    {\n                      // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                      <label>\n                        <Checkbox\n                          key={checked?.toString()}\n                          name={name}\n                          value={index}\n                          defaultChecked={checked}\n                          onChange={(event) => {\n                            onSelect({\n                              row,\n                              index,\n                              checked: event.target.checked,\n                            });\n                          }}\n                        />\n                      </label>\n                    }\n                  </td>\n                ) : null}\n                {columns?.map((column) => {\n                  const cell = row[column.key];\n                  const { renderCell: RenderCell = DefaultRenderCell } = column;\n                  return (\n                    <td key={column.key.toString()} css={tableCellStyle}>\n                      <RenderCell cell={{ value: cell }} row={row} />\n                    </td>\n                  );\n                })}\n                {RenderActions ? (\n                  <td css={tableCellStyle}>\n                    <RenderActions row={row} index={index} />\n                  </td>\n                ) : null}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </WithPagination>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/TableUI/useSort.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSort.js","names":["_react","require","defaultSort","prev","next","JSON","stringify","localeCompare","useSort","columns","data","order","setOrder","useState","result","useMemo","undefined","indexed","map","row","index","key","by","direction","method","find","column","sort","sorted","slice","a","b","exports"],"sources":["../../../src/TableUI/useSort.tsx"],"sourcesContent":["import { TableUIColumn } from \"./index\";\nimport { useMemo, useState } from \"react\";\n\ninterface Order {\n  by: string;\n  direction: \"asc\" | \"desc\";\n}\n\nconst defaultSort = (prev: unknown, next: unknown) => {\n  if (typeof prev === \"number\" && typeof next === \"number\") {\n    return prev - next;\n  }\n  try {\n    return JSON.stringify(prev).localeCompare(JSON.stringify(next));\n  } catch {\n    return 0;\n  }\n};\n\nexport const useSort = <Key extends string, Row extends Record<Key, unknown>>(\n  columns?: TableUIColumn<Row>[],\n  data?: Row[],\n) => {\n  const [order, setOrder] = useState<Order>();\n\n  const result = useMemo(() => {\n    if (data === undefined) {\n      return undefined;\n    }\n\n    const indexed = data.map((row, index) => {\n      return { row, index };\n    });\n    if (order === undefined) {\n      return indexed;\n    }\n\n    const key = order.by as Key;\n    const direction = order.direction === \"desc\" ? -1 : 1;\n\n    const method =\n      columns?.find((column) => column.key === key)?.sort ?? defaultSort;\n\n    // TODO: typescript>=5.0: use toSorted ES2023 method\n    const sorted = indexed.slice().sort((a, b) => {\n      return method(a.row[key], b.row[key]) * direction;\n    });\n\n    return sorted;\n  }, [columns, data, order]);\n\n  return [result, order, setOrder] as const;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAOA,MAAMC,WAAW,GAAGA,CAACC,IAAa,EAAEC,IAAa,KAAK;EACpD,IAAI,OAAOD,IAAI,KAAK,QAAQ,IAAI,OAAOC,IAAI,KAAK,QAAQ,EAAE;IACxD,OAAOD,IAAI,GAAGC,IAAI;EACpB;EACA,IAAI;IACF,OAAOC,IAAI,CAACC,SAAS,CAACH,IAAI,CAAC,CAACI,aAAa,CAACF,IAAI,CAACC,SAAS,CAACF,IAAI,CAAC,CAAC;EACjE,CAAC,CAAC,MAAM;IACN,OAAO,CAAC;EACV;AACF,CAAC;AAEM,MAAMI,OAAO,GAAGA,CACrBC,OAA8B,EAC9BC,IAAY,KACT;EACH,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAQ,CAAC;EAE3C,MAAMC,MAAM,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC3B,IAAIL,IAAI,KAAKM,SAAS,EAAE;MACtB,OAAOA,SAAS;IAClB;IAEA,MAAMC,OAAO,GAAGP,IAAI,CAACQ,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;MACvC,OAAO;QAAED,GAAG;QAAEC;MAAM,CAAC;IACvB,CAAC,CAAC;IACF,IAAIT,KAAK,KAAKK,SAAS,EAAE;MACvB,OAAOC,OAAO;IAChB;IAEA,MAAMI,GAAG,GAAGV,KAAK,CAACW,EAAS;IAC3B,MAAMC,SAAS,GAAGZ,KAAK,CAACY,SAAS,KAAK,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;IAErD,MAAMC,MAAM,GACVf,OAAO,EAAEgB,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACL,GAAG,KAAKA,GAAG,CAAC,EAAEM,IAAI,IAAIzB,WAAW;;IAEpE;IACA,MAAM0B,MAAM,GAAGX,OAAO,CAACY,KAAK,CAAC,CAAC,CAACF,IAAI,CAAC,CAACG,CAAC,EAAEC,CAAC,KAAK;MAC5C,OAAOP,MAAM,CAACM,CAAC,CAACX,GAAG,CAACE,GAAG,CAAC,EAAEU,CAAC,CAACZ,GAAG,CAACE,GAAG,CAAC,CAAC,GAAGE,SAAS;IACnD,CAAC,CAAC;IAEF,OAAOK,MAAM;EACf,CAAC,EAAE,CAACnB,OAAO,EAAEC,IAAI,EAAEC,KAAK,CAAC,CAAC;EAE1B,OAAO,CAACG,MAAM,EAAEH,KAAK,EAAEC,QAAQ,CAAC;AAClC,CAAC;AAACoB,OAAA,CAAAxB,OAAA,GAAAA,OAAA","ignoreList":[]}
+{"version":3,"file":"useSort.js","names":["_react","require","defaultSort","prev","next","JSON","stringify","localeCompare","useSort","columns","data","order","setOrder","useState","result","useMemo","undefined","indexed","map","row","index","key","by","direction","method","find","column","sort","sorted","slice","a","b","exports"],"sources":["../../../src/TableUI/useSort.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { TableUIColumn } from \"./index\";\n\ninterface Order {\n  by: string;\n  direction: \"asc\" | \"desc\";\n}\n\nconst defaultSort = (prev: unknown, next: unknown) => {\n  if (typeof prev === \"number\" && typeof next === \"number\") {\n    return prev - next;\n  }\n  try {\n    return JSON.stringify(prev).localeCompare(JSON.stringify(next));\n  } catch {\n    return 0;\n  }\n};\n\nexport const useSort = <Key extends string, Row extends Record<Key, unknown>>(\n  columns?: TableUIColumn<Row>[],\n  data?: Row[],\n) => {\n  const [order, setOrder] = useState<Order>();\n\n  const result = useMemo(() => {\n    if (data === undefined) {\n      return undefined;\n    }\n\n    const indexed = data.map((row, index) => {\n      return { row, index };\n    });\n    if (order === undefined) {\n      return indexed;\n    }\n\n    const key = order.by as Key;\n    const direction = order.direction === \"desc\" ? -1 : 1;\n\n    const method =\n      columns?.find((column) => column.key === key)?.sort ?? defaultSort;\n\n    // TODO: typescript>=5.0: use toSorted ES2023 method\n    const sorted = indexed.slice().sort((a, b) => {\n      return method(a.row[key], b.row[key]) * direction;\n    });\n\n    return sorted;\n  }, [columns, data, order]);\n\n  return [result, order, setOrder] as const;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQA,MAAMC,WAAW,GAAGA,CAACC,IAAa,EAAEC,IAAa,KAAK;EACpD,IAAI,OAAOD,IAAI,KAAK,QAAQ,IAAI,OAAOC,IAAI,KAAK,QAAQ,EAAE;IACxD,OAAOD,IAAI,GAAGC,IAAI;EACpB;EACA,IAAI;IACF,OAAOC,IAAI,CAACC,SAAS,CAACH,IAAI,CAAC,CAACI,aAAa,CAACF,IAAI,CAACC,SAAS,CAACF,IAAI,CAAC,CAAC;EACjE,CAAC,CAAC,MAAM;IACN,OAAO,CAAC;EACV;AACF,CAAC;AAEM,MAAMI,OAAO,GAAGA,CACrBC,OAA8B,EAC9BC,IAAY,KACT;EACH,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAQ,CAAC;EAE3C,MAAMC,MAAM,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC3B,IAAIL,IAAI,KAAKM,SAAS,EAAE;MACtB,OAAOA,SAAS;IAClB;IAEA,MAAMC,OAAO,GAAGP,IAAI,CAACQ,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;MACvC,OAAO;QAAED,GAAG;QAAEC;MAAM,CAAC;IACvB,CAAC,CAAC;IACF,IAAIT,KAAK,KAAKK,SAAS,EAAE;MACvB,OAAOC,OAAO;IAChB;IAEA,MAAMI,GAAG,GAAGV,KAAK,CAACW,EAAS;IAC3B,MAAMC,SAAS,GAAGZ,KAAK,CAACY,SAAS,KAAK,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;IAErD,MAAMC,MAAM,GACVf,OAAO,EAAEgB,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACL,GAAG,KAAKA,GAAG,CAAC,EAAEM,IAAI,IAAIzB,WAAW;;IAEpE;IACA,MAAM0B,MAAM,GAAGX,OAAO,CAACY,KAAK,CAAC,CAAC,CAACF,IAAI,CAAC,CAACG,CAAC,EAAEC,CAAC,KAAK;MAC5C,OAAOP,MAAM,CAACM,CAAC,CAACX,GAAG,CAACE,GAAG,CAAC,EAAEU,CAAC,CAACZ,GAAG,CAACE,GAAG,CAAC,CAAC,GAAGE,SAAS;IACnD,CAAC,CAAC;IAEF,OAAOK,MAAM;EACf,CAAC,EAAE,CAACnB,OAAO,EAAEC,IAAI,EAAEC,KAAK,CAAC,CAAC;EAE1B,OAAO,CAACG,MAAM,EAAEH,KAAK,EAAEC,QAAQ,CAAC;AAClC,CAAC;AAACoB,OAAA,CAAAxB,OAAA,GAAAA,OAAA","ignoreList":[]}

package/cjs/Tabs/Tab.js

@@ -3,9 +3,9 @@
 exports.__esModule = true;
 exports.Tab = void 0;
 var _react = require("@emotion/react");
-var _useTab = require("./useTab");
-var _theme = require("../theme");
 var _react2 = _interopRequireWildcard(require("react"));
+var _theme = require("../theme");
+var _useTab = require("./useTab");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -17,7 +17,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "flex-basis:0;flex-grow:1;flex-shrink:1;max-width:none"
 } : {
   name: "1ajtor4-Tab",
-  styles: "flex-basis:0;flex-grow:1;flex-shrink:1;max-width:none;label:Tab;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJzL1RhYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc0NvbXBvbmVudFByb3AgfSBmcm9tIFwiLi4vQXNDb21wb25lbnRQcm9wc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBCYXNlVGFiUHJvcHMge1xuICBpbmRleD86IG51bWJlcjtcbiAgZnVsbFdpZHRoPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZT4gPSBBc0NvbXBvbmVudFByb3A8XG4gIEUsXG4gIEJhc2VUYWJQcm9wc1xuPjtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBVc2UgVGFiVUkgaW5zdGVhZFxuICovXG5leHBvcnQgY29uc3QgVGFiID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KHtcbiAgY2hpbGRyZW4sXG4gIGluZGV4ID0gMCxcbiAgZnVsbFdpZHRoLFxuICBhcyxcbiAgLi4ucmVzdFxufTogVGFiUHJvcHM8RT4pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IGN1cnJlbnRJbmRleCwgc2V0Q3VycmVudEluZGV4LCBzZXRDdXJyZW50VGFiIH0gPSB1c2VUYWIoKTtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0Q3VycmVudEluZGV4KGluZGV4KTtcbiAgfSwgW2luZGV4LCBzZXRDdXJyZW50SW5kZXhdKTtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4ID09PSBpbmRleCAmJiByZWYuY3VycmVudCkge1xuICAgICAgc2V0Q3VycmVudFRhYihyZWYuY3VycmVudCBhcyB1bmtub3duIGFzIEhUTUxEaXZFbGVtZW50KTtcbiAgICB9XG4gIH0sIFtjdXJyZW50SW5kZXgsIGluZGV4LCBzZXRDdXJyZW50VGFiXSk7XG4gIGNvbnN0IENvbXBvbmVudDogUmVhY3QuRWxlbWVudFR5cGUgPSBhcyA/PyBcImJ1dHRvblwiO1xuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIHJlZj17cmVmfVxuICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGNzcz17W1xuICAgICAgICB7XG4gICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICAgICAgICBvdXRsaW5lOiAwLFxuICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgICAgV2Via2l0VGFwSGlnaGxpZ2h0Q29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgICB0ZXh0UmVuZGVyaW5nOiBcImF1dG9cIixcbiAgICAgICAgICB3b3JkU3BhY2luZzogXCJub21yYWxcIixcbiAgICAgICAgICB0ZXh0SW5kZW50OiBcIjBweFwiLFxuICAgICAgICAgIHRleHRTaGFkb3c6IFwibm9uZVwiLFxuICAgICAgICAgIC4uLnRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICBmbGV4U2hyaW5rOiAwLFxuICAgICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgICAgdHJhbnNpdGlvbjogXCIwLjQ1c1wiLFxuICAgICAgICAgIG1pbkhlaWdodDogdGhlbWUuc3BhY2luZyAqIDUsXG4gICAgICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcgKiAyLFxuICAgICAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZyAqIDIsXG4gICAgICAgIH0sXG4gICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBmbGV4LWJhc2lzOiAwO1xuICAgICAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgICAgIGZsZXgtc2hyaW5rOiAxO1xuICAgICAgICAgICAgICBtYXgtd2lkdGg6IG5vbmU7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBudWxsLFxuICAgICAgXX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Db21wb25lbnQ+XG4gICk7XG59O1xuIl19 */",
+  styles: "flex-basis:0;flex-grow:1;flex-shrink:1;max-width:none;label:Tab;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJzL1RhYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEFzQ29tcG9uZW50UHJvcCB9IGZyb20gXCIuLi9Bc0NvbXBvbmVudFByb3BzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgdXNlVGFiIH0gZnJvbSBcIi4vdXNlVGFiXCI7XG5cbmludGVyZmFjZSBCYXNlVGFiUHJvcHMge1xuICBpbmRleD86IG51bWJlcjtcbiAgZnVsbFdpZHRoPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZT4gPSBBc0NvbXBvbmVudFByb3A8XG4gIEUsXG4gIEJhc2VUYWJQcm9wc1xuPjtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBVc2UgVGFiVUkgaW5zdGVhZFxuICovXG5leHBvcnQgY29uc3QgVGFiID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KHtcbiAgY2hpbGRyZW4sXG4gIGluZGV4ID0gMCxcbiAgZnVsbFdpZHRoLFxuICBhcyxcbiAgLi4ucmVzdFxufTogVGFiUHJvcHM8RT4pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IGN1cnJlbnRJbmRleCwgc2V0Q3VycmVudEluZGV4LCBzZXRDdXJyZW50VGFiIH0gPSB1c2VUYWIoKTtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0Q3VycmVudEluZGV4KGluZGV4KTtcbiAgfSwgW2luZGV4LCBzZXRDdXJyZW50SW5kZXhdKTtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4ID09PSBpbmRleCAmJiByZWYuY3VycmVudCkge1xuICAgICAgc2V0Q3VycmVudFRhYihyZWYuY3VycmVudCBhcyB1bmtub3duIGFzIEhUTUxEaXZFbGVtZW50KTtcbiAgICB9XG4gIH0sIFtjdXJyZW50SW5kZXgsIGluZGV4LCBzZXRDdXJyZW50VGFiXSk7XG4gIGNvbnN0IENvbXBvbmVudDogUmVhY3QuRWxlbWVudFR5cGUgPSBhcyA/PyBcImJ1dHRvblwiO1xuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIHJlZj17cmVmfVxuICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGNzcz17W1xuICAgICAgICB7XG4gICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICAgICAgICBvdXRsaW5lOiAwLFxuICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgICAgV2Via2l0VGFwSGlnaGxpZ2h0Q29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgICB0ZXh0UmVuZGVyaW5nOiBcImF1dG9cIixcbiAgICAgICAgICB3b3JkU3BhY2luZzogXCJub21yYWxcIixcbiAgICAgICAgICB0ZXh0SW5kZW50OiBcIjBweFwiLFxuICAgICAgICAgIHRleHRTaGFkb3c6IFwibm9uZVwiLFxuICAgICAgICAgIC4uLnRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICBmbGV4U2hyaW5rOiAwLFxuICAgICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgICAgdHJhbnNpdGlvbjogXCIwLjQ1c1wiLFxuICAgICAgICAgIG1pbkhlaWdodDogdGhlbWUuc3BhY2luZyAqIDUsXG4gICAgICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcgKiAyLFxuICAgICAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZyAqIDIsXG4gICAgICAgIH0sXG4gICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBmbGV4LWJhc2lzOiAwO1xuICAgICAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgICAgIGZsZXgtc2hyaW5rOiAxO1xuICAgICAgICAgICAgICBtYXgtd2lkdGg6IG5vbmU7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBudWxsLFxuICAgICAgXX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Db21wb25lbnQ+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const Tab = ({
@@ -76,7 +76,7 @@ const Tab = ({
       minHeight: theme.spacing * 5,
       paddingLeft: theme.spacing * 2,
       paddingRight: theme.spacing * 2
-    }, fullWidth ? _ref : null, process.env.NODE_ENV === "production" ? "" : ";label:Tab;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENNIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJzL1RhYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc0NvbXBvbmVudFByb3AgfSBmcm9tIFwiLi4vQXNDb21wb25lbnRQcm9wc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBCYXNlVGFiUHJvcHMge1xuICBpbmRleD86IG51bWJlcjtcbiAgZnVsbFdpZHRoPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZT4gPSBBc0NvbXBvbmVudFByb3A8XG4gIEUsXG4gIEJhc2VUYWJQcm9wc1xuPjtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBVc2UgVGFiVUkgaW5zdGVhZFxuICovXG5leHBvcnQgY29uc3QgVGFiID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KHtcbiAgY2hpbGRyZW4sXG4gIGluZGV4ID0gMCxcbiAgZnVsbFdpZHRoLFxuICBhcyxcbiAgLi4ucmVzdFxufTogVGFiUHJvcHM8RT4pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IGN1cnJlbnRJbmRleCwgc2V0Q3VycmVudEluZGV4LCBzZXRDdXJyZW50VGFiIH0gPSB1c2VUYWIoKTtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0Q3VycmVudEluZGV4KGluZGV4KTtcbiAgfSwgW2luZGV4LCBzZXRDdXJyZW50SW5kZXhdKTtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4ID09PSBpbmRleCAmJiByZWYuY3VycmVudCkge1xuICAgICAgc2V0Q3VycmVudFRhYihyZWYuY3VycmVudCBhcyB1bmtub3duIGFzIEhUTUxEaXZFbGVtZW50KTtcbiAgICB9XG4gIH0sIFtjdXJyZW50SW5kZXgsIGluZGV4LCBzZXRDdXJyZW50VGFiXSk7XG4gIGNvbnN0IENvbXBvbmVudDogUmVhY3QuRWxlbWVudFR5cGUgPSBhcyA/PyBcImJ1dHRvblwiO1xuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIHJlZj17cmVmfVxuICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGNzcz17W1xuICAgICAgICB7XG4gICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICAgICAgICBvdXRsaW5lOiAwLFxuICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgICAgV2Via2l0VGFwSGlnaGxpZ2h0Q29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgICB0ZXh0UmVuZGVyaW5nOiBcImF1dG9cIixcbiAgICAgICAgICB3b3JkU3BhY2luZzogXCJub21yYWxcIixcbiAgICAgICAgICB0ZXh0SW5kZW50OiBcIjBweFwiLFxuICAgICAgICAgIHRleHRTaGFkb3c6IFwibm9uZVwiLFxuICAgICAgICAgIC4uLnRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICBmbGV4U2hyaW5rOiAwLFxuICAgICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgICAgdHJhbnNpdGlvbjogXCIwLjQ1c1wiLFxuICAgICAgICAgIG1pbkhlaWdodDogdGhlbWUuc3BhY2luZyAqIDUsXG4gICAgICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcgKiAyLFxuICAgICAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZyAqIDIsXG4gICAgICAgIH0sXG4gICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBmbGV4LWJhc2lzOiAwO1xuICAgICAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgICAgIGZsZXgtc2hyaW5rOiAxO1xuICAgICAgICAgICAgICBtYXgtd2lkdGg6IG5vbmU7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBudWxsLFxuICAgICAgXX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Db21wb25lbnQ+XG4gICk7XG59O1xuIl19 */"]
+    }, fullWidth ? _ref : null, process.env.NODE_ENV === "production" ? "" : ";label:Tab;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENNIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJzL1RhYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEFzQ29tcG9uZW50UHJvcCB9IGZyb20gXCIuLi9Bc0NvbXBvbmVudFByb3BzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgdXNlVGFiIH0gZnJvbSBcIi4vdXNlVGFiXCI7XG5cbmludGVyZmFjZSBCYXNlVGFiUHJvcHMge1xuICBpbmRleD86IG51bWJlcjtcbiAgZnVsbFdpZHRoPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZT4gPSBBc0NvbXBvbmVudFByb3A8XG4gIEUsXG4gIEJhc2VUYWJQcm9wc1xuPjtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBVc2UgVGFiVUkgaW5zdGVhZFxuICovXG5leHBvcnQgY29uc3QgVGFiID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KHtcbiAgY2hpbGRyZW4sXG4gIGluZGV4ID0gMCxcbiAgZnVsbFdpZHRoLFxuICBhcyxcbiAgLi4ucmVzdFxufTogVGFiUHJvcHM8RT4pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IGN1cnJlbnRJbmRleCwgc2V0Q3VycmVudEluZGV4LCBzZXRDdXJyZW50VGFiIH0gPSB1c2VUYWIoKTtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0Q3VycmVudEluZGV4KGluZGV4KTtcbiAgfSwgW2luZGV4LCBzZXRDdXJyZW50SW5kZXhdKTtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4ID09PSBpbmRleCAmJiByZWYuY3VycmVudCkge1xuICAgICAgc2V0Q3VycmVudFRhYihyZWYuY3VycmVudCBhcyB1bmtub3duIGFzIEhUTUxEaXZFbGVtZW50KTtcbiAgICB9XG4gIH0sIFtjdXJyZW50SW5kZXgsIGluZGV4LCBzZXRDdXJyZW50VGFiXSk7XG4gIGNvbnN0IENvbXBvbmVudDogUmVhY3QuRWxlbWVudFR5cGUgPSBhcyA/PyBcImJ1dHRvblwiO1xuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIHJlZj17cmVmfVxuICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGNzcz17W1xuICAgICAgICB7XG4gICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICAgICAgICBvdXRsaW5lOiAwLFxuICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgICAgV2Via2l0VGFwSGlnaGxpZ2h0Q29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgICB0ZXh0UmVuZGVyaW5nOiBcImF1dG9cIixcbiAgICAgICAgICB3b3JkU3BhY2luZzogXCJub21yYWxcIixcbiAgICAgICAgICB0ZXh0SW5kZW50OiBcIjBweFwiLFxuICAgICAgICAgIHRleHRTaGFkb3c6IFwibm9uZVwiLFxuICAgICAgICAgIC4uLnRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICBmbGV4U2hyaW5rOiAwLFxuICAgICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgICAgdHJhbnNpdGlvbjogXCIwLjQ1c1wiLFxuICAgICAgICAgIG1pbkhlaWdodDogdGhlbWUuc3BhY2luZyAqIDUsXG4gICAgICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcgKiAyLFxuICAgICAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZyAqIDIsXG4gICAgICAgIH0sXG4gICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBmbGV4LWJhc2lzOiAwO1xuICAgICAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgICAgIGZsZXgtc2hyaW5rOiAxO1xuICAgICAgICAgICAgICBtYXgtd2lkdGg6IG5vbmU7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBudWxsLFxuICAgICAgXX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Db21wb25lbnQ+XG4gICk7XG59O1xuIl19 */"]
   }), children);
 };
 exports.Tab = Tab;

package/cjs/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["_react","require","_useTab","_theme","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","Tab","children","index","fullWidth","as","rest","theme","useTheme","currentIndex","setCurrentIndex","setCurrentTab","useTab","handleClick","useCallback","ref","useRef","useEffect","current","Component","jsx","onClick","css","position","boxSizing","color","border","margin","display","outline","padding","alignItems","userSelect","borderRadius","verticalAlign","justifyContent","textDecoration","backgroundColor","appearance","WebkitTapHighlightColor","textRendering","wordSpacing","textIndent","textShadow","typography","body","flexShrink","cursor","transition","minHeight","spacing","paddingLeft","paddingRight","exports"],"sources":["../../../src/Tabs/Tab.tsx"],"sourcesContent":["import { AsComponentProp } from \"../AsComponentProps\";\nimport { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport React, { useCallback, useEffect, useRef } from \"react\";\n\ninterface BaseTabProps {\n  index?: number;\n  fullWidth?: boolean;\n  children?: React.ReactNode;\n}\n\nexport type TabProps<E extends React.ElementType> = AsComponentProp<\n  E,\n  BaseTabProps\n>;\n\n/**\n * @deprecated Use TabUI instead\n */\nexport const Tab = <E extends React.ElementType = \"button\">({\n  children,\n  index = 0,\n  fullWidth,\n  as,\n  ...rest\n}: TabProps<E>) => {\n  const theme = useTheme();\n  const { currentIndex, setCurrentIndex, setCurrentTab } = useTab();\n  const handleClick = useCallback(() => {\n    setCurrentIndex(index);\n  }, [index, setCurrentIndex]);\n  const ref = useRef<HTMLButtonElement>(null);\n  useEffect(() => {\n    if (currentIndex === index && ref.current) {\n      setCurrentTab(ref.current as unknown as HTMLDivElement);\n    }\n  }, [currentIndex, index, setCurrentTab]);\n  const Component: React.ElementType = as ?? \"button\";\n  return (\n    <Component\n      ref={ref}\n      onClick={handleClick}\n      {...rest}\n      css={[\n        {\n          position: \"relative\",\n          boxSizing: \"border-box\",\n          color: \"inherit\",\n          border: 0,\n          margin: 0,\n          display: \"inline-flex\",\n          outline: 0,\n          padding: 0,\n          alignItems: \"center\",\n          userSelect: \"none\",\n          borderRadius: 0,\n          verticalAlign: \"middle\",\n          justifyContent: \"center\",\n          textDecoration: \"none\",\n          backgroundColor: \"transparent\",\n          appearance: \"none\",\n          WebkitTapHighlightColor: \"transparent\",\n          textRendering: \"auto\",\n          wordSpacing: \"nomral\",\n          textIndent: \"0px\",\n          textShadow: \"none\",\n          ...theme.typography.body,\n          flexShrink: 0,\n          cursor: \"pointer\",\n          transition: \"0.45s\",\n          minHeight: theme.spacing * 5,\n          paddingLeft: theme.spacing * 2,\n          paddingRight: theme.spacing * 2,\n        },\n        fullWidth\n          ? css`\n              flex-basis: 0;\n              flex-grow: 1;\n              flex-shrink: 1;\n              max-width: none;\n            `\n          : null,\n      ]}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAA8D,SAAAI,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,iCAAA;AAa9D;AACA;AACA;AAFA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAGO,MAAMQ,GAAG,GAAGA,CAAyC;EAC1DC,QAAQ;EACRC,KAAK,GAAG,CAAC;EACTC,SAAS;EACTC,EAAE;EACF,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,YAAY;IAAEC,eAAe;IAAEC;EAAc,CAAC,GAAG,IAAAC,cAAM,EAAC,CAAC;EACjE,MAAMC,WAAW,GAAG,IAAAC,mBAAW,EAAC,MAAM;IACpCJ,eAAe,CAACP,KAAK,CAAC;EACxB,CAAC,EAAE,CAACA,KAAK,EAAEO,eAAe,CAAC,CAAC;EAC5B,MAAMK,GAAG,GAAG,IAAAC,cAAM,EAAoB,IAAI,CAAC;EAC3C,IAAAC,iBAAS,EAAC,MAAM;IACd,IAAIR,YAAY,KAAKN,KAAK,IAAIY,GAAG,CAACG,OAAO,EAAE;MACzCP,aAAa,CAACI,GAAG,CAACG,OAAoC,CAAC;IACzD;EACF,CAAC,EAAE,CAACT,YAAY,EAAEN,KAAK,EAAEQ,aAAa,CAAC,CAAC;EACxC,MAAMQ,SAA4B,GAAGd,EAAE,IAAI,QAAQ;EACnD,OACE,IAAA3C,MAAA,CAAA0D,GAAA,EAACD,SAAS,EAAAhC,QAAA;IACR4B,GAAG,EAAEA,GAAI;IACTM,OAAO,EAAER;EAAY,GACjBP,IAAI;IACRgB,GAAG,GACD;MACEC,QAAQ,EAAE,UAAU;MACpBC,SAAS,EAAE,YAAY;MACvBC,KAAK,EAAE,SAAS;MAChBC,MAAM,EAAE,CAAC;MACTC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,aAAa;MACtBC,OAAO,EAAE,CAAC;MACVC,OAAO,EAAE,CAAC;MACVC,UAAU,EAAE,QAAQ;MACpBC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,CAAC;MACfC,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE,QAAQ;MACxBC,cAAc,EAAE,MAAM;MACtBC,eAAe,EAAE,aAAa;MAC9BC,UAAU,EAAE,MAAM;MAClBC,uBAAuB,EAAE,aAAa;MACtCC,aAAa,EAAE,MAAM;MACrBC,WAAW,EAAE,QAAQ;MACrBC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE,MAAM;MAClB,GAAGpC,KAAK,CAACqC,UAAU,CAACC,IAAI;MACxBC,UAAU,EAAE,CAAC;MACbC,MAAM,EAAE,SAAS;MACjBC,UAAU,EAAE,OAAO;MACnBC,SAAS,EAAE1C,KAAK,CAAC2C,OAAO,GAAG,CAAC;MAC5BC,WAAW,EAAE5C,KAAK,CAAC2C,OAAO,GAAG,CAAC;MAC9BE,YAAY,EAAE7C,KAAK,CAAC2C,OAAO,GAAG;IAChC,CAAC,EACD9C,SAAS,GAAAV,IAAA,GAOL,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,wCAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACR,IAEDK,QACQ,CAAC;AAEhB,CAAC;AAACmD,OAAA,CAAApD,GAAA,GAAAA,GAAA","ignoreList":[]}
+{"version":3,"file":"Tab.js","names":["_react","require","_react2","_interopRequireWildcard","_theme","_useTab","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","Tab","children","index","fullWidth","as","rest","theme","useTheme","currentIndex","setCurrentIndex","setCurrentTab","useTab","handleClick","useCallback","ref","useRef","useEffect","current","Component","jsx","onClick","css","position","boxSizing","color","border","margin","display","outline","padding","alignItems","userSelect","borderRadius","verticalAlign","justifyContent","textDecoration","backgroundColor","appearance","WebkitTapHighlightColor","textRendering","wordSpacing","textIndent","textShadow","typography","body","flexShrink","cursor","transition","minHeight","spacing","paddingLeft","paddingRight","exports"],"sources":["../../../src/Tabs/Tab.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useCallback, useEffect, useRef } from \"react\";\nimport { AsComponentProp } from \"../AsComponentProps\";\nimport { useTheme } from \"../theme\";\nimport { useTab } from \"./useTab\";\n\ninterface BaseTabProps {\n  index?: number;\n  fullWidth?: boolean;\n  children?: React.ReactNode;\n}\n\nexport type TabProps<E extends React.ElementType> = AsComponentProp<\n  E,\n  BaseTabProps\n>;\n\n/**\n * @deprecated Use TabUI instead\n */\nexport const Tab = <E extends React.ElementType = \"button\">({\n  children,\n  index = 0,\n  fullWidth,\n  as,\n  ...rest\n}: TabProps<E>) => {\n  const theme = useTheme();\n  const { currentIndex, setCurrentIndex, setCurrentTab } = useTab();\n  const handleClick = useCallback(() => {\n    setCurrentIndex(index);\n  }, [index, setCurrentIndex]);\n  const ref = useRef<HTMLButtonElement>(null);\n  useEffect(() => {\n    if (currentIndex === index && ref.current) {\n      setCurrentTab(ref.current as unknown as HTMLDivElement);\n    }\n  }, [currentIndex, index, setCurrentTab]);\n  const Component: React.ElementType = as ?? \"button\";\n  return (\n    <Component\n      ref={ref}\n      onClick={handleClick}\n      {...rest}\n      css={[\n        {\n          position: \"relative\",\n          boxSizing: \"border-box\",\n          color: \"inherit\",\n          border: 0,\n          margin: 0,\n          display: \"inline-flex\",\n          outline: 0,\n          padding: 0,\n          alignItems: \"center\",\n          userSelect: \"none\",\n          borderRadius: 0,\n          verticalAlign: \"middle\",\n          justifyContent: \"center\",\n          textDecoration: \"none\",\n          backgroundColor: \"transparent\",\n          appearance: \"none\",\n          WebkitTapHighlightColor: \"transparent\",\n          textRendering: \"auto\",\n          wordSpacing: \"nomral\",\n          textIndent: \"0px\",\n          textShadow: \"none\",\n          ...theme.typography.body,\n          flexShrink: 0,\n          cursor: \"pointer\",\n          transition: \"0.45s\",\n          minHeight: theme.spacing * 5,\n          paddingLeft: theme.spacing * 2,\n          paddingRight: theme.spacing * 2,\n        },\n        fullWidth\n          ? css`\n              flex-basis: 0;\n              flex-grow: 1;\n              flex-shrink: 1;\n              max-width: none;\n            `\n          : null,\n      ]}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/Tabs/TabGroup.js

@@ -3,10 +3,10 @@
 exports.__esModule = true;
 exports.TabGroup = void 0;
 var _react = require("@emotion/react");
-var _useTab = require("./useTab");
+var _react2 = _interopRequireWildcard(require("react"));
 var _theme = require("../theme");
 var _useWindowResize = require("../hooks/useWindowResize");
-var _react2 = _interopRequireWildcard(require("react"));
+var _useTab = require("./useTab");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /**
@@ -17,7 +17,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent"
 } : {
   name: "1xvdcif-TabGroup",
-  styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent;label:TabGroup;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent;label:TabGroup;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCB7IHVzZVdpbmRvd1Jlc2l6ZSB9IGZyb20gXCIuLi9ob29rcy91c2VXaW5kb3dSZXNpemVcIjtcbmltcG9ydCB7IHVzZVRhYiB9IGZyb20gXCIuL3VzZVRhYlwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const TabGroup = ({
@@ -54,7 +54,7 @@ const TabGroup = ({
       backgroundColor: theme.palette.background.paper
     } : underline === "always" ? {
       borderBottomColor: "#e0e0e0"
-    } : undefined, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ00iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"]
+    } : undefined, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ00iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCB7IHVzZVdpbmRvd1Jlc2l6ZSB9IGZyb20gXCIuLi9ob29rcy91c2VXaW5kb3dSZXNpemVcIjtcbmltcG9ydCB7IHVzZVRhYiB9IGZyb20gXCIuL3VzZVRhYlwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"]
   }, _react2.default.Children.map(children, (child, index) => {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
     return /*#__PURE__*/_react2.default.cloneElement(child, {
@@ -70,7 +70,7 @@ const TabGroup = ({
       transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},
                             left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},
                             width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`
-    }, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"),
+    }, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCB7IHVzZVdpbmRvd1Jlc2l6ZSB9IGZyb20gXCIuLi9ob29rcy91c2VXaW5kb3dSZXNpemVcIjtcbmltcG9ydCB7IHVzZVRhYiB9IGZyb20gXCIuL3VzZVRhYlwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"),
     style: indicatorStyle
   }) : null);
 };

package/cjs/Tabs/TabGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabGroup.js","names":["_react","require","_useTab","_theme","_useWindowResize","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","TabGroup","position","underline","children","theme","useTheme","width","useWindowResize","currentTab","useTab","indicatorStyle","useMemo","opacity","offsetWidth","left","offsetLeft","jsx","css","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","React","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style","exports"],"sources":["../../../src/Tabs/TabGroup.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport { useWindowResize } from \"../hooks/useWindowResize\";\nimport React, { useMemo } from \"react\";\n\nexport interface BaseTabGroupProps {\n  position?: \"start\" | \"center\" | \"end\";\n  underline?: \"always\" | \"shadow\";\n}\n\nexport interface TabGroupProps\n  extends BaseTabGroupProps,\n    React.HTMLProps<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabGroup = ({\n  position = \"start\",\n  underline,\n  children,\n}: TabGroupProps) => {\n  const theme = useTheme();\n  const { width } = useWindowResize();\n  const { currentTab } = useTab();\n\n  const indicatorStyle = useMemo(() => {\n    return currentTab\n      ? {\n          opacity: 1,\n          width: currentTab.offsetWidth,\n          left: currentTab.offsetLeft,\n        }\n      : {\n          opacity: 0,\n          width: 0,\n          left: 0,\n        };\n    // 画面サイズが変更された場合に更新する必要があるため、widthを含めなければいけない\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentTab, width]);\n\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          box-sizing: border-box;\n          display: flex;\n          flex-wrap: nowrap;\n          border-bottom: 3px solid transparent;\n        `,\n        {\n          justifyContent:\n            position === \"start\"\n              ? \"flex-start\"\n              : position === \"end\"\n                ? \"flex-end\"\n                : \"center\",\n        },\n        underline === \"shadow\"\n          ? {\n              boxShadow: theme.shadows[1],\n              color: theme.palette.text.primary,\n              backgroundColor: theme.palette.background.paper,\n            }\n          : underline === \"always\"\n            ? {\n                borderBottomColor: \"#e0e0e0\",\n              }\n            : undefined,\n      ]}\n    >\n      {React.Children.map(children as React.ReactElement[], (child, index) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any\n        return React.cloneElement(child, { index } as any);\n      })}\n      {currentTab ? (\n        <div\n          css={css({\n            position: \"absolute\",\n            bottom: -3,\n            width: 200,\n            height: 3,\n            backgroundColor: theme.palette.intentions.primary.main,\n            transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},\n                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},\n                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`,\n          })}\n          style={indicatorStyle}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabGroup.js","names":["_react","require","_react2","_interopRequireWildcard","_theme","_useWindowResize","_useTab","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","TabGroup","position","underline","children","theme","useTheme","width","useWindowResize","currentTab","useTab","indicatorStyle","useMemo","opacity","offsetWidth","left","offsetLeft","jsx","css","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","React","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style","exports"],"sources":["../../../src/Tabs/TabGroup.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useMemo } from \"react\";\nimport { useTheme } from \"../theme\";\nimport { useWindowResize } from \"../hooks/useWindowResize\";\nimport { useTab } from \"./useTab\";\n\nexport interface BaseTabGroupProps {\n  position?: \"start\" | \"center\" | \"end\";\n  underline?: \"always\" | \"shadow\";\n}\n\nexport interface TabGroupProps\n  extends BaseTabGroupProps,\n    React.HTMLProps<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabGroup = ({\n  position = \"start\",\n  underline,\n  children,\n}: TabGroupProps) => {\n  const theme = useTheme();\n  const { width } = useWindowResize();\n  const { currentTab } = useTab();\n\n  const indicatorStyle = useMemo(() => {\n    return currentTab\n      ? {\n          opacity: 1,\n          width: currentTab.offsetWidth,\n          left: currentTab.offsetLeft,\n        }\n      : {\n          opacity: 0,\n          width: 0,\n          left: 0,\n        };\n    // 画面サイズが変更された場合に更新する必要があるため、widthを含めなければいけない\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentTab, width]);\n\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          box-sizing: border-box;\n          display: flex;\n          flex-wrap: nowrap;\n          border-bottom: 3px solid transparent;\n        `,\n        {\n          justifyContent:\n            position === \"start\"\n              ? \"flex-start\"\n              : position === \"end\"\n                ? \"flex-end\"\n                : \"center\",\n        },\n        underline === \"shadow\"\n          ? {\n              boxShadow: theme.shadows[1],\n              color: theme.palette.text.primary,\n              backgroundColor: theme.palette.background.paper,\n            }\n          : underline === \"always\"\n            ? {\n                borderBottomColor: \"#e0e0e0\",\n              }\n            : undefined,\n      ]}\n    >\n      {React.Children.map(children as React.ReactElement[], (child, index) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any\n        return React.cloneElement(child, { index } as any);\n      })}\n      {currentTab ? (\n        <div\n          css={css({\n            position: \"absolute\",\n            bottom: -3,\n            width: 200,\n            height: 3,\n            backgroundColor: theme.palette.intentions.primary.main,\n            transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},\n                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},\n                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`,\n          })}\n          style={indicatorStyle}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/Tabs/TabPanel.js

@@ -3,8 +3,8 @@
 exports.__esModule = true;
 exports.TabPanel = void 0;
 var _react = require("@emotion/react");
-var _useTab = require("./useTab");
 var _react2 = _interopRequireDefault(require("react"));
+var _useTab = require("./useTab");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -16,7 +16,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "display:none"
 } : {
   name: "1in24jo-TabPanel",
-  styles: "display:none;label:TabPanel;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYlBhbmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQlciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiUGFuZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUYWJQYW5lbFByb3BzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgaW5kZXg/OiBudW1iZXI7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG4vKipcbiAqIEBkZXByZWNhdGVkIFRhYlVJIGluc3RlYWRcbiAqL1xuZXhwb3J0IGNvbnN0IFRhYlBhbmVsID0gKHsgaW5kZXggPSAwLCBjaGlsZHJlbiwgLi4ucHJvcHMgfTogVGFiUGFuZWxQcm9wcykgPT4ge1xuICBjb25zdCB7IGN1cnJlbnRJbmRleCB9ID0gdXNlVGFiKCk7XG4gIGNvbnN0IGhpZGRlbiA9IGN1cnJlbnRJbmRleCAhPT0gaW5kZXg7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtcbiAgICAgICAgaGlkZGVuICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICBgXG4gICAgICB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:none;label:TabPanel;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYlBhbmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQlciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiUGFuZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUYWJQYW5lbFByb3BzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgaW5kZXg/OiBudW1iZXI7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG4vKipcbiAqIEBkZXByZWNhdGVkIFRhYlVJIGluc3RlYWRcbiAqL1xuZXhwb3J0IGNvbnN0IFRhYlBhbmVsID0gKHsgaW5kZXggPSAwLCBjaGlsZHJlbiwgLi4ucHJvcHMgfTogVGFiUGFuZWxQcm9wcykgPT4ge1xuICBjb25zdCB7IGN1cnJlbnRJbmRleCB9ID0gdXNlVGFiKCk7XG4gIGNvbnN0IGhpZGRlbiA9IGN1cnJlbnRJbmRleCAhPT0gaW5kZXg7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtcbiAgICAgICAgaGlkZGVuICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICBgXG4gICAgICB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const TabPanel = ({

package/cjs/Tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":["_react","require","_useTab","_react2","_interopRequireDefault","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","TabPanel","index","children","props","currentIndex","useTab","hidden","jsx","css","exports"],"sources":["../../../src/Tabs/TabPanel.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport React from \"react\";\n\nexport interface TabPanelProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  index?: number;\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabPanel = ({ index = 0, children, ...props }: TabPanelProps) => {\n  const { currentIndex } = useTab();\n  const hidden = currentIndex !== index;\n  return (\n    <div\n      css={\n        hidden &&\n        css`\n          display: none;\n        `\n      }\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,iCAAA;AAO1B;AACA;AACA;AAFA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAGO,MAAMQ,QAAQ,GAAGA,CAAC;EAAEC,KAAK,GAAG,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAqB,CAAC,KAAK;EAC5E,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,cAAM,EAAC,CAAC;EACjC,MAAMC,MAAM,GAAGF,YAAY,KAAKH,KAAK;EACrC,OACE,IAAA7B,MAAA,CAAAmC,GAAA,SAAA3B,QAAA;IACE4B,GAAG,EACDF,MAAM,IAAAb;EAIP,GACGU,KAAK,GAERD,QACE,CAAC;AAEV,CAAC;AAACO,OAAA,CAAAT,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"file":"TabPanel.js","names":["_react","require","_react2","_interopRequireDefault","_useTab","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","TabPanel","index","children","props","currentIndex","useTab","hidden","jsx","css","exports"],"sources":["../../../src/Tabs/TabPanel.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nimport { useTab } from \"./useTab\";\n\nexport interface TabPanelProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  index?: number;\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabPanel = ({ index = 0, children, ...props }: TabPanelProps) => {\n  const { currentIndex } = useTab();\n  const hidden = currentIndex !== index;\n  return (\n    <div\n      css={\n        hidden &&\n        css`\n          display: none;\n        `\n      }\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAkC,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,iCAAA;AAOlC;AACA;AACA;AAFA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAGO,MAAMQ,QAAQ,GAAGA,CAAC;EAAEC,KAAK,GAAG,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAqB,CAAC,KAAK;EAC5E,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,cAAM,EAAC,CAAC;EACjC,MAAMC,MAAM,GAAGF,YAAY,KAAKH,KAAK;EACrC,OACE,IAAA7B,MAAA,CAAAmC,GAAA,SAAA3B,QAAA;IACE4B,GAAG,EACDF,MAAM,IAAAb;EAIP,GACGU,KAAK,GAERD,QACE,CAAC;AAEV,CAAC;AAACO,OAAA,CAAAT,QAAA,GAAAA,QAAA","ignoreList":[]}