@cube-dev/ui-kit 0.182.0 → 0.183.0

package/dist/components/navigation/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["Select"],"sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { filterBaseProps, OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport { forwardRef, useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useFormatter, useI18n } from '../../../i18n';\nimport { BackwardIcon } from '../../../icons/BackwardIcon';\nimport { ForwardIcon } from '../../../icons/ForwardIcon';\nimport { LeftIcon } from '../../../icons/LeftIcon';\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { Select } from '../../fields/Select';\n\nimport { clampPage, getPageInfo, getPaginationRange } from './use-pagination';\n\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type { CubePaginationProps, CubeTablePageInfo } from './types';\n\nconst PaginationElement = tasty({\n  qa: 'Pagination',\n  as: 'nav',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    placeContent: 'start',\n\n    Summary: {\n      // Follows the control's size rather than being fixed, so the summary\n      // matches whatever the buttons beside it are.\n      preset: { '': 't3', 'size=xsmall': 't4' },\n      color: '#dark-03',\n      whiteSpace: 'nowrap',\n    },\n\n    Controls: {\n      display: 'flex',\n      flow: 'row',\n      gap: '.5x',\n      placeItems: 'center',\n    },\n\n    Gap: {\n      display: 'grid',\n      placeItems: 'center',\n      width: 'min $gap-size',\n      height: '$gap-size',\n      preset: 't3',\n      color: '#dark-04',\n      userSelect: 'none',\n    },\n\n    /**\n     * The page numbers sit tighter than the nav buttons around them: they read\n     * as one run of pages, not as separate controls, and a hairline is enough\n     * to keep the current page's outline off its neighbours.\n     */\n    Pages: {\n      display: 'flex',\n      flow: 'row',\n      gap: '1bw',\n      placeItems: 'center',\n    },\n\n    '$gap-size': {\n      '': '$size-sm',\n      'size=xsmall': '$size-xs',\n      'size=medium': '$size-md',\n    },\n  },\n  styleProps: OUTER_STYLES,\n});\n\nconst NavButton = tasty(Button, {\n  type: 'clear',\n  styles: { border: true },\n});\n\n// Page buttons are borderless so the current page — which renders as `outline`\n// and therefore draws its own border — is the only bordered one in the run.\nconst PageButton = tasty(Button, {\n  type: 'clear',\n});\n\nfunction formatRange(info: CubeTablePageInfo): string {\n  const start = (info.page - 1) * info.pageSize + 1;\n  const end =\n    info.total > 0\n      ? Math.min(info.page * info.pageSize, info.total)\n      : info.page * info.pageSize;\n\n  return `${start}–${end}`;\n}\n\nfunction Pagination(\n  props: CubePaginationProps,\n  ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n  const {\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    totalPages: totalPagesProp,\n    total,\n    pageSize: pageSizeProp,\n    defaultPageSize,\n    pageSizeOptions,\n    onPageSizeChange,\n    type = 'numbers',\n    siblingCount = 1,\n    boundaryCount = 1,\n    size = 'small',\n    isDisabled,\n    hasNextPage,\n    isCompact = false,\n    summary = false,\n    labelFormatter,\n    ariaLabel,\n    pageSizeSelectStyles,\n    qa,\n    mods,\n    ...rest\n  } = props;\n\n  const { t } = useI18n();\n  const { formatNumber } = useFormatter();\n\n  const [pageSize, setPageSize] = useControlledState<number>(\n    pageSizeProp as number,\n    defaultPageSize ?? 50,\n    onPageSizeChange as (v: number) => void,\n  );\n  const [page, setPage] = useControlledState<number>(\n    pageProp as number,\n    defaultPage ?? 1,\n    onPageChange as (v: number) => void,\n  );\n\n  // Unknown total: prev/next only, with `hasNextPage` driving the next button.\n  // The page must NOT be clamped in that mode — there is nothing to clamp to.\n  const isCountable = totalPagesProp != null || total != null;\n\n  const info: CubeTablePageInfo = isCountable\n    ? getPageInfo({\n        page,\n        pageSize,\n        total: total ?? 0,\n        totalPages: totalPagesProp,\n      })\n    : {\n        page: clampPage(page, Number.MAX_SAFE_INTEGER),\n        pageSize,\n        totalPages: 0,\n        total: 0,\n        from: 0,\n        to: 0,\n      };\n\n  const { totalPages } = info;\n\n  const goTo = useEvent((next: number) => {\n    const clamped = isCountable\n      ? clampPage(next, totalPages)\n      : Math.max(next, 1);\n\n    if (clamped !== info.page) setPage(clamped);\n  });\n\n  const onPageSizeSelectionChange = useEvent((value: any) => {\n    setPageSize(Number(value));\n    setPage(1);\n  });\n\n  const onPageSelectionChange = useEvent((value: any) => {\n    goTo(Number(value));\n  });\n\n  const pageItems = useMemo(\n    () =>\n      type === 'numbers' && isCountable\n        ? getPaginationRange({\n            page: info.page,\n            totalPages,\n            siblingCount,\n            boundaryCount,\n          })\n        : [],\n    [type, isCountable, info.page, totalPages, siblingCount, boundaryCount],\n  );\n\n  // `type=\"select\"` materializes one entry per page, so it is only safe for\n  // small page counts. Above the cap we fall back to `compact`, which reads the\n  // same but renders a single label.\n  const selectEntries = useMemo(\n    () =>\n      type === 'select' && isCountable && totalPages <= 200\n        ? Array.from({ length: totalPages }, (_, i) => i + 1)\n        : null,\n    [type, isCountable, totalPages],\n  );\n\n  const isFirst = info.page <= 1;\n  const isLast = isCountable ? info.page >= totalPages : !hasNextPage;\n\n  const styles = extractStyles(props, OUTER_STYLES);\n\n  const summaryNode =\n    summary === false\n      ? null\n      : typeof summary === 'function'\n        ? summary(info)\n        : info.total > 0\n          ? // Numbers are formatted here rather than left to i18next, which\n            // interpolates them raw (\"1204\", not \"1,204\").\n            t('pagination.summary', '{{from}}–{{to}} of {{total}}', {\n              from: formatNumber(info.from),\n              to: formatNumber(info.to),\n              total: formatNumber(info.total),\n            })\n          : null;\n\n  function renderPageControl() {\n    if (selectEntries) {\n      return (\n        <Select\n          qa=\"PaginationPageSelect\"\n          size={size}\n          isDisabled={isDisabled}\n          aria-label={t('pagination.selectPage', 'Select page')}\n          selectedKey={String(info.page)}\n          width=\"min 15x\"\n          styles={pageSizeSelectStyles}\n          onSelectionChange={onPageSelectionChange}\n        >\n          {selectEntries.map((entry) => {\n            const entryInfo = { ...info, page: entry };\n            const label =\n              labelFormatter?.(entryInfo) ??\n              (info.total > 0\n                ? formatRange(entryInfo)\n                : t('pagination.page', 'Page {{page}}', { page: entry }));\n\n            return (\n              <Select.Item key={entry} textValue={String(label)}>\n                {label}\n              </Select.Item>\n            );\n          })}\n        </Select>\n      );\n    }\n\n    if (type === 'numbers' && pageItems.length > 0) {\n      return (\n        <div data-element=\"Pages\">\n          {pageItems.map((entry, index) =>\n            entry === 'gap' ? (\n              <div key={`gap-${index}`} data-element=\"Gap\" aria-hidden=\"true\">\n                {'…'}\n              </div>\n            ) : (\n              <PageButton\n                key={entry}\n                qa={`PaginationPage_${entry}`}\n                size={size}\n                type={entry === info.page ? 'outline' : 'clear'}\n                isDisabled={isDisabled}\n                aria-label={t('pagination.page', 'Page {{page}}', {\n                  page: entry,\n                })}\n                aria-current={entry === info.page ? 'page' : undefined}\n                onPress={() => goTo(entry)}\n              >\n                {entry}\n              </PageButton>\n            ),\n          )}\n        </div>\n      );\n    }\n\n    if (!isCountable) return null;\n\n    return (\n      <div data-element=\"Summary\" data-qa=\"PaginationPageLabel\">\n        {t('pagination.pageOf', '{{page}} of {{totalPages}}', {\n          page: info.page,\n          totalPages,\n        })}\n      </div>\n    );\n  }\n\n  const showEdgeButtons = !isCompact && isCountable;\n\n  return (\n    <PaginationElement\n      {...filterBaseProps(rest, { eventProps: true })}\n      ref={ref}\n      qa={qa || 'Pagination'}\n      styles={styles}\n      mods={{ size, ...mods }}\n      aria-label={ariaLabel ?? t('pagination.ariaLabel', 'Pagination')}\n    >\n      {summaryNode ? <div data-element=\"Summary\">{summaryNode}</div> : null}\n\n      {pageSizeOptions && onPageSizeChange ? (\n        <Select\n          qa=\"PaginationPageSizeSelect\"\n          size={size}\n          isDisabled={isDisabled}\n          aria-label={t('pagination.itemsPerPage', 'Items per page')}\n          selectedKey={String(pageSize)}\n          styles={pageSizeSelectStyles}\n          onSelectionChange={onPageSizeSelectionChange}\n        >\n          {pageSizeOptions.map((option) => {\n            const label = t(\n              'pagination.itemsPerPageOption',\n              '{{size}} / page',\n              {\n                size: option,\n              },\n            );\n\n            return (\n              <Select.Item key={option} textValue={label}>\n                {label}\n              </Select.Item>\n            );\n          })}\n        </Select>\n      ) : null}\n\n      <div data-element=\"Controls\">\n        {showEdgeButtons ? (\n          <NavButton\n            qa=\"PaginationFirstButton\"\n            size={size}\n            icon={<BackwardIcon />}\n            isDisabled={isFirst || isDisabled}\n            aria-label={t('pagination.firstPage', 'First page')}\n            onPress={() => goTo(1)}\n          />\n        ) : null}\n\n        <NavButton\n          qa=\"PaginationPrevButton\"\n          size={size}\n          icon={<LeftIcon />}\n          isDisabled={isFirst || isDisabled}\n          aria-label={t('pagination.previousPage', 'Previous page')}\n          onPress={() => goTo(info.page - 1)}\n        />\n\n        {renderPageControl()}\n\n        <NavButton\n          qa=\"PaginationNextButton\"\n          size={size}\n          icon={<RightIcon />}\n          isDisabled={isLast || isDisabled}\n          aria-label={t('pagination.nextPage', 'Next page')}\n          onPress={() => goTo(info.page + 1)}\n        />\n\n        {showEdgeButtons ? (\n          <NavButton\n            qa=\"PaginationLastButton\"\n            size={size}\n            icon={<ForwardIcon />}\n            isDisabled={isLast || isDisabled}\n            aria-label={t('pagination.lastPage', 'Last page')}\n            onPress={() => goTo(totalPages)}\n          />\n        ) : null}\n      </div>\n    </PaginationElement>\n  );\n}\n\nconst _Pagination = forwardRef(Pagination);\n\n_Pagination.displayName = 'Pagination';\n\nexport { _Pagination as Pagination };\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","names":["useControlledState","filterBaseProps","OUTER_STYLES","tasty","forwardRef","useMemo","useEvent","useFormatter","useI18n","BackwardIcon","ForwardIcon","LeftIcon","RightIcon","extractStyles","Button","Select","clampPage","getPageInfo","getPaginationRange","ForwardedRef","ReactElement","CubePaginationProps","CubeTablePageInfo","PaginationElement","qa","as","styles","display","flow","gap","placeItems","placeContent","Summary","preset","color","whiteSpace","Controls","Gap","width","height","userSelect","Pages","styleProps","NavButton","type","border","PageButton","formatRange","info","start","page","pageSize","end","total","Math","min","Pagination","props","ref","$","_c","pageProp","defaultPage","onPageChange","totalPages","totalPagesProp","pageSizeProp","defaultPageSize","pageSizeOptions","onPageSizeChange","t0","siblingCount","t1","boundaryCount","t2","size","t3","isDisabled","hasNextPage","isCompact","t4","summary","t5","labelFormatter","ariaLabel","pageSizeSelectStyles","mods","rest","undefined","t","formatNumber","setPageSize","v","setPage","isCountable","t6","Number","MAX_SAFE_INTEGER","from","to","t7","next","clamped","max","goTo","t8","value","onPageSizeSelectionChange","t9","value_0","onPageSelectionChange","t10","pageItems","t11","Array","length","_temp","selectEntries","isFirst","isLast","t12","t13","summaryNode","t14","renderPageControl","String","map","entry","entryInfo","label","entry_0","index","showEdgeButtons","T0","t15","eventProps","t16","t17","t18","t19","t20","option","label_0","t21","t22","Symbol","for","t23","t24","t25","t26","t27","t28","t29","t30","t31","t32","t33","t34","t35","_","i","_Pagination","displayName"],"sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { filterBaseProps, OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport { forwardRef, useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useFormatter, useI18n } from '../../../i18n';\nimport { BackwardIcon } from '../../../icons/BackwardIcon';\nimport { ForwardIcon } from '../../../icons/ForwardIcon';\nimport { LeftIcon } from '../../../icons/LeftIcon';\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { Select } from '../../fields/Select';\n\nimport { clampPage, getPageInfo, getPaginationRange } from './use-pagination';\n\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type { CubePaginationProps, CubeTablePageInfo } from './types';\n\nconst PaginationElement = tasty({\n  qa: 'Pagination',\n  as: 'nav',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    placeContent: 'start',\n\n    Summary: {\n      // Follows the control's size rather than being fixed, so the summary\n      // matches whatever the buttons beside it are.\n      preset: { '': 't3', 'size=xsmall': 't4' },\n      color: '#dark-03',\n      whiteSpace: 'nowrap',\n    },\n\n    Controls: {\n      display: 'flex',\n      flow: 'row',\n      gap: '.5x',\n      placeItems: 'center',\n    },\n\n    Gap: {\n      display: 'grid',\n      placeItems: 'center',\n      width: 'min $gap-size',\n      height: '$gap-size',\n      preset: 't3',\n      color: '#dark-04',\n      userSelect: 'none',\n    },\n\n    /**\n     * The page numbers sit tighter than the nav buttons around them: they read\n     * as one run of pages, not as separate controls, and a hairline is enough\n     * to keep the current page's outline off its neighbours.\n     */\n    Pages: {\n      display: 'flex',\n      flow: 'row',\n      gap: '1bw',\n      placeItems: 'center',\n    },\n\n    '$gap-size': {\n      '': '$size-sm',\n      'size=xsmall': '$size-xs',\n      'size=medium': '$size-md',\n    },\n  },\n  styleProps: OUTER_STYLES,\n});\n\nconst NavButton = tasty(Button, {\n  type: 'clear',\n  styles: { border: true },\n});\n\n// Page buttons are borderless so the current page — which renders as `outline`\n// and therefore draws its own border — is the only bordered one in the run.\nconst PageButton = tasty(Button, {\n  type: 'clear',\n});\n\nfunction formatRange(info: CubeTablePageInfo): string {\n  const start = (info.page - 1) * info.pageSize + 1;\n  const end =\n    info.total > 0\n      ? Math.min(info.page * info.pageSize, info.total)\n      : info.page * info.pageSize;\n\n  return `${start}–${end}`;\n}\n\nfunction Pagination(\n  props: CubePaginationProps,\n  ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n  const {\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    totalPages: totalPagesProp,\n    total,\n    pageSize: pageSizeProp,\n    defaultPageSize,\n    pageSizeOptions,\n    onPageSizeChange,\n    type = 'numbers',\n    siblingCount = 1,\n    boundaryCount = 1,\n    size = 'small',\n    isDisabled,\n    hasNextPage,\n    isCompact = false,\n    summary = false,\n    labelFormatter,\n    ariaLabel,\n    pageSizeSelectStyles,\n    qa,\n    mods,\n    ...rest\n  } = props;\n\n  const { t } = useI18n();\n  const { formatNumber } = useFormatter();\n\n  const [pageSize, setPageSize] = useControlledState<number>(\n    pageSizeProp as number,\n    defaultPageSize ?? 50,\n    onPageSizeChange as (v: number) => void,\n  );\n  const [page, setPage] = useControlledState<number>(\n    pageProp as number,\n    defaultPage ?? 1,\n    onPageChange as (v: number) => void,\n  );\n\n  // Unknown total: prev/next only, with `hasNextPage` driving the next button.\n  // The page must NOT be clamped in that mode — there is nothing to clamp to.\n  const isCountable = totalPagesProp != null || total != null;\n\n  const info: CubeTablePageInfo = isCountable\n    ? getPageInfo({\n        page,\n        pageSize,\n        total: total ?? 0,\n        totalPages: totalPagesProp,\n      })\n    : {\n        page: clampPage(page, Number.MAX_SAFE_INTEGER),\n        pageSize,\n        totalPages: 0,\n        total: 0,\n        from: 0,\n        to: 0,\n      };\n\n  const { totalPages } = info;\n\n  const goTo = useEvent((next: number) => {\n    const clamped = isCountable\n      ? clampPage(next, totalPages)\n      : Math.max(next, 1);\n\n    if (clamped !== info.page) setPage(clamped);\n  });\n\n  const onPageSizeSelectionChange = useEvent((value: any) => {\n    setPageSize(Number(value));\n    setPage(1);\n  });\n\n  const onPageSelectionChange = useEvent((value: any) => {\n    goTo(Number(value));\n  });\n\n  const pageItems = useMemo(\n    () =>\n      type === 'numbers' && isCountable\n        ? getPaginationRange({\n            page: info.page,\n            totalPages,\n            siblingCount,\n            boundaryCount,\n          })\n        : [],\n    [type, isCountable, info.page, totalPages, siblingCount, boundaryCount],\n  );\n\n  // `type=\"select\"` materializes one entry per page, so it is only safe for\n  // small page counts. Above the cap we fall back to `compact`, which reads the\n  // same but renders a single label.\n  const selectEntries = useMemo(\n    () =>\n      type === 'select' && isCountable && totalPages <= 200\n        ? Array.from({ length: totalPages }, (_, i) => i + 1)\n        : null,\n    [type, isCountable, totalPages],\n  );\n\n  const isFirst = info.page <= 1;\n  const isLast = isCountable ? info.page >= totalPages : !hasNextPage;\n\n  const styles = extractStyles(props, OUTER_STYLES);\n\n  const summaryNode =\n    summary === false\n      ? null\n      : typeof summary === 'function'\n        ? summary(info)\n        : info.total > 0\n          ? // Numbers are formatted here rather than left to i18next, which\n            // interpolates them raw (\"1204\", not \"1,204\").\n            t('pagination.summary', '{{from}}–{{to}} of {{total}}', {\n              from: formatNumber(info.from),\n              to: formatNumber(info.to),\n              total: formatNumber(info.total),\n            })\n          : null;\n\n  function renderPageControl() {\n    if (selectEntries) {\n      return (\n        <Select\n          qa=\"PaginationPageSelect\"\n          size={size}\n          isDisabled={isDisabled}\n          aria-label={t('pagination.selectPage', 'Select page')}\n          selectedKey={String(info.page)}\n          width=\"min 15x\"\n          styles={pageSizeSelectStyles}\n          onSelectionChange={onPageSelectionChange}\n        >\n          {selectEntries.map((entry) => {\n            const entryInfo = { ...info, page: entry };\n            const label =\n              labelFormatter?.(entryInfo) ??\n              (info.total > 0\n                ? formatRange(entryInfo)\n                : t('pagination.page', 'Page {{page}}', { page: entry }));\n\n            return (\n              <Select.Item key={entry} textValue={String(label)}>\n                {label}\n              </Select.Item>\n            );\n          })}\n        </Select>\n      );\n    }\n\n    if (type === 'numbers' && pageItems.length > 0) {\n      return (\n        <div data-element=\"Pages\">\n          {pageItems.map((entry, index) =>\n            entry === 'gap' ? (\n              <div key={`gap-${index}`} data-element=\"Gap\" aria-hidden=\"true\">\n                {'…'}\n              </div>\n            ) : (\n              <PageButton\n                key={entry}\n                qa={`PaginationPage_${entry}`}\n                size={size}\n                type={entry === info.page ? 'outline' : 'clear'}\n                isDisabled={isDisabled}\n                aria-label={t('pagination.page', 'Page {{page}}', {\n                  page: entry,\n                })}\n                aria-current={entry === info.page ? 'page' : undefined}\n                onPress={() => goTo(entry)}\n              >\n                {entry}\n              </PageButton>\n            ),\n          )}\n        </div>\n      );\n    }\n\n    if (!isCountable) return null;\n\n    return (\n      <div data-element=\"Summary\" data-qa=\"PaginationPageLabel\">\n        {t('pagination.pageOf', '{{page}} of {{totalPages}}', {\n          page: info.page,\n          totalPages,\n        })}\n      </div>\n    );\n  }\n\n  const showEdgeButtons = !isCompact && isCountable;\n\n  return (\n    <PaginationElement\n      {...filterBaseProps(rest, { eventProps: true })}\n      ref={ref}\n      qa={qa || 'Pagination'}\n      styles={styles}\n      mods={{ size, ...mods }}\n      aria-label={ariaLabel ?? t('pagination.ariaLabel', 'Pagination')}\n    >\n      {summaryNode ? <div data-element=\"Summary\">{summaryNode}</div> : null}\n\n      {pageSizeOptions && onPageSizeChange ? (\n        <Select\n          qa=\"PaginationPageSizeSelect\"\n          size={size}\n          isDisabled={isDisabled}\n          aria-label={t('pagination.itemsPerPage', 'Items per page')}\n          selectedKey={String(pageSize)}\n          styles={pageSizeSelectStyles}\n          onSelectionChange={onPageSizeSelectionChange}\n        >\n          {pageSizeOptions.map((option) => {\n            const label = t(\n              'pagination.itemsPerPageOption',\n              '{{size}} / page',\n              {\n                size: option,\n              },\n            );\n\n            return (\n              <Select.Item key={option} textValue={label}>\n                {label}\n              </Select.Item>\n            );\n          })}\n        </Select>\n      ) : null}\n\n      <div data-element=\"Controls\">\n        {showEdgeButtons ? (\n          <NavButton\n            qa=\"PaginationFirstButton\"\n            size={size}\n            icon={<BackwardIcon />}\n            isDisabled={isFirst || isDisabled}\n            aria-label={t('pagination.firstPage', 'First page')}\n            onPress={() => goTo(1)}\n          />\n        ) : null}\n\n        <NavButton\n          qa=\"PaginationPrevButton\"\n          size={size}\n          icon={<LeftIcon />}\n          isDisabled={isFirst || isDisabled}\n          aria-label={t('pagination.previousPage', 'Previous page')}\n          onPress={() => goTo(info.page - 1)}\n        />\n\n        {renderPageControl()}\n\n        <NavButton\n          qa=\"PaginationNextButton\"\n          size={size}\n          icon={<RightIcon />}\n          isDisabled={isLast || isDisabled}\n          aria-label={t('pagination.nextPage', 'Next page')}\n          onPress={() => goTo(info.page + 1)}\n        />\n\n        {showEdgeButtons ? (\n          <NavButton\n            qa=\"PaginationLastButton\"\n            size={size}\n            icon={<ForwardIcon />}\n            isDisabled={isLast || isDisabled}\n            aria-label={t('pagination.lastPage', 'Last page')}\n            onPress={() => goTo(totalPages)}\n          />\n        ) : null}\n      </div>\n    </PaginationElement>\n  );\n}\n\nconst _Pagination = forwardRef(Pagination);\n\n_Pagination.displayName = 'Pagination';\n\nexport { _Pagination as Pagination };\n"],"mappings":"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"}

package/dist/components/navigation/Pagination/use-pagination.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { useMemo } from "react";
+import { c } from "react-compiler-runtime";
 import { useControlledState } from "@react-stately/utils";
 
 //#region src/components/navigation/Pagination/use-pagination.ts
@@ -50,32 +50,75 @@ function getPageInfo(options) {
 * Client-side pagination over an in-memory array. Standalone — `ItemTable` uses
 * it internally, but it works on its own for any paged list.
 */
-function usePagination(items, options = {}) {
+function usePagination(items, t0) {
+	const $ = c(21);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const options = t1;
 	const [pageSize, setPageSizeState] = useControlledState(options.pageSize, options.defaultPageSize ?? 50, options.onPageSizeChange);
 	const [page, setPageState] = useControlledState(options.page, options.defaultPage ?? 1, options.onPageChange);
-	const info = getPageInfo({
-		page,
-		pageSize,
-		total: items.length
-	});
-	const setPage = useEvent((next) => {
-		setPageState(clampPage(next, info.totalPages));
-	});
-	const setPageSize = useEvent((next) => {
-		setPageSizeState(next);
-		setPageState(1);
-	});
-	const pageItems = useMemo(() => items.slice((info.page - 1) * pageSize, info.page * pageSize), [
-		items,
-		info.page,
-		pageSize
-	]);
-	return {
-		...info,
-		pageItems,
-		setPage,
-		setPageSize
-	};
+	let t2;
+	if ($[2] !== items.length || $[3] !== page || $[4] !== pageSize) {
+		t2 = getPageInfo({
+			page,
+			pageSize,
+			total: items.length
+		});
+		$[2] = items.length;
+		$[3] = page;
+		$[4] = pageSize;
+		$[5] = t2;
+	} else t2 = $[5];
+	const info = t2;
+	let t3;
+	if ($[6] !== info.totalPages || $[7] !== setPageState) {
+		t3 = (next) => {
+			setPageState(clampPage(next, info.totalPages));
+		};
+		$[6] = info.totalPages;
+		$[7] = setPageState;
+		$[8] = t3;
+	} else t3 = $[8];
+	const setPage = useEvent(t3);
+	let t4;
+	if ($[9] !== setPageSizeState || $[10] !== setPageState) {
+		t4 = (next_0) => {
+			setPageSizeState(next_0);
+			setPageState(1);
+		};
+		$[9] = setPageSizeState;
+		$[10] = setPageState;
+		$[11] = t4;
+	} else t4 = $[11];
+	const setPageSize = useEvent(t4);
+	let t5;
+	if ($[12] !== info.page || $[13] !== items || $[14] !== pageSize) {
+		t5 = items.slice((info.page - 1) * pageSize, info.page * pageSize);
+		$[12] = info.page;
+		$[13] = items;
+		$[14] = pageSize;
+		$[15] = t5;
+	} else t5 = $[15];
+	const pageItems = t5;
+	let t6;
+	if ($[16] !== info || $[17] !== pageItems || $[18] !== setPage || $[19] !== setPageSize) {
+		t6 = {
+			...info,
+			pageItems,
+			setPage,
+			setPageSize
+		};
+		$[16] = info;
+		$[17] = pageItems;
+		$[18] = setPage;
+		$[19] = setPageSize;
+		$[20] = t6;
+	} else t6 = $[20];
+	return t6;
 }
 
 //#endregion

package/dist/components/navigation/Pagination/use-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-pagination.js","names":[],"sources":["../../../../src/components/navigation/Pagination/use-pagination.ts"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport type { CubePaginationItem, CubeTablePageInfo } from './types';\n\nfunction range(start: number, end: number): number[] {\n  const length = end - start + 1;\n\n  return length > 0 ? Array.from({ length }, (_, i) => start + i) : [];\n}\n\nexport function clampPage(page: number, totalPages: number): number {\n  if (!Number.isFinite(page)) return 1;\n\n  return Math.min(Math.max(Math.trunc(page), 1), Math.max(totalPages, 1));\n}\n\nexport interface PaginationRangeOptions {\n  page: number;\n  totalPages: number;\n  /** Page buttons either side of the current page. @default 1 */\n  siblingCount?: number;\n  /** Page buttons pinned at each end. @default 1 */\n  boundaryCount?: number;\n}\n\n/**\n * Page numbers to render, with `'gap'` marking an elided run. The output length\n * is bounded by `boundaryCount * 2 + siblingCount * 2 + 3` regardless of\n * `totalPages` — which is the whole point of `type=\"numbers\"`: a 100k-row table\n * at 100 per page renders ~7 buttons, not 1000 `Select` items.\n */\nexport function getPaginationRange({\n  page,\n  totalPages,\n  siblingCount = 1,\n  boundaryCount = 1,\n}: PaginationRangeOptions): CubePaginationItem[] {\n  if (totalPages <= 0) return [];\n\n  const current = clampPage(page, totalPages);\n\n  const startPages = range(1, Math.min(boundaryCount, totalPages));\n  const endPages = range(\n    Math.max(totalPages - boundaryCount + 1, boundaryCount + 1),\n    totalPages,\n  );\n\n  // Pull the sibling window inwards when it would run past either boundary, so\n  // the rendered count stays constant as the user pages through.\n  const siblingsStart = Math.max(\n    Math.min(\n      current - siblingCount,\n      totalPages - boundaryCount - siblingCount * 2 - 1,\n    ),\n    boundaryCount + 2,\n  );\n  const siblingsEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : totalPages - 1,\n  );\n\n  return [\n    ...startPages,\n\n    // A gap that would hide exactly one page renders that page instead.\n    ...(siblingsStart > boundaryCount + 2\n      ? (['gap'] as CubePaginationItem[])\n      : boundaryCount + 1 < totalPages - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n\n    ...range(siblingsStart, siblingsEnd),\n\n    ...(siblingsEnd < totalPages - boundaryCount - 1\n      ? (['gap'] as CubePaginationItem[])\n      : totalPages - boundaryCount > boundaryCount\n        ? [totalPages - boundaryCount]\n        : []),\n\n    ...endPages,\n  ];\n}\n\nexport function getPageInfo(options: {\n  page: number;\n  pageSize: number;\n  total: number;\n  totalPages?: number;\n}): CubeTablePageInfo {\n  const { pageSize, total } = options;\n  const totalPages =\n    options.totalPages ??\n    (pageSize > 0 ? Math.max(Math.ceil(total / pageSize), 1) : 1);\n  const page = clampPage(options.page, totalPages);\n  const from = total === 0 ? 0 : (page - 1) * pageSize + 1;\n  const to = total === 0 ? 0 : Math.min(page * pageSize, total);\n\n  return { page, pageSize, totalPages, total, from, to };\n}\n\nexport interface UsePaginationOptions {\n  page?: number;\n  defaultPage?: number;\n  onPageChange?: (page: number) => void;\n  pageSize?: number;\n  defaultPageSize?: number;\n  onPageSizeChange?: (pageSize: number) => void;\n}\n\nexport type UsePaginationResult<T> = CubeTablePageInfo & {\n  /** The current page's slice of `items`. */\n  pageItems: T[];\n  setPage: (page: number) => void;\n  /** Also resets to page 1, since the old page index no longer means anything. */\n  setPageSize: (pageSize: number) => void;\n};\n\n/**\n * Client-side pagination over an in-memory array. Standalone — `ItemTable` uses\n * it internally, but it works on its own for any paged list.\n */\nexport function usePagination<T>(\n  items: readonly T[],\n  options: UsePaginationOptions = {},\n): UsePaginationResult<T> {\n  const [pageSize, setPageSizeState] = useControlledState<number>(\n    options.pageSize as number,\n    options.defaultPageSize ?? 50,\n    options.onPageSizeChange as (v: number) => void,\n  );\n  const [page, setPageState] = useControlledState<number>(\n    options.page as number,\n    options.defaultPage ?? 1,\n    options.onPageChange as (v: number) => void,\n  );\n\n  const info = getPageInfo({ page, pageSize, total: items.length });\n\n  const setPage = useEvent((next: number) => {\n    setPageState(clampPage(next, info.totalPages));\n  });\n\n  const setPageSize = useEvent((next: number) => {\n    setPageSizeState(next);\n    setPageState(1);\n  });\n\n  const pageItems = useMemo(\n    () => items.slice((info.page - 1) * pageSize, info.page * pageSize) as T[],\n    [items, info.page, pageSize],\n  );\n\n  return { ...info, pageItems, setPage, setPageSize };\n}\n"],"mappings":";;;;;;AAOA,SAAS,MAAM,OAAe,KAAuB;CACnD,MAAM,SAAS,MAAM,QAAQ;AAE7B,QAAO,SAAS,IAAI,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,MAAM,QAAQ,EAAE,GAAG,EAAE;;AAGtE,SAAgB,UAAU,MAAc,YAA4B;AAClE,KAAI,CAAC,OAAO,SAAS,KAAK,CAAE,QAAO;AAEnC,QAAO,KAAK,IAAI,KAAK,IAAI,KAAK,MAAM,KAAK,EAAE,EAAE,EAAE,KAAK,IAAI,YAAY,EAAE,CAAC;;;;;;;;AAkBzE,SAAgB,mBAAmB,EACjC,MACA,YACA,eAAe,GACf,gBAAgB,KAC+B;AAC/C,KAAI,cAAc,EAAG,QAAO,EAAE;CAE9B,MAAM,UAAU,UAAU,MAAM,WAAW;CAE3C,MAAM,aAAa,MAAM,GAAG,KAAK,IAAI,eAAe,WAAW,CAAC;CAChE,MAAM,WAAW,MACf,KAAK,IAAI,aAAa,gBAAgB,GAAG,gBAAgB,EAAE,EAC3D,WACD;CAID,MAAM,gBAAgB,KAAK,IACzB,KAAK,IACH,UAAU,cACV,aAAa,gBAAgB,eAAe,IAAI,EACjD,EACD,gBAAgB,EACjB;CACD,MAAM,cAAc,KAAK,IACvB,KAAK,IAAI,UAAU,cAAc,gBAAgB,eAAe,IAAI,EAAE,EACtE,SAAS,SAAS,IAAI,SAAS,KAAK,IAAI,aAAa,EACtD;AAED,QAAO;EACL,GAAG;EAGH,GAAI,gBAAgB,gBAAgB,IAC/B,CAAC,MAAM,GACR,gBAAgB,IAAI,aAAa,gBAC/B,CAAC,gBAAgB,EAAE,GACnB,EAAE;EAER,GAAG,MAAM,eAAe,YAAY;EAEpC,GAAI,cAAc,aAAa,gBAAgB,IAC1C,CAAC,MAAM,GACR,aAAa,gBAAgB,gBAC3B,CAAC,aAAa,cAAc,GAC5B,EAAE;EAER,GAAG;EACJ;;AAGH,SAAgB,YAAY,SAKN;CACpB,MAAM,EAAE,UAAU,UAAU;CAC5B,MAAM,aACJ,QAAQ,eACP,WAAW,IAAI,KAAK,IAAI,KAAK,KAAK,QAAQ,SAAS,EAAE,EAAE,GAAG;CAC7D,MAAM,OAAO,UAAU,QAAQ,MAAM,WAAW;AAIhD,QAAO;EAAE;EAAM;EAAU;EAAY;EAAO,MAH/B,UAAU,IAAI,KAAK,OAAO,KAAK,WAAW;EAGL,IAFvC,UAAU,IAAI,IAAI,KAAK,IAAI,OAAO,UAAU,MAAM;EAEP;;;;;;AAwBxD,SAAgB,cACd,OACA,UAAgC,EAAE,EACV;CACxB,MAAM,CAAC,UAAU,oBAAoB,mBACnC,QAAQ,UACR,QAAQ,mBAAmB,IAC3B,QAAQ,iBACT;CACD,MAAM,CAAC,MAAM,gBAAgB,mBAC3B,QAAQ,MACR,QAAQ,eAAe,GACvB,QAAQ,aACT;CAED,MAAM,OAAO,YAAY;EAAE;EAAM;EAAU,OAAO,MAAM;EAAQ,CAAC;CAEjE,MAAM,UAAU,UAAU,SAAiB;AACzC,eAAa,UAAU,MAAM,KAAK,WAAW,CAAC;GAC9C;CAEF,MAAM,cAAc,UAAU,SAAiB;AAC7C,mBAAiB,KAAK;AACtB,eAAa,EAAE;GACf;CAEF,MAAM,YAAY,cACV,MAAM,OAAO,KAAK,OAAO,KAAK,UAAU,KAAK,OAAO,SAAS,EACnE;EAAC;EAAO,KAAK;EAAM;EAAS,CAC7B;AAED,QAAO;EAAE,GAAG;EAAM;EAAW;EAAS;EAAa"}
+{"version":3,"file":"use-pagination.js","names":["useControlledState","useMemo","useEvent","CubePaginationItem","CubeTablePageInfo","range","start","end","length","Array","from","_","i","clampPage","page","totalPages","Number","isFinite","Math","min","max","trunc","PaginationRangeOptions","siblingCount","boundaryCount","getPaginationRange","current","startPages","endPages","siblingsStart","siblingsEnd","getPageInfo","options","pageSize","total","ceil","to","UsePaginationOptions","defaultPage","onPageChange","defaultPageSize","onPageSizeChange","UsePaginationResult","pageItems","T","setPage","setPageSize","usePagination","items","t0","$","_c","t1","undefined","setPageSizeState","v","setPageState","t2","info","t3","next","t4","next_0","t5","slice","t6"],"sources":["../../../../src/components/navigation/Pagination/use-pagination.ts"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport type { CubePaginationItem, CubeTablePageInfo } from './types';\n\nfunction range(start: number, end: number): number[] {\n  const length = end - start + 1;\n\n  return length > 0 ? Array.from({ length }, (_, i) => start + i) : [];\n}\n\nexport function clampPage(page: number, totalPages: number): number {\n  if (!Number.isFinite(page)) return 1;\n\n  return Math.min(Math.max(Math.trunc(page), 1), Math.max(totalPages, 1));\n}\n\nexport interface PaginationRangeOptions {\n  page: number;\n  totalPages: number;\n  /** Page buttons either side of the current page. @default 1 */\n  siblingCount?: number;\n  /** Page buttons pinned at each end. @default 1 */\n  boundaryCount?: number;\n}\n\n/**\n * Page numbers to render, with `'gap'` marking an elided run. The output length\n * is bounded by `boundaryCount * 2 + siblingCount * 2 + 3` regardless of\n * `totalPages` — which is the whole point of `type=\"numbers\"`: a 100k-row table\n * at 100 per page renders ~7 buttons, not 1000 `Select` items.\n */\nexport function getPaginationRange({\n  page,\n  totalPages,\n  siblingCount = 1,\n  boundaryCount = 1,\n}: PaginationRangeOptions): CubePaginationItem[] {\n  if (totalPages <= 0) return [];\n\n  const current = clampPage(page, totalPages);\n\n  const startPages = range(1, Math.min(boundaryCount, totalPages));\n  const endPages = range(\n    Math.max(totalPages - boundaryCount + 1, boundaryCount + 1),\n    totalPages,\n  );\n\n  // Pull the sibling window inwards when it would run past either boundary, so\n  // the rendered count stays constant as the user pages through.\n  const siblingsStart = Math.max(\n    Math.min(\n      current - siblingCount,\n      totalPages - boundaryCount - siblingCount * 2 - 1,\n    ),\n    boundaryCount + 2,\n  );\n  const siblingsEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : totalPages - 1,\n  );\n\n  return [\n    ...startPages,\n\n    // A gap that would hide exactly one page renders that page instead.\n    ...(siblingsStart > boundaryCount + 2\n      ? (['gap'] as CubePaginationItem[])\n      : boundaryCount + 1 < totalPages - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n\n    ...range(siblingsStart, siblingsEnd),\n\n    ...(siblingsEnd < totalPages - boundaryCount - 1\n      ? (['gap'] as CubePaginationItem[])\n      : totalPages - boundaryCount > boundaryCount\n        ? [totalPages - boundaryCount]\n        : []),\n\n    ...endPages,\n  ];\n}\n\nexport function getPageInfo(options: {\n  page: number;\n  pageSize: number;\n  total: number;\n  totalPages?: number;\n}): CubeTablePageInfo {\n  const { pageSize, total } = options;\n  const totalPages =\n    options.totalPages ??\n    (pageSize > 0 ? Math.max(Math.ceil(total / pageSize), 1) : 1);\n  const page = clampPage(options.page, totalPages);\n  const from = total === 0 ? 0 : (page - 1) * pageSize + 1;\n  const to = total === 0 ? 0 : Math.min(page * pageSize, total);\n\n  return { page, pageSize, totalPages, total, from, to };\n}\n\nexport interface UsePaginationOptions {\n  page?: number;\n  defaultPage?: number;\n  onPageChange?: (page: number) => void;\n  pageSize?: number;\n  defaultPageSize?: number;\n  onPageSizeChange?: (pageSize: number) => void;\n}\n\nexport type UsePaginationResult<T> = CubeTablePageInfo & {\n  /** The current page's slice of `items`. */\n  pageItems: T[];\n  setPage: (page: number) => void;\n  /** Also resets to page 1, since the old page index no longer means anything. */\n  setPageSize: (pageSize: number) => void;\n};\n\n/**\n * Client-side pagination over an in-memory array. Standalone — `ItemTable` uses\n * it internally, but it works on its own for any paged list.\n */\nexport function usePagination<T>(\n  items: readonly T[],\n  options: UsePaginationOptions = {},\n): UsePaginationResult<T> {\n  const [pageSize, setPageSizeState] = useControlledState<number>(\n    options.pageSize as number,\n    options.defaultPageSize ?? 50,\n    options.onPageSizeChange as (v: number) => void,\n  );\n  const [page, setPageState] = useControlledState<number>(\n    options.page as number,\n    options.defaultPage ?? 1,\n    options.onPageChange as (v: number) => void,\n  );\n\n  const info = getPageInfo({ page, pageSize, total: items.length });\n\n  const setPage = useEvent((next: number) => {\n    setPageState(clampPage(next, info.totalPages));\n  });\n\n  const setPageSize = useEvent((next: number) => {\n    setPageSizeState(next);\n    setPageState(1);\n  });\n\n  const pageItems = useMemo(\n    () => items.slice((info.page - 1) * pageSize, info.page * pageSize) as T[],\n    [items, info.page, pageSize],\n  );\n\n  return { ...info, pageItems, setPage, setPageSize };\n}\n"],"mappings":"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"}

package/dist/components/navigation/Tabs/DraggableTabList.js

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/navigation/Tabs/DraggableTabList.tsx
@@ -10,15 +11,29 @@ import { jsx } from "react/jsx-runtime";
 * derived from the parent Tabs `placement` so drag math/visuals match the
 * visible axis (horizontal for `top`/`bottom`, vertical for `left`/`right`).
 */
-function DraggableTabList({ state, listRef, orderedKeys, orientation = "horizontal", onReorder, children }) {
-	return /* @__PURE__ */ jsx(DraggableCollection, {
-		state,
-		listRef,
-		orderedKeys,
-		orientation,
-		onReorder,
-		children
-	});
+function DraggableTabList(t0) {
+	const $ = c(7);
+	const { state, listRef, orderedKeys, orientation: t1, onReorder, children } = t0;
+	const orientation = t1 === void 0 ? "horizontal" : t1;
+	let t2;
+	if ($[0] !== children || $[1] !== listRef || $[2] !== onReorder || $[3] !== orderedKeys || $[4] !== orientation || $[5] !== state) {
+		t2 = /* @__PURE__ */ jsx(DraggableCollection, {
+			state,
+			listRef,
+			orderedKeys,
+			orientation,
+			onReorder,
+			children
+		});
+		$[0] = children;
+		$[1] = listRef;
+		$[2] = onReorder;
+		$[3] = orderedKeys;
+		$[4] = orientation;
+		$[5] = state;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 }
 
 //#endregion

package/dist/components/navigation/Tabs/DraggableTabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableTabList.js","names":[],"sources":["../../../../src/components/navigation/Tabs/DraggableTabList.tsx"],"sourcesContent":["import { ReactNode, RefObject } from 'react';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  TabListState,\n} from 'react-stately';\n\nimport { DraggableCollection } from '../../shared/DraggableCollection';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableTabListProps {\n  /** Tab list state from React Stately */\n  state: TabListState<object>;\n  /** Ref to the tab list container */\n  listRef: RefObject<HTMLDivElement | null>;\n  /** Current ordered keys */\n  orderedKeys: string[];\n  /**\n   * Orientation of the underlying DraggableCollection.\n   * Driven by the parent Tabs `placement`.\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /** Callback when tabs are reordered */\n  onReorder?: (newOrder: string[]) => void;\n  /** Render function that receives drag/drop states */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Component that enables drag-and-drop reordering for tabs.\n *\n * Thin wrapper around DraggableCollection. The `orientation` prop should be\n * derived from the parent Tabs `placement` so drag math/visuals match the\n * visible axis (horizontal for `top`/`bottom`, vertical for `left`/`right`).\n */\nexport function DraggableTabList({\n  state,\n  listRef,\n  orderedKeys,\n  orientation = 'horizontal',\n  onReorder,\n  children,\n}: DraggableTabListProps) {\n  return (\n    <DraggableCollection\n      state={state}\n      listRef={listRef}\n      orderedKeys={orderedKeys}\n      orientation={orientation}\n      onReorder={onReorder}\n    >\n      {children}\n    </DraggableCollection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA+CA,SAAgB,iBAAiB,EAC/B,OACA,SACA,aACA,cAAc,cACd,WACA,YACwB;AACxB,QACE,oBAAC;EACQ;EACE;EACI;EACA;EACF;EAEV;GACmB"}
+{"version":3,"file":"DraggableTabList.js","names":["ReactNode","RefObject","DraggableCollectionState","DroppableCollectionState","TabListState","DraggableCollection","DraggableTabListProps","state","listRef","HTMLDivElement","orderedKeys","orientation","onReorder","newOrder","children","dragState","dropState","collectionProps","Record","DraggableTabList","t0","$","_c","t1","undefined","t2"],"sources":["../../../../src/components/navigation/Tabs/DraggableTabList.tsx"],"sourcesContent":["import { ReactNode, RefObject } from 'react';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  TabListState,\n} from 'react-stately';\n\nimport { DraggableCollection } from '../../shared/DraggableCollection';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableTabListProps {\n  /** Tab list state from React Stately */\n  state: TabListState<object>;\n  /** Ref to the tab list container */\n  listRef: RefObject<HTMLDivElement | null>;\n  /** Current ordered keys */\n  orderedKeys: string[];\n  /**\n   * Orientation of the underlying DraggableCollection.\n   * Driven by the parent Tabs `placement`.\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /** Callback when tabs are reordered */\n  onReorder?: (newOrder: string[]) => void;\n  /** Render function that receives drag/drop states */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Component that enables drag-and-drop reordering for tabs.\n *\n * Thin wrapper around DraggableCollection. The `orientation` prop should be\n * derived from the parent Tabs `placement` so drag math/visuals match the\n * visible axis (horizontal for `top`/`bottom`, vertical for `left`/`right`).\n */\nexport function DraggableTabList({\n  state,\n  listRef,\n  orderedKeys,\n  orientation = 'horizontal',\n  onReorder,\n  children,\n}: DraggableTabListProps) {\n  return (\n    <DraggableCollection\n      state={state}\n      listRef={listRef}\n      orderedKeys={orderedKeys}\n      orientation={orientation}\n      onReorder={onReorder}\n    >\n      {children}\n    </DraggableCollection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA+CA,SAAOmB,iBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA0B,MAAA,EAAAf,OAAAC,SAAAE,aAAAC,aAAAY,IAAAX,WAAAE,aAAAM;CAI/B,MAAAT,cAAAY,OAAAC,SAAA,eAAAD;CAA0B,IAAAE;AAAA,KAAAJ,EAAA,OAAAP,YAAAO,EAAA,OAAAb,WAAAa,EAAA,OAAAT,aAAAS,EAAA,OAAAX,eAAAW,EAAA,OAAAV,eAAAU,EAAA,OAAAd,OAAA;AAKxBkB,OAAA,oBAAC;GACQlB;GACEC;GACIE;GACAC;GACFC;GAEVE;IACmB;AAAAO,IAAA,KAAAP;AAAAO,IAAA,KAAAb;AAAAa,IAAA,KAAAT;AAAAS,IAAA,KAAAX;AAAAW,IAAA,KAAAV;AAAAU,IAAA,KAAAd;AAAAc,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QARtBI"}