@reopt-ai/opt-ui 1.12.0 → 1.12.2

package/dist/{text-truncate-I1XLWmRa.cjs → text-truncate-DsG5UAOY.cjs}

@@ -886,6 +886,71 @@ function Alert(_ref) {
 	}));
 }
 //#endregion
+//#region src/core/toolbar.tsx
+const _excluded$12 = ["className"];
+const _excluded2$8 = ["className"];
+const _excluded3$7 = ["className"];
+const _excluded4$5 = ["className"];
+const _excluded5$3 = ["className"];
+const toolbarClass = `${OPT_SURFACE} ${OPT_BORDER} inline-flex w-fit items-center gap-0.5 px-1.5 py-1`;
+const buttonClass = `cursor-pointer rounded-md px-2.5 py-1.5 text-text-primary transition-colors data-[disabled]:cursor-not-allowed ${OPT_ACTIVE_ITEM} ${OPT_FOCUS}`;
+const separatorClass = "mx-1 h-6 w-px bg-border-subtle";
+const tooltipClass = "z-50 rounded-md bg-foreground px-2 py-1 text-xs text-background shadow-lg";
+/** Renders the toolbar root component. */
+function ToolbarRoot(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ToolbarRoot, _objectSpread2(_objectSpread2({}, props), {}, {
+		"data-opt-id": "V33Y0",
+		"data-opt-slug": "toolbar.ToolbarRoot"
+	}));
+}
+/** Renders the toolbar container component. */
+function ToolbarContainer(_ref) {
+	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$12);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ToolbarContainer, _objectSpread2(_objectSpread2({ className: cn(toolbarClass, className) }, props), {}, {
+		"data-opt-id": "2AVXB",
+		"data-opt-slug": "toolbar.ToolbarContainer"
+	}));
+}
+/** Renders the toolbar button component. */
+function ToolbarButton(_ref2) {
+	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$8);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ToolbarButton, _objectSpread2(_objectSpread2({ className: cn(buttonClass, className) }, props), {}, {
+		"data-opt-id": "C212C",
+		"data-opt-slug": "toolbar.ToolbarButton"
+	}));
+}
+/** Renders the toolbar separator component. */
+function ToolbarSeparator(_ref3) {
+	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$7);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ToolbarSeparator, _objectSpread2(_objectSpread2({ className: cn(separatorClass, className) }, props), {}, {
+		"data-opt-id": "9J72S",
+		"data-opt-slug": "toolbar.ToolbarSeparator"
+	}));
+}
+/** Renders the tooltip provider component. */
+function TooltipProvider(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.TooltipProvider, _objectSpread2(_objectSpread2({}, props), {}, {
+		"data-opt-id": "6NKHT",
+		"data-opt-slug": "toolbar.TooltipProvider"
+	}));
+}
+/** Renders the tooltip anchor component. */
+function TooltipAnchor(_ref4) {
+	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$5);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.TooltipAnchor, _objectSpread2(_objectSpread2({ className }, props), {}, {
+		"data-opt-id": "SAW1B",
+		"data-opt-slug": "toolbar.TooltipAnchor"
+	}));
+}
+/** Renders the tooltip component. */
+function Tooltip(_ref5) {
+	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$3);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.Tooltip, _objectSpread2(_objectSpread2({ className: cn(tooltipClass, className) }, props), {}, {
+		"data-opt-id": "XSAT4",
+		"data-opt-slug": "toolbar.Tooltip"
+	}));
+}
+//#endregion
 //#region src/lib/use-input-id.ts
 /**
 * Generates a stable component ID from label text.
@@ -896,7 +961,7 @@ function useInputId(id, label, prefix) {
 }
 //#endregion
 //#region src/core/input.tsx
-const _excluded$12 = [
+const _excluded$11 = [
 	"label",
 	"error",
 	"hint",
@@ -911,7 +976,7 @@ const _excluded$12 = [
 const inputSizeStyles = OPT_INPUT_SIZE;
 const Input = (0, react.forwardRef)((_ref, ref) => {
 	var _useInputId;
-	let { label, error, hint, leftIcon, rightIcon, fullWidth = false, size = "md", required, className, id } = _ref, props = _objectWithoutProperties(_ref, _excluded$12);
+	let { label, error, hint, leftIcon, rightIcon, fullWidth = false, size = "md", required, className, id } = _ref, props = _objectWithoutProperties(_ref, _excluded$11);
 	const fallbackId = (0, react.useId)().replace(/:/g, "");
 	const inputId = (_useInputId = useInputId(id, label, "input")) !== null && _useInputId !== void 0 ? _useInputId : `input-${fallbackId}`;
 	const hasError = Boolean(error);
@@ -1062,7 +1127,7 @@ function StarRating({ value = 0, onChange, max = 5, readOnly = false, size = "md
 }
 //#endregion
 //#region src/core/meter.tsx
-const _excluded$11 = [
+const _excluded$10 = [
 	"value",
 	"min",
 	"max",
@@ -1090,7 +1155,7 @@ const variantStyles = {
 * opt-ui-primitives Meter primitive, which owns the role/aria/valuetext.
 */
 function Meter(_ref) {
-	let { value, min = 0, max = 100, size = "md", variant = "default", showValue = false, label, getValueLabel, className } = _ref, props = _objectWithoutProperties(_ref, _excluded$11);
+	let { value, min = 0, max = 100, size = "md", variant = "default", showValue = false, label, getValueLabel, className } = _ref, props = _objectWithoutProperties(_ref, _excluded$10);
 	const clamped = Math.min(Math.max(value, min), max);
 	const percentage = max === min ? 0 : (clamped - min) / (max - min) * 100;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", _objectSpread2(_objectSpread2({ className: cn("w-full", className) }, props), {}, {
@@ -1138,8 +1203,8 @@ function CompositeZone({ children, label, focusLoop = true, focusWrap = true, cl
 }
 //#endregion
 //#region src/core/disclosure.tsx
-const _excluded$10 = ["className"];
-const _excluded2$8 = ["className"];
+const _excluded$9 = ["className"];
+const _excluded2$7 = ["className"];
 const triggerClass$1 = `flex w-full cursor-pointer items-center justify-between px-4 py-4 text-left text-sm font-medium text-text-primary transition-colors hover:bg-bg-subtle ${OPT_FOCUS} data-[active-item]:bg-bg-subtle data-[disabled]:cursor-not-allowed`;
 const contentClass = `overflow-hidden ${OPT_ANIMATE_ENTER_EXIT}`;
 /** Renders the disclosure root component. */
@@ -1151,7 +1216,7 @@ function DisclosureRoot(props) {
 }
 /** Renders the disclosure trigger component. */
 function DisclosureTrigger(_ref) {
-	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$10);
+	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$9);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.DisclosureTrigger, _objectSpread2(_objectSpread2({ className: cn(triggerClass$1, className) }, props), {}, {
 		"data-opt-id": "14EZW",
 		"data-opt-slug": "disclosure.DisclosureTrigger"
@@ -1159,7 +1224,7 @@ function DisclosureTrigger(_ref) {
 }
 /** Renders the disclosure content component. */
 function DisclosureContent(_ref2) {
-	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$8);
+	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$7);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.DisclosureContent, _objectSpread2(_objectSpread2({ className: cn(contentClass, className) }, props), {}, {
 		"data-opt-id": "78HYF",
 		"data-opt-slug": "disclosure.DisclosureContent"
@@ -1167,16 +1232,16 @@ function DisclosureContent(_ref2) {
 }
 //#endregion
 //#region src/core/tabs.tsx
-const _excluded$9 = ["variant"];
-const _excluded2$7 = ["className", "actions"];
-const _excluded3$7 = [
+const _excluded$8 = ["variant"];
+const _excluded2$6 = ["className", "actions"];
+const _excluded3$6 = [
 	"className",
 	"icon",
 	"status",
 	"statusLabel",
 	"children"
 ];
-const _excluded4$5 = ["className"];
+const _excluded4$4 = ["className"];
 const TabsVariantContext = react.createContext("underline");
 const tabClass = `cursor-pointer border-b-2 border-transparent px-4 py-2.5 text-sm text-text-tertiary transition-colors hover:text-text-primary data-[active-item]:text-text-primary data-[active-item]:border-text-primary data-[disabled]:cursor-not-allowed ${OPT_FOCUS}`;
 const tabListClass = "flex border-b border-border-subtle";
@@ -1189,7 +1254,7 @@ const actionsClass = "flex flex-none items-center gap-element";
 const tabPanelClass = `pt-4 ${OPT_FOCUS} data-[focus-visible]:rounded-lg`;
 /** Renders the tabs root component. */
 function TabsRoot(_ref) {
-	let { variant = "underline" } = _ref, props = _objectWithoutProperties(_ref, _excluded$9);
+	let { variant = "underline" } = _ref, props = _objectWithoutProperties(_ref, _excluded$8);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsVariantContext.Provider, {
 		value: variant,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.TabsRoot, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -1200,7 +1265,7 @@ function TabsRoot(_ref) {
 }
 /** Renders the tab list component. */
 function TabList(_ref2) {
-	let { className, actions } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$7);
+	let { className, actions } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$6);
 	const variant = react.useContext(TabsVariantContext);
 	const list = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.TabList, _objectSpread2(_objectSpread2({ className: cn(variant === "workspace" ? workspaceTabListClass : tabListClass, className) }, props), {}, {
 		"data-opt-id": "68K7E",
@@ -1217,7 +1282,7 @@ function TabList(_ref2) {
 }
 /** Renders the tab component. */
 function Tab(_ref3) {
-	let { className, icon, status, statusLabel, children } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$7);
+	let { className, icon, status, statusLabel, children } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$6);
 	const variant = react.useContext(TabsVariantContext);
 	const decorated = icon != null || status != null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.Tab, _objectSpread2(_objectSpread2({ className: cn(variant === "workspace" ? workspaceTabClass : tabClass, className) }, props), {}, {
@@ -1243,7 +1308,7 @@ function Tab(_ref3) {
 }
 /** Renders the tab panel component. */
 function TabPanel(_ref4) {
-	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$5);
+	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$4);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.TabPanel, _objectSpread2(_objectSpread2({ className: cn(tabPanelClass, className) }, props), {}, {
 		"data-opt-id": "C0MBP",
 		"data-opt-slug": "tabs.TabPanel"
@@ -1251,13 +1316,13 @@ function TabPanel(_ref4) {
 }
 //#endregion
 //#region src/core/select.tsx
-const _excluded$8 = [
+const _excluded$7 = [
 	"className",
 	"minWidth",
 	"style"
 ];
-const _excluded2$6 = ["className"];
-const _excluded3$6 = ["className"];
+const _excluded2$5 = ["className"];
+const _excluded3$5 = ["className"];
 const triggerClass = `${OPT_INPUT} cursor-pointer items-center justify-between data-[disabled]:cursor-not-allowed ${OPT_FOCUS}`;
 const popoverClass$1 = `${OPT_SURFACE_POPOVER} ${OPT_ANIMATE_ENTER_EXIT} z-[120]`;
 const itemClass$1 = `flex cursor-pointer items-center gap-2 data-[disabled]:cursor-not-allowed ${OPT_ITEM_BASE} ${OPT_ACTIVE_ITEM}`;
@@ -1277,7 +1342,7 @@ function SelectLabel(props) {
 }
 /** Renders the select trigger component. */
 function SelectTrigger(_ref) {
-	let { className, minWidth = 140, style } = _ref, props = _objectWithoutProperties(_ref, _excluded$8);
+	let { className, minWidth = 140, style } = _ref, props = _objectWithoutProperties(_ref, _excluded$7);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.SelectTrigger, _objectSpread2(_objectSpread2({
 		className: cn(triggerClass, className),
 		style: _objectSpread2({ minWidth: typeof minWidth === "number" ? `${minWidth}px` : minWidth }, style)
@@ -1288,7 +1353,7 @@ function SelectTrigger(_ref) {
 }
 /** Renders the select popover component. */
 function SelectPopover(_ref2) {
-	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$6);
+	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$5);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.SelectPopover, _objectSpread2(_objectSpread2({ className: cn(popoverClass$1, className) }, props), {}, {
 		"data-opt-id": "P152F",
 		"data-opt-slug": "select.SelectPopover"
@@ -1296,7 +1361,7 @@ function SelectPopover(_ref2) {
 }
 /** Renders the select item component. */
 function SelectItem(_ref3) {
-	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$6);
+	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$5);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.SelectItem, _objectSpread2(_objectSpread2({ className: cn(itemClass$1, className) }, props), {}, {
 		"data-opt-id": "KKBAF",
 		"data-opt-slug": "select.SelectItem"
@@ -1304,11 +1369,11 @@ function SelectItem(_ref3) {
 }
 //#endregion
 //#region src/core/dialog.tsx
-const _excluded$7 = ["className"];
-const _excluded2$5 = ["className", "size"];
-const _excluded3$5 = ["className", "size"];
-const _excluded4$4 = ["className"];
-const _excluded5$3 = ["className"];
+const _excluded$6 = ["className"];
+const _excluded2$4 = ["className", "size"];
+const _excluded3$4 = ["className", "size"];
+const _excluded4$3 = ["className"];
+const _excluded5$2 = ["className"];
 const _excluded6$2 = ["className"];
 const sizeClasses = {
 	xs: "max-w-xs",
@@ -1328,7 +1393,7 @@ function DialogRoot(props) {
 }
 /** Renders the dialog disclosure component. */
 function DialogDisclosure(_ref) {
-	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$7);
+	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$6);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.DialogDisclosure, _objectSpread2(_objectSpread2({ className: cn("inline-flex cursor-pointer items-center justify-center rounded-lg font-medium transition-colors", OPT_BUTTON_PRIMARY, OPT_FOCUS_VISIBLE, className) }, props), {}, {
 		"data-opt-id": "32QJK",
 		"data-opt-slug": "dialog.DialogDisclosure"
@@ -1336,7 +1401,7 @@ function DialogDisclosure(_ref) {
 }
 /** Renders the dialog panel component. */
 function DialogPanel(_ref2) {
-	let { className, size = "md" } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$5);
+	let { className, size = "md" } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$4);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.DialogPanel, _objectSpread2(_objectSpread2({ className: cn(panelBase, sizeClasses[size], className) }, props), {}, {
 		"data-opt-id": "BTMTG",
 		"data-opt-slug": "dialog.DialogPanel"
@@ -1348,7 +1413,7 @@ function DialogPanel(_ref2) {
 * the other Dialog parts (DialogRoot/Heading/Description/Dismiss/…).
 */
 function AlertDialogPanel(_ref3) {
-	let { className, size = "sm" } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$5);
+	let { className, size = "sm" } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$4);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.AlertDialogPanel, _objectSpread2(_objectSpread2({ className: cn(panelBase, sizeClasses[size], className) }, props), {}, {
 		"data-opt-id": "80HGS",
 		"data-opt-slug": "dialog.AlertDialogPanel"
@@ -1356,7 +1421,7 @@ function AlertDialogPanel(_ref3) {
 }
 /** Renders the dialog heading component. */
 function DialogHeading(_ref4) {
-	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$4);
+	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$3);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.DialogHeading, _objectSpread2(_objectSpread2({ className: cn(`text-lg font-semibold ${OPT_TEXT_PRIMARY}`, className) }, props), {}, {
 		"data-opt-id": "4NW4H",
 		"data-opt-slug": "dialog.DialogHeading"
@@ -1364,7 +1429,7 @@ function DialogHeading(_ref4) {
 }
 /** Renders the dialog description component. */
 function DialogDescription(_ref5) {
-	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$3);
+	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$2);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.DialogDescription, _objectSpread2(_objectSpread2({ className: cn(`text-sm ${OPT_TEXT_SECONDARY}`, className) }, props), {}, {
 		"data-opt-id": "2BN3X",
 		"data-opt-slug": "dialog.DialogDescription"
@@ -1410,10 +1475,10 @@ function DialogFooter({ children, className }) {
 }
 //#endregion
 //#region src/core/combobox.tsx
-const _excluded$6 = ["className"];
-const _excluded2$4 = ["className"];
-const _excluded3$4 = ["className"];
-const _excluded4$3 = ["className"];
+const _excluded$5 = ["className"];
+const _excluded2$3 = ["className"];
+const _excluded3$3 = ["className"];
+const _excluded4$2 = ["className"];
 const inputClass$1 = `${OPT_INPUT} ${OPT_FOCUS}`;
 const popoverClass = `${OPT_SURFACE_POPOVER} max-h-60 overflow-y-auto ${OPT_ANIMATE_ENTER_EXIT}`;
 const itemClass = `${OPT_ITEM_BASE} ${OPT_ACTIVE_ITEM}`;
@@ -1428,7 +1493,7 @@ function ComboboxRoot(props) {
 }
 /** Renders the combobox input component. */
 function ComboboxInput(_ref) {
-	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$6);
+	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$5);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ComboboxInput, _objectSpread2(_objectSpread2({ className: cn(inputClass$1, className) }, props), {}, {
 		"data-opt-id": "92FZS",
 		"data-opt-slug": "combobox.ComboboxInput"
@@ -1436,7 +1501,7 @@ function ComboboxInput(_ref) {
 }
 /** Renders the combobox popover component. */
 function ComboboxPopover(_ref2) {
-	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$4);
+	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$3);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ComboboxPopover, _objectSpread2(_objectSpread2({ className: cn(popoverClass, className) }, props), {}, {
 		"data-opt-id": "WS4PD",
 		"data-opt-slug": "combobox.ComboboxPopover"
@@ -1444,7 +1509,7 @@ function ComboboxPopover(_ref2) {
 }
 /** Renders the combobox item component. */
 function ComboboxItem(_ref3) {
-	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$4);
+	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$3);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ComboboxItem, _objectSpread2(_objectSpread2({ className: cn(itemClass, className) }, props), {}, {
 		"data-opt-id": "MAZJN",
 		"data-opt-slug": "combobox.ComboboxItem"
@@ -1459,7 +1524,7 @@ function ComboboxGroup(props) {
 }
 /** Renders the combobox group label component. */
 function ComboboxGroupLabel(_ref4) {
-	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$3);
+	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$2);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ComboboxGroupLabel, _objectSpread2(_objectSpread2({ className: cn(groupLabelClass, className) }, props), {}, {
 		"data-opt-id": "512YF",
 		"data-opt-slug": "combobox.ComboboxGroupLabel"
@@ -1476,11 +1541,11 @@ function ComboboxEmpty({ className, children = koComboboxLabels.empty }) {
 }
 //#endregion
 //#region src/core/menu.tsx
-const _excluded$5 = ["className"];
-const _excluded2$3 = ["className"];
-const _excluded3$3 = ["className"];
-const _excluded4$2 = ["className"];
-const _excluded5$2 = ["className"];
+const _excluded$4 = ["className"];
+const _excluded2$2 = ["className"];
+const _excluded3$2 = ["className"];
+const _excluded4$1 = ["className"];
+const _excluded5$1 = ["className"];
 const _excluded6$1 = ["className"];
 const _excluded7$1 = ["className"];
 const menuButtonClass = `inline-flex cursor-pointer items-center gap-1 rounded px-3 py-1.5 text-sm text-text-primary hover:bg-bg-subtle data-[active]:bg-bg-subtle data-[disabled]:cursor-not-allowed ${OPT_FOCUS}`;
@@ -1497,7 +1562,7 @@ function MenubarRoot(props) {
 }
 /** Renders the menubar container component. */
 function MenubarContainer(_ref) {
-	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$5);
+	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$4);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.MenubarContainer, _objectSpread2(_objectSpread2({ className: cn(menubarClass, className) }, props), {}, {
 		"data-opt-id": "4MVQT",
 		"data-opt-slug": "menu.MenubarContainer"
@@ -1512,7 +1577,7 @@ function MenuRoot(props) {
 }
 /** Renders the menu trigger component. */
 function MenuTrigger(_ref2) {
-	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$3);
+	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$2);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.MenuTrigger, _objectSpread2(_objectSpread2({ className: cn(menuButtonClass, className) }, props), {}, {
 		"data-opt-id": "46BJG",
 		"data-opt-slug": "menu.MenuTrigger"
@@ -1527,7 +1592,7 @@ function MenuButtonArrow(props) {
 }
 /** Renders the menu popover component. */
 function MenuPopover(_ref3) {
-	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$3);
+	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$2);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.MenuPopover, _objectSpread2(_objectSpread2({ className: cn(menuPopoverClass, className) }, props), {}, {
 		"data-opt-id": "Q1MFY",
 		"data-opt-slug": "menu.MenuPopover"
@@ -1535,7 +1600,7 @@ function MenuPopover(_ref3) {
 }
 /** Renders the menu item component. */
 function MenuItem(_ref4) {
-	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$2);
+	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$1);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.MenuItem, _objectSpread2(_objectSpread2({ className: cn(menuItemClass, className) }, props), {}, {
 		"data-opt-id": "71JVB",
 		"data-opt-slug": "menu.MenuItem"
@@ -1543,7 +1608,7 @@ function MenuItem(_ref4) {
 }
 /** Renders the menu item checkbox component. */
 function MenuItemCheckbox(_ref5) {
-	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$2);
+	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$1);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.MenuItemCheckbox, _objectSpread2(_objectSpread2({ className: cn(menuItemClass, className) }, props), {}, {
 		"data-opt-id": "DG8B3",
 		"data-opt-slug": "menu.MenuItemCheckbox"
@@ -1566,71 +1631,6 @@ function MenuSeparator(_ref7) {
 	}));
 }
 //#endregion
-//#region src/core/toolbar.tsx
-const _excluded$4 = ["className"];
-const _excluded2$2 = ["className"];
-const _excluded3$2 = ["className"];
-const _excluded4$1 = ["className"];
-const _excluded5$1 = ["className"];
-const toolbarClass = `${OPT_SURFACE} ${OPT_BORDER} inline-flex w-fit items-center gap-0.5 px-1.5 py-1`;
-const buttonClass = `cursor-pointer rounded-md px-2.5 py-1.5 text-text-primary transition-colors data-[disabled]:cursor-not-allowed ${OPT_ACTIVE_ITEM} ${OPT_FOCUS}`;
-const separatorClass = "mx-1 h-6 w-px bg-border-subtle";
-const tooltipClass = "z-50 rounded-md bg-foreground px-2 py-1 text-xs text-background shadow-lg";
-/** Renders the toolbar root component. */
-function ToolbarRoot(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ToolbarRoot, _objectSpread2(_objectSpread2({}, props), {}, {
-		"data-opt-id": "V33Y0",
-		"data-opt-slug": "toolbar.ToolbarRoot"
-	}));
-}
-/** Renders the toolbar container component. */
-function ToolbarContainer(_ref) {
-	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$4);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ToolbarContainer, _objectSpread2(_objectSpread2({ className: cn(toolbarClass, className) }, props), {}, {
-		"data-opt-id": "2AVXB",
-		"data-opt-slug": "toolbar.ToolbarContainer"
-	}));
-}
-/** Renders the toolbar button component. */
-function ToolbarButton(_ref2) {
-	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$2);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ToolbarButton, _objectSpread2(_objectSpread2({ className: cn(buttonClass, className) }, props), {}, {
-		"data-opt-id": "C212C",
-		"data-opt-slug": "toolbar.ToolbarButton"
-	}));
-}
-/** Renders the toolbar separator component. */
-function ToolbarSeparator(_ref3) {
-	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$2);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ToolbarSeparator, _objectSpread2(_objectSpread2({ className: cn(separatorClass, className) }, props), {}, {
-		"data-opt-id": "9J72S",
-		"data-opt-slug": "toolbar.ToolbarSeparator"
-	}));
-}
-/** Renders the tooltip provider component. */
-function TooltipProvider(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.TooltipProvider, _objectSpread2(_objectSpread2({}, props), {}, {
-		"data-opt-id": "6NKHT",
-		"data-opt-slug": "toolbar.TooltipProvider"
-	}));
-}
-/** Renders the tooltip anchor component. */
-function TooltipAnchor(_ref4) {
-	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$1);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.TooltipAnchor, _objectSpread2(_objectSpread2({ className }, props), {}, {
-		"data-opt-id": "SAW1B",
-		"data-opt-slug": "toolbar.TooltipAnchor"
-	}));
-}
-/** Renders the tooltip component. */
-function Tooltip(_ref5) {
-	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$1);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.Tooltip, _objectSpread2(_objectSpread2({ className: cn(tooltipClass, className) }, props), {}, {
-		"data-opt-id": "XSAT4",
-		"data-opt-slug": "toolbar.Tooltip"
-	}));
-}
-//#endregion
 //#region src/core/number-input.tsx
 /** Number of decimal places a finite number is written with (handles exponents). */
 function decimalPlaces(n) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reopt-ai/opt-ui",
-  "version": "1.12.0",
+  "version": "1.12.2",
   "description": "접근성 우선 UI 컴포넌트 라이브러리. opt-ui-primitives Core, 비즈니스 Shells, 페이지 Surfaces.",
   "type": "module",
   "license": "MIT",