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

package/esm/TableUI/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Checkbox","ListItem","ListItemIcon","MenuList","Popper","WithPagination","css","resetButtonStyle","useCallback","useState","useGridLayout","useSort","useTheme","ArrowDownwardIcon","ArrowUpwardIcon","React","jsx","___EmotionJSX","DefaultRenderCell","props","cell","value","JSON","stringify","tableCellStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref4","HeaderCell","theme","anchorEl","setAnchorEl","handleClose","undefined","handleToggle","event","currentTarget","prev","open","Boolean","palette","gray","onClick","children","disablePortal","onClickOutside","placement","paperProps","elevation","menuItems","map","_ref5","label","renderIcon","Icon","key","_ref","_ref2","_ref3","TableUI","columns","data","striped","stickyHeader","onSelect","selectedIndex","onSelectAll","renderActions","RenderActions","onPaginate","pageTotal","allChecked","length","dataSorted","order","setOrder","gridStyle","typography","body","zIndex","appBar","defaultChecked","onChange","checked","target","indeterminate","column","orderBy","by","direction","title","text","hint","_ref6","row","index","includes","intentions","primary","light","renderCell","RenderCell"],"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\";\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  background-color: white;\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>) => 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          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]>) => 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 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?: (args: TableUIPropsRenderActionsArgs<Row>) => JSX.Element;\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  } = 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 css={tableCellStyle}>\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            return (\n              <tr\n                key={`${index}`}\n                css={css`\n                  &:has(input[type=\"checkbox\"]:checked) > td {\n                    background-color: ${theme.palette.intentions.primary.light};\n                  }\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":["Checkbox","ListItem","ListItemIcon","MenuList","Popper","WithPagination","css","resetButtonStyle","useCallback","useState","useGridLayout","useSort","useTheme","ArrowDownwardIcon","ArrowUpwardIcon","React","jsx","___EmotionJSX","DefaultRenderCell","props","cell","value","JSON","stringify","tableCellStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref4","HeaderCell","theme","anchorEl","setAnchorEl","handleClose","undefined","handleToggle","event","currentTarget","prev","open","Boolean","palette","gray","onClick","children","disablePortal","onClickOutside","placement","paperProps","elevation","menuItems","map","_ref5","label","renderIcon","Icon","key","_ref","_ref2","_ref3","TableUI","columns","data","striped","stickyHeader","onSelect","selectedIndex","onSelectAll","renderActions","RenderActions","onPaginate","pageTotal","allChecked","length","dataSorted","order","setOrder","gridStyle","typography","body","zIndex","appBar","defaultChecked","onChange","checked","target","indeterminate","column","orderBy","by","direction","title","text","hint","_ref6","row","index","includes","intentions","primary","light","renderCell","RenderCell"],"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\";\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  background-color: white;\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          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 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\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  } = 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 css={tableCellStyle}>\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            return (\n              <tr\n                key={`${index}`}\n                css={css`\n                  &:has(input[type=\"checkbox\"]:checked) > td {\n                    background-color: ${theme.palette.intentions.primary.light};\n                  }\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/esm/Tabs/TabGroup.js

@@ -13,7 +13,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/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0pO1xuICAgICAgfSl9XG4gICAgICB7Y3VycmVudFRhYiA/IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBib3R0b206IC0zLFxuICAgICAgICAgICAgd2lkdGg6IDIwMCxcbiAgICAgICAgICAgIGhlaWdodDogMyxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbixcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc3RhbmRhcmR9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLnNoYXJwfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsZWZ0ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGggJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydGVzdH0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fWAsXG4gICAgICAgICAgfSl9XG4gICAgICAgICAgc3R5bGU9e2luZGljYXRvclN0eWxlfVxuICAgICAgICAvPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */",
+  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/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var TabGroup = _ref2 => {
@@ -51,7 +51,7 @@ export var TabGroup = _ref2 => {
       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/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0pO1xuICAgICAgfSl9XG4gICAgICB7Y3VycmVudFRhYiA/IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBib3R0b206IC0zLFxuICAgICAgICAgICAgd2lkdGg6IDIwMCxcbiAgICAgICAgICAgIGhlaWdodDogMyxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbixcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc3RhbmRhcmR9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLnNoYXJwfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsZWZ0ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGggJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydGVzdH0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fWAsXG4gICAgICAgICAgfSl9XG4gICAgICAgICAgc3R5bGU9e2luZGljYXRvclN0eWxlfVxuICAgICAgICAvPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"]
+    } : 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/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"]
   }, React.Children.map(children, (child, index) => {
     return /*#__PURE__*/React.cloneElement(child, {
       index
@@ -64,7 +64,7 @@ export var TabGroup = _ref2 => {
       height: 3,
       backgroundColor: theme.palette.intentions.primary.main,
       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
-    }, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0pO1xuICAgICAgfSl9XG4gICAgICB7Y3VycmVudFRhYiA/IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBib3R0b206IC0zLFxuICAgICAgICAgICAgd2lkdGg6IDIwMCxcbiAgICAgICAgICAgIGhlaWdodDogMyxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbixcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc3RhbmRhcmR9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLnNoYXJwfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsZWZ0ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGggJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydGVzdH0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fWAsXG4gICAgICAgICAgfSl9XG4gICAgICAgICAgc3R5bGU9e2luZGljYXRvclN0eWxlfVxuICAgICAgICAvPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"),
+    }, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"),
     style: indicatorStyle
   }) : null);
 };

package/esm/Tabs/TabGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabGroup.js","names":["css","useTab","useTheme","useWindowResize","React","useMemo","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","TabGroup","_ref2","position","underline","children","theme","width","currentTab","indicatorStyle","opacity","offsetWidth","left","offsetLeft","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style"],"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        return React.cloneElement(child, { index });\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":["css","useTab","useTheme","useWindowResize","React","useMemo","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","TabGroup","_ref2","position","underline","children","theme","width","currentTab","indicatorStyle","opacity","offsetWidth","left","offsetLeft","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style"],"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(\n        children as React.ReactElement<any>[],\n        (child, index) => {\n          return React.cloneElement(child, { index });\n        },\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/esm/Tabs/TabPanelGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanelGroup.js","names":["React","jsx","___EmotionJSX","TabPanelGroup","_ref","children","Fragment","Children","map","child","index","cloneElement"],"sources":["../../../src/Tabs/TabPanelGroup.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface TabPanelGroupProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabPanelGroup = ({ children }: TabPanelGroupProps) => {\n  return (\n    <>\n      {React.Children.map(children as React.ReactElement[], (child, index) => {\n        return React.cloneElement(child, { index });\n      })}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAM1B;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EAC5D,OACEF,aAAA,CAAAF,KAAA,CAAAM,QAAA,QACGN,KAAK,CAACO,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAA0B,CAACI,KAAK,EAAEC,KAAK,KAAK;IACtE,oBAAOV,KAAK,CAACW,YAAY,CAACF,KAAK,EAAE;MAAEC;IAAM,CAAC,CAAC;EAC7C,CAAC,CACD,CAAC;AAEP,CAAC","ignoreList":[]}
+{"version":3,"file":"TabPanelGroup.js","names":["React","jsx","___EmotionJSX","TabPanelGroup","_ref","children","Fragment","Children","map","child","index","cloneElement"],"sources":["../../../src/Tabs/TabPanelGroup.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface TabPanelGroupProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabPanelGroup = ({ children }: TabPanelGroupProps) => {\n  return (\n    <>\n      {React.Children.map(\n        children as React.ReactElement<any>[],\n        (child, index) => {\n          return React.cloneElement(child, { index });\n        },\n      )}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAM1B;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EAC5D,OACEF,aAAA,CAAAF,KAAA,CAAAM,QAAA,QACGN,KAAK,CAACO,QAAQ,CAACC,GAAG,CACjBH,QAAQ,EACR,CAACI,KAAK,EAAEC,KAAK,KAAK;IAChB,oBAAOV,KAAK,CAACW,YAAY,CAACF,KAAK,EAAE;MAAEC;IAAM,CAAC,CAAC;EAC7C,CACF,CACA,CAAC;AAEP,CAAC","ignoreList":[]}