@noya-app/noya-designsystem 0.1.94 → 0.1.95

package/dist/index.mjs

@@ -15,12 +15,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;
@@ -29,7 +29,7 @@ var require_use_sync_external_store_shim_production = __commonJS({
         },
         [subscribe2, value, getSnapshot2]
       );
-      useEffect59(
+      useEffect60(
         function() {
           checkIfSnapshotChanged(inst) && forceUpdate({ inst });
           return subscribe2(function() {
@@ -78,7 +78,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];
@@ -90,7 +90,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
           },
           [subscribe2, value, getSnapshot2]
         );
-        useEffect59(
+        useEffect60(
           function() {
             checkIfSnapshotChanged(inst) && forceUpdate({ inst });
             return subscribe2(function() {
@@ -116,7 +116,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;
       exports.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());
     }();
@@ -147,7 +147,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;
     exports.useSyncExternalStoreWithSelector = function(subscribe2, getSnapshot2, getServerSnapshot2, selector, isEqual) {
@@ -191,7 +191,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;
@@ -213,7 +213,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;
       exports.useSyncExternalStoreWithSelector = function(subscribe2, getSnapshot2, getServerSnapshot2, selector, isEqual) {
         var instRef = useRef99(null);
         if (null === instRef.current) {
@@ -256,7 +256,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;
@@ -292,12 +292,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;
@@ -306,7 +306,7 @@ var require_use_sync_external_store_shim_production2 = __commonJS({
         },
         [subscribe2, value, getSnapshot2]
       );
-      useEffect59(
+      useEffect60(
         function() {
           checkIfSnapshotChanged(inst) && forceUpdate({ inst });
           return subscribe2(function() {
@@ -355,7 +355,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];
@@ -367,7 +367,7 @@ var require_use_sync_external_store_shim_development2 = __commonJS({
           },
           [subscribe2, value, getSnapshot2]
         );
-        useEffect59(
+        useEffect60(
           function() {
             checkIfSnapshotChanged(inst) && forceUpdate({ inst });
             return subscribe2(function() {
@@ -393,7 +393,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;
       exports.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());
     }();
@@ -779,14 +779,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)) {
@@ -805,7 +805,7 @@ var require_grammarDiagnostics = __commonJS({
           }
         }
         path.delete(name);
-        memo44.set(name, result);
+        memo43.set(name, result);
         return result;
       };
       const dependencyIssues = [];
@@ -17593,7 +17593,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(
@@ -17614,7 +17615,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
     )
@@ -17664,7 +17665,7 @@ var Button = forwardRef31(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" : "",
@@ -17710,6 +17711,28 @@ var Button = forwardRef31(function Button2({
   return tooltip ? /* @__PURE__ */ React111.createElement(Tooltip, { content: tooltip }, buttonElement) : buttonElement;
 });
 
+// src/components/IconButton.tsx
+import * as React112 from "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
 import { getShortcutDisplayParts } from "@noya-app/noya-keymap";
 import React172, { memo as memo11 } from "react";
@@ -17737,14 +17760,14 @@ __export(index_parts_exports3, {
 });
 
 // ../../node_modules/@base-ui/react/toast/provider/ToastProvider.mjs
-import * as React113 from "react";
+import * as React114 from "react";
 
 // ../../node_modules/@base-ui/react/toast/provider/ToastProviderContext.mjs
-import * as React112 from "react";
-var ToastContext = /* @__PURE__ */ React112.createContext(void 0);
+import * as React113 from "react";
+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));
   }
@@ -18153,7 +18176,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;
     }
@@ -18197,9 +18220,9 @@ function ToastProviderPropsSynchronizer(props) {
 }
 
 // ../../node_modules/@base-ui/react/toast/viewport/ToastViewport.mjs
-import * as React114 from "react";
+import * as React115 from "react";
 import { jsx as _jsx24, jsxs as _jsxs10 } from "react/jsx-runtime";
-var ToastViewport = /* @__PURE__ */ React114.forwardRef(function ToastViewport2(componentProps, forwardedRef) {
+var ToastViewport = /* @__PURE__ */ React115.forwardRef(function ToastViewport2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -18209,9 +18232,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");
@@ -18220,7 +18243,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;
@@ -18284,7 +18307,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);
@@ -18362,12 +18385,12 @@ var ToastViewport = /* @__PURE__ */ React114.forwardRef(function ToastViewport2(
     ref: [forwardedRef, store.setViewport],
     state,
     props: [defaultProps, elementProps, {
-      children: /* @__PURE__ */ _jsxs10(React114.Fragment, {
+      children: /* @__PURE__ */ _jsxs10(React115.Fragment, {
         children: [focusGuard, children, focusGuard]
       })
     }]
   });
-  return /* @__PURE__ */ _jsxs10(React114.Fragment, {
+  return /* @__PURE__ */ _jsxs10(React115.Fragment, {
     children: [focusGuard, element, !focused && highPriorityToasts.length > 0 && /* @__PURE__ */ _jsx24("div", {
       style: visuallyHidden,
       children: highPriorityToasts.map((toast) => /* @__PURE__ */ _jsxs10("div", {
@@ -18385,15 +18408,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
-import * as React117 from "react";
+import * as React118 from "react";
 import * as ReactDOM9 from "react-dom";
 
 // ../../node_modules/@base-ui/react/toast/root/ToastRootContext.mjs
-import * as React115 from "react";
-var ToastRootContext = /* @__PURE__ */ React115.createContext(void 0);
+import * as React116 from "react";
+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));
   }
@@ -18401,7 +18424,7 @@ function useToastRootContext() {
 }
 
 // ../../node_modules/@base-ui/react/utils/useSwipeDismiss.mjs
-import * as React116 from "react";
+import * as React117 from "react";
 
 // ../../node_modules/@base-ui/react/internals/clamp.mjs
 function clamp2(val, min2 = Number.MIN_SAFE_INTEGER, max2 = Number.MAX_SAFE_INTEGER) {
@@ -18466,7 +18489,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,
@@ -18482,46 +18505,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);
@@ -18789,7 +18812,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;
@@ -18837,7 +18860,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,
@@ -18867,8 +18890,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
-import * as React118 from "react";
-var ToastContent = /* @__PURE__ */ React118.forwardRef(function ToastContent2(componentProps, forwardedRef) {
+import * as React119 from "react";
+var ToastContent = /* @__PURE__ */ React119.forwardRef(function ToastContent2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -18880,7 +18903,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;
@@ -18914,10 +18937,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
-import * as React120 from "react";
+import * as React121 from "react";
 
 // ../../node_modules/@base-ui/react/toast/utils/isRenderableNode.mjs
-import * as React119 from "react";
+import * as React120 from "react";
 function isRenderableNode(node) {
   if (node == null || typeof node === "boolean" || node === "") {
     return false;
@@ -18928,7 +18951,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
@@ -18963,7 +18986,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,
@@ -18995,8 +19018,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
-import * as React121 from "react";
-var ToastTitle = /* @__PURE__ */ React121.forwardRef(function ToastTitle2(componentProps, forwardedRef) {
+import * as React122 from "react";
+var ToastTitle = /* @__PURE__ */ React122.forwardRef(function ToastTitle2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -19028,8 +19051,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
-import * as React122 from "react";
-var ToastClose = /* @__PURE__ */ React122.forwardRef(function ToastClose2(componentProps, forwardedRef) {
+import * as React123 from "react";
+var ToastClose = /* @__PURE__ */ React123.forwardRef(function ToastClose2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -19043,7 +19066,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
@@ -19074,8 +19097,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
-import * as React123 from "react";
-var ToastAction = /* @__PURE__ */ React123.forwardRef(function ToastAction2(componentProps, forwardedRef) {
+import * as React124 from "react";
+var ToastAction = /* @__PURE__ */ React124.forwardRef(function ToastAction2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -19110,9 +19133,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
-import * as React124 from "react";
+import * as React125 from "react";
 import { jsx as _jsx26 } from "react/jsx-runtime";
-var ToastPortal = /* @__PURE__ */ React124.forwardRef(function ToastPortal2(props, forwardedRef) {
+var ToastPortal = /* @__PURE__ */ React125.forwardRef(function ToastPortal2(props, forwardedRef) {
   return /* @__PURE__ */ _jsx26(FloatingPortalLite, {
     ref: forwardedRef,
     ...props
@@ -19121,14 +19144,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
-import * as React126 from "react";
+import * as React127 from "react";
 
 // ../../node_modules/@base-ui/react/toast/positioner/ToastPositionerContext.mjs
-import * as React125 from "react";
-var ToastPositionerContext = /* @__PURE__ */ React125.createContext(void 0);
+import * as React126 from "react";
+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));
   }
@@ -19137,7 +19160,7 @@ function useToastPositionerContext() {
 
 // ../../node_modules/@base-ui/react/toast/positioner/ToastPositioner.mjs
 import { jsx as _jsx27 } from "react/jsx-runtime";
-var ToastPositioner = /* @__PURE__ */ React126.forwardRef(function ToastPositioner2(componentProps, forwardedRef) {
+var ToastPositioner = /* @__PURE__ */ React127.forwardRef(function ToastPositioner2(componentProps, forwardedRef) {
   const {
     toast,
     ...props
@@ -19162,7 +19185,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;
@@ -19213,8 +19236,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
-import * as React127 from "react";
-var ToastArrow = /* @__PURE__ */ React127.forwardRef(function ToastArrow2(componentProps, forwardedRef) {
+import * as React128 from "react";
+var ToastArrow = /* @__PURE__ */ React128.forwardRef(function ToastArrow2(componentProps, forwardedRef) {
   const {
     className,
     render,
@@ -19245,11 +19268,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
-import * as React128 from "react";
+import * as React129 from "react";
 function useToastManager() {
   const store = useToastProviderContext();
   const toasts = store.useState("toasts");
-  return React128.useMemo(() => ({
+  return React129.useMemo(() => ({
     toasts,
     add: store.addToast,
     close: store.closeToast,
@@ -19322,30 +19345,6 @@ function createToastManager() {
 
 // src/components/Toast.tsx
 import React130, { createContext as createContext26, useCallback as useCallback24, useContext as useContext26 } from "react";
-
-// src/components/IconButton.tsx
-import * as React129 from "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 = createContext26(null);
 function useToast() {
   const context = useContext26(ToastContext2);
@@ -20460,7 +20459,11 @@ var SubmittableTextInput = forwardRef52(function SubmittableTextInput2({
   const handleSubmit = useCallback25(() => {
     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);
@@ -20479,12 +20482,16 @@ var SubmittableTextInput = forwardRef52(function SubmittableTextInput2({
         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 = useCallback25(
     (event) => {
@@ -20503,13 +20510,27 @@ var SubmittableTextInput = forwardRef52(function SubmittableTextInput2({
     },
     [onBlur, onFocusChange, handleSubmit, submitOnBlur]
   );
+  const isFocusingFromPointer = useRef52(false);
+  const handleMouseDown = useCallback25((event) => {
+    if (document.activeElement !== event.currentTarget) {
+      isFocusingFromPointer.current = true;
+    }
+  }, []);
   const handleFocusCapture = useCallback25(
     (event) => {
       onFocusCapture?.(event);
       onFocusChange?.(true);
+      if (isFocusingFromPointer.current) {
+        event.currentTarget.select();
+      }
     },
     [onFocusCapture, onFocusChange]
   );
+  const handleMouseUp = useCallback25((event) => {
+    if (!isFocusingFromPointer.current) return;
+    isFocusingFromPointer.current = false;
+    event.preventDefault();
+  }, []);
   const autoSubmitTimeoutRef = useRef52(
     null
   );
@@ -20540,7 +20561,9 @@ var SubmittableTextInput = forwardRef52(function SubmittableTextInput2({
       onKeyDown: handleKeyDown,
       onChange: handleChange,
       onBlur: handleBlur,
-      onFocusCapture: handleFocusCapture
+      onFocusCapture: handleFocusCapture,
+      onMouseDown: handleMouseDown,
+      onMouseUp: handleMouseUp
     }
   );
 });
@@ -21585,6 +21608,7 @@ function Popover({
   closable,
   open,
   side,
+  align = "center",
   sideOffset = 4,
   showArrow = true,
   onOpenChange,
@@ -21593,7 +21617,8 @@ function Popover({
   portalContainer,
   style: style2,
   initialFocus,
-  shouldCloseOnInteractOutside
+  shouldCloseOnInteractOutside,
+  nativeButtonTrigger = true
 }) {
   const defaultId = useId2();
   const portalScopeId = usePortalScopeId();
@@ -21615,6 +21640,7 @@ function Popover({
   return /* @__PURE__ */ React166.createElement(index_parts_exports5.Root, { open: isOpen, onOpenChange: handleOpenChange }, /* @__PURE__ */ React166.createElement(
     index_parts_exports5.Trigger,
     {
+      nativeButton: nativeButtonTrigger,
       render: (triggerProps) => {
         const element = React166.isValidElement(trigger) ? trigger : /* @__PURE__ */ React166.createElement("span", null, trigger);
         const childProps = element.props;
@@ -21640,7 +21666,7 @@ function Popover({
       ...portalScopeProps(portalScopeId),
       anchor: anchorElement,
       side,
-      align: "center",
+      align,
       sideOffset,
       collisionPadding: 8,
       arrowPadding: 2,
@@ -22067,7 +22093,8 @@ function InputFieldRoot({
       trigger: rootElement,
       initialFocus: false,
       sideOffset,
-      showArrow: false
+      showArrow: false,
+      nativeButtonTrigger: false
     },
     measuredWidthObject && /* @__PURE__ */ React167.createElement(
       "div",
@@ -22558,7 +22585,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 [];
@@ -22638,6 +22668,7 @@ var SectionHeaderMenuItem = memo11(function SectionHeaderMenuItem2({
 });
 
 // src/components/DropdownMenu.tsx
+var MenuContentStyleContext = React173.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",
@@ -22678,6 +22709,7 @@ function SubmenuItem({
   portalScopeId
 }) {
   const [open, setOpen] = useState45(false);
+  const inheritedContentStyle = React173.useContext(MenuContentStyleContext);
   const submenuHasCheckedItem = item.items.some(
     (subItem) => isSelectableMenuItem(subItem) && subItem.checked
   );
@@ -22721,14 +22753,21 @@ function SubmenuItem({
         alignOffset: -5,
         className: "n-z-menu n-outline-none"
       },
-      /* @__PURE__ */ React173.createElement(index_parts_exports.Popup, { className: styles.contentStyle }, /* @__PURE__ */ React173.createElement(
-        MenuViewport3,
+      /* @__PURE__ */ React173.createElement(
+        index_parts_exports.Popup,
         {
-          items: item.items,
-          onSelect,
-          hasCheckedItem: submenuHasCheckedItem
-        }
-      ))
+          className: styles.contentStyle,
+          style: inheritedContentStyle
+        },
+        /* @__PURE__ */ React173.createElement(
+          MenuViewport3,
+          {
+            items: item.items,
+            onSelect,
+            hasCheckedItem: submenuHasCheckedItem
+          }
+        )
+      )
     ))
   );
 }
@@ -22844,7 +22883,7 @@ var DropdownMenuRoot = forwardRefGeneric(function DropdownMenuRoot2(props, forwa
     (item) => isSelectableMenuItem(item) && item.checked
   );
   const childContent = typeof children === "function" ? children({ open }) : children || /* @__PURE__ */ React173.createElement(Button, { icon, active: open, iconRight: "DropdownChevronIcon" }, title);
-  const isNativeButton = React173.isValidElement(childContent) && (childContent.type === "button" || childContent.type === Button && childContent.props.as !== "a");
+  const isNativeButton = React173.isValidElement(childContent) && (childContent.type === "button" || (childContent.type === Button || childContent.type === IconButton) && childContent.props.as !== "a");
   return /* @__PURE__ */ React173.createElement(
     index_parts_exports.Root,
     {
@@ -22895,14 +22934,14 @@ var DropdownMenuRoot = forwardRefGeneric(function DropdownMenuRoot2(props, forwa
         collisionPadding,
         className: "n-z-menu n-outline-none"
       },
-      /* @__PURE__ */ React173.createElement(index_parts_exports.Popup, { className: styles.contentStyle, style: contentStyles }, items.length === 0 ? emptyState : null, /* @__PURE__ */ React173.createElement(
+      /* @__PURE__ */ React173.createElement(index_parts_exports.Popup, { className: styles.contentStyle, style: contentStyles }, /* @__PURE__ */ React173.createElement(MenuContentStyleContext.Provider, { value: contentStyle }, items.length === 0 ? emptyState : null, /* @__PURE__ */ React173.createElement(
         MenuViewport3,
         {
           items,
           onSelect,
           hasCheckedItem
         }
-      ))
+      )))
     ))
   );
 });
@@ -24945,6 +24984,7 @@ if (process.env.NODE_ENV !== "production") ContextMenuTrigger.displayName = "Con
 import { CheckIcon as CheckIcon2, ChevronRightIcon as ChevronRightIcon2 } from "@noya-app/noya-icons";
 import { useKeyboardShortcuts as useKeyboardShortcuts2 } from "@noya-app/noya-keymap";
 import React199, { useCallback as useCallback33, useMemo as useMemo53, useState as useState53 } from "react";
+var ContextMenuContentStyleContext = React199.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",
@@ -24985,6 +25025,9 @@ function SubmenuItem2({
   portalScopeId
 }) {
   const [open, setOpen] = useState53(false);
+  const inheritedContentStyle = React199.useContext(
+    ContextMenuContentStyleContext
+  );
   const submenuHasCheckedItem = item.items.some(
     (subItem) => isSelectableMenuItem(subItem) && subItem.checked
   );
@@ -25024,14 +25067,21 @@ function SubmenuItem2({
         alignOffset: -5,
         className: "n-z-menu n-outline-none"
       },
-      /* @__PURE__ */ React199.createElement(index_parts_exports7.Popup, { className: styles.contentStyle }, /* @__PURE__ */ React199.createElement(
-        ContextMenuViewport,
+      /* @__PURE__ */ React199.createElement(
+        index_parts_exports7.Popup,
         {
-          items: item.items,
-          onSelect,
-          hasCheckedItem: submenuHasCheckedItem
-        }
-      ))
+          className: styles.contentStyle,
+          style: inheritedContentStyle
+        },
+        /* @__PURE__ */ React199.createElement(
+          ContextMenuViewport,
+          {
+            items: item.items,
+            onSelect,
+            hasCheckedItem: submenuHasCheckedItem
+          }
+        )
+      )
     ))
   );
 }
@@ -25108,7 +25158,8 @@ function ContextMenuRoot2({
   children,
   onSelect,
   shouldBindKeyboardShortcuts,
-  onOpenChange
+  onOpenChange,
+  contentStyle
 }) {
   const keymap = useMemo53(
     () => shouldBindKeyboardShortcuts === false ? {} : getKeyboardShortcutsForMenuItems(items, onSelect),
@@ -25143,14 +25194,21 @@ function ContextMenuRoot2({
       ...portalScopeProps(portalScopeId),
       className: "n-z-menu n-outline-none"
     },
-    /* @__PURE__ */ React199.createElement(index_parts_exports7.Popup, { className: styles.contentStyle }, /* @__PURE__ */ React199.createElement(
-      ContextMenuViewport,
+    /* @__PURE__ */ React199.createElement(
+      index_parts_exports7.Popup,
       {
-        items,
-        onSelect: handleSelectItem,
-        hasCheckedItem
-      }
-    ))
+        className: styles.contentStyle,
+        style: contentStyle
+      },
+      /* @__PURE__ */ React199.createElement(ContextMenuContentStyleContext.Provider, { value: contentStyle }, /* @__PURE__ */ React199.createElement(
+        ContextMenuViewport,
+        {
+          items,
+          onSelect: handleSelectItem,
+          hasCheckedItem
+        }
+      ))
+    )
   )));
 }
 var ContextMenu = memoGeneric(ContextMenuRoot2);
@@ -26778,6 +26836,32 @@ var ListViewEditableRowTitle = memo19(function ListViewEditableRowTitle2({
   selectBeforeDot = false
 }) {
   const inputRef = useRef68(null);
+  const submittedRef = useRef68(false);
+  const handleSubmitEditing = (nextValue) => {
+    if (submittedRef.current) return;
+    submittedRef.current = true;
+    onSubmitEditing(nextValue);
+  };
+  const handleSubmitEditingRef = useRef68(handleSubmitEditing);
+  handleSubmitEditingRef.current = handleSubmitEditing;
+  useLayoutEffect7(() => {
+    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
+      });
+    };
+  }, []);
   useLayoutEffect7(() => {
     const element = inputRef.current;
     if (!element || !autoFocus) return;
@@ -26804,7 +26888,7 @@ var ListViewEditableRowTitle = memo19(function ListViewEditableRowTitle2({
       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",
@@ -27829,7 +27913,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]
   );
@@ -28340,6 +28427,9 @@ var RowContainer = forwardRef87(
           $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: {
@@ -28924,9 +29014,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);
                 }
               },
@@ -28956,7 +29048,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]
@@ -28968,7 +29062,7 @@ var List = memoGeneric(
               /* @__PURE__ */ React223.createElement("div", { className: "n-flex n-flex-col n-flex-1 n-w-0" }, /* @__PURE__ */ React223.createElement("div", { className: "n-flex n-items-center n-min-h-input-height n-flex-1 n-gap-2" }, /* @__PURE__ */ React223.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__ */ React223.createElement(
@@ -29174,9 +29268,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: round2(60 * (hh < 0 ? hh + 6 : hh)),
-    s: round2(max2 ? delta / max2 * 100 : 0),
-    v: round2(max2 / 255 * 100),
+    h: round2(60 * (hh < 0 ? hh + 6 : hh), 2),
+    s: round2(max2 ? delta / max2 * 100 : 0, 2),
+    v: round2(max2 / 255 * 100, 2),
     a
   };
 };
@@ -29874,6 +29968,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
@@ -29937,7 +30078,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,
@@ -30000,7 +30143,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) {
@@ -30123,7 +30268,8 @@ var ComboboxState = class {
     this.notifyChange();
   }
 };
-function filterWithGroupedSections(items, query) {
+function filterWithGroupedSections(items, query, options = {}) {
+  const filterItems = options.filterStrategy === "wordPrefix" ? wordPrefixFilter : fuzzyFilter;
   const sections = chunkBy(items, (_a, b) => isSelectableMenuItem(b));
   let result = [];
   let currentIndex = 0;
@@ -30153,7 +30299,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);
@@ -30229,7 +30375,8 @@ var ComboboxMenu = memoGeneric(
     indented,
     iconPosition = "right",
     itemHeight,
-    getRowHeightForItem
+    getRowHeightForItem,
+    renderItemContent
   }, forwardedRef) {
     return /* @__PURE__ */ React234.createElement(
       ListView.Root,
@@ -30282,17 +30429,20 @@ var ComboboxMenu = memoGeneric(
               {
                 size: CHECKBOX_WIDTH - CHECKBOX_RIGHT_INSET
               }
-            ) : null, iconPosition === "left" && item.icon && /* @__PURE__ */ React234.createElement(React234.Fragment, null, /* @__PURE__ */ React234.createElement(MenuIcon, { icon: item.icon }), /* @__PURE__ */ React234.createElement(Spacer.Horizontal, { size: 8 })), /* @__PURE__ */ React234.createElement("div", { className: "n-flex n-flex-col n-min-w-0 n-flex-1" }, /* @__PURE__ */ React234.createElement("div", { className: "n-min-w-0 n-truncate" }, tokens.map((token, j) => /* @__PURE__ */ React234.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__ */ React234.createElement(Small, { color: "textSubtle", className: "n-truncate" }, tooltip))),
+            ) : null, iconPosition === "left" && item.icon && /* @__PURE__ */ React234.createElement(React234.Fragment, null, /* @__PURE__ */ React234.createElement(MenuIcon, { icon: item.icon }), /* @__PURE__ */ React234.createElement(Spacer.Horizontal, { size: 8 })), /* @__PURE__ */ React234.createElement("div", { className: "n-flex n-flex-col n-min-w-0 n-flex-1" }, (() => {
+              const defaultContent = /* @__PURE__ */ React234.createElement("div", { className: "n-min-w-0 n-truncate" }, tokens.map((token, j) => /* @__PURE__ */ React234.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__ */ React234.createElement(Small, { color: "textSubtle", className: "n-truncate" }, tooltip))),
             (item.shortcut || item.icon && iconPosition === "right") && /* @__PURE__ */ React234.createElement("div", { className: "n-flex n-items-center n-min-w-0 n-ml-2" }, item.shortcut ? /* @__PURE__ */ React234.createElement(KeyboardShortcut, { shortcut: item.shortcut }) : item.icon && /* @__PURE__ */ React234.createElement(MenuIcon, { icon: item.icon }))
           );
         }
@@ -30323,6 +30473,8 @@ var Combobox = memoGeneric(
     onFocus,
     onDeleteWhenEmpty,
     iconPosition = "right",
+    renderItemContent,
+    filterStrategy = "fuzzy",
     ...rest
   }, forwardedRef) {
     const props = useMemo69(() => {
@@ -30375,7 +30527,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);
@@ -30678,7 +30831,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__ */ React235.createElement(
@@ -30699,6 +30854,7 @@ var Combobox = memoGeneric(
                 onHoverIndex: handleIndexChange,
                 listSize: adjustedListSize,
                 iconPosition,
+                renderItemContent,
                 style: {
                   flex: `0 0 ${computedHeight}px`
                 },
@@ -32009,8 +32165,8 @@ var SegmentedControlItem = forwardRef93(function SegmentedControlItem2({
         // 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",
@@ -32218,7 +32374,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__ */ React245.createElement(SegmentedControlContext.Provider, { value: contextValue }, /* @__PURE__ */ React245.createElement(
     ToggleGroup,
     {
@@ -36158,6 +36314,7 @@ var InspectorContainer = memo27(
     header,
     children,
     fallback,
+    footer,
     showDividers,
     id,
     className,
@@ -36178,7 +36335,15 @@ var InspectorContainer = memo27(
         }
       },
       header,
-      children ? /* @__PURE__ */ React261.createElement(ScrollArea, { className: "n-flex-1 n-min-h-0" }, /* @__PURE__ */ React261.createElement("div", { className: "n-flex n-flex-col n-relative" }, showDividers ? withSeparatorElements(children, /* @__PURE__ */ React261.createElement(Divider, null)) : children)) : fallback ? /* @__PURE__ */ React261.createElement("div", { className: "n-flex n-flex-col n-relative n-h-full" }, fallback) : null
+      children ? /* @__PURE__ */ React261.createElement(ScrollArea, { className: "n-flex-1 n-min-h-0" }, /* @__PURE__ */ React261.createElement(
+        "div",
+        {
+          className: "n-flex n-flex-col n-relative",
+          style: footer != null ? { minHeight: "100%" } : void 0
+        },
+        showDividers ? withSeparatorElements(children, /* @__PURE__ */ React261.createElement(Divider, null)) : children,
+        footer != null && /* @__PURE__ */ React261.createElement(React261.Fragment, null, /* @__PURE__ */ React261.createElement("div", { className: "n-flex-1" }), footer)
+      )) : fallback ? /* @__PURE__ */ React261.createElement("div", { className: "n-flex n-flex-col n-relative n-h-full" }, fallback) : null
     );
   })
 );
@@ -36830,6 +36995,24 @@ function ScrollableSidebar({ children }) {
 
 // src/components/Section.tsx
 import React272, { memo as memo31, useMemo as useMemo82 } from "react";
+var SectionHeaderShell = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React272.createElement("div", { className: cx(`n-flex n-items-center`, className), ...props });
+var TitleShell = ({
+  className,
+  $textStyle,
+  ...props
+}) => /* @__PURE__ */ React272.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",
@@ -36857,34 +37040,16 @@ function SectionHeader({
     }),
     [style2]
   );
-  const titleElement = title ? /* @__PURE__ */ React272.createElement(
-    InspectorPrimitives_exports.Title,
+  const titleElement = title ? /* @__PURE__ */ React272.createElement(TitleShell, { $textStyle: titleTextStyle, className: titleClassName }, title) : null;
+  return /* @__PURE__ */ React272.createElement(SectionHeaderShell, { style: headerStyle, className }, titleIcon && /* @__PURE__ */ React272.createElement("div", { style: titleIconStyle, className: textStyles[titleTextStyle] }, "\u200B", renderIcon(titleIcon)), titleElement && /* @__PURE__ */ React272.createElement(React272.Fragment, null, onClickTitle ? /* @__PURE__ */ React272.createElement(Button, { variant: "none", onClick: onClickTitle }, titleElement) : titleElement), headerSeparator === "space" && /* @__PURE__ */ React272.createElement(Spacer.Horizontal, null), headerSeparator === "dot" && /* @__PURE__ */ React272.createElement(
+    Text,
     {
-      $textStyle: titleTextStyle,
-      className: titleClassName
+      variant: titleTextStyle,
+      color: "textDisabled",
+      style: { padding: "0 4px" }
     },
-    title
-  ) : null;
-  return /* @__PURE__ */ React272.createElement(
-    InspectorPrimitives_exports.SectionHeader,
-    {
-      style: headerStyle,
-      className
-    },
-    titleIcon && /* @__PURE__ */ React272.createElement("div", { style: titleIconStyle, className: textStyles[titleTextStyle] }, "\u200B", renderIcon(titleIcon)),
-    titleElement && /* @__PURE__ */ React272.createElement(React272.Fragment, null, onClickTitle ? /* @__PURE__ */ React272.createElement(Button, { variant: "none", onClick: onClickTitle }, titleElement) : titleElement),
-    headerSeparator === "space" && /* @__PURE__ */ React272.createElement(Spacer.Horizontal, null),
-    headerSeparator === "dot" && /* @__PURE__ */ React272.createElement(
-      Text,
-      {
-        variant: titleTextStyle,
-        color: "textDisabled",
-        style: { padding: "0 4px" }
-      },
-      "\u2022"
-    ),
-    right
-  );
+    "\u2022"
+  ), right);
 }
 var SectionInternal = ({
   children,
@@ -36975,13 +37140,518 @@ import {
   shift as shift4,
   FloatingPortal as FloatingPortal3
 } from "@floating-ui/react";
-import React274, { memo as memo32, useCallback as useCallback51, useEffect as useEffect51, useMemo as useMemo83, useState as useState70 } from "react";
+import React277, { memo as memo33, useCallback as useCallback51, useEffect as useEffect52, useMemo as useMemo83, useState as useState71 } from "react";
 
 // src/components/Toolbar.tsx
-import React273, { forwardRef as forwardRef101 } from "react";
-var Toolbar = forwardRef101(
-  function Toolbar2({ children, className, role = "toolbar", size: size4 = "medium", style: style2, ...props }, ref) {
-    return /* @__PURE__ */ React273.createElement(
+import React276, { forwardRef as forwardRef102 } from "react";
+
+// src/components/ToolbarItems.tsx
+import React275, { useEffect as useEffect51, useState as useState70 } from "react";
+
+// src/components/AppToolbar.tsx
+import { useKeyboardShortcuts as useKeyboardShortcuts3 } from "@noya-app/noya-keymap";
+import React274, {
+  createContext as createContext53,
+  useContext as useContext54
+} from "react";
+
+// src/components/ToolbarDrawer.tsx
+import React273, { forwardRef as forwardRef101, memo as memo32 } from "react";
+var ToolbarDrawer = memo32(
+  forwardRef101(function ToolbarDrawer2({ children, trigger, sideOffset = 8 }, ref) {
+    return /* @__PURE__ */ React273.createElement("div", { className: "n-relative", ref }, /* @__PURE__ */ React273.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 = createContext53({});
+var ToolbarMenuDropdown = memoGeneric(function ToolbarMenuDropdown2({
+  item,
+  onSelectMenuItem,
+  onPopoverOpenChange
+}) {
+  const [open, setOpen] = React274.useState(false);
+  const handleOpenChange = React274.useCallback(
+    (newOpen) => {
+      setOpen(newOpen);
+      onPopoverOpenChange?.(newOpen);
+    },
+    [onPopoverOpenChange]
+  );
+  return /* @__PURE__ */ React274.createElement(
+    DropdownMenu,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      items: item.items,
+      modal: false,
+      onSelect: (value) => {
+        if (onSelectMenuItem && value) {
+          onSelectMenuItem(value);
+        }
+      }
+    },
+    /* @__PURE__ */ React274.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__ */ React274.createElement("div", { className: "n-flex n-items-center" }, label, /* @__PURE__ */ React274.createElement(Spacer.Horizontal, { size: 6 }), /* @__PURE__ */ React274.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] = React274.useState(false);
+  const handleOpenChange = React274.useCallback(
+    (newOpen) => {
+      setOpen(newOpen);
+      onPopoverOpenChange?.(newOpen);
+    },
+    [onPopoverOpenChange]
+  );
+  const { useDialogOnSmallScreen, isSmallScreen, openDialog } = useContext54(ToolbarMenuContext);
+  const shouldUseDialog = useDialogOnSmallScreen && isSmallScreen && openDialog;
+  const handleOpenDialog = React274.useCallback(() => {
+    if (!openDialog) return;
+    handleOpenChange(true);
+    const dialogContent = typeof itemContent === "function" ? (props) => /* @__PURE__ */ React274.createElement("div", { className: "-n-m-3" }, itemContent(props)) : /* @__PURE__ */ React274.createElement("div", { className: "-n-m-3" }, itemContent);
+    const dialog = openDialog({
+      title,
+      children: dialogContent
+    });
+    dialog.then(() => handleOpenChange(false));
+  }, [openDialog, itemContent, title, handleOpenChange]);
+  const trigger = /* @__PURE__ */ React274.createElement(
+    Button,
+    {
+      disabled: disabled2,
+      active: checked || open,
+      icon,
+      iconRight: "DropdownChevronIcon",
+      onClick: shouldUseDialog ? handleOpenDialog : void 0,
+      ...buttonProps
+    },
+    title
+  );
+  if (shouldUseDialog) {
+    return tooltip && !open ? /* @__PURE__ */ React274.createElement(
+      Tooltip,
+      {
+        sideOffset: SIDE_OFFSET,
+        side: "top",
+        content: tooltip,
+        portalContainer
+      },
+      trigger
+    ) : trigger;
+  }
+  const content = /* @__PURE__ */ React274.createElement("span", null, /* @__PURE__ */ React274.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__ */ React274.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__ */ React274.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__ */ React274.createElement(ToolbarDrawer, { trigger: content }, item.drawer) : tooltip ? /* @__PURE__ */ React274.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 } = useContext54(ToolbarMenuContext);
+  const dividerOverflow = dividerOverflowProp ?? contextDividerOverflow ?? 4;
+  if (item.type === "sectionHeader") return null;
+  if (item.type === "separator") {
+    return /* @__PURE__ */ React274.createElement(DividerVertical, { overflow: dividerOverflow });
+  }
+  if (item.type === "popover") {
+    return /* @__PURE__ */ React274.createElement(
+      ToolbarMenuPopover,
+      {
+        item,
+        portalContainer,
+        onPopoverOpenChange
+      }
+    );
+  }
+  if (isSelectableMenuItem(item)) {
+    return /* @__PURE__ */ React274.createElement(
+      ToolbarMenuButton,
+      {
+        item,
+        onSelectMenuItem,
+        as: buttonAs,
+        activeValue,
+        tooltipSide,
+        displayFilter
+      }
+    );
+  }
+  return /* @__PURE__ */ React274.createElement(
+    ToolbarMenuDropdown,
+    {
+      item,
+      onSelectMenuItem,
+      onPopoverOpenChange
+    }
+  );
+});
+var ToolbarMenu = memoGeneric(function ToolbarMenu2({
+  items,
+  onSelectMenuItem,
+  buttonAs,
+  activeValue,
+  tooltipSide,
+  portalContainer,
+  displayFilter = "iconAndText",
+  dividerOverflow,
+  onPopoverOpenChange
+}) {
+  return /* @__PURE__ */ React274.createElement(React274.Fragment, null, items.map((item, i) => {
+    return /* @__PURE__ */ React274.createElement(
+      ToolbarMenuItem,
+      {
+        key: i,
+        item,
+        onSelectMenuItem,
+        buttonAs,
+        activeValue,
+        tooltipSide,
+        portalContainer,
+        displayFilter,
+        dividerOverflow,
+        onPopoverOpenChange
+      }
+    );
+  }));
+});
+function useBindKeyboardShortcutsForMenuItems(items, onSelectMenuItem) {
+  return useKeyboardShortcuts3(
+    React274.useMemo(
+      () => onSelectMenuItem ? getKeyboardShortcutsForMenuItems(items, onSelectMenuItem) : {},
+      [items, onSelectMenuItem]
+    )
+  );
+}
+function AppToolbar({
+  children,
+  logo,
+  leftMenuItems = [],
+  rightMenuItems = [],
+  onSelectMenuItem,
+  shouldBindKeyboardShortcuts = true,
+  dividerOverflow
+}) {
+  const allMenuItems = React274.useMemo(
+    () => [...leftMenuItems, ...rightMenuItems],
+    [leftMenuItems, rightMenuItems]
+  );
+  useBindKeyboardShortcutsForMenuItems(
+    allMenuItems,
+    shouldBindKeyboardShortcuts ? onSelectMenuItem : void 0
+  );
+  return /* @__PURE__ */ React274.createElement(
+    BaseToolbar,
+    {
+      logo,
+      left: leftMenuItems.length > 0 && /* @__PURE__ */ React274.createElement("div", { className: "n-flex n-gap-2" }, /* @__PURE__ */ React274.createElement(
+        ToolbarMenu,
+        {
+          items: leftMenuItems,
+          onSelectMenuItem,
+          dividerOverflow
+        }
+      )),
+      right: rightMenuItems.length > 0 && /* @__PURE__ */ React274.createElement("div", { className: "n-flex n-gap-2" }, /* @__PURE__ */ React274.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__ */ React275.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__ */ React275.createElement(
+    Tooltip,
+    {
+      side: tooltipSide,
+      sideOffset: POPUP_OFFSET,
+      content: item.tooltip ?? (item.shortcut ? /* @__PURE__ */ React275.createElement(ToolbarShortcut, { shortcut: item.shortcut, label: item.title }) : item.title)
+    },
+    button
+  );
+}
+function renderGroupChevron({
+  label,
+  open,
+  disabled: disabled2
+}) {
+  return /* @__PURE__ */ React275.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] = useState70(void 0);
+  const checkedValue = checkedItem?.value;
+  useEffect51(() => {
+    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__ */ React275.createElement("div", { className: "n-flex n-items-center" }, /* @__PURE__ */ React275.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__ */ React275.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] = useState70(false);
+  const label = labelForTitle(item.title);
+  const trigger = /* @__PURE__ */ React275.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__ */ React275.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__ */ React275.createElement(React275.Fragment, null, items.map((item, index2) => {
+    if (item.type === "separator") {
+      return /* @__PURE__ */ React275.createElement(DividerVertical, { key: `separator-${index2}` });
+    }
+    if (item.type === "group") {
+      return /* @__PURE__ */ React275.createElement(
+        ToolbarItemGroup,
+        {
+          key: item.id,
+          group: item,
+          onSelect,
+          side,
+          tooltipSide
+        }
+      );
+    }
+    if (item.type === "popover") {
+      return /* @__PURE__ */ React275.createElement(ToolbarItemPopover, { key: item.id, item, side });
+    }
+    return /* @__PURE__ */ React275.createElement(
+      ToolbarItemButton,
+      {
+        key: item.value,
+        item,
+        tooltipSide,
+        onClick: () => onSelect(item.value)
+      }
+    );
+  }));
+}
+
+// src/components/Toolbar.tsx
+var ToolbarRoot = forwardRef102(
+  function Toolbar({ children, className, role = "toolbar", size: size4 = "medium", style: style2, ...props }, ref) {
+    return /* @__PURE__ */ React276.createElement(
       "div",
       {
         ref,
@@ -36998,6 +37668,7 @@ var Toolbar = forwardRef101(
     );
   }
 );
+var Toolbar2 = Object.assign(ToolbarRoot, { Items: ToolbarItems });
 
 // src/components/SelectionToolbar.tsx
 function getPlacement(side, align) {
@@ -37006,7 +37677,7 @@ function getPlacement(side, align) {
   }
   return `${side}-${align}`;
 }
-var SelectionToolbarContainer = memo32(
+var SelectionToolbarContainer = memo33(
   function SelectionToolbarContainer2({
     rect,
     children,
@@ -37019,7 +37690,7 @@ var SelectionToolbarContainer = memo32(
     transitionDuration = 0.2
   }) {
     const portalScopeId = usePortalScopeId();
-    const [containerElement, setContainerElement] = useState70(null);
+    const [containerElement, setContainerElement] = useState71(null);
     const containerRef = useCallback51((el) => {
       setContainerElement(el);
     }, []);
@@ -37048,10 +37719,10 @@ var SelectionToolbarContainer = memo32(
       placement,
       middleware: avoidCollisions ? [offset4(sideOffset), flip4(), shift4({ padding: 10 })] : [offset4(sideOffset)]
     });
-    useEffect51(() => {
+    useEffect52(() => {
       refs.setPositionReference(virtualElement);
     }, [refs, virtualElement]);
-    return /* @__PURE__ */ React274.createElement(FloatingPortal3, null, /* @__PURE__ */ React274.createElement(
+    return /* @__PURE__ */ React277.createElement(FloatingPortal3, null, /* @__PURE__ */ React277.createElement(
       "div",
       {
         ref: refs.setFloating,
@@ -37064,8 +37735,8 @@ var SelectionToolbarContainer = memo32(
         },
         className: "n-z-menu"
       },
-      /* @__PURE__ */ React274.createElement(
-        Toolbar,
+      /* @__PURE__ */ React277.createElement(
+        Toolbar2,
         {
           ref: containerRef,
           size: "small",
@@ -37115,12 +37786,12 @@ __export(index_parts_exports10, {
 });
 
 // ../../node_modules/@base-ui/react/select/root/SelectRoot.mjs
-import * as React282 from "react";
+import * as React285 from "react";
 
 // ../../node_modules/@base-ui/utils/useOnFirstRender.mjs
-import * as React275 from "react";
+import * as React278 from "react";
 function useOnFirstRender(fn) {
-  const ref = React275.useRef(true);
+  const ref = React278.useRef(true);
   if (ref.current) {
     ref.current = false;
     fn();
@@ -37128,11 +37799,11 @@ function useOnFirstRender(fn) {
 }
 
 // ../../node_modules/@base-ui/react/select/root/SelectRootContext.mjs
-import * as React276 from "react";
-var SelectRootContext = /* @__PURE__ */ React276.createContext(null);
+import * as React279 from "react";
+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));
   }
@@ -37140,7 +37811,7 @@ function useSelectRootContext() {
 }
 
 // ../../node_modules/@base-ui/react/internals/field-root-context/FieldRootContext.mjs
-import * as React277 from "react";
+import * as React280 from "react";
 
 // ../../node_modules/@base-ui/react/internals/field-constants/constants.mjs
 var DEFAULT_VALIDITY_STATE = {
@@ -37217,10 +37888,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));
   }
@@ -37257,11 +37928,11 @@ function useRegisterFieldControl(controlRef, id, value, getFormValueOverride, en
 }
 
 // ../../node_modules/@base-ui/react/internals/labelable-provider/useLabelableId.mjs
-import * as React279 from "react";
+import * as React282 from "react";
 
 // ../../node_modules/@base-ui/react/internals/labelable-provider/LabelableContext.mjs
-import * as React278 from "react";
-var LabelableContext = /* @__PURE__ */ React278.createContext({
+import * as React281 from "react";
+var LabelableContext = /* @__PURE__ */ React281.createContext({
   controlId: void 0,
   registerControlId: NOOP,
   labelId: void 0,
@@ -37272,7 +37943,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
@@ -37289,8 +37960,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;
@@ -37327,7 +37998,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;
@@ -37357,7 +38028,7 @@ function removeItem(selectedValues, itemValue, comparer) {
 }
 
 // ../../node_modules/@base-ui/react/internals/resolveValueLabel.mjs
-import * as React280 from "react";
+import * as React283 from "react";
 
 // ../../node_modules/@base-ui/react/internals/serializeValue.mjs
 function serializeValue(value) {
@@ -37461,7 +38132,7 @@ function resolveMultipleLabels(values, items, itemToStringLabel) {
     if (index2 > 0) {
       acc.push(", ");
     }
-    acc.push(/* @__PURE__ */ _jsx45(React280.Fragment, {
+    acc.push(/* @__PURE__ */ _jsx45(React283.Fragment, {
       children: resolveSelectedLabel(value, items, itemToStringLabel)
     }, index2));
     return acc;
@@ -37525,8 +38196,8 @@ var selectors7 = {
 };
 
 // ../../node_modules/@base-ui/react/internals/form-context/FormContext.mjs
-import * as React281 from "react";
-var FormContext = /* @__PURE__ */ React281.createContext({
+import * as React284 from "react";
+var FormContext = /* @__PURE__ */ React284.createContext({
   elementRef: {
     current: null
   },
@@ -37544,7 +38215,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
@@ -37612,22 +38283,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,
@@ -37670,13 +38341,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));
     }
@@ -37685,7 +38356,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);
@@ -37754,7 +38425,7 @@ function SelectRoot(props) {
       }
     }
   });
-  React282.useImperativeHandle(actionsRef, () => ({
+  React285.useImperativeHandle(actionsRef, () => ({
     unmount: handleUnmount
   }), [handleUnmount]);
   const setValue = useStableCallback2((nextValue, eventDetails) => {
@@ -37821,8 +38492,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({
@@ -37846,7 +38517,7 @@ function SelectRoot(props) {
     isItemEqualToValue,
     openMethod: renderedOpenMethod
   });
-  const contextValue = React282.useMemo(() => ({
+  const contextValue = React285.useMemo(() => ({
     store,
     floatingContext,
     required,
@@ -37876,7 +38547,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;
     }
@@ -37947,7 +38618,7 @@ function SelectRoot(props) {
 }
 
 // ../../node_modules/@base-ui/react/select/label/SelectLabel.mjs
-import * as React283 from "react";
+import * as React286 from "react";
 
 // ../../node_modules/@base-ui/react/internals/labelable-provider/useLabel.mjs
 function useLabel2(params = {}) {
@@ -38023,7 +38694,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,
@@ -38057,7 +38728,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
-import * as React284 from "react";
+import * as React287 from "react";
 var SELECTED_DELAY = 400;
 var stateAttributesMapping2 = {
   ...pressableTriggerOpenStateMapping,
@@ -38067,7 +38738,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,
@@ -38115,7 +38786,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
@@ -38127,7 +38798,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;
@@ -38220,11 +38891,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
-import * as React285 from "react";
+import * as React288 from "react";
 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,
@@ -38272,8 +38943,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
-import * as React286 from "react";
-var SelectIcon = /* @__PURE__ */ React286.forwardRef(function SelectIcon2(componentProps, forwardedRef) {
+import * as React289 from "react";
+var SelectIcon = /* @__PURE__ */ React289.forwardRef(function SelectIcon2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -38301,9 +38972,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
-import * as React287 from "react";
+import * as React290 from "react";
 import { jsx as _jsx47 } from "react/jsx-runtime";
-var SelectPortal = /* @__PURE__ */ React287.forwardRef(function SelectPortal2(portalProps, forwardedRef) {
+var SelectPortal = /* @__PURE__ */ React290.forwardRef(function SelectPortal2(portalProps, forwardedRef) {
   const {
     store
   } = useSelectRootContext();
@@ -38321,12 +38992,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
-import * as React288 from "react";
+import * as React291 from "react";
 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,
@@ -38361,14 +39032,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
-import * as React290 from "react";
+import * as React293 from "react";
 
 // ../../node_modules/@base-ui/react/select/positioner/SelectPositionerContext.mjs
-import * as React289 from "react";
-var SelectPositionerContext = /* @__PURE__ */ React289.createContext(void 0);
+import * as React292 from "react";
+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));
   }
@@ -38393,7 +39064,7 @@ import { jsx as _jsx48, jsxs as _jsxs19 } from "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,
@@ -38436,14 +39107,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,
@@ -38482,7 +39153,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;
@@ -38528,7 +39199,7 @@ var SelectPositioner = /* @__PURE__ */ React290.forwardRef(function SelectPositi
       clearStyles(popupRef.current, stylesToClear);
     }
   });
-  const contextValue = React290.useMemo(() => ({
+  const contextValue = React293.useMemo(() => ({
     ...positioning,
     side: renderedSide,
     alignItemWithTriggerActive,
@@ -38552,13 +39223,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
-import * as React291 from "react";
+import * as React294 from "react";
 import { jsx as _jsx49, jsxs as _jsxs20 } from "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,
@@ -38603,9 +39274,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) {
@@ -38667,7 +39338,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,
@@ -38809,7 +39480,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;
     }
@@ -38852,7 +39523,7 @@ var SelectPopup = /* @__PURE__ */ React291.forwardRef(function SelectPopup2(comp
     stateAttributesMapping: stateAttributesMapping5,
     props: [popupProps, defaultProps, getDisabledMountTransitionStyles(transitionStatus), elementProps]
   });
-  return /* @__PURE__ */ _jsxs20(React291.Fragment, {
+  return /* @__PURE__ */ _jsxs20(React294.Fragment, {
     children: [!disableStyleElements && styleDisableScrollbar.getElement(nonce), /* @__PURE__ */ _jsx49(FloatingFocusManager, {
       context: floatingRootContext,
       modal: false,
@@ -38909,8 +39580,8 @@ function unsetTransformStyles(popupElement) {
 }
 
 // ../../node_modules/@base-ui/react/select/list/SelectList.mjs
-import * as React292 from "react";
-var SelectList = /* @__PURE__ */ React292.forwardRef(function SelectList2(componentProps, forwardedRef) {
+import * as React295 from "react";
+var SelectList = /* @__PURE__ */ React295.forwardRef(function SelectList2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -38949,14 +39620,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
-import * as React294 from "react";
+import * as React297 from "react";
 
 // ../../node_modules/@base-ui/react/select/item/SelectItemContext.mjs
-import * as React293 from "react";
-var SelectItemContext = /* @__PURE__ */ React293.createContext(void 0);
+import * as React296 from "react";
+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));
   }
@@ -38965,7 +39636,7 @@ function useSelectItemContext() {
 
 // ../../node_modules/@base-ui/react/select/item/SelectItem.mjs
 import { jsx as _jsx50 } from "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,
@@ -38976,7 +39647,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,
@@ -39002,7 +39673,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;
@@ -39023,8 +39694,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
@@ -39120,7 +39791,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,
@@ -39134,9 +39805,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
-import * as React295 from "react";
+import * as React298 from "react";
 import { jsx as _jsx51 } from "react/jsx-runtime";
-var SelectItemIndicator = /* @__PURE__ */ React295.forwardRef(function SelectItemIndicator2(componentProps, forwardedRef) {
+var SelectItemIndicator = /* @__PURE__ */ React298.forwardRef(function SelectItemIndicator2(componentProps, forwardedRef) {
   const {
     selected
   } = useSelectItemContext();
@@ -39150,7 +39821,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,
@@ -39161,7 +39832,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
@@ -39193,8 +39864,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
-import * as React296 from "react";
-var SelectItemText = /* @__PURE__ */ React296.memo(/* @__PURE__ */ React296.forwardRef(function SelectItemText2(componentProps, forwardedRef) {
+import * as React299 from "react";
+var SelectItemText = /* @__PURE__ */ React299.memo(/* @__PURE__ */ React299.forwardRef(function SelectItemText2(componentProps, forwardedRef) {
   const {
     index: index2,
     textRef,
@@ -39210,7 +39881,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;
     }
@@ -39230,8 +39901,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
-import * as React297 from "react";
-var SelectArrow = /* @__PURE__ */ React297.forwardRef(function SelectArrow2(componentProps, forwardedRef) {
+import * as React300 from "react";
+var SelectArrow = /* @__PURE__ */ React300.forwardRef(function SelectArrow2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -39273,11 +39944,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
-import * as React299 from "react";
+import * as React302 from "react";
 
 // ../../node_modules/@base-ui/react/select/scroll-arrow/SelectScrollArrow.mjs
-import * as React298 from "react";
-var SelectScrollArrow = /* @__PURE__ */ React298.forwardRef(function SelectScrollArrow2(componentProps, forwardedRef) {
+import * as React301 from "react";
+var SelectScrollArrow = /* @__PURE__ */ React301.forwardRef(function SelectScrollArrow2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -39420,7 +40091,7 @@ function getTargetScrollTop(items, isUp, scrollTop, clientHeight, scrollArrowHei
 
 // ../../node_modules/@base-ui/react/select/scroll-down-arrow/SelectScrollDownArrow.mjs
 import { jsx as _jsx52 } from "react/jsx-runtime";
-var SelectScrollDownArrow = /* @__PURE__ */ React299.forwardRef(function SelectScrollDownArrow2(props, forwardedRef) {
+var SelectScrollDownArrow = /* @__PURE__ */ React302.forwardRef(function SelectScrollDownArrow2(props, forwardedRef) {
   return /* @__PURE__ */ _jsx52(SelectScrollArrow, {
     ...props,
     ref: forwardedRef,
@@ -39430,9 +40101,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
-import * as React300 from "react";
+import * as React303 from "react";
 import { jsx as _jsx53 } from "react/jsx-runtime";
-var SelectScrollUpArrow = /* @__PURE__ */ React300.forwardRef(function SelectScrollUpArrow2(props, forwardedRef) {
+var SelectScrollUpArrow = /* @__PURE__ */ React303.forwardRef(function SelectScrollUpArrow2(props, forwardedRef) {
   return /* @__PURE__ */ _jsx53(SelectScrollArrow, {
     ...props,
     ref: forwardedRef,
@@ -39442,14 +40113,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
-import * as React302 from "react";
+import * as React305 from "react";
 
 // ../../node_modules/@base-ui/react/select/group/SelectGroupContext.mjs
-import * as React301 from "react";
-var SelectGroupContext = /* @__PURE__ */ React301.createContext(void 0);
+import * as React304 from "react";
+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));
   }
@@ -39458,15 +40129,15 @@ function useSelectGroupContext() {
 
 // ../../node_modules/@base-ui/react/select/group/SelectGroup.mjs
 import { jsx as _jsx54 } from "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]);
@@ -39485,8 +40156,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
-import * as React303 from "react";
-var SelectGroupLabel = /* @__PURE__ */ React303.forwardRef(function SelectGroupLabel2(componentProps, forwardedRef) {
+import * as React306 from "react";
+var SelectGroupLabel = /* @__PURE__ */ React306.forwardRef(function SelectGroupLabel2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -39515,8 +40186,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
-import * as React304 from "react";
-var ListboxSeparator = /* @__PURE__ */ React304.forwardRef(function ListboxSeparator2(componentProps, forwardedRef) {
+import * as React307 from "react";
+var ListboxSeparator = /* @__PURE__ */ React307.forwardRef(function ListboxSeparator2(componentProps, forwardedRef) {
   const {
     className,
     render,
@@ -39541,10 +40212,10 @@ if (process.env.NODE_ENV !== "production") ListboxSeparator.displayName = "Listb
 var SelectSeparator = ListboxSeparator;
 
 // src/components/SelectMenu.tsx
-import React305, {
+import React308, {
   useCallback as useCallback53,
   useMemo as useMemo88,
-  useState as useState73
+  useState as useState74
 } from "react";
 var readOnlyStyle = {
   justifyContent: "flex-start",
@@ -39568,29 +40239,29 @@ function SelectItemContent({
   indented,
   children
 }) {
-  return /* @__PURE__ */ React305.createElement(React305.Fragment, null, indented && /* @__PURE__ */ React305.createElement(Spacer.Horizontal, { size: CHECKBOX_INDENT_WIDTH }), checked ? /* @__PURE__ */ React305.createElement(
+  return /* @__PURE__ */ React308.createElement(React308.Fragment, null, indented && /* @__PURE__ */ React308.createElement(Spacer.Horizontal, { size: CHECKBOX_INDENT_WIDTH }), checked ? /* @__PURE__ */ React308.createElement(
     "span",
     {
       className: "n-flex n-items-center n-relative -n-left-2.5",
       style: { marginRight: -CHECKBOX_RIGHT_INSET }
     },
-    /* @__PURE__ */ React305.createElement(CheckIcon5, null)
-  ) : indented ? /* @__PURE__ */ React305.createElement(Spacer.Horizontal, { size: CHECKBOX_WIDTH - CHECKBOX_RIGHT_INSET }) : null, icon && (typeof icon === "string" ? /* @__PURE__ */ React305.createElement(
+    /* @__PURE__ */ React308.createElement(CheckIcon5, null)
+  ) : indented ? /* @__PURE__ */ React308.createElement(Spacer.Horizontal, { size: CHECKBOX_WIDTH - CHECKBOX_RIGHT_INSET }) : null, icon && (typeof icon === "string" ? /* @__PURE__ */ React308.createElement(
     Icon,
     {
       name: icon,
       className: "n-mr-2 n-w-4 n-h-4 n-flex-shrink-0"
     }
-  ) : /* @__PURE__ */ React305.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__ */ React305.createElement("div", { className: "n-flex n-items-center n-flex-1" }, children));
+  ) : /* @__PURE__ */ React308.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__ */ React308.createElement("div", { className: "n-flex n-items-center n-flex-1" }, children));
 }
 function SelectMenuItems({
   items,
   hasCheckedItem
 }) {
-  return /* @__PURE__ */ React305.createElement(React305.Fragment, null, items.map((item, index2) => {
+  return /* @__PURE__ */ React308.createElement(React308.Fragment, null, items.map((item, index2) => {
     switch (item.type) {
       case "separator":
-        return /* @__PURE__ */ React305.createElement(
+        return /* @__PURE__ */ React308.createElement(
           index_parts_exports10.Separator,
           {
             key: index2,
@@ -39598,7 +40269,7 @@ function SelectMenuItems({
           }
         );
       case "sectionHeader":
-        return /* @__PURE__ */ React305.createElement(
+        return /* @__PURE__ */ React308.createElement(
           SectionHeaderMenuItem,
           {
             isFirst: index2 === 0,
@@ -39611,21 +40282,21 @@ function SelectMenuItems({
       case "submenu":
         return null;
       default:
-        return /* @__PURE__ */ React305.createElement("div", { key: item.value, className: "n-px-1" }, /* @__PURE__ */ React305.createElement(
+        return /* @__PURE__ */ React308.createElement("div", { key: item.value, className: "n-px-1" }, /* @__PURE__ */ React308.createElement(
           index_parts_exports10.Item,
           {
             value: item.value,
             disabled: item.disabled,
             className: itemStyle3
           },
-          /* @__PURE__ */ React305.createElement(
+          /* @__PURE__ */ React308.createElement(
             SelectItemContent,
             {
               icon: item.icon,
               checked: item.checked,
               indented: hasCheckedItem
             },
-            /* @__PURE__ */ React305.createElement(index_parts_exports10.ItemText, null, item.title ?? item.value)
+            /* @__PURE__ */ React308.createElement(index_parts_exports10.ItemText, null, item.title ?? item.value)
           )
         ));
     }
@@ -39652,7 +40323,7 @@ var SelectMenu = memoGeneric(function SelectMenu2({
     (item) => isSelectableMenuItem(item) && item.value === value
   );
   const icon = selectedItem?.icon;
-  const [internalOpen, setInternalOpen] = useState73(open ?? false);
+  const [internalOpen, setInternalOpen] = useState74(open ?? false);
   const { label, fieldId: id } = useLabel({
     label: props.label,
     fieldId: props.id
@@ -39677,7 +40348,7 @@ var SelectMenu = memoGeneric(function SelectMenu2({
     (item) => isSelectableMenuItem(item) && item.checked
   );
   const readOnlyButton = useMemo88(
-    () => /* @__PURE__ */ React305.createElement(
+    () => /* @__PURE__ */ React308.createElement(
       Button,
       {
         id,
@@ -39687,7 +40358,7 @@ var SelectMenu = memoGeneric(function SelectMenu2({
         disabled: disabled2
       },
       icon && renderIcon(icon),
-      /* @__PURE__ */ React305.createElement("span", { className: "n-flex n-flex-1" }, selectedItem?.title ?? value)
+      /* @__PURE__ */ React308.createElement("span", { className: "n-flex n-flex-1" }, selectedItem?.title ?? value)
     ),
     [icon, id, style2, className, disabled2, value, selectedItem]
   );
@@ -39699,7 +40370,7 @@ var SelectMenu = memoGeneric(function SelectMenu2({
       ...contentStyleProp
     };
   }, [contentStyleProp]);
-  const content = /* @__PURE__ */ React305.createElement(
+  const content = /* @__PURE__ */ React308.createElement(
     index_parts_exports10.Root,
     {
       value,
@@ -39708,13 +40379,13 @@ var SelectMenu = memoGeneric(function SelectMenu2({
       onOpenChange: handleOpenChange,
       disabled: disabled2
     },
-    /* @__PURE__ */ React305.createElement(
+    /* @__PURE__ */ React308.createElement(
       index_parts_exports10.Trigger,
       {
         id,
         onFocus,
         onBlur,
-        render: /* @__PURE__ */ React305.createElement(
+        render: /* @__PURE__ */ React308.createElement(
           Button,
           {
             style: style2,
@@ -39727,10 +40398,10 @@ var SelectMenu = memoGeneric(function SelectMenu2({
           }
         )
       },
-      icon && /* @__PURE__ */ React305.createElement("span", { className: "n-pr-1.5" }, renderIcon(icon)),
-      label && labelType === "inset" && /* @__PURE__ */ React305.createElement("div", { className: insetEndStyles }, /* @__PURE__ */ React305.createElement(Label, { className: "n-pr-4 n-text-text-disabled", htmlFor: id }, label)),
-      /* @__PURE__ */ React305.createElement("span", { className: "n-flex-1 n-flex" }, /* @__PURE__ */ React305.createElement(index_parts_exports10.Value, null, selectedItem?.title ?? value ?? placeholder)),
-      /* @__PURE__ */ React305.createElement(index_parts_exports10.Icon, null, /* @__PURE__ */ React305.createElement(
+      icon && /* @__PURE__ */ React308.createElement("span", { className: "n-pr-1.5" }, renderIcon(icon)),
+      label && labelType === "inset" && /* @__PURE__ */ React308.createElement("div", { className: insetEndStyles }, /* @__PURE__ */ React308.createElement(Label, { className: "n-pr-4 n-text-text-disabled", htmlFor: id }, label)),
+      /* @__PURE__ */ React308.createElement("span", { className: "n-flex-1 n-flex" }, /* @__PURE__ */ React308.createElement(index_parts_exports10.Value, null, selectedItem?.title ?? value ?? placeholder)),
+      /* @__PURE__ */ React308.createElement(index_parts_exports10.Icon, null, /* @__PURE__ */ React308.createElement(
         DropdownChevronIcon3,
         {
           className: cx(
@@ -39740,7 +40411,7 @@ var SelectMenu = memoGeneric(function SelectMenu2({
         }
       ))
     ),
-    /* @__PURE__ */ React305.createElement(index_parts_exports10.Portal, null, /* @__PURE__ */ React305.createElement(
+    /* @__PURE__ */ React308.createElement(index_parts_exports10.Portal, null, /* @__PURE__ */ React308.createElement(
       index_parts_exports10.Positioner,
       {
         ...portalScopeProps(portalScopeId),
@@ -39750,12 +40421,12 @@ var SelectMenu = memoGeneric(function SelectMenu2({
         style: contentStyle,
         className: "n-z-menu"
       },
-      /* @__PURE__ */ React305.createElement(index_parts_exports10.Popup, { className: styles.contentStyle }, /* @__PURE__ */ React305.createElement(index_parts_exports10.ScrollUpArrow, { className: scrollButtonStyles }, /* @__PURE__ */ React305.createElement(
+      /* @__PURE__ */ React308.createElement(index_parts_exports10.Popup, { className: styles.contentStyle }, /* @__PURE__ */ React308.createElement(index_parts_exports10.ScrollUpArrow, { className: scrollButtonStyles }, /* @__PURE__ */ React308.createElement(
         ChevronUpIcon,
         {
           className: cx("n-transition-transform n-duration-100")
         }
-      )), /* @__PURE__ */ React305.createElement(SelectMenuItems, { items, hasCheckedItem }), /* @__PURE__ */ React305.createElement(index_parts_exports10.ScrollDownArrow, { className: scrollButtonStyles }, /* @__PURE__ */ React305.createElement(ChevronDownIcon, null)))
+      )), /* @__PURE__ */ React308.createElement(SelectMenuItems, { items, hasCheckedItem }), /* @__PURE__ */ React308.createElement(index_parts_exports10.ScrollDownArrow, { className: scrollButtonStyles }, /* @__PURE__ */ React308.createElement(ChevronDownIcon, null)))
     ))
   );
   return readOnly ? readOnlyButton : content;
@@ -39774,7 +40445,7 @@ __export(index_parts_exports11, {
 });
 
 // ../../node_modules/@base-ui/react/slider/root/SliderRoot.mjs
-import * as React307 from "react";
+import * as React310 from "react";
 
 // ../../node_modules/@base-ui/react/slider/utils/asc.mjs
 function asc(a, b) {
@@ -39819,11 +40490,11 @@ var sliderStateAttributesMapping = {
 };
 
 // ../../node_modules/@base-ui/react/slider/root/SliderRootContext.mjs
-import * as React306 from "react";
-var SliderRootContext = /* @__PURE__ */ React306.createContext(void 0);
+import * as React309 from "react";
+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));
   }
@@ -39835,7 +40506,7 @@ import { jsx as _jsx55 } from "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,
@@ -39880,7 +40551,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;
@@ -39889,18 +40560,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) {
@@ -39913,7 +40584,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)];
     }
@@ -39986,7 +40657,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,
@@ -39998,7 +40669,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,
@@ -40060,8 +40731,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
-import * as React308 from "react";
-var SliderLabel = /* @__PURE__ */ React308.forwardRef(function SliderLabel2(componentProps, forwardedRef) {
+import * as React311 from "react";
+var SliderLabel = /* @__PURE__ */ React311.forwardRef(function SliderLabel2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -40105,8 +40776,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
-import * as React309 from "react";
-var SliderValue = /* @__PURE__ */ React309.forwardRef(function SliderValue2(componentProps, forwardedRef) {
+import * as React312 from "react";
+var SliderValue = /* @__PURE__ */ React312.forwardRef(function SliderValue2(componentProps, forwardedRef) {
   const {
     "aria-live": ariaLive = "off",
     render,
@@ -40125,7 +40796,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,
@@ -40144,7 +40815,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
-import * as React310 from "react";
+import * as React313 from "react";
 
 // ../../node_modules/@base-ui/react/slider/utils/getMidpoint.mjs
 function getMidpoint(element, vertical) {
@@ -40330,7 +41001,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,
@@ -40364,17 +41035,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"]');
@@ -40587,7 +41258,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();
@@ -40601,7 +41272,7 @@ var SliderControl = /* @__PURE__ */ React310.forwardRef(function SliderControl2(
       stopListening();
     };
   }, [stopListening, handleTouchStart, controlRef, focusFrame]);
-  React310.useEffect(() => {
+  React313.useEffect(() => {
     if (disabled2) {
       stopListening();
     }
@@ -40664,8 +41335,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
-import * as React311 from "react";
-var SliderTrack = /* @__PURE__ */ React311.forwardRef(function SliderTrack2(componentProps, forwardedRef) {
+import * as React314 from "react";
+var SliderTrack = /* @__PURE__ */ React314.forwardRef(function SliderTrack2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -40690,7 +41361,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
-import * as React313 from "react";
+import * as React316 from "react";
 
 // ../../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"))))}}();';
@@ -40711,7 +41382,7 @@ function useIsHydrating() {
 }
 
 // ../../node_modules/@base-ui/react/internals/PrehydrationScript.mjs
-import * as React312 from "react";
+import * as React315 from "react";
 import { jsx as _jsx56 } from "react/jsx-runtime";
 function PrehydrationScript(props) {
   const {
@@ -40751,7 +41422,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,
@@ -40812,9 +41483,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;
@@ -40830,7 +41501,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 {
@@ -40843,7 +41514,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(() => {
@@ -41054,7 +41725,7 @@ var SliderThumb = /* @__PURE__ */ React313.forwardRef(function SliderThumb2(comp
     ref: [forwardedRef, listItemRef, thumbRef],
     props: [{
       ["data-index"]: index2,
-      children: /* @__PURE__ */ _jsxs21(React313.Fragment, {
+      children: /* @__PURE__ */ _jsxs21(React316.Fragment, {
         children: [childrenProp, /* @__PURE__ */ _jsx57("input", {
           ref: mergedInputRef,
           ...inputProps,
@@ -41082,7 +41753,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
-import * as React314 from "react";
+import * as React317 from "react";
 function getIndicatorStyles(vertical, range2, inset, start, end, forceHidden) {
   const styles3 = {
     visibility: forceHidden || inset && (start === void 0 || range2 && end === void 0) ? "hidden" : void 0,
@@ -41103,7 +41774,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,
@@ -41139,12 +41810,12 @@ var SliderIndicator = /* @__PURE__ */ React314.forwardRef(function SliderIndicat
 if (process.env.NODE_ENV !== "production") SliderIndicator.displayName = "SliderIndicator";
 
 // src/components/Slider.tsx
-import React315, { memo as memo36, useCallback as useCallback54 } from "react";
+import React318, { memo as memo37, useCallback as useCallback54 } from "react";
 var THUMB_WIDTH = 8;
 var thumbStyle = {
   width: THUMB_WIDTH
 };
-var Slider = memo36(function Slider2({
+var Slider = memo37(function Slider2({
   style: style2,
   className,
   value,
@@ -41169,7 +41840,7 @@ var Slider = memo36(function Slider2({
     [onValueChange]
   );
   const ratio = (clampedValue - min2) / (max2 - min2);
-  return /* @__PURE__ */ React315.createElement(
+  return /* @__PURE__ */ React318.createElement(
     index_parts_exports11.Root,
     {
       min: min2,
@@ -41188,7 +41859,7 @@ var Slider = memo36(function Slider2({
       disabled: readOnly,
       thumbAlignment: "edge"
     },
-    /* @__PURE__ */ React315.createElement(index_parts_exports11.Control, { className: "n-relative n-flex-grow n-h-[21px] n-flex n-items-center" }, /* @__PURE__ */ React315.createElement(index_parts_exports11.Track, { className: "n-relative n-flex-grow n-h-[3px] n-overflow-hidden" }, /* @__PURE__ */ React315.createElement(
+    /* @__PURE__ */ React318.createElement(index_parts_exports11.Control, { className: "n-relative n-flex-grow n-h-[21px] n-flex n-items-center" }, /* @__PURE__ */ React318.createElement(index_parts_exports11.Track, { className: "n-relative n-flex-grow n-h-[3px] n-overflow-hidden" }, /* @__PURE__ */ React318.createElement(
       "div",
       {
         className: "n-absolute n-h-full n-rounded-l n-bg-slider-active-background",
@@ -41199,7 +41870,7 @@ var Slider = memo36(function Slider2({
           width: `calc(${ratio * 100}% - ${ratio * THUMB_WIDTH + 2}px)`
         }
       }
-    ), /* @__PURE__ */ React315.createElement(
+    ), /* @__PURE__ */ React318.createElement(
       "div",
       {
         className: "n-absolute n-h-full n-rounded-r n-bg-input-background",
@@ -41209,7 +41880,7 @@ var Slider = memo36(function Slider2({
           width: `calc(${(1 - ratio) * 100}% - ${(1 - ratio) * THUMB_WIDTH + 2}px)`
         }
       }
-    )), /* @__PURE__ */ React315.createElement(
+    )), /* @__PURE__ */ React318.createElement(
       index_parts_exports11.Thumb,
       {
         style: thumbStyle,
@@ -41226,34 +41897,34 @@ var Slider = memo36(function Slider2({
 });
 
 // src/components/sorting/createSharedDrag.tsx
-import * as React316 from "react";
+import * as React319 from "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
 import { ArrowDownIcon, ArrowUpIcon } from "@noya-app/noya-icons";
-import React317, { forwardRef as forwardRef128 } from "react";
+import React320, { forwardRef as forwardRef129 } from "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 = forwardRef128(
+var StatCard = forwardRef129(
   function StatCard2({
     label,
     value,
@@ -41265,14 +41936,14 @@ var StatCard = forwardRef128(
     ...props
   }, forwardedRef) {
     const TrendIcon = trend === "down" ? ArrowDownIcon : ArrowUpIcon;
-    return /* @__PURE__ */ React317.createElement(
+    return /* @__PURE__ */ React320.createElement(
       Card,
       {
         ref: forwardedRef,
         className: cx("n-flex n-items-center n-gap-4", className),
         ...props
       },
-      icon && /* @__PURE__ */ React317.createElement(
+      icon && /* @__PURE__ */ React320.createElement(
         "div",
         {
           "aria-hidden": "true",
@@ -41283,24 +41954,24 @@ var StatCard = forwardRef128(
         },
         renderIcon(icon)
       ),
-      /* @__PURE__ */ React317.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__ */ React317.createElement("div", { className: "n-flex n-items-center n-gap-4" }, /* @__PURE__ */ React317.createElement(Small, { className: "n-min-w-0 n-flex-1 n-opacity-70" }, label), change !== void 0 && /* @__PURE__ */ React317.createElement(
+      /* @__PURE__ */ React320.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__ */ React320.createElement("div", { className: "n-flex n-items-center n-gap-4" }, /* @__PURE__ */ React320.createElement(Small, { className: "n-min-w-0 n-flex-1 n-opacity-70" }, label), change !== void 0 && /* @__PURE__ */ React320.createElement(
         Chip,
         {
           className: "n-flex-none n-gap-1",
           colorScheme,
           size: "large"
         },
-        trend && /* @__PURE__ */ React317.createElement(TrendIcon, { "aria-hidden": "true" }),
+        trend && /* @__PURE__ */ React320.createElement(TrendIcon, { "aria-hidden": "true" }),
         change
-      )), /* @__PURE__ */ React317.createElement(Heading1, { as: "div", className: "!n-font-bold n-leading-none" }, value))
+      )), /* @__PURE__ */ React320.createElement(Heading1, { as: "div", className: "!n-font-bold n-leading-none" }, value))
     );
   }
 );
 
 // src/components/Stepper.tsx
 import { clamp as clamp9 } from "@noya-app/noya-utils";
-import React318, { memo as memo37, useCallback as useCallback55, useMemo as useMemo92 } from "react";
-var Stepper = memo37(function Stepper2({
+import React321, { memo as memo38, useCallback as useCallback55, useMemo as useMemo92 } from "react";
+var Stepper = memo38(function Stepper2({
   style: style2,
   className,
   value: valueProp,
@@ -41327,7 +41998,7 @@ var Stepper = memo37(function Stepper2({
     },
     [onValueChange, min2, max2]
   );
-  return /* @__PURE__ */ React318.createElement(
+  return /* @__PURE__ */ React321.createElement(
     "div",
     {
       id,
@@ -41339,7 +42010,7 @@ var Stepper = memo37(function Stepper2({
       onFocus,
       onBlur
     },
-    /* @__PURE__ */ React318.createElement(
+    /* @__PURE__ */ React321.createElement(
       InputField2.Root,
       {
         className: "n-flex-1",
@@ -41347,7 +42018,7 @@ var Stepper = memo37(function Stepper2({
         startClassName: "-n-ml-[3px]",
         endWidth: 17,
         endClassName: "-n-mr-[3px]",
-        start: /* @__PURE__ */ React318.createElement(
+        start: /* @__PURE__ */ React321.createElement(
           IconButton,
           {
             iconName: "MinusIcon",
@@ -41361,7 +42032,7 @@ var Stepper = memo37(function Stepper2({
             }
           }
         ),
-        end: /* @__PURE__ */ React318.createElement(
+        end: /* @__PURE__ */ React321.createElement(
           IconButton,
           {
             iconName: "PlusIcon",
@@ -41376,7 +42047,7 @@ var Stepper = memo37(function Stepper2({
           }
         )
       },
-      /* @__PURE__ */ React318.createElement(
+      /* @__PURE__ */ React321.createElement(
         InputField2.NumberInput,
         {
           value,
@@ -41397,14 +42068,14 @@ __export(index_parts_exports12, {
 });
 
 // ../../node_modules/@base-ui/react/switch/root/SwitchRoot.mjs
-import * as React321 from "react";
+import * as React324 from "react";
 
 // ../../node_modules/@base-ui/react/switch/root/SwitchRootContext.mjs
-import * as React319 from "react";
-var SwitchRootContext = /* @__PURE__ */ React319.createContext(void 0);
+import * as React322 from "react";
+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));
   }
@@ -41427,9 +42098,9 @@ var stateAttributesMapping6 = {
 };
 
 // ../../node_modules/@base-ui/react/internals/labelable-provider/useAriaLabelledBy.mjs
-import * as React320 from "react";
+import * as React323 from "react";
 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(() => {
@@ -41471,7 +42142,7 @@ function findAssociatedLabel(labelSource) {
 
 // ../../node_modules/@base-ui/react/switch/root/SwitchRoot.mjs
 import { jsx as _jsx58, jsxs as _jsxs22 } from "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,
@@ -41512,9 +42183,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,
@@ -41624,7 +42295,7 @@ var SwitchRoot = /* @__PURE__ */ React321.forwardRef(function SwitchRoot2(compon
       value
     } : EMPTY_OBJECT
   };
-  const state = React321.useMemo(() => ({
+  const state = React324.useMemo(() => ({
     ...fieldState,
     checked,
     disabled: disabled2,
@@ -41654,8 +42325,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
-import * as React322 from "react";
-var SwitchThumb = /* @__PURE__ */ React322.forwardRef(function SwitchThumb2(componentProps, forwardedRef) {
+import * as React325 from "react";
+var SwitchThumb = /* @__PURE__ */ React325.forwardRef(function SwitchThumb2(componentProps, forwardedRef) {
   const {
     render,
     className,
@@ -41673,7 +42344,7 @@ var SwitchThumb = /* @__PURE__ */ React322.forwardRef(function SwitchThumb2(comp
 if (process.env.NODE_ENV !== "production") SwitchThumb.displayName = "SwitchThumb";
 
 // src/components/Switch.tsx
-import * as React323 from "react";
+import * as React326 from "react";
 var Switch = function Switch2({
   id,
   value,
@@ -41685,7 +42356,7 @@ var Switch = function Switch2({
   style: style2,
   className
 }) {
-  return /* @__PURE__ */ React323.createElement(
+  return /* @__PURE__ */ React326.createElement(
     index_parts_exports12.Root,
     {
       id,
@@ -41704,12 +42375,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
-import * as React324 from "react";
+import * as React327 from "react";
 function Tabs({
   value,
   onValueChange,
@@ -41724,7 +42395,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",
@@ -41733,11 +42404,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
-import React325, { useCallback as useCallback56, useMemo as useMemo94, useState as useState77 } from "react";
+import React328, { useCallback as useCallback56, useMemo as useMemo94, useState as useState78 } from "react";
 function UserPicker({
   users,
   value,
@@ -41761,7 +42432,7 @@ function UserPicker({
     return sortedUsers.map(createUserMenuItem);
   }, [sortedUsers]);
   const isControlled = value !== void 0;
-  const [uncontrolledValue, setUncontrolledValue] = useState77(defaultValue2);
+  const [uncontrolledValue, setUncontrolledValue] = useState78(defaultValue2);
   const selectedUserId = isControlled ? value : uncontrolledValue;
   const selectedItem = useMemo94(() => {
     if (!selectedUserId) return void 0;
@@ -41783,7 +42454,7 @@ function UserPicker({
     },
     [updateSelectedUserId, onSelectUser, usersById]
   );
-  return /* @__PURE__ */ React325.createElement(
+  return /* @__PURE__ */ React328.createElement(
     Combobox,
     {
       ...rest,
@@ -41807,7 +42478,7 @@ function createUserMenuItem(user) {
   return {
     value: user.id,
     title,
-    icon: /* @__PURE__ */ React325.createElement("div", { className: "n-relative n-w-[15px] n-h-[15px]" }, /* @__PURE__ */ React325.createElement(
+    icon: /* @__PURE__ */ React328.createElement("div", { className: "n-relative n-w-[15px] n-h-[15px]" }, /* @__PURE__ */ React328.createElement(
       Avatar,
       {
         size: 15 + overflow * 2,
@@ -41826,15 +42497,15 @@ function createUserMenuItem(user) {
 }
 
 // src/components/UserPointer.tsx
-import React326, { memo as memo38, useMemo as useMemo95 } from "react";
-var UserPointerContainer = memo38(function UserPointerContainer2({
+import React329, { memo as memo39, useMemo as useMemo95 } from "react";
+var UserPointerContainer = memo39(function UserPointerContainer2({
   point,
   visible,
   children,
   className,
   style: style2
 }) {
-  return /* @__PURE__ */ React326.createElement(
+  return /* @__PURE__ */ React329.createElement(
     "div",
     {
       style: {
@@ -41853,7 +42524,7 @@ var UserPointerContainer = memo38(function UserPointerContainer2({
     children
   );
 });
-var UserNameTag = memo38(function UserNameTag2({
+var UserNameTag = memo39(function UserNameTag2({
   backgroundColor,
   className,
   style: style2,
@@ -41862,7 +42533,7 @@ var UserNameTag = memo38(function UserNameTag2({
   size: size4 = "medium",
   bordered = true
 }) {
-  return /* @__PURE__ */ React326.createElement(
+  return /* @__PURE__ */ React329.createElement(
     "span",
     {
       className: cx(
@@ -41881,14 +42552,14 @@ var UserNameTag = memo38(function UserNameTag2({
     children
   );
 });
-var UserPointerIcon = memo38(function PointerIcon({
+var UserPointerIcon = memo39(function PointerIcon({
   size: size4,
   color = "black",
   className,
   style: style2
 }) {
   const points = "0,5 10,0 10,10";
-  return /* @__PURE__ */ React326.createElement(
+  return /* @__PURE__ */ React329.createElement(
     "svg",
     {
       width: size4,
@@ -41903,7 +42574,7 @@ var UserPointerIcon = memo38(function PointerIcon({
         ...style2
       }
     },
-    /* @__PURE__ */ React326.createElement(
+    /* @__PURE__ */ React329.createElement(
       "polygon",
       {
         points,
@@ -41916,7 +42587,7 @@ var UserPointerIcon = memo38(function PointerIcon({
 });
 var POINTER_SIZE = 12;
 var POINTER_OVERLAP = 6;
-var UserPointer = memo38(function UserPointer2({
+var UserPointer = memo39(function UserPointer2({
   userId,
   name,
   visible = true,
@@ -41944,7 +42615,7 @@ var UserPointer = memo38(function UserPointer2({
     () => ({ marginLeft: `${POINTER_SIZE - POINTER_OVERLAP + 1}px` }),
     []
   );
-  return /* @__PURE__ */ React326.createElement(
+  return /* @__PURE__ */ React329.createElement(
     UserPointerContainer,
     {
       point,
@@ -41952,14 +42623,14 @@ var UserPointer = memo38(function UserPointer2({
       className,
       style: style2
     },
-    name && /* @__PURE__ */ React326.createElement("div", { className: "n-relative" }, showPointerIcon && /* @__PURE__ */ React326.createElement(
+    name && /* @__PURE__ */ React329.createElement("div", { className: "n-relative" }, showPointerIcon && /* @__PURE__ */ React329.createElement(
       UserPointerIcon,
       {
         size: POINTER_SIZE,
         color: userBackgroundColor,
         style: pointerOverlapStyle
       }
-    ), /* @__PURE__ */ React326.createElement(
+    ), /* @__PURE__ */ React329.createElement(
       UserNameTag,
       {
         backgroundColor: userBackgroundColor,
@@ -41975,7 +42646,7 @@ var UserPointer = memo38(function UserPointer2({
 
 // src/components/workspace/WorkspaceLayout.tsx
 import { useKeyboardShortcuts as useKeyboardShortcuts4 } from "@noya-app/noya-keymap";
-import React336, {
+import React337, {
   memo as memo40,
   useCallback as useCallback61,
   useImperativeHandle as useImperativeHandle18,
@@ -41984,7 +42655,7 @@ import React336, {
 } from "react";
 
 // src/components/OverlayToolbar.tsx
-import React327, { useCallback as useCallback57, useLayoutEffect as useLayoutEffect11, useMemo as useMemo96, useRef as useRef94 } from "react";
+import React330, { useCallback as useCallback57, useLayoutEffect as useLayoutEffect11, useMemo as useMemo96, useRef as useRef94 } from "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,
@@ -42064,7 +42735,7 @@ function OverlayToolbar({
   }, [emitRects, hasLeft, hasRight, onRectsChange]);
   const renderLeftPanel = (overlayId) => {
     if (!left) return null;
-    return /* @__PURE__ */ React327.createElement(
+    return /* @__PURE__ */ React330.createElement(
       "div",
       {
         ref: leftPanelRef,
@@ -42075,7 +42746,7 @@ function OverlayToolbar({
       left
     );
   };
-  return /* @__PURE__ */ React327.createElement(React327.Fragment, null, resolvedLayout === "bottomCenterTopRight" ? /* @__PURE__ */ React327.createElement(
+  return /* @__PURE__ */ React330.createElement(React330.Fragment, null, resolvedLayout === "bottomCenterTopRight" ? /* @__PURE__ */ React330.createElement(
     "div",
     {
       className: cx(
@@ -42084,7 +42755,7 @@ function OverlayToolbar({
       )
     },
     renderLeftPanel("noya-toolbar-bottom-center")
-  ) : /* @__PURE__ */ React327.createElement(
+  ) : /* @__PURE__ */ React330.createElement(
     "div",
     {
       className: cx(
@@ -42093,7 +42764,7 @@ function OverlayToolbar({
       )
     },
     renderLeftPanel("noya-toolbar-top-left")
-  ), right && /* @__PURE__ */ React327.createElement(
+  ), right && /* @__PURE__ */ React330.createElement(
     "div",
     {
       className: cx(
@@ -42101,7 +42772,7 @@ function OverlayToolbar({
         className
       )
     },
-    /* @__PURE__ */ React327.createElement(
+    /* @__PURE__ */ React330.createElement(
       "div",
       {
         ref: rightPanelRef,
@@ -42115,319 +42786,7 @@ function OverlayToolbar({
 }
 
 // src/components/workspace/DrawerWorkspaceLayout.tsx
-import React330, { useMemo as useMemo97, useState as useState78 } from "react";
-
-// src/components/AppToolbar.tsx
-import { useKeyboardShortcuts as useKeyboardShortcuts3 } from "@noya-app/noya-keymap";
-import React329, {
-  createContext as createContext63,
-  useContext as useContext63
-} from "react";
-
-// src/components/ToolbarDrawer.tsx
-import React328, { forwardRef as forwardRef131, memo as memo39 } from "react";
-var ToolbarDrawer = memo39(
-  forwardRef131(function ToolbarDrawer2({ children, trigger, sideOffset = 8 }, ref) {
-    return /* @__PURE__ */ React328.createElement("div", { className: "n-relative", ref }, /* @__PURE__ */ React328.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 = createContext63({});
-var ToolbarMenuDropdown = memoGeneric(function ToolbarMenuDropdown2({
-  item,
-  onSelectMenuItem,
-  onPopoverOpenChange
-}) {
-  const [open, setOpen] = React329.useState(false);
-  const handleOpenChange = React329.useCallback(
-    (newOpen) => {
-      setOpen(newOpen);
-      onPopoverOpenChange?.(newOpen);
-    },
-    [onPopoverOpenChange]
-  );
-  return /* @__PURE__ */ React329.createElement(
-    DropdownMenu,
-    {
-      open,
-      onOpenChange: handleOpenChange,
-      items: item.items,
-      modal: false,
-      onSelect: (value) => {
-        if (onSelectMenuItem && value) {
-          onSelectMenuItem(value);
-        }
-      }
-    },
-    /* @__PURE__ */ React329.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__ */ React329.createElement("div", { className: "n-flex n-items-center" }, label, /* @__PURE__ */ React329.createElement(Spacer.Horizontal, { size: 6 }), /* @__PURE__ */ React329.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] = React329.useState(false);
-  const handleOpenChange = React329.useCallback(
-    (newOpen) => {
-      setOpen(newOpen);
-      onPopoverOpenChange?.(newOpen);
-    },
-    [onPopoverOpenChange]
-  );
-  const { useDialogOnSmallScreen, isSmallScreen, openDialog } = useContext63(ToolbarMenuContext);
-  const shouldUseDialog = useDialogOnSmallScreen && isSmallScreen && openDialog;
-  const handleOpenDialog = React329.useCallback(() => {
-    if (!openDialog) return;
-    handleOpenChange(true);
-    const dialogContent = typeof itemContent === "function" ? (props) => /* @__PURE__ */ React329.createElement("div", { className: "-n-m-3" }, itemContent(props)) : /* @__PURE__ */ React329.createElement("div", { className: "-n-m-3" }, itemContent);
-    const dialog = openDialog({
-      title,
-      children: dialogContent
-    });
-    dialog.then(() => handleOpenChange(false));
-  }, [openDialog, itemContent, title, handleOpenChange]);
-  const trigger = /* @__PURE__ */ React329.createElement(
-    Button,
-    {
-      disabled: disabled2,
-      active: checked || open,
-      icon,
-      iconRight: "DropdownChevronIcon",
-      onClick: shouldUseDialog ? handleOpenDialog : void 0,
-      ...buttonProps
-    },
-    title
-  );
-  if (shouldUseDialog) {
-    return tooltip && !open ? /* @__PURE__ */ React329.createElement(
-      Tooltip,
-      {
-        sideOffset: SIDE_OFFSET,
-        side: "top",
-        content: tooltip,
-        portalContainer
-      },
-      trigger
-    ) : trigger;
-  }
-  const content = /* @__PURE__ */ React329.createElement("span", null, /* @__PURE__ */ React329.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__ */ React329.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__ */ React329.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__ */ React329.createElement(ToolbarDrawer, { trigger: content }, item.drawer) : tooltip ? /* @__PURE__ */ React329.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 } = useContext63(ToolbarMenuContext);
-  const dividerOverflow = dividerOverflowProp ?? contextDividerOverflow ?? 4;
-  if (item.type === "sectionHeader") return null;
-  if (item.type === "separator") {
-    return /* @__PURE__ */ React329.createElement(DividerVertical, { overflow: dividerOverflow });
-  }
-  if (item.type === "popover") {
-    return /* @__PURE__ */ React329.createElement(
-      ToolbarMenuPopover,
-      {
-        item,
-        portalContainer,
-        onPopoverOpenChange
-      }
-    );
-  }
-  if (isSelectableMenuItem(item)) {
-    return /* @__PURE__ */ React329.createElement(
-      ToolbarMenuButton,
-      {
-        item,
-        onSelectMenuItem,
-        as: buttonAs,
-        activeValue,
-        tooltipSide,
-        displayFilter
-      }
-    );
-  }
-  return /* @__PURE__ */ React329.createElement(
-    ToolbarMenuDropdown,
-    {
-      item,
-      onSelectMenuItem,
-      onPopoverOpenChange
-    }
-  );
-});
-var ToolbarMenu = memoGeneric(function ToolbarMenu2({
-  items,
-  onSelectMenuItem,
-  buttonAs,
-  activeValue,
-  tooltipSide,
-  portalContainer,
-  displayFilter = "iconAndText",
-  dividerOverflow,
-  onPopoverOpenChange
-}) {
-  return /* @__PURE__ */ React329.createElement(React329.Fragment, null, items.map((item, i) => {
-    return /* @__PURE__ */ React329.createElement(
-      ToolbarMenuItem,
-      {
-        key: i,
-        item,
-        onSelectMenuItem,
-        buttonAs,
-        activeValue,
-        tooltipSide,
-        portalContainer,
-        displayFilter,
-        dividerOverflow,
-        onPopoverOpenChange
-      }
-    );
-  }));
-});
-function useBindKeyboardShortcutsForMenuItems(items, onSelectMenuItem) {
-  return useKeyboardShortcuts3(
-    React329.useMemo(
-      () => onSelectMenuItem ? getKeyboardShortcutsForMenuItems(items, onSelectMenuItem) : {},
-      [items, onSelectMenuItem]
-    )
-  );
-}
-function AppToolbar({
-  children,
-  logo,
-  leftMenuItems = [],
-  rightMenuItems = [],
-  onSelectMenuItem,
-  shouldBindKeyboardShortcuts = true,
-  dividerOverflow
-}) {
-  const allMenuItems = React329.useMemo(
-    () => [...leftMenuItems, ...rightMenuItems],
-    [leftMenuItems, rightMenuItems]
-  );
-  useBindKeyboardShortcutsForMenuItems(
-    allMenuItems,
-    shouldBindKeyboardShortcuts ? onSelectMenuItem : void 0
-  );
-  return /* @__PURE__ */ React329.createElement(
-    BaseToolbar,
-    {
-      logo,
-      left: leftMenuItems.length > 0 && /* @__PURE__ */ React329.createElement("div", { className: "n-flex n-gap-2" }, /* @__PURE__ */ React329.createElement(
-        ToolbarMenu,
-        {
-          items: leftMenuItems,
-          onSelectMenuItem,
-          dividerOverflow
-        }
-      )),
-      right: rightMenuItems.length > 0 && /* @__PURE__ */ React329.createElement("div", { className: "n-flex n-gap-2" }, /* @__PURE__ */ React329.createElement(
-        ToolbarMenu,
-        {
-          items: rightMenuItems,
-          onSelectMenuItem,
-          dividerOverflow
-        }
-      ))
-    },
-    children
-  );
-}
+import React331, { useMemo as useMemo97, useState as useState79 } from "react";
 
 // src/components/workspace/constants.ts
 var EDITOR_PANEL_GROUP_ID = "editor-panel-group";
@@ -42450,11 +42809,11 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
   onChangeLeftTab,
   compactDrawerMenu
 }) {
-  const [{ leftSidebarCollapsed, rightSidebarCollapsed }, setLayoutState] = useState78({
+  const [{ leftSidebarCollapsed, rightSidebarCollapsed }, setLayoutState] = useState79({
     leftSidebarCollapsed: true,
     rightSidebarCollapsed: true
   });
-  React330.useImperativeHandle(
+  React331.useImperativeHandle(
     leftSidebarRef,
     () => ({
       expand: () => setLayoutState((prev) => ({
@@ -42467,7 +42826,7 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
     }),
     [leftSidebarCollapsed]
   );
-  React330.useImperativeHandle(
+  React331.useImperativeHandle(
     rightSidebarRef,
     () => ({
       expand: () => setLayoutState((prev) => ({
@@ -42540,13 +42899,13 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
     })),
     [allSelectableTabItems, activeTabValue]
   );
-  return /* @__PURE__ */ React330.createElement(
+  return /* @__PURE__ */ React331.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__ */ React330.createElement(React330.Fragment, null, /* @__PURE__ */ React330.createElement(
+    hasTabs && !compactTabItem && /* @__PURE__ */ React331.createElement(React331.Fragment, null, /* @__PURE__ */ React331.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",
@@ -42555,15 +42914,15 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
           [cssVarNames.colors.buttonBackground]: "transparent"
         }
       },
-      /* @__PURE__ */ React330.createElement(
+      /* @__PURE__ */ React331.createElement(
         ToolbarMenu,
         {
           items: toolbarMenuItems,
           onSelectMenuItem: handleSelectTab
         }
       )
-    ), /* @__PURE__ */ React330.createElement(Divider, null)),
-    compactTabItem && /* @__PURE__ */ React330.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__ */ React330.createElement(
+    ), /* @__PURE__ */ React331.createElement(Divider, null)),
+    compactTabItem && /* @__PURE__ */ React331.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__ */ React331.createElement(
       Button,
       {
         "aria-label": typeof compactTabItem.title === "string" ? compactTabItem.title : "Toggle sidebar",
@@ -42579,17 +42938,17 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
         onClick: () => handleSelectTab(compactTabItem.value)
       }
     )),
-    /* @__PURE__ */ React330.createElement("div", { className: "n-flex-1 n-flex n-flex-col n-relative n-min-h-0" }, isDrawerOpen && /* @__PURE__ */ React330.createElement("div", { className: "n-absolute n-inset-0 n-z-20 n-flex n-flex-col" }, /* @__PURE__ */ React330.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__ */ React330.createElement("div", { className: "n-z-0 n-flex-1 n-flex n-relative n-min-h-0" }, centerPanel))
+    /* @__PURE__ */ React331.createElement("div", { className: "n-flex-1 n-flex n-flex-col n-relative n-min-h-0" }, isDrawerOpen && /* @__PURE__ */ React331.createElement("div", { className: "n-absolute n-inset-0 n-z-20 n-flex n-flex-col" }, /* @__PURE__ */ React331.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__ */ React331.createElement("div", { className: "n-z-0 n-flex-1 n-flex n-relative n-min-h-0" }, centerPanel))
   );
 });
 
 // src/components/workspace/PanelWorkspaceLayout.tsx
-import React335, { useCallback as useCallback60, useMemo as useMemo99, useRef as useRef97, useState as useState80 } from "react";
+import React336, { useCallback as useCallback60, useMemo as useMemo99, useRef as useRef97, useState as useState81 } from "react";
 
 // src/components/resizablePanels/Panel.tsx
-import React331, {
+import React332, {
   forwardRef as forwardRef132,
-  useEffect as useEffect56,
+  useEffect as useEffect57,
   useId as useId5,
   useImperativeHandle as useImperativeHandle16
 } from "react";
@@ -42631,7 +42990,7 @@ var Panel = forwardRef132(
       collapsePanel,
       isPanelExpanded
     } = context;
-    useEffect56(() => {
+    useEffect57(() => {
       registerPanel({
         id,
         order,
@@ -42670,7 +43029,7 @@ var Panel = forwardRef132(
     if (size4 === 0 && !isFlexPanel) {
       return null;
     }
-    return /* @__PURE__ */ React331.createElement(
+    return /* @__PURE__ */ React332.createElement(
       "div",
       {
         "data-panel-id": id,
@@ -42685,14 +43044,14 @@ var Panel = forwardRef132(
 );
 
 // src/components/resizablePanels/PanelGroup.tsx
-import React332, {
+import React333, {
   forwardRef as forwardRef133,
   useCallback as useCallback58,
-  useEffect as useEffect57,
+  useEffect as useEffect58,
   useImperativeHandle as useImperativeHandle17,
   useMemo as useMemo98,
   useRef as useRef95,
-  useState as useState79
+  useState as useState80
 } from "react";
 function getStorageKey(autoSaveId) {
   return `noya-panels:${autoSaveId}`;
@@ -42716,10 +43075,10 @@ var PanelGroup = forwardRef133(
     const containerRef = useRef95(null);
     const containerSize = useSize(containerRef);
     const containerWidth = containerSize?.width ?? 0;
-    const [panels, setPanels] = useState79(/* @__PURE__ */ new Map());
+    const [panels, setPanels] = useState80(/* @__PURE__ */ new Map());
     const panelsRef = useRef95(panels);
     panelsRef.current = panels;
-    const [resizing, setResizing] = useState79(null);
+    const [resizing, setResizing] = useState80(null);
     const sortedPanels = useMemo98(() => {
       return Array.from(panels.values()).sort((a, b) => a.order - b.order);
     }, [panels]);
@@ -42756,12 +43115,12 @@ var PanelGroup = forwardRef133(
       },
       []
     );
-    useEffect57(() => {
+    useEffect58(() => {
       if (containerWidth > 0 && panels.size > 0) {
         setPanels((prev) => calculateLayout(prev, containerWidth));
       }
     }, [containerWidth, calculateLayout, panels.size]);
-    useEffect57(() => {
+    useEffect58(() => {
       if (onLayout && sortedPanels.length > 0) {
         const sizes = sortedPanels.map((p) => p.collapsed ? 0 : p.size);
         onLayout(sizes);
@@ -42906,7 +43265,7 @@ var PanelGroup = forwardRef133(
       },
       [sortedPanels]
     );
-    useEffect57(() => {
+    useEffect58(() => {
       if (!resizing) return;
       const handleMouseMove = (e) => {
         const delta = e.clientX - resizing.startX;
@@ -43039,7 +43398,7 @@ var PanelGroup = forwardRef133(
         containerWidth
       ]
     );
-    return /* @__PURE__ */ React332.createElement(PanelGroupContext.Provider, { value: contextValue }, /* @__PURE__ */ React332.createElement(
+    return /* @__PURE__ */ React333.createElement(PanelGroupContext.Provider, { value: contextValue }, /* @__PURE__ */ React333.createElement(
       "div",
       {
         ref: containerRef,
@@ -43057,7 +43416,7 @@ var PanelGroup = forwardRef133(
 );
 
 // src/components/resizablePanels/PanelResizeHandle.tsx
-import React333, { useCallback as useCallback59, useContext as useContext65, useRef as useRef96 } from "react";
+import React334, { useCallback as useCallback59, useContext as useContext65, useRef as useRef96 } from "react";
 function PanelResizeHandle({
   className,
   disabled: disabled2,
@@ -43076,7 +43435,7 @@ function PanelResizeHandle({
   if (!context) {
     return null;
   }
-  return /* @__PURE__ */ React333.createElement(
+  return /* @__PURE__ */ React334.createElement(
     "div",
     {
       ref: handleRef,
@@ -43089,7 +43448,7 @@ function PanelResizeHandle({
         zIndex: 10
       }
     },
-    /* @__PURE__ */ React333.createElement(
+    /* @__PURE__ */ React334.createElement(
       "div",
       {
         style: {
@@ -43106,13 +43465,13 @@ function PanelResizeHandle({
 }
 
 // src/components/workspace/HorizontalTabBar.tsx
-import React334 from "react";
+import React335 from "react";
 var HorizontalTabBar = memoGeneric(function HorizontalTabBar2({ items, activeValue, onChange }) {
   const selectableItems = items.filter(isSelectableMenuItem);
   if (selectableItems.length <= 1) {
     return null;
   }
-  return /* @__PURE__ */ React334.createElement("div", { className: "n-flex n-flex-col n-bg-sidebar-background n-flex-none" }, /* @__PURE__ */ React334.createElement("div", { className: "n-flex n-flex-row n-px-3 n-py-3" }, /* @__PURE__ */ React334.createElement(
+  return /* @__PURE__ */ React335.createElement("div", { className: "n-flex n-flex-col n-bg-sidebar-background n-flex-none" }, /* @__PURE__ */ React335.createElement("div", { className: "n-flex n-flex-row n-px-3 n-py-3" }, /* @__PURE__ */ React335.createElement(
     SegmentedControl,
     {
       enableCompactMode: true,
@@ -43157,10 +43516,10 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
     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] = useState80(
+  const [leftSidebarCollapsed, setLeftSidebarCollapsed] = useState81(
     leftSidebarOptions.defaultCollapsed ?? false
   );
-  const [rightSidebarCollapsed, setRightSidebarCollapsed] = useState80(
+  const [rightSidebarCollapsed, setRightSidebarCollapsed] = useState81(
     rightSidebarOptions.defaultCollapsed ?? false
   );
   const prevLeftSidebarState = useRef97(null);
@@ -43231,7 +43590,7 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
     [onChangeRightTab, rightSidebarRef, rightTabValue]
   );
   const showLeftTabs = !!leftSidebarOptions.showTabs && !!leftTabItems;
-  return /* @__PURE__ */ React335.createElement("div", { ref: containerRef, className: "n-flex n-flex-1" }, /* @__PURE__ */ React335.createElement(
+  return /* @__PURE__ */ React336.createElement("div", { ref: containerRef, className: "n-flex n-flex-1" }, /* @__PURE__ */ React336.createElement(
     PanelGroup,
     {
       ref: panelGroupRef,
@@ -43241,7 +43600,7 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
       autoSaveId,
       onLayout: handleLayoutChange
     },
-    leftPanel && /* @__PURE__ */ React335.createElement(React335.Fragment, null, /* @__PURE__ */ React335.createElement(
+    leftPanel && /* @__PURE__ */ React336.createElement(React336.Fragment, null, /* @__PURE__ */ React336.createElement(
       Panel,
       {
         id: LEFT_SIDEBAR_ID,
@@ -43254,22 +43613,22 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
         collapsible: true,
         defaultCollapsed: leftSidebarOptions.defaultCollapsed
       },
-      leftSidebarCollapsed ? null : /* @__PURE__ */ React335.createElement("div", { className: "n-flex n-flex-col n-h-full" }, showLeftTabs && /* @__PURE__ */ React335.createElement(
+      leftSidebarCollapsed ? null : /* @__PURE__ */ React336.createElement("div", { className: "n-flex n-flex-col n-h-full" }, showLeftTabs && /* @__PURE__ */ React336.createElement(
         HorizontalTabBar,
         {
           items: leftTabItems,
           activeValue: leftTabValue,
           onChange: handleLeftTabChange
         }
-      ), /* @__PURE__ */ React335.createElement("div", { className: "n-flex-1 n-relative n-min-h-0" }, leftPanel))
-    ), /* @__PURE__ */ React335.createElement(
+      ), /* @__PURE__ */ React336.createElement("div", { className: "n-flex-1 n-relative n-min-h-0" }, leftPanel))
+    ), /* @__PURE__ */ React336.createElement(
       PanelResizeHandle,
       {
         index: 0,
         className: `n-cursor-col-resize n-w-px n-h-full ${leftSidebarCollapsed ? "" : "n-bg-divider"}`
       }
     )),
-    /* @__PURE__ */ React335.createElement(
+    /* @__PURE__ */ React336.createElement(
       Panel,
       {
         id: CONTENT_AREA_ID,
@@ -43278,13 +43637,13 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
       },
       centerPanel
     ),
-    rightPanel && /* @__PURE__ */ React335.createElement(React335.Fragment, null, /* @__PURE__ */ React335.createElement(
+    rightPanel && /* @__PURE__ */ React336.createElement(React336.Fragment, null, /* @__PURE__ */ React336.createElement(
       PanelResizeHandle,
       {
         index: 1,
         className: `n-cursor-col-resize n-w-px n-h-full ${rightSidebarCollapsed ? "" : "n-bg-divider"}`
       }
-    ), /* @__PURE__ */ React335.createElement(
+    ), /* @__PURE__ */ React336.createElement(
       Panel,
       {
         id: RIGHT_SIDEBAR_ID,
@@ -43297,14 +43656,14 @@ var PanelWorkspaceLayout = memoGeneric(function PanelWorkspaceLayout2({
         collapsible: true,
         defaultCollapsed: rightSidebarOptions.defaultCollapsed
       },
-      rightSidebarCollapsed ? null : /* @__PURE__ */ React335.createElement("div", { className: "n-flex n-flex-col n-h-full" }, rightSidebarOptions.showTabs && rightTabItems && /* @__PURE__ */ React335.createElement(
+      rightSidebarCollapsed ? null : /* @__PURE__ */ React336.createElement("div", { className: "n-flex n-flex-col n-h-full" }, rightSidebarOptions.showTabs && rightTabItems && /* @__PURE__ */ React336.createElement(
         HorizontalTabBar,
         {
           items: rightTabItems,
           activeValue: rightTabValue,
           onChange: handleRightTabChange
         }
-      ), /* @__PURE__ */ React335.createElement("div", { className: "n-flex-1 n-relative n-min-h-0" }, rightPanel))
+      ), /* @__PURE__ */ React336.createElement("div", { className: "n-flex-1 n-relative n-min-h-0" }, rightPanel))
     ))
   ));
 });
@@ -43394,7 +43753,7 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
   onRightSidebarStateChange,
   shouldAutoSave
 }, forwardedRef) {
-  const containerRef = React336.useRef(null);
+  const containerRef = React337.useRef(null);
   const containerSize = useSize(containerRef);
   const windowSize = useWindowSize();
   const parentSize = detectSize === "window" ? windowSize : containerSize && containerSize.width > 0 ? containerSize : windowSize;
@@ -43511,23 +43870,23 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
       closeSidebar: closeRightSidebar
     };
   }, [closeRightSidebar]);
-  const leftPanel = left && leftVisible !== false ? /* @__PURE__ */ React336.createElement(
+  const leftPanel = left && leftVisible !== false ? /* @__PURE__ */ React337.createElement(
     PanelInner,
     {
       style: leftStyle,
       className: cx("n-bg-sidebar-background n-flex-col", leftClassName)
     },
-    /* @__PURE__ */ React336.createElement(WorkspaceSideProvider, { value: leftSidebarProviderValue }, leftTabValue ? renderPanelChildren(left, leftChildrenProps) : null)
+    /* @__PURE__ */ React337.createElement(WorkspaceSideProvider, { value: leftSidebarProviderValue }, leftTabValue ? renderPanelChildren(left, leftChildrenProps) : null)
   ) : null;
-  const rightPanel = right && rightVisible !== false ? /* @__PURE__ */ React336.createElement(
+  const rightPanel = right && rightVisible !== false ? /* @__PURE__ */ React337.createElement(
     PanelInner,
     {
       style: rightStyle,
       className: cx("n-bg-sidebar-background n-flex-col", rightClassName)
     },
-    /* @__PURE__ */ React336.createElement(WorkspaceSideProvider, { value: rightSidebarProviderValue }, rightTabValue ? renderPanelChildren(right, rightChildrenProps) : null)
+    /* @__PURE__ */ React337.createElement(WorkspaceSideProvider, { value: rightSidebarProviderValue }, rightTabValue ? renderPanelChildren(right, rightChildrenProps) : null)
   ) : null;
-  const centerPanel = /* @__PURE__ */ React336.createElement(PanelInner, { className: "n-bg-canvas-background" }, children);
+  const centerPanel = /* @__PURE__ */ React337.createElement(PanelInner, { className: "n-bg-canvas-background" }, children);
   const leftSidebarOptions = useMemo100(
     () => ({
       minSize: leftSidebarMinPixels,
@@ -43567,7 +43926,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__ */ React336.createElement(
+  return /* @__PURE__ */ React337.createElement(
     "div",
     {
       ref: containerRef,
@@ -43580,14 +43939,14 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
       "data-theme": theme
     },
     !isOverlay && toolbar,
-    /* @__PURE__ */ React336.createElement(
+    /* @__PURE__ */ React337.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__ */ React336.createElement(React336.Fragment, null, /* @__PURE__ */ React336.createElement(
+      readyToRender && /* @__PURE__ */ React337.createElement(React337.Fragment, null, /* @__PURE__ */ React337.createElement(
         LayoutComponent,
         {
           leftPanel,
@@ -43609,7 +43968,7 @@ var WorkspaceLayout = forwardRefGeneric(function WorkspaceLayout2({
           onRightSidebarStateChange,
           shouldAutoSave
         }
-      ), isOverlay && /* @__PURE__ */ React336.createElement(
+      ), isOverlay && /* @__PURE__ */ React337.createElement(
         OverlayToolbar,
         {
           left: overlayToolbarLeft,
@@ -43626,7 +43985,7 @@ var PanelInner = memo40(function PanelInner2({
   style: style2,
   className
 }) {
-  return /* @__PURE__ */ React336.createElement(
+  return /* @__PURE__ */ React337.createElement(
     "div",
     {
       style: style2,
@@ -43641,22 +44000,22 @@ function getFirstTabValue(items, defaultValue2) {
 }
 
 // src/contexts/ImageDataContext.tsx
-import * as React337 from "react";
-var ImageDataContext = React337.createContext(
+import * as React338 from "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");
   }
@@ -43673,9 +44032,9 @@ function usePlatformModKey() {
 }
 
 // src/hooks/useTheme.ts
-import { useEffect as useEffect58, useState as useState81 } from "react";
+import { useEffect as useEffect59, useState as useState82 } from "react";
 function useTheme() {
-  const [theme, setTheme] = useState81("light");
+  const [theme, setTheme] = useState82("light");
   const checkTheme = () => {
     const currentTheme = document.body.getAttribute("data-theme");
     switch (currentTheme) {
@@ -43687,7 +44046,7 @@ function useTheme() {
         break;
     }
   };
-  useEffect58(() => {
+  useEffect59(() => {
     checkTheme();
     const observer = new MutationObserver((mutations) => {
       mutations.forEach((mutation) => {
@@ -43830,140 +44189,49 @@ var SUPPORTED_CANVAS_UPLOAD_TYPES = [
 
 // src/components/DimensionInput.tsx
 import { round as round3 } from "@noya-app/noya-utils";
-import * as React338 from "react";
+import * as React339 from "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,
+  return /* @__PURE__ */ React339.createElement(LabeledField, { label, labelType: "inset" }, /* @__PURE__ */ React339.createElement(
+    InputField2.Root,
     {
-      value: value === void 0 ? value : round3(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
-});
-import React339, {
-  forwardRef as forwardRef134,
-  memo as memo43
-} from "react";
-var Section2 = forwardRef134(({ className, ...props }, ref) => /* @__PURE__ */ React339.createElement(
-  "div",
-  {
-    ref,
-    className: cx(`n-flex-none n-flex n-flex-col`, className),
-    ...props
-  }
-));
-var SectionHeader2 = forwardRef134(({ className, ...props }, ref) => /* @__PURE__ */ React339.createElement("div", { ref, className: cx(`n-flex n-items-center`, className), ...props }));
-var Title = forwardRef134(({ className, $textStyle, ...props }, ref) => /* @__PURE__ */ React339.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 = forwardRef134(({ className, ...props }, ref) => /* @__PURE__ */ React339.createElement(
-  "div",
-  {
-    ref,
-    className: cx(`n-flex-1 n-flex n-flex-row n-items-center`, className),
-    ...props
-  }
-));
-var Column = forwardRef134(({ className, ...props }, ref) => /* @__PURE__ */ React339.createElement(
-  "div",
-  {
-    ref,
-    className: cx(`n-flex-1 n-flex n-flex-col n-gap-1`, className),
-    ...props
-  }
-));
-var Checkbox3 = forwardRef134(({ className, ...props }, ref) => /* @__PURE__ */ React339.createElement(
-  "input",
-  {
-    ref,
-    type: "checkbox",
-    className: cx(`n-m-0 focus:n-z-interactable`, className),
-    ...props
-  }
-));
-var Text3 = forwardRef134(({ className, ...props }, ref) => /* @__PURE__ */ React339.createElement(
-  "span",
-  {
-    ref,
-    className: cx(`n-font-sans n-text-heading5 n-font-normal`, className),
-    ...props
-  }
-));
-var VerticalSeparator = () => /* @__PURE__ */ React339.createElement(Spacer.Vertical, { size: "inspector-v-separator" });
-var HorizontalSeparator = () => /* @__PURE__ */ React339.createElement(Spacer.Horizontal, { size: "inspector-h-separator" });
-var RowLabel = forwardRef134(function RowLabel2({
-  className,
-  $textStyle,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ React339.createElement(
-    "label",
-    {
-      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 = memo43(function LabeledRow2({
-  id,
-  children,
-  label,
-  labelTextStyle,
-  right,
-  className
-}) {
-  return /* @__PURE__ */ React339.createElement(Row, { id, className }, /* @__PURE__ */ React339.createElement(Column, null, /* @__PURE__ */ React339.createElement(RowLabel, { $textStyle: labelTextStyle }, label, right && /* @__PURE__ */ React339.createElement(Spacer.Horizontal, null), right), /* @__PURE__ */ React339.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 : round3(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 }
+      }
+    )
+  ));
 });
 export {
   AIAssistantInput,
@@ -44042,7 +44310,6 @@ export {
   IndentContext,
   InputField2 as InputField,
   InspectorContainer,
-  InspectorPrimitives_exports as InspectorPrimitives,
   Italic,
   KeyboardShortcut,
   Label,
@@ -44096,8 +44363,9 @@ export {
   TextAreaRow,
   Toast,
   ToastProvider3 as ToastProvider,
-  Toolbar,
+  Toolbar2 as Toolbar,
   ToolbarDrawer,
+  ToolbarItems,
   ToolbarMenu,
   ToolbarMenuButton,
   ToolbarMenuContext,
@@ -44204,7 +44472,8 @@ export {
   validateDropIndicator,
   whiteboardProseTheme,
   withDragProvider,
-  withSeparatorElements
+  withSeparatorElements,
+  wordPrefixFilter
 };
 /*! Bundled license information: