@accelint/design-toolkit 7.0.1 → 8.1.0

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

@@ -0,0 +1,220 @@
+/*
+ * 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 {
+  .slider {
+    @apply gap-s isolate flex;
+
+    @variant layout-grid {
+      @apply grid;
+    }
+
+    @variant layout-stack {
+      @apply flex;
+    }
+
+    @variant orientation-vertical {
+      @apply h-full w-fit;
+
+      @variant layout-grid {
+        grid-template-columns: auto auto auto;
+        grid-template-rows: auto auto 1fr auto;
+      }
+
+      @variant layout-stack {
+        @apply flex-col;
+      }
+    }
+
+    @variant orientation-horizontal {
+      @variant layout-grid {
+        grid-template-columns: auto 1fr auto;
+        grid-template-rows: auto auto auto;
+      }
+
+      @variant layout-stack {
+        @apply w-full items-center;
+      }
+    }
+  }
+
+  .label {
+    @apply fg-primary-bold order-1;
+
+    @variant group-layout-grid/slider {
+      @apply col-start-1;
+
+      @variant group-orientation-vertical/slider {
+        @apply col-span-2;
+      }
+    }
+
+    @variant group-disabled/slider {
+      @apply fg-disabled;
+    }
+  }
+
+  .inputs {
+    @apply gap-s order-5 flex;
+
+    @variant group-layout-grid/slider {
+      @apply col-start-3 row-start-1;
+    }
+
+    @variant group-orientation-horizontal/slider {
+      @apply flex-row;
+    }
+
+    @variant group-orientation-vertical/slider {
+      @apply flex-col-reverse;
+
+      @variant group-layout-grid/slider {
+        @apply row-start-4;
+      }
+    }
+  }
+
+  .input {
+    @apply fg-primary-bold rounded-medium px-s py-xs font-display text-body-m outline-interactive outline;
+    width: 50px;
+
+    @variant group-disabled/slider {
+      @apply fg-disabled outline-interactive-disabled cursor-not-allowed;
+    }
+  }
+
+  .track {
+    @apply relative order-3 h-full;
+
+    @variant group-orientation-horizontal/slider {
+      @apply w-full;
+      height: 20px;
+
+      @variant group-layout-grid/slider {
+        @apply col-span-3 row-start-2;
+      }
+    }
+
+    @variant group-orientation-vertical/slider {
+      @apply h-full;
+      width: 20px;
+
+      @variant group-layout-grid/slider {
+        @apply col-start-2 row-span-3 row-start-2;
+      }
+    }
+  }
+
+  .trackBackground {
+    @apply bg-surface-muted absolute rounded-full;
+
+    @variant group-orientation-horizontal/slider {
+      @apply h-xxs top-1/2 w-full -translate-y-1/2;
+    }
+
+    @variant group-orientation-vertical/slider {
+      @apply w-xxs left-1/2 h-full -translate-x-1/2;
+    }
+  }
+
+  .trackValue {
+    --track-value-start: attr(data-start %);
+    --track-value-end: attr(data-end %);
+
+    @apply bg-accent-primary-bold absolute rounded-full;
+
+    @variant group-orientation-horizontal/slider {
+      @apply h-xxs top-1/2 -translate-y-1/2;
+      right: calc(100% - var(--track-value-end) * 100);
+      left: calc(var(--track-value-start) * 100);
+    }
+
+    @variant group-orientation-vertical/slider {
+      @apply w-xxs left-1/2 -translate-x-1/2;
+      top: calc(100% - var(--track-value-start) * 100);
+      bottom: calc(var(--track-value-end) * 100);
+    }
+  }
+
+  .thumb {
+    @apply h-m w-m z-10 rounded-full bg-(--fg-accent-primary-bold) outline-transparent;
+
+    @variant hover {
+      @apply bg-(--fg-accent-primary-hover);
+    }
+
+    @variant dragging {
+      --tw-ring-color: rgba(110, 209, 255, 0.08);
+      @apply outline-interactive-hover bg-(--fg-a11y-on-accent) ring-8 outline;
+    }
+
+    @variant group-orientation-horizontal/slider {
+      @apply top-1/2;
+    }
+
+    @variant group-orientation-vertical/slider {
+      @apply left-1/2;
+    }
+
+    @variant disabled {
+      @apply cursor-not-allowed bg-(--fg-disabled);
+    }
+  }
+
+  .minValue {
+    @apply fg-primary-muted font-display text-body-m flex items-center;
+
+    @variant group-orientation-vertical/slider {
+      @apply order-4 col-start-1 row-start-4;
+
+      @variant group-layout-grid/slider {
+        @apply self-end justify-self-end;
+      }
+    }
+
+    @variant group-orientation-horizontal/slider {
+      @apply order-2;
+
+      @variant group-layout-grid/slider {
+        @apply col-start-1 row-start-3;
+      }
+    }
+
+    @variant group-disabled/slider {
+      @apply fg-disabled;
+    }
+  }
+
+  .maxValue {
+    @apply fg-primary-muted font-display text-body-m order-4 flex items-center;
+
+    @variant group-orientation-vertical/slider {
+      @apply order-2;
+
+      @variant group-layout-grid/slider {
+        @apply col-start-1 row-start-2 justify-self-end;
+      }
+    }
+
+    @variant group-orientation-horizontal/slider {
+      @variant group-layout-grid/slider {
+        @apply col-start-3 row-start-3 justify-self-end;
+      }
+    }
+
+    @variant group-disabled/slider {
+      @apply fg-disabled;
+    }
+  }
+}

package/dist/components/switch/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useContextProps,Switch,composeRenderProps}from'react-aria-components';import {SwitchContext}from'./context.js';import {SwitchStyles}from'./styles.js';const{switch:w,control:S,label:N}=SwitchStyles();function d({ref:t,...o}){[o,t]=useContextProps(o,t??null,SwitchContext);const{children:i,classNames:c,labelPosition:l="end",...r}=o;return jsx(Switch,{...r,ref:t,className:composeRenderProps(c?.switch,s=>w({className:s,labelPosition:l})),children:composeRenderProps(i,s=>jsxs(Fragment,{children:[jsx("span",{className:S({className:c?.control})}),s&&jsx("span",{className:N({className:c?.label}),children:s})]}))})}export{d as Switch};//# 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,Switch,composeRenderProps}from'react-aria-components';import {SwitchContext}from'./context.js';import o from'./styles.module.css';function y({ref:s,...i}){[i,s]=useContextProps(i,s??null,SwitchContext);const{children:a,classNames:c,labelPosition:n="end",...m}=i;return jsx(Switch,{...m,ref:s,className:composeRenderProps(c?.switch,t=>clsx("group/switch",o.switch,o[n],t)),children:composeRenderProps(a,t=>jsxs(Fragment,{children:[jsx("span",{className:clsx(o.control,c?.control)}),t!=null&&jsx("span",{className:clsx(o.label,c?.label),children:t})]}))})}export{y as Switch};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/switch/index.tsx"],"names":["switchClassNames","control","label","h","ref","props","useContextProps","n","SwitchContext","p","jsx","rest","m","e","className","jsxs","Fragment","f","P","a"],"mappings":"oOAwBQ,KAAQA,CAAAA,MAAkB,CAAA,CAAA,CAAAC,OAAS,CAAAC,CAAM,CAAA,KAsC1C,CAAA,CAAA,CAAA,CAAAC,YAAA,EAAA,CAAA,SAAkBC,CAAK,CAAA,CAAA,GAAS,CAAgB,CACrD,CAACC,GAAU,CAAA,CAAIC,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CAAMC,CAAa,EAEhE,IAAA,CAAMC,aAAE,CAAA,CAAA,KAAA,CAAA,QAAU,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,aAAgB,CAAO,CAAA,CAAA,KAAYJ,CAEjE,GAAA,CAAA,CAAA,CAAA,CACEK,CAAAA,OACMC,GAAAA,CACJC,MAAA,CAAA,CAAA,GACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SAA0C,CAAAC,kBAAA,CAAA,CAAA,EAASC,MAC9B,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,aAG/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QACCC,CAAAA,kBAAAC,CAAAA,CAAA,CACE,CAAA,EAAAC,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAC,CAAA,CAAAC,GAAA,CAAK,MAAA,CAAA,CAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,EAAS,OAEzDT,CAAAA,CAAC,CAAA,CAAA,CAAA,CAAA,EAAAS,GAAA,CAAK,MAAA,CAAA,CAAA,SAAmB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAM,CAAC,EACpD,KAAA,CAAA,CAAA,CAAA,QAIR,CACH,CAEJ,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'use client';\n\nimport 'client-only';\nimport {\n  Switch as AriaSwitch,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { SwitchContext } from './context';\nimport { SwitchStyles } from './styles';\nimport type { SwitchProps } from './types';\n\n// \"switch\" is a reserved term in JS\nconst { switch: switchClassNames, control, label } = SwitchStyles();\n\n/**\n * Switch - A toggle control for binary state changes\n *\n * Provides an accessible toggle switch component for enabling/disabling features\n * or settings. Offers clear visual feedback for on/off states with smooth transitions\n * and proper keyboard and screen reader support.\n *\n * @example\n * // Basic switch\n * <Switch>Enable notifications</Switch>\n *\n * @example\n * // Controlled switch\n * <Switch\n *   isSelected={isEnabled}\n *   onChange={setIsEnabled}\n * >\n *   Dark mode\n * </Switch>\n *\n * @example\n * // Switch with default state\n * <Switch defaultSelected>\n *   Auto-save documents\n * </Switch>\n *\n * @example\n * // Disabled switch\n * <Switch isDisabled>\n *   Premium feature (upgrade required)\n * </Switch>\n *\n * @example\n * // Switch without label (icon-only)\n * <Switch aria-label=\"Toggle sidebar\" />\n */\nexport function Switch({ ref, ...props }: SwitchProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SwitchContext);\n\n  const { children, classNames, labelPosition = 'end', ...rest } = props;\n\n  return (\n    <AriaSwitch\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.switch, (className) =>\n        switchClassNames({ className, labelPosition }),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={control({ className: classNames?.control })} />\n          {children && (\n            <span className={label({ className: classNames?.label })}>\n              {children}\n            </span>\n          )}\n        </>\n      ))}\n    </AriaSwitch>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/switch/index.tsx"],"names":["ref","props","useContextProps","SwitchContext","w","e","p","rest","classNames","l","clsx","className","children","jsxs","Fragment","u","S","r"],"mappings":"yRA4DO,SAAkB,CAAA,CAAAA,CAAAA,GAAK,CAAGC,CAAM,CAAA,GACpCA,CAAAA,CAAOD,CAAG,CAAA,CAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,eAAAA,CAAO,KAAMG,IAEnD,CAAAC,aAAA,CAAA,CAAM,KAAE,CAAA,QAAU,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,aAAgB,CAAA,CAAA,CAAA,KAAe,CAAA,GAE7D,CAAA,CAAA,CAAA,CAAA,CAAA,OAEKC,GAAA,CAAAC,MAAGC,CAAAA,CACJ,GAAA,CAAKP,CAAAA,GACL,CAAA,CAAA,CAAA,SAA8BQ,CAAYC,kBAAA,CAAA,CAAA,EAAA,MACxCC,CAAK,sBAAuB,CAAA,CAAA,CAAA,MAA4B,CAAGC,CAAS,CACtE,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,CAAA,QAA8BC,CAAAA,kBAAAA,CAC7BC,CAAAA,CAAAC,CAAAA,EACEC,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAC,CAAA,CAAAX,GAAA,CAAA,MAAK,CAAA,CAAA,SAAuB,CAAAY,IAAA,CAAA,CAAA,CAAA,OAAqB,CAAA,CAAA,EAAA,OACjDL,CAAAA,CAAY,CAAA,CAAA,CAAA,EAAA,gBACL,CAAA,CAAA,SAAuB,CAAAK,IAAA,CAAA,CAAA,CAAA,KAAmB,CAAA,CAAA,EAAK,KAClD,CAAA,CAAA,QACH,CAEJ,CACD,CAAA,CACH,CAEJ,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'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Switch as AriaSwitch,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { SwitchContext } from './context';\nimport styles from './styles.module.css';\nimport type { SwitchProps } from './types';\n\n/**\n * Switch - A toggle control for binary state changes\n *\n * Provides an accessible toggle switch component for enabling/disabling features\n * or settings. Offers clear visual feedback for on/off states with smooth transitions\n * and proper keyboard and screen reader support.\n *\n * @example\n * // Basic switch\n * <Switch>Enable notifications</Switch>\n *\n * @example\n * // Controlled switch\n * <Switch\n *   isSelected={isEnabled}\n *   onChange={setIsEnabled}\n * >\n *   Dark mode\n * </Switch>\n *\n * @example\n * // Switch with default state\n * <Switch defaultSelected>\n *   Auto-save documents\n * </Switch>\n *\n * @example\n * // Disabled switch\n * <Switch isDisabled>\n *   Premium feature (upgrade required)\n * </Switch>\n *\n * @example\n * // Switch without label (icon-only)\n * <Switch aria-label=\"Toggle sidebar\" />\n */\nexport function Switch({ ref, ...props }: SwitchProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SwitchContext);\n\n  const { children, classNames, labelPosition = 'end', ...rest } = props;\n\n  return (\n    <AriaSwitch\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.switch, (className) =>\n        clsx('group/switch', styles.switch, styles[labelPosition], className),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={clsx(styles.control, classNames?.control)} />\n          {children != null && (\n            <span className={clsx(styles.label, classNames?.label)}>\n              {children}\n            </span>\n          )}\n        </>\n      ))}\n    </AriaSwitch>\n  );\n}\n"]}

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

@@ -0,0 +1,116 @@
+/*
+ * 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 {
+  .switch {
+    @apply gap-s flex cursor-pointer items-center;
+
+    @variant disabled {
+      @apply cursor-not-allowed;
+    }
+
+    &.start {
+      @apply flex-row-reverse;
+    }
+
+    &.end {
+      @apply flex-row;
+    }
+  }
+
+  .control {
+    @apply rounded-round p-xxs outline-interactive flex bg-transparent outline;
+
+    &:before {
+      @apply size-m mr-l block rounded-full bg-(--fg-primary-muted);
+      content: '';
+    }
+
+    @variant group-hover/switch {
+      @apply bg-interactive-muted-hover outline-interactive-hover;
+
+      &:before {
+        @apply bg-(--fg-primary-bold);
+      }
+    }
+
+    @variant group-focus-visible/switch {
+      @apply bg-interactive-muted-hover outline-interactive-hover;
+
+      &:before {
+        @apply bg-(--fg-primary-bold);
+      }
+    }
+
+    @variant group-pressed/switch {
+      @apply bg-interactive-muted-pressed outline-interactive-pressed;
+
+      &:before {
+        @apply bg-(--fg-pressed);
+      }
+    }
+
+    @variant group-selected/switch {
+      @apply outline-accent-primary-bold;
+
+      &:before {
+        @apply ml-l mr-0 bg-(--fg-accent-primary-bold);
+      }
+
+      @variant group-hover/switch {
+        @apply bg-accent-primary-muted outline-accent-primary-bold;
+
+        &:before {
+          @apply bg-(--fg-accent-primary-hover);
+        }
+      }
+
+      @variant group-focus-visible/switch {
+        @apply bg-accent-primary-muted outline-interactive-hover;
+
+        &:before {
+          @apply bg-(--fg-accent-primary-hover);
+        }
+      }
+
+      @variant group-pressed/switch {
+        @apply bg-accent-primary-pressed outline-accent-primary-pressed;
+
+        &:before {
+          @apply bg-(--fg-accent-primary-pressed);
+        }
+      }
+    }
+
+    @variant group-disabled/switch {
+      @apply outline-interactive-disabled bg-transparent;
+
+      &:before {
+        @apply bg-(--fg-disabled);
+      }
+
+      @variant group-selected/switch {
+        @apply bg-interactive-disabled;
+      }
+    }
+  }
+
+  .label {
+    @apply fg-primary-bold text-body-s;
+
+    @variant group-disabled/switch {
+      @apply fg-disabled;
+    }
+  }
+}

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

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

package/dist/components/table/body.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {TableRow}from'./row.js';import {TableBodyStyles}from'./styles.js';function T({children:r,className:y,ref:p,rows:t,...a}){return jsx("tbody",{...a,ref:p,className:TableBodyStyles({className:y}),children:r||t?.map(o=>jsx(TableRow,{row:o},o.id))})}export{T as TableBody};//# sourceMappingURL=body.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {TableRow}from'./row.js';function T({children:p,className:e,ref:t,rows:y,...b}){return jsx("tbody",{...b,ref:t,className:clsx("group/tbody",e),children:p||y?.map(o=>jsx(TableRow,{row:o},o.id))})}export{T as TableBody};//# sourceMappingURL=body.js.map
 //# sourceMappingURL=body.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/body.tsx"],"names":["ref","rows","jsx","e","d","row"],"mappings":"8GAiBO,SACL,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACAA,CACA,KAAAC,CAAAA,CACA,CAAA,IACF,CAAsB,CACpB,CAAA,GAAA,CAAA,CAAA,CACEC,QAACC,GAAA,CAAA,OAEC,CAAA,CAAA,GACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACE,CAAAC,eAAA,CAAA,CAAA,SAGD,CAAA,CAAA,CAAA,CAAA,CAAA,QAAkB,CAAA,CAAA,EAAKC,CAAAA,EAAQH,GAAC,CAAsB,CAAA,EAAAC,GAAKE,CAAAA,QAAAA,CAAbA,CAAAA,GAAkB,CAAE,CAAA,CACrE,CAEJ,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA","file":"body.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 { TableRow } from './row';\nimport { TableBodyStyles } from './styles';\nimport type { TableBodyProps } from './types';\n\nexport function TableBody<T>({\n  children,\n  className,\n  ref,\n  rows,\n  ...rest\n}: TableBodyProps<T>) {\n  return (\n    <tbody\n      {...rest}\n      ref={ref}\n      className={TableBodyStyles({\n        className,\n      })}\n    >\n      {children || rows?.map((row) => <TableRow key={row.id} row={row} />)}\n    </tbody>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/table/body.tsx"],"names":["ref","rest","r","d","rows","row","jsx","TableRow","m"],"mappings":"6HAiBO,SACL,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAAA,GACA,CAAA,CAAA,CAAA,IACA,CAAA,CAAGC,CACL,GACE,WACGC,GAAA,CAAA,OAAO,CAAGD,CAAAA,GAAM,CAAA,CAAKD,eAAqB,CAAAG,IAAA,CAAA,aACxC,CAAA,CAAA,CAAA,CAAA,QAAYC,IAAM,CAAA,EAAKC,GAAQC,CAAAA,CAACC,EAAAL,GAAsB,CAAAM,QAAA,CAAA,CAAKH,GAAbA,CAAAA,CAAI,CAAA,CAAc,CAAE,CAAA,EAGzE,CAAA,CAAA,CAAA,CAAA","file":"body.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 { TableRow } from './row';\nimport type { TableBodyProps } from './types';\n\nexport function TableBody<T>({\n  children,\n  className,\n  ref,\n  rows,\n  ...rest\n}: TableBodyProps<T>) {\n  return (\n    <tbody {...rest} ref={ref} className={clsx('group/tbody', className)}>\n      {children || rows?.map((row) => <TableRow key={row.id} row={row} />)}\n    </tbody>\n  );\n}\n"]}

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

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

package/dist/components/table/cell.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {flexRender}from'@tanstack/react-table';import {useContext}from'react';import {HeaderColumnAction}from'./constants/table.js';import {TableContext}from'./context.js';import {TableCellStyles}from'./styles.js';function S({children:r,ref:n,className:s,cell:o,...m}){const{columnSelection:l,persistNumerals:i}=useContext(TableContext),a=o?.column.id===HeaderColumnAction.KEBAB,e=o?.column.id===HeaderColumnAction.NUMERAL,u=o?.column.id===l;return jsx("td",{...m,ref:n,className:TableCellStyles({className:s,narrow:e||a,isNumeral:e,notPersistNums:e&&!i}),"data-selected":u||null,children:r||o&&flexRender(o.column.columnDef.cell,o.getContext())})}export{S 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":["children","className","rest","cell","p","d","HeaderColumnAction","isNumeral","columnSelection","jsx","TableCellStyles","f","isKebab","c"],"mappings":"0PAqBE,SAAAA,CAAAA,CACA,SACA,CAAA,CAAA,CAAA,GAAA,CAAAC,EACA,SACA,CAAGC,CACL,CAAA,OACQ,GAAE,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,eAAiB,CAAA,CAAA,CAAA,eACTC,CAAAA,CAAM,CAAA,CAAAC,UAAA,CAAAC,YAAA,CAAA,CAAO,CAAA,CAAA,CAAA,EAAOC,MAAmB,CAAA,EACjDC,qBAAkB,CAAA,KAAA,CAAO,CAAA,CAAA,CAAA,EAAOD,MAAmB,CAAA,EAAA,GACtCH,kBAAAA,CAAAA,OAAM,CAAO,CAAA,CAAA,CAAA,EAAOK,SAKrCC,GAAC,CAAA,CAAA,OACKP,GACJ,CAAA,KACA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAWQ,CAAAA,CAAgB,SACzB,CAAAC,eAAAV,CAAAA,CACA,UATsBW,CAAAA,CAUtB,MAAA,CAAA,CAAA,EAAAL,EACA,SAAA,CAAA,CAAA,CAAA,cAEF,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,uBAECP,CACEG,QAAwB,CAAA,CAAA,EAAA,CAAA,EAAOU,UAAA,CAAA,CAAA,CAAA,gBAAqB,CAAA,IAAA,CAAA,CAAW,CAAC,UAGzE,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 { flexRender } from '@tanstack/react-table';\nimport { useContext } from 'react';\nimport { HeaderColumnAction } from './constants/table';\nimport { TableContext } from './context';\nimport { TableCellStyles } from './styles';\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 isKebab = cell?.column.id === HeaderColumnAction.KEBAB;\n  const isNumeral = cell?.column.id === HeaderColumnAction.NUMERAL;\n  const isSelected = cell?.column.id === columnSelection;\n  const narrow = isNumeral || isKebab;\n  const notPersistNums = isNumeral && !persistNumerals;\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      className={TableCellStyles({\n        className,\n        narrow,\n        isNumeral,\n        notPersistNums,\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/context.d.ts

@@ -2,9 +2,6 @@ import * as react from 'react';
 import { TableContextValue } from './types.js';
 import '@react-types/shared';
 import '@tanstack/react-table';
-import 'tailwind-variants';
-import './styles.js';
-import 'tailwind-merge';
 
 declare const TableContext: react.Context<TableContextValue>;
 

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

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

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

@@ -1,2 +1,2 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';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 {HeaderColumnAction,SortDirection,headerColumnActionValues}from'./constants/table.js';import {TableContext}from'./context.js';import {TableStyles,TableHeaderCellStyles}from'./styles.js';const{menuItem:C}=TableStyles();function k({header:e}){const{enableColumnReordering:i,enableSorting:s,moveColumnLeft:o,moveColumnRight:b,persistHeaderKebabMenu:S,setColumnSelection:f,manualSorting:u,handleSortChange:c,handleColumnReordering:a}=useContext(TableContext),[d,p]=useState(false);if(headerColumnActionValues.includes(e.column.id)||!(s||i))return null;const r=e.column.getIsSorted();return jsxs(MenuTrigger,{onOpenChange:l=>f(l?e.column.id:null),children:[jsx(Button,{variant:"icon","aria-label":"Menu",onHoverChange:p,className:TableHeaderCellStyles({notPersistHeaderKebab:!S}),children:jsxs(Icon,{children:[(!r||d)&&jsx(Kebab,{}),!d&&r===SortDirection.DESC&&jsx(ArrowDown,{}),!d&&r===SortDirection.ASC&&jsx(ArrowUp,{})]})}),jsxs(Menu,{children:[i&&jsxs(Fragment,{children:[jsx(MenuItem,{classNames:{item:C()},onAction:()=>{const l=e.column.getIndex();o(l),a?.(l);},isDisabled:e.column.getIsFirstColumn("center"),children:"Move Column Left"}),jsx(MenuItem,{classNames:{item:C()},onAction:()=>{const l=e.column.getIndex();b(l),a?.(l);},isDisabled:e.column.getIsLastColumn("center"),children:"Move Column Right"})]}),i&&s&&jsx(MenuSeparator,{}),s&&jsxs(Fragment,{children:[jsx(MenuItem,{classNames:{item:C()},onAction:()=>{u?c?.(e.column.id,SortDirection.ASC):e.column.toggleSorting(false);},isDisabled:r===SortDirection.ASC,children:"Sort Ascending"}),jsx(MenuItem,{classNames:{item:C()},onAction:()=>{u?c?.(e.column.id,SortDirection.DESC):e.column.toggleSorting(true);},isDisabled:r===SortDirection.DESC,children:"Sort Descending"}),jsx(MenuItem,{classNames:{item:C()},onAction:()=>{u?c?.(e.column.id,null):e.column.clearSorting();},isDisabled:!r,children:"Clear Sort"})]})]})]})}function Z({ref:e,children:i,className:s,header:o,...b}){const{columnSelection:S,enableColumnReordering:f,enableSorting:u}=useContext(TableContext),c=f||u,a=o?.getContext(),d=o?.column.id===HeaderColumnAction.NUMERAL||o?.column.id===HeaderColumnAction.KEBAB,p=o?.column.getIsSorted()===SortDirection.ASC?"ascending":o?.column.getIsSorted()===SortDirection.DESC?"descending":void 0;return jsx("th",{...b,ref:e,"aria-sort":p,children:jsx("div",{className:TableHeaderCellStyles({narrow:d,className:s,isKebabEnabled:c}),"data-selected":o?.column.id===S||null,children:i||o&&jsxs(Fragment,{children:[o.column.id!==HeaderColumnAction.KEBAB&&a&&flexRender(o.column.columnDef.header,a),jsx(k,{header:o})]})})})}export{Z 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":["P","enableColumnReordering","handleSortChange","hoveredArrow","setHoveredArrow","E","sort","header","jsxs","MenuTrigger","setColumnSelection","isOpen","jsx","Button","N","TableHeaderCellStyles","Icon","H","SortDirection","m","K","ArrowUp","n","w","Menu","t","Fragment","MenuItem","v","menuItem","M","g","moveColumnLeft","index","handleColumnReordering","moveColumnRight","MenuSeparator","B","manualSorting","ref","rest","columnSelection","enableSorting","renderProps","I","D","sortLabel","A","narrow","className","children","x"],"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 { 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 { TableHeaderCellStyles, TableStyles } from './styles';\nimport type { TableHeaderCellProps } from './types';\n\nconst { menuItem } = TableStyles();\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\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    <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        className={TableHeaderCellStyles({\n          notPersistHeaderKebab: !persistHeaderKebabMenu,\n        })}\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              classNames={{ item: 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              classNames={{ item: 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              classNames={{ item: 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              classNames={{ item: 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              classNames={{ item: 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  );\n}\n\nexport function TableHeaderCell<T>({\n  ref,\n  children,\n  className,\n  header,\n  ...rest\n}: TableHeaderCellProps<T>) {\n  const { columnSelection, enableColumnReordering, enableSorting } =\n    useContext(TableContext);\n  const showKebab = enableColumnReordering || enableSorting;\n  const renderProps = header?.getContext();\n  const narrow =\n    header?.column.id === HeaderColumnAction.NUMERAL ||\n    header?.column.id === HeaderColumnAction.KEBAB;\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={TableHeaderCellStyles({\n          narrow,\n          className,\n          isKebabEnabled: showKebab,\n        })}\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/header.d.ts

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

package/dist/components/table/header.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {TableHeaderCell}from'./header-cell.js';import {TableHeaderStyles}from'./styles.js';function f({ref:t,children:l,className:o,headerGroups:d,columnSelection:i,...m}){return jsx("thead",{...m,ref:t,className:TableHeaderStyles(o),children:l||d?.map(r=>jsx("tr",{children:r.headers.map(a=>jsx(TableHeaderCell,{header:a},a.id))},r.id))})}export{f as TableHeader};//# sourceMappingURL=header.js.map
+import {jsx}from'react/jsx-runtime';import {TableHeaderCell}from'./header-cell.js';function s({ref:t,children:l,className:o,headerGroups:d,columnSelection:T,...p}){return jsx("thead",{...p,ref:t,className:o,children:l||d?.map(a=>jsx("tr",{children:a.headers.map(r=>jsx(TableHeaderCell,{header:r},r.id))},a.id))})}export{s as TableHeader};//# sourceMappingURL=header.js.map
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/header.tsx"],"names":["ref","jsx","e","T","headerGroup","p","header"],"mappings":"+HAiBO,SACLA,CACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,YACA,CAAA,CAAA,CAAA,eAEF,CAAwB,CACtB,CAAA,GAAA,CAAA,CAAA,CACEC,QAACC,GAAA,CAAA,OAAgB,CAAA,CAAA,GAAU,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACxB,CAAAC,iBAAA,CAAA,CAAA,CAAA,CAAA,QACe,CAAA,CAAA,EAAKC,CAAAA,EACjBH,GAAC,CAAA,CAAA,EACEC,kBAAY,CAAA,CAAA,CAAQ,OACnBD,CAAAA,GAAC,CAAgC,CAAA,EAAAC,GAAA,CAAAG,eAAA,CAAQC,CAAAA,MAAQ,CAClD,CAAA,CAAA,CAHMF,CAAAA,CAAY,EAIrB,CACD,EACL,CAEJ,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA","file":"header.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 { TableHeaderCell } from './header-cell';\nimport { TableHeaderStyles } from './styles';\nimport type { TableHeaderProps } from './types';\n\nexport function TableHeader<T>({\n  ref,\n  children,\n  className,\n  headerGroups,\n  columnSelection,\n  ...rest\n}: TableHeaderProps<T>) {\n  return (\n    <thead {...rest} ref={ref} className={TableHeaderStyles(className)}>\n      {children ||\n        headerGroups?.map((headerGroup) => (\n          <tr key={headerGroup.id}>\n            {headerGroup.headers.map((header) => (\n              <TableHeaderCell key={header.id} header={header} />\n            ))}\n          </tr>\n        ))}\n    </thead>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/table/header.tsx"],"names":["ref","rest","e","headerGroups","headerGroup","jsx","header","TableHeaderCell","m"],"mappings":"mFAgBO,SACL,CAAA,CAAA,CAAAA,GACA,CAAA,CAAA,CAAA,oBAEA,CAAA,CAAA,CAAA,YACA,CAAA,CAAA,CAAA,eACA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OACGC,GAAA,CAAA,OAAO,CAAGD,CAAAA,KAAWD,GAAK,CAAA,CAAA,CAAA,SACxB,CAAA,CAAA,CAAA,QACCG,CAAAA,CAAAA,EAAc,CAAA,EAAKC,GACjBC,CAAAA,CAAC,EAAAH,GAAA,CAAA,IACE,CAAA,CAAA,QAAY,CAAA,CAAA,CAAA,OAAQ,CAAKI,GACxBD,CAAAA,CAACE,EAAAL,GAAgC,CAAAM,eAAA,CAAA,CAAA,MAAXF,CAAAA,CAAO,CAAA,CAAoB,CAClD,CAAA,EAHMF,CAAAA,CAAY,CAAA,CAIrB,CACD,CAAA,EAGT,CAAA,CAAA,CAAA,CAAA","file":"header.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 { TableHeaderCell } from './header-cell';\nimport type { TableHeaderProps } from './types';\n\nexport function TableHeader<T>({\n  ref,\n  children,\n  className,\n  headerGroups,\n  columnSelection,\n  ...rest\n}: TableHeaderProps<T>) {\n  return (\n    <thead {...rest} ref={ref} className={className}>\n      {children ||\n        headerGroups?.map((headerGroup) => (\n          <tr key={headerGroup.id}>\n            {headerGroup.headers.map((header) => (\n              <TableHeaderCell key={header.id} header={header} />\n            ))}\n          </tr>\n        ))}\n    </thead>\n  );\n}\n"]}

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

@@ -3,9 +3,6 @@ import { Key } from '@react-types/shared';
 import { TableProps } from './types.js';
 import '@tanstack/react-table';
 import 'react';
-import 'tailwind-variants';
-import './styles.js';
-import 'tailwind-merge';
 
 /**
  * Table - Configurable data table with sorting and row actions
@@ -18,6 +15,6 @@ import 'tailwind-merge';
  */
 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 {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 {TableStyles}from'./styles.js';const{menuItem:v,notPersistRowKebab:Re}=TableStyles();function ge({moveRowsDown:p,moveRowsUp:w,row:s,rows:a}){const{enableRowActions:u,persistRowKebabMenu:f}=useContext(TableContext),c=!!s.getIsPinned();return u&&jsx("div",{className:f?"":Re(),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,{classNames:{item:v()},onAction:()=>s.pin(c?false:"top"),children:c?"Unpin":"Pin"}),jsx(MenuSeparator,{}),jsx(MenuItem,{classNames:{item:v()},onAction:()=>w(s,a),isDisabled:c||s.index===0,children:"Move Up"}),jsx(MenuItem,{classNames:{item:v()},onAction:()=>p(s,a),isDisabled:c||s.index===a.length-1,children:"Move Down"})]})]})})}function Ke({children:p,columns:w,data:s,showCheckbox:a,kebabPosition:u="right",persistRowKebabMenu:f=true,persistHeaderKebabMenu:c=true,persistNumerals:G=false,enableSorting:C=true,enableColumnReordering:H=true,enableRowActions:L=true,manualSorting:I=false,onSortChange:z,onColumnReorderChange:$,...P}){const{items:k,moveAfter:h,moveBefore:y}=useListData({initialItems:s}),[r,q]=useState({}),[x,E]=useState(null),[F,J]=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]),N=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&&h(d,n.map(({id:m})=>m));},[r,h]),S=useMemo(()=>({id:"kebab",cell:({row:e})=>jsx(ge,{moveRowsUp:A,moveRowsDown:N,row:e,rows:_().rows})}),[A,N]),D=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]),Q=(e,t)=>{z?.(e,t);},V=e=>{$?.(e);},{getHeaderGroups:W,getTopRows:X,getCenterRows:Y,getBottomRows:Z,getRowModel:_,setColumnOrder:R}=useReactTable({data:k,columns:D,enableSorting:C,initialState:{columnOrder:D.map(({id:e})=>e??"")},state:{rowSelection:r,rowPinning:F},getRowId:(e,t)=>e.id?e.id.toString():t.toString(),enableRowSelection:true,enableRowPinning:true,manualSorting:I,onRowSelectionChange:q,onRowPinningChange:J,getCoreRowModel:getCoreRowModel(),getSortedRowModel:getSortedRowModel()}),j=useCallback(e=>{R(t=>{const i=[...t],n=e-1;return n<0?t:([i[e],i[n]]=[i[n],i[e]],i)});},[R]),ee=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",{...P,children:p}):jsx(TableContext.Provider,{value:{persistRowKebabMenu:f,persistHeaderKebabMenu:c,persistNumerals:G,enableSorting:C,enableColumnReordering:H,enableRowActions:L,columnSelection:x,setColumnSelection:E,moveColumnLeft:j,moveColumnRight:ee,manualSorting:I,handleSortChange:Q,handleColumnReordering:V},children:jsxs("table",{...P,children:[jsx(TableHeader,{headerGroups:W(),columnSelection:x}),jsx(TableBody,{rows:[...X(),...Y(),...Z()]})]})})}export{Ke 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