@yamada-ui/react 2.3.0-dev-20260724085908 → 2.3.0-dev-20260730080927

package/dist/esm/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["NativeTable.Root","NativeTable.Thead","NativeTable.Tr","NativeTable.Th","NativeTable.Tbody","NativeTable.Td","NativeTable.Tfoot"],"sources":["../../../../src/components/table/table.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  AccessorFn,\n  Cell,\n  CellContext,\n  ColumnDef,\n  ColumnDefTemplate,\n  ColumnFiltersColumnDef,\n  ColumnFiltersState,\n  ColumnMeta,\n  ColumnPinningColumnDef,\n  ColumnSizingColumnDef,\n  GlobalFilterColumnDef,\n  GroupingColumnDef,\n  Header,\n  HeaderContext,\n  HeaderGroup,\n  OnChangeFn,\n  SortingState as OriginalSortingState,\n  PaginationState,\n  Table as ReactTable,\n  Row,\n  RowData,\n  RowSelectionState,\n  SortDirection,\n  SortingColumnDef,\n  TableOptions,\n  VisibilityColumnDef,\n} from \"@tanstack/react-table\"\nimport type { FC, FocusEvent, KeyboardEvent, ReactElement } from \"react\"\nimport type { CSSProps, GenericsComponent, HTMLStyledProps } from \"../../core\"\nimport type { ReactNodeOrFunction, TransformProps } from \"../../utils\"\nimport type { CheckboxProps } from \"../checkbox\"\nimport {\n  createColumnHelper,\n  flexRender,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\"\nimport { useMemo, useRef } from \"react\"\nimport { createComponent, focusRingStyle, mergeProps, styled } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  dataAttr,\n  isFunction,\n  runIfFn,\n  runKeyAction,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { Checkbox } from \"../checkbox\"\nimport { ChevronsUpDownIcon, ChevronUpIcon } from \"../icon\"\nimport { NativeTable } from \"../native-table\"\n\ndeclare module \"@tanstack/react-table\" {\n  interface ColumnDefExtensions<TData extends RowData, TValue = unknown>\n    extends\n      VisibilityColumnDef,\n      ColumnPinningColumnDef,\n      ColumnFiltersColumnDef<TData>,\n      GlobalFilterColumnDef,\n      SortingColumnDef<TData>,\n      GroupingColumnDef<TData, TValue>,\n      ColumnSizingColumnDef {}\n\n  interface ColumnDefBase<TData extends RowData, TValue = unknown>\n    extends\n      ColumnDefExtensions<TData, TValue>,\n      Pick<CSSProps, \"lineClamp\" | \"truncated\">,\n      Pick<NativeTable.TdProps, \"numeric\"> {\n    cell?: ColumnDefTemplate<CellContext<TData, TValue>>\n    footer?: ColumnDefTemplate<HeaderContext<TData, TValue>>\n    getUniqueValues?: AccessorFn<TData, unknown[]>\n    meta?: ColumnMeta<TData, TValue>\n    cellProps?: NativeTable.TdProps\n    footerProps?: NativeTable.ThProps\n    headerProps?: NativeTable.ThProps\n  }\n}\n\nexport { createColumnHelper }\nexport type {\n  ColumnDef,\n  ColumnFiltersState,\n  PaginationState,\n  RowSelectionState,\n  SortDirection,\n}\n\nfunction getMergeHeaderGroups(\n  headerGroups: HeaderGroup<any>[],\n): HeaderGroup<any>[] {\n  if (headerGroups.length <= 1) return headerGroups\n\n  const columnsIds = new Set()\n\n  return headerGroups.map((headerGroup, depth, { length: fullDepth }) => {\n    return {\n      ...headerGroup,\n      headers: headerGroup.headers\n        .filter((header) => !columnsIds.has(header.column.id))\n        .map((header) => {\n          columnsIds.add(header.column.id)\n\n          return header.isPlaceholder\n            ? { ...header, isPlaceholder: false, rowSpan: fullDepth - depth }\n            : { ...header, rowSpan: 1 }\n        }),\n    }\n  })\n}\n\nfunction getMergeFooterGroups(\n  headerGroups: HeaderGroup<any>[],\n): HeaderGroup<any>[] {\n  if (headerGroups.length <= 1) return headerGroups\n\n  return headerGroups.map((headerGroup, depth) => {\n    const nextHeaderGroups = headerGroups.slice(depth + 1)\n\n    return {\n      ...headerGroup,\n      headers: headerGroup.headers\n        .filter((header) => !header.isPlaceholder)\n        .map((header) => {\n          if (nextHeaderGroups.length === 0) return header\n\n          const rowSpan = nextHeaderGroups.reduce((acc, nextHeaderGroup) => {\n            const hasNextHeader = nextHeaderGroup.headers.some(\n              (nextHeader) => nextHeader.column.id === header.column.id,\n            )\n\n            return acc + (hasNextHeader ? 1 : 0)\n          }, 1)\n\n          return { ...header, rowSpan }\n        }),\n    }\n  })\n}\n\nexport interface ColumnSort<Y extends RowData> {\n  desc: boolean\n  id: keyof Y\n}\nexport type SortingState<Y extends RowData> = ColumnSort<Y>[]\n\ninterface ComponentContext extends Pick<\n  TableProps<any>,\n  | \"columnResizeMode\"\n  | \"resizableTriggerProps\"\n  | \"sortingIcon\"\n  | \"sortingIconProps\"\n> {\n  table: ReactTable<any>\n}\n\ninterface OmittedTableOptions<Y extends RowData> extends Omit<\n  TableOptions<Y>,\n  | \"getCoreRowModel\"\n  | \"onColumnFiltersChange\"\n  | \"onPaginationChange\"\n  | \"onSortingChange\"\n> {}\n\ninterface PickedNativeTableProps extends Pick<\n  NativeTable.RootProps,\n  | \"className\"\n  | \"highlightOnHover\"\n  | \"highlightOnSelected\"\n  | \"layout\"\n  | \"scrollAreaProps\"\n  | \"size\"\n  | \"stickyFooter\"\n  | \"stickyHeader\"\n  | \"striped\"\n  | \"variant\"\n  | \"withBorder\"\n  | \"withColumnBorders\"\n  | \"withScrollArea\"\n> {}\n\nexport interface TableProps<Y extends RowData>\n  extends\n    OmittedTableOptions<Y>,\n    PickedNativeTableProps,\n    Pick<CSSProps, \"colorScheme\" | \"lineClamp\" | \"truncated\"> {\n  /**\n   * The column filters state of the table.\n   */\n  columnFilters?: ColumnFiltersState\n  /**\n   * The default column filters state of the table.\n   */\n  defaultColumnFilters?: ColumnFiltersState\n  /**\n   * The default pagination state of the table.\n   */\n  defaultPagination?: PaginationState\n  /**\n   * The default row selection state of the table.\n   */\n  defaultRowSelection?: RowSelectionState\n  /**\n   * The default sorting state of the table.\n   */\n  defaultSorting?: SortingState<Y>\n  /**\n   * If `true`, the table width will be automatically resized to the content.\n   *\n   * @default false\n   */\n  enableAutoResizeTableWidth?: boolean\n  /**\n   * If `true`, the keyboard navigation will be enabled.\n   *\n   * @default true\n   */\n  enableKeyboardNavigation?: boolean\n  /**\n   * If `true`, the pagination will be enabled.\n   *\n   * @default false\n   */\n  enablePagination?: boolean\n  /**\n   * The footer of the table.\n   */\n  footer?: ReactNodeOrFunction<ReactTable<Y>>\n  /**\n   * The header of the table.\n   */\n  header?: ReactNodeOrFunction<ReactTable<Y>>\n  /**\n   * The initial focusable cell of the table.\n   *\n   * @default {rowIndex: 0, colIndex: 0}\n   */\n  initialFocusableCell?: { colIndex: number; rowIndex: number }\n  /**\n   * The pagination state of the table.\n   */\n  pagination?: PaginationState\n  /**\n   * The row selection state of the table.\n   */\n  rowSelection?: RowSelectionState\n  /**\n   * If `true`, the row will be selected when the row is clicked.\n   *\n   * @default false\n   */\n  selectOnClickRow?: boolean\n  /**\n   * The sorting state of the table.\n   */\n  sorting?: SortingState<Y>\n  /**\n   * The sorting icon of the table.\n   */\n  sortingIcon?: ReactNodeOrFunction<false | SortDirection>\n  /**\n   * If `true`, the table will have a checkbox column.\n   *\n   * @default true\n   */\n  withCheckbox?: boolean\n  /**\n   * If `true`, the table will have a checkbox in the footer.\n   *\n   * @default false\n   */\n  withFooterCheckbox?: boolean\n  /**\n   * If `true`, the table will have footer groups.\n   *\n   * @default false\n   */\n  withFooterGroups?: boolean\n  /**\n   * The props for the table cell.\n   */\n  cellProps?: TransformProps<NativeTable.TdProps, Cell<Y, unknown>>\n  /**\n   * The props for the checkbox.\n   */\n  checkboxProps?: CheckboxProps\n  /**\n   * The props for the table footer group.\n   */\n  footerGroupProps?: TransformProps<NativeTable.TrProps, HeaderGroup<Y>>\n  /**\n   * The props for the table footer.\n   */\n  footerProps?: TransformProps<NativeTable.ThProps, Header<Y, unknown>>\n  /**\n   * The props for the table header checkbox.\n   */\n  headerCheckboxProps?: TransformProps<CheckboxProps, Header<Y, unknown>>\n  /**\n   * The props for the table header group.\n   */\n  headerGroupProps?: TransformProps<NativeTable.TrProps, HeaderGroup<Y>>\n  /**\n   * The props for the table header.\n   */\n  headerProps?: TransformProps<NativeTable.ThProps, Header<Y, unknown>>\n  /**\n   * The props for the resizable trigger.\n   */\n  resizableTriggerProps?: TransformProps<\n    Omit<ResizableTriggerProps, \"resizing\">,\n    Header<Y, unknown>\n  >\n  /**\n   * The props for the table row checkbox.\n   */\n  rowCheckboxProps?: TransformProps<CheckboxProps, Row<Y>>\n  /**\n   * The props for the table row.\n   */\n  rowProps?: TransformProps<NativeTable.TrProps, Row<Y>>\n  /**\n   * The props for the sorting icon.\n   */\n  sortingIconProps?: TransformProps<\n    Omit<SortingIconProps, \"sorted\">,\n    Header<Y, unknown>\n  >\n  /**\n   * The props for the table.\n   */\n  tableProps?: NativeTable.RootProps\n  /**\n   * The props for the table tbody.\n   */\n  tbodyProps?: NativeTable.TbodyProps\n  /**\n   * The props for the table tfoot.\n   */\n  tfootProps?: NativeTable.TfootProps\n  /**\n   * The props for the table thead.\n   */\n  theadProps?: NativeTable.TheadProps\n  /**\n   * The callback invoked when the column filters state changes.\n   */\n  onColumnFiltersChange?: (columnFilters: ColumnFiltersState) => void\n  /**\n   * The callback invoked when the pagination state changes.\n   */\n  onPaginationChange?: (pagination: PaginationState) => void\n  /**\n   * The callback invoked when the row is clicked.\n   */\n  onRowClick?: (row: Row<Y>) => void\n  /**\n   * The callback invoked when the row is double clicked.\n   */\n  onRowDoubleClick?: (row: Row<Y>) => void\n  /**\n   * The callback invoked when the sorting state changes.\n   */\n  onSortingChange?: (sorting: SortingState<Y>) => void\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TablePropsContext,\n  useComponentContext,\n  usePropsContext: useTablePropsContext,\n  withContext,\n} = createComponent<TableProps<any>, any, ComponentContext>(\"table\")\n\nexport { TablePropsContext, useTablePropsContext }\n\n/**\n * `Table` is a table component equipped with column sorting, row selection, and click event features.\n *\n * @see https://yamada-ui.com/docs/components/table\n */\nexport const Table = withContext(\n  <Y extends RowData>({\n    className,\n    colorScheme,\n    size,\n    variant,\n    columnFilters: columnFiltersProp,\n    columnResizeMode = \"onChange\",\n    columns: columnsProp,\n    data,\n    defaultColumnFilters,\n    defaultPagination = { pageIndex: 0, pageSize: 20 },\n    defaultRowSelection = {},\n    defaultSorting,\n    enableAutoResizeTableWidth = false,\n    enableColumnResizing = false,\n    enableKeyboardNavigation = true,\n    enablePagination = false,\n    enableRowSelection = false,\n    footer,\n    header,\n    highlightOnHover = !!enableRowSelection,\n    highlightOnSelected = !!enableRowSelection,\n    initialFocusableCell = { colIndex: 0, rowIndex: 0 },\n    layout,\n    lineClamp,\n    manualPagination,\n    pagination: paginationProp,\n    rowCount: totalRowCount,\n    rowSelection: rowSelectionProp,\n    selectOnClickRow = false,\n    sortDescFirst = false,\n    sorting: sortingProp,\n    sortingIcon,\n    state,\n    stickyFooter,\n    stickyHeader,\n    striped,\n    truncated,\n    withBorder,\n    withCheckbox = true,\n    withColumnBorders,\n    withFooterCheckbox = false,\n    withFooterGroups = false,\n    withScrollArea,\n    cellProps,\n    checkboxProps,\n    footerGroupProps,\n    footerProps,\n    headerCheckboxProps,\n    headerGroupProps,\n    headerProps,\n    resizableTriggerProps,\n    rowCheckboxProps,\n    rowProps,\n    scrollAreaProps,\n    sortingIconProps,\n    tableProps,\n    tbodyProps,\n    tfootProps,\n    theadProps,\n    onColumnFiltersChange: onColumnFiltersChangeProp,\n    onPaginationChange: onPaginationChangeProp,\n    onRowClick,\n    onRowDoubleClick,\n    onRowSelectionChange: onRowSelectionChangeProp,\n    onSortingChange: onSortingChangeProp,\n    ...rest\n  }: TableProps<Y>) => {\n    const { t } = useI18n(\"table\")\n    const initialFocus = useRef<boolean>(false)\n    const ref = useRef<HTMLTableElement>(null)\n    const focusedCell = useRef<null | { colIndex: number; rowIndex: number }>(\n      null,\n    )\n    const [rowSelection, onRowSelectionChange] = useControllableState({\n      defaultValue: defaultRowSelection,\n      value: rowSelectionProp,\n      onChange: onRowSelectionChangeProp,\n    })\n    const [sorting, onSortingChange] = useControllableState({\n      defaultValue: defaultSorting,\n      value: sortingProp,\n      onChange: onSortingChangeProp,\n    })\n    const [pagination, onPaginationChange] = useControllableState({\n      defaultValue: defaultPagination,\n      value: paginationProp,\n      onChange: onPaginationChangeProp,\n    })\n    const [columnFilters, onColumnFiltersChange] = useControllableState({\n      defaultValue: defaultColumnFilters,\n      value: columnFiltersProp,\n      onChange: onColumnFiltersChangeProp,\n    })\n    const columns = useMemo(() => {\n      if (!enableRowSelection || !withCheckbox) return columnsProp\n\n      const clonedColumns = [...columnsProp]\n\n      const header = ({ header, table }: HeaderContext<Y, any>) => {\n        return (\n          <Checkbox\n            {...mergeProps(\n              {\n                checked: table.getIsAllRowsSelected(),\n                indeterminate: table.getIsSomeRowsSelected(),\n                indicatorProps: { outline: \"none\" },\n                inputProps: {\n                  \"aria-label\": t(\"Select all rows\"),\n                  \"data-focusable\": \"\",\n                  tabIndex: -1,\n                },\n                onChange: table.getToggleAllRowsSelectedHandler(),\n              },\n              checkboxProps ?? {},\n              runIfFn(headerCheckboxProps, header) ?? {},\n            )()}\n          />\n        )\n      }\n\n      const cell = ({ row }: CellContext<Y, any>) => {\n        return (\n          <Checkbox\n            {...mergeProps(\n              {\n                checked: row.getIsSelected(),\n                disabled: !row.getCanSelect(),\n                indeterminate: row.getIsSomeSelected(),\n                indicatorProps: { outline: \"none\" },\n                inputProps: {\n                  \"aria-label\": t(\"Select row\"),\n                  \"data-focusable\": \"\",\n                  tabIndex: -1,\n                },\n                onChange: row.getToggleSelectedHandler(),\n              },\n              checkboxProps ?? {},\n              runIfFn(rowCheckboxProps, row) ?? {},\n            )()}\n          />\n        )\n      }\n\n      clonedColumns.unshift({\n        id: \"select\",\n        cell,\n        header,\n        ...(withFooterCheckbox\n          ? { footer: header }\n          : { footerProps: { \"aria-hidden\": \"true\" } }),\n        cellProps: { verticalAlign: \"middle\" },\n        headerProps: { w: \"calc({spaces.4} + {space-x} * 2)\" },\n      })\n\n      return clonedColumns\n    }, [\n      checkboxProps,\n      columnsProp,\n      enableRowSelection,\n      headerCheckboxProps,\n      rowCheckboxProps,\n      t,\n      withCheckbox,\n      withFooterCheckbox,\n    ])\n    const table = useReactTable<Y>({\n      columnResizeMode,\n      columns,\n      data,\n      enableColumnResizing,\n      enableRowSelection,\n      getCoreRowModel: getCoreRowModel(),\n      getFilteredRowModel: getFilteredRowModel(),\n      getSortedRowModel: getSortedRowModel(),\n      manualPagination,\n      rowCount: totalRowCount,\n      sortDescFirst,\n      state: {\n        columnFilters,\n        pagination: enablePagination ? pagination : undefined,\n        rowSelection,\n        sorting: sorting as OriginalSortingState,\n        ...state,\n      },\n      onColumnFiltersChange,\n      onPaginationChange,\n      onRowSelectionChange,\n      onSortingChange: onSortingChange as OnChangeFn<OriginalSortingState>,\n      ...(enablePagination\n        ? { getPaginationRowModel: getPaginationRowModel() }\n        : {}),\n      ...rest,\n    })\n    const headerGroups = table.getHeaderGroups()\n    const mergedHeaderGroups = getMergeHeaderGroups(headerGroups)\n    const rows = table.getRowModel().rows\n    const footerGroups = table.getFooterGroups()\n    const mergedFooterGroups = getMergeFooterGroups(\n      withFooterGroups ? footerGroups : [],\n    )\n    const headerGroupCount = headerGroups.length\n    const rowCount = rows.length\n    const colCount = table.getAllLeafColumns().length\n    const maxColIndex = colCount - 1\n    const pageIndex = enablePagination\n      ? table.getState().pagination.pageIndex\n      : 0\n    const cellMap = useMemo(() => {\n      const cellMap = new Map<string, string>()\n\n      if (!enableKeyboardNavigation) return cellMap\n\n      const insertCellMap = (\n        id: string,\n        colSpan: number,\n        rowSpan: number,\n        colIndex: number,\n        rowIndex: number,\n      ) => {\n        for (let i = 0; i < colSpan; i++)\n          cellMap.set(`${colIndex + i}-${rowIndex}`, `${colIndex}-${rowIndex}`)\n\n        for (let i = 1; i < rowSpan; i++)\n          cellMap.set(`${colIndex}-${rowIndex + i}`, `${colIndex}-${rowIndex}`)\n      }\n\n      const insertCellMapByHeaderGroup = (\n        headerGroup: HeaderGroup<Y>,\n        rowIndex: number,\n      ) => {\n        let placeholderCount = 0\n\n        headerGroup.headers.forEach((header) => {\n          const colSpan = header.colSpan || 1\n          const rowSpan = header.rowSpan || 1\n          const colIndex = header.index + placeholderCount\n\n          placeholderCount += colSpan - 1\n\n          insertCellMap(header.id, colSpan, rowSpan, colIndex, rowIndex)\n        })\n      }\n\n      mergedHeaderGroups.forEach((headerGroup, rowIndex) => {\n        insertCellMapByHeaderGroup(headerGroup, rowIndex)\n      })\n\n      rows.forEach((row, rowIndex) => {\n        rowIndex += headerGroupCount\n\n        row.getVisibleCells().forEach((cell) => {\n          const colIndex = cell.column.getIndex()\n\n          insertCellMap(cell.id, 1, 1, colIndex, rowIndex)\n        })\n      })\n\n      mergedFooterGroups.forEach((footerGroup, rowIndex) => {\n        rowIndex += headerGroupCount + rowCount\n\n        insertCellMapByHeaderGroup(footerGroup, rowIndex)\n      })\n\n      return cellMap\n    }, [\n      enableKeyboardNavigation,\n      headerGroupCount,\n      mergedFooterGroups,\n      mergedHeaderGroups,\n      rows,\n      rowCount,\n    ])\n    const context = useMemo(\n      () => ({\n        columnResizeMode,\n        sortingIcon,\n        table,\n        resizableTriggerProps,\n        sortingIconProps,\n      }),\n      [\n        columnResizeMode,\n        sortingIcon,\n        sortingIconProps,\n        resizableTriggerProps,\n        table,\n      ],\n    )\n    const getCell = (\n      evOrEl:\n        | Element\n        | FocusEvent<HTMLTableElement>\n        | KeyboardEvent<HTMLTableElement>\n        | null\n        | undefined,\n    ) => {\n      if (!evOrEl) return\n\n      const el =\n        evOrEl instanceof HTMLElement\n          ? evOrEl.closest(\"th, td\")\n          : \"target\" in evOrEl && evOrEl.target instanceof HTMLElement\n            ? evOrEl.target.closest(\"th, td\")\n            : null\n\n      if (!(el instanceof HTMLTableCellElement)) return\n\n      const { colindex, rowindex } = el.dataset\n      const { colSpan, rowSpan } = el\n\n      if (!colindex || !rowindex) return\n\n      const colIndex = parseInt(colindex)\n      const rowIndex = parseInt(rowindex)\n\n      return { colIndex, colSpan, el, rowIndex, rowSpan }\n    }\n    const getShouldFocusCell = (colIndex: number, rowIndex: number) => {\n      const [trulyColIndex, trulyRowIndex] =\n        cellMap.get(`${colIndex}-${rowIndex}`)?.split(\"-\") ?? []\n\n      if (!trulyColIndex || !trulyRowIndex) return\n\n      const targetEl = ref.current?.querySelector(\n        `[data-colindex=\"${trulyColIndex}\"][data-rowindex=\"${trulyRowIndex}\"]`,\n      )\n\n      if (!targetEl || !(targetEl instanceof HTMLTableCellElement)) return\n\n      return targetEl\n    }\n    const removeTabIndex = (el: Element | null | undefined) => {\n      if (!el || !(el instanceof HTMLElement)) return\n\n      el.tabIndex = -1\n      el.querySelectorAll(\"[data-focusable]\").forEach((el) => {\n        if (el instanceof HTMLElement) el.tabIndex = -1\n      })\n    }\n    const onCellFocus = (\n      el: HTMLTableCellElement | null | undefined,\n      colIndex: number,\n      rowIndex: number,\n    ) => {\n      const targetEl = getShouldFocusCell(colIndex, rowIndex)\n\n      if (!targetEl) return\n\n      focusedCell.current = { colIndex, rowIndex }\n\n      removeTabIndex(el)\n\n      const shouldFocusEl =\n        targetEl.querySelector(\"[data-focusable]\") ?? targetEl\n\n      if (shouldFocusEl instanceof HTMLElement) {\n        shouldFocusEl.tabIndex = 0\n        shouldFocusEl.focus()\n      }\n    }\n    const onFocus = (ev: FocusEvent<HTMLTableElement>) => {\n      if (initialFocus.current) return\n\n      initialFocus.current = true\n\n      const cell = getCell(ev)\n\n      if (!cell) return\n\n      onCellFocus(cell.el, cell.colIndex, cell.rowIndex)\n    }\n    const onKeyDown = (ev: KeyboardEvent<HTMLTableElement>) => {\n      if (!enableKeyboardNavigation) return\n\n      const cell = getCell(ev)\n\n      if (!cell) return\n\n      runKeyAction(ev, {\n        ArrowDown: () =>\n          onCellFocus(cell.el, cell.colIndex, cell.rowIndex + cell.rowSpan),\n        ArrowLeft: () => onCellFocus(cell.el, cell.colIndex - 1, cell.rowIndex),\n        ArrowRight: () =>\n          onCellFocus(cell.el, cell.colIndex + cell.colSpan, cell.rowIndex),\n        ArrowUp: () => onCellFocus(cell.el, cell.colIndex, cell.rowIndex - 1),\n        End: () => onCellFocus(cell.el, maxColIndex, cell.rowIndex),\n        Home: () => onCellFocus(cell.el, 0, cell.rowIndex),\n        ...(enablePagination\n          ? {\n              PageDown: () => {\n                if (!table.getCanNextPage()) return\n\n                table.setPageIndex(pageIndex + 1)\n              },\n              PageUp: () => {\n                if (!table.getCanPreviousPage()) return\n\n                table.setPageIndex(pageIndex - 1)\n              },\n            }\n          : {}),\n      })\n    }\n    const getTabIndex = (colIndex: number, rowIndex: number) => {\n      if (!enableKeyboardNavigation) return undefined\n\n      return colIndex === initialFocusableCell.colIndex &&\n        rowIndex === initialFocusableCell.rowIndex\n        ? 0\n        : undefined\n    }\n\n    useUpdateEffect(() => {\n      if (!enableKeyboardNavigation) return\n\n      const { colIndex, rowIndex } = focusedCell.current ?? initialFocusableCell\n      const targetEl = getShouldFocusCell(colIndex, rowIndex)\n\n      if (targetEl) targetEl.tabIndex = 0\n    }, [pageIndex, enableKeyboardNavigation])\n\n    return (\n      <ComponentContext value={context}>\n        {header ? runIfFn(header, table) : null}\n\n        <NativeTable.Root\n          {...mergeProps(\n            {\n              ref,\n              className,\n              style:\n                enableColumnResizing && enableAutoResizeTableWidth\n                  ? { width: table.getCenterTotalSize() }\n                  : {},\n              colorScheme,\n              size,\n              variant,\n              \"aria-colcount\": colCount,\n              \"aria-multiselectable\": enableRowSelection ? \"true\" : undefined,\n              \"aria-rowcount\": totalRowCount || data.length,\n              highlightOnHover,\n              highlightOnSelected,\n              layout,\n              role: \"grid\",\n              stickyFooter,\n              stickyHeader,\n              striped,\n              withBorder,\n              withColumnBorders,\n              withScrollArea,\n              scrollAreaProps,\n              onFocus,\n              onKeyDown,\n            },\n            tableProps ?? {},\n          )()}\n        >\n          <NativeTable.Thead {...theadProps}>\n            {mergedHeaderGroups.map((headerGroup, rowIndex) => {\n              let placeholderCount = 0\n\n              return (\n                <NativeTable.Tr\n                  key={headerGroup.id}\n                  aria-rowindex={rowIndex + 1}\n                  role=\"row\"\n                  {...runIfFn(headerGroupProps, headerGroup)}\n                >\n                  {headerGroup.headers.map((header) => {\n                    const { columnDef } = header.column\n                    const colIndex = header.index + placeholderCount\n                    const tabIndex = getTabIndex(colIndex, rowIndex)\n                    const canSort = header.column.getCanSort()\n                    const sorted = header.column.getIsSorted()\n                    const canResize = header.column.getCanResize()\n                    const resizing = header.column.getIsResizing()\n                    const children = header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext(),\n                        )\n\n                    placeholderCount += (header.colSpan || 1) - 1\n\n                    return (\n                      <NativeTable.Th\n                        key={header.id}\n                        aria-colindex={colIndex + 1}\n                        aria-rowindex={rowIndex + 1}\n                        aria-sort={\n                          sorted\n                            ? sorted === \"asc\"\n                              ? \"ascending\"\n                              : \"descending\"\n                            : \"none\"\n                        }\n                        data-colindex={colIndex}\n                        data-rowindex={rowIndex}\n                        colSpan={header.colSpan || undefined}\n                        numeric={columnDef.numeric}\n                        pe={\n                          canSort\n                            ? \"calc((1rem * {lineHeights.moderate}) + {space-x})\"\n                            : undefined\n                        }\n                        position=\"relative\"\n                        role=\"columnheader\"\n                        rowSpan={header.rowSpan || undefined}\n                        tabIndex={tabIndex}\n                        {...mergeProps(\n                          {\n                            css: {\n                              \"&:has([data-focusable]:focus-visible)\":\n                                focusRingStyle.outline,\n                            },\n                            style: enableColumnResizing\n                              ? { width: header.getSize() }\n                              : {},\n                          },\n                          runIfFn(headerProps, header) ?? {},\n                          columnDef.headerProps ?? {},\n                        )()}\n                      >\n                        <TruncatedText\n                          lineClamp={columnDef.lineClamp ?? lineClamp}\n                          truncated={columnDef.truncated ?? truncated}\n                        >\n                          {children}\n                        </TruncatedText>\n\n                        {canSort ? (\n                          <SortingIcon\n                            sorted={sorted}\n                            onClick={header.column.getToggleSortingHandler()}\n                          />\n                        ) : null}\n\n                        {canResize ? (\n                          <ResizableTrigger\n                            resizing={resizing}\n                            onDoubleClick={header.column.resetSize}\n                            onMouseDown={header.getResizeHandler()}\n                            onTouchStart={header.getResizeHandler()}\n                          />\n                        ) : null}\n                      </NativeTable.Th>\n                    )\n                  })}\n                </NativeTable.Tr>\n              )\n            })}\n          </NativeTable.Thead>\n\n          <NativeTable.Tbody {...tbodyProps}>\n            {rows.map((row, rowIndex) => {\n              rowIndex += headerGroupCount\n\n              const selected = !!rowSelection[row.id]\n              const disabled =\n                isFunction(enableRowSelection) && !enableRowSelection(row)\n\n              return (\n                <NativeTable.Tr\n                  id={row.id}\n                  key={row.id}\n                  aria-disabled={ariaAttr(disabled)}\n                  aria-rowindex={rowIndex + 1}\n                  aria-selected={ariaAttr(selected)}\n                  data-disabled={dataAttr(disabled)}\n                  data-selected={dataAttr(selected)}\n                  role=\"row\"\n                  {...mergeProps(\n                    {\n                      onClick:\n                        !disabled && selectOnClickRow\n                          ? () => row.toggleSelected(!selected)\n                          : undefined,\n                    },\n                    {\n                      onClick: !disabled ? () => onRowClick?.(row) : undefined,\n                      onDoubleClick: !disabled\n                        ? () => onRowDoubleClick?.(row)\n                        : undefined,\n                    },\n                    runIfFn(rowProps, row) ?? {},\n                  )()}\n                >\n                  {row.getVisibleCells().map((cell) => {\n                    const { columnDef } = cell.column\n                    const colIndex = cell.column.getIndex()\n                    const tabIndex = getTabIndex(colIndex, rowIndex)\n                    const children = flexRender(\n                      cell.column.columnDef.cell,\n                      cell.getContext(),\n                    )\n\n                    return (\n                      <NativeTable.Td\n                        key={cell.id}\n                        aria-colindex={colIndex + 1}\n                        aria-rowindex={rowIndex + 1}\n                        data-colindex={colIndex}\n                        data-rowindex={rowIndex}\n                        numeric={columnDef.numeric}\n                        role=\"gridcell\"\n                        tabIndex={tabIndex}\n                        {...mergeProps(\n                          {\n                            css: {\n                              \"&:has([data-focusable]:focus-visible)\":\n                                focusRingStyle.outline,\n                            },\n                          },\n                          runIfFn(cellProps, cell) ?? {},\n                          columnDef.cellProps ?? {},\n                        )()}\n                      >\n                        <TruncatedText\n                          lineClamp={columnDef.lineClamp ?? lineClamp}\n                          truncated={columnDef.truncated ?? truncated}\n                        >\n                          {children}\n                        </TruncatedText>\n                      </NativeTable.Td>\n                    )\n                  })}\n                </NativeTable.Tr>\n              )\n            })}\n          </NativeTable.Tbody>\n\n          {withFooterGroups ? (\n            <NativeTable.Tfoot {...tfootProps}>\n              {mergedFooterGroups.map((footerGroup, rowIndex) => {\n                rowIndex += headerGroupCount + rowCount\n\n                let placeholderCount = 0\n\n                return (\n                  <NativeTable.Tr\n                    key={footerGroup.id}\n                    aria-rowindex={rowIndex + 1}\n                    role=\"row\"\n                    {...runIfFn(footerGroupProps, footerGroup)}\n                  >\n                    {footerGroup.headers.map((header) => {\n                      const { columnDef } = header.column\n                      const colIndex = header.index + placeholderCount\n                      const tabIndex = getTabIndex(colIndex, rowIndex)\n                      const children = header.isPlaceholder\n                        ? null\n                        : flexRender(\n                            header.column.columnDef.footer,\n                            header.getContext(),\n                          )\n\n                      placeholderCount += (header.colSpan || 1) - 1\n\n                      return (\n                        <NativeTable.Td\n                          key={header.id}\n                          aria-colindex={colIndex + 1}\n                          aria-rowindex={rowIndex + 1}\n                          data-colindex={colIndex}\n                          data-rowindex={rowIndex}\n                          colSpan={header.colSpan || undefined}\n                          numeric={columnDef.numeric}\n                          role=\"gridcell\"\n                          rowSpan={header.rowSpan || undefined}\n                          tabIndex={tabIndex}\n                          {...mergeProps(\n                            {\n                              css: {\n                                \"&:has([data-focusable]:focus-visible)\":\n                                  focusRingStyle.outline,\n                              },\n                            },\n                            runIfFn(footerProps, header) ?? {},\n                            columnDef.footerProps ?? {},\n                          )()}\n                        >\n                          <TruncatedText\n                            lineClamp={columnDef.lineClamp ?? lineClamp}\n                            truncated={columnDef.truncated ?? truncated}\n                          >\n                            {children}\n                          </TruncatedText>\n                        </NativeTable.Td>\n                      )\n                    })}\n                  </NativeTable.Tr>\n                )\n              })}\n            </NativeTable.Tfoot>\n          ) : null}\n        </NativeTable.Root>\n\n        {footer ? runIfFn(footer, table) : null}\n      </ComponentContext>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends RowData>(props: TableProps<Y>): ReactElement\n}>\n\ninterface SortingIconProps extends HTMLStyledProps<\"button\"> {\n  sorted: false | SortDirection\n}\n\nconst SortingIcon: FC<SortingIconProps> = ({ sorted, ...rest }) => {\n  const { t } = useI18n(\"table\")\n  const { sortingIcon, sortingIconProps = {} } = useComponentContext()\n  const Icon = sorted ? ChevronUpIcon : ChevronsUpDownIcon\n\n  return (\n    <styled.button\n      type=\"button\"\n      layerStyle=\"ghost\"\n      colorScheme=\"mono\"\n      aria-label={t(\n        sorted\n          ? sorted === \"desc\"\n            ? \"Sort descending\"\n            : \"Sort ascending\"\n          : \"Clear sorting\",\n      )}\n      data-focusable\n      aspectRatio=\"1\"\n      cursor=\"pointer\"\n      display=\"center\"\n      focusVisibleRing=\"none\"\n      h=\"calc(1em * {lineHeights.moderate})\"\n      position=\"absolute\"\n      right=\"{space-x}\"\n      rounded=\"l1\"\n      tabIndex={-1}\n      top=\"50%\"\n      transform=\"translateY(-50%)\"\n      transitionDuration=\"moderate\"\n      transitionProperty=\"common\"\n      _hover={{ layerStyle: \"ghost.hover\" }}\n      {...mergeProps(rest, sortingIconProps)()}\n    >\n      {runIfFn(sortingIcon, sorted) ?? (\n        <Icon transform={`rotate(${sorted === \"desc\" ? 180 : 0}deg)`} />\n      )}\n    </styled.button>\n  )\n}\n\ninterface ResizableTriggerProps extends HTMLStyledProps {\n  resizing: boolean\n}\n\nconst ResizableTrigger: FC<ResizableTriggerProps> = ({ resizing, ...rest }) => {\n  const {\n    columnResizeMode,\n    table,\n    resizableTriggerProps = {},\n  } = useComponentContext()\n  const offset = table.getState().columnSizingInfo.deltaOffset\n\n  return (\n    <styled.div\n      data-active={dataAttr(resizing)}\n      bg=\"colorScheme.solid\"\n      cursor=\"col-resize\"\n      insetY=\"0\"\n      opacity={{ base: \"0\", _hover: \"1\", _active: \"1\" }}\n      position=\"absolute\"\n      right=\"0\"\n      touchAction=\"none\"\n      transform={`translateX(${columnResizeMode === \"onEnd\" && resizing && offset ? `${offset}px` : \"50%\"})`}\n      userSelect=\"none\"\n      w=\"1\"\n      {...mergeProps(rest, resizableTriggerProps)()}\n    />\n  )\n}\n\ninterface TruncatedTextProps extends HTMLStyledProps<\"span\"> {}\n\nconst TruncatedText: FC<TruncatedTextProps> = ({\n  children,\n  lineClamp,\n  truncated,\n  ...rest\n}) => {\n  if (lineClamp || truncated)\n    return (\n      <styled.span\n        lineClamp={lineClamp}\n        truncated={truncated}\n        wordBreak=\"break-all\"\n        {...rest}\n      >\n        {children}\n      </styled.span>\n    )\n  else return children\n}\n"],"mappings":"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"}
+{"version":3,"file":"table.js","names":["NativeTable.Root","NativeTable.Thead","NativeTable.Tr","NativeTable.Th","NativeTable.Tbody","NativeTable.Td","NativeTable.Tfoot"],"sources":["../../../../src/components/table/table.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  AccessorFn,\n  Cell,\n  CellContext,\n  ColumnDef,\n  ColumnDefTemplate,\n  ColumnFiltersColumnDef,\n  ColumnFiltersState,\n  ColumnMeta,\n  ColumnPinningColumnDef,\n  ColumnSizingColumnDef,\n  GlobalFilterColumnDef,\n  GroupingColumnDef,\n  Header,\n  HeaderContext,\n  HeaderGroup,\n  OnChangeFn,\n  SortingState as OriginalSortingState,\n  PaginationState,\n  Table as ReactTable,\n  Row,\n  RowData,\n  RowSelectionState,\n  SortDirection,\n  SortingColumnDef,\n  TableOptions,\n  VisibilityColumnDef,\n} from \"@tanstack/react-table\"\nimport type { FC, FocusEvent, KeyboardEvent, ReactElement } from \"react\"\nimport type { CSSProps, GenericsComponent, HTMLStyledProps } from \"../../core\"\nimport type { ReactNodeOrFunction, TransformProps } from \"../../utils\"\nimport type { CheckboxProps } from \"../checkbox\"\nimport {\n  createColumnHelper,\n  flexRender,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\"\nimport { useMemo, useRef } from \"react\"\nimport { createComponent, focusRingStyle, mergeProps, styled } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  dataAttr,\n  isFunction,\n  runIfFn,\n  runKeyAction,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { Checkbox } from \"../checkbox\"\nimport { ChevronsUpDownIcon, ChevronUpIcon } from \"../icon\"\nimport { NativeTable } from \"../native-table\"\n\ndeclare module \"@tanstack/react-table\" {\n  interface ColumnDefExtensions<TData extends RowData, TValue = unknown>\n    extends\n      VisibilityColumnDef,\n      ColumnPinningColumnDef,\n      ColumnFiltersColumnDef<TData>,\n      GlobalFilterColumnDef,\n      SortingColumnDef<TData>,\n      GroupingColumnDef<TData, TValue>,\n      ColumnSizingColumnDef {}\n\n  interface ColumnDefBase<TData extends RowData, TValue = unknown>\n    extends\n      ColumnDefExtensions<TData, TValue>,\n      Pick<CSSProps, \"lineClamp\" | \"truncated\">,\n      Pick<NativeTable.TdProps, \"numeric\"> {\n    cell?: ColumnDefTemplate<CellContext<TData, TValue>>\n    footer?: ColumnDefTemplate<HeaderContext<TData, TValue>>\n    getUniqueValues?: AccessorFn<TData, unknown[]>\n    meta?: ColumnMeta<TData, TValue>\n    cellProps?: NativeTable.TdProps\n    footerProps?: NativeTable.ThProps\n    headerProps?: NativeTable.ThProps\n  }\n}\n\nexport { createColumnHelper }\nexport type {\n  ColumnDef,\n  ColumnFiltersState,\n  PaginationState,\n  RowSelectionState,\n  SortDirection,\n}\n\nfunction getMergeHeaderGroups(\n  headerGroups: HeaderGroup<any>[],\n): HeaderGroup<any>[] {\n  if (headerGroups.length <= 1) return headerGroups\n\n  const columnsIds = new Set()\n\n  return headerGroups.map((headerGroup, depth, { length: fullDepth }) => {\n    return {\n      ...headerGroup,\n      headers: headerGroup.headers\n        .filter((header) => !columnsIds.has(header.column.id))\n        .map((header) => {\n          columnsIds.add(header.column.id)\n\n          return header.isPlaceholder\n            ? { ...header, isPlaceholder: false, rowSpan: fullDepth - depth }\n            : { ...header, rowSpan: 1 }\n        }),\n    }\n  })\n}\n\nfunction getMergeFooterGroups(\n  headerGroups: HeaderGroup<any>[],\n): HeaderGroup<any>[] {\n  if (headerGroups.length <= 1) return headerGroups\n\n  return headerGroups.map((headerGroup, depth) => {\n    const nextHeaderGroups = headerGroups.slice(depth + 1)\n\n    return {\n      ...headerGroup,\n      headers: headerGroup.headers\n        .filter((header) => !header.isPlaceholder)\n        .map((header) => {\n          if (nextHeaderGroups.length === 0) return header\n\n          const rowSpan = nextHeaderGroups.reduce((acc, nextHeaderGroup) => {\n            const hasNextHeader = nextHeaderGroup.headers.some(\n              (nextHeader) => nextHeader.column.id === header.column.id,\n            )\n\n            return acc + (hasNextHeader ? 1 : 0)\n          }, 1)\n\n          return { ...header, rowSpan }\n        }),\n    }\n  })\n}\n\nexport interface ColumnSort<Y extends RowData> {\n  desc: boolean\n  id: keyof Y\n}\nexport type SortingState<Y extends RowData> = ColumnSort<Y>[]\n\ninterface ComponentContext extends Pick<\n  TableProps<any>,\n  | \"columnResizeMode\"\n  | \"resizableTriggerProps\"\n  | \"sortingIcon\"\n  | \"sortingIconProps\"\n> {\n  table: ReactTable<any>\n}\n\ninterface OmittedTableOptions<Y extends RowData> extends Omit<\n  TableOptions<Y>,\n  | \"getCoreRowModel\"\n  | \"onColumnFiltersChange\"\n  | \"onPaginationChange\"\n  | \"onSortingChange\"\n> {}\n\ninterface PickedNativeTableProps extends Pick<\n  NativeTable.RootProps,\n  | \"className\"\n  | \"highlightOnHover\"\n  | \"highlightOnSelected\"\n  | \"layout\"\n  | \"scrollAreaProps\"\n  | \"size\"\n  | \"stickyFooter\"\n  | \"stickyHeader\"\n  | \"striped\"\n  | \"variant\"\n  | \"withBorder\"\n  | \"withColumnBorders\"\n  | \"withScrollArea\"\n> {}\n\nexport interface TableProps<Y extends RowData>\n  extends\n    OmittedTableOptions<Y>,\n    PickedNativeTableProps,\n    Pick<CSSProps, \"colorScheme\" | \"lineClamp\" | \"truncated\"> {\n  /**\n   * The column filters state of the table.\n   */\n  columnFilters?: ColumnFiltersState\n  /**\n   * The default column filters state of the table.\n   */\n  defaultColumnFilters?: ColumnFiltersState\n  /**\n   * The default pagination state of the table.\n   */\n  defaultPagination?: PaginationState\n  /**\n   * The default row selection state of the table.\n   */\n  defaultRowSelection?: RowSelectionState\n  /**\n   * The default sorting state of the table.\n   */\n  defaultSorting?: SortingState<Y>\n  /**\n   * If `true`, the table width will be automatically resized to the content.\n   *\n   * @default false\n   */\n  enableAutoResizeTableWidth?: boolean\n  /**\n   * If `true`, the keyboard navigation will be enabled.\n   *\n   * @default true\n   */\n  enableKeyboardNavigation?: boolean\n  /**\n   * If `true`, the pagination will be enabled.\n   *\n   * @default false\n   */\n  enablePagination?: boolean\n  /**\n   * The footer of the table.\n   */\n  footer?: ReactNodeOrFunction<ReactTable<Y>>\n  /**\n   * The header of the table.\n   */\n  header?: ReactNodeOrFunction<ReactTable<Y>>\n  /**\n   * The initial focusable cell of the table.\n   *\n   * @default {rowIndex: 0, colIndex: 0}\n   */\n  initialFocusableCell?: { colIndex: number; rowIndex: number }\n  /**\n   * The pagination state of the table.\n   */\n  pagination?: PaginationState\n  /**\n   * The row selection state of the table.\n   */\n  rowSelection?: RowSelectionState\n  /**\n   * If `true`, the row will be selected when the row is clicked.\n   *\n   * @default false\n   */\n  selectOnClickRow?: boolean\n  /**\n   * The sorting state of the table.\n   */\n  sorting?: SortingState<Y>\n  /**\n   * The sorting icon of the table.\n   */\n  sortingIcon?: ReactNodeOrFunction<false | SortDirection>\n  /**\n   * If `true`, the table will have a checkbox column.\n   *\n   * @default true\n   */\n  withCheckbox?: boolean\n  /**\n   * If `true`, the table will have a checkbox in the footer.\n   *\n   * @default false\n   */\n  withFooterCheckbox?: boolean\n  /**\n   * If `true`, the table will have footer groups.\n   *\n   * @default false\n   */\n  withFooterGroups?: boolean\n  /**\n   * The props for the table cell.\n   */\n  cellProps?: TransformProps<NativeTable.TdProps, Cell<Y, unknown>>\n  /**\n   * The props for the checkbox.\n   */\n  checkboxProps?: CheckboxProps\n  /**\n   * The props for the table footer group.\n   */\n  footerGroupProps?: TransformProps<NativeTable.TrProps, HeaderGroup<Y>>\n  /**\n   * The props for the table footer.\n   */\n  footerProps?: TransformProps<NativeTable.ThProps, Header<Y, unknown>>\n  /**\n   * The props for the table header checkbox.\n   */\n  headerCheckboxProps?: TransformProps<CheckboxProps, Header<Y, unknown>>\n  /**\n   * The props for the table header group.\n   */\n  headerGroupProps?: TransformProps<NativeTable.TrProps, HeaderGroup<Y>>\n  /**\n   * The props for the table header.\n   */\n  headerProps?: TransformProps<NativeTable.ThProps, Header<Y, unknown>>\n  /**\n   * The props for the resizable trigger.\n   */\n  resizableTriggerProps?: TransformProps<\n    Omit<ResizableTriggerProps, \"resizing\">,\n    Header<Y, unknown>\n  >\n  /**\n   * The props for the table row checkbox.\n   */\n  rowCheckboxProps?: TransformProps<CheckboxProps, Row<Y>>\n  /**\n   * The props for the table row.\n   */\n  rowProps?: TransformProps<NativeTable.TrProps, Row<Y>>\n  /**\n   * The props for the sorting icon.\n   */\n  sortingIconProps?: TransformProps<\n    Omit<SortingIconProps, \"sorted\">,\n    Header<Y, unknown>\n  >\n  /**\n   * The props for the table.\n   */\n  tableProps?: NativeTable.RootProps\n  /**\n   * The props for the table tbody.\n   */\n  tbodyProps?: NativeTable.TbodyProps\n  /**\n   * The props for the table tfoot.\n   */\n  tfootProps?: NativeTable.TfootProps\n  /**\n   * The props for the table thead.\n   */\n  theadProps?: NativeTable.TheadProps\n  /**\n   * The callback invoked when the column filters state changes.\n   */\n  onColumnFiltersChange?: (columnFilters: ColumnFiltersState) => void\n  /**\n   * The callback invoked when the pagination state changes.\n   */\n  onPaginationChange?: (pagination: PaginationState) => void\n  /**\n   * The callback invoked when the row is clicked.\n   */\n  onRowClick?: (row: Row<Y>) => void\n  /**\n   * The callback invoked when the row is double clicked.\n   */\n  onRowDoubleClick?: (row: Row<Y>) => void\n  /**\n   * The callback invoked when the sorting state changes.\n   */\n  onSortingChange?: (sorting: SortingState<Y>) => void\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TablePropsContext,\n  useComponentContext,\n  usePropsContext: useTablePropsContext,\n  withContext,\n} = createComponent<TableProps<any>, any, ComponentContext>(\"table\")\n\nexport { TablePropsContext, useTablePropsContext }\n\n/**\n * `Table` is a table component equipped with column sorting, row selection, and click event features.\n *\n * @see https://yamada-ui.com/docs/components/table\n */\nexport const Table = withContext(\n  <Y extends RowData>({\n    className,\n    colorScheme,\n    size,\n    variant,\n    columnFilters: columnFiltersProp,\n    columnResizeMode = \"onChange\",\n    columns: columnsProp,\n    data,\n    defaultColumnFilters,\n    defaultPagination = { pageIndex: 0, pageSize: 20 },\n    defaultRowSelection = {},\n    defaultSorting,\n    enableAutoResizeTableWidth = false,\n    enableColumnResizing = false,\n    enableKeyboardNavigation = true,\n    enablePagination = false,\n    enableRowSelection = false,\n    footer,\n    header,\n    highlightOnHover = !!enableRowSelection,\n    highlightOnSelected = !!enableRowSelection,\n    initialFocusableCell = { colIndex: 0, rowIndex: 0 },\n    layout,\n    lineClamp,\n    manualPagination,\n    pagination: paginationProp,\n    rowCount: totalRowCount,\n    rowSelection: rowSelectionProp,\n    selectOnClickRow = false,\n    sortDescFirst = false,\n    sorting: sortingProp,\n    sortingIcon,\n    state,\n    stickyFooter,\n    stickyHeader,\n    striped,\n    truncated,\n    withBorder,\n    withCheckbox = true,\n    withColumnBorders,\n    withFooterCheckbox = false,\n    withFooterGroups = false,\n    withScrollArea,\n    cellProps,\n    checkboxProps,\n    footerGroupProps,\n    footerProps,\n    headerCheckboxProps,\n    headerGroupProps,\n    headerProps,\n    resizableTriggerProps,\n    rowCheckboxProps,\n    rowProps,\n    scrollAreaProps,\n    sortingIconProps,\n    tableProps,\n    tbodyProps,\n    tfootProps,\n    theadProps,\n    onColumnFiltersChange: onColumnFiltersChangeProp,\n    onPaginationChange: onPaginationChangeProp,\n    onRowClick,\n    onRowDoubleClick,\n    onRowSelectionChange: onRowSelectionChangeProp,\n    onSortingChange: onSortingChangeProp,\n    ...rest\n  }: TableProps<Y>) => {\n    const { t } = useI18n(\"table\")\n    const initialFocus = useRef<boolean>(false)\n    const ref = useRef<HTMLTableElement>(null)\n    const focusedCell = useRef<null | { colIndex: number; rowIndex: number }>(\n      null,\n    )\n    const [rowSelection, onRowSelectionChange] = useControllableState({\n      defaultValue: defaultRowSelection,\n      value: rowSelectionProp,\n      onChange: onRowSelectionChangeProp,\n    })\n    const [sorting, onSortingChange] = useControllableState({\n      defaultValue: defaultSorting,\n      value: sortingProp,\n      onChange: onSortingChangeProp,\n    })\n    const [pagination, onPaginationChange] = useControllableState({\n      defaultValue: defaultPagination,\n      value: paginationProp,\n      onChange: onPaginationChangeProp,\n    })\n    const [columnFilters, onColumnFiltersChange] = useControllableState({\n      defaultValue: defaultColumnFilters,\n      value: columnFiltersProp,\n      onChange: onColumnFiltersChangeProp,\n    })\n    const columns = useMemo(() => {\n      if (!enableRowSelection || !withCheckbox) return columnsProp\n\n      const clonedColumns = [...columnsProp]\n\n      const header = ({ header, table }: HeaderContext<Y, any>) => {\n        return (\n          <Checkbox\n            {...mergeProps(\n              {\n                checked: table.getIsAllRowsSelected(),\n                indeterminate: table.getIsSomeRowsSelected(),\n                indicatorProps: { outline: \"none\" },\n                inputProps: {\n                  \"aria-label\": t(\"Select all rows\"),\n                  \"data-focusable\": \"\",\n                  tabIndex: -1,\n                },\n                onChange: table.getToggleAllRowsSelectedHandler(),\n              },\n              checkboxProps ?? {},\n              runIfFn(headerCheckboxProps, header) ?? {},\n            )()}\n          />\n        )\n      }\n\n      const cell = ({ row }: CellContext<Y, any>) => {\n        return (\n          <Checkbox\n            {...mergeProps(\n              {\n                checked: row.getIsSelected(),\n                disabled: !row.getCanSelect(),\n                indeterminate: row.getIsSomeSelected(),\n                indicatorProps: { outline: \"none\" },\n                inputProps: {\n                  \"aria-label\": t(\"Select row\"),\n                  \"data-focusable\": \"\",\n                  tabIndex: -1,\n                },\n                onChange: row.getToggleSelectedHandler(),\n              },\n              checkboxProps ?? {},\n              runIfFn(rowCheckboxProps, row) ?? {},\n            )()}\n          />\n        )\n      }\n\n      clonedColumns.unshift({\n        id: \"select\",\n        cell,\n        header,\n        ...(withFooterCheckbox\n          ? { footer: header }\n          : { footerProps: { \"aria-hidden\": \"true\" } }),\n        cellProps: { verticalAlign: \"middle\" },\n        headerProps: { w: \"calc({spaces.4} + {space-x} * 2)\" },\n      })\n\n      return clonedColumns\n    }, [\n      checkboxProps,\n      columnsProp,\n      enableRowSelection,\n      headerCheckboxProps,\n      rowCheckboxProps,\n      t,\n      withCheckbox,\n      withFooterCheckbox,\n    ])\n    const table = useReactTable<Y>({\n      columnResizeMode,\n      columns,\n      data,\n      enableColumnResizing,\n      enableRowSelection,\n      getCoreRowModel: getCoreRowModel(),\n      getFilteredRowModel: getFilteredRowModel(),\n      getSortedRowModel: getSortedRowModel(),\n      manualPagination,\n      rowCount: totalRowCount,\n      sortDescFirst,\n      state: {\n        columnFilters,\n        pagination: enablePagination ? pagination : undefined,\n        rowSelection,\n        sorting: sorting as OriginalSortingState,\n        ...state,\n      },\n      onColumnFiltersChange,\n      onPaginationChange,\n      onRowSelectionChange,\n      onSortingChange: onSortingChange as OnChangeFn<OriginalSortingState>,\n      ...(enablePagination\n        ? { getPaginationRowModel: getPaginationRowModel() }\n        : {}),\n      ...rest,\n    })\n    const headerGroups = table.getHeaderGroups()\n    const mergedHeaderGroups = getMergeHeaderGroups(headerGroups)\n    const rows = table.getRowModel().rows\n    const footerGroups = table.getFooterGroups()\n    const mergedFooterGroups = getMergeFooterGroups(\n      withFooterGroups ? footerGroups : [],\n    )\n    const headerGroupCount = headerGroups.length\n    const rowCount = rows.length\n    const colCount = table.getAllLeafColumns().length\n    const maxColIndex = colCount - 1\n    const pageIndex = enablePagination\n      ? table.getState().pagination.pageIndex\n      : 0\n    const cellMap = useMemo(() => {\n      const cellMap = new Map<string, string>()\n\n      if (!enableKeyboardNavigation) return cellMap\n\n      const insertCellMap = (\n        id: string,\n        colSpan: number,\n        rowSpan: number,\n        colIndex: number,\n        rowIndex: number,\n      ) => {\n        for (let i = 0; i < colSpan; i++)\n          cellMap.set(`${colIndex + i}-${rowIndex}`, `${colIndex}-${rowIndex}`)\n\n        for (let i = 1; i < rowSpan; i++)\n          cellMap.set(`${colIndex}-${rowIndex + i}`, `${colIndex}-${rowIndex}`)\n      }\n\n      const insertCellMapByHeaderGroup = (\n        headerGroup: HeaderGroup<Y>,\n        rowIndex: number,\n      ) => {\n        let placeholderCount = 0\n\n        headerGroup.headers.forEach((header) => {\n          const colSpan = header.colSpan || 1\n          const rowSpan = header.rowSpan || 1\n          const colIndex = header.index + placeholderCount\n\n          placeholderCount += colSpan - 1\n\n          insertCellMap(header.id, colSpan, rowSpan, colIndex, rowIndex)\n        })\n      }\n\n      mergedHeaderGroups.forEach((headerGroup, rowIndex) => {\n        insertCellMapByHeaderGroup(headerGroup, rowIndex)\n      })\n\n      rows.forEach((row, rowIndex) => {\n        rowIndex += headerGroupCount\n\n        row.getVisibleCells().forEach((cell) => {\n          const colIndex = cell.column.getIndex()\n\n          insertCellMap(cell.id, 1, 1, colIndex, rowIndex)\n        })\n      })\n\n      mergedFooterGroups.forEach((footerGroup, rowIndex) => {\n        rowIndex += headerGroupCount + rowCount\n\n        insertCellMapByHeaderGroup(footerGroup, rowIndex)\n      })\n\n      return cellMap\n    }, [\n      enableKeyboardNavigation,\n      headerGroupCount,\n      mergedFooterGroups,\n      mergedHeaderGroups,\n      rows,\n      rowCount,\n    ])\n    const context = useMemo(\n      () => ({\n        columnResizeMode,\n        sortingIcon,\n        table,\n        resizableTriggerProps,\n        sortingIconProps,\n      }),\n      [\n        columnResizeMode,\n        sortingIcon,\n        sortingIconProps,\n        resizableTriggerProps,\n        table,\n      ],\n    )\n    const getCell = (\n      evOrEl:\n        | Element\n        | FocusEvent<HTMLTableElement>\n        | KeyboardEvent<HTMLTableElement>\n        | null\n        | undefined,\n    ) => {\n      if (!evOrEl) return\n\n      const el =\n        evOrEl instanceof HTMLElement\n          ? evOrEl.closest(\"th, td\")\n          : \"target\" in evOrEl && evOrEl.target instanceof HTMLElement\n            ? evOrEl.target.closest(\"th, td\")\n            : null\n\n      if (!(el instanceof HTMLTableCellElement)) return\n\n      const { colindex, rowindex } = el.dataset\n      const { colSpan, rowSpan } = el\n\n      if (!colindex || !rowindex) return\n\n      const colIndex = parseInt(colindex)\n      const rowIndex = parseInt(rowindex)\n\n      return { colIndex, colSpan, el, rowIndex, rowSpan }\n    }\n    const getShouldFocusCell = (colIndex: number, rowIndex: number) => {\n      const [trulyColIndex, trulyRowIndex] =\n        cellMap.get(`${colIndex}-${rowIndex}`)?.split(\"-\") ?? []\n\n      if (!trulyColIndex || !trulyRowIndex) return\n\n      const targetEl = ref.current?.querySelector(\n        `[data-colindex=\"${trulyColIndex}\"][data-rowindex=\"${trulyRowIndex}\"]`,\n      )\n\n      if (!targetEl || !(targetEl instanceof HTMLTableCellElement)) return\n\n      return targetEl\n    }\n    const removeTabIndex = (el: Element | null | undefined) => {\n      if (!el || !(el instanceof HTMLElement)) return\n\n      el.tabIndex = -1\n      el.querySelectorAll(\"[data-focusable]\").forEach((el) => {\n        if (el instanceof HTMLElement) el.tabIndex = -1\n      })\n    }\n    const onCellFocus = (\n      el: HTMLTableCellElement | null | undefined,\n      colIndex: number,\n      rowIndex: number,\n    ) => {\n      const targetEl = getShouldFocusCell(colIndex, rowIndex)\n\n      if (!targetEl) return\n\n      focusedCell.current = { colIndex, rowIndex }\n\n      removeTabIndex(el)\n\n      const shouldFocusEl =\n        targetEl.querySelector(\"[data-focusable]\") ?? targetEl\n\n      if (shouldFocusEl instanceof HTMLElement) {\n        shouldFocusEl.tabIndex = 0\n        shouldFocusEl.focus()\n      }\n    }\n    const onFocus = (ev: FocusEvent<HTMLTableElement>) => {\n      if (initialFocus.current) return\n\n      initialFocus.current = true\n\n      const cell = getCell(ev)\n\n      if (!cell) return\n\n      onCellFocus(cell.el, cell.colIndex, cell.rowIndex)\n    }\n    const onKeyDown = (ev: KeyboardEvent<HTMLTableElement>) => {\n      if (!enableKeyboardNavigation) return\n\n      const cell = getCell(ev)\n\n      if (!cell) return\n\n      runKeyAction(ev, {\n        ArrowDown: () =>\n          onCellFocus(cell.el, cell.colIndex, cell.rowIndex + cell.rowSpan),\n        ArrowLeft: () => onCellFocus(cell.el, cell.colIndex - 1, cell.rowIndex),\n        ArrowRight: () =>\n          onCellFocus(cell.el, cell.colIndex + cell.colSpan, cell.rowIndex),\n        ArrowUp: () => onCellFocus(cell.el, cell.colIndex, cell.rowIndex - 1),\n        End: () => onCellFocus(cell.el, maxColIndex, cell.rowIndex),\n        Home: () => onCellFocus(cell.el, 0, cell.rowIndex),\n        ...(enablePagination\n          ? {\n              PageDown: () => {\n                if (!table.getCanNextPage()) return\n\n                table.setPageIndex(pageIndex + 1)\n              },\n              PageUp: () => {\n                if (!table.getCanPreviousPage()) return\n\n                table.setPageIndex(pageIndex - 1)\n              },\n            }\n          : {}),\n      })\n    }\n    const getTabIndex = (colIndex: number, rowIndex: number) => {\n      if (!enableKeyboardNavigation) return undefined\n\n      return colIndex === initialFocusableCell.colIndex &&\n        rowIndex === initialFocusableCell.rowIndex\n        ? 0\n        : undefined\n    }\n\n    useUpdateEffect(() => {\n      if (!enableKeyboardNavigation) return\n\n      const { colIndex, rowIndex } = focusedCell.current ?? initialFocusableCell\n      const targetEl = getShouldFocusCell(colIndex, rowIndex)\n\n      if (targetEl) targetEl.tabIndex = 0\n    }, [pageIndex, enableKeyboardNavigation])\n\n    return (\n      <ComponentContext value={context}>\n        {header ? runIfFn(header, table) : null}\n\n        <NativeTable.Root\n          {...mergeProps(\n            {\n              ref,\n              className,\n              style:\n                enableColumnResizing && enableAutoResizeTableWidth\n                  ? { width: table.getCenterTotalSize() }\n                  : {},\n              colorScheme,\n              size,\n              variant,\n              \"aria-colcount\": colCount,\n              \"aria-multiselectable\": enableRowSelection ? \"true\" : undefined,\n              \"aria-rowcount\": totalRowCount || data.length,\n              highlightOnHover,\n              highlightOnSelected,\n              layout,\n              role: \"grid\",\n              stickyFooter,\n              stickyHeader,\n              striped,\n              withBorder,\n              withColumnBorders,\n              withScrollArea,\n              scrollAreaProps,\n              onFocus,\n              onKeyDown,\n            },\n            tableProps ?? {},\n          )()}\n        >\n          <NativeTable.Thead {...theadProps}>\n            {mergedHeaderGroups.map((headerGroup, rowIndex) => {\n              let placeholderCount = 0\n\n              return (\n                <NativeTable.Tr\n                  key={headerGroup.id}\n                  aria-rowindex={rowIndex + 1}\n                  role=\"row\"\n                  {...runIfFn(headerGroupProps, headerGroup)}\n                >\n                  {headerGroup.headers.map((header) => {\n                    const { columnDef } = header.column\n                    const colIndex = header.index + placeholderCount\n                    const tabIndex = getTabIndex(colIndex, rowIndex)\n                    const canSort = header.column.getCanSort()\n                    const sorted = header.column.getIsSorted()\n                    const canResize = header.column.getCanResize()\n                    const resizing = header.column.getIsResizing()\n                    const children = header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext(),\n                        )\n\n                    placeholderCount += (header.colSpan || 1) - 1\n\n                    return (\n                      <NativeTable.Th\n                        key={header.id}\n                        aria-colindex={colIndex + 1}\n                        aria-rowindex={rowIndex + 1}\n                        aria-sort={\n                          sorted\n                            ? sorted === \"asc\"\n                              ? \"ascending\"\n                              : \"descending\"\n                            : \"none\"\n                        }\n                        data-colindex={colIndex}\n                        data-rowindex={rowIndex}\n                        colSpan={header.colSpan || undefined}\n                        numeric={columnDef.numeric}\n                        pe={\n                          canSort\n                            ? \"calc((1rem * {lineHeights.moderate}) + {space-x})\"\n                            : undefined\n                        }\n                        position=\"relative\"\n                        role=\"columnheader\"\n                        rowSpan={header.rowSpan || undefined}\n                        tabIndex={tabIndex}\n                        {...mergeProps(\n                          {\n                            css: {\n                              \"&:has([data-focusable]:focus-visible)\":\n                                focusRingStyle.outline,\n                            },\n                            style: enableColumnResizing\n                              ? { width: header.getSize() }\n                              : {},\n                          },\n                          runIfFn(headerProps, header) ?? {},\n                          columnDef.headerProps ?? {},\n                        )()}\n                      >\n                        <TruncatedText\n                          lineClamp={columnDef.lineClamp ?? lineClamp}\n                          truncated={columnDef.truncated ?? truncated}\n                        >\n                          {children}\n                        </TruncatedText>\n\n                        {canSort ? (\n                          <SortingIcon\n                            sorted={sorted}\n                            onClick={header.column.getToggleSortingHandler()}\n                          />\n                        ) : null}\n\n                        {canResize ? (\n                          <ResizableTrigger\n                            resizing={resizing}\n                            onDoubleClick={header.column.resetSize}\n                            onMouseDown={header.getResizeHandler()}\n                            onTouchStart={header.getResizeHandler()}\n                          />\n                        ) : null}\n                      </NativeTable.Th>\n                    )\n                  })}\n                </NativeTable.Tr>\n              )\n            })}\n          </NativeTable.Thead>\n\n          <NativeTable.Tbody {...tbodyProps}>\n            {rows.map((row, rowIndex) => {\n              rowIndex += headerGroupCount\n\n              const selected = !!rowSelection[row.id]\n              const disabled =\n                isFunction(enableRowSelection) && !enableRowSelection(row)\n\n              return (\n                <NativeTable.Tr\n                  id={row.id}\n                  key={row.id}\n                  aria-disabled={ariaAttr(disabled)}\n                  aria-rowindex={rowIndex + 1}\n                  aria-selected={ariaAttr(selected)}\n                  data-disabled={dataAttr(disabled)}\n                  data-selected={dataAttr(selected)}\n                  role=\"row\"\n                  {...mergeProps(\n                    {\n                      onClick:\n                        !disabled && selectOnClickRow\n                          ? () => row.toggleSelected(!selected)\n                          : undefined,\n                    },\n                    {\n                      onClick: !disabled ? () => onRowClick?.(row) : undefined,\n                      onDoubleClick: !disabled\n                        ? () => onRowDoubleClick?.(row)\n                        : undefined,\n                    },\n                    runIfFn(rowProps, row) ?? {},\n                  )()}\n                >\n                  {row.getVisibleCells().map((cell) => {\n                    const { columnDef } = cell.column\n                    const colIndex = cell.column.getIndex()\n                    const tabIndex = getTabIndex(colIndex, rowIndex)\n                    const children = flexRender(\n                      cell.column.columnDef.cell,\n                      cell.getContext(),\n                    )\n\n                    return (\n                      <NativeTable.Td\n                        key={cell.id}\n                        aria-colindex={colIndex + 1}\n                        aria-rowindex={rowIndex + 1}\n                        data-colindex={colIndex}\n                        data-rowindex={rowIndex}\n                        numeric={columnDef.numeric}\n                        role=\"gridcell\"\n                        tabIndex={tabIndex}\n                        {...mergeProps(\n                          {\n                            css: {\n                              \"&:has([data-focusable]:focus-visible)\":\n                                focusRingStyle.outline,\n                            },\n                          },\n                          runIfFn(cellProps, cell) ?? {},\n                          columnDef.cellProps ?? {},\n                        )()}\n                      >\n                        <TruncatedText\n                          lineClamp={columnDef.lineClamp ?? lineClamp}\n                          truncated={columnDef.truncated ?? truncated}\n                        >\n                          {children}\n                        </TruncatedText>\n                      </NativeTable.Td>\n                    )\n                  })}\n                </NativeTable.Tr>\n              )\n            })}\n          </NativeTable.Tbody>\n\n          {withFooterGroups ? (\n            <NativeTable.Tfoot {...tfootProps}>\n              {mergedFooterGroups.map((footerGroup, rowIndex) => {\n                rowIndex += headerGroupCount + rowCount\n\n                let placeholderCount = 0\n\n                return (\n                  <NativeTable.Tr\n                    key={footerGroup.id}\n                    aria-rowindex={rowIndex + 1}\n                    role=\"row\"\n                    {...runIfFn(footerGroupProps, footerGroup)}\n                  >\n                    {footerGroup.headers.map((header) => {\n                      const { columnDef } = header.column\n                      const colIndex = header.index + placeholderCount\n                      const tabIndex = getTabIndex(colIndex, rowIndex)\n                      const children = header.isPlaceholder\n                        ? null\n                        : flexRender(\n                            header.column.columnDef.footer,\n                            header.getContext(),\n                          )\n\n                      placeholderCount += (header.colSpan || 1) - 1\n\n                      return (\n                        <NativeTable.Td\n                          key={header.id}\n                          aria-colindex={colIndex + 1}\n                          aria-rowindex={rowIndex + 1}\n                          data-colindex={colIndex}\n                          data-rowindex={rowIndex}\n                          colSpan={header.colSpan || undefined}\n                          numeric={columnDef.numeric}\n                          role=\"gridcell\"\n                          rowSpan={header.rowSpan || undefined}\n                          tabIndex={tabIndex}\n                          {...mergeProps(\n                            {\n                              css: {\n                                \"&:has([data-focusable]:focus-visible)\":\n                                  focusRingStyle.outline,\n                              },\n                            },\n                            runIfFn(footerProps, header) ?? {},\n                            columnDef.footerProps ?? {},\n                          )()}\n                        >\n                          <TruncatedText\n                            lineClamp={columnDef.lineClamp ?? lineClamp}\n                            truncated={columnDef.truncated ?? truncated}\n                          >\n                            {children}\n                          </TruncatedText>\n                        </NativeTable.Td>\n                      )\n                    })}\n                  </NativeTable.Tr>\n                )\n              })}\n            </NativeTable.Tfoot>\n          ) : null}\n        </NativeTable.Root>\n\n        {footer ? runIfFn(footer, table) : null}\n      </ComponentContext>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends RowData>(props: TableProps<Y>): ReactElement\n}>\n\ninterface SortingIconProps extends HTMLStyledProps<\"button\"> {\n  sorted: false | SortDirection\n}\n\nconst SortingIcon: FC<SortingIconProps> = ({ sorted, ...rest }) => {\n  const { t } = useI18n(\"table\")\n  const { sortingIcon, sortingIconProps = {} } = useComponentContext()\n  const Icon = sorted ? ChevronUpIcon : ChevronsUpDownIcon\n\n  return (\n    <styled.button\n      type=\"button\"\n      layerStyle=\"ghost\"\n      colorScheme=\"mono\"\n      aria-label={t(\n        sorted\n          ? sorted === \"desc\"\n            ? \"Sort descending\"\n            : \"Sort ascending\"\n          : \"Clear sorting\",\n      )}\n      data-focusable\n      aspectRatio=\"1\"\n      cursor=\"pointer\"\n      display=\"center\"\n      focusVisibleRing=\"none\"\n      h=\"calc(1em * {lineHeights.moderate})\"\n      position=\"absolute\"\n      right=\"{space-x}\"\n      rounded=\"l1\"\n      tabIndex={-1}\n      top=\"50%\"\n      transform=\"translateY(-50%)\"\n      transitionDuration=\"moderate\"\n      transitionProperty=\"common\"\n      _hover={{ layerStyle: \"ghost.hover\" }}\n      {...mergeProps(rest, sortingIconProps)()}\n    >\n      {runIfFn(sortingIcon, sorted) ?? (\n        <Icon transform={`rotate(${sorted === \"desc\" ? 180 : 0}deg)`} />\n      )}\n    </styled.button>\n  )\n}\n\ninterface ResizableTriggerProps extends HTMLStyledProps {\n  resizing: boolean\n}\n\nconst ResizableTrigger: FC<ResizableTriggerProps> = ({ resizing, ...rest }) => {\n  const {\n    columnResizeMode,\n    table,\n    resizableTriggerProps = {},\n  } = useComponentContext()\n  const offset = table.getState().columnSizingInfo.deltaOffset\n\n  return (\n    <styled.div\n      data-active={dataAttr(resizing)}\n      bg=\"colorScheme.solid\"\n      cursor=\"col-resize\"\n      insetY=\"0\"\n      opacity={{ base: \"0\", _hover: \"1\", _active: \"1\" }}\n      position=\"absolute\"\n      right=\"0\"\n      touchAction=\"none\"\n      transform={`translateX(${columnResizeMode === \"onEnd\" && resizing && offset ? `${offset}px` : \"50%\"})`}\n      userSelect=\"none\"\n      w=\"1\"\n      {...mergeProps(rest, resizableTriggerProps)()}\n    />\n  )\n}\n\ninterface TruncatedTextProps extends HTMLStyledProps<\"span\"> {}\n\nconst TruncatedText: FC<TruncatedTextProps> = ({\n  children,\n  lineClamp,\n  truncated,\n  ...rest\n}) => {\n  if (lineClamp || truncated)\n    return (\n      <styled.span\n        lineClamp={lineClamp}\n        truncated={truncated}\n        wordBreak=\"break-all\"\n        {...rest}\n      >\n        {children}\n      </styled.span>\n    )\n  else return children\n}\n"],"mappings":"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"}

package/dist/esm/components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":[],"sources":["../../../../src/components/tabs/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { UseLazyMountProps } from \"../../hooks/use-lazy-mount\"\nimport type { TabsStyle } from \"./tabs.style\"\nimport type { UseTabPanelProps, UseTabProps, UseTabsProps } from \"./use-tabs\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useLazyMount } from \"../../hooks/use-lazy-mount\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { isNull, isUndefined } from \"../../utils\"\nimport { tabsStyle } from \"./tabs.style\"\nimport {\n  TabDescendantsContext,\n  TabPanelDescendantsContext,\n  TabsContext,\n  useTab,\n  useTabPanel,\n  useTabs,\n  useTabsContext,\n} from \"./use-tabs\"\n\ninterface ComponentContext extends Pick<\n  TabsRootProps,\n  \"items\" | \"lazy\" | \"lazyBehavior\"\n> {}\n\nexport interface TabsItem extends Omit<TabsTabProps, \"index\"> {\n  /**\n   * The content for panel element.\n   */\n  panel: ReactNode\n  /**\n   * The content for tab element.\n   */\n  tab: ReactNode\n  /**\n   * Props for panel element.\n   */\n  panelProps?: TabsPanelProps\n}\n\nexport interface TabsRootProps\n  extends\n    Omit<HTMLStyledProps, \"onChange\">,\n    Omit<UseTabsProps, \"orientation\">,\n    Pick<UseLazyMountProps, \"lazy\" | \"lazyBehavior\">,\n    ThemeProps<TabsStyle> {\n  /**\n   * If provided, generate tab and panel components based on tabs.\n   */\n  items?: TabsItem[]\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TabsPropsContext,\n  useComponentContext,\n  usePropsContext: useTabsPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<TabsRootProps, TabsStyle, ComponentContext>(\n  \"tabs\",\n  tabsStyle,\n)\n\nexport { TabsPropsContext, useTabsPropsContext }\n\n/**\n * `Tabs` is a component for switching between different display areas.\n *\n * @see https://yamada-ui.com/docs/components/tabs\n */\nexport const TabsRoot = withProvider<\"div\", TabsRootProps, \"orientation\">(\n  ({\n    children,\n    items,\n    lazy,\n    lazyBehavior,\n    orientation: orientationProp,\n    ...rest\n  }) => {\n    const computedOrientation = useValue(orientationProp)\n    const {\n      id,\n      focusedIndex,\n      index,\n      manual,\n      orientation,\n      setFocusedIndex,\n      setIndex,\n      tabDescendants,\n      tabPanelDescendants,\n      getListProps,\n      getRootProps,\n    } = useTabs({ orientation: computedOrientation, ...rest })\n    const componentContext = useMemo(\n      () => ({ items, lazy, lazyBehavior }),\n      [items, lazy, lazyBehavior],\n    )\n    const tabsContext = useMemo(\n      () => ({\n        id,\n        focusedIndex,\n        index,\n        manual,\n        orientation,\n        setFocusedIndex,\n        setIndex,\n        getListProps,\n      }),\n      [\n        id,\n        manual,\n        focusedIndex,\n        index,\n        orientation,\n        setFocusedIndex,\n        setIndex,\n        getListProps,\n      ],\n    )\n\n    return (\n      <TabDescendantsContext value={tabDescendants}>\n        <TabPanelDescendantsContext value={tabPanelDescendants}>\n          <TabsContext value={tabsContext}>\n            <ComponentContext value={componentContext}>\n              <styled.div {...getRootProps()}>{children}</styled.div>\n            </ComponentContext>\n          </TabsContext>\n        </TabPanelDescendantsContext>\n      </TabDescendantsContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"orientation\"] },\n)()\n\nexport interface TabsListProps extends HTMLStyledProps {}\n\nexport const TabsList = withContext<\"div\", TabsListProps>(\n  ({ children, ...rest }) => {\n    const { items } = useComponentContext()\n    const { getListProps } = useTabsContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n      else\n        return items?.map(\n          (\n            { id, panel: _panel, tab, panelProps: _panelProps, ...rest },\n            index,\n          ) =>\n            isUndefined(tab) || isNull(tab) ? null : (\n              <TabsTab id={id} key={id ?? index} index={index} {...rest}>\n                {tab}\n              </TabsTab>\n            ),\n        )\n    }, [children, items])\n\n    return <styled.div {...getListProps(rest)}>{computedChildren}</styled.div>\n  },\n  \"list\",\n)()\n\nexport interface TabsTabProps extends HTMLStyledProps<\"button\">, UseTabProps {}\n\nexport const TabsTab = withContext<\"button\", TabsTabProps>(\"button\", \"tab\")(\n  undefined,\n  (props) => {\n    const { getRootProps } = useTab(props)\n\n    return getRootProps()\n  },\n)\n\nexport interface TabsPanelsProps extends PropsWithChildren {}\n\nexport const TabsPanels: FC<TabsPanelsProps> = ({ children }) => {\n  const { items } = useComponentContext()\n\n  return useMemo(() => {\n    if (children) return children\n    else\n      return items?.map(({ id, panel, panelProps }, index) =>\n        isUndefined(panel) || isNull(panel) ? null : (\n          <TabsPanel key={id ?? index} index={index} {...panelProps}>\n            {panel}\n          </TabsPanel>\n        ),\n      )\n  }, [children, items])\n}\n\nexport interface TabsPanelProps extends HTMLStyledProps, UseTabPanelProps {}\n\nexport const TabsPanel = withContext<\"div\", TabsPanelProps>(\"div\", \"panel\")(\n  undefined,\n  (props) => {\n    const { lazy, lazyBehavior } = useComponentContext()\n    const { selected: mounted, getRootProps } = useTabPanel(props)\n    const children = useLazyMount({ lazy, lazyBehavior, mounted, ...props })\n\n    return { ...getRootProps(), children }\n  },\n)\n"],"mappings":";;;;;;;;;;;AAuDA,MAAM,EACJ,kBACA,cAAc,kBACd,qBACA,iBAAiB,qBACjB,aACA,iBACE,oBACF,QACA,SACF;;;;;;AASA,MAAa,WAAW,cACrB,EACC,UACA,OACA,MACA,cACA,aAAa,iBACb,GAAG,WACC;CAEJ,MAAM,EACJ,IACA,cACA,OACA,QACA,aACA,iBACA,UACA,gBACA,qBACA,cACA,iBACE,QAAQ;EAAE,aAbc,SAAS,eAaQ;EAAG,GAAG;CAAK,CAAC;CACzD,MAAM,mBAAmB,eAChB;EAAE;EAAO;EAAM;CAAa,IACnC;EAAC;EAAO;EAAM;CAAY,CAC5B;CAwBA,OACE,oBAAC,uBAAD;EAAuB,OAAO;YAC5B,oBAAC,4BAAD;GAA4B,OAAO;aACjC,oBAAC,aAAD;IAAa,OA1BC,eACX;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,IACA;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,CAMkC;cAC5B,oBAAC,kBAAD;KAAkB,OAAO;eACvB,oBAAC,OAAO,KAAR;MAAY,GAAI,aAAa;MAAI;KAAqB,CAAA;IACtC,CAAA;GACP,CAAA;EACa,CAAA;CACP,CAAA;AAE3B,GACA,QACA,EAAE,eAAe,CAAC,aAAa,EAAE,CACnC,CAAC,CAAC;AAIF,MAAa,WAAW,aACrB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,EAAE,UAAU,oBAAoB;CACtC,MAAM,EAAE,iBAAiB,eAAe;CACxC,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;OAEnB,OAAO,OAAO,KAEV,EAAE,IAAI,OAAO,QAAQ,KAAK,YAAY,aAAa,GAAG,QACtD,WAAA,GAAA,cAAA,YAAA,CAEY,GAAG,MAAA,GAAA,cAAA,OAAA,CAAY,GAAG,IAAI,OAChC,oBAAC,SAAD;GAAa;GAA6B;GAAO,GAAI;aAClD;EACM,GAFa,MAAM,KAEnB,CAEf;CACJ,GAAG,CAAC,UAAU,KAAK,CAAC;CAEpB,OAAO,oBAAC,OAAO,KAAR;EAAY,GAAI,aAAa,IAAI;YAAI;CAA6B,CAAA;AAC3E,GACA,MACF,CAAC,CAAC;AAIF,MAAa,UAAU,YAAoC,UAAU,KAAK,CAAC,CACzE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,iBAAiB,OAAO,KAAK;CAErC,OAAO,aAAa;AACtB,CACF;AAIA,MAAa,cAAmC,EAAE,eAAe;CAC/D,MAAM,EAAE,UAAU,oBAAoB;CAEtC,OAAO,cAAc;EACnB,IAAI,UAAU,OAAO;OAEnB,OAAO,OAAO,KAAK,EAAE,IAAI,OAAO,cAAc,WAAA,GAAA,cAAA,YAAA,CAChC,KAAK,MAAA,GAAA,cAAA,OAAA,CAAY,KAAK,IAAI,OACpC,oBAAC,WAAD;GAAoC;GAAO,GAAI;aAC5C;EACQ,GAFK,MAAM,KAEX,CAEf;CACJ,GAAG,CAAC,UAAU,KAAK,CAAC;AACtB;AAIA,MAAa,YAAY,YAAmC,OAAO,OAAO,CAAC,CACzE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,MAAM,iBAAiB,oBAAoB;CACnD,MAAM,EAAE,UAAU,SAAS,iBAAiB,YAAY,KAAK;CAC7D,MAAM,WAAW,aAAa;EAAE;EAAM;EAAc;EAAS,GAAG;CAAM,CAAC;CAEvE,OAAO;EAAE,GAAG,aAAa;EAAG;CAAS;AACvC,CACF"}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../../../src/components/tabs/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { UseLazyMountProps } from \"../../hooks/use-lazy-mount\"\nimport type { TabsStyle } from \"./tabs.style\"\nimport type { UseTabPanelProps, UseTabProps, UseTabsProps } from \"./use-tabs\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useLazyMount } from \"../../hooks/use-lazy-mount\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { isNull, isUndefined } from \"../../utils\"\nimport { tabsStyle } from \"./tabs.style\"\nimport {\n  TabDescendantsContext,\n  TabPanelDescendantsContext,\n  TabsContext,\n  useTab,\n  useTabPanel,\n  useTabs,\n  useTabsContext,\n} from \"./use-tabs\"\n\ninterface ComponentContext extends Pick<\n  TabsRootProps,\n  \"items\" | \"lazy\" | \"lazyBehavior\"\n> {}\n\nexport interface TabsItem extends Omit<TabsTabProps, \"index\"> {\n  /**\n   * The content for panel element.\n   */\n  panel: ReactNode\n  /**\n   * The content for tab element.\n   */\n  tab: ReactNode\n  /**\n   * Props for panel element.\n   */\n  panelProps?: TabsPanelProps\n}\n\nexport interface TabsRootProps\n  extends\n    Omit<HTMLStyledProps, \"onChange\">,\n    Omit<UseTabsProps, \"orientation\">,\n    Pick<UseLazyMountProps, \"lazy\" | \"lazyBehavior\">,\n    ThemeProps<TabsStyle> {\n  /**\n   * If provided, generate tab and panel components based on tabs.\n   */\n  items?: TabsItem[]\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TabsPropsContext,\n  useComponentContext,\n  usePropsContext: useTabsPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<TabsRootProps, TabsStyle, ComponentContext>(\n  \"tabs\",\n  tabsStyle,\n)\n\nexport { TabsPropsContext, useTabsPropsContext }\n\n/**\n * `Tabs` is a component for switching between different display areas.\n *\n * @see https://yamada-ui.com/docs/components/tabs\n */\nexport const TabsRoot = withProvider<\"div\", TabsRootProps, \"orientation\">(\n  ({\n    children,\n    items,\n    lazy,\n    lazyBehavior,\n    orientation: orientationProp,\n    ...rest\n  }) => {\n    const computedOrientation = useValue(orientationProp)\n    const {\n      id,\n      focusedIndex,\n      index,\n      manual,\n      orientation,\n      setFocusedIndex,\n      setIndex,\n      tabDescendants,\n      tabPanelDescendants,\n      getListProps,\n      getRootProps,\n    } = useTabs({ orientation: computedOrientation, ...rest })\n    const componentContext = useMemo(\n      () => ({ items, lazy, lazyBehavior }),\n      [items, lazy, lazyBehavior],\n    )\n    const tabsContext = useMemo(\n      () => ({\n        id,\n        focusedIndex,\n        index,\n        manual,\n        orientation,\n        setFocusedIndex,\n        setIndex,\n        getListProps,\n      }),\n      [\n        id,\n        manual,\n        focusedIndex,\n        index,\n        orientation,\n        setFocusedIndex,\n        setIndex,\n        getListProps,\n      ],\n    )\n\n    return (\n      <TabDescendantsContext value={tabDescendants}>\n        <TabPanelDescendantsContext value={tabPanelDescendants}>\n          <TabsContext value={tabsContext}>\n            <ComponentContext value={componentContext}>\n              <styled.div {...getRootProps()}>{children}</styled.div>\n            </ComponentContext>\n          </TabsContext>\n        </TabPanelDescendantsContext>\n      </TabDescendantsContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"orientation\"] },\n)()\n\nexport interface TabsListProps extends HTMLStyledProps {}\n\nexport const TabsList = withContext<\"div\", TabsListProps>(\n  ({ children, ...rest }) => {\n    const { items } = useComponentContext()\n    const { getListProps } = useTabsContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n      else\n        return items?.map(\n          (\n            { id, panel: _panel, tab, panelProps: _panelProps, ...rest },\n            index,\n          ) =>\n            isUndefined(tab) || isNull(tab) ? null : (\n              <TabsTab id={id} key={id ?? index} index={index} {...rest}>\n                {tab}\n              </TabsTab>\n            ),\n        )\n    }, [children, items])\n\n    return <styled.div {...getListProps(rest)}>{computedChildren}</styled.div>\n  },\n  \"list\",\n)()\n\nexport interface TabsTabProps extends HTMLStyledProps<\"button\">, UseTabProps {}\n\nexport const TabsTab = withContext<\"button\", TabsTabProps>(\"button\", \"tab\")(\n  undefined,\n  (props) => {\n    const { getRootProps } = useTab(props)\n\n    return getRootProps()\n  },\n)\n\nexport interface TabsPanelsProps extends PropsWithChildren {}\n\nexport const TabsPanels: FC<TabsPanelsProps> = ({ children }) => {\n  const { items } = useComponentContext()\n\n  return useMemo(() => {\n    if (children) return children\n    else\n      return items?.map(({ id, panel, panelProps }, index) =>\n        isUndefined(panel) || isNull(panel) ? null : (\n          <TabsPanel key={id ?? index} index={index} {...panelProps}>\n            {panel}\n          </TabsPanel>\n        ),\n      )\n  }, [children, items])\n}\n\nexport interface TabsPanelProps extends HTMLStyledProps, UseTabPanelProps {}\n\nexport const TabsPanel = withContext<\"div\", TabsPanelProps>(\"div\", \"panel\")(\n  undefined,\n  (props) => {\n    const { lazy, lazyBehavior } = useComponentContext()\n    const { selected: mounted, getRootProps } = useTabPanel(props)\n    const children = useLazyMount({ lazy, lazyBehavior, mounted, ...props })\n\n    return { ...getRootProps(), children }\n  },\n)\n"],"mappings":";;;;;;;;;;;AAuDA,MAAM,EACJ,kBACA,cAAc,kBACd,qBACA,iBAAiB,qBACjB,aACA,iBACE,oBACF,QACA,SACF;;;;;;AASA,MAAa,WAAW,cACrB,EACC,UACA,OACA,MACA,cACA,aAAa,iBACb,GAAG,WACC;CAEJ,MAAM,EACJ,IACA,cACA,OACA,QACA,aACA,iBACA,UACA,gBACA,qBACA,cACA,iBACE,QAAQ;EAAE,aAbc,SAAS,eAaQ;EAAG,GAAG;CAAK,CAAC;CACzD,MAAM,mBAAmB,eAChB;EAAE;EAAO;EAAM;CAAa,IACnC;EAAC;EAAO;EAAM;CAAY,CAC5B;CAwBA,OACE,oBAAC,uBAAD;EAAuB,OAAO;EAC5B,UAAA,oBAAC,4BAAD;GAA4B,OAAO;GACjC,UAAA,oBAAC,aAAD;IAAa,OA1BC,eACX;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,IACA;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,CAMkC;IAC5B,UAAA,oBAAC,kBAAD;KAAkB,OAAO;KACvB,UAAA,oBAAC,OAAO,KAAR;MAAY,GAAI,aAAa;MAAI;KAAqB,CAAA;IACtC,CAAA;GACP,CAAA;EACa,CAAA;CACP,CAAA;AAE3B,GACA,QACA,EAAE,eAAe,CAAC,aAAa,EAAE,CACnC,CAAC,CAAC;AAIF,MAAa,WAAW,aACrB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,EAAE,UAAU,oBAAoB;CACtC,MAAM,EAAE,iBAAiB,eAAe;CACxC,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;OAEnB,OAAO,OAAO,KAEV,EAAE,IAAI,OAAO,QAAQ,KAAK,YAAY,aAAa,GAAG,QACtD,WAAA,GAAA,cAAA,YAAA,CAEY,GAAG,MAAA,GAAA,cAAA,OAAA,CAAY,GAAG,IAAI,OAChC,oBAAC,SAAD;GAAa;GAA6B;GAAO,GAAI;GAClD,UAAA;EACM,GAFa,MAAM,KAEnB,CAEf;CACJ,GAAG,CAAC,UAAU,KAAK,CAAC;CAEpB,OAAO,oBAAC,OAAO,KAAR;EAAY,GAAI,aAAa,IAAI;EAAI,UAAA;CAA6B,CAAA;AAC3E,GACA,MACF,CAAC,CAAC;AAIF,MAAa,UAAU,YAAoC,UAAU,KAAK,CAAC,CACzE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,iBAAiB,OAAO,KAAK;CAErC,OAAO,aAAa;AACtB,CACF;AAIA,MAAa,cAAmC,EAAE,eAAe;CAC/D,MAAM,EAAE,UAAU,oBAAoB;CAEtC,OAAO,cAAc;EACnB,IAAI,UAAU,OAAO;OAEnB,OAAO,OAAO,KAAK,EAAE,IAAI,OAAO,cAAc,WAAA,GAAA,cAAA,YAAA,CAChC,KAAK,MAAA,GAAA,cAAA,OAAA,CAAY,KAAK,IAAI,OACpC,oBAAC,WAAD;GAAoC;GAAO,GAAI;GAC5C,UAAA;EACQ,GAFK,MAAM,KAEX,CAEf;CACJ,GAAG,CAAC,UAAU,KAAK,CAAC;AACtB;AAIA,MAAa,YAAY,YAAmC,OAAO,OAAO,CAAC,CACzE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,MAAM,iBAAiB,oBAAoB;CACnD,MAAM,EAAE,UAAU,SAAS,iBAAiB,YAAY,KAAK;CAC7D,MAAM,WAAW,aAAa;EAAE;EAAM;EAAc;EAAS,GAAG;CAAM,CAAC;CAEvE,OAAO;EAAE,GAAG,aAAa;EAAG;CAAS;AACvC,CACF"}

package/dist/esm/components/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","names":[],"sources":["../../../../src/components/tag/tag.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEventHandler, ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { TagStyle } from \"./tag.style\"\nimport { useMemo, useRef } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useClickable } from \"../../hooks/use-clickable\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr } from \"../../utils\"\nimport { XIcon } from \"../icon\"\nimport { tagStyle } from \"./tag.style\"\n\ninterface ComponentContext extends Pick<TagProps, \"disabled\"> {}\n\nexport interface TagProps\n  extends HTMLStyledProps<\"span\">, ThemeProps<TagStyle> {\n  /**\n   * If `true`, the tag is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Icon to be displayed to the end of the tag.\n   */\n  endIcon?: ReactNode\n  /**\n   * Icon to be displayed to the start of the tag.\n   */\n  startIcon?: ReactNode\n  /**\n   * Props for tag close button element.\n   */\n  closeButtonProps?: TagCloseButtonProps\n  /**\n   * Props for content element.\n   */\n  contentProps?: TagContentProps\n  /**\n   * Props for icon element.\n   */\n  iconProps?: HTMLStyledProps<\"span\">\n  /**\n   * Function to be executed when the close button is clicked.\n   */\n  onClose?: MouseEventHandler<HTMLElement>\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TagPropsContext,\n  useComponentContext,\n  usePropsContext: useTagPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<TagProps, TagStyle, ComponentContext>(\"tag\", tagStyle)\n\nexport { TagPropsContext, useTagPropsContext }\n\n/**\n * `Tag` is a component used to categorize or organize items using keywords that describe them.\n *\n * @see https://yamada-ui.com/docs/components/tag\n */\nexport const Tag = withProvider<\"span\", TagProps, \"disabled\">(\n  ({\n    children,\n    disabled,\n    endIcon,\n    startIcon,\n    closeButtonProps,\n    contentProps,\n    iconProps,\n    onClose,\n    ...rest\n  }) => {\n    const context = useMemo(() => ({ disabled }), [disabled])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.span data-disabled={dataAttr(disabled)} {...rest}>\n          {startIcon ? (\n            <TagStartIcon {...iconProps}>{startIcon}</TagStartIcon>\n          ) : null}\n\n          {children ? (\n            <TagContent {...contentProps}>{children}</TagContent>\n          ) : null}\n\n          {endIcon ? <TagEndIcon {...iconProps}>{endIcon}</TagEndIcon> : null}\n\n          {onClose ? (\n            <TagCloseButton onClick={onClose} {...closeButtonProps} />\n          ) : null}\n        </styled.span>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"disabled\"] },\n)()\n\ninterface TagContentProps extends HTMLStyledProps<\"span\"> {}\n\nconst TagContent = withContext<\"span\", TagContentProps>(\"span\", \"content\")(\n  undefined,\n  (props) => {\n    const { disabled } = useComponentContext()\n\n    return { \"data-disabled\": dataAttr(disabled), ...props }\n  },\n)\n\ninterface TagStartIconProps extends HTMLStyledProps<\"span\"> {}\n\nconst TagStartIcon = withContext<\"span\", TagStartIconProps>(\"span\", [\n  \"icon\",\n  \"start\",\n])(undefined, (props) => {\n  const { disabled } = useComponentContext()\n\n  return { \"data-disabled\": dataAttr(disabled), ...props }\n})\n\ninterface TagEndIconProps extends HTMLStyledProps<\"span\"> {}\n\nconst TagEndIcon = withContext<\"span\", TagEndIconProps>(\"span\", [\n  \"icon\",\n  \"end\",\n])(undefined, (props) => {\n  const { disabled } = useComponentContext()\n\n  return { \"data-disabled\": dataAttr(disabled), ...props }\n})\n\ninterface TagCloseButtonProps extends HTMLStyledProps<\"span\"> {}\n\nconst TagCloseButton = withContext<\"span\", TagCloseButtonProps>(\"span\", [\n  \"icon\",\n  \"closeButton\",\n])(undefined, ({ children, ...props }) => {\n  const ref = useRef<HTMLSpanElement>(null)\n  const { disabled } = useComponentContext()\n  const rest = useClickable<HTMLSpanElement>({ ref, disabled, ...props })\n  const { t } = useI18n(\"tag\")\n\n  return {\n    \"aria-label\": t(\"Close tag\"),\n    \"data-disabled\": dataAttr(disabled),\n    children: children || <XIcon />,\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;;;;;;AAiDA,MAAM,EACJ,kBACA,cAAc,iBACd,qBACA,iBAAiB,oBACjB,aACA,iBACE,oBAA0D,OAAO,QAAQ;;;;;;AAS7E,MAAa,MAAM,cAChB,EACC,UACA,UACA,SACA,WACA,kBACA,cACA,WACA,SACA,GAAG,WACC;CACJ,MAAM,UAAU,eAAe,EAAE,SAAS,IAAI,CAAC,QAAQ,CAAC;CAExD,OACE,oBAAC,kBAAD;EAAkB,OAAO;YACvB,qBAAC,OAAO,MAAR;GAAa,kBAAA,GAAA,cAAA,SAAA,CAAwB,QAAQ;GAAG,GAAI;aAApD;IACG,YACC,oBAAC,cAAD;KAAc,GAAI;eAAY;IAAwB,CAAA,IACpD;IAEH,WACC,oBAAC,YAAD;KAAY,GAAI;KAAe;IAAqB,CAAA,IAClD;IAEH,UAAU,oBAAC,YAAD;KAAY,GAAI;eAAY;IAAoB,CAAA,IAAI;IAE9D,UACC,oBAAC,gBAAD;KAAgB,SAAS;KAAS,GAAI;IAAmB,CAAA,IACvD;GACO;;CACG,CAAA;AAEtB,GACA,QACA,EAAE,eAAe,CAAC,UAAU,EAAE,CAChC,CAAC,CAAC;AAIF,MAAM,aAAa,YAAqC,QAAQ,SAAS,CAAC,CACxE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,aAAa,oBAAoB;CAEzC,OAAO;EAAE,kBAAA,GAAA,cAAA,SAAA,CAA0B,QAAQ;EAAG,GAAG;CAAM;AACzD,CACF;AAIA,MAAM,eAAe,YAAuC,QAAQ,CAClE,QACA,OACF,CAAC,CAAC,CAAC,KAAA,IAAY,UAAU;CACvB,MAAM,EAAE,aAAa,oBAAoB;CAEzC,OAAO;EAAE,kBAAA,GAAA,cAAA,SAAA,CAA0B,QAAQ;EAAG,GAAG;CAAM;AACzD,CAAC;AAID,MAAM,aAAa,YAAqC,QAAQ,CAC9D,QACA,KACF,CAAC,CAAC,CAAC,KAAA,IAAY,UAAU;CACvB,MAAM,EAAE,aAAa,oBAAoB;CAEzC,OAAO;EAAE,kBAAA,GAAA,cAAA,SAAA,CAA0B,QAAQ;EAAG,GAAG;CAAM;AACzD,CAAC;AAID,MAAM,iBAAiB,YAAyC,QAAQ,CACtE,QACA,aACF,CAAC,CAAC,CAAC,KAAA,IAAY,EAAE,UAAU,GAAG,YAAY;CACxC,MAAM,MAAM,OAAwB,IAAI;CACxC,MAAM,EAAE,aAAa,oBAAoB;CACzC,MAAM,OAAO,aAA8B;EAAE;EAAK;EAAU,GAAG;CAAM,CAAC;CACtE,MAAM,EAAE,MAAM,QAAQ,KAAK;CAE3B,OAAO;EACL,cAAc,EAAE,WAAW;EAC3B,kBAAA,GAAA,cAAA,SAAA,CAA0B,QAAQ;EAClC,UAAU,YAAY,oBAAC,OAAD,CAAQ,CAAA;EAC9B,GAAG;CACL;AACF,CAAC"}
+{"version":3,"file":"tag.js","names":[],"sources":["../../../../src/components/tag/tag.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEventHandler, ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { TagStyle } from \"./tag.style\"\nimport { useMemo, useRef } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useClickable } from \"../../hooks/use-clickable\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr } from \"../../utils\"\nimport { XIcon } from \"../icon\"\nimport { tagStyle } from \"./tag.style\"\n\ninterface ComponentContext extends Pick<TagProps, \"disabled\"> {}\n\nexport interface TagProps\n  extends HTMLStyledProps<\"span\">, ThemeProps<TagStyle> {\n  /**\n   * If `true`, the tag is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Icon to be displayed to the end of the tag.\n   */\n  endIcon?: ReactNode\n  /**\n   * Icon to be displayed to the start of the tag.\n   */\n  startIcon?: ReactNode\n  /**\n   * Props for tag close button element.\n   */\n  closeButtonProps?: TagCloseButtonProps\n  /**\n   * Props for content element.\n   */\n  contentProps?: TagContentProps\n  /**\n   * Props for icon element.\n   */\n  iconProps?: HTMLStyledProps<\"span\">\n  /**\n   * Function to be executed when the close button is clicked.\n   */\n  onClose?: MouseEventHandler<HTMLElement>\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TagPropsContext,\n  useComponentContext,\n  usePropsContext: useTagPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<TagProps, TagStyle, ComponentContext>(\"tag\", tagStyle)\n\nexport { TagPropsContext, useTagPropsContext }\n\n/**\n * `Tag` is a component used to categorize or organize items using keywords that describe them.\n *\n * @see https://yamada-ui.com/docs/components/tag\n */\nexport const Tag = withProvider<\"span\", TagProps, \"disabled\">(\n  ({\n    children,\n    disabled,\n    endIcon,\n    startIcon,\n    closeButtonProps,\n    contentProps,\n    iconProps,\n    onClose,\n    ...rest\n  }) => {\n    const context = useMemo(() => ({ disabled }), [disabled])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.span data-disabled={dataAttr(disabled)} {...rest}>\n          {startIcon ? (\n            <TagStartIcon {...iconProps}>{startIcon}</TagStartIcon>\n          ) : null}\n\n          {children ? (\n            <TagContent {...contentProps}>{children}</TagContent>\n          ) : null}\n\n          {endIcon ? <TagEndIcon {...iconProps}>{endIcon}</TagEndIcon> : null}\n\n          {onClose ? (\n            <TagCloseButton onClick={onClose} {...closeButtonProps} />\n          ) : null}\n        </styled.span>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"disabled\"] },\n)()\n\ninterface TagContentProps extends HTMLStyledProps<\"span\"> {}\n\nconst TagContent = withContext<\"span\", TagContentProps>(\"span\", \"content\")(\n  undefined,\n  (props) => {\n    const { disabled } = useComponentContext()\n\n    return { \"data-disabled\": dataAttr(disabled), ...props }\n  },\n)\n\ninterface TagStartIconProps extends HTMLStyledProps<\"span\"> {}\n\nconst TagStartIcon = withContext<\"span\", TagStartIconProps>(\"span\", [\n  \"icon\",\n  \"start\",\n])(undefined, (props) => {\n  const { disabled } = useComponentContext()\n\n  return { \"data-disabled\": dataAttr(disabled), ...props }\n})\n\ninterface TagEndIconProps extends HTMLStyledProps<\"span\"> {}\n\nconst TagEndIcon = withContext<\"span\", TagEndIconProps>(\"span\", [\n  \"icon\",\n  \"end\",\n])(undefined, (props) => {\n  const { disabled } = useComponentContext()\n\n  return { \"data-disabled\": dataAttr(disabled), ...props }\n})\n\ninterface TagCloseButtonProps extends HTMLStyledProps<\"span\"> {}\n\nconst TagCloseButton = withContext<\"span\", TagCloseButtonProps>(\"span\", [\n  \"icon\",\n  \"closeButton\",\n])(undefined, ({ children, ...props }) => {\n  const ref = useRef<HTMLSpanElement>(null)\n  const { disabled } = useComponentContext()\n  const rest = useClickable<HTMLSpanElement>({ ref, disabled, ...props })\n  const { t } = useI18n(\"tag\")\n\n  return {\n    \"aria-label\": t(\"Close tag\"),\n    \"data-disabled\": dataAttr(disabled),\n    children: children || <XIcon />,\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;;;;;;AAiDA,MAAM,EACJ,kBACA,cAAc,iBACd,qBACA,iBAAiB,oBACjB,aACA,iBACE,oBAA0D,OAAO,QAAQ;;;;;;AAS7E,MAAa,MAAM,cAChB,EACC,UACA,UACA,SACA,WACA,kBACA,cACA,WACA,SACA,GAAG,WACC;CACJ,MAAM,UAAU,eAAe,EAAE,SAAS,IAAI,CAAC,QAAQ,CAAC;CAExD,OACE,oBAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,qBAAC,OAAO,MAAR;GAAa,kBAAA,GAAA,cAAA,SAAA,CAAwB,QAAQ;GAAG,GAAI;GAApD,UAAA;IACG,YACC,oBAAC,cAAD;KAAc,GAAI;KAAY,UAAA;IAAwB,CAAA,IACpD;IAEH,WACC,oBAAC,YAAD;KAAY,GAAI;KAAe;IAAqB,CAAA,IAClD;IAEH,UAAU,oBAAC,YAAD;KAAY,GAAI;KAAY,UAAA;IAAoB,CAAA,IAAI;IAE9D,UACC,oBAAC,gBAAD;KAAgB,SAAS;KAAS,GAAI;IAAmB,CAAA,IACvD;GACO;;CACG,CAAA;AAEtB,GACA,QACA,EAAE,eAAe,CAAC,UAAU,EAAE,CAChC,CAAC,CAAC;AAIF,MAAM,aAAa,YAAqC,QAAQ,SAAS,CAAC,CACxE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,aAAa,oBAAoB;CAEzC,OAAO;EAAE,kBAAA,GAAA,cAAA,SAAA,CAA0B,QAAQ;EAAG,GAAG;CAAM;AACzD,CACF;AAIA,MAAM,eAAe,YAAuC,QAAQ,CAClE,QACA,OACF,CAAC,CAAC,CAAC,KAAA,IAAY,UAAU;CACvB,MAAM,EAAE,aAAa,oBAAoB;CAEzC,OAAO;EAAE,kBAAA,GAAA,cAAA,SAAA,CAA0B,QAAQ;EAAG,GAAG;CAAM;AACzD,CAAC;AAID,MAAM,aAAa,YAAqC,QAAQ,CAC9D,QACA,KACF,CAAC,CAAC,CAAC,KAAA,IAAY,UAAU;CACvB,MAAM,EAAE,aAAa,oBAAoB;CAEzC,OAAO;EAAE,kBAAA,GAAA,cAAA,SAAA,CAA0B,QAAQ;EAAG,GAAG;CAAM;AACzD,CAAC;AAID,MAAM,iBAAiB,YAAyC,QAAQ,CACtE,QACA,aACF,CAAC,CAAC,CAAC,KAAA,IAAY,EAAE,UAAU,GAAG,YAAY;CACxC,MAAM,MAAM,OAAwB,IAAI;CACxC,MAAM,EAAE,aAAa,oBAAoB;CACzC,MAAM,OAAO,aAA8B;EAAE;EAAK;EAAU,GAAG;CAAM,CAAC;CACtE,MAAM,EAAE,MAAM,QAAQ,KAAK;CAE3B,OAAO;EACL,cAAc,EAAE,WAAW;EAC3B,kBAAA,GAAA,cAAA,SAAA,CAA0B,QAAQ;EAClC,UAAU,YAAY,oBAAC,OAAD,CAAQ,CAAA;EAC9B,GAAG;CACL;AACF,CAAC"}

package/dist/esm/components/timeline/timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.js","names":[],"sources":["../../../../src/components/timeline/timeline.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { TimelineStyle } from \"./timeline.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled, varAttr } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { dataAttr, isUndefined } from \"../../utils\"\nimport { timelineStyle } from \"./timeline.style\"\n\nexport interface TimelineItem extends Omit<\n  TimelineItemProps,\n  \"content\" | \"title\"\n> {\n  align?: \"end\" | \"start\"\n  content?: ReactNode\n  description?: ReactNode\n  indicator?: ReactNode\n  title?: ReactNode\n  connectorProps?: TimelineConnectorProps\n  contentProps?: TimelineContentProps\n  descriptionProps?: TimelineDescriptionProps\n  indicatorProps?: TimelineIndicatorProps\n  titleProps?: TimelineTitleProps\n}\n\ninterface ComponentContext extends Pick<TimelineRootProps, \"index\"> {}\n\nexport interface TimelineRootProps\n  extends HTMLStyledProps<\"ul\">, ThemeProps<TimelineStyle> {\n  /**\n   * The index of the active timeline item.\n   */\n  index?: number\n  /**\n   * The fill color of the indicator.\n   */\n  indicatorFill?: CSSProps[\"bg\"]\n  /**\n   * The size of the indicator.\n   */\n  indicatorSize?: CSSProps[\"boxSize\"]\n  /**\n   * The stroke color of the indicator.\n   */\n  indicatorStroke?: CSSProps[\"color\"]\n  /**\n   * If provided, generate timeline components based on items.\n   */\n  items?: TimelineItem[]\n  /**\n   * The color of the separator.\n   */\n  separatorColor?: CSSProps[\"color\"]\n  /**\n   * The gap of the separator.\n   */\n  separatorGap?: CSSProps[\"gap\"]\n  /**\n   * The style of the separator.\n   */\n  separatorStyle?: CSSProps[\"borderStyle\"]\n  /**\n   * The width of the separator.\n   */\n  separatorWidth?: CSSProps[\"width\"]\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TimelinePropsContext,\n  useComponentContext,\n  usePropsContext: useTimelinePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<TimelineRootProps, TimelineStyle, ComponentContext>(\n  \"timeline\",\n  timelineStyle,\n)\n\nexport { TimelinePropsContext, useTimelinePropsContext }\n\n/**\n * `Timeline` is a component that is used to display a list of events in chronological order.\n *\n * @see https://yamada-ui.com/docs/components/timeline\n */\nexport const TimelineRoot = withProvider(\n  ({ variant: variantProp, children, index = -1, items = [], ...rest }) => {\n    const context = useMemo(() => ({ index }), [index])\n    const variant = useValue(variantProp)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items.map(\n        (\n          {\n            align = \"start\",\n            content,\n            description,\n            indicator,\n            title,\n            connectorProps,\n            contentProps,\n            descriptionProps,\n            indicatorProps,\n            titleProps,\n            ...rest\n          },\n          index,\n        ) => {\n          const children = {\n            connector: (\n              <TimelineConnector {...connectorProps}>\n                <TimelineIndicator {...indicatorProps}>\n                  {indicator ?? (variant === \"number\" ? index + 1 : undefined)}\n                </TimelineIndicator>\n              </TimelineConnector>\n            ),\n            content: (\n              <TimelineContent {...contentProps}>\n                {content ?? (\n                  <>\n                    <TimelineTitle {...titleProps}>{title}</TimelineTitle>\n                    <TimelineDescription {...descriptionProps}>\n                      {description}\n                    </TimelineDescription>\n                  </>\n                )}\n              </TimelineContent>\n            ),\n          }\n\n          return (\n            <TimelineItem key={index} index={index} {...rest}>\n              {align === \"start\" ? children.connector : children.content}\n              {align === \"start\" ? children.content : children.connector}\n            </TimelineItem>\n          )\n        },\n      )\n    }, [children, items, variant])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.ul {...rest}>{computedChildren}</styled.ul>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"variant\"] },\n)(\n  undefined,\n  ({\n    indicatorFill,\n    indicatorSize,\n    indicatorStroke,\n    separatorColor,\n    separatorGap,\n    separatorStyle,\n    separatorWidth,\n    ...rest\n  }) => ({\n    \"--indicator-fill\": varAttr(indicatorFill, \"colors\"),\n    \"--indicator-size\": varAttr(indicatorSize, \"sizes\"),\n    \"--indicator-stroke\": varAttr(indicatorStroke, \"colors\"),\n    \"--separator-color\": varAttr(separatorColor, \"colors\"),\n    \"--separator-gap\": varAttr(separatorGap, \"spaces\"),\n    \"--separator-style\": varAttr(separatorStyle),\n    \"--separator-width\": varAttr(separatorWidth, \"sizes\"),\n    ...rest,\n  }),\n)\n\nexport interface TimelineItemProps extends HTMLStyledProps<\"li\"> {\n  /**\n   * The index of the timeline item.\n   */\n  index?: number\n}\n\nexport const TimelineItem = withContext<\"li\", TimelineItemProps>(\"li\", \"item\")(\n  undefined,\n  ({ index, ...rest }) => {\n    const { index: currentIndex } = useComponentContext()\n    const active =\n      !isUndefined(index) && !isUndefined(currentIndex) && index <= currentIndex\n\n    return {\n      ...rest,\n      \"data-active\": dataAttr(active),\n      \"data-index\": index,\n    }\n  },\n)\n\nexport interface TimelineConnectorProps extends HTMLStyledProps {}\n\nexport const TimelineConnector = withContext<\"div\", TimelineConnectorProps>(\n  \"div\",\n  \"connector\",\n)({ \"data-connector\": \"\" })\n\nexport interface TimelineIndicatorProps extends HTMLStyledProps {}\n\nconst TimelineIcon = styled(\"div\", {\n  base: {\n    bg: \"{indicator-fill}\",\n    borderColor: \"{indicator-stroke}\",\n    borderWidth: \"{separator-width}\",\n    boxSize: \"full\",\n    rounded: \"{indicator-rounded}\",\n  },\n})\n\nexport const TimelineIndicator = withContext<\"div\", TimelineIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)(undefined, ({ children = <TimelineIcon />, ...rest }) => ({\n  children,\n  ...rest,\n}))\n\nexport interface TimelineContentProps extends HTMLStyledProps {}\n\nexport const TimelineContent = withContext<\"div\", TimelineContentProps>(\n  \"div\",\n  \"content\",\n)({ \"data-content\": \"\" })\n\nexport interface TimelineTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const TimelineTitle = withContext<\"h3\", TimelineTitleProps>(\n  \"h3\",\n  \"title\",\n)()\n\nexport interface TimelineDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const TimelineDescription = withContext<\"p\", TimelineDescriptionProps>(\n  \"p\",\n  \"description\",\n)()\n"],"mappings":"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"}
+{"version":3,"file":"timeline.js","names":[],"sources":["../../../../src/components/timeline/timeline.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { TimelineStyle } from \"./timeline.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled, varAttr } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { dataAttr, isUndefined } from \"../../utils\"\nimport { timelineStyle } from \"./timeline.style\"\n\nexport interface TimelineItem extends Omit<\n  TimelineItemProps,\n  \"content\" | \"title\"\n> {\n  align?: \"end\" | \"start\"\n  content?: ReactNode\n  description?: ReactNode\n  indicator?: ReactNode\n  title?: ReactNode\n  connectorProps?: TimelineConnectorProps\n  contentProps?: TimelineContentProps\n  descriptionProps?: TimelineDescriptionProps\n  indicatorProps?: TimelineIndicatorProps\n  titleProps?: TimelineTitleProps\n}\n\ninterface ComponentContext extends Pick<TimelineRootProps, \"index\"> {}\n\nexport interface TimelineRootProps\n  extends HTMLStyledProps<\"ul\">, ThemeProps<TimelineStyle> {\n  /**\n   * The index of the active timeline item.\n   */\n  index?: number\n  /**\n   * The fill color of the indicator.\n   */\n  indicatorFill?: CSSProps[\"bg\"]\n  /**\n   * The size of the indicator.\n   */\n  indicatorSize?: CSSProps[\"boxSize\"]\n  /**\n   * The stroke color of the indicator.\n   */\n  indicatorStroke?: CSSProps[\"color\"]\n  /**\n   * If provided, generate timeline components based on items.\n   */\n  items?: TimelineItem[]\n  /**\n   * The color of the separator.\n   */\n  separatorColor?: CSSProps[\"color\"]\n  /**\n   * The gap of the separator.\n   */\n  separatorGap?: CSSProps[\"gap\"]\n  /**\n   * The style of the separator.\n   */\n  separatorStyle?: CSSProps[\"borderStyle\"]\n  /**\n   * The width of the separator.\n   */\n  separatorWidth?: CSSProps[\"width\"]\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TimelinePropsContext,\n  useComponentContext,\n  usePropsContext: useTimelinePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<TimelineRootProps, TimelineStyle, ComponentContext>(\n  \"timeline\",\n  timelineStyle,\n)\n\nexport { TimelinePropsContext, useTimelinePropsContext }\n\n/**\n * `Timeline` is a component that is used to display a list of events in chronological order.\n *\n * @see https://yamada-ui.com/docs/components/timeline\n */\nexport const TimelineRoot = withProvider(\n  ({ variant: variantProp, children, index = -1, items = [], ...rest }) => {\n    const context = useMemo(() => ({ index }), [index])\n    const variant = useValue(variantProp)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items.map(\n        (\n          {\n            align = \"start\",\n            content,\n            description,\n            indicator,\n            title,\n            connectorProps,\n            contentProps,\n            descriptionProps,\n            indicatorProps,\n            titleProps,\n            ...rest\n          },\n          index,\n        ) => {\n          const children = {\n            connector: (\n              <TimelineConnector {...connectorProps}>\n                <TimelineIndicator {...indicatorProps}>\n                  {indicator ?? (variant === \"number\" ? index + 1 : undefined)}\n                </TimelineIndicator>\n              </TimelineConnector>\n            ),\n            content: (\n              <TimelineContent {...contentProps}>\n                {content ?? (\n                  <>\n                    <TimelineTitle {...titleProps}>{title}</TimelineTitle>\n                    <TimelineDescription {...descriptionProps}>\n                      {description}\n                    </TimelineDescription>\n                  </>\n                )}\n              </TimelineContent>\n            ),\n          }\n\n          return (\n            <TimelineItem key={index} index={index} {...rest}>\n              {align === \"start\" ? children.connector : children.content}\n              {align === \"start\" ? children.content : children.connector}\n            </TimelineItem>\n          )\n        },\n      )\n    }, [children, items, variant])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.ul {...rest}>{computedChildren}</styled.ul>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"variant\"] },\n)(\n  undefined,\n  ({\n    indicatorFill,\n    indicatorSize,\n    indicatorStroke,\n    separatorColor,\n    separatorGap,\n    separatorStyle,\n    separatorWidth,\n    ...rest\n  }) => ({\n    \"--indicator-fill\": varAttr(indicatorFill, \"colors\"),\n    \"--indicator-size\": varAttr(indicatorSize, \"sizes\"),\n    \"--indicator-stroke\": varAttr(indicatorStroke, \"colors\"),\n    \"--separator-color\": varAttr(separatorColor, \"colors\"),\n    \"--separator-gap\": varAttr(separatorGap, \"spaces\"),\n    \"--separator-style\": varAttr(separatorStyle),\n    \"--separator-width\": varAttr(separatorWidth, \"sizes\"),\n    ...rest,\n  }),\n)\n\nexport interface TimelineItemProps extends HTMLStyledProps<\"li\"> {\n  /**\n   * The index of the timeline item.\n   */\n  index?: number\n}\n\nexport const TimelineItem = withContext<\"li\", TimelineItemProps>(\"li\", \"item\")(\n  undefined,\n  ({ index, ...rest }) => {\n    const { index: currentIndex } = useComponentContext()\n    const active =\n      !isUndefined(index) && !isUndefined(currentIndex) && index <= currentIndex\n\n    return {\n      ...rest,\n      \"data-active\": dataAttr(active),\n      \"data-index\": index,\n    }\n  },\n)\n\nexport interface TimelineConnectorProps extends HTMLStyledProps {}\n\nexport const TimelineConnector = withContext<\"div\", TimelineConnectorProps>(\n  \"div\",\n  \"connector\",\n)({ \"data-connector\": \"\" })\n\nexport interface TimelineIndicatorProps extends HTMLStyledProps {}\n\nconst TimelineIcon = styled(\"div\", {\n  base: {\n    bg: \"{indicator-fill}\",\n    borderColor: \"{indicator-stroke}\",\n    borderWidth: \"{separator-width}\",\n    boxSize: \"full\",\n    rounded: \"{indicator-rounded}\",\n  },\n})\n\nexport const TimelineIndicator = withContext<\"div\", TimelineIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)(undefined, ({ children = <TimelineIcon />, ...rest }) => ({\n  children,\n  ...rest,\n}))\n\nexport interface TimelineContentProps extends HTMLStyledProps {}\n\nexport const TimelineContent = withContext<\"div\", TimelineContentProps>(\n  \"div\",\n  \"content\",\n)({ \"data-content\": \"\" })\n\nexport interface TimelineTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const TimelineTitle = withContext<\"h3\", TimelineTitleProps>(\n  \"h3\",\n  \"title\",\n)()\n\nexport interface TimelineDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const TimelineDescription = withContext<\"p\", TimelineDescriptionProps>(\n  \"p\",\n  \"description\",\n)()\n"],"mappings":";;;;;;;;;;AAqEA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACE,oBACF,YACA,aACF;;;;;;AASA,MAAa,eAAe,cACzB,EAAE,SAAS,aAAa,UAAU,QAAQ,IAAI,QAAQ,CAAC,GAAG,GAAG,WAAW;CACvE,MAAM,UAAU,eAAe,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;CAClD,MAAM,UAAU,SAAS,WAAW;CACpC,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,MAAM,KAET,EACE,QAAQ,SACR,SACA,aACA,WACA,OACA,gBACA,cACA,kBACA,gBACA,YACA,GAAG,QAEL,UACG;GACH,MAAM,WAAW;IACf,WACE,oBAAC,mBAAD;KAAmB,GAAI;KACrB,UAAA,oBAAC,mBAAD;MAAmB,GAAI;MACpB,UAAA,cAAc,YAAY,WAAW,QAAQ,IAAI,KAAA;KACjC,CAAA;IACF,CAAA;IAErB,SACE,oBAAC,iBAAD;KAAiB,GAAI;KAClB,UAAA,WACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,eAAD;MAAe,GAAI;MAAa,UAAA;KAAqB,CAAA,GACrD,oBAAC,qBAAD;MAAqB,GAAI;MACtB,UAAA;KACkB,CAAA,CACrB,EAAA,CAAA;IAEW,CAAA;GAErB;GAEA,OACE,qBAAC,cAAD;IAAiC;IAAO,GAAI;IAA5C,UAAA,CACG,UAAU,UAAU,SAAS,YAAY,SAAS,SAClD,UAAU,UAAU,SAAS,UAAU,SAAS,SACrC;GAHK,GAAA,KAGL;EAElB,CACF;CACF,GAAG;EAAC;EAAU;EAAO;CAAO,CAAC;CAE7B,OACE,oBAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,oBAAC,OAAO,IAAR;GAAW,GAAI;GAAO,UAAA;EAA4B,CAAA;CAClC,CAAA;AAEtB,GACA,QACA,EAAE,eAAe,CAAC,SAAS,EAAE,CAC/B,CAAC,CACC,KAAA,IACC,EACC,eACA,eACA,iBACA,gBACA,cACA,gBACA,gBACA,GAAG,YACE;CACL,oBAAoB,QAAQ,eAAe,QAAQ;CACnD,oBAAoB,QAAQ,eAAe,OAAO;CAClD,sBAAsB,QAAQ,iBAAiB,QAAQ;CACvD,qBAAqB,QAAQ,gBAAgB,QAAQ;CACrD,mBAAmB,QAAQ,cAAc,QAAQ;CACjD,qBAAqB,QAAQ,cAAc;CAC3C,qBAAqB,QAAQ,gBAAgB,OAAO;CACpD,GAAG;AACL,EACF;AASA,MAAa,eAAe,YAAqC,MAAM,MAAM,CAAC,CAC5E,KAAA,IACC,EAAE,OAAO,GAAG,WAAW;CACtB,MAAM,EAAE,OAAO,iBAAiB,oBAAoB;CACpD,MAAM,SACJ,EAAA,GAAA,cAAA,YAAA,CAAa,KAAK,KAAK,EAAA,GAAA,cAAA,YAAA,CAAa,YAAY,KAAK,SAAS;CAEhE,OAAO;EACL,GAAG;EACH,gBAAA,GAAA,cAAA,SAAA,CAAwB,MAAM;EAC9B,cAAc;CAChB;AACF,CACF;AAIA,MAAa,oBAAoB,YAC/B,OACA,WACF,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC;AAI1B,MAAM,eAAe,OAAO,OAAO,EACjC,MAAM;CACJ,IAAI;CACJ,aAAa;CACb,aAAa;CACb,SAAS;CACT,SAAS;AACX,EACF,CAAC;AAED,MAAa,oBAAoB,YAC/B,OACA,WACF,CAAC,CAAC,KAAA,IAAY,EAAE,WAAW,oBAAC,cAAD,CAAe,CAAA,GAAG,GAAG,YAAY;CAC1D;CACA,GAAG;AACL,EAAE;AAIF,MAAa,kBAAkB,YAC7B,OACA,SACF,CAAC,CAAC,EAAE,gBAAgB,GAAG,CAAC;AAIxB,MAAa,gBAAgB,YAC3B,MACA,OACF,CAAC,CAAC;AAIF,MAAa,sBAAsB,YACjC,KACA,aACF,CAAC,CAAC"}

package/dist/esm/components/tip/tip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tip.js","names":[],"sources":["../../../../src/components/tip/tip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC } from \"react\"\nimport type { WithoutThemeProps } from \"../../core\"\nimport type { IconButtonProps } from \"../button\"\nimport type { StatusScheme } from \"../status\"\nimport type { TooltipProps, TooltipStyle } from \"../tooltip\"\nimport { isString } from \"../../utils\"\nimport { IconButton } from \"../button\"\nimport {\n  CircleCheckBigIcon,\n  CircleQuestionMarkIcon,\n  InfoIcon,\n  OctagonAlertIcon,\n  TriangleAlertIcon,\n} from \"../icon\"\nimport { Tooltip, useTooltipProps } from \"../tooltip\"\n\nexport type TipStatusScheme = \"help\" | StatusScheme\n\nconst icons = {\n  error: OctagonAlertIcon,\n  help: CircleQuestionMarkIcon,\n  info: InfoIcon,\n  success: CircleCheckBigIcon,\n  warning: TriangleAlertIcon,\n} as const\n\nexport interface TipProps\n  extends\n    WithoutThemeProps<TooltipProps, TooltipStyle>,\n    Omit<IconButtonProps, \"content\" | \"offset\" | \"transform\"> {\n  /**\n   * The status of the tip.\n   *\n   * @default 'help'\n   */\n  status?: TipStatusScheme\n}\n\n/**\n *  `Tip` is a component that displays supplementary information with a built-in icon trigger.\n *\n * @see https://yamada-ui.com/docs/components/tip\n */\nexport const Tip: FC<TipProps> = (props) => {\n  const [\n    tooltipProps,\n    {\n      animationScheme,\n      content,\n      duration,\n      status = \"help\",\n      contentProps,\n      portalProps,\n      ...rest\n    },\n  ] = useTooltipProps(props)\n  const Icon = icons[status]\n\n  return (\n    <Tooltip\n      animationScheme={animationScheme}\n      content={content}\n      duration={duration}\n      contentProps={contentProps}\n      portalProps={portalProps}\n      {...tooltipProps}\n    >\n      <IconButton\n        size=\"2xs\"\n        variant=\"ghost\"\n        aria-label={isString(content) ? content : undefined}\n        icon={<Icon />}\n        {...rest}\n      />\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,QAAQ;CACZ,OAAO;CACP,MAAM;CACN,MAAM;CACN,SAAS;CACT,SAAS;AACX;;;;;;AAmBA,MAAa,OAAqB,UAAU;CAC1C,MAAM,CACJ,cACA,EACE,iBACA,SACA,UACA,SAAS,QACT,cACA,aACA,GAAG,UAEH,gBAAgB,KAAK;CACzB,MAAM,OAAO,MAAM;CAEnB,OACE,oBAAC,SAAD;EACmB;EACR;EACC;EACI;EACD;EACb,GAAI;YAEJ,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,eAAA,GAAA,cAAA,SAAA,CAAqB,OAAO,IAAI,UAAU,KAAA;GAC1C,MAAM,oBAAC,MAAD,CAAO,CAAA;GACb,GAAI;EACL,CAAA;CACM,CAAA;AAEb"}
+{"version":3,"file":"tip.js","names":[],"sources":["../../../../src/components/tip/tip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC } from \"react\"\nimport type { WithoutThemeProps } from \"../../core\"\nimport type { IconButtonProps } from \"../button\"\nimport type { StatusScheme } from \"../status\"\nimport type { TooltipProps, TooltipStyle } from \"../tooltip\"\nimport { isString } from \"../../utils\"\nimport { IconButton } from \"../button\"\nimport {\n  CircleCheckBigIcon,\n  CircleQuestionMarkIcon,\n  InfoIcon,\n  OctagonAlertIcon,\n  TriangleAlertIcon,\n} from \"../icon\"\nimport { Tooltip, useTooltipProps } from \"../tooltip\"\n\nexport type TipStatusScheme = \"help\" | StatusScheme\n\nconst icons = {\n  error: OctagonAlertIcon,\n  help: CircleQuestionMarkIcon,\n  info: InfoIcon,\n  success: CircleCheckBigIcon,\n  warning: TriangleAlertIcon,\n} as const\n\nexport interface TipProps\n  extends\n    WithoutThemeProps<TooltipProps, TooltipStyle>,\n    Omit<IconButtonProps, \"content\" | \"offset\" | \"transform\"> {\n  /**\n   * The status of the tip.\n   *\n   * @default 'help'\n   */\n  status?: TipStatusScheme\n}\n\n/**\n *  `Tip` is a component that displays supplementary information with a built-in icon trigger.\n *\n * @see https://yamada-ui.com/docs/components/tip\n */\nexport const Tip: FC<TipProps> = (props) => {\n  const [\n    tooltipProps,\n    {\n      animationScheme,\n      content,\n      duration,\n      status = \"help\",\n      contentProps,\n      portalProps,\n      ...rest\n    },\n  ] = useTooltipProps(props)\n  const Icon = icons[status]\n\n  return (\n    <Tooltip\n      animationScheme={animationScheme}\n      content={content}\n      duration={duration}\n      contentProps={contentProps}\n      portalProps={portalProps}\n      {...tooltipProps}\n    >\n      <IconButton\n        size=\"2xs\"\n        variant=\"ghost\"\n        aria-label={isString(content) ? content : undefined}\n        icon={<Icon />}\n        {...rest}\n      />\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,QAAQ;CACZ,OAAO;CACP,MAAM;CACN,MAAM;CACN,SAAS;CACT,SAAS;AACX;;;;;;AAmBA,MAAa,OAAqB,UAAU;CAC1C,MAAM,CACJ,cACA,EACE,iBACA,SACA,UACA,SAAS,QACT,cACA,aACA,GAAG,UAEH,gBAAgB,KAAK;CACzB,MAAM,OAAO,MAAM;CAEnB,OACE,oBAAC,SAAD;EACmB;EACR;EACC;EACI;EACD;EACb,GAAI;EAEJ,UAAA,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,eAAA,GAAA,cAAA,SAAA,CAAqB,OAAO,IAAI,UAAU,KAAA;GAC1C,MAAM,oBAAC,MAAD,CAAO,CAAA;GACb,GAAI;EACL,CAAA;CACM,CAAA;AAEb"}

package/dist/esm/components/toggle/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.js","names":[],"sources":["../../../../src/components/toggle/toggle-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { ToggleProps } from \"./toggle\"\nimport type { ToggleStyle } from \"./toggle.style\"\nimport type { UseToggleGroupProps } from \"./use-toggle-group\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport { component, TogglePropsContext, useRootComponentProps } from \"./toggle\"\nimport { ToggleGroupContext, useToggleGroup } from \"./use-toggle-group\"\n\n/**\n * `ToggleGroup` is a set of two-state buttons that can be toggled on or off.\n *\n * @see https://yamada-ui.com/docs/components/toggle\n */\nexport interface ToggleGroupRootProps<Y extends string | string[] = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, ToggleStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    UseToggleGroupProps<Y>,\n    ThemeProps<ToggleStyle> {}\n\nexport const ToggleGroupRoot = component<\"div\", ToggleGroupRootProps>(\n  (props: ToggleGroupRootProps) => {\n    const [, { colorScheme, size, variant, attached, ...rest }] =\n      useRootComponentProps(props, \"group\", {\n        transferProps: [\"size\", \"variant\", \"colorScheme\"],\n      })\n    const {\n      disabled,\n      readOnly,\n      value,\n      getGroupProps,\n      onChange,\n      onChangeMapRef,\n    } = useToggleGroup(rest)\n    const context = useMemo<ToggleProps>(\n      () => ({\n        colorScheme,\n        size,\n        variant,\n        focusVisibleRing: attached ? \"inside\" : undefined,\n      }),\n      [variant, size, colorScheme, attached],\n    )\n    const groupContext = useMemo(\n      () => ({\n        disabled,\n        readOnly,\n        value,\n        onChange,\n        onChangeMapRef,\n      }),\n      [value, disabled, readOnly, onChange, onChangeMapRef],\n    )\n\n    return (\n      <TogglePropsContext value={context}>\n        <ToggleGroupContext value={groupContext}>\n          <Group attached={attached} {...getGroupProps()} />\n        </ToggleGroupContext>\n      </TogglePropsContext>\n    )\n  },\n  \"group\",\n)() as GenericsComponent<{\n  <Y extends string | string[] = string>(\n    props: ToggleGroupRootProps<Y>,\n  ): ReactElement\n}>\n"],"mappings":";;;;;;;AA+BA,MAAa,kBAAkB,WAC5B,UAAgC;CAC/B,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,UAAU,GAAG,UAClD,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAQ;EAAW;CAAa,EAClD,CAAC;CACH,MAAM,EACJ,UACA,UACA,OACA,eACA,UACA,mBACE,eAAe,IAAI;CAqBvB,OACE,oBAAC,oBAAD;EAAoB,OArBN,eACP;GACL;GACA;GACA;GACA,kBAAkB,WAAW,WAAW,KAAA;EAC1C,IACA;GAAC;GAAS;GAAM;GAAa;EAAQ,CAcJ;YAC/B,oBAAC,oBAAD;GAAoB,OAbH,eACZ;IACL;IACA;IACA;IACA;IACA;GACF,IACA;IAAC;IAAO;IAAU;IAAU;IAAU;GAAc,CAKZ;aACpC,oBAAC,OAAD;IAAiB;IAAU,GAAI,cAAc;GAAI,CAAA;EAC/B,CAAA;CACF,CAAA;AAExB,GACA,OACF,CAAC,CAAC"}
+{"version":3,"file":"toggle-group.js","names":[],"sources":["../../../../src/components/toggle/toggle-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { ToggleProps } from \"./toggle\"\nimport type { ToggleStyle } from \"./toggle.style\"\nimport type { UseToggleGroupProps } from \"./use-toggle-group\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport { component, TogglePropsContext, useRootComponentProps } from \"./toggle\"\nimport { ToggleGroupContext, useToggleGroup } from \"./use-toggle-group\"\n\n/**\n * `ToggleGroup` is a set of two-state buttons that can be toggled on or off.\n *\n * @see https://yamada-ui.com/docs/components/toggle\n */\nexport interface ToggleGroupRootProps<Y extends string | string[] = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, ToggleStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    UseToggleGroupProps<Y>,\n    ThemeProps<ToggleStyle> {}\n\nexport const ToggleGroupRoot = component<\"div\", ToggleGroupRootProps>(\n  (props: ToggleGroupRootProps) => {\n    const [, { colorScheme, size, variant, attached, ...rest }] =\n      useRootComponentProps(props, \"group\", {\n        transferProps: [\"size\", \"variant\", \"colorScheme\"],\n      })\n    const {\n      disabled,\n      readOnly,\n      value,\n      getGroupProps,\n      onChange,\n      onChangeMapRef,\n    } = useToggleGroup(rest)\n    const context = useMemo<ToggleProps>(\n      () => ({\n        colorScheme,\n        size,\n        variant,\n        focusVisibleRing: attached ? \"inside\" : undefined,\n      }),\n      [variant, size, colorScheme, attached],\n    )\n    const groupContext = useMemo(\n      () => ({\n        disabled,\n        readOnly,\n        value,\n        onChange,\n        onChangeMapRef,\n      }),\n      [value, disabled, readOnly, onChange, onChangeMapRef],\n    )\n\n    return (\n      <TogglePropsContext value={context}>\n        <ToggleGroupContext value={groupContext}>\n          <Group attached={attached} {...getGroupProps()} />\n        </ToggleGroupContext>\n      </TogglePropsContext>\n    )\n  },\n  \"group\",\n)() as GenericsComponent<{\n  <Y extends string | string[] = string>(\n    props: ToggleGroupRootProps<Y>,\n  ): ReactElement\n}>\n"],"mappings":";;;;;;;AA+BA,MAAa,kBAAkB,WAC5B,UAAgC;CAC/B,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,UAAU,GAAG,UAClD,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAQ;EAAW;CAAa,EAClD,CAAC;CACH,MAAM,EACJ,UACA,UACA,OACA,eACA,UACA,mBACE,eAAe,IAAI;CAqBvB,OACE,oBAAC,oBAAD;EAAoB,OArBN,eACP;GACL;GACA;GACA;GACA,kBAAkB,WAAW,WAAW,KAAA;EAC1C,IACA;GAAC;GAAS;GAAM;GAAa;EAAQ,CAcJ;EAC/B,UAAA,oBAAC,oBAAD;GAAoB,OAbH,eACZ;IACL;IACA;IACA;IACA;IACA;GACF,IACA;IAAC;IAAO;IAAU;IAAU;IAAU;GAAc,CAKZ;GACpC,UAAA,oBAAC,OAAD;IAAiB;IAAU,GAAI,cAAc;GAAI,CAAA;EAC/B,CAAA;CACF,CAAA;AAExB,GACA,OACF,CAAC,CAAC"}

package/dist/esm/components/tooltip/tooltip.js

@@ -16,7 +16,7 @@ const { PropsContext: TooltipPropsContext, StyleContext, usePropsContext: useToo
 * @see https://yamada-ui.com/docs/components/tooltip
 */
 const Tooltip = (props) => {
-	const [context, { animationScheme = "scale", children, content, duration = .1, contentProps, portalProps, ...rest }] = useRootComponentProps(props);
+	const [context, { animationScheme = "scale", children, content, duration = .1, contentProps, portalProps, positionerProps, ...rest }] = useRootComponentProps(props);
 	const { open, getContentProps, getPositionerProps, getTriggerProps } = useTooltip(rest);
 	const popupAnimationProps = usePopupAnimationProps({
 		animationScheme,
@@ -32,7 +32,7 @@ const Tooltip = (props) => {
 		}), /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsx(Portal, {
 			...portalProps,
 			children: /* @__PURE__ */ jsx(TooltipPositioner, {
-				...getPositionerProps(),
+				...getPositionerProps(positionerProps),
 				children: /* @__PURE__ */ jsx(TooltipContent, {
 					...popupAnimationProps,
 					...(0, utils_exports.cast)(getContentProps((0, utils_exports.cast)(contentProps))),

package/dist/esm/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["motion"],"sources":["../../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { UsePopupAnimationProps } from \"../popover\"\nimport type { PortalProps } from \"../portal\"\nimport type { TooltipStyle } from \"./tooltip.style\"\nimport type { UseTooltipProps } from \"./use-tooltip\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createSlotComponent } from \"../../core\"\nimport { cast } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { usePopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { tooltipStyle } from \"./tooltip.style\"\nimport { useTooltip } from \"./use-tooltip\"\n\nexport interface TooltipProps\n  extends\n    UseTooltipProps,\n    PropsWithChildren,\n    UsePopupAnimationProps,\n    ThemeProps<TooltipStyle> {\n  /**\n   * The content of the tooltip.\n   */\n  content?: ReactNode\n  /**\n   * The animation duration.\n   *\n   * @default 0.1\n   */\n  duration?: UsePopupAnimationProps[\"duration\"]\n  /**\n   * Props for content element.\n   */\n  contentProps?: HTMLMotionProps\n  /**\n   * Props for portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n}\n\nconst {\n  PropsContext: TooltipPropsContext,\n  StyleContext,\n  usePropsContext: useTooltipPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<TooltipProps, TooltipStyle>(\"tooltip\", tooltipStyle)\n\nexport { TooltipPropsContext, useTooltipPropsContext }\n\n/**\n * `Tooltip` is a component that displays short information, such as supplementary details for an element.\n *\n * @see https://yamada-ui.com/docs/components/tooltip\n */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const [\n    context,\n    {\n      animationScheme = \"scale\",\n      children,\n      content,\n      duration = 0.1,\n      contentProps,\n      portalProps,\n      ...rest\n    },\n  ] = useRootComponentProps(props)\n  const { open, getContentProps, getPositionerProps, getTriggerProps } =\n    useTooltip(rest)\n  const popupAnimationProps = usePopupAnimationProps({\n    animationScheme,\n    duration,\n  })\n\n  if (!content) return children\n\n  return (\n    <StyleContext value={context}>\n      <TooltipTrigger asChild {...getTriggerProps()}>\n        {children}\n      </TooltipTrigger>\n\n      <AnimatePresence>\n        {open ? (\n          <Portal {...portalProps}>\n            <TooltipPositioner {...getPositionerProps()}>\n              <TooltipContent\n                {...popupAnimationProps}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(cast<HTMLProps>(contentProps)),\n                )}\n              >\n                {content}\n              </TooltipContent>\n            </TooltipPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    </StyleContext>\n  )\n}\n\ninterface TooltipPositionerProps extends HTMLStyledProps {}\n\nconst TooltipPositioner = withContext<\"div\", TooltipPositionerProps>(\n  \"div\",\n  \"positioner\",\n)()\n\ninterface TooltipTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nconst TooltipTrigger = withContext<\"button\", TooltipTriggerProps>(\n  \"button\",\n  \"trigger\",\n)()\n\ninterface TooltipContentProps extends Omit<\n  HTMLMotionProps,\n  \"children\" | \"offset\" | \"transform\"\n> {}\n\nconst TooltipContent = withContext<\"div\", TooltipContentProps>(\n  motion.div,\n  \"content\",\n)()\n"],"mappings":";;;;;;;;;;;AA4CA,MAAM,EACJ,cAAc,qBACd,cACA,iBAAiB,wBACjB,aACA,0BACE,oBAAgD,WAAW,YAAY;;;;;;AAS3E,MAAa,WAA6B,UAAU;CAClD,MAAM,CACJ,SACA,EACE,kBAAkB,SAClB,UACA,SACA,WAAW,IACX,cACA,aACA,GAAG,UAEH,sBAAsB,KAAK;CAC/B,MAAM,EAAE,MAAM,iBAAiB,oBAAoB,oBACjD,WAAW,IAAI;CACjB,MAAM,sBAAsB,uBAAuB;EACjD;EACA;CACF,CAAC;CAED,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,qBAAC,cAAD;EAAc,OAAO;YAArB,CACE,oBAAC,gBAAD;GAAgB,SAAA;GAAQ,GAAI,gBAAgB;GACzC;EACa,CAAA,GAEhB,oBAAC,iBAAD,EAAA,UACG,OACC,oBAAC,QAAD;GAAQ,GAAI;aACV,oBAAC,mBAAD;IAAmB,GAAI,mBAAmB;cACxC,oBAAC,gBAAD;KACE,GAAI;KACJ,IAAA,GAAA,cAAA,KAAA,CACE,iBAAA,GAAA,cAAA,KAAA,CAAgC,YAAY,CAAC,CAC/C;eAEC;IACa,CAAA;GACC,CAAA;EACb,CAAA,IACN,KACW,CAAA,CACL;;AAElB;AAIA,MAAM,oBAAoB,YACxB,OACA,YACF,CAAC,CAAC;AAIF,MAAM,iBAAiB,YACrB,UACA,SACF,CAAC,CAAC;AAOF,MAAM,iBAAiB,YACrBA,SAAO,KACP,SACF,CAAC,CAAC"}
+{"version":3,"file":"tooltip.js","names":["motion"],"sources":["../../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { UsePopupAnimationProps } from \"../popover\"\nimport type { PortalProps } from \"../portal\"\nimport type { TooltipStyle } from \"./tooltip.style\"\nimport type { UseTooltipProps } from \"./use-tooltip\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createSlotComponent } from \"../../core\"\nimport { cast } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { usePopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { tooltipStyle } from \"./tooltip.style\"\nimport { useTooltip } from \"./use-tooltip\"\n\nexport interface TooltipProps\n  extends\n    UseTooltipProps,\n    PropsWithChildren,\n    UsePopupAnimationProps,\n    ThemeProps<TooltipStyle> {\n  /**\n   * The content of the tooltip.\n   */\n  content?: ReactNode\n  /**\n   * The animation duration.\n   *\n   * @default 0.1\n   */\n  duration?: UsePopupAnimationProps[\"duration\"]\n  /**\n   * Props for content element.\n   */\n  contentProps?: TooltipContentProps\n  /**\n   * Props for portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Props for positioner element.\n   */\n  positionerProps?: Omit<TooltipPositionerProps, \"children\">\n}\n\nconst {\n  PropsContext: TooltipPropsContext,\n  StyleContext,\n  usePropsContext: useTooltipPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<TooltipProps, TooltipStyle>(\"tooltip\", tooltipStyle)\n\nexport { TooltipPropsContext, useTooltipPropsContext }\n\n/**\n * `Tooltip` is a component that displays short information, such as supplementary details for an element.\n *\n * @see https://yamada-ui.com/docs/components/tooltip\n */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const [\n    context,\n    {\n      animationScheme = \"scale\",\n      children,\n      content,\n      duration = 0.1,\n      contentProps,\n      portalProps,\n      positionerProps,\n      ...rest\n    },\n  ] = useRootComponentProps(props)\n  const { open, getContentProps, getPositionerProps, getTriggerProps } =\n    useTooltip(rest)\n  const popupAnimationProps = usePopupAnimationProps({\n    animationScheme,\n    duration,\n  })\n\n  if (!content) return children\n\n  return (\n    <StyleContext value={context}>\n      <TooltipTrigger asChild {...getTriggerProps()}>\n        {children}\n      </TooltipTrigger>\n\n      <AnimatePresence>\n        {open ? (\n          <Portal {...portalProps}>\n            <TooltipPositioner {...getPositionerProps(positionerProps)}>\n              <TooltipContent\n                {...popupAnimationProps}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(cast<HTMLProps>(contentProps)),\n                )}\n              >\n                {content}\n              </TooltipContent>\n            </TooltipPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    </StyleContext>\n  )\n}\n\ninterface TooltipPositionerProps extends HTMLStyledProps {}\n\nconst TooltipPositioner = withContext<\"div\", TooltipPositionerProps>(\n  \"div\",\n  \"positioner\",\n)()\n\ninterface TooltipTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nconst TooltipTrigger = withContext<\"button\", TooltipTriggerProps>(\n  \"button\",\n  \"trigger\",\n)()\n\ninterface TooltipContentProps extends Omit<\n  HTMLMotionProps,\n  \"children\" | \"offset\" | \"transform\"\n> {}\n\nconst TooltipContent = withContext<\"div\", TooltipContentProps>(\n  motion.div,\n  \"content\",\n)()\n"],"mappings":";;;;;;;;;;;AAgDA,MAAM,EACJ,cAAc,qBACd,cACA,iBAAiB,wBACjB,aACA,0BACE,oBAAgD,WAAW,YAAY;;;;;;AAS3E,MAAa,WAA6B,UAAU;CAClD,MAAM,CACJ,SACA,EACE,kBAAkB,SAClB,UACA,SACA,WAAW,IACX,cACA,aACA,iBACA,GAAG,UAEH,sBAAsB,KAAK;CAC/B,MAAM,EAAE,MAAM,iBAAiB,oBAAoB,oBACjD,WAAW,IAAI;CACjB,MAAM,sBAAsB,uBAAuB;EACjD;EACA;CACF,CAAC;CAED,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,qBAAC,cAAD;EAAc,OAAO;EAArB,UAAA,CACE,oBAAC,gBAAD;GAAgB,SAAA;GAAQ,GAAI,gBAAgB;GACzC;EACa,CAAA,GAEhB,oBAAC,iBAAD,EAAA,UACG,OACC,oBAAC,QAAD;GAAQ,GAAI;GACV,UAAA,oBAAC,mBAAD;IAAmB,GAAI,mBAAmB,eAAe;IACvD,UAAA,oBAAC,gBAAD;KACE,GAAI;KACJ,IAAA,GAAA,cAAA,KAAA,CACE,iBAAA,GAAA,cAAA,KAAA,CAAgC,YAAY,CAAC,CAC/C;KAEC,UAAA;IACa,CAAA;GACC,CAAA;EACb,CAAA,IACN,KACW,CAAA,CACL;;AAElB;AAIA,MAAM,oBAAoB,YACxB,OACA,YACF,CAAC,CAAC;AAIF,MAAM,iBAAiB,YACrB,UACA,SACF,CAAC,CAAC;AAOF,MAAM,iBAAiB,YACrBA,SAAO,KACP,SACF,CAAC,CAAC"}

package/dist/esm/components/tree/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","names":["createContext"],"sources":["../../../../src/components/tree/tree.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { CheckboxProps } from \"../checkbox\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { Loading } from \"../loading\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type { TreeStyle } from \"./tree.style\"\nimport type { UseTreeItemProps, UseTreeProps } from \"./use-tree\"\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n} from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport {\n  cast,\n  createContext,\n  dataAttr,\n  isObject,\n  isString,\n  type ReactNodeOrFunction,\n  runIfFn,\n} from \"../../utils\"\nimport { Checkbox } from \"../checkbox\"\nimport { Collapse } from \"../collapse\"\nimport { ChevronRightIcon } from \"../icon\"\nimport { useLoadingComponent } from \"../loading\"\nimport { treeStyle } from \"./tree.style\"\nimport {\n  TreeContext,\n  TreeDescendantsContext,\n  TreeItemContext,\n  useTree,\n  useTreeContext,\n  useTreeItem,\n} from \"./use-tree\"\n\ninterface TreeCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\ntype TreeItemReactNode =\n  | ReactNodeOrFunction<TreeCallBackProps>\n  | {\n      group: ReactNodeOrFunction<TreeCallBackProps>\n      item?: ReactNodeOrFunction<TreeCallBackProps>\n    }\n  | {\n      item: ReactNodeOrFunction<TreeCallBackProps>\n      group?: ReactNodeOrFunction<TreeCallBackProps>\n    }\n\ninterface TreeItemWithValue extends Omit<TreeItemProps, \"children\"> {}\n\ninterface TreeItemWithChildren extends TreeItemWithValue {\n  children: TreeItem[]\n}\n\nexport type TreeItem = TreeItemWithChildren | TreeItemWithValue\n\nconst recursiveTreeItem = (items?: TreeItem[]) => {\n  return items?.map((props, index) => {\n    const key =\n      props.value || (isString(props.label) ? `${props.label}-${index}` : index)\n\n    if (\"children\" in props) {\n      const { children, ...rest } = props\n\n      return (\n        <TreeItem key={key} {...rest}>\n          {recursiveTreeItem(children)}\n        </TreeItem>\n      )\n    } else {\n      return <TreeItem key={key} {...props} />\n    }\n  })\n}\n\nconst getReactNodeOrFunction = (\n  type: \"group\" | \"item\",\n  custom?: TreeItemReactNode,\n  root?: TreeItemReactNode,\n): ReactNodeOrFunction<TreeCallBackProps> => {\n  if (isObject(custom) && (\"group\" in custom || \"item\" in custom))\n    return custom[type]\n  else if (custom) return custom\n  else if (isObject(root) && (\"group\" in root || \"item\" in root))\n    return root[type]\n  else return root\n}\n\ninterface ComponentContext extends Pick<\n  TreeRootProps,\n  | \"animated\"\n  | \"checkboxProps\"\n  | \"endElement\"\n  | \"endElementProps\"\n  | \"groupProps\"\n  | \"indicator\"\n  | \"indicatorHidden\"\n  | \"indicatorProps\"\n  | \"itemProps\"\n  | \"labelProps\"\n  | \"loadingScheme\"\n  | \"size\"\n  | \"startElement\"\n  | \"startElementProps\"\n> {}\n\ninterface ItemComponentContext {\n  checkboxProps: TreeCheckboxProps\n  endElementProps: TreeEndElementProps\n  indicatorProps: TreeIndicatorProps\n  labelProps: TreeLabelProps\n  startElementProps: TreeStartElementProps\n}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({ name: \"ItemComponentContext\" })\n\nexport interface TreeRootProps<Multiple extends boolean = false>\n  extends\n    HTMLStyledProps<\"ul\">,\n    ThemeProps<TreeStyle>,\n    UseTreeProps<Multiple>,\n    Pick<\n      TreeItemProps,\n      | \"animated\"\n      | \"checkboxProps\"\n      | \"endElement\"\n      | \"endElementProps\"\n      | \"groupProps\"\n      | \"indicator\"\n      | \"indicatorProps\"\n      | \"labelProps\"\n      | \"loadingScheme\"\n      | \"startElement\"\n      | \"startElementProps\"\n    > {\n  /**\n   * If `true`, hide the tree indicator icon for all items.\n   *\n   * @default false\n   */\n  indicatorHidden?: boolean\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: TreeItem[]\n  /**\n   * Props for the item component.\n   */\n  itemProps?: Omit<\n    TreeItemProps,\n    \"children\" | \"label\" | \"open\" | \"query\" | \"value\"\n  >\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TreePropsContext,\n  useComponentContext,\n  usePropsContext: useTreePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<TreeRootProps, TreeStyle, ComponentContext>(\n  \"tree\",\n  treeStyle,\n)\n\nexport { TreePropsContext, useTreePropsContext }\n\n/**\n * `Tree` is a component used to display hierarchical data structures in an expandable tree format.\n *\n * @see https://yamada-ui.com/docs/components/tree\n */\nexport const TreeRoot = withProvider<\"ul\", TreeRootProps, \"size\">(\n  <Multiple extends boolean = false>({\n    size,\n    animated,\n    children,\n    endElement,\n    indicator,\n    indicatorHidden,\n    items,\n    loadingScheme,\n    startElement,\n    checkboxProps,\n    endElementProps,\n    groupProps,\n    indicatorProps,\n    itemProps,\n    labelProps,\n    startElementProps,\n    ...rest\n  }: TreeRootProps<Multiple>) => {\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return recursiveTreeItem(items)\n    }, [children, items])\n    const {\n      activeDescendant,\n      checkable,\n      checkedValue,\n      descendants,\n      expandedValue,\n      multiple,\n      selectedValue,\n      getRootProps,\n      onActiveDescendant,\n      onCheckedChange,\n      onCollapseAll,\n      onExpandAll,\n      onExpandedChange,\n      onSearch,\n      onSelectedChange,\n    } = useTree({ ...rest, children: computedChildren })\n    const context = useMemo(\n      () => ({\n        activeDescendant,\n        checkable,\n        checkedValue,\n        expandedValue,\n        multiple,\n        selectedValue,\n        onActiveDescendant,\n        onCheckedChange,\n        onCollapseAll,\n        onExpandAll,\n        onExpandedChange,\n        onSearch,\n        onSelectedChange,\n      }),\n      [\n        activeDescendant,\n        checkable,\n        checkedValue,\n        expandedValue,\n        multiple,\n        selectedValue,\n        onActiveDescendant,\n        onCheckedChange,\n        onSearch,\n        onCollapseAll,\n        onExpandAll,\n        onExpandedChange,\n        onSelectedChange,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        size,\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        loadingScheme,\n        startElement,\n        checkboxProps,\n        endElementProps,\n        groupProps,\n        indicatorProps,\n        itemProps,\n        labelProps,\n        startElementProps,\n      }),\n      [\n        size,\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        startElement,\n        endElementProps,\n        groupProps,\n        indicatorProps,\n        itemProps,\n        labelProps,\n        startElementProps,\n        checkboxProps,\n        loadingScheme,\n      ],\n    )\n\n    return (\n      <TreeDescendantsContext value={descendants}>\n        <TreeContext value={context}>\n          <ComponentContext value={componentContext}>\n            <styled.ul {...getRootProps()} />\n          </ComponentContext>\n        </TreeContext>\n      </TreeDescendantsContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"size\"] },\n)() as GenericsComponent<{\n  <Multiple extends boolean = false>(\n    props: TreeRootProps<Multiple>,\n  ): ReactElement\n}>\n\nexport interface TreeItemProps\n  extends HTMLStyledProps<\"div\">, Omit<UseTreeItemProps, \"asyncChildren\"> {\n  /**\n   * The label to display in the item.\n   */\n  label: ReactNode\n  /**\n   * If `true`, the tree item will be animated.\n   *\n   * @default false\n   */\n  animated?: boolean\n  /**\n   * The element to display at the end of the item.\n   */\n  endElement?: TreeItemReactNode\n  /**\n   * The tree indicator icon to use.\n   */\n  indicator?: ReactNodeOrFunction<TreeCallBackProps>\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n  /**\n   * The element to display at the start of the item.\n   */\n  startElement?: TreeItemReactNode\n  /**\n   * Props for the checkbox component.\n   */\n  checkboxProps?: Omit<CheckboxProps, \"checked\" | \"defaultChecked\" | \"value\">\n  /**\n   * Props for the end component.\n   */\n  endElementProps?: TreeEndElementProps\n  /**\n   * Props for the group component.\n   */\n  groupProps?: Omit<TreeGroupProps, \"children\">\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: TreeIndicatorProps\n  /**\n   * Props for the label component.\n   */\n  labelProps?: TreeLabelProps\n  /**\n   * Props for the root element.\n   */\n  rootProps?: HTMLStyledProps<\"li\">\n  /**\n   * Props for the start component.\n   */\n  startElementProps?: TreeStartElementProps\n  /**\n   * If provided, the tree item will be rendered as an async tree item.\n   */\n  asyncChildren?: () => Promise<TreeItem[]>\n}\n\nexport const TreeItem = withContext<\"div\", TreeItemProps>(\n  ({\n    className,\n    css,\n    colorScheme,\n    animated: animatedProp,\n    asyncChildren: asyncChildrenProp,\n    endElement,\n    indicator: indicatorProp,\n    label,\n    loadingScheme,\n    query,\n    startElement,\n    value: valueProp = isString(label) ? label : undefined,\n    checkboxProps,\n    endElementProps,\n    groupProps,\n    indicatorProps,\n    labelProps,\n    rootProps,\n    startElementProps,\n    ...rest\n  }) => {\n    const { checkable } = useTreeContext()\n    const componentContext = useComponentContext()\n    const Loading = useLoadingComponent(\n      loadingScheme ?? componentContext.loadingScheme ?? \"oval\",\n    )\n    const animated = animatedProp ?? componentContext.animated\n    const indicator = indicatorProp ?? componentContext.indicator\n    const groupStartElement = getReactNodeOrFunction(\n      \"group\",\n      startElement,\n      componentContext.startElement,\n    )\n    const groupEndElement = getReactNodeOrFunction(\n      \"group\",\n      endElement,\n      componentContext.endElement,\n    )\n    const itemStartElement = getReactNodeOrFunction(\n      \"item\",\n      startElement,\n      componentContext.startElement,\n    )\n    const itemEndElement = getReactNodeOrFunction(\n      \"item\",\n      endElement,\n      componentContext.endElement,\n    )\n    const asyncChildren = useCallback(async () => {\n      const items = await asyncChildrenProp?.()\n\n      return recursiveTreeItem(items)\n    }, [asyncChildrenProp])\n    const {\n      branchOpen,\n      children,\n      disabled,\n      group,\n      groupLoading,\n      groupOpen,\n      level,\n      props,\n      value,\n      getCheckboxProps,\n      getGroupItemProps,\n      getGroupProps,\n      getIndicatorProps,\n      getItemProps,\n      getLabelProps,\n      onGroupClose,\n      onGroupOpen,\n      onGroupToggle,\n    } = useTreeItem({\n      ...componentContext.itemProps,\n      ...rest,\n      asyncChildren: asyncChildrenProp ? asyncChildren : undefined,\n      query: query ?? (isString(label) ? label : undefined),\n      value: valueProp,\n    })\n    const itemProps = {\n      className,\n      css,\n      colorScheme,\n      \"--level\": level.toString(),\n      ...rootProps,\n    }\n    const callbackProps = { disabled, expanded: groupOpen }\n    const context = useMemo(\n      () => ({\n        branchOpen,\n        groupOpen,\n        level,\n        value,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n      }),\n      [\n        branchOpen,\n        groupOpen,\n        level,\n        value,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n      ],\n    )\n    const itemComponentContext = useMemo(\n      () => ({\n        checkboxProps: {\n          size: componentContext.size,\n          ...getCheckboxProps({\n            ...componentContext.checkboxProps,\n            ...checkboxProps,\n          }),\n        },\n        endElementProps: {\n          ...componentContext.endElementProps,\n          ...endElementProps,\n        },\n        indicatorProps: {\n          ...getIndicatorProps({\n            ...componentContext.indicatorProps,\n            ...indicatorProps,\n          }),\n        },\n        labelProps: {\n          ...getLabelProps({\n            ...componentContext.labelProps,\n            ...labelProps,\n          }),\n        },\n        startElementProps: {\n          ...componentContext.startElementProps,\n          ...startElementProps,\n        },\n      }),\n      [\n        checkboxProps,\n        componentContext.checkboxProps,\n        componentContext.endElementProps,\n        componentContext.indicatorProps,\n        componentContext.labelProps,\n        componentContext.size,\n        componentContext.startElementProps,\n        endElementProps,\n        getCheckboxProps,\n        getIndicatorProps,\n        getLabelProps,\n        indicatorProps,\n        labelProps,\n        startElementProps,\n      ],\n    )\n\n    return (\n      <TreeItemContext value={context}>\n        <ItemComponentContext value={itemComponentContext}>\n          {group ? (\n            <styled.li {...getGroupItemProps(itemProps)}>\n              <styled.div data-content {...props}>\n                <TreeIndicator data-animated={dataAttr(animated)}>\n                  {groupLoading ? (\n                    <Loading />\n                  ) : (\n                    runIfFn(indicator, callbackProps)\n                  )}\n                </TreeIndicator>\n                {checkable ? <TreeCheckbox /> : null}\n                {groupStartElement ? (\n                  <TreeStartElement>\n                    {runIfFn(groupStartElement, callbackProps)}\n                  </TreeStartElement>\n                ) : null}\n                {label ? <TreeLabel>{label}</TreeLabel> : null}\n                {groupEndElement ? (\n                  <TreeEndElement>\n                    {runIfFn(groupEndElement, callbackProps)}\n                  </TreeEndElement>\n                ) : null}\n              </styled.div>\n\n              <TreeGroup\n                duration={!animated ? 0 : undefined}\n                open={groupOpen}\n                {...getGroupProps({\n                  ...componentContext.groupProps,\n                  ...groupProps,\n                })}\n              >\n                {children}\n              </TreeGroup>\n            </styled.li>\n          ) : (\n            <styled.li {...getItemProps(itemProps)}>\n              <styled.div data-content {...props}>\n                <TreeIndicator data-hidden />\n                {checkable ? <TreeCheckbox /> : null}\n                {itemStartElement ? (\n                  <TreeStartElement>\n                    {runIfFn(itemStartElement, callbackProps)}\n                  </TreeStartElement>\n                ) : null}\n                {label ? <TreeLabel>{label}</TreeLabel> : null}\n                {itemEndElement ? (\n                  <TreeEndElement>\n                    {runIfFn(itemEndElement, callbackProps)}\n                  </TreeEndElement>\n                ) : null}\n              </styled.div>\n            </styled.li>\n          )}\n        </ItemComponentContext>\n      </TreeItemContext>\n    )\n  },\n  \"item\",\n)()\n\ninterface TreeGroupProps\n  extends\n    Omit<HTMLStyledProps<\"ul\">, \"transition\">,\n    Pick<CollapseProps, \"animationOpacity\" | keyof WithTransitionProps> {}\n\nconst TreeGroup = withContext<\"ul\", TreeGroupProps>((props) => {\n  return <Collapse as=\"ul\" {...cast<CollapseProps>(props)} />\n}, \"group\")()\n\ninterface TreeIndicatorProps extends HTMLStyledProps<\"svg\"> {}\n\nconst TreeIndicator = withContext<\"svg\", TreeIndicatorProps>(\n  ({ children = <ChevronRightIcon />, ...rest }) => {\n    const { indicatorHidden } = useComponentContext()\n\n    if (indicatorHidden) return null\n\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(children, { ...rest, ...children.props })\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  \"indicator\",\n)(undefined, (props) => {\n  const { indicatorProps } = useItemComponentContext()\n\n  return mergeProps(indicatorProps, props)()\n})\n\ninterface TreeCheckboxProps extends CheckboxProps {}\n\nconst TreeCheckbox = withContext<\"input\", TreeCheckboxProps>(\n  Checkbox,\n  \"checkbox\",\n)(undefined, (props) => {\n  const { checkboxProps } = useItemComponentContext()\n\n  return mergeProps(checkboxProps, props)()\n})\n\ninterface TreeStartElementProps extends HTMLStyledProps {}\n\nconst TreeStartElement = withContext<\"div\", TreeStartElementProps>(\"div\", {\n  name: \"StartElement\",\n  slot: [\"element\", \"start\"],\n})(undefined, (props) => {\n  const { startElementProps } = useItemComponentContext()\n\n  return mergeProps(startElementProps, props)()\n})\n\ninterface TreeEndElementProps extends HTMLStyledProps {}\n\nconst TreeEndElement = withContext<\"div\", TreeEndElementProps>(\"div\", {\n  name: \"EndElement\",\n  slot: [\"element\", \"end\"],\n})(undefined, (props) => {\n  const { endElementProps } = useItemComponentContext()\n\n  return mergeProps(endElementProps, props)()\n})\n\ninterface TreeLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst TreeLabel = withContext<\"span\", TreeLabelProps>(\"span\", \"label\")(\n  undefined,\n  (props) => {\n    const { labelProps } = useItemComponentContext()\n\n    return mergeProps(labelProps, props)()\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;;AAsEA,MAAM,qBAAqB,UAAuB;CAChD,OAAO,OAAO,KAAK,OAAO,UAAU;EAClC,MAAM,MACJ,MAAM,WAAA,GAAA,cAAA,SAAA,CAAmB,MAAM,KAAK,IAAI,GAAG,MAAM,MAAM,GAAG,UAAU;EAEtE,IAAI,cAAc,OAAO;GACvB,MAAM,EAAE,UAAU,GAAG,SAAS;GAE9B,OACE,oBAAC,UAAD;IAAoB,GAAI;cACrB,kBAAkB,QAAQ;GACnB,GAFK,GAEL;EAEd,OACE,OAAO,oBAAC,UAAD,EAAoB,GAAI,MAAQ,GAAjB,GAAiB;CAE3C,CAAC;AACH;AAEA,MAAM,0BACJ,MACA,QACA,SAC2C;CAC3C,KAAA,GAAA,cAAA,SAAA,CAAa,MAAM,MAAM,WAAW,UAAU,UAAU,SACtD,OAAO,OAAO;MACX,IAAI,QAAQ,OAAO;MACnB,KAAA,GAAA,cAAA,SAAA,CAAa,IAAI,MAAM,WAAW,QAAQ,UAAU,OACvD,OAAO,KAAK;MACT,OAAO;AACd;AA4BA,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAoC,EAAE,MAAM,uBAAuB,CAAC;AAwCtE,MAAM,EACJ,kBACA,cAAc,kBACd,qBACA,iBAAiB,qBACjB,aACA,iBACE,oBACF,QACA,SACF;;;;;;AASA,MAAa,WAAW,cACa,EACjC,MACA,UACA,UACA,YACA,WACA,iBACA,OACA,eACA,cACA,eACA,iBACA,YACA,gBACA,WACA,YACA,mBACA,GAAG,WAC0B;CAC7B,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,kBAAkB,KAAK;CAChC,GAAG,CAAC,UAAU,KAAK,CAAC;CACpB,MAAM,EACJ,kBACA,WACA,cACA,aACA,eACA,UACA,eACA,cACA,oBACA,iBACA,eACA,aACA,kBACA,UACA,qBACE,QAAQ;EAAE,GAAG;EAAM,UAAU;CAAiB,CAAC;CACnD,MAAM,UAAU,eACP;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,mBAAmB,eAChB;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,oBAAC,wBAAD;EAAwB,OAAO;YAC7B,oBAAC,aAAD;GAAa,OAAO;aAClB,oBAAC,kBAAD;IAAkB,OAAO;cACvB,oBAAC,OAAO,IAAR,EAAW,GAAI,aAAa,EAAI,CAAA;GAChB,CAAA;EACP,CAAA;CACS,CAAA;AAE5B,GACA,QACA,EAAE,eAAe,CAAC,MAAM,EAAE,CAC5B,CAAC,CAAC;AAsEF,MAAa,WAAW,aACrB,EACC,WACA,KACA,aACA,UAAU,cACV,eAAe,mBACf,YACA,WAAW,eACX,OACA,eACA,OACA,cACA,OAAO,aAAA,GAAA,cAAA,SAAA,CAAqB,KAAK,IAAI,QAAQ,KAAA,GAC7C,eACA,iBACA,YACA,gBACA,YACA,WACA,mBACA,GAAG,WACC;CACJ,MAAM,EAAE,cAAc,eAAe;CACrC,MAAM,mBAAmB,oBAAoB;CAC7C,MAAM,UAAU,oBACd,iBAAiB,iBAAiB,iBAAiB,MACrD;CACA,MAAM,WAAW,gBAAgB,iBAAiB;CAClD,MAAM,YAAY,iBAAiB,iBAAiB;CACpD,MAAM,oBAAoB,uBACxB,SACA,cACA,iBAAiB,YACnB;CACA,MAAM,kBAAkB,uBACtB,SACA,YACA,iBAAiB,UACnB;CACA,MAAM,mBAAmB,uBACvB,QACA,cACA,iBAAiB,YACnB;CACA,MAAM,iBAAiB,uBACrB,QACA,YACA,iBAAiB,UACnB;CACA,MAAM,gBAAgB,YAAY,YAAY;EAC5C,MAAM,QAAQ,MAAM,oBAAoB;EAExC,OAAO,kBAAkB,KAAK;CAChC,GAAG,CAAC,iBAAiB,CAAC;CACtB,MAAM,EACJ,YACA,UACA,UACA,OACA,cACA,WACA,OACA,OACA,OACA,kBACA,mBACA,eACA,mBACA,cACA,eACA,cACA,aACA,kBACE,YA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"}
+{"version":3,"file":"tree.js","names":["createContext"],"sources":["../../../../src/components/tree/tree.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { CheckboxProps } from \"../checkbox\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { Loading } from \"../loading\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type { TreeStyle } from \"./tree.style\"\nimport type { UseTreeItemProps, UseTreeProps } from \"./use-tree\"\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n} from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport {\n  cast,\n  createContext,\n  dataAttr,\n  isObject,\n  isString,\n  type ReactNodeOrFunction,\n  runIfFn,\n} from \"../../utils\"\nimport { Checkbox } from \"../checkbox\"\nimport { Collapse } from \"../collapse\"\nimport { ChevronRightIcon } from \"../icon\"\nimport { useLoadingComponent } from \"../loading\"\nimport { treeStyle } from \"./tree.style\"\nimport {\n  TreeContext,\n  TreeDescendantsContext,\n  TreeItemContext,\n  useTree,\n  useTreeContext,\n  useTreeItem,\n} from \"./use-tree\"\n\ninterface TreeCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\ntype TreeItemReactNode =\n  | ReactNodeOrFunction<TreeCallBackProps>\n  | {\n      group: ReactNodeOrFunction<TreeCallBackProps>\n      item?: ReactNodeOrFunction<TreeCallBackProps>\n    }\n  | {\n      item: ReactNodeOrFunction<TreeCallBackProps>\n      group?: ReactNodeOrFunction<TreeCallBackProps>\n    }\n\ninterface TreeItemWithValue extends Omit<TreeItemProps, \"children\"> {}\n\ninterface TreeItemWithChildren extends TreeItemWithValue {\n  children: TreeItem[]\n}\n\nexport type TreeItem = TreeItemWithChildren | TreeItemWithValue\n\nconst recursiveTreeItem = (items?: TreeItem[]) => {\n  return items?.map((props, index) => {\n    const key =\n      props.value || (isString(props.label) ? `${props.label}-${index}` : index)\n\n    if (\"children\" in props) {\n      const { children, ...rest } = props\n\n      return (\n        <TreeItem key={key} {...rest}>\n          {recursiveTreeItem(children)}\n        </TreeItem>\n      )\n    } else {\n      return <TreeItem key={key} {...props} />\n    }\n  })\n}\n\nconst getReactNodeOrFunction = (\n  type: \"group\" | \"item\",\n  custom?: TreeItemReactNode,\n  root?: TreeItemReactNode,\n): ReactNodeOrFunction<TreeCallBackProps> => {\n  if (isObject(custom) && (\"group\" in custom || \"item\" in custom))\n    return custom[type]\n  else if (custom) return custom\n  else if (isObject(root) && (\"group\" in root || \"item\" in root))\n    return root[type]\n  else return root\n}\n\ninterface ComponentContext extends Pick<\n  TreeRootProps,\n  | \"animated\"\n  | \"checkboxProps\"\n  | \"endElement\"\n  | \"endElementProps\"\n  | \"groupProps\"\n  | \"indicator\"\n  | \"indicatorHidden\"\n  | \"indicatorProps\"\n  | \"itemProps\"\n  | \"labelProps\"\n  | \"loadingScheme\"\n  | \"size\"\n  | \"startElement\"\n  | \"startElementProps\"\n> {}\n\ninterface ItemComponentContext {\n  checkboxProps: TreeCheckboxProps\n  endElementProps: TreeEndElementProps\n  indicatorProps: TreeIndicatorProps\n  labelProps: TreeLabelProps\n  startElementProps: TreeStartElementProps\n}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({ name: \"ItemComponentContext\" })\n\nexport interface TreeRootProps<Multiple extends boolean = false>\n  extends\n    HTMLStyledProps<\"ul\">,\n    ThemeProps<TreeStyle>,\n    UseTreeProps<Multiple>,\n    Pick<\n      TreeItemProps,\n      | \"animated\"\n      | \"checkboxProps\"\n      | \"endElement\"\n      | \"endElementProps\"\n      | \"groupProps\"\n      | \"indicator\"\n      | \"indicatorProps\"\n      | \"labelProps\"\n      | \"loadingScheme\"\n      | \"startElement\"\n      | \"startElementProps\"\n    > {\n  /**\n   * If `true`, hide the tree indicator icon for all items.\n   *\n   * @default false\n   */\n  indicatorHidden?: boolean\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: TreeItem[]\n  /**\n   * Props for the item component.\n   */\n  itemProps?: Omit<\n    TreeItemProps,\n    \"children\" | \"label\" | \"open\" | \"query\" | \"value\"\n  >\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TreePropsContext,\n  useComponentContext,\n  usePropsContext: useTreePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<TreeRootProps, TreeStyle, ComponentContext>(\n  \"tree\",\n  treeStyle,\n)\n\nexport { TreePropsContext, useTreePropsContext }\n\n/**\n * `Tree` is a component used to display hierarchical data structures in an expandable tree format.\n *\n * @see https://yamada-ui.com/docs/components/tree\n */\nexport const TreeRoot = withProvider<\"ul\", TreeRootProps, \"size\">(\n  <Multiple extends boolean = false>({\n    size,\n    animated,\n    children,\n    endElement,\n    indicator,\n    indicatorHidden,\n    items,\n    loadingScheme,\n    startElement,\n    checkboxProps,\n    endElementProps,\n    groupProps,\n    indicatorProps,\n    itemProps,\n    labelProps,\n    startElementProps,\n    ...rest\n  }: TreeRootProps<Multiple>) => {\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return recursiveTreeItem(items)\n    }, [children, items])\n    const {\n      activeDescendant,\n      checkable,\n      checkedValue,\n      descendants,\n      expandedValue,\n      multiple,\n      selectedValue,\n      getRootProps,\n      onActiveDescendant,\n      onCheckedChange,\n      onCollapseAll,\n      onExpandAll,\n      onExpandedChange,\n      onSearch,\n      onSelectedChange,\n    } = useTree({ ...rest, children: computedChildren })\n    const context = useMemo(\n      () => ({\n        activeDescendant,\n        checkable,\n        checkedValue,\n        expandedValue,\n        multiple,\n        selectedValue,\n        onActiveDescendant,\n        onCheckedChange,\n        onCollapseAll,\n        onExpandAll,\n        onExpandedChange,\n        onSearch,\n        onSelectedChange,\n      }),\n      [\n        activeDescendant,\n        checkable,\n        checkedValue,\n        expandedValue,\n        multiple,\n        selectedValue,\n        onActiveDescendant,\n        onCheckedChange,\n        onSearch,\n        onCollapseAll,\n        onExpandAll,\n        onExpandedChange,\n        onSelectedChange,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        size,\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        loadingScheme,\n        startElement,\n        checkboxProps,\n        endElementProps,\n        groupProps,\n        indicatorProps,\n        itemProps,\n        labelProps,\n        startElementProps,\n      }),\n      [\n        size,\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        startElement,\n        endElementProps,\n        groupProps,\n        indicatorProps,\n        itemProps,\n        labelProps,\n        startElementProps,\n        checkboxProps,\n        loadingScheme,\n      ],\n    )\n\n    return (\n      <TreeDescendantsContext value={descendants}>\n        <TreeContext value={context}>\n          <ComponentContext value={componentContext}>\n            <styled.ul {...getRootProps()} />\n          </ComponentContext>\n        </TreeContext>\n      </TreeDescendantsContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"size\"] },\n)() as GenericsComponent<{\n  <Multiple extends boolean = false>(\n    props: TreeRootProps<Multiple>,\n  ): ReactElement\n}>\n\nexport interface TreeItemProps\n  extends HTMLStyledProps<\"div\">, Omit<UseTreeItemProps, \"asyncChildren\"> {\n  /**\n   * The label to display in the item.\n   */\n  label: ReactNode\n  /**\n   * If `true`, the tree item will be animated.\n   *\n   * @default false\n   */\n  animated?: boolean\n  /**\n   * The element to display at the end of the item.\n   */\n  endElement?: TreeItemReactNode\n  /**\n   * The tree indicator icon to use.\n   */\n  indicator?: ReactNodeOrFunction<TreeCallBackProps>\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n  /**\n   * The element to display at the start of the item.\n   */\n  startElement?: TreeItemReactNode\n  /**\n   * Props for the checkbox component.\n   */\n  checkboxProps?: Omit<CheckboxProps, \"checked\" | \"defaultChecked\" | \"value\">\n  /**\n   * Props for the end component.\n   */\n  endElementProps?: TreeEndElementProps\n  /**\n   * Props for the group component.\n   */\n  groupProps?: Omit<TreeGroupProps, \"children\">\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: TreeIndicatorProps\n  /**\n   * Props for the label component.\n   */\n  labelProps?: TreeLabelProps\n  /**\n   * Props for the root element.\n   */\n  rootProps?: HTMLStyledProps<\"li\">\n  /**\n   * Props for the start component.\n   */\n  startElementProps?: TreeStartElementProps\n  /**\n   * If provided, the tree item will be rendered as an async tree item.\n   */\n  asyncChildren?: () => Promise<TreeItem[]>\n}\n\nexport const TreeItem = withContext<\"div\", TreeItemProps>(\n  ({\n    className,\n    css,\n    colorScheme,\n    animated: animatedProp,\n    asyncChildren: asyncChildrenProp,\n    endElement,\n    indicator: indicatorProp,\n    label,\n    loadingScheme,\n    query,\n    startElement,\n    value: valueProp = isString(label) ? label : undefined,\n    checkboxProps,\n    endElementProps,\n    groupProps,\n    indicatorProps,\n    labelProps,\n    rootProps,\n    startElementProps,\n    ...rest\n  }) => {\n    const { checkable } = useTreeContext()\n    const componentContext = useComponentContext()\n    const Loading = useLoadingComponent(\n      loadingScheme ?? componentContext.loadingScheme ?? \"oval\",\n    )\n    const animated = animatedProp ?? componentContext.animated\n    const indicator = indicatorProp ?? componentContext.indicator\n    const groupStartElement = getReactNodeOrFunction(\n      \"group\",\n      startElement,\n      componentContext.startElement,\n    )\n    const groupEndElement = getReactNodeOrFunction(\n      \"group\",\n      endElement,\n      componentContext.endElement,\n    )\n    const itemStartElement = getReactNodeOrFunction(\n      \"item\",\n      startElement,\n      componentContext.startElement,\n    )\n    const itemEndElement = getReactNodeOrFunction(\n      \"item\",\n      endElement,\n      componentContext.endElement,\n    )\n    const asyncChildren = useCallback(async () => {\n      const items = await asyncChildrenProp?.()\n\n      return recursiveTreeItem(items)\n    }, [asyncChildrenProp])\n    const {\n      branchOpen,\n      children,\n      disabled,\n      group,\n      groupLoading,\n      groupOpen,\n      level,\n      props,\n      value,\n      getCheckboxProps,\n      getGroupItemProps,\n      getGroupProps,\n      getIndicatorProps,\n      getItemProps,\n      getLabelProps,\n      onGroupClose,\n      onGroupOpen,\n      onGroupToggle,\n    } = useTreeItem({\n      ...componentContext.itemProps,\n      ...rest,\n      asyncChildren: asyncChildrenProp ? asyncChildren : undefined,\n      query: query ?? (isString(label) ? label : undefined),\n      value: valueProp,\n    })\n    const itemProps = {\n      className,\n      css,\n      colorScheme,\n      \"--level\": level.toString(),\n      ...rootProps,\n    }\n    const callbackProps = { disabled, expanded: groupOpen }\n    const context = useMemo(\n      () => ({\n        branchOpen,\n        groupOpen,\n        level,\n        value,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n      }),\n      [\n        branchOpen,\n        groupOpen,\n        level,\n        value,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n      ],\n    )\n    const itemComponentContext = useMemo(\n      () => ({\n        checkboxProps: {\n          size: componentContext.size,\n          ...getCheckboxProps({\n            ...componentContext.checkboxProps,\n            ...checkboxProps,\n          }),\n        },\n        endElementProps: {\n          ...componentContext.endElementProps,\n          ...endElementProps,\n        },\n        indicatorProps: {\n          ...getIndicatorProps({\n            ...componentContext.indicatorProps,\n            ...indicatorProps,\n          }),\n        },\n        labelProps: {\n          ...getLabelProps({\n            ...componentContext.labelProps,\n            ...labelProps,\n          }),\n        },\n        startElementProps: {\n          ...componentContext.startElementProps,\n          ...startElementProps,\n        },\n      }),\n      [\n        checkboxProps,\n        componentContext.checkboxProps,\n        componentContext.endElementProps,\n        componentContext.indicatorProps,\n        componentContext.labelProps,\n        componentContext.size,\n        componentContext.startElementProps,\n        endElementProps,\n        getCheckboxProps,\n        getIndicatorProps,\n        getLabelProps,\n        indicatorProps,\n        labelProps,\n        startElementProps,\n      ],\n    )\n\n    return (\n      <TreeItemContext value={context}>\n        <ItemComponentContext value={itemComponentContext}>\n          {group ? (\n            <styled.li {...getGroupItemProps(itemProps)}>\n              <styled.div data-content {...props}>\n                <TreeIndicator data-animated={dataAttr(animated)}>\n                  {groupLoading ? (\n                    <Loading />\n                  ) : (\n                    runIfFn(indicator, callbackProps)\n                  )}\n                </TreeIndicator>\n                {checkable ? <TreeCheckbox /> : null}\n                {groupStartElement ? (\n                  <TreeStartElement>\n                    {runIfFn(groupStartElement, callbackProps)}\n                  </TreeStartElement>\n                ) : null}\n                {label ? <TreeLabel>{label}</TreeLabel> : null}\n                {groupEndElement ? (\n                  <TreeEndElement>\n                    {runIfFn(groupEndElement, callbackProps)}\n                  </TreeEndElement>\n                ) : null}\n              </styled.div>\n\n              <TreeGroup\n                duration={!animated ? 0 : undefined}\n                open={groupOpen}\n                {...getGroupProps({\n                  ...componentContext.groupProps,\n                  ...groupProps,\n                })}\n              >\n                {children}\n              </TreeGroup>\n            </styled.li>\n          ) : (\n            <styled.li {...getItemProps(itemProps)}>\n              <styled.div data-content {...props}>\n                <TreeIndicator data-hidden />\n                {checkable ? <TreeCheckbox /> : null}\n                {itemStartElement ? (\n                  <TreeStartElement>\n                    {runIfFn(itemStartElement, callbackProps)}\n                  </TreeStartElement>\n                ) : null}\n                {label ? <TreeLabel>{label}</TreeLabel> : null}\n                {itemEndElement ? (\n                  <TreeEndElement>\n                    {runIfFn(itemEndElement, callbackProps)}\n                  </TreeEndElement>\n                ) : null}\n              </styled.div>\n            </styled.li>\n          )}\n        </ItemComponentContext>\n      </TreeItemContext>\n    )\n  },\n  \"item\",\n)()\n\ninterface TreeGroupProps\n  extends\n    Omit<HTMLStyledProps<\"ul\">, \"transition\">,\n    Pick<CollapseProps, \"animationOpacity\" | keyof WithTransitionProps> {}\n\nconst TreeGroup = withContext<\"ul\", TreeGroupProps>((props) => {\n  return <Collapse as=\"ul\" {...cast<CollapseProps>(props)} />\n}, \"group\")()\n\ninterface TreeIndicatorProps extends HTMLStyledProps<\"svg\"> {}\n\nconst TreeIndicator = withContext<\"svg\", TreeIndicatorProps>(\n  ({ children = <ChevronRightIcon />, ...rest }) => {\n    const { indicatorHidden } = useComponentContext()\n\n    if (indicatorHidden) return null\n\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(children, { ...rest, ...children.props })\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  \"indicator\",\n)(undefined, (props) => {\n  const { indicatorProps } = useItemComponentContext()\n\n  return mergeProps(indicatorProps, props)()\n})\n\ninterface TreeCheckboxProps extends CheckboxProps {}\n\nconst TreeCheckbox = withContext<\"input\", TreeCheckboxProps>(\n  Checkbox,\n  \"checkbox\",\n)(undefined, (props) => {\n  const { checkboxProps } = useItemComponentContext()\n\n  return mergeProps(checkboxProps, props)()\n})\n\ninterface TreeStartElementProps extends HTMLStyledProps {}\n\nconst TreeStartElement = withContext<\"div\", TreeStartElementProps>(\"div\", {\n  name: \"StartElement\",\n  slot: [\"element\", \"start\"],\n})(undefined, (props) => {\n  const { startElementProps } = useItemComponentContext()\n\n  return mergeProps(startElementProps, props)()\n})\n\ninterface TreeEndElementProps extends HTMLStyledProps {}\n\nconst TreeEndElement = withContext<\"div\", TreeEndElementProps>(\"div\", {\n  name: \"EndElement\",\n  slot: [\"element\", \"end\"],\n})(undefined, (props) => {\n  const { endElementProps } = useItemComponentContext()\n\n  return mergeProps(endElementProps, props)()\n})\n\ninterface TreeLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst TreeLabel = withContext<\"span\", TreeLabelProps>(\"span\", \"label\")(\n  undefined,\n  (props) => {\n    const { labelProps } = useItemComponentContext()\n\n    return mergeProps(labelProps, props)()\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;;AAsEA,MAAM,qBAAqB,UAAuB;CAChD,OAAO,OAAO,KAAK,OAAO,UAAU;EAClC,MAAM,MACJ,MAAM,WAAA,GAAA,cAAA,SAAA,CAAmB,MAAM,KAAK,IAAI,GAAG,MAAM,MAAM,GAAG,UAAU;EAEtE,IAAI,cAAc,OAAO;GACvB,MAAM,EAAE,UAAU,GAAG,SAAS;GAE9B,OACE,oBAAC,UAAD;IAAoB,GAAI;IACrB,UAAA,kBAAkB,QAAQ;GACnB,GAFK,GAEL;EAEd,OACE,OAAO,oBAAC,UAAD,EAAoB,GAAI,MAAQ,GAAjB,GAAiB;CAE3C,CAAC;AACH;AAEA,MAAM,0BACJ,MACA,QACA,SAC2C;CAC3C,KAAA,GAAA,cAAA,SAAA,CAAa,MAAM,MAAM,WAAW,UAAU,UAAU,SACtD,OAAO,OAAO;MACX,IAAI,QAAQ,OAAO;MACnB,KAAA,GAAA,cAAA,SAAA,CAAa,IAAI,MAAM,WAAW,QAAQ,UAAU,OACvD,OAAO,KAAK;MACT,OAAO;AACd;AA4BA,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAoC,EAAE,MAAM,uBAAuB,CAAC;AAwCtE,MAAM,EACJ,kBACA,cAAc,kBACd,qBACA,iBAAiB,qBACjB,aACA,iBACE,oBACF,QACA,SACF;;;;;;AASA,MAAa,WAAW,cACa,EACjC,MACA,UACA,UACA,YACA,WACA,iBACA,OACA,eACA,cACA,eACA,iBACA,YACA,gBACA,WACA,YACA,mBACA,GAAG,WAC0B;CAC7B,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,kBAAkB,KAAK;CAChC,GAAG,CAAC,UAAU,KAAK,CAAC;CACpB,MAAM,EACJ,kBACA,WACA,cACA,aACA,eACA,UACA,eACA,cACA,oBACA,iBACA,eACA,aACA,kBACA,UACA,qBACE,QAAQ;EAAE,GAAG;EAAM,UAAU;CAAiB,CAAC;CACnD,MAAM,UAAU,eACP;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,mBAAmB,eAChB;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,oBAAC,wBAAD;EAAwB,OAAO;EAC7B,UAAA,oBAAC,aAAD;GAAa,OAAO;GAClB,UAAA,oBAAC,kBAAD;IAAkB,OAAO;IACvB,UAAA,oBAAC,OAAO,IAAR,EAAW,GAAI,aAAa,EAAI,CAAA;GAChB,CAAA;EACP,CAAA;CACS,CAAA;AAE5B,GACA,QACA,EAAE,eAAe,CAAC,MAAM,EAAE,CAC5B,CAAC,CAAC;AAsEF,MAAa,WAAW,aACrB,EACC,WACA,KACA,aACA,UAAU,cACV,eAAe,mBACf,YACA,WAAW,eACX,OACA,eACA,OACA,cACA,OAAO,aAAA,GAAA,cAAA,SAAA,CAAqB,KAAK,IAAI,QAAQ,KAAA,GAC7C,eACA,iBACA,YACA,gBACA,YACA,WACA,mBACA,GAAG,WACC;CACJ,MAAM,EAAE,cAAc,eAAe;CACrC,MAAM,mBAAmB,oBAAoB;CAC7C,MAAM,UAAU,oBACd,iBAAiB,iBAAiB,iBAAiB,MACrD;CACA,MAAM,WAAW,gBAAgB,iBAAiB;CAClD,MAAM,YAAY,iBAAiB,iBAAiB;CACpD,MAAM,oBAAoB,uBACxB,SACA,cACA,iBAAiB,YACnB;CACA,MAAM,kBAAkB,uBACtB,SACA,YACA,iBAAiB,UACnB;CACA,MAAM,mBAAmB,uBACvB,QACA,cACA,iBAAiB,YACnB;CACA,MAAM,iBAAiB,uBACrB,QACA,YACA,iBAAiB,UACnB;CACA,MAAM,gBAAgB,YAAY,YAAY;EAC5C,MAAM,QAAQ,MAAM,oBAAoB;EAExC,OAAO,kBAAkB,KAAK;CAChC,GAAG,CAAC,iBAAiB,CAAC;CACtB,MAAM,EACJ,YACA,UACA,UACA,OACA,cACA,WACA,OACA,OACA,OACA,kBACA,mBACA,eACA,mBACA,cACA,eAC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"}