@refraction-ui/react 0.3.3 → 0.3.5

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React41 = require('react');
+var React42 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
 
@@ -22,7 +22,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React41__namespace = /*#__PURE__*/_interopNamespace(React41);
+var React42__namespace = /*#__PURE__*/_interopNamespace(React42);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 var __create = Object.create;
@@ -91,6 +91,7 @@ __export(index_exports, {
   AccordionContent: () => AccordionContent,
   AccordionItem: () => AccordionItem,
   AccordionTrigger: () => AccordionTrigger,
+  AltHintState: () => AltHintState,
   AnimatedText: () => AnimatedText,
   AppShell: () => AppShell,
   AuthGuard: () => AuthGuard,
@@ -191,6 +192,7 @@ __export(index_exports, {
   ResizableDivider: () => ResizableDivider,
   ResizableLayout: () => ResizableLayout,
   ResizablePane: () => ResizablePane,
+  SANE_DEFAULTS: () => SANE_DEFAULTS,
   STATUS_COLORS: () => STATUS_COLORS2,
   STATUS_LABELS: () => STATUS_LABELS2,
   SearchBar: () => SearchBar,
@@ -201,6 +203,10 @@ __export(index_exports, {
   SelectItem: () => SelectItem,
   SelectTrigger: () => SelectTrigger,
   ShortcutBadge: () => ShortcutBadge,
+  ShortcutContext: () => ShortcutContext,
+  ShortcutHint: () => ShortcutHint,
+  ShortcutProvider: () => ShortcutProvider,
+  ShortcutRegistry: () => ShortcutRegistry,
   Sidebar: () => Sidebar,
   Skeleton: () => Skeleton,
   SkeletonText: () => SkeletonText,
@@ -229,6 +235,7 @@ __export(index_exports, {
   TypewriterText: () => TypewriterText,
   VersionSelector: () => VersionSelector,
   VideoPlayer: () => VideoPlayer,
+  altHintState: () => altHintState,
   animatedTextVariants: () => animatedTextVariants,
   avatarFallbackVariants: () => avatarFallbackVariants,
   avatarImageVariants: () => avatarImageVariants,
@@ -286,6 +293,7 @@ __export(index_exports, {
   getAssignableRoles: () => getAssignableRoles,
   getDefaultPortal: () => getDefaultPortal,
   getInitials: () => getInitials,
+  globalShortcutRegistry: () => globalShortcutRegistry,
   hasAllRoles: () => hasAllRoles,
   hasAnyRole: () => hasAnyRole,
   hasRole: () => hasRole,
@@ -375,6 +383,7 @@ __export(index_exports, {
   tooltipContentVariants: () => tooltipContentVariants,
   typewriterVariants: () => typewriterVariants,
   useAuth: () => useAuth,
+  useShortcut: () => useShortcut,
   useTheme: () => useTheme,
   useToast: () => useToast,
   versionSelectorOptionVariants: () => optionVariants2,
@@ -496,14 +505,14 @@ function applyThemeToDOM(resolved, attribute = "class") {
 }
 
 // ../react-theme/dist/index.js
-var ThemeContext = React41__namespace.createContext(null);
+var ThemeContext = React42__namespace.createContext(null);
 function ThemeProvider({
   children,
   defaultMode = "system",
   storageKey = "rfr-theme",
   attribute = "class"
 }) {
-  const themeRef = React41__namespace.useRef(null);
+  const themeRef = React42__namespace.useRef(null);
   if (!themeRef.current) {
     const isBrowser = typeof window !== "undefined";
     themeRef.current = createTheme(
@@ -512,8 +521,8 @@ function ThemeProvider({
       isBrowser ? createMediaQueryAdapter() : void 0
     );
   }
-  const [state, setState] = React41__namespace.useState(() => themeRef.current.getState());
-  React41__namespace.useEffect(() => {
+  const [state, setState] = React42__namespace.useState(() => themeRef.current.getState());
+  React42__namespace.useEffect(() => {
     const theme = themeRef.current;
     applyThemeToDOM(theme.getState().resolved, attribute);
     const unsub = theme.subscribe((newState) => {
@@ -525,7 +534,7 @@ function ThemeProvider({
       theme.destroy();
     };
   }, [attribute]);
-  const contextValue = React41__namespace.useMemo(
+  const contextValue = React42__namespace.useMemo(
     () => ({
       mode: state.mode,
       resolved: state.resolved,
@@ -533,10 +542,10 @@ function ThemeProvider({
     }),
     [state.mode, state.resolved]
   );
-  return React41__namespace.createElement(ThemeContext.Provider, { value: contextValue }, children);
+  return React42__namespace.createElement(ThemeContext.Provider, { value: contextValue }, children);
 }
 function useTheme() {
-  const context = React41__namespace.useContext(ThemeContext);
+  const context = React42__namespace.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a <ThemeProvider>");
   }
@@ -548,7 +557,7 @@ var modes = [
   { value: "system", label: "System", icon: "monitor" }
 ];
 var icons = {
-  sun: React41__namespace.createElement(
+  sun: React42__namespace.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -561,10 +570,10 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React41__namespace.createElement("circle", { cx: 12, cy: 12, r: 5 }),
-    React41__namespace.createElement("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
+    React42__namespace.createElement("circle", { cx: 12, cy: 12, r: 5 }),
+    React42__namespace.createElement("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
   ),
-  moon: React41__namespace.createElement(
+  moon: React42__namespace.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -577,9 +586,9 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React41__namespace.createElement("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+    React42__namespace.createElement("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
   ),
-  monitor: React41__namespace.createElement(
+  monitor: React42__namespace.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -592,15 +601,15 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React41__namespace.createElement("rect", { x: 2, y: 3, width: 20, height: 14, rx: 2, ry: 2 }),
-    React41__namespace.createElement("line", { x1: 8, y1: 21, x2: 16, y2: 21 }),
-    React41__namespace.createElement("line", { x1: 12, y1: 17, x2: 12, y2: 21 })
+    React42__namespace.createElement("rect", { x: 2, y: 3, width: 20, height: 14, rx: 2, ry: 2 }),
+    React42__namespace.createElement("line", { x1: 8, y1: 21, x2: 16, y2: 21 }),
+    React42__namespace.createElement("line", { x1: 12, y1: 17, x2: 12, y2: 21 })
   )
 };
 function ThemeToggle({ className, variant = "segmented" }) {
   const { mode, setMode } = useTheme();
   if (variant === "segmented") {
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         className: `inline-flex items-center gap-1 rounded-lg border p-1 ${className ?? ""}`,
@@ -608,7 +617,7 @@ function ThemeToggle({ className, variant = "segmented" }) {
         "aria-label": "Theme"
       },
       modes.map(
-        ({ value, label, icon }) => React41__namespace.createElement("button", {
+        ({ value, label, icon }) => React42__namespace.createElement("button", {
           key: value,
           type: "button",
           role: "radio",
@@ -620,9 +629,9 @@ function ThemeToggle({ className, variant = "segmented" }) {
       )
     );
   }
-  const [open, setOpen] = React41__namespace.useState(false);
-  const ref = React41__namespace.useRef(null);
-  React41__namespace.useEffect(() => {
+  const [open, setOpen] = React42__namespace.useState(false);
+  const ref = React42__namespace.useRef(null);
+  React42__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -631,24 +640,24 @@ function ThemeToggle({ className, variant = "segmented" }) {
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
   const currentIcon = modes.find((m) => m.value === mode)?.icon ?? "monitor";
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     { ref, className: `relative ${className ?? ""}` },
-    React41__namespace.createElement("button", {
+    React42__namespace.createElement("button", {
       type: "button",
       "aria-label": "Toggle theme",
       "aria-expanded": open,
       className: "inline-flex items-center justify-center rounded-md p-2 text-sm transition-colors hover:bg-muted",
       onClick: () => setOpen(!open)
     }, icons[currentIcon]),
-    open && React41__namespace.createElement(
+    open && React42__namespace.createElement(
       "div",
       {
         className: "absolute right-0 top-full mt-1 z-50 min-w-[8rem] rounded-md border bg-popover p-1 shadow-md",
         role: "menu"
       },
       modes.map(
-        ({ value, label, icon }) => React41__namespace.createElement("button", {
+        ({ value, label, icon }) => React42__namespace.createElement("button", {
           key: value,
           type: "button",
           role: "menuitem",
@@ -666,7 +675,7 @@ function ThemeScript({
   storageKey = "rfr-theme",
   attribute = "class"
 }) {
-  return React41__namespace.createElement("script", {
+  return React42__namespace.createElement("script", {
     dangerouslySetInnerHTML: {
       __html: getThemeScript(storageKey, attribute)
     }
@@ -784,14 +793,14 @@ function cva(config) {
     return classes.filter(Boolean).join(" ");
   };
 }
-var AccordionContext = React41__namespace.createContext(null);
-var Accordion = React41__namespace.forwardRef(
+var AccordionContext = React42__namespace.createContext(null);
+var Accordion = React42__namespace.forwardRef(
   ({ className, type = "single", collapsible, value: controlledValue, defaultValue, onValueChange, ...props }, ref) => {
-    const [uncontrolledValue, setUncontrolledValue] = React41__namespace.useState(
+    const [uncontrolledValue, setUncontrolledValue] = React42__namespace.useState(
       defaultValue ?? (type === "multiple" ? [] : "")
     );
     const value = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
-    const handleValueChange = React41__namespace.useCallback(
+    const handleValueChange = React42__namespace.useCallback(
       (itemValue) => {
         if (type === "single") {
           const newValue = value === itemValue && collapsible ? "" : itemValue;
@@ -810,20 +819,20 @@ var Accordion = React41__namespace.forwardRef(
   }
 );
 Accordion.displayName = "Accordion";
-var AccordionItemContext = React41__namespace.createContext(null);
-var AccordionItem = React41__namespace.forwardRef(
+var AccordionItemContext = React42__namespace.createContext(null);
+var AccordionItem = React42__namespace.forwardRef(
   ({ className, value, ...props }, ref) => {
-    const context = React41__namespace.useContext(AccordionContext);
+    const context = React42__namespace.useContext(AccordionContext);
     if (!context) throw new Error("AccordionItem must be within Accordion");
     const isOpen = context.type === "single" ? context.value === value : Array.isArray(context.value) && context.value.includes(value);
     return /* @__PURE__ */ jsxRuntime.jsx(AccordionItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("border-b border-border", className), "data-state": isOpen ? "open" : "closed", ...props }) });
   }
 );
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React41__namespace.forwardRef(
+var AccordionTrigger = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const accordionContext = React41__namespace.useContext(AccordionContext);
-    const itemContext = React41__namespace.useContext(AccordionItemContext);
+    const accordionContext = React42__namespace.useContext(AccordionContext);
+    const itemContext = React42__namespace.useContext(AccordionItemContext);
     if (!accordionContext || !itemContext) throw new Error("AccordionTrigger missing context");
     return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "flex m-0 p-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -862,9 +871,9 @@ var AccordionTrigger = React41__namespace.forwardRef(
   }
 );
 AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React41__namespace.forwardRef(
+var AccordionContent = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const itemContext = React41__namespace.useContext(AccordionItemContext);
+    const itemContext = React42__namespace.useContext(AccordionItemContext);
     if (!itemContext) throw new Error("AccordionContent missing context");
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -946,16 +955,16 @@ var typewriterVariants = cva({
     cursor: "blinking"
   }
 });
-var AnimatedText = React41__namespace.forwardRef(
+var AnimatedText = React42__namespace.forwardRef(
   ({ words, interval = 2500, transitionDuration = 1e3, className, ...props }, ref) => {
-    const apiRef = React41__namespace.useRef(
+    const apiRef = React42__namespace.useRef(
       createAnimatedText({ words})
     );
     const api = apiRef.current;
-    const [currentIndex, setCurrentIndex] = React41__namespace.useState(0);
-    const [isExiting, setIsExiting] = React41__namespace.useState(false);
+    const [currentIndex, setCurrentIndex] = React42__namespace.useState(0);
+    const [isExiting, setIsExiting] = React42__namespace.useState(false);
     const prefersReducedMotion = typeof globalThis !== "undefined" && typeof globalThis.matchMedia === "function" && globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    React41__namespace.useEffect(() => {
+    React42__namespace.useEffect(() => {
       if (words.length <= 1) return;
       const tick = setInterval(() => {
         if (prefersReducedMotion) {
@@ -991,13 +1000,13 @@ var AnimatedText = React41__namespace.forwardRef(
   }
 );
 AnimatedText.displayName = "AnimatedText";
-var TypewriterText = React41__namespace.forwardRef(
+var TypewriterText = React42__namespace.forwardRef(
   ({ text, speed = 50, startDelay = 0, className, ...props }, ref) => {
-    const apiRef = React41__namespace.useRef(createTypewriter({ text}));
+    const apiRef = React42__namespace.useRef(createTypewriter({ text}));
     const api = apiRef.current;
-    const [currentIndex, setCurrentIndex] = React41__namespace.useState(0);
+    const [currentIndex, setCurrentIndex] = React42__namespace.useState(0);
     const prefersReducedMotion = typeof globalThis !== "undefined" && typeof globalThis.matchMedia === "function" && globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    React41__namespace.useEffect(() => {
+    React42__namespace.useEffect(() => {
       if (prefersReducedMotion) {
         api.state.currentIndex = text.length;
         setCurrentIndex(text.length);
@@ -1158,24 +1167,24 @@ function getAssignableRoles(user) {
 }
 
 // ../react-auth/dist/index.js
-var AuthContext = React41__namespace.createContext(null);
+var AuthContext = React42__namespace.createContext(null);
 function AuthProvider({ children, ...config }) {
-  const authRef = React41__namespace.useRef(null);
+  const authRef = React42__namespace.useRef(null);
   if (!authRef.current) {
     if (!config.adapter && !config.testMode) {
       throw new Error("[refraction-ui/react-auth] You must provide an `adapter` to AuthProvider.");
     }
     authRef.current = createAuth(config.adapter, config);
   }
-  const [state, setState] = React41__namespace.useState(() => authRef.current.getState());
-  React41__namespace.useEffect(() => {
+  const [state, setState] = React42__namespace.useState(() => authRef.current.getState());
+  React42__namespace.useEffect(() => {
     const unsub = authRef.current.subscribe(setState);
     return () => {
       unsub();
       authRef.current.destroy();
     };
   }, []);
-  const value = React41__namespace.useMemo(
+  const value = React42__namespace.useMemo(
     () => ({
       user: state.user,
       isLoading: state.status === "loading",
@@ -1189,10 +1198,10 @@ function AuthProvider({ children, ...config }) {
     }),
     [state.user, state.status]
   );
-  return React41__namespace.createElement(AuthContext.Provider, { value }, children);
+  return React42__namespace.createElement(AuthContext.Provider, { value }, children);
 }
 function useAuth() {
-  const ctx = React41__namespace.useContext(AuthContext);
+  const ctx = React42__namespace.useContext(AuthContext);
   if (!ctx) {
     throw new Error("useAuth must be used within an <AuthProvider>");
   }
@@ -1206,15 +1215,15 @@ function AuthGuard({
 }) {
   const { isLoading, isAuthenticated, user } = useAuth();
   if (isLoading) {
-    return React41__namespace.createElement(React41__namespace.Fragment, null, fallback ?? null);
+    return React42__namespace.createElement(React42__namespace.Fragment, null, fallback ?? null);
   }
   if (!isAuthenticated) {
-    return React41__namespace.createElement(React41__namespace.Fragment, null, fallback ?? null);
+    return React42__namespace.createElement(React42__namespace.Fragment, null, fallback ?? null);
   }
   if (roles && roles.length > 0 && !hasAnyRole(user, roles)) {
-    return React41__namespace.createElement(React41__namespace.Fragment, null, unauthorized ?? null);
+    return React42__namespace.createElement(React42__namespace.Fragment, null, unauthorized ?? null);
   }
-  return React41__namespace.createElement(React41__namespace.Fragment, null, children);
+  return React42__namespace.createElement(React42__namespace.Fragment, null, children);
 }
 
 // ../badge/dist/index.js
@@ -1254,7 +1263,7 @@ var badgeVariants = cva({
     size: "md"
   }
 });
-var Badge = React41__namespace.forwardRef(
+var Badge = React42__namespace.forwardRef(
   ({ variant, size, className, children, ...props }, ref) => {
     const api = createBadge({ variant});
     const classes = cn(badgeVariants({ variant, size }), className);
@@ -1301,7 +1310,7 @@ var bottomNavTabVariants = cva({
     active: "false"
   }
 });
-var BottomNav = React41__namespace.forwardRef(
+var BottomNav = React42__namespace.forwardRef(
   ({ tabs = [], currentPath, className, ...props }, ref) => {
     const api = createBottomNav({ currentPath });
     const classes = cn(bottomNavVariants(), className);
@@ -1374,7 +1383,7 @@ var breadcrumbItemVariants = cva({
   }
 });
 var breadcrumbSeparatorStyles = "text-muted-foreground/50 select-none";
-var Breadcrumbs = React41__namespace.forwardRef(
+var Breadcrumbs = React42__namespace.forwardRef(
   ({
     pathname,
     items,
@@ -1481,31 +1490,341 @@ var buttonVariants = cva({
     size: "default"
   }
 });
-var Button = React41__namespace.forwardRef(
-  ({ variant, size, loading, asChild, className, disabled, children, ...props }, ref) => {
+
+// ../keyboard-shortcut/dist/index.js
+var MODIFIER_KEYS = /* @__PURE__ */ new Set(["Ctrl", "Control", "Alt", "Shift", "Meta", "Cmd", "Command"]);
+var KEY_DISPLAY = {
+  "Ctrl": "Ctrl",
+  "Control": "Ctrl",
+  "Alt": "Alt",
+  "Shift": "Shift",
+  "Meta": "Meta",
+  "Cmd": "Cmd",
+  "Command": "Cmd",
+  "Enter": "\u21B5",
+  "Backspace": "\u232B",
+  "Delete": "Del",
+  "Escape": "Esc",
+  "ArrowUp": "\u2191",
+  "ArrowDown": "\u2193",
+  "ArrowLeft": "\u2190",
+  "ArrowRight": "\u2192",
+  "Tab": "Tab",
+  " ": "Space"
+};
+var MAC_KEY_DISPLAY = {
+  "Ctrl": "\u2303",
+  "Control": "\u2303",
+  "Alt": "\u2325",
+  "Shift": "\u21E7",
+  "Meta": "\u2318",
+  "Cmd": "\u2318",
+  "Command": "\u2318",
+  "Enter": "\u21B5",
+  "Backspace": "\u232B",
+  "Delete": "\u2326",
+  "Escape": "\u238B",
+  "ArrowUp": "\u2191",
+  "ArrowDown": "\u2193",
+  "ArrowLeft": "\u2190",
+  "ArrowRight": "\u2192",
+  "Tab": "\u21E5",
+  " ": "\u2423"
+};
+function normalizeKey(key) {
+  if (key === "Command" || key === "Cmd") return "Meta";
+  if (key === "Control") return "Ctrl";
+  return key;
+}
+function isMac() {
+  if (typeof navigator !== "undefined") {
+    return navigator.platform?.includes("Mac") || navigator.userAgent?.includes("Mac");
+  }
+  return false;
+}
+function formatShortcut(keys, mac) {
+  const displayMap = mac ? MAC_KEY_DISPLAY : KEY_DISPLAY;
+  return keys.map((key) => displayMap[key] ?? key.toUpperCase()).join(mac ? "" : "+");
+}
+function createKeyboardShortcut(props) {
+  const {
+    keys,
+    onTrigger,
+    enabled: enabledProp = true,
+    preventDefault: preventDefaultProp = true
+  } = props;
+  const normalizedKeys = keys.map(normalizeKey);
+  const modifiers = normalizedKeys.filter((k) => MODIFIER_KEYS.has(k));
+  const regularKeys = normalizedKeys.filter((k) => !MODIFIER_KEYS.has(k));
+  function handler(event) {
+    if (!enabledProp) return false;
+    const ctrlRequired = modifiers.includes("Ctrl");
+    const altRequired = modifiers.includes("Alt");
+    const shiftRequired = modifiers.includes("Shift");
+    const metaRequired = modifiers.includes("Meta");
+    if (ctrlRequired !== (event.ctrlKey || event.metaKey && !metaRequired)) ;
+    const ctrlMatch = ctrlRequired ? event.ctrlKey : !event.ctrlKey;
+    const altMatch = altRequired ? event.altKey : !event.altKey;
+    const shiftMatch = shiftRequired ? event.shiftKey : !event.shiftKey;
+    const metaMatch = metaRequired ? event.metaKey : !event.metaKey;
+    if (!ctrlMatch || !altMatch || !shiftMatch || !metaMatch) return false;
+    if (regularKeys.length > 0) {
+      const eventKey = event.key.length === 1 ? event.key.toUpperCase() : event.key;
+      const targetKey = regularKeys[0].length === 1 ? regularKeys[0].toUpperCase() : regularKeys[0];
+      if (eventKey !== targetKey) return false;
+    }
+    if (preventDefaultProp) {
+      event.preventDefault();
+    }
+    onTrigger();
+    return true;
+  }
+  const mac = isMac();
+  const display = formatShortcut(keys, false);
+  const platformDisplay = formatShortcut(keys, mac);
+  const badgeAriaProps = {
+    "aria-hidden": true,
+    role: "presentation"
+  };
+  return {
+    handler,
+    display,
+    platformDisplay,
+    enabled: enabledProp,
+    keys,
+    badgeAriaProps
+  };
+}
+var SANE_DEFAULTS = {
+  save: ["Meta", "s"],
+  search: ["Meta", "k"],
+  close: ["Escape"],
+  submit: ["Meta", "Enter"],
+  undo: ["Meta", "z"],
+  redo: ["Meta", "Shift", "z"],
+  copy: ["Meta", "c"],
+  paste: ["Meta", "v"],
+  cut: ["Meta", "x"],
+  new: ["Meta", "n"],
+  print: ["Meta", "p"],
+  help: ["?"]
+};
+var ShortcutRegistry = class {
+  shortcuts = /* @__PURE__ */ new Map();
+  register(keys, handler) {
+    const keyStr = keys.map((k) => k.toLowerCase()).sort().join("+");
+    if (this.shortcuts.has(keyStr)) {
+      console.warn(`Shortcut ${keyStr} is already registered.`);
+    }
+    this.shortcuts.set(keyStr, handler);
+  }
+  unregister(keys) {
+    const keyStr = keys.map((k) => k.toLowerCase()).sort().join("+");
+    this.shortcuts.delete(keyStr);
+  }
+};
+var globalShortcutRegistry = new ShortcutRegistry();
+var AltHintState = class {
+  showHints = false;
+  listeners = /* @__PURE__ */ new Set();
+  initialized = false;
+  init() {
+    if (this.initialized || typeof window === "undefined") return;
+    this.initialized = true;
+    const handleKeyDown = (e) => {
+      if (e.key === "Alt") {
+        this.setShowHints(true);
+      }
+    };
+    const handleKeyUp = (e) => {
+      if (e.key === "Alt") {
+        this.setShowHints(false);
+      }
+    };
+    const handleBlur = () => {
+      this.setShowHints(false);
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    window.addEventListener("keyup", handleKeyUp);
+    window.addEventListener("blur", handleBlur);
+  }
+  setShowHints(value) {
+    if (this.showHints !== value) {
+      this.showHints = value;
+      this.listeners.forEach((listener) => listener(value));
+    }
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    listener(this.showHints);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  get snapshot() {
+    return this.showHints;
+  }
+};
+var altHintState = new AltHintState();
+var shortcutBadgeStyles = "inline-flex items-center gap-0.5 rounded border bg-muted px-1.5 py-0.5 text-xs font-mono text-muted-foreground";
+var shortcutKeyStyles = "inline-flex items-center justify-center min-w-[1.25rem] rounded bg-background px-1 py-0.5 text-xs font-mono border shadow-sm";
+var shortcutSeparatorStyles = "text-muted-foreground text-xs";
+var ShortcutContext = React42__namespace.createContext(false);
+function ShortcutProvider({ children }) {
+  const [showHints, setShowHints] = React42__namespace.useState(altHintState.snapshot);
+  React42__namespace.useEffect(() => {
+    altHintState.init();
+    return altHintState.subscribe(setShowHints);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(ShortcutContext.Provider, { value: showHints, children });
+}
+function useShortcut({
+  shortcut,
+  action,
+  onTrigger,
+  enabled = true,
+  preventDefault = true
+}) {
+  const showHints = React42__namespace.useContext(ShortcutContext);
+  const keys = React42__namespace.useMemo(() => {
+    if (shortcut) {
+      return shortcut.split("+").map((s) => s.trim());
+    }
+    if (action && SANE_DEFAULTS[action]) {
+      return SANE_DEFAULTS[action];
+    }
+    return [];
+  }, [shortcut, action]);
+  const apiRef = React42__namespace.useRef(
+    createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })
+  );
+  React42__namespace.useEffect(() => {
+    apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault });
+  }, [keys, onTrigger, enabled, preventDefault]);
+  React42__namespace.useEffect(() => {
+    if (!enabled || keys.length === 0) return;
+    const handler = () => {
+      apiRef.current.handler(new KeyboardEvent("keydown"));
+    };
+    globalShortcutRegistry.register(keys, handler);
+    const handleKeyDown = (e) => {
+      apiRef.current.handler(e);
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      globalShortcutRegistry.unregister(keys);
+    };
+  }, [enabled, keys]);
+  return { keys, showHints };
+}
+function ShortcutHint({ shortcut, action, className, platform = true, ...props }) {
+  const showHints = React42__namespace.useContext(ShortcutContext);
+  const keys = React42__namespace.useMemo(() => {
+    if (shortcut) {
+      return shortcut.split("+").map((s) => s.trim());
+    }
+    if (action && SANE_DEFAULTS[action]) {
+      return SANE_DEFAULTS[action];
+    }
+    return [];
+  }, [shortcut, action]);
+  if (!showHints || keys.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none z-10", className), children: /* @__PURE__ */ jsxRuntime.jsx(ShortcutBadge, { keys, platform, ...props }) });
+}
+function KeyboardShortcut({
+  keys,
+  onTrigger,
+  enabled = true,
+  preventDefault = true
+}) {
+  const apiRef = React42__namespace.useRef(
+    createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })
+  );
+  React42__namespace.useEffect(() => {
+    apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault });
+  }, [keys, onTrigger, enabled, preventDefault]);
+  React42__namespace.useEffect(() => {
+    if (!enabled) return;
+    const handleKeyDown = (e) => {
+      apiRef.current.handler(e);
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [enabled]);
+  return null;
+}
+KeyboardShortcut.displayName = "KeyboardShortcut";
+function ShortcutBadge({ keys, platform = true, className }) {
+  const api = createKeyboardShortcut({ keys, onTrigger: () => {
+  }, enabled: false });
+  const displayKeys = platform ? api.platformDisplay : api.display;
+  const isMacDisplay = platform && displayKeys !== api.display;
+  return React42__namespace.createElement(
+    "kbd",
+    { ...api.badgeAriaProps, className: cn(shortcutBadgeStyles, className) },
+    isMacDisplay ? React42__namespace.createElement("span", null, displayKeys) : keys.map(
+      (key, i) => React42__namespace.createElement(
+        React42__namespace.Fragment,
+        { key: i },
+        i > 0 && React42__namespace.createElement("span", { className: shortcutSeparatorStyles }, "+"),
+        React42__namespace.createElement(
+          "span",
+          { className: shortcutKeyStyles },
+          formatShortcut([key], false)
+        )
+      )
+    )
+  );
+}
+ShortcutBadge.displayName = "ShortcutBadge";
+var Button = React42__namespace.forwardRef(
+  ({ variant, size, loading, asChild, className, disabled, children, shortcut, action, ...props }, ref) => {
     const api = createButton({ disabled, loading, type: props.type });
     const classes = cn(buttonVariants({ variant, size }), className);
-    if (asChild && React41__namespace.isValidElement(children)) {
-      return React41__namespace.cloneElement(children, {
-        ref,
-        className: cn(classes, children.props.className),
+    const internalRef = React42__namespace.useRef(null);
+    const mergedRef = React42__namespace.useCallback(
+      (node) => {
+        internalRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      [ref]
+    );
+    useShortcut({
+      shortcut,
+      action,
+      enabled: !disabled && !loading && (!!shortcut || !!action),
+      onTrigger: () => {
+        internalRef.current?.click();
+      }
+    });
+    if (asChild && React42__namespace.isValidElement(children)) {
+      return React42__namespace.cloneElement(children, {
+        ref: mergedRef,
+        className: cn(classes, children.props.className, "relative"),
         type: getButtonType({ type: props.type }),
         ...api.ariaProps,
         ...api.dataAttributes,
-        ...props
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          (shortcut || action) && /* @__PURE__ */ jsxRuntime.jsx(ShortcutHint, { shortcut, action, className: "right-4" }),
+          children.props.children
+        ] })
       });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
-        ref,
+        ref: mergedRef,
         type: getButtonType({ type: props.type }),
-        className: classes,
+        className: cn(classes, "relative"),
         disabled: disabled || loading,
         ...api.ariaProps,
         ...api.dataAttributes,
         ...props,
         children: [
+          (shortcut || action) && /* @__PURE__ */ jsxRuntime.jsx(ShortcutHint, { shortcut, action, className: "right-4" }),
           loading && /* @__PURE__ */ jsxRuntime.jsxs(
             "svg",
             {
@@ -1693,15 +2012,15 @@ function Calendar({
   maxDate,
   disabledDates
 }) {
-  const [uncontrolledValue, setUncontrolledValue] = React41__namespace.useState(defaultValue);
-  const [uncontrolledMonth, setUncontrolledMonth] = React41__namespace.useState(
+  const [uncontrolledValue, setUncontrolledValue] = React42__namespace.useState(defaultValue);
+  const [uncontrolledMonth, setUncontrolledMonth] = React42__namespace.useState(
     () => month ?? value ?? defaultValue ?? /* @__PURE__ */ new Date()
   );
   const isValueControlled = value !== void 0;
   const isMonthControlled = month !== void 0;
   const selectedValue = isValueControlled ? value : uncontrolledValue;
   const displayMonth = isMonthControlled ? month : uncontrolledMonth;
-  const handleSelect = React41__namespace.useCallback(
+  const handleSelect = React42__namespace.useCallback(
     (date) => {
       if (!isValueControlled) {
         setUncontrolledValue(date);
@@ -1710,7 +2029,7 @@ function Calendar({
     },
     [isValueControlled, onSelect]
   );
-  const handleMonthChange = React41__namespace.useCallback(
+  const handleMonthChange = React42__namespace.useCallback(
     (m) => {
       if (!isMonthControlled) {
         setUncontrolledMonth(m);
@@ -1736,28 +2055,28 @@ function Calendar({
     return "default";
   }
   const monthLabel = `${MONTH_NAMES[api.state.currentMonth.getMonth()]} ${api.state.currentMonth.getFullYear()}`;
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     {
       className: cn(calendarVariants(), className),
       ...api.ariaProps
     },
     // Header row: prev, month label, next
-    React41__namespace.createElement(CalendarHeader, {
+    React42__namespace.createElement(CalendarHeader, {
       label: monthLabel,
       labelId: api.ids.label,
       onPrevMonth: api.prevMonth,
       onNextMonth: api.nextMonth
     }),
     // Day-of-week headers
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       {
         className: "grid grid-cols-7 gap-1 mb-1",
         role: "row"
       },
       DAY_HEADERS.map(
-        (d) => React41__namespace.createElement(
+        (d) => React42__namespace.createElement(
           "div",
           {
             key: d,
@@ -1770,7 +2089,7 @@ function Calendar({
       )
     ),
     // Day grid
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       {
         className: "grid grid-cols-7 gap-1",
@@ -1779,7 +2098,7 @@ function Calendar({
       api.days.map((day, i) => {
         const dayAriaProps = api.getDayAriaProps(day);
         const state = getDayState(day);
-        return React41__namespace.createElement(
+        return React42__namespace.createElement(
           "button",
           {
             key: i,
@@ -1803,12 +2122,12 @@ function CalendarHeader({
   onNextMonth,
   className
 }) {
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     {
       className: cn("flex items-center justify-between mb-2", className)
     },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "button",
       {
         type: "button",
@@ -1818,7 +2137,7 @@ function CalendarHeader({
       },
       "\u2039"
     ),
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       {
         id: labelId,
@@ -1827,7 +2146,7 @@ function CalendarHeader({
       },
       label
     ),
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "button",
       {
         type: "button",
@@ -1960,7 +2279,7 @@ var codeEditorVariants = cva({
     size: "default"
   }
 });
-var CodeEditor = React41__namespace.forwardRef(
+var CodeEditor = React42__namespace.forwardRef(
   ({
     value = "",
     onChange,
@@ -2076,9 +2395,9 @@ var collapsibleContentVariants = cva({
 });
 
 // ../react-collapsible/dist/index.js
-var CollapsibleContext = React41__namespace.createContext(null);
+var CollapsibleContext = React42__namespace.createContext(null);
 function useCollapsibleContext() {
-  const ctx = React41__namespace.useContext(CollapsibleContext);
+  const ctx = React42__namespace.useContext(CollapsibleContext);
   if (!ctx) {
     throw new Error(
       "Collapsible compound components must be used within <Collapsible>"
@@ -2094,10 +2413,10 @@ function Collapsible({
   children,
   className
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React41__namespace.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React42__namespace.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React41__namespace.useCallback(
+  const handleOpenChange = React42__namespace.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -2106,12 +2425,12 @@ function Collapsible({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React41__namespace.useRef(null);
+  const apiRef = React42__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createCollapsible({ open, defaultOpen, disabled });
   }
   const contentId = apiRef.current.contentProps.id;
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -2120,10 +2439,10 @@ function Collapsible({
     }),
     [open, handleOpenChange, disabled, contentId]
   );
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     CollapsibleContext.Provider,
     { value: ctx },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       {
         "data-state": open ? "open" : "closed",
@@ -2135,7 +2454,7 @@ function Collapsible({
   );
 }
 Collapsible.displayName = "Collapsible";
-var CollapsibleTrigger = React41__namespace.forwardRef(({ onClick, disabled: disabledProp, children, ...props }, ref) => {
+var CollapsibleTrigger = React42__namespace.forwardRef(({ onClick, disabled: disabledProp, children, ...props }, ref) => {
   const { open, onOpenChange, disabled: ctxDisabled, contentId } = useCollapsibleContext();
   const disabled = disabledProp ?? ctxDisabled;
   const handleClick = (e) => {
@@ -2144,7 +2463,7 @@ var CollapsibleTrigger = React41__namespace.forwardRef(({ onClick, disabled: dis
     }
     onClick?.(e);
   };
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "button",
     {
       ref,
@@ -2161,11 +2480,11 @@ var CollapsibleTrigger = React41__namespace.forwardRef(({ onClick, disabled: dis
   );
 });
 CollapsibleTrigger.displayName = "CollapsibleTrigger";
-var CollapsibleContent = React41__namespace.forwardRef(({ className, children, ...props }, ref) => {
+var CollapsibleContent = React42__namespace.forwardRef(({ className, children, ...props }, ref) => {
   const { open, contentId } = useCollapsibleContext();
   const dataState = open ? "open" : "closed";
   if (!open) return null;
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     {
       ref,
@@ -2310,9 +2629,9 @@ var commandGroupVariants = cva({
 });
 
 // ../react-command/dist/index.js
-var CommandContext = React41__namespace.createContext(null);
+var CommandContext = React42__namespace.createContext(null);
 function useCommandContext() {
-  const ctx = React41__namespace.useContext(CommandContext);
+  const ctx = React42__namespace.useContext(CommandContext);
   if (!ctx) {
     throw new Error("Command compound components must be used within <Command>");
   }
@@ -2325,11 +2644,11 @@ function Command({
   className,
   children
 }) {
-  const [items, setItems] = React41__namespace.useState([]);
-  const [search, setSearch] = React41__namespace.useState("");
-  const [selectedIndex, setSelectedIndex] = React41__namespace.useState(0);
-  const apiRef = React41__namespace.useRef(null);
-  const api = React41__namespace.useMemo(() => {
+  const [items, setItems] = React42__namespace.useState([]);
+  const [search, setSearch] = React42__namespace.useState("");
+  const [selectedIndex, setSelectedIndex] = React42__namespace.useState(0);
+  const apiRef = React42__namespace.useRef(null);
+  const api = React42__namespace.useMemo(() => {
     const instance = createCommand({ open, onOpenChange, filter }, items);
     if (search) {
       instance.search(search);
@@ -2338,23 +2657,23 @@ function Command({
     return instance;
   }, [open, onOpenChange, filter, items, search]);
   const filteredItems = api.state.filteredItems;
-  const handleSearch = React41__namespace.useCallback((query) => {
+  const handleSearch = React42__namespace.useCallback((query) => {
     setSearch(query);
     setSelectedIndex(0);
   }, []);
-  const handleSelect = React41__namespace.useCallback((index) => {
+  const handleSelect = React42__namespace.useCallback((index) => {
     setSelectedIndex(index);
   }, []);
-  const registerItem = React41__namespace.useCallback((item) => {
+  const registerItem = React42__namespace.useCallback((item) => {
     setItems((prev) => {
       if (prev.some((i) => i.id === item.id)) return prev;
       return [...prev, item];
     });
   }, []);
-  const unregisterItem = React41__namespace.useCallback((id) => {
+  const unregisterItem = React42__namespace.useCallback((id) => {
     setItems((prev) => prev.filter((i) => i.id !== id));
   }, []);
-  const handleKeyDown = React41__namespace.useCallback(
+  const handleKeyDown = React42__namespace.useCallback(
     (e) => {
       const handler = createKeyboardHandler({
         [Keys.ArrowDown]: (ev) => {
@@ -2381,7 +2700,7 @@ function Command({
     },
     [filteredItems.length, onOpenChange]
   );
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({
       search,
       onSearch: handleSearch,
@@ -2396,10 +2715,10 @@ function Command({
     }),
     [search, handleSearch, selectedIndex, handleSelect, items, filteredItems, registerItem, unregisterItem, api.ids.list, api.ids.input]
   );
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     CommandContext.Provider,
     { value: ctx },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       {
         className: cn(commandVariants(), className),
@@ -2411,14 +2730,14 @@ function Command({
   );
 }
 Command.displayName = "Command";
-var CommandInput = React41__namespace.forwardRef(
+var CommandInput = React42__namespace.forwardRef(
   ({ className, onChange, ...props }, ref) => {
     const { search, onSearch, inputId, listId } = useCommandContext();
     const handleChange = (e) => {
       onSearch(e.target.value);
       onChange?.(e);
     };
-    return React41__namespace.createElement("input", {
+    return React42__namespace.createElement("input", {
       ref,
       id: inputId,
       type: "text",
@@ -2433,10 +2752,10 @@ var CommandInput = React41__namespace.forwardRef(
   }
 );
 CommandInput.displayName = "CommandInput";
-var CommandList = React41__namespace.forwardRef(
+var CommandList = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { listId } = useCommandContext();
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         ref,
@@ -2451,11 +2770,11 @@ var CommandList = React41__namespace.forwardRef(
   }
 );
 CommandList.displayName = "CommandList";
-var CommandEmpty = React41__namespace.forwardRef(
+var CommandEmpty = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { filteredItems } = useCommandContext();
     if (filteredItems.length > 0) return null;
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         ref,
@@ -2468,9 +2787,9 @@ var CommandEmpty = React41__namespace.forwardRef(
   }
 );
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React41__namespace.forwardRef(
+var CommandGroup = React42__namespace.forwardRef(
   ({ className, heading, children, ...props }, ref) => {
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         ref,
@@ -2479,7 +2798,7 @@ var CommandGroup = React41__namespace.forwardRef(
         "aria-label": heading,
         ...props
       },
-      heading ? React41__namespace.createElement(
+      heading ? React42__namespace.createElement(
         "div",
         { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground" },
         heading
@@ -2489,10 +2808,10 @@ var CommandGroup = React41__namespace.forwardRef(
   }
 );
 CommandGroup.displayName = "CommandGroup";
-var CommandItem = React41__namespace.forwardRef(
+var CommandItem = React42__namespace.forwardRef(
   ({ className, value, disabled, onSelect: onItemSelect, children, ...props }, ref) => {
     const state = disabled ? "disabled" : "default";
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         ref,
@@ -2513,9 +2832,9 @@ var CommandItem = React41__namespace.forwardRef(
   }
 );
 CommandItem.displayName = "CommandItem";
-var CommandSeparator = React41__namespace.forwardRef(
+var CommandSeparator = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
-    return React41__namespace.createElement("div", {
+    return React42__namespace.createElement("div", {
       ref,
       role: "separator",
       className: cn("-mx-1 h-px bg-border", className),
@@ -2562,7 +2881,7 @@ var contentProtectionVariants = cva({
 var watermarkVariants = cva({
   base: "pointer-events-none absolute inset-0 z-50 overflow-hidden"
 });
-var ContentProtection = React41__namespace.forwardRef(
+var ContentProtection = React42__namespace.forwardRef(
   ({
     enabled,
     disableCopy,
@@ -2809,10 +3128,10 @@ function DataTable({
   className,
   emptyMessage = "No data available"
 }) {
-  const [sortBy, setSortBy] = React41__namespace.useState(controlledSortBy ?? null);
-  const [sortDir, setSortDir] = React41__namespace.useState(controlledSortDir);
-  const [filters, setFilters] = React41__namespace.useState(controlledFilters ?? {});
-  const api = React41__namespace.useMemo(
+  const [sortBy, setSortBy] = React42__namespace.useState(controlledSortBy ?? null);
+  const [sortDir, setSortDir] = React42__namespace.useState(controlledSortDir);
+  const [filters, setFilters] = React42__namespace.useState(controlledFilters ?? {});
+  const api = React42__namespace.useMemo(
     () => createDataTable({
       columns,
       data,
@@ -2823,7 +3142,7 @@ function DataTable({
     }),
     [columns, data, sortBy, sortDir, onSort, filters]
   );
-  const handleSort = React41__namespace.useCallback(
+  const handleSort = React42__namespace.useCallback(
     (columnId) => {
       const col = columns.find((c) => c.id === columnId);
       if (!col?.sortable) return;
@@ -2837,7 +3156,7 @@ function DataTable({
     },
     [columns, sortBy, sortDir, onSort]
   );
-  const handleFilter = React41__namespace.useCallback(
+  const handleFilter = React42__namespace.useCallback(
     (columnId, value) => {
       setFilters((prev) => ({ ...prev, [columnId]: value }));
     },
@@ -2845,26 +3164,26 @@ function DataTable({
   );
   const sortedData = api.state.sortedData;
   const hasFilterable = columns.some((c) => c.filterable);
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     { className: "relative w-full overflow-auto" },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "table",
       {
         className: cn(tableVariants(), className),
         role: "table"
       },
       // thead
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "thead",
         null,
         // Header row
-        React41__namespace.createElement(
+        React42__namespace.createElement(
           "tr",
           { role: "row" },
           ...columns.map((col) => {
             const headerProps = api.getHeaderProps(col);
-            return React41__namespace.createElement(
+            return React42__namespace.createElement(
               "th",
               {
                 key: col.id,
@@ -2873,19 +3192,19 @@ function DataTable({
                 onClick: col.sortable ? () => handleSort(col.id) : void 0
               },
               col.header,
-              col.sortable && sortBy === col.id ? React41__namespace.createElement("span", { "aria-hidden": true }, sortDir === "asc" ? " \u2191" : " \u2193") : null
+              col.sortable && sortBy === col.id ? React42__namespace.createElement("span", { "aria-hidden": true }, sortDir === "asc" ? " \u2191" : " \u2193") : null
             );
           })
         ),
         // Filter row
-        hasFilterable ? React41__namespace.createElement(
+        hasFilterable ? React42__namespace.createElement(
           "tr",
           { role: "row", "data-filter-row": "true" },
           ...columns.map(
-            (col) => React41__namespace.createElement(
+            (col) => React42__namespace.createElement(
               "th",
               { key: `filter-${col.id}` },
-              col.filterable ? React41__namespace.createElement("input", {
+              col.filterable ? React42__namespace.createElement("input", {
                 type: "text",
                 "aria-label": `Filter ${col.header}`,
                 value: filters[col.id] ?? "",
@@ -2897,13 +3216,13 @@ function DataTable({
         ) : null
       ),
       // tbody
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "tbody",
         null,
-        sortedData.length === 0 ? React41__namespace.createElement(
+        sortedData.length === 0 ? React42__namespace.createElement(
           "tr",
           { role: "row" },
-          React41__namespace.createElement(
+          React42__namespace.createElement(
             "td",
             {
               colSpan: columns.length,
@@ -2913,7 +3232,7 @@ function DataTable({
             emptyMessage
           )
         ) : sortedData.map(
-          (row, rowIndex) => React41__namespace.createElement(
+          (row, rowIndex) => React42__namespace.createElement(
             "tr",
             {
               key: rowIndex,
@@ -2921,7 +3240,7 @@ function DataTable({
               className: rowVariants()
             },
             ...columns.map(
-              (col) => React41__namespace.createElement(
+              (col) => React42__namespace.createElement(
                 "td",
                 {
                   key: col.id,
@@ -3031,7 +3350,7 @@ function DeviceFrame({
   children
 }) {
   const api = createDeviceFrame({ device, orientation });
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     {
       className: cn(deviceFrameVariants({ device, orientation }), className),
@@ -3043,13 +3362,13 @@ function DeviceFrame({
       ...api.dataAttributes
     },
     // Notch decoration
-    api.dimensions.notch ? React41__namespace.createElement("div", {
+    api.dimensions.notch ? React42__namespace.createElement("div", {
       className: "absolute top-0 left-1/2 -translate-x-1/2 w-[40%] h-[30px] bg-black rounded-b-2xl z-10",
       "aria-hidden": "true",
       "data-part": "notch"
     }) : null,
     // Screen area
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       {
         className: "relative w-full h-full overflow-hidden bg-white",
@@ -3058,7 +3377,7 @@ function DeviceFrame({
       children
     ),
     // Home indicator decoration
-    api.dimensions.homeIndicator ? React41__namespace.createElement("div", {
+    api.dimensions.homeIndicator ? React42__namespace.createElement("div", {
       className: "absolute bottom-2 left-1/2 -translate-x-1/2 w-[35%] h-[5px] bg-gray-300 rounded-full z-10",
       "aria-hidden": "true",
       "data-part": "home-indicator"
@@ -3147,9 +3466,9 @@ var dialogContentVariants = cva({
 });
 
 // ../react-dialog/dist/index.js
-var DialogContext = React41__namespace.createContext(null);
+var DialogContext = React42__namespace.createContext(null);
 function useDialogContext() {
-  const ctx = React41__namespace.useContext(DialogContext);
+  const ctx = React42__namespace.useContext(DialogContext);
   if (!ctx) {
     throw new Error("Dialog compound components must be used within <Dialog>");
   }
@@ -3162,10 +3481,10 @@ function Dialog({
   modal = true,
   children
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React41__namespace.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React42__namespace.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React41__namespace.useCallback(
+  const handleOpenChange = React42__namespace.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -3174,12 +3493,12 @@ function Dialog({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React41__namespace.useRef(null);
+  const apiRef = React42__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createDialog({ open, modal });
   }
   const api = apiRef.current;
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -3190,17 +3509,17 @@ function Dialog({
     }),
     [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description]
   );
-  return React41__namespace.createElement(DialogContext.Provider, { value: ctx }, children);
+  return React42__namespace.createElement(DialogContext.Provider, { value: ctx }, children);
 }
 Dialog.displayName = "Dialog";
-var DialogTrigger = React41__namespace.forwardRef(
+var DialogTrigger = React42__namespace.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDialogContext();
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
     };
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "button",
       {
         ref,
@@ -3216,7 +3535,7 @@ var DialogTrigger = React41__namespace.forwardRef(
   }
 );
 DialogTrigger.displayName = "DialogTrigger";
-var DialogOverlay = React41__namespace.forwardRef(
+var DialogOverlay = React42__namespace.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { open, onOpenChange } = useDialogContext();
     if (!open) return null;
@@ -3226,7 +3545,7 @@ var DialogOverlay = React41__namespace.forwardRef(
       }
       onClick?.(e);
     };
-    return React41__namespace.createElement("div", {
+    return React42__namespace.createElement("div", {
       ref,
       className: cn(overlayStyles, className),
       "data-state": open ? "open" : "closed",
@@ -3236,10 +3555,10 @@ var DialogOverlay = React41__namespace.forwardRef(
   }
 );
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React41__namespace.forwardRef(
+var DialogContent = React42__namespace.forwardRef(
   ({ className, children, onKeyDown, ...props }, ref) => {
     const { open, onOpenChange, modal, contentId, titleId, descriptionId } = useDialogContext();
-    React41__namespace.useMemo(
+    React42__namespace.useMemo(
       () => createDialog({ open, modal }),
       [open, modal]
     );
@@ -3254,7 +3573,7 @@ var DialogContent = React41__namespace.forwardRef(
       onKeyDown?.(e);
     };
     if (!open) return null;
-    const content = React41__namespace.createElement(
+    const content = React42__namespace.createElement(
       "div",
       {
         ref,
@@ -3277,9 +3596,9 @@ var DialogContent = React41__namespace.forwardRef(
   }
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React41__namespace.forwardRef(
+var DialogHeader = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
-    return React41__namespace.createElement("div", {
+    return React42__namespace.createElement("div", {
       ref,
       className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
       ...props
@@ -3287,9 +3606,9 @@ var DialogHeader = React41__namespace.forwardRef(
   }
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React41__namespace.forwardRef(
+var DialogFooter = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
-    return React41__namespace.createElement("div", {
+    return React42__namespace.createElement("div", {
       ref,
       className: cn(
         "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
@@ -3300,10 +3619,10 @@ var DialogFooter = React41__namespace.forwardRef(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React41__namespace.forwardRef(
+var DialogTitle = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const { titleId } = useDialogContext();
-    return React41__namespace.createElement("h2", {
+    return React42__namespace.createElement("h2", {
       ref,
       id: titleId,
       className: cn("text-lg font-semibold leading-none tracking-tight", className),
@@ -3312,9 +3631,9 @@ var DialogTitle = React41__namespace.forwardRef(
   }
 );
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React41__namespace.forwardRef(({ className, ...props }, ref) => {
+var DialogDescription = React42__namespace.forwardRef(({ className, ...props }, ref) => {
   const { descriptionId } = useDialogContext();
-  return React41__namespace.createElement("p", {
+  return React42__namespace.createElement("p", {
     ref,
     id: descriptionId,
     className: cn("text-sm text-muted-foreground", className),
@@ -3322,14 +3641,14 @@ var DialogDescription = React41__namespace.forwardRef(({ className, ...props },
   });
 });
 DialogDescription.displayName = "DialogDescription";
-var DialogClose = React41__namespace.forwardRef(
+var DialogClose = React42__namespace.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { onOpenChange } = useDialogContext();
     const handleClick = (e) => {
       onOpenChange(false);
       onClick?.(e);
     };
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "button",
       {
         ref,
@@ -3434,9 +3753,9 @@ var menuItemVariants = cva({
 });
 
 // ../react-dropdown-menu/dist/index.js
-var DropdownMenuContext = React41__namespace.createContext(null);
+var DropdownMenuContext = React42__namespace.createContext(null);
 function useDropdownMenuContext() {
-  const ctx = React41__namespace.useContext(DropdownMenuContext);
+  const ctx = React42__namespace.useContext(DropdownMenuContext);
   if (!ctx) {
     throw new Error("DropdownMenu compound components must be used within <DropdownMenu>");
   }
@@ -3448,10 +3767,10 @@ function DropdownMenu({
   onOpenChange,
   children
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React41__namespace.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React42__namespace.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React41__namespace.useCallback(
+  const handleOpenChange = React42__namespace.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -3460,12 +3779,12 @@ function DropdownMenu({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React41__namespace.useRef(null);
+  const apiRef = React42__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createDropdownMenu({ open });
   }
   const api = apiRef.current;
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -3473,17 +3792,17 @@ function DropdownMenu({
     }),
     [open, handleOpenChange, api.ids.content]
   );
-  return React41__namespace.createElement(DropdownMenuContext.Provider, { value: ctx }, children);
+  return React42__namespace.createElement(DropdownMenuContext.Provider, { value: ctx }, children);
 }
 DropdownMenu.displayName = "DropdownMenu";
-var DropdownMenuTrigger = React41__namespace.forwardRef(
+var DropdownMenuTrigger = React42__namespace.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDropdownMenuContext();
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
     };
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "button",
       {
         ref,
@@ -3499,7 +3818,7 @@ var DropdownMenuTrigger = React41__namespace.forwardRef(
   }
 );
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
-var DropdownMenuContent = React41__namespace.forwardRef(
+var DropdownMenuContent = React42__namespace.forwardRef(
   ({ className, children, onKeyDown, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDropdownMenuContext();
     const handleKeyDown = (e) => {
@@ -3513,7 +3832,7 @@ var DropdownMenuContent = React41__namespace.forwardRef(
       onKeyDown?.(e);
     };
     if (!open) return null;
-    const content = React41__namespace.createElement(
+    const content = React42__namespace.createElement(
       "div",
       {
         ref,
@@ -3534,7 +3853,7 @@ var DropdownMenuContent = React41__namespace.forwardRef(
   }
 );
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = React41__namespace.forwardRef(
+var DropdownMenuItem = React42__namespace.forwardRef(
   ({ className, disabled, onSelect, onClick, children, ...props }, ref) => {
     const { onOpenChange } = useDropdownMenuContext();
     const handleClick = (e) => {
@@ -3551,7 +3870,7 @@ var DropdownMenuItem = React41__namespace.forwardRef(
         onOpenChange(false);
       }
     };
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         ref,
@@ -3569,9 +3888,9 @@ var DropdownMenuItem = React41__namespace.forwardRef(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = React41__namespace.forwardRef(
+var DropdownMenuSeparator = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
-    return React41__namespace.createElement("div", {
+    return React42__namespace.createElement("div", {
       ref,
       role: "separator",
       className: cn("-mx-1 my-1 h-px bg-muted", className),
@@ -3580,9 +3899,9 @@ var DropdownMenuSeparator = React41__namespace.forwardRef(
   }
 );
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var DropdownMenuLabel = React41__namespace.forwardRef(
+var DropdownMenuLabel = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
-    return React41__namespace.createElement("div", {
+    return React42__namespace.createElement("div", {
       ref,
       className: cn("px-2 py-1.5 text-sm font-semibold", className),
       ...props
@@ -3694,15 +4013,15 @@ function FeedbackDialog({
   type = "general",
   className
 }) {
-  const [open, setOpen] = React41__namespace.useState(controlledOpen ?? false);
-  const [comment, setComment] = React41__namespace.useState("");
-  const [email, setEmail] = React41__namespace.useState("");
-  const [honeypot, setHoneypot] = React41__namespace.useState("");
-  const [isSubmitting, setIsSubmitting] = React41__namespace.useState(false);
-  const [isSubmitted, setIsSubmitted] = React41__namespace.useState(false);
+  const [open, setOpen] = React42__namespace.useState(controlledOpen ?? false);
+  const [comment, setComment] = React42__namespace.useState("");
+  const [email, setEmail] = React42__namespace.useState("");
+  const [honeypot, setHoneypot] = React42__namespace.useState("");
+  const [isSubmitting, setIsSubmitting] = React42__namespace.useState(false);
+  const [isSubmitted, setIsSubmitted] = React42__namespace.useState(false);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : open;
-  const handleOpenChange = React41__namespace.useCallback(
+  const handleOpenChange = React42__namespace.useCallback(
     (next) => {
       if (!isControlled) {
         setOpen(next);
@@ -3711,11 +4030,11 @@ function FeedbackDialog({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React41__namespace.useRef(null);
+  const apiRef = React42__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createFeedbackDialog({ open: isOpen, onOpenChange: handleOpenChange, onSubmit, type });
   }
-  const handleSubmit = React41__namespace.useCallback(async () => {
+  const handleSubmit = React42__namespace.useCallback(async () => {
     if (honeypot) return;
     if (!comment.trim()) return;
     setIsSubmitting(true);
@@ -3732,7 +4051,7 @@ function FeedbackDialog({
       setIsSubmitting(false);
     }
   }, [comment, email, honeypot, type, onSubmit]);
-  const handleReset = React41__namespace.useCallback(() => {
+  const handleReset = React42__namespace.useCallback(() => {
     setComment("");
     setEmail("");
     setHoneypot("");
@@ -3742,15 +4061,15 @@ function FeedbackDialog({
   if (!isOpen) return null;
   const api = apiRef.current;
   if (isSubmitted) {
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         className: cn(feedbackDialogVariants({ type }), className),
         ...api.ariaProps,
         "data-state": "submitted"
       },
-      React41__namespace.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
-      React41__namespace.createElement(
+      React42__namespace.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
+      React42__namespace.createElement(
         "button",
         {
           type: "button",
@@ -3763,22 +4082,22 @@ function FeedbackDialog({
       )
     );
   }
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     {
       className: cn(feedbackDialogVariants({ type }), className),
       ...api.ariaProps,
       "data-state": "open"
     },
-    React41__namespace.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
-    React41__namespace.createElement("textarea", {
+    React42__namespace.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
+    React42__namespace.createElement("textarea", {
       "aria-label": "Feedback comment",
       value: comment,
       onChange: (e) => setComment(e.target.value),
       placeholder: "Your feedback...",
       disabled: isSubmitting
     }),
-    React41__namespace.createElement("input", {
+    React42__namespace.createElement("input", {
       type: "email",
       "aria-label": "Email",
       value: email,
@@ -3787,7 +4106,7 @@ function FeedbackDialog({
       disabled: isSubmitting
     }),
     // Honeypot field — hidden from real users
-    React41__namespace.createElement("input", {
+    React42__namespace.createElement("input", {
       type: "text",
       "aria-hidden": true,
       tabIndex: -1,
@@ -3797,7 +4116,7 @@ function FeedbackDialog({
       autoComplete: "off",
       name: "website"
     }),
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "button",
       {
         type: "button",
@@ -3809,9 +4128,9 @@ function FeedbackDialog({
   );
 }
 FeedbackDialog.displayName = "FeedbackDialog";
-var FeedbackButton = React41__namespace.forwardRef(
+var FeedbackButton = React42__namespace.forwardRef(
   ({ children, ...props }, ref) => {
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "button",
       {
         ref,
@@ -3838,7 +4157,7 @@ function createFooter(props = {}) {
 var footerVariants = cva({
   base: "border-t bg-background py-8"
 });
-var Footer = React41__namespace.forwardRef(
+var Footer = React42__namespace.forwardRef(
   ({
     copyright,
     socialLinks = [],
@@ -3976,34 +4295,34 @@ function InlineEditor({
   onCancel,
   className
 }) {
-  const [isEditing, setIsEditing] = React41__namespace.useState(false);
-  const [editValue, setEditValue] = React41__namespace.useState(initialValue);
-  const apiRef = React41__namespace.useRef(null);
+  const [isEditing, setIsEditing] = React42__namespace.useState(false);
+  const [editValue, setEditValue] = React42__namespace.useState(initialValue);
+  const apiRef = React42__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createInlineEditor({ value: initialValue, onSave, onCancel });
   }
   const api = apiRef.current;
-  const handleStartEditing = React41__namespace.useCallback(() => {
+  const handleStartEditing = React42__namespace.useCallback(() => {
     setIsEditing(true);
     setEditValue(initialValue);
   }, [initialValue]);
-  const handleCancel = React41__namespace.useCallback(() => {
+  const handleCancel = React42__namespace.useCallback(() => {
     setIsEditing(false);
     setEditValue(initialValue);
     onCancel?.();
   }, [initialValue, onCancel]);
-  const handleSave = React41__namespace.useCallback(() => {
+  const handleSave = React42__namespace.useCallback(() => {
     setIsEditing(false);
     onSave?.(editValue);
   }, [editValue, onSave]);
-  const handleInsert = React41__namespace.useCallback(
+  const handleInsert = React42__namespace.useCallback(
     (syntax) => {
       setEditValue((prev) => prev + syntax);
     },
     []
   );
   if (!isEditing) {
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         className: cn(editorVariants({ state: "viewing" }), className),
@@ -4018,20 +4337,20 @@ function InlineEditor({
           }
         }
       },
-      React41__namespace.createElement("div", { className: previewVariants() }, editValue || initialValue)
+      React42__namespace.createElement("div", { className: previewVariants() }, editValue || initialValue)
     );
   }
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     {
       className: cn(editorVariants({ state: "editing" }), className)
     },
     // Toolbar
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       { className: toolbarVariants(), role: "toolbar", "aria-label": "Formatting toolbar" },
       ...api.toolbarActions.map(
-        (action) => React41__namespace.createElement(
+        (action) => React42__namespace.createElement(
           "button",
           {
             key: action.name,
@@ -4045,16 +4364,16 @@ function InlineEditor({
       )
     ),
     // Editor area: side-by-side textarea + preview
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       { className: "flex gap-2 p-2" },
-      React41__namespace.createElement("textarea", {
+      React42__namespace.createElement("textarea", {
         value: editValue,
         onChange: (e) => setEditValue(e.target.value),
         className: "flex-1 min-h-[100px] resize-y border rounded p-2",
         "aria-label": "Editor content"
       }),
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "div",
         {
           className: cn("flex-1", previewVariants()),
@@ -4064,15 +4383,15 @@ function InlineEditor({
       )
     ),
     // Action buttons
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       { className: "flex justify-end gap-2 p-2 border-t" },
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "button",
         { type: "button", onClick: handleCancel },
         "Cancel"
       ),
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "button",
         { type: "button", onClick: handleSave },
         "Save"
@@ -4128,7 +4447,7 @@ var inputVariants = cva({
     size: "default"
   }
 });
-var Input = React41__namespace.forwardRef(
+var Input = React42__namespace.forwardRef(
   ({ type = "text", size, className, disabled, readOnly, required, "aria-invalid": ariaInvalid, ...props }, ref) => {
     const api = createInput({
       disabled,
@@ -4221,7 +4540,7 @@ var inputGroupButtonVariants = cva({
     orientation: "horizontal"
   }
 });
-var InputGroup = React41__namespace.forwardRef(
+var InputGroup = React42__namespace.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     const api = createInputGroup({
       orientation,
@@ -4243,7 +4562,7 @@ var InputGroup = React41__namespace.forwardRef(
   }
 );
 InputGroup.displayName = "InputGroup";
-var InputGroupAddon = React41__namespace.forwardRef(
+var InputGroupAddon = React42__namespace.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -4257,7 +4576,7 @@ var InputGroupAddon = React41__namespace.forwardRef(
   }
 );
 InputGroupAddon.displayName = "InputGroupAddon";
-var InputGroupText = React41__namespace.forwardRef(
+var InputGroupText = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
@@ -4271,7 +4590,7 @@ var InputGroupText = React41__namespace.forwardRef(
   }
 );
 InputGroupText.displayName = "InputGroupText";
-var InputGroupButton = React41__namespace.forwardRef(
+var InputGroupButton = React42__namespace.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -4337,7 +4656,7 @@ function createLocalStorage() {
     }
   };
 }
-var InstallPrompt = React41__namespace.forwardRef(
+var InstallPrompt = React42__namespace.forwardRef(
   ({
     delay = 3e3,
     storageKey,
@@ -4347,14 +4666,14 @@ var InstallPrompt = React41__namespace.forwardRef(
     className,
     ...props
   }, ref) => {
-    const storageRef = React41__namespace.useRef(void 0);
+    const storageRef = React42__namespace.useRef(void 0);
     if (typeof window !== "undefined" && !storageRef.current) {
       storageRef.current = createLocalStorage();
     }
     const api = createInstallPrompt({ storageKey }, storageRef.current);
-    const [visible, setVisible] = React41__namespace.useState(false);
-    const promptEventRef = React41__namespace.useRef(null);
-    React41__namespace.useEffect(() => {
+    const [visible, setVisible] = React42__namespace.useState(false);
+    const promptEventRef = React42__namespace.useRef(null);
+    React42__namespace.useEffect(() => {
       if (api.state.isDismissed) return;
       const handleBeforeInstall = (e) => {
         e.preventDefault();
@@ -4595,7 +4914,7 @@ function sanitizeHtml(html) {
   sanitized = sanitized.replace(/(href|src)\s*=\s*["']?\s*javascript\s*:[^"'>]*/gi, '$1=""');
   return sanitized;
 }
-var MarkdownRenderer = React41__namespace.forwardRef(
+var MarkdownRenderer = React42__namespace.forwardRef(
   ({ content, components, linkResolver, className, size }, ref) => {
     const coreProps = { content, components, linkResolver };
     const api = createMarkdownRenderer(coreProps);
@@ -4684,20 +5003,20 @@ var mobileNavLinkVariants = cva({
   base: "block w-full px-4 py-2 text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2",
   variants: {}
 });
-var MobileNavContext = React41__namespace.createContext(null);
+var MobileNavContext = React42__namespace.createContext(null);
 function useMobileNavContext() {
-  const ctx = React41__namespace.useContext(MobileNavContext);
+  const ctx = React42__namespace.useContext(MobileNavContext);
   if (!ctx) {
     throw new Error("MobileNav compound components must be used within <MobileNav>");
   }
   return ctx;
 }
-var MobileNav = React41__namespace.forwardRef(
+var MobileNav = React42__namespace.forwardRef(
   ({ open: controlledOpen, onOpenChange, defaultOpen = false, className, children, ...props }, ref) => {
-    const [uncontrolledOpen, setUncontrolledOpen] = React41__namespace.useState(defaultOpen);
+    const [uncontrolledOpen, setUncontrolledOpen] = React42__namespace.useState(defaultOpen);
     const isControlled = controlledOpen !== void 0;
     const open = isControlled ? controlledOpen : uncontrolledOpen;
-    const setOpen = React41__namespace.useCallback(
+    const setOpen = React42__namespace.useCallback(
       (value) => {
         if (!isControlled) {
           setUncontrolledOpen(value);
@@ -4707,11 +5026,11 @@ var MobileNav = React41__namespace.forwardRef(
       [isControlled, onOpenChange]
     );
     const api = createMobileNav({ open, onOpenChange: setOpen, id: props.id });
-    const handleKeyDown = React41__namespace.useMemo(
+    const handleKeyDown = React42__namespace.useMemo(
       () => createKeyboardHandler(api.keyboardHandlers),
       [open]
     );
-    const contextValue = React41__namespace.useMemo(
+    const contextValue = React42__namespace.useMemo(
       () => ({ open, setOpen, contentId: api.contentProps.id }),
       [open, setOpen, api.contentProps.id]
     );
@@ -4728,7 +5047,7 @@ var MobileNav = React41__namespace.forwardRef(
   }
 );
 MobileNav.displayName = "MobileNav";
-var MobileNavTrigger = React41__namespace.forwardRef(
+var MobileNavTrigger = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { open, setOpen, contentId } = useMobileNavContext();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4769,7 +5088,7 @@ var MobileNavTrigger = React41__namespace.forwardRef(
   }
 );
 MobileNavTrigger.displayName = "MobileNavTrigger";
-var MobileNavContent = React41__namespace.forwardRef(
+var MobileNavContent = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { open, contentId } = useMobileNavContext();
     const state = open ? "open" : "closed";
@@ -4788,7 +5107,7 @@ var MobileNavContent = React41__namespace.forwardRef(
   }
 );
 MobileNavContent.displayName = "MobileNavContent";
-var MobileNavLink = React41__namespace.forwardRef(
+var MobileNavLink = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "a",
@@ -4847,7 +5166,7 @@ var navLinkVariants = cva({
     active: "false"
   }
 });
-var Navbar = React41__namespace.forwardRef(
+var Navbar = React42__namespace.forwardRef(
   ({
     links = [],
     currentPath,
@@ -4942,19 +5261,19 @@ var popoverContentVariants = cva({
     side: "bottom"
   }
 });
-var PopoverContext = React41__namespace.createContext(null);
+var PopoverContext = React42__namespace.createContext(null);
 function usePopoverContext() {
-  const ctx = React41__namespace.useContext(PopoverContext);
+  const ctx = React42__namespace.useContext(PopoverContext);
   if (!ctx) {
     throw new Error("Popover compound components must be used within <Popover>");
   }
   return ctx;
 }
 function Popover({ open: controlledOpen, defaultOpen = false, onOpenChange, placement, children }) {
-  const [internalOpen, setInternalOpen] = React41__namespace.useState(controlledOpen ?? defaultOpen);
+  const [internalOpen, setInternalOpen] = React42__namespace.useState(controlledOpen ?? defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
-  const handleOpenChange = React41__namespace.useCallback(
+  const handleOpenChange = React42__namespace.useCallback(
     (value) => {
       if (!isControlled) {
         setInternalOpen(value);
@@ -4963,18 +5282,18 @@ function Popover({ open: controlledOpen, defaultOpen = false, onOpenChange, plac
     },
     [isControlled, onOpenChange]
   );
-  const api = React41__namespace.useMemo(
+  const api = React42__namespace.useMemo(
     () => createPopover({ open: isOpen, onOpenChange: handleOpenChange, placement }),
     [isOpen, handleOpenChange, placement]
   );
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({ api, open: isOpen, setOpen: handleOpenChange }),
     [api, isOpen, handleOpenChange]
   );
-  return React41__namespace.createElement(PopoverContext.Provider, { value: ctx }, children);
+  return React42__namespace.createElement(PopoverContext.Provider, { value: ctx }, children);
 }
 Popover.displayName = "Popover";
-var PopoverTrigger = React41__namespace.forwardRef(
+var PopoverTrigger = React42__namespace.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { api, setOpen, open } = usePopoverContext();
     const handleClick = (e) => {
@@ -4997,7 +5316,7 @@ var PopoverTrigger = React41__namespace.forwardRef(
   }
 );
 PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverContent = React41__namespace.forwardRef(
+var PopoverContent = React42__namespace.forwardRef(
   ({ side, className, children, onKeyDown, ...props }, ref) => {
     const { api, open, setOpen } = usePopoverContext();
     const handleKeyDown = (e) => {
@@ -5026,7 +5345,7 @@ var PopoverContent = React41__namespace.forwardRef(
   }
 );
 PopoverContent.displayName = "PopoverContent";
-var PopoverClose = React41__namespace.forwardRef(
+var PopoverClose = React42__namespace.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { setOpen } = usePopoverContext();
     const handleClick = (e) => {
@@ -5147,9 +5466,9 @@ var searchResultVariants = cva({
 });
 
 // ../react-search-bar/dist/index.js
-var SearchBarContext = React41__namespace.createContext(null);
+var SearchBarContext = React42__namespace.createContext(null);
 function useSearchBarContext() {
-  const ctx = React41__namespace.useContext(SearchBarContext);
+  const ctx = React42__namespace.useContext(SearchBarContext);
   if (!ctx) {
     throw new Error("SearchBar compound components must be used within <SearchBar>");
   }
@@ -5167,11 +5486,11 @@ function SearchBar({
   children,
   ...inputProps
 }) {
-  const [internalValue, setInternalValue] = React41__namespace.useState(controlledValue ?? defaultValue);
+  const [internalValue, setInternalValue] = React42__namespace.useState(controlledValue ?? defaultValue);
   const isControlled = controlledValue !== void 0;
   const currentValue = isControlled ? controlledValue : internalValue;
-  const debounceRef = React41__namespace.useRef(void 0);
-  const handleValueChange = React41__namespace.useCallback(
+  const debounceRef = React42__namespace.useRef(void 0);
+  const handleValueChange = React42__namespace.useCallback(
     (val) => {
       if (!isControlled) {
         setInternalValue(val);
@@ -5180,8 +5499,8 @@ function SearchBar({
     },
     [isControlled, onValueChange]
   );
-  const [isSearching, setIsSearching] = React41__namespace.useState(loading);
-  const handleSearch = React41__namespace.useCallback(
+  const [isSearching, setIsSearching] = React42__namespace.useState(loading);
+  const handleSearch = React42__namespace.useCallback(
     (val) => {
       if (debounceRef.current !== void 0) {
         clearTimeout(debounceRef.current);
@@ -5198,7 +5517,7 @@ function SearchBar({
     },
     [onSearch, debounceMs]
   );
-  const handleChange = React41__namespace.useCallback(
+  const handleChange = React42__namespace.useCallback(
     (e) => {
       const val = e.target.value;
       handleValueChange(val);
@@ -5206,14 +5525,14 @@ function SearchBar({
     },
     [handleValueChange, handleSearch]
   );
-  const clear = React41__namespace.useCallback(() => {
+  const clear = React42__namespace.useCallback(() => {
     if (debounceRef.current !== void 0) {
       clearTimeout(debounceRef.current);
     }
     handleValueChange("");
     setIsSearching(false);
   }, [handleValueChange]);
-  const api = React41__namespace.useMemo(
+  const api = React42__namespace.useMemo(
     () => createSearchBar({
       value: currentValue,
       onValueChange: handleValueChange,
@@ -5224,7 +5543,7 @@ function SearchBar({
     }),
     [currentValue, handleValueChange, onSearch, debounceMs, placeholder, loading]
   );
-  const handleKeyDown = React41__namespace.useCallback(
+  const handleKeyDown = React42__namespace.useCallback(
     (e) => {
       if (e.key === "Escape") {
         clear();
@@ -5238,18 +5557,18 @@ function SearchBar({
     },
     [clear, onSearch, currentValue]
   );
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({ api, value: currentValue, isSearching, setValue: handleValueChange, clear }),
     [api, currentValue, isSearching, handleValueChange, clear]
   );
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     SearchBarContext.Provider,
     { value: ctx },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       { className: cn(searchBarVariants(), className) },
-      React41__namespace.createElement("span", { className: "rfr-search-icon", "aria-hidden": "true" }, "\u{1F50D}"),
-      React41__namespace.createElement("input", {
+      React42__namespace.createElement("span", { className: "rfr-search-icon", "aria-hidden": "true" }, "\u{1F50D}"),
+      React42__namespace.createElement("input", {
         ...inputProps,
         role: api.inputProps.role,
         "aria-expanded": api.inputProps["aria-expanded"],
@@ -5261,8 +5580,8 @@ function SearchBar({
         onKeyDown: handleKeyDown,
         className: "rfr-search-input flex-1 bg-transparent outline-none"
       }),
-      isSearching && React41__namespace.createElement("span", { className: "rfr-search-spinner", "aria-label": "Loading" }, "\u23F3"),
-      currentValue.length > 0 && !isSearching && React41__namespace.createElement(
+      isSearching && React42__namespace.createElement("span", { className: "rfr-search-spinner", "aria-label": "Loading" }, "\u23F3"),
+      currentValue.length > 0 && !isSearching && React42__namespace.createElement(
         "button",
         {
           type: "button",
@@ -5277,11 +5596,11 @@ function SearchBar({
   );
 }
 SearchBar.displayName = "SearchBar";
-var SearchResults = React41__namespace.forwardRef(
+var SearchResults = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { api, value } = useSearchBarContext();
     if (value.length === 0) return null;
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "ul",
       {
         ref,
@@ -5295,9 +5614,9 @@ var SearchResults = React41__namespace.forwardRef(
   }
 );
 SearchResults.displayName = "SearchResults";
-var SearchResultItem = React41__namespace.forwardRef(
+var SearchResultItem = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "li",
       {
         ref,
@@ -5358,7 +5677,7 @@ var sidebarItemVariants = cva({
     active: "false"
   }
 });
-var Sidebar = React41__namespace.forwardRef(
+var Sidebar = React42__namespace.forwardRef(
   ({
     sections = [],
     currentPath,
@@ -5428,7 +5747,7 @@ var skeletonVariants = cva({
 });
 
 // ../react-skeleton/dist/index.js
-var Skeleton = React41__namespace.forwardRef(
+var Skeleton = React42__namespace.forwardRef(
   ({ shape, width, height, animate, className, style, ...props }, ref) => {
     const api = createSkeleton({ shape, animate });
     const classes = cn(skeletonVariants({ shape }), className);
@@ -5437,7 +5756,7 @@ var Skeleton = React41__namespace.forwardRef(
       ...width !== void 0 ? { width } : {},
       ...height !== void 0 ? { height } : {}
     };
-    return React41__namespace.createElement("div", {
+    return React42__namespace.createElement("div", {
       ref,
       className: classes,
       style: Object.keys(mergedStyle).length > 0 ? mergedStyle : void 0,
@@ -5449,13 +5768,13 @@ var Skeleton = React41__namespace.forwardRef(
 );
 Skeleton.displayName = "Skeleton";
 var lineWidths = ["100%", "92%", "85%", "96%", "78%", "88%", "94%", "82%"];
-var SkeletonText = React41__namespace.forwardRef(
+var SkeletonText = React42__namespace.forwardRef(
   ({ lines = 3, animate, className, ...props }, ref) => {
     const children = [];
     for (let i = 0; i < lines; i++) {
       const width = lineWidths[i % lineWidths.length];
       children.push(
-        React41__namespace.createElement(Skeleton, {
+        React42__namespace.createElement(Skeleton, {
           key: i,
           shape: "text",
           width,
@@ -5463,7 +5782,7 @@ var SkeletonText = React41__namespace.forwardRef(
         })
       );
     }
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         ref,
@@ -5571,9 +5890,9 @@ var tabsTriggerVariants = cva({
 });
 
 // ../react-tabs/dist/index.js
-var TabsContext = React41__namespace.createContext(null);
+var TabsContext = React42__namespace.createContext(null);
 function useTabsContext() {
-  const ctx = React41__namespace.useContext(TabsContext);
+  const ctx = React42__namespace.useContext(TabsContext);
   if (!ctx) {
     throw new Error("Tabs compound components must be used within <Tabs>");
   }
@@ -5587,10 +5906,10 @@ function Tabs({
   className,
   children
 }) {
-  const [uncontrolledValue, setUncontrolledValue] = React41__namespace.useState(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = React42__namespace.useState(defaultValue);
   const isControlled = controlledValue !== void 0;
   const value = isControlled ? controlledValue : uncontrolledValue;
-  const handleValueChange = React41__namespace.useCallback(
+  const handleValueChange = React42__namespace.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledValue(next);
@@ -5599,12 +5918,12 @@ function Tabs({
     },
     [isControlled, onValueChange]
   );
-  const apiRef = React41__namespace.useRef(null);
+  const apiRef = React42__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createTabs({ value, orientation });
   }
   const api = apiRef.current;
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({
       value,
       onValueChange: handleValueChange,
@@ -5613,17 +5932,17 @@ function Tabs({
     }),
     [value, handleValueChange, orientation, api.idPrefix]
   );
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     { className, "data-orientation": orientation },
-    React41__namespace.createElement(TabsContext.Provider, { value: ctx }, children)
+    React42__namespace.createElement(TabsContext.Provider, { value: ctx }, children)
   );
 }
 Tabs.displayName = "Tabs";
-var TabsList = React41__namespace.forwardRef(
+var TabsList = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useTabsContext();
-    return React41__namespace.createElement("div", {
+    return React42__namespace.createElement("div", {
       ref,
       role: "tablist",
       "aria-orientation": orientation,
@@ -5633,7 +5952,7 @@ var TabsList = React41__namespace.forwardRef(
   }
 );
 TabsList.displayName = "TabsList";
-var TabsTrigger = React41__namespace.forwardRef(
+var TabsTrigger = React42__namespace.forwardRef(
   ({ value, className, onClick, onKeyDown, children, ...props }, ref) => {
     const { value: activeValue, onValueChange, orientation, idPrefix } = useTabsContext();
     const isSelected = activeValue === value;
@@ -5646,7 +5965,7 @@ var TabsTrigger = React41__namespace.forwardRef(
     const handleKeyDown = (e) => {
       onKeyDown?.(e);
     };
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "button",
       {
         ref,
@@ -5667,14 +5986,14 @@ var TabsTrigger = React41__namespace.forwardRef(
   }
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React41__namespace.forwardRef(
+var TabsContent = React42__namespace.forwardRef(
   ({ value, className, children, ...props }, ref) => {
     const { value: activeValue, idPrefix } = useTabsContext();
     const isSelected = activeValue === value;
     const tabId = `${idPrefix}-tab-${value}`;
     const panelId = `${idPrefix}-panel-${value}`;
     if (!isSelected) return null;
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         ref,
@@ -5738,7 +6057,7 @@ var textareaVariants = cva({
     size: "default"
   }
 });
-var Textarea = React41__namespace.forwardRef(
+var Textarea = React42__namespace.forwardRef(
   ({ size, className, disabled, readOnly, required, rows, maxRows, "aria-invalid": ariaInvalid, ...props }, ref) => {
     const api = createTextarea({
       disabled,
@@ -5895,30 +6214,30 @@ var toastVariants = cva({
 });
 
 // ../react-toast/dist/index.js
-var ToastContext = React41__namespace.createContext(null);
+var ToastContext = React42__namespace.createContext(null);
 function useToastContext() {
-  const ctx = React41__namespace.useContext(ToastContext);
+  const ctx = React42__namespace.useContext(ToastContext);
   if (!ctx) {
     throw new Error("useToast must be used within a <ToastProvider>");
   }
   return ctx;
 }
 function ToastProvider({ children }) {
-  const managerRef = React41__namespace.useRef(null);
+  const managerRef = React42__namespace.useRef(null);
   if (managerRef.current === null) {
     managerRef.current = createToastManager();
   }
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({ manager: managerRef.current }),
     []
   );
-  return React41__namespace.createElement(ToastContext.Provider, { value: ctx }, children);
+  return React42__namespace.createElement(ToastContext.Provider, { value: ctx }, children);
 }
 ToastProvider.displayName = "ToastProvider";
 function useToast() {
   const { manager } = useToastContext();
-  const [toasts, setToasts] = React41__namespace.useState(manager.toasts);
-  React41__namespace.useEffect(() => {
+  const [toasts, setToasts] = React42__namespace.useState(manager.toasts);
+  React42__namespace.useEffect(() => {
     setToasts(manager.toasts);
     const unsub = manager.subscribe(setToasts);
     return unsub;
@@ -5929,13 +6248,13 @@ function useToast() {
     toasts
   };
 }
-var Toast = React41__namespace.forwardRef(
+var Toast = React42__namespace.forwardRef(
   ({ entry, onDismiss, className, children, onMouseEnter, onMouseLeave, ...props }, ref) => {
-    const api = React41__namespace.useMemo(
+    const api = React42__namespace.useMemo(
       () => createToast({ variant: entry.variant, duration: entry.duration }),
       [entry.variant, entry.duration]
     );
-    React41__namespace.useEffect(() => {
+    React42__namespace.useEffect(() => {
       api.startTimer();
       return () => api.pauseTimer();
     }, [api]);
@@ -5947,7 +6266,7 @@ var Toast = React41__namespace.forwardRef(
       api.resumeTimer();
       onMouseLeave?.(e);
     };
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         ref,
@@ -5957,9 +6276,9 @@ var Toast = React41__namespace.forwardRef(
         onMouseLeave: handleMouseLeave,
         ...props
       },
-      React41__namespace.createElement("div", { className: "flex-1" }, entry.message),
+      React42__namespace.createElement("div", { className: "flex-1" }, entry.message),
       children,
-      onDismiss && React41__namespace.createElement(
+      onDismiss && React42__namespace.createElement(
         "button",
         {
           type: "button",
@@ -5973,10 +6292,10 @@ var Toast = React41__namespace.forwardRef(
   }
 );
 Toast.displayName = "Toast";
-var Toaster = React41__namespace.forwardRef(
+var Toaster = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const { toasts, dismiss } = useToast();
-    return React41__namespace.createElement(
+    return React42__namespace.createElement(
       "div",
       {
         ref,
@@ -5987,7 +6306,7 @@ var Toaster = React41__namespace.forwardRef(
         ...props
       },
       toasts.map(
-        (entry) => React41__namespace.createElement(Toast, {
+        (entry) => React42__namespace.createElement(Toast, {
           key: entry.id,
           entry,
           onDismiss: dismiss
@@ -6074,9 +6393,9 @@ var tooltipContentVariants = cva({
     side: "top"
   }
 });
-var TooltipContext = React41__namespace.createContext(null);
+var TooltipContext = React42__namespace.createContext(null);
 function useTooltipContext() {
-  const ctx = React41__namespace.useContext(TooltipContext);
+  const ctx = React42__namespace.useContext(TooltipContext);
   if (!ctx) {
     throw new Error("Tooltip compound components must be used within <Tooltip>");
   }
@@ -6090,11 +6409,11 @@ function Tooltip({
   delayDuration = 300,
   children
 }) {
-  const [internalOpen, setInternalOpen] = React41__namespace.useState(controlledOpen ?? defaultOpen);
+  const [internalOpen, setInternalOpen] = React42__namespace.useState(controlledOpen ?? defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
-  const timerRef = React41__namespace.useRef(null);
-  const handleOpenChange = React41__namespace.useCallback(
+  const timerRef = React42__namespace.useRef(null);
+  const handleOpenChange = React42__namespace.useCallback(
     (value) => {
       if (!isControlled) {
         setInternalOpen(value);
@@ -6103,17 +6422,17 @@ function Tooltip({
     },
     [isControlled, onOpenChange]
   );
-  const api = React41__namespace.useMemo(
+  const api = React42__namespace.useMemo(
     () => createTooltip({ open: isOpen, onOpenChange: handleOpenChange, placement, delayDuration }),
     [isOpen, handleOpenChange, placement, delayDuration]
   );
-  const cancelDelay = React41__namespace.useCallback(() => {
+  const cancelDelay = React42__namespace.useCallback(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const openWithDelay = React41__namespace.useCallback(() => {
+  const openWithDelay = React42__namespace.useCallback(() => {
     cancelDelay();
     if (delayDuration <= 0) {
       handleOpenChange(true);
@@ -6124,21 +6443,21 @@ function Tooltip({
       timerRef.current = null;
     }, delayDuration);
   }, [cancelDelay, delayDuration, handleOpenChange]);
-  React41__namespace.useEffect(() => {
+  React42__namespace.useEffect(() => {
     return () => {
       if (timerRef.current !== null) {
         clearTimeout(timerRef.current);
       }
     };
   }, []);
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({ api, open: isOpen, setOpen: handleOpenChange, openWithDelay, cancelDelay }),
     [api, isOpen, handleOpenChange, openWithDelay, cancelDelay]
   );
-  return React41__namespace.createElement(TooltipContext.Provider, { value: ctx }, children);
+  return React42__namespace.createElement(TooltipContext.Provider, { value: ctx }, children);
 }
 Tooltip.displayName = "Tooltip";
-var TooltipTrigger = React41__namespace.forwardRef(
+var TooltipTrigger = React42__namespace.forwardRef(
   ({ onMouseEnter, onMouseLeave, onFocus, onBlur, children, ...props }, ref) => {
     const { api, setOpen, openWithDelay, cancelDelay } = useTooltipContext();
     const handleMouseEnter = (e) => {
@@ -6175,7 +6494,7 @@ var TooltipTrigger = React41__namespace.forwardRef(
   }
 );
 TooltipTrigger.displayName = "TooltipTrigger";
-var TooltipContent = React41__namespace.forwardRef(
+var TooltipContent = React42__namespace.forwardRef(
   ({ side, className, children, ...props }, ref) => {
     const { api, open } = useTooltipContext();
     if (!open) return null;
@@ -6295,7 +6614,7 @@ var overlayVariants = cva({
     visibility: "visible"
   }
 });
-var VideoPlayer = React41__namespace.forwardRef(
+var VideoPlayer = React42__namespace.forwardRef(
   ({
     src,
     poster,
@@ -6305,9 +6624,9 @@ var VideoPlayer = React41__namespace.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [, setTick] = React41__namespace.useState(0);
-    const rerender = React41__namespace.useCallback(() => setTick((t) => t + 1), []);
-    const apiRef = React41__namespace.useRef(
+    const [, setTick] = React42__namespace.useState(0);
+    const rerender = React42__namespace.useCallback(() => setTick((t) => t + 1), []);
+    const apiRef = React42__namespace.useRef(
       createVideoPlayer({ muted: initialMuted})
     );
     const api = apiRef.current;
@@ -6474,7 +6793,7 @@ var progressBarVariants = cva({
     size: "md"
   }
 });
-var StatsGrid = React41__namespace.forwardRef(
+var StatsGrid = React42__namespace.forwardRef(
   ({ stats, badges = [], className, ...props }, ref) => {
     const api = createProgressDisplay({ stats, badges });
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6503,7 +6822,7 @@ var StatsGrid = React41__namespace.forwardRef(
   }
 );
 StatsGrid.displayName = "StatsGrid";
-var ProgressBar = React41__namespace.forwardRef(
+var ProgressBar = React42__namespace.forwardRef(
   ({ value, max = 100, size, className, ...props }, ref) => {
     const percent = Math.min(100, Math.max(0, value / max * 100));
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6528,7 +6847,7 @@ var ProgressBar = React41__namespace.forwardRef(
   }
 );
 ProgressBar.displayName = "ProgressBar";
-var BadgeDisplay = React41__namespace.forwardRef(
+var BadgeDisplay = React42__namespace.forwardRef(
   ({ badges, className, ...props }, ref) => {
     const api = createProgressDisplay({ stats: [], badges });
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6696,7 +7015,7 @@ var slideTypeBadgeVariants = cva({
     type: "lesson"
   }
 });
-var SlideViewer = React41__namespace.forwardRef(
+var SlideViewer = React42__namespace.forwardRef(
   ({
     slides,
     initialSlide,
@@ -6706,9 +7025,9 @@ var SlideViewer = React41__namespace.forwardRef(
     size,
     renderSlide
   }, ref) => {
-    const [, setTick] = React41__namespace.useState(0);
+    const [, setTick] = React42__namespace.useState(0);
     const rerender = () => setTick((t) => t + 1);
-    const apiRef = React41__namespace.useRef(
+    const apiRef = React42__namespace.useRef(
       createSlideViewer({ slides, initialSlide, onSlideChange, onComplete })
     );
     const api = apiRef.current;
@@ -6910,7 +7229,7 @@ var optionVariants = cva({
 });
 
 // ../react-language-selector/dist/index.js
-var LanguageSelectorContext = React41__namespace.createContext(null);
+var LanguageSelectorContext = React42__namespace.createContext(null);
 function LanguageSelector({
   value: controlledValue,
   onValueChange,
@@ -6920,10 +7239,10 @@ function LanguageSelector({
   className
 }) {
   const initialValues = Array.isArray(controlledValue) ? controlledValue : controlledValue ? [controlledValue] : [];
-  const [selectedValues, setSelectedValues] = React41__namespace.useState(initialValues);
-  const [isOpen, setIsOpen] = React41__namespace.useState(false);
-  const containerRef = React41__namespace.useRef(null);
-  const handleValueChange = React41__namespace.useCallback(
+  const [selectedValues, setSelectedValues] = React42__namespace.useState(initialValues);
+  const [isOpen, setIsOpen] = React42__namespace.useState(false);
+  const containerRef = React42__namespace.useRef(null);
+  const handleValueChange = React42__namespace.useCallback(
     (val) => {
       const arr = Array.isArray(val) ? val : [val];
       setSelectedValues(arr);
@@ -6931,7 +7250,7 @@ function LanguageSelector({
     },
     [onValueChange]
   );
-  const api = React41__namespace.useMemo(
+  const api = React42__namespace.useMemo(
     () => createLanguageSelector({
       value: multiple ? selectedValues : selectedValues[0],
       onValueChange: handleValueChange,
@@ -6939,7 +7258,7 @@ function LanguageSelector({
     }),
     [selectedValues, handleValueChange, options, multiple]
   );
-  const handleToggle = React41__namespace.useCallback(
+  const handleToggle = React42__namespace.useCallback(
     (val) => {
       if (multiple) {
         const index = selectedValues.indexOf(val);
@@ -6954,10 +7273,10 @@ function LanguageSelector({
     },
     [multiple, selectedValues, onValueChange]
   );
-  const handleTriggerClick = React41__namespace.useCallback(() => {
+  const handleTriggerClick = React42__namespace.useCallback(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  const handleKeyDown = React41__namespace.useCallback(
+  const handleKeyDown = React42__namespace.useCallback(
     (e) => {
       if (e.key === "Escape") {
         setIsOpen(false);
@@ -6972,7 +7291,7 @@ function LanguageSelector({
     },
     [isOpen]
   );
-  React41__namespace.useEffect(() => {
+  React42__namespace.useEffect(() => {
     if (!isOpen) return;
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -6982,7 +7301,7 @@ function LanguageSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({
       api,
       isOpen,
@@ -6993,7 +7312,7 @@ function LanguageSelector({
     }),
     [api, isOpen, handleToggle, options, multiple]
   );
-  const grouped = React41__namespace.useMemo(() => {
+  const grouped = React42__namespace.useMemo(() => {
     const groups = /* @__PURE__ */ new Map();
     const ungrouped = [];
     for (const opt of options) {
@@ -7008,14 +7327,14 @@ function LanguageSelector({
     return { groups, ungrouped };
   }, [options]);
   const displayLabel = selectedValues.length > 0 ? options.filter((o) => selectedValues.includes(o.value)).map((o) => o.label).join(", ") : placeholder;
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     LanguageSelectorContext.Provider,
     { value: ctx },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       { ref: containerRef, className: cn("rfr-language-selector relative inline-block", className) },
       // Trigger
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "button",
         {
           type: "button",
@@ -7027,11 +7346,11 @@ function LanguageSelector({
           onClick: handleTriggerClick,
           onKeyDown: handleKeyDown
         },
-        React41__namespace.createElement("span", null, displayLabel),
-        React41__namespace.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
+        React42__namespace.createElement("span", null, displayLabel),
+        React42__namespace.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
       ),
       // Dropdown
-      isOpen && React41__namespace.createElement(
+      isOpen && React42__namespace.createElement(
         "ul",
         {
           role: api.contentProps.role,
@@ -7040,21 +7359,21 @@ function LanguageSelector({
           className: "absolute top-full left-0 w-full mt-1 rounded-md border bg-popover text-popover-foreground shadow-md z-50 overflow-auto max-h-60"
         },
         ...[...grouped.groups.entries()].map(
-          ([group, opts]) => React41__namespace.createElement(
+          ([group, opts]) => React42__namespace.createElement(
             "li",
             { key: group, role: "presentation" },
-            React41__namespace.createElement(
+            React42__namespace.createElement(
               "div",
               { className: "px-3 py-1 text-xs font-semibold text-muted-foreground uppercase" },
               group
             ),
-            React41__namespace.createElement(
+            React42__namespace.createElement(
               "ul",
               { role: "group", "aria-label": group },
               ...opts.map((opt) => {
                 const optProps = api.getOptionProps(opt.value);
                 const isSelected = selectedValues.includes(opt.value);
-                return React41__namespace.createElement(
+                return React42__namespace.createElement(
                   "li",
                   {
                     key: opt.value,
@@ -7062,8 +7381,8 @@ function LanguageSelector({
                     className: optionVariants({ selected: isSelected ? "true" : "false" }),
                     onClick: () => handleToggle(opt.value)
                   },
-                  isSelected && React41__namespace.createElement("span", { "aria-hidden": "true" }, "\u2713"),
-                  React41__namespace.createElement("span", null, opt.label)
+                  isSelected && React42__namespace.createElement("span", { "aria-hidden": "true" }, "\u2713"),
+                  React42__namespace.createElement("span", null, opt.label)
                 );
               })
             )
@@ -7072,7 +7391,7 @@ function LanguageSelector({
         ...grouped.ungrouped.map((opt) => {
           const optProps = api.getOptionProps(opt.value);
           const isSelected = selectedValues.includes(opt.value);
-          return React41__namespace.createElement(
+          return React42__namespace.createElement(
             "li",
             {
               key: opt.value,
@@ -7080,8 +7399,8 @@ function LanguageSelector({
               className: optionVariants({ selected: isSelected ? "true" : "false" }),
               onClick: () => handleToggle(opt.value)
             },
-            isSelected && React41__namespace.createElement("span", { "aria-hidden": "true" }, "\u2713"),
-            React41__namespace.createElement("span", null, opt.label)
+            isSelected && React42__namespace.createElement("span", { "aria-hidden": "true" }, "\u2713"),
+            React42__namespace.createElement("span", null, opt.label)
           );
         })
       )
@@ -7206,7 +7525,7 @@ var latestBadgeVariants = cva({
 });
 
 // ../react-version-selector/dist/index.js
-var VersionSelectorContext = React41__namespace.createContext(null);
+var VersionSelectorContext = React42__namespace.createContext(null);
 function VersionSelector({
   value: controlledValue,
   onValueChange,
@@ -7214,17 +7533,17 @@ function VersionSelector({
   placeholder = "Select version...",
   className
 }) {
-  const [selectedVersion, setSelectedVersion] = React41__namespace.useState(controlledValue ?? "");
-  const [isOpen, setIsOpen] = React41__namespace.useState(false);
-  const containerRef = React41__namespace.useRef(null);
-  const handleValueChange = React41__namespace.useCallback(
+  const [selectedVersion, setSelectedVersion] = React42__namespace.useState(controlledValue ?? "");
+  const [isOpen, setIsOpen] = React42__namespace.useState(false);
+  const containerRef = React42__namespace.useRef(null);
+  const handleValueChange = React42__namespace.useCallback(
     (val) => {
       setSelectedVersion(val);
       onValueChange?.(val);
     },
     [onValueChange]
   );
-  const api = React41__namespace.useMemo(
+  const api = React42__namespace.useMemo(
     () => createVersionSelector({
       value: selectedVersion,
       onValueChange: handleValueChange,
@@ -7232,7 +7551,7 @@ function VersionSelector({
     }),
     [selectedVersion, handleValueChange, versions]
   );
-  const handleSelect = React41__namespace.useCallback(
+  const handleSelect = React42__namespace.useCallback(
     (val) => {
       setSelectedVersion(val);
       onValueChange?.(val);
@@ -7240,10 +7559,10 @@ function VersionSelector({
     },
     [onValueChange]
   );
-  const handleTriggerClick = React41__namespace.useCallback(() => {
+  const handleTriggerClick = React42__namespace.useCallback(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  const handleKeyDown = React41__namespace.useCallback(
+  const handleKeyDown = React42__namespace.useCallback(
     (e) => {
       if (e.key === "Escape") {
         setIsOpen(false);
@@ -7258,7 +7577,7 @@ function VersionSelector({
     },
     [isOpen]
   );
-  React41__namespace.useEffect(() => {
+  React42__namespace.useEffect(() => {
     if (!isOpen) return;
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -7268,7 +7587,7 @@ function VersionSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({
       api,
       isOpen,
@@ -7280,14 +7599,14 @@ function VersionSelector({
   );
   const selectedOpt = versions.find((v) => v.value === selectedVersion);
   const displayLabel = selectedOpt ? selectedOpt.label : placeholder;
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     VersionSelectorContext.Provider,
     { value: ctx },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       { ref: containerRef, className: cn("rfr-version-selector relative inline-block", className) },
       // Trigger
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "button",
         {
           type: "button",
@@ -7299,16 +7618,16 @@ function VersionSelector({
           onClick: handleTriggerClick,
           onKeyDown: handleKeyDown
         },
-        React41__namespace.createElement("span", null, displayLabel),
-        selectedOpt?.isLatest && React41__namespace.createElement(
+        React42__namespace.createElement("span", null, displayLabel),
+        selectedOpt?.isLatest && React42__namespace.createElement(
           "span",
           { className: cn(latestBadgeVariants(), "ml-2") },
           "Latest"
         ),
-        React41__namespace.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
+        React42__namespace.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
       ),
       // Dropdown
-      isOpen && React41__namespace.createElement(
+      isOpen && React42__namespace.createElement(
         "ul",
         {
           role: api.contentProps.role,
@@ -7318,7 +7637,7 @@ function VersionSelector({
         ...versions.map((ver) => {
           const optProps = api.getOptionProps(ver.value);
           const isSelected = selectedVersion === ver.value;
-          return React41__namespace.createElement(
+          return React42__namespace.createElement(
             "li",
             {
               key: ver.value,
@@ -7326,8 +7645,8 @@ function VersionSelector({
               className: optionVariants2({ selected: isSelected ? "true" : "false" }),
               onClick: () => handleSelect(ver.value)
             },
-            React41__namespace.createElement("span", null, ver.label),
-            ver.isLatest && React41__namespace.createElement(
+            React42__namespace.createElement("span", null, ver.label),
+            ver.isLatest && React42__namespace.createElement(
               "span",
               { className: latestBadgeVariants() },
               "Latest"
@@ -7470,15 +7789,15 @@ var resizablePaneVariants = cva({
     orientation: "horizontal"
   }
 });
-var ResizableLayoutContext = React41__namespace.createContext(null);
+var ResizableLayoutContext = React42__namespace.createContext(null);
 function useResizableLayoutContext() {
-  const ctx = React41__namespace.useContext(ResizableLayoutContext);
+  const ctx = React42__namespace.useContext(ResizableLayoutContext);
   if (!ctx) {
     throw new Error("Resizable compound components must be used within <ResizableLayout>");
   }
   return ctx;
 }
-var ResizableLayout = React41__namespace.forwardRef(
+var ResizableLayout = React42__namespace.forwardRef(
   ({
     orientation = "horizontal",
     defaultSizes = [50, 50],
@@ -7491,7 +7810,7 @@ var ResizableLayout = React41__namespace.forwardRef(
     children,
     ...props
   }, ref) => {
-    const apiRef = React41__namespace.useRef(null);
+    const apiRef = React42__namespace.useRef(null);
     if (!apiRef.current) {
       apiRef.current = createResizableLayout({
         orientation,
@@ -7502,22 +7821,22 @@ var ResizableLayout = React41__namespace.forwardRef(
       });
     }
     const api = apiRef.current;
-    const [sizes, setSizesState] = React41__namespace.useState(api.sizes);
-    const setSizes = React41__namespace.useCallback(
+    const [sizes, setSizesState] = React42__namespace.useState(api.sizes);
+    const setSizes = React42__namespace.useCallback(
       (newSizes) => {
         setSizesState([...newSizes]);
         onSizesChange?.(newSizes);
       },
       [onSizesChange]
     );
-    const cssVars = React41__namespace.useMemo(() => {
+    const cssVars = React42__namespace.useMemo(() => {
       const vars = {};
       for (let i = 0; i < sizes.length; i++) {
         vars[`--rfr-pane-${i}-size`] = `${sizes[i]}%`;
       }
       return vars;
     }, [sizes]);
-    const contextValue = React41__namespace.useMemo(
+    const contextValue = React42__namespace.useMemo(
       () => ({ api, orientation, sizes, setSizes }),
       [api, orientation, sizes, setSizes]
     );
@@ -7535,7 +7854,7 @@ var ResizableLayout = React41__namespace.forwardRef(
   }
 );
 ResizableLayout.displayName = "ResizableLayout";
-var ResizablePane = React41__namespace.forwardRef(
+var ResizablePane = React42__namespace.forwardRef(
   ({ index, className, style, children, ...props }, ref) => {
     const { orientation, sizes } = useResizableLayoutContext();
     const size = sizes[index] ?? 50;
@@ -7559,12 +7878,12 @@ var ResizablePane = React41__namespace.forwardRef(
   }
 );
 ResizablePane.displayName = "ResizablePane";
-var ResizableDivider = React41__namespace.forwardRef(
+var ResizableDivider = React42__namespace.forwardRef(
   ({ index, className, ...props }, ref) => {
     const { api, orientation, setSizes } = useResizableLayoutContext();
-    const startPosRef = React41__namespace.useRef(0);
-    const containerSizeRef = React41__namespace.useRef(0);
-    const onPointerDown = React41__namespace.useCallback(
+    const startPosRef = React42__namespace.useRef(0);
+    const containerSizeRef = React42__namespace.useRef(0);
+    const onPointerDown = React42__namespace.useCallback(
       (e) => {
         e.preventDefault();
         const target = e.currentTarget;
@@ -7578,7 +7897,7 @@ var ResizableDivider = React41__namespace.forwardRef(
       },
       [api, index, orientation]
     );
-    const onPointerMove = React41__namespace.useCallback(
+    const onPointerMove = React42__namespace.useCallback(
       (e) => {
         if (containerSizeRef.current === 0) return;
         const currentPos = orientation === "horizontal" ? e.clientX : e.clientY;
@@ -7589,7 +7908,7 @@ var ResizableDivider = React41__namespace.forwardRef(
       },
       [api, orientation, setSizes]
     );
-    const onPointerUp = React41__namespace.useCallback(
+    const onPointerUp = React42__namespace.useCallback(
       (e) => {
         e.currentTarget.releasePointerCapture(e.pointerId);
         containerSizeRef.current = 0;
@@ -7842,26 +8161,26 @@ function createAuthShell(config) {
 }
 
 // ../react-app-shell/dist/index.js
-var AppShellContext = React41__namespace.createContext(null);
+var AppShellContext = React42__namespace.createContext(null);
 function useAppShell() {
-  const ctx = React41__namespace.useContext(AppShellContext);
+  const ctx = React42__namespace.useContext(AppShellContext);
   if (!ctx) {
     throw new Error("useAppShell must be used within <AppShell>");
   }
   return ctx;
 }
 function AppShellRoot({ config, children, className }) {
-  const apiRef = React41__namespace.useRef(null);
+  const apiRef = React42__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createAppShell(config);
   }
   const api = apiRef.current;
-  const [state, setState] = React41__namespace.useState(() => api.state);
-  React41__namespace.useEffect(() => {
+  const [state, setState] = React42__namespace.useState(() => api.state);
+  React42__namespace.useEffect(() => {
     setState(api.state);
     return api.subscribe((s) => setState(s));
   }, [api]);
-  React41__namespace.useEffect(() => {
+  React42__namespace.useEffect(() => {
     if (typeof window === "undefined") return;
     const { mobileBreakpoint, tabletBreakpoint } = api.config;
     const mobileQuery = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
@@ -7882,14 +8201,14 @@ function AppShellRoot({ config, children, className }) {
     };
   }, [api]);
   const cssVars = api.getCSSVariables();
-  const ctxValue = React41__namespace.useMemo(
+  const ctxValue = React42__namespace.useMemo(
     () => ({ api, state }),
     [api, state]
   );
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     AppShellContext.Provider,
     { value: ctxValue },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       {
         className: cn("flex h-screen w-full overflow-hidden", className),
@@ -7919,7 +8238,7 @@ function Sidebar2({ children, className }) {
     "w-[var(--shell-sidebar-full-width)]",
     state.sidebarOpen ? "translate-x-0" : isRight ? "translate-x-full" : "-translate-x-full"
   ] : ["relative", "w-[var(--shell-sidebar-width)]"];
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "aside",
     {
       ...api.sidebarAriaProps,
@@ -7932,7 +8251,7 @@ function Sidebar2({ children, className }) {
 }
 Sidebar2.displayName = "AppShell.Sidebar";
 function Main({ children, className }) {
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     {
       className: cn("flex flex-1 flex-col min-w-0 h-full", className)
@@ -7943,7 +8262,7 @@ function Main({ children, className }) {
 Main.displayName = "AppShell.Main";
 function Header({ children, className }) {
   const { api, state } = useAppShell();
-  const hamburger = state.isMobile ? React41__namespace.createElement(
+  const hamburger = state.isMobile ? React42__namespace.createElement(
     "button",
     {
       type: "button",
@@ -7953,7 +8272,7 @@ function Header({ children, className }) {
       onClick: () => api.toggleSidebar(),
       className: "inline-flex items-center justify-center p-2 mr-2"
     },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -7967,12 +8286,12 @@ function Header({ children, className }) {
         strokeLinejoin: "round",
         "aria-hidden": "true"
       },
-      React41__namespace.createElement("line", { x1: 3, y1: 6, x2: 21, y2: 6 }),
-      React41__namespace.createElement("line", { x1: 3, y1: 12, x2: 21, y2: 12 }),
-      React41__namespace.createElement("line", { x1: 3, y1: 18, x2: 21, y2: 18 })
+      React42__namespace.createElement("line", { x1: 3, y1: 6, x2: 21, y2: 6 }),
+      React42__namespace.createElement("line", { x1: 3, y1: 12, x2: 21, y2: 12 }),
+      React42__namespace.createElement("line", { x1: 3, y1: 18, x2: 21, y2: 18 })
     )
   ) : null;
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "header",
     {
       ...api.headerAriaProps,
@@ -7991,7 +8310,7 @@ Header.displayName = "AppShell.Header";
 function Content({ children, className, maxWidth }) {
   const { api } = useAppShell();
   const mwClass = maxWidth ? `max-w-${maxWidth}` : "";
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "main",
     {
       ...api.mainAriaProps,
@@ -8010,7 +8329,7 @@ function MobileNav2({ children, className }) {
   const { api, state } = useAppShell();
   if (!state.isMobile) return null;
   if (api.config.mobileNavPosition === "none") return null;
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "nav",
     {
       ...api.mobileNavAriaProps,
@@ -8029,7 +8348,7 @@ MobileNav2.displayName = "AppShell.MobileNav";
 function Overlay({ className }) {
   const { api, state } = useAppShell();
   if (!state.isMobile || !state.sidebarOpen) return null;
-  return React41__namespace.createElement("div", {
+  return React42__namespace.createElement("div", {
     ...api.overlayAriaProps,
     className: cn(
       "fixed inset-0 z-30 bg-black/50 transition-opacity",
@@ -8048,29 +8367,29 @@ var AppShell = Object.assign(AppShellRoot, {
   MobileNav: MobileNav2,
   Overlay
 });
-var PageShellContext = React41__namespace.createContext(null);
+var PageShellContext = React42__namespace.createContext(null);
 function usePageShell() {
-  const ctx = React41__namespace.useContext(PageShellContext);
+  const ctx = React42__namespace.useContext(PageShellContext);
   if (!ctx) {
     throw new Error("PageShell compound components must be used within <PageShell>");
   }
   return ctx;
 }
 function PageShellRoot({ config, children, className }) {
-  const apiRef = React41__namespace.useRef(null);
+  const apiRef = React42__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createPageShell(config);
   }
   const api = apiRef.current;
   const cssVars = api.getCSSVariables();
-  const ctxValue = React41__namespace.useMemo(
+  const ctxValue = React42__namespace.useMemo(
     () => ({ api }),
     [api]
   );
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     PageShellContext.Provider,
     { value: ctxValue },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       {
         className: cn("flex min-h-screen flex-col", className),
@@ -8086,7 +8405,7 @@ function Nav({ children, className }) {
   const { api } = usePageShell();
   const stickyClass = api.config.navSticky ? "sticky top-0 z-40" : "";
   const transparentClass = api.config.navTransparent ? "bg-transparent" : "bg-background border-b";
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "nav",
     {
       ...api.navAriaProps,
@@ -8111,7 +8430,7 @@ function Section({
 }) {
   const { api } = usePageShell();
   const sectionClasses = api.getSectionClasses({ fullWidth, maxWidth, padding, background });
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "section",
     {
       className: cn("py-12", sectionClasses, className)
@@ -8123,7 +8442,7 @@ Section.displayName = "PageShell.Section";
 function Footer2({ children, className, columns }) {
   const { api } = usePageShell();
   const cols = columns ?? api.config.footerColumns;
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "footer",
     {
       ...api.footerAriaProps,
@@ -8132,7 +8451,7 @@ function Footer2({ children, className, columns }) {
         className
       )
     },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       {
         className: `mx-auto max-w-[var(--page-max-width)] grid gap-8`,
@@ -8150,28 +8469,28 @@ Object.assign(PageShellRoot, {
   Section,
   Footer: Footer2
 });
-var AuthShellContext = React41__namespace.createContext(null);
+var AuthShellContext = React42__namespace.createContext(null);
 function useAuthShell() {
-  const ctx = React41__namespace.useContext(AuthShellContext);
+  const ctx = React42__namespace.useContext(AuthShellContext);
   if (!ctx) {
     throw new Error("AuthShell compound components must be used within <AuthShell>");
   }
   return ctx;
 }
 function AuthShellRoot({ config, children, className }) {
-  const apiRef = React41__namespace.useRef(null);
+  const apiRef = React42__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createAuthShell(config);
   }
   const api = apiRef.current;
-  const ctxValue = React41__namespace.useMemo(
+  const ctxValue = React42__namespace.useMemo(
     () => ({ api }),
     [api]
   );
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     AuthShellContext.Provider,
     { value: ctxValue },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       {
         ...api.ariaProps,
@@ -8185,7 +8504,7 @@ function AuthShellRoot({ config, children, className }) {
 AuthShellRoot.displayName = "AuthShell";
 function Card({ children, className }) {
   const { api } = useAuthShell();
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     {
       className: cn(api.cardClasses, className),
@@ -8273,7 +8592,7 @@ var avatarFallbackVariants = cva({
     size: "md"
   }
 });
-var AvatarContext = React41__namespace.createContext({
+var AvatarContext = React42__namespace.createContext({
   size: "md",
   imageLoaded: false,
   imageError: false,
@@ -8282,10 +8601,10 @@ var AvatarContext = React41__namespace.createContext({
   setImageError: () => {
   }
 });
-var Avatar = React41__namespace.forwardRef(
+var Avatar = React42__namespace.forwardRef(
   ({ size = "md", className, children, ...props }, ref) => {
-    const [imageLoaded, setImageLoaded] = React41__namespace.useState(false);
-    const [imageError, setImageError] = React41__namespace.useState(false);
+    const [imageLoaded, setImageLoaded] = React42__namespace.useState(false);
+    const [imageError, setImageError] = React42__namespace.useState(false);
     const api = createAvatar({ size });
     return /* @__PURE__ */ jsxRuntime.jsx(AvatarContext.Provider, { value: { size, imageLoaded, imageError, setImageLoaded, setImageError }, children: /* @__PURE__ */ jsxRuntime.jsx(
       "span",
@@ -8301,9 +8620,9 @@ var Avatar = React41__namespace.forwardRef(
   }
 );
 Avatar.displayName = "Avatar";
-var AvatarImage = React41__namespace.forwardRef(
+var AvatarImage = React42__namespace.forwardRef(
   ({ className, src, alt = "", onLoad, onError, ...props }, ref) => {
-    const { setImageLoaded, setImageError } = React41__namespace.useContext(AvatarContext);
+    const { setImageLoaded, setImageError } = React42__namespace.useContext(AvatarContext);
     const handleLoad = (e) => {
       setImageLoaded(true);
       onLoad?.(e);
@@ -8327,9 +8646,9 @@ var AvatarImage = React41__namespace.forwardRef(
   }
 );
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React41__namespace.forwardRef(
+var AvatarFallback = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const { size } = React41__namespace.useContext(AvatarContext);
+    const { size } = React42__namespace.useContext(AvatarContext);
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
@@ -8446,28 +8765,28 @@ var avatarPresenceDotVariants = cva({
 // ../react-avatar-group/dist/index.js
 function AvatarGroup({ users, max, size = "md", className }) {
   const api = createAvatarGroup({ users, max});
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     { ...api.ariaProps, className: cn(avatarGroupStyles, className) },
     api.visibleUsers.map(
-      (user) => React41__namespace.createElement(
+      (user) => React42__namespace.createElement(
         "div",
         {
           key: user.id,
           className: avatarVariants2({ size }),
           ...api.getAvatarAriaProps(user)
         },
-        user.src ? React41__namespace.createElement("img", {
+        user.src ? React42__namespace.createElement("img", {
           src: user.src,
           alt: user.name,
           className: avatarImageStyles
-        }) : React41__namespace.createElement("span", null, api.getInitials(user.name)),
-        user.status && React41__namespace.createElement("span", {
+        }) : React42__namespace.createElement("span", null, api.getInitials(user.name)),
+        user.status && React42__namespace.createElement("span", {
           className: avatarPresenceDotVariants({ size, status: user.status })
         })
       )
     ),
-    api.overflowCount > 0 && React41__namespace.createElement(
+    api.overflowCount > 0 && React42__namespace.createElement(
       "div",
       {
         className: avatarOverflowBadgeVariants({ size }),
@@ -8551,7 +8870,7 @@ var cardContentVariants = cva({
 var cardFooterVariants = cva({
   base: "flex items-center p-6 pt-0"
 });
-var Card2 = React41__namespace.forwardRef(
+var Card2 = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCard();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8567,7 +8886,7 @@ var Card2 = React41__namespace.forwardRef(
   }
 );
 Card2.displayName = "Card";
-var CardHeader = React41__namespace.forwardRef(
+var CardHeader = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardHeader();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8582,7 +8901,7 @@ var CardHeader = React41__namespace.forwardRef(
   }
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React41__namespace.forwardRef(
+var CardTitle = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardTitle();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8597,7 +8916,7 @@ var CardTitle = React41__namespace.forwardRef(
   }
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React41__namespace.forwardRef(
+var CardDescription = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardDescription();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8612,7 +8931,7 @@ var CardDescription = React41__namespace.forwardRef(
   }
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React41__namespace.forwardRef(
+var CardContent = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardContent();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8627,7 +8946,7 @@ var CardContent = React41__namespace.forwardRef(
   }
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React41__namespace.forwardRef(
+var CardFooter = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardFooter();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8708,7 +9027,7 @@ var checkboxVariants = cva({
     size: "default"
   }
 });
-var Checkbox = React41__namespace.forwardRef(
+var Checkbox = React42__namespace.forwardRef(
   ({ checked = false, onCheckedChange, disabled = false, size = "default", className, ...props }, ref) => {
     const api = createCheckbox({ checked, disabled });
     const checkedVariant = checked === "indeterminate" ? "indeterminate" : checked ? "true" : "false";
@@ -9019,13 +9338,13 @@ function DatePicker({
   className,
   disabled = false
 }) {
-  const [open, setOpen] = React41__namespace.useState(false);
-  const [currentMonth, setCurrentMonth] = React41__namespace.useState(
+  const [open, setOpen] = React42__namespace.useState(false);
+  const [currentMonth, setCurrentMonth] = React42__namespace.useState(
     () => value ? new Date(value.getFullYear(), value.getMonth(), 1) : new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1)
   );
-  const [view, setView] = React41__namespace.useState("calendar");
-  const containerRef = React41__namespace.useRef(null);
-  const api = React41__namespace.useMemo(
+  const [view, setView] = React42__namespace.useState("calendar");
+  const containerRef = React42__namespace.useRef(null);
+  const api = React42__namespace.useMemo(
     () => createDatePicker({
       value,
       onChange,
@@ -9039,7 +9358,7 @@ function DatePicker({
     }),
     [value, onChange, minDate, maxDate, showTime, format, placeholder, open]
   );
-  React41__namespace.useMemo(() => {
+  React42__namespace.useMemo(() => {
     createDatePicker({
       value,
       minDate,
@@ -9054,7 +9373,7 @@ function DatePicker({
     });
     return tempApi.days;
   }, [value, minDate, maxDate, currentMonth]);
-  React41__namespace.useEffect(() => {
+  React42__namespace.useEffect(() => {
     if (!open) return;
     function handleClick(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -9064,7 +9383,7 @@ function DatePicker({
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, [open]);
-  React41__namespace.useEffect(() => {
+  React42__namespace.useEffect(() => {
     if (!open) return;
     function handleKeyDown(e) {
       if (e.key === "Escape") {
@@ -9102,10 +9421,10 @@ function DatePicker({
     onChange?.(newDate);
   };
   const monthLabel = currentMonth.toLocaleDateString("en-US", { month: "long", year: "numeric" });
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     { ref: containerRef, className: cn("relative inline-block", className) },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "button",
       {
         type: "button",
@@ -9117,17 +9436,17 @@ function DatePicker({
       },
       displayValue
     ),
-    open && React41__namespace.createElement(
+    open && React42__namespace.createElement(
       "div",
       {
         className: datePickerDropdownStyles,
         role: "dialog",
         "aria-modal": true
       },
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "div",
         { className: "flex items-center justify-between mb-3" },
-        React41__namespace.createElement(
+        React42__namespace.createElement(
           "button",
           {
             type: "button",
@@ -9137,8 +9456,8 @@ function DatePicker({
           },
           "\u2039"
         ),
-        React41__namespace.createElement("span", { className: "text-sm font-medium" }, monthLabel),
-        React41__namespace.createElement(
+        React42__namespace.createElement("span", { className: "text-sm font-medium" }, monthLabel),
+        React42__namespace.createElement(
           "button",
           {
             type: "button",
@@ -9149,11 +9468,11 @@ function DatePicker({
           "\u203A"
         )
       ),
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "div",
         { className: "grid grid-cols-7 gap-0 text-center", role: "grid" },
         ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(
-          (d) => React41__namespace.createElement("div", { key: d, className: "text-xs text-muted-foreground py-1 font-medium" }, d)
+          (d) => React42__namespace.createElement("div", { key: d, className: "text-xs text-muted-foreground py-1 font-medium" }, d)
         ),
         api.days.map((day, i) => {
           let state = "default";
@@ -9161,7 +9480,7 @@ function DatePicker({
           else if (day.isSelected) state = "selected";
           else if (day.isToday) state = "today";
           else if (!day.isCurrentMonth) state = "outside";
-          return React41__namespace.createElement(
+          return React42__namespace.createElement(
             "button",
             {
               key: i,
@@ -9176,11 +9495,11 @@ function DatePicker({
           );
         })
       ),
-      showTime && React41__namespace.createElement(
+      showTime && React42__namespace.createElement(
         "div",
         { className: datePickerTimeStyles },
-        React41__namespace.createElement("span", { className: "text-sm text-muted-foreground" }, "Time:"),
-        React41__namespace.createElement("input", {
+        React42__namespace.createElement("span", { className: "text-sm text-muted-foreground" }, "Time:"),
+        React42__namespace.createElement("input", {
           type: "number",
           min: 0,
           max: 23,
@@ -9189,8 +9508,8 @@ function DatePicker({
           className: datePickerTimeInputStyles,
           "aria-label": "Hours"
         }),
-        React41__namespace.createElement("span", { className: "text-muted-foreground" }, ":"),
-        React41__namespace.createElement("input", {
+        React42__namespace.createElement("span", { className: "text-muted-foreground" }, ":"),
+        React42__namespace.createElement("input", {
           type: "number",
           min: 0,
           max: 59,
@@ -9580,10 +9899,10 @@ var emojiPickerSectionLabelStyles = "px-2 py-1 text-xs font-medium text-muted-fo
 
 // ../react-emoji-picker/dist/index.js
 function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className }) {
-  const [search, setSearch] = React41__namespace.useState("");
-  const [activeCategory, setActiveCategory] = React41__namespace.useState("smileys");
-  const [recentEmojis, setRecentEmojis] = React41__namespace.useState(initialRecent);
-  const api = React41__namespace.useMemo(
+  const [search, setSearch] = React42__namespace.useState("");
+  const [activeCategory, setActiveCategory] = React42__namespace.useState("smileys");
+  const [recentEmojis, setRecentEmojis] = React42__namespace.useState(initialRecent);
+  const api = React42__namespace.useMemo(
     () => createEmojiPicker({
       onSelect: void 0,
       search,
@@ -9591,7 +9910,7 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
     }),
     [search, recentEmojis]
   );
-  const filteredEmojis = React41__namespace.useMemo(() => {
+  const filteredEmojis = React42__namespace.useMemo(() => {
     if (search.trim()) {
       const query = search.toLowerCase().trim();
       const allEmojis = EMOJI_CATEGORIES.flatMap((cat) => EMOJI_DATA[cat]);
@@ -9611,22 +9930,22 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
     setActiveCategory(cat);
     setSearch("");
   };
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     { className: cn(emojiPickerContainerStyles, className), ...api.ariaProps },
     // Search input
-    React41__namespace.createElement("input", {
+    React42__namespace.createElement("input", {
       ...api.searchInputProps,
       className: emojiPickerSearchStyles,
       value: search,
       onChange: (e) => setSearch(e.target.value)
     }),
     // Category tabs
-    !search && React41__namespace.createElement(
+    !search && React42__namespace.createElement(
       "div",
       { className: emojiPickerCategoryBarStyles },
       api.categoryTabs.map(
-        (tab) => React41__namespace.createElement(
+        (tab) => React42__namespace.createElement(
           "button",
           {
             key: tab.category,
@@ -9643,15 +9962,15 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
       )
     ),
     // Recent emojis section
-    !search && recentEmojis.length > 0 && React41__namespace.createElement(
+    !search && recentEmojis.length > 0 && React42__namespace.createElement(
       "div",
       null,
-      React41__namespace.createElement("div", { className: emojiPickerSectionLabelStyles }, "Recent"),
-      React41__namespace.createElement(
+      React42__namespace.createElement("div", { className: emojiPickerSectionLabelStyles }, "Recent"),
+      React42__namespace.createElement(
         "div",
         { className: emojiPickerGridStyles },
         recentEmojis.map(
-          (emoji, i) => React41__namespace.createElement(
+          (emoji, i) => React42__namespace.createElement(
             "button",
             {
               key: `recent-${emoji.emoji}-${i}`,
@@ -9666,19 +9985,19 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
       )
     ),
     // Emoji grid
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       null,
-      !search && React41__namespace.createElement(
+      !search && React42__namespace.createElement(
         "div",
         { className: emojiPickerSectionLabelStyles },
         CATEGORY_LABELS[activeCategory]
       ),
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "div",
         { className: emojiPickerGridStyles },
         filteredEmojis.map(
-          (emoji, i) => React41__namespace.createElement(
+          (emoji, i) => React42__namespace.createElement(
             "button",
             {
               key: `${emoji.emoji}-${i}`,
@@ -9690,7 +10009,7 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
             emoji.emoji
           )
         ),
-        filteredEmojis.length === 0 && React41__namespace.createElement(
+        filteredEmojis.length === 0 && React42__namespace.createElement(
           "div",
           { className: "col-span-8 text-center text-sm text-muted-foreground py-4" },
           "No emojis found"
@@ -9890,10 +10209,10 @@ function FileUpload({
   className,
   children
 }) {
-  const [files, setFiles] = React41__namespace.useState([]);
-  const [isDragging, setIsDragging] = React41__namespace.useState(false);
-  const inputRef = React41__namespace.useRef(null);
-  const api = React41__namespace.useMemo(
+  const [files, setFiles] = React42__namespace.useState([]);
+  const [isDragging, setIsDragging] = React42__namespace.useState(false);
+  const inputRef = React42__namespace.useRef(null);
+  const api = React42__namespace.useMemo(
     () => createFileUpload({
       accept,
       maxSize,
@@ -9958,17 +10277,17 @@ function FileUpload({
       handleClick();
     }
   };
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     { className },
     // Hidden file input
-    React41__namespace.createElement("input", {
+    React42__namespace.createElement("input", {
       ref: inputRef,
       ...api.inputProps,
       onChange: handleInputChange
     }),
     // Drop zone
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       {
         ...api.dropZoneProps,
@@ -9982,21 +10301,21 @@ function FileUpload({
         onDragOver: handleDragOver,
         onDrop: handleDrop
       },
-      children ?? React41__namespace.createElement(
-        React41__namespace.Fragment,
+      children ?? React42__namespace.createElement(
+        React42__namespace.Fragment,
         null,
-        React41__namespace.createElement("div", { className: "text-2xl mb-2" }, "\u{1F4C1}"),
-        React41__namespace.createElement(
+        React42__namespace.createElement("div", { className: "text-2xl mb-2" }, "\u{1F4C1}"),
+        React42__namespace.createElement(
           "p",
           { className: "text-sm text-muted-foreground" },
           "Drag & drop files here, or click to select"
         ),
-        accept && React41__namespace.createElement(
+        accept && React42__namespace.createElement(
           "p",
           { className: "text-xs text-muted-foreground mt-1" },
           `Accepted: ${accept}`
         ),
-        maxSize && React41__namespace.createElement(
+        maxSize && React42__namespace.createElement(
           "p",
           { className: "text-xs text-muted-foreground" },
           `Max size: ${formatFileSize(maxSize)}`
@@ -10004,37 +10323,37 @@ function FileUpload({
       )
     ),
     // File list
-    files.length > 0 && React41__namespace.createElement(
+    files.length > 0 && React42__namespace.createElement(
       "div",
       { className: fileUploadFileListStyles },
       files.map(
-        (file) => React41__namespace.createElement(
+        (file) => React42__namespace.createElement(
           "div",
           { key: file.id, className: fileUploadFileItemStyles },
-          React41__namespace.createElement(
+          React42__namespace.createElement(
             "div",
             { className: "flex-1 min-w-0" },
-            React41__namespace.createElement("div", { className: "font-medium truncate" }, file.name),
-            React41__namespace.createElement(
+            React42__namespace.createElement("div", { className: "font-medium truncate" }, file.name),
+            React42__namespace.createElement(
               "div",
               { className: "text-xs text-muted-foreground" },
               formatFileSize(file.size)
             ),
-            file.status === "uploading" && React41__namespace.createElement(
+            file.status === "uploading" && React42__namespace.createElement(
               "div",
               { className: cn(fileUploadProgressStyles, "mt-1") },
-              React41__namespace.createElement("div", {
+              React42__namespace.createElement("div", {
                 className: fileUploadProgressBarStyles,
                 style: { width: `${file.progress}%` }
               })
             ),
-            file.error && React41__namespace.createElement(
+            file.error && React42__namespace.createElement(
               "div",
               { className: "text-xs text-destructive mt-0.5" },
               file.error
             )
           ),
-          React41__namespace.createElement(
+          React42__namespace.createElement(
             "button",
             {
               type: "button",
@@ -10054,162 +10373,6 @@ function FileUpload({
 }
 FileUpload.displayName = "FileUpload";
 
-// ../keyboard-shortcut/dist/index.js
-var MODIFIER_KEYS = /* @__PURE__ */ new Set(["Ctrl", "Control", "Alt", "Shift", "Meta", "Cmd", "Command"]);
-var KEY_DISPLAY = {
-  "Ctrl": "Ctrl",
-  "Control": "Ctrl",
-  "Alt": "Alt",
-  "Shift": "Shift",
-  "Meta": "Meta",
-  "Cmd": "Cmd",
-  "Command": "Cmd",
-  "Enter": "\u21B5",
-  "Backspace": "\u232B",
-  "Delete": "Del",
-  "Escape": "Esc",
-  "ArrowUp": "\u2191",
-  "ArrowDown": "\u2193",
-  "ArrowLeft": "\u2190",
-  "ArrowRight": "\u2192",
-  "Tab": "Tab",
-  " ": "Space"
-};
-var MAC_KEY_DISPLAY = {
-  "Ctrl": "\u2303",
-  "Control": "\u2303",
-  "Alt": "\u2325",
-  "Shift": "\u21E7",
-  "Meta": "\u2318",
-  "Cmd": "\u2318",
-  "Command": "\u2318",
-  "Enter": "\u21B5",
-  "Backspace": "\u232B",
-  "Delete": "\u2326",
-  "Escape": "\u238B",
-  "ArrowUp": "\u2191",
-  "ArrowDown": "\u2193",
-  "ArrowLeft": "\u2190",
-  "ArrowRight": "\u2192",
-  "Tab": "\u21E5",
-  " ": "\u2423"
-};
-function normalizeKey(key) {
-  if (key === "Command" || key === "Cmd") return "Meta";
-  if (key === "Control") return "Ctrl";
-  return key;
-}
-function isMac() {
-  if (typeof navigator !== "undefined") {
-    return navigator.platform?.includes("Mac") || navigator.userAgent?.includes("Mac");
-  }
-  return false;
-}
-function formatShortcut(keys, mac) {
-  const displayMap = mac ? MAC_KEY_DISPLAY : KEY_DISPLAY;
-  return keys.map((key) => displayMap[key] ?? key.toUpperCase()).join(mac ? "" : "+");
-}
-function createKeyboardShortcut(props) {
-  const {
-    keys,
-    onTrigger,
-    enabled: enabledProp = true,
-    preventDefault: preventDefaultProp = true
-  } = props;
-  const normalizedKeys = keys.map(normalizeKey);
-  const modifiers = normalizedKeys.filter((k) => MODIFIER_KEYS.has(k));
-  const regularKeys = normalizedKeys.filter((k) => !MODIFIER_KEYS.has(k));
-  function handler(event) {
-    if (!enabledProp) return false;
-    const ctrlRequired = modifiers.includes("Ctrl");
-    const altRequired = modifiers.includes("Alt");
-    const shiftRequired = modifiers.includes("Shift");
-    const metaRequired = modifiers.includes("Meta");
-    if (ctrlRequired !== (event.ctrlKey || event.metaKey && !metaRequired)) ;
-    const ctrlMatch = ctrlRequired ? event.ctrlKey : !event.ctrlKey;
-    const altMatch = altRequired ? event.altKey : !event.altKey;
-    const shiftMatch = shiftRequired ? event.shiftKey : !event.shiftKey;
-    const metaMatch = metaRequired ? event.metaKey : !event.metaKey;
-    if (!ctrlMatch || !altMatch || !shiftMatch || !metaMatch) return false;
-    if (regularKeys.length > 0) {
-      const eventKey = event.key.length === 1 ? event.key.toUpperCase() : event.key;
-      const targetKey = regularKeys[0].length === 1 ? regularKeys[0].toUpperCase() : regularKeys[0];
-      if (eventKey !== targetKey) return false;
-    }
-    if (preventDefaultProp) {
-      event.preventDefault();
-    }
-    onTrigger();
-    return true;
-  }
-  const mac = isMac();
-  const display = formatShortcut(keys, false);
-  const platformDisplay = formatShortcut(keys, mac);
-  const badgeAriaProps = {
-    "aria-hidden": true,
-    role: "presentation"
-  };
-  return {
-    handler,
-    display,
-    platformDisplay,
-    enabled: enabledProp,
-    keys,
-    badgeAriaProps
-  };
-}
-var shortcutBadgeStyles = "inline-flex items-center gap-0.5 rounded border bg-muted px-1.5 py-0.5 text-xs font-mono text-muted-foreground";
-var shortcutKeyStyles = "inline-flex items-center justify-center min-w-[1.25rem] rounded bg-background px-1 py-0.5 text-xs font-mono border shadow-sm";
-var shortcutSeparatorStyles = "text-muted-foreground text-xs";
-
-// ../react-keyboard-shortcut/dist/index.js
-function KeyboardShortcut({
-  keys,
-  onTrigger,
-  enabled = true,
-  preventDefault = true
-}) {
-  const apiRef = React41__namespace.useRef(
-    createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })
-  );
-  React41__namespace.useEffect(() => {
-    apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault });
-  }, [keys, onTrigger, enabled, preventDefault]);
-  React41__namespace.useEffect(() => {
-    if (!enabled) return;
-    const handleKeyDown = (e) => {
-      apiRef.current.handler(e);
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [enabled]);
-  return null;
-}
-KeyboardShortcut.displayName = "KeyboardShortcut";
-function ShortcutBadge({ keys, platform = true, className }) {
-  const api = createKeyboardShortcut({ keys, onTrigger: () => {
-  }, enabled: false });
-  const displayKeys = platform ? api.platformDisplay : api.display;
-  const isMacDisplay = platform && displayKeys !== api.display;
-  return React41__namespace.createElement(
-    "kbd",
-    { ...api.badgeAriaProps, className: cn(shortcutBadgeStyles, className) },
-    isMacDisplay ? React41__namespace.createElement("span", null, displayKeys) : keys.map(
-      (key, i) => React41__namespace.createElement(
-        React41__namespace.Fragment,
-        { key: i },
-        i > 0 && React41__namespace.createElement("span", { className: shortcutSeparatorStyles }, "+"),
-        React41__namespace.createElement(
-          "span",
-          { className: shortcutKeyStyles },
-          formatShortcut([key], false)
-        )
-      )
-    )
-  );
-}
-ShortcutBadge.displayName = "ShortcutBadge";
-
 // ../otp-input/dist/index.js
 function createOtpInput(props = {}) {
   const {
@@ -10375,7 +10538,7 @@ var otpInputSlotVariants = cva({
     filled: "false"
   }
 });
-var OtpInput = React41__namespace.forwardRef(
+var OtpInput = React42__namespace.forwardRef(
   ({
     length = 6,
     value = "",
@@ -10387,15 +10550,15 @@ var OtpInput = React41__namespace.forwardRef(
     className,
     ...props
   }, ref) => {
-    const inputRefs = React41__namespace.useRef([]);
-    const [focusedIndex, setFocusedIndex] = React41__namespace.useState(autoFocus ? 0 : -1);
-    const [values, setValues] = React41__namespace.useState(
+    const inputRefs = React42__namespace.useRef([]);
+    const [focusedIndex, setFocusedIndex] = React42__namespace.useState(autoFocus ? 0 : -1);
+    const [values, setValues] = React42__namespace.useState(
       () => Array.from({ length }, (_, i) => value.charAt(i) || "")
     );
-    React41__namespace.useEffect(() => {
+    React42__namespace.useEffect(() => {
       setValues(Array.from({ length }, (_, i) => value.charAt(i) || ""));
     }, [value, length]);
-    React41__namespace.useEffect(() => {
+    React42__namespace.useEffect(() => {
       if (autoFocus && inputRefs.current[0]) {
         inputRefs.current[0].focus();
       }
@@ -10575,13 +10738,13 @@ function PresenceIndicator({
   className
 }) {
   const api = createPresence({ status, showLabel, label });
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "span",
     { ...api.ariaProps, className: cn(presenceContainerStyles, className) },
-    React41__namespace.createElement("span", {
+    React42__namespace.createElement("span", {
       className: presenceDotVariants({ status, size })
     }),
-    api.showLabel && React41__namespace.createElement("span", { className: presenceLabelStyles }, api.label)
+    api.showLabel && React42__namespace.createElement("span", { className: presenceLabelStyles }, api.label)
   );
 }
 PresenceIndicator.displayName = "PresenceIndicator";
@@ -10669,7 +10832,7 @@ var radioCircleVariants = cva({
 });
 
 // ../react-radio/dist/index.js
-var RadioContext = React41__namespace.createContext(null);
+var RadioContext = React42__namespace.createContext(null);
 function RadioGroup({
   children,
   className,
@@ -10680,25 +10843,25 @@ function RadioGroup({
   disabled = false,
   orientation = "vertical"
 }) {
-  const [internalValue, setInternalValue] = React41__namespace.useState(defaultValue);
+  const [internalValue, setInternalValue] = React42__namespace.useState(defaultValue);
   const isControlled = controlledValue !== void 0;
   const currentValue = isControlled ? controlledValue : internalValue;
   const api = createRadioGroup({ value: currentValue, name, disabled, orientation });
-  const handleChange = React41__namespace.useCallback(
+  const handleChange = React42__namespace.useCallback(
     (val) => {
       if (!isControlled) setInternalValue(val);
       onValueChange?.(val);
     },
     [isControlled, onValueChange]
   );
-  const ctx = React41__namespace.useMemo(
+  const ctx = React42__namespace.useMemo(
     () => ({ value: currentValue, onValueChange: handleChange, name, disabled }),
     [currentValue, handleChange, name, disabled]
   );
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     RadioContext.Provider,
     { value: ctx },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       { ...api.groupProps, className: cn(radioGroupVariants({ orientation }), className) },
       children
@@ -10706,17 +10869,17 @@ function RadioGroup({
   );
 }
 function RadioItem({ value, children, disabled = false, className }) {
-  const ctx = React41__namespace.useContext(RadioContext);
+  const ctx = React42__namespace.useContext(RadioContext);
   if (!ctx) throw new Error("RadioItem must be used within RadioGroup");
   const isChecked = ctx.value === value;
   const isDisabled = ctx.disabled || disabled;
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "label",
     {
       className: cn(radioItemVariants({ disabled: isDisabled ? "true" : "false" }), className),
       "data-state": isChecked ? "checked" : "unchecked"
     },
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "button",
       {
         type: "button",
@@ -10728,12 +10891,12 @@ function RadioItem({ value, children, disabled = false, className }) {
         className: cn(radioCircleVariants({ checked: isChecked ? "true" : "false" })),
         onClick: () => !isDisabled && ctx.onValueChange(value)
       },
-      isChecked && React41__namespace.createElement(
+      isChecked && React42__namespace.createElement(
         "span",
         { className: "block h-2 w-2 rounded-full bg-primary-foreground mx-auto" }
       )
     ),
-    children && React41__namespace.createElement("span", { className: "text-sm" }, children)
+    children && React42__namespace.createElement("span", { className: "text-sm" }, children)
   );
 }
 RadioGroup.displayName = "RadioGroup";
@@ -10805,11 +10968,11 @@ function ReactionBar({
   className
 }) {
   const api = createReactionBar({ reactions, onToggle, onAdd });
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     { ...api.ariaProps, className: cn(reactionBarStyles, className) },
     api.reactions.map(
-      (reaction, i) => React41__namespace.createElement(
+      (reaction, i) => React42__namespace.createElement(
         "button",
         {
           key: `${reaction.emoji}-${i}`,
@@ -10820,11 +10983,11 @@ function ReactionBar({
           onClick: () => api.toggle(reaction.emoji),
           ...api.getReactionAriaProps(reaction)
         },
-        React41__namespace.createElement("span", { className: reactionEmojiStyles }, reaction.emoji),
-        React41__namespace.createElement("span", { className: reactionCountStyles }, reaction.count)
+        React42__namespace.createElement("span", { className: reactionEmojiStyles }, reaction.emoji),
+        React42__namespace.createElement("span", { className: reactionCountStyles }, reaction.count)
       )
     ),
-    showAddButton && React41__namespace.createElement(
+    showAddButton && React42__namespace.createElement(
       "button",
       {
         type: "button",
@@ -10962,7 +11125,7 @@ var selectContentVariants = cva({
   }
 });
 var selectItemVariants = cva({
-  base: "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+  base: "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
   variants: {
     selected: {
       true: "bg-accent/50",
@@ -10973,7 +11136,7 @@ var selectItemVariants = cva({
     selected: "false"
   }
 });
-var SelectContext = React41__namespace.createContext({
+var SelectContext = React42__namespace.createContext({
   value: void 0,
   onValueChange: () => {
   },
@@ -10993,7 +11156,7 @@ function Select({
   children,
   placeholder = "Select an option"
 }) {
-  const [open, setOpen] = React41__namespace.useState(false);
+  const [open, setOpen] = React42__namespace.useState(false);
   const api = createSelect({ value, disabled, open, placeholder });
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectContext.Provider,
@@ -11016,9 +11179,9 @@ function Select({
     }
   );
 }
-var SelectTrigger = React41__namespace.forwardRef(
+var SelectTrigger = React42__namespace.forwardRef(
   ({ className, children, size = "default", ...props }, ref) => {
-    const { open, setOpen, disabled, triggerId, contentId } = React41__namespace.useContext(SelectContext);
+    const { open, setOpen, disabled, triggerId, contentId } = React42__namespace.useContext(SelectContext);
     const api = createSelect({ disabled, open });
     const handleClick = () => {
       if (!disabled) {
@@ -11075,9 +11238,48 @@ var SelectTrigger = React41__namespace.forwardRef(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = React41__namespace.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const { open, contentId, triggerId } = React41__namespace.useContext(SelectContext);
+var SelectContent = React42__namespace.forwardRef(
+  ({ className, children, ...props }, forwardedRef) => {
+    const { open, contentId, triggerId, setOpen } = React42__namespace.useContext(SelectContext);
+    const containerRef = React42__namespace.useRef(null);
+    const ref = React42__namespace.useCallback(
+      (node) => {
+        containerRef.current = node;
+        if (typeof forwardedRef === "function") forwardedRef(node);
+        else if (forwardedRef) forwardedRef.current = node;
+      },
+      [forwardedRef]
+    );
+    React42__namespace.useEffect(() => {
+      if (open && containerRef.current) {
+        const firstOption = containerRef.current.querySelector('[role="option"]:not([aria-disabled="true"])');
+        if (firstOption) {
+          setTimeout(() => firstOption.focus(), 0);
+        }
+      }
+    }, [open]);
+    const handleKeyDown = (e) => {
+      if (!containerRef.current) return;
+      const options = Array.from(
+        containerRef.current.querySelectorAll('[role="option"]:not([aria-disabled="true"])')
+      );
+      if (!options.length) return;
+      const currentIndex = options.indexOf(document.activeElement);
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        const nextIndex = currentIndex < options.length - 1 ? currentIndex + 1 : 0;
+        options[nextIndex]?.focus();
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        const prevIndex = currentIndex > 0 ? currentIndex - 1 : options.length - 1;
+        options[prevIndex]?.focus();
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        setOpen(false);
+        const trigger = document.getElementById(triggerId);
+        if (trigger) trigger.focus();
+      }
+    };
     if (!open) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -11088,6 +11290,8 @@ var SelectContent = React41__namespace.forwardRef(
         role: "listbox",
         "aria-labelledby": triggerId,
         "data-state": open ? "open" : "closed",
+        onKeyDown: handleKeyDown,
+        tabIndex: -1,
         ...props,
         children
       }
@@ -11095,14 +11299,16 @@ var SelectContent = React41__namespace.forwardRef(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = React41__namespace.forwardRef(
+var SelectItem = React42__namespace.forwardRef(
   ({ className, children, value: itemValue, disabled: itemDisabled = false, ...props }, ref) => {
-    const { value, onValueChange, setOpen } = React41__namespace.useContext(SelectContext);
+    const { value, onValueChange, setOpen, triggerId } = React42__namespace.useContext(SelectContext);
     const isSelected = value === itemValue;
     const handleClick = () => {
       if (!itemDisabled) {
         onValueChange(itemValue);
         setOpen(false);
+        const trigger = document.getElementById(triggerId);
+        if (trigger) setTimeout(() => trigger.focus(), 0);
       }
     };
     const handleKeyDown = (e) => {
@@ -11110,6 +11316,8 @@ var SelectItem = React41__namespace.forwardRef(
         e.preventDefault();
         onValueChange(itemValue);
         setOpen(false);
+        const trigger = document.getElementById(triggerId);
+        if (trigger) setTimeout(() => trigger.focus(), 0);
       }
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -11229,11 +11437,11 @@ function StatusIndicator({
 }) {
   const api = createStatusIndicator({ type, label, pulse });
   const dotClassName = api.pulse ? statusPulseVariants({ type }) : statusDotVariants({ type });
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "span",
     { ...api.ariaProps, className: cn(statusContainerStyles, className) },
-    React41__namespace.createElement("span", { className: dotClassName }),
-    showLabel && React41__namespace.createElement("span", { className: statusLabelStyles }, api.label)
+    React42__namespace.createElement("span", { className: dotClassName }),
+    showLabel && React42__namespace.createElement("span", { className: statusLabelStyles }, api.label)
   );
 }
 StatusIndicator.displayName = "StatusIndicator";
@@ -11320,7 +11528,7 @@ var switchThumbVariants = cva({
     { checked: "true", size: "lg", class: "translate-x-5" }
   ]
 });
-var Switch = React41__namespace.forwardRef(
+var Switch = React42__namespace.forwardRef(
   ({ checked = false, onCheckedChange, disabled = false, size = "default", className, ...props }, ref) => {
     const api = createSwitch({ checked, disabled });
     const handleClick = () => {
@@ -11459,41 +11667,41 @@ function MessageComponent({
   message,
   api
 }) {
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     { className: threadMessageStyles, ...api.getMessageAriaProps(message) },
     // Avatar
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       { className: threadAvatarStyles },
-      message.author.avatarUrl ? React41__namespace.createElement("img", {
+      message.author.avatarUrl ? React42__namespace.createElement("img", {
         src: message.author.avatarUrl,
         alt: message.author.name,
         className: "h-full w-full object-cover"
       }) : message.author.name.charAt(0).toUpperCase()
     ),
     // Content
-    React41__namespace.createElement(
+    React42__namespace.createElement(
       "div",
       { className: threadContentStyles },
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "div",
         { className: "flex items-baseline" },
-        React41__namespace.createElement("span", { className: threadAuthorStyles }, message.author.name),
-        React41__namespace.createElement(
+        React42__namespace.createElement("span", { className: threadAuthorStyles }, message.author.name),
+        React42__namespace.createElement(
           "span",
           { className: threadTimestampStyles },
           api.formatTimestamp(message.timestamp)
         ),
-        message.edited && React41__namespace.createElement("span", { className: threadEditedStyles }, "(edited)")
+        message.edited && React42__namespace.createElement("span", { className: threadEditedStyles }, "(edited)")
       ),
-      React41__namespace.createElement("div", { className: threadBodyStyles }, message.content),
+      React42__namespace.createElement("div", { className: threadBodyStyles }, message.content),
       // Reactions
-      message.reactions && message.reactions.length > 0 && React41__namespace.createElement(
+      message.reactions && message.reactions.length > 0 && React42__namespace.createElement(
         "div",
         { className: threadReactionsStyles },
         message.reactions.map(
-          (reaction, i) => React41__namespace.createElement(
+          (reaction, i) => React42__namespace.createElement(
             "button",
             {
               key: `${reaction.emoji}-${i}`,
@@ -11509,25 +11717,25 @@ function MessageComponent({
         )
       ),
       // Reply indicator
-      message.replies && message.replies.length > 0 && React41__namespace.createElement(
+      message.replies && message.replies.length > 0 && React42__namespace.createElement(
         "div",
         { className: threadReplyIndicatorStyles },
         `${message.replies.length} ${message.replies.length === 1 ? "reply" : "replies"}`
       ),
       // Attachments
       message.attachments && message.attachments.map(
-        (attachment) => React41__namespace.createElement(
+        (attachment) => React42__namespace.createElement(
           "div",
           { key: attachment.id, className: threadAttachmentStyles },
-          React41__namespace.createElement("span", null, "\u{1F4CE}"),
-          React41__namespace.createElement("span", { className: "truncate" }, attachment.name)
+          React42__namespace.createElement("span", null, "\u{1F4CE}"),
+          React42__namespace.createElement("span", { className: "truncate" }, attachment.name)
         )
       ),
       // Actions (reply button)
-      React41__namespace.createElement(
+      React42__namespace.createElement(
         "div",
         { className: threadActionsStyles },
-        React41__namespace.createElement(
+        React42__namespace.createElement(
           "button",
           {
             type: "button",
@@ -11549,11 +11757,11 @@ function ThreadView({
   className
 }) {
   const api = createThreadView({ messages, onReply, onReact, currentUserId });
-  return React41__namespace.createElement(
+  return React42__namespace.createElement(
     "div",
     { ...api.ariaProps, className: cn(threadContainerStyles, className) },
     messages.map(
-      (message) => React41__namespace.createElement(MessageComponent, {
+      (message) => React42__namespace.createElement(MessageComponent, {
         key: message.id,
         message,
         api
@@ -11587,11 +11795,11 @@ function observeHeadings(headingIds, callback, options) {
   });
   return () => observer.disconnect();
 }
-var TableOfContents = React41__namespace.forwardRef(
+var TableOfContents = React42__namespace.forwardRef(
   ({ className, containerRef, selectors = "h2, h3, h4", onActiveIdChange, ...props }, ref) => {
-    const [headings, setHeadings] = React41__namespace.useState([]);
-    const [activeId, setActiveId] = React41__namespace.useState("");
-    React41__namespace.useEffect(() => {
+    const [headings, setHeadings] = React42__namespace.useState([]);
+    const [activeId, setActiveId] = React42__namespace.useState("");
+    React42__namespace.useEffect(() => {
       const container = containerRef?.current || document.body;
       if (!container) return;
       const parsedHeadings = parseHeadings(container, selectors);
@@ -11630,14 +11838,14 @@ var TableOfContents = React41__namespace.forwardRef(
   }
 );
 TableOfContents.displayName = "TableOfContents";
-var CarouselContext = React41__namespace.createContext(null);
-var Carousel = React41__namespace.forwardRef(
+var CarouselContext = React42__namespace.createContext(null);
+var Carousel = React42__namespace.forwardRef(
   ({ className, type = "single", collapsible, value: controlledValue, defaultValue, onValueChange, ...props }, ref) => {
-    const [uncontrolledValue, setUncontrolledValue] = React41__namespace.useState(
+    const [uncontrolledValue, setUncontrolledValue] = React42__namespace.useState(
       defaultValue ?? (type === "multiple" ? [] : "")
     );
     const value = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
-    const handleValueChange = React41__namespace.useCallback(
+    const handleValueChange = React42__namespace.useCallback(
       (itemValue) => {
         if (type === "single") {
           const newValue = value === itemValue && collapsible ? "" : itemValue;
@@ -11656,20 +11864,20 @@ var Carousel = React41__namespace.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselItemContext = React41__namespace.createContext(null);
-var CarouselItem = React41__namespace.forwardRef(
+var CarouselItemContext = React42__namespace.createContext(null);
+var CarouselItem = React42__namespace.forwardRef(
   ({ className, value, ...props }, ref) => {
-    const context = React41__namespace.useContext(CarouselContext);
+    const context = React42__namespace.useContext(CarouselContext);
     if (!context) throw new Error("CarouselItem must be within Carousel");
     const isOpen = context.type === "single" ? context.value === value : Array.isArray(context.value) && context.value.includes(value);
     return /* @__PURE__ */ jsxRuntime.jsx(CarouselItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("border-b border-border", className), "data-state": isOpen ? "open" : "closed", ...props }) });
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselTrigger = React41__namespace.forwardRef(
+var CarouselTrigger = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const carouselContext = React41__namespace.useContext(CarouselContext);
-    const itemContext = React41__namespace.useContext(CarouselItemContext);
+    const carouselContext = React42__namespace.useContext(CarouselContext);
+    const itemContext = React42__namespace.useContext(CarouselItemContext);
     if (!carouselContext || !itemContext) throw new Error("CarouselTrigger missing context");
     return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "flex m-0 p-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -11708,9 +11916,9 @@ var CarouselTrigger = React41__namespace.forwardRef(
   }
 );
 CarouselTrigger.displayName = "CarouselTrigger";
-var CarouselContent = React41__namespace.forwardRef(
+var CarouselContent = React42__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const itemContext = React41__namespace.useContext(CarouselItemContext);
+    const itemContext = React42__namespace.useContext(CarouselItemContext);
     if (!itemContext) throw new Error("CarouselContent missing context");
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -11729,7 +11937,7 @@ var CarouselContent = React41__namespace.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var Pagination = React41__namespace.forwardRef(
+var Pagination = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("", className), ...props });
   }
@@ -11758,7 +11966,7 @@ function createLinkCard(_props = {}) {
     dataAttributes: { "data-slot": "link-card" }
   };
 }
-var LinkCard = React41__namespace.forwardRef(
+var LinkCard = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createLinkCard(props);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -11780,7 +11988,7 @@ function createCardGrid(_props = {}) {
     dataAttributes: { "data-slot": "card-grid" }
   };
 }
-var CardGrid = React41__namespace.forwardRef(
+var CardGrid = React42__namespace.forwardRef(
   ({ className, columns = 3, ...props }, ref) => {
     const api = createCardGrid({ });
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -11805,7 +12013,7 @@ function createPayment(props = {}) {
     }
   };
 }
-var Payment = React41__namespace.forwardRef(
+var Payment = React42__namespace.forwardRef(
   ({ className, disabled, ...props }, ref) => {
     const api = createPayment({ disabled });
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -11824,27 +12032,27 @@ var Payment = React41__namespace.forwardRef(
   }
 );
 Payment.displayName = "Payment";
-var PaymentHeader = React41__namespace.forwardRef(
+var PaymentHeader = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mb-6 flex flex-col gap-1.5", className), ...props })
 );
 PaymentHeader.displayName = "PaymentHeader";
-var PaymentTitle = React41__namespace.forwardRef(
+var PaymentTitle = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ref, className: cn("text-xl font-semibold leading-none tracking-tight", className), ...props })
 );
 PaymentTitle.displayName = "PaymentTitle";
-var PaymentDescription = React41__namespace.forwardRef(
+var PaymentDescription = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 PaymentDescription.displayName = "PaymentDescription";
-var PaymentContent = React41__namespace.forwardRef(
+var PaymentContent = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col gap-4", className), ...props })
 );
 PaymentContent.displayName = "PaymentContent";
-var PaymentFooter = React41__namespace.forwardRef(
+var PaymentFooter = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mt-6 flex flex-col gap-3", className), ...props })
 );
 PaymentFooter.displayName = "PaymentFooter";
-var PaymentButton = React41__namespace.forwardRef(
+var PaymentButton = React42__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -11863,6 +12071,7 @@ exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
 exports.AccordionTrigger = AccordionTrigger;
+exports.AltHintState = AltHintState;
 exports.AnimatedText = AnimatedText;
 exports.AppShell = AppShell;
 exports.AuthGuard = AuthGuard;
@@ -11963,6 +12172,7 @@ exports.ReactionBar = ReactionBar;
 exports.ResizableDivider = ResizableDivider;
 exports.ResizableLayout = ResizableLayout;
 exports.ResizablePane = ResizablePane;
+exports.SANE_DEFAULTS = SANE_DEFAULTS;
 exports.STATUS_COLORS = STATUS_COLORS2;
 exports.STATUS_LABELS = STATUS_LABELS2;
 exports.SearchBar = SearchBar;
@@ -11973,6 +12183,10 @@ exports.SelectContent = SelectContent;
 exports.SelectItem = SelectItem;
 exports.SelectTrigger = SelectTrigger;
 exports.ShortcutBadge = ShortcutBadge;
+exports.ShortcutContext = ShortcutContext;
+exports.ShortcutHint = ShortcutHint;
+exports.ShortcutProvider = ShortcutProvider;
+exports.ShortcutRegistry = ShortcutRegistry;
 exports.Sidebar = Sidebar;
 exports.Skeleton = Skeleton;
 exports.SkeletonText = SkeletonText;
@@ -12001,6 +12215,7 @@ exports.TooltipTrigger = TooltipTrigger;
 exports.TypewriterText = TypewriterText;
 exports.VersionSelector = VersionSelector;
 exports.VideoPlayer = VideoPlayer;
+exports.altHintState = altHintState;
 exports.animatedTextVariants = animatedTextVariants;
 exports.avatarFallbackVariants = avatarFallbackVariants;
 exports.avatarImageVariants = avatarImageVariants;
@@ -12058,6 +12273,7 @@ exports.formatTimestamp = formatTimestamp;
 exports.getAssignableRoles = getAssignableRoles;
 exports.getDefaultPortal = getDefaultPortal;
 exports.getInitials = getInitials;
+exports.globalShortcutRegistry = globalShortcutRegistry;
 exports.hasAllRoles = hasAllRoles;
 exports.hasAnyRole = hasAnyRole;
 exports.hasRole = hasRole;
@@ -12147,6 +12363,7 @@ exports.toolbarVariants = toolbarVariants;
 exports.tooltipContentVariants = tooltipContentVariants;
 exports.typewriterVariants = typewriterVariants;
 exports.useAuth = useAuth;
+exports.useShortcut = useShortcut;
 exports.useTheme = useTheme;
 exports.useToast = useToast;
 exports.versionSelectorOptionVariants = optionVariants2;