@reopt-ai/opt-ui 1.12.1 → 1.12.3

package/dist/{text-truncate-DSuZECy0.js → text-truncate-BFWd2cE_.js}

@@ -864,6 +864,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$1(props) {
+	return /* @__PURE__ */ jsx(ToolbarRoot, _objectSpread2(_objectSpread2({}, props), {}, {
+		"data-opt-id": "V33Y0",
+		"data-opt-slug": "toolbar.ToolbarRoot"
+	}));
+}
+/** Renders the toolbar container component. */
+function ToolbarContainer$1(_ref) {
+	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$12);
+	return /* @__PURE__ */ jsx(ToolbarContainer, _objectSpread2(_objectSpread2({ className: cn(toolbarClass, className) }, props), {}, {
+		"data-opt-id": "2AVXB",
+		"data-opt-slug": "toolbar.ToolbarContainer"
+	}));
+}
+/** Renders the toolbar button component. */
+function ToolbarButton$1(_ref2) {
+	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$8);
+	return /* @__PURE__ */ jsx(ToolbarButton, _objectSpread2(_objectSpread2({ className: cn(buttonClass, className) }, props), {}, {
+		"data-opt-id": "C212C",
+		"data-opt-slug": "toolbar.ToolbarButton"
+	}));
+}
+/** Renders the toolbar separator component. */
+function ToolbarSeparator$1(_ref3) {
+	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$7);
+	return /* @__PURE__ */ jsx(ToolbarSeparator, _objectSpread2(_objectSpread2({ className: cn(separatorClass, className) }, props), {}, {
+		"data-opt-id": "9J72S",
+		"data-opt-slug": "toolbar.ToolbarSeparator"
+	}));
+}
+/** Renders the tooltip provider component. */
+function TooltipProvider$1(props) {
+	return /* @__PURE__ */ jsx(TooltipProvider, _objectSpread2(_objectSpread2({}, props), {}, {
+		"data-opt-id": "6NKHT",
+		"data-opt-slug": "toolbar.TooltipProvider"
+	}));
+}
+/** Renders the tooltip anchor component. */
+function TooltipAnchor$1(_ref4) {
+	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$5);
+	return /* @__PURE__ */ jsx(TooltipAnchor, _objectSpread2(_objectSpread2({ className }, props), {}, {
+		"data-opt-id": "SAW1B",
+		"data-opt-slug": "toolbar.TooltipAnchor"
+	}));
+}
+/** Renders the tooltip component. */
+function Tooltip$1(_ref5) {
+	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$3);
+	return /* @__PURE__ */ jsx(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.
@@ -874,7 +939,7 @@ function useInputId(id, label, prefix) {
 }
 //#endregion
 //#region src/core/input.tsx
-const _excluded$12 = [
+const _excluded$11 = [
 	"label",
 	"error",
 	"hint",
@@ -889,7 +954,7 @@ const _excluded$12 = [
 const inputSizeStyles = OPT_INPUT_SIZE;
 const Input = 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 = useId().replace(/:/g, "");
 	const inputId = (_useInputId = useInputId(id, label, "input")) !== null && _useInputId !== void 0 ? _useInputId : `input-${fallbackId}`;
 	const hasError = Boolean(error);
@@ -1040,7 +1105,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",
@@ -1068,7 +1133,7 @@ const variantStyles = {
 * opt-ui-primitives Meter primitive, which owns the role/aria/valuetext.
 */
 function Meter$1(_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__ */ jsxs("div", _objectSpread2(_objectSpread2({ className: cn("w-full", className) }, props), {}, {
@@ -1116,8 +1181,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. */
@@ -1129,7 +1194,7 @@ function DisclosureRoot$1(props) {
 }
 /** Renders the disclosure trigger component. */
 function DisclosureTrigger$1(_ref) {
-	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$10);
+	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$9);
 	return /* @__PURE__ */ jsx(DisclosureTrigger, _objectSpread2(_objectSpread2({ className: cn(triggerClass$1, className) }, props), {}, {
 		"data-opt-id": "14EZW",
 		"data-opt-slug": "disclosure.DisclosureTrigger"
@@ -1137,7 +1202,7 @@ function DisclosureTrigger$1(_ref) {
 }
 /** Renders the disclosure content component. */
 function DisclosureContent$1(_ref2) {
-	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$8);
+	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$7);
 	return /* @__PURE__ */ jsx(DisclosureContent, _objectSpread2(_objectSpread2({ className: cn(contentClass, className) }, props), {}, {
 		"data-opt-id": "78HYF",
 		"data-opt-slug": "disclosure.DisclosureContent"
@@ -1145,16 +1210,16 @@ function DisclosureContent$1(_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";
@@ -1167,7 +1232,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$1(_ref) {
-	let { variant = "underline" } = _ref, props = _objectWithoutProperties(_ref, _excluded$9);
+	let { variant = "underline" } = _ref, props = _objectWithoutProperties(_ref, _excluded$8);
 	return /* @__PURE__ */ jsx(TabsVariantContext.Provider, {
 		value: variant,
 		children: /* @__PURE__ */ jsx(TabsRoot, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -1178,7 +1243,7 @@ function TabsRoot$1(_ref) {
 }
 /** Renders the tab list component. */
 function TabList$1(_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__ */ jsx(TabList, _objectSpread2(_objectSpread2({ className: cn(variant === "workspace" ? workspaceTabListClass : tabListClass, className) }, props), {}, {
 		"data-opt-id": "68K7E",
@@ -1195,7 +1260,7 @@ function TabList$1(_ref2) {
 }
 /** Renders the tab component. */
 function Tab$1(_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__ */ jsx(Tab, _objectSpread2(_objectSpread2({ className: cn(variant === "workspace" ? workspaceTabClass : tabClass, className) }, props), {}, {
@@ -1221,7 +1286,7 @@ function Tab$1(_ref3) {
 }
 /** Renders the tab panel component. */
 function TabPanel$1(_ref4) {
-	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$5);
+	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$4);
 	return /* @__PURE__ */ jsx(TabPanel, _objectSpread2(_objectSpread2({ className: cn(tabPanelClass, className) }, props), {}, {
 		"data-opt-id": "C0MBP",
 		"data-opt-slug": "tabs.TabPanel"
@@ -1229,13 +1294,13 @@ function TabPanel$1(_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}`;
@@ -1255,7 +1320,7 @@ function SelectLabel$1(props) {
 }
 /** Renders the select trigger component. */
 function SelectTrigger$1(_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__ */ jsx(SelectTrigger, _objectSpread2(_objectSpread2({
 		className: cn(triggerClass, className),
 		style: _objectSpread2({ minWidth: typeof minWidth === "number" ? `${minWidth}px` : minWidth }, style)
@@ -1266,7 +1331,7 @@ function SelectTrigger$1(_ref) {
 }
 /** Renders the select popover component. */
 function SelectPopover$1(_ref2) {
-	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$6);
+	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$5);
 	return /* @__PURE__ */ jsx(SelectPopover, _objectSpread2(_objectSpread2({ className: cn(popoverClass$1, className) }, props), {}, {
 		"data-opt-id": "P152F",
 		"data-opt-slug": "select.SelectPopover"
@@ -1274,7 +1339,7 @@ function SelectPopover$1(_ref2) {
 }
 /** Renders the select item component. */
 function SelectItem$1(_ref3) {
-	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$6);
+	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$5);
 	return /* @__PURE__ */ jsx(SelectItem, _objectSpread2(_objectSpread2({ className: cn(itemClass$1, className) }, props), {}, {
 		"data-opt-id": "KKBAF",
 		"data-opt-slug": "select.SelectItem"
@@ -1282,11 +1347,11 @@ function SelectItem$1(_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",
@@ -1306,7 +1371,7 @@ function DialogRoot$1(props) {
 }
 /** Renders the dialog disclosure component. */
 function DialogDisclosure$1(_ref) {
-	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$7);
+	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$6);
 	return /* @__PURE__ */ jsx(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"
@@ -1314,7 +1379,7 @@ function DialogDisclosure$1(_ref) {
 }
 /** Renders the dialog panel component. */
 function DialogPanel$1(_ref2) {
-	let { className, size = "md" } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$5);
+	let { className, size = "md" } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$4);
 	return /* @__PURE__ */ jsx(DialogPanel, _objectSpread2(_objectSpread2({ className: cn(panelBase, sizeClasses[size], className) }, props), {}, {
 		"data-opt-id": "BTMTG",
 		"data-opt-slug": "dialog.DialogPanel"
@@ -1326,7 +1391,7 @@ function DialogPanel$1(_ref2) {
 * the other Dialog parts (DialogRoot/Heading/Description/Dismiss/…).
 */
 function AlertDialogPanel$1(_ref3) {
-	let { className, size = "sm" } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$5);
+	let { className, size = "sm" } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$4);
 	return /* @__PURE__ */ jsx(AlertDialogPanel, _objectSpread2(_objectSpread2({ className: cn(panelBase, sizeClasses[size], className) }, props), {}, {
 		"data-opt-id": "80HGS",
 		"data-opt-slug": "dialog.AlertDialogPanel"
@@ -1334,7 +1399,7 @@ function AlertDialogPanel$1(_ref3) {
 }
 /** Renders the dialog heading component. */
 function DialogHeading$1(_ref4) {
-	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$4);
+	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$3);
 	return /* @__PURE__ */ jsx(DialogHeading, _objectSpread2(_objectSpread2({ className: cn(`text-lg font-semibold ${OPT_TEXT_PRIMARY}`, className) }, props), {}, {
 		"data-opt-id": "4NW4H",
 		"data-opt-slug": "dialog.DialogHeading"
@@ -1342,7 +1407,7 @@ function DialogHeading$1(_ref4) {
 }
 /** Renders the dialog description component. */
 function DialogDescription$1(_ref5) {
-	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$3);
+	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$2);
 	return /* @__PURE__ */ jsx(DialogDescription, _objectSpread2(_objectSpread2({ className: cn(`text-sm ${OPT_TEXT_SECONDARY}`, className) }, props), {}, {
 		"data-opt-id": "2BN3X",
 		"data-opt-slug": "dialog.DialogDescription"
@@ -1388,10 +1453,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}`;
@@ -1406,7 +1471,7 @@ function ComboboxRoot$1(props) {
 }
 /** Renders the combobox input component. */
 function ComboboxInput$1(_ref) {
-	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$6);
+	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$5);
 	return /* @__PURE__ */ jsx(ComboboxInput, _objectSpread2(_objectSpread2({ className: cn(inputClass$1, className) }, props), {}, {
 		"data-opt-id": "92FZS",
 		"data-opt-slug": "combobox.ComboboxInput"
@@ -1414,7 +1479,7 @@ function ComboboxInput$1(_ref) {
 }
 /** Renders the combobox popover component. */
 function ComboboxPopover$1(_ref2) {
-	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$4);
+	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$3);
 	return /* @__PURE__ */ jsx(ComboboxPopover, _objectSpread2(_objectSpread2({ className: cn(popoverClass, className) }, props), {}, {
 		"data-opt-id": "WS4PD",
 		"data-opt-slug": "combobox.ComboboxPopover"
@@ -1422,7 +1487,7 @@ function ComboboxPopover$1(_ref2) {
 }
 /** Renders the combobox item component. */
 function ComboboxItem$1(_ref3) {
-	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$4);
+	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$3);
 	return /* @__PURE__ */ jsx(ComboboxItem, _objectSpread2(_objectSpread2({ className: cn(itemClass, className) }, props), {}, {
 		"data-opt-id": "MAZJN",
 		"data-opt-slug": "combobox.ComboboxItem"
@@ -1437,7 +1502,7 @@ function ComboboxGroup$1(props) {
 }
 /** Renders the combobox group label component. */
 function ComboboxGroupLabel$1(_ref4) {
-	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$3);
+	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$2);
 	return /* @__PURE__ */ jsx(ComboboxGroupLabel, _objectSpread2(_objectSpread2({ className: cn(groupLabelClass, className) }, props), {}, {
 		"data-opt-id": "512YF",
 		"data-opt-slug": "combobox.ComboboxGroupLabel"
@@ -1454,11 +1519,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}`;
@@ -1475,7 +1540,7 @@ function MenubarRoot$1(props) {
 }
 /** Renders the menubar container component. */
 function MenubarContainer$1(_ref) {
-	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$5);
+	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$4);
 	return /* @__PURE__ */ jsx(MenubarContainer, _objectSpread2(_objectSpread2({ className: cn(menubarClass, className) }, props), {}, {
 		"data-opt-id": "4MVQT",
 		"data-opt-slug": "menu.MenubarContainer"
@@ -1490,7 +1555,7 @@ function MenuRoot$1(props) {
 }
 /** Renders the menu trigger component. */
 function MenuTrigger$1(_ref2) {
-	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$3);
+	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$2);
 	return /* @__PURE__ */ jsx(MenuTrigger, _objectSpread2(_objectSpread2({ className: cn(menuButtonClass, className) }, props), {}, {
 		"data-opt-id": "46BJG",
 		"data-opt-slug": "menu.MenuTrigger"
@@ -1505,7 +1570,7 @@ function MenuButtonArrow$1(props) {
 }
 /** Renders the menu popover component. */
 function MenuPopover$1(_ref3) {
-	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$3);
+	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$2);
 	return /* @__PURE__ */ jsx(MenuPopover, _objectSpread2(_objectSpread2({ className: cn(menuPopoverClass, className) }, props), {}, {
 		"data-opt-id": "Q1MFY",
 		"data-opt-slug": "menu.MenuPopover"
@@ -1513,7 +1578,7 @@ function MenuPopover$1(_ref3) {
 }
 /** Renders the menu item component. */
 function MenuItem$1(_ref4) {
-	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$2);
+	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$1);
 	return /* @__PURE__ */ jsx(MenuItem, _objectSpread2(_objectSpread2({ className: cn(menuItemClass, className) }, props), {}, {
 		"data-opt-id": "71JVB",
 		"data-opt-slug": "menu.MenuItem"
@@ -1521,7 +1586,7 @@ function MenuItem$1(_ref4) {
 }
 /** Renders the menu item checkbox component. */
 function MenuItemCheckbox$1(_ref5) {
-	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$2);
+	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$1);
 	return /* @__PURE__ */ jsx(MenuItemCheckbox, _objectSpread2(_objectSpread2({ className: cn(menuItemClass, className) }, props), {}, {
 		"data-opt-id": "DG8B3",
 		"data-opt-slug": "menu.MenuItemCheckbox"
@@ -1544,71 +1609,6 @@ function MenuSeparator$1(_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$1(props) {
-	return /* @__PURE__ */ jsx(ToolbarRoot, _objectSpread2(_objectSpread2({}, props), {}, {
-		"data-opt-id": "V33Y0",
-		"data-opt-slug": "toolbar.ToolbarRoot"
-	}));
-}
-/** Renders the toolbar container component. */
-function ToolbarContainer$1(_ref) {
-	let { className } = _ref, props = _objectWithoutProperties(_ref, _excluded$4);
-	return /* @__PURE__ */ jsx(ToolbarContainer, _objectSpread2(_objectSpread2({ className: cn(toolbarClass, className) }, props), {}, {
-		"data-opt-id": "2AVXB",
-		"data-opt-slug": "toolbar.ToolbarContainer"
-	}));
-}
-/** Renders the toolbar button component. */
-function ToolbarButton$1(_ref2) {
-	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$2);
-	return /* @__PURE__ */ jsx(ToolbarButton, _objectSpread2(_objectSpread2({ className: cn(buttonClass, className) }, props), {}, {
-		"data-opt-id": "C212C",
-		"data-opt-slug": "toolbar.ToolbarButton"
-	}));
-}
-/** Renders the toolbar separator component. */
-function ToolbarSeparator$1(_ref3) {
-	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$2);
-	return /* @__PURE__ */ jsx(ToolbarSeparator, _objectSpread2(_objectSpread2({ className: cn(separatorClass, className) }, props), {}, {
-		"data-opt-id": "9J72S",
-		"data-opt-slug": "toolbar.ToolbarSeparator"
-	}));
-}
-/** Renders the tooltip provider component. */
-function TooltipProvider$1(props) {
-	return /* @__PURE__ */ jsx(TooltipProvider, _objectSpread2(_objectSpread2({}, props), {}, {
-		"data-opt-id": "6NKHT",
-		"data-opt-slug": "toolbar.TooltipProvider"
-	}));
-}
-/** Renders the tooltip anchor component. */
-function TooltipAnchor$1(_ref4) {
-	let { className } = _ref4, props = _objectWithoutProperties(_ref4, _excluded4$1);
-	return /* @__PURE__ */ jsx(TooltipAnchor, _objectSpread2(_objectSpread2({ className }, props), {}, {
-		"data-opt-id": "SAW1B",
-		"data-opt-slug": "toolbar.TooltipAnchor"
-	}));
-}
-/** Renders the tooltip component. */
-function Tooltip$1(_ref5) {
-	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded5$1);
-	return /* @__PURE__ */ jsx(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) {
@@ -4579,4 +4579,4 @@ function TextTruncate({ text, truncation = "startEnd", ellipsis = "…", width,
 	});
 }
 //#endregion
-export { PopoverClose$1 as $, OPT_TEXT_LABEL as $n, CompositeProvider as $t, FormRadio$1 as A, OPT_BADGE_RED as An, DialogBody as At, FormSubmit$1 as B, OPT_FOCUS as Bn, SelectLabel$1 as Bt, FormGroupLabel$1 as C, getDescribedBy as Cn, ComboboxGroup$1 as Ct, FormNumberInput as D, OPT_BADGE_BLUE as Dn, ComboboxPopover$1 as Dt, FormLabel$1 as E, OPT_ANIMATE_ENTER_EXIT as En, ComboboxItem$1 as Et, FormSelect as F, OPT_DIVIDER as Fn, DialogHeader as Ft, useFormContext as G, OPT_ITEM_BASE as Gn, TabList$1 as Gt, FormTagInput as H, OPT_HOVER_ITEM as Hn, SelectRoot$1 as Ht, FormSelectItem as I, OPT_DOT_GRAY as In, DialogHeading$1 as It, DateRangePicker as J, OPT_SURFACE_RAISED as Jn, DisclosureContent$1 as Jt, useFormStore as K, OPT_SURFACE as Kn, TabPanel$1 as Kt, FormSelectPopover as L, OPT_DOT_GREEN as Ln, DialogPanel$1 as Lt, FormRemove$1 as M, OPT_BORDER as Mn, DialogDisclosure$1 as Mt, FormReset$1 as N, OPT_DISCLOSURE_CONTENT as Nn, DialogDismiss$1 as Nt, FormProvider$1 as O, OPT_BADGE_GREEN as On, ComboboxRoot$1 as Ot, FormRoot$1 as P, OPT_DISCLOSURE_TRIGGER as Pn, DialogFooter as Pt, ColorPicker as Q, OPT_TEXTAREA_SIZE as Qn, CompositeItem as Qt, FormSlider as R, OPT_DOT_RED as Rn, DialogRoot$1 as Rt, FormGroup$1 as S, RequiredMark as Sn, ComboboxEmpty as St, FormInput$1 as T, OPT_ANIMATE_DRAWER as Tn, ComboboxInput$1 as Tt, FormTextarea as U, OPT_INPUT as Un, SelectTrigger$1 as Ut, FormSwitch$1 as V, OPT_FOCUS_VISIBLE as Vn, SelectPopover$1 as Vt, useFieldValue as W, OPT_INPUT_ERROR as Wn, Tab$1 as Wt, IconPicker as X, OPT_TD as Xn, DisclosureTrigger$1 as Xt, TagInput as Y, OPT_TABLE_ROW_ACTIVE as Yn, DisclosureRoot$1 as Yt, getIconRegistryEntry as Z, OPT_TD_MUTED as Zn, Composite as Zt, FormControl$1 as _, SkeletonCard as _n, MenuRoot$1 as _t, FieldTokenLegend as a, useInputId as an, _objectWithoutProperties as ar, ToolbarButton$1 as at, FormError$1 as b, useControlledState as bn, MenubarContainer$1 as bt, Checkbox as c, Badge as cn, ToolbarSeparator$1 as ct, formatOptDateTime as d, koBreadcrumbLabels as dn, TooltipProvider$1 as dt, CompositeRow as en, OPT_TEXT_PRIMARY as er, PopoverContent$1 as et, formatOptNumber as f, koComboboxLabels as fn, MenuButtonArrow$1 as ft, FormColorPicker as g, SkeletonAvatar as gn, MenuPopover$1 as gt, FormCheckbox$1 as h, Skeleton as hn, MenuItemRadio$1 as ht, FieldToken as i, Input as in, _objectSpread2 as ir, NumberInput as it, FormRadioGroup$1 as j, OPT_BADGE_YELLOW as jn, DialogDescription$1 as jt, FormPush$1 as k, OPT_BADGE_NEUTRAL as kn, AlertDialogPanel$1 as kt, CheckboxGroup as l, EmptyState as ln, Tooltip$1 as lt, formatOptTime as m, StatCard as mn, MenuItemCheckbox$1 as mt, Highlight as n, Meter$1 as nn, OPT_TEXT_TERTIARY as nr, PopoverTrigger$1 as nt, resolveFieldType as o, Alert as on, Kbd as or, ToolbarContainer$1 as ot, formatOptShortDate as p, koStarRatingLabels as pn, MenuItem$1 as pt, DEFAULT_PRESETS as q, OPT_SURFACE_POPOVER as qn, TabsRoot$1 as qt, FIELD_TYPE_TOKENS as r, StarRating as rn, OPT_TH as rr, Slider as rt, Pagination as s, Spinner as sn, cn as sr, ToolbarRoot$1 as st, TextTruncate as t, CompositeZone as tn, OPT_TEXT_SECONDARY as tr, PopoverRoot$1 as tt, OPT_UI_DEFAULT_LOCALE as u, Button as un, TooltipAnchor$1 as ut, FormDateRangePicker as v, SkeletonTable as vn, MenuSeparator$1 as vt, FormIconPicker as w, OPT_ACTIVE_ITEM as wn, ComboboxGroupLabel$1 as wt, FormField$1 as x, FieldMessages as xn, MenubarRoot$1 as xt, FormDescription$1 as y, SkeletonText as yn, MenuTrigger$1 as yt, FormStarRating as z, OPT_DOT_YELLOW as zn, SelectItem$1 as zt };
+export { PopoverClose$1 as $, OPT_TEXT_LABEL as $n, ToolbarButton$1 as $t, FormRadio$1 as A, OPT_BADGE_RED as An, DialogPanel$1 as At, FormSubmit$1 as B, OPT_FOCUS as Bn, TabsRoot$1 as Bt, FormGroupLabel$1 as C, getDescribedBy as Cn, DialogBody as Ct, FormNumberInput as D, OPT_BADGE_BLUE as Dn, DialogFooter as Dt, FormLabel$1 as E, OPT_ANIMATE_ENTER_EXIT as En, DialogDismiss$1 as Et, FormSelect as F, OPT_DIVIDER as Fn, SelectRoot$1 as Ft, useFormContext as G, OPT_ITEM_BASE as Gn, CompositeItem as Gt, FormTagInput as H, OPT_HOVER_ITEM as Hn, DisclosureRoot$1 as Ht, FormSelectItem as I, OPT_DOT_GRAY as In, SelectTrigger$1 as It, DateRangePicker as J, OPT_SURFACE_RAISED as Jn, CompositeZone as Jt, useFormStore as K, OPT_SURFACE as Kn, CompositeProvider as Kt, FormSelectPopover as L, OPT_DOT_GREEN as Ln, Tab$1 as Lt, FormRemove$1 as M, OPT_BORDER as Mn, SelectItem$1 as Mt, FormReset$1 as N, OPT_DISCLOSURE_CONTENT as Nn, SelectLabel$1 as Nt, FormProvider$1 as O, OPT_BADGE_GREEN as On, DialogHeader as Ot, FormRoot$1 as P, OPT_DISCLOSURE_TRIGGER as Pn, SelectPopover$1 as Pt, ColorPicker as Q, OPT_TEXTAREA_SIZE as Qn, useInputId as Qt, FormSlider as R, OPT_DOT_RED as Rn, TabList$1 as Rt, FormGroup$1 as S, RequiredMark as Sn, AlertDialogPanel$1 as St, FormInput$1 as T, OPT_ANIMATE_DRAWER as Tn, DialogDisclosure$1 as Tt, FormTextarea as U, OPT_INPUT as Un, DisclosureTrigger$1 as Ut, FormSwitch$1 as V, OPT_FOCUS_VISIBLE as Vn, DisclosureContent$1 as Vt, useFieldValue as W, OPT_INPUT_ERROR as Wn, Composite as Wt, IconPicker as X, OPT_TD as Xn, StarRating as Xt, TagInput as Y, OPT_TABLE_ROW_ACTIVE as Yn, Meter$1 as Yt, getIconRegistryEntry as Z, OPT_TD_MUTED as Zn, Input as Zt, FormControl$1 as _, SkeletonCard as _n, ComboboxGroupLabel$1 as _t, FieldTokenLegend as a, TooltipProvider$1 as an, _objectWithoutProperties as ar, MenuButtonArrow$1 as at, FormError$1 as b, useControlledState as bn, ComboboxPopover$1 as bt, Checkbox as c, Badge as cn, MenuItemRadio$1 as ct, formatOptDateTime as d, koBreadcrumbLabels as dn, MenuSeparator$1 as dt, ToolbarContainer$1 as en, OPT_TEXT_PRIMARY as er, PopoverContent$1 as et, formatOptNumber as f, koComboboxLabels as fn, MenuTrigger$1 as ft, FormColorPicker as g, SkeletonAvatar as gn, ComboboxGroup$1 as gt, FormCheckbox$1 as h, Skeleton as hn, ComboboxEmpty as ht, FieldToken as i, TooltipAnchor$1 as in, _objectSpread2 as ir, NumberInput as it, FormRadioGroup$1 as j, OPT_BADGE_YELLOW as jn, DialogRoot$1 as jt, FormPush$1 as k, OPT_BADGE_NEUTRAL as kn, DialogHeading$1 as kt, CheckboxGroup as l, EmptyState as ln, MenuPopover$1 as lt, formatOptTime as m, StatCard as mn, MenubarRoot$1 as mt, Highlight as n, ToolbarSeparator$1 as nn, OPT_TEXT_TERTIARY as nr, PopoverTrigger$1 as nt, resolveFieldType as o, Alert as on, Kbd as or, MenuItem$1 as ot, formatOptShortDate as p, koStarRatingLabels as pn, MenubarContainer$1 as pt, DEFAULT_PRESETS as q, OPT_SURFACE_POPOVER as qn, CompositeRow as qt, FIELD_TYPE_TOKENS as r, Tooltip$1 as rn, OPT_TH as rr, Slider as rt, Pagination as s, Spinner as sn, cn as sr, MenuItemCheckbox$1 as st, TextTruncate as t, ToolbarRoot$1 as tn, OPT_TEXT_SECONDARY as tr, PopoverRoot$1 as tt, OPT_UI_DEFAULT_LOCALE as u, Button as un, MenuRoot$1 as ut, FormDateRangePicker as v, SkeletonTable as vn, ComboboxInput$1 as vt, FormIconPicker as w, OPT_ACTIVE_ITEM as wn, DialogDescription$1 as wt, FormField$1 as x, FieldMessages as xn, ComboboxRoot$1 as xt, FormDescription$1 as y, SkeletonText as yn, ComboboxItem$1 as yt, FormStarRating as z, OPT_DOT_YELLOW as zn, TabPanel$1 as zt };