@crispy-seed/data-table 0.1.0 → 0.1.1

package/dist/{DataTable-12s-8LMBtS2u.cjs → DataTable-12s-Gpv6I4J8.cjs}

@@ -10,20 +10,19 @@ function __insertCSS(code) {
 
 var React = require('react');
 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');
 var domUtils = require('@seed-design/dom-utils');
-var reactPrimitive = require('@seed-design/react-primitive');
 var checkbox = require('@seed-design/css/recipes/checkbox');
 var checkmark = require('@seed-design/css/recipes/checkmark');
 var reactCheckbox = require('@seed-design/react-checkbox');
 var reactScaleFeedback = require('@seed-design/react-scale-feedback');
 var checkboxGroup = require('@seed-design/css/recipes/checkbox-group');
-var bodyCells12s = require('./body-cells-12s-BoOTcg-l.cjs');
-var columnCalc12s = require('./column-calc-12s-CKuSpe-l.cjs');
-var columnLayout12s = require('./column-layout-12s-CTu5yT_D.cjs');
-var columnMenu12s = require('./column-menu-12s-BPE9N1gs.cjs');
-var states12s = require('./states-12s-CLO_uVue.cjs');
-var toolbar12s = require('./toolbar-12s-CaLgJrDo.cjs');
+var bodyCells12s = require('./body-cells-12s-2sTwdliH.cjs');
+var columnCalc12s = require('./column-calc-12s-CJ26VuDJ.cjs');
+var columnLayout12s = require('./column-layout-12s-k2fZYeKl.cjs');
+var columnMenu12s = require('./column-menu-12s-BnknuXGh.cjs');
+var states12s = require('./states-12s-BB0PT_bq.cjs');
+var toolbar12s = require('./toolbar-12s-DzLbghpK.cjs');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -311,176 +310,6 @@ var Icon = ({ size = 24, ...props }, ref)=>/* @__PURE__ */ jsxRuntime.jsx("svg",
 var IconCheckmarkFatFill = /*#__PURE__*/ React.forwardRef(Icon);
 var IconCheckmarkFatFill_default = IconCheckmarkFatFill;
 
-function r(e) {
-    var t, f, n = "";
-    if ("string" == typeof e || "number" == typeof e) n += e;
-    else if ("object" == typeof e) if (Array.isArray(e)) {
-        var o = e.length;
-        for(t = 0; t < o; t++)e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-    } else for(f in e)e[f] && (n && (n += " "), n += f);
-    return n;
-}
-function clsx() {
-    for(var e, t, f = 0, n = "", o = arguments.length; f < o; f++)(e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-    return n;
-}
-
-function splitMultipleVariantsProps(props, recipesMap) {
-    const multipleVariantsProps = {};
-    const extractedKeys = new Set();
-    for(const recipeKey in recipesMap){
-        const recipe = recipesMap[recipeKey];
-        const [variantProps] = recipe.splitVariantProps(props);
-        multipleVariantsProps[recipeKey] = variantProps;
-        for(const variantPropKey in variantProps){
-            extractedKeys.add(variantPropKey);
-        }
-    }
-    const remainingProps = {};
-    for(const propKey in props){
-        if (extractedKeys.has(propKey)) continue;
-        remainingProps[propKey] = props[propKey];
-    }
-    return [
-        multipleVariantsProps,
-        remainingProps
-    ];
-}
-
-/** Restores defaults overwritten by explicitly passed undefined values. */ function restoreDefaultProps(props, defaultProps) {
-    if (!defaultProps) return;
-    for (const key of Object.keys(defaultProps)){
-        if (props[key] === undefined) {
-            props[key] = defaultProps[key];
-        }
-    }
-}
-
-function createSlotRecipeContext(recipe) {
-    const ClassNamesContext = /*#__PURE__*/ React.createContext(null);
-    const PropsContext = /*#__PURE__*/ React.createContext(null);
-    const ClassNamesProvider = ({ children, value })=>{
-        return /*#__PURE__*/ jsxRuntime.jsx(ClassNamesContext.Provider, {
-            value: value,
-            children: children
-        });
-    };
-    const PropsProvider = ({ children, value })=>{
-        return /*#__PURE__*/ jsxRuntime.jsx(PropsContext.Provider, {
-            value: value,
-            children: children
-        });
-    };
-    function useClassNames() {
-        const context = React.useContext(ClassNamesContext);
-        if (context === null) {
-            throw new Error("useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?");
-        }
-        return context;
-    }
-    function useProps() {
-        return React.useContext(PropsContext);
-    }
-    const withRootProvider = (Component, options)=>{
-        const { defaultProps } = options ?? {};
-        const StyledComponent = (innerProps)=>{
-            const props = {
-                ...defaultProps ?? {},
-                ...useProps(),
-                ...innerProps
-            };
-            restoreDefaultProps(props, defaultProps);
-            const [variantProps, otherProps] = recipe.splitVariantProps(props);
-            const classNames = recipe(variantProps); // TODO: should we memoize this?
-            return /*#__PURE__*/ jsxRuntime.jsx(ClassNamesProvider, {
-                value: classNames,
-                children: /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                    ...otherProps
-                })
-            });
-        };
-        // @ts-ignore
-        StyledComponent.displayName = Component.displayName || Component.name;
-        return StyledComponent;
-    };
-    const withProvider = (Component, slot, options)=>{
-        const { defaultProps } = options ?? {};
-        const StyledComponent = /*#__PURE__*/ React.forwardRef((innerProps, ref)=>{
-            const props = {
-                ...defaultProps ?? {},
-                ...useProps(),
-                ...innerProps
-            };
-            restoreDefaultProps(props, defaultProps);
-            const [variantProps, otherProps] = recipe.splitVariantProps(props);
-            const classNames = recipe(variantProps); // TODO: should we memoize this?
-            const className = classNames[slot];
-            return /*#__PURE__*/ jsxRuntime.jsx(ClassNamesProvider, {
-                value: classNames,
-                children: /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                    ref: ref,
-                    ...otherProps,
-                    className: clsx(className, props.className)
-                })
-            });
-        });
-        // @ts-ignore
-        StyledComponent.displayName = Component.displayName || Component.name;
-        return StyledComponent;
-    };
-    const withContext = (Component, slot)=>{
-        const StyledComponent = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-            const classNames = useClassNames();
-            const className = classNames?.[slot];
-            return /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                ref: ref,
-                ...props,
-                className: clsx(className, props.className)
-            });
-        });
-        // @ts-ignore
-        StyledComponent.displayName = Component.displayName || Component.name;
-        return StyledComponent;
-    };
-    return {
-        ClassNamesProvider,
-        PropsProvider,
-        useClassNames,
-        useProps,
-        withRootProvider,
-        withProvider,
-        withContext
-    };
-}
-
-function createWithStateProps(useContexts) {
-    return function withStateProps(Component) {
-        const Node = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-            const stateProps = {};
-            for (const contextConfig of useContexts){
-                if (typeof contextConfig === "function") {
-                    Object.assign(stateProps, contextConfig({
-                        strict: true
-                    })?.stateProps);
-                } else {
-                    const { useContext, strict = false } = contextConfig;
-                    Object.assign(stateProps, useContext({
-                        strict
-                    })?.stateProps);
-                }
-            }
-            // @ts-ignore
-            return /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                ref: ref,
-                ...stateProps,
-                ...props
-            });
-        });
-        Node.displayName = Component.displayName || Component.name;
-        return Node;
-    };
-}
-
 var __defProp$1 = Object.defineProperty;
 var __name$1 = (target, value)=>__defProp$1(target, "name", {
         value,
@@ -524,20 +353,6 @@ function useComposedRefs(...refs) {
 }
 __name$1(useComposedRefs, "useComposedRefs");
 
-function withScaleFeedback(Component) {
-    const Pressable = /*#__PURE__*/ React__namespace.forwardRef((props, ref)=>{
-        const { scaleFeedbackRef, scaleFeedbackClassName } = reactScaleFeedback.useScaleFeedback();
-        const composedRef = useComposedRefs(scaleFeedbackRef, ref);
-        return /*#__PURE__*/ jsxRuntime.jsx(Component, {
-            ...props,
-            ref: composedRef,
-            className: clsx(scaleFeedbackClassName, props.className)
-        });
-    });
-    Pressable.displayName = Component.displayName;
-    return Pressable;
-}
-
 var __defProp = Object.defineProperty;
 var __name = (target, value)=>__defProp(target, "name", {
         value,
@@ -683,6 +498,232 @@ var createSlottableError = /* @__PURE__ */ __name((ownerName)=>{
 }, "createSlottableError");
 var use = React__namespace[" use ".trim().toString()];
 
+function createPrimitive(node) {
+    const Node = /*#__PURE__*/ React__namespace.forwardRef((props, ref)=>{
+        const { asChild, ...primitiveProps } = props;
+        const Comp = asChild ? Slot : node;
+        return /*#__PURE__*/ jsxRuntime.jsx(Comp, {
+            ...primitiveProps,
+            ref: ref
+        });
+    });
+    Node.displayName = `Primitive.${node}`;
+    return Node;
+}
+const Primitive = {
+    div: createPrimitive("div"),
+    span: createPrimitive("span"),
+    img: createPrimitive("img"),
+    button: createPrimitive("button"),
+    label: createPrimitive("label"),
+    input: createPrimitive("input"),
+    textarea: createPrimitive("textarea"),
+    a: createPrimitive("a"),
+    p: createPrimitive("p"),
+    h2: createPrimitive("h2"),
+    ul: createPrimitive("ul"),
+    li: createPrimitive("li"),
+    nav: createPrimitive("nav"),
+    svg: createPrimitive("svg"),
+    circle: createPrimitive("circle"),
+    // Native table elements -- DataTable's own rendering (crispy-seed's addition, not
+    // upstream seed-design) needs these for a real `<table>` grid rather than a
+    // `display: flex` div grid faked with ARIA roles.
+    table: createPrimitive("table"),
+    thead: createPrimitive("thead"),
+    tbody: createPrimitive("tbody"),
+    tfoot: createPrimitive("tfoot"),
+    tr: createPrimitive("tr"),
+    th: createPrimitive("th"),
+    td: createPrimitive("td"),
+    colgroup: createPrimitive("colgroup"),
+    col: createPrimitive("col")
+};
+
+function r(e) {
+    var t, f, n = "";
+    if ("string" == typeof e || "number" == typeof e) n += e;
+    else if ("object" == typeof e) if (Array.isArray(e)) {
+        var o = e.length;
+        for(t = 0; t < o; t++)e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+    } else for(f in e)e[f] && (n && (n += " "), n += f);
+    return n;
+}
+function clsx() {
+    for(var e, t, f = 0, n = "", o = arguments.length; f < o; f++)(e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+    return n;
+}
+
+function splitMultipleVariantsProps(props, recipesMap) {
+    const multipleVariantsProps = {};
+    const extractedKeys = new Set();
+    for(const recipeKey in recipesMap){
+        const recipe = recipesMap[recipeKey];
+        const [variantProps] = recipe.splitVariantProps(props);
+        multipleVariantsProps[recipeKey] = variantProps;
+        for(const variantPropKey in variantProps){
+            extractedKeys.add(variantPropKey);
+        }
+    }
+    const remainingProps = {};
+    for(const propKey in props){
+        if (extractedKeys.has(propKey)) continue;
+        remainingProps[propKey] = props[propKey];
+    }
+    return [
+        multipleVariantsProps,
+        remainingProps
+    ];
+}
+
+/** Restores defaults overwritten by explicitly passed undefined values. */ function restoreDefaultProps(props, defaultProps) {
+    if (!defaultProps) return;
+    for (const key of Object.keys(defaultProps)){
+        if (props[key] === undefined) {
+            props[key] = defaultProps[key];
+        }
+    }
+}
+
+function createSlotRecipeContext(recipe) {
+    const ClassNamesContext = /*#__PURE__*/ React.createContext(null);
+    const PropsContext = /*#__PURE__*/ React.createContext(null);
+    const ClassNamesProvider = ({ children, value })=>{
+        return /*#__PURE__*/ jsxRuntime.jsx(ClassNamesContext.Provider, {
+            value: value,
+            children: children
+        });
+    };
+    const PropsProvider = ({ children, value })=>{
+        return /*#__PURE__*/ jsxRuntime.jsx(PropsContext.Provider, {
+            value: value,
+            children: children
+        });
+    };
+    function useClassNames() {
+        const context = React.useContext(ClassNamesContext);
+        if (context === null) {
+            throw new Error("useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?");
+        }
+        return context;
+    }
+    function useProps() {
+        return React.useContext(PropsContext);
+    }
+    const withRootProvider = (Component, options)=>{
+        const { defaultProps } = options ?? {};
+        const StyledComponent = (innerProps)=>{
+            const props = {
+                ...defaultProps ?? {},
+                ...useProps(),
+                ...innerProps
+            };
+            restoreDefaultProps(props, defaultProps);
+            const [variantProps, otherProps] = recipe.splitVariantProps(props);
+            const classNames = recipe(variantProps); // TODO: should we memoize this?
+            return /*#__PURE__*/ jsxRuntime.jsx(ClassNamesProvider, {
+                value: classNames,
+                children: /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                    ...otherProps
+                })
+            });
+        };
+        // @ts-ignore
+        StyledComponent.displayName = Component.displayName || Component.name;
+        return StyledComponent;
+    };
+    const withProvider = (Component, slot, options)=>{
+        const { defaultProps } = options ?? {};
+        const StyledComponent = /*#__PURE__*/ React.forwardRef((innerProps, ref)=>{
+            const props = {
+                ...defaultProps ?? {},
+                ...useProps(),
+                ...innerProps
+            };
+            restoreDefaultProps(props, defaultProps);
+            const [variantProps, otherProps] = recipe.splitVariantProps(props);
+            const classNames = recipe(variantProps); // TODO: should we memoize this?
+            const className = classNames[slot];
+            return /*#__PURE__*/ jsxRuntime.jsx(ClassNamesProvider, {
+                value: classNames,
+                children: /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                    ref: ref,
+                    ...otherProps,
+                    className: clsx(className, props.className)
+                })
+            });
+        });
+        // @ts-ignore
+        StyledComponent.displayName = Component.displayName || Component.name;
+        return StyledComponent;
+    };
+    const withContext = (Component, slot)=>{
+        const StyledComponent = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+            const classNames = useClassNames();
+            const className = classNames?.[slot];
+            return /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                ref: ref,
+                ...props,
+                className: clsx(className, props.className)
+            });
+        });
+        // @ts-ignore
+        StyledComponent.displayName = Component.displayName || Component.name;
+        return StyledComponent;
+    };
+    return {
+        ClassNamesProvider,
+        PropsProvider,
+        useClassNames,
+        useProps,
+        withRootProvider,
+        withProvider,
+        withContext
+    };
+}
+
+function createWithStateProps(useContexts) {
+    return function withStateProps(Component) {
+        const Node = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+            const stateProps = {};
+            for (const contextConfig of useContexts){
+                if (typeof contextConfig === "function") {
+                    Object.assign(stateProps, contextConfig({
+                        strict: true
+                    })?.stateProps);
+                } else {
+                    const { useContext, strict = false } = contextConfig;
+                    Object.assign(stateProps, useContext({
+                        strict
+                    })?.stateProps);
+                }
+            }
+            // @ts-ignore
+            return /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                ref: ref,
+                ...stateProps,
+                ...props
+            });
+        });
+        Node.displayName = Component.displayName || Component.name;
+        return Node;
+    };
+}
+
+function withScaleFeedback(Component) {
+    const Pressable = /*#__PURE__*/ React__namespace.forwardRef((props, ref)=>{
+        const { scaleFeedbackRef, scaleFeedbackClassName } = reactScaleFeedback.useScaleFeedback();
+        const composedRef = useComposedRefs(scaleFeedbackRef, ref);
+        return /*#__PURE__*/ jsxRuntime.jsx(Component, {
+            ...props,
+            ref: composedRef,
+            className: clsx(scaleFeedbackClassName, props.className)
+        });
+    });
+    Pressable.displayName = Component.displayName;
+    return Pressable;
+}
+
 const InternalIcon = /*#__PURE__*/ React.forwardRef(({ svg, ...otherProps }, ref)=>{
     return /*#__PURE__*/ jsxRuntime.jsx(Slot, {
         ref: ref,
@@ -740,7 +781,7 @@ const { withProvider: withCheckmarkProvider, useClassNames: useCheckmarkClassNam
 const withStateProps = createWithStateProps([
     reactCheckbox.useCheckboxContext
 ]);
-withGroupContext(reactPrimitive.Primitive.div);
+withGroupContext(Primitive.div);
 const CheckboxRoot = Object.assign(/*#__PURE__*/ React.forwardRef(({ className, ...props }, ref)=>{
     const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = splitMultipleVariantsProps(props, {
         checkbox: checkbox.checkbox,
@@ -789,7 +830,7 @@ const CheckboxIndicator = /*#__PURE__*/ React.forwardRef(({ unchecked: unchecked
     return null;
 });
 CheckboxIndicator.displayName = "CheckboxIndicator";
-const CheckboxLabel = withContext$1(withStateProps(reactPrimitive.Primitive.span), "label");
+const CheckboxLabel = withContext$1(withStateProps(Primitive.span), "label");
 const CheckboxHiddenInput = reactCheckbox.Checkbox.HiddenInput;
 
 // Row-narrowing for the toolbar's search box and each column's filter picker -- split
@@ -1378,10 +1419,10 @@ const DataTableHeaderCell = withContext(DataTable12sZml1x9Kr12s.DataTableHeaderC
 // `.crisp-datatable-th-inner` -- the flex row INSIDE a `<th>` (label + filter trigger +
 // sort chevron + column menu). See qvism-preset's own `headerCellInner` slot comment
 // for why this lives one level below the cell itself rather than on it.
-const DataTableHeaderCellInner = withContext(reactPrimitive.Primitive.div, "headerCellInner");
+const DataTableHeaderCellInner = withContext(Primitive.div, "headerCellInner");
 /** The label text specifically -- the one thing in `DataTableHeaderCellInner` that
  *  truncates; the trailing filter/sort/menu icons stay fully visible regardless of how
- *  long a column's own header text is. */ const DataTableHeaderCellLabel = withContext(reactPrimitive.Primitive.span, "headerCellLabel");
+ *  long a column's own header text is. */ const DataTableHeaderCellLabel = withContext(Primitive.span, "headerCellLabel");
 /**
  * A selection `<th>`/`<td>`/footer `<td>` composes ITS base slot (`headerCell`/`cell`/
  * `footerCell`) together with the `selectionCell` MODIFIER, rather than replacing it --
@@ -1403,7 +1444,7 @@ const DataTableHeaderCellInner = withContext(reactPrimitive.Primitive.div, "head
     return StyledComponent;
 }
 const DataTableSelectionHeaderCell = withSelectionCell(DataTable12sZml1x9Kr12s.DataTableHeaderCell, "headerCell");
-const DataTableHeaderCellIcon = withContext(reactPrimitive.Primitive.span, "headerCellIcon");
+const DataTableHeaderCellIcon = withContext(Primitive.span, "headerCellIcon");
 // body has no CSS slot of its own in the rootage spec -- it is a plain structural
 // `<tbody>`, so it is not wrapped in `withContext`.
 const DataTableBody = DataTable12sZml1x9Kr12s.DataTableBody;
@@ -1418,7 +1459,7 @@ const DataTableSelectionCell = withSelectionCell(DataTable12sZml1x9Kr12s.DataTab
 // stays out of this slot's own base css (nothing here has a bounded height of its own
 // to clip), so it never introduces a second vertical scrollbar next to whatever
 // ambient container the whole DataTable already sits in.
-const DataTableScrollBodyBase = withContext(reactPrimitive.Primitive.div, "scrollArea");
+const DataTableScrollBodyBase = withContext(Primitive.div, "scrollArea");
 function DataTableScrollBody({ children, scrollProps }) {
     const { scrollAreaRef, scrolledStart, scrolledEnd, onScroll } = DataTable12sZml1x9Kr12s.useDataTableContext();
     const { className: scrollClassName, style: scrollStyle, ...otherScrollProps } = scrollProps ?? {};
@@ -1433,7 +1474,7 @@ function DataTableScrollBody({ children, scrollProps }) {
         children: children
     });
 }
-const DataTableFooterBase = withContext(reactPrimitive.Primitive.tfoot, "footer");
+const DataTableFooterBase = withContext(Primitive.tfoot, "footer");
 function DataTableFooter({ children, ...props }) {
     return /*#__PURE__*/ jsxRuntime.jsx(DataTableFooterBase, {
         ...props,
@@ -1442,7 +1483,7 @@ function DataTableFooter({ children, ...props }) {
         })
     });
 }
-const DataTableFooterCell = withContext(reactPrimitive.Primitive.td, "footerCell");
+const DataTableFooterCell = withContext(Primitive.td, "footerCell");
 ////////////////////////////////////////////////////////////////////////////////////
 // Fix (bug report): karrot icons default to a 24px intrinsic SVG attribute size
 // -- see column-menu.tsx's own `SORT_ICON_SIZE` comment for the full mechanism.
@@ -1521,6 +1562,7 @@ exports.IconPersonCircleLine_default = IconPersonCircleLine_default;
 exports.IconPlusLine_default = IconPlusLine_default;
 exports.IconSlider2HorizontalLine_default = IconSlider2HorizontalLine_default;
 exports.InternalIcon = InternalIcon;
+exports.Primitive = Primitive;
 exports.clsx = clsx;
 exports.composeRefs = composeRefs;
 exports.createSlotRecipeContext = createSlotRecipeContext;

package/dist/{DataTable-12s-Zml1x9Kr-12s-CTRzgvMT.cjs → DataTable-12s-Zml1x9Kr-12s-B-mwMBhn.cjs}

@@ -10,10 +10,10 @@ function __insertCSS(code) {
 
 var jsxRuntime = require('react/jsx-runtime');
 var domUtils = require('@seed-design/dom-utils');
-var reactPrimitive = require('@seed-design/react-primitive');
+var DataTable12s = require('./DataTable-12s-Gpv6I4J8.cjs');
 var React = require('react');
 var useDataTable12sBHiDUubw12s = require('./useDataTable-12s-BHiDUubw-12s-Dgvt7XDk.cjs');
-var useDataTableRow12sCPYaDa1p12s = require('./useDataTableRow-12s-CPYaDa1p-12s-D-DRjwAe.cjs');
+var useDataTableRow12sCPYaDa1p12s = require('./useDataTableRow-12s-CPYaDa1p-12s-DG64uYjn.cjs');
 
 const DataTableContext = /*#__PURE__*/ React.createContext(null);
 const DataTableProvider = DataTableContext.Provider;
@@ -73,7 +73,7 @@ const DataTableRoot = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     });
     return /*#__PURE__*/ jsxRuntime.jsx(DataTableProvider, {
         value: api,
-        children: /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.div, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.Primitive.div, {
             ref: ref,
             ...otherProps
         })
@@ -90,7 +90,7 @@ DataTableRoot.displayName = "DataTableRoot";
  */ const DataTableTable = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { rootProps } = useDataTableContext();
     const mergedProps = domUtils.mergeProps(rootProps, props);
-    return /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.table, {
+    return /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.Primitive.table, {
         ref: ref,
         ...mergedProps
     });
@@ -102,7 +102,7 @@ DataTableTable.displayName = "DataTableTable";
  * the only shape this table supports), so that `<tr>` is supplied HERE rather than
  * asking every call site to add it.
  */ const DataTableHeader = /*#__PURE__*/ React.forwardRef(({ children, ...otherProps }, ref)=>{
-    return /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.thead, {
+    return /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.Primitive.thead, {
         ref: ref,
         ...otherProps,
         children: /*#__PURE__*/ jsxRuntime.jsx("tr", {
@@ -114,7 +114,7 @@ DataTableHeader.displayName = "DataTableHeader";
 const DataTableHeaderCell = /*#__PURE__*/ React.forwardRef(({ columnKey, sortable, ...otherProps }, ref)=>{
     const { getHeaderCellProps } = useDataTableContext();
     const mergedProps = domUtils.mergeProps(getHeaderCellProps(columnKey, sortable), otherProps);
-    return /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.th, {
+    return /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.Primitive.th, {
         scope: "col",
         ref: ref,
         ...mergedProps
@@ -122,7 +122,7 @@ const DataTableHeaderCell = /*#__PURE__*/ React.forwardRef(({ columnKey, sortabl
 });
 DataTableHeaderCell.displayName = "DataTableHeaderCell";
 const DataTableBody = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    return /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.tbody, {
+    return /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.Primitive.tbody, {
         ref: ref,
         ...props
     });
@@ -135,7 +135,7 @@ const DataTableRow = /*#__PURE__*/ React.forwardRef(({ rowId, ...otherProps }, r
     const mergedProps = domUtils.mergeProps(row.rootProps, otherProps);
     return /*#__PURE__*/ jsxRuntime.jsx(DataTableRowProvider, {
         value: row,
-        children: /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.tr, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.Primitive.tr, {
             ref: ref,
             ...mergedProps
         })
@@ -143,7 +143,7 @@ const DataTableRow = /*#__PURE__*/ React.forwardRef(({ rowId, ...otherProps }, r
 });
 DataTableRow.displayName = "DataTableRow";
 const DataTableCell = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    return /*#__PURE__*/ jsxRuntime.jsx(reactPrimitive.Primitive.td, {
+    return /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.Primitive.td, {
         ref: ref,
         ...props
     });

package/dist/{DataTable-12s-Zml1x9Kr-12s-Coi-3lUa.js → DataTable-12s-Zml1x9Kr-12s-BR-yHfob.js}

@@ -10,10 +10,10 @@ function __insertCSS(code) {
 
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@seed-design/dom-utils';
-import { Primitive } from '@seed-design/react-primitive';
+import { P as Primitive } from './DataTable-12s-D02v6Qj5.js';
 import { forwardRef, createContext, useContext } from 'react';
 import { u as useDataTable } from './useDataTable-12s-BHiDUubw-12s-CBeCwTe7.js';
-import { u as useDataTableRow } from './useDataTableRow-12s-CPYaDa1p-12s-BmUSAnPe.js';
+import { u as useDataTableRow } from './useDataTableRow-12s-CPYaDa1p-12s-4qkGoz-j.js';
 
 const DataTableContext = /*#__PURE__*/ createContext(null);
 const DataTableProvider = DataTableContext.Provider;

package/dist/{Menu-12s-Db_zr1AP.cjs → Menu-12s-A4lEc__n.cjs}

@@ -12,8 +12,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactMenu = require('@seed-design/react-menu');
 var menu = require('@seed-design/css/recipes/menu');
 var menuItem = require('@seed-design/css/recipes/menu-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) {
@@ -71,7 +70,7 @@ const MenuPositioner = /*#__PURE__*/ React__namespace.forwardRef(({ className, .
 });
 MenuPositioner.displayName = "MenuPositioner";
 const MenuContent = withContext(reactMenu.Menu.Content, "content");
-const MenuScrollArea = withContext(withStateProps(reactPrimitive.Primitive.div), "scrollArea");
+const MenuScrollArea = withContext(withStateProps(DataTable12s.Primitive.div), "scrollArea");
 withContext(reactMenu.Menu.Group, "group");
 withContext(reactMenu.Menu.GroupLabel, "groupLabel");
 const MenuItem = /*#__PURE__*/ React__namespace.forwardRef(({ className: propClassName, ...props }, ref)=>{
@@ -91,9 +90,9 @@ const MenuItem = /*#__PURE__*/ React__namespace.forwardRef(({ className: propCla
     });
 });
 MenuItem.displayName = "MenuItem";
-withItemContext(withItemStateProps(reactPrimitive.Primitive.div), "body");
-const MenuItemLabel = withItemContext(withItemStateProps(reactPrimitive.Primitive.span), "label");
-withItemContext(withItemStateProps(reactPrimitive.Primitive.span), "description");
+withItemContext(withItemStateProps(DataTable12s.Primitive.div), "body");
+const MenuItemLabel = withItemContext(withItemStateProps(DataTable12s.Primitive.span), "label");
+withItemContext(withItemStateProps(DataTable12s.Primitive.span), "description");
 
 exports.MenuContent = MenuContent;
 exports.MenuItem = MenuItem;

package/dist/{Menu-12s-Di5JADW4.js → Menu-12s-v9vnaq8F.js}

@@ -12,8 +12,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Menu, useMenuContext, useMenuItemContext } from '@seed-design/react-menu';
 import { menu } from '@seed-design/css/recipes/menu';
 import { menuItem } from '@seed-design/css/recipes/menu-item';
-import { Primitive } from '@seed-design/react-primitive';
-import { c as createSlotRecipeContext, a as createWithStateProps, b as clsx } from './DataTable-12s-Bd20OuMs.js';
+import { c as createSlotRecipeContext, a as createWithStateProps, P as Primitive, b as clsx } from './DataTable-12s-D02v6Qj5.js';
 import * as React from 'react';
 
 const { ClassNamesProvider, withContext, useClassNames } = createSlotRecipeContext(menu);

package/dist/{Select-12s-1Uh7XbkG.js → Select-12s-CE3SMzFp.js}

@@ -15,8 +15,7 @@ import { mergeProps } from '@seed-design/dom-utils';
 import { select } from '@seed-design/css/recipes/select';
 import { selectTrigger } from '@seed-design/css/recipes/select-trigger';
 import { selectItem } from '@seed-design/css/recipes/select-item';
-import { Primitive } from '@seed-design/react-primitive';
-import { c as createSlotRecipeContext, a as createWithStateProps, I as InternalIcon, b as clsx, s as splitMultipleVariantsProps } from './DataTable-12s-Bd20OuMs.js';
+import { c as createSlotRecipeContext, a as createWithStateProps, I as InternalIcon, P as Primitive, b as clsx, s as splitMultipleVariantsProps } from './DataTable-12s-D02v6Qj5.js';
 import * as React from 'react';
 
 // A select-only combobox spans three specs — the trigger, the floating listbox