@persona/design-system 0.1.6 → 0.1.8

package/dist/components/DropdownButton/index.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_DropdownButton = require("../../DropdownButton-Dpiy5v-R.cjs");
+const require_DropdownButton = require("../../DropdownButton-Dl7IEzAc.cjs");
 exports.DropdownButton = require_DropdownButton.DropdownButton;
 exports.default = require_DropdownButton.DropdownButton;

package/dist/components/DropdownButton/index.mjs

@@ -1,2 +1,2 @@
-import { t as DropdownButton } from "../../DropdownButton-BS1QfVX_.mjs";
+import { t as DropdownButton } from "../../DropdownButton-DKLjJylQ.mjs";
 export { DropdownButton, DropdownButton as default };

package/dist/components/DropdownMenu/index.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_DropdownMenu = require("../../DropdownMenu-CeqZAxjs.cjs");
+const require_DropdownMenu = require("../../DropdownMenu-DnlQqTjs.cjs");
 exports.DropdownMenu = require_DropdownMenu.DropdownMenu;
 exports.default = require_DropdownMenu.DropdownMenu_default;

package/dist/components/DropdownMenu/index.d.cts

@@ -1,2 +1,2 @@
-import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-D1E1jpZu.cjs";
+import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-FkiManPP.cjs";
 export { DropdownMenu, DropdownMenuProps, _default as default };

package/dist/components/DropdownMenu/index.d.mts

@@ -1,2 +1,2 @@
-import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-COkpUmIO.mjs";
+import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-CVPanvKA.mjs";
 export { DropdownMenu, DropdownMenuProps, _default as default };

package/dist/components/DropdownMenu/index.mjs

@@ -1,2 +1,2 @@
-import { n as DropdownMenu_default, t as DropdownMenu } from "../../DropdownMenu-cN_AnKAT.mjs";
+import { n as DropdownMenu_default, t as DropdownMenu } from "../../DropdownMenu-DGYexb7s.mjs";
 export { DropdownMenu, DropdownMenu_default as default };

package/dist/components/FormControl/index.cjs

@@ -2,8 +2,8 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_useFormField = require("../../useFormField-BpYf3CAW.cjs");
-const require_FormControl = require("../../FormControl-DjxkL5Ft.cjs");
+const require_useFormField = require("../../useFormField-BZlArnsI.cjs");
+const require_FormControl = require("../../FormControl-MkBXuUF6.cjs");
 exports.Container = require_FormControl.Container;
 exports.ErrorText = require_FormControl.ErrorText;
 exports.FormControl = require_FormControl.FormControl;

package/dist/components/FormControl/index.d.cts

@@ -1,3 +1,3 @@
-import { a as FormControlProps, c as FormLabelProps, i as FormControlBaseProps, l as HelperText, n as ErrorText, o as FormInputContainer, r as FormControl, s as FormLabel, t as Container, u as WarningText } from "../../FormControl-OqBTbSwv.cjs";
-import { r as useFormField } from "../../useFormField-DLGEZ1kD.cjs";
+import { a as FormControlProps, c as FormLabelProps, i as FormControlBaseProps, l as HelperText, n as ErrorText, o as FormInputContainer, r as FormControl, s as FormLabel, t as Container, u as WarningText } from "../../FormControl-DFp_qcW1.cjs";
+import { r as useFormField } from "../../useFormField--Q8ZdpW5.cjs";
 export { Container, ErrorText, FormControl, FormControl as default, FormControlBaseProps, FormControlProps, FormInputContainer, FormLabel, FormLabelProps, HelperText, WarningText, useFormField };

package/dist/components/FormControl/index.d.mts

@@ -1,3 +1,3 @@
-import { a as FormControlProps, c as FormLabelProps, i as FormControlBaseProps, l as HelperText, n as ErrorText, o as FormInputContainer, r as FormControl, s as FormLabel, t as Container, u as WarningText } from "../../FormControl-vfFzrYhv.mjs";
-import { r as useFormField } from "../../useFormField-CVmt-ti2.mjs";
+import { a as FormControlProps, c as FormLabelProps, i as FormControlBaseProps, l as HelperText, n as ErrorText, o as FormInputContainer, r as FormControl, s as FormLabel, t as Container, u as WarningText } from "../../FormControl-DH3bgqaB.mjs";
+import { r as useFormField } from "../../useFormField-D8mLsiQc.mjs";
 export { Container, ErrorText, FormControl, FormControl as default, FormControlBaseProps, FormControlProps, FormInputContainer, FormLabel, FormLabelProps, HelperText, WarningText, useFormField };

package/dist/components/FormControl/index.mjs

@@ -1,3 +1,3 @@
-import { n as useFormField } from "../../useFormField-D0RTrPld.mjs";
-import { a as FormLabel, i as FormInputContainer, n as ErrorText, o as HelperText, r as FormControl, s as WarningText, t as Container } from "../../FormControl-fK4HA_yF.mjs";
+import { n as useFormField } from "../../useFormField-DhYd6bNn.mjs";
+import { a as FormLabel, i as FormInputContainer, n as ErrorText, o as HelperText, r as FormControl, s as WarningText, t as Container } from "../../FormControl-B28qa7aQ.mjs";
 export { Container, ErrorText, FormControl, FormControl as default, FormInputContainer, FormLabel, HelperText, WarningText, useFormField };

package/dist/components/FormField/index.cjs

@@ -2,471 +2,18 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_chunk = require("../../chunk-CKQMccvm.cjs");
-const require_Stack = require("../../Stack-BF-9YjA1.cjs");
-const require_IconButton = require("../../IconButton-DNy7g5zh.cjs");
-const require_useFormGroup = require("../../useFormGroup-DQJdKaL9.cjs");
-const require_useFormField = require("../../useFormField-BpYf3CAW.cjs");
-const require_Checkbox = require("../../Checkbox-B83WfsOZ.cjs");
-const require_Menu = require("../../Menu-BLbEcodU.cjs");
-const require_DropdownMenu = require("../../DropdownMenu-CeqZAxjs.cjs");
-const require_components_Input_index = require("../Input/index.cjs");
-const require_Combobox = require("../../Combobox-R3_NDBi3.cjs");
-const require_Select = require("../../Select-CowngLd7.cjs");
-const require_Toggle = require("../../Toggle-7o-n5vF6.cjs");
-const require_FormControl = require("../../FormControl-DjxkL5Ft.cjs");
-const require_RadioGroup = require("../../RadioGroup-D28hdlhz.cjs");
-const require_SegmentedControl = require("../../SegmentedControl-DTkFgjac.cjs");
-const require_TextArea = require("../../TextArea-p3oek3Zq.cjs");
-const require_ListBox = require("../../ListBox-B4uoo_PT.cjs");
-const require_TableBox = require("../../TableBox-D_B9atn2.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _persona_icons = require("@persona/icons");
-let react_aria = require("react-aria");
-let lodash_fp_js = require("lodash/fp.js");
-let react_stately = require("react-stately");
-let react_innertext = require("react-innertext");
-react_innertext = require_chunk.__toESM(react_innertext);
-//#region components/FormField/FormField.tsx
-/**
-* > **Please do not use in production! This component is subject to API and style changes.**
-*
-* Helper components with preset slots for label, input, and helper texts.
-* Fully composed components with different form input types are available.
-* This is the recommended way to implement form elements.
-* You can use `<FormControl>` if you require more flexibility.
-*
-* ## Usage
-*
-* ```tsx
-* import FormField from 'design-system/components/FormField';
-* ```
-*/
-const FormField = (0, react.forwardRef)(function FormField({ label, children, helperText, warningText, errorText, labelProps, helperProps, warningProps, errorProps, configField: configFieldProp, configFieldInputWidth, rightActions, ...props }, ref) {
-	const { configField: configFieldFormGroup } = require_useFormGroup.useFormGroup();
-	const configField = configFieldProp ?? configFieldFormGroup;
-	const labelElement = label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormControl.FormLabel, {
-		tooltip: configField && helperText ? helperText : void 0,
-		...labelProps,
-		children: label
-	}) : null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_FormControl.FormControl, {
-		hasError: !!errorText,
-		hasWarning: !!warningText,
-		ref,
-		configField,
-		hasRightActions: !!rightActions,
-		configFieldInputWidth,
-		...props,
-		children: [
-			rightActions ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.HStack, {
-				justify: "space-between",
-				align: "center",
-				children: [labelElement, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.HStack, {
-					spacing: _persona_design_tokens.Spacing[1],
-					children: rightActions
-				})]
-			}) : labelElement,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormControl.FormInputContainer, { children }),
-			!configField && helperText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormControl.HelperText, {
-				...helperProps,
-				children: helperText
-			}),
-			!configField && warningText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormControl.WarningText, {
-				...warningProps,
-				children: warningText
-			}),
-			!configField && errorText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormControl.ErrorText, {
-				...errorProps,
-				children: errorText
-			})
-		]
-	});
-});
-//#endregion
-//#region components/FormField/inputFields.tsx
-/**
-* Helper to split out props that are sent to the FormField component from props sent
-* to the underlying input component.
-*/
-const splitOutFormFieldProps = (props) => {
-	const { label, inputId, helperText, errorText, warningText, labelProps, helperProps, warningProps, errorProps, configField, configFieldInputWidth, rightActions, ...inputProps } = props;
-	return {
-		formFieldProps: {
-			label,
-			inputId,
-			helperText,
-			errorText,
-			warningText,
-			labelProps,
-			helperProps,
-			warningProps,
-			errorProps,
-			configField,
-			configFieldInputWidth,
-			rightActions
-		},
-		inputProps
-	};
-};
-const TextField = (0, react.forwardRef)(function TextField(props, ref) {
-	const { formFieldProps, inputProps } = splitOutFormFieldProps(props);
-	const { id, ...rest } = inputProps;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
-		...formFieldProps,
-		labelProps: {
-			size: props.size,
-			...formFieldProps.labelProps
-		},
-		inputId: formFieldProps.inputId ?? id,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Input_index.default, {
-			...rest,
-			ref
-		})
-	});
-});
-const TextAreaField = (0, react.forwardRef)(function TextAreaField({ label, helperText, errorText, warningText, inputId, id, configField, ...props }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
-		inputId: inputId ?? id,
-		label,
-		labelProps: { size: props.size },
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextArea.TextAreaWithStyle, {
-			...props,
-			ref
-		})
-	});
-});
-const SelectField = ({ id, label, helperText, errorText, warningText, children, configField, labelProps, ...props }) => {
-	const linkedId = (0, react.useMemo)(() => id ?? (0, lodash_fp_js.uniqueId)("pds-form-field-input-fields-select__"), [id]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
-		label,
-		labelProps: {
-			htmlFor: linkedId,
-			size: props.size,
-			...labelProps
-		},
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Select.Select, {
-			...props,
-			id: linkedId,
-			children
-		})
-	});
-};
-const RadioGroupField = ({ label, helperText, errorText, warningText, children, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
-		label,
-		helperText,
-		warningText,
-		errorText,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_RadioGroup.RadioGroup, {
-			...props,
-			children
-		})
-	});
-};
-const CheckboxField = ({ label, helperText, errorText, warningText, checkboxLabel, configField, labelProps, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
-		label,
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		labelProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Checkbox.Checkbox, {
-			label: checkboxLabel,
-			...props
-		})
-	});
-};
-const ToggleField = (0, react.forwardRef)(function ToggleField({ label, helperText, errorText, warningText, configField, ...props }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
-		label,
-		labelProps: { size: props.size },
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Toggle.Toggle, {
-			...props,
-			ref
-		})
-	});
-});
-const SegmentedControlField = (0, react.forwardRef)(function SegmentedControlField({ label, helperText, errorText, warningText, configField, children, labelProps, ...props }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
-		label,
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		labelProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SegmentedControl.SegmentedControl, {
-			fullWidth: true,
-			...props,
-			ref,
-			children
-		})
-	});
-});
-const ComboboxField = ({ label, labelProps, helperText, errorText, warningText, configField, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
-		label,
-		labelProps,
-		helperText,
-		warningText,
-		errorText,
-		configField,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Combobox.Combobox, { ...props })
-	});
-};
-//#endregion
-//#region components/FormField/CheckboxGroupField.tsx
-const CheckboxGroupContext = (0, react.createContext)(null);
-/** Preserves the parent FormControl context (disabled, hasError, etc.) but clears
-*  inputId so each Checkbox inside the group generates its own unique id. */
-const ClearGroupInputId = ({ children }) => {
-	const parentContext = (0, react.useContext)(require_useFormField.FormControlContext);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useFormField.FormControlContext.Provider, {
-		value: {
-			...parentContext,
-			inputId: void 0
-		},
-		children
-	});
-};
-const CheckboxGroupItem = (props) => {
-	const { children } = props;
-	const checkboxProps = children.props;
-	const state = (0, react.useContext)(CheckboxGroupContext);
-	const ref = (0, react.useRef)();
-	const { inputProps } = (0, react_aria.useCheckboxGroupItem)({
-		...checkboxProps,
-		onChange: void 0,
-		isDisabled: checkboxProps.disabled,
-		isReadOnly: checkboxProps.readOnly,
-		isRequired: checkboxProps.required,
-		isIndeterminate: checkboxProps.indeterminate,
-		value: String(children.props.value),
-		"aria-label": (0, react_innertext.default)(checkboxProps.label)
-	}, state, ref);
-	return (0, react.cloneElement)(children, (0, react_aria.mergeProps)(inputProps, {
-		onChange: checkboxProps.onChange,
-		disabled: state.isDisabled || checkboxProps.disabled,
-		checked: state.isSelected(String(inputProps.value)),
-		ref
-	}));
-};
-const CheckboxGroupField = ({ children, name, onChange, disabled, readOnly, required, ...props }) => {
-	const reactAriaProps = {
-		...props,
-		description: props.helperText,
-		errorMessage: props.errorText,
-		onChange,
-		name,
-		isDisabled: disabled,
-		isReadOnly: readOnly,
-		isRequired: required
-	};
-	const state = (0, react_stately.useCheckboxGroupState)(reactAriaProps);
-	const { groupProps, labelProps, descriptionProps, errorMessageProps } = (0, react_aria.useCheckboxGroup)(reactAriaProps, state);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
-		labelProps,
-		helperProps: descriptionProps,
-		errorProps: errorMessageProps,
-		disabled,
-		...groupProps,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClearGroupInputId, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxGroupContext.Provider, {
-			value: state,
-			children: react.Children.map(children, (checkbox) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxGroupItem, { children: checkbox }))
-		}) })
-	});
-};
-//#endregion
-//#region components/FormField/ListBoxField.tsx
-const ListBoxField = ({ label, helperText, errorText, warningText, labelProps, helperProps, errorProps, warningProps, inputId, onAdd, onDelete, deleteDisabled, configField: configFieldProp, size = "md", actions = [], addDropdownConfig, selectedKeys: selectedKeysProp, onSelectionChange, defaultSelectedKeys, ...props }) => {
-	const { configField } = require_useFormGroup.useFormGroup({ configField: configFieldProp });
-	const menuActions = [...actions];
-	const [selectedKeysState, setSelectedKeys] = (0, react.useState)(defaultSelectedKeys);
-	const selectedKeys = selectedKeysProp ?? selectedKeysState;
-	const effectiveSize = configField ? "sm" : size;
-	if (onDelete) menuActions.unshift({
-		label: "Delete",
-		onClick: () => onDelete(selectedKeys),
-		disabled: deleteDisabled || selectedKeys == null || typeof selectedKeys === "object" && [...selectedKeys].length === 0
-	});
-	const addButton = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
-		size: "sm",
-		onClick: onAdd,
-		"aria-label": "Add item to list",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.PlusIcon, {})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
-		label,
-		helperText,
-		errorText,
-		warningText,
-		labelProps,
-		helperProps,
-		errorProps,
-		warningProps,
-		inputId,
-		configField,
-		rightActions: configField && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			menuActions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu_default, {
-				trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
-					"aria-label": "Actions",
-					size: "sm",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.MoreIcon, {})
-				}),
-				portal: true,
-				children: menuActions.map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Menu.MenuItem, {
-					...action,
-					onClick: () => action.onClick(selectedKeys),
-					size: effectiveSize,
-					children: action.label
-				}, action.label))
-			}),
-			onAdd && !addDropdownConfig && addButton,
-			addDropdownConfig && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu_default, {
-				trigger: addButton,
-				align: "start",
-				portal: true,
-				children: addDropdownConfig.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Menu.MenuItem, {
-					...option,
-					onClick: () => addDropdownConfig.onSelection(option.value),
-					size: effectiveSize,
-					children: option.label
-				}, option.value))
-			})
-		] }),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ListBox.ListBox, {
-			id: inputId,
-			fullWidth: configField,
-			size: effectiveSize,
-			deleteDisabled,
-			selectedKeys,
-			onSelectionChange: (keys) => {
-				onSelectionChange?.(keys);
-				setSelectedKeys(keys);
-			},
-			...props
-		})
-	});
-};
-//#endregion
-//#region components/FormField/TableBoxField.tsx
-const TableBoxField = ({ label, helperText, errorText, warningText, labelProps: labelPropsProp, helperProps, errorProps, warningProps, inputId, onAdd, onDelete, deleteDisabled, configField: configFieldProp = true, actions = [], addDropdownConfig, selectedKey: selectedKeyProp, onSelectionChange, defaultSelectedKey, selectionMode, disabled, createNewRow, children, emptyText = "No data", ...props }) => {
-	const { configField } = require_useFormGroup.useFormGroup({ configField: configFieldProp });
-	const menuActions = [...actions];
-	const [selectedKeyState, setSelectedKey] = (0, react.useState)(defaultSelectedKey);
-	const selectedKey = selectedKeyProp ?? selectedKeyState;
-	const [newRowId, setNewRowId] = (0, react.useState)(null);
-	const labelProps = {
-		size: "sm",
-		...labelPropsProp
-	};
-	const handleCreateNewRow = () => {
-		if (createNewRow) setNewRowId(createNewRow());
-	};
-	const handleAddClick = (e) => {
-		if (createNewRow) handleCreateNewRow();
-		else if (onAdd) onAdd(e);
-	};
-	if (onDelete) menuActions.unshift({
-		label: "Delete",
-		onClick: () => selectedKey && onDelete(selectedKey),
-		disabled: deleteDisabled || selectedKey == null
-	});
-	const addButton = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
-		size: "sm",
-		onClick: handleAddClick,
-		"aria-label": "Add item to table",
-		disabled,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.PlusIcon, {})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
-		label,
-		helperText,
-		errorText,
-		warningText,
-		labelProps,
-		helperProps,
-		errorProps,
-		warningProps,
-		inputId,
-		rightActions: configField && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			menuActions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu_default, {
-				trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
-					"aria-label": "Actions",
-					size: "sm",
-					disabled,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.MoreIcon, {})
-				}),
-				portal: true,
-				children: menuActions.map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Menu.MenuItem, {
-					...action,
-					disabled: disabled || action.disabled,
-					onClick: () => action.onClick(selectedKey),
-					size: "sm",
-					children: action.label
-				}, action.label))
-			}),
-			(onAdd || createNewRow) && !addDropdownConfig && addButton,
-			addDropdownConfig && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu_default, {
-				trigger: addButton,
-				portal: true,
-				children: addDropdownConfig.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Menu.MenuItem, {
-					...option,
-					onClick: () => addDropdownConfig.onSelection(option.value),
-					size: "sm",
-					children: option.label
-				}, option.value))
-			})
-		] }),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TableBox.TableBox, {
-			"aria-label": `${label} table`,
-			selectedKey,
-			onSelectionChange: (key) => {
-				onSelectionChange?.(key);
-				setSelectedKey(key);
-			},
-			selectionMode,
-			newRowId,
-			onCreateNewRow: createNewRow ? handleCreateNewRow : void 0,
-			emptyText,
-			disabled,
-			...props,
-			children
-		})
-	});
-};
-TableBoxField.Row = require_TableBox.TableBox.Row;
-TableBoxField.Cell = require_TableBox.TableBox.Cell;
-//#endregion
-exports.CheckboxField = CheckboxField;
-exports.CheckboxGroupField = CheckboxGroupField;
-exports.ComboboxField = ComboboxField;
-exports.FormField = FormField;
-exports.ListBoxField = ListBoxField;
-exports.RadioGroupField = RadioGroupField;
-exports.SegmentedControlField = SegmentedControlField;
-exports.SelectField = SelectField;
-exports.TableBoxField = TableBoxField;
-exports.TextAreaField = TextAreaField;
-exports.TextField = TextField;
-exports.ToggleField = ToggleField;
-exports.default = FormField;
-exports.splitOutFormFieldProps = splitOutFormFieldProps;
-
-//# sourceMappingURL=index.cjs.map
+const require_FormField = require("../../FormField-D3XhxTMg.cjs");
+exports.CheckboxField = require_FormField.CheckboxField;
+exports.CheckboxGroupField = require_FormField.CheckboxGroupField;
+exports.ComboboxField = require_FormField.ComboboxField;
+exports.FormField = require_FormField.FormField;
+exports.ListBoxField = require_FormField.ListBoxField;
+exports.RadioGroupField = require_FormField.RadioGroupField;
+exports.SegmentedControlField = require_FormField.SegmentedControlField;
+exports.SelectField = require_FormField.SelectField;
+exports.TableBoxField = require_FormField.TableBoxField;
+exports.TextAreaField = require_FormField.TextAreaField;
+exports.TextField = require_FormField.TextField;
+exports.ToggleField = require_FormField.ToggleField;
+exports.default = require_FormField.FormField;
+exports.splitOutFormFieldProps = require_FormField.splitOutFormFieldProps;

package/dist/components/FormField/index.d.cts

@@ -1,6 +1,6 @@
-import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "../../FormField-Cqwi_PyR.cjs";
+import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "../../FormField-idNLw5PW.cjs";
 import { CheckboxField, CheckboxFieldProps, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, ImplementsFormField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps } from "../../inputFields.cjs";
 import CheckboxGroupField from "../../CheckboxGroupField.cjs";
 import ListBoxField from "../../ListBoxField.cjs";
-import TableBoxField from "../../TableBoxField.cjs";
-export { CheckboxField, CheckboxFieldProps, CheckboxGroupField, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, FormField, FormField as default, FormFieldBaseProps, FormFieldProps, ImplementsFormField, ListBoxField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TableBoxField, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps };
+import TableBoxField, { TableBoxFieldAction, TableBoxFieldActionEntry, TableBoxFieldActionGroup } from "../../TableBoxField.cjs";
+export { CheckboxField, CheckboxFieldProps, CheckboxGroupField, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, FormField, FormField as default, FormFieldBaseProps, FormFieldProps, ImplementsFormField, ListBoxField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TableBoxField, type TableBoxFieldAction, type TableBoxFieldActionEntry, type TableBoxFieldActionGroup, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps };

package/dist/components/FormField/index.d.mts

@@ -1,6 +1,6 @@
-import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "../../FormField-24UPuoL6.mjs";
+import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "../../FormField-BugkBvN4.mjs";
 import { CheckboxField, CheckboxFieldProps, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, ImplementsFormField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps } from "../../inputFields.mjs";
 import CheckboxGroupField from "../../CheckboxGroupField.mjs";
 import ListBoxField from "../../ListBoxField.mjs";
-import TableBoxField from "../../TableBoxField.mjs";
-export { CheckboxField, CheckboxFieldProps, CheckboxGroupField, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, FormField, FormField as default, FormFieldBaseProps, FormFieldProps, ImplementsFormField, ListBoxField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TableBoxField, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps };
+import TableBoxField, { TableBoxFieldAction, TableBoxFieldActionEntry, TableBoxFieldActionGroup } from "../../TableBoxField.mjs";
+export { CheckboxField, CheckboxFieldProps, CheckboxGroupField, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, FormField, FormField as default, FormFieldBaseProps, FormFieldProps, ImplementsFormField, ListBoxField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TableBoxField, type TableBoxFieldAction, type TableBoxFieldActionEntry, type TableBoxFieldActionGroup, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps };