hubg-app-shell 0.1.0 → 0.1.2

package/dist/index.es.js

@@ -3,7 +3,7 @@ import * as React52 from "react";
 
 // src/context/ShellContext.tsx
 import { createContext, useCallback, useContext, useMemo, useState } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var ShellContext = createContext(null);
 function useShell() {
   const ctx = useContext(ShellContext);
@@ -16,7 +16,7 @@ function ShellProvider({ children, initialRoute }) {
   const [navCollapsed, setNavCollapsed] = useState(false);
   const [pageTitle, setPageTitle] = useState(undefined);
   const [activeRoute, setActiveRoute] = useState(initialRoute);
-  const stableSetNavCollapsed = useCallback((value2) => setNavCollapsed(value2), []);
+  const stableSetNavCollapsed = useCallback((value) => setNavCollapsed(value), []);
   const stableSetPageTitle = useCallback((t) => setPageTitle(t), []);
   const stableSetActiveRoute = useCallback((r) => setActiveRoute(r), []);
   const value = useMemo(() => ({
@@ -27,10 +27,10 @@ function ShellProvider({ children, initialRoute }) {
     activeRoute,
     setActiveRoute: stableSetActiveRoute
   }), [navCollapsed, stableSetNavCollapsed, pageTitle, stableSetPageTitle, activeRoute, stableSetActiveRoute]);
-  return /* @__PURE__ */ jsxDEV(ShellContext.Provider, {
+  return /* @__PURE__ */ jsx(ShellContext.Provider, {
     value,
     children
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/components/Header.tsx
@@ -181,7 +181,7 @@ var IS_DEVELOPMENT = true;
 
 // ../../node_modules/.pnpm/@radix-ui+react-context@1.2.2_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.mjs
 import * as React2 from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 function createContext22(rootComponentName, defaultContext) {
@@ -190,7 +190,7 @@ function createContext22(rootComponentName, defaultContext) {
   const Provider = /* @__PURE__ */ __name((props) => {
     const { children, ...context } = props;
     const value = React2.useMemo(() => context, Object.values(context));
-    return /* @__PURE__ */ jsx(Context.Provider, { value, children });
+    return /* @__PURE__ */ jsx2(Context.Provider, { value, children });
   }, "Provider");
   Provider.displayName = rootComponentName + "Provider";
   function useContext22(consumerName, options = {}) {
@@ -213,18 +213,18 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React2.createContext(defaultContext);
     BaseContext.displayName = rootComponentName + "Context";
-    const index2 = defaultContexts.length;
+    const index = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     const Provider = /* @__PURE__ */ __name((props) => {
       const { scope, children, ...context } = props;
-      const Context = scope?.[scopeName]?.[index2] || BaseContext;
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
       const value = React2.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx(Context.Provider, { value, children });
+      return /* @__PURE__ */ jsx2(Context.Provider, { value, children });
     }, "Provider");
     Provider.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope, options = {}) {
       const { optional = false } = options;
-      const Context = scope?.[scopeName]?.[index2] || BaseContext;
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
       const context = React2.useContext(Context);
       if (context)
         return context;
@@ -468,7 +468,7 @@ var createSlottableError = /* @__PURE__ */ __name4((ownerName) => {
 var use = React6[" use ".trim().toString()];
 
 // ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.10_@types+react-dom@18.3.7_@types+react@18.3.31__@types+r_dba614f83980a1ab9805a3f12c0d2bc2/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var __defProp5 = Object.defineProperty;
 var __name5 = (target, value) => __defProp5(target, "name", { value, configurable: true });
 var NODES = [
@@ -491,14 +491,14 @@ var NODES = [
   "ul"
 ];
 var Primitive = NODES.reduce((primitive, node) => {
-  const Slot2 = createSlot(`Primitive.${node}`);
+  const Slot = createSlot(`Primitive.${node}`);
   const Node2 = React7.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot2 : node;
+    const Comp = asChild ? Slot : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx2(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx3(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
@@ -510,7 +510,7 @@ function dispatchDiscreteCustomEvent(target, event) {
 __name5(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
 
 // ../../node_modules/.pnpm/@radix-ui+react-avatar@1.2.6_@types+react-dom@18.3.7_@types+react@18.3.31__@types+react_e6c996e5557b18a376135b2452a80188/node_modules/@radix-ui/react-avatar/dist/index.mjs
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 "use client";
 var __defProp6 = Object.defineProperty;
 var __name6 = (target, value) => __defProp6(target, "name", { value, configurable: true });
@@ -527,13 +527,13 @@ var Avatar = /* @__PURE__ */ React8.forwardRef(/* @__PURE__ */ __name6(function
   const { __scopeAvatar, ...avatarProps } = props;
   const [imageLoadingStatus, setImageLoadingStatus] = React8.useState("idle");
   const [imageCount, setImageCount] = useImageCount();
-  return /* @__PURE__ */ jsx3(AvatarProvider, {
+  return /* @__PURE__ */ jsx4(AvatarProvider, {
     scope: __scopeAvatar,
     imageLoadingStatus,
     setImageLoadingStatus,
     imageCount,
     setImageCount,
-    children: /* @__PURE__ */ jsx3(Primitive.span, { ...avatarProps, ref: forwardedRef })
+    children: /* @__PURE__ */ jsx4(Primitive.span, { ...avatarProps, ref: forwardedRef })
   });
 }, "Avatar"));
 var IMAGE_NAME = "AvatarImage";
@@ -558,7 +558,7 @@ var AvatarImage = /* @__PURE__ */ React8.forwardRef(/* @__PURE__ */ __name6(func
       handleLoadingStatusChange(imageLoadingStatus);
     }
   }, [imageLoadingStatus, handleLoadingStatusChange]);
-  return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsx3(Primitive.img, { ...imageProps, ref: forwardedRef, src }) : null;
+  return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsx4(Primitive.img, { ...imageProps, ref: forwardedRef, src }) : null;
 }, "AvatarImage"));
 var FALLBACK_NAME = "AvatarFallback";
 var AvatarFallback = /* @__PURE__ */ React8.forwardRef(/* @__PURE__ */ __name6(function AvatarFallback2(props, forwardedRef) {
@@ -571,7 +571,7 @@ var AvatarFallback = /* @__PURE__ */ React8.forwardRef(/* @__PURE__ */ __name6(f
       return () => window.clearTimeout(timerId);
     }
   }, [delayMs]);
-  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx3(Primitive.span, { ...fallbackProps, ref: forwardedRef }) : null;
+  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx4(Primitive.span, { ...fallbackProps, ref: forwardedRef }) : null;
 }, "AvatarFallback"));
 function useImageLoadingStatus(src, {
   loadingStatus,
@@ -882,16 +882,16 @@ var createParseClassName = (config) => {
     let modifierStart = 0;
     let postfixModifierPosition;
     const len = className.length;
-    for (let index2 = 0;index2 < len; index2++) {
-      const currentCharacter = className[index2];
+    for (let index = 0;index < len; index++) {
+      const currentCharacter = className[index];
       if (bracketDepth === 0 && parenDepth === 0) {
         if (currentCharacter === MODIFIER_SEPARATOR) {
-          modifiers.push(className.slice(modifierStart, index2));
-          modifierStart = index2 + 1;
+          modifiers.push(className.slice(modifierStart, index));
+          modifierStart = index + 1;
           continue;
         }
         if (currentCharacter === "/") {
-          postfixModifierPosition = index2;
+          postfixModifierPosition = index;
           continue;
         }
       }
@@ -933,8 +933,8 @@ var createParseClassName = (config) => {
 };
 var createSortModifiers = (config) => {
   const modifierWeights = new Map;
-  config.orderSensitiveModifiers.forEach((mod, index2) => {
-    modifierWeights.set(mod, 1e6 + index2);
+  config.orderSensitiveModifiers.forEach((mod, index) => {
+    modifierWeights.set(mod, 1e6 + index);
   });
   return (modifiers) => {
     const result = [];
@@ -990,8 +990,8 @@ var mergeClassList = (classList, configUtils) => {
   const classGroupsInConflict = [];
   const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
   let result = "";
-  for (let index2 = classNames.length - 1;index2 >= 0; index2 -= 1) {
-    const originalClassName = classNames[index2];
+  for (let index = classNames.length - 1;index >= 0; index -= 1) {
+    const originalClassName = classNames[index];
     const {
       isExternal,
       modifiers,
@@ -1045,12 +1045,12 @@ var mergeClassList = (classList, configUtils) => {
   return result;
 };
 var twJoin = (...classLists) => {
-  let index2 = 0;
+  let index = 0;
   let argument;
   let resolvedValue;
   let string = "";
-  while (index2 < classLists.length) {
-    if (argument = classLists[index2++]) {
+  while (index < classLists.length) {
+    if (argument = classLists[index++]) {
       if (resolvedValue = toValue(argument)) {
         string && (string += " ");
         string += resolvedValue;
@@ -2488,25 +2488,25 @@ function cn(...inputs) {
 }
 
 // src/components/ui/avatar.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-var Avatar3 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV2(Avatar, {
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Avatar2 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(Avatar, {
   ref,
   className: cn("relative flex h-8 w-8 shrink-0 overflow-hidden rounded-full", className),
   ...props
-}, undefined, false, undefined, this));
-Avatar3.displayName = Avatar.displayName;
-var AvatarImage3 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV2(AvatarImage, {
+}));
+Avatar2.displayName = Avatar.displayName;
+var AvatarImage2 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(AvatarImage, {
   ref,
   className: cn("aspect-square h-full w-full object-cover", className),
   ...props
-}, undefined, false, undefined, this));
-AvatarImage3.displayName = AvatarImage.displayName;
-var AvatarFallback3 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV2(AvatarFallback, {
+}));
+AvatarImage2.displayName = AvatarImage.displayName;
+var AvatarFallback2 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(AvatarFallback, {
   ref,
   className: cn("flex h-full w-full items-center justify-center rounded-full", "bg-action-primary text-xs font-semibold text-content-inverse", className),
   ...props
-}, undefined, false, undefined, this));
-AvatarFallback3.displayName = AvatarFallback.displayName;
+}));
+AvatarFallback2.displayName = AvatarFallback.displayName;
 
 // src/components/ui/dropdown-menu.tsx
 import * as React38 from "react";
@@ -2722,7 +2722,7 @@ import * as React36 from "react";
 
 // ../../node_modules/.pnpm/@radix-ui+react-collection@1.1.15_@types+react-dom@18.3.7_@types+react@18.3.31__@types+_e568781db46e6f5e62f713df7975a3a9/node_modules/@radix-ui/react-collection/dist/index.mjs
 import * as React12 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 import * as React23 from "react";
 import { jsx as jsx22 } from "react/jsx-runtime";
 "use client";
@@ -2736,7 +2736,7 @@ function createCollection(name) {
     const { scope, children } = props;
     const ref = React12.useRef(null);
     const itemMap = React12.useRef(/* @__PURE__ */ new Map).current;
-    return /* @__PURE__ */ jsx4(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+    return /* @__PURE__ */ jsx6(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   }, "CollectionProvider");
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
@@ -2745,7 +2745,7 @@ function createCollection(name) {
     const { scope, children } = props;
     const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
     const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-    return /* @__PURE__ */ jsx4(CollectionSlotImpl, { ref: composedRefs, children });
+    return /* @__PURE__ */ jsx6(CollectionSlotImpl, { ref: composedRefs, children });
   });
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
@@ -2760,7 +2760,7 @@ function createCollection(name) {
       context.itemMap.set(ref, { ref, ...itemData });
       return () => void context.itemMap.delete(ref);
     });
-    return /* @__PURE__ */ jsx4(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+    return /* @__PURE__ */ jsx6(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
   });
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection(scope) {
@@ -2806,10 +2806,10 @@ var OrderedDict = class _OrderedDict extends Map {
     super.set(key, value);
     return this;
   }
-  insert(index2, key, value) {
+  insert(index, key, value) {
     const has = this.has(key);
     const length = this.#keys.length;
-    const relativeIndex = toSafeInteger(index2);
+    const relativeIndex = toSafeInteger(index);
     let actualIndex = relativeIndex >= 0 ? relativeIndex : length + relativeIndex;
     const safeIndex = actualIndex < 0 || actualIndex >= length ? -1 : actualIndex;
     if (safeIndex === this.size || has && safeIndex === this.size - 1 || safeIndex === -1) {
@@ -2847,39 +2847,39 @@ var OrderedDict = class _OrderedDict extends Map {
     }
     return this;
   }
-  with(index2, key, value) {
+  with(index, key, value) {
     const copy = new _OrderedDict(this);
-    copy.insert(index2, key, value);
+    copy.insert(index, key, value);
     return copy;
   }
   before(key) {
-    const index2 = this.#keys.indexOf(key) - 1;
-    if (index2 < 0) {
+    const index = this.#keys.indexOf(key) - 1;
+    if (index < 0) {
       return;
     }
-    return this.entryAt(index2);
+    return this.entryAt(index);
   }
   setBefore(key, newKey, value) {
-    const index2 = this.#keys.indexOf(key);
-    if (index2 === -1) {
+    const index = this.#keys.indexOf(key);
+    if (index === -1) {
       return this;
     }
-    return this.insert(index2, newKey, value);
+    return this.insert(index, newKey, value);
   }
   after(key) {
-    let index2 = this.#keys.indexOf(key);
-    index2 = index2 === -1 || index2 === this.size - 1 ? -1 : index2 + 1;
-    if (index2 === -1) {
+    let index = this.#keys.indexOf(key);
+    index = index === -1 || index === this.size - 1 ? -1 : index + 1;
+    if (index === -1) {
       return;
     }
-    return this.entryAt(index2);
+    return this.entryAt(index);
   }
   setAfter(key, newKey, value) {
-    const index2 = this.#keys.indexOf(key);
-    if (index2 === -1) {
+    const index = this.#keys.indexOf(key);
+    if (index === -1) {
       return this;
     }
-    return this.insert(index2 + 1, newKey, value);
+    return this.insert(index + 1, newKey, value);
   }
   first() {
     return this.entryAt(0);
@@ -2898,21 +2898,21 @@ var OrderedDict = class _OrderedDict extends Map {
     }
     return deleted;
   }
-  deleteAt(index2) {
-    const key = this.keyAt(index2);
+  deleteAt(index) {
+    const key = this.keyAt(index);
     if (key !== undefined) {
       return this.delete(key);
     }
     return false;
   }
-  at(index2) {
-    const key = at(this.#keys, index2);
+  at(index) {
+    const key = at(this.#keys, index);
     if (key !== undefined) {
       return this.get(key);
     }
   }
-  entryAt(index2) {
-    const key = at(this.#keys, index2);
+  entryAt(index) {
+    const key = at(this.#keys, index);
     if (key !== undefined) {
       return [key, this.get(key)];
     }
@@ -2920,15 +2920,15 @@ var OrderedDict = class _OrderedDict extends Map {
   indexOf(key) {
     return this.#keys.indexOf(key);
   }
-  keyAt(index2) {
-    return at(this.#keys, index2);
+  keyAt(index) {
+    return at(this.#keys, index);
   }
   from(key, offset) {
-    const index2 = this.indexOf(key);
-    if (index2 === -1) {
+    const index = this.indexOf(key);
+    if (index === -1) {
       return;
     }
-    let dest = index2 + offset;
+    let dest = index + offset;
     if (dest < 0)
       dest = 0;
     if (dest >= this.size)
@@ -2936,11 +2936,11 @@ var OrderedDict = class _OrderedDict extends Map {
     return this.at(dest);
   }
   keyFrom(key, offset) {
-    const index2 = this.indexOf(key);
-    if (index2 === -1) {
+    const index = this.indexOf(key);
+    if (index === -1) {
       return;
     }
-    let dest = index2 + offset;
+    let dest = index + offset;
     if (dest < 0)
       dest = 0;
     if (dest >= this.size)
@@ -2948,68 +2948,68 @@ var OrderedDict = class _OrderedDict extends Map {
     return this.keyAt(dest);
   }
   find(predicate, thisArg) {
-    let index2 = 0;
+    let index = 0;
     for (const entry of this) {
-      if (Reflect.apply(predicate, thisArg, [entry, index2, this])) {
+      if (Reflect.apply(predicate, thisArg, [entry, index, this])) {
         return entry;
       }
-      index2++;
+      index++;
     }
     return;
   }
   findIndex(predicate, thisArg) {
-    let index2 = 0;
+    let index = 0;
     for (const entry of this) {
-      if (Reflect.apply(predicate, thisArg, [entry, index2, this])) {
-        return index2;
+      if (Reflect.apply(predicate, thisArg, [entry, index, this])) {
+        return index;
       }
-      index2++;
+      index++;
     }
     return -1;
   }
   filter(predicate, thisArg) {
     const entries = [];
-    let index2 = 0;
+    let index = 0;
     for (const entry of this) {
-      if (Reflect.apply(predicate, thisArg, [entry, index2, this])) {
+      if (Reflect.apply(predicate, thisArg, [entry, index, this])) {
         entries.push(entry);
       }
-      index2++;
+      index++;
     }
     return new _OrderedDict(entries);
   }
   map(callbackfn, thisArg) {
     const entries = [];
-    let index2 = 0;
+    let index = 0;
     for (const entry of this) {
-      entries.push([entry[0], Reflect.apply(callbackfn, thisArg, [entry, index2, this])]);
-      index2++;
+      entries.push([entry[0], Reflect.apply(callbackfn, thisArg, [entry, index, this])]);
+      index++;
     }
     return new _OrderedDict(entries);
   }
   reduce(...args) {
     const [callbackfn, initialValue] = args;
-    let index2 = 0;
+    let index = 0;
     let accumulator = initialValue ?? this.at(0);
     for (const entry of this) {
-      if (index2 === 0 && args.length === 1) {
+      if (index === 0 && args.length === 1) {
         accumulator = entry;
       } else {
-        accumulator = Reflect.apply(callbackfn, this, [accumulator, entry, index2, this]);
+        accumulator = Reflect.apply(callbackfn, this, [accumulator, entry, index, this]);
       }
-      index2++;
+      index++;
     }
     return accumulator;
   }
   reduceRight(...args) {
     const [callbackfn, initialValue] = args;
     let accumulator = initialValue ?? this.at(-1);
-    for (let index2 = this.size - 1;index2 >= 0; index2--) {
-      const entry = this.at(index2);
-      if (index2 === this.size - 1 && args.length === 1) {
+    for (let index = this.size - 1;index >= 0; index--) {
+      const entry = this.at(index);
+      if (index === this.size - 1 && args.length === 1) {
         accumulator = entry;
       } else {
-        accumulator = Reflect.apply(callbackfn, this, [accumulator, entry, index2, this]);
+        accumulator = Reflect.apply(callbackfn, this, [accumulator, entry, index, this]);
       }
     }
     return accumulator;
@@ -3020,8 +3020,8 @@ var OrderedDict = class _OrderedDict extends Map {
   }
   toReversed() {
     const reversed = new _OrderedDict;
-    for (let index2 = this.size - 1;index2 >= 0; index2--) {
-      const key = this.keyAt(index2);
+    for (let index = this.size - 1;index >= 0; index--) {
+      const key = this.keyAt(index);
       const element = this.get(key);
       reversed.set(key, element);
     }
@@ -3044,45 +3044,45 @@ var OrderedDict = class _OrderedDict extends Map {
     if (end !== undefined && end > 0) {
       stop = end - 1;
     }
-    for (let index2 = start;index2 <= stop; index2++) {
-      const key = this.keyAt(index2);
+    for (let index = start;index <= stop; index++) {
+      const key = this.keyAt(index);
       const element = this.get(key);
       result.set(key, element);
     }
     return result;
   }
   every(predicate, thisArg) {
-    let index2 = 0;
+    let index = 0;
     for (const entry of this) {
-      if (!Reflect.apply(predicate, thisArg, [entry, index2, this])) {
+      if (!Reflect.apply(predicate, thisArg, [entry, index, this])) {
         return false;
       }
-      index2++;
+      index++;
     }
     return true;
   }
   some(predicate, thisArg) {
-    let index2 = 0;
+    let index = 0;
     for (const entry of this) {
-      if (Reflect.apply(predicate, thisArg, [entry, index2, this])) {
+      if (Reflect.apply(predicate, thisArg, [entry, index, this])) {
         return true;
       }
-      index2++;
+      index++;
     }
     return false;
   }
 };
-function at(array, index2) {
+function at(array, index) {
   if ("at" in Array.prototype) {
-    return Array.prototype.at.call(array, index2);
+    return Array.prototype.at.call(array, index);
   }
-  const actualIndex = toSafeIndex(array, index2);
+  const actualIndex = toSafeIndex(array, index);
   return actualIndex === -1 ? undefined : array[actualIndex];
 }
 __name10(at, "at");
-function toSafeIndex(array, index2) {
+function toSafeIndex(array, index) {
   const length = array.length;
-  const relativeIndex = toSafeInteger(index2);
+  const relativeIndex = toSafeInteger(index);
   const actualIndex = relativeIndex >= 0 ? relativeIndex : length + relativeIndex;
   return actualIndex < 0 || actualIndex >= length ? -1 : actualIndex;
 }
@@ -3116,7 +3116,7 @@ function createCollection2(name) {
     const { scope, children, state } = props;
     const ref = React23.useRef(null);
     const [collectionElement, setCollectionElement] = React23.useState(null);
-    const composeRefs2 = useComposedRefs(ref, setCollectionElement);
+    const composeRefs = useComposedRefs(ref, setCollectionElement);
     const [itemMap, setItemMap] = state;
     React23.useEffect(() => {
       if (!collectionElement)
@@ -3134,7 +3134,7 @@ function createCollection2(name) {
       scope,
       itemMap,
       setItemMap,
-      collectionRef: composeRefs2,
+      collectionRef: composeRefs,
       collectionRefObject: ref,
       collectionElement,
       children
@@ -3253,7 +3253,7 @@ __name10(getChildListObserver, "getChildListObserver");
 
 // ../../node_modules/.pnpm/@radix-ui+react-direction@1.1.4_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-direction/dist/index.mjs
 import * as React13 from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 "use client";
 var __defProp11 = Object.defineProperty;
 var __name11 = (target, value) => __defProp11(target, "name", { value, configurable: true });
@@ -3266,7 +3266,7 @@ __name11(useDirection, "useDirection");
 
 // ../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.19_@types+react-dom@18.3.7_@types+react@18.3.31___4f2024a88a120e800aa2287adeb24710/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
 import * as React14 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 "use client";
 var __defProp12 = Object.defineProperty;
 var __name12 = (target, value) => __defProp12(target, "name", { value, configurable: true });
@@ -3301,9 +3301,9 @@ var DismissableLayer = /* @__PURE__ */ React14.forwardRef(/* @__PURE__ */ __name
     ...context.layersWithOutsidePointerEventsDisabled
   ].slice(-1);
   const highestLayerWithOutsidePointerEventsDisabledIndex = highestLayerWithOutsidePointerEventsDisabled ? layers.indexOf(highestLayerWithOutsidePointerEventsDisabled) : -1;
-  const index2 = node ? layers.indexOf(node) : -1;
+  const index = node ? layers.indexOf(node) : -1;
   const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
-  const isPointerEventsEnabled = index2 >= highestLayerWithOutsidePointerEventsDisabledIndex;
+  const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;
   const isDeferredPointerDownOutsideRef = React14.useRef(false);
   const pointerDownOutside = usePointerDownOutside((event) => {
     onPointerDownOutside?.(event);
@@ -3336,7 +3336,7 @@ var DismissableLayer = /* @__PURE__ */ React14.forwardRef(/* @__PURE__ */ __name
     if (!event.defaultPrevented)
       onDismiss?.();
   }, ownerDocument);
-  const isHighestLayer = node ? index2 === layers.length - 1 : false;
+  const isHighestLayer = node ? index === layers.length - 1 : false;
   const handleKeyDown = useCallbackRef((event) => {
     if (event.key !== "Escape") {
       return;
@@ -3389,7 +3389,7 @@ var DismissableLayer = /* @__PURE__ */ React14.forwardRef(/* @__PURE__ */ __name
     document.addEventListener(CONTEXT_UPDATE, handleUpdate);
     return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
   }, []);
-  return /* @__PURE__ */ jsx6(Primitive.div, {
+  return /* @__PURE__ */ jsx8(Primitive.div, {
     ...layerProps,
     ref: composedRefs,
     style: {
@@ -3626,7 +3626,7 @@ __name13(createFocusGuard, "createFocusGuard");
 
 // ../../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.16_@types+react-dom@18.3.7_@types+react@18.3.31__@types_161760c0d51338f080e5b66a9ea35f08/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
 import * as React16 from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 "use client";
 var __defProp14 = Object.defineProperty;
 var __name14 = (target, value) => __defProp14(target, "name", { value, configurable: true });
@@ -3758,7 +3758,7 @@ var FocusScope = /* @__PURE__ */ React16.forwardRef(/* @__PURE__ */ __name14(fun
       }
     }
   }, [loop, trapped, focusScope.paused]);
-  return /* @__PURE__ */ jsx7(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx9(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 }, "FocusScope"));
 function focusFirst(candidates, { select = false } = {}) {
   const previouslyFocusedElement = document.activeElement;
@@ -3848,9 +3848,9 @@ function createFocusScopesStack() {
 __name14(createFocusScopesStack, "createFocusScopesStack");
 function arrayRemove(array, item) {
   const updatedArray = [...array];
-  const index2 = updatedArray.indexOf(item);
-  if (index2 !== -1) {
-    updatedArray.splice(index2, 1);
+  const index = updatedArray.indexOf(item);
+  if (index !== -1) {
+    updatedArray.splice(index, 1);
   }
   return updatedArray;
 }
@@ -4247,11 +4247,11 @@ var arrow = (options) => ({
     const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
     const minPadding = min(paddingObject[minProp], largestPossiblePadding);
     const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
-    const max2 = clientSize - arrowDimensions[length] - maxPadding;
+    const max = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset = clamp(minPadding, center, max2);
+    const offset = clamp(minPadding, center, max);
     const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < minPadding ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
-    const alignmentOffset = shouldAddOffset ? center < minPadding ? center - minPadding : center - max2 : 0;
+    const alignmentOffset = shouldAddOffset ? center < minPadding ? center - minPadding : center - max : 0;
     return {
       [axis]: coords[axis] + alignmentOffset,
       data: {
@@ -4303,7 +4303,7 @@ var flip = function(options) {
       if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
-      const placements2 = [initialPlacement, ...fallbackPlacements];
+      const placements = [initialPlacement, ...fallbackPlacements];
       const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? undefined : _middlewareData$flip.overflows) || [];
@@ -4318,10 +4318,10 @@ var flip = function(options) {
         placement,
         overflows
       }];
-      if (!overflows.every((side2) => side2 <= 0)) {
+      if (!overflows.every((side) => side <= 0)) {
         var _middlewareData$flip2, _overflowsData$filter;
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? undefined : _middlewareData$flip2.index) || 0) + 1;
-        const nextPlacement = placements2[nextIndex];
+        const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
           const ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false;
           if (!ignoreCrossAxisOverflow || overflowsData.every((d) => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
@@ -4341,15 +4341,15 @@ var flip = function(options) {
           switch (fallbackStrategy) {
             case "bestFit": {
               var _overflowsData$filter2;
-              const placement2 = (_overflowsData$filter2 = overflowsData.filter((d) => {
+              const placement = (_overflowsData$filter2 = overflowsData.filter((d) => {
                 if (hasFallbackAxisSideDirection) {
                   const currentSideAxis = getSideAxis(d.placement);
                   return currentSideAxis === initialSideAxis || currentSideAxis === "y";
                 }
                 return true;
-              }).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? undefined : _overflowsData$filter2[0];
-              if (placement2) {
-                resetPlacement = placement2;
+              }).map((d) => [d.placement, d.overflows.filter((overflow) => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? undefined : _overflowsData$filter2[0];
+              if (placement) {
+                resetPlacement = placement;
               }
               break;
             }
@@ -4519,12 +4519,12 @@ var shift = function(options) {
         limiter = {
           fn: (_ref) => {
             let {
-              x: x2,
-              y: y2
+              x,
+              y
             } = _ref;
             return {
-              x: x2,
-              y: y2
+              x,
+              y
             };
           }
         },
@@ -4581,7 +4581,7 @@ var limitShift = function(options) {
         middlewareData
       } = state;
       const {
-        offset: offset2 = 0,
+        offset = 0,
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true
       } = evaluate(options, state);
@@ -4593,7 +4593,7 @@ var limitShift = function(options) {
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
       let crossAxisCoord = coords[crossAxis];
-      const rawOffset = evaluate(offset2, state);
+      const rawOffset = evaluate(offset, state);
       const computedOffset = typeof rawOffset === "number" ? {
         mainAxis: rawOffset,
         crossAxis: 0
@@ -5466,7 +5466,7 @@ import * as React18 from "react";
 import { useLayoutEffect as useLayoutEffect3 } from "react";
 import * as ReactDOM2 from "react-dom";
 var isClient = typeof document !== "undefined";
-var noop = function noop2() {};
+var noop = function noop() {};
 var index2 = isClient ? useLayoutEffect3 : noop;
 function deepEqual(a, b) {
   if (a === b) {
@@ -5542,7 +5542,7 @@ function useFloating(options) {
     placement = "bottom",
     strategy = "absolute",
     middleware = [],
-    platform: platform2,
+    platform,
     elements: {
       reference: externalReference,
       floating: externalFloating
@@ -5584,7 +5584,7 @@ function useFloating(options) {
   const dataRef = React18.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
-  const platformRef = useLatestRef(platform2);
+  const platformRef = useLatestRef(platform);
   const openRef = useLatestRef(open);
   const update = React18.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
@@ -5598,9 +5598,9 @@ function useFloating(options) {
     if (platformRef.current) {
       config.platform = platformRef.current;
     }
-    computePosition2(referenceRef.current, floatingRef.current, config).then((data2) => {
+    computePosition2(referenceRef.current, floatingRef.current, config).then((data) => {
       const fullData = {
-        ...data2,
+        ...data,
         isPositioned: openRef.current !== false
       };
       if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
@@ -5614,8 +5614,8 @@ function useFloating(options) {
   index2(() => {
     if (open === false && dataRef.current.isPositioned) {
       dataRef.current.isPositioned = false;
-      setData((data2) => ({
-        ...data2,
+      setData((data) => ({
+        ...data,
         isPositioned: false
       }));
     }
@@ -5775,7 +5775,7 @@ import * as React19 from "react";
 var __defProp16 = Object.defineProperty;
 var __name16 = (target, value) => __defProp16(target, "name", { value, configurable: true });
 function useSize(element) {
-  const [size4, setSize] = React19.useState(undefined);
+  const [size, setSize] = React19.useState(undefined);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -5806,12 +5806,12 @@ function useSize(element) {
       setSize(undefined);
     }
   }, [element]);
-  return size4;
+  return size;
 }
 __name16(useSize, "useSize");
 
 // ../../node_modules/.pnpm/@radix-ui+react-popper@1.3.7_@types+react-dom@18.3.7_@types+react@18.3.31__@types+react_eb61390ffeb98719c4501fa966467838/node_modules/@radix-ui/react-popper/dist/index.mjs
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 "use client";
 var __defProp17 = Object.defineProperty;
 var __name17 = (target, value) => __defProp17(target, "name", { value, configurable: true });
@@ -5822,7 +5822,7 @@ var Popper = /* @__PURE__ */ __name17((props) => {
   const { __scopePopper, children } = props;
   const [anchor, setAnchor] = React20.useState(null);
   const [placementState, setPlacementState] = React20.useState(undefined);
-  return /* @__PURE__ */ jsx8(PopperProvider, {
+  return /* @__PURE__ */ jsx10(PopperProvider, {
     scope: __scopePopper,
     anchor,
     onAnchorChange: setAnchor,
@@ -5858,7 +5858,7 @@ var PopperAnchor = /* @__PURE__ */ React20.forwardRef(/* @__PURE__ */ __name17(f
   const sideAndAlign = context.placementState && getSideAndAlignFromPlacement(context.placementState);
   const placedSide = sideAndAlign?.[0];
   const placedAlign = sideAndAlign?.[1];
-  return virtualRef ? null : /* @__PURE__ */ jsx8(Primitive.div, {
+  return virtualRef ? null : /* @__PURE__ */ jsx10(Primitive.div, {
     "data-radix-popper-side": placedSide,
     "data-radix-popper-align": placedAlign,
     ...anchorProps,
@@ -5887,8 +5887,8 @@ var PopperContent = /* @__PURE__ */ React20.forwardRef(/* @__PURE__ */ __name17(
   const context = usePopperContext(CONTENT_NAME, __scopePopper);
   const [content, setContent] = React20.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, setContent);
-  const [arrow4, setArrow] = React20.useState(null);
-  const arrowSize = useSize(arrow4);
+  const [arrow, setArrow] = React20.useState(null);
+  const arrowSize = useSize(arrow);
   const arrowWidth = arrowSize?.width ?? 0;
   const arrowHeight = arrowSize?.height ?? 0;
   const desiredPlacement = side + (align !== "center" ? "-" + align : "");
@@ -5932,7 +5932,7 @@ var PopperContent = /* @__PURE__ */ React20.forwardRef(/* @__PURE__ */ __name17(
           contentStyle.setProperty("--radix-popper-anchor-height", `${anchorHeight}px`);
         }, "apply")
       }),
-      arrow4 && arrow3({ element: arrow4, padding: arrowPadding }),
+      arrow && arrow3({ element: arrow, padding: arrowPadding }),
       transformOrigin({ arrowWidth, arrowHeight }),
       hideWhenDetached && hide3({
         strategy: "referenceHidden",
@@ -5963,7 +5963,7 @@ var PopperContent = /* @__PURE__ */ React20.forwardRef(/* @__PURE__ */ __name17(
     if (content)
       setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
-  return /* @__PURE__ */ jsx8("div", {
+  return /* @__PURE__ */ jsx10("div", {
     ref: refs.setFloating,
     "data-radix-popper-content-wrapper": "",
     style: {
@@ -5981,7 +5981,7 @@ var PopperContent = /* @__PURE__ */ React20.forwardRef(/* @__PURE__ */ __name17(
       }
     },
     dir: props.dir,
-    children: /* @__PURE__ */ jsx8(PopperContentProvider, {
+    children: /* @__PURE__ */ jsx10(PopperContentProvider, {
       scope: __scopePopper,
       placedSide,
       placedAlign,
@@ -5989,7 +5989,7 @@ var PopperContent = /* @__PURE__ */ React20.forwardRef(/* @__PURE__ */ __name17(
       arrowX,
       arrowY,
       shouldHideArrow: cannotCenterArrow,
-      children: /* @__PURE__ */ jsx8(Primitive.div, {
+      children: /* @__PURE__ */ jsx10(Primitive.div, {
         "data-side": placedSide,
         "data-align": placedAlign,
         ...contentProps,
@@ -6049,7 +6049,7 @@ var Content = PopperContent;
 // ../../node_modules/.pnpm/@radix-ui+react-portal@1.1.17_@types+react-dom@18.3.7_@types+react@18.3.31__@types+reac_35c248e3d41b4a33144a8517e72175a4/node_modules/@radix-ui/react-portal/dist/index.mjs
 import * as React21 from "react";
 import * as ReactDOM3 from "react-dom";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 "use client";
 var __defProp18 = Object.defineProperty;
 var __name18 = (target, value) => __defProp18(target, "name", { value, configurable: true });
@@ -6058,7 +6058,7 @@ var Portal = /* @__PURE__ */ React21.forwardRef(/* @__PURE__ */ __name18(functio
   const [mounted, setMounted] = React21.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM3.createPortal(/* @__PURE__ */ jsx9(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM3.createPortal(/* @__PURE__ */ jsx11(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 }, "Portal"));
 
 // ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.10_@types+react-dom@18.3.7_@types+react@18.3.31__@types+re_62e566fb7823886e0e3d5565144169f1/node_modules/@radix-ui/react-presence/dist/index.mjs
@@ -6273,7 +6273,7 @@ __name20(useIsHydratedModern, "useIsHydratedModern");
 var useIsHydrated2 = typeof useReactSyncExternalStore === "function" ? useIsHydratedModern : useIsHydrated;
 
 // ../../node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.19_@types+react-dom@18.3.7_@types+react@18.3.31__@type_d5b0f6117fe35925e77b051a5d0d3813/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 "use client";
 var __defProp21 = Object.defineProperty;
 var __name21 = (target, value) => __defProp21(target, "name", { value, configurable: true });
@@ -6284,7 +6284,7 @@ var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_
 var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(GROUP_NAME, [createCollectionScope]);
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
 var RovingFocusGroup = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __name21(function RovingFocusGroup2(props, forwardedRef) {
-  return /* @__PURE__ */ jsx10(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx10(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx10(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
+  return /* @__PURE__ */ jsx12(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx12(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx12(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
 }, "RovingFocusGroup"));
 var RovingFocusGroupImpl = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __name21(function RovingFocusGroupImpl2(props, forwardedRef) {
   const {
@@ -6320,7 +6320,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __
       return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
     }
   }, [handleEntryFocus]);
-  return /* @__PURE__ */ jsx10(RovingFocusProvider, {
+  return /* @__PURE__ */ jsx12(RovingFocusProvider, {
     scope: __scopeRovingFocusGroup,
     orientation,
     dir: direction,
@@ -6330,7 +6330,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __
     onItemShiftTab: React28.useCallback(() => setIsTabbingBackOut(true), []),
     onFocusableItemAdd: React28.useCallback(() => setFocusableItemsCount((prevCount) => prevCount + 1), []),
     onFocusableItemRemove: React28.useCallback(() => setFocusableItemsCount((prevCount) => prevCount - 1), []),
-    children: /* @__PURE__ */ jsx10(Primitive.div, {
+    children: /* @__PURE__ */ jsx12(Primitive.div, {
       tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
       "data-orientation": orientation,
       ...groupProps,
@@ -6390,12 +6390,12 @@ var RovingFocusGroupItem = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __
     onFocusableItemAdd();
     return () => onFocusableItemRemove();
   }, [isHydrated, focusable, onFocusableItemAdd, onFocusableItemRemove]);
-  return /* @__PURE__ */ jsx10(Collection.ItemSlot, {
+  return /* @__PURE__ */ jsx12(Collection.ItemSlot, {
     scope: __scopeRovingFocusGroup,
     id,
     focusable,
     active,
-    children: /* @__PURE__ */ jsx10(Primitive.span, {
+    children: /* @__PURE__ */ jsx12(Primitive.span, {
       tabIndex: isCurrentTabStop ? 0 : -1,
       "data-orientation": context.orientation,
       ...itemProps,
@@ -6473,7 +6473,7 @@ function focusFirst2(candidates, preventScroll = false) {
 }
 __name21(focusFirst2, "focusFirst");
 function wrapArray(array, startIndex) {
-  return array.map((_, index3) => array[(startIndex + index3) % array.length]);
+  return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
 __name21(wrapArray, "wrapArray");
 var Root = RovingFocusGroup;
@@ -6602,7 +6602,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
 
 // ../../node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs
 var __assign = function() {
-  __assign = Object.assign || function __assign2(t) {
+  __assign = Object.assign || function __assign(t) {
     for (var s, i = 1, n = arguments.length;i < n; i++) {
       s = arguments[i];
       for (var p in s)
@@ -6771,9 +6771,9 @@ function innerCreateMedium(defaults, middleware) {
         pendingQueue = buffer;
       }
       var executeQueue = function() {
-        var cbs2 = pendingQueue;
+        var cbs = pendingQueue;
         pendingQueue = [];
-        cbs2.forEach(cb);
+        cbs.forEach(cb);
       };
       var cycle = function() {
         return Promise.resolve().then(executeQueue);
@@ -6834,10 +6834,10 @@ var RemoveScroll = React31.forwardRef(function(props, parentRef) {
     onTouchMoveCapture: nothing
   }), callbacks = _a[0], setCallbacks = _a[1];
   var { forwardProps, children, className, removeScrollBar, enabled, shards, sideCar, noRelative, noIsolation, inert, allowPinchZoom, as: _b } = props, Container = _b === undefined ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
-  var SideCar2 = sideCar;
+  var SideCar = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React31.createElement(React31.Fragment, null, enabled && React31.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }), forwardProps ? React31.cloneElement(React31.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React31.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children));
+  return React31.createElement(React31.Fragment, null, enabled && React31.createElement(SideCar, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }), forwardProps ? React31.cloneElement(React31.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React31.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children));
 });
 RemoveScroll.defaultProps = {
   enabled: true,
@@ -7188,7 +7188,7 @@ function RemoveScrollSideCar(props) {
   var touchStartRef = React34.useRef([0, 0]);
   var activeAxis = React34.useRef();
   var id = React34.useState(idCounter++)[0];
-  var Style2 = React34.useState(styleSingleton)[0];
+  var Style = React34.useState(styleSingleton)[0];
   var lastProps = React34.useRef(props);
   React34.useEffect(function() {
     lastProps.current = props;
@@ -7253,7 +7253,7 @@ function RemoveScrollSideCar(props) {
   }, []);
   var shouldPrevent = React34.useCallback(function(_event) {
     var event = _event;
-    if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
+    if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {
       return;
     }
     var delta = "deltaY" in event ? getDeltaXY(event) : getTouchXY(event);
@@ -7298,7 +7298,7 @@ function RemoveScrollSideCar(props) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
   React34.useEffect(function() {
-    lockStack.push(Style2);
+    lockStack.push(Style);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
       onWheelCapture: scrollWheel,
@@ -7309,7 +7309,7 @@ function RemoveScrollSideCar(props) {
     document.addEventListener("touchstart", scrollTouchStart, nonPassive);
     return function() {
       lockStack = lockStack.filter(function(inst) {
-        return inst !== Style2;
+        return inst !== Style;
       });
       document.removeEventListener("wheel", shouldPrevent, nonPassive);
       document.removeEventListener("touchmove", shouldPrevent, nonPassive);
@@ -7317,7 +7317,7 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var { removeScrollBar, inert } = props;
-  return React34.createElement(React34.Fragment, null, inert ? React34.createElement(Style2, { styles: generateStyle(id) }) : null, removeScrollBar ? React34.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null);
+  return React34.createElement(React34.Fragment, null, inert ? React34.createElement(Style, { styles: generateStyle(id) }) : null, removeScrollBar ? React34.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null);
 }
 function getOutermostShadowParent(node) {
   var shadowParent = null;
@@ -7342,7 +7342,7 @@ ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
 
 // ../../node_modules/.pnpm/@radix-ui+react-menu@2.1.24_@types+react-dom@18.3.7_@types+react@18.3.31__@types+react@_5916b0f50695b0c3786ad7b8ea8d8ac9/node_modules/@radix-ui/react-menu/dist/index.mjs
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 "use client";
 var __defProp22 = Object.defineProperty;
 var __name22 = (target, value) => __defProp22(target, "name", { value, configurable: true });
@@ -7398,13 +7398,13 @@ var Menu = /* @__PURE__ */ __name22((props) => {
     window.addEventListener("blur", handleBlur);
     return () => window.removeEventListener("blur", handleBlur);
   }, [open, handleOpenChange]);
-  return /* @__PURE__ */ jsx11(Root2, { ...popperScope, children: /* @__PURE__ */ jsx11(MenuProvider, {
+  return /* @__PURE__ */ jsx13(Root2, { ...popperScope, children: /* @__PURE__ */ jsx13(MenuProvider, {
     scope: __scopeMenu,
     open,
     onOpenChange: handleOpenChange,
     content,
     onContentChange: setContent,
-    children: /* @__PURE__ */ jsx11(MenuRootProvider, {
+    children: /* @__PURE__ */ jsx13(MenuRootProvider, {
       scope: __scopeMenu,
       onClose: React36.useCallback(() => handleOpenChange(false), [handleOpenChange]),
       isUsingKeyboardRef,
@@ -7417,7 +7417,7 @@ var Menu = /* @__PURE__ */ __name22((props) => {
 var MenuAnchor = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuAnchor2(props, forwardedRef) {
   const { __scopeMenu, ...anchorProps } = props;
   const popperScope = usePopperScope(__scopeMenu);
-  return /* @__PURE__ */ jsx11(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx13(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
 }, "MenuAnchor"));
 var PORTAL_NAME = "MenuPortal";
 var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME, {
@@ -7426,7 +7426,7 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME, {
 var MenuPortal = /* @__PURE__ */ __name22((props) => {
   const { __scopeMenu, forceMount, children, container } = props;
   const context = useMenuContext(PORTAL_NAME, __scopeMenu);
-  return /* @__PURE__ */ jsx11(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx11(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx11(Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ jsx13(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx13(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx13(Portal, { asChild: true, container, children }) }) });
 }, "MenuPortal");
 var CONTENT_NAME2 = "MenuContent";
 var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME2);
@@ -7435,7 +7435,7 @@ var MenuContent = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(fu
   const { forceMount = portalContext.forceMount, ...contentProps } = props;
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
   const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
-  return /* @__PURE__ */ jsx11(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx11(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx11(Collection2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx11(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx11(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
+  return /* @__PURE__ */ jsx13(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx13(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx13(Collection2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx13(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx13(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
 }, "MenuContent"));
 var MenuRootContentModal = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuRootContentModal2(props, forwardedRef) {
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
@@ -7446,7 +7446,7 @@ var MenuRootContentModal = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __
     if (content)
       return hideOthers(content);
   }, []);
-  return /* @__PURE__ */ jsx11(MenuContentImpl, {
+  return /* @__PURE__ */ jsx13(MenuContentImpl, {
     ...props,
     ref: composedRefs,
     trapFocus: context.open,
@@ -7458,7 +7458,7 @@ var MenuRootContentModal = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __
 }, "MenuRootContentModal"));
 var MenuRootContentNonModal = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuRootContentNonModal2(props, forwardedRef) {
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
-  return /* @__PURE__ */ jsx11(MenuContentImpl, {
+  return /* @__PURE__ */ jsx13(MenuContentImpl, {
     ...props,
     ref: forwardedRef,
     trapFocus: false,
@@ -7527,7 +7527,7 @@ var MenuContentImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name2
     const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
     return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
   }, []);
-  return /* @__PURE__ */ jsx11(MenuContentProvider, {
+  return /* @__PURE__ */ jsx13(MenuContentProvider, {
     scope: __scopeMenu,
     searchRef,
     onItemEnter: React36.useCallback((event) => {
@@ -7548,7 +7548,7 @@ var MenuContentImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name2
     onPointerGraceIntentChange: React36.useCallback((intent) => {
       pointerGraceIntentRef.current = intent;
     }, []),
-    children: /* @__PURE__ */ jsx11(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx11(FocusScope, {
+    children: /* @__PURE__ */ jsx13(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx13(FocusScope, {
       asChild: true,
       trapped: trapFocus,
       onMountAutoFocus: composeEventHandlers(onOpenAutoFocus, (event) => {
@@ -7556,7 +7556,7 @@ var MenuContentImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name2
         contentRef.current?.focus({ preventScroll: true });
       }),
       onUnmountAutoFocus: onCloseAutoFocus,
-      children: /* @__PURE__ */ jsx11(DismissableLayer, {
+      children: /* @__PURE__ */ jsx13(DismissableLayer, {
         asChild: true,
         disableOutsidePointerEvents,
         onEscapeKeyDown,
@@ -7564,7 +7564,7 @@ var MenuContentImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name2
         onFocusOutside,
         onInteractOutside,
         onDismiss,
-        children: /* @__PURE__ */ jsx11(Root, {
+        children: /* @__PURE__ */ jsx13(Root, {
           asChild: true,
           ...rovingFocusGroupScope,
           dir: rootContext.dir,
@@ -7577,7 +7577,7 @@ var MenuContentImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name2
               event.preventDefault();
           }),
           preventScrollOnEntryFocus: true,
-          children: /* @__PURE__ */ jsx11(Content, {
+          children: /* @__PURE__ */ jsx13(Content, {
             role: "menu",
             "aria-orientation": "vertical",
             "data-state": getOpenState(context.open),
@@ -7633,7 +7633,7 @@ var MenuContentImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name2
 }, "MenuContentImpl"));
 var MenuLabel = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuLabel2(props, forwardedRef) {
   const { __scopeMenu, ...labelProps } = props;
-  return /* @__PURE__ */ jsx11(Primitive.div, { ...labelProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx13(Primitive.div, { ...labelProps, ref: forwardedRef });
 }, "MenuLabel"));
 var ITEM_NAME2 = "MenuItem";
 var ITEM_SELECT = "menu.itemSelect";
@@ -7657,7 +7657,7 @@ var MenuItem = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(funct
       }
     }
   }, "handleSelect");
-  return /* @__PURE__ */ jsx11(MenuItemImpl, {
+  return /* @__PURE__ */ jsx13(MenuItemImpl, {
     ...itemProps,
     ref: composedRefs,
     disabled,
@@ -7699,11 +7699,11 @@ var MenuItemImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(f
       setTextContent((menuItem.textContent ?? "").trim());
     }
   }, [itemProps.children]);
-  return /* @__PURE__ */ jsx11(Collection2.ItemSlot, {
+  return /* @__PURE__ */ jsx13(Collection2.ItemSlot, {
     scope: __scopeMenu,
     disabled,
     textValue: textValue ?? textContent,
-    children: /* @__PURE__ */ jsx11(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx11(Primitive.div, {
+    children: /* @__PURE__ */ jsx13(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx13(Primitive.div, {
       role: "menuitem",
       "data-highlighted": isFocused ? "" : undefined,
       "aria-disabled": disabled || undefined,
@@ -7729,7 +7729,7 @@ var MenuItemImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(f
 }, "MenuItemImpl"));
 var MenuCheckboxItem = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuCheckboxItem2(props, forwardedRef) {
   const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
-  return /* @__PURE__ */ jsx11(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx11(MenuItem, {
+  return /* @__PURE__ */ jsx13(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx13(MenuItem, {
     role: "menuitemcheckbox",
     "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
     ...checkboxItemProps,
@@ -7745,7 +7745,7 @@ var MenuRadioItem = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(
   const { value, ...radioItemProps } = props;
   const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);
   const checked = value === context.value;
-  return /* @__PURE__ */ jsx11(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx11(MenuItem, {
+  return /* @__PURE__ */ jsx13(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx13(MenuItem, {
     role: "menuitemradio",
     "aria-checked": checked,
     ...radioItemProps,
@@ -7759,9 +7759,9 @@ var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(ITEM_IN
 var MenuItemIndicator = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuItemIndicator2(props, forwardedRef) {
   const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
   const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
-  return /* @__PURE__ */ jsx11(Presence, {
+  return /* @__PURE__ */ jsx13(Presence, {
     present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
-    children: /* @__PURE__ */ jsx11(Primitive.span, {
+    children: /* @__PURE__ */ jsx13(Primitive.span, {
       ...itemIndicatorProps,
       ref: forwardedRef,
       "data-state": getCheckedState(indicatorContext.checked)
@@ -7770,7 +7770,7 @@ var MenuItemIndicator = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __nam
 }, "MenuItemIndicator"));
 var MenuSeparator = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuSeparator2(props, forwardedRef) {
   const { __scopeMenu, ...separatorProps } = props;
-  return /* @__PURE__ */ jsx11(Primitive.div, {
+  return /* @__PURE__ */ jsx13(Primitive.div, {
     role: "separator",
     "aria-orientation": "horizontal",
     ...separatorProps,
@@ -7802,7 +7802,7 @@ var MenuSubTrigger = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22
     };
   }, [pointerGraceTimerRef, onPointerGraceIntentChange]);
   const composedRefs = useComposedRefs(forwardedRef, subContext.onTriggerChange);
-  return /* @__PURE__ */ jsx11(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx11(MenuItemImpl, {
+  return /* @__PURE__ */ jsx13(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx13(MenuItemImpl, {
     id: subContext.triggerId,
     "aria-haspopup": "menu",
     "aria-expanded": context.open,
@@ -7883,7 +7883,7 @@ var MenuSubContent = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22
   const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
   const ref = React36.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  return /* @__PURE__ */ jsx11(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx11(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx11(Collection2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx11(MenuContentImpl, {
+  return /* @__PURE__ */ jsx13(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx13(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx13(Collection2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx13(MenuContentImpl, {
     id: subContext.contentId,
     "aria-labelledby": subContext.triggerId,
     ...subContentProps,
@@ -7942,7 +7942,7 @@ function focusFirst3(candidates) {
 }
 __name22(focusFirst3, "focusFirst");
 function wrapArray2(array, startIndex) {
-  return array.map((_, index3) => array[(startIndex + index3) % array.length]);
+  return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
 __name22(wrapArray2, "wrapArray");
 function getNextMatch(values, search, currentMatch) {
@@ -7987,7 +7987,7 @@ function whenMouse(handler) {
 __name22(whenMouse, "whenMouse");
 var Root3 = Menu;
 var Anchor2 = MenuAnchor;
-var Portal3 = MenuPortal;
+var Portal2 = MenuPortal;
 var Content2 = MenuContent;
 var Label = MenuLabel;
 var Item2 = MenuItem;
@@ -7999,7 +7999,7 @@ var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 
 // ../../node_modules/.pnpm/@radix-ui+react-dropdown-menu@2.1.24_@types+react-dom@18.3.7_@types+react@18.3.31__@typ_cccb57b67c4362d4d715c3f09d78a900/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 "use client";
 var __defProp23 = Object.defineProperty;
 var __name23 = (target, value) => __defProp23(target, "name", { value, configurable: true });
@@ -8025,7 +8025,7 @@ var DropdownMenu = /* @__PURE__ */ __name23((props) => {
     onChange: onOpenChange,
     caller: DROPDOWN_MENU_NAME
   });
-  return /* @__PURE__ */ jsx12(DropdownMenuProvider, {
+  return /* @__PURE__ */ jsx14(DropdownMenuProvider, {
     scope: __scopeDropdownMenu,
     triggerId: useId(),
     triggerRef,
@@ -8034,7 +8034,7 @@ var DropdownMenu = /* @__PURE__ */ __name23((props) => {
     onOpenChange: setOpen,
     onOpenToggle: React37.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
     modal,
-    children: /* @__PURE__ */ jsx12(Root3, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
+    children: /* @__PURE__ */ jsx14(Root3, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
   });
 }, "DropdownMenu");
 var TRIGGER_NAME = "DropdownMenuTrigger";
@@ -8043,7 +8043,7 @@ var DropdownMenuTrigger = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __n
   const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
   const menuScope = useMenuScope(__scopeDropdownMenu);
   const composedRefs = useComposedRefs(forwardedRef, context.triggerRef);
-  return /* @__PURE__ */ jsx12(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx12(Primitive.button, {
+  return /* @__PURE__ */ jsx14(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx14(Primitive.button, {
     type: "button",
     id: context.triggerId,
     "aria-haspopup": "menu",
@@ -8076,7 +8076,7 @@ var DropdownMenuTrigger = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __n
 var DropdownMenuPortal = /* @__PURE__ */ __name23((props) => {
   const { __scopeDropdownMenu, ...portalProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx12(Portal3, { ...menuScope, ...portalProps });
+  return /* @__PURE__ */ jsx14(Portal2, { ...menuScope, ...portalProps });
 }, "DropdownMenuPortal");
 var CONTENT_NAME3 = "DropdownMenuContent";
 var DropdownMenuContent = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuContent2(props, forwardedRef) {
@@ -8084,7 +8084,7 @@ var DropdownMenuContent = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __n
   const context = useDropdownMenuContext(CONTENT_NAME3, __scopeDropdownMenu);
   const menuScope = useMenuScope(__scopeDropdownMenu);
   const hasInteractedOutsideRef = React37.useRef(false);
-  return /* @__PURE__ */ jsx12(Content2, {
+  return /* @__PURE__ */ jsx14(Content2, {
     id: context.contentId,
     "aria-labelledby": context.triggerId,
     ...menuScope,
@@ -8118,42 +8118,42 @@ var DropdownMenuContent = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __n
 var DropdownMenuLabel = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuLabel2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...labelProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx12(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx14(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
 }, "DropdownMenuLabel"));
 var DropdownMenuItem = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuItem2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...itemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx12(Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx14(Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
 }, "DropdownMenuItem"));
 var DropdownMenuCheckboxItem = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuCheckboxItem2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...checkboxItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx12(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx14(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
 }, "DropdownMenuCheckboxItem"));
 var DropdownMenuRadioItem = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuRadioItem2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...radioItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx12(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx14(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
 }, "DropdownMenuRadioItem"));
 var DropdownMenuItemIndicator = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuItemIndicator2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx12(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx14(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
 }, "DropdownMenuItemIndicator"));
 var DropdownMenuSeparator = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuSeparator2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...separatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx12(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx14(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
 }, "DropdownMenuSeparator"));
 var DropdownMenuSubTrigger = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuSubTrigger2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...subTriggerProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx12(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx14(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
 }, "DropdownMenuSubTrigger"));
 var DropdownMenuSubContent = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuSubContent2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...subContentProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx12(SubContent, {
+  return /* @__PURE__ */ jsx14(SubContent, {
     ...menuScope,
     ...subContentProps,
     ref: forwardedRef,
@@ -8183,96 +8183,96 @@ var SubTrigger2 = DropdownMenuSubTrigger;
 var SubContent2 = DropdownMenuSubContent;
 
 // src/components/ui/dropdown-menu.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx15, jsxs } from "react/jsx-runtime";
 var DropdownMenu2 = Root22;
-var DropdownMenuTrigger3 = Trigger;
-var DropdownMenuSubTrigger3 = React38.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxDEV3(SubTrigger2, {
+var DropdownMenuTrigger2 = Trigger;
+var DropdownMenuSubTrigger2 = React38.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(SubTrigger2, {
   ref,
   className: cn("flex cursor-default select-none items-center gap-2 rounded-radius-100 px-2 py-1.5 text-sm outline-none", "focus:bg-surface-raised data-[state=open]:bg-surface-raised", inset && "pl-8", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className),
   ...props,
   children: [
     children,
-    /* @__PURE__ */ jsxDEV3(ChevronRight, {
+    /* @__PURE__ */ jsx15(ChevronRight, {
       className: "ml-auto"
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this));
-DropdownMenuSubTrigger3.displayName = SubTrigger2.displayName;
-var DropdownMenuSubContent3 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV3(SubContent2, {
+}));
+DropdownMenuSubTrigger2.displayName = SubTrigger2.displayName;
+var DropdownMenuSubContent2 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(SubContent2, {
   ref,
   className: cn("z-50 min-w-[8rem] overflow-hidden rounded-radius-200 border border-line-default", "bg-surface-raised p-1 text-content-default shadow-elevation-2", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
   ...props
-}, undefined, false, undefined, this));
-DropdownMenuSubContent3.displayName = SubContent2.displayName;
-var DropdownMenuContent3 = React38.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxDEV3(Portal22, {
-  children: /* @__PURE__ */ jsxDEV3(Content22, {
+}));
+DropdownMenuSubContent2.displayName = SubContent2.displayName;
+var DropdownMenuContent2 = React38.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx15(Portal22, {
+  children: /* @__PURE__ */ jsx15(Content22, {
     ref,
     sideOffset,
     className: cn("z-50 min-w-[8rem] overflow-hidden rounded-radius-200 border border-line-default", "bg-surface-raised p-1 text-content-default shadow-elevation-2", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
     ...props
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
-DropdownMenuContent3.displayName = Content22.displayName;
-var DropdownMenuItem3 = React38.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsxDEV3(Item22, {
+  })
+}));
+DropdownMenuContent2.displayName = Content22.displayName;
+var DropdownMenuItem2 = React38.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx15(Item22, {
   ref,
   className: cn("relative flex cursor-default select-none items-center gap-2 rounded-radius-100 px-2 py-1.5 text-sm outline-none transition-colors", "data-[highlighted]:bg-surface-overlay data-[highlighted]:text-content-default", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", destructive && "text-status-danger-bold focus:text-status-danger-bold", className),
   ...props
-}, undefined, false, undefined, this));
-DropdownMenuItem3.displayName = Item22.displayName;
-var DropdownMenuCheckboxItem3 = React38.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxDEV3(CheckboxItem2, {
+}));
+DropdownMenuItem2.displayName = Item22.displayName;
+var DropdownMenuCheckboxItem2 = React38.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(CheckboxItem2, {
   ref,
   className: cn("relative flex cursor-default select-none items-center rounded-radius-100 py-1.5 pl-8 pr-2 text-sm outline-none transition-colors", "focus:bg-surface-overlay focus:text-content-default", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
   checked,
   ...props,
   children: [
-    /* @__PURE__ */ jsxDEV3("span", {
+    /* @__PURE__ */ jsx15("span", {
       className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsxDEV3(ItemIndicator2, {
-        children: /* @__PURE__ */ jsxDEV3(Check, {
+      children: /* @__PURE__ */ jsx15(ItemIndicator2, {
+        children: /* @__PURE__ */ jsx15(Check, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this),
+        })
+      })
+    }),
     children
   ]
-}, undefined, true, undefined, this));
-DropdownMenuCheckboxItem3.displayName = CheckboxItem2.displayName;
-var DropdownMenuRadioItem3 = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxDEV3(RadioItem2, {
+}));
+DropdownMenuCheckboxItem2.displayName = CheckboxItem2.displayName;
+var DropdownMenuRadioItem2 = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(RadioItem2, {
   ref,
   className: cn("relative flex cursor-default select-none items-center rounded-radius-100 py-1.5 pl-8 pr-2 text-sm outline-none transition-colors", "focus:bg-surface-overlay focus:text-content-default", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsxDEV3("span", {
+    /* @__PURE__ */ jsx15("span", {
       className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsxDEV3(ItemIndicator2, {
-        children: /* @__PURE__ */ jsxDEV3(Circle, {
+      children: /* @__PURE__ */ jsx15(ItemIndicator2, {
+        children: /* @__PURE__ */ jsx15(Circle, {
           className: "h-2 w-2 fill-current"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this),
+        })
+      })
+    }),
     children
   ]
-}, undefined, true, undefined, this));
-DropdownMenuRadioItem3.displayName = RadioItem2.displayName;
-var DropdownMenuLabel3 = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxDEV3(Label2, {
+}));
+DropdownMenuRadioItem2.displayName = RadioItem2.displayName;
+var DropdownMenuLabel2 = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx15(Label2, {
   ref,
   className: cn("px-2 py-1.5 text-xs font-semibold text-content-subtle", inset && "pl-8", className),
   ...props
-}, undefined, false, undefined, this));
-DropdownMenuLabel3.displayName = Label2.displayName;
-var DropdownMenuSeparator3 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV3(Separator2, {
+}));
+DropdownMenuLabel2.displayName = Label2.displayName;
+var DropdownMenuSeparator2 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(Separator2, {
   ref,
   className: cn("-mx-1 my-1 h-px bg-line-default", className),
   ...props
-}, undefined, false, undefined, this));
-DropdownMenuSeparator3.displayName = Separator2.displayName;
+}));
+DropdownMenuSeparator2.displayName = Separator2.displayName;
 var DropdownMenuShortcut = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxDEV3("span", {
+}) => /* @__PURE__ */ jsx15("span", {
   className: cn("ml-auto text-xs tracking-widest text-content-subtle", className),
   ...props
-}, undefined, false, undefined, this);
+});
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/ui/separator.tsx
@@ -8280,17 +8280,17 @@ import * as React40 from "react";
 
 // ../../node_modules/.pnpm/@radix-ui+react-separator@1.1.15_@types+react-dom@18.3.7_@types+react@18.3.31__@types+r_4a12feba46caccd3ef696040f49a7ac3/node_modules/@radix-ui/react-separator/dist/index.mjs
 import * as React39 from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var __defProp24 = Object.defineProperty;
 var __name24 = (target, value) => __defProp24(target, "name", { value, configurable: true });
 var DEFAULT_ORIENTATION = "horizontal";
 var ORIENTATIONS = ["horizontal", "vertical"];
-var Separator3 = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name24(function Separator22(props, forwardedRef) {
+var Separator3 = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name24(function Separator2(props, forwardedRef) {
   const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;
   const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;
   const ariaOrientation = orientation === "vertical" ? orientation : undefined;
   const semanticProps = decorative ? { role: "none" } : { "aria-orientation": ariaOrientation, role: "separator" };
-  return /* @__PURE__ */ jsx13(Primitive.div, {
+  return /* @__PURE__ */ jsx16(Primitive.div, {
     "data-orientation": orientation,
     ...semanticProps,
     ...domProps,
@@ -8304,158 +8304,158 @@ __name24(isValidOrientation, "isValidOrientation");
 var Root4 = Separator3;
 
 // src/components/ui/separator.tsx
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
-var Separator5 = React40.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxDEV4(Root4, {
+import { jsx as jsx17 } from "react/jsx-runtime";
+var Separator4 = React40.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx17(Root4, {
   ref,
   decorative,
   orientation,
   className: cn("shrink-0 bg-line-default", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className),
   ...props
-}, undefined, false, undefined, this));
-Separator5.displayName = Root4.displayName;
+}));
+Separator4.displayName = Root4.displayName;
 
 // src/components/Header.tsx
-import { jsxDEV as jsxDEV5, Fragment as Fragment5 } from "react/jsx-dev-runtime";
+import { jsx as jsx18, jsxs as jsxs2, Fragment as Fragment5 } from "react/jsx-runtime";
 function getInitials(name) {
   return name.split(" ").filter(Boolean).slice(0, 2).map((w) => w[0]?.toUpperCase() ?? "").join("");
 }
 function IconButton({ label, children, className, ...props }) {
-  return /* @__PURE__ */ jsxDEV5("button", {
+  return /* @__PURE__ */ jsx18("button", {
     type: "button",
     "aria-label": label,
     className: cn("flex h-8 w-8 items-center justify-center rounded-md", "text-content-subtle transition-colors", "hover:bg-surface-raised hover:text-content-default", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary", className),
     ...props,
     children
-  }, undefined, false, undefined, this);
+  });
 }
 function UserMenu({ user, tenant }) {
-  return /* @__PURE__ */ jsxDEV5(DropdownMenu2, {
+  return /* @__PURE__ */ jsxs2(DropdownMenu2, {
     children: [
-      /* @__PURE__ */ jsxDEV5(DropdownMenuTrigger3, {
+      /* @__PURE__ */ jsx18(DropdownMenuTrigger2, {
         asChild: true,
-        children: /* @__PURE__ */ jsxDEV5("button", {
+        children: /* @__PURE__ */ jsx18("button", {
           type: "button",
           "aria-label": `User menu for ${user.name}`,
           className: cn("rounded-full outline-none", "ring-offset-surface-raised focus-visible:ring-2 focus-visible:ring-action-primary focus-visible:ring-offset-2", "transition-opacity hover:opacity-80"),
-          children: /* @__PURE__ */ jsxDEV5(Avatar3, {
+          children: /* @__PURE__ */ jsxs2(Avatar2, {
             className: "h-8 w-8",
             children: [
-              /* @__PURE__ */ jsxDEV5(AvatarImage3, {
+              /* @__PURE__ */ jsx18(AvatarImage2, {
                 src: user.avatar,
                 alt: user.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5(AvatarFallback3, {
+              }),
+              /* @__PURE__ */ jsx18(AvatarFallback2, {
                 className: "text-xs",
                 children: getInitials(user.name)
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV5(DropdownMenuContent3, {
+          })
+        })
+      }),
+      /* @__PURE__ */ jsxs2(DropdownMenuContent2, {
         align: "end",
         className: "w-56",
         children: [
-          /* @__PURE__ */ jsxDEV5(DropdownMenuLabel3, {
+          /* @__PURE__ */ jsx18(DropdownMenuLabel2, {
             className: "font-normal",
-            children: /* @__PURE__ */ jsxDEV5("div", {
+            children: /* @__PURE__ */ jsxs2("div", {
               className: "flex flex-col gap-0.5",
               children: [
-                /* @__PURE__ */ jsxDEV5("span", {
+                /* @__PURE__ */ jsx18("span", {
                   className: "text-sm font-semibold text-content-default",
                   children: user.name
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV5("span", {
+                }),
+                /* @__PURE__ */ jsx18("span", {
                   className: "text-xs text-content-subtle truncate",
                   children: user.email
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(DropdownMenuSeparator3, {}, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(DropdownMenuItem3, {
+            })
+          }),
+          /* @__PURE__ */ jsx18(DropdownMenuSeparator2, {}),
+          /* @__PURE__ */ jsx18(DropdownMenuItem2, {
             asChild: true,
-            children: /* @__PURE__ */ jsxDEV5("a", {
+            children: /* @__PURE__ */ jsxs2("a", {
               href: tenant.communityUrl,
               target: "_blank",
               rel: "noreferrer",
               className: "cursor-pointer",
               children: [
-                /* @__PURE__ */ jsxDEV5(ExternalLink, {
+                /* @__PURE__ */ jsx18(ExternalLink, {
                   className: "h-4 w-4"
-                }, undefined, false, undefined, this),
+                }),
                 "Open Community"
               ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(DropdownMenuItem3, {
+            })
+          }),
+          /* @__PURE__ */ jsx18(DropdownMenuItem2, {
             asChild: true,
-            children: /* @__PURE__ */ jsxDEV5("a", {
+            children: /* @__PURE__ */ jsxs2("a", {
               href: "/settings/profile",
               className: "cursor-pointer",
               children: [
-                /* @__PURE__ */ jsxDEV5(Settings, {
+                /* @__PURE__ */ jsx18(Settings, {
                   className: "h-4 w-4"
-                }, undefined, false, undefined, this),
+                }),
                 "Settings"
               ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(DropdownMenuSeparator3, {}, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(DropdownMenuItem3, {
+            })
+          }),
+          /* @__PURE__ */ jsx18(DropdownMenuSeparator2, {}),
+          /* @__PURE__ */ jsx18(DropdownMenuItem2, {
             asChild: true,
             destructive: true,
-            children: /* @__PURE__ */ jsxDEV5("a", {
+            children: /* @__PURE__ */ jsxs2("a", {
               href: "/member/logout",
               className: "cursor-pointer",
               children: [
-                /* @__PURE__ */ jsxDEV5(LogOut, {
+                /* @__PURE__ */ jsx18(LogOut, {
                   className: "h-4 w-4"
-                }, undefined, false, undefined, this),
+                }),
                 "Log out"
               ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
-var Header = React41.memo(function Header2({ user, tenant, rightSlot }) {
-  return /* @__PURE__ */ jsxDEV5("header", {
+var Header = React41.memo(function Header({ user, tenant, rightSlot }) {
+  return /* @__PURE__ */ jsxs2("header", {
     className: cn("app-shell-header", "flex h-12 shrink-0 items-center justify-end gap-1 px-4", "border-b border-line-default bg-surface-default", "z-10"),
     children: [
-      /* @__PURE__ */ jsxDEV5(IconButton, {
+      /* @__PURE__ */ jsx18(IconButton, {
         label: "Members online",
-        children: /* @__PURE__ */ jsxDEV5(Users, {
+        children: /* @__PURE__ */ jsx18(Users, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV5(IconButton, {
+        })
+      }),
+      /* @__PURE__ */ jsx18(IconButton, {
         label: "Notifications",
-        children: /* @__PURE__ */ jsxDEV5(Bell, {
+        children: /* @__PURE__ */ jsx18(Bell, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      rightSlot != null && /* @__PURE__ */ jsxDEV5(Fragment5, {
+        })
+      }),
+      rightSlot != null && /* @__PURE__ */ jsxs2(Fragment5, {
         children: [
-          /* @__PURE__ */ jsxDEV5(Separator5, {
+          /* @__PURE__ */ jsx18(Separator4, {
             orientation: "vertical",
             className: "mx-1 h-4"
-          }, undefined, false, undefined, this),
+          }),
           rightSlot
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5(Separator5, {
+      }),
+      /* @__PURE__ */ jsx18(Separator4, {
         orientation: "vertical",
         className: "mx-1 h-4"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV5(UserMenu, {
+      }),
+      /* @__PURE__ */ jsx18(UserMenu, {
         user,
         tenant
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 });
 
 // src/components/SideNavigation.tsx
@@ -8469,7 +8469,7 @@ import * as React43 from "react";
 
 // ../../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.20_@types+react-dom@18.3.7_@types+react@18.3.31__@types_95df58d005192586eb1c943efded7427/node_modules/@radix-ui/react-collapsible/dist/index.mjs
 import * as React42 from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 "use client";
 var __defProp25 = Object.defineProperty;
 var __name25 = (target, value) => __defProp25(target, "name", { value, configurable: true });
@@ -8491,13 +8491,13 @@ var Collapsible = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */ __name25(fu
     onChange: onOpenChange,
     caller: COLLAPSIBLE_NAME
   });
-  return /* @__PURE__ */ jsx14(CollapsibleProvider, {
+  return /* @__PURE__ */ jsx19(CollapsibleProvider, {
     scope: __scopeCollapsible,
     disabled,
     contentId: useId(),
     open,
     onOpenToggle: React42.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
-    children: /* @__PURE__ */ jsx14(Primitive.div, {
+    children: /* @__PURE__ */ jsx19(Primitive.div, {
       "data-state": getState(open),
       "data-disabled": disabled ? "" : undefined,
       ...collapsibleProps,
@@ -8509,7 +8509,7 @@ var TRIGGER_NAME2 = "CollapsibleTrigger";
 var CollapsibleTrigger = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */ __name25(function CollapsibleTrigger2(props, forwardedRef) {
   const { __scopeCollapsible, ...triggerProps } = props;
   const context = useCollapsibleContext(TRIGGER_NAME2, __scopeCollapsible);
-  return /* @__PURE__ */ jsx14(Primitive.button, {
+  return /* @__PURE__ */ jsx19(Primitive.button, {
     type: "button",
     "aria-controls": context.open ? context.contentId : undefined,
     "aria-expanded": context.open || false,
@@ -8525,7 +8525,7 @@ var CONTENT_NAME4 = "CollapsibleContent";
 var CollapsibleContent = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */ __name25(function CollapsibleContent2(props, forwardedRef) {
   const { forceMount, ...contentProps } = props;
   const context = useCollapsibleContext(CONTENT_NAME4, props.__scopeCollapsible);
-  return /* @__PURE__ */ jsx14(Presence, { present: forceMount || context.open, children: ({ present }) => /* @__PURE__ */ jsx14(CollapsibleContentImpl, { ...contentProps, ref: forwardedRef, present }) });
+  return /* @__PURE__ */ jsx19(Presence, { present: forceMount || context.open, children: ({ present }) => /* @__PURE__ */ jsx19(CollapsibleContentImpl, { ...contentProps, ref: forwardedRef, present }) });
 }, "CollapsibleContent"));
 var CollapsibleContentImpl = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */ __name25(function CollapsibleContentImpl2(props, forwardedRef) {
   const { __scopeCollapsible, present, children, ...contentProps } = props;
@@ -8563,7 +8563,7 @@ var CollapsibleContentImpl = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */
       setIsPresent(present);
     }
   }, [context.open, present]);
-  return /* @__PURE__ */ jsx14(Primitive.div, {
+  return /* @__PURE__ */ jsx19(Primitive.div, {
     "data-state": getState(context.open),
     "data-disabled": context.disabled ? "" : undefined,
     id: context.contentId,
@@ -8582,12 +8582,12 @@ function getState(open) {
   return open ? "open" : "closed";
 }
 __name25(getState, "getState");
-var Root6 = Collapsible;
+var Root5 = Collapsible;
 var Trigger2 = CollapsibleTrigger;
 var Content3 = CollapsibleContent;
 
 // ../../node_modules/.pnpm/@radix-ui+react-accordion@1.2.20_@types+react-dom@18.3.7_@types+react@18.3.31__@types+r_6e1de0feb05f9758311ca62a4562cf78/node_modules/@radix-ui/react-accordion/dist/index.mjs
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 "use client";
 var __defProp26 = Object.defineProperty;
 var __name26 = (target, value) => __defProp26(target, "name", { value, configurable: true });
@@ -8603,7 +8603,7 @@ var Accordion = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(func
   const { type, ...accordionProps } = props;
   const singleProps = accordionProps;
   const multipleProps = accordionProps;
-  return /* @__PURE__ */ jsx15(Collection3.Provider, { scope: props.__scopeAccordion, children: type === "multiple" ? /* @__PURE__ */ jsx15(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ jsx15(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });
+  return /* @__PURE__ */ jsx20(Collection3.Provider, { scope: props.__scopeAccordion, children: type === "multiple" ? /* @__PURE__ */ jsx20(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ jsx20(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });
 }, "Accordion"));
 var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME);
 var [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(ACCORDION_NAME, { collapsible: false });
@@ -8621,12 +8621,12 @@ var AccordionImplSingle = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __n
     onChange: onValueChange,
     caller: ACCORDION_NAME
   });
-  return /* @__PURE__ */ jsx15(AccordionValueProvider, {
+  return /* @__PURE__ */ jsx20(AccordionValueProvider, {
     scope: props.__scopeAccordion,
     value: React43.useMemo(() => value ? [value] : [], [value]),
     onItemOpen: setValue,
     onItemClose: React43.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
-    children: /* @__PURE__ */ jsx15(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ jsx15(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })
+    children: /* @__PURE__ */ jsx20(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ jsx20(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })
   });
 }, "AccordionImplSingle"));
 var AccordionImplMultiple = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(function AccordionImplMultiple2(props, forwardedRef) {
@@ -8644,12 +8644,12 @@ var AccordionImplMultiple = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ _
   });
   const handleItemOpen = React43.useCallback((itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]), [setValue]);
   const handleItemClose = React43.useCallback((itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)), [setValue]);
-  return /* @__PURE__ */ jsx15(AccordionValueProvider, {
+  return /* @__PURE__ */ jsx20(AccordionValueProvider, {
     scope: props.__scopeAccordion,
     value,
     onItemOpen: handleItemOpen,
     onItemClose: handleItemClose,
-    children: /* @__PURE__ */ jsx15(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: true, children: /* @__PURE__ */ jsx15(AccordionImpl, { ...accordionMultipleProps, ref: forwardedRef }) })
+    children: /* @__PURE__ */ jsx20(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: true, children: /* @__PURE__ */ jsx20(AccordionImpl, { ...accordionMultipleProps, ref: forwardedRef }) })
   });
 }, "AccordionImplMultiple"));
 var [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
@@ -8724,12 +8724,12 @@ var AccordionImpl = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(
     const clampedIndex = nextIndex % triggerCount;
     triggerCollection[clampedIndex].ref.current?.focus();
   });
-  return /* @__PURE__ */ jsx15(AccordionImplProvider, {
+  return /* @__PURE__ */ jsx20(AccordionImplProvider, {
     scope: __scopeAccordion,
     disabled,
     direction: dir,
     orientation,
-    children: /* @__PURE__ */ jsx15(Collection3.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx15(Primitive.div, {
+    children: /* @__PURE__ */ jsx20(Collection3.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx20(Primitive.div, {
       ...accordionProps,
       "data-orientation": orientation,
       ref: composedRefs,
@@ -8747,12 +8747,12 @@ var AccordionItem = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(
   const triggerId = useId();
   const open = value && valueContext.value.includes(value) || false;
   const disabled = accordionContext.disabled || props.disabled;
-  return /* @__PURE__ */ jsx15(AccordionItemProvider, {
+  return /* @__PURE__ */ jsx20(AccordionItemProvider, {
     scope: __scopeAccordion,
     open,
     disabled,
     triggerId,
-    children: /* @__PURE__ */ jsx15(Root6, {
+    children: /* @__PURE__ */ jsx20(Root5, {
       "data-orientation": accordionContext.orientation,
       "data-state": getState2(open),
       ...collapsibleScope,
@@ -8775,7 +8775,7 @@ var AccordionHeader = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name2
   const { __scopeAccordion, ...headerProps } = props;
   const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
   const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
-  return /* @__PURE__ */ jsx15(Primitive.h3, {
+  return /* @__PURE__ */ jsx20(Primitive.h3, {
     "data-orientation": accordionContext.orientation,
     "data-state": getState2(itemContext.open),
     "data-disabled": itemContext.disabled ? "" : undefined,
@@ -8790,7 +8790,7 @@ var AccordionTrigger = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name
   const itemContext = useAccordionItemContext(TRIGGER_NAME3, __scopeAccordion);
   const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME3, __scopeAccordion);
   const collapsibleScope = useCollapsibleScope(__scopeAccordion);
-  return /* @__PURE__ */ jsx15(Collection3.ItemSlot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx15(Trigger2, {
+  return /* @__PURE__ */ jsx20(Collection3.ItemSlot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx20(Trigger2, {
     "aria-disabled": itemContext.open && !collapsibleContext.collapsible || undefined,
     "data-orientation": accordionContext.orientation,
     id: itemContext.triggerId,
@@ -8805,7 +8805,7 @@ var AccordionContent = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name
   const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
   const itemContext = useAccordionItemContext(CONTENT_NAME5, __scopeAccordion);
   const collapsibleScope = useCollapsibleScope(__scopeAccordion);
-  return /* @__PURE__ */ jsx15(Content3, {
+  return /* @__PURE__ */ jsx20(Content3, {
     role: "region",
     "aria-labelledby": itemContext.triggerId,
     "data-orientation": accordionContext.orientation,
@@ -8825,44 +8825,44 @@ function getState2(open) {
 __name26(getState2, "getState");
 var Root23 = Accordion;
 var Item3 = AccordionItem;
-var Header3 = AccordionHeader;
+var Header2 = AccordionHeader;
 var Trigger22 = AccordionTrigger;
 var Content23 = AccordionContent;
 
 // src/components/ui/accordion.tsx
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
-var Accordion3 = Root23;
-var AccordionItem3 = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV6(Item3, {
+import { jsx as jsx21, jsxs as jsxs3 } from "react/jsx-runtime";
+var Accordion2 = Root23;
+var AccordionItem2 = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(Item3, {
   ref,
   className: cn(className),
   ...props
-}, undefined, false, undefined, this));
-AccordionItem3.displayName = "AccordionItem";
-var AccordionTrigger3 = React44.forwardRef(({ className, children, hideChevron = false, ...props }, ref) => /* @__PURE__ */ jsxDEV6(Header3, {
+}));
+AccordionItem2.displayName = "AccordionItem";
+var AccordionTrigger2 = React44.forwardRef(({ className, children, hideChevron = false, ...props }, ref) => /* @__PURE__ */ jsx21(Header2, {
   className: "flex",
-  children: /* @__PURE__ */ jsxDEV6(Trigger22, {
+  children: /* @__PURE__ */ jsxs3(Trigger22, {
     ref,
     className: cn("flex flex-1 items-center gap-2 text-sm font-medium outline-none transition-all", "[&[data-state=open]>svg.accordion-chevron]:rotate-180", className),
     ...props,
     children: [
       children,
-      !hideChevron && /* @__PURE__ */ jsxDEV6(ChevronDown, {
+      !hideChevron && /* @__PURE__ */ jsx21(ChevronDown, {
         className: "accordion-chevron ml-auto h-3.5 w-3.5 shrink-0 text-content-subtle/60 transition-transform duration-150"
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this)
-}, undefined, false, undefined, this));
-AccordionTrigger3.displayName = "AccordionTrigger";
-var AccordionContent3 = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxDEV6(Content23, {
+  })
+}));
+AccordionTrigger2.displayName = "AccordionTrigger";
+var AccordionContent2 = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx21(Content23, {
   ref,
   className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
   ...props,
-  children: /* @__PURE__ */ jsxDEV6("div", {
+  children: /* @__PURE__ */ jsx21("div", {
     className: cn("pb-1 pt-0.5", className),
     children
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
-AccordionContent3.displayName = "AccordionContent";
+  })
+}));
+AccordionContent2.displayName = "AccordionContent";
 
 // src/components/ui/button.tsx
 import * as React45 from "react";
@@ -8893,8 +8893,8 @@ var cva = (base, config) => (props) => {
   }, {});
   const getCompoundVariantClassNames = config === null || config === undefined ? undefined : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === undefined ? undefined : _config_compoundVariants.reduce((acc, param) => {
     let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
-    return Object.entries(compoundVariantOptions).every((param2) => {
-      let [key, value] = param2;
+    return Object.entries(compoundVariantOptions).every((param) => {
+      let [key, value] = param;
       return Array.isArray(value) ? value.includes({
         ...defaultVariants,
         ...propsWithoutUndefined
@@ -8912,7 +8912,7 @@ var cva = (base, config) => (props) => {
 };
 
 // src/components/ui/button.tsx
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var buttonVariants = cva([
   "inline-flex items-center justify-center gap-2 whitespace-nowrap",
   "rounded-radius-100 text-sm font-medium",
@@ -8941,13 +8941,13 @@ var buttonVariants = cva([
     size: "default"
   }
 });
-var Button = React45.forwardRef(({ className, variant, size: size4, asChild = false, ...props }, ref) => {
+var Button = React45.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsxDEV7(Comp, {
-    className: cn(buttonVariants({ variant, size: size4, className })),
+  return /* @__PURE__ */ jsx23(Comp, {
+    className: cn(buttonVariants({ variant, size, className })),
     ref,
     ...props
-  }, undefined, false, undefined, this);
+  });
 });
 Button.displayName = "Button";
 
@@ -8960,14 +8960,14 @@ import * as React210 from "react";
 // ../../node_modules/.pnpm/@radix-ui+number@1.1.3/node_modules/@radix-ui/number/dist/index.mjs
 var __defProp27 = Object.defineProperty;
 var __name27 = (target, value) => __defProp27(target, "name", { value, configurable: true });
-function clamp2(value, [min2, max2]) {
-  return Math.min(max2, Math.max(min2, value));
+function clamp2(value, [min, max]) {
+  return Math.min(max, Math.max(min, value));
 }
 __name27(clamp2, "clamp");
 
 // ../../node_modules/.pnpm/@radix-ui+react-scroll-area@1.2.18_@types+react-dom@18.3.7_@types+react@18.3.31__@types_44cf8b004accc7732570bde73f91c617/node_modules/@radix-ui/react-scroll-area/dist/index.mjs
 import * as React46 from "react";
-import { Fragment as Fragment6, jsx as jsx16, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs4 } from "react/jsx-runtime";
 "use client";
 var __defProp28 = Object.defineProperty;
 var __name28 = (target, value) => __defProp28(target, "name", { value, configurable: true });
@@ -9000,7 +9000,7 @@ var ScrollArea = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __name28(fu
   const [scrollbarYEnabled, setScrollbarYEnabled] = React210.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, setScrollArea);
   const direction = useDirection(dir);
-  return /* @__PURE__ */ jsx16(ScrollAreaProvider, {
+  return /* @__PURE__ */ jsx24(ScrollAreaProvider, {
     scope: __scopeScrollArea,
     type,
     dir: direction,
@@ -9020,7 +9020,7 @@ var ScrollArea = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __name28(fu
     onScrollbarYEnabledChange: setScrollbarYEnabled,
     onCornerWidthChange: setCornerWidth,
     onCornerHeightChange: setCornerHeight,
-    children: /* @__PURE__ */ jsx16(Primitive.div, {
+    children: /* @__PURE__ */ jsx24(Primitive.div, {
       dir: direction,
       ...scrollAreaProps,
       ref: composedRefs,
@@ -9039,9 +9039,9 @@ var ScrollAreaViewport = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __n
   const context = useScrollAreaContext(VIEWPORT_NAME, __scopeScrollArea);
   const ref = React210.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange);
-  return /* @__PURE__ */ jsxs(Fragment6, { children: [
-    /* @__PURE__ */ jsx16(ScrollAreaViewportStyle, { nonce }),
-    /* @__PURE__ */ jsx16(Primitive.div, {
+  return /* @__PURE__ */ jsxs4(Fragment6, { children: [
+    /* @__PURE__ */ jsx24(ScrollAreaViewportStyle, { nonce }),
+    /* @__PURE__ */ jsx24(Primitive.div, {
       "data-radix-scroll-area-viewport": "",
       ...viewportProps,
       ref: composedRefs,
@@ -9050,12 +9050,12 @@ var ScrollAreaViewport = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __n
         overflowY: context.scrollbarYEnabled ? "scroll" : "hidden",
         ...props.style
       },
-      children: /* @__PURE__ */ jsx16("div", { ref: context.onContentChange, style: { minWidth: "100%", display: "table" }, children })
+      children: /* @__PURE__ */ jsx24("div", { ref: context.onContentChange, style: { minWidth: "100%", display: "table" }, children })
     })
   ] });
 }, "ScrollAreaViewport"));
 var ScrollAreaViewportStyle = /* @__PURE__ */ React210.memo(/* @__PURE__ */ __name28(function ScrollAreaViewportStyle2({ nonce }) {
-  return /* @__PURE__ */ jsx16("style", {
+  return /* @__PURE__ */ jsx24("style", {
     dangerouslySetInnerHTML: {
       __html: `[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}`
     },
@@ -9074,7 +9074,7 @@ var ScrollAreaScrollbar = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __
       isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);
     };
   }, [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]);
-  return context.type === "hover" ? /* @__PURE__ */ jsx16(ScrollAreaScrollbarHover, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "scroll" ? /* @__PURE__ */ jsx16(ScrollAreaScrollbarScroll, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "auto" ? /* @__PURE__ */ jsx16(ScrollAreaScrollbarAuto, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "always" ? /* @__PURE__ */ jsx16(ScrollAreaScrollbarVisible, { ...scrollbarProps, ref: forwardedRef, "data-state": "visible" }) : null;
+  return context.type === "hover" ? /* @__PURE__ */ jsx24(ScrollAreaScrollbarHover, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "scroll" ? /* @__PURE__ */ jsx24(ScrollAreaScrollbarScroll, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "auto" ? /* @__PURE__ */ jsx24(ScrollAreaScrollbarAuto, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "always" ? /* @__PURE__ */ jsx24(ScrollAreaScrollbarVisible, { ...scrollbarProps, ref: forwardedRef, "data-state": "visible" }) : null;
 }, "ScrollAreaScrollbar"));
 var ScrollAreaScrollbarHover = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __name28(function ScrollAreaScrollbarHover2(props, forwardedRef) {
   const { forceMount, ...scrollbarProps } = props;
@@ -9100,7 +9100,7 @@ var ScrollAreaScrollbarHover = /* @__PURE__ */ React210.forwardRef(/* @__PURE__
       };
     }
   }, [context.scrollArea, context.scrollHideDelay]);
-  return /* @__PURE__ */ jsx16(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsx16(ScrollAreaScrollbarAuto, {
+  return /* @__PURE__ */ jsx24(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsx24(ScrollAreaScrollbarAuto, {
     "data-state": visible ? "visible" : "hidden",
     ...scrollbarProps,
     ref: forwardedRef
@@ -9140,7 +9140,7 @@ var ScrollAreaScrollbarScroll = /* @__PURE__ */ React210.forwardRef(/* @__PURE__
     const scrollDirection = isHorizontal ? "scrollLeft" : "scrollTop";
     if (viewport) {
       let prevScrollPos = viewport[scrollDirection];
-      const handleScroll2 = /* @__PURE__ */ __name28(() => {
+      const handleScroll = /* @__PURE__ */ __name28(() => {
         const scrollPos = viewport[scrollDirection];
         const hasScrollInDirectionChanged = prevScrollPos !== scrollPos;
         if (hasScrollInDirectionChanged) {
@@ -9149,11 +9149,11 @@ var ScrollAreaScrollbarScroll = /* @__PURE__ */ React210.forwardRef(/* @__PURE__
         }
         prevScrollPos = scrollPos;
       }, "handleScroll");
-      viewport.addEventListener("scroll", handleScroll2);
-      return () => viewport.removeEventListener("scroll", handleScroll2);
+      viewport.addEventListener("scroll", handleScroll);
+      return () => viewport.removeEventListener("scroll", handleScroll);
     }
   }, [context.viewport, isHorizontal, send, debounceScrollEnd]);
-  return /* @__PURE__ */ jsx16(Presence, { present: forceMount || state !== "hidden", children: /* @__PURE__ */ jsx16(ScrollAreaScrollbarVisible, {
+  return /* @__PURE__ */ jsx24(Presence, { present: forceMount || state !== "hidden", children: /* @__PURE__ */ jsx24(ScrollAreaScrollbarVisible, {
     "data-state": state === "hidden" ? "hidden" : "visible",
     ...scrollbarProps,
     ref: forwardedRef,
@@ -9175,7 +9175,7 @@ var ScrollAreaScrollbarAuto = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ *
   }, 10);
   useResizeObserver(context.viewport, handleResize);
   useResizeObserver(context.content, handleResize);
-  return /* @__PURE__ */ jsx16(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsx16(ScrollAreaScrollbarVisible, {
+  return /* @__PURE__ */ jsx24(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsx24(ScrollAreaScrollbarVisible, {
     "data-state": visible ? "visible" : "hidden",
     ...scrollbarProps,
     ref: forwardedRef
@@ -9206,14 +9206,14 @@ var ScrollAreaScrollbarVisible = /* @__PURE__ */ React210.forwardRef(/* @__PURE_
   }
   __name28(getScrollPosition, "getScrollPosition");
   if (orientation === "horizontal") {
-    return /* @__PURE__ */ jsx16(ScrollAreaScrollbarX, {
+    return /* @__PURE__ */ jsx24(ScrollAreaScrollbarX, {
       ...commonProps,
       ref: forwardedRef,
       onThumbPositionChange: () => {
         if (context.viewport && thumbRef.current) {
           const scrollPos = context.viewport.scrollLeft;
-          const offset4 = getThumbOffsetFromScroll(scrollPos, sizes, context.dir);
-          thumbRef.current.style.transform = `translate3d(${offset4}px, 0, 0)`;
+          const offset = getThumbOffsetFromScroll(scrollPos, sizes, context.dir);
+          thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;
         }
       },
       onWheelScroll: (scrollPos) => {
@@ -9228,14 +9228,14 @@ var ScrollAreaScrollbarVisible = /* @__PURE__ */ React210.forwardRef(/* @__PURE_
     });
   }
   if (orientation === "vertical") {
-    return /* @__PURE__ */ jsx16(ScrollAreaScrollbarY, {
+    return /* @__PURE__ */ jsx24(ScrollAreaScrollbarY, {
       ...commonProps,
       ref: forwardedRef,
       onThumbPositionChange: () => {
         if (context.viewport && thumbRef.current) {
           const scrollPos = context.viewport.scrollTop;
-          const offset4 = getThumbOffsetFromScroll(scrollPos, sizes);
-          thumbRef.current.style.transform = `translate3d(0, ${offset4}px, 0)`;
+          const offset = getThumbOffsetFromScroll(scrollPos, sizes);
+          thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;
         }
       },
       onWheelScroll: (scrollPos) => {
@@ -9255,15 +9255,15 @@ var ScrollAreaScrollbarX = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ _
   const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
   const [computedStyle, setComputedStyle] = React210.useState();
   const ref = React210.useRef(null);
-  const composeRefs2 = useComposedRefs(forwardedRef, ref, context.onScrollbarXChange);
+  const composeRefs = useComposedRefs(forwardedRef, ref, context.onScrollbarXChange);
   React210.useEffect(() => {
     if (ref.current)
       setComputedStyle(getComputedStyle(ref.current));
   }, [ref]);
-  return /* @__PURE__ */ jsx16(ScrollAreaScrollbarImpl, {
+  return /* @__PURE__ */ jsx24(ScrollAreaScrollbarImpl, {
     "data-orientation": "horizontal",
     ...scrollbarProps,
-    ref: composeRefs2,
+    ref: composeRefs,
     sizes,
     style: {
       bottom: 0,
@@ -9303,15 +9303,15 @@ var ScrollAreaScrollbarY = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ _
   const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
   const [computedStyle, setComputedStyle] = React210.useState();
   const ref = React210.useRef(null);
-  const composeRefs2 = useComposedRefs(forwardedRef, ref, context.onScrollbarYChange);
+  const composeRefs = useComposedRefs(forwardedRef, ref, context.onScrollbarYChange);
   React210.useEffect(() => {
     if (ref.current)
       setComputedStyle(getComputedStyle(ref.current));
   }, [ref]);
-  return /* @__PURE__ */ jsx16(ScrollAreaScrollbarImpl, {
+  return /* @__PURE__ */ jsx24(ScrollAreaScrollbarImpl, {
     "data-orientation": "vertical",
     ...scrollbarProps,
-    ref: composeRefs2,
+    ref: composeRefs,
     sizes,
     style: {
       top: 0,
@@ -9364,7 +9364,7 @@ var ScrollAreaScrollbarImpl = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ *
   } = props;
   const context = useScrollAreaContext(SCROLLBAR_NAME, __scopeScrollArea);
   const [scrollbar, setScrollbar] = React210.useState(null);
-  const composeRefs2 = useComposedRefs(forwardedRef, setScrollbar);
+  const composeRefs = useComposedRefs(forwardedRef, setScrollbar);
   const rectRef = React210.useRef(null);
   const prevWebkitUserSelectRef = React210.useRef("");
   const viewport = context.viewport;
@@ -9393,7 +9393,7 @@ var ScrollAreaScrollbarImpl = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ *
   React210.useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]);
   useResizeObserver(scrollbar, handleResize);
   useResizeObserver(context.content, handleResize);
-  return /* @__PURE__ */ jsx16(ScrollbarProvider, {
+  return /* @__PURE__ */ jsx24(ScrollbarProvider, {
     scope: __scopeScrollArea,
     scrollbar,
     hasThumb,
@@ -9401,9 +9401,9 @@ var ScrollAreaScrollbarImpl = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ *
     onThumbPointerUp: useCallbackRef(onThumbPointerUp),
     onThumbPositionChange: handleThumbPositionChange,
     onThumbPointerDown: useCallbackRef(onThumbPointerDown),
-    children: /* @__PURE__ */ jsx16(Primitive.div, {
+    children: /* @__PURE__ */ jsx24(Primitive.div, {
       ...scrollbarProps,
-      ref: composeRefs2,
+      ref: composeRefs,
       style: { position: "absolute", ...scrollbarProps.style },
       onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
         const mainPointer = 0;
@@ -9436,7 +9436,7 @@ var THUMB_NAME = "ScrollAreaThumb";
 var ScrollAreaThumb = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __name28(function ScrollAreaThumb2(props, forwardedRef) {
   const { forceMount, ...thumbProps } = props;
   const scrollbarContext = useScrollbarContext(THUMB_NAME, props.__scopeScrollArea);
-  return /* @__PURE__ */ jsx16(Presence, { present: forceMount || scrollbarContext.hasThumb, children: /* @__PURE__ */ jsx16(ScrollAreaThumbImpl, { ref: forwardedRef, ...thumbProps }) });
+  return /* @__PURE__ */ jsx24(Presence, { present: forceMount || scrollbarContext.hasThumb, children: /* @__PURE__ */ jsx24(ScrollAreaThumbImpl, { ref: forwardedRef, ...thumbProps }) });
 }, "ScrollAreaThumb"));
 var ScrollAreaThumbImpl = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __name28(function ScrollAreaThumbImpl2(props, forwardedRef) {
   const { __scopeScrollArea, style, ...thumbProps } = props;
@@ -9454,7 +9454,7 @@ var ScrollAreaThumbImpl = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __
   React210.useEffect(() => {
     const viewport = scrollAreaContext.viewport;
     if (viewport) {
-      const handleScroll2 = /* @__PURE__ */ __name28(() => {
+      const handleScroll = /* @__PURE__ */ __name28(() => {
         debounceScrollEnd();
         if (!removeUnlinkedScrollListenerRef.current) {
           const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);
@@ -9463,11 +9463,11 @@ var ScrollAreaThumbImpl = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __
         }
       }, "handleScroll");
       onThumbPositionChange();
-      viewport.addEventListener("scroll", handleScroll2);
-      return () => viewport.removeEventListener("scroll", handleScroll2);
+      viewport.addEventListener("scroll", handleScroll);
+      return () => viewport.removeEventListener("scroll", handleScroll);
     }
   }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);
-  return /* @__PURE__ */ jsx16(Primitive.div, {
+  return /* @__PURE__ */ jsx24(Primitive.div, {
     "data-state": scrollbarContext.hasThumb ? "visible" : "hidden",
     ...thumbProps,
     ref: composedRef,
@@ -9491,7 +9491,7 @@ var ScrollAreaCorner = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __nam
   const context = useScrollAreaContext(CORNER_NAME, props.__scopeScrollArea);
   const hasBothScrollbarsVisible = Boolean(context.scrollbarX && context.scrollbarY);
   const hasCorner = context.type !== "scroll" && hasBothScrollbarsVisible;
-  return hasCorner ? /* @__PURE__ */ jsx16(ScrollAreaCornerImpl, { ...props, ref: forwardedRef }) : null;
+  return hasCorner ? /* @__PURE__ */ jsx24(ScrollAreaCornerImpl, { ...props, ref: forwardedRef }) : null;
 }, "ScrollAreaCorner"));
 var ScrollAreaCornerImpl = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ __name28(function ScrollAreaCornerImpl2(props, forwardedRef) {
   const { __scopeScrollArea, ...cornerProps } = props;
@@ -9516,7 +9516,7 @@ var ScrollAreaCornerImpl = /* @__PURE__ */ React210.forwardRef(/* @__PURE__ */ _
       onCornerHeightChange(0);
     };
   }, [onCornerWidthChange, onCornerHeightChange]);
-  return hasSize ? /* @__PURE__ */ jsx16(Primitive.div, {
+  return hasSize ? /* @__PURE__ */ jsx24(Primitive.div, {
     ...cornerProps,
     ref: forwardedRef,
     style: {
@@ -9549,9 +9549,9 @@ __name28(getThumbSize, "getThumbSize");
 function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
   const thumbSizePx = getThumbSize(sizes);
   const thumbCenter = thumbSizePx / 2;
-  const offset4 = pointerOffset || thumbCenter;
-  const thumbOffsetFromEnd = thumbSizePx - offset4;
-  const minPointerPos = sizes.scrollbar.paddingStart + offset4;
+  const offset = pointerOffset || thumbCenter;
+  const thumbOffsetFromEnd = thumbSizePx - offset;
+  const minPointerPos = sizes.scrollbar.paddingStart + offset;
   const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
   const maxScrollPos = sizes.content - sizes.viewport;
   const scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
@@ -9626,35 +9626,35 @@ function useResizeObserver(element, onResize) {
   }, [element, handleResize]);
 }
 __name28(useResizeObserver, "useResizeObserver");
-var Root7 = ScrollArea;
+var Root6 = ScrollArea;
 var Viewport = ScrollAreaViewport;
 var Corner = ScrollAreaCorner;
 
 // src/components/ui/scroll-area.tsx
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
-var ScrollArea3 = React47.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxDEV8(Root7, {
+import { jsx as jsx25, jsxs as jsxs5 } from "react/jsx-runtime";
+var ScrollArea2 = React47.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(Root6, {
   ref,
   className: cn("relative overflow-hidden", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsxDEV8(Viewport, {
+    /* @__PURE__ */ jsx25(Viewport, {
       className: "h-full w-full rounded-[inherit]",
       children
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV8(ScrollBar, {}, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV8(Corner, {}, undefined, false, undefined, this)
+    }),
+    /* @__PURE__ */ jsx25(ScrollBar, {}),
+    /* @__PURE__ */ jsx25(Corner, {})
   ]
-}, undefined, true, undefined, this));
-ScrollArea3.displayName = Root7.displayName;
-var ScrollBar = React47.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxDEV8(ScrollAreaScrollbar, {
+}));
+ScrollArea2.displayName = Root6.displayName;
+var ScrollBar = React47.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx25(ScrollAreaScrollbar, {
   ref,
   orientation,
   className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent p-[1px]", className),
   ...props,
-  children: /* @__PURE__ */ jsxDEV8(ScrollAreaThumb, {
+  children: /* @__PURE__ */ jsx25(ScrollAreaThumb, {
     className: "relative flex-1 rounded-full bg-line-default"
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
+  })
+}));
 ScrollBar.displayName = ScrollAreaScrollbar.displayName;
 
 // src/components/ui/tooltip.tsx
@@ -9665,7 +9665,7 @@ import * as React49 from "react";
 
 // ../../node_modules/.pnpm/@radix-ui+react-visually-hidden@1.2.11_@types+react-dom@18.3.7_@types+react@18.3.31__@t_642d100dd60f054d3c0d9c38ece6c812/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
 import * as React48 from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var __defProp29 = Object.defineProperty;
 var __name29 = (target, value) => __defProp29(target, "name", { value, configurable: true });
 var VISUALLY_HIDDEN_STYLES = Object.freeze({
@@ -9681,16 +9681,16 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
   wordWrap: "normal"
 });
 var VisuallyHidden = /* @__PURE__ */ React48.forwardRef(/* @__PURE__ */ __name29(function VisuallyHidden2(props, forwardedRef) {
-  return /* @__PURE__ */ jsx17(Primitive.span, {
+  return /* @__PURE__ */ jsx26(Primitive.span, {
     ...props,
     ref: forwardedRef,
     style: { ...VISUALLY_HIDDEN_STYLES, ...props.style }
   });
 }, "VisuallyHidden"));
-var Root8 = VisuallyHidden;
+var Root7 = VisuallyHidden;
 
 // ../../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.16_@types+react-dom@18.3.7_@types+react@18.3.31__@types+rea_6bca503763256159376adbcc7b8f4fe8/node_modules/@radix-ui/react-tooltip/dist/index.mjs
-import { jsx as jsx18, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs6 } from "react/jsx-runtime";
 "use client";
 var __defProp30 = Object.defineProperty;
 var __name30 = (target, value) => __defProp30(target, "name", { value, configurable: true });
@@ -9717,7 +9717,7 @@ var TooltipProvider = /* @__PURE__ */ __name30((props) => {
     const skipDelayTimer = skipDelayTimerRef.current;
     return () => window.clearTimeout(skipDelayTimer);
   }, []);
-  return /* @__PURE__ */ jsx18(TooltipProviderContextProvider, {
+  return /* @__PURE__ */ jsx27(TooltipProviderContextProvider, {
     scope: __scopeTooltip,
     isOpenDelayedRef,
     delayDuration,
@@ -9807,7 +9807,7 @@ var Tooltip = /* @__PURE__ */ __name30((props) => {
     };
   }, []);
   const contentId = contentIdState ?? generatedContentId;
-  return /* @__PURE__ */ jsx18(Root2, { ...popperScope, children: /* @__PURE__ */ jsx18(TooltipContextProvider, {
+  return /* @__PURE__ */ jsx27(Root2, { ...popperScope, children: /* @__PURE__ */ jsx27(TooltipContextProvider, {
     scope: __scopeTooltip,
     contentId,
     setContentId,
@@ -9849,7 +9849,7 @@ var TooltipTrigger = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __name30
   React49.useEffect(() => {
     return () => document.removeEventListener("pointerup", handlePointerUp);
   }, [handlePointerUp]);
-  return /* @__PURE__ */ jsx18(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx18(Primitive.button, {
+  return /* @__PURE__ */ jsx27(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx27(Primitive.button, {
     "aria-describedby": context.open ? context.contentId : undefined,
     "data-state": context.stateAttribute,
     ...triggerProps,
@@ -9888,14 +9888,14 @@ var [PortalProvider2, usePortalContext2] = createTooltipContext(PORTAL_NAME2, {
 var TooltipPortal = /* @__PURE__ */ __name30((props) => {
   const { __scopeTooltip, forceMount, children, container } = props;
   const context = useTooltipContext(PORTAL_NAME2, __scopeTooltip);
-  return /* @__PURE__ */ jsx18(PortalProvider2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx18(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx18(Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ jsx27(PortalProvider2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx27(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx27(Portal, { asChild: true, container, children }) }) });
 }, "TooltipPortal");
 var CONTENT_NAME6 = "TooltipContent";
 var TooltipContent = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __name30(function TooltipContent2(props, forwardedRef) {
   const portalContext = usePortalContext2(CONTENT_NAME6, props.__scopeTooltip);
   const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
   const context = useTooltipContext(CONTENT_NAME6, props.__scopeTooltip);
-  return /* @__PURE__ */ jsx18(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ jsx18(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx18(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
+  return /* @__PURE__ */ jsx27(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ jsx27(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx27(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
 }, "TooltipContent"));
 var TooltipContentHoverable = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __name30(function TooltipContentHoverable2(props, forwardedRef) {
   const context = useTooltipContext(CONTENT_NAME6, props.__scopeTooltip);
@@ -9953,7 +9953,7 @@ var TooltipContentHoverable = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */
       return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
     }
   }, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
-  return /* @__PURE__ */ jsx18(TooltipContentImpl, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx27(TooltipContentImpl, { ...props, ref: composedRefs });
 }, "TooltipContentHoverable"));
 var Slottable = createSlottable("TooltipContent");
 var TooltipContentImpl = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __name30(function TooltipContentImpl2(props, forwardedRef) {
@@ -9975,13 +9975,13 @@ var TooltipContentImpl = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __na
   }, [onClose]);
   React49.useEffect(() => {
     if (context.trigger) {
-      const handleScroll2 = /* @__PURE__ */ __name30((event) => {
+      const handleScroll = /* @__PURE__ */ __name30((event) => {
         if (event.target instanceof Node && event.target.contains(context.trigger)) {
           onClose();
         }
       }, "handleScroll");
-      window.addEventListener("scroll", handleScroll2, { capture: true });
-      return () => window.removeEventListener("scroll", handleScroll2, { capture: true });
+      window.addEventListener("scroll", handleScroll, { capture: true });
+      return () => window.removeEventListener("scroll", handleScroll, { capture: true });
     }
   }, [context.trigger, onClose]);
   const { setContentId } = context;
@@ -9991,14 +9991,14 @@ var TooltipContentImpl = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __na
       setContentId(undefined);
     };
   }, [idProp, setContentId]);
-  return /* @__PURE__ */ jsx18(DismissableLayer, {
+  return /* @__PURE__ */ jsx27(DismissableLayer, {
     asChild: true,
     disableOutsidePointerEvents: false,
     onEscapeKeyDown,
     onPointerDownOutside,
     onFocusOutside: (event) => event.preventDefault(),
     onDismiss: onClose,
-    children: /* @__PURE__ */ jsxs2(Content, {
+    children: /* @__PURE__ */ jsxs6(Content, {
       "data-state": context.stateAttribute,
       role: ariaLabel ? undefined : "tooltip",
       id: ariaLabel ? undefined : context.contentId,
@@ -10016,8 +10016,8 @@ var TooltipContentImpl = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __na
         }
       },
       children: [
-        /* @__PURE__ */ jsx18(Slottable, { children }),
-        ariaLabel ? /* @__PURE__ */ jsx18(Root8, { id: context.contentId, role: "tooltip", children: ariaLabel }) : null
+        /* @__PURE__ */ jsx27(Slottable, { children }),
+        ariaLabel ? /* @__PURE__ */ jsx27(Root7, { id: context.contentId, role: "tooltip", children: ariaLabel }) : null
       ]
     })
   });
@@ -10112,8 +10112,8 @@ function getHullPresorted(points) {
     const p = points[i];
     while (upperHull.length >= 2) {
       const q = upperHull[upperHull.length - 1];
-      const r2 = upperHull[upperHull.length - 2];
-      if ((q.x - r2.x) * (p.y - r2.y) >= (q.y - r2.y) * (p.x - r2.x))
+      const r = upperHull[upperHull.length - 2];
+      if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x))
         upperHull.pop();
       else
         break;
@@ -10126,8 +10126,8 @@ function getHullPresorted(points) {
     const p = points[i];
     while (lowerHull.length >= 2) {
       const q = lowerHull[lowerHull.length - 1];
-      const r2 = lowerHull[lowerHull.length - 2];
-      if ((q.x - r2.x) * (p.y - r2.y) >= (q.y - r2.y) * (p.x - r2.x))
+      const r = lowerHull[lowerHull.length - 2];
+      if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x))
         lowerHull.pop();
       else
         break;
@@ -10145,26 +10145,26 @@ __name30(getHullPresorted, "getHullPresorted");
 var Provider = TooltipProvider;
 var Root32 = Tooltip;
 var Trigger3 = TooltipTrigger;
-var Portal5 = TooltipPortal;
+var Portal3 = TooltipPortal;
 var Content24 = TooltipContent;
 
 // src/components/ui/tooltip.tsx
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var TooltipProvider2 = Provider;
 var Tooltip2 = Root32;
-var TooltipTrigger3 = Trigger3;
-var TooltipContent3 = React50.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxDEV9(Portal5, {
-  children: /* @__PURE__ */ jsxDEV9(Content24, {
+var TooltipTrigger2 = Trigger3;
+var TooltipContent2 = React50.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx28(Portal3, {
+  children: /* @__PURE__ */ jsx28(Content24, {
     ref,
     sideOffset,
     className: cn("z-50 overflow-hidden rounded-radius-100", "bg-surface-overlay-inverse px-3 py-1.5", "text-xs text-content-inverse", "shadow-elevation-1", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
     ...props
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
-TooltipContent3.displayName = Content24.displayName;
+  })
+}));
+TooltipContent2.displayName = Content24.displayName;
 
 // src/components/SideNavigation.tsx
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+import { jsx as jsx29, jsxs as jsxs7 } from "react/jsx-runtime";
 function isVisible(item, permissions) {
   if (!item.enabled)
     return false;
@@ -10182,29 +10182,29 @@ function TenantBrand({
   tenant,
   brandColor = "#f97316"
 }) {
-  return /* @__PURE__ */ jsxDEV10("div", {
+  return /* @__PURE__ */ jsxs7("div", {
     className: "flex items-center gap-2.5 px-3 py-3",
     children: [
-      /* @__PURE__ */ jsxDEV10(Avatar3, {
+      /* @__PURE__ */ jsxs7(Avatar2, {
         className: "h-7 w-7 rounded-md",
         children: [
-          /* @__PURE__ */ jsxDEV10(AvatarImage3, {
+          /* @__PURE__ */ jsx29(AvatarImage2, {
             src: tenant.logo,
             alt: tenant.name
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(AvatarFallback3, {
+          }),
+          /* @__PURE__ */ jsx29(AvatarFallback2, {
             style: { backgroundColor: brandColor },
             className: "rounded-md text-[11px] font-bold text-white",
             children: getInitials2(tenant.name)
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV10("span", {
+      }),
+      /* @__PURE__ */ jsx29("span", {
         className: "flex-1 truncate text-sm font-semibold text-content-default",
         children: tenant.name
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function NavLeaf({
   item,
@@ -10213,41 +10213,41 @@ function NavLeaf({
   indent = false,
   onNavigate
 }) {
-  const Icon2 = item.icon;
-  const btn = /* @__PURE__ */ jsxDEV10(Button, {
+  const Icon = item.icon;
+  const btn = /* @__PURE__ */ jsxs7(Button, {
     variant: "ghost",
     size: "sm",
     "aria-current": isActive ? "page" : undefined,
     onClick: () => onNavigate(item.route),
     className: cn("relative h-auto w-full justify-start gap-2.5 rounded-md py-2 text-sm font-normal", collapsed ? "px-2" : "px-3", indent && !collapsed && "pl-8", isActive ? "bg-black/5 font-medium text-content-default hover:bg-black/5" : "text-content-subtle hover:bg-black/5 hover:text-content-default"),
     children: [
-      isActive && !indent && /* @__PURE__ */ jsxDEV10("span", {
+      isActive && !indent && /* @__PURE__ */ jsx29("span", {
         "aria-hidden": true,
         className: "absolute left-0 top-1/2 h-5 w-0.5 -translate-y-1/2 rounded-r-full bg-action-primary"
-      }, undefined, false, undefined, this),
-      Icon2 && /* @__PURE__ */ jsxDEV10(Icon2, {
+      }),
+      Icon && /* @__PURE__ */ jsx29(Icon, {
         className: cn("shrink-0", collapsed ? "h-[18px] w-[18px]" : "h-4 w-4", isActive ? "text-action-primary" : "text-content-subtle")
-      }, undefined, false, undefined, this),
-      !collapsed && /* @__PURE__ */ jsxDEV10("span", {
+      }),
+      !collapsed && /* @__PURE__ */ jsx29("span", {
         className: "flex-1 truncate text-left leading-none",
         children: item.label
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
   if (collapsed) {
-    return /* @__PURE__ */ jsxDEV10(Tooltip2, {
+    return /* @__PURE__ */ jsxs7(Tooltip2, {
       delayDuration: 200,
       children: [
-        /* @__PURE__ */ jsxDEV10(TooltipTrigger3, {
+        /* @__PURE__ */ jsx29(TooltipTrigger2, {
           asChild: true,
           children: btn
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV10(TooltipContent3, {
+        }),
+        /* @__PURE__ */ jsx29(TooltipContent2, {
           side: "right",
           children: item.label
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
   return btn;
 }
@@ -10263,13 +10263,13 @@ function NavGroup({
   if (visible.length === 0)
     return null;
   const defaultOpen = visible.filter((item) => flatChildren(item).some((c) => activeRoute === c.route || activeRoute.startsWith(c.route + "/"))).map((item) => item.id)[0];
-  return /* @__PURE__ */ jsxDEV10("section", {
+  return /* @__PURE__ */ jsxs7("section", {
     children: [
-      label && !collapsed && /* @__PURE__ */ jsxDEV10("p", {
+      label && !collapsed && /* @__PURE__ */ jsx29("p", {
         className: "mb-1 mt-2 px-3 text-[10px] font-semibold uppercase tracking-widest text-content-subtle/50 first:mt-0",
         children: label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV10(Accordion3, {
+      }),
+      /* @__PURE__ */ jsx29(Accordion2, {
         type: "single",
         collapsible: true,
         defaultValue: defaultOpen,
@@ -10278,89 +10278,89 @@ function NavGroup({
           const children = flatChildren(item).filter((c) => isVisible(c, permissions));
           const isChildActive = children.some((c) => activeRoute === c.route || activeRoute.startsWith(c.route + "/"));
           const isItemActive = activeRoute === item.route || activeRoute.startsWith(item.route + "/");
-          const Icon2 = item.icon;
+          const Icon = item.icon;
           if (children.length === 0) {
-            return /* @__PURE__ */ jsxDEV10(NavLeaf, {
+            return /* @__PURE__ */ jsx29(NavLeaf, {
               item,
               isActive: isItemActive,
               collapsed,
               onNavigate
-            }, item.id, false, undefined, this);
+            }, item.id);
           }
           if (collapsed) {
-            return /* @__PURE__ */ jsxDEV10(NavLeaf, {
+            return /* @__PURE__ */ jsx29(NavLeaf, {
               item,
               isActive: isItemActive || isChildActive,
               collapsed: true,
               onNavigate: () => onNavigate(children[0]?.route ?? item.route)
-            }, item.id, false, undefined, this);
+            }, item.id);
           }
-          return /* @__PURE__ */ jsxDEV10(AccordionItem3, {
+          return /* @__PURE__ */ jsxs7(AccordionItem2, {
             value: item.id,
             className: "border-none",
             children: [
-              /* @__PURE__ */ jsxDEV10(AccordionTrigger3, {
+              /* @__PURE__ */ jsxs7(AccordionTrigger2, {
                 className: cn("relative h-auto w-full justify-start gap-2.5 rounded-md px-3 py-2 text-sm font-normal", "hover:bg-black/5 hover:no-underline", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary focus-visible:ring-inset", isChildActive || isItemActive ? "bg-black/5 font-medium text-content-default" : "text-content-subtle"),
                 children: [
-                  isChildActive && /* @__PURE__ */ jsxDEV10("span", {
+                  isChildActive && /* @__PURE__ */ jsx29("span", {
                     "aria-hidden": true,
                     className: "absolute left-0 top-1/2 h-5 w-0.5 -translate-y-1/2 rounded-r-full bg-action-primary"
-                  }, undefined, false, undefined, this),
-                  Icon2 && /* @__PURE__ */ jsxDEV10(Icon2, {
+                  }),
+                  Icon && /* @__PURE__ */ jsx29(Icon, {
                     className: cn("h-4 w-4 shrink-0", isChildActive ? "text-action-primary" : "text-content-subtle")
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV10("span", {
+                  }),
+                  /* @__PURE__ */ jsx29("span", {
                     className: "flex-1 truncate text-left leading-none",
                     children: item.label
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV10(AccordionContent3, {
+              }),
+              /* @__PURE__ */ jsx29(AccordionContent2, {
                 className: "pb-0",
-                children: item.childGroups ? /* @__PURE__ */ jsxDEV10("div", {
+                children: item.childGroups ? /* @__PURE__ */ jsx29("div", {
                   className: "space-y-3",
                   children: item.childGroups.map((group) => {
                     const gv = group.items.filter((c) => isVisible(c, permissions));
                     if (gv.length === 0)
                       return null;
-                    return /* @__PURE__ */ jsxDEV10("div", {
+                    return /* @__PURE__ */ jsxs7("div", {
                       children: [
-                        /* @__PURE__ */ jsxDEV10("p", {
+                        /* @__PURE__ */ jsx29("p", {
                           className: "mb-0.5 px-3 text-[10px] font-semibold uppercase tracking-widest text-content-subtle/50",
                           children: group.label
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV10("div", {
+                        }),
+                        /* @__PURE__ */ jsx29("div", {
                           className: "space-y-0.5",
-                          children: gv.map((child) => /* @__PURE__ */ jsxDEV10(NavLeaf, {
+                          children: gv.map((child) => /* @__PURE__ */ jsx29(NavLeaf, {
                             item: child,
                             isActive: activeRoute === child.route || activeRoute.startsWith(child.route + "/"),
                             collapsed: false,
                             indent: true,
                             onNavigate
-                          }, child.id, false, undefined, this))
-                        }, undefined, false, undefined, this)
+                          }, child.id))
+                        })
                       ]
-                    }, group.id, true, undefined, this);
+                    }, group.id);
                   })
-                }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV10("div", {
+                }) : /* @__PURE__ */ jsx29("div", {
                   className: "space-y-0.5",
-                  children: children.map((child) => /* @__PURE__ */ jsxDEV10(NavLeaf, {
+                  children: children.map((child) => /* @__PURE__ */ jsx29(NavLeaf, {
                     item: child,
                     isActive: activeRoute === child.route || activeRoute.startsWith(child.route + "/"),
                     collapsed: false,
                     indent: true,
                     onNavigate
-                  }, child.id, false, undefined, this))
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+                  }, child.id))
+                })
+              })
             ]
-          }, item.id, true, undefined, this);
+          }, item.id);
         })
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
-var SideNavigation = React51.memo(function SideNavigation2({
+var SideNavigation = React51.memo(function SideNavigation({
   config,
   permissions,
   onNavigate,
@@ -10369,77 +10369,77 @@ var SideNavigation = React51.memo(function SideNavigation2({
   footerNavItems
 }) {
   const { navCollapsed, setNavCollapsed, activeRoute } = useShell();
-  return /* @__PURE__ */ jsxDEV10(TooltipProvider2, {
-    children: /* @__PURE__ */ jsxDEV10("nav", {
+  return /* @__PURE__ */ jsx29(TooltipProvider2, {
+    children: /* @__PURE__ */ jsxs7("nav", {
       "aria-label": "Application navigation",
       "data-collapsed": navCollapsed,
       className: cn("relative flex h-full flex-col", "border-r border-line-default bg-surface-default", "transition-[width] duration-200 ease-in-out", navCollapsed ? "w-14" : "w-56"),
       children: [
-        !navCollapsed && /* @__PURE__ */ jsxDEV10("div", {
+        !navCollapsed && /* @__PURE__ */ jsx29("div", {
           className: "shrink-0 border-b border-line-default",
-          children: /* @__PURE__ */ jsxDEV10(TenantBrand, {
+          children: /* @__PURE__ */ jsx29(TenantBrand, {
             tenant,
             brandColor: tenantBrandColor
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV10(ScrollArea3, {
+          })
+        }),
+        /* @__PURE__ */ jsx29(ScrollArea2, {
           className: "flex-1",
-          children: /* @__PURE__ */ jsxDEV10("div", {
+          children: /* @__PURE__ */ jsx29("div", {
             className: cn("py-2", navCollapsed ? "px-1.5" : "px-2"),
-            children: /* @__PURE__ */ jsxDEV10("div", {
+            children: /* @__PURE__ */ jsx29("div", {
               className: "space-y-4",
-              children: config.groups.map((group) => /* @__PURE__ */ jsxDEV10(NavGroup, {
+              children: config.groups.map((group) => /* @__PURE__ */ jsx29(NavGroup, {
                 label: group.label,
                 items: group.items,
                 activeRoute,
                 collapsed: navCollapsed,
                 permissions,
                 onNavigate
-              }, group.id, false, undefined, this))
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        footerNavItems && footerNavItems.length > 0 && /* @__PURE__ */ jsxDEV10("div", {
+              }, group.id))
+            })
+          })
+        }),
+        footerNavItems && footerNavItems.length > 0 && /* @__PURE__ */ jsx29("div", {
           className: cn("shrink-0 border-t border-line-default", navCollapsed ? "px-1.5 py-2" : "px-2 py-2"),
-          children: /* @__PURE__ */ jsxDEV10(NavGroup, {
+          children: /* @__PURE__ */ jsx29(NavGroup, {
             items: footerNavItems,
             activeRoute,
             collapsed: navCollapsed,
             permissions,
             onNavigate
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV10(Tooltip2, {
+          })
+        }),
+        /* @__PURE__ */ jsxs7(Tooltip2, {
           delayDuration: 300,
           children: [
-            /* @__PURE__ */ jsxDEV10(TooltipTrigger3, {
+            /* @__PURE__ */ jsx29(TooltipTrigger2, {
               asChild: true,
-              children: /* @__PURE__ */ jsxDEV10(Button, {
+              children: /* @__PURE__ */ jsx29(Button, {
                 variant: "ghost",
                 size: "icon",
                 "aria-label": navCollapsed ? "Expand sidebar" : "Collapse sidebar",
                 onClick: () => setNavCollapsed((v) => !v),
                 className: cn("absolute -right-3 top-[72px] z-20 h-6 w-6 rounded-full", "border border-line-default bg-surface-default shadow-sm", "opacity-0 hover:opacity-100 focus-visible:opacity-100 transition-opacity"),
-                children: navCollapsed ? /* @__PURE__ */ jsxDEV10(ChevronRight, {
+                children: navCollapsed ? /* @__PURE__ */ jsx29(ChevronRight, {
                   className: "h-3 w-3"
-                }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV10(ChevronLeft, {
+                }) : /* @__PURE__ */ jsx29(ChevronLeft, {
                   className: "h-3 w-3"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV10(TooltipContent3, {
+                })
+              })
+            }),
+            /* @__PURE__ */ jsx29(TooltipContent2, {
               side: "right",
               children: navCollapsed ? "Expand sidebar" : "Collapse sidebar"
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 });
 
 // src/components/AppShell.tsx
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+import { jsx as jsx30, jsxs as jsxs8 } from "react/jsx-runtime";
 function AppShellInner({
   context,
   navigationConfig,
@@ -10448,7 +10448,15 @@ function AppShellInner({
   tenantBrandColor,
   footerNavItems
 }) {
-  const { setActiveRoute } = useShell();
+  const { setActiveRoute, navCollapsed } = useShell();
+  React52.useEffect(() => {
+    document.body.style.setProperty("--shell-sidebar-width", navCollapsed ? "3.5rem" : "14rem");
+    document.body.style.setProperty("--shell-header-height", "3rem");
+    return () => {
+      document.body.style.removeProperty("--shell-sidebar-width");
+      document.body.style.removeProperty("--shell-header-height");
+    };
+  }, [navCollapsed]);
   const handleNavigate = React52.useCallback((path) => {
     setActiveRoute(path);
     onNavigate?.(path);
@@ -10472,48 +10480,48 @@ function AppShellInner({
       el.style.setProperty(prop, value);
     }
   }, [context.theme.overrides]);
-  return /* @__PURE__ */ jsxDEV11("div", {
+  return /* @__PURE__ */ jsxs8("div", {
     ref: shellRef,
     "data-theme": context.theme.mode,
     className: cn("app-shell flex h-screen overflow-hidden", "bg-surface-default text-content-default"),
     children: [
-      /* @__PURE__ */ jsxDEV11(SideNavigation, {
+      /* @__PURE__ */ jsx30(SideNavigation, {
         config: navigationConfig,
         permissions: context.permissions,
         onNavigate: handleNavigate,
         tenant: context.tenant,
         tenantBrandColor,
         footerNavItems
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV11("div", {
+      }),
+      /* @__PURE__ */ jsxs8("div", {
         className: "flex min-w-0 flex-1 flex-col overflow-hidden",
         children: [
-          /* @__PURE__ */ jsxDEV11(Header, {
+          /* @__PURE__ */ jsx30(Header, {
             user: context.user,
             tenant: context.tenant
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11("main", {
+          }),
+          /* @__PURE__ */ jsx30("main", {
             className: "min-w-0 flex-1 overflow-auto",
             role: "main",
             children
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function AppShell(props) {
   const initialRoute = props.activeRoute ?? (typeof window !== "undefined" ? window.location.pathname : "/");
-  return /* @__PURE__ */ jsxDEV11(ShellProvider, {
+  return /* @__PURE__ */ jsx30(ShellProvider, {
     initialRoute,
-    children: /* @__PURE__ */ jsxDEV11(AppShellInner, {
+    children: /* @__PURE__ */ jsx30(AppShellInner, {
       ...props
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 export {
   AppShell
 };
 
-//# debugId=2DAB84C483A4B4FC64756E2164756E21
+//# debugId=0C783C774331520A64756E2164756E21
 //# sourceMappingURL=index.es.js.map