@reopt-ai/opt-ui 1.14.0 → 1.15.0

package/dist/{key-pad-menu-CqFI6la9.js → key-pad-menu-BCOeYvsH.js}

@@ -1,14 +1,14 @@
 "use client";
-import { Bt as SelectItem$1, Ht as SelectPopover$1, In as OPT_ANIMATE_DRAWER, Ln as OPT_ANIMATE_ENTER_EXIT, Mn as FieldMessages, Nn as RequiredMark, Pn as getDescribedBy, Qn as OPT_FOCUS_VISIBLE, Sn as koBreadcrumbLabels, Un as OPT_BORDER, Ut as SelectRoot$1, Wt as SelectTrigger$1, Zn as OPT_FOCUS, _n as Spinner, _r as cn, b as formatOptNumber, dr as OPT_TEXT_SECONDARY, er as OPT_INPUT, fr as OPT_TEXT_TERTIARY, hr as _objectWithoutProperties, jn as useControlledState, mr as _objectSpread2, rr as OPT_SURFACE, ur as OPT_TEXT_PRIMARY, vn as Badge, xn as Button } from "./text-truncate-Bd-0WkSP.js";
+import { Bn as OPT_ANIMATE_ENTER_EXIT, Cn as koBreadcrumbLabels, Fn as FieldMessages, Gt as SelectTrigger$1, In as RequiredMark, Kn as OPT_BORDER, Ln as getDescribedBy, Pn as useControlledState, Sn as Button, Ut as SelectPopover$1, Vt as SelectItem$1, Wt as SelectRoot$1, _r as _objectSpread2, b as formatOptNumber, br as cn, er as OPT_FOCUS, hr as OPT_TEXT_TERTIARY, it as isComposingKey, mr as OPT_TEXT_SECONDARY, or as OPT_SURFACE, pr as OPT_TEXT_PRIMARY, rr as OPT_INPUT, tr as OPT_FOCUS_VISIBLE, vn as Spinner, vr as _objectWithoutProperties, yn as Badge, zn as OPT_ANIMATE_DRAWER } from "./text-truncate-B-8nJgnu.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { createContext, createElement, forwardRef, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, DialogDismiss, DialogPanel, DialogRoot, RadioGroupRoot, Separator, Toggle, ToggleGroup, useDialogClose, useRadioGroupContext } from "@reopt-ai/opt-ui-primitives";
+import { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, DialogDismiss, DialogPanel, DialogRoot, RadioGroupRoot, Separator, useDialogClose, useRadioGroupContext } from "@reopt-ai/opt-ui-primitives";
 import { Check, ChevronDown, Pencil, X } from "lucide-react";
 import { Mesh, Program, Renderer, Triangle } from "ogl";
 import { hexToSrgb } from "@reopt-ai/opt-palette";
 //#region src/core/text.tsx
-const _excluded$11 = [
+const _excluded$10 = [
 	"as",
 	"variant",
 	"tone",
@@ -24,7 +24,7 @@ const toneStyles$1 = {
 };
 /** Semantic body text whose visual role is controlled by foundation tokens. */
 function Text(_ref) {
-	let { as, variant = "body", tone = "primary", truncate = false, className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$11);
+	let { as, variant = "body", tone = "primary", truncate = false, className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$10);
 	const Component = as !== null && as !== void 0 ? as : "span";
 	const elementProps = _objectSpread2(_objectSpread2({}, props), {}, {
 		className: cn(`opt-type-${variant}`, toneStyles$1[tone], truncate && "truncate", className),
@@ -39,7 +39,7 @@ function Text(_ref) {
 }
 //#endregion
 //#region src/core/heading.tsx
-const _excluded$10 = [
+const _excluded$9 = [
 	"level",
 	"variant",
 	"className",
@@ -47,7 +47,7 @@ const _excluded$10 = [
 ];
 /** Semantic heading with independently selectable visual hierarchy. */
 function Heading(_ref) {
-	let { level = 2, variant = `heading-${level}`, className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$10);
+	let { level = 2, variant = `heading-${level}`, className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$9);
 	const Component = {
 		1: "h1",
 		2: "h2",
@@ -265,47 +265,6 @@ function OtpField({ length = 6, value: controlledValue, defaultValue = "", onCha
 }
 OtpField.displayName = "OtpField";
 //#endregion
-//#region src/core/toggle.tsx
-const _excluded$9 = [
-	"size",
-	"className",
-	"children"
-];
-const _excluded2$5 = [
-	"className",
-	"children",
-	"orientation"
-];
-const sizeStyles$6 = {
-	sm: "h-8 min-w-8 px-2 text-xs gap-1.5",
-	md: "h-10 min-w-10 px-3 text-sm gap-2"
-};
-const toggleBase = cn("inline-flex cursor-pointer items-center justify-center rounded-md border border-border bg-surface font-medium text-text-secondary", "hover:bg-bg-subtle hover:text-text-primary", "data-[pressed]:border-accent data-[pressed]:bg-accent-subtle data-[pressed]:text-accent", "disabled:pointer-events-none disabled:opacity-40", OPT_FOCUS_VISIBLE);
-/** A two-state (pressed) button. Use standalone or inside `ToggleGroup`. */
-function Toggle$1(_ref) {
-	let { size = "md", className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$9);
-	return /* @__PURE__ */ jsx(Toggle, _objectSpread2(_objectSpread2({ className: cn(toggleBase, sizeStyles$6[size], className) }, props), {}, {
-		"data-opt-id": "GFCMY",
-		"data-opt-slug": "toggle.Toggle",
-		children
-	}));
-}
-Toggle$1.displayName = "Toggle";
-/** A set of related toggles with shared selection and keyboard navigation. */
-function ToggleGroup$1(_ref2) {
-	let { className, children, orientation = "horizontal" } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$5);
-	return /* @__PURE__ */ jsx(ToggleGroup, _objectSpread2(_objectSpread2({
-		orientation,
-		"aria-orientation": orientation,
-		className: cn("inline-flex gap-1", orientation === "vertical" ? "flex-col" : "flex-row", className)
-	}, props), {}, {
-		"data-opt-id": "47J37",
-		"data-opt-slug": "toggle.ToggleGroup",
-		children
-	}));
-}
-ToggleGroup$1.displayName = "ToggleGroup";
-//#endregion
 //#region src/core/accordion.tsx
 const _excluded$8 = ["className"];
 const _excluded2$4 = ["className"];
@@ -3689,6 +3648,7 @@ function ColorPalettePicker({ palettes, value, onValueChange, label = "Colour pa
 //#endregion
 //#region src/core/inline-edit.tsx
 const defaultLabels = {
+	input: "Value",
 	edit: (value) => `Edit ${value}`,
 	save: "Save",
 	cancel: "Cancel",
@@ -3724,24 +3684,39 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 	const [rejected, setRejected] = useState(false);
 	const [saving, setSaving] = useState(false);
 	const inputRef = useRef(null);
+	const rootRef = useRef(null);
+	const readButtonRef = useRef(null);
+	const restoreFocusRef = useRef(false);
+	const savingRef = useRef(false);
+	const errorId = useId();
 	useEffect(() => {
 		if (!editing) setDraft(value);
 	}, [value, editing]);
-	useEffect(() => {
+	useLayoutEffect(() => {
 		if (editing) {
 			var _inputRef$current, _inputRef$current2;
 			(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
 			(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.select();
+		} else if (restoreFocusRef.current) {
+			var _readButtonRef$curren;
+			restoreFocusRef.current = false;
+			(_readButtonRef$curren = readButtonRef.current) === null || _readButtonRef$curren === void 0 || _readButtonRef$curren.focus();
 		}
 	}, [editing]);
-	const commit = async () => {
-		if (saving) return;
+	const finishEditing = (restoreFocus) => {
+		var _rootRef$current;
+		restoreFocusRef.current = restoreFocus && (document.activeElement === document.body || Boolean((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.contains(document.activeElement)));
+		setEditing(false);
+	};
+	const commit = async (restoreFocus) => {
+		if (savingRef.current || disabled) return;
 		const next = draft.trim();
 		if (next === value) {
-			setEditing(false);
+			finishEditing(restoreFocus);
 			setRejected(false);
 			return;
 		}
+		savingRef.current = true;
 		setSaving(true);
 		try {
 			if (await onSave(next) === false) {
@@ -3749,26 +3724,35 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 				return;
 			}
 			setRejected(false);
-			setEditing(false);
+			finishEditing(restoreFocus);
+		} catch (_unused) {
+			setRejected(true);
 		} finally {
+			savingRef.current = false;
 			setSaving(false);
 		}
 	};
 	const cancel = () => {
+		if (savingRef.current) return;
 		setDraft(value);
 		setRejected(false);
-		setEditing(false);
+		finishEditing(true);
 	};
 	const handleKeyDown = (event) => {
+		if (isComposingKey(event)) return;
 		if (event.key === "Enter") {
 			event.preventDefault();
-			commit();
+			commit(true);
 		} else if (event.key === "Escape") {
 			event.preventDefault();
 			cancel();
 		}
 	};
 	if (editing) return /* @__PURE__ */ jsxs("span", {
+		ref: rootRef,
+		onBlur: (event) => {
+			if (!event.currentTarget.contains(event.relatedTarget)) commit(false);
+		},
 		className: cn("inline-flex min-w-0 items-center gap-element", className),
 		"data-opt-id": "RQ0H2",
 		"data-opt-slug": "inline-edit.InlineEdit",
@@ -3781,16 +3765,18 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 					setRejected(false);
 				},
 				onKeyDown: handleKeyDown,
-				onBlur: () => void commit(),
 				placeholder,
 				maxLength,
-				disabled: saving,
+				readOnly: saving || disabled,
+				"aria-busy": saving || void 0,
+				"aria-label": text.input,
 				"aria-invalid": rejected || void 0,
-				"aria-errormessage": rejected ? "inline-edit-error" : void 0,
+				"aria-errormessage": rejected ? errorId : void 0,
+				"aria-describedby": rejected ? errorId : void 0,
 				className: cn(OPT_INPUT, sizeStyles$1[size], "min-w-0 flex-1")
 			}),
 			rejected && /* @__PURE__ */ jsx("span", {
-				id: "inline-edit-error",
+				id: errorId,
 				role: "alert",
 				className: "sr-only",
 				children: text.invalid
@@ -3798,9 +3784,9 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 			/* @__PURE__ */ jsx("button", {
 				type: "button",
 				"aria-label": text.save,
-				disabled: saving,
+				disabled: saving || disabled,
 				onMouseDown: (event) => event.preventDefault(),
-				onClick: () => void commit(),
+				onClick: () => void commit(true),
 				className: cn("text-success hover:bg-success-subtle rounded-md p-1", OPT_FOCUS_VISIBLE),
 				children: /* @__PURE__ */ jsx(Check, {
 					className: "size-4",
@@ -3810,6 +3796,7 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 			/* @__PURE__ */ jsx("button", {
 				type: "button",
 				"aria-label": text.cancel,
+				disabled: saving,
 				onMouseDown: (event) => event.preventDefault(),
 				onClick: cancel,
 				className: cn("text-text-tertiary hover:bg-bg-subtle rounded-md p-1", OPT_FOCUS_VISIBLE),
@@ -3821,10 +3808,12 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 		]
 	});
 	return /* @__PURE__ */ jsxs("span", {
+		ref: rootRef,
 		className: cn("inline-flex min-w-0 items-center gap-element", className),
 		"data-opt-id": "RQ0H2",
 		"data-opt-slug": "inline-edit.InlineEdit",
 		children: [/* @__PURE__ */ jsxs("button", {
+			ref: readButtonRef,
 			type: "button",
 			disabled,
 			onClick: () => setEditing(true),
@@ -3925,4 +3914,4 @@ function KeyPadMenu({ items, label, selection = "single", value, onValueChange,
 	});
 }
 //#endregion
-export { OtpField as $, LoadingOverlay as A, CardFooter as B, Logo as C, PageHeader as D, ScrollArea as E, CircularProgress as F, AvatarGroup as G, CardTitle as H, Progress as I, AccordionItem$1 as J, Breadcrumb as K, Card as L, RadioGroup as M, ConditionBuilder as N, createBlock as O, StepBuilder as P, ToggleGroup$1 as Q, CardContent as R, DrawerRoot as S, Container as T, Identity as U, CardHeader as V, Avatar as W, AccordionTrigger$1 as X, AccordionRoot$1 as Y, Toggle$1 as Z, getShaderFragment as _, THEME_PALETTES as a, DrawerClose as b, ExpressionGroup as c, ShaderSurface as d, Separator$1 as et, SHADER_OVERLAY_PARAM_KEYS as f, SHADER_PRESET_IDS as g, SHADER_PRESETS as h, ColorPalettePicker as i, Radio$1 as j, BlockLayout as k, Facet as l, SHADER_PARAM_KEYS as m, InlineEdit as n, Text as nt, LiveRegion as o, SHADER_PARAM_FALLBACK as p, AccordionContent$1 as q, ColorPaletteDisplay as r, Expression as s, KeyPadMenu as t, Heading as tt, FacetGroup as u, getShaderPreset as v, Section as w, DrawerPanel as x, VirtualList as y, CardDescription as z };
+export { Heading as $, LoadingOverlay as A, CardFooter as B, Logo as C, PageHeader as D, ScrollArea as E, CircularProgress as F, AvatarGroup as G, CardTitle as H, Progress as I, AccordionItem$1 as J, Breadcrumb as K, Card as L, RadioGroup as M, ConditionBuilder as N, createBlock as O, StepBuilder as P, Separator$1 as Q, CardContent as R, DrawerRoot as S, Container as T, Identity as U, CardHeader as V, Avatar as W, AccordionTrigger$1 as X, AccordionRoot$1 as Y, OtpField as Z, getShaderFragment as _, THEME_PALETTES as a, DrawerClose as b, ExpressionGroup as c, ShaderSurface as d, Text as et, SHADER_OVERLAY_PARAM_KEYS as f, SHADER_PRESET_IDS as g, SHADER_PRESETS as h, ColorPalettePicker as i, Radio$1 as j, BlockLayout as k, Facet as l, SHADER_PARAM_KEYS as m, InlineEdit as n, LiveRegion as o, SHADER_PARAM_FALLBACK as p, AccordionContent$1 as q, ColorPaletteDisplay as r, Expression as s, KeyPadMenu as t, FacetGroup as u, getShaderPreset as v, Section as w, DrawerPanel as x, VirtualList as y, CardDescription as z };

package/dist/{key-pad-menu-D6pYzaj-.d.cts → key-pad-menu-CaIsTHB2.d.cts}

@@ -1,8 +1,8 @@
 
-import { U as StatCard$1, g as DateRangePickerProps } from "./text-truncate-Bbul-jMD.cjs";
+import { U as StatCard$1, g as DateRangePickerProps } from "./text-truncate-DOxUijpB.cjs";
 import * as React$1 from "react";
 import { CSSProperties, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, ReactNode } from "react";
-import { AccordionContentProps as PrimAccordionContentProps, AccordionItemProps as PrimAccordionItemProps, AccordionRootProps, AccordionTriggerProps as PrimAccordionTriggerProps, AlertDialogPanelProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputProps, ComboboxItemProps, ComboboxPopoverProps, ComboboxRootProps, Composite, CompositeItem, CompositeProvider, CompositeRow, DialogPanelProps, DialogRootProps, DisclosureContentProps as PrimDisclosureContentProps, DisclosureRootProps, DisclosureTriggerProps as PrimDisclosureTriggerProps, FormCheckboxProps, FormDescriptionProps, FormErrorProps, FormFieldProps, FormGroupLabelProps, FormGroupProps, FormInputProps, FormLabelProps, FormProvider, FormPushProps, FormRadioGroupProps, FormRadioProps, FormRemoveProps, FormResetProps, FormRootProps, FormStoreInstance, FormSubmitProps, FormSwitchProps, MenuButtonArrowProps, MenuItemCheckboxProps, MenuItemProps, MenuItemRadioProps, MenuPopoverProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps, MenubarContainerProps, MenubarRootProps, PopoverCloseProps, PopoverContentProps, PopoverRootProps, PopoverTriggerProps, SelectItemProps, SelectLabelProps, SelectPopoverProps, SelectRootProps, SelectTriggerProps, TabListProps, TabPanelProps, TabProps, TabsRootProps, ToggleGroupProps, ToggleProps, ToolbarButtonProps, ToolbarContainerProps, ToolbarRootProps, ToolbarSeparatorProps, TooltipAnchorProps, TooltipProps, TooltipRootProps, useFieldValue, useFormContext, useFormStore } from "@reopt-ai/opt-ui-primitives";
+import { AccordionContentProps as PrimAccordionContentProps, AccordionItemProps as PrimAccordionItemProps, AccordionRootProps, AccordionTriggerProps as PrimAccordionTriggerProps, AlertDialogPanelProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputProps, ComboboxItemProps, ComboboxPopoverProps, ComboboxRootProps, Composite, CompositeItem, CompositeProvider, CompositeRow, DialogPanelProps, DialogRootProps, DisclosureContentProps as PrimDisclosureContentProps, DisclosureRootProps, DisclosureTriggerProps as PrimDisclosureTriggerProps, FormCheckboxProps, FormDescriptionProps, FormErrorProps, FormFieldProps, FormGroupLabelProps, FormGroupProps, FormInputProps, FormLabelProps, FormProvider, FormPushProps, FormRadioGroupProps, FormRadioProps, FormRemoveProps, FormResetProps, FormRootProps, FormStoreInstance, FormSubmitProps, FormSwitchProps, FormTextareaProps, MenuButtonArrowProps, MenuItemCheckboxProps, MenuItemProps, MenuItemRadioProps, MenuPopoverProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps, MenubarContainerProps, MenubarRootProps, PopoverCloseProps, PopoverContentProps, PopoverRootProps, PopoverTriggerProps, SelectItemProps, SelectLabelProps, SelectPopoverProps, SelectRootProps, SelectTriggerProps, TabListProps, TabPanelProps, TabProps, TabsRootProps, ToggleGroupProps, ToggleProps, ToolbarButtonProps, ToolbarContainerProps, ToolbarRootProps, ToolbarSeparatorProps, TooltipAnchorProps, TooltipProps, TooltipRootProps, useFieldValue, useFormContext, useFormStore } from "@reopt-ai/opt-ui-primitives";
 import { GroupImperativeHandle, GroupProps, Layout, PanelImperativeHandle, PanelProps, PanelSize, SeparatorProps } from "react-resizable-panels";
 //#region src/core/kbd.d.ts
 /** Props for the kbd component. */
@@ -1144,6 +1144,8 @@ interface SliderProps {
   value?: number;
   defaultValue?: number;
   onChange?: (value: number) => void;
+  /** Called once when a pointer or keyboard edit finishes; useful for expensive seeks. */
+  onValueCommit?: (value: number) => void;
   min?: number;
   max?: number;
   step?: number;
@@ -1157,7 +1159,7 @@ interface SliderProps {
   "aria-label"?: string;
 }
 /** Renders the slider component. */
-declare function Slider({ value: controlledValue, defaultValue, onChange, min, max, step, label, showValue, formatValue, disabled, className, "aria-label": ariaLabel }: SliderProps): import("react").JSX.Element;
+declare function Slider({ value: controlledValue, defaultValue, onChange, onValueCommit, min, max, step, label, showValue, formatValue, disabled, className, "aria-label": ariaLabel }: SliderProps): import("react").JSX.Element;
 declare namespace Slider {
   var displayName: string;
 }
@@ -1260,23 +1262,24 @@ type FormInputProps$1 = FormInputProps;
 /** Renders the form input component. */
 declare function FormInput({ className, ...props }: FormInputProps$1): import("react").JSX.Element;
 /** Props for the form textarea component. */
-type FormTextareaProps = Omit<ComponentPropsWithoutRef<"textarea">, "name"> & {
-  name: string;
+type FormTextareaProps$1 = FormTextareaProps & {
   resize?: "none" | "vertical" | "horizontal" | "both";
 };
 /** Renders the form textarea component. */
-declare function FormTextarea({ className, resize, rows, name, ...props }: FormTextareaProps): import("react").JSX.Element;
+declare function FormTextarea({ className, resize, rows, name, ...props }: FormTextareaProps$1): import("react").JSX.Element;
 /** Props for the form select component. */
 type FormSelectProps = {
   name: string;
+  id?: string;
   children: React.ReactNode;
   className?: string;
   placeholder?: string;
   minWidth?: number | string;
   "aria-label"?: string;
+  "aria-describedby"?: string;
 };
 /** Renders the form select component. */
-declare function FormSelect({ name, children, className, placeholder, minWidth, "aria-label": ariaLabel }: FormSelectProps): import("react").JSX.Element;
+declare function FormSelect({ name, id, children, className, placeholder, minWidth, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy }: FormSelectProps): import("react").JSX.Element;
 type FormSelectPopoverProps = ComponentPropsWithoutRef<typeof SelectPopover>;
 /** Renders the form select popover component. */
 declare function FormSelectPopover({ className, ...props }: FormSelectPopoverProps): import("react").JSX.Element;
@@ -2195,6 +2198,7 @@ declare function ColorPalettePicker({ palettes, value, onValueChange, label, hid
 //#region src/core/inline-edit.d.ts
 /** Localized strings for inline editing. */
 interface InlineEditLabels {
+  input?: string;
   edit?: (value: string) => string;
   save?: string;
   cancel?: string;
@@ -2299,4 +2303,4 @@ interface KeyPadMenuProps {
  */
 declare function KeyPadMenu({ items, label, selection, value, onValueChange, columns, size, hideLabel, className }: KeyPadMenuProps): import("react").JSX.Element;
 //#endregion
-export { DrawerSize as $, DescriptionListLabels as $i, ToolbarButton as $n, DisclosureContent as $r, FormColorPicker as $t, ShaderSurfaceHandle as A, TextElement as Aa, AlertProps as Ai, FormSubmit as An, DialogFooter as Ar, CheckboxGroupProps as At, ShaderPresetCategory as B, CardDescription as Bi, TagInput as Bn, SelectPopover as Br, PopoverRoot as Bt, Facet as C, Separator as Ca, SkeletonTable as Ci, FormSelectItem as Cn, AlertDialogPanel as Cr, BlockLayoutProps as Ct, FacetItem as D, HeadingProps as Da, Input as Di, FormSliderProps as Dn, DialogDescription as Dr, RadioProps as Dt, FacetGroupProps as E, HeadingLevel as Ea, SwitchProps as Ei, FormSlider as En, DialogBodyProps as Er, RadioGroupProps as Et, SHADER_PRESETS as F, KbdProps as Fa, Button as Fi, FormTextarea as Fn, DialogPanel as Fr, DropdownSeparator as Ft, VirtualListProps as G, CardHeaderProps as Gi, ColorPicker as Gn, TabListProps$1 as Gr, ConditionDef as Gt, getShaderFragment as H, CardFooter as Hi, IconDef as Hn, SelectTrigger as Hr, ConditionBuilder as Ht, SHADER_PRESET_IDS as I, ButtonProps as Ii, FormTextareaProps as In, DialogRoot as Ir, DropdownTrigger as It, DrawerClose as J, CardTitleProps as Ji, StarRatingProps as Jn, TabProps$1 as Jr, ConditionTypeRenderer as Jt, Pagination as K, CardProps as Ki, ColorPickerProps as Kn, TabPanel as Kr, ConditionGroup as Kt, ShaderParamKey as L, Card as Li, useFieldValue as Ln, DialogSize as Lr, PopoverClose as Lt, SHADER_OVERLAY_PARAM_KEYS as M, TextRole as Ma, SpinnerProps as Mi, FormSwitchProps$1 as Mn, DialogHeader as Mr, DropdownContent as Mt, SHADER_PARAM_FALLBACK as N, TextTone as Na, Badge as Ni, FormTagInput as Nn, DialogHeaderProps as Nr, DropdownItem as Nt, FacetProps as O, HeadingRole as Oa, InputProps as Oi, FormStarRating as On, DialogDisclosure as Or, Checkbox as Ot, SHADER_PARAM_KEYS as P, Kbd as Pa, BadgeProps as Pi, FormTagInputProps as Pn, DialogHeading as Pr, DropdownMenu as Pt, DrawerSide as Q, DescriptionListItem as Qi, NumberInputProps as Qn, TabsVariant as Qr, FormCheckbox as Qt, ShaderParamSpec as R, CardContent as Ri, useFormContext as Rn, SelectItem as Rr, PopoverContent as Rt, ExpressionTone as S, OtpFieldProps as Sa, SkeletonProps as Si, FormSelect as Sn, ComboboxRoot as Sr, BlockLayout as St, FacetGroupLabels as T, Heading as Ta, Switch as Ti, FormSelectProps as Tn, DialogBody as Tr, RadioGroup as Tt, getShaderPreset as U, CardFooterProps as Ui, IconPicker as Un, Tab as Ur, ConditionBuilderLabels as Ut, ShaderPresetId as V, CardDescriptionProps as Vi, TagInputProps as Vn, SelectRoot as Vr, PopoverTrigger as Vt, VirtualList as W, CardHeader as Wi, IconPickerProps as Wn, TabList as Wr, ConditionBuilderProps as Wt, DrawerPanelProps as X, IdentityProps as Xi, SliderProps as Xn, TabsRoot as Xr, StepBuilderProps as Xt, DrawerPanel as Y, Identity as Yi, Slider as Yn, TabStatus as Yr, StepBuilder as Yt, DrawerRoot as Z, DescriptionList as Zi, NumberInput as Zn, TabsRootProps$1 as Zr, StepDef as Zt, HighlightProps as _, Toggle as _a, Textarea as _i, FormRadio as _n, ComboboxGroup as _r, ScrollAreaProps as _t, InlineEditLabels as a, BreadcrumbItem as aa, CompositeRow as ai, FormError as an, TooltipProvider as ar, PanelSize as at, ExpressionGroupProps as b, ToggleProps$1 as ba, SkeletonAvatar as bi, FormReset as bn, ComboboxItem as br, BlockBaseProps as bt, ColorPaletteDisplay as c, StatCardProps as ca, MeterProps as ci, FormGroupLabel as cn, MenuItemCheckbox as cr, ResizablePanel as ct, ColorPalettePickerProps as d, AccordionRoot as da, Progress as di, FormInput as dn, MenuRoot as dr, ResizablePanelProps as dt, DescriptionListProps as ea, DisclosureRoot as ei, FormColorPickerProps as en, ToolbarContainer as er, Logo as et, PaletteKind as f, AccordionRootProps as fa, ProgressProps as fi, FormLabel as fn, MenuSeparator as fr, Section as ft, Highlight as g, PrimAccordionTriggerProps as ga, AvatarProps as gi, FormPush as gn, ComboboxEmpty as gr, ScrollArea as gt, LiveRegionProps as h, PrimAccordionItemProps as ha, AvatarGroupProps as hi, FormProvider$1 as hn, MenubarRoot as hr, ContainerProps as ht, InlineEdit as i, Breadcrumb as ia, CompositeProvider as ii, FormDescription as in, TooltipAnchor as ir, PanelImperativeHandle as it, ShaderSurfaceProps as j, TextProps as ja, Spinner as ji, FormSwitch as jn, DialogFooterProps as jr, CheckboxProps as jt, ShaderSurface as k, Text as ka, Alert as ki, FormStarRatingProps as kn, DialogDismiss as kr, CheckboxGroup as kt, ColorPaletteDisplayProps as l, AccordionContent as la, CircularProgress as li, FormIconPicker as ln, MenuItemRadio as lr, ResizablePanelGroup as lt, LiveRegion as m, PrimAccordionContentProps as ma, AvatarGroup as mi, FormNumberInputProps as mn, MenubarContainer as mr, Container as mt, KeyPadMenu as n, EmptyStateAction as na, Composite as ni, FormDateRangePicker as nn, ToolbarSeparator as nr, GroupImperativeHandle as nt, InlineEditProps as o, BreadcrumbProps as oa, CompositeZone as oi, FormField as on, MenuButtonArrow as or, ResizableHandle as ot, THEME_PALETTES as p, AccordionTrigger as pa, Avatar as pi, FormNumberInput as pn, MenuTrigger as pr, SectionProps as pt, PaginationProps as q, CardTitle as qi, StarRating as qn, TabPanelProps$1 as qr, ConditionOperator as qt, KeyPadMenuProps as r, EmptyStateProps as ra, CompositeItem as ri, FormDateRangePickerProps as rn, Tooltip as rr, Layout as rt, ColorPalette as s, StatCard as sa, Meter as si, FormGroup as sn, MenuItem as sr, ResizableHandleProps as st, KeyPadItem as t, EmptyState as ta, DisclosureTrigger as ti, FormControl as tn, ToolbarRoot as tr, LogoProps as tt, ColorPalettePicker as u, AccordionItem as ua, CircularProgressProps as ui, FormIconPickerProps as un, MenuPopover as ur, ResizablePanelGroupProps as ut, Expression as v, ToggleGroup as va, TextareaProps as vi, FormRadioGroup as vn, ComboboxGroupLabel as vr, PageHeader as vt, FacetGroup as w, SeparatorProps$1 as wa, SkeletonText as wi, FormSelectPopover as wn, AlertDialogPanelProps$1 as wr, Radio as wt, ExpressionProps as x, OtpField as xa, SkeletonCard as xi, FormRoot as xn, ComboboxPopover as xr, createBlock as xt, ExpressionGroup as y, ToggleGroupProps$1 as ya, Skeleton as yi, FormRemove as yn, ComboboxInput as yr, PageHeaderProps as yt, ShaderPreset as z, CardContentProps as zi, useFormStore as zn, SelectLabel as zr, PopoverContentProps$1 as zt };
+export { DrawerSize as $, DescriptionListLabels as $i, ToolbarButton as $n, DisclosureContent as $r, FormColorPicker as $t, ShaderSurfaceHandle as A, TextElement as Aa, AlertProps as Ai, FormSubmit as An, DialogFooter as Ar, CheckboxGroupProps as At, ShaderPresetCategory as B, CardDescription as Bi, TagInput as Bn, SelectPopover as Br, PopoverRoot as Bt, Facet as C, Separator as Ca, SkeletonTable as Ci, FormSelectItem as Cn, AlertDialogPanel as Cr, BlockLayoutProps as Ct, FacetItem as D, HeadingProps as Da, Input as Di, FormSliderProps as Dn, DialogDescription as Dr, RadioProps as Dt, FacetGroupProps as E, HeadingLevel as Ea, SwitchProps as Ei, FormSlider as En, DialogBodyProps as Er, RadioGroupProps as Et, SHADER_PRESETS as F, KbdProps as Fa, Button as Fi, FormTextarea as Fn, DialogPanel as Fr, DropdownSeparator as Ft, VirtualListProps as G, CardHeaderProps as Gi, ColorPicker as Gn, TabListProps$1 as Gr, ConditionDef as Gt, getShaderFragment as H, CardFooter as Hi, IconDef as Hn, SelectTrigger as Hr, ConditionBuilder as Ht, SHADER_PRESET_IDS as I, ButtonProps as Ii, FormTextareaProps$1 as In, DialogRoot as Ir, DropdownTrigger as It, DrawerClose as J, CardTitleProps as Ji, StarRatingProps as Jn, TabProps$1 as Jr, ConditionTypeRenderer as Jt, Pagination as K, CardProps as Ki, ColorPickerProps as Kn, TabPanel as Kr, ConditionGroup as Kt, ShaderParamKey as L, Card as Li, useFieldValue as Ln, DialogSize as Lr, PopoverClose as Lt, SHADER_OVERLAY_PARAM_KEYS as M, TextRole as Ma, SpinnerProps as Mi, FormSwitchProps$1 as Mn, DialogHeader as Mr, DropdownContent as Mt, SHADER_PARAM_FALLBACK as N, TextTone as Na, Badge as Ni, FormTagInput as Nn, DialogHeaderProps as Nr, DropdownItem as Nt, FacetProps as O, HeadingRole as Oa, InputProps as Oi, FormStarRating as On, DialogDisclosure as Or, Checkbox as Ot, SHADER_PARAM_KEYS as P, Kbd as Pa, BadgeProps as Pi, FormTagInputProps as Pn, DialogHeading as Pr, DropdownMenu as Pt, DrawerSide as Q, DescriptionListItem as Qi, NumberInputProps as Qn, TabsVariant as Qr, FormCheckbox as Qt, ShaderParamSpec as R, CardContent as Ri, useFormContext as Rn, SelectItem as Rr, PopoverContent as Rt, ExpressionTone as S, OtpFieldProps as Sa, SkeletonProps as Si, FormSelect as Sn, ComboboxRoot as Sr, BlockLayout as St, FacetGroupLabels as T, Heading as Ta, Switch as Ti, FormSelectProps as Tn, DialogBody as Tr, RadioGroup as Tt, getShaderPreset as U, CardFooterProps as Ui, IconPicker as Un, Tab as Ur, ConditionBuilderLabels as Ut, ShaderPresetId as V, CardDescriptionProps as Vi, TagInputProps as Vn, SelectRoot as Vr, PopoverTrigger as Vt, VirtualList as W, CardHeader as Wi, IconPickerProps as Wn, TabList as Wr, ConditionBuilderProps as Wt, DrawerPanelProps as X, IdentityProps as Xi, SliderProps as Xn, TabsRoot as Xr, StepBuilderProps as Xt, DrawerPanel as Y, Identity as Yi, Slider as Yn, TabStatus as Yr, StepBuilder as Yt, DrawerRoot as Z, DescriptionList as Zi, NumberInput as Zn, TabsRootProps$1 as Zr, StepDef as Zt, HighlightProps as _, Toggle as _a, Textarea as _i, FormRadio as _n, ComboboxGroup as _r, ScrollAreaProps as _t, InlineEditLabels as a, BreadcrumbItem as aa, CompositeRow as ai, FormError as an, TooltipProvider as ar, PanelSize as at, ExpressionGroupProps as b, ToggleProps$1 as ba, SkeletonAvatar as bi, FormReset as bn, ComboboxItem as br, BlockBaseProps as bt, ColorPaletteDisplay as c, StatCardProps as ca, MeterProps as ci, FormGroupLabel as cn, MenuItemCheckbox as cr, ResizablePanel as ct, ColorPalettePickerProps as d, AccordionRoot as da, Progress as di, FormInput as dn, MenuRoot as dr, ResizablePanelProps as dt, DescriptionListProps as ea, DisclosureRoot as ei, FormColorPickerProps as en, ToolbarContainer as er, Logo as et, PaletteKind as f, AccordionRootProps as fa, ProgressProps as fi, FormLabel as fn, MenuSeparator as fr, Section as ft, Highlight as g, PrimAccordionTriggerProps as ga, AvatarProps as gi, FormPush as gn, ComboboxEmpty as gr, ScrollArea as gt, LiveRegionProps as h, PrimAccordionItemProps as ha, AvatarGroupProps as hi, FormProvider$1 as hn, MenubarRoot as hr, ContainerProps as ht, InlineEdit as i, Breadcrumb as ia, CompositeProvider as ii, FormDescription as in, TooltipAnchor as ir, PanelImperativeHandle as it, ShaderSurfaceProps as j, TextProps as ja, Spinner as ji, FormSwitch as jn, DialogFooterProps as jr, CheckboxProps as jt, ShaderSurface as k, Text as ka, Alert as ki, FormStarRatingProps as kn, DialogDismiss as kr, CheckboxGroup as kt, ColorPaletteDisplayProps as l, AccordionContent as la, CircularProgress as li, FormIconPicker as ln, MenuItemRadio as lr, ResizablePanelGroup as lt, LiveRegion as m, PrimAccordionContentProps as ma, AvatarGroup as mi, FormNumberInputProps as mn, MenubarContainer as mr, Container as mt, KeyPadMenu as n, EmptyStateAction as na, Composite as ni, FormDateRangePicker as nn, ToolbarSeparator as nr, GroupImperativeHandle as nt, InlineEditProps as o, BreadcrumbProps as oa, CompositeZone as oi, FormField as on, MenuButtonArrow as or, ResizableHandle as ot, THEME_PALETTES as p, AccordionTrigger as pa, Avatar as pi, FormNumberInput as pn, MenuTrigger as pr, SectionProps as pt, PaginationProps as q, CardTitle as qi, StarRating as qn, TabPanelProps$1 as qr, ConditionOperator as qt, KeyPadMenuProps as r, EmptyStateProps as ra, CompositeItem as ri, FormDateRangePickerProps as rn, Tooltip as rr, Layout as rt, ColorPalette as s, StatCard as sa, Meter as si, FormGroup as sn, MenuItem as sr, ResizableHandleProps as st, KeyPadItem as t, EmptyState as ta, DisclosureTrigger as ti, FormControl as tn, ToolbarRoot as tr, LogoProps as tt, ColorPalettePicker as u, AccordionItem as ua, CircularProgressProps as ui, FormIconPickerProps as un, MenuPopover as ur, ResizablePanelGroupProps as ut, Expression as v, ToggleGroup as va, TextareaProps as vi, FormRadioGroup as vn, ComboboxGroupLabel as vr, PageHeader as vt, FacetGroup as w, SeparatorProps$1 as wa, SkeletonText as wi, FormSelectPopover as wn, AlertDialogPanelProps$1 as wr, Radio as wt, ExpressionProps as x, OtpField as xa, SkeletonCard as xi, FormRoot as xn, ComboboxPopover as xr, createBlock as xt, ExpressionGroup as y, ToggleGroupProps$1 as ya, Skeleton as yi, FormRemove as yn, ComboboxInput as yr, PageHeaderProps as yt, ShaderPreset as z, CardContentProps as zi, useFormStore as zn, SelectLabel as zr, PopoverContentProps$1 as zt };

package/dist/{key-pad-menu-BgtSL3xe.cjs → key-pad-menu-Jaqxhx9P.cjs}

@@ -1,5 +1,5 @@
 "use client";
-const require_text_truncate = require("./text-truncate-BeYW6XZu.cjs");
+const require_text_truncate = require("./text-truncate-gQhpMy-Z.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_text_truncate.__toESM(react, 1);
@@ -8,7 +8,7 @@ let lucide_react = require("lucide-react");
 let ogl = require("ogl");
 let _reopt_ai_opt_palette = require("@reopt-ai/opt-palette");
 //#region src/core/text.tsx
-const _excluded$11 = [
+const _excluded$10 = [
 	"as",
 	"variant",
 	"tone",
@@ -24,7 +24,7 @@ const toneStyles$1 = {
 };
 /** Semantic body text whose visual role is controlled by foundation tokens. */
 function Text(_ref) {
-	let { as, variant = "body", tone = "primary", truncate = false, className, children } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$11);
+	let { as, variant = "body", tone = "primary", truncate = false, className, children } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$10);
 	const Component = as !== null && as !== void 0 ? as : "span";
 	const elementProps = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, props), {}, {
 		className: require_text_truncate.cn(`opt-type-${variant}`, toneStyles$1[tone], truncate && "truncate", className),
@@ -39,7 +39,7 @@ function Text(_ref) {
 }
 //#endregion
 //#region src/core/heading.tsx
-const _excluded$10 = [
+const _excluded$9 = [
 	"level",
 	"variant",
 	"className",
@@ -47,7 +47,7 @@ const _excluded$10 = [
 ];
 /** Semantic heading with independently selectable visual hierarchy. */
 function Heading(_ref) {
-	let { level = 2, variant = `heading-${level}`, className, children } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$10);
+	let { level = 2, variant = `heading-${level}`, className, children } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$9);
 	const Component = {
 		1: "h1",
 		2: "h2",
@@ -265,47 +265,6 @@ function OtpField({ length = 6, value: controlledValue, defaultValue = "", onCha
 }
 OtpField.displayName = "OtpField";
 //#endregion
-//#region src/core/toggle.tsx
-const _excluded$9 = [
-	"size",
-	"className",
-	"children"
-];
-const _excluded2$5 = [
-	"className",
-	"children",
-	"orientation"
-];
-const sizeStyles$6 = {
-	sm: "h-8 min-w-8 px-2 text-xs gap-1.5",
-	md: "h-10 min-w-10 px-3 text-sm gap-2"
-};
-const toggleBase = require_text_truncate.cn("inline-flex cursor-pointer items-center justify-center rounded-md border border-border bg-surface font-medium text-text-secondary", "hover:bg-bg-subtle hover:text-text-primary", "data-[pressed]:border-accent data-[pressed]:bg-accent-subtle data-[pressed]:text-accent", "disabled:pointer-events-none disabled:opacity-40", require_text_truncate.OPT_FOCUS_VISIBLE);
-/** A two-state (pressed) button. Use standalone or inside `ToggleGroup`. */
-function Toggle(_ref) {
-	let { size = "md", className, children } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$9);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.Toggle, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn(toggleBase, sizeStyles$6[size], className) }, props), {}, {
-		"data-opt-id": "GFCMY",
-		"data-opt-slug": "toggle.Toggle",
-		children
-	}));
-}
-Toggle.displayName = "Toggle";
-/** A set of related toggles with shared selection and keyboard navigation. */
-function ToggleGroup(_ref2) {
-	let { className, children, orientation = "horizontal" } = _ref2, props = require_text_truncate._objectWithoutProperties(_ref2, _excluded2$5);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ToggleGroup, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({
-		orientation,
-		"aria-orientation": orientation,
-		className: require_text_truncate.cn("inline-flex gap-1", orientation === "vertical" ? "flex-col" : "flex-row", className)
-	}, props), {}, {
-		"data-opt-id": "47J37",
-		"data-opt-slug": "toggle.ToggleGroup",
-		children
-	}));
-}
-ToggleGroup.displayName = "ToggleGroup";
-//#endregion
 //#region src/core/accordion.tsx
 const _excluded$8 = ["className"];
 const _excluded2$4 = ["className"];
@@ -3689,6 +3648,7 @@ function ColorPalettePicker({ palettes, value, onValueChange, label = "Colour pa
 //#endregion
 //#region src/core/inline-edit.tsx
 const defaultLabels = {
+	input: "Value",
 	edit: (value) => `Edit ${value}`,
 	save: "Save",
 	cancel: "Cancel",
@@ -3724,24 +3684,39 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 	const [rejected, setRejected] = (0, react.useState)(false);
 	const [saving, setSaving] = (0, react.useState)(false);
 	const inputRef = (0, react.useRef)(null);
+	const rootRef = (0, react.useRef)(null);
+	const readButtonRef = (0, react.useRef)(null);
+	const restoreFocusRef = (0, react.useRef)(false);
+	const savingRef = (0, react.useRef)(false);
+	const errorId = (0, react.useId)();
 	(0, react.useEffect)(() => {
 		if (!editing) setDraft(value);
 	}, [value, editing]);
-	(0, react.useEffect)(() => {
+	(0, react.useLayoutEffect)(() => {
 		if (editing) {
 			var _inputRef$current, _inputRef$current2;
 			(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
 			(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.select();
+		} else if (restoreFocusRef.current) {
+			var _readButtonRef$curren;
+			restoreFocusRef.current = false;
+			(_readButtonRef$curren = readButtonRef.current) === null || _readButtonRef$curren === void 0 || _readButtonRef$curren.focus();
 		}
 	}, [editing]);
-	const commit = async () => {
-		if (saving) return;
+	const finishEditing = (restoreFocus) => {
+		var _rootRef$current;
+		restoreFocusRef.current = restoreFocus && (document.activeElement === document.body || Boolean((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.contains(document.activeElement)));
+		setEditing(false);
+	};
+	const commit = async (restoreFocus) => {
+		if (savingRef.current || disabled) return;
 		const next = draft.trim();
 		if (next === value) {
-			setEditing(false);
+			finishEditing(restoreFocus);
 			setRejected(false);
 			return;
 		}
+		savingRef.current = true;
 		setSaving(true);
 		try {
 			if (await onSave(next) === false) {
@@ -3749,26 +3724,35 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 				return;
 			}
 			setRejected(false);
-			setEditing(false);
+			finishEditing(restoreFocus);
+		} catch (_unused) {
+			setRejected(true);
 		} finally {
+			savingRef.current = false;
 			setSaving(false);
 		}
 	};
 	const cancel = () => {
+		if (savingRef.current) return;
 		setDraft(value);
 		setRejected(false);
-		setEditing(false);
+		finishEditing(true);
 	};
 	const handleKeyDown = (event) => {
+		if (require_text_truncate.isComposingKey(event)) return;
 		if (event.key === "Enter") {
 			event.preventDefault();
-			commit();
+			commit(true);
 		} else if (event.key === "Escape") {
 			event.preventDefault();
 			cancel();
 		}
 	};
 	if (editing) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		ref: rootRef,
+		onBlur: (event) => {
+			if (!event.currentTarget.contains(event.relatedTarget)) commit(false);
+		},
 		className: require_text_truncate.cn("inline-flex min-w-0 items-center gap-element", className),
 		"data-opt-id": "RQ0H2",
 		"data-opt-slug": "inline-edit.InlineEdit",
@@ -3781,16 +3765,18 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 					setRejected(false);
 				},
 				onKeyDown: handleKeyDown,
-				onBlur: () => void commit(),
 				placeholder,
 				maxLength,
-				disabled: saving,
+				readOnly: saving || disabled,
+				"aria-busy": saving || void 0,
+				"aria-label": text.input,
 				"aria-invalid": rejected || void 0,
-				"aria-errormessage": rejected ? "inline-edit-error" : void 0,
+				"aria-errormessage": rejected ? errorId : void 0,
+				"aria-describedby": rejected ? errorId : void 0,
 				className: require_text_truncate.cn(require_text_truncate.OPT_INPUT, sizeStyles$1[size], "min-w-0 flex-1")
 			}),
 			rejected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				id: "inline-edit-error",
+				id: errorId,
 				role: "alert",
 				className: "sr-only",
 				children: text.invalid
@@ -3798,9 +3784,9 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				"aria-label": text.save,
-				disabled: saving,
+				disabled: saving || disabled,
 				onMouseDown: (event) => event.preventDefault(),
-				onClick: () => void commit(),
+				onClick: () => void commit(true),
 				className: require_text_truncate.cn("text-success hover:bg-success-subtle rounded-md p-1", require_text_truncate.OPT_FOCUS_VISIBLE),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {
 					className: "size-4",
@@ -3810,6 +3796,7 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				"aria-label": text.cancel,
+				disabled: saving,
 				onMouseDown: (event) => event.preventDefault(),
 				onClick: cancel,
 				className: require_text_truncate.cn("text-text-tertiary hover:bg-bg-subtle rounded-md p-1", require_text_truncate.OPT_FOCUS_VISIBLE),
@@ -3821,10 +3808,12 @@ function InlineEdit({ value, onSave, as: Tag = "span", size = "md", placeholder,
 		]
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		ref: rootRef,
 		className: require_text_truncate.cn("inline-flex min-w-0 items-center gap-element", className),
 		"data-opt-id": "RQ0H2",
 		"data-opt-slug": "inline-edit.InlineEdit",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			ref: readButtonRef,
 			type: "button",
 			disabled,
 			onClick: () => setEditing(true),
@@ -4225,18 +4214,6 @@ Object.defineProperty(exports, "Text", {
 		return Text;
 	}
 });
-Object.defineProperty(exports, "Toggle", {
-	enumerable: true,
-	get: function() {
-		return Toggle;
-	}
-});
-Object.defineProperty(exports, "ToggleGroup", {
-	enumerable: true,
-	get: function() {
-		return ToggleGroup;
-	}
-});
 Object.defineProperty(exports, "VirtualList", {
 	enumerable: true,
 	get: function() {