@noya-app/noya-designsystem 0.1.94 → 0.1.95

package/dist/index.js

@@ -39,12 +39,12 @@ var require_use_sync_external_store_shim_production = __commonJS({
       return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
     }
     var objectIs = "function" === typeof Object.is ? Object.is : is;
-    var useState82 = React340.useState;
-    var useEffect59 = React340.useEffect;
+    var useState83 = React340.useState;
+    var useEffect60 = React340.useEffect;
     var useLayoutEffect12 = React340.useLayoutEffect;
     var useDebugValue2 = React340.useDebugValue;
     function useSyncExternalStore$2(subscribe2, getSnapshot2) {
-      var value = getSnapshot2(), _useState = useState82({ inst: { value, getSnapshot: getSnapshot2 } }), inst = _useState[0].inst, forceUpdate = _useState[1];
+      var value = getSnapshot2(), _useState = useState83({ inst: { value, getSnapshot: getSnapshot2 } }), inst = _useState[0].inst, forceUpdate = _useState[1];
       useLayoutEffect12(
         function() {
           inst.value = value;
@@ -53,7 +53,7 @@ var require_use_sync_external_store_shim_production = __commonJS({
         },
         [subscribe2, value, getSnapshot2]
       );
-      useEffect59(
+      useEffect60(
         function() {
           checkIfSnapshotChanged(inst) && forceUpdate({ inst });
           return subscribe2(function() {
@@ -102,7 +102,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
             "The result of getSnapshot should be cached to avoid an infinite loop"
           ), didWarnUncachedGetSnapshot = true);
         }
-        cachedValue = useState82({
+        cachedValue = useState83({
           inst: { value, getSnapshot: getSnapshot2 }
         });
         var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
@@ -114,7 +114,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
           },
           [subscribe2, value, getSnapshot2]
         );
-        useEffect59(
+        useEffect60(
           function() {
             checkIfSnapshotChanged(inst) && forceUpdate({ inst });
             return subscribe2(function() {
@@ -140,7 +140,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return getSnapshot2();
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React340 = require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState82 = React340.useState, useEffect59 = React340.useEffect, useLayoutEffect12 = React340.useLayoutEffect, useDebugValue2 = React340.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+      var React340 = require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState83 = React340.useState, useEffect60 = React340.useEffect, useLayoutEffect12 = React340.useLayoutEffect, useDebugValue2 = React340.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
       exports2.useSyncExternalStore = void 0 !== React340.useSyncExternalStore ? React340.useSyncExternalStore : shim;
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
     }();
@@ -171,7 +171,7 @@ var require_with_selector_production = __commonJS({
     var objectIs = "function" === typeof Object.is ? Object.is : is;
     var useSyncExternalStore5 = shim.useSyncExternalStore;
     var useRef99 = React340.useRef;
-    var useEffect59 = React340.useEffect;
+    var useEffect60 = React340.useEffect;
     var useMemo102 = React340.useMemo;
     var useDebugValue2 = React340.useDebugValue;
     exports2.useSyncExternalStoreWithSelector = function(subscribe2, getSnapshot2, getServerSnapshot2, selector, isEqual) {
@@ -215,7 +215,7 @@ var require_with_selector_production = __commonJS({
         [getSnapshot2, getServerSnapshot2, selector, isEqual]
       );
       var value = useSyncExternalStore5(subscribe2, instRef[0], instRef[1]);
-      useEffect59(
+      useEffect60(
         function() {
           inst.hasValue = true;
           inst.value = value;
@@ -237,7 +237,7 @@ var require_with_selector_development = __commonJS({
         return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React340 = require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore5 = shim.useSyncExternalStore, useRef99 = React340.useRef, useEffect59 = React340.useEffect, useMemo102 = React340.useMemo, useDebugValue2 = React340.useDebugValue;
+      var React340 = require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore5 = shim.useSyncExternalStore, useRef99 = React340.useRef, useEffect60 = React340.useEffect, useMemo102 = React340.useMemo, useDebugValue2 = React340.useDebugValue;
       exports2.useSyncExternalStoreWithSelector = function(subscribe2, getSnapshot2, getServerSnapshot2, selector, isEqual) {
         var instRef = useRef99(null);
         if (null === instRef.current) {
@@ -280,7 +280,7 @@ var require_with_selector_development = __commonJS({
           [getSnapshot2, getServerSnapshot2, selector, isEqual]
         );
         var value = useSyncExternalStore5(subscribe2, instRef[0], instRef[1]);
-        useEffect59(
+        useEffect60(
           function() {
             inst.hasValue = true;
             inst.value = value;
@@ -316,12 +316,12 @@ var require_use_sync_external_store_shim_production2 = __commonJS({
       return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
     }
     var objectIs = "function" === typeof Object.is ? Object.is : is;
-    var useState82 = React340.useState;
-    var useEffect59 = React340.useEffect;
+    var useState83 = React340.useState;
+    var useEffect60 = React340.useEffect;
     var useLayoutEffect12 = React340.useLayoutEffect;
     var useDebugValue2 = React340.useDebugValue;
     function useSyncExternalStore$2(subscribe2, getSnapshot2) {
-      var value = getSnapshot2(), _useState = useState82({ inst: { value, getSnapshot: getSnapshot2 } }), inst = _useState[0].inst, forceUpdate = _useState[1];
+      var value = getSnapshot2(), _useState = useState83({ inst: { value, getSnapshot: getSnapshot2 } }), inst = _useState[0].inst, forceUpdate = _useState[1];
       useLayoutEffect12(
         function() {
           inst.value = value;
@@ -330,7 +330,7 @@ var require_use_sync_external_store_shim_production2 = __commonJS({
         },
         [subscribe2, value, getSnapshot2]
       );
-      useEffect59(
+      useEffect60(
         function() {
           checkIfSnapshotChanged(inst) && forceUpdate({ inst });
           return subscribe2(function() {
@@ -379,7 +379,7 @@ var require_use_sync_external_store_shim_development2 = __commonJS({
             "The result of getSnapshot should be cached to avoid an infinite loop"
           ), didWarnUncachedGetSnapshot = true);
         }
-        cachedValue = useState82({
+        cachedValue = useState83({
           inst: { value, getSnapshot: getSnapshot2 }
         });
         var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
@@ -391,7 +391,7 @@ var require_use_sync_external_store_shim_development2 = __commonJS({
           },
           [subscribe2, value, getSnapshot2]
         );
-        useEffect59(
+        useEffect60(
           function() {
             checkIfSnapshotChanged(inst) && forceUpdate({ inst });
             return subscribe2(function() {
@@ -417,7 +417,7 @@ var require_use_sync_external_store_shim_development2 = __commonJS({
         return getSnapshot2();
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React340 = require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState82 = React340.useState, useEffect59 = React340.useEffect, useLayoutEffect12 = React340.useLayoutEffect, useDebugValue2 = React340.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+      var React340 = require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState83 = React340.useState, useEffect60 = React340.useEffect, useLayoutEffect12 = React340.useLayoutEffect, useDebugValue2 = React340.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
       exports2.useSyncExternalStore = void 0 !== React340.useSyncExternalStore ? React340.useSyncExternalStore : shim;
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
     }();
@@ -803,14 +803,14 @@ var require_grammarDiagnostics = __commonJS({
           rootNonTerminating.add(name);
         }
       }
-      const memo44 = /* @__PURE__ */ new Map();
+      const memo43 = /* @__PURE__ */ new Map();
       const collectCauses = (name, path) => {
-        if (memo44.has(name)) {
-          return memo44.get(name);
+        if (memo43.has(name)) {
+          return memo43.get(name);
         }
         if (rootNonTerminating.has(name)) {
           const direct = /* @__PURE__ */ new Set([name]);
-          memo44.set(name, direct);
+          memo43.set(name, direct);
           return direct;
         }
         if (path.has(name)) {
@@ -829,7 +829,7 @@ var require_grammarDiagnostics = __commonJS({
           }
         }
         path.delete(name);
-        memo44.set(name, result);
+        memo43.set(name, result);
         return result;
       };
       const dependencyIssues = [];
@@ -3603,7 +3603,6 @@ __export(src_exports, {
   IndentContext: () => IndentContext,
   InputField: () => InputField2,
   InspectorContainer: () => InspectorContainer,
-  InspectorPrimitives: () => InspectorPrimitives_exports,
   Italic: () => Italic,
   KeyboardShortcut: () => KeyboardShortcut,
   Label: () => Label,
@@ -3657,8 +3656,9 @@ __export(src_exports, {
   TextAreaRow: () => TextAreaRow,
   Toast: () => Toast,
   ToastProvider: () => ToastProvider3,
-  Toolbar: () => Toolbar,
+  Toolbar: () => Toolbar2,
   ToolbarDrawer: () => ToolbarDrawer,
+  ToolbarItems: () => ToolbarItems,
   ToolbarMenu: () => ToolbarMenu,
   ToolbarMenuButton: () => ToolbarMenuButton,
   ToolbarMenuContext: () => ToolbarMenuContext,
@@ -3765,7 +3765,8 @@ __export(src_exports, {
   validateDropIndicator: () => validateDropIndicator,
   whiteboardProseTheme: () => whiteboardProseTheme,
   withDragProvider: () => withDragProvider,
-  withSeparatorElements: () => withSeparatorElements
+  withSeparatorElements: () => withSeparatorElements,
+  wordPrefixFilter: () => wordPrefixFilter
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -17850,7 +17851,8 @@ var Tooltip = React110.memo(function Tooltip2({
   content,
   sideOffset = 2,
   side = "bottom",
-  portalContainer
+  portalContainer,
+  contentClassName
 }) {
   const portalScopeId = usePortalScopeId();
   return /* @__PURE__ */ React110.createElement(index_parts_exports2.Provider, null, /* @__PURE__ */ React110.createElement(index_parts_exports2.Root, null, /* @__PURE__ */ React110.createElement(
@@ -17871,7 +17873,7 @@ var Tooltip = React110.memo(function Tooltip2({
     /* @__PURE__ */ React110.createElement(
       index_parts_exports2.Popup,
       {
-        className: `${textStyles.small} n-text-text n-rounded-sm n-p-2 n-bg-popover-background n-shadow-tooltip n-z-menu`
+        className: contentClassName ?? `${textStyles.small} n-text-text n-rounded-sm n-p-2 n-bg-popover-background n-shadow-tooltip n-z-menu`
       },
       content
     )
@@ -17921,7 +17923,7 @@ var Button = (0, import_react24.forwardRef)(function Button2({
 }, forwardedRef) {
   const colorScheme = colorSchemeProp ?? "default";
   const baseClassName = cx(
-    "n-no-underline n-leading-[1] n-relative n-outline-none n-select-none n-text-left n-rounded n-flex n-items-center n-justify-center [&>*]:n-pointer-events-none n-[-webkit-app-region:no-drag] focus:n-ring-2 focus:n-ring-primary focus:n-shadow-[0_0_0_1px_var(--n-popover-background)_inset] n-transition-all",
+    "n-no-underline n-leading-[1] n-relative n-outline-none n-select-none n-text-left n-rounded n-flex n-items-center n-justify-center [&>*]:n-pointer-events-none n-[-webkit-app-region:no-drag] focus-visible:n-ring-2 focus-visible:n-ring-primary focus-visible:n-shadow-[0_0_0_1px_var(--n-popover-background)_inset] n-transition-all",
     variant === "ghost" ? "n-border" : "n-border-0",
     disabled2 ? "n-opacity-25" : "",
     !className?.includes("flex") ? "n-flex-none" : "",
@@ -17967,6 +17969,28 @@ var Button = (0, import_react24.forwardRef)(function Button2({
   return tooltip ? /* @__PURE__ */ import_react24.default.createElement(Tooltip, { content: tooltip }, buttonElement) : buttonElement;
 });
 
+// src/components/IconButton.tsx
+var React112 = __toESM(require("react"));
+var IconButton = React112.memo(
+  React112.forwardRef(function IconButton2({ selected, iconName, color, size: size4, contentStyle, ...props }, forwardedRef) {
+    const Icon2 = Icons[iconName];
+    const style2 = React112.useMemo(() => {
+      return {
+        padding: "0 2px",
+        ...size4 && { minHeight: size4 },
+        ...contentStyle
+      };
+    }, [contentStyle, size4]);
+    return /* @__PURE__ */ React112.createElement(Button, { ref: forwardedRef, ...props, variant: "none", contentStyle: style2 }, /* @__PURE__ */ React112.createElement(
+      Icon2,
+      {
+        color: color ?? (selected ? cssVars.colors.iconSelected : cssVars.colors.icon),
+        ...size4 && { width: size4, height: size4 }
+      }
+    ));
+  })
+);
+
 // src/components/internal/Menu.tsx
 var import_noya_keymap2 = require("@noya-app/noya-keymap");
 var import_react39 = __toESM(require("react"));
@@ -17994,14 +18018,14 @@ __export(index_parts_exports3, {
 });
 
 // ../../node_modules/@base-ui/react/toast/provider/ToastProvider.mjs
-var React113 = __toESM(require("react"), 1);
+var React114 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/toast/provider/ToastProviderContext.mjs
-var React112 = __toESM(require("react"), 1);
-var ToastContext = /* @__PURE__ */ React112.createContext(void 0);
+var React113 = __toESM(require("react"), 1);
+var ToastContext = /* @__PURE__ */ React113.createContext(void 0);
 if (process.env.NODE_ENV !== "production") ToastContext.displayName = "ToastContext";
 function useToastProviderContext() {
-  const context = React112.useContext(ToastContext);
+  const context = React113.useContext(ToastContext);
   if (!context) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: useToastManager must be used within <Toast.Provider>." : formatErrorMessage_default(73));
   }
@@ -18410,7 +18434,7 @@ var ToastProvider = function ToastProvider2(props) {
     prevFocusElement: null
   })).current;
   useOnMount(store.disposeEffect);
-  React113.useEffect(function subscribeToToastManager() {
+  React114.useEffect(function subscribeToToastManager() {
     if (!toastManager) {
       return void 0;
     }
@@ -18454,9 +18478,9 @@ function ToastProviderPropsSynchronizer(props) {
 }
 
 // ../../node_modules/@base-ui/react/toast/viewport/ToastViewport.mjs
-var React114 = __toESM(require("react"), 1);
+var React115 = __toESM(require("react"), 1);
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var ToastViewport = /* @__PURE__ */ React114.forwardRef(function ToastViewport2(componentProps, forwardedRef) {
+var ToastViewport = /* @__PURE__ */ React115.forwardRef(function ToastViewport2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -18466,9 +18490,9 @@ var ToastViewport = /* @__PURE__ */ React114.forwardRef(function ToastViewport2(
   } = componentProps;
   const store = useToastProviderContext();
   const windowFocusTimeout = useTimeout();
-  const handlingFocusGuardRef = React114.useRef(false);
-  const markedReadyForMouseLeaveRef = React114.useRef(false);
-  const touchActiveRef = React114.useRef(false);
+  const handlingFocusGuardRef = React115.useRef(false);
+  const markedReadyForMouseLeaveRef = React115.useRef(false);
+  const touchActiveRef = React115.useRef(false);
   const isEmpty = store.useState("isEmpty");
   const toasts = store.useState("toasts");
   const focused = store.useState("focused");
@@ -18477,7 +18501,7 @@ var ToastViewport = /* @__PURE__ */ React114.forwardRef(function ToastViewport2(
   const frontmostHeight = toasts[0]?.height;
   const hasTransitioningToasts = toasts.some((toast) => toast.transitionStatus === "ending");
   const highPriorityToasts = toasts.filter((toast) => toast.priority === "high");
-  React114.useEffect(() => {
+  React115.useEffect(() => {
     const viewport = store.state.viewport;
     if (!viewport || isEmpty) {
       return void 0;
@@ -18541,7 +18565,7 @@ var ToastViewport = /* @__PURE__ */ React114.forwardRef(function ToastViewport2(
     store.set("hovering", false);
     markedReadyForMouseLeaveRef.current = false;
   }
-  React114.useEffect(flushMouseLeave, [hasTransitioningToasts, store]);
+  React115.useEffect(flushMouseLeave, [hasTransitioningToasts, store]);
   function handleMouseEnter() {
     store.pauseTimers();
     store.set("hovering", true);
@@ -18619,12 +18643,12 @@ var ToastViewport = /* @__PURE__ */ React114.forwardRef(function ToastViewport2(
     ref: [forwardedRef, store.setViewport],
     state,
     props: [defaultProps, elementProps, {
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(React114.Fragment, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(React115.Fragment, {
         children: [focusGuard, children, focusGuard]
       })
     }]
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(React114.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(React115.Fragment, {
     children: [focusGuard, element, !focused && highPriorityToasts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", {
       style: visuallyHidden,
       children: highPriorityToasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", {
@@ -18642,15 +18666,15 @@ var ToastViewport = /* @__PURE__ */ React114.forwardRef(function ToastViewport2(
 if (process.env.NODE_ENV !== "production") ToastViewport.displayName = "ToastViewport";
 
 // ../../node_modules/@base-ui/react/toast/root/ToastRoot.mjs
-var React117 = __toESM(require("react"), 1);
+var React118 = __toESM(require("react"), 1);
 var ReactDOM9 = __toESM(require("react-dom"), 1);
 
 // ../../node_modules/@base-ui/react/toast/root/ToastRootContext.mjs
-var React115 = __toESM(require("react"), 1);
-var ToastRootContext = /* @__PURE__ */ React115.createContext(void 0);
+var React116 = __toESM(require("react"), 1);
+var ToastRootContext = /* @__PURE__ */ React116.createContext(void 0);
 if (process.env.NODE_ENV !== "production") ToastRootContext.displayName = "ToastRootContext";
 function useToastRootContext() {
-  const context = React115.useContext(ToastRootContext);
+  const context = React116.useContext(ToastRootContext);
   if (!context) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>." : formatErrorMessage_default(66));
   }
@@ -18658,7 +18682,7 @@ function useToastRootContext() {
 }
 
 // ../../node_modules/@base-ui/react/utils/useSwipeDismiss.mjs
-var React116 = __toESM(require("react"), 1);
+var React117 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/internals/clamp.mjs
 function clamp2(val, min2 = Number.MIN_SAFE_INTEGER, max2 = Number.MAX_SAFE_INTEGER) {
@@ -18723,7 +18747,7 @@ var REVERSE_CANCEL_THRESHOLD = 10;
 var OPPOSITE_DIRECTION_DAMPING_FACTOR = 0.5;
 var MIN_DRAG_THRESHOLD = 1;
 var TOAST_SWIPE_IGNORE_SELECTOR = `${BASE_UI_SWIPE_IGNORE_SELECTOR},${LEGACY_SWIPE_IGNORE_SELECTOR}`;
-var ToastRoot = /* @__PURE__ */ React117.forwardRef(function ToastRoot2(componentProps, forwardedRef) {
+var ToastRoot = /* @__PURE__ */ React118.forwardRef(function ToastRoot2(componentProps, forwardedRef) {
   const {
     toast,
     render,
@@ -18739,46 +18763,46 @@ var ToastRoot = /* @__PURE__ */ React117.forwardRef(function ToastRoot2(componen
   }
   const swipeEnabled = swipeDirections.length > 0;
   const store = useToastProviderContext();
-  const [currentSwipeDirection, setCurrentSwipeDirection] = React117.useState(void 0);
-  const [isSwiping, setIsSwiping] = React117.useState(false);
-  const [isRealSwipe, setIsRealSwipe] = React117.useState(false);
-  const [dragOffset, setDragOffset] = React117.useState({
+  const [currentSwipeDirection, setCurrentSwipeDirection] = React118.useState(void 0);
+  const [isSwiping, setIsSwiping] = React118.useState(false);
+  const [isRealSwipe, setIsRealSwipe] = React118.useState(false);
+  const [dragOffset, setDragOffset] = React118.useState({
     x: 0,
     y: 0
   });
-  const [initialTransform, setInitialTransform] = React117.useState({
+  const [initialTransform, setInitialTransform] = React118.useState({
     x: 0,
     y: 0,
     scale: 1
   });
-  const [titleId, setTitleId] = React117.useState();
-  const [descriptionId, setDescriptionId] = React117.useState();
-  const [lockedDirection, setLockedDirection] = React117.useState(null);
-  const rootRef = React117.useRef(null);
-  const lastToastIdRef = React117.useRef(void 0);
-  const dragStartPosRef = React117.useRef({
+  const [titleId, setTitleId] = React118.useState();
+  const [descriptionId, setDescriptionId] = React118.useState();
+  const [lockedDirection, setLockedDirection] = React118.useState(null);
+  const rootRef = React118.useRef(null);
+  const lastToastIdRef = React118.useRef(void 0);
+  const dragStartPosRef = React118.useRef({
     x: 0,
     y: 0
   });
-  const initialTransformRef = React117.useRef({
+  const initialTransformRef = React118.useRef({
     x: 0,
     y: 0,
     scale: 1
   });
-  const intendedSwipeDirectionRef = React117.useRef(void 0);
-  const maxSwipeDisplacementRef = React117.useRef(0);
-  const cancelledSwipeRef = React117.useRef(false);
-  const swipeCancelBaselineRef = React117.useRef({
+  const intendedSwipeDirectionRef = React118.useRef(void 0);
+  const maxSwipeDisplacementRef = React118.useRef(0);
+  const cancelledSwipeRef = React118.useRef(false);
+  const swipeCancelBaselineRef = React118.useRef({
     x: 0,
     y: 0
   });
-  const isFirstPointerMoveRef = React117.useRef(false);
-  const dragOffsetRef = React117.useRef({
+  const isFirstPointerMoveRef = React118.useRef(false);
+  const dragOffsetRef = React118.useRef({
     x: 0,
     y: 0
   });
-  const activePointerIdRef = React117.useRef(null);
-  const dragAbortControllerRef = React117.useRef(null);
+  const activePointerIdRef = React118.useRef(null);
+  const dragAbortControllerRef = React118.useRef(null);
   const domIndex = store.useState("toastIndex", toast.id);
   const visibleIndex = store.useState("toastVisibleIndex", toast.id);
   const offsetY = store.useState("toastOffsetY", toast.id);
@@ -19046,7 +19070,7 @@ var ToastRoot = /* @__PURE__ */ React117.forwardRef(function ToastRoot2(componen
       store.closeToast(toast.id);
     }
   }
-  React117.useEffect(() => {
+  React118.useEffect(() => {
     const element2 = rootRef.current;
     if (!swipeEnabled || !element2) {
       return void 0;
@@ -19094,7 +19118,7 @@ var ToastRoot = /* @__PURE__ */ React117.forwardRef(function ToastRoot2(componen
       ["--toast-height"]: toast.height ? `${toast.height}px` : void 0
     }
   };
-  const toastRoot = React117.useMemo(() => ({
+  const toastRoot = React118.useMemo(() => ({
     toast,
     setTitleId,
     setDescriptionId,
@@ -19124,8 +19148,8 @@ var ToastRoot = /* @__PURE__ */ React117.forwardRef(function ToastRoot2(componen
 if (process.env.NODE_ENV !== "production") ToastRoot.displayName = "ToastRoot";
 
 // ../../node_modules/@base-ui/react/toast/content/ToastContent.mjs
-var React118 = __toESM(require("react"), 1);
-var ToastContent = /* @__PURE__ */ React118.forwardRef(function ToastContent2(componentProps, forwardedRef) {
+var React119 = __toESM(require("react"), 1);
+var ToastContent = /* @__PURE__ */ React119.forwardRef(function ToastContent2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -19137,7 +19161,7 @@ var ToastContent = /* @__PURE__ */ React118.forwardRef(function ToastContent2(co
     expanded,
     recalculateHeight
   } = useToastRootContext();
-  const contentRef = React118.useRef(null);
+  const contentRef = React119.useRef(null);
   useIsoLayoutEffect(() => {
     recalculateHeight();
     const node = contentRef.current;
@@ -19171,10 +19195,10 @@ var ToastContent = /* @__PURE__ */ React118.forwardRef(function ToastContent2(co
 if (process.env.NODE_ENV !== "production") ToastContent.displayName = "ToastContent";
 
 // ../../node_modules/@base-ui/react/toast/description/ToastDescription.mjs
-var React120 = __toESM(require("react"), 1);
+var React121 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/toast/utils/isRenderableNode.mjs
-var React119 = __toESM(require("react"), 1);
+var React120 = __toESM(require("react"), 1);
 function isRenderableNode(node) {
   if (node == null || typeof node === "boolean" || node === "") {
     return false;
@@ -19185,7 +19209,7 @@ function isRenderableNode(node) {
   return true;
 }
 function hasRenderableChildren(element) {
-  return /* @__PURE__ */ React119.isValidElement(element) && isRenderableNode(element.props.children);
+  return /* @__PURE__ */ React120.isValidElement(element) && isRenderableNode(element.props.children);
 }
 
 // ../../node_modules/@base-ui/react/toast/utils/useToastLabelPart.mjs
@@ -19220,7 +19244,7 @@ function useToastLabelElement(element, id, setId) {
 }
 
 // ../../node_modules/@base-ui/react/toast/description/ToastDescription.mjs
-var ToastDescription = /* @__PURE__ */ React120.forwardRef(function ToastDescription2(componentProps, forwardedRef) {
+var ToastDescription = /* @__PURE__ */ React121.forwardRef(function ToastDescription2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -19252,8 +19276,8 @@ var ToastDescription = /* @__PURE__ */ React120.forwardRef(function ToastDescrip
 if (process.env.NODE_ENV !== "production") ToastDescription.displayName = "ToastDescription";
 
 // ../../node_modules/@base-ui/react/toast/title/ToastTitle.mjs
-var React121 = __toESM(require("react"), 1);
-var ToastTitle = /* @__PURE__ */ React121.forwardRef(function ToastTitle2(componentProps, forwardedRef) {
+var React122 = __toESM(require("react"), 1);
+var ToastTitle = /* @__PURE__ */ React122.forwardRef(function ToastTitle2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -19285,8 +19309,8 @@ var ToastTitle = /* @__PURE__ */ React121.forwardRef(function ToastTitle2(compon
 if (process.env.NODE_ENV !== "production") ToastTitle.displayName = "ToastTitle";
 
 // ../../node_modules/@base-ui/react/toast/close/ToastClose.mjs
-var React122 = __toESM(require("react"), 1);
-var ToastClose = /* @__PURE__ */ React122.forwardRef(function ToastClose2(componentProps, forwardedRef) {
+var React123 = __toESM(require("react"), 1);
+var ToastClose = /* @__PURE__ */ React123.forwardRef(function ToastClose2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -19300,7 +19324,7 @@ var ToastClose = /* @__PURE__ */ React122.forwardRef(function ToastClose2(compon
     toast,
     expanded
   } = useToastRootContext();
-  const [hasFocus, setHasFocus] = React122.useState(false);
+  const [hasFocus, setHasFocus] = React123.useState(false);
   const {
     getButtonProps,
     buttonRef
@@ -19331,8 +19355,8 @@ var ToastClose = /* @__PURE__ */ React122.forwardRef(function ToastClose2(compon
 if (process.env.NODE_ENV !== "production") ToastClose.displayName = "ToastClose";
 
 // ../../node_modules/@base-ui/react/toast/action/ToastAction.mjs
-var React123 = __toESM(require("react"), 1);
-var ToastAction = /* @__PURE__ */ React123.forwardRef(function ToastAction2(componentProps, forwardedRef) {
+var React124 = __toESM(require("react"), 1);
+var ToastAction = /* @__PURE__ */ React124.forwardRef(function ToastAction2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -19367,9 +19391,9 @@ var ToastAction = /* @__PURE__ */ React123.forwardRef(function ToastAction2(comp
 if (process.env.NODE_ENV !== "production") ToastAction.displayName = "ToastAction";
 
 // ../../node_modules/@base-ui/react/toast/portal/ToastPortal.mjs
-var React124 = __toESM(require("react"), 1);
+var React125 = __toESM(require("react"), 1);
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var ToastPortal = /* @__PURE__ */ React124.forwardRef(function ToastPortal2(props, forwardedRef) {
+var ToastPortal = /* @__PURE__ */ React125.forwardRef(function ToastPortal2(props, forwardedRef) {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FloatingPortalLite, {
     ref: forwardedRef,
     ...props
@@ -19378,14 +19402,14 @@ var ToastPortal = /* @__PURE__ */ React124.forwardRef(function ToastPortal2(prop
 if (process.env.NODE_ENV !== "production") ToastPortal.displayName = "ToastPortal";
 
 // ../../node_modules/@base-ui/react/toast/positioner/ToastPositioner.mjs
-var React126 = __toESM(require("react"), 1);
+var React127 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/toast/positioner/ToastPositionerContext.mjs
-var React125 = __toESM(require("react"), 1);
-var ToastPositionerContext = /* @__PURE__ */ React125.createContext(void 0);
+var React126 = __toESM(require("react"), 1);
+var ToastPositionerContext = /* @__PURE__ */ React126.createContext(void 0);
 if (process.env.NODE_ENV !== "production") ToastPositionerContext.displayName = "ToastPositionerContext";
 function useToastPositionerContext() {
-  const context = React125.useContext(ToastPositionerContext);
+  const context = React126.useContext(ToastPositionerContext);
   if (context === void 0) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToastPositionerContext is missing. ToastPositioner parts must be placed within <Toast.Positioner>." : formatErrorMessage_default(84));
   }
@@ -19394,7 +19418,7 @@ function useToastPositionerContext() {
 
 // ../../node_modules/@base-ui/react/toast/positioner/ToastPositioner.mjs
 var import_jsx_runtime28 = require("react/jsx-runtime");
-var ToastPositioner = /* @__PURE__ */ React126.forwardRef(function ToastPositioner2(componentProps, forwardedRef) {
+var ToastPositioner = /* @__PURE__ */ React127.forwardRef(function ToastPositioner2(componentProps, forwardedRef) {
   const {
     toast,
     ...props
@@ -19419,7 +19443,7 @@ var ToastPositioner = /* @__PURE__ */ React126.forwardRef(function ToastPosition
     style: style2,
     ...elementProps
   } = props;
-  const [positionerElement, setPositionerElement] = React126.useState(null);
+  const [positionerElement, setPositionerElement] = React127.useState(null);
   const domIndex = store.useState("toastIndex", toast.id);
   const visibleIndex = store.useState("toastVisibleIndex", toast.id);
   const anchor = isElement(anchorProp) ? anchorProp : null;
@@ -19470,8 +19494,8 @@ var ToastPositioner = /* @__PURE__ */ React126.forwardRef(function ToastPosition
 if (process.env.NODE_ENV !== "production") ToastPositioner.displayName = "ToastPositioner";
 
 // ../../node_modules/@base-ui/react/toast/arrow/ToastArrow.mjs
-var React127 = __toESM(require("react"), 1);
-var ToastArrow = /* @__PURE__ */ React127.forwardRef(function ToastArrow2(componentProps, forwardedRef) {
+var React128 = __toESM(require("react"), 1);
+var ToastArrow = /* @__PURE__ */ React128.forwardRef(function ToastArrow2(componentProps, forwardedRef) {
   const {
     className,
     render,
@@ -19502,11 +19526,11 @@ var ToastArrow = /* @__PURE__ */ React127.forwardRef(function ToastArrow2(compon
 if (process.env.NODE_ENV !== "production") ToastArrow.displayName = "ToastArrow";
 
 // ../../node_modules/@base-ui/react/toast/useToastManager.mjs
-var React128 = __toESM(require("react"), 1);
+var React129 = __toESM(require("react"), 1);
 function useToastManager() {
   const store = useToastProviderContext();
   const toasts = store.useState("toasts");
-  return React128.useMemo(() => ({
+  return React129.useMemo(() => ({
     toasts,
     add: store.addToast,
     close: store.closeToast,
@@ -19579,30 +19603,6 @@ function createToastManager() {
 
 // src/components/Toast.tsx
 var import_react25 = __toESM(require("react"));
-
-// src/components/IconButton.tsx
-var React129 = __toESM(require("react"));
-var IconButton = React129.memo(
-  React129.forwardRef(function IconButton2({ selected, iconName, color, size: size4, contentStyle, ...props }, forwardedRef) {
-    const Icon2 = Icons[iconName];
-    const style2 = React129.useMemo(() => {
-      return {
-        padding: "0 2px",
-        ...size4 && { minHeight: size4 },
-        ...contentStyle
-      };
-    }, [contentStyle, size4]);
-    return /* @__PURE__ */ React129.createElement(Button, { ref: forwardedRef, ...props, variant: "none", contentStyle: style2 }, /* @__PURE__ */ React129.createElement(
-      Icon2,
-      {
-        color: color ?? (selected ? cssVars.colors.iconSelected : cssVars.colors.icon),
-        ...size4 && { width: size4, height: size4 }
-      }
-    ));
-  })
-);
-
-// src/components/Toast.tsx
 var ToastContext2 = (0, import_react25.createContext)(null);
 function useToast() {
   const context = (0, import_react25.useContext)(ToastContext2);
@@ -20690,7 +20690,11 @@ var SubmittableTextInput = (0, import_react30.forwardRef)(function SubmittableTe
   const handleSubmit = (0, import_react30.useCallback)(() => {
     const submissionValue = isSubmitTriggeredByEscapeKey.current ? value : internalValue;
     isSubmitTriggeredByEscapeKey.current = false;
-    if (submissionValue === value && !allowSubmittingWithSameValue) return;
+    if (submissionValue === value && !allowSubmittingWithSameValue) {
+      userDidEdit.current = false;
+      setInternalValue(latestValue.current);
+      return;
+    }
     onSubmit(submissionValue);
     userDidEdit.current = false;
     setInternalValue(latestValue.current);
@@ -20709,12 +20713,16 @@ var SubmittableTextInput = (0, import_react30.forwardRef)(function SubmittableTe
         event.stopPropagation();
       } else if (event.key === "Escape") {
         isSubmitTriggeredByEscapeKey.current = true;
+        if (internalValue !== value) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
         ref.current?.blur();
       } else {
         onKeyDown?.(event);
       }
     },
-    [onKeyDown, handleSubmit]
+    [onKeyDown, handleSubmit, internalValue, value]
   );
   const handleChange = (0, import_react30.useCallback)(
     (event) => {
@@ -20733,13 +20741,27 @@ var SubmittableTextInput = (0, import_react30.forwardRef)(function SubmittableTe
     },
     [onBlur, onFocusChange, handleSubmit, submitOnBlur]
   );
+  const isFocusingFromPointer = (0, import_react30.useRef)(false);
+  const handleMouseDown = (0, import_react30.useCallback)((event) => {
+    if (document.activeElement !== event.currentTarget) {
+      isFocusingFromPointer.current = true;
+    }
+  }, []);
   const handleFocusCapture = (0, import_react30.useCallback)(
     (event) => {
       onFocusCapture?.(event);
       onFocusChange?.(true);
+      if (isFocusingFromPointer.current) {
+        event.currentTarget.select();
+      }
     },
     [onFocusCapture, onFocusChange]
   );
+  const handleMouseUp = (0, import_react30.useCallback)((event) => {
+    if (!isFocusingFromPointer.current) return;
+    isFocusingFromPointer.current = false;
+    event.preventDefault();
+  }, []);
   const autoSubmitTimeoutRef = (0, import_react30.useRef)(
     null
   );
@@ -20770,7 +20792,9 @@ var SubmittableTextInput = (0, import_react30.forwardRef)(function SubmittableTe
       onKeyDown: handleKeyDown,
       onChange: handleChange,
       onBlur: handleBlur,
-      onFocusCapture: handleFocusCapture
+      onFocusCapture: handleFocusCapture,
+      onMouseDown: handleMouseDown,
+      onMouseUp: handleMouseUp
     }
   );
 });
@@ -21815,6 +21839,7 @@ function Popover({
   closable,
   open,
   side,
+  align = "center",
   sideOffset = 4,
   showArrow = true,
   onOpenChange,
@@ -21823,7 +21848,8 @@ function Popover({
   portalContainer,
   style: style2,
   initialFocus,
-  shouldCloseOnInteractOutside
+  shouldCloseOnInteractOutside,
+  nativeButtonTrigger = true
 }) {
   const defaultId = (0, import_react33.useId)();
   const portalScopeId = usePortalScopeId();
@@ -21845,6 +21871,7 @@ function Popover({
   return /* @__PURE__ */ import_react33.default.createElement(index_parts_exports5.Root, { open: isOpen, onOpenChange: handleOpenChange }, /* @__PURE__ */ import_react33.default.createElement(
     index_parts_exports5.Trigger,
     {
+      nativeButton: nativeButtonTrigger,
       render: (triggerProps) => {
         const element = import_react33.default.isValidElement(trigger) ? trigger : /* @__PURE__ */ import_react33.default.createElement("span", null, trigger);
         const childProps = element.props;
@@ -21870,7 +21897,7 @@ function Popover({
       ...portalScopeProps(portalScopeId),
       anchor: anchorElement,
       side,
-      align: "center",
+      align,
       sideOffset,
       collisionPadding: 8,
       arrowPadding: 2,
@@ -22297,7 +22324,8 @@ function InputFieldRoot({
       trigger: rootElement,
       initialFocus: false,
       sideOffset,
-      showArrow: false
+      showArrow: false,
+      nativeButtonTrigger: false
     },
     measuredWidthObject && /* @__PURE__ */ import_react34.default.createElement(
       "div",
@@ -22783,7 +22811,10 @@ var styles = {
       marginRight: -CHECKBOX_RIGHT_INSET
     }
   },
-  contentStyle: "n-rounded n-bg-popover-background n-text-text n-shadow-popover n-z-menu n-py-1"
+  // n-outline-none: the popup itself can take focus (e.g. a right-click
+  // context menu) and the browser's default focus outline reads as a stray
+  // black border on the light surface; keyboard focus is shown on items.
+  contentStyle: "n-rounded n-bg-popover-background n-text-text n-shadow-popover n-z-menu n-py-1 n-outline-none"
 };
 function getKeyboardShortcuts(item) {
   if (item.type === "separator") return [];
@@ -22863,6 +22894,7 @@ var SectionHeaderMenuItem = (0, import_react39.memo)(function SectionHeaderMenuI
 });
 
 // src/components/DropdownMenu.tsx
+var MenuContentStyleContext = import_react40.default.createContext(void 0);
 var itemStyle = (state) => cx(
   "n-flex-none n-select-none n-cursor-pointer n-rounded",
   "n-py-1.5 n-px-2",
@@ -22903,6 +22935,7 @@ function SubmenuItem({
   portalScopeId
 }) {
   const [open, setOpen] = (0, import_react40.useState)(false);
+  const inheritedContentStyle = import_react40.default.useContext(MenuContentStyleContext);
   const submenuHasCheckedItem = item.items.some(
     (subItem) => isSelectableMenuItem(subItem) && subItem.checked
   );
@@ -22946,14 +22979,21 @@ function SubmenuItem({
         alignOffset: -5,
         className: "n-z-menu n-outline-none"
       },
-      /* @__PURE__ */ import_react40.default.createElement(index_parts_exports.Popup, { className: styles.contentStyle }, /* @__PURE__ */ import_react40.default.createElement(
-        MenuViewport3,
+      /* @__PURE__ */ import_react40.default.createElement(
+        index_parts_exports.Popup,
         {
-          items: item.items,
-          onSelect,
-          hasCheckedItem: submenuHasCheckedItem
-        }
-      ))
+          className: styles.contentStyle,
+          style: inheritedContentStyle
+        },
+        /* @__PURE__ */ import_react40.default.createElement(
+          MenuViewport3,
+          {
+            items: item.items,
+            onSelect,
+            hasCheckedItem: submenuHasCheckedItem
+          }
+        )
+      )
     ))
   );
 }
@@ -23069,7 +23109,7 @@ var DropdownMenuRoot = forwardRefGeneric(function DropdownMenuRoot2(props, forwa
     (item) => isSelectableMenuItem(item) && item.checked
   );
   const childContent = typeof children === "function" ? children({ open }) : children || /* @__PURE__ */ import_react40.default.createElement(Button, { icon, active: open, iconRight: "DropdownChevronIcon" }, title);
-  const isNativeButton = import_react40.default.isValidElement(childContent) && (childContent.type === "button" || childContent.type === Button && childContent.props.as !== "a");
+  const isNativeButton = import_react40.default.isValidElement(childContent) && (childContent.type === "button" || (childContent.type === Button || childContent.type === IconButton) && childContent.props.as !== "a");
   return /* @__PURE__ */ import_react40.default.createElement(
     index_parts_exports.Root,
     {
@@ -23120,14 +23160,14 @@ var DropdownMenuRoot = forwardRefGeneric(function DropdownMenuRoot2(props, forwa
         collisionPadding,
         className: "n-z-menu n-outline-none"
       },
-      /* @__PURE__ */ import_react40.default.createElement(index_parts_exports.Popup, { className: styles.contentStyle, style: contentStyles }, items.length === 0 ? emptyState : null, /* @__PURE__ */ import_react40.default.createElement(
+      /* @__PURE__ */ import_react40.default.createElement(index_parts_exports.Popup, { className: styles.contentStyle, style: contentStyles }, /* @__PURE__ */ import_react40.default.createElement(MenuContentStyleContext.Provider, { value: contentStyle }, items.length === 0 ? emptyState : null, /* @__PURE__ */ import_react40.default.createElement(
         MenuViewport3,
         {
           items,
           onSelect,
           hasCheckedItem
         }
-      ))
+      )))
     ))
   );
 });
@@ -25141,6 +25181,7 @@ if (process.env.NODE_ENV !== "production") ContextMenuTrigger.displayName = "Con
 var import_noya_icons6 = require("@noya-app/noya-icons");
 var import_noya_keymap4 = require("@noya-app/noya-keymap");
 var import_react57 = __toESM(require("react"));
+var ContextMenuContentStyleContext = import_react57.default.createContext(void 0);
 var itemStyle2 = (state) => cx(
   "n-flex-none n-select-none n-cursor-pointer n-rounded",
   "n-py-1.5 n-px-2",
@@ -25181,6 +25222,9 @@ function SubmenuItem2({
   portalScopeId
 }) {
   const [open, setOpen] = (0, import_react57.useState)(false);
+  const inheritedContentStyle = import_react57.default.useContext(
+    ContextMenuContentStyleContext
+  );
   const submenuHasCheckedItem = item.items.some(
     (subItem) => isSelectableMenuItem(subItem) && subItem.checked
   );
@@ -25220,14 +25264,21 @@ function SubmenuItem2({
         alignOffset: -5,
         className: "n-z-menu n-outline-none"
       },
-      /* @__PURE__ */ import_react57.default.createElement(index_parts_exports7.Popup, { className: styles.contentStyle }, /* @__PURE__ */ import_react57.default.createElement(
-        ContextMenuViewport,
+      /* @__PURE__ */ import_react57.default.createElement(
+        index_parts_exports7.Popup,
         {
-          items: item.items,
-          onSelect,
-          hasCheckedItem: submenuHasCheckedItem
-        }
-      ))
+          className: styles.contentStyle,
+          style: inheritedContentStyle
+        },
+        /* @__PURE__ */ import_react57.default.createElement(
+          ContextMenuViewport,
+          {
+            items: item.items,
+            onSelect,
+            hasCheckedItem: submenuHasCheckedItem
+          }
+        )
+      )
     ))
   );
 }
@@ -25304,7 +25355,8 @@ function ContextMenuRoot2({
   children,
   onSelect,
   shouldBindKeyboardShortcuts,
-  onOpenChange
+  onOpenChange,
+  contentStyle
 }) {
   const keymap = (0, import_react57.useMemo)(
     () => shouldBindKeyboardShortcuts === false ? {} : getKeyboardShortcutsForMenuItems(items, onSelect),
@@ -25339,14 +25391,21 @@ function ContextMenuRoot2({
       ...portalScopeProps(portalScopeId),
       className: "n-z-menu n-outline-none"
     },
-    /* @__PURE__ */ import_react57.default.createElement(index_parts_exports7.Popup, { className: styles.contentStyle }, /* @__PURE__ */ import_react57.default.createElement(
-      ContextMenuViewport,
+    /* @__PURE__ */ import_react57.default.createElement(
+      index_parts_exports7.Popup,
       {
-        items,
-        onSelect: handleSelectItem,
-        hasCheckedItem
-      }
-    ))
+        className: styles.contentStyle,
+        style: contentStyle
+      },
+      /* @__PURE__ */ import_react57.default.createElement(ContextMenuContentStyleContext.Provider, { value: contentStyle }, /* @__PURE__ */ import_react57.default.createElement(
+        ContextMenuViewport,
+        {
+          items,
+          onSelect: handleSelectItem,
+          hasCheckedItem
+        }
+      ))
+    )
   )));
 }
 var ContextMenu = memoGeneric(ContextMenuRoot2);
@@ -26968,6 +27027,32 @@ var ListViewEditableRowTitle = (0, import_react61.memo)(function ListViewEditabl
   selectBeforeDot = false
 }) {
   const inputRef = (0, import_react61.useRef)(null);
+  const submittedRef = (0, import_react61.useRef)(false);
+  const handleSubmitEditing = (nextValue) => {
+    if (submittedRef.current) return;
+    submittedRef.current = true;
+    onSubmitEditing(nextValue);
+  };
+  const handleSubmitEditingRef = (0, import_react61.useRef)(handleSubmitEditing);
+  handleSubmitEditingRef.current = handleSubmitEditing;
+  (0, import_react61.useLayoutEffect)(() => {
+    const handlePointerDown = (event) => {
+      const element = inputRef.current;
+      if (!element) return;
+      if (event.target instanceof Node && (element === event.target || element.contains(event.target))) {
+        return;
+      }
+      handleSubmitEditingRef.current(element.value);
+    };
+    document.addEventListener("pointerdown", handlePointerDown, {
+      capture: true
+    });
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown, {
+        capture: true
+      });
+    };
+  }, []);
   (0, import_react61.useLayoutEffect)(() => {
     const element = inputRef.current;
     if (!element || !autoFocus) return;
@@ -26994,7 +27079,7 @@ var ListViewEditableRowTitle = (0, import_react61.memo)(function ListViewEditabl
       ref: inputRef,
       value,
       placeholder,
-      onSubmit: onSubmitEditing,
+      onSubmit: handleSubmitEditing,
       allowSubmittingWithSameValue: true,
       className: cx(
         "-n-mx-input-padding-x -n-my-1 n-bg-listview-editing-background",
@@ -27992,7 +28077,10 @@ function SortableItem({
       ref,
       ...attributes,
       ...listeners,
-      style: { opacity: isDragging ? 0.5 : 1 }
+      // Only set an inline opacity while dragging — an always-on inline
+      // `opacity: 1` would override class-based opacity styling on rows
+      // (e.g. dimmed hidden layers).
+      ...isDragging ? { style: { opacity: 0.5 } } : {}
     }),
     [ref, attributes, listeners, isDragging]
   );
@@ -28498,6 +28586,9 @@ var RowContainer = (0, import_react67.forwardRef)(
           $clickable ? "n-cursor-pointer" : "n-cursor-default",
           $isSectionHeader && "n-bg-listview-raised-background",
           "n-flex n-flex-[0_0_auto] n-select-none n-items-center n-relative",
+          // Rows own their focus styling: the standard primary ring for
+          // keyboard focus instead of the UA default black outline.
+          "n-outline-none focus-visible:n-ring-1 focus-visible:n-ring-primary focus-visible:n-ring-inset",
           className
         ),
         style: {
@@ -29082,9 +29173,11 @@ var List = memoGeneric(
               },
               onKeyDown: (e) => {
                 if (e.key !== "Enter" && e.key !== " ") return;
+                if (e.nativeEvent.defaultPrevented) return;
                 e.preventDefault();
+                e.stopPropagation();
                 handleSelect(id, e);
-                if (e.key === "Enter") {
+                if (e.key === "Enter" && !e.metaKey && !e.ctrlKey && !e.altKey && !e.shiftKey) {
                   setRenamingId(id);
                 }
               },
@@ -29114,7 +29207,9 @@ var List = memoGeneric(
                 "div",
                 {
                   className: cx(
-                    "n-overflow-hidden n-flex-none n-flex n-items-center n-justify-center",
+                    // outline-none: focusable-by-click (tabIndex -1)
+                    // wrapper must never show the UA focus outline.
+                    "n-overflow-hidden n-flex-none n-flex n-items-center n-justify-center n-outline-none",
                     thumbnailSize === "auto" && thumbnailSizeMap[size4],
                     isSelected && "n-text-selected-list-item-text",
                     roundedMap[size4]
@@ -29126,7 +29221,7 @@ var List = memoGeneric(
               /* @__PURE__ */ import_react70.default.createElement("div", { className: "n-flex n-flex-col n-flex-1 n-w-0" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "n-flex n-items-center n-min-h-input-height n-flex-1 n-gap-2" }, /* @__PURE__ */ import_react70.default.createElement(
                 "div",
                 {
-                  className: "n-flex-1 n-w-0 n-flex n-items-center",
+                  className: "n-flex-1 n-w-0 n-flex n-items-center n-outline-none",
                   tabIndex: -1
                 },
                 isRenaming ? /* @__PURE__ */ import_react70.default.createElement(
@@ -29332,9 +29427,9 @@ var rgbaToHsva = ({ r, g, b, a }) => {
   const delta = max2 - Math.min(r, g, b);
   const hh = delta ? max2 === r ? (g - b) / delta : max2 === g ? 2 + (b - r) / delta : 4 + (r - g) / delta : 0;
   return {
-    h: (0, import_noya_utils10.round)(60 * (hh < 0 ? hh + 6 : hh)),
-    s: (0, import_noya_utils10.round)(max2 ? delta / max2 * 100 : 0),
-    v: (0, import_noya_utils10.round)(max2 / 255 * 100),
+    h: (0, import_noya_utils10.round)(60 * (hh < 0 ? hh + 6 : hh), 2),
+    s: (0, import_noya_utils10.round)(max2 ? delta / max2 * 100 : 0, 2),
+    v: (0, import_noya_utils10.round)(max2 / 255 * 100, 2),
     a
   };
 };
@@ -30021,6 +30116,53 @@ function fuzzyFilter({
   if (!query) return scoredItems;
   return scoredItems.filter(({ score }) => score > scoreThreshold).sort((a, b) => b.score - a.score);
 }
+function wordPrefixFilter({
+  items,
+  query
+}) {
+  const normalizedQuery = query.trim().toLowerCase();
+  if (!normalizedQuery) {
+    return items.map((_, index2) => ({ index: index2, score: 0 }));
+  }
+  const boundaryMatches = [];
+  const substringMatches = [];
+  items.forEach((text, index2) => {
+    const lower = text.toLowerCase();
+    const makeItem = (score, start) => ({
+      index: index2,
+      score,
+      labelMatch: [{ start, end: start + normalizedQuery.length }]
+    });
+    if (lower === normalizedQuery) {
+      boundaryMatches.push({
+        index: index2,
+        score: 4e3,
+        labelMatch: [{ start: 0, end: text.length }]
+      });
+      return;
+    }
+    if (lower.startsWith(normalizedQuery)) {
+      boundaryMatches.push(makeItem(3e3, 0));
+      return;
+    }
+    const wordStart = lower.search(
+      new RegExp(`[\\s-]${escapeRegExp(normalizedQuery)}`)
+    );
+    if (wordStart !== -1) {
+      boundaryMatches.push(makeItem(2e3 - wordStart, wordStart + 1));
+      return;
+    }
+    const substringIndex = lower.indexOf(normalizedQuery);
+    if (substringIndex !== -1) {
+      substringMatches.push(makeItem(1, substringIndex));
+    }
+  });
+  const result = boundaryMatches.length > 0 ? boundaryMatches : substringMatches;
+  return result.sort((a, b) => b.score - a.score);
+}
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
 function fuzzyTokenize({
   item,
   itemScore
@@ -30084,7 +30226,9 @@ var ComboboxState = class {
   subscribers = [];
   version = 0;
   _cachedSnapshot;
-  constructor(items, initialTitle, allowArbitraryValues) {
+  filterStrategy;
+  constructor(items, initialTitle, allowArbitraryValues, filterStrategy = "fuzzy") {
+    this.filterStrategy = filterStrategy;
     this.items = items;
     this.lastSubmittedValue = {
       filter: initialTitle,
@@ -30147,7 +30291,9 @@ var ComboboxState = class {
     this.subscribers.forEach((listener) => listener());
   }
   getFilteredItems() {
-    return filterWithGroupedSections(this.items, this.filter);
+    return filterWithGroupedSections(this.items, this.filter, {
+      filterStrategy: this.filterStrategy
+    });
   }
   getSnapshot = () => {
     if (this._cachedSnapshot && this._cachedSnapshot[0] === this.version) {
@@ -30270,7 +30416,8 @@ var ComboboxState = class {
     this.notifyChange();
   }
 };
-function filterWithGroupedSections(items, query) {
+function filterWithGroupedSections(items, query, options = {}) {
+  const filterItems = options.filterStrategy === "wordPrefix" ? wordPrefixFilter : fuzzyFilter;
   const sections = (0, import_noya_utils13.chunkBy)(items, (_a, b) => isSelectableMenuItem(b));
   let result = [];
   let currentIndex = 0;
@@ -30300,7 +30447,7 @@ function filterWithGroupedSections(items, query) {
         (item, index2) => createExtraItem(item, index2)
       );
     } else {
-      const scoredItems = fuzzyFilter({
+      const scoredItems = filterItems({
         items: selectableItems.map((item) => {
           const title = item.title?.toString?.() ?? "";
           const tooltipText = getNodeText(item.tooltip);
@@ -30376,7 +30523,8 @@ var ComboboxMenu = memoGeneric(
     indented,
     iconPosition = "right",
     itemHeight,
-    getRowHeightForItem
+    getRowHeightForItem,
+    renderItemContent
   }, forwardedRef) {
     return /* @__PURE__ */ import_react75.default.createElement(
       ListView.Root,
@@ -30429,17 +30577,20 @@ var ComboboxMenu = memoGeneric(
               {
                 size: CHECKBOX_WIDTH - CHECKBOX_RIGHT_INSET
               }
-            ) : null, iconPosition === "left" && item.icon && /* @__PURE__ */ import_react75.default.createElement(import_react75.default.Fragment, null, /* @__PURE__ */ import_react75.default.createElement(MenuIcon, { icon: item.icon }), /* @__PURE__ */ import_react75.default.createElement(Spacer.Horizontal, { size: 8 })), /* @__PURE__ */ import_react75.default.createElement("div", { className: "n-flex n-flex-col n-min-w-0 n-flex-1" }, /* @__PURE__ */ import_react75.default.createElement("div", { className: "n-min-w-0 n-truncate" }, tokens.map((token, j) => /* @__PURE__ */ import_react75.default.createElement(
-              "span",
-              {
-                key: `${item.value}-token-${j}`,
-                className: cx(
-                  token.type === "match" ? "n-font-bold" : "n-font-normal",
-                  "n-whitespace-pre n-truncate"
-                )
-              },
-              token.text
-            ))), tooltip && /* @__PURE__ */ import_react75.default.createElement(Small, { color: "textSubtle", className: "n-truncate" }, tooltip))),
+            ) : null, iconPosition === "left" && item.icon && /* @__PURE__ */ import_react75.default.createElement(import_react75.default.Fragment, null, /* @__PURE__ */ import_react75.default.createElement(MenuIcon, { icon: item.icon }), /* @__PURE__ */ import_react75.default.createElement(Spacer.Horizontal, { size: 8 })), /* @__PURE__ */ import_react75.default.createElement("div", { className: "n-flex n-flex-col n-min-w-0 n-flex-1" }, (() => {
+              const defaultContent = /* @__PURE__ */ import_react75.default.createElement("div", { className: "n-min-w-0 n-truncate" }, tokens.map((token, j) => /* @__PURE__ */ import_react75.default.createElement(
+                "span",
+                {
+                  key: `${item.value}-token-${j}`,
+                  className: cx(
+                    token.type === "match" ? "n-font-bold" : "n-font-normal",
+                    "n-whitespace-pre n-truncate"
+                  )
+                },
+                token.text
+              )));
+              return renderItemContent ? renderItemContent(item, defaultContent) : defaultContent;
+            })(), tooltip && /* @__PURE__ */ import_react75.default.createElement(Small, { color: "textSubtle", className: "n-truncate" }, tooltip))),
             (item.shortcut || item.icon && iconPosition === "right") && /* @__PURE__ */ import_react75.default.createElement("div", { className: "n-flex n-items-center n-min-w-0 n-ml-2" }, item.shortcut ? /* @__PURE__ */ import_react75.default.createElement(KeyboardShortcut, { shortcut: item.shortcut }) : item.icon && /* @__PURE__ */ import_react75.default.createElement(MenuIcon, { icon: item.icon }))
           );
         }
@@ -30470,6 +30621,8 @@ var Combobox = memoGeneric(
     onFocus,
     onDeleteWhenEmpty,
     iconPosition = "right",
+    renderItemContent,
+    filterStrategy = "fuzzy",
     ...rest
   }, forwardedRef) {
     const props = (0, import_react76.useMemo)(() => {
@@ -30522,7 +30675,8 @@ var Combobox = memoGeneric(
       () => new ComboboxState(
         items,
         initialValueString,
-        props.mode === "string" && (props.allowArbitraryValues ?? false)
+        props.mode === "string" && (props.allowArbitraryValues ?? false),
+        filterStrategy
       )
     );
     const state = useComboboxState(comboboxState);
@@ -30825,7 +30979,9 @@ var Combobox = memoGeneric(
             menuItemsCount,
             sectionHeaderCount,
             tallMenuItemsCount,
-            maxBaseRows: 10.5
+            // Whole rows only: a half-cut last row reads as a rendering bug
+            // rather than a scrollable list.
+            maxBaseRows: 10
           });
           const adjustedListSize = { width, height: computedHeight };
           return /* @__PURE__ */ import_react76.default.createElement(
@@ -30846,6 +31002,7 @@ var Combobox = memoGeneric(
                 onHoverIndex: handleIndexChange,
                 listSize: adjustedListSize,
                 iconPosition,
+                renderItemContent,
                 style: {
                   flex: `0 0 ${computedHeight}px`
                 },
@@ -32107,8 +32264,8 @@ var SegmentedControlItem = (0, import_react86.forwardRef)(function SegmentedCont
         // checked
         variant === "tabs" ? "data-[pressed]:n-text-primary" : variant === "buttons" ? "active:n-text-button-text-active active:n-bg-button-background-active data-[pressed]:n-text-button-text-active data-[pressed]:n-bg-button-background-active" : variant === "default" ? (
           // default variant: only text color, background handled by sliding indicator
-          colorScheme === "secondary" || colorScheme === "primary" ? "data-[pressed]:n-text-white" : "data-[pressed]:n-text-segmented-control-item-active-text"
-        ) : colorScheme === "secondary" ? "data-[pressed]:n-bg-secondary data-[pressed]:n-text-white" : colorScheme === "primary" ? "data-[pressed]:n-bg-primary data-[pressed]:n-text-white" : "data-[pressed]:n-bg-segmented-control-item-active-background data-[pressed]:n-text-segmented-control-item-active-text",
+          colorScheme === "secondary" || colorScheme === "primary" ? "data-[pressed]:n-text-white" : colorScheme === "primaryTint" ? "data-[pressed]:n-text-primary" : "data-[pressed]:n-text-segmented-control-item-active-text"
+        ) : colorScheme === "secondary" ? "data-[pressed]:n-bg-secondary data-[pressed]:n-text-white" : colorScheme === "primary" ? "data-[pressed]:n-bg-primary data-[pressed]:n-text-white" : colorScheme === "primaryTint" ? "data-[pressed]:n-bg-primary-pastel data-[pressed]:n-text-primary" : "data-[pressed]:n-bg-segmented-control-item-active-background data-[pressed]:n-text-segmented-control-item-active-text",
         "focus-visible:n-z-interactable",
         // checked default (all colorSchemes) - hide separators near selected
         variant === "default" && "data-[pressed]:after:n-hidden [&:has(+[data-pressed])]:after:n-hidden",
@@ -32316,7 +32473,7 @@ var SegmentedControl = memoGeneric(function SegmentedControl2({
     () => ({ colorScheme, onSelect: handleSelect, itemWidth, isCompact }),
     [colorScheme, handleSelect, itemWidth, isCompact]
   );
-  const indicatorBgClass = colorScheme === "secondary" ? "n-bg-secondary" : colorScheme === "primary" ? "n-bg-primary" : "n-bg-segmented-control-item-active-background";
+  const indicatorBgClass = colorScheme === "secondary" ? "n-bg-secondary" : colorScheme === "primary" ? "n-bg-primary" : colorScheme === "primaryTint" ? "n-bg-primary-pastel" : "n-bg-segmented-control-item-active-background";
   return /* @__PURE__ */ import_react86.default.createElement(SegmentedControlContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react86.default.createElement(
     ToggleGroup,
     {
@@ -36250,6 +36407,7 @@ var InspectorContainer = (0, import_react95.memo)(
     header,
     children,
     fallback,
+    footer,
     showDividers,
     id,
     className,
@@ -36270,7 +36428,15 @@ var InspectorContainer = (0, import_react95.memo)(
         }
       },
       header,
-      children ? /* @__PURE__ */ import_react95.default.createElement(ScrollArea, { className: "n-flex-1 n-min-h-0" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "n-flex n-flex-col n-relative" }, showDividers ? withSeparatorElements(children, /* @__PURE__ */ import_react95.default.createElement(Divider, null)) : children)) : fallback ? /* @__PURE__ */ import_react95.default.createElement("div", { className: "n-flex n-flex-col n-relative n-h-full" }, fallback) : null
+      children ? /* @__PURE__ */ import_react95.default.createElement(ScrollArea, { className: "n-flex-1 n-min-h-0" }, /* @__PURE__ */ import_react95.default.createElement(
+        "div",
+        {
+          className: "n-flex n-flex-col n-relative",
+          style: footer != null ? { minHeight: "100%" } : void 0
+        },
+        showDividers ? withSeparatorElements(children, /* @__PURE__ */ import_react95.default.createElement(Divider, null)) : children,
+        footer != null && /* @__PURE__ */ import_react95.default.createElement(import_react95.default.Fragment, null, /* @__PURE__ */ import_react95.default.createElement("div", { className: "n-flex-1" }), footer)
+      )) : fallback ? /* @__PURE__ */ import_react95.default.createElement("div", { className: "n-flex n-flex-col n-relative n-h-full" }, fallback) : null
     );
   })
 );
@@ -36922,6 +37088,24 @@ function ScrollableSidebar({ children }) {
 
 // src/components/Section.tsx
 var import_react104 = __toESM(require("react"));
+var SectionHeaderShell = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ import_react104.default.createElement("div", { className: cx(`n-flex n-items-center`, className), ...props });
+var TitleShell = ({
+  className,
+  $textStyle,
+  ...props
+}) => /* @__PURE__ */ import_react104.default.createElement(
+  "div",
+  {
+    className: cx(
+      `n-flex n-select-none ${$textStyle ? `${textStyles[$textStyle]} n-text-text` : "n-font-sans n-text-label n-text-text-muted n-font-semibold"} `,
+      className
+    ),
+    ...props
+  }
+);
 var titleIconStyle = {
   marginRight: "6px",
   alignSelf: "flex-start",
@@ -36949,34 +37133,16 @@ function SectionHeader({
     }),
     [style2]
   );
-  const titleElement = title ? /* @__PURE__ */ import_react104.default.createElement(
-    InspectorPrimitives_exports.Title,
-    {
-      $textStyle: titleTextStyle,
-      className: titleClassName
-    },
-    title
-  ) : null;
-  return /* @__PURE__ */ import_react104.default.createElement(
-    InspectorPrimitives_exports.SectionHeader,
+  const titleElement = title ? /* @__PURE__ */ import_react104.default.createElement(TitleShell, { $textStyle: titleTextStyle, className: titleClassName }, title) : null;
+  return /* @__PURE__ */ import_react104.default.createElement(SectionHeaderShell, { style: headerStyle, className }, titleIcon && /* @__PURE__ */ import_react104.default.createElement("div", { style: titleIconStyle, className: textStyles[titleTextStyle] }, "\u200B", renderIcon(titleIcon)), titleElement && /* @__PURE__ */ import_react104.default.createElement(import_react104.default.Fragment, null, onClickTitle ? /* @__PURE__ */ import_react104.default.createElement(Button, { variant: "none", onClick: onClickTitle }, titleElement) : titleElement), headerSeparator === "space" && /* @__PURE__ */ import_react104.default.createElement(Spacer.Horizontal, null), headerSeparator === "dot" && /* @__PURE__ */ import_react104.default.createElement(
+    Text,
     {
-      style: headerStyle,
-      className
+      variant: titleTextStyle,
+      color: "textDisabled",
+      style: { padding: "0 4px" }
     },
-    titleIcon && /* @__PURE__ */ import_react104.default.createElement("div", { style: titleIconStyle, className: textStyles[titleTextStyle] }, "\u200B", renderIcon(titleIcon)),
-    titleElement && /* @__PURE__ */ import_react104.default.createElement(import_react104.default.Fragment, null, onClickTitle ? /* @__PURE__ */ import_react104.default.createElement(Button, { variant: "none", onClick: onClickTitle }, titleElement) : titleElement),
-    headerSeparator === "space" && /* @__PURE__ */ import_react104.default.createElement(Spacer.Horizontal, null),
-    headerSeparator === "dot" && /* @__PURE__ */ import_react104.default.createElement(
-      Text,
-      {
-        variant: titleTextStyle,
-        color: "textDisabled",
-        style: { padding: "0 4px" }
-      },
-      "\u2022"
-    ),
-    right
-  );
+    "\u2022"
+  ), right);
 }
 var SectionInternal = ({
   children,
@@ -37060,14 +37226,516 @@ var Section = (0, import_react104.memo)(function InspectorSection({
 });
 
 // src/components/SelectionToolbar.tsx
-var import_react106 = require("@floating-ui/react");
-var import_react107 = __toESM(require("react"));
+var import_react109 = require("@floating-ui/react");
+var import_react110 = __toESM(require("react"));
 
 // src/components/Toolbar.tsx
+var import_react108 = __toESM(require("react"));
+
+// src/components/ToolbarItems.tsx
+var import_react107 = __toESM(require("react"));
+
+// src/components/AppToolbar.tsx
+var import_noya_keymap6 = require("@noya-app/noya-keymap");
+var import_react106 = __toESM(require("react"));
+
+// src/components/ToolbarDrawer.tsx
 var import_react105 = __toESM(require("react"));
-var Toolbar = (0, import_react105.forwardRef)(
-  function Toolbar2({ children, className, role = "toolbar", size: size4 = "medium", style: style2, ...props }, ref) {
-    return /* @__PURE__ */ import_react105.default.createElement(
+var ToolbarDrawer = (0, import_react105.memo)(
+  (0, import_react105.forwardRef)(function ToolbarDrawer2({ children, trigger, sideOffset = 8 }, ref) {
+    return /* @__PURE__ */ import_react105.default.createElement("div", { className: "n-relative", ref }, /* @__PURE__ */ import_react105.default.createElement(
+      "div",
+      {
+        className: "n-absolute n-bottom-full n-left-1/2 -n-translate-x-1/2 n-rounded-t-lg n-border n-border-toolbar-drawer-border n-border-b-transparent n-bg-toolbar-drawer-background -n-z-10",
+        style: {
+          marginBottom: `${sideOffset}px`,
+          boxShadow: "0px -2px 12px 0px var(--n-toolbar-drawer-shadow)"
+        }
+      },
+      children
+    ), trigger);
+  })
+);
+
+// src/components/AppToolbar.tsx
+var SIDE_OFFSET = 6;
+var ToolbarMenuContext = (0, import_react106.createContext)({});
+var ToolbarMenuDropdown = memoGeneric(function ToolbarMenuDropdown2({
+  item,
+  onSelectMenuItem,
+  onPopoverOpenChange
+}) {
+  const [open, setOpen] = import_react106.default.useState(false);
+  const handleOpenChange = import_react106.default.useCallback(
+    (newOpen) => {
+      setOpen(newOpen);
+      onPopoverOpenChange?.(newOpen);
+    },
+    [onPopoverOpenChange]
+  );
+  return /* @__PURE__ */ import_react106.default.createElement(
+    DropdownMenu,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      items: item.items,
+      modal: false,
+      onSelect: (value) => {
+        if (onSelectMenuItem && value) {
+          onSelectMenuItem(value);
+        }
+      }
+    },
+    /* @__PURE__ */ import_react106.default.createElement(
+      Button,
+      {
+        disabled: item.disabled,
+        active: item.checked || open,
+        icon: item.icon,
+        iconRight: item.icon === "DotsVerticalIcon" || item.icon === "DotsHorizontalIcon" ? void 0 : "DropdownChevronIcon"
+      },
+      item.title
+    )
+  );
+});
+var ToolbarShortcut = ({
+  shortcut,
+  label
+}) => {
+  return /* @__PURE__ */ import_react106.default.createElement("div", { className: "n-flex n-items-center" }, label, /* @__PURE__ */ import_react106.default.createElement(Spacer.Horizontal, { size: 6 }), /* @__PURE__ */ import_react106.default.createElement(KeyboardShortcut, { shortcut }));
+};
+var ToolbarMenuPopover = memoGeneric(function ToolbarMenuPopover2({
+  item,
+  portalContainer,
+  onPopoverOpenChange
+}) {
+  const {
+    disabled: disabled2,
+    icon,
+    title,
+    tooltip,
+    content: itemContent,
+    checked,
+    popoverClassName,
+    triggerProps: buttonProps
+  } = item;
+  const [open, setOpen] = import_react106.default.useState(false);
+  const handleOpenChange = import_react106.default.useCallback(
+    (newOpen) => {
+      setOpen(newOpen);
+      onPopoverOpenChange?.(newOpen);
+    },
+    [onPopoverOpenChange]
+  );
+  const { useDialogOnSmallScreen, isSmallScreen, openDialog } = (0, import_react106.useContext)(ToolbarMenuContext);
+  const shouldUseDialog = useDialogOnSmallScreen && isSmallScreen && openDialog;
+  const handleOpenDialog = import_react106.default.useCallback(() => {
+    if (!openDialog) return;
+    handleOpenChange(true);
+    const dialogContent = typeof itemContent === "function" ? (props) => /* @__PURE__ */ import_react106.default.createElement("div", { className: "-n-m-3" }, itemContent(props)) : /* @__PURE__ */ import_react106.default.createElement("div", { className: "-n-m-3" }, itemContent);
+    const dialog = openDialog({
+      title,
+      children: dialogContent
+    });
+    dialog.then(() => handleOpenChange(false));
+  }, [openDialog, itemContent, title, handleOpenChange]);
+  const trigger = /* @__PURE__ */ import_react106.default.createElement(
+    Button,
+    {
+      disabled: disabled2,
+      active: checked || open,
+      icon,
+      iconRight: "DropdownChevronIcon",
+      onClick: shouldUseDialog ? handleOpenDialog : void 0,
+      ...buttonProps
+    },
+    title
+  );
+  if (shouldUseDialog) {
+    return tooltip && !open ? /* @__PURE__ */ import_react106.default.createElement(
+      Tooltip,
+      {
+        sideOffset: SIDE_OFFSET,
+        side: "top",
+        content: tooltip,
+        portalContainer
+      },
+      trigger
+    ) : trigger;
+  }
+  const content = /* @__PURE__ */ import_react106.default.createElement("span", null, /* @__PURE__ */ import_react106.default.createElement(
+    Popover,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      side: "top",
+      showArrow: false,
+      sideOffset: SIDE_OFFSET,
+      portalContainer,
+      trigger,
+      className: popoverClassName
+    },
+    typeof itemContent === "function" ? itemContent({ close: () => handleOpenChange(false) }) : itemContent
+  ));
+  return tooltip && !open ? /* @__PURE__ */ import_react106.default.createElement(
+    Tooltip,
+    {
+      sideOffset: SIDE_OFFSET,
+      side: "top",
+      content: tooltip,
+      portalContainer
+    },
+    content
+  ) : content;
+});
+var ToolbarMenuButton = memoGeneric(function ToolbarMenuButton2({
+  item,
+  onSelectMenuItem,
+  as,
+  activeValue,
+  tooltipSide,
+  displayFilter
+}) {
+  const isActive = item.checked || activeValue === item.value;
+  const content = /* @__PURE__ */ import_react106.default.createElement(
+    Button,
+    {
+      as,
+      disabled: item.disabled,
+      active: isActive,
+      icon: displayFilter === "textOnly" ? void 0 : item.icon,
+      ...as === "a" && { href: item.value },
+      onClick: () => {
+        if (onSelectMenuItem && item.value) {
+          onSelectMenuItem(item.value);
+        }
+      }
+    },
+    displayFilter === "iconOnly" ? void 0 : item.title
+  );
+  const tooltip = item.tooltip ?? (displayFilter === "iconOnly" && item.title ? item.title : void 0);
+  return item.drawer && isActive ? /* @__PURE__ */ import_react106.default.createElement(ToolbarDrawer, { trigger: content }, item.drawer) : tooltip ? /* @__PURE__ */ import_react106.default.createElement(Tooltip, { sideOffset: SIDE_OFFSET, content: tooltip, side: tooltipSide }, content) : content;
+});
+var ToolbarMenuItem = memoGeneric(function ToolbarMenuItem2({
+  item,
+  onSelectMenuItem,
+  buttonAs,
+  activeValue,
+  tooltipSide,
+  portalContainer,
+  displayFilter,
+  dividerOverflow: dividerOverflowProp,
+  onPopoverOpenChange
+}) {
+  const { dividerOverflow: contextDividerOverflow } = (0, import_react106.useContext)(ToolbarMenuContext);
+  const dividerOverflow = dividerOverflowProp ?? contextDividerOverflow ?? 4;
+  if (item.type === "sectionHeader") return null;
+  if (item.type === "separator") {
+    return /* @__PURE__ */ import_react106.default.createElement(DividerVertical, { overflow: dividerOverflow });
+  }
+  if (item.type === "popover") {
+    return /* @__PURE__ */ import_react106.default.createElement(
+      ToolbarMenuPopover,
+      {
+        item,
+        portalContainer,
+        onPopoverOpenChange
+      }
+    );
+  }
+  if (isSelectableMenuItem(item)) {
+    return /* @__PURE__ */ import_react106.default.createElement(
+      ToolbarMenuButton,
+      {
+        item,
+        onSelectMenuItem,
+        as: buttonAs,
+        activeValue,
+        tooltipSide,
+        displayFilter
+      }
+    );
+  }
+  return /* @__PURE__ */ import_react106.default.createElement(
+    ToolbarMenuDropdown,
+    {
+      item,
+      onSelectMenuItem,
+      onPopoverOpenChange
+    }
+  );
+});
+var ToolbarMenu = memoGeneric(function ToolbarMenu2({
+  items,
+  onSelectMenuItem,
+  buttonAs,
+  activeValue,
+  tooltipSide,
+  portalContainer,
+  displayFilter = "iconAndText",
+  dividerOverflow,
+  onPopoverOpenChange
+}) {
+  return /* @__PURE__ */ import_react106.default.createElement(import_react106.default.Fragment, null, items.map((item, i) => {
+    return /* @__PURE__ */ import_react106.default.createElement(
+      ToolbarMenuItem,
+      {
+        key: i,
+        item,
+        onSelectMenuItem,
+        buttonAs,
+        activeValue,
+        tooltipSide,
+        portalContainer,
+        displayFilter,
+        dividerOverflow,
+        onPopoverOpenChange
+      }
+    );
+  }));
+});
+function useBindKeyboardShortcutsForMenuItems(items, onSelectMenuItem) {
+  return (0, import_noya_keymap6.useKeyboardShortcuts)(
+    import_react106.default.useMemo(
+      () => onSelectMenuItem ? getKeyboardShortcutsForMenuItems(items, onSelectMenuItem) : {},
+      [items, onSelectMenuItem]
+    )
+  );
+}
+function AppToolbar({
+  children,
+  logo,
+  leftMenuItems = [],
+  rightMenuItems = [],
+  onSelectMenuItem,
+  shouldBindKeyboardShortcuts = true,
+  dividerOverflow
+}) {
+  const allMenuItems = import_react106.default.useMemo(
+    () => [...leftMenuItems, ...rightMenuItems],
+    [leftMenuItems, rightMenuItems]
+  );
+  useBindKeyboardShortcutsForMenuItems(
+    allMenuItems,
+    shouldBindKeyboardShortcuts ? onSelectMenuItem : void 0
+  );
+  return /* @__PURE__ */ import_react106.default.createElement(
+    BaseToolbar,
+    {
+      logo,
+      left: leftMenuItems.length > 0 && /* @__PURE__ */ import_react106.default.createElement("div", { className: "n-flex n-gap-2" }, /* @__PURE__ */ import_react106.default.createElement(
+        ToolbarMenu,
+        {
+          items: leftMenuItems,
+          onSelectMenuItem,
+          dividerOverflow
+        }
+      )),
+      right: rightMenuItems.length > 0 && /* @__PURE__ */ import_react106.default.createElement("div", { className: "n-flex n-gap-2" }, /* @__PURE__ */ import_react106.default.createElement(
+        ToolbarMenu,
+        {
+          items: rightMenuItems,
+          onSelectMenuItem,
+          dividerOverflow
+        }
+      ))
+    },
+    children
+  );
+}
+
+// src/components/ToolbarItems.tsx
+var POPUP_OFFSET = 10;
+function labelForTitle(title) {
+  return typeof title === "string" ? title : void 0;
+}
+function ToolbarItemButton({
+  item,
+  tooltipSide,
+  onClick
+}) {
+  const label = labelForTitle(item.title);
+  const button = /* @__PURE__ */ import_react107.default.createElement(
+    "button",
+    {
+      type: "button",
+      "aria-label": label,
+      "aria-pressed": item.checked ?? false,
+      disabled: item.disabled,
+      onClick,
+      className: cx(
+        "n-flex n-h-input-height n-flex-none n-cursor-default n-items-center n-justify-center n-rounded n-border-0 n-outline-none n-transition-colors focus-visible:n-ring-2 focus-visible:n-ring-primary",
+        // Icon items are square at the design system's floating-toolbar
+        // control size (27px, see Button variant="floating" and
+        // INPUT_HEIGHT); text titles get auto width with the same padding
+        // and type style as the popover text trigger.
+        item.icon ? "n-w-input-height n-p-0" : "n-px-2 n-py-0 n-font-sans n-text-[12px] n-font-medium",
+        item.checked ? "n-bg-primary n-text-white" : "n-bg-transparent n-text-text hover:n-bg-input-background-light",
+        item.disabled && "n-pointer-events-none n-opacity-30"
+      )
+    },
+    item.icon ? renderIcon(item.icon) : item.title
+  );
+  if (item.disabled) return button;
+  return /* @__PURE__ */ import_react107.default.createElement(
+    Tooltip,
+    {
+      side: tooltipSide,
+      sideOffset: POPUP_OFFSET,
+      content: item.tooltip ?? (item.shortcut ? /* @__PURE__ */ import_react107.default.createElement(ToolbarShortcut, { shortcut: item.shortcut, label: item.title }) : item.title)
+    },
+    button
+  );
+}
+function renderGroupChevron({
+  label,
+  open,
+  disabled: disabled2
+}) {
+  return /* @__PURE__ */ import_react107.default.createElement(
+    "button",
+    {
+      type: "button",
+      "aria-label": label,
+      disabled: disabled2,
+      className: cx(
+        "n--ml-0.5 n-flex n-h-input-height n-w-3.5 n-flex-none n-cursor-default n-items-center n-justify-center n-rounded n-border-0 n-p-0 n-outline-none n-transition-colors focus-visible:n-ring-2 focus-visible:n-ring-primary",
+        open ? "n-bg-input-background-light n-text-text" : "n-bg-transparent n-text-text-muted hover:n-bg-input-background-light hover:n-text-text",
+        disabled2 && "n-pointer-events-none n-opacity-30"
+      )
+    },
+    renderIcon("DropdownChevronIcon")
+  );
+}
+function ToolbarItemGroup({
+  group,
+  onSelect,
+  side,
+  tooltipSide
+}) {
+  const { items } = group;
+  const checkedItem = items.find((item) => item.checked);
+  const [lastUsed, setLastUsed] = (0, import_react107.useState)(void 0);
+  const checkedValue = checkedItem?.value;
+  (0, import_react107.useEffect)(() => {
+    if (checkedValue !== void 0) setLastUsed(checkedValue);
+  }, [checkedValue]);
+  const representative = checkedItem ?? items.find((item) => item.value === lastUsed) ?? items[0];
+  if (!representative) return null;
+  const allDisabled = items.every((item) => item.disabled);
+  const label = labelForTitle(representative.title);
+  const chevronLabel = `${label ?? "More"} tools`;
+  return /* @__PURE__ */ import_react107.default.createElement("div", { className: "n-flex n-items-center" }, /* @__PURE__ */ import_react107.default.createElement(
+    ToolbarItemButton,
+    {
+      item: { ...representative, checked: checkedItem !== void 0 },
+      tooltipSide,
+      onClick: () => {
+        setLastUsed(representative.value);
+        onSelect(representative.value);
+      }
+    }
+  ), allDisabled ? (
+    // Not wrapped in DropdownMenu (whose trigger would re-enable the
+    // native button) — a fully disabled group has nothing to open.
+    renderGroupChevron({
+      label: chevronLabel,
+      open: false,
+      disabled: true
+    })
+  ) : /* @__PURE__ */ import_react107.default.createElement(
+    DropdownMenu,
+    {
+      items,
+      side,
+      sideOffset: POPUP_OFFSET + 4,
+      align: "start",
+      alignOffset: -29,
+      shouldBindKeyboardShortcuts: false,
+      onSelect: (value) => {
+        setLastUsed(value);
+        onSelect(value);
+      }
+    },
+    ({ open }) => renderGroupChevron({
+      label: chevronLabel,
+      open
+    })
+  ));
+}
+function ToolbarItemPopover({
+  item,
+  side
+}) {
+  const [open, setOpen] = (0, import_react107.useState)(false);
+  const label = labelForTitle(item.title);
+  const trigger = /* @__PURE__ */ import_react107.default.createElement(
+    "button",
+    {
+      type: "button",
+      "aria-label": label,
+      className: cx(
+        "n-flex n-h-input-height n-flex-none n-cursor-default n-items-center n-justify-center n-rounded n-border-0 n-outline-none n-transition-colors focus-visible:n-ring-2 focus-visible:n-ring-primary",
+        item.icon ? "n-w-input-height n-p-0" : "n-px-2 n-font-sans n-text-[12px] n-font-medium",
+        open ? "n-bg-input-background-light n-text-text" : "n-bg-transparent n-text-text hover:n-bg-input-background-light"
+      )
+    },
+    item.icon ? renderIcon(item.icon) : item.title
+  );
+  return /* @__PURE__ */ import_react107.default.createElement(
+    Popover,
+    {
+      open,
+      onOpenChange: setOpen,
+      side,
+      showArrow: false,
+      sideOffset: POPUP_OFFSET,
+      trigger
+    },
+    typeof item.content === "function" ? item.content(() => setOpen(false)) : item.content
+  );
+}
+function ToolbarItems({
+  items,
+  onSelect,
+  side = "top",
+  tooltipSide = "top"
+}) {
+  return /* @__PURE__ */ import_react107.default.createElement(import_react107.default.Fragment, null, items.map((item, index2) => {
+    if (item.type === "separator") {
+      return /* @__PURE__ */ import_react107.default.createElement(DividerVertical, { key: `separator-${index2}` });
+    }
+    if (item.type === "group") {
+      return /* @__PURE__ */ import_react107.default.createElement(
+        ToolbarItemGroup,
+        {
+          key: item.id,
+          group: item,
+          onSelect,
+          side,
+          tooltipSide
+        }
+      );
+    }
+    if (item.type === "popover") {
+      return /* @__PURE__ */ import_react107.default.createElement(ToolbarItemPopover, { key: item.id, item, side });
+    }
+    return /* @__PURE__ */ import_react107.default.createElement(
+      ToolbarItemButton,
+      {
+        key: item.value,
+        item,
+        tooltipSide,
+        onClick: () => onSelect(item.value)
+      }
+    );
+  }));
+}
+
+// src/components/Toolbar.tsx
+var ToolbarRoot = (0, import_react108.forwardRef)(
+  function Toolbar({ children, className, role = "toolbar", size: size4 = "medium", style: style2, ...props }, ref) {
+    return /* @__PURE__ */ import_react108.default.createElement(
       "div",
       {
         ref,
@@ -37084,6 +37752,7 @@ var Toolbar = (0, import_react105.forwardRef)(
     );
   }
 );
+var Toolbar2 = Object.assign(ToolbarRoot, { Items: ToolbarItems });
 
 // src/components/SelectionToolbar.tsx
 function getPlacement(side, align) {
@@ -37092,7 +37761,7 @@ function getPlacement(side, align) {
   }
   return `${side}-${align}`;
 }
-var SelectionToolbarContainer = (0, import_react107.memo)(
+var SelectionToolbarContainer = (0, import_react110.memo)(
   function SelectionToolbarContainer2({
     rect,
     children,
@@ -37105,16 +37774,16 @@ var SelectionToolbarContainer = (0, import_react107.memo)(
     transitionDuration = 0.2
   }) {
     const portalScopeId = usePortalScopeId();
-    const [containerElement, setContainerElement] = (0, import_react107.useState)(null);
-    const containerRef = (0, import_react107.useCallback)((el) => {
+    const [containerElement, setContainerElement] = (0, import_react110.useState)(null);
+    const containerRef = (0, import_react110.useCallback)((el) => {
       setContainerElement(el);
     }, []);
-    const containerRefObject = (0, import_react107.useMemo)(
+    const containerRefObject = (0, import_react110.useMemo)(
       () => ({ current: containerElement }),
       [containerElement]
     );
     const size4 = useSize(containerRefObject, "width");
-    const virtualElement = (0, import_react107.useMemo)(
+    const virtualElement = (0, import_react110.useMemo)(
       () => ({
         getBoundingClientRect: () => ({
           width: rect.width,
@@ -37130,14 +37799,14 @@ var SelectionToolbarContainer = (0, import_react107.memo)(
       [rect]
     );
     const placement = getPlacement(side, align);
-    const { refs, floatingStyles } = (0, import_react106.useFloating)({
+    const { refs, floatingStyles } = (0, import_react109.useFloating)({
       placement,
-      middleware: avoidCollisions ? [(0, import_react106.offset)(sideOffset), (0, import_react106.flip)(), (0, import_react106.shift)({ padding: 10 })] : [(0, import_react106.offset)(sideOffset)]
+      middleware: avoidCollisions ? [(0, import_react109.offset)(sideOffset), (0, import_react109.flip)(), (0, import_react109.shift)({ padding: 10 })] : [(0, import_react109.offset)(sideOffset)]
     });
-    (0, import_react107.useEffect)(() => {
+    (0, import_react110.useEffect)(() => {
       refs.setPositionReference(virtualElement);
     }, [refs, virtualElement]);
-    return /* @__PURE__ */ import_react107.default.createElement(import_react106.FloatingPortal, null, /* @__PURE__ */ import_react107.default.createElement(
+    return /* @__PURE__ */ import_react110.default.createElement(import_react109.FloatingPortal, null, /* @__PURE__ */ import_react110.default.createElement(
       "div",
       {
         ref: refs.setFloating,
@@ -37150,8 +37819,8 @@ var SelectionToolbarContainer = (0, import_react107.memo)(
         },
         className: "n-z-menu"
       },
-      /* @__PURE__ */ import_react107.default.createElement(
-        Toolbar,
+      /* @__PURE__ */ import_react110.default.createElement(
+        Toolbar2,
         {
           ref: containerRef,
           size: "small",
@@ -37196,12 +37865,12 @@ __export(index_parts_exports10, {
 });
 
 // ../../node_modules/@base-ui/react/select/root/SelectRoot.mjs
-var React282 = __toESM(require("react"), 1);
+var React285 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/utils/useOnFirstRender.mjs
-var React275 = __toESM(require("react"), 1);
+var React278 = __toESM(require("react"), 1);
 function useOnFirstRender(fn) {
-  const ref = React275.useRef(true);
+  const ref = React278.useRef(true);
   if (ref.current) {
     ref.current = false;
     fn();
@@ -37209,11 +37878,11 @@ function useOnFirstRender(fn) {
 }
 
 // ../../node_modules/@base-ui/react/select/root/SelectRootContext.mjs
-var React276 = __toESM(require("react"), 1);
-var SelectRootContext = /* @__PURE__ */ React276.createContext(null);
+var React279 = __toESM(require("react"), 1);
+var SelectRootContext = /* @__PURE__ */ React279.createContext(null);
 if (process.env.NODE_ENV !== "production") SelectRootContext.displayName = "SelectRootContext";
 function useSelectRootContext() {
-  const context = React276.useContext(SelectRootContext);
+  const context = React279.useContext(SelectRootContext);
   if (context === null) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectRootContext is missing. Select parts must be placed within <Select.Root>." : formatErrorMessage_default(60));
   }
@@ -37221,7 +37890,7 @@ function useSelectRootContext() {
 }
 
 // ../../node_modules/@base-ui/react/internals/field-root-context/FieldRootContext.mjs
-var React277 = __toESM(require("react"), 1);
+var React280 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/internals/field-constants/constants.mjs
 var DEFAULT_VALIDITY_STATE = {
@@ -37298,10 +37967,10 @@ var DEFAULT_FIELD_ROOT_CONTEXT = {
     change: NOOP
   }
 };
-var FieldRootContext = /* @__PURE__ */ React277.createContext(DEFAULT_FIELD_ROOT_CONTEXT);
+var FieldRootContext = /* @__PURE__ */ React280.createContext(DEFAULT_FIELD_ROOT_CONTEXT);
 if (process.env.NODE_ENV !== "production") FieldRootContext.displayName = "FieldRootContext";
 function useFieldRootContext(optional = true) {
-  const context = React277.useContext(FieldRootContext);
+  const context = React280.useContext(FieldRootContext);
   if (context.setValidityData === NOOP && !optional) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>." : formatErrorMessage_default(28));
   }
@@ -37338,11 +38007,11 @@ function useRegisterFieldControl(controlRef, id, value, getFormValueOverride, en
 }
 
 // ../../node_modules/@base-ui/react/internals/labelable-provider/useLabelableId.mjs
-var React279 = __toESM(require("react"), 1);
+var React282 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/internals/labelable-provider/LabelableContext.mjs
-var React278 = __toESM(require("react"), 1);
-var LabelableContext = /* @__PURE__ */ React278.createContext({
+var React281 = __toESM(require("react"), 1);
+var LabelableContext = /* @__PURE__ */ React281.createContext({
   controlId: void 0,
   registerControlId: NOOP,
   labelId: void 0,
@@ -37353,7 +38022,7 @@ var LabelableContext = /* @__PURE__ */ React278.createContext({
 });
 if (process.env.NODE_ENV !== "production") LabelableContext.displayName = "LabelableContext";
 function useLabelableContext() {
-  return React278.useContext(LabelableContext);
+  return React281.useContext(LabelableContext);
 }
 
 // ../../node_modules/@base-ui/react/internals/labelable-provider/useLabelableId.mjs
@@ -37370,8 +38039,8 @@ function useLabelableId(params = {}) {
   const defaultId = useBaseUiId(id);
   const controlIdForEffect = implicit ? controlId : void 0;
   const controlSourceRef = useRefWithInit(() => Symbol());
-  const hasRegisteredRef = React279.useRef(false);
-  const hadExplicitIdRef = React279.useRef(id != null);
+  const hasRegisteredRef = React282.useRef(false);
+  const hadExplicitIdRef = React282.useRef(id != null);
   const unregisterControlId = useStableCallback2(() => {
     if (!hasRegisteredRef.current || registerControlId === NOOP) {
       return;
@@ -37408,7 +38077,7 @@ function useLabelableId(params = {}) {
     registerControlId(controlSourceRef.current, nextId);
     return void 0;
   }, [id, controlRef, controlIdForEffect, registerControlId, implicit, defaultId, controlSourceRef, unregisterControlId]);
-  React279.useEffect(() => {
+  React282.useEffect(() => {
     return unregisterControlId;
   }, [unregisterControlId]);
   return controlId ?? defaultId;
@@ -37438,7 +38107,7 @@ function removeItem(selectedValues, itemValue, comparer) {
 }
 
 // ../../node_modules/@base-ui/react/internals/resolveValueLabel.mjs
-var React280 = __toESM(require("react"), 1);
+var React283 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/internals/serializeValue.mjs
 function serializeValue(value) {
@@ -37542,7 +38211,7 @@ function resolveMultipleLabels(values, items, itemToStringLabel) {
     if (index2 > 0) {
       acc.push(", ");
     }
-    acc.push(/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(React280.Fragment, {
+    acc.push(/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(React283.Fragment, {
       children: resolveSelectedLabel(value, items, itemToStringLabel)
     }, index2));
     return acc;
@@ -37606,8 +38275,8 @@ var selectors7 = {
 };
 
 // ../../node_modules/@base-ui/react/internals/form-context/FormContext.mjs
-var React281 = __toESM(require("react"), 1);
-var FormContext = /* @__PURE__ */ React281.createContext({
+var React284 = __toESM(require("react"), 1);
+var FormContext = /* @__PURE__ */ React284.createContext({
   elementRef: {
     current: null
   },
@@ -37625,7 +38294,7 @@ var FormContext = /* @__PURE__ */ React281.createContext({
 });
 if (process.env.NODE_ENV !== "production") FormContext.displayName = "FormContext";
 function useFormContext() {
-  return React281.useContext(FormContext);
+  return React284.useContext(FormContext);
 }
 
 // ../../node_modules/@base-ui/react/internals/areArraysEqual.mjs
@@ -37693,22 +38362,22 @@ function SelectRoot(props) {
     name: "Select",
     state: "open"
   });
-  const listRef = React282.useRef([]);
-  const labelsRef = React282.useRef([]);
-  const popupRef = React282.useRef(null);
-  const scrollHandlerRef = React282.useRef(null);
-  const scrollArrowsMountedCountRef = React282.useRef(0);
-  const valueRef = React282.useRef(null);
-  const valuesRef = React282.useRef([]);
-  const typingRef = React282.useRef(false);
-  const firstItemTextRef = React282.useRef(null);
-  const selectedItemTextRef = React282.useRef(null);
-  const selectionRef = React282.useRef({
+  const listRef = React285.useRef([]);
+  const labelsRef = React285.useRef([]);
+  const popupRef = React285.useRef(null);
+  const scrollHandlerRef = React285.useRef(null);
+  const scrollArrowsMountedCountRef = React285.useRef(0);
+  const valueRef = React285.useRef(null);
+  const valuesRef = React285.useRef([]);
+  const typingRef = React285.useRef(false);
+  const firstItemTextRef = React285.useRef(null);
+  const selectedItemTextRef = React285.useRef(null);
+  const selectionRef = React285.useRef({
     allowSelectedMouseUp: false,
     allowUnselectedMouseUp: false,
     dragY: 0
   });
-  const alignItemWithTriggerActiveRef = React282.useRef(false);
+  const alignItemWithTriggerActiveRef = React285.useRef(false);
   const {
     mounted,
     setMounted,
@@ -37751,13 +38420,13 @@ function SelectRoot(props) {
   const positionerElement = useStore(store, selectors7.positionerElement);
   const previousOpenMethod = usePreviousValue(openMethod);
   const renderedOpenMethod = openMethod ?? previousOpenMethod;
-  const serializedValue = React282.useMemo(() => {
+  const serializedValue = React285.useMemo(() => {
     if (multiple) {
       return "";
     }
     return stringifyAsValue(value, itemToStringValue);
   }, [multiple, value, itemToStringValue]);
-  const fieldStringValue = React282.useMemo(() => {
+  const fieldStringValue = React285.useMemo(() => {
     if (multiple && Array.isArray(value)) {
       return value.map((currentValue) => stringifyAsValue(currentValue, itemToStringValue));
     }
@@ -37766,7 +38435,7 @@ function SelectRoot(props) {
   const controlRef = useValueAsRef(triggerElement);
   const getStringifiedValueForForm = useStableCallback2(() => fieldStringValue);
   useRegisterFieldControl(controlRef, generatedId, value, getStringifiedValueForForm, !disabled2, nameProp);
-  const initialValueRef = React282.useRef(value);
+  const initialValueRef = React285.useRef(value);
   const hasSelectedValue = multiple ? Array.isArray(value) && value.length > 0 : value != null && serializedValue !== "";
   useIsoLayoutEffect(() => {
     setFilled(hasSelectedValue);
@@ -37835,7 +38504,7 @@ function SelectRoot(props) {
       }
     }
   });
-  React282.useImperativeHandle(actionsRef, () => ({
+  React285.useImperativeHandle(actionsRef, () => ({
     unmount: handleUnmount
   }), [handleUnmount]);
   const setValue = useStableCallback2((nextValue, eventDetails) => {
@@ -37902,8 +38571,8 @@ function SelectRoot(props) {
       typingRef.current = typing;
     }
   });
-  const mergedTriggerProps = React282.useMemo(() => mergeProps(typeahead.reference, listNavigation2.reference, dismiss.reference, click.reference, interactionTypeProps), [click.reference, typeahead.reference, listNavigation2.reference, dismiss.reference, interactionTypeProps]);
-  const popupProps = React282.useMemo(() => mergeProps(FOCUSABLE_POPUP_PROPS, typeahead.floating, listNavigation2.floating, dismiss.floating), [typeahead.floating, listNavigation2.floating, dismiss.floating]);
+  const mergedTriggerProps = React285.useMemo(() => mergeProps(typeahead.reference, listNavigation2.reference, dismiss.reference, click.reference, interactionTypeProps), [click.reference, typeahead.reference, listNavigation2.reference, dismiss.reference, interactionTypeProps]);
+  const popupProps = React285.useMemo(() => mergeProps(FOCUSABLE_POPUP_PROPS, typeahead.floating, listNavigation2.floating, dismiss.floating), [typeahead.floating, listNavigation2.floating, dismiss.floating]);
   const itemProps = listNavigation2.item ?? EMPTY_OBJECT;
   useOnFirstRender(() => {
     store.update({
@@ -37927,7 +38596,7 @@ function SelectRoot(props) {
     isItemEqualToValue,
     openMethod: renderedOpenMethod
   });
-  const contextValue = React282.useMemo(() => ({
+  const contextValue = React285.useMemo(() => ({
     store,
     floatingContext,
     required,
@@ -37957,7 +38626,7 @@ function SelectRoot(props) {
   }), [store, floatingContext, required, disabled2, readOnly, multiple, highlightItemOnHover, setValue, setOpen, itemProps, validation, onOpenChangeComplete, handleScrollArrowVisibility]);
   const ref = useMergedRefs(inputRef, validation.inputRef);
   const hiddenInputName = multiple ? void 0 : name;
-  const hiddenInputs = React282.useMemo(() => {
+  const hiddenInputs = React285.useMemo(() => {
     if (!multiple || !Array.isArray(value) || !name) {
       return null;
     }
@@ -38028,7 +38697,7 @@ function SelectRoot(props) {
 }
 
 // ../../node_modules/@base-ui/react/select/label/SelectLabel.mjs
-var React283 = __toESM(require("react"), 1);
+var React286 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/internals/labelable-provider/useLabel.mjs
 function useLabel2(params = {}) {
@@ -38104,7 +38773,7 @@ function resolveAriaLabelledBy(fieldLabelId, localLabelId) {
 }
 
 // ../../node_modules/@base-ui/react/select/label/SelectLabel.mjs
-var SelectLabel = /* @__PURE__ */ React283.forwardRef(function SelectLabel2(componentProps, forwardedRef) {
+var SelectLabel = /* @__PURE__ */ React286.forwardRef(function SelectLabel2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -38138,7 +38807,7 @@ var SelectLabel = /* @__PURE__ */ React283.forwardRef(function SelectLabel2(comp
 if (process.env.NODE_ENV !== "production") SelectLabel.displayName = "SelectLabel";
 
 // ../../node_modules/@base-ui/react/select/trigger/SelectTrigger.mjs
-var React284 = __toESM(require("react"), 1);
+var React287 = __toESM(require("react"), 1);
 var SELECTED_DELAY = 400;
 var stateAttributesMapping2 = {
   ...pressableTriggerOpenStateMapping,
@@ -38148,7 +38817,7 @@ var stateAttributesMapping2 = {
   } : null,
   value: () => null
 };
-var SelectTrigger = /* @__PURE__ */ React284.forwardRef(function SelectTrigger2(componentProps, forwardedRef) {
+var SelectTrigger = /* @__PURE__ */ React287.forwardRef(function SelectTrigger2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -38196,7 +38865,7 @@ var SelectTrigger = /* @__PURE__ */ React284.forwardRef(function SelectTrigger2(
     id
   });
   const positionerRef = useValueAsRef(positionerElement);
-  const triggerRef = React284.useRef(null);
+  const triggerRef = React287.useRef(null);
   const {
     getButtonProps,
     buttonRef
@@ -38208,7 +38877,7 @@ var SelectTrigger = /* @__PURE__ */ React284.forwardRef(function SelectTrigger2(
   const timeoutFocus = useTimeout();
   const timeoutMouseDown = useTimeout();
   const selectedDelayTimeout = useTimeout();
-  React284.useEffect(() => {
+  React287.useEffect(() => {
     if (open) {
       selectedDelayTimeout.start(SELECTED_DELAY, () => {
         selectionRef.current.allowUnselectedMouseUp = true;
@@ -38301,11 +38970,11 @@ var SelectTrigger = /* @__PURE__ */ React284.forwardRef(function SelectTrigger2(
 if (process.env.NODE_ENV !== "production") SelectTrigger.displayName = "SelectTrigger";
 
 // ../../node_modules/@base-ui/react/select/value/SelectValue.mjs
-var React285 = __toESM(require("react"), 1);
+var React288 = __toESM(require("react"), 1);
 var stateAttributesMapping3 = {
   value: () => null
 };
-var SelectValue = /* @__PURE__ */ React285.forwardRef(function SelectValue2(componentProps, forwardedRef) {
+var SelectValue = /* @__PURE__ */ React288.forwardRef(function SelectValue2(componentProps, forwardedRef) {
   const {
     className,
     render,
@@ -38353,8 +39022,8 @@ var SelectValue = /* @__PURE__ */ React285.forwardRef(function SelectValue2(comp
 if (process.env.NODE_ENV !== "production") SelectValue.displayName = "SelectValue";
 
 // ../../node_modules/@base-ui/react/select/icon/SelectIcon.mjs
-var React286 = __toESM(require("react"), 1);
-var SelectIcon = /* @__PURE__ */ React286.forwardRef(function SelectIcon2(componentProps, forwardedRef) {
+var React289 = __toESM(require("react"), 1);
+var SelectIcon = /* @__PURE__ */ React289.forwardRef(function SelectIcon2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -38382,9 +39051,9 @@ var SelectIcon = /* @__PURE__ */ React286.forwardRef(function SelectIcon2(compon
 if (process.env.NODE_ENV !== "production") SelectIcon.displayName = "SelectIcon";
 
 // ../../node_modules/@base-ui/react/select/portal/SelectPortal.mjs
-var React287 = __toESM(require("react"), 1);
+var React290 = __toESM(require("react"), 1);
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var SelectPortal = /* @__PURE__ */ React287.forwardRef(function SelectPortal2(portalProps, forwardedRef) {
+var SelectPortal = /* @__PURE__ */ React290.forwardRef(function SelectPortal2(portalProps, forwardedRef) {
   const {
     store
   } = useSelectRootContext();
@@ -38402,12 +39071,12 @@ var SelectPortal = /* @__PURE__ */ React287.forwardRef(function SelectPortal2(po
 if (process.env.NODE_ENV !== "production") SelectPortal.displayName = "SelectPortal";
 
 // ../../node_modules/@base-ui/react/select/backdrop/SelectBackdrop.mjs
-var React288 = __toESM(require("react"), 1);
+var React291 = __toESM(require("react"), 1);
 var stateAttributesMapping4 = {
   ...popupStateMapping,
   ...transitionStatusMapping
 };
-var SelectBackdrop = /* @__PURE__ */ React288.forwardRef(function SelectBackdrop2(componentProps, forwardedRef) {
+var SelectBackdrop = /* @__PURE__ */ React291.forwardRef(function SelectBackdrop2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -38442,14 +39111,14 @@ var SelectBackdrop = /* @__PURE__ */ React288.forwardRef(function SelectBackdrop
 if (process.env.NODE_ENV !== "production") SelectBackdrop.displayName = "SelectBackdrop";
 
 // ../../node_modules/@base-ui/react/select/positioner/SelectPositioner.mjs
-var React290 = __toESM(require("react"), 1);
+var React293 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/select/positioner/SelectPositionerContext.mjs
-var React289 = __toESM(require("react"), 1);
-var SelectPositionerContext = /* @__PURE__ */ React289.createContext(void 0);
+var React292 = __toESM(require("react"), 1);
+var SelectPositionerContext = /* @__PURE__ */ React292.createContext(void 0);
 if (process.env.NODE_ENV !== "production") SelectPositionerContext.displayName = "SelectPositionerContext";
 function useSelectPositionerContext() {
-  const context = React289.useContext(SelectPositionerContext);
+  const context = React292.useContext(SelectPositionerContext);
   if (!context) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectPositionerContext is missing. SelectPositioner parts must be placed within <Select.Positioner>." : formatErrorMessage_default(59));
   }
@@ -38474,7 +39143,7 @@ var import_jsx_runtime50 = require("react/jsx-runtime");
 var FIXED = {
   position: "fixed"
 };
-var SelectPositioner = /* @__PURE__ */ React290.forwardRef(function SelectPositioner2(componentProps, forwardedRef) {
+var SelectPositioner = /* @__PURE__ */ React293.forwardRef(function SelectPositioner2(componentProps, forwardedRef) {
   const {
     anchor,
     className,
@@ -38517,14 +39186,14 @@ var SelectPositioner = /* @__PURE__ */ React290.forwardRef(function SelectPositi
   const triggerElement = useStore(store, selectors7.triggerElement);
   const isItemEqualToValue = useStore(store, selectors7.isItemEqualToValue);
   const transitionStatus = useStore(store, selectors7.transitionStatus);
-  const scrollUpArrowRef = React290.useRef(null);
-  const scrollDownArrowRef = React290.useRef(null);
-  const [controlledAlignItemWithTrigger, setControlledAlignItemWithTrigger] = React290.useState(alignItemWithTrigger);
+  const scrollUpArrowRef = React293.useRef(null);
+  const scrollDownArrowRef = React293.useRef(null);
+  const [controlledAlignItemWithTrigger, setControlledAlignItemWithTrigger] = React293.useState(alignItemWithTrigger);
   const alignItemWithTriggerActive = mounted && controlledAlignItemWithTrigger && openMethod !== "touch";
   if (!mounted && controlledAlignItemWithTrigger !== alignItemWithTrigger) {
     setControlledAlignItemWithTrigger(alignItemWithTrigger);
   }
-  React290.useImperativeHandle(alignItemWithTriggerActiveRef, () => alignItemWithTriggerActive);
+  React293.useImperativeHandle(alignItemWithTriggerActiveRef, () => alignItemWithTriggerActive);
   useAnchoredPopupScrollLock((alignItemWithTriggerActive || modal) && open, openMethod === "touch", positionerElement, triggerElement);
   const positioning = useAnchorPositioning({
     anchor,
@@ -38563,7 +39232,7 @@ var SelectPositioner = /* @__PURE__ */ React290.forwardRef(function SelectPositi
     hidden: !mounted,
     inert: !open
   });
-  const prevMapSizeRef = React290.useRef(0);
+  const prevMapSizeRef = React293.useRef(0);
   const onMapChange = useStableCallback2((map) => {
     if (valuesRef.current.length === 0) {
       return;
@@ -38609,7 +39278,7 @@ var SelectPositioner = /* @__PURE__ */ React290.forwardRef(function SelectPositi
       clearStyles(popupRef.current, stylesToClear);
     }
   });
-  const contextValue = React290.useMemo(() => ({
+  const contextValue = React293.useMemo(() => ({
     ...positioning,
     side: renderedSide,
     alignItemWithTriggerActive,
@@ -38633,13 +39302,13 @@ var SelectPositioner = /* @__PURE__ */ React290.forwardRef(function SelectPositi
 if (process.env.NODE_ENV !== "production") SelectPositioner.displayName = "SelectPositioner";
 
 // ../../node_modules/@base-ui/react/select/popup/SelectPopup.mjs
-var React291 = __toESM(require("react"), 1);
+var React294 = __toESM(require("react"), 1);
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var stateAttributesMapping5 = {
   ...popupStateMapping,
   ...transitionStatusMapping
 };
-var SelectPopup = /* @__PURE__ */ React291.forwardRef(function SelectPopup2(componentProps, forwardedRef) {
+var SelectPopup = /* @__PURE__ */ React294.forwardRef(function SelectPopup2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -38684,9 +39353,9 @@ var SelectPopup = /* @__PURE__ */ React291.forwardRef(function SelectPopup2(comp
   const triggerElement = useStore(store, selectors7.triggerElement);
   const positionerElement = useStore(store, selectors7.positionerElement);
   const listElement = useStore(store, selectors7.listElement);
-  const reachedMaxHeightRef = React291.useRef(false);
-  const initialPlacedRef = React291.useRef(false);
-  const originalPositionerStylesRef = React291.useRef({});
+  const reachedMaxHeightRef = React294.useRef(false);
+  const initialPlacedRef = React294.useRef(false);
+  const originalPositionerStylesRef = React294.useRef({});
   const scrollArrowFrame = useAnimationFrame();
   const handleScroll = useStableCallback2((scroller) => {
     if (!positionerElement || !popupRef.current || !initialPlacedRef.current) {
@@ -38748,7 +39417,7 @@ var SelectPopup = /* @__PURE__ */ React291.forwardRef(function SelectPopup2(comp
     }
     handleScrollArrowVisibility(scroller);
   });
-  React291.useImperativeHandle(scrollHandlerRef, () => handleScroll, [handleScroll]);
+  React294.useImperativeHandle(scrollHandlerRef, () => handleScroll, [handleScroll]);
   useOpenChangeComplete({
     open,
     ref: popupRef,
@@ -38890,7 +39559,7 @@ var SelectPopup = /* @__PURE__ */ React291.forwardRef(function SelectPopup2(comp
       restoreTransformStyles();
     }
   }, [store, open, positionerElement, triggerElement, valueRef, firstItemTextRef, selectedItemTextRef, popupRef, handleScrollArrowVisibility, alignItemWithTriggerActive, setControlledAlignItemWithTrigger, scrollArrowFrame, listElement, listRef, highlightItemOnHover, direction, isPositioned]);
-  React291.useEffect(() => {
+  React294.useEffect(() => {
     if (!alignItemWithTriggerActive || !positionerElement || !open) {
       return void 0;
     }
@@ -38933,7 +39602,7 @@ var SelectPopup = /* @__PURE__ */ React291.forwardRef(function SelectPopup2(comp
     stateAttributesMapping: stateAttributesMapping5,
     props: [popupProps, defaultProps, getDisabledMountTransitionStyles(transitionStatus), elementProps]
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(React291.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(React294.Fragment, {
     children: [!disableStyleElements && styleDisableScrollbar.getElement(nonce), /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(FloatingFocusManager, {
       context: floatingRootContext,
       modal: false,
@@ -38990,8 +39659,8 @@ function unsetTransformStyles(popupElement) {
 }
 
 // ../../node_modules/@base-ui/react/select/list/SelectList.mjs
-var React292 = __toESM(require("react"), 1);
-var SelectList = /* @__PURE__ */ React292.forwardRef(function SelectList2(componentProps, forwardedRef) {
+var React295 = __toESM(require("react"), 1);
+var SelectList = /* @__PURE__ */ React295.forwardRef(function SelectList2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -39030,14 +39699,14 @@ var SelectList = /* @__PURE__ */ React292.forwardRef(function SelectList2(compon
 if (process.env.NODE_ENV !== "production") SelectList.displayName = "SelectList";
 
 // ../../node_modules/@base-ui/react/select/item/SelectItem.mjs
-var React294 = __toESM(require("react"), 1);
+var React297 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/select/item/SelectItemContext.mjs
-var React293 = __toESM(require("react"), 1);
-var SelectItemContext = /* @__PURE__ */ React293.createContext(void 0);
+var React296 = __toESM(require("react"), 1);
+var SelectItemContext = /* @__PURE__ */ React296.createContext(void 0);
 if (process.env.NODE_ENV !== "production") SelectItemContext.displayName = "SelectItemContext";
 function useSelectItemContext() {
-  const context = React293.useContext(SelectItemContext);
+  const context = React296.useContext(SelectItemContext);
   if (!context) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>." : formatErrorMessage_default(57));
   }
@@ -39046,7 +39715,7 @@ function useSelectItemContext() {
 
 // ../../node_modules/@base-ui/react/select/item/SelectItem.mjs
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var SelectItem = /* @__PURE__ */ React294.memo(/* @__PURE__ */ React294.forwardRef(function SelectItem2(componentProps, forwardedRef) {
+var SelectItem = /* @__PURE__ */ React297.memo(/* @__PURE__ */ React297.forwardRef(function SelectItem2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -39057,7 +39726,7 @@ var SelectItem = /* @__PURE__ */ React294.memo(/* @__PURE__ */ React294.forwardR
     nativeButton = false,
     ...elementProps
   } = componentProps;
-  const textRef = React294.useRef(null);
+  const textRef = React297.useRef(null);
   const listItem = useCompositeListItem({
     guess: true,
     label,
@@ -39083,7 +39752,7 @@ var SelectItem = /* @__PURE__ */ React294.memo(/* @__PURE__ */ React294.forwardR
   const selectedByFocus = useStore(store, selectors7.isSelectedByFocus, listItem.index);
   const isItemEqualToValue = useStore(store, selectors7.isItemEqualToValue);
   const index2 = listItem.index;
-  const itemRef = React294.useRef(null);
+  const itemRef = React297.useRef(null);
   useIsoLayoutEffect(() => {
     const values = valuesRef.current;
     values[index2] = itemValue;
@@ -39104,8 +39773,8 @@ var SelectItem = /* @__PURE__ */ React294.memo(/* @__PURE__ */ React294.forwardR
       }
     }
   }, [index2, multiple, isItemEqualToValue, store, itemValue, selectedItemTextRef]);
-  const pointerTypeRef = React294.useRef("mouse");
-  const allowMouseSelectionRef = React294.useRef(false);
+  const pointerTypeRef = React297.useRef("mouse");
+  const allowMouseSelectionRef = React297.useRef(false);
   const {
     getButtonProps,
     buttonRef
@@ -39201,7 +39870,7 @@ var SelectItem = /* @__PURE__ */ React294.memo(/* @__PURE__ */ React294.forwardR
     state,
     props: [itemProps, defaultProps, elementProps, getButtonProps]
   });
-  const contextValue = React294.useMemo(() => ({
+  const contextValue = React297.useMemo(() => ({
     selected,
     index: index2,
     textRef,
@@ -39215,9 +39884,9 @@ var SelectItem = /* @__PURE__ */ React294.memo(/* @__PURE__ */ React294.forwardR
 if (process.env.NODE_ENV !== "production") SelectItem.displayName = "SelectItem";
 
 // ../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.mjs
-var React295 = __toESM(require("react"), 1);
+var React298 = __toESM(require("react"), 1);
 var import_jsx_runtime53 = require("react/jsx-runtime");
-var SelectItemIndicator = /* @__PURE__ */ React295.forwardRef(function SelectItemIndicator2(componentProps, forwardedRef) {
+var SelectItemIndicator = /* @__PURE__ */ React298.forwardRef(function SelectItemIndicator2(componentProps, forwardedRef) {
   const {
     selected
   } = useSelectItemContext();
@@ -39231,7 +39900,7 @@ var SelectItemIndicator = /* @__PURE__ */ React295.forwardRef(function SelectIte
   });
 });
 if (process.env.NODE_ENV !== "production") SelectItemIndicator.displayName = "SelectItemIndicator";
-var Inner = /* @__PURE__ */ React295.memo(/* @__PURE__ */ React295.forwardRef((componentProps, forwardedRef) => {
+var Inner = /* @__PURE__ */ React298.memo(/* @__PURE__ */ React298.forwardRef((componentProps, forwardedRef) => {
   const {
     render,
     className,
@@ -39242,7 +39911,7 @@ var Inner = /* @__PURE__ */ React295.memo(/* @__PURE__ */ React295.forwardRef((c
   const {
     selected
   } = useSelectItemContext();
-  const indicatorRef = React295.useRef(null);
+  const indicatorRef = React298.useRef(null);
   const {
     transitionStatus,
     setMounted
@@ -39274,8 +39943,8 @@ var Inner = /* @__PURE__ */ React295.memo(/* @__PURE__ */ React295.forwardRef((c
 if (process.env.NODE_ENV !== "production") Inner.displayName = "Inner";
 
 // ../../node_modules/@base-ui/react/select/item-text/SelectItemText.mjs
-var React296 = __toESM(require("react"), 1);
-var SelectItemText = /* @__PURE__ */ React296.memo(/* @__PURE__ */ React296.forwardRef(function SelectItemText2(componentProps, forwardedRef) {
+var React299 = __toESM(require("react"), 1);
+var SelectItemText = /* @__PURE__ */ React299.memo(/* @__PURE__ */ React299.forwardRef(function SelectItemText2(componentProps, forwardedRef) {
   const {
     index: index2,
     textRef,
@@ -39291,7 +39960,7 @@ var SelectItemText = /* @__PURE__ */ React296.memo(/* @__PURE__ */ React296.forw
     style: style2,
     ...elementProps
   } = componentProps;
-  const localRef = React296.useCallback((node) => {
+  const localRef = React299.useCallback((node) => {
     if (!node) {
       return;
     }
@@ -39311,8 +39980,8 @@ var SelectItemText = /* @__PURE__ */ React296.memo(/* @__PURE__ */ React296.forw
 if (process.env.NODE_ENV !== "production") SelectItemText.displayName = "SelectItemText";
 
 // ../../node_modules/@base-ui/react/select/arrow/SelectArrow.mjs
-var React297 = __toESM(require("react"), 1);
-var SelectArrow = /* @__PURE__ */ React297.forwardRef(function SelectArrow2(componentProps, forwardedRef) {
+var React300 = __toESM(require("react"), 1);
+var SelectArrow = /* @__PURE__ */ React300.forwardRef(function SelectArrow2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -39354,11 +40023,11 @@ var SelectArrow = /* @__PURE__ */ React297.forwardRef(function SelectArrow2(comp
 if (process.env.NODE_ENV !== "production") SelectArrow.displayName = "SelectArrow";
 
 // ../../node_modules/@base-ui/react/select/scroll-down-arrow/SelectScrollDownArrow.mjs
-var React299 = __toESM(require("react"), 1);
+var React302 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/select/scroll-arrow/SelectScrollArrow.mjs
-var React298 = __toESM(require("react"), 1);
-var SelectScrollArrow = /* @__PURE__ */ React298.forwardRef(function SelectScrollArrow2(componentProps, forwardedRef) {
+var React301 = __toESM(require("react"), 1);
+var SelectScrollArrow = /* @__PURE__ */ React301.forwardRef(function SelectScrollArrow2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -39501,7 +40170,7 @@ function getTargetScrollTop(items, isUp, scrollTop, clientHeight, scrollArrowHei
 
 // ../../node_modules/@base-ui/react/select/scroll-down-arrow/SelectScrollDownArrow.mjs
 var import_jsx_runtime54 = require("react/jsx-runtime");
-var SelectScrollDownArrow = /* @__PURE__ */ React299.forwardRef(function SelectScrollDownArrow2(props, forwardedRef) {
+var SelectScrollDownArrow = /* @__PURE__ */ React302.forwardRef(function SelectScrollDownArrow2(props, forwardedRef) {
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectScrollArrow, {
     ...props,
     ref: forwardedRef,
@@ -39511,9 +40180,9 @@ var SelectScrollDownArrow = /* @__PURE__ */ React299.forwardRef(function SelectS
 if (process.env.NODE_ENV !== "production") SelectScrollDownArrow.displayName = "SelectScrollDownArrow";
 
 // ../../node_modules/@base-ui/react/select/scroll-up-arrow/SelectScrollUpArrow.mjs
-var React300 = __toESM(require("react"), 1);
+var React303 = __toESM(require("react"), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
-var SelectScrollUpArrow = /* @__PURE__ */ React300.forwardRef(function SelectScrollUpArrow2(props, forwardedRef) {
+var SelectScrollUpArrow = /* @__PURE__ */ React303.forwardRef(function SelectScrollUpArrow2(props, forwardedRef) {
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectScrollArrow, {
     ...props,
     ref: forwardedRef,
@@ -39523,14 +40192,14 @@ var SelectScrollUpArrow = /* @__PURE__ */ React300.forwardRef(function SelectScr
 if (process.env.NODE_ENV !== "production") SelectScrollUpArrow.displayName = "SelectScrollUpArrow";
 
 // ../../node_modules/@base-ui/react/select/group/SelectGroup.mjs
-var React302 = __toESM(require("react"), 1);
+var React305 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/select/group/SelectGroupContext.mjs
-var React301 = __toESM(require("react"), 1);
-var SelectGroupContext = /* @__PURE__ */ React301.createContext(void 0);
+var React304 = __toESM(require("react"), 1);
+var SelectGroupContext = /* @__PURE__ */ React304.createContext(void 0);
 if (process.env.NODE_ENV !== "production") SelectGroupContext.displayName = "SelectGroupContext";
 function useSelectGroupContext() {
-  const context = React301.useContext(SelectGroupContext);
+  const context = React304.useContext(SelectGroupContext);
   if (context === void 0) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>." : formatErrorMessage_default(56));
   }
@@ -39539,15 +40208,15 @@ function useSelectGroupContext() {
 
 // ../../node_modules/@base-ui/react/select/group/SelectGroup.mjs
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var SelectGroup = /* @__PURE__ */ React302.forwardRef(function SelectGroup2(componentProps, forwardedRef) {
+var SelectGroup = /* @__PURE__ */ React305.forwardRef(function SelectGroup2(componentProps, forwardedRef) {
   const {
     render,
     className,
     style: style2,
     ...elementProps
   } = componentProps;
-  const [labelId, setLabelId] = React302.useState();
-  const contextValue = React302.useMemo(() => ({
+  const [labelId, setLabelId] = React305.useState();
+  const contextValue = React305.useMemo(() => ({
     labelId,
     setLabelId
   }), [labelId, setLabelId]);
@@ -39566,8 +40235,8 @@ var SelectGroup = /* @__PURE__ */ React302.forwardRef(function SelectGroup2(comp
 if (process.env.NODE_ENV !== "production") SelectGroup.displayName = "SelectGroup";
 
 // ../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.mjs
-var React303 = __toESM(require("react"), 1);
-var SelectGroupLabel = /* @__PURE__ */ React303.forwardRef(function SelectGroupLabel2(componentProps, forwardedRef) {
+var React306 = __toESM(require("react"), 1);
+var SelectGroupLabel = /* @__PURE__ */ React306.forwardRef(function SelectGroupLabel2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -39596,8 +40265,8 @@ var SelectGroupLabel = /* @__PURE__ */ React303.forwardRef(function SelectGroupL
 if (process.env.NODE_ENV !== "production") SelectGroupLabel.displayName = "SelectGroupLabel";
 
 // ../../node_modules/@base-ui/react/utils/listbox-separator/ListboxSeparator.mjs
-var React304 = __toESM(require("react"), 1);
-var ListboxSeparator = /* @__PURE__ */ React304.forwardRef(function ListboxSeparator2(componentProps, forwardedRef) {
+var React307 = __toESM(require("react"), 1);
+var ListboxSeparator = /* @__PURE__ */ React307.forwardRef(function ListboxSeparator2(componentProps, forwardedRef) {
   const {
     className,
     render,
@@ -39622,7 +40291,7 @@ if (process.env.NODE_ENV !== "production") ListboxSeparator.displayName = "Listb
 var SelectSeparator = ListboxSeparator;
 
 // src/components/SelectMenu.tsx
-var import_react108 = __toESM(require("react"));
+var import_react111 = __toESM(require("react"));
 var readOnlyStyle = {
   justifyContent: "flex-start",
   textAlign: "left"
@@ -39645,29 +40314,29 @@ function SelectItemContent({
   indented,
   children
 }) {
-  return /* @__PURE__ */ import_react108.default.createElement(import_react108.default.Fragment, null, indented && /* @__PURE__ */ import_react108.default.createElement(Spacer.Horizontal, { size: CHECKBOX_INDENT_WIDTH }), checked ? /* @__PURE__ */ import_react108.default.createElement(
+  return /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, indented && /* @__PURE__ */ import_react111.default.createElement(Spacer.Horizontal, { size: CHECKBOX_INDENT_WIDTH }), checked ? /* @__PURE__ */ import_react111.default.createElement(
     "span",
     {
       className: "n-flex n-items-center n-relative -n-left-2.5",
       style: { marginRight: -CHECKBOX_RIGHT_INSET }
     },
-    /* @__PURE__ */ import_react108.default.createElement(import_noya_icons14.CheckIcon, null)
-  ) : indented ? /* @__PURE__ */ import_react108.default.createElement(Spacer.Horizontal, { size: CHECKBOX_WIDTH - CHECKBOX_RIGHT_INSET }) : null, icon && (typeof icon === "string" ? /* @__PURE__ */ import_react108.default.createElement(
+    /* @__PURE__ */ import_react111.default.createElement(import_noya_icons14.CheckIcon, null)
+  ) : indented ? /* @__PURE__ */ import_react111.default.createElement(Spacer.Horizontal, { size: CHECKBOX_WIDTH - CHECKBOX_RIGHT_INSET }) : null, icon && (typeof icon === "string" ? /* @__PURE__ */ import_react111.default.createElement(
     Icon,
     {
       name: icon,
       className: "n-mr-2 n-w-4 n-h-4 n-flex-shrink-0"
     }
-  ) : /* @__PURE__ */ import_react108.default.createElement("span", { className: "n-mr-2 n-w-4 n-h-4 n-flex-shrink-0 n-flex n-items-center n-justify-center" }, icon)), /* @__PURE__ */ import_react108.default.createElement("div", { className: "n-flex n-items-center n-flex-1" }, children));
+  ) : /* @__PURE__ */ import_react111.default.createElement("span", { className: "n-mr-2 n-w-4 n-h-4 n-flex-shrink-0 n-flex n-items-center n-justify-center" }, icon)), /* @__PURE__ */ import_react111.default.createElement("div", { className: "n-flex n-items-center n-flex-1" }, children));
 }
 function SelectMenuItems({
   items,
   hasCheckedItem
 }) {
-  return /* @__PURE__ */ import_react108.default.createElement(import_react108.default.Fragment, null, items.map((item, index2) => {
+  return /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, items.map((item, index2) => {
     switch (item.type) {
       case "separator":
-        return /* @__PURE__ */ import_react108.default.createElement(
+        return /* @__PURE__ */ import_react111.default.createElement(
           index_parts_exports10.Separator,
           {
             key: index2,
@@ -39675,7 +40344,7 @@ function SelectMenuItems({
           }
         );
       case "sectionHeader":
-        return /* @__PURE__ */ import_react108.default.createElement(
+        return /* @__PURE__ */ import_react111.default.createElement(
           SectionHeaderMenuItem,
           {
             isFirst: index2 === 0,
@@ -39688,21 +40357,21 @@ function SelectMenuItems({
       case "submenu":
         return null;
       default:
-        return /* @__PURE__ */ import_react108.default.createElement("div", { key: item.value, className: "n-px-1" }, /* @__PURE__ */ import_react108.default.createElement(
+        return /* @__PURE__ */ import_react111.default.createElement("div", { key: item.value, className: "n-px-1" }, /* @__PURE__ */ import_react111.default.createElement(
           index_parts_exports10.Item,
           {
             value: item.value,
             disabled: item.disabled,
             className: itemStyle3
           },
-          /* @__PURE__ */ import_react108.default.createElement(
+          /* @__PURE__ */ import_react111.default.createElement(
             SelectItemContent,
             {
               icon: item.icon,
               checked: item.checked,
               indented: hasCheckedItem
             },
-            /* @__PURE__ */ import_react108.default.createElement(index_parts_exports10.ItemText, null, item.title ?? item.value)
+            /* @__PURE__ */ import_react111.default.createElement(index_parts_exports10.ItemText, null, item.title ?? item.value)
           )
         ));
     }
@@ -39729,20 +40398,20 @@ var SelectMenu = memoGeneric(function SelectMenu2({
     (item) => isSelectableMenuItem(item) && item.value === value
   );
   const icon = selectedItem?.icon;
-  const [internalOpen, setInternalOpen] = (0, import_react108.useState)(open ?? false);
+  const [internalOpen, setInternalOpen] = (0, import_react111.useState)(open ?? false);
   const { label, fieldId: id } = useLabel({
     label: props.label,
     fieldId: props.id
   });
   const labelType = useLabelType();
-  const handleOpenChange = (0, import_react108.useCallback)(
+  const handleOpenChange = (0, import_react111.useCallback)(
     (newOpen) => {
       onOpenChange?.(newOpen);
       setInternalOpen(newOpen);
     },
     [onOpenChange]
   );
-  const handleValueChange = (0, import_react108.useCallback)(
+  const handleValueChange = (0, import_react111.useCallback)(
     (newValue) => {
       if (newValue !== null) {
         onSelect?.(newValue);
@@ -39753,8 +40422,8 @@ var SelectMenu = memoGeneric(function SelectMenu2({
   const hasCheckedItem = items.some(
     (item) => isSelectableMenuItem(item) && item.checked
   );
-  const readOnlyButton = (0, import_react108.useMemo)(
-    () => /* @__PURE__ */ import_react108.default.createElement(
+  const readOnlyButton = (0, import_react111.useMemo)(
+    () => /* @__PURE__ */ import_react111.default.createElement(
       Button,
       {
         id,
@@ -39764,11 +40433,11 @@ var SelectMenu = memoGeneric(function SelectMenu2({
         disabled: disabled2
       },
       icon && renderIcon(icon),
-      /* @__PURE__ */ import_react108.default.createElement("span", { className: "n-flex n-flex-1" }, selectedItem?.title ?? value)
+      /* @__PURE__ */ import_react111.default.createElement("span", { className: "n-flex n-flex-1" }, selectedItem?.title ?? value)
     ),
     [icon, id, style2, className, disabled2, value, selectedItem]
   );
-  const contentStyle = (0, import_react108.useMemo)(() => {
+  const contentStyle = (0, import_react111.useMemo)(() => {
     return {
       width: "var(--anchor-width)",
       minWidth: "max-content",
@@ -39776,7 +40445,7 @@ var SelectMenu = memoGeneric(function SelectMenu2({
       ...contentStyleProp
     };
   }, [contentStyleProp]);
-  const content = /* @__PURE__ */ import_react108.default.createElement(
+  const content = /* @__PURE__ */ import_react111.default.createElement(
     index_parts_exports10.Root,
     {
       value,
@@ -39785,13 +40454,13 @@ var SelectMenu = memoGeneric(function SelectMenu2({
       onOpenChange: handleOpenChange,
       disabled: disabled2
     },
-    /* @__PURE__ */ import_react108.default.createElement(
+    /* @__PURE__ */ import_react111.default.createElement(
       index_parts_exports10.Trigger,
       {
         id,
         onFocus,
         onBlur,
-        render: /* @__PURE__ */ import_react108.default.createElement(
+        render: /* @__PURE__ */ import_react111.default.createElement(
           Button,
           {
             style: style2,
@@ -39804,10 +40473,10 @@ var SelectMenu = memoGeneric(function SelectMenu2({
           }
         )
       },
-      icon && /* @__PURE__ */ import_react108.default.createElement("span", { className: "n-pr-1.5" }, renderIcon(icon)),
-      label && labelType === "inset" && /* @__PURE__ */ import_react108.default.createElement("div", { className: insetEndStyles }, /* @__PURE__ */ import_react108.default.createElement(Label, { className: "n-pr-4 n-text-text-disabled", htmlFor: id }, label)),
-      /* @__PURE__ */ import_react108.default.createElement("span", { className: "n-flex-1 n-flex" }, /* @__PURE__ */ import_react108.default.createElement(index_parts_exports10.Value, null, selectedItem?.title ?? value ?? placeholder)),
-      /* @__PURE__ */ import_react108.default.createElement(index_parts_exports10.Icon, null, /* @__PURE__ */ import_react108.default.createElement(
+      icon && /* @__PURE__ */ import_react111.default.createElement("span", { className: "n-pr-1.5" }, renderIcon(icon)),
+      label && labelType === "inset" && /* @__PURE__ */ import_react111.default.createElement("div", { className: insetEndStyles }, /* @__PURE__ */ import_react111.default.createElement(Label, { className: "n-pr-4 n-text-text-disabled", htmlFor: id }, label)),
+      /* @__PURE__ */ import_react111.default.createElement("span", { className: "n-flex-1 n-flex" }, /* @__PURE__ */ import_react111.default.createElement(index_parts_exports10.Value, null, selectedItem?.title ?? value ?? placeholder)),
+      /* @__PURE__ */ import_react111.default.createElement(index_parts_exports10.Icon, null, /* @__PURE__ */ import_react111.default.createElement(
         import_noya_icons14.DropdownChevronIcon,
         {
           className: cx(
@@ -39817,7 +40486,7 @@ var SelectMenu = memoGeneric(function SelectMenu2({
         }
       ))
     ),
-    /* @__PURE__ */ import_react108.default.createElement(index_parts_exports10.Portal, null, /* @__PURE__ */ import_react108.default.createElement(
+    /* @__PURE__ */ import_react111.default.createElement(index_parts_exports10.Portal, null, /* @__PURE__ */ import_react111.default.createElement(
       index_parts_exports10.Positioner,
       {
         ...portalScopeProps(portalScopeId),
@@ -39827,12 +40496,12 @@ var SelectMenu = memoGeneric(function SelectMenu2({
         style: contentStyle,
         className: "n-z-menu"
       },
-      /* @__PURE__ */ import_react108.default.createElement(index_parts_exports10.Popup, { className: styles.contentStyle }, /* @__PURE__ */ import_react108.default.createElement(index_parts_exports10.ScrollUpArrow, { className: scrollButtonStyles }, /* @__PURE__ */ import_react108.default.createElement(
+      /* @__PURE__ */ import_react111.default.createElement(index_parts_exports10.Popup, { className: styles.contentStyle }, /* @__PURE__ */ import_react111.default.createElement(index_parts_exports10.ScrollUpArrow, { className: scrollButtonStyles }, /* @__PURE__ */ import_react111.default.createElement(
         import_noya_icons14.ChevronUpIcon,
         {
           className: cx("n-transition-transform n-duration-100")
         }
-      )), /* @__PURE__ */ import_react108.default.createElement(SelectMenuItems, { items, hasCheckedItem }), /* @__PURE__ */ import_react108.default.createElement(index_parts_exports10.ScrollDownArrow, { className: scrollButtonStyles }, /* @__PURE__ */ import_react108.default.createElement(import_noya_icons14.ChevronDownIcon, null)))
+      )), /* @__PURE__ */ import_react111.default.createElement(SelectMenuItems, { items, hasCheckedItem }), /* @__PURE__ */ import_react111.default.createElement(index_parts_exports10.ScrollDownArrow, { className: scrollButtonStyles }, /* @__PURE__ */ import_react111.default.createElement(import_noya_icons14.ChevronDownIcon, null)))
     ))
   );
   return readOnly ? readOnlyButton : content;
@@ -39851,7 +40520,7 @@ __export(index_parts_exports11, {
 });
 
 // ../../node_modules/@base-ui/react/slider/root/SliderRoot.mjs
-var React307 = __toESM(require("react"), 1);
+var React310 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/slider/utils/asc.mjs
 function asc(a, b) {
@@ -39896,11 +40565,11 @@ var sliderStateAttributesMapping = {
 };
 
 // ../../node_modules/@base-ui/react/slider/root/SliderRootContext.mjs
-var React306 = __toESM(require("react"), 1);
-var SliderRootContext = /* @__PURE__ */ React306.createContext(void 0);
+var React309 = __toESM(require("react"), 1);
+var SliderRootContext = /* @__PURE__ */ React309.createContext(void 0);
 if (process.env.NODE_ENV !== "production") SliderRootContext.displayName = "SliderRootContext";
 function useSliderRootContext() {
-  const context = React306.useContext(SliderRootContext);
+  const context = React309.useContext(SliderRootContext);
   if (context === void 0) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SliderRootContext is missing. Slider parts must be placed within <Slider.Root>." : formatErrorMessage_default(62));
   }
@@ -39912,7 +40581,7 @@ var import_jsx_runtime57 = require("react/jsx-runtime");
 function areValuesEqual(newValue, oldValue) {
   return newValue === oldValue || Array.isArray(newValue) && Array.isArray(oldValue) && areArraysEqual(newValue, oldValue);
 }
-var SliderRoot = /* @__PURE__ */ React307.forwardRef(function SliderRoot2(componentProps, forwardedRef) {
+var SliderRoot = /* @__PURE__ */ React310.forwardRef(function SliderRoot2(componentProps, forwardedRef) {
   const {
     "aria-labelledby": ariaLabelledByProp,
     className,
@@ -39957,7 +40626,7 @@ var SliderRoot = /* @__PURE__ */ React307.forwardRef(function SliderRoot2(compon
   const {
     labelId: fieldLabelId
   } = useLabelableContext();
-  const [labelId, setLabelId] = React307.useState();
+  const [labelId, setLabelId] = React310.useState();
   const ariaLabelledby = ariaLabelledByProp ?? resolveAriaLabelledBy(fieldLabelId, labelId);
   const disabled2 = fieldDisabled || disabledProp;
   const name = fieldName ?? nameProp;
@@ -39966,18 +40635,18 @@ var SliderRoot = /* @__PURE__ */ React307.forwardRef(function SliderRoot2(compon
     default: defaultValue2 ?? min2,
     name: "Slider"
   });
-  const sliderRef = React307.useRef(null);
-  const controlRef = React307.useRef(null);
-  const thumbRefs = React307.useRef([]);
-  const pressedThumbCenterOffsetRef = React307.useRef(null);
-  const pressedThumbIndexRef = React307.useRef(-1);
-  const pressedValuesRef = React307.useRef(null);
-  const lastChangeReasonRef = React307.useRef(reason_parts_exports.none);
-  const [active, setActiveState] = React307.useState(-1);
-  const [lastUsedThumbIndex, setLastUsedThumbIndex] = React307.useState(-1);
-  const [dragging, setDragging] = React307.useState(false);
-  const [thumbMap, setThumbMap] = React307.useState(() => /* @__PURE__ */ new Map());
-  const [indicatorPosition, setIndicatorPosition] = React307.useState([void 0, void 0]);
+  const sliderRef = React310.useRef(null);
+  const controlRef = React310.useRef(null);
+  const thumbRefs = React310.useRef([]);
+  const pressedThumbCenterOffsetRef = React310.useRef(null);
+  const pressedThumbIndexRef = React310.useRef(-1);
+  const pressedValuesRef = React310.useRef(null);
+  const lastChangeReasonRef = React310.useRef(reason_parts_exports.none);
+  const [active, setActiveState] = React310.useState(-1);
+  const [lastUsedThumbIndex, setLastUsedThumbIndex] = React310.useState(-1);
+  const [dragging, setDragging] = React310.useState(false);
+  const [thumbMap, setThumbMap] = React310.useState(() => /* @__PURE__ */ new Map());
+  const [indicatorPosition, setIndicatorPosition] = React310.useState([void 0, void 0]);
   const setActive = useStableCallback2((value) => {
     setActiveState(value);
     if (value !== -1) {
@@ -39990,7 +40659,7 @@ var SliderRoot = /* @__PURE__ */ React307.forwardRef(function SliderRoot2(compon
     }
   });
   const range2 = Array.isArray(valueUnwrapped);
-  const values = React307.useMemo(() => {
+  const values = React310.useMemo(() => {
     if (!range2) {
       return [clamp2(valueUnwrapped, min2, max2)];
     }
@@ -40063,7 +40732,7 @@ var SliderRoot = /* @__PURE__ */ React307.forwardRef(function SliderRoot2(compon
       setActive(-1);
     }
   }, [active, disabled2, setActive]);
-  const state = React307.useMemo(() => ({
+  const state = React310.useMemo(() => ({
     ...fieldState,
     activeThumbIndex: active,
     disabled: disabled2,
@@ -40075,7 +40744,7 @@ var SliderRoot = /* @__PURE__ */ React307.forwardRef(function SliderRoot2(compon
     step,
     values
   }), [fieldState, active, disabled2, dragging, max2, min2, minStepsBetweenValues, orientation, step, values]);
-  const contextValue = React307.useMemo(() => ({
+  const contextValue = React310.useMemo(() => ({
     active,
     controlRef,
     disabled: disabled2,
@@ -40137,8 +40806,8 @@ var SliderRoot = /* @__PURE__ */ React307.forwardRef(function SliderRoot2(compon
 if (process.env.NODE_ENV !== "production") SliderRoot.displayName = "SliderRoot";
 
 // ../../node_modules/@base-ui/react/slider/label/SliderLabel.mjs
-var React308 = __toESM(require("react"), 1);
-var SliderLabel = /* @__PURE__ */ React308.forwardRef(function SliderLabel2(componentProps, forwardedRef) {
+var React311 = __toESM(require("react"), 1);
+var SliderLabel = /* @__PURE__ */ React311.forwardRef(function SliderLabel2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -40182,8 +40851,8 @@ var SliderLabel = /* @__PURE__ */ React308.forwardRef(function SliderLabel2(comp
 if (process.env.NODE_ENV !== "production") SliderLabel.displayName = "SliderLabel";
 
 // ../../node_modules/@base-ui/react/slider/value/SliderValue.mjs
-var React309 = __toESM(require("react"), 1);
-var SliderValue = /* @__PURE__ */ React309.forwardRef(function SliderValue2(componentProps, forwardedRef) {
+var React312 = __toESM(require("react"), 1);
+var SliderValue = /* @__PURE__ */ React312.forwardRef(function SliderValue2(componentProps, forwardedRef) {
   const {
     "aria-live": ariaLive = "off",
     render,
@@ -40202,7 +40871,7 @@ var SliderValue = /* @__PURE__ */ React309.forwardRef(function SliderValue2(comp
   const outputFor = Array.from(thumbMap.values(), ({
     inputId
   }) => inputId).join(" ").trim() || void 0;
-  const formattedValues = React309.useMemo(() => values.map((v) => formatNumber(v, locale, format)), [format, locale, values]);
+  const formattedValues = React312.useMemo(() => values.map((v) => formatNumber(v, locale, format)), [format, locale, values]);
   const defaultDisplayValue = formattedValues.join(" \u2013 ");
   const element = useRenderElement("output", componentProps, {
     state,
@@ -40221,7 +40890,7 @@ var SliderValue = /* @__PURE__ */ React309.forwardRef(function SliderValue2(comp
 if (process.env.NODE_ENV !== "production") SliderValue.displayName = "SliderValue";
 
 // ../../node_modules/@base-ui/react/slider/control/SliderControl.mjs
-var React310 = __toESM(require("react"), 1);
+var React313 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/slider/utils/getMidpoint.mjs
 function getMidpoint(element, vertical) {
@@ -40407,7 +41076,7 @@ function getFingerCoords(event, touchIdRef) {
     y: event.clientY
   };
 }
-var SliderControl = /* @__PURE__ */ React310.forwardRef(function SliderControl2(componentProps, forwardedRef) {
+var SliderControl = /* @__PURE__ */ React313.forwardRef(function SliderControl2(componentProps, forwardedRef) {
   const {
     render: renderProp,
     className,
@@ -40441,17 +41110,17 @@ var SliderControl = /* @__PURE__ */ React310.forwardRef(function SliderControl2(
   const direction = useDirection();
   const range2 = values.length > 1;
   const vertical = orientation === "vertical";
-  const controlRef = React310.useRef(null);
-  const stylesRef = React310.useRef(null);
+  const controlRef = React313.useRef(null);
+  const stylesRef = React313.useRef(null);
   const setStylesRef = useStableCallback2((element2) => {
     if (element2 && stylesRef.current == null) {
       stylesRef.current = getWindow2(element2).getComputedStyle(element2);
     }
   });
-  const touchIdRef = React310.useRef(null);
-  const moveCountRef = React310.useRef(0);
-  const insetThumbOffsetRef = React310.useRef(0);
-  const currentInteractionValueRef = React310.useRef(null);
+  const touchIdRef = React313.useRef(null);
+  const moveCountRef = React313.useRef(0);
+  const insetThumbOffsetRef = React313.useRef(0);
+  const currentInteractionValueRef = React313.useRef(null);
   const latestValuesRef = useValueAsRef(values);
   function getThumbInput(el) {
     return el?.querySelector('input[type="range"]');
@@ -40664,7 +41333,7 @@ var SliderControl = /* @__PURE__ */ React310.forwardRef(function SliderControl2(
     currentInteractionValueRef.current = null;
   });
   const focusFrame = useAnimationFrame();
-  React310.useEffect(() => {
+  React313.useEffect(() => {
     const control = controlRef.current;
     if (!control) {
       return () => stopListening();
@@ -40678,7 +41347,7 @@ var SliderControl = /* @__PURE__ */ React310.forwardRef(function SliderControl2(
       stopListening();
     };
   }, [stopListening, handleTouchStart, controlRef, focusFrame]);
-  React310.useEffect(() => {
+  React313.useEffect(() => {
     if (disabled2) {
       stopListening();
     }
@@ -40741,8 +41410,8 @@ var SliderControl = /* @__PURE__ */ React310.forwardRef(function SliderControl2(
 if (process.env.NODE_ENV !== "production") SliderControl.displayName = "SliderControl";
 
 // ../../node_modules/@base-ui/react/slider/track/SliderTrack.mjs
-var React311 = __toESM(require("react"), 1);
-var SliderTrack = /* @__PURE__ */ React311.forwardRef(function SliderTrack2(componentProps, forwardedRef) {
+var React314 = __toESM(require("react"), 1);
+var SliderTrack = /* @__PURE__ */ React314.forwardRef(function SliderTrack2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -40767,7 +41436,7 @@ var SliderTrack = /* @__PURE__ */ React311.forwardRef(function SliderTrack2(comp
 if (process.env.NODE_ENV !== "production") SliderTrack.displayName = "SliderTrack";
 
 // ../../node_modules/@base-ui/react/slider/thumb/SliderThumb.mjs
-var React313 = __toESM(require("react"), 1);
+var React316 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/slider/thumb/prehydrationScript.min.mjs
 var script = '!function(){const t=document.currentScript?.parentElement;if(!t)return;const e=t.closest("[data-base-ui-slider-control]");if(!e)return;const r=e.querySelector("[data-base-ui-slider-indicator]"),i=e.getBoundingClientRect(),n="vertical"===e.getAttribute("data-orientation")?"height":"width",o=e.querySelectorAll(\'input[type="range"]\'),l=o.length>1,s=o.length-1;let a=null,u=null;for(let t=0;t<o.length;t+=1){const e=o[t],y=parseFloat(e.getAttribute("value")??"");if(Number.isNaN(y))return;const c=e.parentElement;if(!c)return;const p=parseFloat(e.getAttribute("max")??"100"),g=parseFloat(e.getAttribute("min")??"0"),b=c?.getBoundingClientRect(),d=i[n]-b[n],m=100*(y-g)/(p-g),v=(b[n]/2+d*m/100)/i[n]*100;c.style.setProperty("--position",`${v}%`),Number.isFinite(v)&&(c.style.removeProperty("visibility"),r&&(0===t?(a=v,r.style.setProperty("--start-position",`${v}%`),l||r.style.removeProperty("visibility")):t===s&&(u=v-(a??0),r.style.setProperty("--end-position",`${v}%`),r.style.setProperty("--relative-size",`${u}%`),r.style.removeProperty("visibility"))))}}();';
@@ -40788,7 +41457,7 @@ function useIsHydrating() {
 }
 
 // ../../node_modules/@base-ui/react/internals/PrehydrationScript.mjs
-var React312 = __toESM(require("react"), 1);
+var React315 = __toESM(require("react"), 1);
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function PrehydrationScript(props) {
   const {
@@ -40828,7 +41497,7 @@ function getNewValue(thumbValue, increment, direction, min2, max2) {
   const roundedValue = Number(value.toFixed(Math.max(getDecimalPrecision(thumbValue), getDecimalPrecision(increment), getDecimalPrecision(min2))));
   return clamp2(roundedValue, min2, max2);
 }
-var SliderThumb = /* @__PURE__ */ React313.forwardRef(function SliderThumb2(componentProps, forwardedRef) {
+var SliderThumb = /* @__PURE__ */ React316.forwardRef(function SliderThumb2(componentProps, forwardedRef) {
   const {
     render,
     children: childrenProp,
@@ -40889,9 +41558,9 @@ var SliderThumb = /* @__PURE__ */ React313.forwardRef(function SliderThumb2(comp
     setFocused,
     validationMode
   } = useFieldRootContext();
-  const thumbRef = React313.useRef(null);
-  const inputRef = React313.useRef(null);
-  const restoringFocusVisibleRef = React313.useRef(false);
+  const thumbRef = React316.useRef(null);
+  const inputRef = React316.useRef(null);
+  const restoringFocusVisibleRef = React316.useRef(false);
   const handleFocusProp = useStableCallback2((event) => {
     if (restoringFocusVisibleRef.current) {
       return;
@@ -40907,7 +41576,7 @@ var SliderThumb = /* @__PURE__ */ React313.forwardRef(function SliderThumb2(comp
   const defaultInputId = useBaseUiId();
   const labelableId = useLabelableId();
   const inputId = range2 ? defaultInputId : labelableId;
-  const thumbMetadata = React313.useMemo(() => ({
+  const thumbMetadata = React316.useMemo(() => ({
     inputId
   }), [inputId]);
   const {
@@ -40920,7 +41589,7 @@ var SliderThumb = /* @__PURE__ */ React313.forwardRef(function SliderThumb2(comp
   const last = index2 === sliderValues.length - 1;
   const thumbValue = sliderValues[index2];
   const thumbValuePercent = valueToPercent(thumbValue, min2, max2);
-  const [positionPercent, setPositionPercent] = React313.useState();
+  const [positionPercent, setPositionPercent] = React316.useState();
   const isHydrating = useIsHydrating();
   const safeLastUsedThumbIndex = lastUsedThumbIndex >= 0 && lastUsedThumbIndex < sliderValues.length ? lastUsedThumbIndex : -1;
   const getInsetPosition = useStableCallback2(() => {
@@ -41131,7 +41800,7 @@ var SliderThumb = /* @__PURE__ */ React313.forwardRef(function SliderThumb2(comp
     ref: [forwardedRef, listItemRef, thumbRef],
     props: [{
       ["data-index"]: index2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(React313.Fragment, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(React316.Fragment, {
         children: [childrenProp, /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", {
           ref: mergedInputRef,
           ...inputProps,
@@ -41159,7 +41828,7 @@ var SliderThumb = /* @__PURE__ */ React313.forwardRef(function SliderThumb2(comp
 if (process.env.NODE_ENV !== "production") SliderThumb.displayName = "SliderThumb";
 
 // ../../node_modules/@base-ui/react/slider/indicator/SliderIndicator.mjs
-var React314 = __toESM(require("react"), 1);
+var React317 = __toESM(require("react"), 1);
 function getIndicatorStyles(vertical, range2, inset, start, end, forceHidden) {
   const styles3 = {
     visibility: forceHidden || inset && (start === void 0 || range2 && end === void 0) ? "hidden" : void 0,
@@ -41180,7 +41849,7 @@ function getIndicatorStyles(vertical, range2, inset, start, end, forceHidden) {
   styles3[vertical ? "height" : "width"] = range2 ? sizeValue : startValue;
   return styles3;
 }
-var SliderIndicator = /* @__PURE__ */ React314.forwardRef(function SliderIndicator2(componentProps, forwardedRef) {
+var SliderIndicator = /* @__PURE__ */ React317.forwardRef(function SliderIndicator2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -41216,12 +41885,12 @@ var SliderIndicator = /* @__PURE__ */ React314.forwardRef(function SliderIndicat
 if (process.env.NODE_ENV !== "production") SliderIndicator.displayName = "SliderIndicator";
 
 // src/components/Slider.tsx
-var import_react109 = __toESM(require("react"));
+var import_react112 = __toESM(require("react"));
 var THUMB_WIDTH = 8;
 var thumbStyle = {
   width: THUMB_WIDTH
 };
-var Slider = (0, import_react109.memo)(function Slider2({
+var Slider = (0, import_react112.memo)(function Slider2({
   style: style2,
   className,
   value,
@@ -41239,14 +41908,14 @@ var Slider = (0, import_react109.memo)(function Slider2({
   const { fieldId: id } = useLabel({
     fieldId: props.id
   });
-  const handleValueChange = (0, import_react109.useCallback)(
+  const handleValueChange = (0, import_react112.useCallback)(
     (newValue) => {
       onValueChange(newValue);
     },
     [onValueChange]
   );
   const ratio = (clampedValue - min2) / (max2 - min2);
-  return /* @__PURE__ */ import_react109.default.createElement(
+  return /* @__PURE__ */ import_react112.default.createElement(
     index_parts_exports11.Root,
     {
       min: min2,
@@ -41265,7 +41934,7 @@ var Slider = (0, import_react109.memo)(function Slider2({
       disabled: readOnly,
       thumbAlignment: "edge"
     },
-    /* @__PURE__ */ import_react109.default.createElement(index_parts_exports11.Control, { className: "n-relative n-flex-grow n-h-[21px] n-flex n-items-center" }, /* @__PURE__ */ import_react109.default.createElement(index_parts_exports11.Track, { className: "n-relative n-flex-grow n-h-[3px] n-overflow-hidden" }, /* @__PURE__ */ import_react109.default.createElement(
+    /* @__PURE__ */ import_react112.default.createElement(index_parts_exports11.Control, { className: "n-relative n-flex-grow n-h-[21px] n-flex n-items-center" }, /* @__PURE__ */ import_react112.default.createElement(index_parts_exports11.Track, { className: "n-relative n-flex-grow n-h-[3px] n-overflow-hidden" }, /* @__PURE__ */ import_react112.default.createElement(
       "div",
       {
         className: "n-absolute n-h-full n-rounded-l n-bg-slider-active-background",
@@ -41276,7 +41945,7 @@ var Slider = (0, import_react109.memo)(function Slider2({
           width: `calc(${ratio * 100}% - ${ratio * THUMB_WIDTH + 2}px)`
         }
       }
-    ), /* @__PURE__ */ import_react109.default.createElement(
+    ), /* @__PURE__ */ import_react112.default.createElement(
       "div",
       {
         className: "n-absolute n-h-full n-rounded-r n-bg-input-background",
@@ -41286,7 +41955,7 @@ var Slider = (0, import_react109.memo)(function Slider2({
           width: `calc(${(1 - ratio) * 100}% - ${(1 - ratio) * THUMB_WIDTH + 2}px)`
         }
       }
-    )), /* @__PURE__ */ import_react109.default.createElement(
+    )), /* @__PURE__ */ import_react112.default.createElement(
       index_parts_exports11.Thumb,
       {
         style: thumbStyle,
@@ -41303,34 +41972,34 @@ var Slider = (0, import_react109.memo)(function Slider2({
 });
 
 // src/components/sorting/createSharedDrag.tsx
-var React316 = __toESM(require("react"));
+var React319 = __toESM(require("react"));
 function createSharedDrag() {
-  const dragRegistrationContext = React316.createContext(null);
-  const activeDragContext = React316.createContext(
+  const dragRegistrationContext = React319.createContext(null);
+  const activeDragContext = React319.createContext(
     null
   );
   const sharedDragProps = {
     dragRegistrationContext,
     activeDragContext
   };
-  const Provider = (props) => /* @__PURE__ */ React316.createElement(SharedDragProvider, { sharedDragProps, ...props });
+  const Provider = (props) => /* @__PURE__ */ React319.createElement(SharedDragProvider, { sharedDragProps, ...props });
   return {
     Provider,
-    Sortable: (props) => /* @__PURE__ */ React316.createElement(Sortable, { sharedDragProps, ...props }),
+    Sortable: (props) => /* @__PURE__ */ React319.createElement(Sortable, { sharedDragProps, ...props }),
     props: sharedDragProps
   };
 }
 
 // src/components/StatCard.tsx
 var import_noya_icons15 = require("@noya-app/noya-icons");
-var import_react110 = __toESM(require("react"));
+var import_react113 = __toESM(require("react"));
 var ICON_COLOR_STYLES = {
   primary: "n-bg-primary",
   secondary: "n-bg-secondary",
   info: "n-bg-banner-info-text",
   error: "n-bg-banner-error-text"
 };
-var StatCard = (0, import_react110.forwardRef)(
+var StatCard = (0, import_react113.forwardRef)(
   function StatCard2({
     label,
     value,
@@ -41342,14 +42011,14 @@ var StatCard = (0, import_react110.forwardRef)(
     ...props
   }, forwardedRef) {
     const TrendIcon = trend === "down" ? import_noya_icons15.ArrowDownIcon : import_noya_icons15.ArrowUpIcon;
-    return /* @__PURE__ */ import_react110.default.createElement(
+    return /* @__PURE__ */ import_react113.default.createElement(
       Card,
       {
         ref: forwardedRef,
         className: cx("n-flex n-items-center n-gap-4", className),
         ...props
       },
-      icon && /* @__PURE__ */ import_react110.default.createElement(
+      icon && /* @__PURE__ */ import_react113.default.createElement(
         "div",
         {
           "aria-hidden": "true",
@@ -41360,24 +42029,24 @@ var StatCard = (0, import_react110.forwardRef)(
         },
         renderIcon(icon)
       ),
-      /* @__PURE__ */ import_react110.default.createElement("div", { className: "n-flex n-min-w-0 n-flex-1 n-self-stretch n-flex-col n-justify-center n-gap-1" }, /* @__PURE__ */ import_react110.default.createElement("div", { className: "n-flex n-items-center n-gap-4" }, /* @__PURE__ */ import_react110.default.createElement(Small, { className: "n-min-w-0 n-flex-1 n-opacity-70" }, label), change !== void 0 && /* @__PURE__ */ import_react110.default.createElement(
+      /* @__PURE__ */ import_react113.default.createElement("div", { className: "n-flex n-min-w-0 n-flex-1 n-self-stretch n-flex-col n-justify-center n-gap-1" }, /* @__PURE__ */ import_react113.default.createElement("div", { className: "n-flex n-items-center n-gap-4" }, /* @__PURE__ */ import_react113.default.createElement(Small, { className: "n-min-w-0 n-flex-1 n-opacity-70" }, label), change !== void 0 && /* @__PURE__ */ import_react113.default.createElement(
         Chip,
         {
           className: "n-flex-none n-gap-1",
           colorScheme,
           size: "large"
         },
-        trend && /* @__PURE__ */ import_react110.default.createElement(TrendIcon, { "aria-hidden": "true" }),
+        trend && /* @__PURE__ */ import_react113.default.createElement(TrendIcon, { "aria-hidden": "true" }),
         change
-      )), /* @__PURE__ */ import_react110.default.createElement(Heading1, { as: "div", className: "!n-font-bold n-leading-none" }, value))
+      )), /* @__PURE__ */ import_react113.default.createElement(Heading1, { as: "div", className: "!n-font-bold n-leading-none" }, value))
     );
   }
 );
 
 // src/components/Stepper.tsx
 var import_noya_utils19 = require("@noya-app/noya-utils");
-var import_react111 = __toESM(require("react"));
-var Stepper = (0, import_react111.memo)(function Stepper2({
+var import_react114 = __toESM(require("react"));
+var Stepper = (0, import_react114.memo)(function Stepper2({
   style: style2,
   className,
   value: valueProp,
@@ -41394,17 +42063,17 @@ var Stepper = (0, import_react111.memo)(function Stepper2({
   const { fieldId: id } = useLabel({
     fieldId: props.id
   });
-  const value = (0, import_react111.useMemo)(() => {
+  const value = (0, import_react114.useMemo)(() => {
     return (0, import_noya_utils19.clamp)(valueProp, min2, max2);
   }, [valueProp, min2, max2]);
-  const handleValueChange = (0, import_react111.useCallback)(
+  const handleValueChange = (0, import_react114.useCallback)(
     (value2) => {
       const newValue = (0, import_noya_utils19.clamp)(value2, min2, max2);
       onValueChange(newValue);
     },
     [onValueChange, min2, max2]
   );
-  return /* @__PURE__ */ import_react111.default.createElement(
+  return /* @__PURE__ */ import_react114.default.createElement(
     "div",
     {
       id,
@@ -41416,7 +42085,7 @@ var Stepper = (0, import_react111.memo)(function Stepper2({
       onFocus,
       onBlur
     },
-    /* @__PURE__ */ import_react111.default.createElement(
+    /* @__PURE__ */ import_react114.default.createElement(
       InputField2.Root,
       {
         className: "n-flex-1",
@@ -41424,7 +42093,7 @@ var Stepper = (0, import_react111.memo)(function Stepper2({
         startClassName: "-n-ml-[3px]",
         endWidth: 17,
         endClassName: "-n-mr-[3px]",
-        start: /* @__PURE__ */ import_react111.default.createElement(
+        start: /* @__PURE__ */ import_react114.default.createElement(
           IconButton,
           {
             iconName: "MinusIcon",
@@ -41438,7 +42107,7 @@ var Stepper = (0, import_react111.memo)(function Stepper2({
             }
           }
         ),
-        end: /* @__PURE__ */ import_react111.default.createElement(
+        end: /* @__PURE__ */ import_react114.default.createElement(
           IconButton,
           {
             iconName: "PlusIcon",
@@ -41453,7 +42122,7 @@ var Stepper = (0, import_react111.memo)(function Stepper2({
           }
         )
       },
-      /* @__PURE__ */ import_react111.default.createElement(
+      /* @__PURE__ */ import_react114.default.createElement(
         InputField2.NumberInput,
         {
           value,
@@ -41474,14 +42143,14 @@ __export(index_parts_exports12, {
 });
 
 // ../../node_modules/@base-ui/react/switch/root/SwitchRoot.mjs
-var React321 = __toESM(require("react"), 1);
+var React324 = __toESM(require("react"), 1);
 
 // ../../node_modules/@base-ui/react/switch/root/SwitchRootContext.mjs
-var React319 = __toESM(require("react"), 1);
-var SwitchRootContext = /* @__PURE__ */ React319.createContext(void 0);
+var React322 = __toESM(require("react"), 1);
+var SwitchRootContext = /* @__PURE__ */ React322.createContext(void 0);
 if (process.env.NODE_ENV !== "production") SwitchRootContext.displayName = "SwitchRootContext";
 function useSwitchRootContext() {
-  const context = React319.useContext(SwitchRootContext);
+  const context = React322.useContext(SwitchRootContext);
   if (context === void 0) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>." : formatErrorMessage_default(63));
   }
@@ -41504,9 +42173,9 @@ var stateAttributesMapping6 = {
 };
 
 // ../../node_modules/@base-ui/react/internals/labelable-provider/useAriaLabelledBy.mjs
-var React320 = __toESM(require("react"), 1);
+var React323 = __toESM(require("react"), 1);
 function useAriaLabelledBy(explicitAriaLabelledBy, labelId, labelSourceRef, enableFallback = true, labelSourceId) {
-  const [fallbackAriaLabelledBy, setFallbackAriaLabelledBy] = React320.useState();
+  const [fallbackAriaLabelledBy, setFallbackAriaLabelledBy] = React323.useState();
   const generatedLabelId = useBaseUiId(labelSourceId ? `${labelSourceId}-label` : void 0);
   const ariaLabelledBy = explicitAriaLabelledBy ?? labelId ?? fallbackAriaLabelledBy;
   useIsoLayoutEffect(() => {
@@ -41548,7 +42217,7 @@ function findAssociatedLabel(labelSource) {
 
 // ../../node_modules/@base-ui/react/switch/root/SwitchRoot.mjs
 var import_jsx_runtime60 = require("react/jsx-runtime");
-var SwitchRoot = /* @__PURE__ */ React321.forwardRef(function SwitchRoot2(componentProps, forwardedRef) {
+var SwitchRoot = /* @__PURE__ */ React324.forwardRef(function SwitchRoot2(componentProps, forwardedRef) {
   const {
     checked: checkedProp,
     className,
@@ -41589,9 +42258,9 @@ var SwitchRoot = /* @__PURE__ */ React321.forwardRef(function SwitchRoot2(compon
   } = useLabelableContext();
   const disabled2 = fieldDisabled || disabledProp;
   const name = fieldName ?? nameProp;
-  const inputRef = React321.useRef(null);
+  const inputRef = React324.useRef(null);
   const handleInputRef = useMergedRefs(inputRef, externalInputRef, validation.inputRef);
-  const switchRef = React321.useRef(null);
+  const switchRef = React324.useRef(null);
   const id = useBaseUiId();
   const controlId = useLabelableId({
     id: idProp,
@@ -41701,7 +42370,7 @@ var SwitchRoot = /* @__PURE__ */ React321.forwardRef(function SwitchRoot2(compon
       value
     } : EMPTY_OBJECT
   };
-  const state = React321.useMemo(() => ({
+  const state = React324.useMemo(() => ({
     ...fieldState,
     checked,
     disabled: disabled2,
@@ -41731,8 +42400,8 @@ var SwitchRoot = /* @__PURE__ */ React321.forwardRef(function SwitchRoot2(compon
 if (process.env.NODE_ENV !== "production") SwitchRoot.displayName = "SwitchRoot";
 
 // ../../node_modules/@base-ui/react/switch/thumb/SwitchThumb.mjs
-var React322 = __toESM(require("react"), 1);
-var SwitchThumb = /* @__PURE__ */ React322.forwardRef(function SwitchThumb2(componentProps, forwardedRef) {
+var React325 = __toESM(require("react"), 1);
+var SwitchThumb = /* @__PURE__ */ React325.forwardRef(function SwitchThumb2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -41750,7 +42419,7 @@ var SwitchThumb = /* @__PURE__ */ React322.forwardRef(function SwitchThumb2(comp
 if (process.env.NODE_ENV !== "production") SwitchThumb.displayName = "SwitchThumb";
 
 // src/components/Switch.tsx
-var React323 = __toESM(require("react"));
+var React326 = __toESM(require("react"));
 var Switch = function Switch2({
   id,
   value,
@@ -41762,7 +42431,7 @@ var Switch = function Switch2({
   style: style2,
   className
 }) {
-  return /* @__PURE__ */ React323.createElement(
+  return /* @__PURE__ */ React326.createElement(
     index_parts_exports12.Root,
     {
       id,
@@ -41781,12 +42450,12 @@ var Switch = function Switch2({
       onFocus,
       onBlur
     },
-    /* @__PURE__ */ React323.createElement(index_parts_exports12.Thumb, { className: "n-block n-w-[15px] n-h-[15px] n-bg-background n-rounded-full n-transition-transform n-translate-x-[2px] n-translate-y-[2px] data-[checked]:n-translate-x-[15px]" })
+    /* @__PURE__ */ React326.createElement(index_parts_exports12.Thumb, { className: "n-block n-w-[15px] n-h-[15px] n-bg-background n-rounded-full n-transition-transform n-translate-x-[2px] n-translate-y-[2px] data-[checked]:n-translate-x-[15px]" })
   );
 };
 
 // src/components/Tabs.tsx
-var React324 = __toESM(require("react"));
+var React327 = __toESM(require("react"));
 function Tabs({
   value,
   onValueChange,
@@ -41801,7 +42470,7 @@ function Tabs({
     value,
     onChange: onValueChange
   });
-  return /* @__PURE__ */ React324.createElement("div", { ...props, className: cx("n-flex n-flex-col", props.className) }, /* @__PURE__ */ React324.createElement("div", { className: "n-flex n-flex-row n-px-3" }, /* @__PURE__ */ React324.createElement(
+  return /* @__PURE__ */ React327.createElement("div", { ...props, className: cx("n-flex n-flex-col", props.className) }, /* @__PURE__ */ React327.createElement("div", { className: "n-flex n-flex-row n-px-3" }, /* @__PURE__ */ React327.createElement(
     SegmentedControl,
     {
       className: "n-flex-1",
@@ -41810,11 +42479,11 @@ function Tabs({
       variant,
       items: selectableItems
     }
-  )), /* @__PURE__ */ React324.createElement(Divider, null), renderContent({ value: activeTab }));
+  )), /* @__PURE__ */ React327.createElement(Divider, null), renderContent({ value: activeTab }));
 }
 
 // src/components/UserPicker.tsx
-var import_react112 = __toESM(require("react"));
+var import_react115 = __toESM(require("react"));
 function UserPicker({
   users,
   value,
@@ -41824,27 +42493,27 @@ function UserPicker({
   placeholder = "Search users...",
   ...rest
 }) {
-  const sortedUsers = (0, import_react112.useMemo)(() => {
+  const sortedUsers = (0, import_react115.useMemo)(() => {
     return [...users].sort(
       (a, b) => getUserDisplayName(a).localeCompare(getUserDisplayName(b), void 0, {
         sensitivity: "base"
       })
     );
   }, [users]);
-  const usersById = (0, import_react112.useMemo)(() => {
+  const usersById = (0, import_react115.useMemo)(() => {
     return new Map(sortedUsers.map((user) => [user.id, user]));
   }, [sortedUsers]);
-  const items = (0, import_react112.useMemo)(() => {
+  const items = (0, import_react115.useMemo)(() => {
     return sortedUsers.map(createUserMenuItem);
   }, [sortedUsers]);
   const isControlled = value !== void 0;
-  const [uncontrolledValue, setUncontrolledValue] = (0, import_react112.useState)(defaultValue2);
+  const [uncontrolledValue, setUncontrolledValue] = (0, import_react115.useState)(defaultValue2);
   const selectedUserId = isControlled ? value : uncontrolledValue;
-  const selectedItem = (0, import_react112.useMemo)(() => {
+  const selectedItem = (0, import_react115.useMemo)(() => {
     if (!selectedUserId) return void 0;
     return items.find((item) => item.value === selectedUserId);
   }, [items, selectedUserId]);
-  const updateSelectedUserId = (0, import_react112.useCallback)(
+  const updateSelectedUserId = (0, import_react115.useCallback)(
     (userId) => {
       if (!isControlled) {
         setUncontrolledValue(userId);
@@ -41853,14 +42522,14 @@ function UserPicker({
     },
     [isControlled, onChangeUserId]
   );
-  const handleSelectItem = (0, import_react112.useCallback)(
+  const handleSelectItem = (0, import_react115.useCallback)(
     (item) => {
       updateSelectedUserId(item.value);
       onSelectUser?.(usersById.get(item.value));
     },
     [updateSelectedUserId, onSelectUser, usersById]
   );
-  return /* @__PURE__ */ import_react112.default.createElement(
+  return /* @__PURE__ */ import_react115.default.createElement(
     Combobox,
     {
       ...rest,
@@ -41884,7 +42553,7 @@ function createUserMenuItem(user) {
   return {
     value: user.id,
     title,
-    icon: /* @__PURE__ */ import_react112.default.createElement("div", { className: "n-relative n-w-[15px] n-h-[15px]" }, /* @__PURE__ */ import_react112.default.createElement(
+    icon: /* @__PURE__ */ import_react115.default.createElement("div", { className: "n-relative n-w-[15px] n-h-[15px]" }, /* @__PURE__ */ import_react115.default.createElement(
       Avatar,
       {
         size: 15 + overflow * 2,
@@ -41903,15 +42572,15 @@ function createUserMenuItem(user) {
 }
 
 // src/components/UserPointer.tsx
-var import_react113 = __toESM(require("react"));
-var UserPointerContainer = (0, import_react113.memo)(function UserPointerContainer2({
+var import_react116 = __toESM(require("react"));
+var UserPointerContainer = (0, import_react116.memo)(function UserPointerContainer2({
   point,
   visible,
   children,
   className,
   style: style2
 }) {
-  return /* @__PURE__ */ import_react113.default.createElement(
+  return /* @__PURE__ */ import_react116.default.createElement(
     "div",
     {
       style: {
@@ -41930,7 +42599,7 @@ var UserPointerContainer = (0, import_react113.memo)(function UserPointerContain
     children
   );
 });
-var UserNameTag = (0, import_react113.memo)(function UserNameTag2({
+var UserNameTag = (0, import_react116.memo)(function UserNameTag2({
   backgroundColor,
   className,
   style: style2,
@@ -41939,7 +42608,7 @@ var UserNameTag = (0, import_react113.memo)(function UserNameTag2({
   size: size4 = "medium",
   bordered = true
 }) {
-  return /* @__PURE__ */ import_react113.default.createElement(
+  return /* @__PURE__ */ import_react116.default.createElement(
     "span",
     {
       className: cx(
@@ -41958,14 +42627,14 @@ var UserNameTag = (0, import_react113.memo)(function UserNameTag2({
     children
   );
 });
-var UserPointerIcon = (0, import_react113.memo)(function PointerIcon({
+var UserPointerIcon = (0, import_react116.memo)(function PointerIcon({
   size: size4,
   color = "black",
   className,
   style: style2
 }) {
   const points = "0,5 10,0 10,10";
-  return /* @__PURE__ */ import_react113.default.createElement(
+  return /* @__PURE__ */ import_react116.default.createElement(
     "svg",
     {
       width: size4,
@@ -41980,7 +42649,7 @@ var UserPointerIcon = (0, import_react113.memo)(function PointerIcon({
         ...style2
       }
     },
-    /* @__PURE__ */ import_react113.default.createElement(
+    /* @__PURE__ */ import_react116.default.createElement(
       "polygon",
       {
         points,
@@ -41993,7 +42662,7 @@ var UserPointerIcon = (0, import_react113.memo)(function PointerIcon({
 });
 var POINTER_SIZE = 12;
 var POINTER_OVERLAP = 6;
-var UserPointer = (0, import_react113.memo)(function UserPointer2({
+var UserPointer = (0, import_react116.memo)(function UserPointer2({
   userId,
   name,
   visible = true,
@@ -42006,22 +42675,22 @@ var UserPointer = (0, import_react113.memo)(function UserPointer2({
   labelSize = "medium",
   bordered = true
 }) {
-  const userBackgroundColor = (0, import_react113.useMemo)(
+  const userBackgroundColor = (0, import_react116.useMemo)(
     () => backgroundColor ?? colorFromString(userId ?? name ?? ""),
     [backgroundColor, userId, name]
   );
-  const pointerOverlapStyle = (0, import_react113.useMemo)(
+  const pointerOverlapStyle = (0, import_react116.useMemo)(
     () => ({
       marginRight: `-${POINTER_OVERLAP}px`,
       marginBottom: `-${POINTER_OVERLAP}px`
     }),
     []
   );
-  const nameTagOverlapStyle = (0, import_react113.useMemo)(
+  const nameTagOverlapStyle = (0, import_react116.useMemo)(
     () => ({ marginLeft: `${POINTER_SIZE - POINTER_OVERLAP + 1}px` }),
     []
   );
-  return /* @__PURE__ */ import_react113.default.createElement(
+  return /* @__PURE__ */ import_react116.default.createElement(
     UserPointerContainer,
     {
       point,
@@ -42029,14 +42698,14 @@ var UserPointer = (0, import_react113.memo)(function UserPointer2({
       className,
       style: style2
     },
-    name && /* @__PURE__ */ import_react113.default.createElement("div", { className: "n-relative" }, showPointerIcon && /* @__PURE__ */ import_react113.default.createElement(
+    name && /* @__PURE__ */ import_react116.default.createElement("div", { className: "n-relative" }, showPointerIcon && /* @__PURE__ */ import_react116.default.createElement(
       UserPointerIcon,
       {
         size: POINTER_SIZE,
         color: userBackgroundColor,
         style: pointerOverlapStyle
       }
-    ), /* @__PURE__ */ import_react113.default.createElement(
+    ), /* @__PURE__ */ import_react116.default.createElement(
       UserNameTag,
       {
         backgroundColor: userBackgroundColor,
@@ -42052,10 +42721,10 @@ var UserPointer = (0, import_react113.memo)(function UserPointer2({
 
 // src/components/workspace/WorkspaceLayout.tsx
 var import_noya_keymap7 = require("@noya-app/noya-keymap");
-var import_react125 = __toESM(require("react"));
+var import_react126 = __toESM(require("react"));
 
 // src/components/OverlayToolbar.tsx
-var import_react114 = __toESM(require("react"));
+var import_react117 = __toESM(require("react"));
 var panelClassName = "n-pointer-events-auto n-inline-flex n-items-center n-gap-toolbar-separator n-rounded-3xl n-border n-border-divider n-bg-sidebar-background n-px-3 n-py-2.5 n-shadow-2xl";
 function OverlayToolbar({
   left,
@@ -42066,18 +42735,18 @@ function OverlayToolbar({
   onRectsChange
 }) {
   const resolvedLayout = overlayLayout === "topLeftTopRight" ? "topLeftTopRight" : "bottomCenterTopRight";
-  const leftPanelRef = (0, import_react114.useRef)(null);
-  const rightPanelRef = (0, import_react114.useRef)(null);
+  const leftPanelRef = (0, import_react117.useRef)(null);
+  const rightPanelRef = (0, import_react117.useRef)(null);
   const hasLeft = Boolean(left);
   const hasRight = Boolean(right);
-  const panelStyle = (0, import_react114.useMemo)(
+  const panelStyle = (0, import_react117.useMemo)(
     () => ({
       ...toolbarTransparentStyle,
       ...style2
     }),
     [style2]
   );
-  const emitRects = (0, import_react114.useCallback)(() => {
+  const emitRects = (0, import_react117.useCallback)(() => {
     if (!onRectsChange) return;
     const panels = [
       {
@@ -42108,7 +42777,7 @@ function OverlayToolbar({
       })
     );
   }, [onRectsChange, resolvedLayout]);
-  (0, import_react114.useLayoutEffect)(() => {
+  (0, import_react117.useLayoutEffect)(() => {
     if (!onRectsChange) return;
     let animationFrame;
     const scheduleEmit = () => {
@@ -42135,7 +42804,7 @@ function OverlayToolbar({
   }, [emitRects, hasLeft, hasRight, onRectsChange]);
   const renderLeftPanel = (overlayId) => {
     if (!left) return null;
-    return /* @__PURE__ */ import_react114.default.createElement(
+    return /* @__PURE__ */ import_react117.default.createElement(
       "div",
       {
         ref: leftPanelRef,
@@ -42146,7 +42815,7 @@ function OverlayToolbar({
       left
     );
   };
-  return /* @__PURE__ */ import_react114.default.createElement(import_react114.default.Fragment, null, resolvedLayout === "bottomCenterTopRight" ? /* @__PURE__ */ import_react114.default.createElement(
+  return /* @__PURE__ */ import_react117.default.createElement(import_react117.default.Fragment, null, resolvedLayout === "bottomCenterTopRight" ? /* @__PURE__ */ import_react117.default.createElement(
     "div",
     {
       className: cx(
@@ -42155,7 +42824,7 @@ function OverlayToolbar({
       )
     },
     renderLeftPanel("noya-toolbar-bottom-center")
-  ) : /* @__PURE__ */ import_react114.default.createElement(
+  ) : /* @__PURE__ */ import_react117.default.createElement(
     "div",
     {
       className: cx(
@@ -42164,7 +42833,7 @@ function OverlayToolbar({
       )
     },
     renderLeftPanel("noya-toolbar-top-left")
-  ), right && /* @__PURE__ */ import_react114.default.createElement(
+  ), right && /* @__PURE__ */ import_react117.default.createElement(
     "div",
     {
       className: cx(
@@ -42172,7 +42841,7 @@ function OverlayToolbar({
         className
       )
     },
-    /* @__PURE__ */ import_react114.default.createElement(
+    /* @__PURE__ */ import_react117.default.createElement(
       "div",
       {
         ref: rightPanelRef,
@@ -42186,316 +42855,7 @@ function OverlayToolbar({
 }
 
 // src/components/workspace/DrawerWorkspaceLayout.tsx
-var import_react117 = __toESM(require("react"));
-
-// src/components/AppToolbar.tsx
-var import_noya_keymap6 = require("@noya-app/noya-keymap");
-var import_react116 = __toESM(require("react"));
-
-// src/components/ToolbarDrawer.tsx
-var import_react115 = __toESM(require("react"));
-var ToolbarDrawer = (0, import_react115.memo)(
-  (0, import_react115.forwardRef)(function ToolbarDrawer2({ children, trigger, sideOffset = 8 }, ref) {
-    return /* @__PURE__ */ import_react115.default.createElement("div", { className: "n-relative", ref }, /* @__PURE__ */ import_react115.default.createElement(
-      "div",
-      {
-        className: "n-absolute n-bottom-full n-left-1/2 -n-translate-x-1/2 n-rounded-t-lg n-border n-border-toolbar-drawer-border n-border-b-transparent n-bg-toolbar-drawer-background -n-z-10",
-        style: {
-          marginBottom: `${sideOffset}px`,
-          boxShadow: "0px -2px 12px 0px var(--n-toolbar-drawer-shadow)"
-        }
-      },
-      children
-    ), trigger);
-  })
-);
-
-// src/components/AppToolbar.tsx
-var SIDE_OFFSET = 6;
-var ToolbarMenuContext = (0, import_react116.createContext)({});
-var ToolbarMenuDropdown = memoGeneric(function ToolbarMenuDropdown2({
-  item,
-  onSelectMenuItem,
-  onPopoverOpenChange
-}) {
-  const [open, setOpen] = import_react116.default.useState(false);
-  const handleOpenChange = import_react116.default.useCallback(
-    (newOpen) => {
-      setOpen(newOpen);
-      onPopoverOpenChange?.(newOpen);
-    },
-    [onPopoverOpenChange]
-  );
-  return /* @__PURE__ */ import_react116.default.createElement(
-    DropdownMenu,
-    {
-      open,
-      onOpenChange: handleOpenChange,
-      items: item.items,
-      modal: false,
-      onSelect: (value) => {
-        if (onSelectMenuItem && value) {
-          onSelectMenuItem(value);
-        }
-      }
-    },
-    /* @__PURE__ */ import_react116.default.createElement(
-      Button,
-      {
-        disabled: item.disabled,
-        active: item.checked || open,
-        icon: item.icon,
-        iconRight: item.icon === "DotsVerticalIcon" || item.icon === "DotsHorizontalIcon" ? void 0 : "DropdownChevronIcon"
-      },
-      item.title
-    )
-  );
-});
-var ToolbarShortcut = ({
-  shortcut,
-  label
-}) => {
-  return /* @__PURE__ */ import_react116.default.createElement("div", { className: "n-flex n-items-center" }, label, /* @__PURE__ */ import_react116.default.createElement(Spacer.Horizontal, { size: 6 }), /* @__PURE__ */ import_react116.default.createElement(KeyboardShortcut, { shortcut }));
-};
-var ToolbarMenuPopover = memoGeneric(function ToolbarMenuPopover2({
-  item,
-  portalContainer,
-  onPopoverOpenChange
-}) {
-  const {
-    disabled: disabled2,
-    icon,
-    title,
-    tooltip,
-    content: itemContent,
-    checked,
-    popoverClassName,
-    triggerProps: buttonProps
-  } = item;
-  const [open, setOpen] = import_react116.default.useState(false);
-  const handleOpenChange = import_react116.default.useCallback(
-    (newOpen) => {
-      setOpen(newOpen);
-      onPopoverOpenChange?.(newOpen);
-    },
-    [onPopoverOpenChange]
-  );
-  const { useDialogOnSmallScreen, isSmallScreen, openDialog } = (0, import_react116.useContext)(ToolbarMenuContext);
-  const shouldUseDialog = useDialogOnSmallScreen && isSmallScreen && openDialog;
-  const handleOpenDialog = import_react116.default.useCallback(() => {
-    if (!openDialog) return;
-    handleOpenChange(true);
-    const dialogContent = typeof itemContent === "function" ? (props) => /* @__PURE__ */ import_react116.default.createElement("div", { className: "-n-m-3" }, itemContent(props)) : /* @__PURE__ */ import_react116.default.createElement("div", { className: "-n-m-3" }, itemContent);
-    const dialog = openDialog({
-      title,
-      children: dialogContent
-    });
-    dialog.then(() => handleOpenChange(false));
-  }, [openDialog, itemContent, title, handleOpenChange]);
-  const trigger = /* @__PURE__ */ import_react116.default.createElement(
-    Button,
-    {
-      disabled: disabled2,
-      active: checked || open,
-      icon,
-      iconRight: "DropdownChevronIcon",
-      onClick: shouldUseDialog ? handleOpenDialog : void 0,
-      ...buttonProps
-    },
-    title
-  );
-  if (shouldUseDialog) {
-    return tooltip && !open ? /* @__PURE__ */ import_react116.default.createElement(
-      Tooltip,
-      {
-        sideOffset: SIDE_OFFSET,
-        side: "top",
-        content: tooltip,
-        portalContainer
-      },
-      trigger
-    ) : trigger;
-  }
-  const content = /* @__PURE__ */ import_react116.default.createElement("span", null, /* @__PURE__ */ import_react116.default.createElement(
-    Popover,
-    {
-      open,
-      onOpenChange: handleOpenChange,
-      side: "top",
-      showArrow: false,
-      sideOffset: SIDE_OFFSET,
-      portalContainer,
-      trigger,
-      className: popoverClassName
-    },
-    typeof itemContent === "function" ? itemContent({ close: () => handleOpenChange(false) }) : itemContent
-  ));
-  return tooltip && !open ? /* @__PURE__ */ import_react116.default.createElement(
-    Tooltip,
-    {
-      sideOffset: SIDE_OFFSET,
-      side: "top",
-      content: tooltip,
-      portalContainer
-    },
-    content
-  ) : content;
-});
-var ToolbarMenuButton = memoGeneric(function ToolbarMenuButton2({
-  item,
-  onSelectMenuItem,
-  as,
-  activeValue,
-  tooltipSide,
-  displayFilter
-}) {
-  const isActive = item.checked || activeValue === item.value;
-  const content = /* @__PURE__ */ import_react116.default.createElement(
-    Button,
-    {
-      as,
-      disabled: item.disabled,
-      active: isActive,
-      icon: displayFilter === "textOnly" ? void 0 : item.icon,
-      ...as === "a" && { href: item.value },
-      onClick: () => {
-        if (onSelectMenuItem && item.value) {
-          onSelectMenuItem(item.value);
-        }
-      }
-    },
-    displayFilter === "iconOnly" ? void 0 : item.title
-  );
-  const tooltip = item.tooltip ?? (displayFilter === "iconOnly" && item.title ? item.title : void 0);
-  return item.drawer && isActive ? /* @__PURE__ */ import_react116.default.createElement(ToolbarDrawer, { trigger: content }, item.drawer) : tooltip ? /* @__PURE__ */ import_react116.default.createElement(Tooltip, { sideOffset: SIDE_OFFSET, content: tooltip, side: tooltipSide }, content) : content;
-});
-var ToolbarMenuItem = memoGeneric(function ToolbarMenuItem2({
-  item,
-  onSelectMenuItem,
-  buttonAs,
-  activeValue,
-  tooltipSide,
-  portalContainer,
-  displayFilter,
-  dividerOverflow: dividerOverflowProp,
-  onPopoverOpenChange
-}) {
-  const { dividerOverflow: contextDividerOverflow } = (0, import_react116.useContext)(ToolbarMenuContext);
-  const dividerOverflow = dividerOverflowProp ?? contextDividerOverflow ?? 4;
-  if (item.type === "sectionHeader") return null;
-  if (item.type === "separator") {
-    return /* @__PURE__ */ import_react116.default.createElement(DividerVertical, { overflow: dividerOverflow });
-  }
-  if (item.type === "popover") {
-    return /* @__PURE__ */ import_react116.default.createElement(
-      ToolbarMenuPopover,
-      {
-        item,
-        portalContainer,
-        onPopoverOpenChange
-      }
-    );
-  }
-  if (isSelectableMenuItem(item)) {
-    return /* @__PURE__ */ import_react116.default.createElement(
-      ToolbarMenuButton,
-      {
-        item,
-        onSelectMenuItem,
-        as: buttonAs,
-        activeValue,
-        tooltipSide,
-        displayFilter
-      }
-    );
-  }
-  return /* @__PURE__ */ import_react116.default.createElement(
-    ToolbarMenuDropdown,
-    {
-      item,
-      onSelectMenuItem,
-      onPopoverOpenChange
-    }
-  );
-});
-var ToolbarMenu = memoGeneric(function ToolbarMenu2({
-  items,
-  onSelectMenuItem,
-  buttonAs,
-  activeValue,
-  tooltipSide,
-  portalContainer,
-  displayFilter = "iconAndText",
-  dividerOverflow,
-  onPopoverOpenChange
-}) {
-  return /* @__PURE__ */ import_react116.default.createElement(import_react116.default.Fragment, null, items.map((item, i) => {
-    return /* @__PURE__ */ import_react116.default.createElement(
-      ToolbarMenuItem,
-      {
-        key: i,
-        item,
-        onSelectMenuItem,
-        buttonAs,
-        activeValue,
-        tooltipSide,
-        portalContainer,
-        displayFilter,
-        dividerOverflow,
-        onPopoverOpenChange
-      }
-    );
-  }));
-});
-function useBindKeyboardShortcutsForMenuItems(items, onSelectMenuItem) {
-  return (0, import_noya_keymap6.useKeyboardShortcuts)(
-    import_react116.default.useMemo(
-      () => onSelectMenuItem ? getKeyboardShortcutsForMenuItems(items, onSelectMenuItem) : {},
-      [items, onSelectMenuItem]
-    )
-  );
-}
-function AppToolbar({
-  children,
-  logo,
-  leftMenuItems = [],
-  rightMenuItems = [],
-  onSelectMenuItem,
-  shouldBindKeyboardShortcuts = true,
-  dividerOverflow
-}) {
-  const allMenuItems = import_react116.default.useMemo(
-    () => [...leftMenuItems, ...rightMenuItems],
-    [leftMenuItems, rightMenuItems]
-  );
-  useBindKeyboardShortcutsForMenuItems(
-    allMenuItems,
-    shouldBindKeyboardShortcuts ? onSelectMenuItem : void 0
-  );
-  return /* @__PURE__ */ import_react116.default.createElement(
-    BaseToolbar,
-    {
-      logo,
-      left: leftMenuItems.length > 0 && /* @__PURE__ */ import_react116.default.createElement("div", { className: "n-flex n-gap-2" }, /* @__PURE__ */ import_react116.default.createElement(
-        ToolbarMenu,
-        {
-          items: leftMenuItems,
-          onSelectMenuItem,
-          dividerOverflow
-        }
-      )),
-      right: rightMenuItems.length > 0 && /* @__PURE__ */ import_react116.default.createElement("div", { className: "n-flex n-gap-2" }, /* @__PURE__ */ import_react116.default.createElement(
-        ToolbarMenu,
-        {
-          items: rightMenuItems,
-          onSelectMenuItem,
-          dividerOverflow
-        }
-      ))
-    },
-    children
-  );
-}
+var import_react118 = __toESM(require("react"));
 
 // src/components/workspace/constants.ts
 var EDITOR_PANEL_GROUP_ID = "editor-panel-group";
@@ -42518,11 +42878,11 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
   onChangeLeftTab,
   compactDrawerMenu
 }) {
-  const [{ leftSidebarCollapsed, rightSidebarCollapsed }, setLayoutState] = (0, import_react117.useState)({
+  const [{ leftSidebarCollapsed, rightSidebarCollapsed }, setLayoutState] = (0, import_react118.useState)({
     leftSidebarCollapsed: true,
     rightSidebarCollapsed: true
   });
-  import_react117.default.useImperativeHandle(
+  import_react118.default.useImperativeHandle(
     leftSidebarRef,
     () => ({
       expand: () => setLayoutState((prev) => ({
@@ -42535,7 +42895,7 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
     }),
     [leftSidebarCollapsed]
   );
-  import_react117.default.useImperativeHandle(
+  import_react118.default.useImperativeHandle(
     rightSidebarRef,
     () => ({
       expand: () => setLayoutState((prev) => ({
@@ -42548,24 +42908,24 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
     }),
     [rightSidebarCollapsed]
   );
-  const allTabItems = (0, import_react117.useMemo)(
+  const allTabItems = (0, import_react118.useMemo)(
     () => [
       ...leftPanel ? leftTabItems ?? [] : [],
       ...rightPanel ? rightTabItems ?? [] : []
     ],
     [leftTabItems, rightTabItems, leftPanel, rightPanel]
   );
-  const allSelectableTabItems = (0, import_react117.useMemo)(
+  const allSelectableTabItems = (0, import_react118.useMemo)(
     () => allTabItems.filter(isSelectableMenuItem),
     [allTabItems]
   );
   const hasTabs = allSelectableTabItems.length > 0;
   const compactTabItem = compactDrawerMenu && allSelectableTabItems.length === 1 ? allSelectableTabItems[0] : void 0;
-  const leftSelectableTabItems = (0, import_react117.useMemo)(
+  const leftSelectableTabItems = (0, import_react118.useMemo)(
     () => (leftTabItems ?? []).filter(isSelectableMenuItem),
     [leftTabItems]
   );
-  const rightSelectableTabItems = (0, import_react117.useMemo)(
+  const rightSelectableTabItems = (0, import_react118.useMemo)(
     () => (rightTabItems ?? []).filter(isSelectableMenuItem),
     [rightTabItems]
   );
@@ -42601,20 +42961,20 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
   const activeDrawerPanel = !leftSidebarCollapsed ? leftPanel : !rightSidebarCollapsed ? rightPanel : null;
   const isDrawerOpen = activeDrawerPanel !== null;
   const activeTabValue = !leftSidebarCollapsed ? leftTabValue : !rightSidebarCollapsed ? rightTabValue : void 0;
-  const toolbarMenuItems = (0, import_react117.useMemo)(
+  const toolbarMenuItems = (0, import_react118.useMemo)(
     () => allSelectableTabItems.map((item) => ({
       ...item,
       checked: activeTabValue === item.value
     })),
     [allSelectableTabItems, activeTabValue]
   );
-  return /* @__PURE__ */ import_react117.default.createElement(
+  return /* @__PURE__ */ import_react118.default.createElement(
     "div",
     {
       id: EDITOR_PANEL_GROUP_ID,
       className: "n-flex n-flex-col n-flex-1 n-relative focus:n-outline-none"
     },
-    hasTabs && !compactTabItem && /* @__PURE__ */ import_react117.default.createElement(import_react117.default.Fragment, null, /* @__PURE__ */ import_react117.default.createElement(
+    hasTabs && !compactTabItem && /* @__PURE__ */ import_react118.default.createElement(import_react118.default.Fragment, null, /* @__PURE__ */ import_react118.default.createElement(
       "div",
       {
         className: "n-flex n-flex-row n-items-center n-gap-1 n-px-2 n-py-1.5 n-bg-sidebar-background n-flex-none",
@@ -42623,15 +42983,15 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
           [cssVarNames.colors.buttonBackground]: "transparent"
         }
       },
-      /* @__PURE__ */ import_react117.default.createElement(
+      /* @__PURE__ */ import_react118.default.createElement(
         ToolbarMenu,
         {
           items: toolbarMenuItems,
           onSelectMenuItem: handleSelectTab
         }
       )
-    ), /* @__PURE__ */ import_react117.default.createElement(Divider, null)),
-    compactTabItem && /* @__PURE__ */ import_react117.default.createElement("div", { className: "n-absolute n-top-0 n-left-0 n-h-[calc(var(--n-toolbar-height)+1px)] n-w-[calc(var(--n-toolbar-height)+1px)] n-bg-sidebar-background n-border-b n-border-divider-strong n-z-10 n-flex n-items-center n-justify-center" }, /* @__PURE__ */ import_react117.default.createElement(
+    ), /* @__PURE__ */ import_react118.default.createElement(Divider, null)),
+    compactTabItem && /* @__PURE__ */ import_react118.default.createElement("div", { className: "n-absolute n-top-0 n-left-0 n-h-[calc(var(--n-toolbar-height)+1px)] n-w-[calc(var(--n-toolbar-height)+1px)] n-bg-sidebar-background n-border-b n-border-divider-strong n-z-10 n-flex n-items-center n-justify-center" }, /* @__PURE__ */ import_react118.default.createElement(
       Button,
       {
         "aria-label": typeof compactTabItem.title === "string" ? compactTabItem.title : "Toggle sidebar",
@@ -42647,23 +43007,23 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
         onClick: () => handleSelectTab(compactTabItem.value)
       }
     )),
-    /* @__PURE__ */ import_react117.default.createElement("div", { className: "n-flex-1 n-flex n-flex-col n-relative n-min-h-0" }, isDrawerOpen && /* @__PURE__ */ import_react117.default.createElement("div", { className: "n-absolute n-inset-0 n-z-20 n-flex n-flex-col" }, /* @__PURE__ */ import_react117.default.createElement("div", { className: "n-relative n-flex-1 n-min-h-0 n-overflow-auto n-bg-sidebar-background n-border-b n-border-divider-strong n-shadow-lg" }, activeDrawerPanel)), /* @__PURE__ */ import_react117.default.createElement("div", { className: "n-z-0 n-flex-1 n-flex n-relative n-min-h-0" }, centerPanel))
+    /* @__PURE__ */ import_react118.default.createElement("div", { className: "n-flex-1 n-flex n-flex-col n-relative n-min-h-0" }, isDrawerOpen && /* @__PURE__ */ import_react118.default.createElement("div", { className: "n-absolute n-inset-0 n-z-20 n-flex n-flex-col" }, /* @__PURE__ */ import_react118.default.createElement("div", { className: "n-relative n-flex-1 n-min-h-0 n-overflow-auto n-bg-sidebar-background n-border-b n-border-divider-strong n-shadow-lg" }, activeDrawerPanel)), /* @__PURE__ */ import_react118.default.createElement("div", { className: "n-z-0 n-flex-1 n-flex n-relative n-min-h-0" }, centerPanel))
   );
 });
 
 // src/components/workspace/PanelWorkspaceLayout.tsx
-var import_react123 = __toESM(require("react"));
+var import_react124 = __toESM(require("react"));
 
 // src/components/resizablePanels/Panel.tsx
-var import_react119 = __toESM(require("react"));
+var import_react120 = __toESM(require("react"));
 
 // src/components/resizablePanels/PanelGroupContext.tsx
-var import_react118 = require("react");
-var PanelGroupContext = (0, import_react118.createContext)(
+var import_react119 = require("react");
+var PanelGroupContext = (0, import_react119.createContext)(
   null
 );
 function usePanelGroupContext() {
-  const context = (0, import_react118.useContext)(PanelGroupContext);
+  const context = (0, import_react119.useContext)(PanelGroupContext);
   if (!context) {
     throw new Error("Panel must be used within a PanelGroup");
   }
@@ -42671,7 +43031,7 @@ function usePanelGroupContext() {
 }
 
 // src/components/resizablePanels/Panel.tsx
-var Panel = (0, import_react119.forwardRef)(
+var Panel = (0, import_react120.forwardRef)(
   function Panel2({
     id: propId,
     order,
@@ -42683,7 +43043,7 @@ var Panel = (0, import_react119.forwardRef)(
     defaultCollapsed,
     children
   }, ref) {
-    const generatedId = (0, import_react119.useId)();
+    const generatedId = (0, import_react120.useId)();
     const id = propId ?? generatedId;
     const context = usePanelGroupContext();
     const {
@@ -42694,7 +43054,7 @@ var Panel = (0, import_react119.forwardRef)(
       collapsePanel,
       isPanelExpanded
     } = context;
-    (0, import_react119.useEffect)(() => {
+    (0, import_react120.useEffect)(() => {
       registerPanel({
         id,
         order,
@@ -42720,7 +43080,7 @@ var Panel = (0, import_react119.forwardRef)(
     ]);
     const size4 = getPanelSize(id);
     const isFlexPanel = defaultSize === void 0;
-    (0, import_react119.useImperativeHandle)(
+    (0, import_react120.useImperativeHandle)(
       ref,
       () => ({
         expand: () => expandPanel(id),
@@ -42733,7 +43093,7 @@ var Panel = (0, import_react119.forwardRef)(
     if (size4 === 0 && !isFlexPanel) {
       return null;
     }
-    return /* @__PURE__ */ import_react119.default.createElement(
+    return /* @__PURE__ */ import_react120.default.createElement(
       "div",
       {
         "data-panel-id": id,
@@ -42748,7 +43108,7 @@ var Panel = (0, import_react119.forwardRef)(
 );
 
 // src/components/resizablePanels/PanelGroup.tsx
-var import_react120 = __toESM(require("react"));
+var import_react121 = __toESM(require("react"));
 function getStorageKey(autoSaveId) {
   return `noya-panels:${autoSaveId}`;
 }
@@ -42766,19 +43126,19 @@ function saveSizes(autoSaveId, sizes) {
   if (!autoSaveId) return;
   clientStorage.setItem(getStorageKey(autoSaveId), JSON.stringify(sizes));
 }
-var PanelGroup = (0, import_react120.forwardRef)(
+var PanelGroup = (0, import_react121.forwardRef)(
   function PanelGroup2({ id, className, direction, autoSaveId, onLayout, children }, ref) {
-    const containerRef = (0, import_react120.useRef)(null);
+    const containerRef = (0, import_react121.useRef)(null);
     const containerSize = useSize(containerRef);
     const containerWidth = containerSize?.width ?? 0;
-    const [panels, setPanels] = (0, import_react120.useState)(/* @__PURE__ */ new Map());
-    const panelsRef = (0, import_react120.useRef)(panels);
+    const [panels, setPanels] = (0, import_react121.useState)(/* @__PURE__ */ new Map());
+    const panelsRef = (0, import_react121.useRef)(panels);
     panelsRef.current = panels;
-    const [resizing, setResizing] = (0, import_react120.useState)(null);
-    const sortedPanels = (0, import_react120.useMemo)(() => {
+    const [resizing, setResizing] = (0, import_react121.useState)(null);
+    const sortedPanels = (0, import_react121.useMemo)(() => {
       return Array.from(panels.values()).sort((a, b) => a.order - b.order);
     }, [panels]);
-    const flexPanelId = (0, import_react120.useMemo)(() => {
+    const flexPanelId = (0, import_react121.useMemo)(() => {
       for (const panel of sortedPanels) {
         if (panel.defaultSize === void 0) {
           return panel.id;
@@ -42786,7 +43146,7 @@ var PanelGroup = (0, import_react120.forwardRef)(
       }
       return null;
     }, [sortedPanels]);
-    const calculateLayout = (0, import_react120.useCallback)(
+    const calculateLayout = (0, import_react121.useCallback)(
       (panelStates, width) => {
         if (width === 0) return panelStates;
         const sorted = Array.from(panelStates.values()).sort(
@@ -42811,18 +43171,18 @@ var PanelGroup = (0, import_react120.forwardRef)(
       },
       []
     );
-    (0, import_react120.useEffect)(() => {
+    (0, import_react121.useEffect)(() => {
       if (containerWidth > 0 && panels.size > 0) {
         setPanels((prev) => calculateLayout(prev, containerWidth));
       }
     }, [containerWidth, calculateLayout, panels.size]);
-    (0, import_react120.useEffect)(() => {
+    (0, import_react121.useEffect)(() => {
       if (onLayout && sortedPanels.length > 0) {
         const sizes = sortedPanels.map((p) => p.collapsed ? 0 : p.size);
         onLayout(sizes);
       }
     }, [onLayout, sortedPanels]);
-    const registerPanel = (0, import_react120.useCallback)(
+    const registerPanel = (0, import_react121.useCallback)(
       (panel) => {
         setPanels((prev) => {
           const savedSizes = loadSavedSizes(autoSaveId);
@@ -42847,26 +43207,26 @@ var PanelGroup = (0, import_react120.forwardRef)(
       },
       [autoSaveId, calculateLayout, containerWidth]
     );
-    const unregisterPanel = (0, import_react120.useCallback)((panelId) => {
+    const unregisterPanel = (0, import_react121.useCallback)((panelId) => {
       setPanels((prev) => {
         const newPanels = new Map(prev);
         newPanels.delete(panelId);
         return newPanels;
       });
     }, []);
-    const getPanelSize = (0, import_react120.useCallback)(
+    const getPanelSize = (0, import_react121.useCallback)(
       (panelId) => {
         return panels.get(panelId)?.size ?? 0;
       },
       [panels]
     );
-    const getPanelIndex = (0, import_react120.useCallback)(
+    const getPanelIndex = (0, import_react121.useCallback)(
       (panelId) => {
         return sortedPanels.findIndex((p) => p.id === panelId);
       },
       [sortedPanels]
     );
-    const setPanelSize = (0, import_react120.useCallback)(
+    const setPanelSize = (0, import_react121.useCallback)(
       (panelId, size4) => {
         setPanels((prev) => {
           const panel = prev.get(panelId);
@@ -42894,7 +43254,7 @@ var PanelGroup = (0, import_react120.forwardRef)(
       },
       [autoSaveId, calculateLayout, containerWidth]
     );
-    const expandPanel = (0, import_react120.useCallback)(
+    const expandPanel = (0, import_react121.useCallback)(
       (panelId) => {
         setPanels((prev) => {
           const panel = prev.get(panelId);
@@ -42919,7 +43279,7 @@ var PanelGroup = (0, import_react120.forwardRef)(
       },
       [autoSaveId, calculateLayout, containerWidth]
     );
-    const collapsePanel = (0, import_react120.useCallback)(
+    const collapsePanel = (0, import_react121.useCallback)(
       (panelId) => {
         setPanels((prev) => {
           const panel = prev.get(panelId);
@@ -42943,14 +43303,14 @@ var PanelGroup = (0, import_react120.forwardRef)(
       },
       [autoSaveId, calculateLayout, containerWidth]
     );
-    const isPanelExpanded = (0, import_react120.useCallback)(
+    const isPanelExpanded = (0, import_react121.useCallback)(
       (panelId) => {
         const panel = panels.get(panelId);
         return panel ? !panel.collapsed : false;
       },
       [panels]
     );
-    const startResize = (0, import_react120.useCallback)(
+    const startResize = (0, import_react121.useCallback)(
       (handleIndex, startX) => {
         const startSizes = sortedPanels.map((p) => p.size);
         setResizing({
@@ -42961,7 +43321,7 @@ var PanelGroup = (0, import_react120.forwardRef)(
       },
       [sortedPanels]
     );
-    (0, import_react120.useEffect)(() => {
+    (0, import_react121.useEffect)(() => {
       if (!resizing) return;
       const handleMouseMove = (e) => {
         const delta = e.clientX - resizing.startX;
@@ -43050,7 +43410,7 @@ var PanelGroup = (0, import_react120.forwardRef)(
       containerWidth,
       flexPanelId
     ]);
-    (0, import_react120.useImperativeHandle)(ref, () => ({
+    (0, import_react121.useImperativeHandle)(ref, () => ({
       getLayout: () => sortedPanels.map((p) => p.size),
       setLayout: (sizes) => {
         setPanels((prev) => {
@@ -43068,7 +43428,7 @@ var PanelGroup = (0, import_react120.forwardRef)(
         });
       }
     }));
-    const contextValue = (0, import_react120.useMemo)(
+    const contextValue = (0, import_react121.useMemo)(
       () => ({
         registerPanel,
         unregisterPanel,
@@ -43094,7 +43454,7 @@ var PanelGroup = (0, import_react120.forwardRef)(
         containerWidth
       ]
     );
-    return /* @__PURE__ */ import_react120.default.createElement(PanelGroupContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react120.default.createElement(
+    return /* @__PURE__ */ import_react121.default.createElement(PanelGroupContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react121.default.createElement(
       "div",
       {
         ref: containerRef,
@@ -43112,15 +43472,15 @@ var PanelGroup = (0, import_react120.forwardRef)(
 );
 
 // src/components/resizablePanels/PanelResizeHandle.tsx
-var import_react121 = __toESM(require("react"));
+var import_react122 = __toESM(require("react"));
 function PanelResizeHandle({
   className,
   disabled: disabled2,
   index: index2
 }) {
-  const context = (0, import_react121.useContext)(PanelGroupContext);
-  const handleRef = (0, import_react121.useRef)(null);
-  const handleMouseDown = (0, import_react121.useCallback)(
+  const context = (0, import_react122.useContext)(PanelGroupContext);
+  const handleRef = (0, import_react122.useRef)(null);
+  const handleMouseDown = (0, import_react122.useCallback)(
     (e) => {
       if (disabled2 || !context) return;
       e.preventDefault();
@@ -43131,7 +43491,7 @@ function PanelResizeHandle({
   if (!context) {
     return null;
   }
-  return /* @__PURE__ */ import_react121.default.createElement(
+  return /* @__PURE__ */ import_react122.default.createElement(
     "div",
     {
       ref: handleRef,
@@ -43144,7 +43504,7 @@ function PanelResizeHandle({
         zIndex: 10
       }
     },
-    /* @__PURE__ */ import_react121.default.createElement(
+    /* @__PURE__ */ import_react122.default.createElement(
       "div",
       {
         style: {
@@ -43161,13 +43521,13 @@ function PanelResizeHandle({
 }
 
 // src/components/workspace/HorizontalTabBar.tsx
-var import_react122 = __toESM(require("react"));
+var import_react123 = __toESM(require("react"));
 var HorizontalTabBar = memoGeneric(function HorizontalTabBar2({ items, activeValue, onChange }) {
   const selectableItems = items.filter(isSelectableMenuItem);
   if (selectableItems.length <= 1) {
     return null;
   }
-  return /* @__PURE__ */ import_react122.default.createElement("div", { className: "n-flex n-flex-col n-bg-sidebar-background n-flex-none" }, /* @__PURE__ */ import_react122.default.createElement("div", { className: "n-flex n-flex-row n-px-3 n-py-3" }, /* @__PURE__ */ import_react122.default.createElement(
+  return /* @__PURE__ */ import_react123.default.createElement("div", { className: "n-flex n-flex-col n-bg-sidebar-background n-flex-none" }, /* @__PURE__ */ import_react123.default.createElement("div", { className: "n-flex n-flex-row n-px-3 n-py-3" }, /* @__PURE__ */ import_react123.default.createElement(
     SegmentedControl,
     {
       enableCompactMode: true,
@@ -43206,21 +43566,21 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
   onRightSidebarStateChange,
   shouldAutoSave = true
 }) {
-  const panelGroupRef = (0, import_react123.useRef)(null);
-  const containerRef = (0, import_react123.useRef)(null);
-  const autoSaveId = (0, import_react123.useMemo)(() => {
+  const panelGroupRef = (0, import_react124.useRef)(null);
+  const containerRef = (0, import_react124.useRef)(null);
+  const autoSaveId = (0, import_react124.useMemo)(() => {
     if (!shouldAutoSave) return void 0;
     return autoSavePrefix ? `${autoSavePrefix}--v5--${EDITOR_PANEL_GROUP_ID}` : Math.random().toString(36).substring(2, 15);
   }, [autoSavePrefix, shouldAutoSave]);
-  const [leftSidebarCollapsed, setLeftSidebarCollapsed] = (0, import_react123.useState)(
+  const [leftSidebarCollapsed, setLeftSidebarCollapsed] = (0, import_react124.useState)(
     leftSidebarOptions.defaultCollapsed ?? false
   );
-  const [rightSidebarCollapsed, setRightSidebarCollapsed] = (0, import_react123.useState)(
+  const [rightSidebarCollapsed, setRightSidebarCollapsed] = (0, import_react124.useState)(
     rightSidebarOptions.defaultCollapsed ?? false
   );
-  const prevLeftSidebarState = (0, import_react123.useRef)(null);
-  const prevRightSidebarState = (0, import_react123.useRef)(null);
-  const handleLayoutChange = (0, import_react123.useCallback)(
+  const prevLeftSidebarState = (0, import_react124.useRef)(null);
+  const prevRightSidebarState = (0, import_react124.useRef)(null);
+  const handleLayoutChange = (0, import_react124.useCallback)(
     (sizes) => {
       const leftIndex = leftPanel ? 0 : -1;
       const rightIndex = rightPanel ? leftPanel ? 2 : 1 : -1;
@@ -43251,7 +43611,7 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
     },
     [leftPanel, rightPanel, onLeftSidebarStateChange, onRightSidebarStateChange]
   );
-  const handleLeftTabChange = (0, import_react123.useCallback)(
+  const handleLeftTabChange = (0, import_react124.useCallback)(
     (value) => {
       if (value === leftTabValue) {
         if (leftSidebarRef.current?.isExpanded()) {
@@ -43268,7 +43628,7 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
     },
     [leftSidebarRef, leftTabValue, onChangeLeftTab]
   );
-  const handleRightTabChange = (0, import_react123.useCallback)(
+  const handleRightTabChange = (0, import_react124.useCallback)(
     (value) => {
       if (value === rightTabValue) {
         if (rightSidebarRef.current?.isExpanded()) {
@@ -43286,7 +43646,7 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
     [onChangeRightTab, rightSidebarRef, rightTabValue]
   );
   const showLeftTabs = !!leftSidebarOptions.showTabs && !!leftTabItems;
-  return /* @__PURE__ */ import_react123.default.createElement("div", { ref: containerRef, className: "n-flex n-flex-1" }, /* @__PURE__ */ import_react123.default.createElement(
+  return /* @__PURE__ */ import_react124.default.createElement("div", { ref: containerRef, className: "n-flex n-flex-1" }, /* @__PURE__ */ import_react124.default.createElement(
     PanelGroup,
     {
       ref: panelGroupRef,
@@ -43296,7 +43656,7 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
       autoSaveId,
       onLayout: handleLayoutChange
     },
-    leftPanel && /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, null, /* @__PURE__ */ import_react123.default.createElement(
+    leftPanel && /* @__PURE__ */ import_react124.default.createElement(import_react124.default.Fragment, null, /* @__PURE__ */ import_react124.default.createElement(
       Panel,
       {
         id: LEFT_SIDEBAR_ID,
@@ -43309,22 +43669,22 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
         collapsible: true,
         defaultCollapsed: leftSidebarOptions.defaultCollapsed
       },
-      leftSidebarCollapsed ? null : /* @__PURE__ */ import_react123.default.createElement("div", { className: "n-flex n-flex-col n-h-full" }, showLeftTabs && /* @__PURE__ */ import_react123.default.createElement(
+      leftSidebarCollapsed ? null : /* @__PURE__ */ import_react124.default.createElement("div", { className: "n-flex n-flex-col n-h-full" }, showLeftTabs && /* @__PURE__ */ import_react124.default.createElement(
         HorizontalTabBar,
         {
           items: leftTabItems,
           activeValue: leftTabValue,
           onChange: handleLeftTabChange
         }
-      ), /* @__PURE__ */ import_react123.default.createElement("div", { className: "n-flex-1 n-relative n-min-h-0" }, leftPanel))
-    ), /* @__PURE__ */ import_react123.default.createElement(
+      ), /* @__PURE__ */ import_react124.default.createElement("div", { className: "n-flex-1 n-relative n-min-h-0" }, leftPanel))
+    ), /* @__PURE__ */ import_react124.default.createElement(
       PanelResizeHandle,
       {
         index: 0,
         className: `n-cursor-col-resize n-w-px n-h-full ${leftSidebarCollapsed ? "" : "n-bg-divider"}`
       }
     )),
-    /* @__PURE__ */ import_react123.default.createElement(
+    /* @__PURE__ */ import_react124.default.createElement(
       Panel,
       {
         id: CONTENT_AREA_ID,
@@ -43333,13 +43693,13 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
       },
       centerPanel
     ),
-    rightPanel && /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, null, /* @__PURE__ */ import_react123.default.createElement(
+    rightPanel && /* @__PURE__ */ import_react124.default.createElement(import_react124.default.Fragment, null, /* @__PURE__ */ import_react124.default.createElement(
       PanelResizeHandle,
       {
         index: 1,
         className: `n-cursor-col-resize n-w-px n-h-full ${rightSidebarCollapsed ? "" : "n-bg-divider"}`
       }
-    ), /* @__PURE__ */ import_react123.default.createElement(
+    ), /* @__PURE__ */ import_react124.default.createElement(
       Panel,
       {
         id: RIGHT_SIDEBAR_ID,
@@ -43352,14 +43712,14 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
         collapsible: true,
         defaultCollapsed: rightSidebarOptions.defaultCollapsed
       },
-      rightSidebarCollapsed ? null : /* @__PURE__ */ import_react123.default.createElement("div", { className: "n-flex n-flex-col n-h-full" }, rightSidebarOptions.showTabs && rightTabItems && /* @__PURE__ */ import_react123.default.createElement(
+      rightSidebarCollapsed ? null : /* @__PURE__ */ import_react124.default.createElement("div", { className: "n-flex n-flex-col n-h-full" }, rightSidebarOptions.showTabs && rightTabItems && /* @__PURE__ */ import_react124.default.createElement(
         HorizontalTabBar,
         {
           items: rightTabItems,
           activeValue: rightTabValue,
           onChange: handleRightTabChange
         }
-      ), /* @__PURE__ */ import_react123.default.createElement("div", { className: "n-flex-1 n-relative n-min-h-0" }, rightPanel))
+      ), /* @__PURE__ */ import_react124.default.createElement("div", { className: "n-flex-1 n-relative n-min-h-0" }, rightPanel))
     ))
   ));
 });
@@ -43373,11 +43733,11 @@ function renderPanelChildren(fn, props) {
 }
 
 // src/components/workspace/WorkspaceSideContext.tsx
-var import_react124 = require("react");
-var WorkspaceSideContext = (0, import_react124.createContext)({});
+var import_react125 = require("react");
+var WorkspaceSideContext = (0, import_react125.createContext)({});
 var WorkspaceSideProvider = WorkspaceSideContext.Provider;
 function useWorkspaceSide() {
-  return (0, import_react124.useContext)(WorkspaceSideContext);
+  return (0, import_react125.useContext)(WorkspaceSideContext);
 }
 
 // src/components/workspace/WorkspaceLayout.tsx
@@ -43449,7 +43809,7 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
   onRightSidebarStateChange,
   shouldAutoSave
 }, forwardedRef) {
-  const containerRef = import_react125.default.useRef(null);
+  const containerRef = import_react126.default.useRef(null);
   const containerSize = useSize(containerRef);
   const windowSize = useWindowSize();
   const parentSize = detectSize === "window" ? windowSize : containerSize && containerSize.width > 0 ? containerSize : windowSize;
@@ -43465,8 +43825,8 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
   const rightSidebarMinPixels = toPixels(rightMinSize);
   const rightSidebarMaxPixels = toPixels(rightMaxSize);
   const rightSidebarInitialPixels = toPixels(rightInitialSize) ?? 280;
-  const leftSidebarRef = (0, import_react125.useRef)(null);
-  const rightSidebarRef = (0, import_react125.useRef)(null);
+  const leftSidebarRef = (0, import_react126.useRef)(null);
+  const rightSidebarRef = (0, import_react126.useRef)(null);
   const [leftTabValue, setLeftTabValue] = useControlledOrUncontrolled({
     value: leftTabValueProp,
     onChange: onChangeLeftTab,
@@ -43477,7 +43837,7 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
     onChange: onChangeRightTab,
     defaultValue: getFirstTabValue(rightTabItems, "")
   });
-  (0, import_react125.useImperativeHandle)(forwardedRef, () => ({
+  (0, import_react126.useImperativeHandle)(forwardedRef, () => ({
     setLeftExpanded: (expanded) => {
       if (expanded) {
         leftSidebarRef.current?.expand();
@@ -43534,56 +43894,56 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
     }
   });
   const isDrawerActive = sideType === "drawer" || sideType === "auto" && parentSize.width <= sideTypeBreakpoint;
-  const closeLeftSidebar = (0, import_react125.useCallback)(() => {
+  const closeLeftSidebar = (0, import_react126.useCallback)(() => {
     if (isDrawerActive) {
       leftSidebarRef.current?.collapse();
     }
   }, [isDrawerActive]);
-  const closeRightSidebar = (0, import_react125.useCallback)(() => {
+  const closeRightSidebar = (0, import_react126.useCallback)(() => {
     if (isDrawerActive) {
       rightSidebarRef.current?.collapse();
     }
   }, [isDrawerActive]);
-  const leftChildrenProps = (0, import_react125.useMemo)(() => {
+  const leftChildrenProps = (0, import_react126.useMemo)(() => {
     return {
       activeTabValue: leftTabValue,
       closeSidebar: closeLeftSidebar
     };
   }, [leftTabValue, closeLeftSidebar]);
-  const rightChildrenProps = (0, import_react125.useMemo)(() => {
+  const rightChildrenProps = (0, import_react126.useMemo)(() => {
     return {
       activeTabValue: rightTabValue,
       closeSidebar: closeRightSidebar
     };
   }, [rightTabValue, closeRightSidebar]);
-  const leftSidebarProviderValue = (0, import_react125.useMemo)(() => {
+  const leftSidebarProviderValue = (0, import_react126.useMemo)(() => {
     return {
       closeSidebar: closeLeftSidebar
     };
   }, [closeLeftSidebar]);
-  const rightSidebarProviderValue = (0, import_react125.useMemo)(() => {
+  const rightSidebarProviderValue = (0, import_react126.useMemo)(() => {
     return {
       closeSidebar: closeRightSidebar
     };
   }, [closeRightSidebar]);
-  const leftPanel = left && leftVisible !== false ? /* @__PURE__ */ import_react125.default.createElement(
+  const leftPanel = left && leftVisible !== false ? /* @__PURE__ */ import_react126.default.createElement(
     PanelInner,
     {
       style: leftStyle,
       className: cx("n-bg-sidebar-background n-flex-col", leftClassName)
     },
-    /* @__PURE__ */ import_react125.default.createElement(WorkspaceSideProvider, { value: leftSidebarProviderValue }, leftTabValue ? renderPanelChildren(left, leftChildrenProps) : null)
+    /* @__PURE__ */ import_react126.default.createElement(WorkspaceSideProvider, { value: leftSidebarProviderValue }, leftTabValue ? renderPanelChildren(left, leftChildrenProps) : null)
   ) : null;
-  const rightPanel = right && rightVisible !== false ? /* @__PURE__ */ import_react125.default.createElement(
+  const rightPanel = right && rightVisible !== false ? /* @__PURE__ */ import_react126.default.createElement(
     PanelInner,
     {
       style: rightStyle,
       className: cx("n-bg-sidebar-background n-flex-col", rightClassName)
     },
-    /* @__PURE__ */ import_react125.default.createElement(WorkspaceSideProvider, { value: rightSidebarProviderValue }, rightTabValue ? renderPanelChildren(right, rightChildrenProps) : null)
+    /* @__PURE__ */ import_react126.default.createElement(WorkspaceSideProvider, { value: rightSidebarProviderValue }, rightTabValue ? renderPanelChildren(right, rightChildrenProps) : null)
   ) : null;
-  const centerPanel = /* @__PURE__ */ import_react125.default.createElement(PanelInner, { className: "n-bg-canvas-background" }, children);
-  const leftSidebarOptions = (0, import_react125.useMemo)(
+  const centerPanel = /* @__PURE__ */ import_react126.default.createElement(PanelInner, { className: "n-bg-canvas-background" }, children);
+  const leftSidebarOptions = (0, import_react126.useMemo)(
     () => ({
       minSize: leftSidebarMinPixels,
       maxSize: leftSidebarMaxPixels,
@@ -43601,7 +43961,7 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
       leftShowTabs
     ]
   );
-  const rightSidebarOptions = (0, import_react125.useMemo)(
+  const rightSidebarOptions = (0, import_react126.useMemo)(
     () => ({
       minSize: rightSidebarMinPixels,
       maxSize: rightSidebarMaxPixels,
@@ -43622,7 +43982,7 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
   const LayoutComponent = sideType === "panel" ? PanelWorkspaceLayout : sideType === "drawer" ? DrawerWorkspaceLayout : parentSize.width > sideTypeBreakpoint ? PanelWorkspaceLayout : DrawerWorkspaceLayout;
   const readyToRender = detectSize === "window" || containerSize && containerSize.width > 0;
   const isOverlay = toolbarVariant === "overlay";
-  return /* @__PURE__ */ import_react125.default.createElement(
+  return /* @__PURE__ */ import_react126.default.createElement(
     "div",
     {
       ref: containerRef,
@@ -43635,14 +43995,14 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
       "data-theme": theme
     },
     !isOverlay && toolbar,
-    /* @__PURE__ */ import_react125.default.createElement(
+    /* @__PURE__ */ import_react126.default.createElement(
       "div",
       {
         className: "n-flex n-flex-row n-flex-1 n-min-h-0 n-relative",
         "data-workspace-content": true,
         style: contentTopInset > 0 ? { paddingTop: contentTopInset } : void 0
       },
-      readyToRender && /* @__PURE__ */ import_react125.default.createElement(import_react125.default.Fragment, null, /* @__PURE__ */ import_react125.default.createElement(
+      readyToRender && /* @__PURE__ */ import_react126.default.createElement(import_react126.default.Fragment, null, /* @__PURE__ */ import_react126.default.createElement(
         LayoutComponent,
         {
           leftPanel,
@@ -43664,7 +44024,7 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
           onRightSidebarStateChange,
           shouldAutoSave
         }
-      ), isOverlay && /* @__PURE__ */ import_react125.default.createElement(
+      ), isOverlay && /* @__PURE__ */ import_react126.default.createElement(
         OverlayToolbar,
         {
           left: overlayToolbarLeft,
@@ -43676,12 +44036,12 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
     )
   );
 });
-var PanelInner = (0, import_react125.memo)(function PanelInner2({
+var PanelInner = (0, import_react126.memo)(function PanelInner2({
   children,
   style: style2,
   className
 }) {
-  return /* @__PURE__ */ import_react125.default.createElement(
+  return /* @__PURE__ */ import_react126.default.createElement(
     "div",
     {
       style: style2,
@@ -43696,22 +44056,22 @@ function getFirstTabValue(items, defaultValue2) {
 }
 
 // src/contexts/ImageDataContext.tsx
-var React337 = __toESM(require("react"));
-var ImageDataContext = React337.createContext(
+var React338 = __toESM(require("react"));
+var ImageDataContext = React338.createContext(
   void 0
 );
-var ImageDataProvider = React337.memo(function ImageDataProvider2({
+var ImageDataProvider = React338.memo(function ImageDataProvider2({
   children,
   getImageData
 }) {
-  const contextValue = React337.useMemo(
+  const contextValue = React338.useMemo(
     () => ({ getImageData: getImageData ?? (() => void 0) }),
     [getImageData]
   );
-  return /* @__PURE__ */ React337.createElement(ImageDataContext.Provider, { value: contextValue }, children);
+  return /* @__PURE__ */ React338.createElement(ImageDataContext.Provider, { value: contextValue }, children);
 });
 function useImageData(ref) {
-  const value = React337.useContext(ImageDataContext);
+  const value = React338.useContext(ImageDataContext);
   if (!value) {
     throw new Error("Missing ImageDataProvider");
   }
@@ -43728,9 +44088,9 @@ function usePlatformModKey() {
 }
 
 // src/hooks/useTheme.ts
-var import_react126 = require("react");
+var import_react127 = require("react");
 function useTheme() {
-  const [theme, setTheme] = (0, import_react126.useState)("light");
+  const [theme, setTheme] = (0, import_react127.useState)("light");
   const checkTheme = () => {
     const currentTheme = document.body.getAttribute("data-theme");
     switch (currentTheme) {
@@ -43742,7 +44102,7 @@ function useTheme() {
         break;
     }
   };
-  (0, import_react126.useEffect)(() => {
+  (0, import_react127.useEffect)(() => {
     checkTheme();
     const observer = new MutationObserver((mutations) => {
       mutations.forEach((mutation) => {
@@ -43885,137 +44245,49 @@ var SUPPORTED_CANVAS_UPLOAD_TYPES = [
 
 // src/components/DimensionInput.tsx
 var import_noya_utils21 = require("@noya-app/noya-utils");
-var React338 = __toESM(require("react"));
+var React339 = __toESM(require("react"));
 function getNewValue2(value, mode, delta) {
   return delta === void 0 ? value : mode === "replace" ? delta : value + delta;
 }
-var DimensionInput = React338.memo(function DimensionInput2({
+var DimensionInput = React339.memo(function DimensionInput2({
   id,
   value,
   onSetValue,
   label,
   size: size4,
-  placeholder = "multi",
+  // Figma shows "Mixed" in numeric fields with differing values
+  placeholder = "Mixed",
   disabled: disabled2,
-  trigger = "submit"
+  trigger = "submit",
+  suffix
 }) {
-  const handleNudgeValue = React338.useCallback(
+  const handleNudgeValue = React339.useCallback(
     (value2) => onSetValue(value2, "adjust"),
     [onSetValue]
   );
-  const handleSetValue = React338.useCallback(
+  const handleSetValue = React339.useCallback(
     (value2) => onSetValue(value2, "replace"),
     [onSetValue]
   );
-  return /* @__PURE__ */ React338.createElement(LabeledField, { label, labelType: "inset" }, /* @__PURE__ */ React338.createElement(InputField2.Root, { id, width: size4 }, /* @__PURE__ */ React338.createElement(
-    InputField2.NumberInput,
-    {
-      value: value === void 0 ? value : (0, import_noya_utils21.round)(value, 2),
-      placeholder: value === void 0 ? placeholder : void 0,
-      onNudge: handleNudgeValue,
-      disabled: disabled2,
-      ...trigger === "change" ? { onChange: handleSetValue } : { onSubmit: handleSetValue }
-    }
-  )));
-});
-
-// src/components/InspectorPrimitives.tsx
-var InspectorPrimitives_exports = {};
-__export(InspectorPrimitives_exports, {
-  Checkbox: () => Checkbox3,
-  Column: () => Column,
-  HorizontalSeparator: () => HorizontalSeparator,
-  LabeledRow: () => LabeledRow,
-  Row: () => Row,
-  RowLabel: () => RowLabel,
-  Section: () => Section2,
-  SectionHeader: () => SectionHeader2,
-  Text: () => Text3,
-  Title: () => Title,
-  VerticalSeparator: () => VerticalSeparator
-});
-var import_react127 = __toESM(require("react"));
-var Section2 = (0, import_react127.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ import_react127.default.createElement(
-  "div",
-  {
-    ref,
-    className: cx(`n-flex-none n-flex n-flex-col`, className),
-    ...props
-  }
-));
-var SectionHeader2 = (0, import_react127.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ import_react127.default.createElement("div", { ref, className: cx(`n-flex n-items-center`, className), ...props }));
-var Title = (0, import_react127.forwardRef)(({ className, $textStyle, ...props }, ref) => /* @__PURE__ */ import_react127.default.createElement(
-  "div",
-  {
-    ref,
-    className: cx(
-      `n-flex n-select-none ${$textStyle ? `${textStyles[$textStyle]} n-text-text` : "n-font-sans n-text-label n-text-text-muted n-font-semibold"} `,
-      className
-    ),
-    ...props
-  }
-));
-var Row = (0, import_react127.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ import_react127.default.createElement(
-  "div",
-  {
-    ref,
-    className: cx(`n-flex-1 n-flex n-flex-row n-items-center`, className),
-    ...props
-  }
-));
-var Column = (0, import_react127.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ import_react127.default.createElement(
-  "div",
-  {
-    ref,
-    className: cx(`n-flex-1 n-flex n-flex-col n-gap-1`, className),
-    ...props
-  }
-));
-var Checkbox3 = (0, import_react127.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ import_react127.default.createElement(
-  "input",
-  {
-    ref,
-    type: "checkbox",
-    className: cx(`n-m-0 focus:n-z-interactable`, className),
-    ...props
-  }
-));
-var Text3 = (0, import_react127.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ import_react127.default.createElement(
-  "span",
-  {
-    ref,
-    className: cx(`n-font-sans n-text-heading5 n-font-normal`, className),
-    ...props
-  }
-));
-var VerticalSeparator = () => /* @__PURE__ */ import_react127.default.createElement(Spacer.Vertical, { size: "inspector-v-separator" });
-var HorizontalSeparator = () => /* @__PURE__ */ import_react127.default.createElement(Spacer.Horizontal, { size: "inspector-h-separator" });
-var RowLabel = (0, import_react127.forwardRef)(function RowLabel2({
-  className,
-  $textStyle,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ import_react127.default.createElement(
-    "label",
+  return /* @__PURE__ */ React339.createElement(LabeledField, { label, labelType: "inset" }, /* @__PURE__ */ React339.createElement(
+    InputField2.Root,
     {
-      ref,
-      className: cx(
-        `n-font-sans n-text-label n-uppercase n-flex n-items-center n-leading-[19px] n-font-bold n-text-text-subtle n-z-label ${$textStyle && textStyles[$textStyle]} `,
-        className
-      ),
-      ...props
-    }
-  );
-});
-var LabeledRow = (0, import_react127.memo)(function LabeledRow2({
-  id,
-  children,
-  label,
-  labelTextStyle,
-  right,
-  className
-}) {
-  return /* @__PURE__ */ import_react127.default.createElement(Row, { id, className }, /* @__PURE__ */ import_react127.default.createElement(Column, null, /* @__PURE__ */ import_react127.default.createElement(RowLabel, { $textStyle: labelTextStyle }, label, right && /* @__PURE__ */ import_react127.default.createElement(Spacer.Horizontal, null), right), /* @__PURE__ */ import_react127.default.createElement(Row, null, children)));
+      id,
+      width: size4,
+      end: suffix ? /* @__PURE__ */ React339.createElement(Label, null, suffix) : void 0
+    },
+    /* @__PURE__ */ React339.createElement(
+      InputField2.NumberInput,
+      {
+        value: value === void 0 ? value : (0, import_noya_utils21.round)(value, 2),
+        placeholder: value === void 0 ? placeholder : void 0,
+        onNudge: handleNudgeValue,
+        disabled: disabled2,
+        style: suffix ? { paddingRight: 4 } : void 0,
+        ...trigger === "change" ? { onChange: handleSetValue } : { onSubmit: handleSetValue }
+      }
+    )
+  ));
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -44095,7 +44367,6 @@ var LabeledRow = (0, import_react127.memo)(function LabeledRow2({
   IndentContext,
   InputField,
   InspectorContainer,
-  InspectorPrimitives,
   Italic,
   KeyboardShortcut,
   Label,
@@ -44151,6 +44422,7 @@ var LabeledRow = (0, import_react127.memo)(function LabeledRow2({
   ToastProvider,
   Toolbar,
   ToolbarDrawer,
+  ToolbarItems,
   ToolbarMenu,
   ToolbarMenuButton,
   ToolbarMenuContext,
@@ -44257,7 +44529,8 @@ var LabeledRow = (0, import_react127.memo)(function LabeledRow2({
   validateDropIndicator,
   whiteboardProseTheme,
   withDragProvider,
-  withSeparatorElements
+  withSeparatorElements,
+  wordPrefixFilter
 });
 /*! Bundled license information: