@optiaxiom/react 1.9.37 → 1.9.38

package/dist/esm/packages/react/src/suggestion/SuggestionProvider.js

@@ -1,126 +1,98 @@
 "use client";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { unstable_SuggestionContext } from '@optiaxiom/globals';
-import { useId } from '@radix-ui/react-id';
-import { useState, useMemo } from 'react';
-import { Button } from '../button/Button.js';
-import '../button/ButtonGroup.js';
-import { Group } from '../group/Group.js';
-import { IconX } from '../icons/IconX.js';
-import { Portal } from '../portal/Portal.js';
-import { Text } from '../text/Text.js';
-import { Transition } from '../transition/Transition.js';
-import '../transition/TransitionGroup.js';
-
+import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
+import { Transition } from "../transition/Transition.js";
+import { Button } from "../button/Button.js";
+import { IconX } from "../icons/IconX.js";
+import { Portal } from "../portal/Portal.js";
+import { useId } from "@radix-ui/react-id";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { unstable_SuggestionContext } from "@optiaxiom/globals";
+//#region src/suggestion/SuggestionProvider.tsx
 function SuggestionProvider({ children }) {
-  const id = useId();
-  const [suggestions, setSuggestions] = useState([]);
-  return /* @__PURE__ */ jsxs(
-    unstable_SuggestionContext.Provider,
-    {
-      value: useMemo(
-        () => ({
-          add: (suggestion, surface) => {
-            setSuggestions((suggestions2) => [
-              ...suggestions2,
-              { suggestion, surface }
-            ]);
-            return () => {
-              setSuggestions(
-                (suggestions2) => suggestions2.filter((s) => s.suggestion !== suggestion)
-              );
-            };
-          }
-        }),
-        []
-      ),
-      children: [
-        children,
-        suggestions.length > 0 && /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(
-          Group,
-          {
-            alignItems: "center",
-            flexDirection: "column",
-            gap: "16",
-            pointerEvents: "none",
-            style: {
-              bottom: 32,
-              insetInline: 32,
-              position: "fixed"
-            },
-            z: "popover",
-            children: suggestions.slice(0, 1).map(({ suggestion, surface }) => /* @__PURE__ */ jsx(Transition, { "data-side": "top", type: "pop", children: /* @__PURE__ */ jsxs(
-              Group,
-              {
-                "aria-describedby": id + "-" + suggestion.id,
-                "aria-label": "App companion suggestion",
-                bg: "bg.default",
-                color: "fg.default",
-                fontSize: "md",
-                gap: "16",
-                maxW: "lg",
-                p: "16",
-                pointerEvents: "auto",
-                role: "dialog",
-                rounded: "md",
-                shadow: "md",
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    Group,
-                    {
-                      flexDirection: "column",
-                      gap: "4",
-                      id: id + "-" + suggestion.id,
-                      children: [
-                        /* @__PURE__ */ jsx(Text, { children: suggestion.type === "message" ? suggestion.text : /* @__PURE__ */ jsxs(Fragment, { children: [
-                          /* @__PURE__ */ jsx("strong", { children: "Suggested:" }),
-                          " ",
-                          surface.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value)
-                        ] }) }),
-                        suggestion.type === "value" && suggestion.reason && /* @__PURE__ */ jsx(Text, { color: "fg.secondary", children: suggestion.reason })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      appearance: "primary-opal",
-                      onClick: async () => {
-                        if (suggestion.type === "message" && suggestion.tool) {
-                          await surface.executeTool(
-                            suggestion.tool.name,
-                            suggestion.tool.parameters
-                          );
-                        }
-                        surface.accept(suggestion.id);
-                      },
-                      size: "sm",
-                      children: "Accept"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      appearance: "subtle",
-                      "aria-label": "close",
-                      color: "fg.default",
-                      flex: "none",
-                      icon: /* @__PURE__ */ jsx(IconX, {}),
-                      onClick: () => {
-                        surface.reject(suggestion.id);
-                      },
-                      size: "sm"
-                    }
-                  )
-                ]
-              }
-            ) }, suggestion.id))
-          }
-        ) })
-      ]
-    }
-  );
+	const id = useId();
+	const [suggestions, setSuggestions] = useState([]);
+	return /* @__PURE__ */ jsxs(unstable_SuggestionContext.Provider, {
+		value: useMemo(() => ({ add: (suggestion, surface) => {
+			setSuggestions((suggestions) => [...suggestions, {
+				suggestion,
+				surface
+			}]);
+			return () => {
+				setSuggestions((suggestions) => suggestions.filter((s) => s.suggestion !== suggestion));
+			};
+		} }), []),
+		children: [children, suggestions.length > 0 && /* @__PURE__ */ jsx(Portal, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Group, {
+				alignItems: "center",
+				flexDirection: "column",
+				gap: "16",
+				pointerEvents: "none",
+				style: {
+					bottom: 32,
+					insetInline: 32,
+					position: "fixed"
+				},
+				z: "popover",
+				children: suggestions.slice(0, 1).map(({ suggestion, surface }) => /* @__PURE__ */ jsx(Transition, {
+					"data-side": "top",
+					type: "pop",
+					children: /* @__PURE__ */ jsxs(Group, {
+						"aria-describedby": id + "-" + suggestion.id,
+						"aria-label": "App companion suggestion",
+						bg: "bg.default",
+						color: "fg.default",
+						fontSize: "md",
+						gap: "16",
+						maxW: "lg",
+						p: "16",
+						pointerEvents: "auto",
+						role: "dialog",
+						rounded: "md",
+						shadow: "md",
+						children: [
+							/* @__PURE__ */ jsxs(Group, {
+								flexDirection: "column",
+								gap: "4",
+								id: id + "-" + suggestion.id,
+								children: [/* @__PURE__ */ jsx(Text, { children: suggestion.type === "message" ? suggestion.text : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+									/* @__PURE__ */ jsx("strong", { children: "Suggested:" }),
+									" ",
+									surface.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value)
+								] }) }), suggestion.type === "value" && suggestion.reason && /* @__PURE__ */ jsx(Text, {
+									color: "fg.secondary",
+									children: suggestion.reason
+								})]
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								appearance: "primary-opal",
+								onClick: async () => {
+									if (suggestion.type === "message" && suggestion.tool) await surface.executeTool(suggestion.tool.name, suggestion.tool.parameters);
+									surface.accept(suggestion.id);
+								},
+								size: "sm",
+								children: "Accept"
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								appearance: "subtle",
+								"aria-label": "close",
+								color: "fg.default",
+								flex: "none",
+								icon: /* @__PURE__ */ jsx(IconX, {}),
+								onClick: () => {
+									surface.reject(suggestion.id);
+								},
+								size: "sm"
+							})
+						]
+					})
+				}, suggestion.id))
+			})
+		})]
+	});
 }
 SuggestionProvider.displayName = "@optiaxiom/react/SuggestionProvider";
-
+//#endregion
 export { SuggestionProvider };

package/dist/esm/packages/react/src/surface/SurfaceProvider.js

@@ -0,0 +1,2 @@
+import { unstable_SurfaceProvider as SurfaceProvider } from "@optiaxiom/globals";
+export { SurfaceProvider };

package/dist/esm/packages/react/src/surface/buildSurfacePath.js

@@ -1,5 +1,6 @@
+//#region src/surface/buildSurfacePath.ts
 const buildSurfacePath = (basePath, surface) => {
-  return `${basePath ? `${basePath}/` : ""}${surface.type}<${surface.name}>`;
+	return `${basePath ? `${basePath}/` : ""}${surface.type}<${surface.name}>`;
 };
-
+//#endregion
 export { buildSurfacePath };

package/dist/esm/packages/react/src/surface/filterSuggestionsBySurface.js

@@ -1,13 +1,14 @@
-import { buildSurfacePath } from './buildSurfacePath.js';
-
+import { buildSurfacePath } from "./buildSurfacePath.js";
+//#region src/surface/filterSuggestionsBySurface.ts
+/**
+* Helper to filter suggestions by surface metadata.
+* Builds a target path by appending surfaces to the current context path,
+* then filters suggestions matching that path.
+*/
 function filterSuggestionsBySurface(suggestions, path, surfaces) {
-  if (!suggestions || !surfaces?.length) {
-    return suggestions;
-  }
-  const targetPath = surfaces.reduce(buildSurfacePath, path ?? "");
-  return suggestions.filter(
-    (s) => ("/" + targetPath).endsWith("/" + s.surface)
-  );
+	if (!suggestions || !surfaces?.length) return suggestions;
+	const targetPath = surfaces.reduce(buildSurfacePath, path ?? "");
+	return suggestions.filter((s) => ("/" + targetPath).endsWith("/" + s.surface));
 }
-
+//#endregion
 export { filterSuggestionsBySurface };

package/dist/esm/packages/react/src/surface/useDebouncedTrack.js

@@ -1,19 +1,28 @@
-import { useRef } from 'react';
-import { useSurface } from './useSurface.js';
-import { useDebouncedCallback } from '../../../../node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-debounced-callback/use-debounced-callback.js';
-
+import { useSurface } from "./useSurface.js";
+import { useDebouncedCallback } from "../../../../node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-debounced-callback/use-debounced-callback.js";
+import { useRef } from "react";
+//#region src/surface/useDebouncedTrack.ts
+/**
+* Hook to track Surface interactions with debouncing (300ms).
+* Use this for high-frequency events like `changed` interactions.
+*
+* Automatically tracks previous values for change events.
+*
+* @param initialValue - The initial value to use as the first "previous value"
+* @returns A debounced track function that accepts value, or undefined if not in a Surface context
+*/
 function useDebouncedTrack(type, initialValue) {
-  const { track } = useSurface(type) ?? {};
-  const previousValueRef = useRef(initialValue);
-  const debouncedTrack = useDebouncedCallback((value) => {
-    track?.({
-      name: "changed",
-      previousValue: previousValueRef.current,
-      value
-    });
-    previousValueRef.current = value;
-  }, 300);
-  return track ? debouncedTrack : void 0;
+	const { track } = useSurface(type) ?? {};
+	const previousValueRef = useRef(initialValue);
+	const debouncedTrack = useDebouncedCallback((value) => {
+		track?.({
+			name: "changed",
+			previousValue: previousValueRef.current,
+			value
+		});
+		previousValueRef.current = value;
+	}, 300);
+	return track ? debouncedTrack : void 0;
 }
-
+//#endregion
 export { useDebouncedTrack };

package/dist/esm/packages/react/src/surface/useSuggestions.js

@@ -1,14 +1,18 @@
-import { useSurface } from './useSurface.js';
-
+import { useSurface } from "./useSurface.js";
+//#region src/surface/useSuggestions.ts
+/**
+* Hook to access Surface suggestions for the current surface path only.
+* Returns suggestions that match the current surface context path exactly.
+* For child surface suggestions, use filterSuggestionsBySurface instead.
+*
+* @param type - Optional type filter ("value", "message", or "cards")
+* @returns Array of suggestions matching current path, or undefined if not in a Surface context
+*/
 function useSuggestions(surfaceType, type) {
-  const surface = useSurface(surfaceType);
-  if (!surface?.suggestions) {
-    return void 0;
-  }
-  const filtered = surface.suggestions.filter(
-    (s) => ("/" + surface.path).endsWith("/" + s.surface)
-  );
-  return type ? filtered.filter((s) => s.type === type) : filtered;
+	const surface = useSurface(surfaceType);
+	if (!surface?.suggestions) return;
+	const filtered = surface.suggestions.filter((s) => ("/" + surface.path).endsWith("/" + s.surface));
+	return type ? filtered.filter((s) => s.type === type) : filtered;
 }
-
+//#endregion
 export { useSuggestions };

package/dist/esm/packages/react/src/surface/useSurface.js

@@ -1,11 +1,22 @@
-import { unstable_useSurfaceContext } from '@optiaxiom/globals';
-
+import { unstable_useSurfaceContext } from "@optiaxiom/globals";
+//#region src/surface/useSurface.ts
+/**
+* Hook to access Surface context with optional type filtering.
+*
+* @param type - Optional surface type to filter by. Only returns surface if it matches this type.
+* @returns Surface context if type matches (or any surface if no type specified), undefined otherwise
+*
+* @example
+* // Only get surface if it's an interaction surface
+* const surface = useSurface("interaction");
+*
+* @example
+* // Get any surface
+* const surface = useSurface();
+*/
 function useSurface(type) {
-  const surface = unstable_useSurfaceContext();
-  if (surface && (!type || surface.type === type)) {
-    return surface;
-  }
-  return void 0;
+	const surface = unstable_useSurfaceContext();
+	if (surface && (!type || surface.type === type)) return surface;
 }
-
+//#endregion
 export { useSurface };

package/dist/esm/packages/react/src/switch/Switch-css.js

@@ -1,12 +1,27 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
-import './../../../../assets/src/button/ButtonGroup.css.ts.vanilla-nvciSeRP.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CGFB1e99.css';
-import './../../../../assets/src/switch/Switch.css.ts.vanilla-o8W0kJzM.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var control$1 = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'abt3j8']});
-var input$2 = recipeRuntime({base:'geg36i'});
-var root$3 = recipeRuntime({base:['_76fo50','o3wzln']});
-var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_19e9qzz'],variants:{size:{md:'exbuww',lg:'df7jj3'}}});
-
-export { control$1 as control, input$2 as input, root$3 as root, thumb };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CdFjsC3-.css";
+import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bo7OdqI0.css";
+import "./../../../../assets/src/switch/Switch.css.ts.vanilla-BfOWyAqR.css";
+//#region src/switch/Switch.css.ts
+var control = recipeRuntime({ base: [{
+	px: "12",
+	py: "2",
+	rounded: "full",
+	transition: "colors"
+}, "_1rl8p8l"] });
+var input = recipeRuntime({ base: "lp3zvd" });
+var root = recipeRuntime({ base: ["wky6i4", "_1clm92r"] });
+var thumb = recipeRuntime({
+	base: [{
+		display: "block",
+		rounded: "full",
+		transition: "all"
+	}, "kj08zy"],
+	variants: { size: {
+		md: "_1dv3s6u",
+		lg: "_1qvu8hd"
+	} }
+});
+//#endregion
+export { control, input, root, thumb };

package/dist/esm/packages/react/src/switch/Switch.js

@@ -1,40 +1,47 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { extractBoxProps } from '../box/extractBoxProps.js';
-import '../suggestion/SuggestionAlert.js';
-import { SuggestionPopover } from '../suggestion/SuggestionPopover.js';
-import { ToggleInput } from '../toggle-input/ToggleInput.js';
-import { ToggleInputContent } from '../toggle-input/ToggleInputContent.js';
-import { ToggleInputControl } from '../toggle-input/ToggleInputControl.js';
-import { ToggleInputDescription } from '../toggle-input/ToggleInputDescription.js';
-import { ToggleInputHiddenInput } from '../toggle-input/ToggleInputHiddenInput.js';
-import { ToggleInputLabel } from '../toggle-input/ToggleInputLabel.js';
-import { input, thumb, control, root } from './Switch-css.js';
-
-const Switch = forwardRef(
-  ({ children, className, description, size = "md", ...props }, ref) => {
-    const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsxs(ToggleInput, { ...root({}, className), ...boxProps, children: [
-      /* @__PURE__ */ jsx(
-        ToggleInputHiddenInput,
-        {
-          ref,
-          role: "switch",
-          ...input(),
-          ...restProps
-        }
-      ),
-      /* @__PURE__ */ jsx(ToggleInputControl, { ...control(), children: /* @__PURE__ */ jsx(Box, { ...thumb({ size }) }) }),
-      (children || description) && /* @__PURE__ */ jsxs(ToggleInputContent, { pt: size === "lg" ? "2" : "0", children: [
-        children && /* @__PURE__ */ jsx(ToggleInputLabel, { children }),
-        description && /* @__PURE__ */ jsx(ToggleInputDescription, { children: description })
-      ] }),
-      props.checked !== void 0 && /* @__PURE__ */ jsx(SuggestionPopover, {})
-    ] });
-  }
-);
+import { extractBoxProps } from "../box/extractBoxProps.js";
+import { Box } from "../box/Box.js";
+import { ToggleInput } from "../toggle-input/ToggleInput.js";
+import { ToggleInputContent } from "../toggle-input/ToggleInputContent.js";
+import { ToggleInputControl } from "../toggle-input/ToggleInputControl.js";
+import { ToggleInputDescription } from "../toggle-input/ToggleInputDescription.js";
+import { ToggleInputHiddenInput } from "../toggle-input/ToggleInputHiddenInput.js";
+import { ToggleInputLabel } from "../toggle-input/ToggleInputLabel.js";
+import { control, input, root, thumb } from "./Switch-css.js";
+import { SuggestionPopover } from "../suggestion/SuggestionPopover.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/switch/Switch.tsx
+/**
+* Control to allow toggling between checked and not checked state.
+*
+* @category form
+* @since 0.1.0
+*/
+const Switch = forwardRef(({ children, className, description, size = "md", ...props }, ref) => {
+	const { boxProps, restProps } = extractBoxProps(props);
+	return /* @__PURE__ */ jsxs(ToggleInput, {
+		...root({}, className),
+		...boxProps,
+		children: [
+			/* @__PURE__ */ jsx(ToggleInputHiddenInput, {
+				ref,
+				role: "switch",
+				...input(),
+				...restProps
+			}),
+			/* @__PURE__ */ jsx(ToggleInputControl, {
+				...control(),
+				children: /* @__PURE__ */ jsx(Box, { ...thumb({ size }) })
+			}),
+			(children || description) && /* @__PURE__ */ jsxs(ToggleInputContent, {
+				pt: size === "lg" ? "2" : "0",
+				children: [children && /* @__PURE__ */ jsx(ToggleInputLabel, { children }), description && /* @__PURE__ */ jsx(ToggleInputDescription, { children: description })]
+			}),
+			props.checked !== void 0 && /* @__PURE__ */ jsx(SuggestionPopover, {})
+		]
+	});
+});
 Switch.displayName = "@optiaxiom/react/Switch";
-
+//#endregion
 export { Switch };

package/dist/esm/packages/react/src/table/Table-css.js

@@ -1,8 +1,25 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
-import './../../../../assets/src/table/Table.css.ts.vanilla-CuSXd8qG.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'d12k5f'],variants:{layout:{auto:['_1toxbkj'],fixed:[{display:'grid'},'_1e043my']}}});
-var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'le9acy']});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/table/Table.css.ts.vanilla-D0C1krBH.css";
+//#region src/table/Table.css.ts
+var table = recipeRuntime({
+	base: [{
+		color: "fg.default",
+		fontSize: "md",
+		w: "full"
+	}, "hrt3ko"],
+	variants: { layout: {
+		auto: ["_1alb3fo"],
+		fixed: [{ display: "grid" }, "_1jfa5nm"]
+	} }
+});
+var wrapper = recipeRuntime({ base: [{
+	bg: "bg.default",
+	border: "1",
+	borderColor: "border.tertiary",
+	maxW: "full",
+	overflow: "auto",
+	rounded: "lg"
+}, "_1qzwytb"] });
+//#endregion
 export { table, wrapper };

package/dist/esm/packages/react/src/table/Table.js

@@ -1,16 +1,45 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { table, wrapper } from './Table-css.js';
-
-const Table = forwardRef(
-  ({ children, className, layout = "auto", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { ref, tabIndex: 0, ...wrapper({}, className), ...props, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...table({ layout }), children: /* @__PURE__ */ jsx("table", { children }) }) });
-  }
-);
+import { Box } from "../box/Box.js";
+import { table, wrapper } from "./Table-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/table/Table.tsx
+/**
+* Display tabular data using rows and columns.
+*
+* ⚠️ **IMPORTANT**: Consider using `DataTable` instead for displaying tabular
+* data.
+*
+* `DataTable` provides built-in support for:
+* - Sorting (client-side and server-side)
+* - Pagination (client-side and server-side)
+* - Row selection with checkboxes
+* - Column pinning (sticky columns)
+* - Row expansion
+* - Loading states
+* - Virtualization for large datasets
+*
+* `Table` is a low-level primitive and should only be used for very specific
+* custom table layouts. For most use cases, `DataTable` is the recommended
+* choice.
+*
+* @group Table
+* @since 1.4.0
+* @category data-display
+*/
+const Table = forwardRef(({ children, className, layout = "auto", ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		tabIndex: 0,
+		...wrapper({}, className),
+		...props,
+		children: /* @__PURE__ */ jsx(Box, {
+			asChild: true,
+			...table({ layout }),
+			children: /* @__PURE__ */ jsx("table", { children })
+		})
+	});
+});
 Table.displayName = "@optiaxiom/react/Table";
-
+//#endregion
 export { Table };

package/dist/esm/packages/react/src/table/TableAction.js

@@ -1,14 +1,18 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ActionsContent } from '../actions/ActionsContent.js';
-import '../actions/ActionsRoot.js';
-
-const TableAction = forwardRef(
-  ({ asChild = true, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(ActionsContent, { asChild, ref, ...props });
-  }
-);
+import { ActionsContent } from "../actions/ActionsContent.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/table/TableAction.tsx
+/**
+* @group Table
+*/
+const TableAction = forwardRef(({ asChild = true, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(ActionsContent, {
+		asChild,
+		ref,
+		...props
+	});
+});
 TableAction.displayName = "@optiaxiom/react/TableAction";
-
+//#endregion
 export { TableAction };