@accelint/design-toolkit 7.0.1 → 8.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/index.tsx"],"names":["moveRowsUp","we","enableRowActions","useContext","TableContext","row","le","O","jsxs","MenuTrigger","jsx","o","M","ue","Icon","Kebab","Menu","MenuItem","U","isPinned","b","MenuSeparator","menuItem","rows","children","persistRowKebabMenu","enableSorting","enableColumnReordering","manualSorting","moveBefore","setRowSelection","useState","columnSelection","ne","rowsToMove","rowSelection","id","T","firstRowToMove","prevRowId","moveRowsDown","lastRowToMove","g","nextRowId","actionColumn","RowActionsMenu","columns","useMemo","B","showCheckbox","Checkbox","table","K","kebabPosition","handleSortChange","columnId","sortDirection","onSortChange","handleColumnReordering","index","onColumnReorderChange","getHeaderGroups","getTopRows","useReactTable","re","moveColumnLeft","newColumnOrder","newIndex","se","oldIndex","useCallback","setColumnOrder","order","rest","persistHeaderKebabMenu","getCenterRows","pe","getBottomRows","de"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport { Kebab, Pin } from '@accelint/icons';\nimport { useListData } from '@react-stately/data';\nimport {\n  getCoreRowModel,\n  getSortedRowModel,\n  type Row,\n  type RowPinningState,\n  type RowSelectionState,\n  useReactTable,\n} from '@tanstack/react-table';\nimport type { Key } from '@react-types/shared';\nimport 'client-only';\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 { TableStyles } from './styles';\nimport type { TableProps } from './types';\n\nconst { menuItem, notPersistRowKebab } = TableStyles();\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\n  return (\n    enableRowActions && (\n      <div className={persistRowKebabMenu ? '' : notPersistRowKebab()}>\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\n              classNames={{ item: menuItem() }}\n              onAction={() => row.pin(isPinned ? false : 'top')}\n            >\n              {isPinned ? 'Unpin' : 'Pin'}\n            </MenuItem>\n            <MenuSeparator />\n            <MenuItem\n              classNames={{ item: menuItem() }}\n              onAction={() => moveRowsUp(row, rows)}\n              isDisabled={isPinned || row.index === 0}\n            >\n              Move Up\n            </MenuItem>\n            <MenuItem\n              classNames={{ item: 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 and row actions\n *\n * Standardizes table behavior (sorting, selection, row actions) and can be\n * used with column definitions from TanStack React Table.\n *\n * @example\n * <Table columns={columns} data={data} />\n */\nexport function Table<T extends { id: Key }>({\n  children,\n  columns: columnsProp,\n  data: dataProp,\n  showCheckbox,\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  ...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  const [columnSelection, setColumnSelection] = useState<string | null>(null);\n  const [rowPinning, setRowPinning] = useState<RowPinningState>({\n    top: [],\n    bottom: [],\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    }),\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      },\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            },\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 {\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    },\n    state: {\n      rowSelection,\n      rowPinning,\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: setRowSelection,\n    onRowPinningChange: setRowPinning,\n    getCoreRowModel: getCoreRowModel<T>(),\n    getSortedRowModel: getSortedRowModel<T>(),\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  if (children) {\n    return <table {...rest}>{children}</table>;\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}>\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"]}
+{"version":3,"sources":["../../../src/components/table/index.tsx"],"names":["useContext","isPinned","styles","we","G","MenuTrigger","jsx","Button","z","C","fe","o","Re","Kebab","jsxs","Menu","MenuItem","pe","MenuSeparator","moveRowsUp","row","rows","ge","M","moveRowsDown","Table","children","columnsProp","showCheckbox","kebabPosition","enableSorting","enableColumnReordering","enableRowActions","manualSorting","onRowSelectionChange","rest","useListData","dataProp","rowSelection","setRowSelection","rowSelectionProp","columnSelection","setColumnSelection","rowPinning","ce","useCallback","rowsToMove","id","b","w","firstRowToMove","prevRowId","moveBefore","lastRowToMove","nextRowId","moveAfter","RowActionsMenu","O","META_COLUMN_WIDTH","Icon","L","ae","Checkbox","H","actionColumn","handleSortChange","sortDirection","columnId","handleColumnReordering","index","onColumnReorderChange","handleRowSelectionChange","updaterOrValue","getHeaderGroups","getTopRows","getCenterRows","getBottomRows","getRowModel","setColumnOrder","columns","de","getCoreRowModel","me","newColumnOrder","newIndex","oldIndex","order","className","clsx","fullWidth","TableContext","persistHeaderKebabMenu","persistNumerals","Se"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport { Kebab, Pin } from '@accelint/icons';\nimport { useListData } from '@react-stately/data';\nimport {\n  getCoreRowModel,\n  getSortedRowModel,\n  type Row,\n  type RowPinningState,\n  type RowSelectionState,\n  useReactTable,\n} from '@tanstack/react-table';\nimport type { Key } from '@react-types/shared';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\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 { 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 and row actions\n *\n * Standardizes table behavior (sorting, selection, row actions) and can be\n * used with column definitions from TanStack React Table.\n *\n * @example\n * <Table columns={columns} data={data} />\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  ...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  /**\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    },\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    getCoreRowModel: getCoreRowModel<T>(),\n    getSortedRowModel: getSortedRowModel<T>(),\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"]}

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

@@ -3,9 +3,6 @@ import { TableRowProps } from './types.js';
 import '@react-types/shared';
 import '@tanstack/react-table';
 import 'react';
-import 'tailwind-variants';
-import './styles.js';
-import 'tailwind-merge';
 
 declare function TableRow<T>({ ref, children, className, row, ...rest }: TableRowProps<T>): react_jsx_runtime.JSX.Element;
 

package/dist/components/table/row.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {TableCell}from'./cell.js';import {TableRowStyles}from'./styles.js';function i({ref:o,children:a,className:s,row:e,...p}){const r=e?.getAllCells();return jsx("tr",{...p,ref:o,className:TableRowStyles({className:s}),"data-pinned":e?.getIsPinned()||null,"data-selected":e?.getIsSelected()||null,children:a||r?.map(l=>jsx(TableCell,{cell:l},l.id))})}export{i as TableRow};//# sourceMappingURL=row.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {TableCell}from'./cell.js';import d from'./styles.module.css';function T({ref:o,children:r,className:s,row:e,...p}){const a=e?.getAllCells();return jsx("tr",{...p,ref:o,className:clsx("group/row",d.row,s),"data-pinned":e?.getIsPinned()||null,"data-selected":e?.getIsSelected()||null,children:r||a?.map(l=>jsx(TableCell,{cell:l},l.id))})}export{T as TableRow};//# sourceMappingURL=row.js.map
 //# sourceMappingURL=row.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/row.tsx"],"names":["ref","row","cells","jsx","t","cell"],"mappings":"+GAiBO,SACLA,CACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACAC,CACA,CAAA,CAAA,GACF,CAAqB,CACnB,CAAA,GAAA,CAAA,CAAMC,CAAAA,CAAQD,MAAK,CAAA,CAAA,CAAA,EAAA,WAEnB,EACEE,QACGC,GAAA,CAAA,IACD,CAAA,CAAA,GACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,mCACA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAkB,CAAA,CAAA,EAAA,WAAiB,wBACf,CAAA,CAAA,EAAA,aAAmB,EAEtC,EAAA,IAAA,CAAA,QACQ,CAAA,CAAA,KAAcD,GAAC,CAAwB,CAAA,EAAAC,GAAA,CAAMC,SAAAA,CAAAA,CAAfA,IAAqB,CAAE,EAChE,CAEJ,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA","file":"row.js","sourcesContent":["// __private-exports\n/*\n * Copyright 2025 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\nimport { TableCell } from './cell';\nimport { TableRowStyles } from './styles';\nimport type { TableRowProps } from './types';\n\nexport function TableRow<T>({\n  ref,\n  children,\n  className,\n  row,\n  ...rest\n}: TableRowProps<T>) {\n  const cells = row?.getAllCells();\n\n  return (\n    <tr\n      {...rest}\n      ref={ref}\n      className={TableRowStyles({ className })}\n      data-pinned={row?.getIsPinned() || null}\n      data-selected={row?.getIsSelected() || null}\n    >\n      {children ||\n        cells?.map((cell) => <TableCell key={cell.id} cell={cell} />)}\n    </tr>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/table/row.tsx"],"names":["ref","row","rest","t","m","className","cells","cell","jsx","TableCell"],"mappings":"2KAmBE,CAAA,CAAAA,CAAAA,GACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,WACAC,CAAAA,GACA,CAAGC,CACL,CAAA,GACE,CAAA,CAAA,CAAA,CAAA,MAAmB,CAAA,CAAA,CAAA,EAAA,WAEnB,EAAA,CAAA,OACGC,GAAA,CAAA,IACKD,CAAAA,CACJ,GAAA,CAAKF,CAAAA,GACL,CAAA,CAAA,CAAA,SAAgB,CAAAI,IAAA,CAAA,WAAoB,CAAA,CAAKC,CAAS,GAClD,CAAA,CAAA,CAAA,CAAA,aAAkB,CAAA,CAAA,EAAA,eAClB,IAAA,CAAA,eAAoB,CAAA,CAAA,EAAA,aAAmB,EAAA,EAEtC,IAAA,CAAA,QACCC,CAAAA,CAAO,KAAKC,GAASC,CAACC,CAAAA,EAAwBN,eAAMI,IAAfA,CAAK,CAAA,CAAgB,CAAE,EAChE,EAEJ,CAAA,CAAA,CAAA,CAAA","file":"row.js","sourcesContent":["// __private-exports\n/*\n * Copyright 2025 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\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { TableCell } from './cell';\nimport styles from './styles.module.css';\nimport type { TableRowProps } from './types';\n\nexport function TableRow<T>({\n  ref,\n  children,\n  className,\n  row,\n  ...rest\n}: TableRowProps<T>) {\n  const cells = row?.getAllCells();\n\n  return (\n    <tr\n      {...rest}\n      ref={ref}\n      className={clsx('group/row', styles.row, className)}\n      data-pinned={row?.getIsPinned() || null}\n      data-selected={row?.getIsSelected() || null}\n    >\n      {children ||\n        cells?.map((cell) => <TableCell key={cell.id} cell={cell} />)}\n    </tr>\n  );\n}\n"]}

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

@@ -0,0 +1,98 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .headerCell {
+    @apply p-m pr-none fg-primary-muted gap-xxs text-body-s flex items-center justify-between border-1 border-transparent text-left align-middle font-medium;
+
+    @variant hover {
+      @apply fg-primary-bold;
+    }
+
+    @variant selected {
+      @apply bg-accent-primary-muted;
+
+      border-top-color: var(--outline-accent-primary-bold);
+      box-shadow:
+        1px 0 0 0 var(--outline-accent-primary-bold),
+        -1px 0 0 0 var(--outline-accent-primary-bold);
+    }
+  }
+
+  .cell {
+    @apply fg-primary-bold min-w-l font-display text-body-s p-m text-left align-middle;
+
+    @variant selected {
+      @apply bg-accent-primary-muted;
+
+      box-shadow:
+        1px 1px 0 0 var(--outline-accent-primary-bold),
+        -1px 0 0 0 var(--outline-accent-primary-bold);
+    }
+
+    @variant selection-end {
+      @apply border-b-1 border-b-[var(--outline-accent-primary-bold)];
+    }
+  }
+
+  .row {
+    @variant group-not-selected/tbody {
+      @apply border-1 border-transparent;
+
+      @variant first-of-type {
+        border-top-color: var(--outline-static);
+      }
+    }
+
+    @variant has-[+[data-selected]] {
+      @variant not-selected {
+        border-bottom-color: var(--outline-accent-primary-bold);
+      }
+    }
+
+    @variant selected {
+      @apply bg-accent-primary-muted;
+
+      border-left-color: var(--outline-accent-primary-bold);
+      border-right-color: var(--outline-accent-primary-bold);
+
+      @variant not-has-[+[data-selected]] {
+        border-bottom-color: var(--outline-accent-primary-bold);
+      }
+
+      @variant first-of-type {
+        border-top-color: var(--outline-accent-primary-bold);
+      }
+    }
+  }
+
+  .hideInRow {
+    /* making the `td` not visible was causing the bg color to not show for selected rows */
+    & > * {
+      @apply invisible;
+
+      @variant group-hover/row {
+        @apply visible;
+      }
+    }
+  }
+
+  .hideInHeader {
+    @apply invisible;
+
+    @variant group-hover/header-cell {
+      @apply visible;
+    }
+  }
+}

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

@@ -1,9 +1,6 @@
 import { Key } from '@react-types/shared';
-import { ColumnDef, Row, Cell, Header, HeaderGroup } from '@tanstack/react-table';
+import { ColumnDef, RowSelectionState, Row, Cell, Header, HeaderGroup } from '@tanstack/react-table';
 import { Dispatch, SetStateAction, ComponentPropsWithRef, PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { TableCellStyles, TableHeaderCellStyles } from './styles.js';
-import 'tailwind-merge';
 
 type BaseTableProps = Omit<ComponentPropsWithRef<'table'>, 'children'>;
 type ExtendedTableProps<T extends {
@@ -24,6 +21,12 @@ type ExtendedTableProps<T extends {
      * Whether to display a checkbox column.
      */
     showCheckbox?: boolean;
+    /**
+     * Initial row selection state.
+     * An object mapping row IDs to their selection state (true = selected).
+     * Example: { 'row-1': true, 'row-2': true }
+     */
+    rowSelection?: RowSelectionState;
     /**
      * Position of the kebab menu, either 'left' or 'right'.
      */
@@ -84,6 +87,31 @@ type ExtendedTableProps<T extends {
      * @param index - The new index position of the column after reordering.
      */
     onColumnReorderChange?: (index: number) => void;
+    /**
+     * Callback function triggered when row selection changes.
+     * Receives an updater function or direct value following TanStack Table's API pattern.
+     *
+     * @param updaterOrValue - Either a function that receives the old state and returns new state,
+     * or a direct RowSelectionState object.
+     *
+     * @example
+     * // Using with state setter
+     * onRowSelectionChange={setSelectedRows}
+     *
+     * @example
+     * // Using with custom handler
+     * onRowSelectionChange={(updater) => {
+     *   const newState = typeof updater === 'function' ? updater(oldState) : updater;
+     *   console.log('Selected rows:', newState);
+     * }}
+     */
+    onRowSelectionChange?: (updaterOrValue: RowSelectionState | ((old: RowSelectionState) => RowSelectionState)) => void;
+    /**
+     * Whether the table should take full width and use fixed layout.
+     * When true, applies 'w-full table-fixed' classes.
+     * @default false
+     */
+    fullWidth?: boolean;
 };
 /**
  * Props for the Table component.
@@ -141,40 +169,33 @@ type TableRowProps<T> = ComponentPropsWithRef<'tr'> & {
 /**
  * Props for a table cell component.
  *
- * Extends the standard HTML `<td>` element attributes and includes variant styling props.
+ * Extends the standard HTML `<td>` element attributes.
  *
  * @remarks
  * - Inherits all properties from `TdHTMLAttributes<HTMLTableCellElement>`.
- * - Includes variant properties from `cellStyles`.
  * - Optionally accepts a `ref` to the underlying `<td>` element.
  *
  * @property ref - Optional React ref for the table cell element.
  * @property className - Optional class name for custom styling.
- * @property narrow - Optional boolean to apply narrow styling.
- * @property numeral - Optional boolean to apply numeral styling.
- * @property persistent - Optional boolean to control visibility behavior.
- *   If true, the cell is always visible.
- *   If false, the cell content is only visible on hover or when the row is hovered.
  */
-type TableCellProps<T> = ComponentPropsWithRef<'td'> & VariantProps<typeof TableCellStyles> & {
+type TableCellProps<T> = ComponentPropsWithRef<'td'> & {
     cell?: Cell<T, unknown>;
 };
 /**
  * Props for a table header cell component.
  *
- * This type combines standard HTML `<th>` element attributes, style variant props,
+ * This type combines standard HTML `<th>` element attributes
  * and ref attributes for a table header cell.
  *
- * @see {@link VariantProps}
  * @see {@link RefAttributes}
  */
-type TableHeaderCellProps<T> = ComponentPropsWithRef<'th'> & VariantProps<typeof TableHeaderCellStyles> & {
+type TableHeaderCellProps<T> = ComponentPropsWithRef<'th'> & {
     header?: Header<T, unknown>;
 };
 /**
  * Props for the table header (`<thead>`) component.
  *
- * Extends standard HTML attributes and ref attributes for an HTMLTableSectionElement.
+ * Accepts standard HTML attributes and ref attributes for an HTMLTableSectionElement.
  *
  * @see {@link HTMLAttributes}
  * @see {@link RefAttributes}

package/dist/components/tabs/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Tabs,composeRenderProps}from'react-aria-components';import {TabsContext}from'./context.js';import {TabStyles}from'./styles.js';const{tabs:T}=TabStyles();function y({ref:s,...o}){[o,s]=useContextProps(o,s??null,TabsContext);const{children:t,className:r,...a}=o;return jsx(Tabs,{...a,ref:s,className:composeRenderProps(r,e=>T({className:e})),children:t})}export{y as Tabs};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,Tabs,composeRenderProps}from'react-aria-components';import {TabsContext}from'./context.js';import l from'./styles.module.css';function y({ref:s,...o}){[o,s]=useContextProps(o,s??null,TabsContext);const{children:r,className:t,...a}=o;return jsx(Tabs,{...a,ref:s,className:composeRenderProps(t,e=>clsx("group/tabs",l.tabs,e)),children:r})}export{y as Tabs};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"names":["TabStyles","p","ref","props","useContextProps","b","TabsContext","i","jsx","rest","m","tabs"],"mappings":"+MAwBQ,KAAK,CAAIA,IAgDV,CAAA,CAAA,CAAA,CAAAC,SAAA,EAAA,CAAA,SAAgBC,CAAK,CAAA,CAAA,GAAS,CAAc,CACjD,CAACC,GAAU,CAAA,CAAIC,EAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CAAMC,CAAW,EAE9D,IAAA,CAAMC,WAAE,CAAA,CAAA,KAAA,CAAA,oBAA6B,CAAIJ,EAEzC,GAAA,CAAA,CAAA,CAAA,CACEK,CAAAA,OACMC,GAAAA,CACJC,IAAA,CAAA,CAAA,GACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACEC,CAAAA,kBAAK,CAAE,iBAGR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport 'client-only';\nimport {\n  Tabs as AriaTabs,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { TabsContext } from './context';\nimport { TabStyles } from './styles';\nimport type { TabsProps } from './types';\n\nconst { tabs } = TabStyles();\n\n/**\n * Tabs - A tab navigation component for organizing content into sections\n *\n * Provides accessible tab navigation with keyboard support and proper ARIA implementation.\n * Supports both horizontal and vertical orientations with icon and text variants.\n * Perfect for organizing related content into separate, focusable sections.\n *\n * @example\n * // Basic horizontal tabs\n * <Tabs>\n *   <TabsList>\n *     <TabsListTab id=\"overview\">Overview</TabsListTab>\n *     <TabsListTab id=\"details\">Details</TabsListTab>\n *     <TabsListTab id=\"settings\">Settings</TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"overview\">Overview content</TabsPanel>\n *   <TabsPanel id=\"details\">Details content</TabsPanel>\n *   <TabsPanel id=\"settings\">Settings content</TabsPanel>\n * </Tabs>\n *\n * @example\n * // Vertical tabs\n * <Tabs orientation=\"vertical\">\n *   <TabsList>\n *     <TabsListTab id=\"profile\">Profile</TabsListTab>\n *     <TabsListTab id=\"account\">Account</TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"profile\">Profile settings</TabsPanel>\n *   <TabsPanel id=\"account\">Account settings</TabsPanel>\n * </Tabs>\n *\n * @example\n * // Icon tabs\n * <Tabs>\n *   <TabsList variant=\"icons\">\n *     <TabsListTab id=\"home\">\n *       <Icon><Home /></Icon>\n *     </TabsListTab>\n *     <TabsListTab id=\"search\">\n *       <Icon><Search /></Icon>\n *     </TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"home\">Home content</TabsPanel>\n *   <TabsPanel id=\"search\">Search content</TabsPanel>\n * </Tabs>\n */\nexport function Tabs({ ref, ...props }: TabsProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TabsContext);\n\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaTabs\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        tabs({ className }),\n      )}\n    >\n      {children}\n    </AriaTabs>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"names":["ref","props","useContextProps","TabsContext","rest","c","p","className","clsx","m"],"mappings":"gRAuEuB,CAAA,CAAAA,CAAAA,IAAQC,CAAM,CAAA,GAClCA,EAAOD,CAAG,CAAA,CAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,eAAAA,CAAO,CAAA,CAAA,CAAA,EAAMG,kBAE7C,KAAE,CAAA,QAAU,CAAA,CAAA,CAAA,SAAW,CAAGC,CAAK,CAAA,GAErC,YAEKC,GAAA,CAAAC,IAAGF,EACJ,GAAA,CAAKJ,CAAAA,GACL,CAAA,CAAA,CAAA,SAA0CO,CAAAA,kBAAAA,CACxCC,CAAAA,CAAK,CAAA,EAAAC,IAAA,CAAA,eAA2BF,IAGjC,CAAA,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Tabs as AriaTabs,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { TabsContext } from './context';\nimport styles from './styles.module.css';\nimport type { TabsProps } from './types';\n\n/**\n * Tabs - A tab navigation component for organizing content into sections\n *\n * Provides accessible tab navigation with keyboard support and proper ARIA implementation.\n * Supports both horizontal and vertical orientations with icon and text variants.\n * Perfect for organizing related content into separate, focusable sections.\n *\n * @example\n * // Basic horizontal tabs\n * <Tabs>\n *   <TabsList>\n *     <TabsListTab id=\"overview\">Overview</TabsListTab>\n *     <TabsListTab id=\"details\">Details</TabsListTab>\n *     <TabsListTab id=\"settings\">Settings</TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"overview\">Overview content</TabsPanel>\n *   <TabsPanel id=\"details\">Details content</TabsPanel>\n *   <TabsPanel id=\"settings\">Settings content</TabsPanel>\n * </Tabs>\n *\n * @example\n * // Vertical tabs\n * <Tabs orientation=\"vertical\">\n *   <TabsList>\n *     <TabsListTab id=\"profile\">Profile</TabsListTab>\n *     <TabsListTab id=\"account\">Account</TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"profile\">Profile settings</TabsPanel>\n *   <TabsPanel id=\"account\">Account settings</TabsPanel>\n * </Tabs>\n *\n * @example\n * // Icon tabs\n * <Tabs>\n *   <TabsList variant=\"icons\">\n *     <TabsListTab id=\"home\">\n *       <Icon><Home /></Icon>\n *     </TabsListTab>\n *     <TabsListTab id=\"search\">\n *       <Icon><Search /></Icon>\n *     </TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"home\">Home content</TabsPanel>\n *   <TabsPanel id=\"search\">Search content</TabsPanel>\n * </Tabs>\n */\nexport function Tabs({ ref, ...props }: TabsProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TabsContext);\n\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaTabs\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx('group/tabs', styles.tabs, className),\n      )}\n    >\n      {children}\n    </AriaTabs>\n  );\n}\n"]}

package/dist/components/tabs/list.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {TabList,composeRenderProps}from'react-aria-components';import {TabStyles}from'./styles.js';const{list:T}=TabStyles();function L({children:s,className:t,...o}){return jsx(TabList,{...o,className:composeRenderProps(t,i=>T({className:i})),children:s})}export{L as TabList};//# sourceMappingURL=list.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {TabList,composeRenderProps}from'react-aria-components';import p from'./styles.module.css';function l({children:s,className:t,...o}){return jsx(TabList,{...o,className:composeRenderProps(t,i=>clsx(p.list,i)),children:s})}export{l as TabList};//# sourceMappingURL=list.js.map
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs/list.tsx"],"names":["TabStyles","e","rest","p","r","className","list"],"mappings":"2JAsBA,KAAQ,CAAA,IAASA,CAAAA,CAAU,CAAA,CAOpBC,SAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAGC,CACL,GACE,WACGC,GACE,CAAAC,OAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAA8BG,CAAYA,kBAAAA,CAAAA,CACxCC,CAAAA,CAAK,EAAE,CAAA,CAAA,CAAA,SACT,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"list.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport 'client-only';\nimport {\n  TabList as AriaTabList,\n  composeRenderProps,\n  type TabListProps,\n} from 'react-aria-components';\nimport { TabStyles } from './styles';\n\nconst { list } = TabStyles();\n\n/**\n * TabList - Container for tabs\n *\n * Contains and manages a group of Tab components\n */\nexport function TabList<T extends object>({\n  children,\n  className,\n  ...rest\n}: TabListProps<T>) {\n  return (\n    <AriaTabList<T>\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        list({ className }),\n      )}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/tabs/list.tsx"],"names":["TabList","children","className","AriaTabList","rest","composeRenderProps","styles"],"mappings":"mNA4BO,SAASA,CAA0B,CACxC,CAAA,QAAAC,CAAAA,CACA,CAAA,SAAAC,EACA,CAAA,GACF,EAAoB,CAClB,CAAA,UACGC,CAAAA,OAAA,CACE,IAAGC,CACJ,CAAA,SAAWC,mBAAmBH,CAAAA,CAAYA,CAAAA,CAAAA,MACnCI,CAAAA,CAAO,CAAA,IAAMJ,CAAS,CAC7B,CAAA,CAEC,CAAA,QAAAD,CAAAA,CACH,CAEJ,CAAA","file":"list.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  TabList as AriaTabList,\n  composeRenderProps,\n  type TabListProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * TabList - Container for tabs\n *\n * Contains and manages a group of Tab components\n */\nexport function TabList<T extends object>({\n  children,\n  className,\n  ...rest\n}: TabListProps<T>) {\n  return (\n    <AriaTabList<T>\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.list, className),\n      )}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n"]}

package/dist/components/tabs/panel.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {TabPanel,composeRenderProps}from'react-aria-components';import {TabStyles}from'./styles.js';const{panel:s}=TabStyles();function i({children:a,className:e,...o}){return jsx(TabPanel,{...o,className:composeRenderProps(e,n=>s({className:n})),children:a})}export{i as TabPanel};//# sourceMappingURL=panel.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {TabPanel,composeRenderProps}from'react-aria-components';import s from'./styles.module.css';function T({children:a,className:e,...o}){return jsx(TabPanel,{...o,className:composeRenderProps(e,r=>clsx(s.panel,r)),children:a})}export{T as TabPanel};//# sourceMappingURL=panel.js.map
 //# sourceMappingURL=panel.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs/panel.tsx"],"names":["TabStyles","p","rest","P","r","className","panel"],"mappings":"4JAsBA,KAAQ,CAAA,KAAUA,CAAAA,CAAU,CAAA,CAOrBC,SAAA,EAAA,CAAA,SAAoB,CAAA,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAAW,CAAA,CAAGC,CAAK,GACtD,WACGC,GACE,CAAAC,QAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAA8BG,CAAYA,kBAAAA,CAAAA,CACxCC,CAAAA,CAAM,EAAE,CAAA,CAAA,CAAA,SACV,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"panel.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport 'client-only';\nimport {\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabPanelProps,\n} from 'react-aria-components';\nimport { TabStyles } from './styles';\n\nconst { panel } = TabStyles();\n\n/**\n * TabPanel - Content panel for tabs\n *\n * Container for content associated with a specific tab\n */\nexport function TabPanel({ children, className, ...rest }: TabPanelProps) {\n  return (\n    <AriaTabPanel\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        panel({ className }),\n      )}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/tabs/panel.tsx"],"names":["TabPanel","children","className","AriaTabPanel","rest","composeRenderProps","styles"],"mappings":"oNA4BO,SAASA,CAAS,CAAE,CAAA,QAAAC,CAAAA,CAAU,CAAA,SAAAC,EAAW,CAAA,GAAQ,EAAkB,CACxE,CAAA,UACGC,CAAAA,QAAA,CACE,IAAGC,CACJ,CAAA,SAAWC,mBAAmBH,CAAAA,CAAYA,CAAAA,CAAAA,MACnCI,CAAAA,CAAO,CAAA,KAAOJ,CAAS,CAC9B,CAAA,CAEC,CAAA,QAAAD,CAAAA,CACH,CAEJ,CAAA","file":"panel.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabPanelProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * TabPanel - Content panel for tabs\n *\n * Container for content associated with a specific tab\n */\nexport function TabPanel({ children, className, ...rest }: TabPanelProps) {\n  return (\n    <AriaTabPanel\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.panel, className),\n      )}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n"]}

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

@@ -0,0 +1,140 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .tabs {
+    @apply w-content flex;
+
+    @variant orientation-horizontal {
+      @apply flex-col;
+    }
+
+    @variant orientation-vertical {
+      @apply flex-row;
+    }
+  }
+
+  .list {
+    @apply flex;
+
+    @variant orientation-horizontal {
+      @apply flex-row;
+    }
+
+    @variant orientation-vertical {
+      @apply flex-col;
+    }
+  }
+
+  .tab {
+    @apply fg-primary-muted rounded-small p-s relative cursor-pointer;
+
+    @variant hover {
+      @apply fg-primary-bold;
+    }
+
+    @variant focus-visible {
+      @apply fg-primary-bold;
+    }
+
+    @variant pressed {
+      @apply fg-pressed;
+    }
+
+    @variant selected {
+      @apply fg-accent-primary-bold bg-accent-primary-muted;
+
+      @variant hover {
+        @apply fg-accent-primary-hover bg-accent-primary-hover;
+      }
+
+      @variant focus-visible {
+        @apply fg-accent-primary-hover bg-accent-primary-hover;
+      }
+
+      @variant pressed {
+        @apply fg-accent-primary-pressed bg-interactive-muted-pressed;
+      }
+    }
+
+    @variant group-orientation-horizontal/tabs {
+      @apply rounded-b-none;
+
+      &:after {
+        @apply absolute bottom-0 left-0 block h-px w-full bg-(--outline-static);
+        content: '';
+      }
+
+      @variant hover {
+        &:after {
+          @apply bg-(--outline-interactive-hover);
+        }
+      }
+
+      @variant focus-visible {
+        &:after {
+          @apply bg-(--outline-accent-primary-bold);
+        }
+      }
+
+      @variant pressed {
+        &:after {
+          @apply bg-(--outline-interactive-pressed);
+        }
+      }
+
+      @variant selected {
+        &:after {
+          @apply bg-(--outline-accent-primary-bold);
+        }
+
+        @variant hover {
+          &:after {
+            @apply bg-(--outline-accent-primary-hover);
+          }
+        }
+
+        @variant focus-visible {
+          &:after {
+            @apply bg-(--outline-accent-primary-hover);
+          }
+        }
+
+        @variant pressed {
+          &:after {
+            @apply bg-(--outline-accent-primary-pressed);
+          }
+        }
+      }
+    }
+
+    @variant disabled {
+      @apply fg-disabled cursor-not-allowed;
+
+      @variant selected {
+        @apply bg-interactive-disabled;
+      }
+
+      @variant group-orientation-horizontal/tabs {
+        &:after {
+          @apply bg-(--outline-interactive-disabled);
+        }
+      }
+    }
+  }
+
+  .panel {
+    @apply fg-primary-bold p-s;
+  }
+}

package/dist/components/tabs/tab.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {Tab,composeRenderProps}from'react-aria-components';import {TabStyles}from'./styles.js';const{tab:e}=TabStyles();function c({children:o,className:a,...r}){return jsx(Tab,{...r,className:composeRenderProps(a,p=>e({className:p})),children:o})}export{c as Tab};//# sourceMappingURL=tab.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Tab,composeRenderProps}from'react-aria-components';import m from'./styles.module.css';function l({children:o,className:r,...a}){return jsx(Tab,{...a,className:composeRenderProps(r,p=>clsx(m.tab,p)),children:o})}export{l as Tab};//# sourceMappingURL=tab.js.map
 //# sourceMappingURL=tab.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs/tab.tsx"],"names":["tab","TabStyles","b","rest","T","s","className"],"mappings":"uJAsBA,KAAQ,CAAAA,GAAQC,CAAAA,CAAU,CAAA,CAOnBC,SAAA,EAAA,CAAA,SAAe,CAAA,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAAW,CAAA,CAAGC,CAAK,GACjD,WACGC,GACE,CAAAC,GAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAA8BG,CAAYA,kBAAAA,CAAAA,CACxCN,CAAAA,CAAI,EAAE,CAAA,CAAA,CAAA,SACR,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"tab.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport 'client-only';\nimport {\n  Tab as AriaTab,\n  composeRenderProps,\n  type TabProps,\n} from 'react-aria-components';\nimport { TabStyles } from './styles';\n\nconst { tab } = TabStyles();\n\n/**\n * Tab - Individual tab component\n *\n * Represents a selectable tab within a TabList\n */\nexport function Tab({ children, className, ...rest }: TabProps) {\n  return (\n    <AriaTab\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        tab({ className }),\n      )}\n    >\n      {children}\n    </AriaTab>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/tabs/tab.tsx"],"names":["Tab","children","className","AriaTab","rest","composeRenderProps","styles"],"mappings":"+MA4BO,SAASA,CAAI,CAAE,CAAA,QAAAC,CAAAA,CAAU,CAAA,SAAAC,EAAW,CAAA,GAAQ,EAAa,CAC9D,CAAA,UACGC,CAAAA,GAAA,CACE,IAAGC,CACJ,CAAA,SAAWC,mBAAmBH,CAAAA,CAAYA,CAAAA,CAAAA,MACnCI,CAAAA,CAAO,CAAA,GAAKJ,CAAS,CAC5B,CAAA,CAEC,CAAA,QAAAD,CAAAA,CACH,CAEJ,CAAA","file":"tab.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Tab as AriaTab,\n  composeRenderProps,\n  type TabProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * Tab - Individual tab component\n *\n * Represents a selectable tab within a TabList\n */\nexport function Tab({ children, className, ...rest }: TabProps) {\n  return (\n    <AriaTab\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.tab, className),\n      )}\n    >\n      {children}\n    </AriaTab>\n  );\n}\n"]}

package/dist/components/text-area-field/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useContextProps,TextField,composeRenderProps,TextArea,Text,FieldError}from'react-aria-components';import {Label}from'../label/index.js';import {TextAreaFieldContext}from'./context.js';import {TextAreaStyles}from'./styles.js';const{field:L,label:M,input:z,description:C,error:E}=TextAreaStyles();function B({ref:s,...l}){[l,s]=useContextProps(l,s??null,TextAreaFieldContext);const{classNames:e,description:n,errorMessage:c,label:i,inputProps:u,size:d="medium",isInvalid:x,...b}=l,p=c||null,m=d==="small";return jsx(TextField,{...b,"aria-label":i,ref:s,className:composeRenderProps(e?.field,a=>L({className:a})),isInvalid:x||(p?true:void 0),"data-size":d,children:({isDisabled:a,isInvalid:f,isRequired:T})=>jsxs(Fragment,{children:[!!i&&!m&&jsx(Label,{className:M({className:e?.label}),isDisabled:a,isRequired:T,children:i}),jsx(TextArea,{...u,className:composeRenderProps(e?.input,o=>z({className:o}))}),!!n&&!(m||f)&&jsx(Text,{slot:"description",className:C({className:e?.description}),children:n}),jsx(FieldError,{className:composeRenderProps(e?.error,o=>E({className:o})),children:p})]})})}export{B as TextAreaField};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,TextField,composeRenderProps,TextArea,Text,FieldError}from'react-aria-components';import {Label}from'../label/index.js';import {TextAreaFieldContext}from'./context.js';import i from'./styles.module.css';function S({ref:s,...o}){[o,s]=useContextProps(o,s??null,TextAreaFieldContext);const{classNames:e,description:p,errorMessage:x,label:t,inputProps:f,size:m="medium",isInvalid:b,...P}=o,c=x||null,u=m==="small";return jsx(TextField,{...P,"aria-label":t,ref:s,className:composeRenderProps(e?.field,a=>clsx("group/text-area-field",i.field,a)),isInvalid:b||(c?true:void 0),"data-size":m,children:({isDisabled:a,isInvalid:T,isRequired:F})=>jsxs(Fragment,{children:[!!t&&!u&&jsx(Label,{className:clsx(i.label,e?.label),isDisabled:a,isRequired:F,children:t}),jsx(TextArea,{...f,className:composeRenderProps(e?.input,d=>clsx(i.input,d))}),!!p&&!(u||T)&&jsx(Text,{slot:"description",className:clsx(i.description,e?.description),children:p}),jsx(FieldError,{className:composeRenderProps(e?.error,d=>clsx(i.error,d)),children:c})]})})}export{S as TextAreaField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/text-area-field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-area-field/index.tsx"],"names":["input","TextAreaField","I","props","ref","TextAreaFieldContext","v","y","classNames","size","isSmall","jsx","TextField","r","A","labelProp","composeRenderProps","isInvalidProp","errorMessage","jsxs","Fragment","R","label","g","TextArea","isInvalid","Text","F","FieldError","P","t"],"mappings":"+SA4Be,KAAO,CAAA,KAAAA,CAAO,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAa,CAAA,CAAA,CAAA,WAsBnC,CAAA,CAAA,CAAA,KAASC,CAAc,CAAE,CAAA,CAAAC,cAAA,GAAK,SAClCC,CAAOC,CAAG,CAAA,GAAoBD,CAAAA,CAAOC,CAAAA,GAAO,CAAA,CAAA,CAAA,CAAMC,CAAoB,EAEvE,CAAA,CAAA,CAAAC,eAAA,CAAM,CACJ,CAAA,CAAA,EAAA,IAAA,CAAAC,oBAAA,CAAAC,CAAAA,KACA,CAAA,wBAEA,CAAA,CAAA,CAAA,YACA,CAAA,CAAA,CAAA,KACA,CAAA,CAAA,CAAAC,UAAO,CACP,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,QAEF,CAAIN,SACqC,CAAA,CAAA,CACnCO,GAAUD,CAAAA,CAAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,QAGvBE,GAACC,OAEC,CAAA,OAAAC,GAAA,CAAAC,SAAA,CAAA,CAAYC,GACZ,CAAA,CAAA,YACA,CAAWC,CAAAA,CAAmBR,GAAY,CAAA,CAAA,CAAA,SAChC,4BAAU,CAAC,CACrB,EACA,CAAA,CAAA,CAAA,SAAWS,CAAAA,CAAkBC,CAAAA,CAAe,CAAA,CAAA,SAC5C,kBAEC,CAAA,CAAA,WACG,CAAA,CAAA,CAAA,QAAY,CAAA,CAAA,CAAA,UAAW,CAAA,CAAA,CAAA,SAAW,CAEpCC,CAAAA,CAAAC,gBACKL,IAAAA,CAAaM,QAACX,CAAAA,CAAAA,QAEb,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAWY,CAAAA,EAAQT,GAAA,CAAAU,KAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAM,SAChD,CAAA,CAAA,EAAA,KACA,CAAA,CAAA,CAAA,UAEC,CAAA,CAAA,CAAA,UAGJC,CAAAA,CAAA,CACE,iBACUR,QAAAA,CAAmBR,CAAAA,GAAY,CAAA,CAAA,SAChC,4BAAU,CAAC,CACrB,EACF,CAAA,CACC,CAAC,SAAiCiB,CAAAA,CAAAA,CAAAA,CACjCd,CAAAA,CAACe,CAAAA,CAAA,CACC,CAAA,CAAA,EAAA,EAAK,CAAA,EAAA,CAAA,CAAA,EAAAb,GAAA,CAAAc,IAAA,CAAA,CAAA,IACL,CAAA,aAAyB,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAA,SAE/C,CAAA,CAAA,EAAA,WAGJC,CAAAA,CAAA,CACC,QAAA,CAAA,CAAWZ,CAAAA,CAAmBR,CAAAA,GAAAA,CAAYqB,UAAA,CAAA,CAAA,SAChC,CAAAC,kBAAA,CAAA,CAAA,EAAA,KAAU,CAAC,CACrB,EAEC,CAAA,CAAA,CAAA,SACH,CAAA,CACF,CAAA,CAEJ,CAEJ,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport 'client-only';\nimport {\n  composeRenderProps,\n  FieldError,\n  Text,\n  TextArea,\n  TextField,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { TextAreaFieldContext } from './context';\nimport { TextAreaStyles } from './styles';\nimport type { TextAreaFieldProps } from './types';\n\nconst { field, label, input, description, error } = TextAreaStyles();\n\n/**\n * TextAreaField - A multi-line text input component with label and validation\n *\n * Provides a complete form field experience for longer text content with integrated\n * label, description, and error message components. Handles validation states and\n * accessibility automatically while supporting resizable text areas.\n *\n * @example\n * // Basic text area field\n * <TextAreaField label=\"Comments\" />\n *\n * @example\n * // Text area with validation\n * <TextAreaField\n *   isInvalid={true}\n *   errorMessage='Message is required'\n *   label='Foo'\n *   isRequired\n *   />\n */\nexport function TextAreaField({ ref, ...props }: TextAreaFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextAreaFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    inputProps,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <TextField\n      {...rest}\n      aria-label={labelProp}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <TextArea\n            {...inputProps}\n            className={composeRenderProps(classNames?.input, (className) =>\n              input({ className }),\n            )}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={description({ className: classNames?.description })}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </TextField>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/text-area-field/index.tsx"],"names":["props","useContextProps","TextAreaFieldContext","y","L","descriptionProp","errorMessageProp","inputProps","rest","isSmall","size","jsx","l","g","labelProp","classNames","clsx","r","isInvalidProp","errorMessage","isDisabled","z","styles","TextArea","A","composeRenderProps","isInvalid","Text","v","FieldError"],"mappings":"kWAiDgC,SAAqC,CACnE,CAACA,CAAAA,IAAcC,CAAAA,CAAgBD,KAAc,CAAA,CAAA,CAAA,CAAA,CAAME,CAAoB,EAEvEC,eAAA,CAAA,CAAA,CAAA,CAAM,EACJ,IAAA,CAAAC,oBAAA,CAAA,CAAA,KACA,CAAA,UAAaC,CAAAA,CACb,aAAcC,CAAAA,CACd,YACA,CAAA,CAAA,CAAA,KAAAC,CACA,YAAO,CAAA,CAAA,CAAA,IACP,CAAA,CAAA,CAAA,QACA,CAAGC,UAEoC,CAAA,CAAA,GACnCC,CAAAA,CAAUC,IAAS,CAAA,CAAA,EAAA,IAEzB,CAAA,CAAA,CAAA,CAAA,GACEC,OACG,CAAGH,OACJI,GAAA,CAAAC,SAAA,CAAA,CAAA,GAAYC,CAAAA,CACZ,YACA,CAAA,CAAA,CAAA,GAA8BC,CAAAA,CAAAA,CAAY,SACxCC,CAAAA,kBAAK,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,EAAAC,IAAA,CAAA,uBAEP,CAAA,CAAA,CAAA,KAAWC,CAAAA,CAAAA,CAAAA,CAAkBC,UAAsB,CAAA,CAAA,gBACxCT,CAEV,CAAA,WACG,CAAA,CAAA,CAAA,QAAAU,CAAY,YAAW,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,UAGjC,CAAA,CAAA,CAAA,GAAAC,IAAC,CAACP,UAAa,QACb,CACC,UAAWE,GAAAA,CAAKM,KAAAA,CAAO,CAAA,SAAmB,CAAAL,IAAA,CAAA,CAAK,CAAA,cAE/C,CAAA,CAAA,WAEC,CAAA,CAAA,WAGLN,CAAAA,CAACY,QAEC,CAAA,CAAA,CAAA,CAAA,CAAAX,GAAA,CAAAY,QAAA,CAAA,CAAWC,GAAmBV,CAAAA,CAAY,SACxCC,CAAAA,kBAAKM,CAAAA,CAAO,OAAgB,CAC9B,CAAA,EACFL,IACC,CAAC,CAACZ,MAAqBI,CAAAA,CAAWiB,IACjCf,CAAAA,CAACgB,CAAAA,CAAA,EACC,EAAA,CAAA,EAAK,CAAA,CAAA,EAAAf,GAAA,CAAAgB,IAAA,CAAA,CAAA,IACL,CAAA,aAAuB,CAAA,SAAA,CAAAX,IAAaF,GAAY,WAAW,CAAA,CAE1D,aAGLJ,EAACkB,QACC,CAAA,CAAA,CAAA,CAAA,CAAWJ,GAAAA,CAAmBV,UAAAA,CAAAA,CAAY,SACxCC,CAAAA,kBAAKM,CAAAA,CAAO,OAAgB,CAC9B,GAECL,IAAA,CAAA,CAAA,CAAA,KAAAE,CACH,CAAA,CAAA,CACF,CAAA,QAIR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 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';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  composeRenderProps,\n  FieldError,\n  Text,\n  TextArea,\n  TextField,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { TextAreaFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { TextAreaFieldProps } from './types';\n\n/**\n * TextAreaField - A multi-line text input component with label and validation\n *\n * Provides a complete form field experience for longer text content with integrated\n * label, description, and error message components. Handles validation states and\n * accessibility automatically while supporting resizable text areas.\n *\n * @example\n * // Basic text area field\n * <TextAreaField label=\"Comments\" />\n *\n * @example\n * // Text area with validation\n * <TextAreaField\n *   isInvalid={true}\n *   errorMessage='Message is required'\n *   label='Foo'\n *   isRequired\n *   />\n */\nexport function TextAreaField({ ref, ...props }: TextAreaFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextAreaFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    inputProps,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <TextField\n      {...rest}\n      aria-label={labelProp}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/text-area-field', styles.field, className),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={clsx(styles.label, classNames?.label)}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <TextArea\n            {...inputProps}\n            className={composeRenderProps(classNames?.input, (className) =>\n              clsx(styles.input, className),\n            )}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={clsx(styles.description, classNames?.description)}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              clsx(styles.error, className),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </TextField>\n  );\n}\n"]}