@redis-ui/table 2.4.0 → 2.18.0

package/dist/Table/plugins/RowSelectionPlugin.js

@@ -0,0 +1,28 @@
+import { useControllableState } from "../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
+const DEFAULT_ROW_SELECTION = {};
+const useRowSelectionPlugin = ({
+  rowSelection,
+  defaultRowSelection,
+  onRowSelectionChange,
+  rowSelectionMode,
+  getRowCanSelect
+}) => {
+  const [rowSelectionState = DEFAULT_ROW_SELECTION, setRowSelectionState] = useControllableState({
+    prop: rowSelection,
+    defaultProp: defaultRowSelection,
+    onChange: onRowSelectionChange
+  });
+  return rowSelectionMode && {
+    tableOptions: {
+      state: {
+        rowSelection: rowSelectionState
+      },
+      enableRowSelection: getRowCanSelect ?? true,
+      enableMultiRowSelection: rowSelectionMode === "multiple",
+      onRowSelectionChange: setRowSelectionState
+    }
+  };
+};
+export {
+  useRowSelectionPlugin
+};

package/dist/Table/plugins/SortingPlugin.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs");
+const React = require("react");
+const plugin_utils = require("../utils/plugin.utils.cjs");
+const Table_context = require("../Table.context.cjs");
+const index$1 = require("../../node_modules/@tanstack/table-core/build/lib/index.cjs");
+const TableSortingContextKey = "sorting";
+const useSortingPlugin = ({
+  defaultSorting,
+  onSortingChange,
+  sorting,
+  manualSorting = false,
+  enableSorting = true
+  // added plugin is enabled by default
+}) => {
+  const [sortedByUser, setSortedByUser] = React.useState(false);
+  const [sortingState, setSortingState] = index.useControllableState({
+    prop: sorting,
+    defaultProp: defaultSorting,
+    onChange: onSortingChange
+  });
+  return enableSorting ? {
+    tableOptions: {
+      enableSorting: true,
+      getSortedRowModel: index$1.getSortedRowModel(),
+      state: {
+        sorting: sortingState
+      },
+      manualSorting,
+      onSortingChange: (value) => {
+        setSortingState(value);
+        setSortedByUser(true);
+      }
+    },
+    context: plugin_utils.buildPluginContext(TableSortingContextKey, {
+      sortedByUser
+    })
+  } : void 0;
+};
+const useSortingContext = () => Table_context.usePluginContext(TableSortingContextKey);
+exports.TableSortingContextKey = TableSortingContextKey;
+exports.useSortingContext = useSortingContext;
+exports.useSortingPlugin = useSortingPlugin;

package/dist/Table/plugins/SortingPlugin.d.ts

@@ -0,0 +1,18 @@
+import { SortingState } from '@tanstack/react-table';
+import { TablePluginData } from '../utils/plugin.utils';
+export declare const TableSortingContextKey = "sorting";
+export interface TableSortingContext {
+    /** true, if user clicked on sorting. Ignores programmatic state changes from outside */
+    sortedByUser: boolean;
+}
+export interface TableSortingParams {
+    sorting?: SortingState;
+    defaultSorting?: SortingState;
+    onSortingChange?: (state: SortingState) => void;
+    /** If true, then table expects that items are sorted out of the table */
+    manualSorting?: boolean;
+    /** Set false to disable sorting */
+    enableSorting?: boolean;
+}
+export declare const useSortingPlugin: <T extends object>({ defaultSorting, onSortingChange, sorting, manualSorting, enableSorting }: TableSortingParams) => TablePluginData<T>;
+export declare const useSortingContext: () => TableSortingContext | undefined;

package/dist/Table/plugins/SortingPlugin.js

@@ -0,0 +1,44 @@
+import { useControllableState } from "../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
+import { useState } from "react";
+import { buildPluginContext } from "../utils/plugin.utils.js";
+import { usePluginContext } from "../Table.context.js";
+import { getSortedRowModel } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+const TableSortingContextKey = "sorting";
+const useSortingPlugin = ({
+  defaultSorting,
+  onSortingChange,
+  sorting,
+  manualSorting = false,
+  enableSorting = true
+  // added plugin is enabled by default
+}) => {
+  const [sortedByUser, setSortedByUser] = useState(false);
+  const [sortingState, setSortingState] = useControllableState({
+    prop: sorting,
+    defaultProp: defaultSorting,
+    onChange: onSortingChange
+  });
+  return enableSorting ? {
+    tableOptions: {
+      enableSorting: true,
+      getSortedRowModel: getSortedRowModel(),
+      state: {
+        sorting: sortingState
+      },
+      manualSorting,
+      onSortingChange: (value) => {
+        setSortingState(value);
+        setSortedByUser(true);
+      }
+    },
+    context: buildPluginContext(TableSortingContextKey, {
+      sortedByUser
+    })
+  } : void 0;
+};
+const useSortingContext = () => usePluginContext(TableSortingContextKey);
+export {
+  TableSortingContextKey,
+  useSortingContext,
+  useSortingPlugin
+};

package/dist/Table/tanStackExtendedTypes.d.ts

@@ -0,0 +1,11 @@
+import '@tanstack/table-core';
+declare module '@tanstack/table-core' {
+    interface StringHeaderIdentifier {
+        isHeaderHidden?: boolean;
+        isHeaderCustom?: boolean;
+    }
+    interface IdIdentifier<TData, TValue> {
+        isHeaderHidden?: boolean;
+        isHeaderCustom?: boolean;
+    }
+}

package/dist/Table/utils/plugin.utils.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const mergeArrays = (key, container1, container2) => {
+  const arr1 = container1 == null ? void 0 : container1[key];
+  const arr2 = container2 == null ? void 0 : container2[key];
+  return arr1 && arr2 ? {
+    [key]: [...arr1, ...arr2]
+  } : null;
+};
+const mergeObjects = (key, container1, container2) => {
+  const obj1 = container1 == null ? void 0 : container1[key];
+  const obj2 = container2 == null ? void 0 : container2[key];
+  return obj1 && obj2 ? {
+    [key]: {
+      ...obj1,
+      ...obj2
+    }
+  } : null;
+};
+const mergePluginsData = (plugins) => {
+  const merged = {
+    tableOptions: {},
+    context: {}
+  };
+  if (!(plugins == null ? void 0 : plugins.length)) {
+    return merged;
+  }
+  plugins.forEach((plugin) => {
+    if (plugin) {
+      merged.tableOptions = {
+        ...merged.tableOptions,
+        ...plugin.tableOptions,
+        ...mergeArrays("_features", merged.tableOptions, plugin.tableOptions),
+        ...mergeObjects("state", merged.tableOptions, plugin.tableOptions),
+        ...mergeObjects("initialState", merged.tableOptions, plugin.tableOptions)
+      };
+      merged.context = {
+        ...merged.context,
+        ...plugin.context
+      };
+    }
+  });
+  return plugins.map((plugin) => plugin == null ? void 0 : plugin.postMerge).filter(Boolean).reduce((acc, postMerge) => (postMerge == null ? void 0 : postMerge(acc)) ?? acc, merged);
+};
+const buildPluginContext = (key, context) => ({
+  [key]: context
+});
+exports.buildPluginContext = buildPluginContext;
+exports.mergePluginsData = mergePluginsData;

package/dist/Table/utils/plugin.utils.d.ts

@@ -0,0 +1,17 @@
+import { TableOptions } from '@tanstack/table-core';
+import { RowData } from '@tanstack/react-table';
+export type PartialTableOptions<T extends RowData> = Partial<Omit<TableOptions<T>, 'columns' | 'data' | 'getRowId' | 'getSubRows' | 'onStateChange' | 'getCoreRowModel' | 'defaultColumn' | 'debugTable' | 'debugRows' | 'debugHeaders' | 'debugColumns' | 'debugCells' | 'debugAll' | 'autoResetAll' | 'meta'>>;
+export type TablePluginData<T extends RowData> = {
+    /** Partial table options that will be smartly merged with other table options */
+    tableOptions: PartialTableOptions<T>;
+    /** Plugin context data accessible via usePluginContext */
+    context?: Record<string, Record<string, unknown>>;
+    /** Optional function to modify merged plugin data after all plugins are combined */
+    postMerge?: (merged: TableMergedData<T>) => TableMergedData<T>;
+} | undefined;
+export type TableMergedData<T extends RowData> = {
+    tableOptions: PartialTableOptions<T>;
+    context?: Record<string, Record<string, unknown>>;
+};
+export declare const mergePluginsData: <T extends unknown>(plugins?: TablePluginData<T>[] | undefined) => TableMergedData<T>;
+export declare const buildPluginContext: (key: string, context: Record<string, unknown>) => Record<string, Record<string, unknown>>;

package/dist/Table/utils/plugin.utils.js

@@ -0,0 +1,49 @@
+const mergeArrays = (key, container1, container2) => {
+  const arr1 = container1 == null ? void 0 : container1[key];
+  const arr2 = container2 == null ? void 0 : container2[key];
+  return arr1 && arr2 ? {
+    [key]: [...arr1, ...arr2]
+  } : null;
+};
+const mergeObjects = (key, container1, container2) => {
+  const obj1 = container1 == null ? void 0 : container1[key];
+  const obj2 = container2 == null ? void 0 : container2[key];
+  return obj1 && obj2 ? {
+    [key]: {
+      ...obj1,
+      ...obj2
+    }
+  } : null;
+};
+const mergePluginsData = (plugins) => {
+  const merged = {
+    tableOptions: {},
+    context: {}
+  };
+  if (!(plugins == null ? void 0 : plugins.length)) {
+    return merged;
+  }
+  plugins.forEach((plugin) => {
+    if (plugin) {
+      merged.tableOptions = {
+        ...merged.tableOptions,
+        ...plugin.tableOptions,
+        ...mergeArrays("_features", merged.tableOptions, plugin.tableOptions),
+        ...mergeObjects("state", merged.tableOptions, plugin.tableOptions),
+        ...mergeObjects("initialState", merged.tableOptions, plugin.tableOptions)
+      };
+      merged.context = {
+        ...merged.context,
+        ...plugin.context
+      };
+    }
+  });
+  return plugins.map((plugin) => plugin == null ? void 0 : plugin.postMerge).filter(Boolean).reduce((acc, postMerge) => (postMerge == null ? void 0 : postMerge(acc)) ?? acc, merged);
+};
+const buildPluginContext = (key, context) => ({
+  [key]: context
+});
+export {
+  buildPluginContext,
+  mergePluginsData
+};

package/dist/Table/utils/plugin.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.cjs

@@ -2,7 +2,67 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Table = require("./Table/Table.cjs");
 const ShowOnRowHover_style = require("./Table/components/ShowOnRowHover/ShowOnRowHover.style.cjs");
+const index = require("./node_modules/@tanstack/react-table/build/lib/index.cjs");
 const Table_context = require("./Table/Table.context.cjs");
+const plugin_utils = require("./Table/utils/plugin.utils.cjs");
+const index$1 = require("./node_modules/@tanstack/table-core/build/lib/index.cjs");
 exports.Table = Table.default;
 exports.ShowOnRowHover = ShowOnRowHover_style.ShowOnRowHover;
+exports.flexRender = index.flexRender;
+exports.useReactTable = index.useReactTable;
+exports.TableContextProvider = Table_context.TableContextProvider;
+exports.useComposeContext = Table_context.useComposeContext;
+exports.usePluginContext = Table_context.usePluginContext;
 exports.useTableContext = Table_context.useTableContext;
+exports.buildPluginContext = plugin_utils.buildPluginContext;
+exports.ColumnFaceting = index$1.ColumnFaceting;
+exports.ColumnFiltering = index$1.ColumnFiltering;
+exports.ColumnGrouping = index$1.ColumnGrouping;
+exports.ColumnOrdering = index$1.ColumnOrdering;
+exports.ColumnPinning = index$1.ColumnPinning;
+exports.ColumnSizing = index$1.ColumnSizing;
+exports.ColumnVisibility = index$1.ColumnVisibility;
+exports.GlobalFaceting = index$1.GlobalFaceting;
+exports.GlobalFiltering = index$1.GlobalFiltering;
+exports.Headers = index$1.Headers;
+exports.RowExpanding = index$1.RowExpanding;
+exports.RowPagination = index$1.RowPagination;
+exports.RowPinning = index$1.RowPinning;
+exports.RowSelection = index$1.RowSelection;
+exports.RowSorting = index$1.RowSorting;
+exports._getVisibleLeafColumns = index$1._getVisibleLeafColumns;
+exports.aggregationFns = index$1.aggregationFns;
+exports.buildHeaderGroups = index$1.buildHeaderGroups;
+exports.createCell = index$1.createCell;
+exports.createColumn = index$1.createColumn;
+exports.createColumnHelper = index$1.createColumnHelper;
+exports.createRow = index$1.createRow;
+exports.createTable = index$1.createTable;
+exports.defaultColumnSizing = index$1.defaultColumnSizing;
+exports.expandRows = index$1.expandRows;
+exports.filterFns = index$1.filterFns;
+exports.flattenBy = index$1.flattenBy;
+exports.functionalUpdate = index$1.functionalUpdate;
+exports.getCoreRowModel = index$1.getCoreRowModel;
+exports.getExpandedRowModel = index$1.getExpandedRowModel;
+exports.getFacetedMinMaxValues = index$1.getFacetedMinMaxValues;
+exports.getFacetedRowModel = index$1.getFacetedRowModel;
+exports.getFacetedUniqueValues = index$1.getFacetedUniqueValues;
+exports.getFilteredRowModel = index$1.getFilteredRowModel;
+exports.getGroupedRowModel = index$1.getGroupedRowModel;
+exports.getMemoOptions = index$1.getMemoOptions;
+exports.getPaginationRowModel = index$1.getPaginationRowModel;
+exports.getSortedRowModel = index$1.getSortedRowModel;
+exports.isFunction = index$1.isFunction;
+exports.isNumberArray = index$1.isNumberArray;
+exports.isRowSelected = index$1.isRowSelected;
+exports.isSubRowSelected = index$1.isSubRowSelected;
+exports.makeStateUpdater = index$1.makeStateUpdater;
+exports.memo = index$1.memo;
+exports.noop = index$1.noop;
+exports.orderColumns = index$1.orderColumns;
+exports.passiveEventSupported = index$1.passiveEventSupported;
+exports.reSplitAlphaNumeric = index$1.reSplitAlphaNumeric;
+exports.selectRowsFn = index$1.selectRowsFn;
+exports.shouldAutoRemoveFilter = index$1.shouldAutoRemoveFilter;
+exports.sortingFns = index$1.sortingFns;

package/dist/index.js

@@ -1,8 +1,68 @@
 import { default as default2 } from "./Table/Table.js";
 import { ShowOnRowHover } from "./Table/components/ShowOnRowHover/ShowOnRowHover.style.js";
-import { useTableContext } from "./Table/Table.context.js";
+import { flexRender, useReactTable } from "./node_modules/@tanstack/react-table/build/lib/index.js";
+import { TableContextProvider, useComposeContext, usePluginContext, useTableContext } from "./Table/Table.context.js";
+import { buildPluginContext } from "./Table/utils/plugin.utils.js";
+import { ColumnFaceting, ColumnFiltering, ColumnGrouping, ColumnOrdering, ColumnPinning, ColumnSizing, ColumnVisibility, GlobalFaceting, GlobalFiltering, Headers, RowExpanding, RowPagination, RowPinning, RowSelection, RowSorting, _getVisibleLeafColumns, aggregationFns, buildHeaderGroups, createCell, createColumn, createColumnHelper, createRow, createTable, defaultColumnSizing, expandRows, filterFns, flattenBy, functionalUpdate, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getMemoOptions, getPaginationRowModel, getSortedRowModel, isFunction, isNumberArray, isRowSelected, isSubRowSelected, makeStateUpdater, memo, noop, orderColumns, passiveEventSupported, reSplitAlphaNumeric, selectRowsFn, shouldAutoRemoveFilter, sortingFns } from "./node_modules/@tanstack/table-core/build/lib/index.js";
 export {
+  ColumnFaceting,
+  ColumnFiltering,
+  ColumnGrouping,
+  ColumnOrdering,
+  ColumnPinning,
+  ColumnSizing,
+  ColumnVisibility,
+  GlobalFaceting,
+  GlobalFiltering,
+  Headers,
+  RowExpanding,
+  RowPagination,
+  RowPinning,
+  RowSelection,
+  RowSorting,
   ShowOnRowHover,
   default2 as Table,
+  TableContextProvider,
+  _getVisibleLeafColumns,
+  aggregationFns,
+  buildHeaderGroups,
+  buildPluginContext,
+  createCell,
+  createColumn,
+  createColumnHelper,
+  createRow,
+  createTable,
+  defaultColumnSizing,
+  expandRows,
+  filterFns,
+  flattenBy,
+  flexRender,
+  functionalUpdate,
+  getCoreRowModel,
+  getExpandedRowModel,
+  getFacetedMinMaxValues,
+  getFacetedRowModel,
+  getFacetedUniqueValues,
+  getFilteredRowModel,
+  getGroupedRowModel,
+  getMemoOptions,
+  getPaginationRowModel,
+  getSortedRowModel,
+  isFunction,
+  isNumberArray,
+  isRowSelected,
+  isSubRowSelected,
+  makeStateUpdater,
+  memo,
+  noop,
+  orderColumns,
+  passiveEventSupported,
+  reSplitAlphaNumeric,
+  selectRowsFn,
+  shouldAutoRemoveFilter,
+  sortingFns,
+  useComposeContext,
+  usePluginContext,
+  useReactTable,
   useTableContext
 };

package/dist/node_modules/@radix-ui/react-primitive/dist/index.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+require("react-dom");
+const index = require("../../react-slot/dist/index.cjs");
+const jsxRuntime = require("../../../react/jsx-runtime.cjs");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+var NODES = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive = NODES.reduce((primitive, node) => {
+  const Node = React__namespace.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? index.Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node };
+}, {});
+exports.Primitive = Primitive;

package/dist/node_modules/@radix-ui/react-primitive/dist/index.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import "react-dom";
+import { Slot } from "../../react-slot/dist/index.js";
+import { j as jsxRuntimeExports } from "../../../react/jsx-runtime.js";
+var NODES = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive = NODES.reduce((primitive, node) => {
+  const Node = React.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node };
+}, {});
+export {
+  Primitive
+};

package/dist/node_modules/@radix-ui/react-slot/dist/index.cjs

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const index = require("../../react-compose-refs/dist/index.cjs");
+const jsxRuntime = require("../../../react/jsx-runtime.cjs");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+var Slot = React__namespace.forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  const childrenArray = React__namespace.Children.toArray(children);
+  const slottable = childrenArray.find(isSlottable);
+  if (slottable) {
+    const newElement = slottable.props.children;
+    const newChildren = childrenArray.map((child) => {
+      if (child === slottable) {
+        if (React__namespace.Children.count(newElement) > 1) return React__namespace.Children.only(null);
+        return React__namespace.isValidElement(newElement) ? newElement.props.children : null;
+      } else {
+        return child;
+      }
+    });
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React__namespace.isValidElement(newElement) ? React__namespace.cloneElement(newElement, void 0, newChildren) : null });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
+});
+Slot.displayName = "Slot";
+var SlotClone = React__namespace.forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  if (React__namespace.isValidElement(children)) {
+    const childrenRef = getElementRef(children);
+    return React__namespace.cloneElement(children, {
+      ...mergeProps(slotProps, children.props),
+      // @ts-ignore
+      ref: forwardedRef ? index.composeRefs(forwardedRef, childrenRef) : childrenRef
+    });
+  }
+  return React__namespace.Children.count(children) > 1 ? React__namespace.Children.only(null) : null;
+});
+SlotClone.displayName = "SlotClone";
+var Slottable = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, { children });
+};
+function isSlottable(child) {
+  return React__namespace.isValidElement(child) && child.type === Slottable;
+}
+function mergeProps(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          childPropValue(...args);
+          slotPropValue(...args);
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return { ...slotProps, ...overrideProps };
+}
+function getElementRef(element) {
+  var _a, _b;
+  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+exports.Slot = Slot;
+exports.Slottable = Slottable;