@accelint/design-toolkit 9.9.2 → 9.10.0

package/dist/components/sidenav/context.d.ts

@@ -12,11 +12,11 @@
 
 import { SidenavContextValue } from "./types.js";
 import "client-only";
-import * as react38 from "react";
+import * as react42 from "react";
 
 //#region src/components/sidenav/context.d.ts
 /** Context for sidenav state and identification */
-declare const SidenavContext: react38.Context<SidenavContextValue>;
+declare const SidenavContext: react42.Context<SidenavContextValue>;
 //#endregion
 export { SidenavContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/sidenav/footer.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SidenavFooterProps } from "./types.js";
-import * as react_jsx_runtime112 from "react/jsx-runtime";
+import * as react_jsx_runtime168 from "react/jsx-runtime";
 
 //#region src/components/sidenav/footer.d.ts
 
@@ -33,7 +33,7 @@ import * as react_jsx_runtime112 from "react/jsx-runtime";
  * @param props - {@link SidenavFooterProps}
  * @returns The rendered SidenavFooter component.
  */
-declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime112.JSX.Element;
+declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime168.JSX.Element;
 //#endregion
 export { SidenavFooter };
 //# sourceMappingURL=footer.d.ts.map

package/dist/components/sidenav/header.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavHeaderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime86 from "react/jsx-runtime";
+import * as react_jsx_runtime170 from "react/jsx-runtime";
 
 //#region src/components/sidenav/header.d.ts
 
@@ -42,7 +42,7 @@ declare function SidenavHeader({
   children,
   classNames,
   ...rest
-}: SidenavHeaderProps): react_jsx_runtime86.JSX.Element;
+}: SidenavHeaderProps): react_jsx_runtime170.JSX.Element;
 //#endregion
 export { SidenavHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/sidenav/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime87 from "react/jsx-runtime";
+import * as react_jsx_runtime171 from "react/jsx-runtime";
 
 //#region src/components/sidenav/index.d.ts
 
@@ -87,7 +87,7 @@ declare function Sidenav({
   isHiddenWhenClosed,
   children,
   ...rest
-}: SidenavProps): react_jsx_runtime87.JSX.Element | null;
+}: SidenavProps): react_jsx_runtime171.JSX.Element | null;
 //#endregion
 export { Sidenav };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/sidenav/item.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime110 from "react/jsx-runtime";
+import * as react_jsx_runtime172 from "react/jsx-runtime";
 
 //#region src/components/sidenav/item.d.ts
 
@@ -40,7 +40,7 @@ declare function SidenavItem({
   classNames,
   textValue,
   ...rest
-}: SidenavItemProps): react_jsx_runtime110.JSX.Element;
+}: SidenavItemProps): react_jsx_runtime172.JSX.Element;
 //#endregion
 export { SidenavItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/sidenav/link.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavLinkProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime88 from "react/jsx-runtime";
+import * as react_jsx_runtime175 from "react/jsx-runtime";
 
 //#region src/components/sidenav/link.d.ts
 
@@ -40,7 +40,7 @@ declare function SidenavLink({
   classNames,
   textValue,
   ...rest
-}: SidenavLinkProps): react_jsx_runtime88.JSX.Element;
+}: SidenavLinkProps): react_jsx_runtime175.JSX.Element;
 //#endregion
 export { SidenavLink };
 //# sourceMappingURL=link.d.ts.map

package/dist/components/sidenav/menu-item.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SidenavMenuItemProps } from "./types.js";
-import * as react_jsx_runtime115 from "react/jsx-runtime";
+import * as react_jsx_runtime179 from "react/jsx-runtime";
 
 //#region src/components/sidenav/menu-item.d.ts
 
@@ -37,7 +37,7 @@ declare function SidenavMenuItem({
   className,
   children,
   ...rest
-}: SidenavMenuItemProps): react_jsx_runtime115.JSX.Element;
+}: SidenavMenuItemProps): react_jsx_runtime179.JSX.Element;
 //#endregion
 export { SidenavMenuItem };
 //# sourceMappingURL=menu-item.d.ts.map

package/dist/components/sidenav/menu.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavMenuProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as react_jsx_runtime176 from "react/jsx-runtime";
 
 //#region src/components/sidenav/menu.d.ts
 
@@ -43,7 +43,7 @@ declare function SidenavMenu({
   classNames,
   children,
   ...rest
-}: SidenavMenuProps): react_jsx_runtime89.JSX.Element;
+}: SidenavMenuProps): react_jsx_runtime176.JSX.Element;
 //#endregion
 export { SidenavMenu };
 //# sourceMappingURL=menu.d.ts.map

package/dist/components/sidenav/styles.module.css

@@ -14,14 +14,22 @@
 
 @layer components.l1 {
   .sidenav {
+    --sidenav-width: 64px;
     @apply fg-primary-bold gap-xs bg-surface-default p-m absolute left-0 row-span-full flex h-full flex-col;
 
-    @variant closed {
-      @apply items-center;
+    @variant motion-safe {
+      transition: transform var(--animation-duration-normal)
+        var(--animation-easing-standard);
     }
 
     @variant group-push-left/layout {
       @apply relative;
+      transform: translateX(0);
+    }
+
+    @variant closed {
+      @apply items-center;
+      transform: translateX(calc(-100% + var(--sidenav-width)));
     }
   }
 

package/dist/components/sidenav/trigger.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime111 from "react/jsx-runtime";
+import * as react_jsx_runtime173 from "react/jsx-runtime";
 
 //#region src/components/sidenav/trigger.d.ts
 
@@ -39,7 +39,7 @@ declare function SidenavTrigger({
   children,
   for: type,
   ...rest
-}: SidenavTriggerProps): react_jsx_runtime111.JSX.Element;
+}: SidenavTriggerProps): react_jsx_runtime173.JSX.Element;
 //#endregion
 export { SidenavTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/skeleton/index.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SkeletonProps } from "./types.js";
-import * as react_jsx_runtime127 from "react/jsx-runtime";
+import * as react_jsx_runtime177 from "react/jsx-runtime";
 
 //#region src/components/skeleton/index.d.ts
 /**
@@ -34,7 +34,7 @@ declare function Skeleton({
   className,
   variant,
   ...rest
-}: SkeletonProps): react_jsx_runtime127.JSX.Element;
+}: SkeletonProps): react_jsx_runtime177.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SliderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime113 from "react/jsx-runtime";
+import * as react_jsx_runtime178 from "react/jsx-runtime";
 
 //#region src/components/slider/index.d.ts
 
@@ -71,7 +71,7 @@ declare function Slider({
   step: stepProp,
   value: valueProp,
   ...rest
-}: SliderProps): react_jsx_runtime113.JSX.Element;
+}: SliderProps): react_jsx_runtime178.JSX.Element;
 //#endregion
 export { Slider };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/status-indicator/index.d.ts

@@ -12,7 +12,7 @@
 
 import { StatusIndicatorProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime91 from "react/jsx-runtime";
+import * as react_jsx_runtime184 from "react/jsx-runtime";
 
 //#region src/components/status-indicator/index.d.ts
 /**
@@ -35,7 +35,7 @@ declare function StatusIndicator({
   className,
   status,
   ...rest
-}: StatusIndicatorProps): react_jsx_runtime91.JSX.Element;
+}: StatusIndicatorProps): react_jsx_runtime184.JSX.Element;
 //#endregion
 export { StatusIndicator };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/switch/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { SwitchProps as SwitchProps$1 } from "./types.js";
 import "client-only";
-import * as react28 from "react";
+import * as react43 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime92 from "react/jsx-runtime";
+import * as react_jsx_runtime180 from "react/jsx-runtime";
 
 //#region src/components/switch/context.d.ts
 /** Context for sharing props across Switch components */
-declare const SwitchContext: react28.Context<ContextValue<SwitchProps$1, HTMLLabelElement>>;
+declare const SwitchContext: react43.Context<ContextValue<SwitchProps$1, HTMLLabelElement>>;
 /**
  * Sets default props for all Switch components within.
  *
@@ -38,7 +38,7 @@ declare const SwitchContext: react28.Context<ContextValue<SwitchProps$1, HTMLLab
 declare function SwitchProvider({
   children,
   ...props
-}: ProviderProps<SwitchProps$1>): react_jsx_runtime92.JSX.Element;
+}: ProviderProps<SwitchProps$1>): react_jsx_runtime180.JSX.Element;
 //#endregion
 export { SwitchContext, SwitchProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/switch/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SwitchProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime118 from "react/jsx-runtime";
+import * as react_jsx_runtime181 from "react/jsx-runtime";
 
 //#region src/components/switch/index.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime118 from "react/jsx-runtime";
 declare function Switch({
   ref,
   ...props
-}: SwitchProps): react_jsx_runtime118.JSX.Element;
+}: SwitchProps): react_jsx_runtime181.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/switch/styles.module.css

@@ -35,6 +35,14 @@
     &:before {
       @apply size-m mr-l block rounded-full bg-(--fg-primary-muted);
       content: '';
+
+      @variant motion-safe {
+        transition:
+          margin var(--animation-duration-normal)
+            var(--animation-easing-standard),
+          background-color var(--animation-duration-fast)
+            var(--animation-easing-standard);
+      }
     }
 
     @variant group-hover/switch {

package/dist/components/table/body.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableBodyProps } from "./types.js";
-import * as react_jsx_runtime119 from "react/jsx-runtime";
+import * as react_jsx_runtime215 from "react/jsx-runtime";
 
 //#region src/components/table/body.d.ts
 
@@ -39,7 +39,7 @@ declare function TableBody<T>({
   ref,
   rows,
   ...rest
-}: TableBodyProps<T>): react_jsx_runtime119.JSX.Element;
+}: TableBodyProps<T>): react_jsx_runtime215.JSX.Element;
 //#endregion
 export { TableBody };
 //# sourceMappingURL=body.d.ts.map

package/dist/components/table/cell.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableCellProps } from "./types.js";
-import * as react_jsx_runtime93 from "react/jsx-runtime";
+import * as react_jsx_runtime224 from "react/jsx-runtime";
 
 //#region src/components/table/cell.d.ts
 
@@ -40,7 +40,7 @@ declare function TableCell<T>({
   className,
   cell,
   ...rest
-}: TableCellProps<T>): react_jsx_runtime93.JSX.Element;
+}: TableCellProps<T>): react_jsx_runtime224.JSX.Element;
 //#endregion
 export { TableCell };
 //# sourceMappingURL=cell.d.ts.map

package/dist/components/table/context.d.ts

@@ -11,11 +11,11 @@
  */
 
 import { TableContextValue } from "./types.js";
-import * as react29 from "react";
+import * as react51 from "react";
 
 //#region src/components/table/context.d.ts
 /** Context for sharing table configuration across subcomponents */
-declare const TableContext: react29.Context<TableContextValue>;
+declare const TableContext: react51.Context<TableContextValue>;
 //#endregion
 export { TableContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/table/header-cell.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableHeaderCellProps } from "./types.js";
-import * as react_jsx_runtime94 from "react/jsx-runtime";
+import * as react_jsx_runtime217 from "react/jsx-runtime";
 
 //#region src/components/table/header-cell.d.ts
 
@@ -42,7 +42,7 @@ declare function TableHeaderCell<T>({
   className,
   header,
   ...rest
-}: TableHeaderCellProps<T>): react_jsx_runtime94.JSX.Element;
+}: TableHeaderCellProps<T>): react_jsx_runtime217.JSX.Element;
 //#endregion
 export { TableHeaderCell };
 //# sourceMappingURL=header-cell.d.ts.map

package/dist/components/table/header.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableHeaderProps } from "./types.js";
-import * as react_jsx_runtime122 from "react/jsx-runtime";
+import * as react_jsx_runtime220 from "react/jsx-runtime";
 
 //#region src/components/table/header.d.ts
 
@@ -41,7 +41,7 @@ declare function TableHeader<T>({
   headerGroups,
   columnSelection,
   ...rest
-}: TableHeaderProps<T>): react_jsx_runtime122.JSX.Element;
+}: TableHeaderProps<T>): react_jsx_runtime220.JSX.Element;
 //#endregion
 export { TableHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/table/index.d.ts

@@ -12,7 +12,7 @@
 
 import { TableProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime123 from "react/jsx-runtime";
+import * as react_jsx_runtime221 from "react/jsx-runtime";
 import { Key } from "@react-types/shared";
 
 //#region src/components/table/index.d.ts
@@ -72,7 +72,7 @@ declare function Table<T extends {
   defaultPage,
   onPageChange,
   ...rest
-}: TableProps<T>): react_jsx_runtime123.JSX.Element;
+}: TableProps<T>): react_jsx_runtime221.JSX.Element;
 //#endregion
 export { Table };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.js

@@ -29,7 +29,7 @@ import { clsx } from "@accelint/design-foundation/lib/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Kebab from "@accelint/icons/kebab";
 import { useControlledState } from "@react-stately/utils";
-import Pin from "@accelint/icons/pin";
+import PinIcon from "@accelint/icons/pin";
 import { useListData } from "@react-stately/data";
 import { getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 import styles from "./styles.module.css";
@@ -162,7 +162,7 @@ function Table({ children, columns: columnsProp, data: dataProp, showCheckbox, r
 			id: "numeral",
 			cell: ({ row }) => row.getIsPinned() ? /* @__PURE__ */ jsx(Icon, {
 				size: "small",
-				children: /* @__PURE__ */ jsx(Pin, {})
+				children: /* @__PURE__ */ jsx(PinIcon, {})
 			}) : /* @__PURE__ */ jsx("span", {
 				"data-testid": "numeral",
 				children: row.index + 1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["actionColumn: NonNullable<typeof columnsProp>[number]"],"sources":["../../../src/components/table/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Kebab from '@accelint/icons/kebab';\nimport Pin from '@accelint/icons/pin';\nimport { useListData } from '@react-stately/data';\nimport { useControlledState } from '@react-stately/utils';\nimport {\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type OnChangeFn,\n  type PaginationState,\n  type Row,\n  type RowPinningState,\n  type RowSelectionState,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { useCallback, useContext, useMemo, useState } from 'react';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { Menu } from '../menu';\nimport { MenuItem } from '../menu/item';\nimport { MenuSeparator } from '../menu/separator';\nimport { MenuTrigger } from '../menu/trigger';\nimport { TableBody } from './body';\nimport { TableContext } from './context';\nimport { TableHeader } from './header';\nimport styles from './styles.module.css';\nimport type { Key } from '@react-types/shared';\nimport type { TableProps } from './types';\n\n// This width is for columns in the table that provide features:\n// - Row count\n// - Row actions kebab\n// - Row selection (checkbox)\n// These columns should not need to grow with table width\nconst META_COLUMN_WIDTH = 32;\n\ntype RowActionsMenuProps<T> = {\n  row: Row<T>;\n  rows: Row<T>[];\n  moveRowsDown: (row: Row<T>, rows: Row<T>[]) => void;\n  moveRowsUp: (row: Row<T>, rows: Row<T>[]) => void;\n};\n\nfunction RowActionsMenu<T>({\n  moveRowsDown,\n  moveRowsUp,\n  row,\n  rows,\n}: RowActionsMenuProps<T>) {\n  const { enableRowActions, persistRowKebabMenu } = useContext(TableContext);\n  const isPinned = !!row.getIsPinned();\n  const hideRowKebab = !persistRowKebabMenu;\n\n  return (\n    enableRowActions && (\n      <div className={clsx(hideRowKebab && styles.hideInRow)}>\n        <MenuTrigger>\n          <Button variant='icon' aria-label={`row ${row.index + 1} actions`}>\n            <Icon>\n              <Kebab />\n            </Icon>\n          </Button>\n          <Menu>\n            <MenuItem onAction={() => row.pin(isPinned ? false : 'top')}>\n              {isPinned ? 'Unpin' : 'Pin'}\n            </MenuItem>\n            <MenuSeparator />\n            <MenuItem\n              onAction={() => moveRowsUp(row, rows)}\n              isDisabled={isPinned || row.index === 0}\n            >\n              Move Up\n            </MenuItem>\n            <MenuItem\n              onAction={() => moveRowsDown(row, rows)}\n              isDisabled={isPinned || row.index === rows.length - 1}\n            >\n              Move Down\n            </MenuItem>\n          </Menu>\n        </MenuTrigger>\n      </div>\n    )\n  );\n}\n\n/**\n * Table - Configurable data table with sorting, selection, and row actions\n *\n * Supports data-driven mode with TanStack column definitions or static mode with subcomponents.\n *\n * @param props - {@link TableProps}\n * @param props.children - Custom children for static mode.\n * @param props.columns - Column definitions for data-driven mode.\n * @param props.data - Data array for data-driven mode.\n * @param props.showCheckbox - Whether to show selection checkboxes.\n * @param props.rowSelection - Initial row selection state.\n * @param props.kebabPosition - Position of row action menu.\n * @param props.persistRowKebabMenu - Keep row kebab menu visible.\n * @param props.persistHeaderKebabMenu - Keep header kebab menu visible.\n * @param props.persistNumerals - Keep row numerals visible.\n * @param props.enableSorting - Enable column sorting.\n * @param props.enableColumnReordering - Enable column reordering.\n * @param props.enableRowActions - Enable row action menu.\n * @param props.manualSorting - Use server-side sorting.\n * @param props.onSortChange - Callback when sort changes.\n * @param props.onColumnReorderChange - Callback when column order changes.\n * @param props.onRowSelectionChange - Callback when row selection changes.\n * @param props.fullWidth - Whether table uses full width.\n * @returns The rendered Table component.\n *\n * @example\n * ```tsx\n * <Table columns={columns} data={rows} enableSorting showCheckbox />\n * ```\n */\nexport function Table<T extends { id: Key }>({\n  children,\n  columns: columnsProp,\n  data: dataProp,\n  showCheckbox,\n  rowSelection: rowSelectionProp,\n  kebabPosition = 'right',\n  persistRowKebabMenu = true,\n  persistHeaderKebabMenu = true,\n  persistNumerals = false,\n  enableSorting = true,\n  enableColumnReordering = true,\n  enableRowActions = true,\n  manualSorting = false,\n  onSortChange,\n  onColumnReorderChange,\n  onRowSelectionChange,\n  fullWidth = false,\n  pageSize,\n  page: pageProp,\n  defaultPage = 1,\n  onPageChange,\n  ...rest\n}: TableProps<T>) {\n  const {\n    items: data,\n    moveAfter,\n    moveBefore,\n  } = useListData({\n    initialItems: dataProp,\n  });\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>(\n    rowSelectionProp ?? {},\n  );\n  const [columnSelection, setColumnSelection] = useState<string | null>(null);\n  const [rowPinning, setRowPinning] = useState<RowPinningState>({\n    top: [],\n    bottom: [],\n  });\n\n  const [currentPage, setCurrentPage] = useControlledState(\n    pageProp,\n    defaultPage,\n    onPageChange,\n  );\n\n  const pagination = useMemo(\n    () =>\n      pageSize != null ? { pageIndex: currentPage - 1, pageSize } : undefined,\n    [currentPage, pageSize],\n  );\n\n  const handlePaginationChange = useCallback<OnChangeFn<PaginationState>>(\n    (updater) => {\n      if (pagination == null) {\n        return;\n      }\n      const next =\n        typeof updater === 'function' ? updater(pagination) : updater;\n      setCurrentPage(next.pageIndex + 1);\n    },\n    [pagination, setCurrentPage],\n  );\n\n  /**\n   * moveUpSelectedRows moves the selected rows up in the table.\n   * It finds the first selected row, determines its index,\n   * and moves it before the previous row if it exists.\n   */\n  const moveRowsUp = useCallback(\n    (row: Row<T>, rows: Row<T>[]) => {\n      const isSelected = rowSelection[row.id];\n      const rowsToMove = isSelected\n        ? rows.filter(({ id }) => rowSelection[id])\n        : [row];\n      const firstRowToMove = rowsToMove[0];\n\n      if (!firstRowToMove || firstRowToMove.index === 0) {\n        return;\n      }\n\n      const prevRowId = rows[firstRowToMove.index - 1]?.id;\n\n      if (!prevRowId) {\n        return;\n      }\n\n      moveBefore(\n        prevRowId,\n        rowsToMove.map(({ id }) => id),\n      );\n    },\n    [rowSelection, moveBefore],\n  );\n\n  /**\n   * moveDownRows moves the selected or active rows down in the table.\n   * It finds the last selected row, determines its index,\n   * and moves it after the next row if it exists.\n   */\n  const moveRowsDown = useCallback(\n    (row: Row<T>, rows: Row<T>[]) => {\n      const isSelected = rowSelection[row.id];\n      const rowsToMove = isSelected\n        ? rows.filter(({ id }) => rowSelection[id])\n        : [row];\n      const lastRowToMove = rowsToMove[rowsToMove.length - 1];\n\n      if (!lastRowToMove || lastRowToMove.index === rows.length - 1) {\n        return;\n      }\n\n      const nextRowId = rows[lastRowToMove.index + 1]?.id;\n\n      if (!nextRowId) {\n        return;\n      }\n\n      moveAfter(\n        nextRowId,\n        rowsToMove.map(({ id }) => id),\n      );\n    },\n    [rowSelection, moveAfter],\n  );\n\n  /**\n   * actionColumn defines the actions available in the kebab menu for each row.\n   * It includes options to move the row up or down in the table.\n   */\n  // biome-ignore lint/correctness/useExhaustiveDependencies: can of worms to fix ticket added\n  const actionColumn: NonNullable<typeof columnsProp>[number] = useMemo(\n    () => ({\n      id: 'kebab',\n      cell: ({ row }) => (\n        <RowActionsMenu\n          moveRowsUp={moveRowsUp}\n          moveRowsDown={moveRowsDown}\n          row={row}\n          rows={getRowModel().rows}\n        />\n      ),\n      size: META_COLUMN_WIDTH,\n    }),\n    [moveRowsUp, moveRowsDown],\n  );\n\n  /**\n   * columns defines the structure of the table.\n   * It includes the action column and optionally a checkbox column.\n   * The kebab menu position can be set to 'left' or 'right'.\n   * If showCheckbox is true, a checkbox column is added.\n   */\n  const columns = useMemo<NonNullable<typeof columnsProp>>(\n    () => [\n      {\n        id: 'numeral',\n        cell: ({ row }) =>\n          row.getIsPinned() ? (\n            <Icon size='small'>\n              <Pin />\n            </Icon>\n          ) : (\n            <span data-testid='numeral'>{row.index + 1}</span>\n          ),\n        size: META_COLUMN_WIDTH,\n      },\n      ...(showCheckbox\n        ? ([\n            {\n              id: 'selection',\n              header: ({ table }) => (\n                <Checkbox\n                  isSelected={table.getIsAllRowsSelected()}\n                  isIndeterminate={table.getIsSomeRowsSelected()}\n                  onChange={table.toggleAllRowsSelected}\n                />\n              ),\n              cell: ({ row }) => (\n                <Checkbox\n                  isSelected={row.getIsSelected()}\n                  isIndeterminate={row.getIsSomeSelected()}\n                  onChange={row.toggleSelected}\n                />\n              ),\n              size: META_COLUMN_WIDTH,\n            },\n          ] satisfies NonNullable<typeof columnsProp>)\n        : []),\n      ...(kebabPosition === 'left' ? [actionColumn] : []),\n      ...(columnsProp ?? []),\n      ...(kebabPosition === 'right' ? [actionColumn] : []),\n    ],\n    [showCheckbox, columnsProp, kebabPosition, actionColumn],\n  );\n\n  const handleSortChange = (\n    columnId: string,\n    sortDirection: 'asc' | 'desc' | null,\n  ) => {\n    onSortChange?.(columnId, sortDirection);\n  };\n\n  const handleColumnReordering = (index: number) => {\n    onColumnReorderChange?.(index);\n  };\n\n  const handleRowSelectionChange = useCallback(\n    (\n      updaterOrValue:\n        | RowSelectionState\n        | ((old: RowSelectionState) => RowSelectionState),\n    ) => {\n      setRowSelection(updaterOrValue);\n      onRowSelectionChange?.(updaterOrValue);\n    },\n    [onRowSelectionChange],\n  );\n\n  const {\n    getHeaderGroups,\n    getTopRows,\n    getCenterRows,\n    getBottomRows,\n    getRowModel,\n    setColumnOrder,\n  } = useReactTable<T>({\n    data,\n    columns,\n    enableSorting,\n    initialState: {\n      columnOrder: columns.map(({ id }) => id ?? ''),\n      rowSelection: rowSelectionProp ?? {},\n    },\n    state: {\n      rowSelection,\n      rowPinning,\n      ...(pagination != null && { pagination }),\n    },\n    getRowId: (row, index) => {\n      // Use the index as the row ID if no unique identifier is available\n      return row.id ? row.id.toString() : index.toString();\n    },\n    enableRowSelection: true,\n    enableRowPinning: true,\n    manualSorting: manualSorting,\n    onRowSelectionChange: handleRowSelectionChange,\n    onRowPinningChange: setRowPinning,\n    onPaginationChange: handlePaginationChange,\n    getCoreRowModel: getCoreRowModel<T>(),\n    getSortedRowModel: getSortedRowModel<T>(),\n    ...(pageSize != null && {\n      getPaginationRowModel: getPaginationRowModel<T>(),\n    }),\n  });\n\n  const moveColumnLeft = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex - 1;\n\n        if (newIndex < 0) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const moveColumnRight = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex + 1;\n\n        if (newIndex >= order.length) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const className = clsx(fullWidth && 'w-full table-fixed', rest.className);\n\n  if (children) {\n    return (\n      <table {...rest} className={className}>\n        {children}\n      </table>\n    );\n  }\n\n  return (\n    <TableContext.Provider\n      value={{\n        persistRowKebabMenu,\n        persistHeaderKebabMenu,\n        persistNumerals,\n        enableSorting,\n        enableColumnReordering,\n        enableRowActions,\n        columnSelection,\n        setColumnSelection,\n        moveColumnLeft,\n        moveColumnRight,\n        manualSorting,\n        handleSortChange,\n        handleColumnReordering,\n      }}\n    >\n      <table {...rest} className={className}>\n        <TableHeader\n          headerGroups={getHeaderGroups()}\n          columnSelection={columnSelection}\n        />\n        <TableBody\n          rows={[...getTopRows(), ...getCenterRows(), ...getBottomRows()]}\n        />\n      </table>\n    </TableContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["actionColumn: NonNullable<typeof columnsProp>[number]","Pin"],"sources":["../../../src/components/table/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Kebab from '@accelint/icons/kebab';\nimport Pin from '@accelint/icons/pin';\nimport { useListData } from '@react-stately/data';\nimport { useControlledState } from '@react-stately/utils';\nimport {\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type OnChangeFn,\n  type PaginationState,\n  type Row,\n  type RowPinningState,\n  type RowSelectionState,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { useCallback, useContext, useMemo, useState } from 'react';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { Menu } from '../menu';\nimport { MenuItem } from '../menu/item';\nimport { MenuSeparator } from '../menu/separator';\nimport { MenuTrigger } from '../menu/trigger';\nimport { TableBody } from './body';\nimport { TableContext } from './context';\nimport { TableHeader } from './header';\nimport styles from './styles.module.css';\nimport type { Key } from '@react-types/shared';\nimport type { TableProps } from './types';\n\n// This width is for columns in the table that provide features:\n// - Row count\n// - Row actions kebab\n// - Row selection (checkbox)\n// These columns should not need to grow with table width\nconst META_COLUMN_WIDTH = 32;\n\ntype RowActionsMenuProps<T> = {\n  row: Row<T>;\n  rows: Row<T>[];\n  moveRowsDown: (row: Row<T>, rows: Row<T>[]) => void;\n  moveRowsUp: (row: Row<T>, rows: Row<T>[]) => void;\n};\n\nfunction RowActionsMenu<T>({\n  moveRowsDown,\n  moveRowsUp,\n  row,\n  rows,\n}: RowActionsMenuProps<T>) {\n  const { enableRowActions, persistRowKebabMenu } = useContext(TableContext);\n  const isPinned = !!row.getIsPinned();\n  const hideRowKebab = !persistRowKebabMenu;\n\n  return (\n    enableRowActions && (\n      <div className={clsx(hideRowKebab && styles.hideInRow)}>\n        <MenuTrigger>\n          <Button variant='icon' aria-label={`row ${row.index + 1} actions`}>\n            <Icon>\n              <Kebab />\n            </Icon>\n          </Button>\n          <Menu>\n            <MenuItem onAction={() => row.pin(isPinned ? false : 'top')}>\n              {isPinned ? 'Unpin' : 'Pin'}\n            </MenuItem>\n            <MenuSeparator />\n            <MenuItem\n              onAction={() => moveRowsUp(row, rows)}\n              isDisabled={isPinned || row.index === 0}\n            >\n              Move Up\n            </MenuItem>\n            <MenuItem\n              onAction={() => moveRowsDown(row, rows)}\n              isDisabled={isPinned || row.index === rows.length - 1}\n            >\n              Move Down\n            </MenuItem>\n          </Menu>\n        </MenuTrigger>\n      </div>\n    )\n  );\n}\n\n/**\n * Table - Configurable data table with sorting, selection, and row actions\n *\n * Supports data-driven mode with TanStack column definitions or static mode with subcomponents.\n *\n * @param props - {@link TableProps}\n * @param props.children - Custom children for static mode.\n * @param props.columns - Column definitions for data-driven mode.\n * @param props.data - Data array for data-driven mode.\n * @param props.showCheckbox - Whether to show selection checkboxes.\n * @param props.rowSelection - Initial row selection state.\n * @param props.kebabPosition - Position of row action menu.\n * @param props.persistRowKebabMenu - Keep row kebab menu visible.\n * @param props.persistHeaderKebabMenu - Keep header kebab menu visible.\n * @param props.persistNumerals - Keep row numerals visible.\n * @param props.enableSorting - Enable column sorting.\n * @param props.enableColumnReordering - Enable column reordering.\n * @param props.enableRowActions - Enable row action menu.\n * @param props.manualSorting - Use server-side sorting.\n * @param props.onSortChange - Callback when sort changes.\n * @param props.onColumnReorderChange - Callback when column order changes.\n * @param props.onRowSelectionChange - Callback when row selection changes.\n * @param props.fullWidth - Whether table uses full width.\n * @returns The rendered Table component.\n *\n * @example\n * ```tsx\n * <Table columns={columns} data={rows} enableSorting showCheckbox />\n * ```\n */\nexport function Table<T extends { id: Key }>({\n  children,\n  columns: columnsProp,\n  data: dataProp,\n  showCheckbox,\n  rowSelection: rowSelectionProp,\n  kebabPosition = 'right',\n  persistRowKebabMenu = true,\n  persistHeaderKebabMenu = true,\n  persistNumerals = false,\n  enableSorting = true,\n  enableColumnReordering = true,\n  enableRowActions = true,\n  manualSorting = false,\n  onSortChange,\n  onColumnReorderChange,\n  onRowSelectionChange,\n  fullWidth = false,\n  pageSize,\n  page: pageProp,\n  defaultPage = 1,\n  onPageChange,\n  ...rest\n}: TableProps<T>) {\n  const {\n    items: data,\n    moveAfter,\n    moveBefore,\n  } = useListData({\n    initialItems: dataProp,\n  });\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>(\n    rowSelectionProp ?? {},\n  );\n  const [columnSelection, setColumnSelection] = useState<string | null>(null);\n  const [rowPinning, setRowPinning] = useState<RowPinningState>({\n    top: [],\n    bottom: [],\n  });\n\n  const [currentPage, setCurrentPage] = useControlledState(\n    pageProp,\n    defaultPage,\n    onPageChange,\n  );\n\n  const pagination = useMemo(\n    () =>\n      pageSize != null ? { pageIndex: currentPage - 1, pageSize } : undefined,\n    [currentPage, pageSize],\n  );\n\n  const handlePaginationChange = useCallback<OnChangeFn<PaginationState>>(\n    (updater) => {\n      if (pagination == null) {\n        return;\n      }\n      const next =\n        typeof updater === 'function' ? updater(pagination) : updater;\n      setCurrentPage(next.pageIndex + 1);\n    },\n    [pagination, setCurrentPage],\n  );\n\n  /**\n   * moveUpSelectedRows moves the selected rows up in the table.\n   * It finds the first selected row, determines its index,\n   * and moves it before the previous row if it exists.\n   */\n  const moveRowsUp = useCallback(\n    (row: Row<T>, rows: Row<T>[]) => {\n      const isSelected = rowSelection[row.id];\n      const rowsToMove = isSelected\n        ? rows.filter(({ id }) => rowSelection[id])\n        : [row];\n      const firstRowToMove = rowsToMove[0];\n\n      if (!firstRowToMove || firstRowToMove.index === 0) {\n        return;\n      }\n\n      const prevRowId = rows[firstRowToMove.index - 1]?.id;\n\n      if (!prevRowId) {\n        return;\n      }\n\n      moveBefore(\n        prevRowId,\n        rowsToMove.map(({ id }) => id),\n      );\n    },\n    [rowSelection, moveBefore],\n  );\n\n  /**\n   * moveDownRows moves the selected or active rows down in the table.\n   * It finds the last selected row, determines its index,\n   * and moves it after the next row if it exists.\n   */\n  const moveRowsDown = useCallback(\n    (row: Row<T>, rows: Row<T>[]) => {\n      const isSelected = rowSelection[row.id];\n      const rowsToMove = isSelected\n        ? rows.filter(({ id }) => rowSelection[id])\n        : [row];\n      const lastRowToMove = rowsToMove[rowsToMove.length - 1];\n\n      if (!lastRowToMove || lastRowToMove.index === rows.length - 1) {\n        return;\n      }\n\n      const nextRowId = rows[lastRowToMove.index + 1]?.id;\n\n      if (!nextRowId) {\n        return;\n      }\n\n      moveAfter(\n        nextRowId,\n        rowsToMove.map(({ id }) => id),\n      );\n    },\n    [rowSelection, moveAfter],\n  );\n\n  /**\n   * actionColumn defines the actions available in the kebab menu for each row.\n   * It includes options to move the row up or down in the table.\n   */\n  // biome-ignore lint/correctness/useExhaustiveDependencies: can of worms to fix ticket added\n  const actionColumn: NonNullable<typeof columnsProp>[number] = useMemo(\n    () => ({\n      id: 'kebab',\n      cell: ({ row }) => (\n        <RowActionsMenu\n          moveRowsUp={moveRowsUp}\n          moveRowsDown={moveRowsDown}\n          row={row}\n          rows={getRowModel().rows}\n        />\n      ),\n      size: META_COLUMN_WIDTH,\n    }),\n    [moveRowsUp, moveRowsDown],\n  );\n\n  /**\n   * columns defines the structure of the table.\n   * It includes the action column and optionally a checkbox column.\n   * The kebab menu position can be set to 'left' or 'right'.\n   * If showCheckbox is true, a checkbox column is added.\n   */\n  const columns = useMemo<NonNullable<typeof columnsProp>>(\n    () => [\n      {\n        id: 'numeral',\n        cell: ({ row }) =>\n          row.getIsPinned() ? (\n            <Icon size='small'>\n              <Pin />\n            </Icon>\n          ) : (\n            <span data-testid='numeral'>{row.index + 1}</span>\n          ),\n        size: META_COLUMN_WIDTH,\n      },\n      ...(showCheckbox\n        ? ([\n            {\n              id: 'selection',\n              header: ({ table }) => (\n                <Checkbox\n                  isSelected={table.getIsAllRowsSelected()}\n                  isIndeterminate={table.getIsSomeRowsSelected()}\n                  onChange={table.toggleAllRowsSelected}\n                />\n              ),\n              cell: ({ row }) => (\n                <Checkbox\n                  isSelected={row.getIsSelected()}\n                  isIndeterminate={row.getIsSomeSelected()}\n                  onChange={row.toggleSelected}\n                />\n              ),\n              size: META_COLUMN_WIDTH,\n            },\n          ] satisfies NonNullable<typeof columnsProp>)\n        : []),\n      ...(kebabPosition === 'left' ? [actionColumn] : []),\n      ...(columnsProp ?? []),\n      ...(kebabPosition === 'right' ? [actionColumn] : []),\n    ],\n    [showCheckbox, columnsProp, kebabPosition, actionColumn],\n  );\n\n  const handleSortChange = (\n    columnId: string,\n    sortDirection: 'asc' | 'desc' | null,\n  ) => {\n    onSortChange?.(columnId, sortDirection);\n  };\n\n  const handleColumnReordering = (index: number) => {\n    onColumnReorderChange?.(index);\n  };\n\n  const handleRowSelectionChange = useCallback(\n    (\n      updaterOrValue:\n        | RowSelectionState\n        | ((old: RowSelectionState) => RowSelectionState),\n    ) => {\n      setRowSelection(updaterOrValue);\n      onRowSelectionChange?.(updaterOrValue);\n    },\n    [onRowSelectionChange],\n  );\n\n  const {\n    getHeaderGroups,\n    getTopRows,\n    getCenterRows,\n    getBottomRows,\n    getRowModel,\n    setColumnOrder,\n  } = useReactTable<T>({\n    data,\n    columns,\n    enableSorting,\n    initialState: {\n      columnOrder: columns.map(({ id }) => id ?? ''),\n      rowSelection: rowSelectionProp ?? {},\n    },\n    state: {\n      rowSelection,\n      rowPinning,\n      ...(pagination != null && { pagination }),\n    },\n    getRowId: (row, index) => {\n      // Use the index as the row ID if no unique identifier is available\n      return row.id ? row.id.toString() : index.toString();\n    },\n    enableRowSelection: true,\n    enableRowPinning: true,\n    manualSorting: manualSorting,\n    onRowSelectionChange: handleRowSelectionChange,\n    onRowPinningChange: setRowPinning,\n    onPaginationChange: handlePaginationChange,\n    getCoreRowModel: getCoreRowModel<T>(),\n    getSortedRowModel: getSortedRowModel<T>(),\n    ...(pageSize != null && {\n      getPaginationRowModel: getPaginationRowModel<T>(),\n    }),\n  });\n\n  const moveColumnLeft = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex - 1;\n\n        if (newIndex < 0) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const moveColumnRight = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex + 1;\n\n        if (newIndex >= order.length) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const className = clsx(fullWidth && 'w-full table-fixed', rest.className);\n\n  if (children) {\n    return (\n      <table {...rest} className={className}>\n        {children}\n      </table>\n    );\n  }\n\n  return (\n    <TableContext.Provider\n      value={{\n        persistRowKebabMenu,\n        persistHeaderKebabMenu,\n        persistNumerals,\n        enableSorting,\n        enableColumnReordering,\n        enableRowActions,\n        columnSelection,\n        setColumnSelection,\n        moveColumnLeft,\n        moveColumnRight,\n        manualSorting,\n        handleSortChange,\n        handleColumnReordering,\n      }}\n    >\n      <table {...rest} className={className}>\n        <TableHeader\n          headerGroups={getHeaderGroups()}\n          columnSelection={columnSelection}\n        />\n        <TableBody\n          rows={[...getTopRows(), ...getCenterRows(), ...getBottomRows()]}\n        />\n      </table>\n    </TableContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/table/row.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableRowProps } from "./types.js";
-import * as react_jsx_runtime124 from "react/jsx-runtime";
+import * as react_jsx_runtime213 from "react/jsx-runtime";
 
 //#region src/components/table/row.d.ts
 
@@ -44,7 +44,7 @@ declare function TableRow<T>({
   className,
   row,
   ...rest
-}: TableRowProps<T>): react_jsx_runtime124.JSX.Element;
+}: TableRowProps<T>): react_jsx_runtime213.JSX.Element;
 //#endregion
 export { TableRow };
 //# sourceMappingURL=row.d.ts.map

package/dist/components/tabs/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TabProps as TabProps$1, TabsProps as TabsProps$1 } from "./types.js";
 import "client-only";
-import * as react30 from "react";
+import * as react52 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime95 from "react/jsx-runtime";
+import * as react_jsx_runtime226 from "react/jsx-runtime";
 
 //#region src/components/tabs/context.d.ts
 /** Context for sharing props across Tabs components */
-declare const TabsContext: react30.Context<ContextValue<TabsProps$1, HTMLDivElement>>;
+declare const TabsContext: react52.Context<ContextValue<TabsProps$1, HTMLDivElement>>;
 /**
  * Sets default props for all Tabs components within.
  *
@@ -42,12 +42,12 @@ declare const TabsContext: react30.Context<ContextValue<TabsProps$1, HTMLDivElem
 declare function TabsProvider({
   children,
   ...props
-}: ProviderProps<TabsProps$1>): react_jsx_runtime95.JSX.Element;
-declare const TabContext: react30.Context<ContextValue<TabProps$1, Element>>;
+}: ProviderProps<TabsProps$1>): react_jsx_runtime226.JSX.Element;
+declare const TabContext: react52.Context<ContextValue<TabProps$1, Element>>;
 declare function TabProvider({
   children,
   ...props
-}: ProviderProps<TabProps$1>): react_jsx_runtime95.JSX.Element;
+}: ProviderProps<TabProps$1>): react_jsx_runtime226.JSX.Element;
 //#endregion
 export { TabContext, TabProvider, TabsContext, TabsProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/tabs/index.d.ts

@@ -12,7 +12,7 @@
 
 import { TabsProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime125 from "react/jsx-runtime";
+import * as react_jsx_runtime228 from "react/jsx-runtime";
 
 //#region src/components/tabs/index.d.ts
 
@@ -44,7 +44,7 @@ import * as react_jsx_runtime125 from "react/jsx-runtime";
 declare function Tabs({
   ref,
   ...props
-}: TabsProps): react_jsx_runtime125.JSX.Element;
+}: TabsProps): react_jsx_runtime228.JSX.Element;
 //#endregion
 export { Tabs };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tabs/list.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { TabListProps } from "react-aria-components";
-import * as react_jsx_runtime117 from "react/jsx-runtime";
+import * as react_jsx_runtime225 from "react/jsx-runtime";
 
 //#region src/components/tabs/list.d.ts
 
@@ -40,7 +40,7 @@ declare function TabList<T extends object>({
   children,
   className,
   ...rest
-}: TabListProps<T>): react_jsx_runtime117.JSX.Element;
+}: TabListProps<T>): react_jsx_runtime225.JSX.Element;
 //#endregion
 export { TabList };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/tabs/panel.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { TabPanelProps } from "react-aria-components";
-import * as react_jsx_runtime126 from "react/jsx-runtime";
+import * as react_jsx_runtime88 from "react/jsx-runtime";
 
 //#region src/components/tabs/panel.d.ts
 
@@ -41,7 +41,7 @@ declare function TabPanel({
   children,
   className,
   ...rest
-}: TabPanelProps): react_jsx_runtime126.JSX.Element;
+}: TabPanelProps): react_jsx_runtime88.JSX.Element;
 //#endregion
 export { TabPanel };
 //# sourceMappingURL=panel.d.ts.map