@refraction-ui/react 0.1.3 → 0.2.1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React40 = require('react');
+var React41 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
 
@@ -22,10 +22,370 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React40__namespace = /*#__PURE__*/_interopNamespace(React40);
+var React41__namespace = /*#__PURE__*/_interopNamespace(React41);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
-// ../react-theme/dist/index.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  __defProp(target, "default", { value: mod, enumerable: true }) ,
+  mod
+));
+
+// ../react-file-tree/dist/index.js
+var require_dist = __commonJS({
+  "../react-file-tree/dist/index.js"(exports) {
+    var jsxRuntime = __require("react/jsx-runtime");
+    var FileTree = () => {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", {});
+    };
+    exports.FileTree = FileTree;
+  }
+});
+
+// ../react-icon-system/dist/index.js
+var require_dist2 = __commonJS({
+  "../react-icon-system/dist/index.js"(exports) {
+    var jsxRuntime = __require("react/jsx-runtime");
+    var IconSystem = () => {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", {});
+    };
+    exports.IconSystem = IconSystem;
+  }
+});
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  AnimatedText: () => AnimatedText,
+  AppShell: () => AppShell,
+  AuthGuard: () => AuthGuard,
+  AuthProvider: () => AuthProvider,
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarGroup: () => AvatarGroup,
+  AvatarImage: () => AvatarImage,
+  Badge: () => Badge,
+  BadgeDisplay: () => BadgeDisplay,
+  BottomNav: () => BottomNav,
+  Breadcrumbs: () => Breadcrumbs,
+  Button: () => Button,
+  CATEGORY_LABELS: () => CATEGORY_LABELS,
+  Calendar: () => Calendar,
+  CalendarHeader: () => CalendarHeader,
+  Callout: () => Callout,
+  Card: () => Card2,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardGrid: () => CardGrid,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Carousel: () => Carousel,
+  CarouselContent: () => CarouselContent,
+  CarouselItem: () => CarouselItem,
+  CarouselTrigger: () => CarouselTrigger,
+  Checkbox: () => Checkbox,
+  CodeBlock: () => CodeBlock,
+  CodeEditor: () => CodeEditor,
+  Collapsible: () => Collapsible,
+  CollapsibleContent: () => CollapsibleContent,
+  CollapsibleTrigger: () => CollapsibleTrigger,
+  Command: () => Command,
+  CommandEmpty: () => CommandEmpty,
+  CommandGroup: () => CommandGroup,
+  CommandInput: () => CommandInput,
+  CommandItem: () => CommandItem,
+  CommandList: () => CommandList,
+  CommandSeparator: () => CommandSeparator,
+  ContentProtection: () => ContentProtection,
+  DataTable: () => DataTable,
+  DatePicker: () => DatePicker,
+  DeviceFrame: () => DeviceFrame,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  DiffViewer: () => DiffViewer,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  EMOJI_CATEGORIES: () => EMOJI_CATEGORIES,
+  EMOJI_DATA: () => EMOJI_DATA,
+  EmojiPicker: () => EmojiPicker,
+  FeedbackButton: () => FeedbackButton,
+  FeedbackDialog: () => FeedbackDialog,
+  FileUpload: () => FileUpload,
+  Footer: () => Footer,
+  InlineEditor: () => InlineEditor,
+  Input: () => Input,
+  InputGroup: () => InputGroup,
+  InputGroupAddon: () => InputGroupAddon,
+  InputGroupButton: () => InputGroupButton,
+  InputGroupText: () => InputGroupText,
+  InstallPrompt: () => InstallPrompt,
+  KeyboardShortcut: () => KeyboardShortcut,
+  LanguageSelector: () => LanguageSelector,
+  LinkCard: () => LinkCard,
+  MarkdownRenderer: () => MarkdownRenderer,
+  MobileNav: () => MobileNav,
+  MobileNavContent: () => MobileNavContent,
+  MobileNavLink: () => MobileNavLink,
+  MobileNavTrigger: () => MobileNavTrigger,
+  Navbar: () => Navbar,
+  OtpInput: () => OtpInput,
+  PRESENCE_STATUS_COLORS: () => STATUS_COLORS,
+  PRESENCE_STATUS_LABELS: () => STATUS_LABELS,
+  Pagination: () => Pagination,
+  Payment: () => Payment,
+  Popover: () => Popover,
+  PopoverClose: () => PopoverClose,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
+  PresenceIndicator: () => PresenceIndicator,
+  ProgressBar: () => ProgressBar,
+  RadioGroup: () => RadioGroup,
+  RadioItem: () => RadioItem,
+  ReactionBar: () => ReactionBar,
+  ResizableDivider: () => ResizableDivider,
+  ResizableLayout: () => ResizableLayout,
+  ResizablePane: () => ResizablePane,
+  STATUS_COLORS: () => STATUS_COLORS2,
+  STATUS_LABELS: () => STATUS_LABELS2,
+  SearchBar: () => SearchBar,
+  SearchResultItem: () => SearchResultItem,
+  SearchResults: () => SearchResults,
+  Select: () => Select,
+  SelectContent: () => SelectContent,
+  SelectItem: () => SelectItem,
+  SelectTrigger: () => SelectTrigger,
+  ShortcutBadge: () => ShortcutBadge,
+  Sidebar: () => Sidebar,
+  Skeleton: () => Skeleton,
+  SkeletonText: () => SkeletonText,
+  SkipToContent: () => SkipToContent,
+  SlideViewer: () => SlideViewer,
+  StatsGrid: () => StatsGrid,
+  StatusIndicator: () => StatusIndicator,
+  Steps: () => Steps,
+  Switch: () => Switch,
+  TableOfContents: () => TableOfContents,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Textarea: () => Textarea,
+  ThemeProvider: () => ThemeProvider,
+  ThemeScript: () => ThemeScript,
+  ThemeToggle: () => ThemeToggle,
+  ThreadView: () => ThreadView,
+  Toast: () => Toast,
+  ToastProvider: () => ToastProvider,
+  Toaster: () => Toaster,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipTrigger: () => TooltipTrigger,
+  TypewriterText: () => TypewriterText,
+  VersionSelector: () => VersionSelector,
+  VideoPlayer: () => VideoPlayer,
+  animatedTextVariants: () => animatedTextVariants,
+  avatarFallbackVariants: () => avatarFallbackVariants,
+  avatarImageVariants: () => avatarImageVariants,
+  avatarTokens: () => avatarTokens,
+  avatarVariants: () => avatarVariants,
+  badgeGridVariants: () => badgeGridVariants,
+  badgeItemVariants: () => badgeItemVariants,
+  badgeVariants: () => badgeVariants,
+  bottomNavTabVariants: () => bottomNavTabVariants,
+  bottomNavVariants: () => bottomNavVariants,
+  breadcrumbItemVariants: () => breadcrumbItemVariants,
+  breadcrumbSeparatorStyles: () => breadcrumbSeparatorStyles,
+  breadcrumbsVariants: () => breadcrumbsVariants,
+  buttonTokens: () => buttonTokens,
+  buttonVariants: () => buttonVariants,
+  calendarVariants: () => calendarVariants,
+  canAccessAdmin: () => canAccessAdmin,
+  canAccessReviewer: () => canAccessReviewer,
+  cardContentVariants: () => cardContentVariants,
+  cardDescriptionVariants: () => cardDescriptionVariants,
+  cardFooterVariants: () => cardFooterVariants,
+  cardHeaderVariants: () => cardHeaderVariants,
+  cardTitleVariants: () => cardTitleVariants,
+  cardTokens: () => cardTokens,
+  cardVariants: () => cardVariants,
+  cellVariants: () => cellVariants,
+  checkIconPath: () => checkIconPath,
+  checkboxTokens: () => checkboxTokens,
+  checkboxVariants: () => checkboxVariants,
+  codeEditorTokens: () => codeEditorTokens,
+  codeEditorVariants: () => codeEditorVariants,
+  collapsibleContentVariants: () => collapsibleContentVariants,
+  commandGroupVariants: () => commandGroupVariants,
+  commandInputVariants: () => commandInputVariants,
+  commandItemVariants: () => commandItemVariants,
+  commandVariants: () => commandVariants,
+  contentProtectionVariants: () => contentProtectionVariants,
+  controlsVariants: () => controlsVariants,
+  createDiffViewer: () => createDiffViewer,
+  dayVariants: () => dayVariants,
+  deviceFrameVariants: () => deviceFrameVariants,
+  dialogContentVariants: () => dialogContentVariants,
+  diffViewerTokens: () => diffViewerTokens,
+  diffViewerVariants: () => diffViewerVariants,
+  editorVariants: () => editorVariants,
+  emojiPickerContainerStyles: () => emojiPickerContainerStyles,
+  emojiPickerEmojiButtonStyles: () => emojiPickerEmojiButtonStyles,
+  emojiPickerGridStyles: () => emojiPickerGridStyles,
+  feedbackDialogVariants: () => feedbackDialogVariants,
+  fileUploadDropZoneVariants: () => fileUploadDropZoneVariants,
+  fileUploadFileItemStyles: () => fileUploadFileItemStyles,
+  fileUploadFileListStyles: () => fileUploadFileListStyles,
+  footerVariants: () => footerVariants,
+  formatFileSize: () => formatFileSize,
+  formatRelativeTime: () => formatRelativeTime,
+  formatShortcut: () => formatShortcut,
+  formatTimestamp: () => formatTimestamp,
+  getAssignableRoles: () => getAssignableRoles,
+  getDefaultPortal: () => getDefaultPortal,
+  getInitials: () => getInitials,
+  hasAllRoles: () => hasAllRoles,
+  hasAnyRole: () => hasAnyRole,
+  hasRole: () => hasRole,
+  headerVariants: () => headerVariants,
+  indeterminateIconPath: () => indeterminateIconPath,
+  inputGroupAddonVariants: () => inputGroupAddonVariants,
+  inputGroupButtonVariants: () => inputGroupButtonVariants,
+  inputGroupTokens: () => inputGroupTokens,
+  inputGroupVariants: () => inputGroupVariants,
+  inputVariants: () => inputVariants,
+  installPromptVariants: () => installPromptVariants,
+  latestBadgeVariants: () => latestBadgeVariants,
+  markdownRendererTokens: () => markdownRendererTokens,
+  menuContentVariants: () => menuContentVariants,
+  menuItemVariants: () => menuItemVariants,
+  mobileNavContentVariants: () => mobileNavContentVariants,
+  mobileNavLinkVariants: () => mobileNavLinkVariants,
+  mobileNavTokens: () => mobileNavTokens,
+  mobileNavTriggerVariants: () => mobileNavTriggerVariants,
+  mobileNavVariants: () => mobileNavVariants,
+  navLinkVariants: () => navLinkVariants,
+  navbarVariants: () => navbarVariants,
+  optionVariants: () => optionVariants,
+  otpInputContainerVariants: () => otpInputContainerVariants,
+  otpInputSlotVariants: () => otpInputSlotVariants,
+  otpInputTokens: () => otpInputTokens,
+  overlayStyles: () => overlayStyles,
+  overlayVariants: () => overlayVariants,
+  playerVariants: () => playerVariants,
+  popoverContentVariants: () => popoverContentVariants,
+  previewVariants: () => previewVariants,
+  progressBarVariants: () => progressBarVariants,
+  proseVariants: () => proseVariants,
+  radioCircleVariants: () => radioCircleVariants,
+  radioGroupVariants: () => radioGroupVariants,
+  radioItemVariants: () => radioItemVariants,
+  reactionAddButtonStyles: () => reactionAddButtonStyles,
+  reactionBarStyles: () => reactionBarStyles,
+  reactionCountStyles: () => reactionCountStyles,
+  reactionEmojiStyles: () => reactionEmojiStyles,
+  reactionPillVariants: () => reactionPillVariants,
+  resizableDividerVariants: () => resizableDividerVariants,
+  resizableLayoutTokens: () => resizableLayoutTokens,
+  resizableLayoutVariants: () => resizableLayoutVariants,
+  resizablePaneVariants: () => resizablePaneVariants,
+  rowVariants: () => rowVariants,
+  searchBarVariants: () => searchBarVariants,
+  searchResultVariants: () => searchResultVariants,
+  selectContentVariants: () => selectContentVariants,
+  selectItemVariants: () => selectItemVariants,
+  selectTokens: () => selectTokens,
+  selectTriggerVariants: () => selectTriggerVariants,
+  selectorVariants: () => selectorVariants,
+  shortcutBadgeStyles: () => shortcutBadgeStyles,
+  shortcutKeyStyles: () => shortcutKeyStyles,
+  shortcutSeparatorStyles: () => shortcutSeparatorStyles,
+  skeletonVariants: () => skeletonVariants,
+  slideTypeBadgeVariants: () => slideTypeBadgeVariants,
+  slideViewerProgressBarVariants: () => progressBarVariants2,
+  slideViewerTokens: () => slideViewerTokens,
+  slideViewerVariants: () => slideViewerVariants,
+  statCardVariants: () => statCardVariants,
+  statsGridVariants: () => statsGridVariants,
+  statusBarVariants: () => statusBarVariants,
+  statusContainerStyles: () => statusContainerStyles,
+  statusDotVariants: () => statusDotVariants,
+  statusLabelStyles: () => statusLabelStyles,
+  statusPulseVariants: () => statusPulseVariants,
+  switchThumbVariants: () => switchThumbVariants,
+  switchTokens: () => switchTokens,
+  switchVariants: () => switchVariants,
+  tabBarVariants: () => tabBarVariants,
+  tabVariants: () => tabVariants,
+  tableVariants: () => tableVariants,
+  tabsListVariants: () => tabsListVariants,
+  tabsTriggerVariants: () => tabsTriggerVariants,
+  textareaVariants: () => textareaVariants,
+  threadAuthorStyles: () => threadAuthorStyles,
+  threadAvatarStyles: () => threadAvatarStyles,
+  threadBodyStyles: () => threadBodyStyles,
+  threadContainerStyles: () => threadContainerStyles,
+  threadContentStyles: () => threadContentStyles,
+  threadMessageStyles: () => threadMessageStyles,
+  threadReactionsStyles: () => threadReactionsStyles,
+  threadTimestampStyles: () => threadTimestampStyles,
+  toastVariants: () => toastVariants,
+  toolbarVariants: () => toolbarVariants,
+  tooltipContentVariants: () => tooltipContentVariants,
+  typewriterVariants: () => typewriterVariants,
+  useAuth: () => useAuth,
+  useTheme: () => useTheme,
+  useToast: () => useToast,
+  versionSelectorOptionVariants: () => optionVariants2,
+  versionSelectorVariants: () => versionSelectorVariants,
+  watermarkVariants: () => watermarkVariants
+});
 
 // ../theme/dist/index.js
 function resolveTheme(mode, systemPrefersDark) {
@@ -141,14 +501,14 @@ function applyThemeToDOM(resolved, attribute = "class") {
 }
 
 // ../react-theme/dist/index.js
-var ThemeContext = React40__namespace.createContext(null);
+var ThemeContext = React41__namespace.createContext(null);
 function ThemeProvider({
   children,
   defaultMode = "system",
   storageKey = "rfr-theme",
   attribute = "class"
 }) {
-  const themeRef = React40__namespace.useRef(null);
+  const themeRef = React41__namespace.useRef(null);
   if (!themeRef.current) {
     const isBrowser = typeof window !== "undefined";
     themeRef.current = createTheme(
@@ -157,8 +517,8 @@ function ThemeProvider({
       isBrowser ? createMediaQueryAdapter() : void 0
     );
   }
-  const [state, setState] = React40__namespace.useState(() => themeRef.current.getState());
-  React40__namespace.useEffect(() => {
+  const [state, setState] = React41__namespace.useState(() => themeRef.current.getState());
+  React41__namespace.useEffect(() => {
     const theme = themeRef.current;
     applyThemeToDOM(theme.getState().resolved, attribute);
     const unsub = theme.subscribe((newState) => {
@@ -170,7 +530,7 @@ function ThemeProvider({
       theme.destroy();
     };
   }, [attribute]);
-  const contextValue = React40__namespace.useMemo(
+  const contextValue = React41__namespace.useMemo(
     () => ({
       mode: state.mode,
       resolved: state.resolved,
@@ -178,10 +538,10 @@ function ThemeProvider({
     }),
     [state.mode, state.resolved]
   );
-  return React40__namespace.createElement(ThemeContext.Provider, { value: contextValue }, children);
+  return React41__namespace.createElement(ThemeContext.Provider, { value: contextValue }, children);
 }
 function useTheme() {
-  const context = React40__namespace.useContext(ThemeContext);
+  const context = React41__namespace.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a <ThemeProvider>");
   }
@@ -193,7 +553,7 @@ var modes = [
   { value: "system", label: "System", icon: "monitor" }
 ];
 var icons = {
-  sun: React40__namespace.createElement(
+  sun: React41__namespace.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -206,10 +566,10 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React40__namespace.createElement("circle", { cx: 12, cy: 12, r: 5 }),
-    React40__namespace.createElement("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
+    React41__namespace.createElement("circle", { cx: 12, cy: 12, r: 5 }),
+    React41__namespace.createElement("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
   ),
-  moon: React40__namespace.createElement(
+  moon: React41__namespace.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -222,9 +582,9 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React40__namespace.createElement("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+    React41__namespace.createElement("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
   ),
-  monitor: React40__namespace.createElement(
+  monitor: React41__namespace.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -237,15 +597,15 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React40__namespace.createElement("rect", { x: 2, y: 3, width: 20, height: 14, rx: 2, ry: 2 }),
-    React40__namespace.createElement("line", { x1: 8, y1: 21, x2: 16, y2: 21 }),
-    React40__namespace.createElement("line", { x1: 12, y1: 17, x2: 12, y2: 21 })
+    React41__namespace.createElement("rect", { x: 2, y: 3, width: 20, height: 14, rx: 2, ry: 2 }),
+    React41__namespace.createElement("line", { x1: 8, y1: 21, x2: 16, y2: 21 }),
+    React41__namespace.createElement("line", { x1: 12, y1: 17, x2: 12, y2: 21 })
   )
 };
 function ThemeToggle({ className, variant = "segmented" }) {
   const { mode, setMode } = useTheme();
   if (variant === "segmented") {
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         className: `inline-flex items-center gap-1 rounded-lg border p-1 ${className ?? ""}`,
@@ -253,7 +613,7 @@ function ThemeToggle({ className, variant = "segmented" }) {
         "aria-label": "Theme"
       },
       modes.map(
-        ({ value, label, icon }) => React40__namespace.createElement("button", {
+        ({ value, label, icon }) => React41__namespace.createElement("button", {
           key: value,
           type: "button",
           role: "radio",
@@ -265,9 +625,9 @@ function ThemeToggle({ className, variant = "segmented" }) {
       )
     );
   }
-  const [open, setOpen] = React40__namespace.useState(false);
-  const ref = React40__namespace.useRef(null);
-  React40__namespace.useEffect(() => {
+  const [open, setOpen] = React41__namespace.useState(false);
+  const ref = React41__namespace.useRef(null);
+  React41__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -276,24 +636,24 @@ function ThemeToggle({ className, variant = "segmented" }) {
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
   const currentIcon = modes.find((m) => m.value === mode)?.icon ?? "monitor";
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     { ref, className: `relative ${className ?? ""}` },
-    React40__namespace.createElement("button", {
+    React41__namespace.createElement("button", {
       type: "button",
       "aria-label": "Toggle theme",
       "aria-expanded": open,
       className: "inline-flex items-center justify-center rounded-md p-2 text-sm transition-colors hover:bg-muted",
       onClick: () => setOpen(!open)
     }, icons[currentIcon]),
-    open && React40__namespace.createElement(
+    open && React41__namespace.createElement(
       "div",
       {
         className: "absolute right-0 top-full mt-1 z-50 min-w-[8rem] rounded-md border bg-popover p-1 shadow-md",
         role: "menu"
       },
       modes.map(
-        ({ value, label, icon }) => React40__namespace.createElement("button", {
+        ({ value, label, icon }) => React41__namespace.createElement("button", {
           key: value,
           type: "button",
           role: "menuitem",
@@ -311,7 +671,7 @@ function ThemeScript({
   storageKey = "rfr-theme",
   attribute = "class"
 }) {
-  return React40__namespace.createElement("script", {
+  return React41__namespace.createElement("script", {
     dangerouslySetInnerHTML: {
       __html: getThemeScript(storageKey, attribute)
     }
@@ -429,6 +789,105 @@ function cva(config) {
     return classes.filter(Boolean).join(" ");
   };
 }
+var AccordionContext = React41__namespace.createContext(null);
+var Accordion = React41__namespace.forwardRef(
+  ({ className, type = "single", collapsible, value: controlledValue, defaultValue, onValueChange, ...props }, ref) => {
+    const [uncontrolledValue, setUncontrolledValue] = React41__namespace.useState(
+      defaultValue ?? (type === "multiple" ? [] : "")
+    );
+    const value = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
+    const handleValueChange = React41__namespace.useCallback(
+      (itemValue) => {
+        if (type === "single") {
+          const newValue = value === itemValue && collapsible ? "" : itemValue;
+          setUncontrolledValue(newValue);
+          onValueChange?.(newValue);
+        } else {
+          const arrValue = Array.isArray(value) ? value : [];
+          const newValue = arrValue.includes(itemValue) ? arrValue.filter((v) => v !== itemValue) : [...arrValue, itemValue];
+          setUncontrolledValue(newValue);
+          onValueChange?.(newValue);
+        }
+      },
+      [type, collapsible, value, onValueChange]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: { type, value, onValueChange: handleValueChange }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col w-full", className), ...props }) });
+  }
+);
+Accordion.displayName = "Accordion";
+var AccordionItemContext = React41__namespace.createContext(null);
+var AccordionItem = React41__namespace.forwardRef(
+  ({ className, value, ...props }, ref) => {
+    const context = React41__namespace.useContext(AccordionContext);
+    if (!context) throw new Error("AccordionItem must be within Accordion");
+    const isOpen = context.type === "single" ? context.value === value : Array.isArray(context.value) && context.value.includes(value);
+    return /* @__PURE__ */ jsxRuntime.jsx(AccordionItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("border-b border-border", className), "data-state": isOpen ? "open" : "closed", ...props }) });
+  }
+);
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React41__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const accordionContext = React41__namespace.useContext(AccordionContext);
+    const itemContext = React41__namespace.useContext(AccordionItemContext);
+    if (!accordionContext || !itemContext) throw new Error("AccordionTrigger missing context");
+    return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "flex m-0 p-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-expanded": itemContext.isOpen,
+        className: cn(
+          "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+          className
+        ),
+        "data-state": itemContext.isOpen ? "open" : "closed",
+        onClick: () => accordionContext.onValueChange(itemContext.value),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200",
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+AccordionTrigger.displayName = "AccordionTrigger";
+var AccordionContent = React41__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const itemContext = React41__namespace.useContext(AccordionItemContext);
+    if (!itemContext) throw new Error("AccordionContent missing context");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "overflow-hidden text-sm",
+          className
+        ),
+        "data-state": itemContext.isOpen ? "open" : "closed",
+        hidden: !itemContext.isOpen,
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-4 pt-0 text-muted-foreground leading-relaxed", children })
+      }
+    );
+  }
+);
+AccordionContent.displayName = "AccordionContent";
 
 // ../animated-text/dist/index.js
 function createAnimatedText(props) {
@@ -492,16 +951,16 @@ var typewriterVariants = cva({
     cursor: "blinking"
   }
 });
-var AnimatedText = React40__namespace.forwardRef(
+var AnimatedText = React41__namespace.forwardRef(
   ({ words, interval = 2500, transitionDuration = 1e3, className, ...props }, ref) => {
-    const apiRef = React40__namespace.useRef(
+    const apiRef = React41__namespace.useRef(
       createAnimatedText({ words})
     );
     const api = apiRef.current;
-    const [currentIndex, setCurrentIndex] = React40__namespace.useState(0);
-    const [isExiting, setIsExiting] = React40__namespace.useState(false);
+    const [currentIndex, setCurrentIndex] = React41__namespace.useState(0);
+    const [isExiting, setIsExiting] = React41__namespace.useState(false);
     const prefersReducedMotion = typeof globalThis !== "undefined" && typeof globalThis.matchMedia === "function" && globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    React40__namespace.useEffect(() => {
+    React41__namespace.useEffect(() => {
       if (words.length <= 1) return;
       const tick = setInterval(() => {
         if (prefersReducedMotion) {
@@ -537,13 +996,13 @@ var AnimatedText = React40__namespace.forwardRef(
   }
 );
 AnimatedText.displayName = "AnimatedText";
-var TypewriterText = React40__namespace.forwardRef(
+var TypewriterText = React41__namespace.forwardRef(
   ({ text, speed = 50, startDelay = 0, className, ...props }, ref) => {
-    const apiRef = React40__namespace.useRef(createTypewriter({ text}));
+    const apiRef = React41__namespace.useRef(createTypewriter({ text}));
     const api = apiRef.current;
-    const [currentIndex, setCurrentIndex] = React40__namespace.useState(0);
+    const [currentIndex, setCurrentIndex] = React41__namespace.useState(0);
     const prefersReducedMotion = typeof globalThis !== "undefined" && typeof globalThis.matchMedia === "function" && globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    React40__namespace.useEffect(() => {
+    React41__namespace.useEffect(() => {
       if (prefersReducedMotion) {
         api.state.currentIndex = text.length;
         setCurrentIndex(text.length);
@@ -702,116 +1161,26 @@ function getAssignableRoles(user) {
   if (hasRole(user, "reviewer")) return ["student"];
   return [];
 }
-function createMockAdapter(initialUser) {
-  let currentUser = initialUser ?? null;
-  const listeners = /* @__PURE__ */ new Set();
-  function notify() {
-    for (const fn of listeners) {
-      fn(currentUser);
-    }
-  }
-  return {
-    async signIn(email, _password) {
-      currentUser = {
-        uid: "mock-" + email,
-        email,
-        displayName: email.split("@")[0],
-        photoURL: null,
-        roles: ["student"]
-      };
-      notify();
-      return currentUser;
-    },
-    async signInWithOAuth(_provider) {
-      currentUser = {
-        uid: "mock-oauth",
-        email: "oauth@example.com",
-        displayName: "OAuth User",
-        photoURL: null,
-        roles: ["student"]
-      };
-      notify();
-      return currentUser;
-    },
-    async signUp(email, _password, displayName) {
-      currentUser = {
-        uid: "mock-" + email,
-        email,
-        displayName,
-        photoURL: null,
-        roles: ["student"]
-      };
-      notify();
-      return currentUser;
-    },
-    async signOut() {
-      currentUser = null;
-      notify();
-    },
-    async resetPassword(_email) {
-    },
-    async getToken() {
-      return currentUser ? "mock-token-" + currentUser.uid : null;
-    },
-    onAuthStateChange(callback) {
-      listeners.add(callback);
-      callback(currentUser);
-      return () => {
-        listeners.delete(callback);
-      };
-    }
-  };
-}
-function resolveAdapter(provider) {
-  const resolved = provider ?? detectProvider();
-  switch (resolved) {
-    case "firebase":
-      if (typeof console !== "undefined") {
-        console.warn("[refraction-ui/auth] Firebase adapter not yet implemented. Using mock adapter.");
-      }
-      return createMockAdapter();
-    case "supabase":
-      if (typeof console !== "undefined") {
-        console.warn("[refraction-ui/auth] Supabase adapter not yet implemented. Using mock adapter.");
-      }
-      return createMockAdapter();
-    case "mock":
-      return createMockAdapter();
-    case "none":
-    default:
-      return createMockAdapter();
-  }
-}
-function detectProvider() {
-  const env = typeof process !== "undefined" ? process.env : {};
-  const explicit = env["REFRACTION_AUTH_PROVIDER"];
-  if (explicit) return explicit;
-  if (env["FIREBASE_API_KEY"] || env["NEXT_PUBLIC_FIREBASE_API_KEY"]) {
-    return "firebase";
-  }
-  if (env["SUPABASE_URL"] || env["NEXT_PUBLIC_SUPABASE_URL"]) {
-    return "supabase";
-  }
-  return "none";
-}
 
 // ../react-auth/dist/index.js
-var AuthContext = React40__namespace.createContext(null);
+var AuthContext = React41__namespace.createContext(null);
 function AuthProvider({ children, ...config }) {
-  const authRef = React40__namespace.useRef(null);
+  const authRef = React41__namespace.useRef(null);
   if (!authRef.current) {
-    const adapter = resolveAdapter(config.provider);
-    authRef.current = createAuth(adapter, config);
+    if (!config.adapter) {
+      throw new Error("[refraction-ui/react-auth] You must provide an `adapter` to AuthProvider.");
+    }
+    authRef.current = createAuth(config.adapter, config);
   }
-  const [state, setState] = React40__namespace.useState(() => authRef.current.getState());
-  React40__namespace.useEffect(() => {
+  const [state, setState] = React41__namespace.useState(() => authRef.current.getState());
+  React41__namespace.useEffect(() => {
     const unsub = authRef.current.subscribe(setState);
     return () => {
       unsub();
       authRef.current.destroy();
     };
   }, []);
-  const value = React40__namespace.useMemo(
+  const value = React41__namespace.useMemo(
     () => ({
       user: state.user,
       isLoading: state.status === "loading",
@@ -825,10 +1194,10 @@ function AuthProvider({ children, ...config }) {
     }),
     [state.user, state.status]
   );
-  return React40__namespace.createElement(AuthContext.Provider, { value }, children);
+  return React41__namespace.createElement(AuthContext.Provider, { value }, children);
 }
 function useAuth() {
-  const ctx = React40__namespace.useContext(AuthContext);
+  const ctx = React41__namespace.useContext(AuthContext);
   if (!ctx) {
     throw new Error("useAuth must be used within an <AuthProvider>");
   }
@@ -842,15 +1211,15 @@ function AuthGuard({
 }) {
   const { isLoading, isAuthenticated, user } = useAuth();
   if (isLoading) {
-    return React40__namespace.createElement(React40__namespace.Fragment, null, fallback ?? null);
+    return React41__namespace.createElement(React41__namespace.Fragment, null, fallback ?? null);
   }
   if (!isAuthenticated) {
-    return React40__namespace.createElement(React40__namespace.Fragment, null, fallback ?? null);
+    return React41__namespace.createElement(React41__namespace.Fragment, null, fallback ?? null);
   }
   if (roles && roles.length > 0 && !hasAnyRole(user, roles)) {
-    return React40__namespace.createElement(React40__namespace.Fragment, null, unauthorized ?? null);
+    return React41__namespace.createElement(React41__namespace.Fragment, null, unauthorized ?? null);
   }
-  return React40__namespace.createElement(React40__namespace.Fragment, null, children);
+  return React41__namespace.createElement(React41__namespace.Fragment, null, children);
 }
 
 // ../badge/dist/index.js
@@ -890,7 +1259,7 @@ var badgeVariants = cva({
     size: "md"
   }
 });
-var Badge = React40__namespace.forwardRef(
+var Badge = React41__namespace.forwardRef(
   ({ variant, size, className, children, ...props }, ref) => {
     const api = createBadge({ variant});
     const classes = cn(badgeVariants({ variant, size }), className);
@@ -937,7 +1306,7 @@ var bottomNavTabVariants = cva({
     active: "false"
   }
 });
-var BottomNav = React40__namespace.forwardRef(
+var BottomNav = React41__namespace.forwardRef(
   ({ tabs = [], currentPath, className, ...props }, ref) => {
     const api = createBottomNav({ currentPath });
     const classes = cn(bottomNavVariants(), className);
@@ -995,7 +1364,7 @@ function createBreadcrumbs(props = {}) {
   };
 }
 var breadcrumbsVariants = cva({
-  base: "flex items-center gap-1.5 text-sm text-muted-foreground"
+  base: "flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground"
 });
 var breadcrumbItemVariants = cva({
   base: "transition-colors",
@@ -1010,7 +1379,7 @@ var breadcrumbItemVariants = cva({
   }
 });
 var breadcrumbSeparatorStyles = "text-muted-foreground/50 select-none";
-var Breadcrumbs = React40__namespace.forwardRef(
+var Breadcrumbs = React41__namespace.forwardRef(
   ({
     pathname,
     items,
@@ -1117,12 +1486,12 @@ var buttonVariants = cva({
     size: "default"
   }
 });
-var Button = React40__namespace.forwardRef(
+var Button = React41__namespace.forwardRef(
   ({ variant, size, loading, asChild, className, disabled, children, ...props }, ref) => {
     const api = createButton({ disabled, loading, type: props.type });
     const classes = cn(buttonVariants({ variant, size }), className);
-    if (asChild && React40__namespace.isValidElement(children)) {
-      return React40__namespace.cloneElement(children, {
+    if (asChild && React41__namespace.isValidElement(children)) {
+      return React41__namespace.cloneElement(children, {
         ref,
         className: cn(classes, children.props.className),
         type: getButtonType({ type: props.type }),
@@ -1329,15 +1698,15 @@ function Calendar({
   maxDate,
   disabledDates
 }) {
-  const [uncontrolledValue, setUncontrolledValue] = React40__namespace.useState(defaultValue);
-  const [uncontrolledMonth, setUncontrolledMonth] = React40__namespace.useState(
+  const [uncontrolledValue, setUncontrolledValue] = React41__namespace.useState(defaultValue);
+  const [uncontrolledMonth, setUncontrolledMonth] = React41__namespace.useState(
     () => month ?? value ?? defaultValue ?? /* @__PURE__ */ new Date()
   );
   const isValueControlled = value !== void 0;
   const isMonthControlled = month !== void 0;
   const selectedValue = isValueControlled ? value : uncontrolledValue;
   const displayMonth = isMonthControlled ? month : uncontrolledMonth;
-  const handleSelect = React40__namespace.useCallback(
+  const handleSelect = React41__namespace.useCallback(
     (date) => {
       if (!isValueControlled) {
         setUncontrolledValue(date);
@@ -1346,7 +1715,7 @@ function Calendar({
     },
     [isValueControlled, onSelect]
   );
-  const handleMonthChange = React40__namespace.useCallback(
+  const handleMonthChange = React41__namespace.useCallback(
     (m) => {
       if (!isMonthControlled) {
         setUncontrolledMonth(m);
@@ -1372,28 +1741,28 @@ function Calendar({
     return "default";
   }
   const monthLabel = `${MONTH_NAMES[api.state.currentMonth.getMonth()]} ${api.state.currentMonth.getFullYear()}`;
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     {
       className: cn(calendarVariants(), className),
       ...api.ariaProps
     },
     // Header row: prev, month label, next
-    React40__namespace.createElement(CalendarHeader, {
+    React41__namespace.createElement(CalendarHeader, {
       label: monthLabel,
       labelId: api.ids.label,
       onPrevMonth: api.prevMonth,
       onNextMonth: api.nextMonth
     }),
     // Day-of-week headers
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       {
         className: "grid grid-cols-7 gap-1 mb-1",
         role: "row"
       },
       DAY_HEADERS.map(
-        (d) => React40__namespace.createElement(
+        (d) => React41__namespace.createElement(
           "div",
           {
             key: d,
@@ -1406,7 +1775,7 @@ function Calendar({
       )
     ),
     // Day grid
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       {
         className: "grid grid-cols-7 gap-1",
@@ -1415,7 +1784,7 @@ function Calendar({
       api.days.map((day, i) => {
         const dayAriaProps = api.getDayAriaProps(day);
         const state = getDayState(day);
-        return React40__namespace.createElement(
+        return React41__namespace.createElement(
           "button",
           {
             key: i,
@@ -1439,12 +1808,12 @@ function CalendarHeader({
   onNextMonth,
   className
 }) {
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     {
       className: cn("flex items-center justify-between mb-2", className)
     },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "button",
       {
         type: "button",
@@ -1454,7 +1823,7 @@ function CalendarHeader({
       },
       "\u2039"
     ),
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       {
         id: labelId,
@@ -1463,7 +1832,7 @@ function CalendarHeader({
       },
       label
     ),
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "button",
       {
         type: "button",
@@ -1596,7 +1965,7 @@ var codeEditorVariants = cva({
     size: "default"
   }
 });
-var CodeEditor = React40__namespace.forwardRef(
+var CodeEditor = React41__namespace.forwardRef(
   ({
     value = "",
     onChange,
@@ -1712,9 +2081,9 @@ var collapsibleContentVariants = cva({
 });
 
 // ../react-collapsible/dist/index.js
-var CollapsibleContext = React40__namespace.createContext(null);
+var CollapsibleContext = React41__namespace.createContext(null);
 function useCollapsibleContext() {
-  const ctx = React40__namespace.useContext(CollapsibleContext);
+  const ctx = React41__namespace.useContext(CollapsibleContext);
   if (!ctx) {
     throw new Error(
       "Collapsible compound components must be used within <Collapsible>"
@@ -1730,10 +2099,10 @@ function Collapsible({
   children,
   className
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React40__namespace.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React41__namespace.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React40__namespace.useCallback(
+  const handleOpenChange = React41__namespace.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -1742,12 +2111,12 @@ function Collapsible({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React40__namespace.useRef(null);
+  const apiRef = React41__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createCollapsible({ open, defaultOpen, disabled });
   }
   const contentId = apiRef.current.contentProps.id;
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -1756,10 +2125,10 @@ function Collapsible({
     }),
     [open, handleOpenChange, disabled, contentId]
   );
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     CollapsibleContext.Provider,
     { value: ctx },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       {
         "data-state": open ? "open" : "closed",
@@ -1771,7 +2140,7 @@ function Collapsible({
   );
 }
 Collapsible.displayName = "Collapsible";
-var CollapsibleTrigger = React40__namespace.forwardRef(({ onClick, disabled: disabledProp, children, ...props }, ref) => {
+var CollapsibleTrigger = React41__namespace.forwardRef(({ onClick, disabled: disabledProp, children, ...props }, ref) => {
   const { open, onOpenChange, disabled: ctxDisabled, contentId } = useCollapsibleContext();
   const disabled = disabledProp ?? ctxDisabled;
   const handleClick = (e) => {
@@ -1780,7 +2149,7 @@ var CollapsibleTrigger = React40__namespace.forwardRef(({ onClick, disabled: dis
     }
     onClick?.(e);
   };
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "button",
     {
       ref,
@@ -1797,11 +2166,11 @@ var CollapsibleTrigger = React40__namespace.forwardRef(({ onClick, disabled: dis
   );
 });
 CollapsibleTrigger.displayName = "CollapsibleTrigger";
-var CollapsibleContent = React40__namespace.forwardRef(({ className, children, ...props }, ref) => {
+var CollapsibleContent = React41__namespace.forwardRef(({ className, children, ...props }, ref) => {
   const { open, contentId } = useCollapsibleContext();
   const dataState = open ? "open" : "closed";
   if (!open) return null;
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     {
       ref,
@@ -1946,9 +2315,9 @@ var commandGroupVariants = cva({
 });
 
 // ../react-command/dist/index.js
-var CommandContext = React40__namespace.createContext(null);
+var CommandContext = React41__namespace.createContext(null);
 function useCommandContext() {
-  const ctx = React40__namespace.useContext(CommandContext);
+  const ctx = React41__namespace.useContext(CommandContext);
   if (!ctx) {
     throw new Error("Command compound components must be used within <Command>");
   }
@@ -1961,11 +2330,11 @@ function Command({
   className,
   children
 }) {
-  const [items, setItems] = React40__namespace.useState([]);
-  const [search, setSearch] = React40__namespace.useState("");
-  const [selectedIndex, setSelectedIndex] = React40__namespace.useState(0);
-  const apiRef = React40__namespace.useRef(null);
-  const api = React40__namespace.useMemo(() => {
+  const [items, setItems] = React41__namespace.useState([]);
+  const [search, setSearch] = React41__namespace.useState("");
+  const [selectedIndex, setSelectedIndex] = React41__namespace.useState(0);
+  const apiRef = React41__namespace.useRef(null);
+  const api = React41__namespace.useMemo(() => {
     const instance = createCommand({ open, onOpenChange, filter }, items);
     if (search) {
       instance.search(search);
@@ -1974,23 +2343,23 @@ function Command({
     return instance;
   }, [open, onOpenChange, filter, items, search]);
   const filteredItems = api.state.filteredItems;
-  const handleSearch = React40__namespace.useCallback((query) => {
+  const handleSearch = React41__namespace.useCallback((query) => {
     setSearch(query);
     setSelectedIndex(0);
   }, []);
-  const handleSelect = React40__namespace.useCallback((index) => {
+  const handleSelect = React41__namespace.useCallback((index) => {
     setSelectedIndex(index);
   }, []);
-  const registerItem = React40__namespace.useCallback((item) => {
+  const registerItem = React41__namespace.useCallback((item) => {
     setItems((prev) => {
       if (prev.some((i) => i.id === item.id)) return prev;
       return [...prev, item];
     });
   }, []);
-  const unregisterItem = React40__namespace.useCallback((id) => {
+  const unregisterItem = React41__namespace.useCallback((id) => {
     setItems((prev) => prev.filter((i) => i.id !== id));
   }, []);
-  const handleKeyDown = React40__namespace.useCallback(
+  const handleKeyDown = React41__namespace.useCallback(
     (e) => {
       const handler = createKeyboardHandler({
         [Keys.ArrowDown]: (ev) => {
@@ -2017,7 +2386,7 @@ function Command({
     },
     [filteredItems.length, onOpenChange]
   );
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({
       search,
       onSearch: handleSearch,
@@ -2032,10 +2401,10 @@ function Command({
     }),
     [search, handleSearch, selectedIndex, handleSelect, items, filteredItems, registerItem, unregisterItem, api.ids.list, api.ids.input]
   );
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     CommandContext.Provider,
     { value: ctx },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       {
         className: cn(commandVariants(), className),
@@ -2047,14 +2416,14 @@ function Command({
   );
 }
 Command.displayName = "Command";
-var CommandInput = React40__namespace.forwardRef(
+var CommandInput = React41__namespace.forwardRef(
   ({ className, onChange, ...props }, ref) => {
     const { search, onSearch, inputId, listId } = useCommandContext();
     const handleChange = (e) => {
       onSearch(e.target.value);
       onChange?.(e);
     };
-    return React40__namespace.createElement("input", {
+    return React41__namespace.createElement("input", {
       ref,
       id: inputId,
       type: "text",
@@ -2069,10 +2438,10 @@ var CommandInput = React40__namespace.forwardRef(
   }
 );
 CommandInput.displayName = "CommandInput";
-var CommandList = React40__namespace.forwardRef(
+var CommandList = React41__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { listId } = useCommandContext();
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         ref,
@@ -2087,11 +2456,11 @@ var CommandList = React40__namespace.forwardRef(
   }
 );
 CommandList.displayName = "CommandList";
-var CommandEmpty = React40__namespace.forwardRef(
+var CommandEmpty = React41__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { filteredItems } = useCommandContext();
     if (filteredItems.length > 0) return null;
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         ref,
@@ -2104,9 +2473,9 @@ var CommandEmpty = React40__namespace.forwardRef(
   }
 );
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React40__namespace.forwardRef(
+var CommandGroup = React41__namespace.forwardRef(
   ({ className, heading, children, ...props }, ref) => {
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         ref,
@@ -2115,7 +2484,7 @@ var CommandGroup = React40__namespace.forwardRef(
         "aria-label": heading,
         ...props
       },
-      heading ? React40__namespace.createElement(
+      heading ? React41__namespace.createElement(
         "div",
         { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground" },
         heading
@@ -2125,10 +2494,10 @@ var CommandGroup = React40__namespace.forwardRef(
   }
 );
 CommandGroup.displayName = "CommandGroup";
-var CommandItem = React40__namespace.forwardRef(
+var CommandItem = React41__namespace.forwardRef(
   ({ className, value, disabled, onSelect: onItemSelect, children, ...props }, ref) => {
     const state = disabled ? "disabled" : "default";
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         ref,
@@ -2149,9 +2518,9 @@ var CommandItem = React40__namespace.forwardRef(
   }
 );
 CommandItem.displayName = "CommandItem";
-var CommandSeparator = React40__namespace.forwardRef(
+var CommandSeparator = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
-    return React40__namespace.createElement("div", {
+    return React41__namespace.createElement("div", {
       ref,
       role: "separator",
       className: cn("-mx-1 h-px bg-border", className),
@@ -2198,7 +2567,7 @@ var contentProtectionVariants = cva({
 var watermarkVariants = cva({
   base: "pointer-events-none absolute inset-0 z-50 overflow-hidden"
 });
-var ContentProtection = React40__namespace.forwardRef(
+var ContentProtection = React41__namespace.forwardRef(
   ({
     enabled,
     disableCopy,
@@ -2445,10 +2814,10 @@ function DataTable({
   className,
   emptyMessage = "No data available"
 }) {
-  const [sortBy, setSortBy] = React40__namespace.useState(controlledSortBy ?? null);
-  const [sortDir, setSortDir] = React40__namespace.useState(controlledSortDir);
-  const [filters, setFilters] = React40__namespace.useState(controlledFilters ?? {});
-  const api = React40__namespace.useMemo(
+  const [sortBy, setSortBy] = React41__namespace.useState(controlledSortBy ?? null);
+  const [sortDir, setSortDir] = React41__namespace.useState(controlledSortDir);
+  const [filters, setFilters] = React41__namespace.useState(controlledFilters ?? {});
+  const api = React41__namespace.useMemo(
     () => createDataTable({
       columns,
       data,
@@ -2459,7 +2828,7 @@ function DataTable({
     }),
     [columns, data, sortBy, sortDir, onSort, filters]
   );
-  const handleSort = React40__namespace.useCallback(
+  const handleSort = React41__namespace.useCallback(
     (columnId) => {
       const col = columns.find((c) => c.id === columnId);
       if (!col?.sortable) return;
@@ -2473,7 +2842,7 @@ function DataTable({
     },
     [columns, sortBy, sortDir, onSort]
   );
-  const handleFilter = React40__namespace.useCallback(
+  const handleFilter = React41__namespace.useCallback(
     (columnId, value) => {
       setFilters((prev) => ({ ...prev, [columnId]: value }));
     },
@@ -2481,87 +2850,91 @@ function DataTable({
   );
   const sortedData = api.state.sortedData;
   const hasFilterable = columns.some((c) => c.filterable);
-  return React40__namespace.createElement(
-    "table",
-    {
-      className: cn(tableVariants(), className),
-      role: "table"
-    },
-    // thead
-    React40__namespace.createElement(
-      "thead",
-      null,
-      // Header row
-      React40__namespace.createElement(
-        "tr",
-        { role: "row" },
-        ...columns.map((col) => {
-          const headerProps = api.getHeaderProps(col);
-          return React40__namespace.createElement(
-            "th",
-            {
-              key: col.id,
-              ...headerProps,
-              className: headerVariants({ sortable: col.sortable ? "true" : "false" }),
-              onClick: col.sortable ? () => handleSort(col.id) : void 0
-            },
-            col.header,
-            col.sortable && sortBy === col.id ? React40__namespace.createElement("span", { "aria-hidden": true }, sortDir === "asc" ? " \u2191" : " \u2193") : null
-          );
-        })
-      ),
-      // Filter row
-      hasFilterable ? React40__namespace.createElement(
-        "tr",
-        { role: "row", "data-filter-row": "true" },
-        ...columns.map(
-          (col) => React40__namespace.createElement(
-            "th",
-            { key: `filter-${col.id}` },
-            col.filterable ? React40__namespace.createElement("input", {
-              type: "text",
-              "aria-label": `Filter ${col.header}`,
-              value: filters[col.id] ?? "",
-              onChange: (e) => handleFilter(col.id, e.target.value),
-              placeholder: `Filter...`
-            }) : null
-          )
-        )
-      ) : null
-    ),
-    // tbody
-    React40__namespace.createElement(
-      "tbody",
-      null,
-      sortedData.length === 0 ? React40__namespace.createElement(
-        "tr",
-        { role: "row" },
-        React40__namespace.createElement(
-          "td",
-          {
-            colSpan: columns.length,
-            className: "text-center p-4 text-muted-foreground",
-            role: "cell"
-          },
-          emptyMessage
-        )
-      ) : sortedData.map(
-        (row, rowIndex) => React40__namespace.createElement(
+  return React41__namespace.createElement(
+    "div",
+    { className: "relative w-full overflow-auto" },
+    React41__namespace.createElement(
+      "table",
+      {
+        className: cn(tableVariants(), className),
+        role: "table"
+      },
+      // thead
+      React41__namespace.createElement(
+        "thead",
+        null,
+        // Header row
+        React41__namespace.createElement(
           "tr",
-          {
-            key: rowIndex,
-            ...api.getRowProps(row, rowIndex),
-            className: rowVariants()
-          },
-          ...columns.map(
-            (col) => React40__namespace.createElement(
-              "td",
+          { role: "row" },
+          ...columns.map((col) => {
+            const headerProps = api.getHeaderProps(col);
+            return React41__namespace.createElement(
+              "th",
               {
                 key: col.id,
-                ...api.getCellProps(col, row),
-                className: cellVariants()
+                ...headerProps,
+                className: headerVariants({ sortable: col.sortable ? "true" : "false" }),
+                onClick: col.sortable ? () => handleSort(col.id) : void 0
               },
-              String(col.accessor(row) ?? "")
+              col.header,
+              col.sortable && sortBy === col.id ? React41__namespace.createElement("span", { "aria-hidden": true }, sortDir === "asc" ? " \u2191" : " \u2193") : null
+            );
+          })
+        ),
+        // Filter row
+        hasFilterable ? React41__namespace.createElement(
+          "tr",
+          { role: "row", "data-filter-row": "true" },
+          ...columns.map(
+            (col) => React41__namespace.createElement(
+              "th",
+              { key: `filter-${col.id}` },
+              col.filterable ? React41__namespace.createElement("input", {
+                type: "text",
+                "aria-label": `Filter ${col.header}`,
+                value: filters[col.id] ?? "",
+                onChange: (e) => handleFilter(col.id, e.target.value),
+                placeholder: `Filter...`
+              }) : null
+            )
+          )
+        ) : null
+      ),
+      // tbody
+      React41__namespace.createElement(
+        "tbody",
+        null,
+        sortedData.length === 0 ? React41__namespace.createElement(
+          "tr",
+          { role: "row" },
+          React41__namespace.createElement(
+            "td",
+            {
+              colSpan: columns.length,
+              className: "text-center p-4 text-muted-foreground",
+              role: "cell"
+            },
+            emptyMessage
+          )
+        ) : sortedData.map(
+          (row, rowIndex) => React41__namespace.createElement(
+            "tr",
+            {
+              key: rowIndex,
+              ...api.getRowProps(row, rowIndex),
+              className: rowVariants()
+            },
+            ...columns.map(
+              (col) => React41__namespace.createElement(
+                "td",
+                {
+                  key: col.id,
+                  ...api.getCellProps(col, row),
+                  className: cellVariants()
+                },
+                String(col.accessor(row) ?? "")
+              )
             )
           )
         )
@@ -2663,7 +3036,7 @@ function DeviceFrame({
   children
 }) {
   const api = createDeviceFrame({ device, orientation });
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     {
       className: cn(deviceFrameVariants({ device, orientation }), className),
@@ -2675,13 +3048,13 @@ function DeviceFrame({
       ...api.dataAttributes
     },
     // Notch decoration
-    api.dimensions.notch ? React40__namespace.createElement("div", {
+    api.dimensions.notch ? React41__namespace.createElement("div", {
       className: "absolute top-0 left-1/2 -translate-x-1/2 w-[40%] h-[30px] bg-black rounded-b-2xl z-10",
       "aria-hidden": "true",
       "data-part": "notch"
     }) : null,
     // Screen area
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       {
         className: "relative w-full h-full overflow-hidden bg-white",
@@ -2690,7 +3063,7 @@ function DeviceFrame({
       children
     ),
     // Home indicator decoration
-    api.dimensions.homeIndicator ? React40__namespace.createElement("div", {
+    api.dimensions.homeIndicator ? React41__namespace.createElement("div", {
       className: "absolute bottom-2 left-1/2 -translate-x-1/2 w-[35%] h-[5px] bg-gray-300 rounded-full z-10",
       "aria-hidden": "true",
       "data-part": "home-indicator"
@@ -2779,9 +3152,9 @@ var dialogContentVariants = cva({
 });
 
 // ../react-dialog/dist/index.js
-var DialogContext = React40__namespace.createContext(null);
+var DialogContext = React41__namespace.createContext(null);
 function useDialogContext() {
-  const ctx = React40__namespace.useContext(DialogContext);
+  const ctx = React41__namespace.useContext(DialogContext);
   if (!ctx) {
     throw new Error("Dialog compound components must be used within <Dialog>");
   }
@@ -2794,10 +3167,10 @@ function Dialog({
   modal = true,
   children
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React40__namespace.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React41__namespace.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React40__namespace.useCallback(
+  const handleOpenChange = React41__namespace.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -2806,12 +3179,12 @@ function Dialog({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React40__namespace.useRef(null);
+  const apiRef = React41__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createDialog({ open, modal });
   }
   const api = apiRef.current;
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -2822,17 +3195,17 @@ function Dialog({
     }),
     [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description]
   );
-  return React40__namespace.createElement(DialogContext.Provider, { value: ctx }, children);
+  return React41__namespace.createElement(DialogContext.Provider, { value: ctx }, children);
 }
 Dialog.displayName = "Dialog";
-var DialogTrigger = React40__namespace.forwardRef(
+var DialogTrigger = React41__namespace.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDialogContext();
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
     };
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "button",
       {
         ref,
@@ -2848,7 +3221,7 @@ var DialogTrigger = React40__namespace.forwardRef(
   }
 );
 DialogTrigger.displayName = "DialogTrigger";
-var DialogOverlay = React40__namespace.forwardRef(
+var DialogOverlay = React41__namespace.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { open, onOpenChange } = useDialogContext();
     if (!open) return null;
@@ -2858,7 +3231,7 @@ var DialogOverlay = React40__namespace.forwardRef(
       }
       onClick?.(e);
     };
-    return React40__namespace.createElement("div", {
+    return React41__namespace.createElement("div", {
       ref,
       className: cn(overlayStyles, className),
       "data-state": open ? "open" : "closed",
@@ -2868,10 +3241,10 @@ var DialogOverlay = React40__namespace.forwardRef(
   }
 );
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React40__namespace.forwardRef(
+var DialogContent = React41__namespace.forwardRef(
   ({ className, children, onKeyDown, ...props }, ref) => {
     const { open, onOpenChange, modal, contentId, titleId, descriptionId } = useDialogContext();
-    React40__namespace.useMemo(
+    React41__namespace.useMemo(
       () => createDialog({ open, modal }),
       [open, modal]
     );
@@ -2886,7 +3259,7 @@ var DialogContent = React40__namespace.forwardRef(
       onKeyDown?.(e);
     };
     if (!open) return null;
-    const content = React40__namespace.createElement(
+    const content = React41__namespace.createElement(
       "div",
       {
         ref,
@@ -2909,9 +3282,9 @@ var DialogContent = React40__namespace.forwardRef(
   }
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React40__namespace.forwardRef(
+var DialogHeader = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
-    return React40__namespace.createElement("div", {
+    return React41__namespace.createElement("div", {
       ref,
       className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
       ...props
@@ -2919,9 +3292,9 @@ var DialogHeader = React40__namespace.forwardRef(
   }
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React40__namespace.forwardRef(
+var DialogFooter = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
-    return React40__namespace.createElement("div", {
+    return React41__namespace.createElement("div", {
       ref,
       className: cn(
         "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
@@ -2932,10 +3305,10 @@ var DialogFooter = React40__namespace.forwardRef(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React40__namespace.forwardRef(
+var DialogTitle = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const { titleId } = useDialogContext();
-    return React40__namespace.createElement("h2", {
+    return React41__namespace.createElement("h2", {
       ref,
       id: titleId,
       className: cn("text-lg font-semibold leading-none tracking-tight", className),
@@ -2944,9 +3317,9 @@ var DialogTitle = React40__namespace.forwardRef(
   }
 );
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React40__namespace.forwardRef(({ className, ...props }, ref) => {
+var DialogDescription = React41__namespace.forwardRef(({ className, ...props }, ref) => {
   const { descriptionId } = useDialogContext();
-  return React40__namespace.createElement("p", {
+  return React41__namespace.createElement("p", {
     ref,
     id: descriptionId,
     className: cn("text-sm text-muted-foreground", className),
@@ -2954,14 +3327,14 @@ var DialogDescription = React40__namespace.forwardRef(({ className, ...props },
   });
 });
 DialogDescription.displayName = "DialogDescription";
-var DialogClose = React40__namespace.forwardRef(
+var DialogClose = React41__namespace.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { onOpenChange } = useDialogContext();
     const handleClick = (e) => {
       onOpenChange(false);
       onClick?.(e);
     };
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "button",
       {
         ref,
@@ -3066,9 +3439,9 @@ var menuItemVariants = cva({
 });
 
 // ../react-dropdown-menu/dist/index.js
-var DropdownMenuContext = React40__namespace.createContext(null);
+var DropdownMenuContext = React41__namespace.createContext(null);
 function useDropdownMenuContext() {
-  const ctx = React40__namespace.useContext(DropdownMenuContext);
+  const ctx = React41__namespace.useContext(DropdownMenuContext);
   if (!ctx) {
     throw new Error("DropdownMenu compound components must be used within <DropdownMenu>");
   }
@@ -3080,10 +3453,10 @@ function DropdownMenu({
   onOpenChange,
   children
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React40__namespace.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React41__namespace.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React40__namespace.useCallback(
+  const handleOpenChange = React41__namespace.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -3092,12 +3465,12 @@ function DropdownMenu({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React40__namespace.useRef(null);
+  const apiRef = React41__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createDropdownMenu({ open });
   }
   const api = apiRef.current;
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -3105,17 +3478,17 @@ function DropdownMenu({
     }),
     [open, handleOpenChange, api.ids.content]
   );
-  return React40__namespace.createElement(DropdownMenuContext.Provider, { value: ctx }, children);
+  return React41__namespace.createElement(DropdownMenuContext.Provider, { value: ctx }, children);
 }
 DropdownMenu.displayName = "DropdownMenu";
-var DropdownMenuTrigger = React40__namespace.forwardRef(
+var DropdownMenuTrigger = React41__namespace.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDropdownMenuContext();
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
     };
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "button",
       {
         ref,
@@ -3131,7 +3504,7 @@ var DropdownMenuTrigger = React40__namespace.forwardRef(
   }
 );
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
-var DropdownMenuContent = React40__namespace.forwardRef(
+var DropdownMenuContent = React41__namespace.forwardRef(
   ({ className, children, onKeyDown, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDropdownMenuContext();
     const handleKeyDown = (e) => {
@@ -3145,7 +3518,7 @@ var DropdownMenuContent = React40__namespace.forwardRef(
       onKeyDown?.(e);
     };
     if (!open) return null;
-    const content = React40__namespace.createElement(
+    const content = React41__namespace.createElement(
       "div",
       {
         ref,
@@ -3166,7 +3539,7 @@ var DropdownMenuContent = React40__namespace.forwardRef(
   }
 );
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = React40__namespace.forwardRef(
+var DropdownMenuItem = React41__namespace.forwardRef(
   ({ className, disabled, onSelect, onClick, children, ...props }, ref) => {
     const { onOpenChange } = useDropdownMenuContext();
     const handleClick = (e) => {
@@ -3183,7 +3556,7 @@ var DropdownMenuItem = React40__namespace.forwardRef(
         onOpenChange(false);
       }
     };
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         ref,
@@ -3201,9 +3574,9 @@ var DropdownMenuItem = React40__namespace.forwardRef(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = React40__namespace.forwardRef(
+var DropdownMenuSeparator = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
-    return React40__namespace.createElement("div", {
+    return React41__namespace.createElement("div", {
       ref,
       role: "separator",
       className: cn("-mx-1 my-1 h-px bg-muted", className),
@@ -3212,9 +3585,9 @@ var DropdownMenuSeparator = React40__namespace.forwardRef(
   }
 );
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var DropdownMenuLabel = React40__namespace.forwardRef(
+var DropdownMenuLabel = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
-    return React40__namespace.createElement("div", {
+    return React41__namespace.createElement("div", {
       ref,
       className: cn("px-2 py-1.5 text-sm font-semibold", className),
       ...props
@@ -3326,15 +3699,15 @@ function FeedbackDialog({
   type = "general",
   className
 }) {
-  const [open, setOpen] = React40__namespace.useState(controlledOpen ?? false);
-  const [comment, setComment] = React40__namespace.useState("");
-  const [email, setEmail] = React40__namespace.useState("");
-  const [honeypot, setHoneypot] = React40__namespace.useState("");
-  const [isSubmitting, setIsSubmitting] = React40__namespace.useState(false);
-  const [isSubmitted, setIsSubmitted] = React40__namespace.useState(false);
+  const [open, setOpen] = React41__namespace.useState(controlledOpen ?? false);
+  const [comment, setComment] = React41__namespace.useState("");
+  const [email, setEmail] = React41__namespace.useState("");
+  const [honeypot, setHoneypot] = React41__namespace.useState("");
+  const [isSubmitting, setIsSubmitting] = React41__namespace.useState(false);
+  const [isSubmitted, setIsSubmitted] = React41__namespace.useState(false);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : open;
-  const handleOpenChange = React40__namespace.useCallback(
+  const handleOpenChange = React41__namespace.useCallback(
     (next) => {
       if (!isControlled) {
         setOpen(next);
@@ -3343,11 +3716,11 @@ function FeedbackDialog({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React40__namespace.useRef(null);
+  const apiRef = React41__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createFeedbackDialog({ open: isOpen, onOpenChange: handleOpenChange, onSubmit, type });
   }
-  const handleSubmit = React40__namespace.useCallback(async () => {
+  const handleSubmit = React41__namespace.useCallback(async () => {
     if (honeypot) return;
     if (!comment.trim()) return;
     setIsSubmitting(true);
@@ -3364,7 +3737,7 @@ function FeedbackDialog({
       setIsSubmitting(false);
     }
   }, [comment, email, honeypot, type, onSubmit]);
-  const handleReset = React40__namespace.useCallback(() => {
+  const handleReset = React41__namespace.useCallback(() => {
     setComment("");
     setEmail("");
     setHoneypot("");
@@ -3374,15 +3747,15 @@ function FeedbackDialog({
   if (!isOpen) return null;
   const api = apiRef.current;
   if (isSubmitted) {
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         className: cn(feedbackDialogVariants({ type }), className),
         ...api.ariaProps,
         "data-state": "submitted"
       },
-      React40__namespace.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
-      React40__namespace.createElement(
+      React41__namespace.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
+      React41__namespace.createElement(
         "button",
         {
           type: "button",
@@ -3395,22 +3768,22 @@ function FeedbackDialog({
       )
     );
   }
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     {
       className: cn(feedbackDialogVariants({ type }), className),
       ...api.ariaProps,
       "data-state": "open"
     },
-    React40__namespace.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
-    React40__namespace.createElement("textarea", {
+    React41__namespace.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
+    React41__namespace.createElement("textarea", {
       "aria-label": "Feedback comment",
       value: comment,
       onChange: (e) => setComment(e.target.value),
       placeholder: "Your feedback...",
       disabled: isSubmitting
     }),
-    React40__namespace.createElement("input", {
+    React41__namespace.createElement("input", {
       type: "email",
       "aria-label": "Email",
       value: email,
@@ -3419,7 +3792,7 @@ function FeedbackDialog({
       disabled: isSubmitting
     }),
     // Honeypot field — hidden from real users
-    React40__namespace.createElement("input", {
+    React41__namespace.createElement("input", {
       type: "text",
       "aria-hidden": true,
       tabIndex: -1,
@@ -3429,7 +3802,7 @@ function FeedbackDialog({
       autoComplete: "off",
       name: "website"
     }),
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "button",
       {
         type: "button",
@@ -3441,9 +3814,9 @@ function FeedbackDialog({
   );
 }
 FeedbackDialog.displayName = "FeedbackDialog";
-var FeedbackButton = React40__namespace.forwardRef(
+var FeedbackButton = React41__namespace.forwardRef(
   ({ children, ...props }, ref) => {
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "button",
       {
         ref,
@@ -3470,7 +3843,7 @@ function createFooter(props = {}) {
 var footerVariants = cva({
   base: "border-t bg-background py-8"
 });
-var Footer = React40__namespace.forwardRef(
+var Footer = React41__namespace.forwardRef(
   ({
     copyright,
     socialLinks = [],
@@ -3608,34 +3981,34 @@ function InlineEditor({
   onCancel,
   className
 }) {
-  const [isEditing, setIsEditing] = React40__namespace.useState(false);
-  const [editValue, setEditValue] = React40__namespace.useState(initialValue);
-  const apiRef = React40__namespace.useRef(null);
+  const [isEditing, setIsEditing] = React41__namespace.useState(false);
+  const [editValue, setEditValue] = React41__namespace.useState(initialValue);
+  const apiRef = React41__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createInlineEditor({ value: initialValue, onSave, onCancel });
   }
   const api = apiRef.current;
-  const handleStartEditing = React40__namespace.useCallback(() => {
+  const handleStartEditing = React41__namespace.useCallback(() => {
     setIsEditing(true);
     setEditValue(initialValue);
   }, [initialValue]);
-  const handleCancel = React40__namespace.useCallback(() => {
+  const handleCancel = React41__namespace.useCallback(() => {
     setIsEditing(false);
     setEditValue(initialValue);
     onCancel?.();
   }, [initialValue, onCancel]);
-  const handleSave = React40__namespace.useCallback(() => {
+  const handleSave = React41__namespace.useCallback(() => {
     setIsEditing(false);
     onSave?.(editValue);
   }, [editValue, onSave]);
-  const handleInsert = React40__namespace.useCallback(
+  const handleInsert = React41__namespace.useCallback(
     (syntax) => {
       setEditValue((prev) => prev + syntax);
     },
     []
   );
   if (!isEditing) {
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         className: cn(editorVariants({ state: "viewing" }), className),
@@ -3650,20 +4023,20 @@ function InlineEditor({
           }
         }
       },
-      React40__namespace.createElement("div", { className: previewVariants() }, editValue || initialValue)
+      React41__namespace.createElement("div", { className: previewVariants() }, editValue || initialValue)
     );
   }
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     {
       className: cn(editorVariants({ state: "editing" }), className)
     },
     // Toolbar
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       { className: toolbarVariants(), role: "toolbar", "aria-label": "Formatting toolbar" },
       ...api.toolbarActions.map(
-        (action) => React40__namespace.createElement(
+        (action) => React41__namespace.createElement(
           "button",
           {
             key: action.name,
@@ -3677,16 +4050,16 @@ function InlineEditor({
       )
     ),
     // Editor area: side-by-side textarea + preview
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       { className: "flex gap-2 p-2" },
-      React40__namespace.createElement("textarea", {
+      React41__namespace.createElement("textarea", {
         value: editValue,
         onChange: (e) => setEditValue(e.target.value),
         className: "flex-1 min-h-[100px] resize-y border rounded p-2",
         "aria-label": "Editor content"
       }),
-      React40__namespace.createElement(
+      React41__namespace.createElement(
         "div",
         {
           className: cn("flex-1", previewVariants()),
@@ -3696,15 +4069,15 @@ function InlineEditor({
       )
     ),
     // Action buttons
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       { className: "flex justify-end gap-2 p-2 border-t" },
-      React40__namespace.createElement(
+      React41__namespace.createElement(
         "button",
         { type: "button", onClick: handleCancel },
         "Cancel"
       ),
-      React40__namespace.createElement(
+      React41__namespace.createElement(
         "button",
         { type: "button", onClick: handleSave },
         "Save"
@@ -3760,7 +4133,7 @@ var inputVariants = cva({
     size: "default"
   }
 });
-var Input = React40__namespace.forwardRef(
+var Input = React41__namespace.forwardRef(
   ({ type = "text", size, className, disabled, readOnly, required, "aria-invalid": ariaInvalid, ...props }, ref) => {
     const api = createInput({
       disabled,
@@ -3853,7 +4226,7 @@ var inputGroupButtonVariants = cva({
     orientation: "horizontal"
   }
 });
-var InputGroup = React40__namespace.forwardRef(
+var InputGroup = React41__namespace.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     const api = createInputGroup({
       orientation,
@@ -3875,7 +4248,7 @@ var InputGroup = React40__namespace.forwardRef(
   }
 );
 InputGroup.displayName = "InputGroup";
-var InputGroupAddon = React40__namespace.forwardRef(
+var InputGroupAddon = React41__namespace.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -3889,7 +4262,7 @@ var InputGroupAddon = React40__namespace.forwardRef(
   }
 );
 InputGroupAddon.displayName = "InputGroupAddon";
-var InputGroupText = React40__namespace.forwardRef(
+var InputGroupText = React41__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
@@ -3903,7 +4276,7 @@ var InputGroupText = React40__namespace.forwardRef(
   }
 );
 InputGroupText.displayName = "InputGroupText";
-var InputGroupButton = React40__namespace.forwardRef(
+var InputGroupButton = React41__namespace.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -3969,7 +4342,7 @@ function createLocalStorage() {
     }
   };
 }
-var InstallPrompt = React40__namespace.forwardRef(
+var InstallPrompt = React41__namespace.forwardRef(
   ({
     delay = 3e3,
     storageKey,
@@ -3979,14 +4352,14 @@ var InstallPrompt = React40__namespace.forwardRef(
     className,
     ...props
   }, ref) => {
-    const storageRef = React40__namespace.useRef(void 0);
+    const storageRef = React41__namespace.useRef(void 0);
     if (typeof window !== "undefined" && !storageRef.current) {
       storageRef.current = createLocalStorage();
     }
     const api = createInstallPrompt({ storageKey }, storageRef.current);
-    const [visible, setVisible] = React40__namespace.useState(false);
-    const promptEventRef = React40__namespace.useRef(null);
-    React40__namespace.useEffect(() => {
+    const [visible, setVisible] = React41__namespace.useState(false);
+    const promptEventRef = React41__namespace.useRef(null);
+    React41__namespace.useEffect(() => {
       if (api.state.isDismissed) return;
       const handleBeforeInstall = (e) => {
         e.preventDefault();
@@ -4227,7 +4600,7 @@ function sanitizeHtml(html) {
   sanitized = sanitized.replace(/(href|src)\s*=\s*["']?\s*javascript\s*:[^"'>]*/gi, '$1=""');
   return sanitized;
 }
-var MarkdownRenderer = React40__namespace.forwardRef(
+var MarkdownRenderer = React41__namespace.forwardRef(
   ({ content, components, linkResolver, className, size }, ref) => {
     const coreProps = { content, components, linkResolver };
     const api = createMarkdownRenderer(coreProps);
@@ -4316,20 +4689,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 = React40__namespace.createContext(null);
+var MobileNavContext = React41__namespace.createContext(null);
 function useMobileNavContext() {
-  const ctx = React40__namespace.useContext(MobileNavContext);
+  const ctx = React41__namespace.useContext(MobileNavContext);
   if (!ctx) {
     throw new Error("MobileNav compound components must be used within <MobileNav>");
   }
   return ctx;
 }
-var MobileNav = React40__namespace.forwardRef(
+var MobileNav = React41__namespace.forwardRef(
   ({ open: controlledOpen, onOpenChange, defaultOpen = false, className, children, ...props }, ref) => {
-    const [uncontrolledOpen, setUncontrolledOpen] = React40__namespace.useState(defaultOpen);
+    const [uncontrolledOpen, setUncontrolledOpen] = React41__namespace.useState(defaultOpen);
     const isControlled = controlledOpen !== void 0;
     const open = isControlled ? controlledOpen : uncontrolledOpen;
-    const setOpen = React40__namespace.useCallback(
+    const setOpen = React41__namespace.useCallback(
       (value) => {
         if (!isControlled) {
           setUncontrolledOpen(value);
@@ -4339,11 +4712,11 @@ var MobileNav = React40__namespace.forwardRef(
       [isControlled, onOpenChange]
     );
     const api = createMobileNav({ open, onOpenChange: setOpen, id: props.id });
-    const handleKeyDown = React40__namespace.useMemo(
+    const handleKeyDown = React41__namespace.useMemo(
       () => createKeyboardHandler(api.keyboardHandlers),
       [open]
     );
-    const contextValue = React40__namespace.useMemo(
+    const contextValue = React41__namespace.useMemo(
       () => ({ open, setOpen, contentId: api.contentProps.id }),
       [open, setOpen, api.contentProps.id]
     );
@@ -4360,7 +4733,7 @@ var MobileNav = React40__namespace.forwardRef(
   }
 );
 MobileNav.displayName = "MobileNav";
-var MobileNavTrigger = React40__namespace.forwardRef(
+var MobileNavTrigger = React41__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { open, setOpen, contentId } = useMobileNavContext();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4401,7 +4774,7 @@ var MobileNavTrigger = React40__namespace.forwardRef(
   }
 );
 MobileNavTrigger.displayName = "MobileNavTrigger";
-var MobileNavContent = React40__namespace.forwardRef(
+var MobileNavContent = React41__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { open, contentId } = useMobileNavContext();
     const state = open ? "open" : "closed";
@@ -4420,7 +4793,7 @@ var MobileNavContent = React40__namespace.forwardRef(
   }
 );
 MobileNavContent.displayName = "MobileNavContent";
-var MobileNavLink = React40__namespace.forwardRef(
+var MobileNavLink = React41__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "a",
@@ -4479,7 +4852,7 @@ var navLinkVariants = cva({
     active: "false"
   }
 });
-var Navbar = React40__namespace.forwardRef(
+var Navbar = React41__namespace.forwardRef(
   ({
     links = [],
     currentPath,
@@ -4574,19 +4947,19 @@ var popoverContentVariants = cva({
     side: "bottom"
   }
 });
-var PopoverContext = React40__namespace.createContext(null);
+var PopoverContext = React41__namespace.createContext(null);
 function usePopoverContext() {
-  const ctx = React40__namespace.useContext(PopoverContext);
+  const ctx = React41__namespace.useContext(PopoverContext);
   if (!ctx) {
     throw new Error("Popover compound components must be used within <Popover>");
   }
   return ctx;
 }
 function Popover({ open: controlledOpen, defaultOpen = false, onOpenChange, placement, children }) {
-  const [internalOpen, setInternalOpen] = React40__namespace.useState(controlledOpen ?? defaultOpen);
+  const [internalOpen, setInternalOpen] = React41__namespace.useState(controlledOpen ?? defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
-  const handleOpenChange = React40__namespace.useCallback(
+  const handleOpenChange = React41__namespace.useCallback(
     (value) => {
       if (!isControlled) {
         setInternalOpen(value);
@@ -4595,18 +4968,18 @@ function Popover({ open: controlledOpen, defaultOpen = false, onOpenChange, plac
     },
     [isControlled, onOpenChange]
   );
-  const api = React40__namespace.useMemo(
+  const api = React41__namespace.useMemo(
     () => createPopover({ open: isOpen, onOpenChange: handleOpenChange, placement }),
     [isOpen, handleOpenChange, placement]
   );
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({ api, open: isOpen, setOpen: handleOpenChange }),
     [api, isOpen, handleOpenChange]
   );
-  return React40__namespace.createElement(PopoverContext.Provider, { value: ctx }, children);
+  return React41__namespace.createElement(PopoverContext.Provider, { value: ctx }, children);
 }
 Popover.displayName = "Popover";
-var PopoverTrigger = React40__namespace.forwardRef(
+var PopoverTrigger = React41__namespace.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { api, setOpen, open } = usePopoverContext();
     const handleClick = (e) => {
@@ -4629,7 +5002,7 @@ var PopoverTrigger = React40__namespace.forwardRef(
   }
 );
 PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverContent = React40__namespace.forwardRef(
+var PopoverContent = React41__namespace.forwardRef(
   ({ side, className, children, onKeyDown, ...props }, ref) => {
     const { api, open, setOpen } = usePopoverContext();
     const handleKeyDown = (e) => {
@@ -4658,7 +5031,7 @@ var PopoverContent = React40__namespace.forwardRef(
   }
 );
 PopoverContent.displayName = "PopoverContent";
-var PopoverClose = React40__namespace.forwardRef(
+var PopoverClose = React41__namespace.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { setOpen } = usePopoverContext();
     const handleClick = (e) => {
@@ -4779,9 +5152,9 @@ var searchResultVariants = cva({
 });
 
 // ../react-search-bar/dist/index.js
-var SearchBarContext = React40__namespace.createContext(null);
+var SearchBarContext = React41__namespace.createContext(null);
 function useSearchBarContext() {
-  const ctx = React40__namespace.useContext(SearchBarContext);
+  const ctx = React41__namespace.useContext(SearchBarContext);
   if (!ctx) {
     throw new Error("SearchBar compound components must be used within <SearchBar>");
   }
@@ -4799,11 +5172,11 @@ function SearchBar({
   children,
   ...inputProps
 }) {
-  const [internalValue, setInternalValue] = React40__namespace.useState(controlledValue ?? defaultValue);
+  const [internalValue, setInternalValue] = React41__namespace.useState(controlledValue ?? defaultValue);
   const isControlled = controlledValue !== void 0;
   const currentValue = isControlled ? controlledValue : internalValue;
-  const debounceRef = React40__namespace.useRef(void 0);
-  const handleValueChange = React40__namespace.useCallback(
+  const debounceRef = React41__namespace.useRef(void 0);
+  const handleValueChange = React41__namespace.useCallback(
     (val) => {
       if (!isControlled) {
         setInternalValue(val);
@@ -4812,8 +5185,8 @@ function SearchBar({
     },
     [isControlled, onValueChange]
   );
-  const [isSearching, setIsSearching] = React40__namespace.useState(loading);
-  const handleSearch = React40__namespace.useCallback(
+  const [isSearching, setIsSearching] = React41__namespace.useState(loading);
+  const handleSearch = React41__namespace.useCallback(
     (val) => {
       if (debounceRef.current !== void 0) {
         clearTimeout(debounceRef.current);
@@ -4830,7 +5203,7 @@ function SearchBar({
     },
     [onSearch, debounceMs]
   );
-  const handleChange = React40__namespace.useCallback(
+  const handleChange = React41__namespace.useCallback(
     (e) => {
       const val = e.target.value;
       handleValueChange(val);
@@ -4838,14 +5211,14 @@ function SearchBar({
     },
     [handleValueChange, handleSearch]
   );
-  const clear = React40__namespace.useCallback(() => {
+  const clear = React41__namespace.useCallback(() => {
     if (debounceRef.current !== void 0) {
       clearTimeout(debounceRef.current);
     }
     handleValueChange("");
     setIsSearching(false);
   }, [handleValueChange]);
-  const api = React40__namespace.useMemo(
+  const api = React41__namespace.useMemo(
     () => createSearchBar({
       value: currentValue,
       onValueChange: handleValueChange,
@@ -4856,7 +5229,7 @@ function SearchBar({
     }),
     [currentValue, handleValueChange, onSearch, debounceMs, placeholder, loading]
   );
-  const handleKeyDown = React40__namespace.useCallback(
+  const handleKeyDown = React41__namespace.useCallback(
     (e) => {
       if (e.key === "Escape") {
         clear();
@@ -4870,18 +5243,18 @@ function SearchBar({
     },
     [clear, onSearch, currentValue]
   );
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({ api, value: currentValue, isSearching, setValue: handleValueChange, clear }),
     [api, currentValue, isSearching, handleValueChange, clear]
   );
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     SearchBarContext.Provider,
     { value: ctx },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       { className: cn(searchBarVariants(), className) },
-      React40__namespace.createElement("span", { className: "rfr-search-icon", "aria-hidden": "true" }, "\u{1F50D}"),
-      React40__namespace.createElement("input", {
+      React41__namespace.createElement("span", { className: "rfr-search-icon", "aria-hidden": "true" }, "\u{1F50D}"),
+      React41__namespace.createElement("input", {
         ...inputProps,
         role: api.inputProps.role,
         "aria-expanded": api.inputProps["aria-expanded"],
@@ -4893,8 +5266,8 @@ function SearchBar({
         onKeyDown: handleKeyDown,
         className: "rfr-search-input flex-1 bg-transparent outline-none"
       }),
-      isSearching && React40__namespace.createElement("span", { className: "rfr-search-spinner", "aria-label": "Loading" }, "\u23F3"),
-      currentValue.length > 0 && !isSearching && React40__namespace.createElement(
+      isSearching && React41__namespace.createElement("span", { className: "rfr-search-spinner", "aria-label": "Loading" }, "\u23F3"),
+      currentValue.length > 0 && !isSearching && React41__namespace.createElement(
         "button",
         {
           type: "button",
@@ -4909,11 +5282,11 @@ function SearchBar({
   );
 }
 SearchBar.displayName = "SearchBar";
-var SearchResults = React40__namespace.forwardRef(
+var SearchResults = React41__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { api, value } = useSearchBarContext();
     if (value.length === 0) return null;
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "ul",
       {
         ref,
@@ -4927,9 +5300,9 @@ var SearchResults = React40__namespace.forwardRef(
   }
 );
 SearchResults.displayName = "SearchResults";
-var SearchResultItem = React40__namespace.forwardRef(
+var SearchResultItem = React41__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "li",
       {
         ref,
@@ -4990,7 +5363,7 @@ var sidebarItemVariants = cva({
     active: "false"
   }
 });
-var Sidebar = React40__namespace.forwardRef(
+var Sidebar = React41__namespace.forwardRef(
   ({
     sections = [],
     currentPath,
@@ -5060,7 +5433,7 @@ var skeletonVariants = cva({
 });
 
 // ../react-skeleton/dist/index.js
-var Skeleton = React40__namespace.forwardRef(
+var Skeleton = React41__namespace.forwardRef(
   ({ shape, width, height, animate, className, style, ...props }, ref) => {
     const api = createSkeleton({ shape, animate });
     const classes = cn(skeletonVariants({ shape }), className);
@@ -5069,7 +5442,7 @@ var Skeleton = React40__namespace.forwardRef(
       ...width !== void 0 ? { width } : {},
       ...height !== void 0 ? { height } : {}
     };
-    return React40__namespace.createElement("div", {
+    return React41__namespace.createElement("div", {
       ref,
       className: classes,
       style: Object.keys(mergedStyle).length > 0 ? mergedStyle : void 0,
@@ -5081,13 +5454,13 @@ var Skeleton = React40__namespace.forwardRef(
 );
 Skeleton.displayName = "Skeleton";
 var lineWidths = ["100%", "92%", "85%", "96%", "78%", "88%", "94%", "82%"];
-var SkeletonText = React40__namespace.forwardRef(
+var SkeletonText = React41__namespace.forwardRef(
   ({ lines = 3, animate, className, ...props }, ref) => {
     const children = [];
     for (let i = 0; i < lines; i++) {
       const width = lineWidths[i % lineWidths.length];
       children.push(
-        React40__namespace.createElement(Skeleton, {
+        React41__namespace.createElement(Skeleton, {
           key: i,
           shape: "text",
           width,
@@ -5095,7 +5468,7 @@ var SkeletonText = React40__namespace.forwardRef(
         })
       );
     }
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         ref,
@@ -5196,16 +5569,16 @@ function createTabs(props = {}) {
   };
 }
 var tabsListVariants = cva({
-  base: "inline-flex items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground"
+  base: "inline-flex max-w-full overflow-x-auto items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground"
 });
 var tabsTriggerVariants = cva({
   base: "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow"
 });
 
 // ../react-tabs/dist/index.js
-var TabsContext = React40__namespace.createContext(null);
+var TabsContext = React41__namespace.createContext(null);
 function useTabsContext() {
-  const ctx = React40__namespace.useContext(TabsContext);
+  const ctx = React41__namespace.useContext(TabsContext);
   if (!ctx) {
     throw new Error("Tabs compound components must be used within <Tabs>");
   }
@@ -5219,10 +5592,10 @@ function Tabs({
   className,
   children
 }) {
-  const [uncontrolledValue, setUncontrolledValue] = React40__namespace.useState(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = React41__namespace.useState(defaultValue);
   const isControlled = controlledValue !== void 0;
   const value = isControlled ? controlledValue : uncontrolledValue;
-  const handleValueChange = React40__namespace.useCallback(
+  const handleValueChange = React41__namespace.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledValue(next);
@@ -5231,12 +5604,12 @@ function Tabs({
     },
     [isControlled, onValueChange]
   );
-  const apiRef = React40__namespace.useRef(null);
+  const apiRef = React41__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createTabs({ value, orientation });
   }
   const api = apiRef.current;
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({
       value,
       onValueChange: handleValueChange,
@@ -5245,17 +5618,17 @@ function Tabs({
     }),
     [value, handleValueChange, orientation, api.idPrefix]
   );
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     { className, "data-orientation": orientation },
-    React40__namespace.createElement(TabsContext.Provider, { value: ctx }, children)
+    React41__namespace.createElement(TabsContext.Provider, { value: ctx }, children)
   );
 }
 Tabs.displayName = "Tabs";
-var TabsList = React40__namespace.forwardRef(
+var TabsList = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useTabsContext();
-    return React40__namespace.createElement("div", {
+    return React41__namespace.createElement("div", {
       ref,
       role: "tablist",
       "aria-orientation": orientation,
@@ -5265,7 +5638,7 @@ var TabsList = React40__namespace.forwardRef(
   }
 );
 TabsList.displayName = "TabsList";
-var TabsTrigger = React40__namespace.forwardRef(
+var TabsTrigger = React41__namespace.forwardRef(
   ({ value, className, onClick, onKeyDown, children, ...props }, ref) => {
     const { value: activeValue, onValueChange, orientation, idPrefix } = useTabsContext();
     const isSelected = activeValue === value;
@@ -5278,7 +5651,7 @@ var TabsTrigger = React40__namespace.forwardRef(
     const handleKeyDown = (e) => {
       onKeyDown?.(e);
     };
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "button",
       {
         ref,
@@ -5299,14 +5672,14 @@ var TabsTrigger = React40__namespace.forwardRef(
   }
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React40__namespace.forwardRef(
+var TabsContent = React41__namespace.forwardRef(
   ({ value, className, children, ...props }, ref) => {
     const { value: activeValue, idPrefix } = useTabsContext();
     const isSelected = activeValue === value;
     const tabId = `${idPrefix}-tab-${value}`;
     const panelId = `${idPrefix}-panel-${value}`;
     if (!isSelected) return null;
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         ref,
@@ -5370,7 +5743,7 @@ var textareaVariants = cva({
     size: "default"
   }
 });
-var Textarea = React40__namespace.forwardRef(
+var Textarea = React41__namespace.forwardRef(
   ({ size, className, disabled, readOnly, required, rows, maxRows, "aria-invalid": ariaInvalid, ...props }, ref) => {
     const api = createTextarea({
       disabled,
@@ -5527,30 +5900,30 @@ var toastVariants = cva({
 });
 
 // ../react-toast/dist/index.js
-var ToastContext = React40__namespace.createContext(null);
+var ToastContext = React41__namespace.createContext(null);
 function useToastContext() {
-  const ctx = React40__namespace.useContext(ToastContext);
+  const ctx = React41__namespace.useContext(ToastContext);
   if (!ctx) {
     throw new Error("useToast must be used within a <ToastProvider>");
   }
   return ctx;
 }
 function ToastProvider({ children }) {
-  const managerRef = React40__namespace.useRef(null);
+  const managerRef = React41__namespace.useRef(null);
   if (managerRef.current === null) {
     managerRef.current = createToastManager();
   }
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({ manager: managerRef.current }),
     []
   );
-  return React40__namespace.createElement(ToastContext.Provider, { value: ctx }, children);
+  return React41__namespace.createElement(ToastContext.Provider, { value: ctx }, children);
 }
 ToastProvider.displayName = "ToastProvider";
 function useToast() {
   const { manager } = useToastContext();
-  const [toasts, setToasts] = React40__namespace.useState(manager.toasts);
-  React40__namespace.useEffect(() => {
+  const [toasts, setToasts] = React41__namespace.useState(manager.toasts);
+  React41__namespace.useEffect(() => {
     setToasts(manager.toasts);
     const unsub = manager.subscribe(setToasts);
     return unsub;
@@ -5561,13 +5934,13 @@ function useToast() {
     toasts
   };
 }
-var Toast = React40__namespace.forwardRef(
+var Toast = React41__namespace.forwardRef(
   ({ entry, onDismiss, className, children, onMouseEnter, onMouseLeave, ...props }, ref) => {
-    const api = React40__namespace.useMemo(
+    const api = React41__namespace.useMemo(
       () => createToast({ variant: entry.variant, duration: entry.duration }),
       [entry.variant, entry.duration]
     );
-    React40__namespace.useEffect(() => {
+    React41__namespace.useEffect(() => {
       api.startTimer();
       return () => api.pauseTimer();
     }, [api]);
@@ -5579,7 +5952,7 @@ var Toast = React40__namespace.forwardRef(
       api.resumeTimer();
       onMouseLeave?.(e);
     };
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         ref,
@@ -5589,9 +5962,9 @@ var Toast = React40__namespace.forwardRef(
         onMouseLeave: handleMouseLeave,
         ...props
       },
-      React40__namespace.createElement("div", { className: "flex-1" }, entry.message),
+      React41__namespace.createElement("div", { className: "flex-1" }, entry.message),
       children,
-      onDismiss && React40__namespace.createElement(
+      onDismiss && React41__namespace.createElement(
         "button",
         {
           type: "button",
@@ -5605,10 +5978,10 @@ var Toast = React40__namespace.forwardRef(
   }
 );
 Toast.displayName = "Toast";
-var Toaster = React40__namespace.forwardRef(
+var Toaster = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const { toasts, dismiss } = useToast();
-    return React40__namespace.createElement(
+    return React41__namespace.createElement(
       "div",
       {
         ref,
@@ -5619,7 +5992,7 @@ var Toaster = React40__namespace.forwardRef(
         ...props
       },
       toasts.map(
-        (entry) => React40__namespace.createElement(Toast, {
+        (entry) => React41__namespace.createElement(Toast, {
           key: entry.id,
           entry,
           onDismiss: dismiss
@@ -5706,9 +6079,9 @@ var tooltipContentVariants = cva({
     side: "top"
   }
 });
-var TooltipContext = React40__namespace.createContext(null);
+var TooltipContext = React41__namespace.createContext(null);
 function useTooltipContext() {
-  const ctx = React40__namespace.useContext(TooltipContext);
+  const ctx = React41__namespace.useContext(TooltipContext);
   if (!ctx) {
     throw new Error("Tooltip compound components must be used within <Tooltip>");
   }
@@ -5722,11 +6095,11 @@ function Tooltip({
   delayDuration = 300,
   children
 }) {
-  const [internalOpen, setInternalOpen] = React40__namespace.useState(controlledOpen ?? defaultOpen);
+  const [internalOpen, setInternalOpen] = React41__namespace.useState(controlledOpen ?? defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
-  const timerRef = React40__namespace.useRef(null);
-  const handleOpenChange = React40__namespace.useCallback(
+  const timerRef = React41__namespace.useRef(null);
+  const handleOpenChange = React41__namespace.useCallback(
     (value) => {
       if (!isControlled) {
         setInternalOpen(value);
@@ -5735,17 +6108,17 @@ function Tooltip({
     },
     [isControlled, onOpenChange]
   );
-  const api = React40__namespace.useMemo(
+  const api = React41__namespace.useMemo(
     () => createTooltip({ open: isOpen, onOpenChange: handleOpenChange, placement, delayDuration }),
     [isOpen, handleOpenChange, placement, delayDuration]
   );
-  const cancelDelay = React40__namespace.useCallback(() => {
+  const cancelDelay = React41__namespace.useCallback(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const openWithDelay = React40__namespace.useCallback(() => {
+  const openWithDelay = React41__namespace.useCallback(() => {
     cancelDelay();
     if (delayDuration <= 0) {
       handleOpenChange(true);
@@ -5756,21 +6129,21 @@ function Tooltip({
       timerRef.current = null;
     }, delayDuration);
   }, [cancelDelay, delayDuration, handleOpenChange]);
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     return () => {
       if (timerRef.current !== null) {
         clearTimeout(timerRef.current);
       }
     };
   }, []);
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({ api, open: isOpen, setOpen: handleOpenChange, openWithDelay, cancelDelay }),
     [api, isOpen, handleOpenChange, openWithDelay, cancelDelay]
   );
-  return React40__namespace.createElement(TooltipContext.Provider, { value: ctx }, children);
+  return React41__namespace.createElement(TooltipContext.Provider, { value: ctx }, children);
 }
 Tooltip.displayName = "Tooltip";
-var TooltipTrigger = React40__namespace.forwardRef(
+var TooltipTrigger = React41__namespace.forwardRef(
   ({ onMouseEnter, onMouseLeave, onFocus, onBlur, children, ...props }, ref) => {
     const { api, setOpen, openWithDelay, cancelDelay } = useTooltipContext();
     const handleMouseEnter = (e) => {
@@ -5807,7 +6180,7 @@ var TooltipTrigger = React40__namespace.forwardRef(
   }
 );
 TooltipTrigger.displayName = "TooltipTrigger";
-var TooltipContent = React40__namespace.forwardRef(
+var TooltipContent = React41__namespace.forwardRef(
   ({ side, className, children, ...props }, ref) => {
     const { api, open } = useTooltipContext();
     if (!open) return null;
@@ -5927,7 +6300,7 @@ var overlayVariants = cva({
     visibility: "visible"
   }
 });
-var VideoPlayer = React40__namespace.forwardRef(
+var VideoPlayer = React41__namespace.forwardRef(
   ({
     src,
     poster,
@@ -5937,9 +6310,9 @@ var VideoPlayer = React40__namespace.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [, setTick] = React40__namespace.useState(0);
-    const rerender = React40__namespace.useCallback(() => setTick((t) => t + 1), []);
-    const apiRef = React40__namespace.useRef(
+    const [, setTick] = React41__namespace.useState(0);
+    const rerender = React41__namespace.useCallback(() => setTick((t) => t + 1), []);
+    const apiRef = React41__namespace.useRef(
       createVideoPlayer({ muted: initialMuted})
     );
     const api = apiRef.current;
@@ -6106,7 +6479,7 @@ var progressBarVariants = cva({
     size: "md"
   }
 });
-var StatsGrid = React40__namespace.forwardRef(
+var StatsGrid = React41__namespace.forwardRef(
   ({ stats, badges = [], className, ...props }, ref) => {
     const api = createProgressDisplay({ stats, badges });
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6135,7 +6508,7 @@ var StatsGrid = React40__namespace.forwardRef(
   }
 );
 StatsGrid.displayName = "StatsGrid";
-var ProgressBar = React40__namespace.forwardRef(
+var ProgressBar = React41__namespace.forwardRef(
   ({ value, max = 100, size, className, ...props }, ref) => {
     const percent = Math.min(100, Math.max(0, value / max * 100));
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6160,7 +6533,7 @@ var ProgressBar = React40__namespace.forwardRef(
   }
 );
 ProgressBar.displayName = "ProgressBar";
-var BadgeDisplay = React40__namespace.forwardRef(
+var BadgeDisplay = React41__namespace.forwardRef(
   ({ badges, className, ...props }, ref) => {
     const api = createProgressDisplay({ stats: [], badges });
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6328,7 +6701,7 @@ var slideTypeBadgeVariants = cva({
     type: "lesson"
   }
 });
-var SlideViewer = React40__namespace.forwardRef(
+var SlideViewer = React41__namespace.forwardRef(
   ({
     slides,
     initialSlide,
@@ -6338,9 +6711,9 @@ var SlideViewer = React40__namespace.forwardRef(
     size,
     renderSlide
   }, ref) => {
-    const [, setTick] = React40__namespace.useState(0);
+    const [, setTick] = React41__namespace.useState(0);
     const rerender = () => setTick((t) => t + 1);
-    const apiRef = React40__namespace.useRef(
+    const apiRef = React41__namespace.useRef(
       createSlideViewer({ slides, initialSlide, onSlideChange, onComplete })
     );
     const api = apiRef.current;
@@ -6542,7 +6915,7 @@ var optionVariants = cva({
 });
 
 // ../react-language-selector/dist/index.js
-var LanguageSelectorContext = React40__namespace.createContext(null);
+var LanguageSelectorContext = React41__namespace.createContext(null);
 function LanguageSelector({
   value: controlledValue,
   onValueChange,
@@ -6552,10 +6925,10 @@ function LanguageSelector({
   className
 }) {
   const initialValues = Array.isArray(controlledValue) ? controlledValue : controlledValue ? [controlledValue] : [];
-  const [selectedValues, setSelectedValues] = React40__namespace.useState(initialValues);
-  const [isOpen, setIsOpen] = React40__namespace.useState(false);
-  const containerRef = React40__namespace.useRef(null);
-  const handleValueChange = React40__namespace.useCallback(
+  const [selectedValues, setSelectedValues] = React41__namespace.useState(initialValues);
+  const [isOpen, setIsOpen] = React41__namespace.useState(false);
+  const containerRef = React41__namespace.useRef(null);
+  const handleValueChange = React41__namespace.useCallback(
     (val) => {
       const arr = Array.isArray(val) ? val : [val];
       setSelectedValues(arr);
@@ -6563,7 +6936,7 @@ function LanguageSelector({
     },
     [onValueChange]
   );
-  const api = React40__namespace.useMemo(
+  const api = React41__namespace.useMemo(
     () => createLanguageSelector({
       value: multiple ? selectedValues : selectedValues[0],
       onValueChange: handleValueChange,
@@ -6571,7 +6944,7 @@ function LanguageSelector({
     }),
     [selectedValues, handleValueChange, options, multiple]
   );
-  const handleToggle = React40__namespace.useCallback(
+  const handleToggle = React41__namespace.useCallback(
     (val) => {
       if (multiple) {
         const index = selectedValues.indexOf(val);
@@ -6586,10 +6959,10 @@ function LanguageSelector({
     },
     [multiple, selectedValues, onValueChange]
   );
-  const handleTriggerClick = React40__namespace.useCallback(() => {
+  const handleTriggerClick = React41__namespace.useCallback(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  const handleKeyDown = React40__namespace.useCallback(
+  const handleKeyDown = React41__namespace.useCallback(
     (e) => {
       if (e.key === "Escape") {
         setIsOpen(false);
@@ -6604,7 +6977,7 @@ function LanguageSelector({
     },
     [isOpen]
   );
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (!isOpen) return;
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -6614,7 +6987,7 @@ function LanguageSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({
       api,
       isOpen,
@@ -6625,7 +6998,7 @@ function LanguageSelector({
     }),
     [api, isOpen, handleToggle, options, multiple]
   );
-  const grouped = React40__namespace.useMemo(() => {
+  const grouped = React41__namespace.useMemo(() => {
     const groups = /* @__PURE__ */ new Map();
     const ungrouped = [];
     for (const opt of options) {
@@ -6640,14 +7013,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 React40__namespace.createElement(
+  return React41__namespace.createElement(
     LanguageSelectorContext.Provider,
     { value: ctx },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       { ref: containerRef, className: cn("rfr-language-selector relative inline-block", className) },
       // Trigger
-      React40__namespace.createElement(
+      React41__namespace.createElement(
         "button",
         {
           type: "button",
@@ -6659,11 +7032,11 @@ function LanguageSelector({
           onClick: handleTriggerClick,
           onKeyDown: handleKeyDown
         },
-        React40__namespace.createElement("span", null, displayLabel),
-        React40__namespace.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
+        React41__namespace.createElement("span", null, displayLabel),
+        React41__namespace.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
       ),
       // Dropdown
-      isOpen && React40__namespace.createElement(
+      isOpen && React41__namespace.createElement(
         "ul",
         {
           role: api.contentProps.role,
@@ -6672,21 +7045,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]) => React40__namespace.createElement(
+          ([group, opts]) => React41__namespace.createElement(
             "li",
             { key: group, role: "presentation" },
-            React40__namespace.createElement(
+            React41__namespace.createElement(
               "div",
               { className: "px-3 py-1 text-xs font-semibold text-muted-foreground uppercase" },
               group
             ),
-            React40__namespace.createElement(
+            React41__namespace.createElement(
               "ul",
               { role: "group", "aria-label": group },
               ...opts.map((opt) => {
                 const optProps = api.getOptionProps(opt.value);
                 const isSelected = selectedValues.includes(opt.value);
-                return React40__namespace.createElement(
+                return React41__namespace.createElement(
                   "li",
                   {
                     key: opt.value,
@@ -6694,8 +7067,8 @@ function LanguageSelector({
                     className: optionVariants({ selected: isSelected ? "true" : "false" }),
                     onClick: () => handleToggle(opt.value)
                   },
-                  isSelected && React40__namespace.createElement("span", { "aria-hidden": "true" }, "\u2713"),
-                  React40__namespace.createElement("span", null, opt.label)
+                  isSelected && React41__namespace.createElement("span", { "aria-hidden": "true" }, "\u2713"),
+                  React41__namespace.createElement("span", null, opt.label)
                 );
               })
             )
@@ -6704,7 +7077,7 @@ function LanguageSelector({
         ...grouped.ungrouped.map((opt) => {
           const optProps = api.getOptionProps(opt.value);
           const isSelected = selectedValues.includes(opt.value);
-          return React40__namespace.createElement(
+          return React41__namespace.createElement(
             "li",
             {
               key: opt.value,
@@ -6712,8 +7085,8 @@ function LanguageSelector({
               className: optionVariants({ selected: isSelected ? "true" : "false" }),
               onClick: () => handleToggle(opt.value)
             },
-            isSelected && React40__namespace.createElement("span", { "aria-hidden": "true" }, "\u2713"),
-            React40__namespace.createElement("span", null, opt.label)
+            isSelected && React41__namespace.createElement("span", { "aria-hidden": "true" }, "\u2713"),
+            React41__namespace.createElement("span", null, opt.label)
           );
         })
       )
@@ -6838,7 +7211,7 @@ var latestBadgeVariants = cva({
 });
 
 // ../react-version-selector/dist/index.js
-var VersionSelectorContext = React40__namespace.createContext(null);
+var VersionSelectorContext = React41__namespace.createContext(null);
 function VersionSelector({
   value: controlledValue,
   onValueChange,
@@ -6846,17 +7219,17 @@ function VersionSelector({
   placeholder = "Select version...",
   className
 }) {
-  const [selectedVersion, setSelectedVersion] = React40__namespace.useState(controlledValue ?? "");
-  const [isOpen, setIsOpen] = React40__namespace.useState(false);
-  const containerRef = React40__namespace.useRef(null);
-  const handleValueChange = React40__namespace.useCallback(
+  const [selectedVersion, setSelectedVersion] = React41__namespace.useState(controlledValue ?? "");
+  const [isOpen, setIsOpen] = React41__namespace.useState(false);
+  const containerRef = React41__namespace.useRef(null);
+  const handleValueChange = React41__namespace.useCallback(
     (val) => {
       setSelectedVersion(val);
       onValueChange?.(val);
     },
     [onValueChange]
   );
-  const api = React40__namespace.useMemo(
+  const api = React41__namespace.useMemo(
     () => createVersionSelector({
       value: selectedVersion,
       onValueChange: handleValueChange,
@@ -6864,7 +7237,7 @@ function VersionSelector({
     }),
     [selectedVersion, handleValueChange, versions]
   );
-  const handleSelect = React40__namespace.useCallback(
+  const handleSelect = React41__namespace.useCallback(
     (val) => {
       setSelectedVersion(val);
       onValueChange?.(val);
@@ -6872,10 +7245,10 @@ function VersionSelector({
     },
     [onValueChange]
   );
-  const handleTriggerClick = React40__namespace.useCallback(() => {
+  const handleTriggerClick = React41__namespace.useCallback(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  const handleKeyDown = React40__namespace.useCallback(
+  const handleKeyDown = React41__namespace.useCallback(
     (e) => {
       if (e.key === "Escape") {
         setIsOpen(false);
@@ -6890,7 +7263,7 @@ function VersionSelector({
     },
     [isOpen]
   );
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (!isOpen) return;
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -6900,7 +7273,7 @@ function VersionSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({
       api,
       isOpen,
@@ -6912,14 +7285,14 @@ function VersionSelector({
   );
   const selectedOpt = versions.find((v) => v.value === selectedVersion);
   const displayLabel = selectedOpt ? selectedOpt.label : placeholder;
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     VersionSelectorContext.Provider,
     { value: ctx },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       { ref: containerRef, className: cn("rfr-version-selector relative inline-block", className) },
       // Trigger
-      React40__namespace.createElement(
+      React41__namespace.createElement(
         "button",
         {
           type: "button",
@@ -6931,16 +7304,16 @@ function VersionSelector({
           onClick: handleTriggerClick,
           onKeyDown: handleKeyDown
         },
-        React40__namespace.createElement("span", null, displayLabel),
-        selectedOpt?.isLatest && React40__namespace.createElement(
+        React41__namespace.createElement("span", null, displayLabel),
+        selectedOpt?.isLatest && React41__namespace.createElement(
           "span",
           { className: cn(latestBadgeVariants(), "ml-2") },
           "Latest"
         ),
-        React40__namespace.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
+        React41__namespace.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
       ),
       // Dropdown
-      isOpen && React40__namespace.createElement(
+      isOpen && React41__namespace.createElement(
         "ul",
         {
           role: api.contentProps.role,
@@ -6950,7 +7323,7 @@ function VersionSelector({
         ...versions.map((ver) => {
           const optProps = api.getOptionProps(ver.value);
           const isSelected = selectedVersion === ver.value;
-          return React40__namespace.createElement(
+          return React41__namespace.createElement(
             "li",
             {
               key: ver.value,
@@ -6958,8 +7331,8 @@ function VersionSelector({
               className: optionVariants2({ selected: isSelected ? "true" : "false" }),
               onClick: () => handleSelect(ver.value)
             },
-            React40__namespace.createElement("span", null, ver.label),
-            ver.isLatest && React40__namespace.createElement(
+            React41__namespace.createElement("span", null, ver.label),
+            ver.isLatest && React41__namespace.createElement(
               "span",
               { className: latestBadgeVariants() },
               "Latest"
@@ -7102,15 +7475,15 @@ var resizablePaneVariants = cva({
     orientation: "horizontal"
   }
 });
-var ResizableLayoutContext = React40__namespace.createContext(null);
+var ResizableLayoutContext = React41__namespace.createContext(null);
 function useResizableLayoutContext() {
-  const ctx = React40__namespace.useContext(ResizableLayoutContext);
+  const ctx = React41__namespace.useContext(ResizableLayoutContext);
   if (!ctx) {
     throw new Error("Resizable compound components must be used within <ResizableLayout>");
   }
   return ctx;
 }
-var ResizableLayout = React40__namespace.forwardRef(
+var ResizableLayout = React41__namespace.forwardRef(
   ({
     orientation = "horizontal",
     defaultSizes = [50, 50],
@@ -7123,7 +7496,7 @@ var ResizableLayout = React40__namespace.forwardRef(
     children,
     ...props
   }, ref) => {
-    const apiRef = React40__namespace.useRef(null);
+    const apiRef = React41__namespace.useRef(null);
     if (!apiRef.current) {
       apiRef.current = createResizableLayout({
         orientation,
@@ -7134,22 +7507,22 @@ var ResizableLayout = React40__namespace.forwardRef(
       });
     }
     const api = apiRef.current;
-    const [sizes, setSizesState] = React40__namespace.useState(api.sizes);
-    const setSizes = React40__namespace.useCallback(
+    const [sizes, setSizesState] = React41__namespace.useState(api.sizes);
+    const setSizes = React41__namespace.useCallback(
       (newSizes) => {
         setSizesState([...newSizes]);
         onSizesChange?.(newSizes);
       },
       [onSizesChange]
     );
-    const cssVars = React40__namespace.useMemo(() => {
+    const cssVars = React41__namespace.useMemo(() => {
       const vars = {};
       for (let i = 0; i < sizes.length; i++) {
         vars[`--rfr-pane-${i}-size`] = `${sizes[i]}%`;
       }
       return vars;
     }, [sizes]);
-    const contextValue = React40__namespace.useMemo(
+    const contextValue = React41__namespace.useMemo(
       () => ({ api, orientation, sizes, setSizes }),
       [api, orientation, sizes, setSizes]
     );
@@ -7167,7 +7540,7 @@ var ResizableLayout = React40__namespace.forwardRef(
   }
 );
 ResizableLayout.displayName = "ResizableLayout";
-var ResizablePane = React40__namespace.forwardRef(
+var ResizablePane = React41__namespace.forwardRef(
   ({ index, className, style, children, ...props }, ref) => {
     const { orientation, sizes } = useResizableLayoutContext();
     const size = sizes[index] ?? 50;
@@ -7191,12 +7564,12 @@ var ResizablePane = React40__namespace.forwardRef(
   }
 );
 ResizablePane.displayName = "ResizablePane";
-var ResizableDivider = React40__namespace.forwardRef(
+var ResizableDivider = React41__namespace.forwardRef(
   ({ index, className, ...props }, ref) => {
     const { api, orientation, setSizes } = useResizableLayoutContext();
-    const startPosRef = React40__namespace.useRef(0);
-    const containerSizeRef = React40__namespace.useRef(0);
-    const onPointerDown = React40__namespace.useCallback(
+    const startPosRef = React41__namespace.useRef(0);
+    const containerSizeRef = React41__namespace.useRef(0);
+    const onPointerDown = React41__namespace.useCallback(
       (e) => {
         e.preventDefault();
         const target = e.currentTarget;
@@ -7210,7 +7583,7 @@ var ResizableDivider = React40__namespace.forwardRef(
       },
       [api, index, orientation]
     );
-    const onPointerMove = React40__namespace.useCallback(
+    const onPointerMove = React41__namespace.useCallback(
       (e) => {
         if (containerSizeRef.current === 0) return;
         const currentPos = orientation === "horizontal" ? e.clientX : e.clientY;
@@ -7221,7 +7594,7 @@ var ResizableDivider = React40__namespace.forwardRef(
       },
       [api, orientation, setSizes]
     );
-    const onPointerUp = React40__namespace.useCallback(
+    const onPointerUp = React41__namespace.useCallback(
       (e) => {
         e.currentTarget.releasePointerCapture(e.pointerId);
         containerSizeRef.current = 0;
@@ -7474,26 +7847,26 @@ function createAuthShell(config) {
 }
 
 // ../react-app-shell/dist/index.js
-var AppShellContext = React40__namespace.createContext(null);
+var AppShellContext = React41__namespace.createContext(null);
 function useAppShell() {
-  const ctx = React40__namespace.useContext(AppShellContext);
+  const ctx = React41__namespace.useContext(AppShellContext);
   if (!ctx) {
     throw new Error("useAppShell must be used within <AppShell>");
   }
   return ctx;
 }
 function AppShellRoot({ config, children, className }) {
-  const apiRef = React40__namespace.useRef(null);
+  const apiRef = React41__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createAppShell(config);
   }
   const api = apiRef.current;
-  const [state, setState] = React40__namespace.useState(() => api.state);
-  React40__namespace.useEffect(() => {
+  const [state, setState] = React41__namespace.useState(() => api.state);
+  React41__namespace.useEffect(() => {
     setState(api.state);
     return api.subscribe((s) => setState(s));
   }, [api]);
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (typeof window === "undefined") return;
     const { mobileBreakpoint, tabletBreakpoint } = api.config;
     const mobileQuery = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
@@ -7514,14 +7887,14 @@ function AppShellRoot({ config, children, className }) {
     };
   }, [api]);
   const cssVars = api.getCSSVariables();
-  const ctxValue = React40__namespace.useMemo(
+  const ctxValue = React41__namespace.useMemo(
     () => ({ api, state }),
     [api, state]
   );
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     AppShellContext.Provider,
     { value: ctxValue },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       {
         className: cn("flex h-screen w-full overflow-hidden", className),
@@ -7551,7 +7924,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 React40__namespace.createElement(
+  return React41__namespace.createElement(
     "aside",
     {
       ...api.sidebarAriaProps,
@@ -7564,7 +7937,7 @@ function Sidebar2({ children, className }) {
 }
 Sidebar2.displayName = "AppShell.Sidebar";
 function Main({ children, className }) {
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     {
       className: cn("flex flex-1 flex-col min-w-0 h-full", className)
@@ -7575,7 +7948,7 @@ function Main({ children, className }) {
 Main.displayName = "AppShell.Main";
 function Header({ children, className }) {
   const { api, state } = useAppShell();
-  const hamburger = state.isMobile ? React40__namespace.createElement(
+  const hamburger = state.isMobile ? React41__namespace.createElement(
     "button",
     {
       type: "button",
@@ -7585,7 +7958,7 @@ function Header({ children, className }) {
       onClick: () => api.toggleSidebar(),
       className: "inline-flex items-center justify-center p-2 mr-2"
     },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -7599,12 +7972,12 @@ function Header({ children, className }) {
         strokeLinejoin: "round",
         "aria-hidden": "true"
       },
-      React40__namespace.createElement("line", { x1: 3, y1: 6, x2: 21, y2: 6 }),
-      React40__namespace.createElement("line", { x1: 3, y1: 12, x2: 21, y2: 12 }),
-      React40__namespace.createElement("line", { x1: 3, y1: 18, x2: 21, y2: 18 })
+      React41__namespace.createElement("line", { x1: 3, y1: 6, x2: 21, y2: 6 }),
+      React41__namespace.createElement("line", { x1: 3, y1: 12, x2: 21, y2: 12 }),
+      React41__namespace.createElement("line", { x1: 3, y1: 18, x2: 21, y2: 18 })
     )
   ) : null;
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "header",
     {
       ...api.headerAriaProps,
@@ -7623,7 +7996,7 @@ Header.displayName = "AppShell.Header";
 function Content({ children, className, maxWidth }) {
   const { api } = useAppShell();
   const mwClass = maxWidth ? `max-w-${maxWidth}` : "";
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "main",
     {
       ...api.mainAriaProps,
@@ -7642,7 +8015,7 @@ function MobileNav2({ children, className }) {
   const { api, state } = useAppShell();
   if (!state.isMobile) return null;
   if (api.config.mobileNavPosition === "none") return null;
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "nav",
     {
       ...api.mobileNavAriaProps,
@@ -7661,7 +8034,7 @@ MobileNav2.displayName = "AppShell.MobileNav";
 function Overlay({ className }) {
   const { api, state } = useAppShell();
   if (!state.isMobile || !state.sidebarOpen) return null;
-  return React40__namespace.createElement("div", {
+  return React41__namespace.createElement("div", {
     ...api.overlayAriaProps,
     className: cn(
       "fixed inset-0 z-30 bg-black/50 transition-opacity",
@@ -7680,29 +8053,29 @@ var AppShell = Object.assign(AppShellRoot, {
   MobileNav: MobileNav2,
   Overlay
 });
-var PageShellContext = React40__namespace.createContext(null);
+var PageShellContext = React41__namespace.createContext(null);
 function usePageShell() {
-  const ctx = React40__namespace.useContext(PageShellContext);
+  const ctx = React41__namespace.useContext(PageShellContext);
   if (!ctx) {
     throw new Error("PageShell compound components must be used within <PageShell>");
   }
   return ctx;
 }
 function PageShellRoot({ config, children, className }) {
-  const apiRef = React40__namespace.useRef(null);
+  const apiRef = React41__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createPageShell(config);
   }
   const api = apiRef.current;
   const cssVars = api.getCSSVariables();
-  const ctxValue = React40__namespace.useMemo(
+  const ctxValue = React41__namespace.useMemo(
     () => ({ api }),
     [api]
   );
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     PageShellContext.Provider,
     { value: ctxValue },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       {
         className: cn("flex min-h-screen flex-col", className),
@@ -7718,7 +8091,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 React40__namespace.createElement(
+  return React41__namespace.createElement(
     "nav",
     {
       ...api.navAriaProps,
@@ -7743,7 +8116,7 @@ function Section({
 }) {
   const { api } = usePageShell();
   const sectionClasses = api.getSectionClasses({ fullWidth, maxWidth, padding, background });
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "section",
     {
       className: cn("py-12", sectionClasses, className)
@@ -7755,7 +8128,7 @@ Section.displayName = "PageShell.Section";
 function Footer2({ children, className, columns }) {
   const { api } = usePageShell();
   const cols = columns ?? api.config.footerColumns;
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "footer",
     {
       ...api.footerAriaProps,
@@ -7764,7 +8137,7 @@ function Footer2({ children, className, columns }) {
         className
       )
     },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       {
         className: `mx-auto max-w-[var(--page-max-width)] grid gap-8`,
@@ -7782,28 +8155,28 @@ Object.assign(PageShellRoot, {
   Section,
   Footer: Footer2
 });
-var AuthShellContext = React40__namespace.createContext(null);
+var AuthShellContext = React41__namespace.createContext(null);
 function useAuthShell() {
-  const ctx = React40__namespace.useContext(AuthShellContext);
+  const ctx = React41__namespace.useContext(AuthShellContext);
   if (!ctx) {
     throw new Error("AuthShell compound components must be used within <AuthShell>");
   }
   return ctx;
 }
 function AuthShellRoot({ config, children, className }) {
-  const apiRef = React40__namespace.useRef(null);
+  const apiRef = React41__namespace.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createAuthShell(config);
   }
   const api = apiRef.current;
-  const ctxValue = React40__namespace.useMemo(
+  const ctxValue = React41__namespace.useMemo(
     () => ({ api }),
     [api]
   );
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     AuthShellContext.Provider,
     { value: ctxValue },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       {
         ...api.ariaProps,
@@ -7817,7 +8190,7 @@ function AuthShellRoot({ config, children, className }) {
 AuthShellRoot.displayName = "AuthShell";
 function Card({ children, className }) {
   const { api } = useAuthShell();
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     {
       className: cn(api.cardClasses, className),
@@ -7905,7 +8278,7 @@ var avatarFallbackVariants = cva({
     size: "md"
   }
 });
-var AvatarContext = React40__namespace.createContext({
+var AvatarContext = React41__namespace.createContext({
   size: "md",
   imageLoaded: false,
   imageError: false,
@@ -7914,10 +8287,10 @@ var AvatarContext = React40__namespace.createContext({
   setImageError: () => {
   }
 });
-var Avatar = React40__namespace.forwardRef(
+var Avatar = React41__namespace.forwardRef(
   ({ size = "md", className, children, ...props }, ref) => {
-    const [imageLoaded, setImageLoaded] = React40__namespace.useState(false);
-    const [imageError, setImageError] = React40__namespace.useState(false);
+    const [imageLoaded, setImageLoaded] = React41__namespace.useState(false);
+    const [imageError, setImageError] = React41__namespace.useState(false);
     const api = createAvatar({ size });
     return /* @__PURE__ */ jsxRuntime.jsx(AvatarContext.Provider, { value: { size, imageLoaded, imageError, setImageLoaded, setImageError }, children: /* @__PURE__ */ jsxRuntime.jsx(
       "span",
@@ -7933,9 +8306,9 @@ var Avatar = React40__namespace.forwardRef(
   }
 );
 Avatar.displayName = "Avatar";
-var AvatarImage = React40__namespace.forwardRef(
+var AvatarImage = React41__namespace.forwardRef(
   ({ className, src, alt = "", onLoad, onError, ...props }, ref) => {
-    const { setImageLoaded, setImageError } = React40__namespace.useContext(AvatarContext);
+    const { setImageLoaded, setImageError } = React41__namespace.useContext(AvatarContext);
     const handleLoad = (e) => {
       setImageLoaded(true);
       onLoad?.(e);
@@ -7959,9 +8332,9 @@ var AvatarImage = React40__namespace.forwardRef(
   }
 );
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React40__namespace.forwardRef(
+var AvatarFallback = React41__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const { size } = React40__namespace.useContext(AvatarContext);
+    const { size } = React41__namespace.useContext(AvatarContext);
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
@@ -8078,28 +8451,28 @@ var avatarPresenceDotVariants = cva({
 // ../react-avatar-group/dist/index.js
 function AvatarGroup({ users, max, size = "md", className }) {
   const api = createAvatarGroup({ users, max});
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     { ...api.ariaProps, className: cn(avatarGroupStyles, className) },
     api.visibleUsers.map(
-      (user) => React40__namespace.createElement(
+      (user) => React41__namespace.createElement(
         "div",
         {
           key: user.id,
           className: avatarVariants2({ size }),
           ...api.getAvatarAriaProps(user)
         },
-        user.src ? React40__namespace.createElement("img", {
+        user.src ? React41__namespace.createElement("img", {
           src: user.src,
           alt: user.name,
           className: avatarImageStyles
-        }) : React40__namespace.createElement("span", null, api.getInitials(user.name)),
-        user.status && React40__namespace.createElement("span", {
+        }) : React41__namespace.createElement("span", null, api.getInitials(user.name)),
+        user.status && React41__namespace.createElement("span", {
           className: avatarPresenceDotVariants({ size, status: user.status })
         })
       )
     ),
-    api.overflowCount > 0 && React40__namespace.createElement(
+    api.overflowCount > 0 && React41__namespace.createElement(
       "div",
       {
         className: avatarOverflowBadgeVariants({ size }),
@@ -8183,7 +8556,7 @@ var cardContentVariants = cva({
 var cardFooterVariants = cva({
   base: "flex items-center p-6 pt-0"
 });
-var Card2 = React40__namespace.forwardRef(
+var Card2 = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCard();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8199,7 +8572,7 @@ var Card2 = React40__namespace.forwardRef(
   }
 );
 Card2.displayName = "Card";
-var CardHeader = React40__namespace.forwardRef(
+var CardHeader = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardHeader();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8214,7 +8587,7 @@ var CardHeader = React40__namespace.forwardRef(
   }
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React40__namespace.forwardRef(
+var CardTitle = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardTitle();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8229,7 +8602,7 @@ var CardTitle = React40__namespace.forwardRef(
   }
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React40__namespace.forwardRef(
+var CardDescription = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardDescription();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8244,7 +8617,7 @@ var CardDescription = React40__namespace.forwardRef(
   }
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React40__namespace.forwardRef(
+var CardContent = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardContent();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8259,7 +8632,7 @@ var CardContent = React40__namespace.forwardRef(
   }
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React40__namespace.forwardRef(
+var CardFooter = React41__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardFooter();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8340,7 +8713,7 @@ var checkboxVariants = cva({
     size: "default"
   }
 });
-var Checkbox = React40__namespace.forwardRef(
+var Checkbox = React41__namespace.forwardRef(
   ({ checked = false, onCheckedChange, disabled = false, size = "default", className, ...props }, ref) => {
     const api = createCheckbox({ checked, disabled });
     const checkedVariant = checked === "indeterminate" ? "indeterminate" : checked ? "true" : "false";
@@ -8651,13 +9024,13 @@ function DatePicker({
   className,
   disabled = false
 }) {
-  const [open, setOpen] = React40__namespace.useState(false);
-  const [currentMonth, setCurrentMonth] = React40__namespace.useState(
+  const [open, setOpen] = React41__namespace.useState(false);
+  const [currentMonth, setCurrentMonth] = React41__namespace.useState(
     () => value ? new Date(value.getFullYear(), value.getMonth(), 1) : new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1)
   );
-  const [view, setView] = React40__namespace.useState("calendar");
-  const containerRef = React40__namespace.useRef(null);
-  const api = React40__namespace.useMemo(
+  const [view, setView] = React41__namespace.useState("calendar");
+  const containerRef = React41__namespace.useRef(null);
+  const api = React41__namespace.useMemo(
     () => createDatePicker({
       value,
       onChange,
@@ -8671,7 +9044,7 @@ function DatePicker({
     }),
     [value, onChange, minDate, maxDate, showTime, format, placeholder, open]
   );
-  React40__namespace.useMemo(() => {
+  React41__namespace.useMemo(() => {
     createDatePicker({
       value,
       minDate,
@@ -8686,7 +9059,7 @@ function DatePicker({
     });
     return tempApi.days;
   }, [value, minDate, maxDate, currentMonth]);
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (!open) return;
     function handleClick(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -8696,7 +9069,7 @@ function DatePicker({
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, [open]);
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (!open) return;
     function handleKeyDown(e) {
       if (e.key === "Escape") {
@@ -8734,10 +9107,10 @@ function DatePicker({
     onChange?.(newDate);
   };
   const monthLabel = currentMonth.toLocaleDateString("en-US", { month: "long", year: "numeric" });
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     { ref: containerRef, className: cn("relative inline-block", className) },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "button",
       {
         type: "button",
@@ -8749,17 +9122,17 @@ function DatePicker({
       },
       displayValue
     ),
-    open && React40__namespace.createElement(
+    open && React41__namespace.createElement(
       "div",
       {
         className: datePickerDropdownStyles,
         role: "dialog",
         "aria-modal": true
       },
-      React40__namespace.createElement(
+      React41__namespace.createElement(
         "div",
         { className: "flex items-center justify-between mb-3" },
-        React40__namespace.createElement(
+        React41__namespace.createElement(
           "button",
           {
             type: "button",
@@ -8769,8 +9142,8 @@ function DatePicker({
           },
           "\u2039"
         ),
-        React40__namespace.createElement("span", { className: "text-sm font-medium" }, monthLabel),
-        React40__namespace.createElement(
+        React41__namespace.createElement("span", { className: "text-sm font-medium" }, monthLabel),
+        React41__namespace.createElement(
           "button",
           {
             type: "button",
@@ -8781,11 +9154,11 @@ function DatePicker({
           "\u203A"
         )
       ),
-      React40__namespace.createElement(
+      React41__namespace.createElement(
         "div",
         { className: "grid grid-cols-7 gap-0 text-center", role: "grid" },
         ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(
-          (d) => React40__namespace.createElement("div", { key: d, className: "text-xs text-muted-foreground py-1 font-medium" }, d)
+          (d) => React41__namespace.createElement("div", { key: d, className: "text-xs text-muted-foreground py-1 font-medium" }, d)
         ),
         api.days.map((day, i) => {
           let state = "default";
@@ -8793,7 +9166,7 @@ function DatePicker({
           else if (day.isSelected) state = "selected";
           else if (day.isToday) state = "today";
           else if (!day.isCurrentMonth) state = "outside";
-          return React40__namespace.createElement(
+          return React41__namespace.createElement(
             "button",
             {
               key: i,
@@ -8808,11 +9181,11 @@ function DatePicker({
           );
         })
       ),
-      showTime && React40__namespace.createElement(
+      showTime && React41__namespace.createElement(
         "div",
         { className: datePickerTimeStyles },
-        React40__namespace.createElement("span", { className: "text-sm text-muted-foreground" }, "Time:"),
-        React40__namespace.createElement("input", {
+        React41__namespace.createElement("span", { className: "text-sm text-muted-foreground" }, "Time:"),
+        React41__namespace.createElement("input", {
           type: "number",
           min: 0,
           max: 23,
@@ -8821,8 +9194,8 @@ function DatePicker({
           className: datePickerTimeInputStyles,
           "aria-label": "Hours"
         }),
-        React40__namespace.createElement("span", { className: "text-muted-foreground" }, ":"),
-        React40__namespace.createElement("input", {
+        React41__namespace.createElement("span", { className: "text-muted-foreground" }, ":"),
+        React41__namespace.createElement("input", {
           type: "number",
           min: 0,
           max: 59,
@@ -9094,10 +9467,10 @@ var statusBarVariants = cva({
     theme: "dark"
   }
 });
-var MonacoDiffEditor = React40__namespace.lazy(
+var MonacoDiffEditor = React41__namespace.lazy(
   () => import('@monaco-editor/react').then((m) => ({ default: m.DiffEditor }))
 );
-var DiffViewer = React40__namespace.forwardRef(
+var DiffViewer = React41__namespace.forwardRef(
   ({
     files,
     original = "",
@@ -9118,12 +9491,12 @@ var DiffViewer = React40__namespace.forwardRef(
     className,
     editorOptions
   }, ref) => {
-    const [activeIdx, setActiveIdx] = React40__namespace.useState(controlledIndex);
-    const [sidebarOpen, setSidebarOpen] = React40__namespace.useState(showSidebar);
-    const [viewMode, setViewMode] = React40__namespace.useState(controlledViewMode);
-    React40__namespace.useEffect(() => setActiveIdx(controlledIndex), [controlledIndex]);
-    React40__namespace.useEffect(() => setViewMode(controlledViewMode), [controlledViewMode]);
-    const api = React40__namespace.useMemo(
+    const [activeIdx, setActiveIdx] = React41__namespace.useState(controlledIndex);
+    const [sidebarOpen, setSidebarOpen] = React41__namespace.useState(showSidebar);
+    const [viewMode, setViewMode] = React41__namespace.useState(controlledViewMode);
+    React41__namespace.useEffect(() => setActiveIdx(controlledIndex), [controlledIndex]);
+    React41__namespace.useEffect(() => setViewMode(controlledViewMode), [controlledViewMode]);
+    const api = React41__namespace.useMemo(
       () => createDiffViewer({
         files,
         activeFileIndex: activeIdx,
@@ -9145,7 +9518,7 @@ var DiffViewer = React40__namespace.forwardRef(
     );
     const activeFile = files[activeIdx];
     const detectedLang = language || (activeFile ? api.getLanguageForFile(activeFile.path) : "plaintext");
-    React40__namespace.useEffect(() => {
+    React41__namespace.useEffect(() => {
       function onKey(e) {
         if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
         if (e.key === "j") {
@@ -9237,7 +9610,7 @@ var DiffViewer = React40__namespace.forwardRef(
                 );
               }) }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                React40__namespace.Suspense,
+                React41__namespace.Suspense,
                 {
                   fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full text-xs opacity-50", children: "Loading editor..." }),
                   children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -9670,10 +10043,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] = React40__namespace.useState("");
-  const [activeCategory, setActiveCategory] = React40__namespace.useState("smileys");
-  const [recentEmojis, setRecentEmojis] = React40__namespace.useState(initialRecent);
-  const api = React40__namespace.useMemo(
+  const [search, setSearch] = React41__namespace.useState("");
+  const [activeCategory, setActiveCategory] = React41__namespace.useState("smileys");
+  const [recentEmojis, setRecentEmojis] = React41__namespace.useState(initialRecent);
+  const api = React41__namespace.useMemo(
     () => createEmojiPicker({
       onSelect: void 0,
       search,
@@ -9681,7 +10054,7 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
     }),
     [search, recentEmojis]
   );
-  const filteredEmojis = React40__namespace.useMemo(() => {
+  const filteredEmojis = React41__namespace.useMemo(() => {
     if (search.trim()) {
       const query = search.toLowerCase().trim();
       const allEmojis = EMOJI_CATEGORIES.flatMap((cat) => EMOJI_DATA[cat]);
@@ -9701,22 +10074,22 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
     setActiveCategory(cat);
     setSearch("");
   };
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     { className: cn(emojiPickerContainerStyles, className), ...api.ariaProps },
     // Search input
-    React40__namespace.createElement("input", {
+    React41__namespace.createElement("input", {
       ...api.searchInputProps,
       className: emojiPickerSearchStyles,
       value: search,
       onChange: (e) => setSearch(e.target.value)
     }),
     // Category tabs
-    !search && React40__namespace.createElement(
+    !search && React41__namespace.createElement(
       "div",
       { className: emojiPickerCategoryBarStyles },
       api.categoryTabs.map(
-        (tab) => React40__namespace.createElement(
+        (tab) => React41__namespace.createElement(
           "button",
           {
             key: tab.category,
@@ -9733,15 +10106,15 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
       )
     ),
     // Recent emojis section
-    !search && recentEmojis.length > 0 && React40__namespace.createElement(
+    !search && recentEmojis.length > 0 && React41__namespace.createElement(
       "div",
       null,
-      React40__namespace.createElement("div", { className: emojiPickerSectionLabelStyles }, "Recent"),
-      React40__namespace.createElement(
+      React41__namespace.createElement("div", { className: emojiPickerSectionLabelStyles }, "Recent"),
+      React41__namespace.createElement(
         "div",
         { className: emojiPickerGridStyles },
         recentEmojis.map(
-          (emoji, i) => React40__namespace.createElement(
+          (emoji, i) => React41__namespace.createElement(
             "button",
             {
               key: `recent-${emoji.emoji}-${i}`,
@@ -9756,19 +10129,19 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
       )
     ),
     // Emoji grid
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       null,
-      !search && React40__namespace.createElement(
+      !search && React41__namespace.createElement(
         "div",
         { className: emojiPickerSectionLabelStyles },
         CATEGORY_LABELS[activeCategory]
       ),
-      React40__namespace.createElement(
+      React41__namespace.createElement(
         "div",
         { className: emojiPickerGridStyles },
         filteredEmojis.map(
-          (emoji, i) => React40__namespace.createElement(
+          (emoji, i) => React41__namespace.createElement(
             "button",
             {
               key: `${emoji.emoji}-${i}`,
@@ -9780,7 +10153,7 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
             emoji.emoji
           )
         ),
-        filteredEmojis.length === 0 && React40__namespace.createElement(
+        filteredEmojis.length === 0 && React41__namespace.createElement(
           "div",
           { className: "col-span-8 text-center text-sm text-muted-foreground py-4" },
           "No emojis found"
@@ -9980,10 +10353,10 @@ function FileUpload({
   className,
   children
 }) {
-  const [files, setFiles] = React40__namespace.useState([]);
-  const [isDragging, setIsDragging] = React40__namespace.useState(false);
-  const inputRef = React40__namespace.useRef(null);
-  const api = React40__namespace.useMemo(
+  const [files, setFiles] = React41__namespace.useState([]);
+  const [isDragging, setIsDragging] = React41__namespace.useState(false);
+  const inputRef = React41__namespace.useRef(null);
+  const api = React41__namespace.useMemo(
     () => createFileUpload({
       accept,
       maxSize,
@@ -10048,17 +10421,17 @@ function FileUpload({
       handleClick();
     }
   };
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     { className },
     // Hidden file input
-    React40__namespace.createElement("input", {
+    React41__namespace.createElement("input", {
       ref: inputRef,
       ...api.inputProps,
       onChange: handleInputChange
     }),
     // Drop zone
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       {
         ...api.dropZoneProps,
@@ -10072,21 +10445,21 @@ function FileUpload({
         onDragOver: handleDragOver,
         onDrop: handleDrop
       },
-      children ?? React40__namespace.createElement(
-        React40__namespace.Fragment,
+      children ?? React41__namespace.createElement(
+        React41__namespace.Fragment,
         null,
-        React40__namespace.createElement("div", { className: "text-2xl mb-2" }, "\u{1F4C1}"),
-        React40__namespace.createElement(
+        React41__namespace.createElement("div", { className: "text-2xl mb-2" }, "\u{1F4C1}"),
+        React41__namespace.createElement(
           "p",
           { className: "text-sm text-muted-foreground" },
           "Drag & drop files here, or click to select"
         ),
-        accept && React40__namespace.createElement(
+        accept && React41__namespace.createElement(
           "p",
           { className: "text-xs text-muted-foreground mt-1" },
           `Accepted: ${accept}`
         ),
-        maxSize && React40__namespace.createElement(
+        maxSize && React41__namespace.createElement(
           "p",
           { className: "text-xs text-muted-foreground" },
           `Max size: ${formatFileSize(maxSize)}`
@@ -10094,37 +10467,37 @@ function FileUpload({
       )
     ),
     // File list
-    files.length > 0 && React40__namespace.createElement(
+    files.length > 0 && React41__namespace.createElement(
       "div",
       { className: fileUploadFileListStyles },
       files.map(
-        (file) => React40__namespace.createElement(
+        (file) => React41__namespace.createElement(
           "div",
           { key: file.id, className: fileUploadFileItemStyles },
-          React40__namespace.createElement(
+          React41__namespace.createElement(
             "div",
             { className: "flex-1 min-w-0" },
-            React40__namespace.createElement("div", { className: "font-medium truncate" }, file.name),
-            React40__namespace.createElement(
+            React41__namespace.createElement("div", { className: "font-medium truncate" }, file.name),
+            React41__namespace.createElement(
               "div",
               { className: "text-xs text-muted-foreground" },
               formatFileSize(file.size)
             ),
-            file.status === "uploading" && React40__namespace.createElement(
+            file.status === "uploading" && React41__namespace.createElement(
               "div",
               { className: cn(fileUploadProgressStyles, "mt-1") },
-              React40__namespace.createElement("div", {
+              React41__namespace.createElement("div", {
                 className: fileUploadProgressBarStyles,
                 style: { width: `${file.progress}%` }
               })
             ),
-            file.error && React40__namespace.createElement(
+            file.error && React41__namespace.createElement(
               "div",
               { className: "text-xs text-destructive mt-0.5" },
               file.error
             )
           ),
-          React40__namespace.createElement(
+          React41__namespace.createElement(
             "button",
             {
               type: "button",
@@ -10259,13 +10632,13 @@ function KeyboardShortcut({
   enabled = true,
   preventDefault = true
 }) {
-  const apiRef = React40__namespace.useRef(
+  const apiRef = React41__namespace.useRef(
     createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })
   );
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault });
   }, [keys, onTrigger, enabled, preventDefault]);
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (!enabled) return;
     const handleKeyDown = (e) => {
       apiRef.current.handler(e);
@@ -10281,15 +10654,15 @@ function ShortcutBadge({ keys, platform = true, className }) {
   }, enabled: false });
   const displayKeys = platform ? api.platformDisplay : api.display;
   const isMacDisplay = platform && displayKeys !== api.display;
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "kbd",
     { ...api.badgeAriaProps, className: cn(shortcutBadgeStyles, className) },
-    isMacDisplay ? React40__namespace.createElement("span", null, displayKeys) : keys.map(
-      (key, i) => React40__namespace.createElement(
-        React40__namespace.Fragment,
+    isMacDisplay ? React41__namespace.createElement("span", null, displayKeys) : keys.map(
+      (key, i) => React41__namespace.createElement(
+        React41__namespace.Fragment,
         { key: i },
-        i > 0 && React40__namespace.createElement("span", { className: shortcutSeparatorStyles }, "+"),
-        React40__namespace.createElement(
+        i > 0 && React41__namespace.createElement("span", { className: shortcutSeparatorStyles }, "+"),
+        React41__namespace.createElement(
           "span",
           { className: shortcutKeyStyles },
           formatShortcut([key], false)
@@ -10465,7 +10838,7 @@ var otpInputSlotVariants = cva({
     filled: "false"
   }
 });
-var OtpInput = React40__namespace.forwardRef(
+var OtpInput = React41__namespace.forwardRef(
   ({
     length = 6,
     value = "",
@@ -10477,15 +10850,15 @@ var OtpInput = React40__namespace.forwardRef(
     className,
     ...props
   }, ref) => {
-    const inputRefs = React40__namespace.useRef([]);
-    const [focusedIndex, setFocusedIndex] = React40__namespace.useState(autoFocus ? 0 : -1);
-    const [values, setValues] = React40__namespace.useState(
+    const inputRefs = React41__namespace.useRef([]);
+    const [focusedIndex, setFocusedIndex] = React41__namespace.useState(autoFocus ? 0 : -1);
+    const [values, setValues] = React41__namespace.useState(
       () => Array.from({ length }, (_, i) => value.charAt(i) || "")
     );
-    React40__namespace.useEffect(() => {
+    React41__namespace.useEffect(() => {
       setValues(Array.from({ length }, (_, i) => value.charAt(i) || ""));
     }, [value, length]);
-    React40__namespace.useEffect(() => {
+    React41__namespace.useEffect(() => {
       if (autoFocus && inputRefs.current[0]) {
         inputRefs.current[0].focus();
       }
@@ -10665,13 +11038,13 @@ function PresenceIndicator({
   className
 }) {
   const api = createPresence({ status, showLabel, label });
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "span",
     { ...api.ariaProps, className: cn(presenceContainerStyles, className) },
-    React40__namespace.createElement("span", {
+    React41__namespace.createElement("span", {
       className: presenceDotVariants({ status, size })
     }),
-    api.showLabel && React40__namespace.createElement("span", { className: presenceLabelStyles }, api.label)
+    api.showLabel && React41__namespace.createElement("span", { className: presenceLabelStyles }, api.label)
   );
 }
 PresenceIndicator.displayName = "PresenceIndicator";
@@ -10759,7 +11132,7 @@ var radioCircleVariants = cva({
 });
 
 // ../react-radio/dist/index.js
-var RadioContext = React40__namespace.createContext(null);
+var RadioContext = React41__namespace.createContext(null);
 function RadioGroup({
   children,
   className,
@@ -10770,25 +11143,25 @@ function RadioGroup({
   disabled = false,
   orientation = "vertical"
 }) {
-  const [internalValue, setInternalValue] = React40__namespace.useState(defaultValue);
+  const [internalValue, setInternalValue] = React41__namespace.useState(defaultValue);
   const isControlled = controlledValue !== void 0;
   const currentValue = isControlled ? controlledValue : internalValue;
   const api = createRadioGroup({ value: currentValue, name, disabled, orientation });
-  const handleChange = React40__namespace.useCallback(
+  const handleChange = React41__namespace.useCallback(
     (val) => {
       if (!isControlled) setInternalValue(val);
       onValueChange?.(val);
     },
     [isControlled, onValueChange]
   );
-  const ctx = React40__namespace.useMemo(
+  const ctx = React41__namespace.useMemo(
     () => ({ value: currentValue, onValueChange: handleChange, name, disabled }),
     [currentValue, handleChange, name, disabled]
   );
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     RadioContext.Provider,
     { value: ctx },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       { ...api.groupProps, className: cn(radioGroupVariants({ orientation }), className) },
       children
@@ -10796,17 +11169,17 @@ function RadioGroup({
   );
 }
 function RadioItem({ value, children, disabled = false, className }) {
-  const ctx = React40__namespace.useContext(RadioContext);
+  const ctx = React41__namespace.useContext(RadioContext);
   if (!ctx) throw new Error("RadioItem must be used within RadioGroup");
   const isChecked = ctx.value === value;
   const isDisabled = ctx.disabled || disabled;
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "label",
     {
       className: cn(radioItemVariants({ disabled: isDisabled ? "true" : "false" }), className),
       "data-state": isChecked ? "checked" : "unchecked"
     },
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "button",
       {
         type: "button",
@@ -10818,12 +11191,12 @@ function RadioItem({ value, children, disabled = false, className }) {
         className: cn(radioCircleVariants({ checked: isChecked ? "true" : "false" })),
         onClick: () => !isDisabled && ctx.onValueChange(value)
       },
-      isChecked && React40__namespace.createElement(
+      isChecked && React41__namespace.createElement(
         "span",
         { className: "block h-2 w-2 rounded-full bg-primary-foreground mx-auto" }
       )
     ),
-    children && React40__namespace.createElement("span", { className: "text-sm" }, children)
+    children && React41__namespace.createElement("span", { className: "text-sm" }, children)
   );
 }
 RadioGroup.displayName = "RadioGroup";
@@ -10895,11 +11268,11 @@ function ReactionBar({
   className
 }) {
   const api = createReactionBar({ reactions, onToggle, onAdd });
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     { ...api.ariaProps, className: cn(reactionBarStyles, className) },
     api.reactions.map(
-      (reaction, i) => React40__namespace.createElement(
+      (reaction, i) => React41__namespace.createElement(
         "button",
         {
           key: `${reaction.emoji}-${i}`,
@@ -10910,11 +11283,11 @@ function ReactionBar({
           onClick: () => api.toggle(reaction.emoji),
           ...api.getReactionAriaProps(reaction)
         },
-        React40__namespace.createElement("span", { className: reactionEmojiStyles }, reaction.emoji),
-        React40__namespace.createElement("span", { className: reactionCountStyles }, reaction.count)
+        React41__namespace.createElement("span", { className: reactionEmojiStyles }, reaction.emoji),
+        React41__namespace.createElement("span", { className: reactionCountStyles }, reaction.count)
       )
     ),
-    showAddButton && React40__namespace.createElement(
+    showAddButton && React41__namespace.createElement(
       "button",
       {
         type: "button",
@@ -11063,7 +11436,7 @@ var selectItemVariants = cva({
     selected: "false"
   }
 });
-var SelectContext = React40__namespace.createContext({
+var SelectContext = React41__namespace.createContext({
   value: void 0,
   onValueChange: () => {
   },
@@ -11083,7 +11456,7 @@ function Select({
   children,
   placeholder = "Select an option"
 }) {
-  const [open, setOpen] = React40__namespace.useState(false);
+  const [open, setOpen] = React41__namespace.useState(false);
   const api = createSelect({ value, disabled, open, placeholder });
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectContext.Provider,
@@ -11106,9 +11479,9 @@ function Select({
     }
   );
 }
-var SelectTrigger = React40__namespace.forwardRef(
+var SelectTrigger = React41__namespace.forwardRef(
   ({ className, children, size = "default", ...props }, ref) => {
-    const { open, setOpen, disabled, triggerId, contentId } = React40__namespace.useContext(SelectContext);
+    const { open, setOpen, disabled, triggerId, contentId } = React41__namespace.useContext(SelectContext);
     const api = createSelect({ disabled, open });
     const handleClick = () => {
       if (!disabled) {
@@ -11165,9 +11538,9 @@ var SelectTrigger = React40__namespace.forwardRef(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = React40__namespace.forwardRef(
+var SelectContent = React41__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const { open, contentId, triggerId } = React40__namespace.useContext(SelectContext);
+    const { open, contentId, triggerId } = React41__namespace.useContext(SelectContext);
     if (!open) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -11185,9 +11558,9 @@ var SelectContent = React40__namespace.forwardRef(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = React40__namespace.forwardRef(
+var SelectItem = React41__namespace.forwardRef(
   ({ className, children, value: itemValue, disabled: itemDisabled = false, ...props }, ref) => {
-    const { value, onValueChange, setOpen } = React40__namespace.useContext(SelectContext);
+    const { value, onValueChange, setOpen } = React41__namespace.useContext(SelectContext);
     const isSelected = value === itemValue;
     const handleClick = () => {
       if (!itemDisabled) {
@@ -11319,11 +11692,11 @@ function StatusIndicator({
 }) {
   const api = createStatusIndicator({ type, label, pulse });
   const dotClassName = api.pulse ? statusPulseVariants({ type }) : statusDotVariants({ type });
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "span",
     { ...api.ariaProps, className: cn(statusContainerStyles, className) },
-    React40__namespace.createElement("span", { className: dotClassName }),
-    showLabel && React40__namespace.createElement("span", { className: statusLabelStyles }, api.label)
+    React41__namespace.createElement("span", { className: dotClassName }),
+    showLabel && React41__namespace.createElement("span", { className: statusLabelStyles }, api.label)
   );
 }
 StatusIndicator.displayName = "StatusIndicator";
@@ -11410,7 +11783,7 @@ var switchThumbVariants = cva({
     { checked: "true", size: "lg", class: "translate-x-5" }
   ]
 });
-var Switch = React40__namespace.forwardRef(
+var Switch = React41__namespace.forwardRef(
   ({ checked = false, onCheckedChange, disabled = false, size = "default", className, ...props }, ref) => {
     const api = createSwitch({ checked, disabled });
     const handleClick = () => {
@@ -11549,41 +11922,41 @@ function MessageComponent({
   message,
   api
 }) {
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     { className: threadMessageStyles, ...api.getMessageAriaProps(message) },
     // Avatar
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       { className: threadAvatarStyles },
-      message.author.avatarUrl ? React40__namespace.createElement("img", {
+      message.author.avatarUrl ? React41__namespace.createElement("img", {
         src: message.author.avatarUrl,
         alt: message.author.name,
         className: "h-full w-full object-cover"
       }) : message.author.name.charAt(0).toUpperCase()
     ),
     // Content
-    React40__namespace.createElement(
+    React41__namespace.createElement(
       "div",
       { className: threadContentStyles },
-      React40__namespace.createElement(
+      React41__namespace.createElement(
         "div",
         { className: "flex items-baseline" },
-        React40__namespace.createElement("span", { className: threadAuthorStyles }, message.author.name),
-        React40__namespace.createElement(
+        React41__namespace.createElement("span", { className: threadAuthorStyles }, message.author.name),
+        React41__namespace.createElement(
           "span",
           { className: threadTimestampStyles },
           api.formatTimestamp(message.timestamp)
         ),
-        message.edited && React40__namespace.createElement("span", { className: threadEditedStyles }, "(edited)")
+        message.edited && React41__namespace.createElement("span", { className: threadEditedStyles }, "(edited)")
       ),
-      React40__namespace.createElement("div", { className: threadBodyStyles }, message.content),
+      React41__namespace.createElement("div", { className: threadBodyStyles }, message.content),
       // Reactions
-      message.reactions && message.reactions.length > 0 && React40__namespace.createElement(
+      message.reactions && message.reactions.length > 0 && React41__namespace.createElement(
         "div",
         { className: threadReactionsStyles },
         message.reactions.map(
-          (reaction, i) => React40__namespace.createElement(
+          (reaction, i) => React41__namespace.createElement(
             "button",
             {
               key: `${reaction.emoji}-${i}`,
@@ -11599,25 +11972,25 @@ function MessageComponent({
         )
       ),
       // Reply indicator
-      message.replies && message.replies.length > 0 && React40__namespace.createElement(
+      message.replies && message.replies.length > 0 && React41__namespace.createElement(
         "div",
         { className: threadReplyIndicatorStyles },
         `${message.replies.length} ${message.replies.length === 1 ? "reply" : "replies"}`
       ),
       // Attachments
       message.attachments && message.attachments.map(
-        (attachment) => React40__namespace.createElement(
+        (attachment) => React41__namespace.createElement(
           "div",
           { key: attachment.id, className: threadAttachmentStyles },
-          React40__namespace.createElement("span", null, "\u{1F4CE}"),
-          React40__namespace.createElement("span", { className: "truncate" }, attachment.name)
+          React41__namespace.createElement("span", null, "\u{1F4CE}"),
+          React41__namespace.createElement("span", { className: "truncate" }, attachment.name)
         )
       ),
       // Actions (reply button)
-      React40__namespace.createElement(
+      React41__namespace.createElement(
         "div",
         { className: threadActionsStyles },
-        React40__namespace.createElement(
+        React41__namespace.createElement(
           "button",
           {
             type: "button",
@@ -11639,11 +12012,11 @@ function ThreadView({
   className
 }) {
   const api = createThreadView({ messages, onReply, onReact, currentUserId });
-  return React40__namespace.createElement(
+  return React41__namespace.createElement(
     "div",
     { ...api.ariaProps, className: cn(threadContainerStyles, className) },
     messages.map(
-      (message) => React40__namespace.createElement(MessageComponent, {
+      (message) => React41__namespace.createElement(MessageComponent, {
         key: message.id,
         message,
         api
@@ -11653,6 +12026,306 @@ function ThreadView({
 }
 ThreadView.displayName = "ThreadView";
 
+// ../table-of-contents/dist/index.js
+function parseHeadings(container, selectors = "h2, h3, h4") {
+  const headings = Array.from(container.querySelectorAll(selectors));
+  return headings.map((h) => ({
+    id: h.id || h.textContent?.toLowerCase().replace(/\s+/g, "-") || "",
+    text: h.textContent || "",
+    level: parseInt(h.tagName.charAt(1), 10)
+  })).filter((h) => h.id !== "");
+}
+function observeHeadings(headingIds, callback, options) {
+  const observer = new IntersectionObserver((entries) => {
+    for (const entry of entries) {
+      if (entry.isIntersecting) {
+        callback(entry.target.id);
+        break;
+      }
+    }
+  }, { rootMargin: "0px 0px -80% 0px", ...options });
+  headingIds.forEach((id) => {
+    const el = document.getElementById(id);
+    if (el) observer.observe(el);
+  });
+  return () => observer.disconnect();
+}
+var TableOfContents = React41__namespace.forwardRef(
+  ({ className, containerRef, selectors = "h2, h3, h4", onActiveIdChange, ...props }, ref) => {
+    const [headings, setHeadings] = React41__namespace.useState([]);
+    const [activeId, setActiveId] = React41__namespace.useState("");
+    React41__namespace.useEffect(() => {
+      const container = containerRef?.current || document.body;
+      if (!container) return;
+      const parsedHeadings = parseHeadings(container, selectors);
+      setHeadings(parsedHeadings);
+      if (parsedHeadings.length === 0) return;
+      const disconnect = observeHeadings(parsedHeadings.map((h) => h.id), (id) => {
+        setActiveId(id);
+        onActiveIdChange?.(id);
+      });
+      return () => disconnect();
+    }, [containerRef, selectors, onActiveIdChange]);
+    if (headings.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, className: cn("space-y-1", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "m-0 list-none p-0", children: headings.map((heading) => /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        className: cn(
+          "py-1",
+          heading.level === 3 ? "pl-4" : heading.level === 4 ? "pl-8" : ""
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: `#${heading.id}`,
+            className: cn(
+              "block text-sm transition-colors hover:text-foreground",
+              activeId === heading.id ? "font-medium text-foreground" : "text-muted-foreground"
+            ),
+            children: heading.text
+          }
+        )
+      },
+      heading.id
+    )) }) });
+  }
+);
+TableOfContents.displayName = "TableOfContents";
+var CarouselContext = React41__namespace.createContext(null);
+var Carousel = React41__namespace.forwardRef(
+  ({ className, type = "single", collapsible, value: controlledValue, defaultValue, onValueChange, ...props }, ref) => {
+    const [uncontrolledValue, setUncontrolledValue] = React41__namespace.useState(
+      defaultValue ?? (type === "multiple" ? [] : "")
+    );
+    const value = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
+    const handleValueChange = React41__namespace.useCallback(
+      (itemValue) => {
+        if (type === "single") {
+          const newValue = value === itemValue && collapsible ? "" : itemValue;
+          setUncontrolledValue(newValue);
+          onValueChange?.(newValue);
+        } else {
+          const arrValue = Array.isArray(value) ? value : [];
+          const newValue = arrValue.includes(itemValue) ? arrValue.filter((v) => v !== itemValue) : [...arrValue, itemValue];
+          setUncontrolledValue(newValue);
+          onValueChange?.(newValue);
+        }
+      },
+      [type, collapsible, value, onValueChange]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(CarouselContext.Provider, { value: { type, value, onValueChange: handleValueChange }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col w-full", className), ...props }) });
+  }
+);
+Carousel.displayName = "Carousel";
+var CarouselItemContext = React41__namespace.createContext(null);
+var CarouselItem = React41__namespace.forwardRef(
+  ({ className, value, ...props }, ref) => {
+    const context = React41__namespace.useContext(CarouselContext);
+    if (!context) throw new Error("CarouselItem must be within Carousel");
+    const isOpen = context.type === "single" ? context.value === value : Array.isArray(context.value) && context.value.includes(value);
+    return /* @__PURE__ */ jsxRuntime.jsx(CarouselItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("border-b border-border", className), "data-state": isOpen ? "open" : "closed", ...props }) });
+  }
+);
+CarouselItem.displayName = "CarouselItem";
+var CarouselTrigger = React41__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const carouselContext = React41__namespace.useContext(CarouselContext);
+    const itemContext = React41__namespace.useContext(CarouselItemContext);
+    if (!carouselContext || !itemContext) throw new Error("CarouselTrigger missing context");
+    return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "flex m-0 p-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-expanded": itemContext.isOpen,
+        className: cn(
+          "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+          className
+        ),
+        "data-state": itemContext.isOpen ? "open" : "closed",
+        onClick: () => carouselContext.onValueChange(itemContext.value),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200",
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+CarouselTrigger.displayName = "CarouselTrigger";
+var CarouselContent = React41__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const itemContext = React41__namespace.useContext(CarouselItemContext);
+    if (!itemContext) throw new Error("CarouselContent missing context");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "overflow-hidden text-sm",
+          className
+        ),
+        "data-state": itemContext.isOpen ? "open" : "closed",
+        hidden: !itemContext.isOpen,
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-4 pt-0 text-muted-foreground leading-relaxed", children })
+      }
+    );
+  }
+);
+CarouselContent.displayName = "CarouselContent";
+var Pagination = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("", className), ...props });
+  }
+);
+Pagination.displayName = "Pagination";
+var Callout = () => /* @__PURE__ */ jsxRuntime.jsx("div", {});
+var Steps = () => /* @__PURE__ */ jsxRuntime.jsx("div", {});
+
+// src/index.ts
+__reExport(index_exports, __toESM(require_dist()));
+__reExport(index_exports, __toESM(require_dist2()));
+
+// ../react-skip-to-content/dist/index.js
+var SkipToContent = () => {
+  return null;
+};
+
+// ../react-code-block/dist/index.js
+var CodeBlock = () => {
+  return null;
+};
+
+// ../link-card/dist/index.js
+function createLinkCard(props = {}) {
+  return {
+    dataAttributes: { "data-slot": "link-card" }
+  };
+}
+var LinkCard = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createLinkCard(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        ref,
+        className: cn(className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+LinkCard.displayName = "LinkCard";
+
+// ../card-grid/dist/index.js
+function createCardGrid(props = {}) {
+  return {
+    dataAttributes: { "data-slot": "card-grid" }
+  };
+}
+var CardGrid = React41__namespace.forwardRef(
+  ({ className, columns = 3, ...props }, ref) => {
+    const api = createCardGrid({ });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+CardGrid.displayName = "CardGrid";
+
+// ../payment/dist/index.js
+function createPayment(props = {}) {
+  return {
+    props: {
+      ...props,
+      "data-slot": "payment"
+    }
+  };
+}
+var Payment = React41__namespace.forwardRef(
+  ({ className, disabled, ...props }, ref) => {
+    const api = createPayment({ disabled });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "w-full max-w-md mx-auto p-6 border border-border rounded-xl bg-card text-card-foreground shadow-sm",
+          disabled && "opacity-50 pointer-events-none",
+          className
+        ),
+        ...api.props,
+        ...props
+      }
+    );
+  }
+);
+Payment.displayName = "Payment";
+var PaymentHeader = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mb-6 flex flex-col gap-1.5", className), ...props })
+);
+PaymentHeader.displayName = "PaymentHeader";
+var PaymentTitle = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ref, className: cn("text-xl font-semibold leading-none tracking-tight", className), ...props })
+);
+PaymentTitle.displayName = "PaymentTitle";
+var PaymentDescription = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+PaymentDescription.displayName = "PaymentDescription";
+var PaymentContent = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col gap-4", className), ...props })
+);
+PaymentContent.displayName = "PaymentContent";
+var PaymentFooter = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mt-6 flex flex-col gap-3", className), ...props })
+);
+PaymentFooter.displayName = "PaymentFooter";
+var PaymentButton = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      className: cn(
+        "inline-flex w-full items-center justify-center whitespace-nowrap rounded-md bg-primary px-4 py-2.5 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+);
+PaymentButton.displayName = "PaymentButton";
+
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
 exports.AnimatedText = AnimatedText;
 exports.AppShell = AppShell;
 exports.AuthGuard = AuthGuard;
@@ -11669,13 +12342,20 @@ exports.Button = Button;
 exports.CATEGORY_LABELS = CATEGORY_LABELS;
 exports.Calendar = Calendar;
 exports.CalendarHeader = CalendarHeader;
+exports.Callout = Callout;
 exports.Card = Card2;
 exports.CardContent = CardContent;
 exports.CardDescription = CardDescription;
 exports.CardFooter = CardFooter;
+exports.CardGrid = CardGrid;
 exports.CardHeader = CardHeader;
 exports.CardTitle = CardTitle;
+exports.Carousel = Carousel;
+exports.CarouselContent = CarouselContent;
+exports.CarouselItem = CarouselItem;
+exports.CarouselTrigger = CarouselTrigger;
 exports.Checkbox = Checkbox;
+exports.CodeBlock = CodeBlock;
 exports.CodeEditor = CodeEditor;
 exports.Collapsible = Collapsible;
 exports.CollapsibleContent = CollapsibleContent;
@@ -11723,6 +12403,7 @@ exports.InputGroupText = InputGroupText;
 exports.InstallPrompt = InstallPrompt;
 exports.KeyboardShortcut = KeyboardShortcut;
 exports.LanguageSelector = LanguageSelector;
+exports.LinkCard = LinkCard;
 exports.MarkdownRenderer = MarkdownRenderer;
 exports.MobileNav = MobileNav;
 exports.MobileNavContent = MobileNavContent;
@@ -11732,6 +12413,8 @@ exports.Navbar = Navbar;
 exports.OtpInput = OtpInput;
 exports.PRESENCE_STATUS_COLORS = STATUS_COLORS;
 exports.PRESENCE_STATUS_LABELS = STATUS_LABELS;
+exports.Pagination = Pagination;
+exports.Payment = Payment;
 exports.Popover = Popover;
 exports.PopoverClose = PopoverClose;
 exports.PopoverContent = PopoverContent;
@@ -11757,10 +12440,13 @@ exports.ShortcutBadge = ShortcutBadge;
 exports.Sidebar = Sidebar;
 exports.Skeleton = Skeleton;
 exports.SkeletonText = SkeletonText;
+exports.SkipToContent = SkipToContent;
 exports.SlideViewer = SlideViewer;
 exports.StatsGrid = StatsGrid;
 exports.StatusIndicator = StatusIndicator;
+exports.Steps = Steps;
 exports.Switch = Switch;
+exports.TableOfContents = TableOfContents;
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;