@accelint/design-toolkit 7.0.0 → 8.0.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 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
 //# 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","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"]}

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: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
 //# 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","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"]}

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

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 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
 //# sourceMappingURL=index.js.map