@crispy-seed/data-table 0.1.0 → 0.1.1

package/dist/{Select-12s-D8DdKT-U.cjs → Select-12s-CNQC9z8t.cjs}

@@ -15,8 +15,7 @@ var domUtils = require('@seed-design/dom-utils');
 var select = require('@seed-design/css/recipes/select');
 var selectTrigger = require('@seed-design/css/recipes/select-trigger');
 var selectItem = require('@seed-design/css/recipes/select-item');
-var reactPrimitive = require('@seed-design/react-primitive');
-var DataTable12s = require('./DataTable-12s-8LMBtS2u.cjs');
+var DataTable12s = require('./DataTable-12s-Gpv6I4J8.cjs');
 var React = require('react');
 
 function _interopNamespace(e) {
@@ -154,7 +153,7 @@ const SelectContent = /*#__PURE__*/ React__namespace.forwardRef(({ className, ..
     });
 });
 SelectContent.displayName = "SelectContent";
-const SelectScrollArea = withContentContext(reactPrimitive.Primitive.div, "scrollArea");
+const SelectScrollArea = withContentContext(DataTable12s.Primitive.div, "scrollArea");
 withContentContext(reactSelect.Select.Group, "group");
 withContentContext(reactSelect.Select.GroupLabel, "groupLabel");
 const SelectItem = /*#__PURE__*/ React__namespace.forwardRef(({ prefixIcon, className, ...props }, ref)=>{
@@ -189,13 +188,13 @@ const SelectItemPrefixIcon = /*#__PURE__*/ React__namespace.forwardRef(({ svg: s
     });
 });
 SelectItemPrefixIcon.displayName = "SelectItemPrefixIcon";
-const SelectItemBody = withItemContext(withItemStateProps(reactPrimitive.Primitive.div), "body");
+const SelectItemBody = withItemContext(withItemStateProps(DataTable12s.Primitive.div), "body");
 const SelectItemLabel = /*#__PURE__*/ React__namespace.forwardRef(({ children, className, ...otherProps }, ref)=>{
     const { label, stateProps } = reactSelect.useSelectItemContext();
     const classNames = useItemClassNames();
     // stateProps stays because the label's disabled style targets its own
     // `data-disabled`.
-    return /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.span, {
+    return /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.Primitive.span, {
         ref: ref,
         className: DataTable12s.clsx(classNames.label, className),
         ...stateProps,
@@ -204,7 +203,7 @@ const SelectItemLabel = /*#__PURE__*/ React__namespace.forwardRef(({ children, c
     });
 });
 SelectItemLabel.displayName = "SelectItemLabel";
-withItemContext(withItemStateProps(reactPrimitive.Primitive.span), "description");
+withItemContext(withItemStateProps(DataTable12s.Primitive.span), "description");
 const SelectItemIndicator = /*#__PURE__*/ React__namespace.forwardRef(({ selected: selectedSvg, unselected: unselectedSvg, className, ...otherProps }, ref)=>{
     const { isSelected, stateProps } = reactSelect.useSelectItemContext();
     const classNames = useItemClassNames();

package/dist/{body-cells-12s-BoOTcg-l.cjs → body-cells-12s-2sTwdliH.cjs}

@@ -11,30 +11,29 @@ function __insertCSS(code) {
 var jsxRuntime = require('react/jsx-runtime');
 var domUtils = require('@seed-design/dom-utils');
 var React = require('react');
-var DataTable12s = require('./DataTable-12s-8LMBtS2u.cjs');
+var DataTable12s = require('./DataTable-12s-Gpv6I4J8.cjs');
 var reactImage = require('@seed-design/react-image');
-var reactPrimitive = require('@seed-design/react-primitive');
 var avatar = require('@seed-design/css/recipes/avatar');
 require('@seed-design/css/recipes/avatar-stack');
 var badge = require('@seed-design/css/recipes/badge');
-var columnLayout12s = require('./column-layout-12s-CTu5yT_D.cjs');
-var editors12s = require('./editors-12s-DO8TZkYV.cjs');
-var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-CTRzgvMT.cjs');
+var columnLayout12s = require('./column-layout-12s-k2fZYeKl.cjs');
+var editors12s = require('./editors-12s-C0RxmTcI.cjs');
+var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-B-mwMBhn.cjs');
 
 const { withProvider, withContext } = DataTable12s.createSlotRecipeContext(avatar.avatar);
 const AvatarRoot = withProvider(reactImage.Image.Root, "root");
 const AvatarImage = withContext(reactImage.Image.Content, "image");
 const AvatarFallback = withContext(reactImage.Image.Fallback, "fallback");
-withContext(reactPrimitive.Primitive.div, "badge");
+withContext(DataTable12s.Primitive.div, "badge");
 
 const Badge = /*#__PURE__*/ React.forwardRef(({ className, children, ...props }, ref)=>{
     const [variantProps, restProps] = badge.badge.splitVariantProps(props);
     const { root, label } = badge.badge(variantProps);
-    return /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.span, {
+    return /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.Primitive.span, {
         className: DataTable12s.clsx(root, className),
         ...restProps,
         ref: ref,
-        children: /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.span, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.Primitive.span, {
             className: label,
             children: children
         })

package/dist/{body-cells-12s-BnOVUTKN.js → body-cells-12s-Ba2uF4T-.js}

@@ -11,15 +11,14 @@ function __insertCSS(code) {
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { dataAttr } from '@seed-design/dom-utils';
 import { forwardRef } from 'react';
-import { c as createSlotRecipeContext, b as clsx, d as IconCheckmarkLine_default, C as CheckboxRoot, e as CheckboxControl, f as CheckboxIndicator, g as CheckboxHiddenInput, D as DataTableCell, h as getColumnValue } from './DataTable-12s-Bd20OuMs.js';
+import { c as createSlotRecipeContext, P as Primitive, b as clsx, d as IconCheckmarkLine_default, C as CheckboxRoot, e as CheckboxControl, f as CheckboxIndicator, g as CheckboxHiddenInput, D as DataTableCell, h as getColumnValue } from './DataTable-12s-D02v6Qj5.js';
 import { Image } from '@seed-design/react-image';
-import { Primitive } from '@seed-design/react-primitive';
 import { avatar } from '@seed-design/css/recipes/avatar';
 import '@seed-design/css/recipes/avatar-stack';
 import { badge } from '@seed-design/css/recipes/badge';
-import { u as useEffectiveColumns, s as stickyProps } from './column-layout-12s-s7wnxkMN.js';
-import { S as SwitchEditor, r as resolveEditValue, R as RatingEditor, C as CheckboxEditor, a as SelectEditor, b as ReferenceEditor, E as EditError, D as DateEditor, T as TextEditor } from './editors-12s-BO9Mp034.js';
-import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-Coi-3lUa.js';
+import { u as useEffectiveColumns, s as stickyProps } from './column-layout-12s-BhQmNTJG.js';
+import { S as SwitchEditor, r as resolveEditValue, R as RatingEditor, C as CheckboxEditor, a as SelectEditor, b as ReferenceEditor, E as EditError, D as DateEditor, T as TextEditor } from './editors-12s-COixUnI2.js';
+import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-BR-yHfob.js';
 
 const { withProvider, withContext } = createSlotRecipeContext(avatar);
 const AvatarRoot = withProvider(Image.Root, "root");

package/dist/{column-calc-12s-C6IPSOaF.js → column-calc-12s-C1-I2KdV.js}

@@ -8,12 +8,12 @@ function __insertCSS(code) {
   ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
 }
 
-import { M as MenuRoot, a as MenuTrigger, b as MenuPositioner, c as MenuContent, d as MenuScrollArea, e as MenuItem, f as MenuItemLabel } from './Menu-12s-Di5JADW4.js';
+import { M as MenuRoot, a as MenuTrigger, b as MenuPositioner, c as MenuContent, d as MenuScrollArea, e as MenuItem, f as MenuItemLabel } from './Menu-12s-v9vnaq8F.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import { i as DataTableFooterCell, h as getColumnValue, j as IconChevronDownLine_default } from './DataTable-12s-Bd20OuMs.js';
-import { u as useEffectiveColumns, s as stickyProps } from './column-layout-12s-s7wnxkMN.js';
-import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-Coi-3lUa.js';
+import { i as DataTableFooterCell, h as getColumnValue, j as IconChevronDownLine_default } from './DataTable-12s-D02v6Qj5.js';
+import { u as useEffectiveColumns, s as stickyProps } from './column-layout-12s-BhQmNTJG.js';
+import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-BR-yHfob.js';
 import { c as computeColumnCalc, D as DATA_TABLE_CALC_LABEL, a as DATA_TABLE_UNIVERSAL_CALC_OPS, b as DATA_TABLE_NUMERIC_CALC_OPS } from './useDataTableColumnCalc-12s-DTQQTtEJ-12s-DsEse3uq.js';
 
 function ColumnCalcCells({ columns, rows, selectable, stickyFirst, stickyLast }) {

package/dist/{column-calc-12s-CKuSpe-l.cjs → column-calc-12s-CJ26VuDJ.cjs}

@@ -8,12 +8,12 @@ function __insertCSS(code) {
   ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
 }
 
-var Menu12s = require('./Menu-12s-Db_zr1AP.cjs');
+var Menu12s = require('./Menu-12s-A4lEc__n.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var DataTable12s = require('./DataTable-12s-8LMBtS2u.cjs');
-var columnLayout12s = require('./column-layout-12s-CTu5yT_D.cjs');
-var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-CTRzgvMT.cjs');
+var DataTable12s = require('./DataTable-12s-Gpv6I4J8.cjs');
+var columnLayout12s = require('./column-layout-12s-k2fZYeKl.cjs');
+var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-B-mwMBhn.cjs');
 var useDataTableColumnCalc12sDTQQTtEJ12s = require('./useDataTableColumnCalc-12s-DTQQTtEJ-12s-CvD14JYo.cjs');
 
 function _interopNamespace(e) {

package/dist/{column-layout-12s-s7wnxkMN.js → column-layout-12s-BhQmNTJG.js}

@@ -9,7 +9,7 @@ function __insertCSS(code) {
 }
 
 import * as React from 'react';
-import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-Coi-3lUa.js';
+import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-BR-yHfob.js';
 
 /** The subset of `useDataTableContext()` every "resolve which columns to actually
  *  render, in what order, under what label/width" helper below needs -- narrowed so

package/dist/{column-layout-12s-CTu5yT_D.cjs → column-layout-12s-k2fZYeKl.cjs}

@@ -9,7 +9,7 @@ function __insertCSS(code) {
 }
 
 var React = require('react');
-var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-CTRzgvMT.cjs');
+var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-B-mwMBhn.cjs');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/dist/{column-menu-12s-mRBk-4oa.js → column-menu-12s-6Yvu4SZ0.js}

@@ -10,15 +10,14 @@ function __insertCSS(code) {
 
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import { c as createSlotRecipeContext, k as DataTableHeaderCell, l as DataTableHeaderCellInner, m as DataTableHeaderCellLabel, n as DataTableHeaderCellIcon, o as IconSlider2HorizontalLine_default, C as CheckboxRoot, e as CheckboxControl, f as CheckboxIndicator, p as CheckboxLabel, g as CheckboxHiddenInput, q as IconDot3HorizontalLine_default, d as IconCheckmarkLine_default, j as IconChevronDownLine_default, r as IconChevronUpLine_default } from './DataTable-12s-Bd20OuMs.js';
+import { c as createSlotRecipeContext, P as Primitive, k as DataTableHeaderCell, l as DataTableHeaderCellInner, m as DataTableHeaderCellLabel, n as DataTableHeaderCellIcon, o as IconSlider2HorizontalLine_default, C as CheckboxRoot, e as CheckboxControl, f as CheckboxIndicator, p as CheckboxLabel, g as CheckboxHiddenInput, q as IconDot3HorizontalLine_default, d as IconCheckmarkLine_default, j as IconChevronDownLine_default, r as IconChevronUpLine_default } from './DataTable-12s-D02v6Qj5.js';
 import { dataAttr } from '@seed-design/dom-utils';
-import { M as MenuRoot, a as MenuTrigger, b as MenuPositioner, c as MenuContent, d as MenuScrollArea, e as MenuItem, f as MenuItemLabel } from './Menu-12s-Di5JADW4.js';
+import { M as MenuRoot, a as MenuTrigger, b as MenuPositioner, c as MenuContent, d as MenuScrollArea, e as MenuItem, f as MenuItemLabel } from './Menu-12s-v9vnaq8F.js';
 import { segmentedControl } from '@seed-design/css/recipes/segmented-control';
-import { Primitive } from '@seed-design/react-primitive';
 import { SegmentedControl } from '@seed-design/react-segmented-control';
-import { u as useEffectiveColumns, s as stickyProps } from './column-layout-12s-s7wnxkMN.js';
-import { C as ColumnResizeHandle } from './resize-12s-nsMvrmLt.js';
-import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-Coi-3lUa.js';
+import { u as useEffectiveColumns, s as stickyProps } from './column-layout-12s-BhQmNTJG.js';
+import { C as ColumnResizeHandle } from './resize-12s-CajyNXFB.js';
+import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-BR-yHfob.js';
 
 const { withProvider, withContext } = createSlotRecipeContext(segmentedControl);
 const SegmentedControlRoot = withProvider(SegmentedControl.Root, "root");

package/dist/{column-menu-12s-BPE9N1gs.cjs → column-menu-12s-BnknuXGh.cjs}

@@ -10,15 +10,14 @@ function __insertCSS(code) {
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var DataTable12s = require('./DataTable-12s-8LMBtS2u.cjs');
+var DataTable12s = require('./DataTable-12s-Gpv6I4J8.cjs');
 var domUtils = require('@seed-design/dom-utils');
-var Menu12s = require('./Menu-12s-Db_zr1AP.cjs');
+var Menu12s = require('./Menu-12s-A4lEc__n.cjs');
 var segmentedControl = require('@seed-design/css/recipes/segmented-control');
-var reactPrimitive = require('@seed-design/react-primitive');
 var reactSegmentedControl = require('@seed-design/react-segmented-control');
-var columnLayout12s = require('./column-layout-12s-CTu5yT_D.cjs');
-var resize12s = require('./resize-12s-jQY-PX67.cjs');
-var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-CTRzgvMT.cjs');
+var columnLayout12s = require('./column-layout-12s-k2fZYeKl.cjs');
+var resize12s = require('./resize-12s-ChLpxb4i.cjs');
+var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-B-mwMBhn.cjs');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -42,7 +41,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 const { withProvider, withContext } = DataTable12s.createSlotRecipeContext(segmentedControl.segmentedControl);
 const SegmentedControlRoot = withProvider(reactSegmentedControl.SegmentedControl.Root, "root");
-const SegmentedControlIndicator = withContext(reactPrimitive.Primitive.div, "indicator");
+const SegmentedControlIndicator = withContext(DataTable12s.Primitive.div, "indicator");
 const SegmentedControlItem = withContext(reactSegmentedControl.SegmentedControl.Item, "item");
 const SegmentedControlItemHiddenInput = reactSegmentedControl.SegmentedControl.ItemHiddenInput;
 

package/dist/{editors-12s-DO8TZkYV.cjs → editors-12s-C0RxmTcI.cjs}

@@ -8,15 +8,14 @@ function __insertCSS(code) {
   ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
 }
 
-var Select12s = require('./Select-12s-D8DdKT-U.cjs');
+var Select12s = require('./Select-12s-CNQC9z8t.cjs');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var DataTable12s = require('./DataTable-12s-8LMBtS2u.cjs');
-var bodyCells12s = require('./body-cells-12s-BoOTcg-l.cjs');
+var DataTable12s = require('./DataTable-12s-Gpv6I4J8.cjs');
+var bodyCells12s = require('./body-cells-12s-2sTwdliH.cjs');
 var reactSwitch = require('@seed-design/react-switch');
 var _switch = require('@seed-design/css/recipes/switch');
 var switchmark = require('@seed-design/css/recipes/switchmark');
-var reactPrimitive = require('@seed-design/react-primitive');
 var reactTextField = require('@seed-design/react-text-field');
 var reactField = require('@seed-design/react-field');
 var textInput = require('@seed-design/css/recipes/text-input');
@@ -68,7 +67,7 @@ const SwitchRoot = /*#__PURE__*/ React__namespace.default.forwardRef(({ classNam
 SwitchRoot.displayName = "SwitchRoot";
 const SwitchControl = DataTable12s.withScaleFeedback(withControlProvider(reactSwitch.Switch.Control, "root"));
 const SwitchThumb = withControlContext(reactSwitch.Switch.Thumb, "thumb");
-withContext$1(withStateProps$1(reactPrimitive.Primitive.span), "label");
+withContext$1(withStateProps$1(DataTable12s.Primitive.span), "label");
 const SwitchHiddenInput = reactSwitch.Switch.HiddenInput;
 
 // src/use-layout-effect.tsx
@@ -90,9 +89,9 @@ const withStateProps = DataTable12s.createWithStateProps([
 ]);
 const TextFieldRoot = withProvider(withFieldStateProps(reactTextField.TextField.Root), "root");
 const TextFieldPrefixIcon = withContext(withStateProps(DataTable12s.InternalIcon), "prefixIcon");
-withContext(withStateProps(reactPrimitive.Primitive.span), "prefixText");
+withContext(withStateProps(DataTable12s.Primitive.span), "prefixText");
 withContext(withStateProps(DataTable12s.InternalIcon), "suffixIcon");
-withContext(withStateProps(reactPrimitive.Primitive.span), "suffixText");
+withContext(withStateProps(DataTable12s.Primitive.span), "suffixText");
 const TextFieldInput = /*#__PURE__*/ React.forwardRef(({ className, ...otherProps }, ref)=>{
     const classNames = useClassNames();
     const textFieldContext = reactTextField.useTextFieldContext();

package/dist/{editors-12s-BO9Mp034.js → editors-12s-COixUnI2.js}

@@ -8,16 +8,15 @@ function __insertCSS(code) {
   ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
 }
 
-import { S as SelectRoot, a as SelectTrigger, b as SelectValue, c as SelectPlaceholder, d as SelectSuffixIcon, e as SelectPositioner, f as SelectContent, g as SelectScrollArea, h as SelectItem, i as SelectItemBody, j as SelectItemLabel, k as SelectItemIndicator } from './Select-12s-1Uh7XbkG.js';
+import { S as SelectRoot, a as SelectTrigger, b as SelectValue, c as SelectPlaceholder, d as SelectSuffixIcon, e as SelectPositioner, f as SelectContent, g as SelectScrollArea, h as SelectItem, i as SelectItemBody, j as SelectItemLabel, k as SelectItemIndicator } from './Select-12s-CE3SMzFp.js';
 import * as React from 'react';
 import React__default, { forwardRef, useRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { w as withScaleFeedback, c as createSlotRecipeContext, a as createWithStateProps, s as splitMultipleVariantsProps, b as clsx, I as InternalIcon, t as composeRefs, C as CheckboxRoot, e as CheckboxControl, f as CheckboxIndicator, g as CheckboxHiddenInput, u as IconChevronDownSmallLine_default, v as IconCheckmarkFatFill_default, x as IconPersonCircleLine_default } from './DataTable-12s-Bd20OuMs.js';
-import { R as RATING_FILLED, a as RATING_EMPTY, b as RATING_STAR_D, c as CHECKBOX_CELL_CHECKED_ICON, A as AvatarRoot, d as AvatarImage, e as AvatarFallback, t as toDateTimeInputValue, f as toDateInputValue } from './body-cells-12s-BnOVUTKN.js';
+import { w as withScaleFeedback, c as createSlotRecipeContext, a as createWithStateProps, P as Primitive, s as splitMultipleVariantsProps, b as clsx, I as InternalIcon, t as composeRefs, C as CheckboxRoot, e as CheckboxControl, f as CheckboxIndicator, g as CheckboxHiddenInput, u as IconChevronDownSmallLine_default, v as IconCheckmarkFatFill_default, x as IconPersonCircleLine_default } from './DataTable-12s-D02v6Qj5.js';
+import { R as RATING_FILLED, a as RATING_EMPTY, b as RATING_STAR_D, c as CHECKBOX_CELL_CHECKED_ICON, A as AvatarRoot, d as AvatarImage, e as AvatarFallback, t as toDateTimeInputValue, f as toDateInputValue } from './body-cells-12s-Ba2uF4T-.js';
 import { Switch, useSwitchContext } from '@seed-design/react-switch';
 import { switchStyle } from '@seed-design/css/recipes/switch';
 import { switchmark } from '@seed-design/css/recipes/switchmark';
-import { Primitive } from '@seed-design/react-primitive';
 import { TextField, useTextFieldContext } from '@seed-design/react-text-field';
 import { useFieldContext } from '@seed-design/react-field';
 import { textInput } from '@seed-design/css/recipes/text-input';

package/dist/index.cjs

@@ -7,7 +7,7 @@ function __insertCSS(code) {
   ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
 }
 
-var DataTable12s = require('./DataTable-12s-8LMBtS2u.cjs');
+var DataTable12s = require('./DataTable-12s-Gpv6I4J8.cjs');
 
 
 

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import { PrimitiveProps } from '@seed-design/react-primitive';
 import * as react from 'react';
 
 declare interface DataTableVariant {
@@ -14,6 +13,14 @@ declare interface DataTableVariant {
 
 declare type DataTableVariantProps = Partial<DataTableVariant>;
 
+interface PrimitiveProps {
+    /**
+     * Whether the element should be rendered as a child of a slot.
+     * @default false
+     */
+    asChild?: boolean;
+}
+
 type DataTableSortDirection = "asc" | "desc";
 interface DataTableSortState {
     key: string;

package/dist/index.js

@@ -7,4 +7,4 @@ function __insertCSS(code) {
   ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
 }
 
-export { E as DataTable } from './DataTable-12s-Bd20OuMs.js';
+export { E as DataTable } from './DataTable-12s-D02v6Qj5.js';

package/dist/{resize-12s-nsMvrmLt.js → resize-12s-CajyNXFB.js}

@@ -9,7 +9,7 @@ function __insertCSS(code) {
 }
 
 import { jsx } from 'react/jsx-runtime';
-import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-Coi-3lUa.js';
+import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-BR-yHfob.js';
 
 /**
  * The column-edge resize grip -- geometry ported from crisp's `resizablepanel`

package/dist/{resize-12s-jQY-PX67.cjs → resize-12s-ChLpxb4i.cjs}

@@ -9,7 +9,7 @@ function __insertCSS(code) {
 }
 
 var jsxRuntime = require('react/jsx-runtime');
-var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-CTRzgvMT.cjs');
+var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-B-mwMBhn.cjs');
 
 /**
  * The column-edge resize grip -- geometry ported from crisp's `resizablepanel`

package/dist/{states-12s-CLO_uVue.cjs → states-12s-BB0PT_bq.cjs}

@@ -10,8 +10,8 @@ function __insertCSS(code) {
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
-var DataTable12s = require('./DataTable-12s-8LMBtS2u.cjs');
-var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-CTRzgvMT.cjs');
+var DataTable12s = require('./DataTable-12s-Gpv6I4J8.cjs');
+var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-B-mwMBhn.cjs');
 
 /**
  * A small inline spinner, not seed's own `ProgressCircle` -- that component's

package/dist/{states-12s-DEFSxJCO.js → states-12s-m5mBR90e.js}

@@ -10,8 +10,8 @@ function __insertCSS(code) {
 
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
-import { D as DataTableCell, y as IconPlusLine_default } from './DataTable-12s-Bd20OuMs.js';
-import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-Coi-3lUa.js';
+import { D as DataTableCell, y as IconPlusLine_default } from './DataTable-12s-D02v6Qj5.js';
+import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-BR-yHfob.js';
 
 /**
  * A small inline spinner, not seed's own `ProgressCircle` -- that component's

package/dist/{toolbar-12s-AVU-sbDW.js → toolbar-12s-B1xiS-Zu.js}

@@ -10,10 +10,9 @@ function __insertCSS(code) {
 
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
-import { z as withContext, A as dataTable, B as IconMagnifyingglassLine_default } from './DataTable-12s-Bd20OuMs.js';
-import { Primitive } from '@seed-design/react-primitive';
-import { c as TextFieldRoot, d as TextFieldPrefixIcon, e as TextFieldInput } from './editors-12s-BO9Mp034.js';
-import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-Coi-3lUa.js';
+import { z as withContext, P as Primitive, A as dataTable, B as IconMagnifyingglassLine_default } from './DataTable-12s-D02v6Qj5.js';
+import { c as TextFieldRoot, d as TextFieldPrefixIcon, e as TextFieldInput } from './editors-12s-COixUnI2.js';
+import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-BR-yHfob.js';
 
 const DataTableToolbar = withContext(Primitive.div, "toolbar");
 const DataTableCount = withContext(Primitive.span, "count");

package/dist/{toolbar-12s-CaLgJrDo.cjs → toolbar-12s-DzLbghpK.cjs}

@@ -10,13 +10,12 @@ function __insertCSS(code) {
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
-var DataTable12s = require('./DataTable-12s-8LMBtS2u.cjs');
-var reactPrimitive = require('@seed-design/react-primitive');
-var editors12s = require('./editors-12s-DO8TZkYV.cjs');
-var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-CTRzgvMT.cjs');
+var DataTable12s = require('./DataTable-12s-Gpv6I4J8.cjs');
+var editors12s = require('./editors-12s-C0RxmTcI.cjs');
+var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-B-mwMBhn.cjs');
 
-const DataTableToolbar = DataTable12s.withContext(reactPrimitive.Primitive.div, "toolbar");
-const DataTableCount = DataTable12s.withContext(reactPrimitive.Primitive.span, "count");
+const DataTableToolbar = DataTable12s.withContext(DataTable12s.Primitive.div, "toolbar");
+const DataTableCount = DataTable12s.withContext(DataTable12s.Primitive.span, "count");
 /**
  * Fix (recurring bug): the search box is seed's own DOCUMENTED `TextField`
  * composition -- `TextFieldRoot` (`variant="outline" size="medium"`) +

package/dist/{useDataTableRow-12s-CPYaDa1p-12s-BmUSAnPe.js → useDataTableRow-12s-CPYaDa1p-12s-4qkGoz-j.js}

@@ -8,7 +8,7 @@ function __insertCSS(code) {
   ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
 }
 
-import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-Coi-3lUa.js';
+import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-BR-yHfob.js';
 
 // Per-row read of the root's selection state -- the way useSelectItem reads
 // `getItemProps` off the root for one option. Kept as its own hook (rather than

package/dist/{useDataTableRow-12s-CPYaDa1p-12s-D-DRjwAe.cjs → useDataTableRow-12s-CPYaDa1p-12s-DG64uYjn.cjs}

@@ -8,7 +8,7 @@ function __insertCSS(code) {
   ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
 }
 
-var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-CTRzgvMT.cjs');
+var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-B-mwMBhn.cjs');
 
 // Per-row read of the root's selection state -- the way useSelectItem reads
 // `getItemProps` off the root for one option. Kept as its own hook (rather than

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crispy-seed/data-table",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Self-contained, publishable build of seed-design's Attio-measured DataTable — one install, one CSS import.",
   "repository": {
     "type": "git",
@@ -44,7 +44,6 @@
     "@seed-design/react-field": "^2.0.1",
     "@seed-design/react-image": "^1.1.0",
     "@seed-design/react-menu": "^2.0.2",
-    "@seed-design/react-primitive": "^2.0.1",
     "@seed-design/react-scale-feedback": "^1.0.0",
     "@seed-design/react-segmented-control": "^2.0.2",
     "@seed-design/react-select": "^1.0.1",