@refraction-ui/react 0.3.3 → 0.3.5

package/dist/index.js

@@ -1,4 +1,4 @@
-import * as React41 from 'react';
+import * as React42 from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import { createPortal } from 'react-dom';
@@ -69,6 +69,7 @@ __export(index_exports, {
   AccordionContent: () => AccordionContent,
   AccordionItem: () => AccordionItem,
   AccordionTrigger: () => AccordionTrigger,
+  AltHintState: () => AltHintState,
   AnimatedText: () => AnimatedText,
   AppShell: () => AppShell,
   AuthGuard: () => AuthGuard,
@@ -169,6 +170,7 @@ __export(index_exports, {
   ResizableDivider: () => ResizableDivider,
   ResizableLayout: () => ResizableLayout,
   ResizablePane: () => ResizablePane,
+  SANE_DEFAULTS: () => SANE_DEFAULTS,
   STATUS_COLORS: () => STATUS_COLORS2,
   STATUS_LABELS: () => STATUS_LABELS2,
   SearchBar: () => SearchBar,
@@ -179,6 +181,10 @@ __export(index_exports, {
   SelectItem: () => SelectItem,
   SelectTrigger: () => SelectTrigger,
   ShortcutBadge: () => ShortcutBadge,
+  ShortcutContext: () => ShortcutContext,
+  ShortcutHint: () => ShortcutHint,
+  ShortcutProvider: () => ShortcutProvider,
+  ShortcutRegistry: () => ShortcutRegistry,
   Sidebar: () => Sidebar,
   Skeleton: () => Skeleton,
   SkeletonText: () => SkeletonText,
@@ -207,6 +213,7 @@ __export(index_exports, {
   TypewriterText: () => TypewriterText,
   VersionSelector: () => VersionSelector,
   VideoPlayer: () => VideoPlayer,
+  altHintState: () => altHintState,
   animatedTextVariants: () => animatedTextVariants,
   avatarFallbackVariants: () => avatarFallbackVariants,
   avatarImageVariants: () => avatarImageVariants,
@@ -264,6 +271,7 @@ __export(index_exports, {
   getAssignableRoles: () => getAssignableRoles,
   getDefaultPortal: () => getDefaultPortal,
   getInitials: () => getInitials,
+  globalShortcutRegistry: () => globalShortcutRegistry,
   hasAllRoles: () => hasAllRoles,
   hasAnyRole: () => hasAnyRole,
   hasRole: () => hasRole,
@@ -353,6 +361,7 @@ __export(index_exports, {
   tooltipContentVariants: () => tooltipContentVariants,
   typewriterVariants: () => typewriterVariants,
   useAuth: () => useAuth,
+  useShortcut: () => useShortcut,
   useTheme: () => useTheme,
   useToast: () => useToast,
   versionSelectorOptionVariants: () => optionVariants2,
@@ -474,14 +483,14 @@ function applyThemeToDOM(resolved, attribute = "class") {
 }
 
 // ../react-theme/dist/index.js
-var ThemeContext = React41.createContext(null);
+var ThemeContext = React42.createContext(null);
 function ThemeProvider({
   children,
   defaultMode = "system",
   storageKey = "rfr-theme",
   attribute = "class"
 }) {
-  const themeRef = React41.useRef(null);
+  const themeRef = React42.useRef(null);
   if (!themeRef.current) {
     const isBrowser = typeof window !== "undefined";
     themeRef.current = createTheme(
@@ -490,8 +499,8 @@ function ThemeProvider({
       isBrowser ? createMediaQueryAdapter() : void 0
     );
   }
-  const [state, setState] = React41.useState(() => themeRef.current.getState());
-  React41.useEffect(() => {
+  const [state, setState] = React42.useState(() => themeRef.current.getState());
+  React42.useEffect(() => {
     const theme = themeRef.current;
     applyThemeToDOM(theme.getState().resolved, attribute);
     const unsub = theme.subscribe((newState) => {
@@ -503,7 +512,7 @@ function ThemeProvider({
       theme.destroy();
     };
   }, [attribute]);
-  const contextValue = React41.useMemo(
+  const contextValue = React42.useMemo(
     () => ({
       mode: state.mode,
       resolved: state.resolved,
@@ -511,10 +520,10 @@ function ThemeProvider({
     }),
     [state.mode, state.resolved]
   );
-  return React41.createElement(ThemeContext.Provider, { value: contextValue }, children);
+  return React42.createElement(ThemeContext.Provider, { value: contextValue }, children);
 }
 function useTheme() {
-  const context = React41.useContext(ThemeContext);
+  const context = React42.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a <ThemeProvider>");
   }
@@ -526,7 +535,7 @@ var modes = [
   { value: "system", label: "System", icon: "monitor" }
 ];
 var icons = {
-  sun: React41.createElement(
+  sun: React42.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -539,10 +548,10 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React41.createElement("circle", { cx: 12, cy: 12, r: 5 }),
-    React41.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.createElement("circle", { cx: 12, cy: 12, r: 5 }),
+    React42.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.createElement(
+  moon: React42.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -555,9 +564,9 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React41.createElement("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+    React42.createElement("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
   ),
-  monitor: React41.createElement(
+  monitor: React42.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -570,15 +579,15 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React41.createElement("rect", { x: 2, y: 3, width: 20, height: 14, rx: 2, ry: 2 }),
-    React41.createElement("line", { x1: 8, y1: 21, x2: 16, y2: 21 }),
-    React41.createElement("line", { x1: 12, y1: 17, x2: 12, y2: 21 })
+    React42.createElement("rect", { x: 2, y: 3, width: 20, height: 14, rx: 2, ry: 2 }),
+    React42.createElement("line", { x1: 8, y1: 21, x2: 16, y2: 21 }),
+    React42.createElement("line", { x1: 12, y1: 17, x2: 12, y2: 21 })
   )
 };
 function ThemeToggle({ className, variant = "segmented" }) {
   const { mode, setMode } = useTheme();
   if (variant === "segmented") {
-    return React41.createElement(
+    return React42.createElement(
       "div",
       {
         className: `inline-flex items-center gap-1 rounded-lg border p-1 ${className ?? ""}`,
@@ -586,7 +595,7 @@ function ThemeToggle({ className, variant = "segmented" }) {
         "aria-label": "Theme"
       },
       modes.map(
-        ({ value, label, icon }) => React41.createElement("button", {
+        ({ value, label, icon }) => React42.createElement("button", {
           key: value,
           type: "button",
           role: "radio",
@@ -598,9 +607,9 @@ function ThemeToggle({ className, variant = "segmented" }) {
       )
     );
   }
-  const [open, setOpen] = React41.useState(false);
-  const ref = React41.useRef(null);
-  React41.useEffect(() => {
+  const [open, setOpen] = React42.useState(false);
+  const ref = React42.useRef(null);
+  React42.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -609,24 +618,24 @@ function ThemeToggle({ className, variant = "segmented" }) {
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
   const currentIcon = modes.find((m) => m.value === mode)?.icon ?? "monitor";
-  return React41.createElement(
+  return React42.createElement(
     "div",
     { ref, className: `relative ${className ?? ""}` },
-    React41.createElement("button", {
+    React42.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.createElement(
+    open && React42.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.createElement("button", {
+        ({ value, label, icon }) => React42.createElement("button", {
           key: value,
           type: "button",
           role: "menuitem",
@@ -644,7 +653,7 @@ function ThemeScript({
   storageKey = "rfr-theme",
   attribute = "class"
 }) {
-  return React41.createElement("script", {
+  return React42.createElement("script", {
     dangerouslySetInnerHTML: {
       __html: getThemeScript(storageKey, attribute)
     }
@@ -762,14 +771,14 @@ function cva(config) {
     return classes.filter(Boolean).join(" ");
   };
 }
-var AccordionContext = React41.createContext(null);
-var Accordion = React41.forwardRef(
+var AccordionContext = React42.createContext(null);
+var Accordion = React42.forwardRef(
   ({ className, type = "single", collapsible, value: controlledValue, defaultValue, onValueChange, ...props }, ref) => {
-    const [uncontrolledValue, setUncontrolledValue] = React41.useState(
+    const [uncontrolledValue, setUncontrolledValue] = React42.useState(
       defaultValue ?? (type === "multiple" ? [] : "")
     );
     const value = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
-    const handleValueChange = React41.useCallback(
+    const handleValueChange = React42.useCallback(
       (itemValue) => {
         if (type === "single") {
           const newValue = value === itemValue && collapsible ? "" : itemValue;
@@ -788,20 +797,20 @@ var Accordion = React41.forwardRef(
   }
 );
 Accordion.displayName = "Accordion";
-var AccordionItemContext = React41.createContext(null);
-var AccordionItem = React41.forwardRef(
+var AccordionItemContext = React42.createContext(null);
+var AccordionItem = React42.forwardRef(
   ({ className, value, ...props }, ref) => {
-    const context = React41.useContext(AccordionContext);
+    const context = React42.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__ */ jsx(AccordionItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("border-b border-border", className), "data-state": isOpen ? "open" : "closed", ...props }) });
   }
 );
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React41.forwardRef(
+var AccordionTrigger = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const accordionContext = React41.useContext(AccordionContext);
-    const itemContext = React41.useContext(AccordionItemContext);
+    const accordionContext = React42.useContext(AccordionContext);
+    const itemContext = React42.useContext(AccordionItemContext);
     if (!accordionContext || !itemContext) throw new Error("AccordionTrigger missing context");
     return /* @__PURE__ */ jsx("h3", { className: "flex m-0 p-0", children: /* @__PURE__ */ jsxs(
       "button",
@@ -840,9 +849,9 @@ var AccordionTrigger = React41.forwardRef(
   }
 );
 AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React41.forwardRef(
+var AccordionContent = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const itemContext = React41.useContext(AccordionItemContext);
+    const itemContext = React42.useContext(AccordionItemContext);
     if (!itemContext) throw new Error("AccordionContent missing context");
     return /* @__PURE__ */ jsx(
       "div",
@@ -924,16 +933,16 @@ var typewriterVariants = cva({
     cursor: "blinking"
   }
 });
-var AnimatedText = React41.forwardRef(
+var AnimatedText = React42.forwardRef(
   ({ words, interval = 2500, transitionDuration = 1e3, className, ...props }, ref) => {
-    const apiRef = React41.useRef(
+    const apiRef = React42.useRef(
       createAnimatedText({ words})
     );
     const api = apiRef.current;
-    const [currentIndex, setCurrentIndex] = React41.useState(0);
-    const [isExiting, setIsExiting] = React41.useState(false);
+    const [currentIndex, setCurrentIndex] = React42.useState(0);
+    const [isExiting, setIsExiting] = React42.useState(false);
     const prefersReducedMotion = typeof globalThis !== "undefined" && typeof globalThis.matchMedia === "function" && globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    React41.useEffect(() => {
+    React42.useEffect(() => {
       if (words.length <= 1) return;
       const tick = setInterval(() => {
         if (prefersReducedMotion) {
@@ -969,13 +978,13 @@ var AnimatedText = React41.forwardRef(
   }
 );
 AnimatedText.displayName = "AnimatedText";
-var TypewriterText = React41.forwardRef(
+var TypewriterText = React42.forwardRef(
   ({ text, speed = 50, startDelay = 0, className, ...props }, ref) => {
-    const apiRef = React41.useRef(createTypewriter({ text}));
+    const apiRef = React42.useRef(createTypewriter({ text}));
     const api = apiRef.current;
-    const [currentIndex, setCurrentIndex] = React41.useState(0);
+    const [currentIndex, setCurrentIndex] = React42.useState(0);
     const prefersReducedMotion = typeof globalThis !== "undefined" && typeof globalThis.matchMedia === "function" && globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    React41.useEffect(() => {
+    React42.useEffect(() => {
       if (prefersReducedMotion) {
         api.state.currentIndex = text.length;
         setCurrentIndex(text.length);
@@ -1136,24 +1145,24 @@ function getAssignableRoles(user) {
 }
 
 // ../react-auth/dist/index.js
-var AuthContext = React41.createContext(null);
+var AuthContext = React42.createContext(null);
 function AuthProvider({ children, ...config }) {
-  const authRef = React41.useRef(null);
+  const authRef = React42.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.useState(() => authRef.current.getState());
-  React41.useEffect(() => {
+  const [state, setState] = React42.useState(() => authRef.current.getState());
+  React42.useEffect(() => {
     const unsub = authRef.current.subscribe(setState);
     return () => {
       unsub();
       authRef.current.destroy();
     };
   }, []);
-  const value = React41.useMemo(
+  const value = React42.useMemo(
     () => ({
       user: state.user,
       isLoading: state.status === "loading",
@@ -1167,10 +1176,10 @@ function AuthProvider({ children, ...config }) {
     }),
     [state.user, state.status]
   );
-  return React41.createElement(AuthContext.Provider, { value }, children);
+  return React42.createElement(AuthContext.Provider, { value }, children);
 }
 function useAuth() {
-  const ctx = React41.useContext(AuthContext);
+  const ctx = React42.useContext(AuthContext);
   if (!ctx) {
     throw new Error("useAuth must be used within an <AuthProvider>");
   }
@@ -1184,15 +1193,15 @@ function AuthGuard({
 }) {
   const { isLoading, isAuthenticated, user } = useAuth();
   if (isLoading) {
-    return React41.createElement(React41.Fragment, null, fallback ?? null);
+    return React42.createElement(React42.Fragment, null, fallback ?? null);
   }
   if (!isAuthenticated) {
-    return React41.createElement(React41.Fragment, null, fallback ?? null);
+    return React42.createElement(React42.Fragment, null, fallback ?? null);
   }
   if (roles && roles.length > 0 && !hasAnyRole(user, roles)) {
-    return React41.createElement(React41.Fragment, null, unauthorized ?? null);
+    return React42.createElement(React42.Fragment, null, unauthorized ?? null);
   }
-  return React41.createElement(React41.Fragment, null, children);
+  return React42.createElement(React42.Fragment, null, children);
 }
 
 // ../badge/dist/index.js
@@ -1232,7 +1241,7 @@ var badgeVariants = cva({
     size: "md"
   }
 });
-var Badge = React41.forwardRef(
+var Badge = React42.forwardRef(
   ({ variant, size, className, children, ...props }, ref) => {
     const api = createBadge({ variant});
     const classes = cn(badgeVariants({ variant, size }), className);
@@ -1279,7 +1288,7 @@ var bottomNavTabVariants = cva({
     active: "false"
   }
 });
-var BottomNav = React41.forwardRef(
+var BottomNav = React42.forwardRef(
   ({ tabs = [], currentPath, className, ...props }, ref) => {
     const api = createBottomNav({ currentPath });
     const classes = cn(bottomNavVariants(), className);
@@ -1352,7 +1361,7 @@ var breadcrumbItemVariants = cva({
   }
 });
 var breadcrumbSeparatorStyles = "text-muted-foreground/50 select-none";
-var Breadcrumbs = React41.forwardRef(
+var Breadcrumbs = React42.forwardRef(
   ({
     pathname,
     items,
@@ -1459,31 +1468,341 @@ var buttonVariants = cva({
     size: "default"
   }
 });
-var Button = React41.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.createContext(false);
+function ShortcutProvider({ children }) {
+  const [showHints, setShowHints] = React42.useState(altHintState.snapshot);
+  React42.useEffect(() => {
+    altHintState.init();
+    return altHintState.subscribe(setShowHints);
+  }, []);
+  return /* @__PURE__ */ jsx(ShortcutContext.Provider, { value: showHints, children });
+}
+function useShortcut({
+  shortcut,
+  action,
+  onTrigger,
+  enabled = true,
+  preventDefault = true
+}) {
+  const showHints = React42.useContext(ShortcutContext);
+  const keys = React42.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.useRef(
+    createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })
+  );
+  React42.useEffect(() => {
+    apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault });
+  }, [keys, onTrigger, enabled, preventDefault]);
+  React42.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.useContext(ShortcutContext);
+  const keys = React42.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__ */ jsx("div", { className: cn("absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none z-10", className), children: /* @__PURE__ */ jsx(ShortcutBadge, { keys, platform, ...props }) });
+}
+function KeyboardShortcut({
+  keys,
+  onTrigger,
+  enabled = true,
+  preventDefault = true
+}) {
+  const apiRef = React42.useRef(
+    createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })
+  );
+  React42.useEffect(() => {
+    apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault });
+  }, [keys, onTrigger, enabled, preventDefault]);
+  React42.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.createElement(
+    "kbd",
+    { ...api.badgeAriaProps, className: cn(shortcutBadgeStyles, className) },
+    isMacDisplay ? React42.createElement("span", null, displayKeys) : keys.map(
+      (key, i) => React42.createElement(
+        React42.Fragment,
+        { key: i },
+        i > 0 && React42.createElement("span", { className: shortcutSeparatorStyles }, "+"),
+        React42.createElement(
+          "span",
+          { className: shortcutKeyStyles },
+          formatShortcut([key], false)
+        )
+      )
+    )
+  );
+}
+ShortcutBadge.displayName = "ShortcutBadge";
+var Button = React42.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.isValidElement(children)) {
-      return React41.cloneElement(children, {
-        ref,
-        className: cn(classes, children.props.className),
+    const internalRef = React42.useRef(null);
+    const mergedRef = React42.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.isValidElement(children)) {
+      return React42.cloneElement(children, {
+        ref: mergedRef,
+        className: cn(classes, children.props.className, "relative"),
         type: getButtonType({ type: props.type }),
         ...api.ariaProps,
         ...api.dataAttributes,
-        ...props
+        ...props,
+        children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          (shortcut || action) && /* @__PURE__ */ jsx(ShortcutHint, { shortcut, action, className: "right-4" }),
+          children.props.children
+        ] })
       });
     }
     return /* @__PURE__ */ 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__ */ jsx(ShortcutHint, { shortcut, action, className: "right-4" }),
           loading && /* @__PURE__ */ jsxs(
             "svg",
             {
@@ -1671,15 +1990,15 @@ function Calendar({
   maxDate,
   disabledDates
 }) {
-  const [uncontrolledValue, setUncontrolledValue] = React41.useState(defaultValue);
-  const [uncontrolledMonth, setUncontrolledMonth] = React41.useState(
+  const [uncontrolledValue, setUncontrolledValue] = React42.useState(defaultValue);
+  const [uncontrolledMonth, setUncontrolledMonth] = React42.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.useCallback(
+  const handleSelect = React42.useCallback(
     (date) => {
       if (!isValueControlled) {
         setUncontrolledValue(date);
@@ -1688,7 +2007,7 @@ function Calendar({
     },
     [isValueControlled, onSelect]
   );
-  const handleMonthChange = React41.useCallback(
+  const handleMonthChange = React42.useCallback(
     (m) => {
       if (!isMonthControlled) {
         setUncontrolledMonth(m);
@@ -1714,28 +2033,28 @@ function Calendar({
     return "default";
   }
   const monthLabel = `${MONTH_NAMES[api.state.currentMonth.getMonth()]} ${api.state.currentMonth.getFullYear()}`;
-  return React41.createElement(
+  return React42.createElement(
     "div",
     {
       className: cn(calendarVariants(), className),
       ...api.ariaProps
     },
     // Header row: prev, month label, next
-    React41.createElement(CalendarHeader, {
+    React42.createElement(CalendarHeader, {
       label: monthLabel,
       labelId: api.ids.label,
       onPrevMonth: api.prevMonth,
       onNextMonth: api.nextMonth
     }),
     // Day-of-week headers
-    React41.createElement(
+    React42.createElement(
       "div",
       {
         className: "grid grid-cols-7 gap-1 mb-1",
         role: "row"
       },
       DAY_HEADERS.map(
-        (d) => React41.createElement(
+        (d) => React42.createElement(
           "div",
           {
             key: d,
@@ -1748,7 +2067,7 @@ function Calendar({
       )
     ),
     // Day grid
-    React41.createElement(
+    React42.createElement(
       "div",
       {
         className: "grid grid-cols-7 gap-1",
@@ -1757,7 +2076,7 @@ function Calendar({
       api.days.map((day, i) => {
         const dayAriaProps = api.getDayAriaProps(day);
         const state = getDayState(day);
-        return React41.createElement(
+        return React42.createElement(
           "button",
           {
             key: i,
@@ -1781,12 +2100,12 @@ function CalendarHeader({
   onNextMonth,
   className
 }) {
-  return React41.createElement(
+  return React42.createElement(
     "div",
     {
       className: cn("flex items-center justify-between mb-2", className)
     },
-    React41.createElement(
+    React42.createElement(
       "button",
       {
         type: "button",
@@ -1796,7 +2115,7 @@ function CalendarHeader({
       },
       "\u2039"
     ),
-    React41.createElement(
+    React42.createElement(
       "div",
       {
         id: labelId,
@@ -1805,7 +2124,7 @@ function CalendarHeader({
       },
       label
     ),
-    React41.createElement(
+    React42.createElement(
       "button",
       {
         type: "button",
@@ -1938,7 +2257,7 @@ var codeEditorVariants = cva({
     size: "default"
   }
 });
-var CodeEditor = React41.forwardRef(
+var CodeEditor = React42.forwardRef(
   ({
     value = "",
     onChange,
@@ -2054,9 +2373,9 @@ var collapsibleContentVariants = cva({
 });
 
 // ../react-collapsible/dist/index.js
-var CollapsibleContext = React41.createContext(null);
+var CollapsibleContext = React42.createContext(null);
 function useCollapsibleContext() {
-  const ctx = React41.useContext(CollapsibleContext);
+  const ctx = React42.useContext(CollapsibleContext);
   if (!ctx) {
     throw new Error(
       "Collapsible compound components must be used within <Collapsible>"
@@ -2072,10 +2391,10 @@ function Collapsible({
   children,
   className
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React41.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React42.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React41.useCallback(
+  const handleOpenChange = React42.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -2084,12 +2403,12 @@ function Collapsible({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React41.useRef(null);
+  const apiRef = React42.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createCollapsible({ open, defaultOpen, disabled });
   }
   const contentId = apiRef.current.contentProps.id;
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -2098,10 +2417,10 @@ function Collapsible({
     }),
     [open, handleOpenChange, disabled, contentId]
   );
-  return React41.createElement(
+  return React42.createElement(
     CollapsibleContext.Provider,
     { value: ctx },
-    React41.createElement(
+    React42.createElement(
       "div",
       {
         "data-state": open ? "open" : "closed",
@@ -2113,7 +2432,7 @@ function Collapsible({
   );
 }
 Collapsible.displayName = "Collapsible";
-var CollapsibleTrigger = React41.forwardRef(({ onClick, disabled: disabledProp, children, ...props }, ref) => {
+var CollapsibleTrigger = React42.forwardRef(({ onClick, disabled: disabledProp, children, ...props }, ref) => {
   const { open, onOpenChange, disabled: ctxDisabled, contentId } = useCollapsibleContext();
   const disabled = disabledProp ?? ctxDisabled;
   const handleClick = (e) => {
@@ -2122,7 +2441,7 @@ var CollapsibleTrigger = React41.forwardRef(({ onClick, disabled: disabledProp,
     }
     onClick?.(e);
   };
-  return React41.createElement(
+  return React42.createElement(
     "button",
     {
       ref,
@@ -2139,11 +2458,11 @@ var CollapsibleTrigger = React41.forwardRef(({ onClick, disabled: disabledProp,
   );
 });
 CollapsibleTrigger.displayName = "CollapsibleTrigger";
-var CollapsibleContent = React41.forwardRef(({ className, children, ...props }, ref) => {
+var CollapsibleContent = React42.forwardRef(({ className, children, ...props }, ref) => {
   const { open, contentId } = useCollapsibleContext();
   const dataState = open ? "open" : "closed";
   if (!open) return null;
-  return React41.createElement(
+  return React42.createElement(
     "div",
     {
       ref,
@@ -2288,9 +2607,9 @@ var commandGroupVariants = cva({
 });
 
 // ../react-command/dist/index.js
-var CommandContext = React41.createContext(null);
+var CommandContext = React42.createContext(null);
 function useCommandContext() {
-  const ctx = React41.useContext(CommandContext);
+  const ctx = React42.useContext(CommandContext);
   if (!ctx) {
     throw new Error("Command compound components must be used within <Command>");
   }
@@ -2303,11 +2622,11 @@ function Command({
   className,
   children
 }) {
-  const [items, setItems] = React41.useState([]);
-  const [search, setSearch] = React41.useState("");
-  const [selectedIndex, setSelectedIndex] = React41.useState(0);
-  const apiRef = React41.useRef(null);
-  const api = React41.useMemo(() => {
+  const [items, setItems] = React42.useState([]);
+  const [search, setSearch] = React42.useState("");
+  const [selectedIndex, setSelectedIndex] = React42.useState(0);
+  const apiRef = React42.useRef(null);
+  const api = React42.useMemo(() => {
     const instance = createCommand({ open, onOpenChange, filter }, items);
     if (search) {
       instance.search(search);
@@ -2316,23 +2635,23 @@ function Command({
     return instance;
   }, [open, onOpenChange, filter, items, search]);
   const filteredItems = api.state.filteredItems;
-  const handleSearch = React41.useCallback((query) => {
+  const handleSearch = React42.useCallback((query) => {
     setSearch(query);
     setSelectedIndex(0);
   }, []);
-  const handleSelect = React41.useCallback((index) => {
+  const handleSelect = React42.useCallback((index) => {
     setSelectedIndex(index);
   }, []);
-  const registerItem = React41.useCallback((item) => {
+  const registerItem = React42.useCallback((item) => {
     setItems((prev) => {
       if (prev.some((i) => i.id === item.id)) return prev;
       return [...prev, item];
     });
   }, []);
-  const unregisterItem = React41.useCallback((id) => {
+  const unregisterItem = React42.useCallback((id) => {
     setItems((prev) => prev.filter((i) => i.id !== id));
   }, []);
-  const handleKeyDown = React41.useCallback(
+  const handleKeyDown = React42.useCallback(
     (e) => {
       const handler = createKeyboardHandler({
         [Keys.ArrowDown]: (ev) => {
@@ -2359,7 +2678,7 @@ function Command({
     },
     [filteredItems.length, onOpenChange]
   );
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({
       search,
       onSearch: handleSearch,
@@ -2374,10 +2693,10 @@ function Command({
     }),
     [search, handleSearch, selectedIndex, handleSelect, items, filteredItems, registerItem, unregisterItem, api.ids.list, api.ids.input]
   );
-  return React41.createElement(
+  return React42.createElement(
     CommandContext.Provider,
     { value: ctx },
-    React41.createElement(
+    React42.createElement(
       "div",
       {
         className: cn(commandVariants(), className),
@@ -2389,14 +2708,14 @@ function Command({
   );
 }
 Command.displayName = "Command";
-var CommandInput = React41.forwardRef(
+var CommandInput = React42.forwardRef(
   ({ className, onChange, ...props }, ref) => {
     const { search, onSearch, inputId, listId } = useCommandContext();
     const handleChange = (e) => {
       onSearch(e.target.value);
       onChange?.(e);
     };
-    return React41.createElement("input", {
+    return React42.createElement("input", {
       ref,
       id: inputId,
       type: "text",
@@ -2411,10 +2730,10 @@ var CommandInput = React41.forwardRef(
   }
 );
 CommandInput.displayName = "CommandInput";
-var CommandList = React41.forwardRef(
+var CommandList = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { listId } = useCommandContext();
-    return React41.createElement(
+    return React42.createElement(
       "div",
       {
         ref,
@@ -2429,11 +2748,11 @@ var CommandList = React41.forwardRef(
   }
 );
 CommandList.displayName = "CommandList";
-var CommandEmpty = React41.forwardRef(
+var CommandEmpty = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { filteredItems } = useCommandContext();
     if (filteredItems.length > 0) return null;
-    return React41.createElement(
+    return React42.createElement(
       "div",
       {
         ref,
@@ -2446,9 +2765,9 @@ var CommandEmpty = React41.forwardRef(
   }
 );
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React41.forwardRef(
+var CommandGroup = React42.forwardRef(
   ({ className, heading, children, ...props }, ref) => {
-    return React41.createElement(
+    return React42.createElement(
       "div",
       {
         ref,
@@ -2457,7 +2776,7 @@ var CommandGroup = React41.forwardRef(
         "aria-label": heading,
         ...props
       },
-      heading ? React41.createElement(
+      heading ? React42.createElement(
         "div",
         { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground" },
         heading
@@ -2467,10 +2786,10 @@ var CommandGroup = React41.forwardRef(
   }
 );
 CommandGroup.displayName = "CommandGroup";
-var CommandItem = React41.forwardRef(
+var CommandItem = React42.forwardRef(
   ({ className, value, disabled, onSelect: onItemSelect, children, ...props }, ref) => {
     const state = disabled ? "disabled" : "default";
-    return React41.createElement(
+    return React42.createElement(
       "div",
       {
         ref,
@@ -2491,9 +2810,9 @@ var CommandItem = React41.forwardRef(
   }
 );
 CommandItem.displayName = "CommandItem";
-var CommandSeparator = React41.forwardRef(
+var CommandSeparator = React42.forwardRef(
   ({ className, ...props }, ref) => {
-    return React41.createElement("div", {
+    return React42.createElement("div", {
       ref,
       role: "separator",
       className: cn("-mx-1 h-px bg-border", className),
@@ -2540,7 +2859,7 @@ var contentProtectionVariants = cva({
 var watermarkVariants = cva({
   base: "pointer-events-none absolute inset-0 z-50 overflow-hidden"
 });
-var ContentProtection = React41.forwardRef(
+var ContentProtection = React42.forwardRef(
   ({
     enabled,
     disableCopy,
@@ -2787,10 +3106,10 @@ function DataTable({
   className,
   emptyMessage = "No data available"
 }) {
-  const [sortBy, setSortBy] = React41.useState(controlledSortBy ?? null);
-  const [sortDir, setSortDir] = React41.useState(controlledSortDir);
-  const [filters, setFilters] = React41.useState(controlledFilters ?? {});
-  const api = React41.useMemo(
+  const [sortBy, setSortBy] = React42.useState(controlledSortBy ?? null);
+  const [sortDir, setSortDir] = React42.useState(controlledSortDir);
+  const [filters, setFilters] = React42.useState(controlledFilters ?? {});
+  const api = React42.useMemo(
     () => createDataTable({
       columns,
       data,
@@ -2801,7 +3120,7 @@ function DataTable({
     }),
     [columns, data, sortBy, sortDir, onSort, filters]
   );
-  const handleSort = React41.useCallback(
+  const handleSort = React42.useCallback(
     (columnId) => {
       const col = columns.find((c) => c.id === columnId);
       if (!col?.sortable) return;
@@ -2815,7 +3134,7 @@ function DataTable({
     },
     [columns, sortBy, sortDir, onSort]
   );
-  const handleFilter = React41.useCallback(
+  const handleFilter = React42.useCallback(
     (columnId, value) => {
       setFilters((prev) => ({ ...prev, [columnId]: value }));
     },
@@ -2823,26 +3142,26 @@ function DataTable({
   );
   const sortedData = api.state.sortedData;
   const hasFilterable = columns.some((c) => c.filterable);
-  return React41.createElement(
+  return React42.createElement(
     "div",
     { className: "relative w-full overflow-auto" },
-    React41.createElement(
+    React42.createElement(
       "table",
       {
         className: cn(tableVariants(), className),
         role: "table"
       },
       // thead
-      React41.createElement(
+      React42.createElement(
         "thead",
         null,
         // Header row
-        React41.createElement(
+        React42.createElement(
           "tr",
           { role: "row" },
           ...columns.map((col) => {
             const headerProps = api.getHeaderProps(col);
-            return React41.createElement(
+            return React42.createElement(
               "th",
               {
                 key: col.id,
@@ -2851,19 +3170,19 @@ function DataTable({
                 onClick: col.sortable ? () => handleSort(col.id) : void 0
               },
               col.header,
-              col.sortable && sortBy === col.id ? React41.createElement("span", { "aria-hidden": true }, sortDir === "asc" ? " \u2191" : " \u2193") : null
+              col.sortable && sortBy === col.id ? React42.createElement("span", { "aria-hidden": true }, sortDir === "asc" ? " \u2191" : " \u2193") : null
             );
           })
         ),
         // Filter row
-        hasFilterable ? React41.createElement(
+        hasFilterable ? React42.createElement(
           "tr",
           { role: "row", "data-filter-row": "true" },
           ...columns.map(
-            (col) => React41.createElement(
+            (col) => React42.createElement(
               "th",
               { key: `filter-${col.id}` },
-              col.filterable ? React41.createElement("input", {
+              col.filterable ? React42.createElement("input", {
                 type: "text",
                 "aria-label": `Filter ${col.header}`,
                 value: filters[col.id] ?? "",
@@ -2875,13 +3194,13 @@ function DataTable({
         ) : null
       ),
       // tbody
-      React41.createElement(
+      React42.createElement(
         "tbody",
         null,
-        sortedData.length === 0 ? React41.createElement(
+        sortedData.length === 0 ? React42.createElement(
           "tr",
           { role: "row" },
-          React41.createElement(
+          React42.createElement(
             "td",
             {
               colSpan: columns.length,
@@ -2891,7 +3210,7 @@ function DataTable({
             emptyMessage
           )
         ) : sortedData.map(
-          (row, rowIndex) => React41.createElement(
+          (row, rowIndex) => React42.createElement(
             "tr",
             {
               key: rowIndex,
@@ -2899,7 +3218,7 @@ function DataTable({
               className: rowVariants()
             },
             ...columns.map(
-              (col) => React41.createElement(
+              (col) => React42.createElement(
                 "td",
                 {
                   key: col.id,
@@ -3009,7 +3328,7 @@ function DeviceFrame({
   children
 }) {
   const api = createDeviceFrame({ device, orientation });
-  return React41.createElement(
+  return React42.createElement(
     "div",
     {
       className: cn(deviceFrameVariants({ device, orientation }), className),
@@ -3021,13 +3340,13 @@ function DeviceFrame({
       ...api.dataAttributes
     },
     // Notch decoration
-    api.dimensions.notch ? React41.createElement("div", {
+    api.dimensions.notch ? React42.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.createElement(
+    React42.createElement(
       "div",
       {
         className: "relative w-full h-full overflow-hidden bg-white",
@@ -3036,7 +3355,7 @@ function DeviceFrame({
       children
     ),
     // Home indicator decoration
-    api.dimensions.homeIndicator ? React41.createElement("div", {
+    api.dimensions.homeIndicator ? React42.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"
@@ -3125,9 +3444,9 @@ var dialogContentVariants = cva({
 });
 
 // ../react-dialog/dist/index.js
-var DialogContext = React41.createContext(null);
+var DialogContext = React42.createContext(null);
 function useDialogContext() {
-  const ctx = React41.useContext(DialogContext);
+  const ctx = React42.useContext(DialogContext);
   if (!ctx) {
     throw new Error("Dialog compound components must be used within <Dialog>");
   }
@@ -3140,10 +3459,10 @@ function Dialog({
   modal = true,
   children
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React41.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React42.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React41.useCallback(
+  const handleOpenChange = React42.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -3152,12 +3471,12 @@ function Dialog({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React41.useRef(null);
+  const apiRef = React42.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createDialog({ open, modal });
   }
   const api = apiRef.current;
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -3168,17 +3487,17 @@ function Dialog({
     }),
     [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description]
   );
-  return React41.createElement(DialogContext.Provider, { value: ctx }, children);
+  return React42.createElement(DialogContext.Provider, { value: ctx }, children);
 }
 Dialog.displayName = "Dialog";
-var DialogTrigger = React41.forwardRef(
+var DialogTrigger = React42.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDialogContext();
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
     };
-    return React41.createElement(
+    return React42.createElement(
       "button",
       {
         ref,
@@ -3194,7 +3513,7 @@ var DialogTrigger = React41.forwardRef(
   }
 );
 DialogTrigger.displayName = "DialogTrigger";
-var DialogOverlay = React41.forwardRef(
+var DialogOverlay = React42.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { open, onOpenChange } = useDialogContext();
     if (!open) return null;
@@ -3204,7 +3523,7 @@ var DialogOverlay = React41.forwardRef(
       }
       onClick?.(e);
     };
-    return React41.createElement("div", {
+    return React42.createElement("div", {
       ref,
       className: cn(overlayStyles, className),
       "data-state": open ? "open" : "closed",
@@ -3214,10 +3533,10 @@ var DialogOverlay = React41.forwardRef(
   }
 );
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React41.forwardRef(
+var DialogContent = React42.forwardRef(
   ({ className, children, onKeyDown, ...props }, ref) => {
     const { open, onOpenChange, modal, contentId, titleId, descriptionId } = useDialogContext();
-    React41.useMemo(
+    React42.useMemo(
       () => createDialog({ open, modal }),
       [open, modal]
     );
@@ -3232,7 +3551,7 @@ var DialogContent = React41.forwardRef(
       onKeyDown?.(e);
     };
     if (!open) return null;
-    const content = React41.createElement(
+    const content = React42.createElement(
       "div",
       {
         ref,
@@ -3255,9 +3574,9 @@ var DialogContent = React41.forwardRef(
   }
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React41.forwardRef(
+var DialogHeader = React42.forwardRef(
   ({ className, ...props }, ref) => {
-    return React41.createElement("div", {
+    return React42.createElement("div", {
       ref,
       className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
       ...props
@@ -3265,9 +3584,9 @@ var DialogHeader = React41.forwardRef(
   }
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React41.forwardRef(
+var DialogFooter = React42.forwardRef(
   ({ className, ...props }, ref) => {
-    return React41.createElement("div", {
+    return React42.createElement("div", {
       ref,
       className: cn(
         "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
@@ -3278,10 +3597,10 @@ var DialogFooter = React41.forwardRef(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React41.forwardRef(
+var DialogTitle = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const { titleId } = useDialogContext();
-    return React41.createElement("h2", {
+    return React42.createElement("h2", {
       ref,
       id: titleId,
       className: cn("text-lg font-semibold leading-none tracking-tight", className),
@@ -3290,9 +3609,9 @@ var DialogTitle = React41.forwardRef(
   }
 );
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React41.forwardRef(({ className, ...props }, ref) => {
+var DialogDescription = React42.forwardRef(({ className, ...props }, ref) => {
   const { descriptionId } = useDialogContext();
-  return React41.createElement("p", {
+  return React42.createElement("p", {
     ref,
     id: descriptionId,
     className: cn("text-sm text-muted-foreground", className),
@@ -3300,14 +3619,14 @@ var DialogDescription = React41.forwardRef(({ className, ...props }, ref) => {
   });
 });
 DialogDescription.displayName = "DialogDescription";
-var DialogClose = React41.forwardRef(
+var DialogClose = React42.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { onOpenChange } = useDialogContext();
     const handleClick = (e) => {
       onOpenChange(false);
       onClick?.(e);
     };
-    return React41.createElement(
+    return React42.createElement(
       "button",
       {
         ref,
@@ -3412,9 +3731,9 @@ var menuItemVariants = cva({
 });
 
 // ../react-dropdown-menu/dist/index.js
-var DropdownMenuContext = React41.createContext(null);
+var DropdownMenuContext = React42.createContext(null);
 function useDropdownMenuContext() {
-  const ctx = React41.useContext(DropdownMenuContext);
+  const ctx = React42.useContext(DropdownMenuContext);
   if (!ctx) {
     throw new Error("DropdownMenu compound components must be used within <DropdownMenu>");
   }
@@ -3426,10 +3745,10 @@ function DropdownMenu({
   onOpenChange,
   children
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React41.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React42.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React41.useCallback(
+  const handleOpenChange = React42.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -3438,12 +3757,12 @@ function DropdownMenu({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React41.useRef(null);
+  const apiRef = React42.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createDropdownMenu({ open });
   }
   const api = apiRef.current;
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -3451,17 +3770,17 @@ function DropdownMenu({
     }),
     [open, handleOpenChange, api.ids.content]
   );
-  return React41.createElement(DropdownMenuContext.Provider, { value: ctx }, children);
+  return React42.createElement(DropdownMenuContext.Provider, { value: ctx }, children);
 }
 DropdownMenu.displayName = "DropdownMenu";
-var DropdownMenuTrigger = React41.forwardRef(
+var DropdownMenuTrigger = React42.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDropdownMenuContext();
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
     };
-    return React41.createElement(
+    return React42.createElement(
       "button",
       {
         ref,
@@ -3477,7 +3796,7 @@ var DropdownMenuTrigger = React41.forwardRef(
   }
 );
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
-var DropdownMenuContent = React41.forwardRef(
+var DropdownMenuContent = React42.forwardRef(
   ({ className, children, onKeyDown, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDropdownMenuContext();
     const handleKeyDown = (e) => {
@@ -3491,7 +3810,7 @@ var DropdownMenuContent = React41.forwardRef(
       onKeyDown?.(e);
     };
     if (!open) return null;
-    const content = React41.createElement(
+    const content = React42.createElement(
       "div",
       {
         ref,
@@ -3512,7 +3831,7 @@ var DropdownMenuContent = React41.forwardRef(
   }
 );
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = React41.forwardRef(
+var DropdownMenuItem = React42.forwardRef(
   ({ className, disabled, onSelect, onClick, children, ...props }, ref) => {
     const { onOpenChange } = useDropdownMenuContext();
     const handleClick = (e) => {
@@ -3529,7 +3848,7 @@ var DropdownMenuItem = React41.forwardRef(
         onOpenChange(false);
       }
     };
-    return React41.createElement(
+    return React42.createElement(
       "div",
       {
         ref,
@@ -3547,9 +3866,9 @@ var DropdownMenuItem = React41.forwardRef(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = React41.forwardRef(
+var DropdownMenuSeparator = React42.forwardRef(
   ({ className, ...props }, ref) => {
-    return React41.createElement("div", {
+    return React42.createElement("div", {
       ref,
       role: "separator",
       className: cn("-mx-1 my-1 h-px bg-muted", className),
@@ -3558,9 +3877,9 @@ var DropdownMenuSeparator = React41.forwardRef(
   }
 );
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var DropdownMenuLabel = React41.forwardRef(
+var DropdownMenuLabel = React42.forwardRef(
   ({ className, ...props }, ref) => {
-    return React41.createElement("div", {
+    return React42.createElement("div", {
       ref,
       className: cn("px-2 py-1.5 text-sm font-semibold", className),
       ...props
@@ -3672,15 +3991,15 @@ function FeedbackDialog({
   type = "general",
   className
 }) {
-  const [open, setOpen] = React41.useState(controlledOpen ?? false);
-  const [comment, setComment] = React41.useState("");
-  const [email, setEmail] = React41.useState("");
-  const [honeypot, setHoneypot] = React41.useState("");
-  const [isSubmitting, setIsSubmitting] = React41.useState(false);
-  const [isSubmitted, setIsSubmitted] = React41.useState(false);
+  const [open, setOpen] = React42.useState(controlledOpen ?? false);
+  const [comment, setComment] = React42.useState("");
+  const [email, setEmail] = React42.useState("");
+  const [honeypot, setHoneypot] = React42.useState("");
+  const [isSubmitting, setIsSubmitting] = React42.useState(false);
+  const [isSubmitted, setIsSubmitted] = React42.useState(false);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : open;
-  const handleOpenChange = React41.useCallback(
+  const handleOpenChange = React42.useCallback(
     (next) => {
       if (!isControlled) {
         setOpen(next);
@@ -3689,11 +4008,11 @@ function FeedbackDialog({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React41.useRef(null);
+  const apiRef = React42.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createFeedbackDialog({ open: isOpen, onOpenChange: handleOpenChange, onSubmit, type });
   }
-  const handleSubmit = React41.useCallback(async () => {
+  const handleSubmit = React42.useCallback(async () => {
     if (honeypot) return;
     if (!comment.trim()) return;
     setIsSubmitting(true);
@@ -3710,7 +4029,7 @@ function FeedbackDialog({
       setIsSubmitting(false);
     }
   }, [comment, email, honeypot, type, onSubmit]);
-  const handleReset = React41.useCallback(() => {
+  const handleReset = React42.useCallback(() => {
     setComment("");
     setEmail("");
     setHoneypot("");
@@ -3720,15 +4039,15 @@ function FeedbackDialog({
   if (!isOpen) return null;
   const api = apiRef.current;
   if (isSubmitted) {
-    return React41.createElement(
+    return React42.createElement(
       "div",
       {
         className: cn(feedbackDialogVariants({ type }), className),
         ...api.ariaProps,
         "data-state": "submitted"
       },
-      React41.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
-      React41.createElement(
+      React42.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
+      React42.createElement(
         "button",
         {
           type: "button",
@@ -3741,22 +4060,22 @@ function FeedbackDialog({
       )
     );
   }
-  return React41.createElement(
+  return React42.createElement(
     "div",
     {
       className: cn(feedbackDialogVariants({ type }), className),
       ...api.ariaProps,
       "data-state": "open"
     },
-    React41.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
-    React41.createElement("textarea", {
+    React42.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
+    React42.createElement("textarea", {
       "aria-label": "Feedback comment",
       value: comment,
       onChange: (e) => setComment(e.target.value),
       placeholder: "Your feedback...",
       disabled: isSubmitting
     }),
-    React41.createElement("input", {
+    React42.createElement("input", {
       type: "email",
       "aria-label": "Email",
       value: email,
@@ -3765,7 +4084,7 @@ function FeedbackDialog({
       disabled: isSubmitting
     }),
     // Honeypot field — hidden from real users
-    React41.createElement("input", {
+    React42.createElement("input", {
       type: "text",
       "aria-hidden": true,
       tabIndex: -1,
@@ -3775,7 +4094,7 @@ function FeedbackDialog({
       autoComplete: "off",
       name: "website"
     }),
-    React41.createElement(
+    React42.createElement(
       "button",
       {
         type: "button",
@@ -3787,9 +4106,9 @@ function FeedbackDialog({
   );
 }
 FeedbackDialog.displayName = "FeedbackDialog";
-var FeedbackButton = React41.forwardRef(
+var FeedbackButton = React42.forwardRef(
   ({ children, ...props }, ref) => {
-    return React41.createElement(
+    return React42.createElement(
       "button",
       {
         ref,
@@ -3816,7 +4135,7 @@ function createFooter(props = {}) {
 var footerVariants = cva({
   base: "border-t bg-background py-8"
 });
-var Footer = React41.forwardRef(
+var Footer = React42.forwardRef(
   ({
     copyright,
     socialLinks = [],
@@ -3954,34 +4273,34 @@ function InlineEditor({
   onCancel,
   className
 }) {
-  const [isEditing, setIsEditing] = React41.useState(false);
-  const [editValue, setEditValue] = React41.useState(initialValue);
-  const apiRef = React41.useRef(null);
+  const [isEditing, setIsEditing] = React42.useState(false);
+  const [editValue, setEditValue] = React42.useState(initialValue);
+  const apiRef = React42.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createInlineEditor({ value: initialValue, onSave, onCancel });
   }
   const api = apiRef.current;
-  const handleStartEditing = React41.useCallback(() => {
+  const handleStartEditing = React42.useCallback(() => {
     setIsEditing(true);
     setEditValue(initialValue);
   }, [initialValue]);
-  const handleCancel = React41.useCallback(() => {
+  const handleCancel = React42.useCallback(() => {
     setIsEditing(false);
     setEditValue(initialValue);
     onCancel?.();
   }, [initialValue, onCancel]);
-  const handleSave = React41.useCallback(() => {
+  const handleSave = React42.useCallback(() => {
     setIsEditing(false);
     onSave?.(editValue);
   }, [editValue, onSave]);
-  const handleInsert = React41.useCallback(
+  const handleInsert = React42.useCallback(
     (syntax) => {
       setEditValue((prev) => prev + syntax);
     },
     []
   );
   if (!isEditing) {
-    return React41.createElement(
+    return React42.createElement(
       "div",
       {
         className: cn(editorVariants({ state: "viewing" }), className),
@@ -3996,20 +4315,20 @@ function InlineEditor({
           }
         }
       },
-      React41.createElement("div", { className: previewVariants() }, editValue || initialValue)
+      React42.createElement("div", { className: previewVariants() }, editValue || initialValue)
     );
   }
-  return React41.createElement(
+  return React42.createElement(
     "div",
     {
       className: cn(editorVariants({ state: "editing" }), className)
     },
     // Toolbar
-    React41.createElement(
+    React42.createElement(
       "div",
       { className: toolbarVariants(), role: "toolbar", "aria-label": "Formatting toolbar" },
       ...api.toolbarActions.map(
-        (action) => React41.createElement(
+        (action) => React42.createElement(
           "button",
           {
             key: action.name,
@@ -4023,16 +4342,16 @@ function InlineEditor({
       )
     ),
     // Editor area: side-by-side textarea + preview
-    React41.createElement(
+    React42.createElement(
       "div",
       { className: "flex gap-2 p-2" },
-      React41.createElement("textarea", {
+      React42.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.createElement(
+      React42.createElement(
         "div",
         {
           className: cn("flex-1", previewVariants()),
@@ -4042,15 +4361,15 @@ function InlineEditor({
       )
     ),
     // Action buttons
-    React41.createElement(
+    React42.createElement(
       "div",
       { className: "flex justify-end gap-2 p-2 border-t" },
-      React41.createElement(
+      React42.createElement(
         "button",
         { type: "button", onClick: handleCancel },
         "Cancel"
       ),
-      React41.createElement(
+      React42.createElement(
         "button",
         { type: "button", onClick: handleSave },
         "Save"
@@ -4106,7 +4425,7 @@ var inputVariants = cva({
     size: "default"
   }
 });
-var Input = React41.forwardRef(
+var Input = React42.forwardRef(
   ({ type = "text", size, className, disabled, readOnly, required, "aria-invalid": ariaInvalid, ...props }, ref) => {
     const api = createInput({
       disabled,
@@ -4199,7 +4518,7 @@ var inputGroupButtonVariants = cva({
     orientation: "horizontal"
   }
 });
-var InputGroup = React41.forwardRef(
+var InputGroup = React42.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     const api = createInputGroup({
       orientation,
@@ -4221,7 +4540,7 @@ var InputGroup = React41.forwardRef(
   }
 );
 InputGroup.displayName = "InputGroup";
-var InputGroupAddon = React41.forwardRef(
+var InputGroupAddon = React42.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -4235,7 +4554,7 @@ var InputGroupAddon = React41.forwardRef(
   }
 );
 InputGroupAddon.displayName = "InputGroupAddon";
-var InputGroupText = React41.forwardRef(
+var InputGroupText = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -4249,7 +4568,7 @@ var InputGroupText = React41.forwardRef(
   }
 );
 InputGroupText.displayName = "InputGroupText";
-var InputGroupButton = React41.forwardRef(
+var InputGroupButton = React42.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "button",
@@ -4315,7 +4634,7 @@ function createLocalStorage() {
     }
   };
 }
-var InstallPrompt = React41.forwardRef(
+var InstallPrompt = React42.forwardRef(
   ({
     delay = 3e3,
     storageKey,
@@ -4325,14 +4644,14 @@ var InstallPrompt = React41.forwardRef(
     className,
     ...props
   }, ref) => {
-    const storageRef = React41.useRef(void 0);
+    const storageRef = React42.useRef(void 0);
     if (typeof window !== "undefined" && !storageRef.current) {
       storageRef.current = createLocalStorage();
     }
     const api = createInstallPrompt({ storageKey }, storageRef.current);
-    const [visible, setVisible] = React41.useState(false);
-    const promptEventRef = React41.useRef(null);
-    React41.useEffect(() => {
+    const [visible, setVisible] = React42.useState(false);
+    const promptEventRef = React42.useRef(null);
+    React42.useEffect(() => {
       if (api.state.isDismissed) return;
       const handleBeforeInstall = (e) => {
         e.preventDefault();
@@ -4573,7 +4892,7 @@ function sanitizeHtml(html) {
   sanitized = sanitized.replace(/(href|src)\s*=\s*["']?\s*javascript\s*:[^"'>]*/gi, '$1=""');
   return sanitized;
 }
-var MarkdownRenderer = React41.forwardRef(
+var MarkdownRenderer = React42.forwardRef(
   ({ content, components, linkResolver, className, size }, ref) => {
     const coreProps = { content, components, linkResolver };
     const api = createMarkdownRenderer(coreProps);
@@ -4662,20 +4981,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.createContext(null);
+var MobileNavContext = React42.createContext(null);
 function useMobileNavContext() {
-  const ctx = React41.useContext(MobileNavContext);
+  const ctx = React42.useContext(MobileNavContext);
   if (!ctx) {
     throw new Error("MobileNav compound components must be used within <MobileNav>");
   }
   return ctx;
 }
-var MobileNav = React41.forwardRef(
+var MobileNav = React42.forwardRef(
   ({ open: controlledOpen, onOpenChange, defaultOpen = false, className, children, ...props }, ref) => {
-    const [uncontrolledOpen, setUncontrolledOpen] = React41.useState(defaultOpen);
+    const [uncontrolledOpen, setUncontrolledOpen] = React42.useState(defaultOpen);
     const isControlled = controlledOpen !== void 0;
     const open = isControlled ? controlledOpen : uncontrolledOpen;
-    const setOpen = React41.useCallback(
+    const setOpen = React42.useCallback(
       (value) => {
         if (!isControlled) {
           setUncontrolledOpen(value);
@@ -4685,11 +5004,11 @@ var MobileNav = React41.forwardRef(
       [isControlled, onOpenChange]
     );
     const api = createMobileNav({ open, onOpenChange: setOpen, id: props.id });
-    const handleKeyDown = React41.useMemo(
+    const handleKeyDown = React42.useMemo(
       () => createKeyboardHandler(api.keyboardHandlers),
       [open]
     );
-    const contextValue = React41.useMemo(
+    const contextValue = React42.useMemo(
       () => ({ open, setOpen, contentId: api.contentProps.id }),
       [open, setOpen, api.contentProps.id]
     );
@@ -4706,7 +5025,7 @@ var MobileNav = React41.forwardRef(
   }
 );
 MobileNav.displayName = "MobileNav";
-var MobileNavTrigger = React41.forwardRef(
+var MobileNavTrigger = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { open, setOpen, contentId } = useMobileNavContext();
     return /* @__PURE__ */ jsx(
@@ -4747,7 +5066,7 @@ var MobileNavTrigger = React41.forwardRef(
   }
 );
 MobileNavTrigger.displayName = "MobileNavTrigger";
-var MobileNavContent = React41.forwardRef(
+var MobileNavContent = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { open, contentId } = useMobileNavContext();
     const state = open ? "open" : "closed";
@@ -4766,7 +5085,7 @@ var MobileNavContent = React41.forwardRef(
   }
 );
 MobileNavContent.displayName = "MobileNavContent";
-var MobileNavLink = React41.forwardRef(
+var MobileNavLink = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "a",
@@ -4825,7 +5144,7 @@ var navLinkVariants = cva({
     active: "false"
   }
 });
-var Navbar = React41.forwardRef(
+var Navbar = React42.forwardRef(
   ({
     links = [],
     currentPath,
@@ -4920,19 +5239,19 @@ var popoverContentVariants = cva({
     side: "bottom"
   }
 });
-var PopoverContext = React41.createContext(null);
+var PopoverContext = React42.createContext(null);
 function usePopoverContext() {
-  const ctx = React41.useContext(PopoverContext);
+  const ctx = React42.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.useState(controlledOpen ?? defaultOpen);
+  const [internalOpen, setInternalOpen] = React42.useState(controlledOpen ?? defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
-  const handleOpenChange = React41.useCallback(
+  const handleOpenChange = React42.useCallback(
     (value) => {
       if (!isControlled) {
         setInternalOpen(value);
@@ -4941,18 +5260,18 @@ function Popover({ open: controlledOpen, defaultOpen = false, onOpenChange, plac
     },
     [isControlled, onOpenChange]
   );
-  const api = React41.useMemo(
+  const api = React42.useMemo(
     () => createPopover({ open: isOpen, onOpenChange: handleOpenChange, placement }),
     [isOpen, handleOpenChange, placement]
   );
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({ api, open: isOpen, setOpen: handleOpenChange }),
     [api, isOpen, handleOpenChange]
   );
-  return React41.createElement(PopoverContext.Provider, { value: ctx }, children);
+  return React42.createElement(PopoverContext.Provider, { value: ctx }, children);
 }
 Popover.displayName = "Popover";
-var PopoverTrigger = React41.forwardRef(
+var PopoverTrigger = React42.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { api, setOpen, open } = usePopoverContext();
     const handleClick = (e) => {
@@ -4975,7 +5294,7 @@ var PopoverTrigger = React41.forwardRef(
   }
 );
 PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverContent = React41.forwardRef(
+var PopoverContent = React42.forwardRef(
   ({ side, className, children, onKeyDown, ...props }, ref) => {
     const { api, open, setOpen } = usePopoverContext();
     const handleKeyDown = (e) => {
@@ -5004,7 +5323,7 @@ var PopoverContent = React41.forwardRef(
   }
 );
 PopoverContent.displayName = "PopoverContent";
-var PopoverClose = React41.forwardRef(
+var PopoverClose = React42.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { setOpen } = usePopoverContext();
     const handleClick = (e) => {
@@ -5125,9 +5444,9 @@ var searchResultVariants = cva({
 });
 
 // ../react-search-bar/dist/index.js
-var SearchBarContext = React41.createContext(null);
+var SearchBarContext = React42.createContext(null);
 function useSearchBarContext() {
-  const ctx = React41.useContext(SearchBarContext);
+  const ctx = React42.useContext(SearchBarContext);
   if (!ctx) {
     throw new Error("SearchBar compound components must be used within <SearchBar>");
   }
@@ -5145,11 +5464,11 @@ function SearchBar({
   children,
   ...inputProps
 }) {
-  const [internalValue, setInternalValue] = React41.useState(controlledValue ?? defaultValue);
+  const [internalValue, setInternalValue] = React42.useState(controlledValue ?? defaultValue);
   const isControlled = controlledValue !== void 0;
   const currentValue = isControlled ? controlledValue : internalValue;
-  const debounceRef = React41.useRef(void 0);
-  const handleValueChange = React41.useCallback(
+  const debounceRef = React42.useRef(void 0);
+  const handleValueChange = React42.useCallback(
     (val) => {
       if (!isControlled) {
         setInternalValue(val);
@@ -5158,8 +5477,8 @@ function SearchBar({
     },
     [isControlled, onValueChange]
   );
-  const [isSearching, setIsSearching] = React41.useState(loading);
-  const handleSearch = React41.useCallback(
+  const [isSearching, setIsSearching] = React42.useState(loading);
+  const handleSearch = React42.useCallback(
     (val) => {
       if (debounceRef.current !== void 0) {
         clearTimeout(debounceRef.current);
@@ -5176,7 +5495,7 @@ function SearchBar({
     },
     [onSearch, debounceMs]
   );
-  const handleChange = React41.useCallback(
+  const handleChange = React42.useCallback(
     (e) => {
       const val = e.target.value;
       handleValueChange(val);
@@ -5184,14 +5503,14 @@ function SearchBar({
     },
     [handleValueChange, handleSearch]
   );
-  const clear = React41.useCallback(() => {
+  const clear = React42.useCallback(() => {
     if (debounceRef.current !== void 0) {
       clearTimeout(debounceRef.current);
     }
     handleValueChange("");
     setIsSearching(false);
   }, [handleValueChange]);
-  const api = React41.useMemo(
+  const api = React42.useMemo(
     () => createSearchBar({
       value: currentValue,
       onValueChange: handleValueChange,
@@ -5202,7 +5521,7 @@ function SearchBar({
     }),
     [currentValue, handleValueChange, onSearch, debounceMs, placeholder, loading]
   );
-  const handleKeyDown = React41.useCallback(
+  const handleKeyDown = React42.useCallback(
     (e) => {
       if (e.key === "Escape") {
         clear();
@@ -5216,18 +5535,18 @@ function SearchBar({
     },
     [clear, onSearch, currentValue]
   );
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({ api, value: currentValue, isSearching, setValue: handleValueChange, clear }),
     [api, currentValue, isSearching, handleValueChange, clear]
   );
-  return React41.createElement(
+  return React42.createElement(
     SearchBarContext.Provider,
     { value: ctx },
-    React41.createElement(
+    React42.createElement(
       "div",
       { className: cn(searchBarVariants(), className) },
-      React41.createElement("span", { className: "rfr-search-icon", "aria-hidden": "true" }, "\u{1F50D}"),
-      React41.createElement("input", {
+      React42.createElement("span", { className: "rfr-search-icon", "aria-hidden": "true" }, "\u{1F50D}"),
+      React42.createElement("input", {
         ...inputProps,
         role: api.inputProps.role,
         "aria-expanded": api.inputProps["aria-expanded"],
@@ -5239,8 +5558,8 @@ function SearchBar({
         onKeyDown: handleKeyDown,
         className: "rfr-search-input flex-1 bg-transparent outline-none"
       }),
-      isSearching && React41.createElement("span", { className: "rfr-search-spinner", "aria-label": "Loading" }, "\u23F3"),
-      currentValue.length > 0 && !isSearching && React41.createElement(
+      isSearching && React42.createElement("span", { className: "rfr-search-spinner", "aria-label": "Loading" }, "\u23F3"),
+      currentValue.length > 0 && !isSearching && React42.createElement(
         "button",
         {
           type: "button",
@@ -5255,11 +5574,11 @@ function SearchBar({
   );
 }
 SearchBar.displayName = "SearchBar";
-var SearchResults = React41.forwardRef(
+var SearchResults = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { api, value } = useSearchBarContext();
     if (value.length === 0) return null;
-    return React41.createElement(
+    return React42.createElement(
       "ul",
       {
         ref,
@@ -5273,9 +5592,9 @@ var SearchResults = React41.forwardRef(
   }
 );
 SearchResults.displayName = "SearchResults";
-var SearchResultItem = React41.forwardRef(
+var SearchResultItem = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return React41.createElement(
+    return React42.createElement(
       "li",
       {
         ref,
@@ -5336,7 +5655,7 @@ var sidebarItemVariants = cva({
     active: "false"
   }
 });
-var Sidebar = React41.forwardRef(
+var Sidebar = React42.forwardRef(
   ({
     sections = [],
     currentPath,
@@ -5406,7 +5725,7 @@ var skeletonVariants = cva({
 });
 
 // ../react-skeleton/dist/index.js
-var Skeleton = React41.forwardRef(
+var Skeleton = React42.forwardRef(
   ({ shape, width, height, animate, className, style, ...props }, ref) => {
     const api = createSkeleton({ shape, animate });
     const classes = cn(skeletonVariants({ shape }), className);
@@ -5415,7 +5734,7 @@ var Skeleton = React41.forwardRef(
       ...width !== void 0 ? { width } : {},
       ...height !== void 0 ? { height } : {}
     };
-    return React41.createElement("div", {
+    return React42.createElement("div", {
       ref,
       className: classes,
       style: Object.keys(mergedStyle).length > 0 ? mergedStyle : void 0,
@@ -5427,13 +5746,13 @@ var Skeleton = React41.forwardRef(
 );
 Skeleton.displayName = "Skeleton";
 var lineWidths = ["100%", "92%", "85%", "96%", "78%", "88%", "94%", "82%"];
-var SkeletonText = React41.forwardRef(
+var SkeletonText = React42.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.createElement(Skeleton, {
+        React42.createElement(Skeleton, {
           key: i,
           shape: "text",
           width,
@@ -5441,7 +5760,7 @@ var SkeletonText = React41.forwardRef(
         })
       );
     }
-    return React41.createElement(
+    return React42.createElement(
       "div",
       {
         ref,
@@ -5549,9 +5868,9 @@ var tabsTriggerVariants = cva({
 });
 
 // ../react-tabs/dist/index.js
-var TabsContext = React41.createContext(null);
+var TabsContext = React42.createContext(null);
 function useTabsContext() {
-  const ctx = React41.useContext(TabsContext);
+  const ctx = React42.useContext(TabsContext);
   if (!ctx) {
     throw new Error("Tabs compound components must be used within <Tabs>");
   }
@@ -5565,10 +5884,10 @@ function Tabs({
   className,
   children
 }) {
-  const [uncontrolledValue, setUncontrolledValue] = React41.useState(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = React42.useState(defaultValue);
   const isControlled = controlledValue !== void 0;
   const value = isControlled ? controlledValue : uncontrolledValue;
-  const handleValueChange = React41.useCallback(
+  const handleValueChange = React42.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledValue(next);
@@ -5577,12 +5896,12 @@ function Tabs({
     },
     [isControlled, onValueChange]
   );
-  const apiRef = React41.useRef(null);
+  const apiRef = React42.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createTabs({ value, orientation });
   }
   const api = apiRef.current;
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({
       value,
       onValueChange: handleValueChange,
@@ -5591,17 +5910,17 @@ function Tabs({
     }),
     [value, handleValueChange, orientation, api.idPrefix]
   );
-  return React41.createElement(
+  return React42.createElement(
     "div",
     { className, "data-orientation": orientation },
-    React41.createElement(TabsContext.Provider, { value: ctx }, children)
+    React42.createElement(TabsContext.Provider, { value: ctx }, children)
   );
 }
 Tabs.displayName = "Tabs";
-var TabsList = React41.forwardRef(
+var TabsList = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useTabsContext();
-    return React41.createElement("div", {
+    return React42.createElement("div", {
       ref,
       role: "tablist",
       "aria-orientation": orientation,
@@ -5611,7 +5930,7 @@ var TabsList = React41.forwardRef(
   }
 );
 TabsList.displayName = "TabsList";
-var TabsTrigger = React41.forwardRef(
+var TabsTrigger = React42.forwardRef(
   ({ value, className, onClick, onKeyDown, children, ...props }, ref) => {
     const { value: activeValue, onValueChange, orientation, idPrefix } = useTabsContext();
     const isSelected = activeValue === value;
@@ -5624,7 +5943,7 @@ var TabsTrigger = React41.forwardRef(
     const handleKeyDown = (e) => {
       onKeyDown?.(e);
     };
-    return React41.createElement(
+    return React42.createElement(
       "button",
       {
         ref,
@@ -5645,14 +5964,14 @@ var TabsTrigger = React41.forwardRef(
   }
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React41.forwardRef(
+var TabsContent = React42.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.createElement(
+    return React42.createElement(
       "div",
       {
         ref,
@@ -5716,7 +6035,7 @@ var textareaVariants = cva({
     size: "default"
   }
 });
-var Textarea = React41.forwardRef(
+var Textarea = React42.forwardRef(
   ({ size, className, disabled, readOnly, required, rows, maxRows, "aria-invalid": ariaInvalid, ...props }, ref) => {
     const api = createTextarea({
       disabled,
@@ -5873,30 +6192,30 @@ var toastVariants = cva({
 });
 
 // ../react-toast/dist/index.js
-var ToastContext = React41.createContext(null);
+var ToastContext = React42.createContext(null);
 function useToastContext() {
-  const ctx = React41.useContext(ToastContext);
+  const ctx = React42.useContext(ToastContext);
   if (!ctx) {
     throw new Error("useToast must be used within a <ToastProvider>");
   }
   return ctx;
 }
 function ToastProvider({ children }) {
-  const managerRef = React41.useRef(null);
+  const managerRef = React42.useRef(null);
   if (managerRef.current === null) {
     managerRef.current = createToastManager();
   }
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({ manager: managerRef.current }),
     []
   );
-  return React41.createElement(ToastContext.Provider, { value: ctx }, children);
+  return React42.createElement(ToastContext.Provider, { value: ctx }, children);
 }
 ToastProvider.displayName = "ToastProvider";
 function useToast() {
   const { manager } = useToastContext();
-  const [toasts, setToasts] = React41.useState(manager.toasts);
-  React41.useEffect(() => {
+  const [toasts, setToasts] = React42.useState(manager.toasts);
+  React42.useEffect(() => {
     setToasts(manager.toasts);
     const unsub = manager.subscribe(setToasts);
     return unsub;
@@ -5907,13 +6226,13 @@ function useToast() {
     toasts
   };
 }
-var Toast = React41.forwardRef(
+var Toast = React42.forwardRef(
   ({ entry, onDismiss, className, children, onMouseEnter, onMouseLeave, ...props }, ref) => {
-    const api = React41.useMemo(
+    const api = React42.useMemo(
       () => createToast({ variant: entry.variant, duration: entry.duration }),
       [entry.variant, entry.duration]
     );
-    React41.useEffect(() => {
+    React42.useEffect(() => {
       api.startTimer();
       return () => api.pauseTimer();
     }, [api]);
@@ -5925,7 +6244,7 @@ var Toast = React41.forwardRef(
       api.resumeTimer();
       onMouseLeave?.(e);
     };
-    return React41.createElement(
+    return React42.createElement(
       "div",
       {
         ref,
@@ -5935,9 +6254,9 @@ var Toast = React41.forwardRef(
         onMouseLeave: handleMouseLeave,
         ...props
       },
-      React41.createElement("div", { className: "flex-1" }, entry.message),
+      React42.createElement("div", { className: "flex-1" }, entry.message),
       children,
-      onDismiss && React41.createElement(
+      onDismiss && React42.createElement(
         "button",
         {
           type: "button",
@@ -5951,10 +6270,10 @@ var Toast = React41.forwardRef(
   }
 );
 Toast.displayName = "Toast";
-var Toaster = React41.forwardRef(
+var Toaster = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const { toasts, dismiss } = useToast();
-    return React41.createElement(
+    return React42.createElement(
       "div",
       {
         ref,
@@ -5965,7 +6284,7 @@ var Toaster = React41.forwardRef(
         ...props
       },
       toasts.map(
-        (entry) => React41.createElement(Toast, {
+        (entry) => React42.createElement(Toast, {
           key: entry.id,
           entry,
           onDismiss: dismiss
@@ -6052,9 +6371,9 @@ var tooltipContentVariants = cva({
     side: "top"
   }
 });
-var TooltipContext = React41.createContext(null);
+var TooltipContext = React42.createContext(null);
 function useTooltipContext() {
-  const ctx = React41.useContext(TooltipContext);
+  const ctx = React42.useContext(TooltipContext);
   if (!ctx) {
     throw new Error("Tooltip compound components must be used within <Tooltip>");
   }
@@ -6068,11 +6387,11 @@ function Tooltip({
   delayDuration = 300,
   children
 }) {
-  const [internalOpen, setInternalOpen] = React41.useState(controlledOpen ?? defaultOpen);
+  const [internalOpen, setInternalOpen] = React42.useState(controlledOpen ?? defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
-  const timerRef = React41.useRef(null);
-  const handleOpenChange = React41.useCallback(
+  const timerRef = React42.useRef(null);
+  const handleOpenChange = React42.useCallback(
     (value) => {
       if (!isControlled) {
         setInternalOpen(value);
@@ -6081,17 +6400,17 @@ function Tooltip({
     },
     [isControlled, onOpenChange]
   );
-  const api = React41.useMemo(
+  const api = React42.useMemo(
     () => createTooltip({ open: isOpen, onOpenChange: handleOpenChange, placement, delayDuration }),
     [isOpen, handleOpenChange, placement, delayDuration]
   );
-  const cancelDelay = React41.useCallback(() => {
+  const cancelDelay = React42.useCallback(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const openWithDelay = React41.useCallback(() => {
+  const openWithDelay = React42.useCallback(() => {
     cancelDelay();
     if (delayDuration <= 0) {
       handleOpenChange(true);
@@ -6102,21 +6421,21 @@ function Tooltip({
       timerRef.current = null;
     }, delayDuration);
   }, [cancelDelay, delayDuration, handleOpenChange]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     return () => {
       if (timerRef.current !== null) {
         clearTimeout(timerRef.current);
       }
     };
   }, []);
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({ api, open: isOpen, setOpen: handleOpenChange, openWithDelay, cancelDelay }),
     [api, isOpen, handleOpenChange, openWithDelay, cancelDelay]
   );
-  return React41.createElement(TooltipContext.Provider, { value: ctx }, children);
+  return React42.createElement(TooltipContext.Provider, { value: ctx }, children);
 }
 Tooltip.displayName = "Tooltip";
-var TooltipTrigger = React41.forwardRef(
+var TooltipTrigger = React42.forwardRef(
   ({ onMouseEnter, onMouseLeave, onFocus, onBlur, children, ...props }, ref) => {
     const { api, setOpen, openWithDelay, cancelDelay } = useTooltipContext();
     const handleMouseEnter = (e) => {
@@ -6153,7 +6472,7 @@ var TooltipTrigger = React41.forwardRef(
   }
 );
 TooltipTrigger.displayName = "TooltipTrigger";
-var TooltipContent = React41.forwardRef(
+var TooltipContent = React42.forwardRef(
   ({ side, className, children, ...props }, ref) => {
     const { api, open } = useTooltipContext();
     if (!open) return null;
@@ -6273,7 +6592,7 @@ var overlayVariants = cva({
     visibility: "visible"
   }
 });
-var VideoPlayer = React41.forwardRef(
+var VideoPlayer = React42.forwardRef(
   ({
     src,
     poster,
@@ -6283,9 +6602,9 @@ var VideoPlayer = React41.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [, setTick] = React41.useState(0);
-    const rerender = React41.useCallback(() => setTick((t) => t + 1), []);
-    const apiRef = React41.useRef(
+    const [, setTick] = React42.useState(0);
+    const rerender = React42.useCallback(() => setTick((t) => t + 1), []);
+    const apiRef = React42.useRef(
       createVideoPlayer({ muted: initialMuted})
     );
     const api = apiRef.current;
@@ -6452,7 +6771,7 @@ var progressBarVariants = cva({
     size: "md"
   }
 });
-var StatsGrid = React41.forwardRef(
+var StatsGrid = React42.forwardRef(
   ({ stats, badges = [], className, ...props }, ref) => {
     const api = createProgressDisplay({ stats, badges });
     return /* @__PURE__ */ jsx(
@@ -6481,7 +6800,7 @@ var StatsGrid = React41.forwardRef(
   }
 );
 StatsGrid.displayName = "StatsGrid";
-var ProgressBar = React41.forwardRef(
+var ProgressBar = React42.forwardRef(
   ({ value, max = 100, size, className, ...props }, ref) => {
     const percent = Math.min(100, Math.max(0, value / max * 100));
     return /* @__PURE__ */ jsx(
@@ -6506,7 +6825,7 @@ var ProgressBar = React41.forwardRef(
   }
 );
 ProgressBar.displayName = "ProgressBar";
-var BadgeDisplay = React41.forwardRef(
+var BadgeDisplay = React42.forwardRef(
   ({ badges, className, ...props }, ref) => {
     const api = createProgressDisplay({ stats: [], badges });
     return /* @__PURE__ */ jsx(
@@ -6674,7 +6993,7 @@ var slideTypeBadgeVariants = cva({
     type: "lesson"
   }
 });
-var SlideViewer = React41.forwardRef(
+var SlideViewer = React42.forwardRef(
   ({
     slides,
     initialSlide,
@@ -6684,9 +7003,9 @@ var SlideViewer = React41.forwardRef(
     size,
     renderSlide
   }, ref) => {
-    const [, setTick] = React41.useState(0);
+    const [, setTick] = React42.useState(0);
     const rerender = () => setTick((t) => t + 1);
-    const apiRef = React41.useRef(
+    const apiRef = React42.useRef(
       createSlideViewer({ slides, initialSlide, onSlideChange, onComplete })
     );
     const api = apiRef.current;
@@ -6888,7 +7207,7 @@ var optionVariants = cva({
 });
 
 // ../react-language-selector/dist/index.js
-var LanguageSelectorContext = React41.createContext(null);
+var LanguageSelectorContext = React42.createContext(null);
 function LanguageSelector({
   value: controlledValue,
   onValueChange,
@@ -6898,10 +7217,10 @@ function LanguageSelector({
   className
 }) {
   const initialValues = Array.isArray(controlledValue) ? controlledValue : controlledValue ? [controlledValue] : [];
-  const [selectedValues, setSelectedValues] = React41.useState(initialValues);
-  const [isOpen, setIsOpen] = React41.useState(false);
-  const containerRef = React41.useRef(null);
-  const handleValueChange = React41.useCallback(
+  const [selectedValues, setSelectedValues] = React42.useState(initialValues);
+  const [isOpen, setIsOpen] = React42.useState(false);
+  const containerRef = React42.useRef(null);
+  const handleValueChange = React42.useCallback(
     (val) => {
       const arr = Array.isArray(val) ? val : [val];
       setSelectedValues(arr);
@@ -6909,7 +7228,7 @@ function LanguageSelector({
     },
     [onValueChange]
   );
-  const api = React41.useMemo(
+  const api = React42.useMemo(
     () => createLanguageSelector({
       value: multiple ? selectedValues : selectedValues[0],
       onValueChange: handleValueChange,
@@ -6917,7 +7236,7 @@ function LanguageSelector({
     }),
     [selectedValues, handleValueChange, options, multiple]
   );
-  const handleToggle = React41.useCallback(
+  const handleToggle = React42.useCallback(
     (val) => {
       if (multiple) {
         const index = selectedValues.indexOf(val);
@@ -6932,10 +7251,10 @@ function LanguageSelector({
     },
     [multiple, selectedValues, onValueChange]
   );
-  const handleTriggerClick = React41.useCallback(() => {
+  const handleTriggerClick = React42.useCallback(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  const handleKeyDown = React41.useCallback(
+  const handleKeyDown = React42.useCallback(
     (e) => {
       if (e.key === "Escape") {
         setIsOpen(false);
@@ -6950,7 +7269,7 @@ function LanguageSelector({
     },
     [isOpen]
   );
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!isOpen) return;
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -6960,7 +7279,7 @@ function LanguageSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({
       api,
       isOpen,
@@ -6971,7 +7290,7 @@ function LanguageSelector({
     }),
     [api, isOpen, handleToggle, options, multiple]
   );
-  const grouped = React41.useMemo(() => {
+  const grouped = React42.useMemo(() => {
     const groups = /* @__PURE__ */ new Map();
     const ungrouped = [];
     for (const opt of options) {
@@ -6986,14 +7305,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.createElement(
+  return React42.createElement(
     LanguageSelectorContext.Provider,
     { value: ctx },
-    React41.createElement(
+    React42.createElement(
       "div",
       { ref: containerRef, className: cn("rfr-language-selector relative inline-block", className) },
       // Trigger
-      React41.createElement(
+      React42.createElement(
         "button",
         {
           type: "button",
@@ -7005,11 +7324,11 @@ function LanguageSelector({
           onClick: handleTriggerClick,
           onKeyDown: handleKeyDown
         },
-        React41.createElement("span", null, displayLabel),
-        React41.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
+        React42.createElement("span", null, displayLabel),
+        React42.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
       ),
       // Dropdown
-      isOpen && React41.createElement(
+      isOpen && React42.createElement(
         "ul",
         {
           role: api.contentProps.role,
@@ -7018,21 +7337,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.createElement(
+          ([group, opts]) => React42.createElement(
             "li",
             { key: group, role: "presentation" },
-            React41.createElement(
+            React42.createElement(
               "div",
               { className: "px-3 py-1 text-xs font-semibold text-muted-foreground uppercase" },
               group
             ),
-            React41.createElement(
+            React42.createElement(
               "ul",
               { role: "group", "aria-label": group },
               ...opts.map((opt) => {
                 const optProps = api.getOptionProps(opt.value);
                 const isSelected = selectedValues.includes(opt.value);
-                return React41.createElement(
+                return React42.createElement(
                   "li",
                   {
                     key: opt.value,
@@ -7040,8 +7359,8 @@ function LanguageSelector({
                     className: optionVariants({ selected: isSelected ? "true" : "false" }),
                     onClick: () => handleToggle(opt.value)
                   },
-                  isSelected && React41.createElement("span", { "aria-hidden": "true" }, "\u2713"),
-                  React41.createElement("span", null, opt.label)
+                  isSelected && React42.createElement("span", { "aria-hidden": "true" }, "\u2713"),
+                  React42.createElement("span", null, opt.label)
                 );
               })
             )
@@ -7050,7 +7369,7 @@ function LanguageSelector({
         ...grouped.ungrouped.map((opt) => {
           const optProps = api.getOptionProps(opt.value);
           const isSelected = selectedValues.includes(opt.value);
-          return React41.createElement(
+          return React42.createElement(
             "li",
             {
               key: opt.value,
@@ -7058,8 +7377,8 @@ function LanguageSelector({
               className: optionVariants({ selected: isSelected ? "true" : "false" }),
               onClick: () => handleToggle(opt.value)
             },
-            isSelected && React41.createElement("span", { "aria-hidden": "true" }, "\u2713"),
-            React41.createElement("span", null, opt.label)
+            isSelected && React42.createElement("span", { "aria-hidden": "true" }, "\u2713"),
+            React42.createElement("span", null, opt.label)
           );
         })
       )
@@ -7184,7 +7503,7 @@ var latestBadgeVariants = cva({
 });
 
 // ../react-version-selector/dist/index.js
-var VersionSelectorContext = React41.createContext(null);
+var VersionSelectorContext = React42.createContext(null);
 function VersionSelector({
   value: controlledValue,
   onValueChange,
@@ -7192,17 +7511,17 @@ function VersionSelector({
   placeholder = "Select version...",
   className
 }) {
-  const [selectedVersion, setSelectedVersion] = React41.useState(controlledValue ?? "");
-  const [isOpen, setIsOpen] = React41.useState(false);
-  const containerRef = React41.useRef(null);
-  const handleValueChange = React41.useCallback(
+  const [selectedVersion, setSelectedVersion] = React42.useState(controlledValue ?? "");
+  const [isOpen, setIsOpen] = React42.useState(false);
+  const containerRef = React42.useRef(null);
+  const handleValueChange = React42.useCallback(
     (val) => {
       setSelectedVersion(val);
       onValueChange?.(val);
     },
     [onValueChange]
   );
-  const api = React41.useMemo(
+  const api = React42.useMemo(
     () => createVersionSelector({
       value: selectedVersion,
       onValueChange: handleValueChange,
@@ -7210,7 +7529,7 @@ function VersionSelector({
     }),
     [selectedVersion, handleValueChange, versions]
   );
-  const handleSelect = React41.useCallback(
+  const handleSelect = React42.useCallback(
     (val) => {
       setSelectedVersion(val);
       onValueChange?.(val);
@@ -7218,10 +7537,10 @@ function VersionSelector({
     },
     [onValueChange]
   );
-  const handleTriggerClick = React41.useCallback(() => {
+  const handleTriggerClick = React42.useCallback(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  const handleKeyDown = React41.useCallback(
+  const handleKeyDown = React42.useCallback(
     (e) => {
       if (e.key === "Escape") {
         setIsOpen(false);
@@ -7236,7 +7555,7 @@ function VersionSelector({
     },
     [isOpen]
   );
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!isOpen) return;
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -7246,7 +7565,7 @@ function VersionSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({
       api,
       isOpen,
@@ -7258,14 +7577,14 @@ function VersionSelector({
   );
   const selectedOpt = versions.find((v) => v.value === selectedVersion);
   const displayLabel = selectedOpt ? selectedOpt.label : placeholder;
-  return React41.createElement(
+  return React42.createElement(
     VersionSelectorContext.Provider,
     { value: ctx },
-    React41.createElement(
+    React42.createElement(
       "div",
       { ref: containerRef, className: cn("rfr-version-selector relative inline-block", className) },
       // Trigger
-      React41.createElement(
+      React42.createElement(
         "button",
         {
           type: "button",
@@ -7277,16 +7596,16 @@ function VersionSelector({
           onClick: handleTriggerClick,
           onKeyDown: handleKeyDown
         },
-        React41.createElement("span", null, displayLabel),
-        selectedOpt?.isLatest && React41.createElement(
+        React42.createElement("span", null, displayLabel),
+        selectedOpt?.isLatest && React42.createElement(
           "span",
           { className: cn(latestBadgeVariants(), "ml-2") },
           "Latest"
         ),
-        React41.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
+        React42.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
       ),
       // Dropdown
-      isOpen && React41.createElement(
+      isOpen && React42.createElement(
         "ul",
         {
           role: api.contentProps.role,
@@ -7296,7 +7615,7 @@ function VersionSelector({
         ...versions.map((ver) => {
           const optProps = api.getOptionProps(ver.value);
           const isSelected = selectedVersion === ver.value;
-          return React41.createElement(
+          return React42.createElement(
             "li",
             {
               key: ver.value,
@@ -7304,8 +7623,8 @@ function VersionSelector({
               className: optionVariants2({ selected: isSelected ? "true" : "false" }),
               onClick: () => handleSelect(ver.value)
             },
-            React41.createElement("span", null, ver.label),
-            ver.isLatest && React41.createElement(
+            React42.createElement("span", null, ver.label),
+            ver.isLatest && React42.createElement(
               "span",
               { className: latestBadgeVariants() },
               "Latest"
@@ -7448,15 +7767,15 @@ var resizablePaneVariants = cva({
     orientation: "horizontal"
   }
 });
-var ResizableLayoutContext = React41.createContext(null);
+var ResizableLayoutContext = React42.createContext(null);
 function useResizableLayoutContext() {
-  const ctx = React41.useContext(ResizableLayoutContext);
+  const ctx = React42.useContext(ResizableLayoutContext);
   if (!ctx) {
     throw new Error("Resizable compound components must be used within <ResizableLayout>");
   }
   return ctx;
 }
-var ResizableLayout = React41.forwardRef(
+var ResizableLayout = React42.forwardRef(
   ({
     orientation = "horizontal",
     defaultSizes = [50, 50],
@@ -7469,7 +7788,7 @@ var ResizableLayout = React41.forwardRef(
     children,
     ...props
   }, ref) => {
-    const apiRef = React41.useRef(null);
+    const apiRef = React42.useRef(null);
     if (!apiRef.current) {
       apiRef.current = createResizableLayout({
         orientation,
@@ -7480,22 +7799,22 @@ var ResizableLayout = React41.forwardRef(
       });
     }
     const api = apiRef.current;
-    const [sizes, setSizesState] = React41.useState(api.sizes);
-    const setSizes = React41.useCallback(
+    const [sizes, setSizesState] = React42.useState(api.sizes);
+    const setSizes = React42.useCallback(
       (newSizes) => {
         setSizesState([...newSizes]);
         onSizesChange?.(newSizes);
       },
       [onSizesChange]
     );
-    const cssVars = React41.useMemo(() => {
+    const cssVars = React42.useMemo(() => {
       const vars = {};
       for (let i = 0; i < sizes.length; i++) {
         vars[`--rfr-pane-${i}-size`] = `${sizes[i]}%`;
       }
       return vars;
     }, [sizes]);
-    const contextValue = React41.useMemo(
+    const contextValue = React42.useMemo(
       () => ({ api, orientation, sizes, setSizes }),
       [api, orientation, sizes, setSizes]
     );
@@ -7513,7 +7832,7 @@ var ResizableLayout = React41.forwardRef(
   }
 );
 ResizableLayout.displayName = "ResizableLayout";
-var ResizablePane = React41.forwardRef(
+var ResizablePane = React42.forwardRef(
   ({ index, className, style, children, ...props }, ref) => {
     const { orientation, sizes } = useResizableLayoutContext();
     const size = sizes[index] ?? 50;
@@ -7537,12 +7856,12 @@ var ResizablePane = React41.forwardRef(
   }
 );
 ResizablePane.displayName = "ResizablePane";
-var ResizableDivider = React41.forwardRef(
+var ResizableDivider = React42.forwardRef(
   ({ index, className, ...props }, ref) => {
     const { api, orientation, setSizes } = useResizableLayoutContext();
-    const startPosRef = React41.useRef(0);
-    const containerSizeRef = React41.useRef(0);
-    const onPointerDown = React41.useCallback(
+    const startPosRef = React42.useRef(0);
+    const containerSizeRef = React42.useRef(0);
+    const onPointerDown = React42.useCallback(
       (e) => {
         e.preventDefault();
         const target = e.currentTarget;
@@ -7556,7 +7875,7 @@ var ResizableDivider = React41.forwardRef(
       },
       [api, index, orientation]
     );
-    const onPointerMove = React41.useCallback(
+    const onPointerMove = React42.useCallback(
       (e) => {
         if (containerSizeRef.current === 0) return;
         const currentPos = orientation === "horizontal" ? e.clientX : e.clientY;
@@ -7567,7 +7886,7 @@ var ResizableDivider = React41.forwardRef(
       },
       [api, orientation, setSizes]
     );
-    const onPointerUp = React41.useCallback(
+    const onPointerUp = React42.useCallback(
       (e) => {
         e.currentTarget.releasePointerCapture(e.pointerId);
         containerSizeRef.current = 0;
@@ -7820,26 +8139,26 @@ function createAuthShell(config) {
 }
 
 // ../react-app-shell/dist/index.js
-var AppShellContext = React41.createContext(null);
+var AppShellContext = React42.createContext(null);
 function useAppShell() {
-  const ctx = React41.useContext(AppShellContext);
+  const ctx = React42.useContext(AppShellContext);
   if (!ctx) {
     throw new Error("useAppShell must be used within <AppShell>");
   }
   return ctx;
 }
 function AppShellRoot({ config, children, className }) {
-  const apiRef = React41.useRef(null);
+  const apiRef = React42.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createAppShell(config);
   }
   const api = apiRef.current;
-  const [state, setState] = React41.useState(() => api.state);
-  React41.useEffect(() => {
+  const [state, setState] = React42.useState(() => api.state);
+  React42.useEffect(() => {
     setState(api.state);
     return api.subscribe((s) => setState(s));
   }, [api]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (typeof window === "undefined") return;
     const { mobileBreakpoint, tabletBreakpoint } = api.config;
     const mobileQuery = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
@@ -7860,14 +8179,14 @@ function AppShellRoot({ config, children, className }) {
     };
   }, [api]);
   const cssVars = api.getCSSVariables();
-  const ctxValue = React41.useMemo(
+  const ctxValue = React42.useMemo(
     () => ({ api, state }),
     [api, state]
   );
-  return React41.createElement(
+  return React42.createElement(
     AppShellContext.Provider,
     { value: ctxValue },
-    React41.createElement(
+    React42.createElement(
       "div",
       {
         className: cn("flex h-screen w-full overflow-hidden", className),
@@ -7897,7 +8216,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.createElement(
+  return React42.createElement(
     "aside",
     {
       ...api.sidebarAriaProps,
@@ -7910,7 +8229,7 @@ function Sidebar2({ children, className }) {
 }
 Sidebar2.displayName = "AppShell.Sidebar";
 function Main({ children, className }) {
-  return React41.createElement(
+  return React42.createElement(
     "div",
     {
       className: cn("flex flex-1 flex-col min-w-0 h-full", className)
@@ -7921,7 +8240,7 @@ function Main({ children, className }) {
 Main.displayName = "AppShell.Main";
 function Header({ children, className }) {
   const { api, state } = useAppShell();
-  const hamburger = state.isMobile ? React41.createElement(
+  const hamburger = state.isMobile ? React42.createElement(
     "button",
     {
       type: "button",
@@ -7931,7 +8250,7 @@ function Header({ children, className }) {
       onClick: () => api.toggleSidebar(),
       className: "inline-flex items-center justify-center p-2 mr-2"
     },
-    React41.createElement(
+    React42.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -7945,12 +8264,12 @@ function Header({ children, className }) {
         strokeLinejoin: "round",
         "aria-hidden": "true"
       },
-      React41.createElement("line", { x1: 3, y1: 6, x2: 21, y2: 6 }),
-      React41.createElement("line", { x1: 3, y1: 12, x2: 21, y2: 12 }),
-      React41.createElement("line", { x1: 3, y1: 18, x2: 21, y2: 18 })
+      React42.createElement("line", { x1: 3, y1: 6, x2: 21, y2: 6 }),
+      React42.createElement("line", { x1: 3, y1: 12, x2: 21, y2: 12 }),
+      React42.createElement("line", { x1: 3, y1: 18, x2: 21, y2: 18 })
     )
   ) : null;
-  return React41.createElement(
+  return React42.createElement(
     "header",
     {
       ...api.headerAriaProps,
@@ -7969,7 +8288,7 @@ Header.displayName = "AppShell.Header";
 function Content({ children, className, maxWidth }) {
   const { api } = useAppShell();
   const mwClass = maxWidth ? `max-w-${maxWidth}` : "";
-  return React41.createElement(
+  return React42.createElement(
     "main",
     {
       ...api.mainAriaProps,
@@ -7988,7 +8307,7 @@ function MobileNav2({ children, className }) {
   const { api, state } = useAppShell();
   if (!state.isMobile) return null;
   if (api.config.mobileNavPosition === "none") return null;
-  return React41.createElement(
+  return React42.createElement(
     "nav",
     {
       ...api.mobileNavAriaProps,
@@ -8007,7 +8326,7 @@ MobileNav2.displayName = "AppShell.MobileNav";
 function Overlay({ className }) {
   const { api, state } = useAppShell();
   if (!state.isMobile || !state.sidebarOpen) return null;
-  return React41.createElement("div", {
+  return React42.createElement("div", {
     ...api.overlayAriaProps,
     className: cn(
       "fixed inset-0 z-30 bg-black/50 transition-opacity",
@@ -8026,29 +8345,29 @@ var AppShell = Object.assign(AppShellRoot, {
   MobileNav: MobileNav2,
   Overlay
 });
-var PageShellContext = React41.createContext(null);
+var PageShellContext = React42.createContext(null);
 function usePageShell() {
-  const ctx = React41.useContext(PageShellContext);
+  const ctx = React42.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.useRef(null);
+  const apiRef = React42.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createPageShell(config);
   }
   const api = apiRef.current;
   const cssVars = api.getCSSVariables();
-  const ctxValue = React41.useMemo(
+  const ctxValue = React42.useMemo(
     () => ({ api }),
     [api]
   );
-  return React41.createElement(
+  return React42.createElement(
     PageShellContext.Provider,
     { value: ctxValue },
-    React41.createElement(
+    React42.createElement(
       "div",
       {
         className: cn("flex min-h-screen flex-col", className),
@@ -8064,7 +8383,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.createElement(
+  return React42.createElement(
     "nav",
     {
       ...api.navAriaProps,
@@ -8089,7 +8408,7 @@ function Section({
 }) {
   const { api } = usePageShell();
   const sectionClasses = api.getSectionClasses({ fullWidth, maxWidth, padding, background });
-  return React41.createElement(
+  return React42.createElement(
     "section",
     {
       className: cn("py-12", sectionClasses, className)
@@ -8101,7 +8420,7 @@ Section.displayName = "PageShell.Section";
 function Footer2({ children, className, columns }) {
   const { api } = usePageShell();
   const cols = columns ?? api.config.footerColumns;
-  return React41.createElement(
+  return React42.createElement(
     "footer",
     {
       ...api.footerAriaProps,
@@ -8110,7 +8429,7 @@ function Footer2({ children, className, columns }) {
         className
       )
     },
-    React41.createElement(
+    React42.createElement(
       "div",
       {
         className: `mx-auto max-w-[var(--page-max-width)] grid gap-8`,
@@ -8128,28 +8447,28 @@ Object.assign(PageShellRoot, {
   Section,
   Footer: Footer2
 });
-var AuthShellContext = React41.createContext(null);
+var AuthShellContext = React42.createContext(null);
 function useAuthShell() {
-  const ctx = React41.useContext(AuthShellContext);
+  const ctx = React42.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.useRef(null);
+  const apiRef = React42.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createAuthShell(config);
   }
   const api = apiRef.current;
-  const ctxValue = React41.useMemo(
+  const ctxValue = React42.useMemo(
     () => ({ api }),
     [api]
   );
-  return React41.createElement(
+  return React42.createElement(
     AuthShellContext.Provider,
     { value: ctxValue },
-    React41.createElement(
+    React42.createElement(
       "div",
       {
         ...api.ariaProps,
@@ -8163,7 +8482,7 @@ function AuthShellRoot({ config, children, className }) {
 AuthShellRoot.displayName = "AuthShell";
 function Card({ children, className }) {
   const { api } = useAuthShell();
-  return React41.createElement(
+  return React42.createElement(
     "div",
     {
       className: cn(api.cardClasses, className),
@@ -8251,7 +8570,7 @@ var avatarFallbackVariants = cva({
     size: "md"
   }
 });
-var AvatarContext = React41.createContext({
+var AvatarContext = React42.createContext({
   size: "md",
   imageLoaded: false,
   imageError: false,
@@ -8260,10 +8579,10 @@ var AvatarContext = React41.createContext({
   setImageError: () => {
   }
 });
-var Avatar = React41.forwardRef(
+var Avatar = React42.forwardRef(
   ({ size = "md", className, children, ...props }, ref) => {
-    const [imageLoaded, setImageLoaded] = React41.useState(false);
-    const [imageError, setImageError] = React41.useState(false);
+    const [imageLoaded, setImageLoaded] = React42.useState(false);
+    const [imageError, setImageError] = React42.useState(false);
     const api = createAvatar({ size });
     return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: { size, imageLoaded, imageError, setImageLoaded, setImageError }, children: /* @__PURE__ */ jsx(
       "span",
@@ -8279,9 +8598,9 @@ var Avatar = React41.forwardRef(
   }
 );
 Avatar.displayName = "Avatar";
-var AvatarImage = React41.forwardRef(
+var AvatarImage = React42.forwardRef(
   ({ className, src, alt = "", onLoad, onError, ...props }, ref) => {
-    const { setImageLoaded, setImageError } = React41.useContext(AvatarContext);
+    const { setImageLoaded, setImageError } = React42.useContext(AvatarContext);
     const handleLoad = (e) => {
       setImageLoaded(true);
       onLoad?.(e);
@@ -8305,9 +8624,9 @@ var AvatarImage = React41.forwardRef(
   }
 );
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React41.forwardRef(
+var AvatarFallback = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const { size } = React41.useContext(AvatarContext);
+    const { size } = React42.useContext(AvatarContext);
     return /* @__PURE__ */ jsx(
       "span",
       {
@@ -8424,28 +8743,28 @@ var avatarPresenceDotVariants = cva({
 // ../react-avatar-group/dist/index.js
 function AvatarGroup({ users, max, size = "md", className }) {
   const api = createAvatarGroup({ users, max});
-  return React41.createElement(
+  return React42.createElement(
     "div",
     { ...api.ariaProps, className: cn(avatarGroupStyles, className) },
     api.visibleUsers.map(
-      (user) => React41.createElement(
+      (user) => React42.createElement(
         "div",
         {
           key: user.id,
           className: avatarVariants2({ size }),
           ...api.getAvatarAriaProps(user)
         },
-        user.src ? React41.createElement("img", {
+        user.src ? React42.createElement("img", {
           src: user.src,
           alt: user.name,
           className: avatarImageStyles
-        }) : React41.createElement("span", null, api.getInitials(user.name)),
-        user.status && React41.createElement("span", {
+        }) : React42.createElement("span", null, api.getInitials(user.name)),
+        user.status && React42.createElement("span", {
           className: avatarPresenceDotVariants({ size, status: user.status })
         })
       )
     ),
-    api.overflowCount > 0 && React41.createElement(
+    api.overflowCount > 0 && React42.createElement(
       "div",
       {
         className: avatarOverflowBadgeVariants({ size }),
@@ -8529,7 +8848,7 @@ var cardContentVariants = cva({
 var cardFooterVariants = cva({
   base: "flex items-center p-6 pt-0"
 });
-var Card2 = React41.forwardRef(
+var Card2 = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCard();
     return /* @__PURE__ */ jsx(
@@ -8545,7 +8864,7 @@ var Card2 = React41.forwardRef(
   }
 );
 Card2.displayName = "Card";
-var CardHeader = React41.forwardRef(
+var CardHeader = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardHeader();
     return /* @__PURE__ */ jsx(
@@ -8560,7 +8879,7 @@ var CardHeader = React41.forwardRef(
   }
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React41.forwardRef(
+var CardTitle = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardTitle();
     return /* @__PURE__ */ jsx(
@@ -8575,7 +8894,7 @@ var CardTitle = React41.forwardRef(
   }
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React41.forwardRef(
+var CardDescription = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardDescription();
     return /* @__PURE__ */ jsx(
@@ -8590,7 +8909,7 @@ var CardDescription = React41.forwardRef(
   }
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React41.forwardRef(
+var CardContent = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardContent();
     return /* @__PURE__ */ jsx(
@@ -8605,7 +8924,7 @@ var CardContent = React41.forwardRef(
   }
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React41.forwardRef(
+var CardFooter = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardFooter();
     return /* @__PURE__ */ jsx(
@@ -8686,7 +9005,7 @@ var checkboxVariants = cva({
     size: "default"
   }
 });
-var Checkbox = React41.forwardRef(
+var Checkbox = React42.forwardRef(
   ({ checked = false, onCheckedChange, disabled = false, size = "default", className, ...props }, ref) => {
     const api = createCheckbox({ checked, disabled });
     const checkedVariant = checked === "indeterminate" ? "indeterminate" : checked ? "true" : "false";
@@ -8997,13 +9316,13 @@ function DatePicker({
   className,
   disabled = false
 }) {
-  const [open, setOpen] = React41.useState(false);
-  const [currentMonth, setCurrentMonth] = React41.useState(
+  const [open, setOpen] = React42.useState(false);
+  const [currentMonth, setCurrentMonth] = React42.useState(
     () => value ? new Date(value.getFullYear(), value.getMonth(), 1) : new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1)
   );
-  const [view, setView] = React41.useState("calendar");
-  const containerRef = React41.useRef(null);
-  const api = React41.useMemo(
+  const [view, setView] = React42.useState("calendar");
+  const containerRef = React42.useRef(null);
+  const api = React42.useMemo(
     () => createDatePicker({
       value,
       onChange,
@@ -9017,7 +9336,7 @@ function DatePicker({
     }),
     [value, onChange, minDate, maxDate, showTime, format, placeholder, open]
   );
-  React41.useMemo(() => {
+  React42.useMemo(() => {
     createDatePicker({
       value,
       minDate,
@@ -9032,7 +9351,7 @@ function DatePicker({
     });
     return tempApi.days;
   }, [value, minDate, maxDate, currentMonth]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!open) return;
     function handleClick(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -9042,7 +9361,7 @@ function DatePicker({
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, [open]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!open) return;
     function handleKeyDown(e) {
       if (e.key === "Escape") {
@@ -9080,10 +9399,10 @@ function DatePicker({
     onChange?.(newDate);
   };
   const monthLabel = currentMonth.toLocaleDateString("en-US", { month: "long", year: "numeric" });
-  return React41.createElement(
+  return React42.createElement(
     "div",
     { ref: containerRef, className: cn("relative inline-block", className) },
-    React41.createElement(
+    React42.createElement(
       "button",
       {
         type: "button",
@@ -9095,17 +9414,17 @@ function DatePicker({
       },
       displayValue
     ),
-    open && React41.createElement(
+    open && React42.createElement(
       "div",
       {
         className: datePickerDropdownStyles,
         role: "dialog",
         "aria-modal": true
       },
-      React41.createElement(
+      React42.createElement(
         "div",
         { className: "flex items-center justify-between mb-3" },
-        React41.createElement(
+        React42.createElement(
           "button",
           {
             type: "button",
@@ -9115,8 +9434,8 @@ function DatePicker({
           },
           "\u2039"
         ),
-        React41.createElement("span", { className: "text-sm font-medium" }, monthLabel),
-        React41.createElement(
+        React42.createElement("span", { className: "text-sm font-medium" }, monthLabel),
+        React42.createElement(
           "button",
           {
             type: "button",
@@ -9127,11 +9446,11 @@ function DatePicker({
           "\u203A"
         )
       ),
-      React41.createElement(
+      React42.createElement(
         "div",
         { className: "grid grid-cols-7 gap-0 text-center", role: "grid" },
         ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(
-          (d) => React41.createElement("div", { key: d, className: "text-xs text-muted-foreground py-1 font-medium" }, d)
+          (d) => React42.createElement("div", { key: d, className: "text-xs text-muted-foreground py-1 font-medium" }, d)
         ),
         api.days.map((day, i) => {
           let state = "default";
@@ -9139,7 +9458,7 @@ function DatePicker({
           else if (day.isSelected) state = "selected";
           else if (day.isToday) state = "today";
           else if (!day.isCurrentMonth) state = "outside";
-          return React41.createElement(
+          return React42.createElement(
             "button",
             {
               key: i,
@@ -9154,11 +9473,11 @@ function DatePicker({
           );
         })
       ),
-      showTime && React41.createElement(
+      showTime && React42.createElement(
         "div",
         { className: datePickerTimeStyles },
-        React41.createElement("span", { className: "text-sm text-muted-foreground" }, "Time:"),
-        React41.createElement("input", {
+        React42.createElement("span", { className: "text-sm text-muted-foreground" }, "Time:"),
+        React42.createElement("input", {
           type: "number",
           min: 0,
           max: 23,
@@ -9167,8 +9486,8 @@ function DatePicker({
           className: datePickerTimeInputStyles,
           "aria-label": "Hours"
         }),
-        React41.createElement("span", { className: "text-muted-foreground" }, ":"),
-        React41.createElement("input", {
+        React42.createElement("span", { className: "text-muted-foreground" }, ":"),
+        React42.createElement("input", {
           type: "number",
           min: 0,
           max: 59,
@@ -9558,10 +9877,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.useState("");
-  const [activeCategory, setActiveCategory] = React41.useState("smileys");
-  const [recentEmojis, setRecentEmojis] = React41.useState(initialRecent);
-  const api = React41.useMemo(
+  const [search, setSearch] = React42.useState("");
+  const [activeCategory, setActiveCategory] = React42.useState("smileys");
+  const [recentEmojis, setRecentEmojis] = React42.useState(initialRecent);
+  const api = React42.useMemo(
     () => createEmojiPicker({
       onSelect: void 0,
       search,
@@ -9569,7 +9888,7 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
     }),
     [search, recentEmojis]
   );
-  const filteredEmojis = React41.useMemo(() => {
+  const filteredEmojis = React42.useMemo(() => {
     if (search.trim()) {
       const query = search.toLowerCase().trim();
       const allEmojis = EMOJI_CATEGORIES.flatMap((cat) => EMOJI_DATA[cat]);
@@ -9589,22 +9908,22 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
     setActiveCategory(cat);
     setSearch("");
   };
-  return React41.createElement(
+  return React42.createElement(
     "div",
     { className: cn(emojiPickerContainerStyles, className), ...api.ariaProps },
     // Search input
-    React41.createElement("input", {
+    React42.createElement("input", {
       ...api.searchInputProps,
       className: emojiPickerSearchStyles,
       value: search,
       onChange: (e) => setSearch(e.target.value)
     }),
     // Category tabs
-    !search && React41.createElement(
+    !search && React42.createElement(
       "div",
       { className: emojiPickerCategoryBarStyles },
       api.categoryTabs.map(
-        (tab) => React41.createElement(
+        (tab) => React42.createElement(
           "button",
           {
             key: tab.category,
@@ -9621,15 +9940,15 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
       )
     ),
     // Recent emojis section
-    !search && recentEmojis.length > 0 && React41.createElement(
+    !search && recentEmojis.length > 0 && React42.createElement(
       "div",
       null,
-      React41.createElement("div", { className: emojiPickerSectionLabelStyles }, "Recent"),
-      React41.createElement(
+      React42.createElement("div", { className: emojiPickerSectionLabelStyles }, "Recent"),
+      React42.createElement(
         "div",
         { className: emojiPickerGridStyles },
         recentEmojis.map(
-          (emoji, i) => React41.createElement(
+          (emoji, i) => React42.createElement(
             "button",
             {
               key: `recent-${emoji.emoji}-${i}`,
@@ -9644,19 +9963,19 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
       )
     ),
     // Emoji grid
-    React41.createElement(
+    React42.createElement(
       "div",
       null,
-      !search && React41.createElement(
+      !search && React42.createElement(
         "div",
         { className: emojiPickerSectionLabelStyles },
         CATEGORY_LABELS[activeCategory]
       ),
-      React41.createElement(
+      React42.createElement(
         "div",
         { className: emojiPickerGridStyles },
         filteredEmojis.map(
-          (emoji, i) => React41.createElement(
+          (emoji, i) => React42.createElement(
             "button",
             {
               key: `${emoji.emoji}-${i}`,
@@ -9668,7 +9987,7 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
             emoji.emoji
           )
         ),
-        filteredEmojis.length === 0 && React41.createElement(
+        filteredEmojis.length === 0 && React42.createElement(
           "div",
           { className: "col-span-8 text-center text-sm text-muted-foreground py-4" },
           "No emojis found"
@@ -9868,10 +10187,10 @@ function FileUpload({
   className,
   children
 }) {
-  const [files, setFiles] = React41.useState([]);
-  const [isDragging, setIsDragging] = React41.useState(false);
-  const inputRef = React41.useRef(null);
-  const api = React41.useMemo(
+  const [files, setFiles] = React42.useState([]);
+  const [isDragging, setIsDragging] = React42.useState(false);
+  const inputRef = React42.useRef(null);
+  const api = React42.useMemo(
     () => createFileUpload({
       accept,
       maxSize,
@@ -9936,17 +10255,17 @@ function FileUpload({
       handleClick();
     }
   };
-  return React41.createElement(
+  return React42.createElement(
     "div",
     { className },
     // Hidden file input
-    React41.createElement("input", {
+    React42.createElement("input", {
       ref: inputRef,
       ...api.inputProps,
       onChange: handleInputChange
     }),
     // Drop zone
-    React41.createElement(
+    React42.createElement(
       "div",
       {
         ...api.dropZoneProps,
@@ -9960,21 +10279,21 @@ function FileUpload({
         onDragOver: handleDragOver,
         onDrop: handleDrop
       },
-      children ?? React41.createElement(
-        React41.Fragment,
+      children ?? React42.createElement(
+        React42.Fragment,
         null,
-        React41.createElement("div", { className: "text-2xl mb-2" }, "\u{1F4C1}"),
-        React41.createElement(
+        React42.createElement("div", { className: "text-2xl mb-2" }, "\u{1F4C1}"),
+        React42.createElement(
           "p",
           { className: "text-sm text-muted-foreground" },
           "Drag & drop files here, or click to select"
         ),
-        accept && React41.createElement(
+        accept && React42.createElement(
           "p",
           { className: "text-xs text-muted-foreground mt-1" },
           `Accepted: ${accept}`
         ),
-        maxSize && React41.createElement(
+        maxSize && React42.createElement(
           "p",
           { className: "text-xs text-muted-foreground" },
           `Max size: ${formatFileSize(maxSize)}`
@@ -9982,37 +10301,37 @@ function FileUpload({
       )
     ),
     // File list
-    files.length > 0 && React41.createElement(
+    files.length > 0 && React42.createElement(
       "div",
       { className: fileUploadFileListStyles },
       files.map(
-        (file) => React41.createElement(
+        (file) => React42.createElement(
           "div",
           { key: file.id, className: fileUploadFileItemStyles },
-          React41.createElement(
+          React42.createElement(
             "div",
             { className: "flex-1 min-w-0" },
-            React41.createElement("div", { className: "font-medium truncate" }, file.name),
-            React41.createElement(
+            React42.createElement("div", { className: "font-medium truncate" }, file.name),
+            React42.createElement(
               "div",
               { className: "text-xs text-muted-foreground" },
               formatFileSize(file.size)
             ),
-            file.status === "uploading" && React41.createElement(
+            file.status === "uploading" && React42.createElement(
               "div",
               { className: cn(fileUploadProgressStyles, "mt-1") },
-              React41.createElement("div", {
+              React42.createElement("div", {
                 className: fileUploadProgressBarStyles,
                 style: { width: `${file.progress}%` }
               })
             ),
-            file.error && React41.createElement(
+            file.error && React42.createElement(
               "div",
               { className: "text-xs text-destructive mt-0.5" },
               file.error
             )
           ),
-          React41.createElement(
+          React42.createElement(
             "button",
             {
               type: "button",
@@ -10032,162 +10351,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.useRef(
-    createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })
-  );
-  React41.useEffect(() => {
-    apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault });
-  }, [keys, onTrigger, enabled, preventDefault]);
-  React41.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.createElement(
-    "kbd",
-    { ...api.badgeAriaProps, className: cn(shortcutBadgeStyles, className) },
-    isMacDisplay ? React41.createElement("span", null, displayKeys) : keys.map(
-      (key, i) => React41.createElement(
-        React41.Fragment,
-        { key: i },
-        i > 0 && React41.createElement("span", { className: shortcutSeparatorStyles }, "+"),
-        React41.createElement(
-          "span",
-          { className: shortcutKeyStyles },
-          formatShortcut([key], false)
-        )
-      )
-    )
-  );
-}
-ShortcutBadge.displayName = "ShortcutBadge";
-
 // ../otp-input/dist/index.js
 function createOtpInput(props = {}) {
   const {
@@ -10353,7 +10516,7 @@ var otpInputSlotVariants = cva({
     filled: "false"
   }
 });
-var OtpInput = React41.forwardRef(
+var OtpInput = React42.forwardRef(
   ({
     length = 6,
     value = "",
@@ -10365,15 +10528,15 @@ var OtpInput = React41.forwardRef(
     className,
     ...props
   }, ref) => {
-    const inputRefs = React41.useRef([]);
-    const [focusedIndex, setFocusedIndex] = React41.useState(autoFocus ? 0 : -1);
-    const [values, setValues] = React41.useState(
+    const inputRefs = React42.useRef([]);
+    const [focusedIndex, setFocusedIndex] = React42.useState(autoFocus ? 0 : -1);
+    const [values, setValues] = React42.useState(
       () => Array.from({ length }, (_, i) => value.charAt(i) || "")
     );
-    React41.useEffect(() => {
+    React42.useEffect(() => {
       setValues(Array.from({ length }, (_, i) => value.charAt(i) || ""));
     }, [value, length]);
-    React41.useEffect(() => {
+    React42.useEffect(() => {
       if (autoFocus && inputRefs.current[0]) {
         inputRefs.current[0].focus();
       }
@@ -10553,13 +10716,13 @@ function PresenceIndicator({
   className
 }) {
   const api = createPresence({ status, showLabel, label });
-  return React41.createElement(
+  return React42.createElement(
     "span",
     { ...api.ariaProps, className: cn(presenceContainerStyles, className) },
-    React41.createElement("span", {
+    React42.createElement("span", {
       className: presenceDotVariants({ status, size })
     }),
-    api.showLabel && React41.createElement("span", { className: presenceLabelStyles }, api.label)
+    api.showLabel && React42.createElement("span", { className: presenceLabelStyles }, api.label)
   );
 }
 PresenceIndicator.displayName = "PresenceIndicator";
@@ -10647,7 +10810,7 @@ var radioCircleVariants = cva({
 });
 
 // ../react-radio/dist/index.js
-var RadioContext = React41.createContext(null);
+var RadioContext = React42.createContext(null);
 function RadioGroup({
   children,
   className,
@@ -10658,25 +10821,25 @@ function RadioGroup({
   disabled = false,
   orientation = "vertical"
 }) {
-  const [internalValue, setInternalValue] = React41.useState(defaultValue);
+  const [internalValue, setInternalValue] = React42.useState(defaultValue);
   const isControlled = controlledValue !== void 0;
   const currentValue = isControlled ? controlledValue : internalValue;
   const api = createRadioGroup({ value: currentValue, name, disabled, orientation });
-  const handleChange = React41.useCallback(
+  const handleChange = React42.useCallback(
     (val) => {
       if (!isControlled) setInternalValue(val);
       onValueChange?.(val);
     },
     [isControlled, onValueChange]
   );
-  const ctx = React41.useMemo(
+  const ctx = React42.useMemo(
     () => ({ value: currentValue, onValueChange: handleChange, name, disabled }),
     [currentValue, handleChange, name, disabled]
   );
-  return React41.createElement(
+  return React42.createElement(
     RadioContext.Provider,
     { value: ctx },
-    React41.createElement(
+    React42.createElement(
       "div",
       { ...api.groupProps, className: cn(radioGroupVariants({ orientation }), className) },
       children
@@ -10684,17 +10847,17 @@ function RadioGroup({
   );
 }
 function RadioItem({ value, children, disabled = false, className }) {
-  const ctx = React41.useContext(RadioContext);
+  const ctx = React42.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.createElement(
+  return React42.createElement(
     "label",
     {
       className: cn(radioItemVariants({ disabled: isDisabled ? "true" : "false" }), className),
       "data-state": isChecked ? "checked" : "unchecked"
     },
-    React41.createElement(
+    React42.createElement(
       "button",
       {
         type: "button",
@@ -10706,12 +10869,12 @@ function RadioItem({ value, children, disabled = false, className }) {
         className: cn(radioCircleVariants({ checked: isChecked ? "true" : "false" })),
         onClick: () => !isDisabled && ctx.onValueChange(value)
       },
-      isChecked && React41.createElement(
+      isChecked && React42.createElement(
         "span",
         { className: "block h-2 w-2 rounded-full bg-primary-foreground mx-auto" }
       )
     ),
-    children && React41.createElement("span", { className: "text-sm" }, children)
+    children && React42.createElement("span", { className: "text-sm" }, children)
   );
 }
 RadioGroup.displayName = "RadioGroup";
@@ -10783,11 +10946,11 @@ function ReactionBar({
   className
 }) {
   const api = createReactionBar({ reactions, onToggle, onAdd });
-  return React41.createElement(
+  return React42.createElement(
     "div",
     { ...api.ariaProps, className: cn(reactionBarStyles, className) },
     api.reactions.map(
-      (reaction, i) => React41.createElement(
+      (reaction, i) => React42.createElement(
         "button",
         {
           key: `${reaction.emoji}-${i}`,
@@ -10798,11 +10961,11 @@ function ReactionBar({
           onClick: () => api.toggle(reaction.emoji),
           ...api.getReactionAriaProps(reaction)
         },
-        React41.createElement("span", { className: reactionEmojiStyles }, reaction.emoji),
-        React41.createElement("span", { className: reactionCountStyles }, reaction.count)
+        React42.createElement("span", { className: reactionEmojiStyles }, reaction.emoji),
+        React42.createElement("span", { className: reactionCountStyles }, reaction.count)
       )
     ),
-    showAddButton && React41.createElement(
+    showAddButton && React42.createElement(
       "button",
       {
         type: "button",
@@ -10940,7 +11103,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",
@@ -10951,7 +11114,7 @@ var selectItemVariants = cva({
     selected: "false"
   }
 });
-var SelectContext = React41.createContext({
+var SelectContext = React42.createContext({
   value: void 0,
   onValueChange: () => {
   },
@@ -10971,7 +11134,7 @@ function Select({
   children,
   placeholder = "Select an option"
 }) {
-  const [open, setOpen] = React41.useState(false);
+  const [open, setOpen] = React42.useState(false);
   const api = createSelect({ value, disabled, open, placeholder });
   return /* @__PURE__ */ jsx(
     SelectContext.Provider,
@@ -10994,9 +11157,9 @@ function Select({
     }
   );
 }
-var SelectTrigger = React41.forwardRef(
+var SelectTrigger = React42.forwardRef(
   ({ className, children, size = "default", ...props }, ref) => {
-    const { open, setOpen, disabled, triggerId, contentId } = React41.useContext(SelectContext);
+    const { open, setOpen, disabled, triggerId, contentId } = React42.useContext(SelectContext);
     const api = createSelect({ disabled, open });
     const handleClick = () => {
       if (!disabled) {
@@ -11053,9 +11216,48 @@ var SelectTrigger = React41.forwardRef(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = React41.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const { open, contentId, triggerId } = React41.useContext(SelectContext);
+var SelectContent = React42.forwardRef(
+  ({ className, children, ...props }, forwardedRef) => {
+    const { open, contentId, triggerId, setOpen } = React42.useContext(SelectContext);
+    const containerRef = React42.useRef(null);
+    const ref = React42.useCallback(
+      (node) => {
+        containerRef.current = node;
+        if (typeof forwardedRef === "function") forwardedRef(node);
+        else if (forwardedRef) forwardedRef.current = node;
+      },
+      [forwardedRef]
+    );
+    React42.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__ */ jsx(
       "div",
@@ -11066,6 +11268,8 @@ var SelectContent = React41.forwardRef(
         role: "listbox",
         "aria-labelledby": triggerId,
         "data-state": open ? "open" : "closed",
+        onKeyDown: handleKeyDown,
+        tabIndex: -1,
         ...props,
         children
       }
@@ -11073,14 +11277,16 @@ var SelectContent = React41.forwardRef(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = React41.forwardRef(
+var SelectItem = React42.forwardRef(
   ({ className, children, value: itemValue, disabled: itemDisabled = false, ...props }, ref) => {
-    const { value, onValueChange, setOpen } = React41.useContext(SelectContext);
+    const { value, onValueChange, setOpen, triggerId } = React42.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) => {
@@ -11088,6 +11294,8 @@ var SelectItem = React41.forwardRef(
         e.preventDefault();
         onValueChange(itemValue);
         setOpen(false);
+        const trigger = document.getElementById(triggerId);
+        if (trigger) setTimeout(() => trigger.focus(), 0);
       }
     };
     return /* @__PURE__ */ jsxs(
@@ -11207,11 +11415,11 @@ function StatusIndicator({
 }) {
   const api = createStatusIndicator({ type, label, pulse });
   const dotClassName = api.pulse ? statusPulseVariants({ type }) : statusDotVariants({ type });
-  return React41.createElement(
+  return React42.createElement(
     "span",
     { ...api.ariaProps, className: cn(statusContainerStyles, className) },
-    React41.createElement("span", { className: dotClassName }),
-    showLabel && React41.createElement("span", { className: statusLabelStyles }, api.label)
+    React42.createElement("span", { className: dotClassName }),
+    showLabel && React42.createElement("span", { className: statusLabelStyles }, api.label)
   );
 }
 StatusIndicator.displayName = "StatusIndicator";
@@ -11298,7 +11506,7 @@ var switchThumbVariants = cva({
     { checked: "true", size: "lg", class: "translate-x-5" }
   ]
 });
-var Switch = React41.forwardRef(
+var Switch = React42.forwardRef(
   ({ checked = false, onCheckedChange, disabled = false, size = "default", className, ...props }, ref) => {
     const api = createSwitch({ checked, disabled });
     const handleClick = () => {
@@ -11437,41 +11645,41 @@ function MessageComponent({
   message,
   api
 }) {
-  return React41.createElement(
+  return React42.createElement(
     "div",
     { className: threadMessageStyles, ...api.getMessageAriaProps(message) },
     // Avatar
-    React41.createElement(
+    React42.createElement(
       "div",
       { className: threadAvatarStyles },
-      message.author.avatarUrl ? React41.createElement("img", {
+      message.author.avatarUrl ? React42.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.createElement(
+    React42.createElement(
       "div",
       { className: threadContentStyles },
-      React41.createElement(
+      React42.createElement(
         "div",
         { className: "flex items-baseline" },
-        React41.createElement("span", { className: threadAuthorStyles }, message.author.name),
-        React41.createElement(
+        React42.createElement("span", { className: threadAuthorStyles }, message.author.name),
+        React42.createElement(
           "span",
           { className: threadTimestampStyles },
           api.formatTimestamp(message.timestamp)
         ),
-        message.edited && React41.createElement("span", { className: threadEditedStyles }, "(edited)")
+        message.edited && React42.createElement("span", { className: threadEditedStyles }, "(edited)")
       ),
-      React41.createElement("div", { className: threadBodyStyles }, message.content),
+      React42.createElement("div", { className: threadBodyStyles }, message.content),
       // Reactions
-      message.reactions && message.reactions.length > 0 && React41.createElement(
+      message.reactions && message.reactions.length > 0 && React42.createElement(
         "div",
         { className: threadReactionsStyles },
         message.reactions.map(
-          (reaction, i) => React41.createElement(
+          (reaction, i) => React42.createElement(
             "button",
             {
               key: `${reaction.emoji}-${i}`,
@@ -11487,25 +11695,25 @@ function MessageComponent({
         )
       ),
       // Reply indicator
-      message.replies && message.replies.length > 0 && React41.createElement(
+      message.replies && message.replies.length > 0 && React42.createElement(
         "div",
         { className: threadReplyIndicatorStyles },
         `${message.replies.length} ${message.replies.length === 1 ? "reply" : "replies"}`
       ),
       // Attachments
       message.attachments && message.attachments.map(
-        (attachment) => React41.createElement(
+        (attachment) => React42.createElement(
           "div",
           { key: attachment.id, className: threadAttachmentStyles },
-          React41.createElement("span", null, "\u{1F4CE}"),
-          React41.createElement("span", { className: "truncate" }, attachment.name)
+          React42.createElement("span", null, "\u{1F4CE}"),
+          React42.createElement("span", { className: "truncate" }, attachment.name)
         )
       ),
       // Actions (reply button)
-      React41.createElement(
+      React42.createElement(
         "div",
         { className: threadActionsStyles },
-        React41.createElement(
+        React42.createElement(
           "button",
           {
             type: "button",
@@ -11527,11 +11735,11 @@ function ThreadView({
   className
 }) {
   const api = createThreadView({ messages, onReply, onReact, currentUserId });
-  return React41.createElement(
+  return React42.createElement(
     "div",
     { ...api.ariaProps, className: cn(threadContainerStyles, className) },
     messages.map(
-      (message) => React41.createElement(MessageComponent, {
+      (message) => React42.createElement(MessageComponent, {
         key: message.id,
         message,
         api
@@ -11565,11 +11773,11 @@ function observeHeadings(headingIds, callback, options) {
   });
   return () => observer.disconnect();
 }
-var TableOfContents = React41.forwardRef(
+var TableOfContents = React42.forwardRef(
   ({ className, containerRef, selectors = "h2, h3, h4", onActiveIdChange, ...props }, ref) => {
-    const [headings, setHeadings] = React41.useState([]);
-    const [activeId, setActiveId] = React41.useState("");
-    React41.useEffect(() => {
+    const [headings, setHeadings] = React42.useState([]);
+    const [activeId, setActiveId] = React42.useState("");
+    React42.useEffect(() => {
       const container = containerRef?.current || document.body;
       if (!container) return;
       const parsedHeadings = parseHeadings(container, selectors);
@@ -11608,14 +11816,14 @@ var TableOfContents = React41.forwardRef(
   }
 );
 TableOfContents.displayName = "TableOfContents";
-var CarouselContext = React41.createContext(null);
-var Carousel = React41.forwardRef(
+var CarouselContext = React42.createContext(null);
+var Carousel = React42.forwardRef(
   ({ className, type = "single", collapsible, value: controlledValue, defaultValue, onValueChange, ...props }, ref) => {
-    const [uncontrolledValue, setUncontrolledValue] = React41.useState(
+    const [uncontrolledValue, setUncontrolledValue] = React42.useState(
       defaultValue ?? (type === "multiple" ? [] : "")
     );
     const value = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
-    const handleValueChange = React41.useCallback(
+    const handleValueChange = React42.useCallback(
       (itemValue) => {
         if (type === "single") {
           const newValue = value === itemValue && collapsible ? "" : itemValue;
@@ -11634,20 +11842,20 @@ var Carousel = React41.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselItemContext = React41.createContext(null);
-var CarouselItem = React41.forwardRef(
+var CarouselItemContext = React42.createContext(null);
+var CarouselItem = React42.forwardRef(
   ({ className, value, ...props }, ref) => {
-    const context = React41.useContext(CarouselContext);
+    const context = React42.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__ */ jsx(CarouselItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("border-b border-border", className), "data-state": isOpen ? "open" : "closed", ...props }) });
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselTrigger = React41.forwardRef(
+var CarouselTrigger = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const carouselContext = React41.useContext(CarouselContext);
-    const itemContext = React41.useContext(CarouselItemContext);
+    const carouselContext = React42.useContext(CarouselContext);
+    const itemContext = React42.useContext(CarouselItemContext);
     if (!carouselContext || !itemContext) throw new Error("CarouselTrigger missing context");
     return /* @__PURE__ */ jsx("h3", { className: "flex m-0 p-0", children: /* @__PURE__ */ jsxs(
       "button",
@@ -11686,9 +11894,9 @@ var CarouselTrigger = React41.forwardRef(
   }
 );
 CarouselTrigger.displayName = "CarouselTrigger";
-var CarouselContent = React41.forwardRef(
+var CarouselContent = React42.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const itemContext = React41.useContext(CarouselItemContext);
+    const itemContext = React42.useContext(CarouselItemContext);
     if (!itemContext) throw new Error("CarouselContent missing context");
     return /* @__PURE__ */ jsx(
       "div",
@@ -11707,7 +11915,7 @@ var CarouselContent = React41.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var Pagination = React41.forwardRef(
+var Pagination = React42.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props });
   }
@@ -11736,7 +11944,7 @@ function createLinkCard(_props = {}) {
     dataAttributes: { "data-slot": "link-card" }
   };
 }
-var LinkCard = React41.forwardRef(
+var LinkCard = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createLinkCard(props);
     return /* @__PURE__ */ jsx(
@@ -11758,7 +11966,7 @@ function createCardGrid(_props = {}) {
     dataAttributes: { "data-slot": "card-grid" }
   };
 }
-var CardGrid = React41.forwardRef(
+var CardGrid = React42.forwardRef(
   ({ className, columns = 3, ...props }, ref) => {
     const api = createCardGrid({ });
     return /* @__PURE__ */ jsx(
@@ -11783,7 +11991,7 @@ function createPayment(props = {}) {
     }
   };
 }
-var Payment = React41.forwardRef(
+var Payment = React42.forwardRef(
   ({ className, disabled, ...props }, ref) => {
     const api = createPayment({ disabled });
     return /* @__PURE__ */ jsx(
@@ -11802,27 +12010,27 @@ var Payment = React41.forwardRef(
   }
 );
 Payment.displayName = "Payment";
-var PaymentHeader = React41.forwardRef(
+var PaymentHeader = React42.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-6 flex flex-col gap-1.5", className), ...props })
 );
 PaymentHeader.displayName = "PaymentHeader";
-var PaymentTitle = React41.forwardRef(
+var PaymentTitle = React42.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, className: cn("text-xl font-semibold leading-none tracking-tight", className), ...props })
 );
 PaymentTitle.displayName = "PaymentTitle";
-var PaymentDescription = React41.forwardRef(
+var PaymentDescription = React42.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 PaymentDescription.displayName = "PaymentDescription";
-var PaymentContent = React41.forwardRef(
+var PaymentContent = React42.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-4", className), ...props })
 );
 PaymentContent.displayName = "PaymentContent";
-var PaymentFooter = React41.forwardRef(
+var PaymentFooter = React42.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mt-6 flex flex-col gap-3", className), ...props })
 );
 PaymentFooter.displayName = "PaymentFooter";
-var PaymentButton = React41.forwardRef(
+var PaymentButton = React42.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "button",
     {
@@ -11837,6 +12045,6 @@ var PaymentButton = React41.forwardRef(
 );
 PaymentButton.displayName = "PaymentButton";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AnimatedText, AppShell, AuthGuard, AuthProvider, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, Calendar, CalendarHeader, Callout, Card2 as Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Checkbox, CodeBlock, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, ContentProtection, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_DATA, EmojiPicker, FeedbackButton, FeedbackDialog, FileUpload, Footer, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KeyboardShortcut, LanguageSelector, LinkCard, MarkdownRenderer, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PresenceIndicator, ProgressBar, RadioGroup, RadioItem, ReactionBar, ResizableDivider, ResizableLayout, ResizablePane, STATUS_COLORS2 as STATUS_COLORS, STATUS_LABELS2 as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, Select, SelectContent, SelectItem, SelectTrigger, ShortcutBadge, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, StatsGrid, StatusIndicator, Steps, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeScript, ThemeToggle, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, animatedTextVariants, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, dayVariants, deviceFrameVariants, dialogContentVariants, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rowVariants, searchBarVariants, searchResultVariants, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants, selectorVariants, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, progressBarVariants2 as slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, statCardVariants, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAuth, useTheme, useToast, optionVariants2 as versionSelectorOptionVariants, versionSelectorVariants, watermarkVariants };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnimatedText, AppShell, AuthGuard, AuthProvider, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, Calendar, CalendarHeader, Callout, Card2 as Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Checkbox, CodeBlock, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, ContentProtection, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_DATA, EmojiPicker, FeedbackButton, FeedbackDialog, FileUpload, Footer, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KeyboardShortcut, LanguageSelector, LinkCard, MarkdownRenderer, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PresenceIndicator, ProgressBar, RadioGroup, RadioItem, ReactionBar, ResizableDivider, ResizableLayout, ResizablePane, SANE_DEFAULTS, STATUS_COLORS2 as STATUS_COLORS, STATUS_LABELS2 as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, Select, SelectContent, SelectItem, SelectTrigger, ShortcutBadge, ShortcutContext, ShortcutHint, ShortcutProvider, ShortcutRegistry, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, StatsGrid, StatusIndicator, Steps, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeScript, ThemeToggle, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, altHintState, animatedTextVariants, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, dayVariants, deviceFrameVariants, dialogContentVariants, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, globalShortcutRegistry, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rowVariants, searchBarVariants, searchResultVariants, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants, selectorVariants, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, progressBarVariants2 as slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, statCardVariants, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAuth, useShortcut, useTheme, useToast, optionVariants2 as versionSelectorOptionVariants, versionSelectorVariants, watermarkVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map