@redis-ui/table 2.4.0 → 2.12.0

package/dist/Table/components/TablePagination/TablePagination.js

@@ -1,7 +1,8 @@
 import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
 import { DoubleChevronLeftIcon, ChevronLeftIcon, ChevronRightIcon, DoubleChevronRightIcon } from "@redislabsdev/redis-ui-icons";
+import { useId } from "../../../node_modules/@radix-ui/react-id/dist/index.js";
 import { useTableContext } from "../../Table.context.js";
-import { PaginationRow, CountInfo, ItemPerPageText, Select, PaginationActions, PaginationIconButton, PaginationIndexText, PageLabelText, TotalPagesText } from "./TablePagination.style.js";
+import { PaginationRow, CountInfo, ItemPerPageText, Label, Select, PaginationActions, PaginationIconButton, PaginationIndexText, PageLabelText, TotalPagesText } from "./TablePagination.style.js";
 const DEFAULT_PAGE_SIZES = [10, 25, 50, 100];
 const TablePagination = ({
   pageSizes = DEFAULT_PAGE_SIZES
@@ -9,6 +10,8 @@ const TablePagination = ({
   const {
     table
   } = useTableContext();
+  const perPageId = useId();
+  const pageNumId = useId();
   if (!table._getPaginationRowModel) {
     return null;
   }
@@ -36,8 +39,12 @@ const TablePagination = ({
           gap: "1rem"
         },
         children: [jsxRuntimeExports.jsx(ItemPerPageText, {
-          children: "Items per page:"
+          children: jsxRuntimeExports.jsx(Label, {
+            htmlFor: perPageId,
+            children: "Items per page:"
+          })
         }), jsxRuntimeExports.jsx(Select, {
+          id: perPageId,
           value: pageSize.toString(),
           onChange: handlePageSizeChange,
           disabled: pageSizes[0] > totalRowCount,
@@ -50,12 +57,16 @@ const TablePagination = ({
           icon: DoubleChevronLeftIcon,
           size: "S",
           onClick: () => handlePageIndexChange(0),
-          disabled: pageIndex === 0
+          disabled: pageIndex === 0,
+          title: "First page",
+          "aria-label": "first page"
         }), jsxRuntimeExports.jsx(PaginationIconButton, {
           icon: ChevronLeftIcon,
           size: "S",
           onClick: () => handlePageIndexChange(pageIndex - 1),
-          disabled: pageIndex === 0
+          disabled: pageIndex === 0,
+          title: "Previous page",
+          "aria-label": "previous page"
         }), jsxRuntimeExports.jsxs(PaginationIndexText, {
           size: "S",
           children: [pageIndex + 1, " of ", pageCount]
@@ -63,17 +74,25 @@ const TablePagination = ({
           icon: ChevronRightIcon,
           size: "S",
           onClick: () => handlePageIndexChange(pageIndex + 1),
-          disabled: pageIndex === pageCount - 1
+          disabled: pageIndex === pageCount - 1,
+          title: "Next page",
+          "aria-label": "next page"
         }), jsxRuntimeExports.jsx(PaginationIconButton, {
           icon: DoubleChevronRightIcon,
           size: "S",
           onClick: () => handlePageIndexChange(pageCount - 1),
-          disabled: pageIndex === pageCount - 1
+          disabled: pageIndex === pageCount - 1,
+          title: "Last page",
+          "aria-label": "last page"
         })]
       }), jsxRuntimeExports.jsxs(PaginationActions, {
         children: [jsxRuntimeExports.jsx(PageLabelText, {
-          children: "Page"
+          children: jsxRuntimeExports.jsx(Label, {
+            htmlFor: pageNumId,
+            children: "Page"
+          })
         }), jsxRuntimeExports.jsx(Select, {
+          id: pageNumId,
           value: (pageIndex + 1).toString(),
           onChange: (value) => handlePageIndexChange(Number(value) - 1),
           options: Array.from({

package/dist/Table/components/TablePagination/TablePagination.style.cjs

@@ -7,50 +7,55 @@ const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const PaginationIconButton = _styled__default.default(redisUiComponents.IconButton).withConfig({
   displayName: "TablePaginationstyle__PaginationIconButton",
-  componentId: "sc-ccqfi0-0"
+  componentId: "RedisUI__sc-ccqfi0-0"
 })(["color:", ";&:disabled{color:", ";}"], () => redisUiStyles.useTheme().components.table.components.tablePagination.paginationIconButton.enabledColor, () => redisUiStyles.useTheme().components.table.components.tablePagination.paginationIconButton.disabledColor);
 const CountInfo = _styled__default.default(redisUiComponents.Typography.Body).withConfig({
   displayName: "TablePaginationstyle__CountInfo",
-  componentId: "sc-ccqfi0-1"
+  componentId: "RedisUI__sc-ccqfi0-1"
 })(["display:flex;margin-right:auto;font-size:1.2rem;color:", ";"], () => redisUiStyles.useTheme().components.table.components.tablePagination.countInfoText.color);
 const PaginationRow = _styled__default.default.div.withConfig({
   displayName: "TablePaginationstyle__PaginationRow",
-  componentId: "sc-ccqfi0-2"
+  componentId: "RedisUI__sc-ccqfi0-2"
 })(["display:flex;align-items:center;gap:3.2rem;width:100%;height:4.8rem;padding:0 1.2rem;justify-content:flex-end;border-top:1px solid ", ";"], () => redisUiStyles.useTheme().components.table.components.tablePagination.paginationRow.borderTop);
 const Select = _styled__default.default(redisUiComponents.Select).withConfig({
   displayName: "TablePaginationstyle__Select",
-  componentId: "sc-ccqfi0-3"
+  componentId: "RedisUI__sc-ccqfi0-3"
 })(["height:2rem;padding:0 0.4rem;gap:0.4rem;span{font-size:1.2rem;line-height:initial;}"]);
 const PaginationActions = _styled__default.default.div.withConfig({
   displayName: "TablePaginationstyle__PaginationActions",
-  componentId: "sc-ccqfi0-4"
+  componentId: "RedisUI__sc-ccqfi0-4"
 })(["display:flex;align-items:center;gap:0.4rem;"]);
 const ItemPerPageText = _styled__default.default(redisUiComponents.Typography.Body).attrs({
   size: "S"
 }).withConfig({
   displayName: "TablePaginationstyle__ItemPerPageText",
-  componentId: "sc-ccqfi0-5"
+  componentId: "RedisUI__sc-ccqfi0-5"
 })(["color:", ";flex-shrink:0;"], () => redisUiStyles.useTheme().components.table.components.tablePagination.itemPerPageText.color);
 const PaginationIndexText = _styled__default.default(redisUiComponents.Typography.Body).attrs({
   size: "S"
 }).withConfig({
   displayName: "TablePaginationstyle__PaginationIndexText",
-  componentId: "sc-ccqfi0-6"
+  componentId: "RedisUI__sc-ccqfi0-6"
 })(["color:", ";"], () => redisUiStyles.useTheme().components.table.components.tablePagination.paginationIndexText.color);
 const PageLabelText = _styled__default.default(redisUiComponents.Typography.Body).attrs({
   size: "S"
 }).withConfig({
   displayName: "TablePaginationstyle__PageLabelText",
-  componentId: "sc-ccqfi0-7"
+  componentId: "RedisUI__sc-ccqfi0-7"
 })(["color:", ";flex-shrink:0;"], () => redisUiStyles.useTheme().components.table.components.tablePagination.pageLabelText.color);
+const Label = _styled__default.default.label.withConfig({
+  displayName: "TablePaginationstyle__Label",
+  componentId: "RedisUI__sc-ccqfi0-8"
+})(["all:unset;"]);
 const TotalPagesText = _styled__default.default(redisUiComponents.Typography.Body).attrs({
   size: "S"
 }).withConfig({
   displayName: "TablePaginationstyle__TotalPagesText",
-  componentId: "sc-ccqfi0-8"
+  componentId: "RedisUI__sc-ccqfi0-9"
 })(["color:", ";flex-shrink:0;"], () => redisUiStyles.useTheme().components.table.components.tablePagination.totalPagesText.color);
 exports.CountInfo = CountInfo;
 exports.ItemPerPageText = ItemPerPageText;
+exports.Label = Label;
 exports.PageLabelText = PageLabelText;
 exports.PaginationActions = PaginationActions;
 exports.PaginationIconButton = PaginationIconButton;

package/dist/Table/components/TablePagination/TablePagination.style.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const PaginationIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@redislabsdev/redis-ui-components").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const CountInfo: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const CountInfo: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const PaginationRow: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Select: import("styled-components").StyledComponent<(<TValue extends string = string, TOption extends import("@redislabsdev/redis-ui-components").SelectOption<TValue> = import("@redislabsdev/redis-ui-components").SelectOption<TValue>>({ options, disabled, defaultOpen, open, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, valueRender, searchable, placement, maxVisibleItems, placeholder, virtualized, contentWidth, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Compose/Compose.types").SelectComposeProps<TValue, TOption> & Omit<import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps, "customContainer"> & import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption> & {
     allowReset?: boolean | undefined;
@@ -14,10 +14,10 @@ export declare const Select: import("styled-components").StyledComponent<(<TValu
         Compose: ({ customContainer, id, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Compose/Compose.types").RestSelectTriggerComposeProps & import("@redislabsdev/redis-ui-components/dist/Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
         Value: <TOption_3 extends import("@redislabsdev/redis-ui-components").SelectOption<string> = import("@redislabsdev/redis-ui-components").SelectOption<string>>({ placeholder, valueRender, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption_3> & import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
         ResetButton: ({ children, title, ...restProps }: import("react").HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element | null;
-        StatusIndicator: (props: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element;
+        StatusIndicator: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element | null;
         LoadingIndicator: ({ loading, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("@redislabsdev/redis-ui-components/dist/Inputs/components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
         Arrow: ({ icon, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Arrow/Arrow.types").TriggerArrowProps) => import("react/jsx-runtime").JSX.Element;
-        ErrorIcon: (props: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element;
+        ErrorIcon: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element | null;
     };
     Content: (<TOption_4 extends import("@redislabsdev/redis-ui-components").SelectOption<string> = import("@redislabsdev/redis-ui-components").SelectOption<string>>({ searchable, optionValueRender, optionComponent, maxVisibleItems, virtualized, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_4> & {
         searchable?: boolean | undefined;
@@ -36,15 +36,16 @@ export declare const Select: import("styled-components").StyledComponent<(<TValu
     };
 }, any, {}, never>;
 export declare const PaginationActions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemPerPageText: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const ItemPerPageText: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     size: "S";
 }, "size">;
-export declare const PaginationIndexText: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const PaginationIndexText: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     size: "S";
 }, "size">;
-export declare const PageLabelText: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const PageLabelText: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     size: "S";
 }, "size">;
-export declare const TotalPagesText: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const TotalPagesText: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     size: "S";
 }, "size">;

package/dist/Table/components/TablePagination/TablePagination.style.js

@@ -3,51 +3,56 @@ import { useTheme } from "@redislabsdev/redis-ui-styles";
 import { IconButton, Typography, Select as Select$1 } from "@redislabsdev/redis-ui-components";
 const PaginationIconButton = _styled(IconButton).withConfig({
   displayName: "TablePaginationstyle__PaginationIconButton",
-  componentId: "sc-ccqfi0-0"
+  componentId: "RedisUI__sc-ccqfi0-0"
 })(["color:", ";&:disabled{color:", ";}"], () => useTheme().components.table.components.tablePagination.paginationIconButton.enabledColor, () => useTheme().components.table.components.tablePagination.paginationIconButton.disabledColor);
 const CountInfo = _styled(Typography.Body).withConfig({
   displayName: "TablePaginationstyle__CountInfo",
-  componentId: "sc-ccqfi0-1"
+  componentId: "RedisUI__sc-ccqfi0-1"
 })(["display:flex;margin-right:auto;font-size:1.2rem;color:", ";"], () => useTheme().components.table.components.tablePagination.countInfoText.color);
 const PaginationRow = _styled.div.withConfig({
   displayName: "TablePaginationstyle__PaginationRow",
-  componentId: "sc-ccqfi0-2"
+  componentId: "RedisUI__sc-ccqfi0-2"
 })(["display:flex;align-items:center;gap:3.2rem;width:100%;height:4.8rem;padding:0 1.2rem;justify-content:flex-end;border-top:1px solid ", ";"], () => useTheme().components.table.components.tablePagination.paginationRow.borderTop);
 const Select = _styled(Select$1).withConfig({
   displayName: "TablePaginationstyle__Select",
-  componentId: "sc-ccqfi0-3"
+  componentId: "RedisUI__sc-ccqfi0-3"
 })(["height:2rem;padding:0 0.4rem;gap:0.4rem;span{font-size:1.2rem;line-height:initial;}"]);
 const PaginationActions = _styled.div.withConfig({
   displayName: "TablePaginationstyle__PaginationActions",
-  componentId: "sc-ccqfi0-4"
+  componentId: "RedisUI__sc-ccqfi0-4"
 })(["display:flex;align-items:center;gap:0.4rem;"]);
 const ItemPerPageText = _styled(Typography.Body).attrs({
   size: "S"
 }).withConfig({
   displayName: "TablePaginationstyle__ItemPerPageText",
-  componentId: "sc-ccqfi0-5"
+  componentId: "RedisUI__sc-ccqfi0-5"
 })(["color:", ";flex-shrink:0;"], () => useTheme().components.table.components.tablePagination.itemPerPageText.color);
 const PaginationIndexText = _styled(Typography.Body).attrs({
   size: "S"
 }).withConfig({
   displayName: "TablePaginationstyle__PaginationIndexText",
-  componentId: "sc-ccqfi0-6"
+  componentId: "RedisUI__sc-ccqfi0-6"
 })(["color:", ";"], () => useTheme().components.table.components.tablePagination.paginationIndexText.color);
 const PageLabelText = _styled(Typography.Body).attrs({
   size: "S"
 }).withConfig({
   displayName: "TablePaginationstyle__PageLabelText",
-  componentId: "sc-ccqfi0-7"
+  componentId: "RedisUI__sc-ccqfi0-7"
 })(["color:", ";flex-shrink:0;"], () => useTheme().components.table.components.tablePagination.pageLabelText.color);
+const Label = _styled.label.withConfig({
+  displayName: "TablePaginationstyle__Label",
+  componentId: "RedisUI__sc-ccqfi0-8"
+})(["all:unset;"]);
 const TotalPagesText = _styled(Typography.Body).attrs({
   size: "S"
 }).withConfig({
   displayName: "TablePaginationstyle__TotalPagesText",
-  componentId: "sc-ccqfi0-8"
+  componentId: "RedisUI__sc-ccqfi0-9"
 })(["color:", ";flex-shrink:0;"], () => useTheme().components.table.components.tablePagination.totalPagesText.color);
 export {
   CountInfo,
   ItemPerPageText,
+  Label,
   PageLabelText,
   PaginationActions,
   PaginationIconButton,

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const index = require("../../react-use-layout-effect/dist/index.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 useReactId = React__namespace["useId".toString()] || (() => void 0);
+var count = 0;
+function useId(deterministicId) {
+  const [id, setId] = React__namespace.useState(useReactId());
+  index.useLayoutEffect(() => {
+    setId((reactId) => reactId ?? String(count++));
+  }, [deterministicId]);
+  return id ? `radix-${id}` : "";
+}
+exports.useId = useId;

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { useLayoutEffect as useLayoutEffect2 } from "../../react-use-layout-effect/dist/index.js";
+var useReactId = React["useId".toString()] || (() => void 0);
+var count = 0;
+function useId(deterministicId) {
+  const [id, setId] = React.useState(useReactId());
+  useLayoutEffect2(() => {
+    setId((reactId) => reactId ?? String(count++));
+  }, [deterministicId]);
+  return id ? `radix-${id}` : "";
+}
+export {
+  useId
+};

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;

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

@@ -0,0 +1,82 @@
+import * as React from "react";
+import { composeRefs } from "../../react-compose-refs/dist/index.js";
+import { j as jsxRuntimeExports } from "../../../react/jsx-runtime.js";
+var Slot = React.forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  const childrenArray = React.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.Children.count(newElement) > 1) return React.Children.only(null);
+        return React.isValidElement(newElement) ? newElement.props.children : null;
+      } else {
+        return child;
+      }
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
+});
+Slot.displayName = "Slot";
+var SlotClone = React.forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  if (React.isValidElement(children)) {
+    const childrenRef = getElementRef(children);
+    return React.cloneElement(children, {
+      ...mergeProps(slotProps, children.props),
+      // @ts-ignore
+      ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef
+    });
+  }
+  return React.Children.count(children) > 1 ? React.Children.only(null) : null;
+});
+SlotClone.displayName = "SlotClone";
+var Slottable = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children });
+};
+function isSlottable(child) {
+  return React.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;
+}
+export {
+  Slot,
+  Slottable
+};

package/dist/node_modules/@radix-ui/react-use-layout-effect/dist/index.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+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 useLayoutEffect2 = Boolean(globalThis == null ? void 0 : globalThis.document) ? React__namespace.useLayoutEffect : () => {
+};
+exports.useLayoutEffect = useLayoutEffect2;

package/dist/node_modules/@radix-ui/react-use-layout-effect/dist/index.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+var useLayoutEffect2 = Boolean(globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : () => {
+};
+export {
+  useLayoutEffect2 as useLayoutEffect
+};