@accelint/design-toolkit 8.0.0 → 8.1.0

package/catalog-info.yaml

@@ -13,14 +13,14 @@ metadata:
 
     accelint_biome-config@1.0.2, accelint_bus@3.0.0,
     accelint_constellation-tracker@1.0.1, accelint_core@0.5.0,
-    accelint_design-foundation@1.0.0, accelint_geo@0.3.0, accelint_icons@2.1.0,
+    accelint_design-foundation@1.0.0, accelint_geo@0.4.0, accelint_icons@2.1.0,
     accelint_logger@0.1.2, accelint_prettier-config@0.2.0,
     accelint_temporal@0.1.2, accelint_typescript-config@0.1.4,
     accelint_vitest-config@0.1.5
   annotations:
     backstage.io/edit-url: https://github.com/gohypergiant/standard-toolkit/blob/main/packages/design-toolkit/catalog-info.yaml
     backstage.io/techdocs-ref: dir:.
-    package/version: 8.0.0
+    package/version: 8.1.0
     github.com/project-slug: gohypergiant/standard-toolkit
   links:
     - url: https://github.com/gohypergiant/standard-toolkit/tree/main/packages/design-toolkit

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

@@ -0,0 +1,57 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { FlashcardProps, FlashcardComponentProps, FlashcardDetailsListProps } from './types.js';
+import '../details-list/types.js';
+import 'react-aria-components';
+
+declare const FlashcardContext: react.Context<FlashcardProps>;
+/**
+ * Example usage.
+ *
+ * ```tsx
+ * <Flashcard isLoading={isLoading} header="Identifier" subheader="DATA">
+ *  <FlashcardHero />
+ *  <FlashcardAdditionalData>
+ *    {secondaryData}
+ *  </FlashcardAdditionalData>
+ *  <FlashcardDetailsList>
+ *    {detail.map((detail) => (
+ *     <Fragment key={detail.id}>
+ *       <FlashcardDetailsLabel>
+ *         {detail.label}
+ *       </FlashcardDetailsLabel>
+ *       <FlashcardDetailsValue>
+ *         {detail.value}
+ *       </FlashcardDetailsValue>
+ *     </Fragment>
+ *     ))}
+ *  </FlashcardDetailsList>
+ * </Flashcard>
+ * ```
+ */
+declare function Flashcard(props: FlashcardProps): react_jsx_runtime.JSX.Element;
+declare namespace Flashcard {
+    var displayName: string;
+}
+declare function FlashcardHero(props: FlashcardComponentProps): react_jsx_runtime.JSX.Element;
+declare namespace FlashcardHero {
+    var displayName: string;
+}
+declare function FlashcardAdditionalData(props: FlashcardComponentProps): react_jsx_runtime.JSX.Element | null;
+declare namespace FlashcardAdditionalData {
+    var displayName: string;
+}
+declare function FlashcardDetailsList(props: FlashcardDetailsListProps): react_jsx_runtime.JSX.Element;
+declare namespace FlashcardDetailsList {
+    var displayName: string;
+}
+declare function FlashcardDetailsLabel(props: FlashcardComponentProps): react_jsx_runtime.JSX.Element;
+declare namespace FlashcardDetailsLabel {
+    var displayName: string;
+}
+declare function FlashcardDetailsValue(props: FlashcardComponentProps): react_jsx_runtime.JSX.Element;
+declare namespace FlashcardDetailsValue {
+    var displayName: string;
+}
+
+export { Flashcard, FlashcardAdditionalData, FlashcardContext, FlashcardDetailsLabel, FlashcardDetailsList, FlashcardDetailsValue, FlashcardHero };

package/dist/components/flashcard/index.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx,jsxs}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import'client-only';import {createContext,useContext}from'react';import {Heading,Text}from'react-aria-components';import {DetailsList}from'../details-list/index.js';import {DetailsListLabel}from'../details-list/label.js';import {DetailsListValue}from'../details-list/value.js';import {Skeleton}from'../skeleton/index.js';import a from'./styles.module.css';const d=createContext({isLoading:false,header:"",subheader:""});function v(t){const{isLoading:l,header:s,subheader:e,children:i,className:m,...h}=t;return jsx(d.Provider,{value:{isLoading:l,header:s,subheader:e},children:jsx("div",{...h,className:clsx(a.container,m),children:i})})}v.displayName="Flashcard";function x(t){const{children:l,className:s,...e}=t,{isLoading:i,header:m,subheader:h}=useContext(d);return i?jsxs("div",{...e,className:clsx(a.hero,s,"gap-s"),children:[jsx(Skeleton,{className:a.skeleton,"data-testid":"hero-skeleton"}),jsx(Skeleton,{className:clsx(a.skeleton,a.half)})]}):jsxs("div",{...e,className:clsx(a.hero,s),children:[jsx(P,{className:a.header,children:m}),jsx(b,{className:a.subheader,children:h})]})}x.displayName="FlashcardHero";const P=Heading,b=Text;function y(t){const{children:l,className:s,...e}=t,{isLoading:i}=useContext(d);return i?null:jsx("div",{...e,className:clsx(a.data,s),children:l})}y.displayName="FlashcardAdditionalData";function g(t){const{children:l,className:s,...e}=t;return jsx(DetailsList,{...e,align:"justify",classNames:{list:clsx(a["details-list"],s)},children:l})}g.displayName="FlashcardDetailsList";function C(t){const{isLoading:l}=useContext(d),{className:s,children:e,...i}=t;return jsx(DetailsListLabel,{...i,className:clsx(a["details-label"],s),children:l?jsx(Skeleton,{className:clsx(a.skeleton,a.smaller)}):e})}C.displayName="FlashcardDetailsLabel";function k(t){const{isLoading:l}=useContext(d),{className:s,children:e,...i}=t;return jsx(DetailsListValue,{...i,className:clsx(a["details-value"],s),children:l?jsx(Skeleton,{className:clsx(a.skeleton,a.smaller)}):e})}k.displayName="FlashcardDetailsValue";export{v as Flashcard,y as FlashcardAdditionalData,d as FlashcardContext,C as FlashcardDetailsLabel,g as FlashcardDetailsList,k as FlashcardDetailsValue,x as FlashcardHero};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/flashcard/index.tsx"],"names":["u","Flashcard","props","header","rest","jsx","FlashcardContext","isLoading","r","className","o","children","jsxs","c","styles","p","Skeleton","n","clsx","FlashcardHero","Text","F","N","DetailsList","f","DetailsListLabel","L","FlashcardDetailsLabel","DetailsListValue","D","FlashcardDetailsValue"],"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';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport 'client-only';\nimport { createContext, useContext } from 'react';\nimport { Heading, Text } from 'react-aria-components';\nimport { DetailsList } from '../details-list';\nimport { DetailsListLabel } from '../details-list/label';\nimport { DetailsListValue } from '../details-list/value';\nimport { Skeleton } from '../skeleton';\nimport styles from './styles.module.css';\nimport type {\n  FlashcardComponentProps,\n  FlashcardDetailsListProps,\n  FlashcardProps,\n} from './types';\n\nexport const FlashcardContext = createContext<FlashcardProps>({\n  isLoading: false,\n  header: '',\n  subheader: '',\n});\n\n/**\n * Example usage.\n *\n * ```tsx\n * <Flashcard isLoading={isLoading} header=\"Identifier\" subheader=\"DATA\">\n *  <FlashcardHero />\n *  <FlashcardAdditionalData>\n *    {secondaryData}\n *  </FlashcardAdditionalData>\n *  <FlashcardDetailsList>\n *    {detail.map((detail) => (\n *     <Fragment key={detail.id}>\n *       <FlashcardDetailsLabel>\n *         {detail.label}\n *       </FlashcardDetailsLabel>\n *       <FlashcardDetailsValue>\n *         {detail.value}\n *       </FlashcardDetailsValue>\n *     </Fragment>\n *     ))}\n *  </FlashcardDetailsList>\n * </Flashcard>\n * ```\n */\nexport function Flashcard(props: FlashcardProps) {\n  const { isLoading, header, subheader, children, className, ...rest } = props;\n\n  return (\n    <FlashcardContext.Provider value={{ isLoading, header, subheader }}>\n      <div {...rest} className={clsx(styles.container, className)}>\n        {children}\n      </div>\n    </FlashcardContext.Provider>\n  );\n}\nFlashcard.displayName = 'Flashcard';\n\nexport function FlashcardHero(props: FlashcardComponentProps) {\n  const { children, className, ...rest } = props;\n  const { isLoading, header, subheader } = useContext(FlashcardContext);\n\n  if (isLoading) {\n    return (\n      <div {...rest} className={clsx(styles.hero, className, 'gap-s')}>\n        <Skeleton className={styles.skeleton} data-testid='hero-skeleton' />\n        <Skeleton className={clsx(styles.skeleton, styles.half)} />\n      </div>\n    );\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.hero, className)}>\n      <FlashcardHeader className={styles.header}>{header}</FlashcardHeader>\n      <FlashcardSubheader className={styles.subheader}>\n        {subheader}\n      </FlashcardSubheader>\n    </div>\n  );\n}\nFlashcardHero.displayName = 'FlashcardHero';\n\nconst FlashcardHeader = Heading;\nconst FlashcardSubheader = Text;\n\nexport function FlashcardAdditionalData(props: FlashcardComponentProps) {\n  const { children, className, ...rest } = props;\n  const { isLoading } = useContext(FlashcardContext);\n\n  // While loading, don't display.\n  if (isLoading) {\n    return null;\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.data, className)}>\n      {children}\n    </div>\n  );\n}\nFlashcardAdditionalData.displayName = 'FlashcardAdditionalData';\n\nexport function FlashcardDetailsList(props: FlashcardDetailsListProps) {\n  const { children, className, ...rest } = props;\n  return (\n    <DetailsList\n      {...rest}\n      align='justify'\n      classNames={{ list: clsx(styles['details-list'], className) }}\n    >\n      {children}\n    </DetailsList>\n  );\n}\nFlashcardDetailsList.displayName = 'FlashcardDetailsList';\n\nexport function FlashcardDetailsLabel(props: FlashcardComponentProps) {\n  const { isLoading } = useContext(FlashcardContext);\n  const { className, children, ...rest } = props;\n  return (\n    <DetailsListLabel\n      {...rest}\n      className={clsx(styles['details-label'], className)}\n    >\n      {isLoading ? (\n        <Skeleton className={clsx(styles.skeleton, styles.smaller)} />\n      ) : (\n        children\n      )}\n    </DetailsListLabel>\n  );\n}\nFlashcardDetailsLabel.displayName = 'FlashcardDetailsLabel';\n\nexport function FlashcardDetailsValue(props: FlashcardComponentProps) {\n  const { isLoading } = useContext(FlashcardContext);\n  const { className, children, ...rest } = props;\n  return (\n    <DetailsListValue\n      {...rest}\n      className={clsx(styles['details-value'], className)}\n    >\n      {isLoading ? (\n        <Skeleton className={clsx(styles.skeleton, styles.smaller)} />\n      ) : (\n        children\n      )}\n    </DetailsListValue>\n  );\n}\nFlashcardDetailsValue.displayName = 'FlashcardDetailsValue';\n"]}

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

@@ -0,0 +1,60 @@
+/*
+ * 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 {
+  .container {
+    @apply rounded-medium font-display outline-interactive-hover outline;
+
+    min-width: 128px;
+  }
+
+  .hero {
+    @apply mb-s bg-surface-muted p-s flex flex-col;
+  }
+
+  .header {
+    @apply fg-primary-bold text-body-m;
+  }
+
+  .subheader {
+    @apply fg-primary-muted text-body-xs;
+  }
+
+  .data {
+    @apply fg-primary-muted px-s text-body-xs;
+  }
+
+  .details-list {
+    @apply p-s pb-s text-body-xs;
+  }
+
+  .details-label {
+    @apply fg-primary-muted nth-of-type-[n+6]:hidden;
+  }
+  .details-value {
+    @apply fg-primary-bold nth-of-type-[n+6]:hidden;
+  }
+
+  .skeleton {
+    @apply min-h-[8px] py-0;
+  }
+
+  .half {
+    @apply max-w-1/2;
+  }
+
+  .smaller {
+    @apply my-xxs;
+  }
+}

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

@@ -0,0 +1,13 @@
+import { PropsWithChildren, ComponentPropsWithRef } from 'react';
+import { DetailsListProps } from '../details-list/types.js';
+import 'react-aria-components';
+
+type FlashcardComponentProps = PropsWithChildren & ComponentPropsWithRef<'div'>;
+type FlashcardProps = FlashcardComponentProps & {
+    isLoading?: boolean;
+    header: string;
+    subheader: string;
+};
+type FlashcardDetailsListProps = FlashcardComponentProps & Partial<DetailsListProps>;
+
+export type { FlashcardComponentProps, FlashcardDetailsListProps, FlashcardProps };

package/dist/components/flashcard/types.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/components/flashcard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/components/table/cell.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {flexRender}from'@tanstack/react-table';import {useContext}from'react';import {HeaderColumnAction}from'./constants/table.js';import {TableContext}from'./context.js';import e from'./styles.module.css';function A({children:t,ref:r,className:l,cell:o,...m}){const{columnSelection:n,persistNumerals:s}=useContext(TableContext),i=o?.column.id===HeaderColumnAction.NUMERAL,c=o?.column.id===n,p=i&&!s;return jsx("td",{...m,ref:r,className:clsx(e.cell,p&&e.hideInRow,l),"data-selected":c||null,children:t||o&&flexRender(o.column.columnDef.cell,o.getContext())})}export{A as TableCell};//# sourceMappingURL=cell.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {flexRender}from'@tanstack/react-table';import {useContext}from'react';import {HeaderColumnAction}from'./constants/table.js';import {TableContext}from'./context.js';import o from'./styles.module.css';function S({children:t,ref:m,className:r,cell:e,...l}){const{columnSelection:n,persistNumerals:s}=useContext(TableContext),i=e?.column.id===HeaderColumnAction.NUMERAL,c=e?.column.id===n,p=i&&!s;return jsx("td",{...l,ref:m,className:clsx(o.cell,p&&o.hideInRow,r),"data-selected":c||null,style:{width:e?.column.getSize()},children:t||e&&flexRender(e.column.columnDef.cell,e.getContext())})}export{S as TableCell};//# sourceMappingURL=cell.js.map
 //# sourceMappingURL=cell.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/cell.tsx"],"names":["TableCell","children","isNumeral","cell","C","d","isSelected","notPersistNums","persistNumerals","jsx","T","rest","ref","styles","f"],"mappings":"4SAqBgBA,SACd,CAAA,CAAA,CAAAC,QAEA,mBAEA,CAAA,CAAA,IACoB,CACpB,CAAA,CAAA,GAAM,CAAE,CAAA,CAAA,CAAA,KAAA,CAAA,eAAiB,CAAA,CAAA,CAAA,eACnBC,CAAAA,CAAYC,YAAM,CAAAC,YAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAA,MAA0B,CAAA,EAAA,GAAAC,kBACnDC,CAAAA,OAAmB,CAAA,CAAA,CAAA,CAAO,EAAA,MAC1BC,CAAiBL,EAAAA,GAAcM,CAErC,CAAA,CAAA,CAAA,CAAA,EAAA,CACEC,EAAC,OACEC,GAAA,CAAGC,IACJ,CAAA,CAAKC,GACL,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACS,CACPL,MAAkBM,CAAAA,IAAO,CAAA,CAAA,EAAA,CAAA,CAAA,SAG3B,CAAA,CAAA,CAAA,CAAA,eAEC,CAAA,CAAA,EAAA,IAAA,CAAAZ,QACqBE,EAAK,EAAA,CAAA,EAAAW,UAAA,CAAO,CAAA,CAAA,MAAA,CAAA,SAAqB,CAAA,IAAA,CAAA,CAAA,CAAA,UAG7D,EAAA,CAAA,CAAA,CAAA","file":"cell.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 { flexRender } from '@tanstack/react-table';\nimport { useContext } from 'react';\nimport { HeaderColumnAction } from './constants/table';\nimport { TableContext } from './context';\nimport styles from './styles.module.css';\nimport type { TableCellProps } from './types';\n\nexport function TableCell<T>({\n  children,\n  ref,\n  className,\n  cell,\n  ...rest\n}: TableCellProps<T>) {\n  const { columnSelection, persistNumerals } = useContext(TableContext);\n  const isNumeral = cell?.column.id === HeaderColumnAction.NUMERAL;\n  const isSelected = cell?.column.id === columnSelection;\n  const notPersistNums = isNumeral && !persistNumerals;\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      className={clsx(\n        styles.cell,\n        notPersistNums && styles.hideInRow,\n        className,\n      )}\n      data-selected={isSelected || null}\n    >\n      {children ||\n        (cell && flexRender(cell.column.columnDef.cell, cell.getContext()))}\n    </td>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/table/cell.tsx"],"names":["TableCell","children","cell","isNumeral","isSelected","notPersistNums","persistNumerals","jsx","T","rest","ref","styles","d"],"mappings":"4SAqBgBA,YACdC,QAEA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACAC,CACA,CAAA,CAAA,IACoB,CACpB,CAAA,CAAA,GAAM,CAAE,CAAA,CAAA,CAAA,KAAA,CAAA,eAAiB,CAAA,CAAA,CAAA,eACnBC,CAAAA,CAAYD,CAAAA,CAAAA,UAAM,kBAAO,EAAA,8BACzBE,CAAAA,WAA0B,EAAA,MAC1BC,CAAiBF,EAAAA,GAAcG,CAErC,OACEC,CAAAA,CAAC,OACEC,GAAA,CAAGC,IACJ,CAAA,CAAKC,oBAEI,CACPL,IAAAA,CAAAA,CAAkBM,CAAAA,IAAO,CAAA,CAAA,EAAA,CAAA,CAAA,SAG3B,CAAA,CAAA,CAAA,CAAA,eACA,CAAA,CAAA,EAAA,IAAS,CAAA,KAAOT,CAAAA,CAAM,KAAA,CAAA,CAAO,EAAA,MAAQ,CAAE,WAEtCD,QACqBC,CAAAA,CAAK,EAAA,CAAA,EAAAU,UAAA,CAAO,CAAA,CAAA,MAAA,CAAA,SAAqB,CAAA,IAAA,CAAA,CAAA,CAAA,UAG7D,EAAA,CAAA,CAAA,CAAA","file":"cell.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 { flexRender } from '@tanstack/react-table';\nimport { useContext } from 'react';\nimport { HeaderColumnAction } from './constants/table';\nimport { TableContext } from './context';\nimport styles from './styles.module.css';\nimport type { TableCellProps } from './types';\n\nexport function TableCell<T>({\n  children,\n  ref,\n  className,\n  cell,\n  ...rest\n}: TableCellProps<T>) {\n  const { columnSelection, persistNumerals } = useContext(TableContext);\n  const isNumeral = cell?.column.id === HeaderColumnAction.NUMERAL;\n  const isSelected = cell?.column.id === columnSelection;\n  const notPersistNums = isNumeral && !persistNumerals;\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      className={clsx(\n        styles.cell,\n        notPersistNums && styles.hideInRow,\n        className,\n      )}\n      data-selected={isSelected || null}\n      style={{ width: cell?.column.getSize() }}\n    >\n      {children ||\n        (cell && flexRender(cell.column.columnDef.cell, cell.getContext()))}\n    </td>\n  );\n}\n"]}

package/dist/components/table/header-cell.js

@@ -1,2 +1,2 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {Kebab,ArrowDown,ArrowUp}from'@accelint/icons';import {flexRender}from'@tanstack/react-table';import {useContext,useState}from'react';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {Menu}from'../menu/index.js';import {MenuItem}from'../menu/item.js';import {MenuSeparator}from'../menu/separator.js';import {MenuTrigger}from'../menu/trigger.js';import {SortDirection,HeaderColumnAction,headerColumnActionValues}from'./constants/table.js';import {TableContext}from'./context.js';import M from'./styles.module.css';function N({header:e}){const{enableColumnReordering:m,enableSorting:u,moveColumnLeft:n,moveColumnRight:d,persistHeaderKebabMenu:g,setColumnSelection:a,manualSorting:c,handleSortChange:C,handleColumnReordering:S}=useContext(TableContext),[p,D]=useState(false),v=!g;if(headerColumnActionValues.includes(e.column.id)||!(u||m))return null;const l=e.column.getIsSorted();return jsx("div",{className:clsx(v&&M.hideInHeader),children:jsxs(MenuTrigger,{onOpenChange:r=>a(r?e.column.id:null),children:[jsx(Button,{variant:"icon","aria-label":"Menu",onHoverChange:D,children:jsxs(Icon,{children:[(!l||p)&&jsx(Kebab,{}),!p&&l===SortDirection.DESC&&jsx(ArrowDown,{}),!p&&l===SortDirection.ASC&&jsx(ArrowUp,{})]})}),jsxs(Menu,{children:[m&&jsxs(Fragment,{children:[jsx(MenuItem,{onAction:()=>{const r=e.column.getIndex();n(r),S?.(r);},isDisabled:e.column.getIsFirstColumn("center"),children:"Move Column Left"}),jsx(MenuItem,{onAction:()=>{const r=e.column.getIndex();d(r),S?.(r);},isDisabled:e.column.getIsLastColumn("center"),children:"Move Column Right"})]}),m&&u&&jsx(MenuSeparator,{}),u&&jsxs(Fragment,{children:[jsx(MenuItem,{onAction:()=>{c?C?.(e.column.id,SortDirection.ASC):e.column.toggleSorting(false);},isDisabled:l===SortDirection.ASC,children:"Sort Ascending"}),jsx(MenuItem,{onAction:()=>{c?C?.(e.column.id,SortDirection.DESC):e.column.toggleSorting(true);},isDisabled:l===SortDirection.DESC,children:"Sort Descending"}),jsx(MenuItem,{onAction:()=>{c?C?.(e.column.id,null):e.column.clearSorting();},isDisabled:!l,children:"Clear Sort"})]})]})]})})}function _({ref:e,children:m,className:u,header:n,...d}){const{columnSelection:g}=useContext(TableContext),a=n?.getContext(),c=n?.column.getIsSorted()===SortDirection.ASC?"ascending":n?.column.getIsSorted()===SortDirection.DESC?"descending":void 0;return jsx("th",{...d,ref:e,"aria-sort":c,children:jsx("div",{className:clsx("group/header-cell",M.headerCell,u),"data-selected":n?.column.id===g||null,children:m||n&&jsxs(Fragment,{children:[n.column.id!==HeaderColumnAction.KEBAB&&a&&flexRender(n.column.columnDef.header,a),jsx(N,{header:n})]})})})}export{_ as TableHeaderCell};//# sourceMappingURL=header-cell.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {Kebab,ArrowDown,ArrowUp}from'@accelint/icons';import {flexRender}from'@tanstack/react-table';import {useContext,useState}from'react';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {Menu}from'../menu/index.js';import {MenuItem}from'../menu/item.js';import {MenuSeparator}from'../menu/separator.js';import {MenuTrigger}from'../menu/trigger.js';import {SortDirection,HeaderColumnAction,headerColumnActionValues}from'./constants/table.js';import {TableContext}from'./context.js';import M from'./styles.module.css';function N({header:e}){const{enableColumnReordering:m,enableSorting:u,moveColumnLeft:n,moveColumnRight:d,persistHeaderKebabMenu:g,setColumnSelection:a,manualSorting:c,handleSortChange:C,handleColumnReordering:f}=useContext(TableContext),[p,D]=useState(false),v=!g;if(headerColumnActionValues.includes(e.column.id)||!(u||m))return null;const r=e.column.getIsSorted();return jsx("div",{className:clsx(v&&M.hideInHeader),children:jsxs(MenuTrigger,{onOpenChange:l=>a(l?e.column.id:null),children:[jsx(Button,{variant:"icon","aria-label":"Menu",onHoverChange:D,children:jsxs(Icon,{children:[(!r||p)&&jsx(Kebab,{}),!p&&r===SortDirection.DESC&&jsx(ArrowDown,{}),!p&&r===SortDirection.ASC&&jsx(ArrowUp,{})]})}),jsxs(Menu,{children:[m&&jsxs(Fragment,{children:[jsx(MenuItem,{onAction:()=>{const l=e.column.getIndex();n(l),f?.(l);},isDisabled:e.column.getIsFirstColumn("center"),children:"Move Column Left"}),jsx(MenuItem,{onAction:()=>{const l=e.column.getIndex();d(l),f?.(l);},isDisabled:e.column.getIsLastColumn("center"),children:"Move Column Right"})]}),m&&u&&jsx(MenuSeparator,{}),u&&jsxs(Fragment,{children:[jsx(MenuItem,{onAction:()=>{c?C?.(e.column.id,SortDirection.ASC):e.column.toggleSorting(false);},isDisabled:r===SortDirection.ASC,children:"Sort Ascending"}),jsx(MenuItem,{onAction:()=>{c?C?.(e.column.id,SortDirection.DESC):e.column.toggleSorting(true);},isDisabled:r===SortDirection.DESC,children:"Sort Descending"}),jsx(MenuItem,{onAction:()=>{c?C?.(e.column.id,null):e.column.clearSorting();},isDisabled:!r,children:"Clear Sort"})]})]})]})})}function _({ref:e,children:m,className:u,header:n,...d}){const{columnSelection:g}=useContext(TableContext),a=n?.getContext(),c=n?.column.getIsSorted()===SortDirection.ASC?"ascending":n?.column.getIsSorted()===SortDirection.DESC?"descending":void 0;return jsx("th",{...d,"aria-sort":c,ref:e,style:{width:n?.getSize()},children:jsx("div",{className:clsx("group/header-cell",M.headerCell,u),"data-selected":n?.column.id===g||null,children:m||n&&jsxs(Fragment,{children:[n.column.id!==HeaderColumnAction.KEBAB&&a&&flexRender(n.column.columnDef.header,a),jsx(N,{header:n})]})})})}export{_ as TableHeaderCell};//# sourceMappingURL=header-cell.js.map
 //# sourceMappingURL=header-cell.js.map

package/dist/components/table/header-cell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/header-cell.tsx"],"names":["enableSorting","moveColumnRight","hoveredArrow","headerColumnActionValues","A","enableColumnReordering","E","sort","header","jsx","clsx","hideHeaderKebab","MenuTrigger","isOpen","setColumnSelection","i","Button","setHoveredArrow","Kebab","SortDirection","ArrowDown","y","o","x","jsxs","Menu","t","Fragment","MenuItem","T","B","f","index","handleColumnReordering","manualSorting","handleSortChange","K","s","ref","className","columnSelection","sortLabel","I","rest","styles","b","children","HeaderColumnAction","HeaderCellMenu","w"],"mappings":"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","file":"header-cell.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 { ArrowDown, ArrowUp, Kebab } from '@accelint/icons';\nimport { flexRender, type Header } from '@tanstack/react-table';\nimport { useContext, useState } from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Menu } from '../menu';\nimport { MenuItem } from '../menu/item';\nimport { MenuSeparator } from '../menu/separator';\nimport { MenuTrigger } from '../menu/trigger';\nimport {\n  HeaderColumnAction,\n  headerColumnActionValues,\n  SortDirection,\n} from './constants/table';\nimport { TableContext } from './context';\nimport styles from './styles.module.css';\nimport type { TableHeaderCellProps } from './types';\n\nfunction HeaderCellMenu<T>({ header }: { header: Header<T, unknown> }) {\n  const {\n    enableColumnReordering,\n    enableSorting,\n    moveColumnLeft,\n    moveColumnRight,\n    persistHeaderKebabMenu,\n    setColumnSelection,\n    manualSorting,\n    handleSortChange,\n    handleColumnReordering,\n  } = useContext(TableContext);\n\n  const [hoveredArrow, setHoveredArrow] = useState(false);\n  const hideHeaderKebab = !persistHeaderKebabMenu;\n\n  if (\n    headerColumnActionValues.includes(\n      header.column.id as 'numeral' | 'kebab' | 'selection',\n    ) ||\n    !(enableSorting || enableColumnReordering)\n  ) {\n    return null;\n  }\n\n  const sort = header.column.getIsSorted();\n\n  return (\n    <div className={clsx(hideHeaderKebab && styles.hideInHeader)}>\n      <MenuTrigger\n        onOpenChange={(isOpen) =>\n          setColumnSelection(isOpen ? header.column.id : null)\n        }\n      >\n        <Button\n          variant='icon'\n          aria-label='Menu'\n          onHoverChange={setHoveredArrow}\n        >\n          <Icon>\n            {(!sort || hoveredArrow) && <Kebab />}\n            {!hoveredArrow && sort === SortDirection.DESC && <ArrowDown />}\n            {!hoveredArrow && sort === SortDirection.ASC && <ArrowUp />}\n          </Icon>\n        </Button>\n        <Menu>\n          {enableColumnReordering && (\n            <>\n              <MenuItem\n                onAction={() => {\n                  const index = header.column.getIndex();\n                  moveColumnLeft(index);\n                  handleColumnReordering?.(index);\n                }}\n                isDisabled={header.column.getIsFirstColumn('center')}\n              >\n                Move Column Left\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  const index = header.column.getIndex();\n                  moveColumnRight(index);\n                  handleColumnReordering?.(index);\n                }}\n                isDisabled={header.column.getIsLastColumn('center')}\n              >\n                Move Column Right\n              </MenuItem>\n            </>\n          )}\n          {enableColumnReordering && enableSorting && <MenuSeparator />}\n          {enableSorting && (\n            <>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, SortDirection.ASC)\n                    : header.column.toggleSorting(false);\n                }}\n                isDisabled={sort === SortDirection.ASC}\n              >\n                Sort Ascending\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, SortDirection.DESC)\n                    : header.column.toggleSorting(true);\n                }}\n                isDisabled={sort === SortDirection.DESC}\n              >\n                Sort Descending\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, null)\n                    : header.column.clearSorting();\n                }}\n                isDisabled={!sort}\n              >\n                Clear Sort\n              </MenuItem>\n            </>\n          )}\n        </Menu>\n      </MenuTrigger>\n    </div>\n  );\n}\n\nexport function TableHeaderCell<T>({\n  ref,\n  children,\n  className,\n  header,\n  ...rest\n}: TableHeaderCellProps<T>) {\n  const { columnSelection } = useContext(TableContext);\n  const renderProps = header?.getContext();\n  const sortLabel =\n    header?.column.getIsSorted() === SortDirection.ASC\n      ? 'ascending'\n      : header?.column.getIsSorted() === SortDirection.DESC\n        ? 'descending'\n        : undefined;\n\n  return (\n    <th {...rest} ref={ref} aria-sort={sortLabel}>\n      <div\n        className={clsx('group/header-cell', styles.headerCell, className)}\n        data-selected={header?.column.id === columnSelection || null}\n      >\n        {children ||\n          (header && (\n            <>\n              {header.column.id !== HeaderColumnAction.KEBAB &&\n                // {header.column.id !== '8' &&\n                renderProps &&\n                flexRender(header.column.columnDef.header, renderProps)}\n              <HeaderCellMenu header={header} />\n            </>\n          ))}\n      </div>\n    </th>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/table/header-cell.tsx"],"names":["enableSorting","moveColumnRight","hoveredArrow","headerColumnActionValues","A","enableColumnReordering","y","sort","header","jsx","clsx","hideHeaderKebab","MenuTrigger","isOpen","setColumnSelection","i","Button","o","E","setHoveredArrow","Kebab","SortDirection","ArrowDown","R","x","jsxs","Menu","t","Fragment","MenuItem","B","index","handleColumnReordering","manualSorting","handleSortChange","K","s","ref","className","columnSelection","sortLabel","I","rest","styles","children","HeaderColumnAction","S","HeaderCellMenu","P","w"],"mappings":"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","file":"header-cell.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 { ArrowDown, ArrowUp, Kebab } from '@accelint/icons';\nimport { flexRender, type Header } from '@tanstack/react-table';\nimport { useContext, useState } from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Menu } from '../menu';\nimport { MenuItem } from '../menu/item';\nimport { MenuSeparator } from '../menu/separator';\nimport { MenuTrigger } from '../menu/trigger';\nimport {\n  HeaderColumnAction,\n  headerColumnActionValues,\n  SortDirection,\n} from './constants/table';\nimport { TableContext } from './context';\nimport styles from './styles.module.css';\nimport type { TableHeaderCellProps } from './types';\n\nfunction HeaderCellMenu<T>({ header }: { header: Header<T, unknown> }) {\n  const {\n    enableColumnReordering,\n    enableSorting,\n    moveColumnLeft,\n    moveColumnRight,\n    persistHeaderKebabMenu,\n    setColumnSelection,\n    manualSorting,\n    handleSortChange,\n    handleColumnReordering,\n  } = useContext(TableContext);\n\n  const [hoveredArrow, setHoveredArrow] = useState(false);\n  const hideHeaderKebab = !persistHeaderKebabMenu;\n\n  if (\n    headerColumnActionValues.includes(\n      header.column.id as 'numeral' | 'kebab' | 'selection',\n    ) ||\n    !(enableSorting || enableColumnReordering)\n  ) {\n    return null;\n  }\n\n  const sort = header.column.getIsSorted();\n\n  return (\n    <div className={clsx(hideHeaderKebab && styles.hideInHeader)}>\n      <MenuTrigger\n        onOpenChange={(isOpen) =>\n          setColumnSelection(isOpen ? header.column.id : null)\n        }\n      >\n        <Button\n          variant='icon'\n          aria-label='Menu'\n          onHoverChange={setHoveredArrow}\n        >\n          <Icon>\n            {(!sort || hoveredArrow) && <Kebab />}\n            {!hoveredArrow && sort === SortDirection.DESC && <ArrowDown />}\n            {!hoveredArrow && sort === SortDirection.ASC && <ArrowUp />}\n          </Icon>\n        </Button>\n        <Menu>\n          {enableColumnReordering && (\n            <>\n              <MenuItem\n                onAction={() => {\n                  const index = header.column.getIndex();\n                  moveColumnLeft(index);\n                  handleColumnReordering?.(index);\n                }}\n                isDisabled={header.column.getIsFirstColumn('center')}\n              >\n                Move Column Left\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  const index = header.column.getIndex();\n                  moveColumnRight(index);\n                  handleColumnReordering?.(index);\n                }}\n                isDisabled={header.column.getIsLastColumn('center')}\n              >\n                Move Column Right\n              </MenuItem>\n            </>\n          )}\n          {enableColumnReordering && enableSorting && <MenuSeparator />}\n          {enableSorting && (\n            <>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, SortDirection.ASC)\n                    : header.column.toggleSorting(false);\n                }}\n                isDisabled={sort === SortDirection.ASC}\n              >\n                Sort Ascending\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, SortDirection.DESC)\n                    : header.column.toggleSorting(true);\n                }}\n                isDisabled={sort === SortDirection.DESC}\n              >\n                Sort Descending\n              </MenuItem>\n              <MenuItem\n                onAction={() => {\n                  manualSorting\n                    ? handleSortChange?.(header.column.id, null)\n                    : header.column.clearSorting();\n                }}\n                isDisabled={!sort}\n              >\n                Clear Sort\n              </MenuItem>\n            </>\n          )}\n        </Menu>\n      </MenuTrigger>\n    </div>\n  );\n}\n\nexport function TableHeaderCell<T>({\n  ref,\n  children,\n  className,\n  header,\n  ...rest\n}: TableHeaderCellProps<T>) {\n  const { columnSelection } = useContext(TableContext);\n  const renderProps = header?.getContext();\n  const sortLabel =\n    header?.column.getIsSorted() === SortDirection.ASC\n      ? 'ascending'\n      : header?.column.getIsSorted() === SortDirection.DESC\n        ? 'descending'\n        : undefined;\n\n  return (\n    <th\n      {...rest}\n      aria-sort={sortLabel}\n      ref={ref}\n      style={{ width: header?.getSize() }}\n    >\n      <div\n        className={clsx('group/header-cell', styles.headerCell, className)}\n        data-selected={header?.column.id === columnSelection || null}\n      >\n        {children ||\n          (header && (\n            <>\n              {header.column.id !== HeaderColumnAction.KEBAB &&\n                renderProps &&\n                flexRender(header.column.columnDef.header, renderProps)}\n              <HeaderCellMenu header={header} />\n            </>\n          ))}\n      </div>\n    </th>\n  );\n}\n"]}

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

@@ -15,6 +15,6 @@ import 'react';
  */
 declare function Table<T extends {
     id: Key;
-}>({ children, columns: columnsProp, data: dataProp, showCheckbox, kebabPosition, persistRowKebabMenu, persistHeaderKebabMenu, persistNumerals, enableSorting, enableColumnReordering, enableRowActions, manualSorting, onSortChange, onColumnReorderChange, ...rest }: TableProps<T>): react_jsx_runtime.JSX.Element;
+}>({ children, columns: columnsProp, data: dataProp, showCheckbox, rowSelection: rowSelectionProp, kebabPosition, persistRowKebabMenu, persistHeaderKebabMenu, persistNumerals, enableSorting, enableColumnReordering, enableRowActions, manualSorting, onSortChange, onColumnReorderChange, onRowSelectionChange, fullWidth, ...rest }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 export { Table };

package/dist/components/table/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import {Pin,Kebab}from'@accelint/icons';import {useListData}from'@react-stately/data';import {useReactTable,getSortedRowModel,getCoreRowModel}from'@tanstack/react-table';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useState,useCallback,useMemo,useContext}from'react';import {Button}from'../button/index.js';import {Checkbox}from'../checkbox/index.js';import {Icon}from'../icon/index.js';import {Menu}from'../menu/index.js';import {MenuItem}from'../menu/item.js';import {MenuSeparator}from'../menu/separator.js';import {MenuTrigger}from'../menu/trigger.js';import {TableBody}from'./body.js';import {TableContext}from'./context.js';import {TableHeader}from'./header.js';import we from'./styles.module.css';function Re({moveRowsDown:p,moveRowsUp:w,row:s,rows:a}){const{enableRowActions:u,persistRowKebabMenu:f}=useContext(TableContext),c=!!s.getIsPinned();return u&&jsx("div",{className:clsx(!f&&we.hideInRow),children:jsxs(MenuTrigger,{children:[jsx(Button,{variant:"icon","aria-label":`row ${s.index+1} actions`,children:jsx(Icon,{children:jsx(Kebab,{})})}),jsxs(Menu,{children:[jsx(MenuItem,{onAction:()=>s.pin(c?false:"top"),children:c?"Unpin":"Pin"}),jsx(MenuSeparator,{}),jsx(MenuItem,{onAction:()=>w(s,a),isDisabled:c||s.index===0,children:"Move Up"}),jsx(MenuItem,{onAction:()=>p(s,a),isDisabled:c||s.index===a.length-1,children:"Move Down"})]})]})})}function Be({children:p,columns:w,data:s,showCheckbox:a,kebabPosition:u="right",persistRowKebabMenu:f=true,persistHeaderKebabMenu:c=true,persistNumerals:M=false,enableSorting:C=true,enableColumnReordering:G=true,enableRowActions:H=true,manualSorting:h=false,onSortChange:L,onColumnReorderChange:z,...I}){const{items:$,moveAfter:P,moveBefore:y}=useListData({initialItems:s}),[r,k]=useState({}),[x,q]=useState(null),[E,F]=useState({top:[],bottom:[]}),A=useCallback((e,t)=>{const n=r[e.id]?t.filter(({id:m})=>r[m]):[e],l=n[0];if(!l||l.index===0)return;const d=t[l.index-1]?.id;d&&y(d,n.map(({id:m})=>m));},[r,y]),D=useCallback((e,t)=>{const n=r[e.id]?t.filter(({id:m})=>r[m]):[e],l=n[n.length-1];if(!l||l.index===t.length-1)return;const d=t[l.index+1]?.id;d&&P(d,n.map(({id:m})=>m));},[r,P]),S=useMemo(()=>({id:"kebab",cell:({row:e})=>jsx(Re,{moveRowsUp:A,moveRowsDown:D,row:e,rows:Z().rows})}),[A,D]),N=useMemo(()=>[{id:"numeral",cell:({row:e})=>e.getIsPinned()?jsx(Icon,{size:"small",children:jsx(Pin,{})}):jsx("span",{"data-testid":"numeral",children:e.index+1})},...a?[{id:"selection",header:({table:e})=>jsx(Checkbox,{isSelected:e.getIsAllRowsSelected(),isIndeterminate:e.getIsSomeRowsSelected(),onChange:e.toggleAllRowsSelected}),cell:({row:e})=>jsx(Checkbox,{isSelected:e.getIsSelected(),isIndeterminate:e.getIsSomeSelected(),onChange:e.toggleSelected})}]:[],...u==="left"?[S]:[],...w??[],...u==="right"?[S]:[]],[a,w,u,S]),J=(e,t)=>{L?.(e,t);},Q=e=>{z?.(e);},{getHeaderGroups:V,getTopRows:W,getCenterRows:X,getBottomRows:Y,getRowModel:Z,setColumnOrder:R}=useReactTable({data:$,columns:N,enableSorting:C,initialState:{columnOrder:N.map(({id:e})=>e??"")},state:{rowSelection:r,rowPinning:E},getRowId:(e,t)=>e.id?e.id.toString():t.toString(),enableRowSelection:true,enableRowPinning:true,manualSorting:h,onRowSelectionChange:k,onRowPinningChange:F,getCoreRowModel:getCoreRowModel(),getSortedRowModel:getSortedRowModel()}),_=useCallback(e=>{R(t=>{const i=[...t],n=e-1;return n<0?t:([i[e],i[n]]=[i[n],i[e]],i)});},[R]),j=useCallback(e=>{R(t=>{const i=[...t],n=e+1;return n>=t.length?t:([i[e],i[n]]=[i[n],i[e]],i)});},[R]);return p?jsx("table",{...I,children:p}):jsx(TableContext.Provider,{value:{persistRowKebabMenu:f,persistHeaderKebabMenu:c,persistNumerals:M,enableSorting:C,enableColumnReordering:G,enableRowActions:H,columnSelection:x,setColumnSelection:q,moveColumnLeft:_,moveColumnRight:j,manualSorting:h,handleSortChange:J,handleColumnReordering:Q},children:jsxs("table",{...I,children:[jsx(TableHeader,{headerGroups:V(),columnSelection:x}),jsx(TableBody,{rows:[...W(),...X(),...Y()]})]})})}export{Be as Table};//# sourceMappingURL=index.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import {Pin,Kebab}from'@accelint/icons';import {useListData}from'@react-stately/data';import {useReactTable,getSortedRowModel,getCoreRowModel}from'@tanstack/react-table';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useState,useCallback,useMemo,useContext}from'react';import {Button}from'../button/index.js';import {Checkbox}from'../checkbox/index.js';import {Icon}from'../icon/index.js';import {Menu}from'../menu/index.js';import {MenuItem}from'../menu/item.js';import {MenuSeparator}from'../menu/separator.js';import {MenuTrigger}from'../menu/trigger.js';import {TableBody}from'./body.js';import {TableContext}from'./context.js';import {TableHeader}from'./header.js';import be from'./styles.module.css';const v=32;function Me({moveRowsDown:R,moveRowsUp:p,row:s,rows:c}){const{enableRowActions:g,persistRowKebabMenu:u}=useContext(TableContext),m=!!s.getIsPinned();return g&&jsx("div",{className:clsx(!u&&be.hideInRow),children:jsxs(MenuTrigger,{children:[jsx(Button,{variant:"icon","aria-label":`row ${s.index+1} actions`,children:jsx(Icon,{children:jsx(Kebab,{})})}),jsxs(Menu,{children:[jsx(MenuItem,{onAction:()=>s.pin(m?false:"top"),children:m?"Unpin":"Pin"}),jsx(MenuSeparator,{}),jsx(MenuItem,{onAction:()=>p(s,c),isDisabled:m||s.index===0,children:"Move Up"}),jsx(MenuItem,{onAction:()=>R(s,c),isDisabled:m||s.index===c.length-1,children:"Move Down"})]})]})})}function Ge({children:R,columns:p,data:s,showCheckbox:c,rowSelection:g,kebabPosition:u="right",persistRowKebabMenu:m=true,persistHeaderKebabMenu:h=true,persistNumerals:_=false,enableSorting:I=true,enableColumnReordering:E=true,enableRowActions:W=true,manualSorting:P=false,onSortChange:$,onColumnReorderChange:k,onRowSelectionChange:y,fullWidth:q=false,...S}){const{items:F,moveAfter:x,moveBefore:N}=useListData({initialItems:s}),[r,J]=useState(g??{}),[A,Q]=useState(null),[X,Y]=useState({top:[],bottom:[]}),D=useCallback((e,t)=>{const n=r[e.id]?t.filter(({id:a})=>r[a]):[e],l=n[0];if(!l||l.index===0)return;const d=t[l.index-1]?.id;d&&N(d,n.map(({id:a})=>a));},[r,N]),K=useCallback((e,t)=>{const n=r[e.id]?t.filter(({id:a})=>r[a]):[e],l=n[n.length-1];if(!l||l.index===t.length-1)return;const d=t[l.index+1]?.id;d&&x(d,n.map(({id:a})=>a));},[r,x]),T=useMemo(()=>({id:"kebab",cell:({row:e})=>jsx(Me,{moveRowsUp:D,moveRowsDown:K,row:e,rows:ie().rows}),size:v}),[D,K]),U=useMemo(()=>[{id:"numeral",cell:({row:e})=>e.getIsPinned()?jsx(Icon,{size:"small",children:jsx(Pin,{})}):jsx("span",{"data-testid":"numeral",children:e.index+1}),size:v},...c?[{id:"selection",header:({table:e})=>jsx(Checkbox,{isSelected:e.getIsAllRowsSelected(),isIndeterminate:e.getIsSomeRowsSelected(),onChange:e.toggleAllRowsSelected}),cell:({row:e})=>jsx(Checkbox,{isSelected:e.getIsSelected(),isIndeterminate:e.getIsSomeSelected(),onChange:e.toggleSelected}),size:v}]:[],...u==="left"?[T]:[],...p??[],...u==="right"?[T]:[]],[c,p,u,T]),Z=(e,t)=>{$?.(e,t);},j=e=>{k?.(e);},V=useCallback(e=>{J(e),y?.(e);},[y]),{getHeaderGroups:ee,getTopRows:oe,getCenterRows:te,getBottomRows:ne,getRowModel:ie,setColumnOrder:f}=useReactTable({data:F,columns:U,enableSorting:I,initialState:{columnOrder:U.map(({id:e})=>e??""),rowSelection:g??{}},state:{rowSelection:r,rowPinning:X},getRowId:(e,t)=>e.id?e.id.toString():t.toString(),enableRowSelection:true,enableRowPinning:true,manualSorting:P,onRowSelectionChange:V,onRowPinningChange:Y,getCoreRowModel:getCoreRowModel(),getSortedRowModel:getSortedRowModel()}),se=useCallback(e=>{f(t=>{const i=[...t],n=e-1;return n<0?t:([i[e],i[n]]=[i[n],i[e]],i)});},[f]),re=useCallback(e=>{f(t=>{const i=[...t],n=e+1;return n>=t.length?t:([i[e],i[n]]=[i[n],i[e]],i)});},[f]),B=clsx(q&&"w-full table-fixed",S.className);return R?jsx("table",{...S,className:B,children:R}):jsx(TableContext.Provider,{value:{persistRowKebabMenu:m,persistHeaderKebabMenu:h,persistNumerals:_,enableSorting:I,enableColumnReordering:E,enableRowActions:W,columnSelection:A,setColumnSelection:Q,moveColumnLeft:se,moveColumnRight:re,manualSorting:P,handleSortChange:Z,handleColumnReordering:j},children:jsxs("table",{...S,className:B,children:[jsx(TableHeader,{headerGroups:ee(),columnSelection:A}),jsx(TableBody,{rows:[...oe(),...te(),...ne()]})]})})}export{Ge as Table};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/index.tsx"],"names":["useContext","isPinned","persistRowKebabMenu","styles","le","O","MenuTrigger","jsx","Button","re","v","ue","o","me","Kebab","jsxs","Menu","MenuItem","ee","ae","MenuSeparator","moveRowsUp","row","rows","moveRowsDown","b","Table","children","columnsProp","showCheckbox","enableSorting","enableColumnReordering","enableRowActions","manualSorting","rest","data","dataProp","rowSelection","setRowSelection","setColumnSelection","useState","rowPinning","setRowPinning","te","T","rowsToMove","id","g","firstRowToMove","prevRowId","moveBefore","lastRowToMove","nextRowId","moveAfter","RowActionsMenu","K","columns","useMemo","Icon","U","oe","table","B","kebabPosition","actionColumn","handleSortChange","columnId","sortDirection","index","onColumnReorderChange","getHeaderGroups","getTopRows","getCenterRows","getBottomRows","useReactTable","se","getCoreRowModel","getSortedRowModel","ne","newIndex","ie","newColumnOrder","oldIndex","moveColumnRight","useCallback","setColumnOrder","order","TableContext","persistHeaderKebabMenu","persistNumerals","TableHeader","columnSelection","pe","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 { 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\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  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/styles.module.css

@@ -78,10 +78,13 @@
   }
 
   .hideInRow {
-    @apply invisible;
+    /* making the `td` not visible was causing the bg color to not show for selected rows */
+    & > * {
+      @apply invisible;
 
-    @variant group-hover/row {
-      @apply visible;
+      @variant group-hover/row {
+        @apply visible;
+      }
     }
   }
 

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

@@ -1,5 +1,5 @@
 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';
 
 type BaseTableProps = Omit<ComponentPropsWithRef<'table'>, 'children'>;
@@ -21,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'.
      */
@@ -81,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.

package/dist/index.d.ts

@@ -85,6 +85,8 @@ export { DrawerPanel } from './components/drawer/panel.js';
 export { DrawerTrigger } from './components/drawer/trigger.js';
 export { DrawerContextValue, DrawerEvent, DrawerLayoutProps, DrawerMenuItemProps, DrawerMenuProps, DrawerOpenEvent, DrawerProps, DrawerTitleProps, DrawerToggleEvent, DrawerTriggerProps } from './components/drawer/types.js';
 export { DrawerView } from './components/drawer/view.js';
+export { Flashcard, FlashcardAdditionalData, FlashcardContext, FlashcardDetailsLabel, FlashcardDetailsList, FlashcardDetailsValue, FlashcardHero } from './components/flashcard/index.js';
+export { FlashcardComponentProps, FlashcardDetailsListProps, FlashcardProps } from './components/flashcard/types.js';
 export { HeroContext } from './components/hero/context.js';
 export { Hero } from './components/hero/index.js';
 export { HeroSubtitle } from './components/hero/subtitle.js';