matsuri-ui 18.0.1-alpha-1759583592628-ecfdd4e.0 → 18.0.1-alpha-1759717166638-e2ccbbc.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__","_ref5","HeaderCell","theme","anchorEl","setAnchorEl","handleClose","undefined","handleToggle","event","currentTarget","prev","open","Boolean","palette","gray","onClick","children","disablePortal","onClickOutside","placement","paperProps","elevation","menuItems","map","_ref6","label","renderIcon","Icon","key","_ref","_ref2","_ref3","_ref4","TableUI","columns","data","striped","stickyHeader","onSelect","selectedIndex","onSelectAll","renderActions","RenderActions","onPaginate","pageTotal","getRowStyle","allChecked","length","dataSorted","order","setOrder","gridStyle","typography","body","zIndex","appBar","defaultChecked","onChange","checked","target","indeterminate","column","orderBy","by","direction","title","text","hint","_ref7","row","index","includes","customRowStyle","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\";\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":["css","useCallback","useState","ArrowDownwardIcon","ArrowUpwardIcon","React","Checkbox","ListItem","ListItemIcon","MenuList","Popper","resetButtonStyle","useTheme","WithPagination","useGridLayout","useSort","jsx","___EmotionJSX","DefaultRenderCell","props","cell","value","JSON","stringify","tableCellStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref5","HeaderCell","theme","anchorEl","setAnchorEl","handleClose","undefined","handleToggle","event","currentTarget","prev","open","Boolean","palette","gray","onClick","children","disablePortal","onClickOutside","placement","paperProps","elevation","menuItems","map","_ref6","label","renderIcon","Icon","key","_ref","_ref2","_ref3","_ref4","TableUI","columns","data","striped","stickyHeader","onSelect","selectedIndex","onSelectAll","renderActions","RenderActions","onPaginate","pageTotal","getRowStyle","allChecked","length","dataSorted","order","setOrder","gridStyle","typography","body","zIndex","appBar","defaultChecked","onChange","checked","target","indeterminate","column","orderBy","by","direction","title","text","hint","_ref7","row","index","includes","customRowStyle","intentions","primary","light","renderCell","RenderCell"],"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":";AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,OAAOC,iBAAiB,MAAM,mCAAmC;AACjE,OAAOC,eAAe,MAAM,iCAAiC;AAC7D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,QAAQ,EAAEC,YAAY,QAAQ,SAAS;AAChD,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,cAAc,QAA6B,kBAAkB;AACtE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,OAAO,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,aAAA;AASpC,IAAMC,iBAAiB,GACrBC,KAA+D,IAC5D;EACH,IAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,OACEF,aAAA,cACG,OAAOG,IAAI,CAACC,KAAK,KAAK,QAAQ,GAAGD,IAAI,CAACC,KAAK,GAAGC,IAAI,CAACC,SAAS,CAACH,IAAI,CAACC,KAAK,CACrE,CAAC;AAEV,CAAC;AAED,IAAMG,cAAc,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAenB;AAAC,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAUF,IAAME,UAAU,GAAId,KAAsB,IAAK;EAC7C,IAAMe,KAAK,GAAGtB,QAAQ,CAAC,CAAC;EACxB,IAAM,CAACuB,QAAQ,EAAEC,WAAW,CAAC,GAAGlC,QAAQ,CAAc,CAAC;EACvD,IAAMmC,WAAW,GAAGpC,WAAW,CAAC,MAAM;IACpCmC,WAAW,CAACE,SAAS,CAAC;EACxB,CAAC,EAAE,EAAE,CAAC;EACN,IAAMC,YAAY,GAAGtC,WAAW,CAC7BuC,KAAwC,IAAK;IAC5C,IAAM;MAAEC;IAAc,CAAC,GAAGD,KAAK;IAC/BJ,WAAW,CAAEM,IAAI,IAAMA,IAAI,GAAGJ,SAAS,GAAGG,aAAc,CAAC;EAC3D,CAAC,EACD,EACF,CAAC;EACD,IAAME,IAAI,GAAGC,OAAO,CAACT,QAAQ,CAAC;EAE9B,OACElB,aAAA;IACEjB,GAAG,GACDwB,cAAc,eACdxB,GAAG,6HAMqBkC,KAAK,CAACW,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,UAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,qwlBAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAG/C,GAEFV,aAAA;IACEjB,GAAG,GACDW,gBAAgB,EAAAqB,KAAA,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,mwlBAOhB;IACFoB,OAAO,EAAER;EAAa,GAErBpB,KAAK,CAAC6B,QACD,CAAC,EACT/B,aAAA,CAACP,MAAM;IACLuC,aAAa;IACbC,cAAc,EAAEb,WAAY;IAC5BF,QAAQ,EAAEA,QAAS;IACnBQ,IAAI,EAAEA,IAAK;IACXQ,SAAS,EAAC;EAAc,GAExBlC,aAAA,CAACR,QAAQ;IACP2C,UAAU,EAAE;MACVC,SAAS,EAAE;IACb;EAAE,GAEDlC,KAAK,CAACmC,SAAS,CAACC,GAAG,CAACC,KAAA,IAA0C;IAAA,IAAzC;MAAET,OAAO,EAAPA,QAAO;MAAEU,KAAK;MAAEC,UAAU,EAAEC;IAAK,CAAC,GAAAH,KAAA;IACxD,OACEvC,aAAA,CAACV,QAAQ;MACPqD,GAAG,EAAEH,KAAM;MACXV,OAAO,EAAEA,CAAA,KAAM;QACbA,QAAO,CAAC,CAAC;QACTV,WAAW,CAAC,CAAC;MACf;IAAE,GAEFpB,aAAA,CAACT,YAAY,QACXS,aAAA,CAAC0C,IAAI,MAAE,CACK,CAAC,EACdF,KACO,CAAC;EAEf,CAAC,CACO,CACJ,CACN,CAAC;AAET,CAAC;AAAC,IAAAI,IAAA,GAAApC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAA+B,KAAA,GAAArC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAgC,KAAA,GAAAtC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAiC,KAAA,GAAAvC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAgGF,OAAO,IAAMkC,OAAO,GAIlB9C,KAAwB,IACrB;EACH,IAAM;IACJ+C,OAAO;IACPC,IAAI;IACJC,OAAO;IACPC,YAAY;IACZC,QAAQ;IACRC,aAAa,GAAG,EAAE;IAClBC,WAAW;IACX5C,IAAI;IACJ6C,aAAa,EAAEC,aAAa;IAC5BC,UAAU;IACVC,SAAS;IACTC;EACF,CAAC,GAAG1D,KAAK;EACT,IAAMe,KAAK,GAAGtB,QAAQ,CAAC,CAAC;EAExB,IAAMkE,UAAU,GAAG,CAAAX,IAAI,oBAAJA,IAAI,CAAEY,MAAM,OAAKR,aAAa,oBAAbA,aAAa,CAAEQ,MAAM;EAEzD,IAAM,CAACC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,CAAC,GAAGnE,OAAO,CAACmD,OAAO,EAAEC,IAAI,CAAC;EAE5D,IAAMgB,SAAS,GAAGrE,aAAa,CAACoD,OAAO,CAAC;EAExC,OACEjD,aAAA,CAACJ,cAAc;IAAC8D,UAAU,EAAEA,UAAW;IAACC,SAAS,EAAEA;EAAU,GAC3D3D,aAAA;IACEjB,GAAG,GACDkC,KAAK,CAACkD,UAAU,CAACC,IAAI,EAAArB,KAAA,EAoBrBI,OAAO,GAAAL,KAAA,GAMH,IAAI,EACRM,YAAY,gBACRrE,GAAG,mEAQYkC,KAAK,CAACoD,MAAM,CAACC,MAAM,UAAA9D,OAAA,CAAAC,GAAA,CAAAC,QAAA,6CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,0wlBAGlC,IAAI,EACRwD,SAAS,EAAA1D,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACT,GAEFV,aAAA,gBACEA,aAAA,aACGqD,QAAQ,GACPrD,aAAA;IACEjB,GAAG,GACDwB,cAAc,EAAAsC,KAAA,EAAArC,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAId,GAED6C,WAAW;EACV;EACAvD,aAAA,gBACEA,aAAA,CAACX,QAAQ;IACPkF,cAAc,EAAEV,UAAW;IAC3BlB,GAAG,EAAEkB,UAAU,oBAAVA,UAAU,CAAEhD,QAAQ,CAAC,CAAE;IAC5B2D,QAAQ,EAAGjD,KAAK,IAAK;MACnB,IAAI2B,IAAI,EAAE;QACRK,WAAW,CAAC;UAAEL,IAAI;UAAEuB,OAAO,EAAElD,KAAK,CAACmD,MAAM,CAACD;QAAQ,CAAC,CAAC;MACtD;IACF,CAAE;IACFE,aAAa,EAAErB,aAAa,CAACQ,MAAM,GAAG,CAAC,IAAI,CAACD;EAAW,CACxD,CACI,CAAC,GACN,IACF,CAAC,GACH,IAAI,EACPZ,OAAO,oBAAPA,OAAO,CAAEX,GAAG,CAAEsC,MAAM,IAAK;IACxB,IAAMC,OAAO,GAAGD,MAAM,CAACjC,GAAG,CAAC9B,QAAQ,CAAC,CAAC;IACrC,OACEb,aAAA,CAACgB,UAAU;MACTqB,SAAS,EAAE,CACT;QACEG,KAAK,EAAE,SAAS;QAChB;QACAC,UAAU,EAAEtD,eAAe;QAC3B2C,OAAO,EAAEA,CAAA,KAAM;UACbmC,QAAQ,CAAC;YAAEa,EAAE,EAAED,OAAO;YAAEE,SAAS,EAAE;UAAM,CAAC,CAAC;QAC7C;MACF,CAAC,EACD;QACEvC,KAAK,EAAE,SAAS;QAChB;QACAC,UAAU,EAAEvD,iBAAiB;QAC7B4C,OAAO,EAAEA,CAAA,KAAM;UACbmC,QAAQ,CAAC;YAAEa,EAAE,EAAED,OAAO;YAAEE,SAAS,EAAE;UAAO,CAAC,CAAC;QAC9C;MACF,CAAC,CACD;MACFpC,GAAG,EAAEiC,MAAM,CAACjC,GAAG,CAAC9B,QAAQ,CAAC;IAAE,GAE3Bb,aAAA;MACEjB,GAAG,EAAA6D;IAED,GAEDgC,MAAM,CAACI,KAAK,EACbhF,aAAA;MACEjB,GAAG,eAAEA,GAAG,iEAIGkC,KAAK,CAACW,OAAO,CAACqD,IAAI,CAACC,IAAI,SAAA1E,OAAA,CAAAC,GAAA,CAAAC,QAAA,6CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAChC,GAED,CAAAsD,KAAK,oBAALA,KAAK,CAAEc,EAAE,MAAKD,OAAO,GACpBb,KAAK,CAACe,SAAS,KAAK,MAAM,GACxB/E,aAAA,CAACd,iBAAiB,MAAE,CAAC,GAErBc,aAAA,CAACb,eAAe,MAAE,CACnB,GACC,IACA,CACH,CACK,CAAC;EAEjB,CAAC,CAAC,EACDsE,aAAa,GAAGzD,aAAA;IAAIjB,GAAG,EAAEwB;EAAe,CAAE,CAAC,GAAG,IAC7C,CACC,CAAC,EACRP,aAAA,gBACG+D,UAAU,oBAAVA,UAAU,CAAEzB,GAAG,CAAC6C,KAAA,IAAoB;IAAA,IAAnB;MAAEC,GAAG;MAAEC;IAAM,CAAC,GAAAF,KAAA;IAC9B,IAAMV,OAAO,GAAGnB,aAAa,oBAAbA,aAAa,CAAEgC,QAAQ,CAACD,KAAK,CAAC;IAC9C,IAAME,cAAc,GAAG3B,WAAW,oBAAXA,WAAW,CAAG;MAAEwB,GAAG;MAAEC,KAAK;MAAEpE;IAAM,CAAC,CAAC;IAC3D,OACEjB,aAAA;MACE2C,GAAG,OAAK0C,KAAQ;MAChBtG,GAAG,gBACDA,GAAG,iEAEqBkC,KAAK,CAACW,OAAO,CAAC4D,UAAU,CAACC,OAAO,CACjDC,KAAK,UAAAlF,OAAA,CAAAC,GAAA,CAAAC,QAAA,6CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,ywlBAGZ6E,cAAc,EAAA/E,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;IACd,GAED2C,QAAQ,GACPrD,aAAA;MAAIjB,GAAG,EAAEwB;IAAe;IAEpB;IACAP,aAAA,gBACEA,aAAA,CAACX,QAAQ;MACPsD,GAAG,EAAE8B,OAAO,oBAAPA,OAAO,CAAE5D,QAAQ,CAAC,CAAE;MACzBF,IAAI,EAAEA,IAAK;MACXP,KAAK,EAAEiF,KAAM;MACbd,cAAc,EAAEE,OAAQ;MACxBD,QAAQ,EAAGjD,KAAK,IAAK;QACnB8B,QAAQ,CAAC;UACP+B,GAAG;UACHC,KAAK;UACLZ,OAAO,EAAElD,KAAK,CAACmD,MAAM,CAACD;QACxB,CAAC,CAAC;MACJ;IAAE,CACH,CACI,CAEP,CAAC,GACH,IAAI,EACPxB,OAAO,oBAAPA,OAAO,CAAEX,GAAG,CAAEsC,MAAM,IAAK;MACxB,IAAMzE,IAAI,GAAGiF,GAAG,CAACR,MAAM,CAACjC,GAAG,CAAC;MAC5B,IAAM;QAAEgD,UAAU,EAAEC,UAAU,GAAG3F;MAAkB,CAAC,GAAG2E,MAAM;MAC7D,OACE5E,aAAA;QAAI2C,GAAG,EAAEiC,MAAM,CAACjC,GAAG,CAAC9B,QAAQ,CAAC,CAAE;QAAC9B,GAAG,EAAEwB;MAAe,GAClDP,aAAA,CAAC4F,UAAU;QAACzF,IAAI,EAAE;UAAEC,KAAK,EAAED;QAAK,CAAE;QAACiF,GAAG,EAAEA;MAAI,CAAE,CAC5C,CAAC;IAET,CAAC,CAAC,EACD3B,aAAa,GACZzD,aAAA;MAAIjB,GAAG,EAAEwB;IAAe,GACtBP,aAAA,CAACyD,aAAa;MAAC2B,GAAG,EAAEA,GAAI;MAACC,KAAK,EAAEA;IAAM,CAAE,CACtC,CAAC,GACH,IACF,CAAC;EAET,CAAC,CACI,CACF,CACO,CAAC;AAErB,CAAC","ignoreList":[]}

package/esm/TableUI/useSort.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSort.js","names":["useMemo","useState","defaultSort","prev","next","JSON","stringify","localeCompare","_unused","useSort","columns","data","order","setOrder","result","_columns$find$sort","_columns$find","undefined","indexed","map","row","index","key","by","direction","method","find","column","sort","sorted","slice","a","b"],"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,SAASA,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAOzC,IAAMC,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,OAAAI,OAAA,EAAM;IACN,OAAO,CAAC;EACV;AACF,CAAC;AAED,OAAO,IAAMC,OAAO,GAAGA,CACrBC,OAA8B,EAC9BC,IAAY,KACT;EACH,IAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAAQ,CAAC;EAE3C,IAAMa,MAAM,GAAGd,OAAO,CAAC,MAAM;IAAA,IAAAe,kBAAA,EAAAC,aAAA;IAC3B,IAAIL,IAAI,KAAKM,SAAS,EAAE;MACtB,OAAOA,SAAS;IAClB;IAEA,IAAMC,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,IAAMI,GAAG,GAAGV,KAAK,CAACW,EAAS;IAC3B,IAAMC,SAAS,GAAGZ,KAAK,CAACY,SAAS,KAAK,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;IAErD,IAAMC,MAAM,IAAAV,kBAAA,GACVL,OAAO,aAAAM,aAAA,GAAPN,OAAO,CAAEgB,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACL,GAAG,KAAKA,GAAG,CAAC,qBAA7CN,aAAA,CAA+CY,IAAI,YAAAb,kBAAA,GAAIb,WAAW;;IAEpE;IACA,IAAM2B,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,CAACE,MAAM,EAAEF,KAAK,EAAEC,QAAQ,CAAC;AAClC,CAAC","ignoreList":[]}
+{"version":3,"file":"useSort.js","names":["useMemo","useState","defaultSort","prev","next","JSON","stringify","localeCompare","_unused","useSort","columns","data","order","setOrder","result","_columns$find$sort","_columns$find","undefined","indexed","map","row","index","key","by","direction","method","find","column","sort","sorted","slice","a","b"],"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,SAASA,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAQzC,IAAMC,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,OAAAI,OAAA,EAAM;IACN,OAAO,CAAC;EACV;AACF,CAAC;AAED,OAAO,IAAMC,OAAO,GAAGA,CACrBC,OAA8B,EAC9BC,IAAY,KACT;EACH,IAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAAQ,CAAC;EAE3C,IAAMa,MAAM,GAAGd,OAAO,CAAC,MAAM;IAAA,IAAAe,kBAAA,EAAAC,aAAA;IAC3B,IAAIL,IAAI,KAAKM,SAAS,EAAE;MACtB,OAAOA,SAAS;IAClB;IAEA,IAAMC,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,IAAMI,GAAG,GAAGV,KAAK,CAACW,EAAS;IAC3B,IAAMC,SAAS,GAAGZ,KAAK,CAACY,SAAS,KAAK,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;IAErD,IAAMC,MAAM,IAAAV,kBAAA,GACVL,OAAO,aAAAM,aAAA,GAAPN,OAAO,CAAEgB,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACL,GAAG,KAAKA,GAAG,CAAC,qBAA7CN,aAAA,CAA+CY,IAAI,YAAAb,kBAAA,GAAIb,WAAW;;IAEpE;IACA,IAAM2B,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,CAACE,MAAM,EAAEF,KAAK,EAAEC,QAAQ,CAAC;AAClC,CAAC","ignoreList":[]}

package/esm/Tabs/Tab.js

@@ -3,9 +3,9 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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)."; }
 import { css } from "@emotion/react";
-import { useTab } from "./useTab";
-import { useTheme } from "../theme";
 import React, { useCallback, useEffect, useRef } from "react";
+import { useTheme } from "../theme";
+import { useTab } from "./useTab";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 /**
  * @deprecated Use TabUI instead
@@ -15,7 +15,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__
 };
 export var Tab = _ref2 => {
@@ -75,7 +75,7 @@ export var Tab = _ref2 => {
       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);
 };
 //# sourceMappingURL=Tab.js.map

package/esm/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["css","useTab","useTheme","React","useCallback","useEffect","useRef","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Tab","_ref2","children","index","fullWidth","as","rest","_objectWithoutPropertiesLoose","_excluded","theme","currentIndex","setCurrentIndex","setCurrentTab","handleClick","ref","current","Component","_extends","onClick","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"],"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,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAa9D;AACA;AACA;AAFA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAGA,OAAO,IAAMC,GAAG,GAAGC,KAAA,IAMA;EAAA,IANyC;MAC1DC,QAAQ;MACRC,KAAK,GAAG,CAAC;MACTC,SAAS;MACTC;IAEW,CAAC,GAAAJ,KAAA;IADTK,IAAI,GAAAC,6BAAA,CAAAN,KAAA,EAAAO,SAAA;EAEP,IAAMC,KAAK,GAAGxB,QAAQ,CAAC,CAAC;EACxB,IAAM;IAAEyB,YAAY;IAAEC,eAAe;IAAEC;EAAc,CAAC,GAAG5B,MAAM,CAAC,CAAC;EACjE,IAAM6B,WAAW,GAAG1B,WAAW,CAAC,MAAM;IACpCwB,eAAe,CAACR,KAAK,CAAC;EACxB,CAAC,EAAE,CAACA,KAAK,EAAEQ,eAAe,CAAC,CAAC;EAC5B,IAAMG,GAAG,GAAGzB,MAAM,CAAoB,IAAI,CAAC;EAC3CD,SAAS,CAAC,MAAM;IACd,IAAIsB,YAAY,KAAKP,KAAK,IAAIW,GAAG,CAACC,OAAO,EAAE;MACzCH,aAAa,CAACE,GAAG,CAACC,OAAoC,CAAC;IACzD;EACF,CAAC,EAAE,CAACL,YAAY,EAAEP,KAAK,EAAES,aAAa,CAAC,CAAC;EACxC,IAAMI,SAA4B,GAAGX,EAAE,WAAFA,EAAE,GAAI,QAAQ;EACnD,OACEd,aAAA,CAACyB,SAAS,EAAAC,QAAA;IACRH,GAAG,EAAEA,GAAI;IACTI,OAAO,EAAEL;EAAY,GACjBP,IAAI;IACRvB,GAAG,GAAAkC,QAAA;MAECE,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;IAAM,GACf9B,KAAK,CAAC+B,UAAU,CAACC,IAAI;MACxBC,UAAU,EAAE,CAAC;MACbC,MAAM,EAAE,SAAS;MACjBC,UAAU,EAAE,OAAO;MACnBC,SAAS,EAAEpC,KAAK,CAACqC,OAAO,GAAG,CAAC;MAC5BC,WAAW,EAAEtC,KAAK,CAACqC,OAAO,GAAG,CAAC;MAC9BE,YAAY,EAAEvC,KAAK,CAACqC,OAAO,GAAG;IAAC,IAEjC1C,SAAS,GAAAZ,IAAA,GAOL,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,wCAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACR,IAEDO,QACQ,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"file":"Tab.js","names":["css","React","useCallback","useEffect","useRef","useTheme","useTab","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Tab","_ref2","children","index","fullWidth","as","rest","_objectWithoutPropertiesLoose","_excluded","theme","currentIndex","setCurrentIndex","setCurrentTab","handleClick","ref","current","Component","_extends","onClick","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"],"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":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAE7D,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,MAAM,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAalC;AACA;AACA;AAFA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAGA,OAAO,IAAMC,GAAG,GAAGC,KAAA,IAMA;EAAA,IANyC;MAC1DC,QAAQ;MACRC,KAAK,GAAG,CAAC;MACTC,SAAS;MACTC;IAEW,CAAC,GAAAJ,KAAA;IADTK,IAAI,GAAAC,6BAAA,CAAAN,KAAA,EAAAO,SAAA;EAEP,IAAMC,KAAK,GAAGrB,QAAQ,CAAC,CAAC;EACxB,IAAM;IAAEsB,YAAY;IAAEC,eAAe;IAAEC;EAAc,CAAC,GAAGvB,MAAM,CAAC,CAAC;EACjE,IAAMwB,WAAW,GAAG5B,WAAW,CAAC,MAAM;IACpC0B,eAAe,CAACR,KAAK,CAAC;EACxB,CAAC,EAAE,CAACA,KAAK,EAAEQ,eAAe,CAAC,CAAC;EAC5B,IAAMG,GAAG,GAAG3B,MAAM,CAAoB,IAAI,CAAC;EAC3CD,SAAS,CAAC,MAAM;IACd,IAAIwB,YAAY,KAAKP,KAAK,IAAIW,GAAG,CAACC,OAAO,EAAE;MACzCH,aAAa,CAACE,GAAG,CAACC,OAAoC,CAAC;IACzD;EACF,CAAC,EAAE,CAACL,YAAY,EAAEP,KAAK,EAAES,aAAa,CAAC,CAAC;EACxC,IAAMI,SAA4B,GAAGX,EAAE,WAAFA,EAAE,GAAI,QAAQ;EACnD,OACEd,aAAA,CAACyB,SAAS,EAAAC,QAAA;IACRH,GAAG,EAAEA,GAAI;IACTI,OAAO,EAAEL;EAAY,GACjBP,IAAI;IACRvB,GAAG,GAAAkC,QAAA;MAECE,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;IAAM,GACf9B,KAAK,CAAC+B,UAAU,CAACC,IAAI;MACxBC,UAAU,EAAE,CAAC;MACbC,MAAM,EAAE,SAAS;MACjBC,UAAU,EAAE,OAAO;MACnBC,SAAS,EAAEpC,KAAK,CAACqC,OAAO,GAAG,CAAC;MAC5BC,WAAW,EAAEtC,KAAK,CAACqC,OAAO,GAAG,CAAC;MAC9BE,YAAY,EAAEvC,KAAK,CAACqC,OAAO,GAAG;IAAC,IAEjC1C,SAAS,GAAAZ,IAAA,GAOL,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,wCAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACR,IAEDO,QACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

package/esm/Tabs/TabGroup.js

@@ -1,9 +1,9 @@
 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)."; }
 import { css } from "@emotion/react";
-import { useTab } from "./useTab";
+import React, { useMemo } from "react";
 import { useTheme } from "../theme";
 import { useWindowResize } from "../hooks/useWindowResize";
-import React, { useMemo } from "react";
+import { useTab } from "./useTab";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 /**
  * @deprecated TabUI instead
@@ -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/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__
 };
 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/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== */"]
   }, React.Children.map(children, (child, index) => {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
     return /*#__PURE__*/React.cloneElement(child, {
@@ -65,7 +65,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,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/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        // 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":["css","React","useMemo","useTheme","useWindowResize","useTab","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 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/esm/Tabs/TabPanel.js

@@ -3,8 +3,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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)."; }
 import { css } from "@emotion/react";
-import { useTab } from "./useTab";
 import React from "react";
+import { useTab } from "./useTab";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 /**
  * @deprecated TabUI instead
@@ -14,7 +14,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__
 };
 export var TabPanel = _ref2 => {

package/esm/Tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":["css","useTab","React","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","TabPanel","_ref2","index","children","props","_objectWithoutPropertiesLoose","_excluded","currentIndex","hidden","_extends"],"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,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,MAAM,QAAQ,UAAU;AACjC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAO1B;AACA;AACA;AAFA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAGA,OAAO,IAAMC,QAAQ,GAAGC,KAAA,IAAsD;EAAA,IAArD;MAAEC,KAAK,GAAG,CAAC;MAAEC;IAAkC,CAAC,GAAAF,KAAA;IAAtBG,KAAK,GAAAC,6BAAA,CAAAJ,KAAA,EAAAK,SAAA;EACtD,IAAM;IAAEC;EAAa,CAAC,GAAGnB,MAAM,CAAC,CAAC;EACjC,IAAMoB,MAAM,GAAGD,YAAY,KAAKL,KAAK;EACrC,OACEX,aAAA,QAAAkB,QAAA;IACEtB,GAAG,EACDqB,MAAM,IAAAhB;EAIP,GACGY,KAAK,GAERD,QACE,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"TabPanel.js","names":["css","React","useTab","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","TabPanel","_ref2","index","children","props","_objectWithoutPropertiesLoose","_excluded","currentIndex","hidden","_extends"],"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,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAOlC;AACA;AACA;AAFA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAGA,OAAO,IAAMC,QAAQ,GAAGC,KAAA,IAAsD;EAAA,IAArD;MAAEC,KAAK,GAAG,CAAC;MAAEC;IAAkC,CAAC,GAAAF,KAAA;IAAtBG,KAAK,GAAAC,6BAAA,CAAAJ,KAAA,EAAAK,SAAA;EACtD,IAAM;IAAEC;EAAa,CAAC,GAAGlB,MAAM,CAAC,CAAC;EACjC,IAAMmB,MAAM,GAAGD,YAAY,KAAKL,KAAK;EACrC,OACEX,aAAA,QAAAkB,QAAA;IACEtB,GAAG,EACDqB,MAAM,IAAAhB;EAIP,GACGY,KAAK,GAERD,QACE,CAAC;AAEV,CAAC","ignoreList":[]}