@refraction-ui/react 0.1.2 → 0.2.0

package/dist/index.js

@@ -1,9 +1,368 @@
-import * as React40 from 'react';
+import * as React41 from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import { createPortal } from 'react-dom';
 
-// ../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,
+  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) {
@@ -119,14 +478,14 @@ function applyThemeToDOM(resolved, attribute = "class") {
 }
 
 // ../react-theme/dist/index.js
-var ThemeContext = React40.createContext(null);
+var ThemeContext = React41.createContext(null);
 function ThemeProvider({
   children,
   defaultMode = "system",
   storageKey = "rfr-theme",
   attribute = "class"
 }) {
-  const themeRef = React40.useRef(null);
+  const themeRef = React41.useRef(null);
   if (!themeRef.current) {
     const isBrowser = typeof window !== "undefined";
     themeRef.current = createTheme(
@@ -135,8 +494,8 @@ function ThemeProvider({
       isBrowser ? createMediaQueryAdapter() : void 0
     );
   }
-  const [state, setState] = React40.useState(() => themeRef.current.getState());
-  React40.useEffect(() => {
+  const [state, setState] = React41.useState(() => themeRef.current.getState());
+  React41.useEffect(() => {
     const theme = themeRef.current;
     applyThemeToDOM(theme.getState().resolved, attribute);
     const unsub = theme.subscribe((newState) => {
@@ -148,7 +507,7 @@ function ThemeProvider({
       theme.destroy();
     };
   }, [attribute]);
-  const contextValue = React40.useMemo(
+  const contextValue = React41.useMemo(
     () => ({
       mode: state.mode,
       resolved: state.resolved,
@@ -156,10 +515,10 @@ function ThemeProvider({
     }),
     [state.mode, state.resolved]
   );
-  return React40.createElement(ThemeContext.Provider, { value: contextValue }, children);
+  return React41.createElement(ThemeContext.Provider, { value: contextValue }, children);
 }
 function useTheme() {
-  const context = React40.useContext(ThemeContext);
+  const context = React41.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a <ThemeProvider>");
   }
@@ -171,7 +530,7 @@ var modes = [
   { value: "system", label: "System", icon: "monitor" }
 ];
 var icons = {
-  sun: React40.createElement(
+  sun: React41.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -184,10 +543,10 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React40.createElement("circle", { cx: 12, cy: 12, r: 5 }),
-    React40.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.createElement("circle", { cx: 12, cy: 12, r: 5 }),
+    React41.createElement("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
   ),
-  moon: React40.createElement(
+  moon: React41.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -200,9 +559,9 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React40.createElement("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+    React41.createElement("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
   ),
-  monitor: React40.createElement(
+  monitor: React41.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -215,15 +574,15 @@ var icons = {
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    React40.createElement("rect", { x: 2, y: 3, width: 20, height: 14, rx: 2, ry: 2 }),
-    React40.createElement("line", { x1: 8, y1: 21, x2: 16, y2: 21 }),
-    React40.createElement("line", { x1: 12, y1: 17, x2: 12, y2: 21 })
+    React41.createElement("rect", { x: 2, y: 3, width: 20, height: 14, rx: 2, ry: 2 }),
+    React41.createElement("line", { x1: 8, y1: 21, x2: 16, y2: 21 }),
+    React41.createElement("line", { x1: 12, y1: 17, x2: 12, y2: 21 })
   )
 };
 function ThemeToggle({ className, variant = "segmented" }) {
   const { mode, setMode } = useTheme();
   if (variant === "segmented") {
-    return React40.createElement(
+    return React41.createElement(
       "div",
       {
         className: `inline-flex items-center gap-1 rounded-lg border p-1 ${className ?? ""}`,
@@ -231,7 +590,7 @@ function ThemeToggle({ className, variant = "segmented" }) {
         "aria-label": "Theme"
       },
       modes.map(
-        ({ value, label, icon }) => React40.createElement("button", {
+        ({ value, label, icon }) => React41.createElement("button", {
           key: value,
           type: "button",
           role: "radio",
@@ -243,9 +602,9 @@ function ThemeToggle({ className, variant = "segmented" }) {
       )
     );
   }
-  const [open, setOpen] = React40.useState(false);
-  const ref = React40.useRef(null);
-  React40.useEffect(() => {
+  const [open, setOpen] = React41.useState(false);
+  const ref = React41.useRef(null);
+  React41.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -254,24 +613,24 @@ function ThemeToggle({ className, variant = "segmented" }) {
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
   const currentIcon = modes.find((m) => m.value === mode)?.icon ?? "monitor";
-  return React40.createElement(
+  return React41.createElement(
     "div",
     { ref, className: `relative ${className ?? ""}` },
-    React40.createElement("button", {
+    React41.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.createElement(
+    open && React41.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.createElement("button", {
+        ({ value, label, icon }) => React41.createElement("button", {
           key: value,
           type: "button",
           role: "menuitem",
@@ -289,7 +648,7 @@ function ThemeScript({
   storageKey = "rfr-theme",
   attribute = "class"
 }) {
-  return React40.createElement("script", {
+  return React41.createElement("script", {
     dangerouslySetInnerHTML: {
       __html: getThemeScript(storageKey, attribute)
     }
@@ -407,6 +766,105 @@ function cva(config) {
     return classes.filter(Boolean).join(" ");
   };
 }
+var AccordionContext = React41.createContext(null);
+var Accordion = React41.forwardRef(
+  ({ className, type = "single", collapsible, value: controlledValue, defaultValue, onValueChange, ...props }, ref) => {
+    const [uncontrolledValue, setUncontrolledValue] = React41.useState(
+      defaultValue ?? (type === "multiple" ? [] : "")
+    );
+    const value = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
+    const handleValueChange = React41.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__ */ jsx(AccordionContext.Provider, { value: { type, value, onValueChange: handleValueChange }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col w-full", className), ...props }) });
+  }
+);
+Accordion.displayName = "Accordion";
+var AccordionItemContext = React41.createContext(null);
+var AccordionItem = React41.forwardRef(
+  ({ className, value, ...props }, ref) => {
+    const context = React41.useContext(AccordionContext);
+    if (!context) throw new Error("AccordionItem must be within Accordion");
+    const isOpen = context.type === "single" ? context.value === value : Array.isArray(context.value) && context.value.includes(value);
+    return /* @__PURE__ */ jsx(AccordionItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("border-b border-border", className), "data-state": isOpen ? "open" : "closed", ...props }) });
+  }
+);
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React41.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const accordionContext = React41.useContext(AccordionContext);
+    const itemContext = React41.useContext(AccordionItemContext);
+    if (!accordionContext || !itemContext) throw new Error("AccordionTrigger missing context");
+    return /* @__PURE__ */ jsx("h3", { className: "flex m-0 p-0", children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        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__ */ 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__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+AccordionTrigger.displayName = "AccordionTrigger";
+var AccordionContent = React41.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const itemContext = React41.useContext(AccordionItemContext);
+    if (!itemContext) throw new Error("AccordionContent missing context");
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "overflow-hidden text-sm",
+          className
+        ),
+        "data-state": itemContext.isOpen ? "open" : "closed",
+        hidden: !itemContext.isOpen,
+        ...props,
+        children: /* @__PURE__ */ jsx("div", { className: "pb-4 pt-0 text-muted-foreground leading-relaxed", children })
+      }
+    );
+  }
+);
+AccordionContent.displayName = "AccordionContent";
 
 // ../animated-text/dist/index.js
 function createAnimatedText(props) {
@@ -470,16 +928,16 @@ var typewriterVariants = cva({
     cursor: "blinking"
   }
 });
-var AnimatedText = React40.forwardRef(
+var AnimatedText = React41.forwardRef(
   ({ words, interval = 2500, transitionDuration = 1e3, className, ...props }, ref) => {
-    const apiRef = React40.useRef(
+    const apiRef = React41.useRef(
       createAnimatedText({ words})
     );
     const api = apiRef.current;
-    const [currentIndex, setCurrentIndex] = React40.useState(0);
-    const [isExiting, setIsExiting] = React40.useState(false);
+    const [currentIndex, setCurrentIndex] = React41.useState(0);
+    const [isExiting, setIsExiting] = React41.useState(false);
     const prefersReducedMotion = typeof globalThis !== "undefined" && typeof globalThis.matchMedia === "function" && globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    React40.useEffect(() => {
+    React41.useEffect(() => {
       if (words.length <= 1) return;
       const tick = setInterval(() => {
         if (prefersReducedMotion) {
@@ -515,13 +973,13 @@ var AnimatedText = React40.forwardRef(
   }
 );
 AnimatedText.displayName = "AnimatedText";
-var TypewriterText = React40.forwardRef(
+var TypewriterText = React41.forwardRef(
   ({ text, speed = 50, startDelay = 0, className, ...props }, ref) => {
-    const apiRef = React40.useRef(createTypewriter({ text}));
+    const apiRef = React41.useRef(createTypewriter({ text}));
     const api = apiRef.current;
-    const [currentIndex, setCurrentIndex] = React40.useState(0);
+    const [currentIndex, setCurrentIndex] = React41.useState(0);
     const prefersReducedMotion = typeof globalThis !== "undefined" && typeof globalThis.matchMedia === "function" && globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    React40.useEffect(() => {
+    React41.useEffect(() => {
       if (prefersReducedMotion) {
         api.state.currentIndex = text.length;
         setCurrentIndex(text.length);
@@ -774,22 +1232,22 @@ function detectProvider() {
 }
 
 // ../react-auth/dist/index.js
-var AuthContext = React40.createContext(null);
+var AuthContext = React41.createContext(null);
 function AuthProvider({ children, ...config }) {
-  const authRef = React40.useRef(null);
+  const authRef = React41.useRef(null);
   if (!authRef.current) {
     const adapter = resolveAdapter(config.provider);
     authRef.current = createAuth(adapter, config);
   }
-  const [state, setState] = React40.useState(() => authRef.current.getState());
-  React40.useEffect(() => {
+  const [state, setState] = React41.useState(() => authRef.current.getState());
+  React41.useEffect(() => {
     const unsub = authRef.current.subscribe(setState);
     return () => {
       unsub();
       authRef.current.destroy();
     };
   }, []);
-  const value = React40.useMemo(
+  const value = React41.useMemo(
     () => ({
       user: state.user,
       isLoading: state.status === "loading",
@@ -803,10 +1261,10 @@ function AuthProvider({ children, ...config }) {
     }),
     [state.user, state.status]
   );
-  return React40.createElement(AuthContext.Provider, { value }, children);
+  return React41.createElement(AuthContext.Provider, { value }, children);
 }
 function useAuth() {
-  const ctx = React40.useContext(AuthContext);
+  const ctx = React41.useContext(AuthContext);
   if (!ctx) {
     throw new Error("useAuth must be used within an <AuthProvider>");
   }
@@ -820,15 +1278,15 @@ function AuthGuard({
 }) {
   const { isLoading, isAuthenticated, user } = useAuth();
   if (isLoading) {
-    return React40.createElement(React40.Fragment, null, fallback ?? null);
+    return React41.createElement(React41.Fragment, null, fallback ?? null);
   }
   if (!isAuthenticated) {
-    return React40.createElement(React40.Fragment, null, fallback ?? null);
+    return React41.createElement(React41.Fragment, null, fallback ?? null);
   }
   if (roles && roles.length > 0 && !hasAnyRole(user, roles)) {
-    return React40.createElement(React40.Fragment, null, unauthorized ?? null);
+    return React41.createElement(React41.Fragment, null, unauthorized ?? null);
   }
-  return React40.createElement(React40.Fragment, null, children);
+  return React41.createElement(React41.Fragment, null, children);
 }
 
 // ../badge/dist/index.js
@@ -868,7 +1326,7 @@ var badgeVariants = cva({
     size: "md"
   }
 });
-var Badge = React40.forwardRef(
+var Badge = React41.forwardRef(
   ({ variant, size, className, children, ...props }, ref) => {
     const api = createBadge({ variant});
     const classes = cn(badgeVariants({ variant, size }), className);
@@ -915,7 +1373,7 @@ var bottomNavTabVariants = cva({
     active: "false"
   }
 });
-var BottomNav = React40.forwardRef(
+var BottomNav = React41.forwardRef(
   ({ tabs = [], currentPath, className, ...props }, ref) => {
     const api = createBottomNav({ currentPath });
     const classes = cn(bottomNavVariants(), className);
@@ -973,7 +1431,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",
@@ -988,7 +1446,7 @@ var breadcrumbItemVariants = cva({
   }
 });
 var breadcrumbSeparatorStyles = "text-muted-foreground/50 select-none";
-var Breadcrumbs = React40.forwardRef(
+var Breadcrumbs = React41.forwardRef(
   ({
     pathname,
     items,
@@ -1095,12 +1553,12 @@ var buttonVariants = cva({
     size: "default"
   }
 });
-var Button = React40.forwardRef(
+var Button = React41.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.isValidElement(children)) {
-      return React40.cloneElement(children, {
+    if (asChild && React41.isValidElement(children)) {
+      return React41.cloneElement(children, {
         ref,
         className: cn(classes, children.props.className),
         type: getButtonType({ type: props.type }),
@@ -1307,15 +1765,15 @@ function Calendar({
   maxDate,
   disabledDates
 }) {
-  const [uncontrolledValue, setUncontrolledValue] = React40.useState(defaultValue);
-  const [uncontrolledMonth, setUncontrolledMonth] = React40.useState(
+  const [uncontrolledValue, setUncontrolledValue] = React41.useState(defaultValue);
+  const [uncontrolledMonth, setUncontrolledMonth] = React41.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.useCallback(
+  const handleSelect = React41.useCallback(
     (date) => {
       if (!isValueControlled) {
         setUncontrolledValue(date);
@@ -1324,7 +1782,7 @@ function Calendar({
     },
     [isValueControlled, onSelect]
   );
-  const handleMonthChange = React40.useCallback(
+  const handleMonthChange = React41.useCallback(
     (m) => {
       if (!isMonthControlled) {
         setUncontrolledMonth(m);
@@ -1350,28 +1808,28 @@ function Calendar({
     return "default";
   }
   const monthLabel = `${MONTH_NAMES[api.state.currentMonth.getMonth()]} ${api.state.currentMonth.getFullYear()}`;
-  return React40.createElement(
+  return React41.createElement(
     "div",
     {
       className: cn(calendarVariants(), className),
       ...api.ariaProps
     },
     // Header row: prev, month label, next
-    React40.createElement(CalendarHeader, {
+    React41.createElement(CalendarHeader, {
       label: monthLabel,
       labelId: api.ids.label,
       onPrevMonth: api.prevMonth,
       onNextMonth: api.nextMonth
     }),
     // Day-of-week headers
-    React40.createElement(
+    React41.createElement(
       "div",
       {
         className: "grid grid-cols-7 gap-1 mb-1",
         role: "row"
       },
       DAY_HEADERS.map(
-        (d) => React40.createElement(
+        (d) => React41.createElement(
           "div",
           {
             key: d,
@@ -1384,7 +1842,7 @@ function Calendar({
       )
     ),
     // Day grid
-    React40.createElement(
+    React41.createElement(
       "div",
       {
         className: "grid grid-cols-7 gap-1",
@@ -1393,7 +1851,7 @@ function Calendar({
       api.days.map((day, i) => {
         const dayAriaProps = api.getDayAriaProps(day);
         const state = getDayState(day);
-        return React40.createElement(
+        return React41.createElement(
           "button",
           {
             key: i,
@@ -1417,12 +1875,12 @@ function CalendarHeader({
   onNextMonth,
   className
 }) {
-  return React40.createElement(
+  return React41.createElement(
     "div",
     {
       className: cn("flex items-center justify-between mb-2", className)
     },
-    React40.createElement(
+    React41.createElement(
       "button",
       {
         type: "button",
@@ -1432,7 +1890,7 @@ function CalendarHeader({
       },
       "\u2039"
     ),
-    React40.createElement(
+    React41.createElement(
       "div",
       {
         id: labelId,
@@ -1441,7 +1899,7 @@ function CalendarHeader({
       },
       label
     ),
-    React40.createElement(
+    React41.createElement(
       "button",
       {
         type: "button",
@@ -1574,7 +2032,7 @@ var codeEditorVariants = cva({
     size: "default"
   }
 });
-var CodeEditor = React40.forwardRef(
+var CodeEditor = React41.forwardRef(
   ({
     value = "",
     onChange,
@@ -1690,9 +2148,9 @@ var collapsibleContentVariants = cva({
 });
 
 // ../react-collapsible/dist/index.js
-var CollapsibleContext = React40.createContext(null);
+var CollapsibleContext = React41.createContext(null);
 function useCollapsibleContext() {
-  const ctx = React40.useContext(CollapsibleContext);
+  const ctx = React41.useContext(CollapsibleContext);
   if (!ctx) {
     throw new Error(
       "Collapsible compound components must be used within <Collapsible>"
@@ -1708,10 +2166,10 @@ function Collapsible({
   children,
   className
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React40.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React41.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React40.useCallback(
+  const handleOpenChange = React41.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -1720,12 +2178,12 @@ function Collapsible({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React40.useRef(null);
+  const apiRef = React41.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createCollapsible({ open, defaultOpen, disabled });
   }
   const contentId = apiRef.current.contentProps.id;
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -1734,10 +2192,10 @@ function Collapsible({
     }),
     [open, handleOpenChange, disabled, contentId]
   );
-  return React40.createElement(
+  return React41.createElement(
     CollapsibleContext.Provider,
     { value: ctx },
-    React40.createElement(
+    React41.createElement(
       "div",
       {
         "data-state": open ? "open" : "closed",
@@ -1749,7 +2207,7 @@ function Collapsible({
   );
 }
 Collapsible.displayName = "Collapsible";
-var CollapsibleTrigger = React40.forwardRef(({ onClick, disabled: disabledProp, children, ...props }, ref) => {
+var CollapsibleTrigger = React41.forwardRef(({ onClick, disabled: disabledProp, children, ...props }, ref) => {
   const { open, onOpenChange, disabled: ctxDisabled, contentId } = useCollapsibleContext();
   const disabled = disabledProp ?? ctxDisabled;
   const handleClick = (e) => {
@@ -1758,7 +2216,7 @@ var CollapsibleTrigger = React40.forwardRef(({ onClick, disabled: disabledProp,
     }
     onClick?.(e);
   };
-  return React40.createElement(
+  return React41.createElement(
     "button",
     {
       ref,
@@ -1775,11 +2233,11 @@ var CollapsibleTrigger = React40.forwardRef(({ onClick, disabled: disabledProp,
   );
 });
 CollapsibleTrigger.displayName = "CollapsibleTrigger";
-var CollapsibleContent = React40.forwardRef(({ className, children, ...props }, ref) => {
+var CollapsibleContent = React41.forwardRef(({ className, children, ...props }, ref) => {
   const { open, contentId } = useCollapsibleContext();
   const dataState = open ? "open" : "closed";
   if (!open) return null;
-  return React40.createElement(
+  return React41.createElement(
     "div",
     {
       ref,
@@ -1924,9 +2382,9 @@ var commandGroupVariants = cva({
 });
 
 // ../react-command/dist/index.js
-var CommandContext = React40.createContext(null);
+var CommandContext = React41.createContext(null);
 function useCommandContext() {
-  const ctx = React40.useContext(CommandContext);
+  const ctx = React41.useContext(CommandContext);
   if (!ctx) {
     throw new Error("Command compound components must be used within <Command>");
   }
@@ -1939,11 +2397,11 @@ function Command({
   className,
   children
 }) {
-  const [items, setItems] = React40.useState([]);
-  const [search, setSearch] = React40.useState("");
-  const [selectedIndex, setSelectedIndex] = React40.useState(0);
-  const apiRef = React40.useRef(null);
-  const api = React40.useMemo(() => {
+  const [items, setItems] = React41.useState([]);
+  const [search, setSearch] = React41.useState("");
+  const [selectedIndex, setSelectedIndex] = React41.useState(0);
+  const apiRef = React41.useRef(null);
+  const api = React41.useMemo(() => {
     const instance = createCommand({ open, onOpenChange, filter }, items);
     if (search) {
       instance.search(search);
@@ -1952,23 +2410,23 @@ function Command({
     return instance;
   }, [open, onOpenChange, filter, items, search]);
   const filteredItems = api.state.filteredItems;
-  const handleSearch = React40.useCallback((query) => {
+  const handleSearch = React41.useCallback((query) => {
     setSearch(query);
     setSelectedIndex(0);
   }, []);
-  const handleSelect = React40.useCallback((index) => {
+  const handleSelect = React41.useCallback((index) => {
     setSelectedIndex(index);
   }, []);
-  const registerItem = React40.useCallback((item) => {
+  const registerItem = React41.useCallback((item) => {
     setItems((prev) => {
       if (prev.some((i) => i.id === item.id)) return prev;
       return [...prev, item];
     });
   }, []);
-  const unregisterItem = React40.useCallback((id) => {
+  const unregisterItem = React41.useCallback((id) => {
     setItems((prev) => prev.filter((i) => i.id !== id));
   }, []);
-  const handleKeyDown = React40.useCallback(
+  const handleKeyDown = React41.useCallback(
     (e) => {
       const handler = createKeyboardHandler({
         [Keys.ArrowDown]: (ev) => {
@@ -1995,7 +2453,7 @@ function Command({
     },
     [filteredItems.length, onOpenChange]
   );
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({
       search,
       onSearch: handleSearch,
@@ -2010,10 +2468,10 @@ function Command({
     }),
     [search, handleSearch, selectedIndex, handleSelect, items, filteredItems, registerItem, unregisterItem, api.ids.list, api.ids.input]
   );
-  return React40.createElement(
+  return React41.createElement(
     CommandContext.Provider,
     { value: ctx },
-    React40.createElement(
+    React41.createElement(
       "div",
       {
         className: cn(commandVariants(), className),
@@ -2025,14 +2483,14 @@ function Command({
   );
 }
 Command.displayName = "Command";
-var CommandInput = React40.forwardRef(
+var CommandInput = React41.forwardRef(
   ({ className, onChange, ...props }, ref) => {
     const { search, onSearch, inputId, listId } = useCommandContext();
     const handleChange = (e) => {
       onSearch(e.target.value);
       onChange?.(e);
     };
-    return React40.createElement("input", {
+    return React41.createElement("input", {
       ref,
       id: inputId,
       type: "text",
@@ -2047,10 +2505,10 @@ var CommandInput = React40.forwardRef(
   }
 );
 CommandInput.displayName = "CommandInput";
-var CommandList = React40.forwardRef(
+var CommandList = React41.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { listId } = useCommandContext();
-    return React40.createElement(
+    return React41.createElement(
       "div",
       {
         ref,
@@ -2065,11 +2523,11 @@ var CommandList = React40.forwardRef(
   }
 );
 CommandList.displayName = "CommandList";
-var CommandEmpty = React40.forwardRef(
+var CommandEmpty = React41.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { filteredItems } = useCommandContext();
     if (filteredItems.length > 0) return null;
-    return React40.createElement(
+    return React41.createElement(
       "div",
       {
         ref,
@@ -2082,9 +2540,9 @@ var CommandEmpty = React40.forwardRef(
   }
 );
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React40.forwardRef(
+var CommandGroup = React41.forwardRef(
   ({ className, heading, children, ...props }, ref) => {
-    return React40.createElement(
+    return React41.createElement(
       "div",
       {
         ref,
@@ -2093,7 +2551,7 @@ var CommandGroup = React40.forwardRef(
         "aria-label": heading,
         ...props
       },
-      heading ? React40.createElement(
+      heading ? React41.createElement(
         "div",
         { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground" },
         heading
@@ -2103,10 +2561,10 @@ var CommandGroup = React40.forwardRef(
   }
 );
 CommandGroup.displayName = "CommandGroup";
-var CommandItem = React40.forwardRef(
+var CommandItem = React41.forwardRef(
   ({ className, value, disabled, onSelect: onItemSelect, children, ...props }, ref) => {
     const state = disabled ? "disabled" : "default";
-    return React40.createElement(
+    return React41.createElement(
       "div",
       {
         ref,
@@ -2127,9 +2585,9 @@ var CommandItem = React40.forwardRef(
   }
 );
 CommandItem.displayName = "CommandItem";
-var CommandSeparator = React40.forwardRef(
+var CommandSeparator = React41.forwardRef(
   ({ className, ...props }, ref) => {
-    return React40.createElement("div", {
+    return React41.createElement("div", {
       ref,
       role: "separator",
       className: cn("-mx-1 h-px bg-border", className),
@@ -2176,7 +2634,7 @@ var contentProtectionVariants = cva({
 var watermarkVariants = cva({
   base: "pointer-events-none absolute inset-0 z-50 overflow-hidden"
 });
-var ContentProtection = React40.forwardRef(
+var ContentProtection = React41.forwardRef(
   ({
     enabled,
     disableCopy,
@@ -2423,10 +2881,10 @@ function DataTable({
   className,
   emptyMessage = "No data available"
 }) {
-  const [sortBy, setSortBy] = React40.useState(controlledSortBy ?? null);
-  const [sortDir, setSortDir] = React40.useState(controlledSortDir);
-  const [filters, setFilters] = React40.useState(controlledFilters ?? {});
-  const api = React40.useMemo(
+  const [sortBy, setSortBy] = React41.useState(controlledSortBy ?? null);
+  const [sortDir, setSortDir] = React41.useState(controlledSortDir);
+  const [filters, setFilters] = React41.useState(controlledFilters ?? {});
+  const api = React41.useMemo(
     () => createDataTable({
       columns,
       data,
@@ -2437,7 +2895,7 @@ function DataTable({
     }),
     [columns, data, sortBy, sortDir, onSort, filters]
   );
-  const handleSort = React40.useCallback(
+  const handleSort = React41.useCallback(
     (columnId) => {
       const col = columns.find((c) => c.id === columnId);
       if (!col?.sortable) return;
@@ -2451,7 +2909,7 @@ function DataTable({
     },
     [columns, sortBy, sortDir, onSort]
   );
-  const handleFilter = React40.useCallback(
+  const handleFilter = React41.useCallback(
     (columnId, value) => {
       setFilters((prev) => ({ ...prev, [columnId]: value }));
     },
@@ -2459,87 +2917,91 @@ function DataTable({
   );
   const sortedData = api.state.sortedData;
   const hasFilterable = columns.some((c) => c.filterable);
-  return React40.createElement(
-    "table",
-    {
-      className: cn(tableVariants(), className),
-      role: "table"
-    },
-    // thead
-    React40.createElement(
-      "thead",
-      null,
-      // Header row
-      React40.createElement(
-        "tr",
-        { role: "row" },
-        ...columns.map((col) => {
-          const headerProps = api.getHeaderProps(col);
-          return React40.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.createElement("span", { "aria-hidden": true }, sortDir === "asc" ? " \u2191" : " \u2193") : null
-          );
-        })
-      ),
-      // Filter row
-      hasFilterable ? React40.createElement(
-        "tr",
-        { role: "row", "data-filter-row": "true" },
-        ...columns.map(
-          (col) => React40.createElement(
-            "th",
-            { key: `filter-${col.id}` },
-            col.filterable ? React40.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.createElement(
-      "tbody",
-      null,
-      sortedData.length === 0 ? React40.createElement(
-        "tr",
-        { role: "row" },
-        React40.createElement(
-          "td",
-          {
-            colSpan: columns.length,
-            className: "text-center p-4 text-muted-foreground",
-            role: "cell"
-          },
-          emptyMessage
-        )
-      ) : sortedData.map(
-        (row, rowIndex) => React40.createElement(
+  return React41.createElement(
+    "div",
+    { className: "relative w-full overflow-auto" },
+    React41.createElement(
+      "table",
+      {
+        className: cn(tableVariants(), className),
+        role: "table"
+      },
+      // thead
+      React41.createElement(
+        "thead",
+        null,
+        // Header row
+        React41.createElement(
           "tr",
-          {
-            key: rowIndex,
-            ...api.getRowProps(row, rowIndex),
-            className: rowVariants()
-          },
-          ...columns.map(
-            (col) => React40.createElement(
-              "td",
+          { role: "row" },
+          ...columns.map((col) => {
+            const headerProps = api.getHeaderProps(col);
+            return React41.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.createElement("span", { "aria-hidden": true }, sortDir === "asc" ? " \u2191" : " \u2193") : null
+            );
+          })
+        ),
+        // Filter row
+        hasFilterable ? React41.createElement(
+          "tr",
+          { role: "row", "data-filter-row": "true" },
+          ...columns.map(
+            (col) => React41.createElement(
+              "th",
+              { key: `filter-${col.id}` },
+              col.filterable ? React41.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.createElement(
+        "tbody",
+        null,
+        sortedData.length === 0 ? React41.createElement(
+          "tr",
+          { role: "row" },
+          React41.createElement(
+            "td",
+            {
+              colSpan: columns.length,
+              className: "text-center p-4 text-muted-foreground",
+              role: "cell"
+            },
+            emptyMessage
+          )
+        ) : sortedData.map(
+          (row, rowIndex) => React41.createElement(
+            "tr",
+            {
+              key: rowIndex,
+              ...api.getRowProps(row, rowIndex),
+              className: rowVariants()
+            },
+            ...columns.map(
+              (col) => React41.createElement(
+                "td",
+                {
+                  key: col.id,
+                  ...api.getCellProps(col, row),
+                  className: cellVariants()
+                },
+                String(col.accessor(row) ?? "")
+              )
             )
           )
         )
@@ -2641,7 +3103,7 @@ function DeviceFrame({
   children
 }) {
   const api = createDeviceFrame({ device, orientation });
-  return React40.createElement(
+  return React41.createElement(
     "div",
     {
       className: cn(deviceFrameVariants({ device, orientation }), className),
@@ -2653,13 +3115,13 @@ function DeviceFrame({
       ...api.dataAttributes
     },
     // Notch decoration
-    api.dimensions.notch ? React40.createElement("div", {
+    api.dimensions.notch ? React41.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.createElement(
+    React41.createElement(
       "div",
       {
         className: "relative w-full h-full overflow-hidden bg-white",
@@ -2668,7 +3130,7 @@ function DeviceFrame({
       children
     ),
     // Home indicator decoration
-    api.dimensions.homeIndicator ? React40.createElement("div", {
+    api.dimensions.homeIndicator ? React41.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"
@@ -2757,9 +3219,9 @@ var dialogContentVariants = cva({
 });
 
 // ../react-dialog/dist/index.js
-var DialogContext = React40.createContext(null);
+var DialogContext = React41.createContext(null);
 function useDialogContext() {
-  const ctx = React40.useContext(DialogContext);
+  const ctx = React41.useContext(DialogContext);
   if (!ctx) {
     throw new Error("Dialog compound components must be used within <Dialog>");
   }
@@ -2772,10 +3234,10 @@ function Dialog({
   modal = true,
   children
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React40.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React41.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React40.useCallback(
+  const handleOpenChange = React41.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -2784,12 +3246,12 @@ function Dialog({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React40.useRef(null);
+  const apiRef = React41.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createDialog({ open, modal });
   }
   const api = apiRef.current;
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -2800,17 +3262,17 @@ function Dialog({
     }),
     [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description]
   );
-  return React40.createElement(DialogContext.Provider, { value: ctx }, children);
+  return React41.createElement(DialogContext.Provider, { value: ctx }, children);
 }
 Dialog.displayName = "Dialog";
-var DialogTrigger = React40.forwardRef(
+var DialogTrigger = React41.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDialogContext();
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
     };
-    return React40.createElement(
+    return React41.createElement(
       "button",
       {
         ref,
@@ -2826,7 +3288,7 @@ var DialogTrigger = React40.forwardRef(
   }
 );
 DialogTrigger.displayName = "DialogTrigger";
-var DialogOverlay = React40.forwardRef(
+var DialogOverlay = React41.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { open, onOpenChange } = useDialogContext();
     if (!open) return null;
@@ -2836,7 +3298,7 @@ var DialogOverlay = React40.forwardRef(
       }
       onClick?.(e);
     };
-    return React40.createElement("div", {
+    return React41.createElement("div", {
       ref,
       className: cn(overlayStyles, className),
       "data-state": open ? "open" : "closed",
@@ -2846,10 +3308,10 @@ var DialogOverlay = React40.forwardRef(
   }
 );
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React40.forwardRef(
+var DialogContent = React41.forwardRef(
   ({ className, children, onKeyDown, ...props }, ref) => {
     const { open, onOpenChange, modal, contentId, titleId, descriptionId } = useDialogContext();
-    React40.useMemo(
+    React41.useMemo(
       () => createDialog({ open, modal }),
       [open, modal]
     );
@@ -2864,7 +3326,7 @@ var DialogContent = React40.forwardRef(
       onKeyDown?.(e);
     };
     if (!open) return null;
-    const content = React40.createElement(
+    const content = React41.createElement(
       "div",
       {
         ref,
@@ -2887,9 +3349,9 @@ var DialogContent = React40.forwardRef(
   }
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React40.forwardRef(
+var DialogHeader = React41.forwardRef(
   ({ className, ...props }, ref) => {
-    return React40.createElement("div", {
+    return React41.createElement("div", {
       ref,
       className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
       ...props
@@ -2897,9 +3359,9 @@ var DialogHeader = React40.forwardRef(
   }
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React40.forwardRef(
+var DialogFooter = React41.forwardRef(
   ({ className, ...props }, ref) => {
-    return React40.createElement("div", {
+    return React41.createElement("div", {
       ref,
       className: cn(
         "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
@@ -2910,10 +3372,10 @@ var DialogFooter = React40.forwardRef(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React40.forwardRef(
+var DialogTitle = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const { titleId } = useDialogContext();
-    return React40.createElement("h2", {
+    return React41.createElement("h2", {
       ref,
       id: titleId,
       className: cn("text-lg font-semibold leading-none tracking-tight", className),
@@ -2922,9 +3384,9 @@ var DialogTitle = React40.forwardRef(
   }
 );
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React40.forwardRef(({ className, ...props }, ref) => {
+var DialogDescription = React41.forwardRef(({ className, ...props }, ref) => {
   const { descriptionId } = useDialogContext();
-  return React40.createElement("p", {
+  return React41.createElement("p", {
     ref,
     id: descriptionId,
     className: cn("text-sm text-muted-foreground", className),
@@ -2932,14 +3394,14 @@ var DialogDescription = React40.forwardRef(({ className, ...props }, ref) => {
   });
 });
 DialogDescription.displayName = "DialogDescription";
-var DialogClose = React40.forwardRef(
+var DialogClose = React41.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { onOpenChange } = useDialogContext();
     const handleClick = (e) => {
       onOpenChange(false);
       onClick?.(e);
     };
-    return React40.createElement(
+    return React41.createElement(
       "button",
       {
         ref,
@@ -3044,9 +3506,9 @@ var menuItemVariants = cva({
 });
 
 // ../react-dropdown-menu/dist/index.js
-var DropdownMenuContext = React40.createContext(null);
+var DropdownMenuContext = React41.createContext(null);
 function useDropdownMenuContext() {
-  const ctx = React40.useContext(DropdownMenuContext);
+  const ctx = React41.useContext(DropdownMenuContext);
   if (!ctx) {
     throw new Error("DropdownMenu compound components must be used within <DropdownMenu>");
   }
@@ -3058,10 +3520,10 @@ function DropdownMenu({
   onOpenChange,
   children
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React40.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React41.useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const handleOpenChange = React40.useCallback(
+  const handleOpenChange = React41.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -3070,12 +3532,12 @@ function DropdownMenu({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React40.useRef(null);
+  const apiRef = React41.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createDropdownMenu({ open });
   }
   const api = apiRef.current;
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
@@ -3083,17 +3545,17 @@ function DropdownMenu({
     }),
     [open, handleOpenChange, api.ids.content]
   );
-  return React40.createElement(DropdownMenuContext.Provider, { value: ctx }, children);
+  return React41.createElement(DropdownMenuContext.Provider, { value: ctx }, children);
 }
 DropdownMenu.displayName = "DropdownMenu";
-var DropdownMenuTrigger = React40.forwardRef(
+var DropdownMenuTrigger = React41.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDropdownMenuContext();
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
     };
-    return React40.createElement(
+    return React41.createElement(
       "button",
       {
         ref,
@@ -3109,7 +3571,7 @@ var DropdownMenuTrigger = React40.forwardRef(
   }
 );
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
-var DropdownMenuContent = React40.forwardRef(
+var DropdownMenuContent = React41.forwardRef(
   ({ className, children, onKeyDown, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDropdownMenuContext();
     const handleKeyDown = (e) => {
@@ -3123,7 +3585,7 @@ var DropdownMenuContent = React40.forwardRef(
       onKeyDown?.(e);
     };
     if (!open) return null;
-    const content = React40.createElement(
+    const content = React41.createElement(
       "div",
       {
         ref,
@@ -3144,7 +3606,7 @@ var DropdownMenuContent = React40.forwardRef(
   }
 );
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = React40.forwardRef(
+var DropdownMenuItem = React41.forwardRef(
   ({ className, disabled, onSelect, onClick, children, ...props }, ref) => {
     const { onOpenChange } = useDropdownMenuContext();
     const handleClick = (e) => {
@@ -3161,7 +3623,7 @@ var DropdownMenuItem = React40.forwardRef(
         onOpenChange(false);
       }
     };
-    return React40.createElement(
+    return React41.createElement(
       "div",
       {
         ref,
@@ -3179,9 +3641,9 @@ var DropdownMenuItem = React40.forwardRef(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = React40.forwardRef(
+var DropdownMenuSeparator = React41.forwardRef(
   ({ className, ...props }, ref) => {
-    return React40.createElement("div", {
+    return React41.createElement("div", {
       ref,
       role: "separator",
       className: cn("-mx-1 my-1 h-px bg-muted", className),
@@ -3190,9 +3652,9 @@ var DropdownMenuSeparator = React40.forwardRef(
   }
 );
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var DropdownMenuLabel = React40.forwardRef(
+var DropdownMenuLabel = React41.forwardRef(
   ({ className, ...props }, ref) => {
-    return React40.createElement("div", {
+    return React41.createElement("div", {
       ref,
       className: cn("px-2 py-1.5 text-sm font-semibold", className),
       ...props
@@ -3304,15 +3766,15 @@ function FeedbackDialog({
   type = "general",
   className
 }) {
-  const [open, setOpen] = React40.useState(controlledOpen ?? false);
-  const [comment, setComment] = React40.useState("");
-  const [email, setEmail] = React40.useState("");
-  const [honeypot, setHoneypot] = React40.useState("");
-  const [isSubmitting, setIsSubmitting] = React40.useState(false);
-  const [isSubmitted, setIsSubmitted] = React40.useState(false);
+  const [open, setOpen] = React41.useState(controlledOpen ?? false);
+  const [comment, setComment] = React41.useState("");
+  const [email, setEmail] = React41.useState("");
+  const [honeypot, setHoneypot] = React41.useState("");
+  const [isSubmitting, setIsSubmitting] = React41.useState(false);
+  const [isSubmitted, setIsSubmitted] = React41.useState(false);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : open;
-  const handleOpenChange = React40.useCallback(
+  const handleOpenChange = React41.useCallback(
     (next) => {
       if (!isControlled) {
         setOpen(next);
@@ -3321,11 +3783,11 @@ function FeedbackDialog({
     },
     [isControlled, onOpenChange]
   );
-  const apiRef = React40.useRef(null);
+  const apiRef = React41.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createFeedbackDialog({ open: isOpen, onOpenChange: handleOpenChange, onSubmit, type });
   }
-  const handleSubmit = React40.useCallback(async () => {
+  const handleSubmit = React41.useCallback(async () => {
     if (honeypot) return;
     if (!comment.trim()) return;
     setIsSubmitting(true);
@@ -3342,7 +3804,7 @@ function FeedbackDialog({
       setIsSubmitting(false);
     }
   }, [comment, email, honeypot, type, onSubmit]);
-  const handleReset = React40.useCallback(() => {
+  const handleReset = React41.useCallback(() => {
     setComment("");
     setEmail("");
     setHoneypot("");
@@ -3352,15 +3814,15 @@ function FeedbackDialog({
   if (!isOpen) return null;
   const api = apiRef.current;
   if (isSubmitted) {
-    return React40.createElement(
+    return React41.createElement(
       "div",
       {
         className: cn(feedbackDialogVariants({ type }), className),
         ...api.ariaProps,
         "data-state": "submitted"
       },
-      React40.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
-      React40.createElement(
+      React41.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
+      React41.createElement(
         "button",
         {
           type: "button",
@@ -3373,22 +3835,22 @@ function FeedbackDialog({
       )
     );
   }
-  return React40.createElement(
+  return React41.createElement(
     "div",
     {
       className: cn(feedbackDialogVariants({ type }), className),
       ...api.ariaProps,
       "data-state": "open"
     },
-    React40.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
-    React40.createElement("textarea", {
+    React41.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
+    React41.createElement("textarea", {
       "aria-label": "Feedback comment",
       value: comment,
       onChange: (e) => setComment(e.target.value),
       placeholder: "Your feedback...",
       disabled: isSubmitting
     }),
-    React40.createElement("input", {
+    React41.createElement("input", {
       type: "email",
       "aria-label": "Email",
       value: email,
@@ -3397,7 +3859,7 @@ function FeedbackDialog({
       disabled: isSubmitting
     }),
     // Honeypot field — hidden from real users
-    React40.createElement("input", {
+    React41.createElement("input", {
       type: "text",
       "aria-hidden": true,
       tabIndex: -1,
@@ -3407,7 +3869,7 @@ function FeedbackDialog({
       autoComplete: "off",
       name: "website"
     }),
-    React40.createElement(
+    React41.createElement(
       "button",
       {
         type: "button",
@@ -3419,9 +3881,9 @@ function FeedbackDialog({
   );
 }
 FeedbackDialog.displayName = "FeedbackDialog";
-var FeedbackButton = React40.forwardRef(
+var FeedbackButton = React41.forwardRef(
   ({ children, ...props }, ref) => {
-    return React40.createElement(
+    return React41.createElement(
       "button",
       {
         ref,
@@ -3448,7 +3910,7 @@ function createFooter(props = {}) {
 var footerVariants = cva({
   base: "border-t bg-background py-8"
 });
-var Footer = React40.forwardRef(
+var Footer = React41.forwardRef(
   ({
     copyright,
     socialLinks = [],
@@ -3586,34 +4048,34 @@ function InlineEditor({
   onCancel,
   className
 }) {
-  const [isEditing, setIsEditing] = React40.useState(false);
-  const [editValue, setEditValue] = React40.useState(initialValue);
-  const apiRef = React40.useRef(null);
+  const [isEditing, setIsEditing] = React41.useState(false);
+  const [editValue, setEditValue] = React41.useState(initialValue);
+  const apiRef = React41.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createInlineEditor({ value: initialValue, onSave, onCancel });
   }
   const api = apiRef.current;
-  const handleStartEditing = React40.useCallback(() => {
+  const handleStartEditing = React41.useCallback(() => {
     setIsEditing(true);
     setEditValue(initialValue);
   }, [initialValue]);
-  const handleCancel = React40.useCallback(() => {
+  const handleCancel = React41.useCallback(() => {
     setIsEditing(false);
     setEditValue(initialValue);
     onCancel?.();
   }, [initialValue, onCancel]);
-  const handleSave = React40.useCallback(() => {
+  const handleSave = React41.useCallback(() => {
     setIsEditing(false);
     onSave?.(editValue);
   }, [editValue, onSave]);
-  const handleInsert = React40.useCallback(
+  const handleInsert = React41.useCallback(
     (syntax) => {
       setEditValue((prev) => prev + syntax);
     },
     []
   );
   if (!isEditing) {
-    return React40.createElement(
+    return React41.createElement(
       "div",
       {
         className: cn(editorVariants({ state: "viewing" }), className),
@@ -3628,20 +4090,20 @@ function InlineEditor({
           }
         }
       },
-      React40.createElement("div", { className: previewVariants() }, editValue || initialValue)
+      React41.createElement("div", { className: previewVariants() }, editValue || initialValue)
     );
   }
-  return React40.createElement(
+  return React41.createElement(
     "div",
     {
       className: cn(editorVariants({ state: "editing" }), className)
     },
     // Toolbar
-    React40.createElement(
+    React41.createElement(
       "div",
       { className: toolbarVariants(), role: "toolbar", "aria-label": "Formatting toolbar" },
       ...api.toolbarActions.map(
-        (action) => React40.createElement(
+        (action) => React41.createElement(
           "button",
           {
             key: action.name,
@@ -3655,16 +4117,16 @@ function InlineEditor({
       )
     ),
     // Editor area: side-by-side textarea + preview
-    React40.createElement(
+    React41.createElement(
       "div",
       { className: "flex gap-2 p-2" },
-      React40.createElement("textarea", {
+      React41.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.createElement(
+      React41.createElement(
         "div",
         {
           className: cn("flex-1", previewVariants()),
@@ -3674,15 +4136,15 @@ function InlineEditor({
       )
     ),
     // Action buttons
-    React40.createElement(
+    React41.createElement(
       "div",
       { className: "flex justify-end gap-2 p-2 border-t" },
-      React40.createElement(
+      React41.createElement(
         "button",
         { type: "button", onClick: handleCancel },
         "Cancel"
       ),
-      React40.createElement(
+      React41.createElement(
         "button",
         { type: "button", onClick: handleSave },
         "Save"
@@ -3738,7 +4200,7 @@ var inputVariants = cva({
     size: "default"
   }
 });
-var Input = React40.forwardRef(
+var Input = React41.forwardRef(
   ({ type = "text", size, className, disabled, readOnly, required, "aria-invalid": ariaInvalid, ...props }, ref) => {
     const api = createInput({
       disabled,
@@ -3831,7 +4293,7 @@ var inputGroupButtonVariants = cva({
     orientation: "horizontal"
   }
 });
-var InputGroup = React40.forwardRef(
+var InputGroup = React41.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     const api = createInputGroup({
       orientation,
@@ -3853,7 +4315,7 @@ var InputGroup = React40.forwardRef(
   }
 );
 InputGroup.displayName = "InputGroup";
-var InputGroupAddon = React40.forwardRef(
+var InputGroupAddon = React41.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -3867,7 +4329,7 @@ var InputGroupAddon = React40.forwardRef(
   }
 );
 InputGroupAddon.displayName = "InputGroupAddon";
-var InputGroupText = React40.forwardRef(
+var InputGroupText = React41.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -3881,7 +4343,7 @@ var InputGroupText = React40.forwardRef(
   }
 );
 InputGroupText.displayName = "InputGroupText";
-var InputGroupButton = React40.forwardRef(
+var InputGroupButton = React41.forwardRef(
   ({ orientation = "horizontal", className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "button",
@@ -3947,7 +4409,7 @@ function createLocalStorage() {
     }
   };
 }
-var InstallPrompt = React40.forwardRef(
+var InstallPrompt = React41.forwardRef(
   ({
     delay = 3e3,
     storageKey,
@@ -3957,14 +4419,14 @@ var InstallPrompt = React40.forwardRef(
     className,
     ...props
   }, ref) => {
-    const storageRef = React40.useRef(void 0);
+    const storageRef = React41.useRef(void 0);
     if (typeof window !== "undefined" && !storageRef.current) {
       storageRef.current = createLocalStorage();
     }
     const api = createInstallPrompt({ storageKey }, storageRef.current);
-    const [visible, setVisible] = React40.useState(false);
-    const promptEventRef = React40.useRef(null);
-    React40.useEffect(() => {
+    const [visible, setVisible] = React41.useState(false);
+    const promptEventRef = React41.useRef(null);
+    React41.useEffect(() => {
       if (api.state.isDismissed) return;
       const handleBeforeInstall = (e) => {
         e.preventDefault();
@@ -4205,7 +4667,7 @@ function sanitizeHtml(html) {
   sanitized = sanitized.replace(/(href|src)\s*=\s*["']?\s*javascript\s*:[^"'>]*/gi, '$1=""');
   return sanitized;
 }
-var MarkdownRenderer = React40.forwardRef(
+var MarkdownRenderer = React41.forwardRef(
   ({ content, components, linkResolver, className, size }, ref) => {
     const coreProps = { content, components, linkResolver };
     const api = createMarkdownRenderer(coreProps);
@@ -4294,20 +4756,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.createContext(null);
+var MobileNavContext = React41.createContext(null);
 function useMobileNavContext() {
-  const ctx = React40.useContext(MobileNavContext);
+  const ctx = React41.useContext(MobileNavContext);
   if (!ctx) {
     throw new Error("MobileNav compound components must be used within <MobileNav>");
   }
   return ctx;
 }
-var MobileNav = React40.forwardRef(
+var MobileNav = React41.forwardRef(
   ({ open: controlledOpen, onOpenChange, defaultOpen = false, className, children, ...props }, ref) => {
-    const [uncontrolledOpen, setUncontrolledOpen] = React40.useState(defaultOpen);
+    const [uncontrolledOpen, setUncontrolledOpen] = React41.useState(defaultOpen);
     const isControlled = controlledOpen !== void 0;
     const open = isControlled ? controlledOpen : uncontrolledOpen;
-    const setOpen = React40.useCallback(
+    const setOpen = React41.useCallback(
       (value) => {
         if (!isControlled) {
           setUncontrolledOpen(value);
@@ -4317,11 +4779,11 @@ var MobileNav = React40.forwardRef(
       [isControlled, onOpenChange]
     );
     const api = createMobileNav({ open, onOpenChange: setOpen, id: props.id });
-    const handleKeyDown = React40.useMemo(
+    const handleKeyDown = React41.useMemo(
       () => createKeyboardHandler(api.keyboardHandlers),
       [open]
     );
-    const contextValue = React40.useMemo(
+    const contextValue = React41.useMemo(
       () => ({ open, setOpen, contentId: api.contentProps.id }),
       [open, setOpen, api.contentProps.id]
     );
@@ -4338,7 +4800,7 @@ var MobileNav = React40.forwardRef(
   }
 );
 MobileNav.displayName = "MobileNav";
-var MobileNavTrigger = React40.forwardRef(
+var MobileNavTrigger = React41.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { open, setOpen, contentId } = useMobileNavContext();
     return /* @__PURE__ */ jsx(
@@ -4379,7 +4841,7 @@ var MobileNavTrigger = React40.forwardRef(
   }
 );
 MobileNavTrigger.displayName = "MobileNavTrigger";
-var MobileNavContent = React40.forwardRef(
+var MobileNavContent = React41.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { open, contentId } = useMobileNavContext();
     const state = open ? "open" : "closed";
@@ -4398,7 +4860,7 @@ var MobileNavContent = React40.forwardRef(
   }
 );
 MobileNavContent.displayName = "MobileNavContent";
-var MobileNavLink = React40.forwardRef(
+var MobileNavLink = React41.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "a",
@@ -4457,7 +4919,7 @@ var navLinkVariants = cva({
     active: "false"
   }
 });
-var Navbar = React40.forwardRef(
+var Navbar = React41.forwardRef(
   ({
     links = [],
     currentPath,
@@ -4552,19 +5014,19 @@ var popoverContentVariants = cva({
     side: "bottom"
   }
 });
-var PopoverContext = React40.createContext(null);
+var PopoverContext = React41.createContext(null);
 function usePopoverContext() {
-  const ctx = React40.useContext(PopoverContext);
+  const ctx = React41.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.useState(controlledOpen ?? defaultOpen);
+  const [internalOpen, setInternalOpen] = React41.useState(controlledOpen ?? defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
-  const handleOpenChange = React40.useCallback(
+  const handleOpenChange = React41.useCallback(
     (value) => {
       if (!isControlled) {
         setInternalOpen(value);
@@ -4573,18 +5035,18 @@ function Popover({ open: controlledOpen, defaultOpen = false, onOpenChange, plac
     },
     [isControlled, onOpenChange]
   );
-  const api = React40.useMemo(
+  const api = React41.useMemo(
     () => createPopover({ open: isOpen, onOpenChange: handleOpenChange, placement }),
     [isOpen, handleOpenChange, placement]
   );
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({ api, open: isOpen, setOpen: handleOpenChange }),
     [api, isOpen, handleOpenChange]
   );
-  return React40.createElement(PopoverContext.Provider, { value: ctx }, children);
+  return React41.createElement(PopoverContext.Provider, { value: ctx }, children);
 }
 Popover.displayName = "Popover";
-var PopoverTrigger = React40.forwardRef(
+var PopoverTrigger = React41.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { api, setOpen, open } = usePopoverContext();
     const handleClick = (e) => {
@@ -4607,7 +5069,7 @@ var PopoverTrigger = React40.forwardRef(
   }
 );
 PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverContent = React40.forwardRef(
+var PopoverContent = React41.forwardRef(
   ({ side, className, children, onKeyDown, ...props }, ref) => {
     const { api, open, setOpen } = usePopoverContext();
     const handleKeyDown = (e) => {
@@ -4636,7 +5098,7 @@ var PopoverContent = React40.forwardRef(
   }
 );
 PopoverContent.displayName = "PopoverContent";
-var PopoverClose = React40.forwardRef(
+var PopoverClose = React41.forwardRef(
   ({ onClick, children, ...props }, ref) => {
     const { setOpen } = usePopoverContext();
     const handleClick = (e) => {
@@ -4757,9 +5219,9 @@ var searchResultVariants = cva({
 });
 
 // ../react-search-bar/dist/index.js
-var SearchBarContext = React40.createContext(null);
+var SearchBarContext = React41.createContext(null);
 function useSearchBarContext() {
-  const ctx = React40.useContext(SearchBarContext);
+  const ctx = React41.useContext(SearchBarContext);
   if (!ctx) {
     throw new Error("SearchBar compound components must be used within <SearchBar>");
   }
@@ -4777,11 +5239,11 @@ function SearchBar({
   children,
   ...inputProps
 }) {
-  const [internalValue, setInternalValue] = React40.useState(controlledValue ?? defaultValue);
+  const [internalValue, setInternalValue] = React41.useState(controlledValue ?? defaultValue);
   const isControlled = controlledValue !== void 0;
   const currentValue = isControlled ? controlledValue : internalValue;
-  const debounceRef = React40.useRef(void 0);
-  const handleValueChange = React40.useCallback(
+  const debounceRef = React41.useRef(void 0);
+  const handleValueChange = React41.useCallback(
     (val) => {
       if (!isControlled) {
         setInternalValue(val);
@@ -4790,8 +5252,8 @@ function SearchBar({
     },
     [isControlled, onValueChange]
   );
-  const [isSearching, setIsSearching] = React40.useState(loading);
-  const handleSearch = React40.useCallback(
+  const [isSearching, setIsSearching] = React41.useState(loading);
+  const handleSearch = React41.useCallback(
     (val) => {
       if (debounceRef.current !== void 0) {
         clearTimeout(debounceRef.current);
@@ -4808,7 +5270,7 @@ function SearchBar({
     },
     [onSearch, debounceMs]
   );
-  const handleChange = React40.useCallback(
+  const handleChange = React41.useCallback(
     (e) => {
       const val = e.target.value;
       handleValueChange(val);
@@ -4816,14 +5278,14 @@ function SearchBar({
     },
     [handleValueChange, handleSearch]
   );
-  const clear = React40.useCallback(() => {
+  const clear = React41.useCallback(() => {
     if (debounceRef.current !== void 0) {
       clearTimeout(debounceRef.current);
     }
     handleValueChange("");
     setIsSearching(false);
   }, [handleValueChange]);
-  const api = React40.useMemo(
+  const api = React41.useMemo(
     () => createSearchBar({
       value: currentValue,
       onValueChange: handleValueChange,
@@ -4834,7 +5296,7 @@ function SearchBar({
     }),
     [currentValue, handleValueChange, onSearch, debounceMs, placeholder, loading]
   );
-  const handleKeyDown = React40.useCallback(
+  const handleKeyDown = React41.useCallback(
     (e) => {
       if (e.key === "Escape") {
         clear();
@@ -4848,18 +5310,18 @@ function SearchBar({
     },
     [clear, onSearch, currentValue]
   );
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({ api, value: currentValue, isSearching, setValue: handleValueChange, clear }),
     [api, currentValue, isSearching, handleValueChange, clear]
   );
-  return React40.createElement(
+  return React41.createElement(
     SearchBarContext.Provider,
     { value: ctx },
-    React40.createElement(
+    React41.createElement(
       "div",
       { className: cn(searchBarVariants(), className) },
-      React40.createElement("span", { className: "rfr-search-icon", "aria-hidden": "true" }, "\u{1F50D}"),
-      React40.createElement("input", {
+      React41.createElement("span", { className: "rfr-search-icon", "aria-hidden": "true" }, "\u{1F50D}"),
+      React41.createElement("input", {
         ...inputProps,
         role: api.inputProps.role,
         "aria-expanded": api.inputProps["aria-expanded"],
@@ -4871,8 +5333,8 @@ function SearchBar({
         onKeyDown: handleKeyDown,
         className: "rfr-search-input flex-1 bg-transparent outline-none"
       }),
-      isSearching && React40.createElement("span", { className: "rfr-search-spinner", "aria-label": "Loading" }, "\u23F3"),
-      currentValue.length > 0 && !isSearching && React40.createElement(
+      isSearching && React41.createElement("span", { className: "rfr-search-spinner", "aria-label": "Loading" }, "\u23F3"),
+      currentValue.length > 0 && !isSearching && React41.createElement(
         "button",
         {
           type: "button",
@@ -4887,11 +5349,11 @@ function SearchBar({
   );
 }
 SearchBar.displayName = "SearchBar";
-var SearchResults = React40.forwardRef(
+var SearchResults = React41.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { api, value } = useSearchBarContext();
     if (value.length === 0) return null;
-    return React40.createElement(
+    return React41.createElement(
       "ul",
       {
         ref,
@@ -4905,9 +5367,9 @@ var SearchResults = React40.forwardRef(
   }
 );
 SearchResults.displayName = "SearchResults";
-var SearchResultItem = React40.forwardRef(
+var SearchResultItem = React41.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return React40.createElement(
+    return React41.createElement(
       "li",
       {
         ref,
@@ -4968,7 +5430,7 @@ var sidebarItemVariants = cva({
     active: "false"
   }
 });
-var Sidebar = React40.forwardRef(
+var Sidebar = React41.forwardRef(
   ({
     sections = [],
     currentPath,
@@ -5038,7 +5500,7 @@ var skeletonVariants = cva({
 });
 
 // ../react-skeleton/dist/index.js
-var Skeleton = React40.forwardRef(
+var Skeleton = React41.forwardRef(
   ({ shape, width, height, animate, className, style, ...props }, ref) => {
     const api = createSkeleton({ shape, animate });
     const classes = cn(skeletonVariants({ shape }), className);
@@ -5047,7 +5509,7 @@ var Skeleton = React40.forwardRef(
       ...width !== void 0 ? { width } : {},
       ...height !== void 0 ? { height } : {}
     };
-    return React40.createElement("div", {
+    return React41.createElement("div", {
       ref,
       className: classes,
       style: Object.keys(mergedStyle).length > 0 ? mergedStyle : void 0,
@@ -5059,13 +5521,13 @@ var Skeleton = React40.forwardRef(
 );
 Skeleton.displayName = "Skeleton";
 var lineWidths = ["100%", "92%", "85%", "96%", "78%", "88%", "94%", "82%"];
-var SkeletonText = React40.forwardRef(
+var SkeletonText = React41.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.createElement(Skeleton, {
+        React41.createElement(Skeleton, {
           key: i,
           shape: "text",
           width,
@@ -5073,7 +5535,7 @@ var SkeletonText = React40.forwardRef(
         })
       );
     }
-    return React40.createElement(
+    return React41.createElement(
       "div",
       {
         ref,
@@ -5174,16 +5636,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.createContext(null);
+var TabsContext = React41.createContext(null);
 function useTabsContext() {
-  const ctx = React40.useContext(TabsContext);
+  const ctx = React41.useContext(TabsContext);
   if (!ctx) {
     throw new Error("Tabs compound components must be used within <Tabs>");
   }
@@ -5197,10 +5659,10 @@ function Tabs({
   className,
   children
 }) {
-  const [uncontrolledValue, setUncontrolledValue] = React40.useState(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = React41.useState(defaultValue);
   const isControlled = controlledValue !== void 0;
   const value = isControlled ? controlledValue : uncontrolledValue;
-  const handleValueChange = React40.useCallback(
+  const handleValueChange = React41.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledValue(next);
@@ -5209,12 +5671,12 @@ function Tabs({
     },
     [isControlled, onValueChange]
   );
-  const apiRef = React40.useRef(null);
+  const apiRef = React41.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createTabs({ value, orientation });
   }
   const api = apiRef.current;
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({
       value,
       onValueChange: handleValueChange,
@@ -5223,17 +5685,17 @@ function Tabs({
     }),
     [value, handleValueChange, orientation, api.idPrefix]
   );
-  return React40.createElement(
+  return React41.createElement(
     "div",
     { className, "data-orientation": orientation },
-    React40.createElement(TabsContext.Provider, { value: ctx }, children)
+    React41.createElement(TabsContext.Provider, { value: ctx }, children)
   );
 }
 Tabs.displayName = "Tabs";
-var TabsList = React40.forwardRef(
+var TabsList = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useTabsContext();
-    return React40.createElement("div", {
+    return React41.createElement("div", {
       ref,
       role: "tablist",
       "aria-orientation": orientation,
@@ -5243,7 +5705,7 @@ var TabsList = React40.forwardRef(
   }
 );
 TabsList.displayName = "TabsList";
-var TabsTrigger = React40.forwardRef(
+var TabsTrigger = React41.forwardRef(
   ({ value, className, onClick, onKeyDown, children, ...props }, ref) => {
     const { value: activeValue, onValueChange, orientation, idPrefix } = useTabsContext();
     const isSelected = activeValue === value;
@@ -5256,7 +5718,7 @@ var TabsTrigger = React40.forwardRef(
     const handleKeyDown = (e) => {
       onKeyDown?.(e);
     };
-    return React40.createElement(
+    return React41.createElement(
       "button",
       {
         ref,
@@ -5277,14 +5739,14 @@ var TabsTrigger = React40.forwardRef(
   }
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React40.forwardRef(
+var TabsContent = React41.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.createElement(
+    return React41.createElement(
       "div",
       {
         ref,
@@ -5348,7 +5810,7 @@ var textareaVariants = cva({
     size: "default"
   }
 });
-var Textarea = React40.forwardRef(
+var Textarea = React41.forwardRef(
   ({ size, className, disabled, readOnly, required, rows, maxRows, "aria-invalid": ariaInvalid, ...props }, ref) => {
     const api = createTextarea({
       disabled,
@@ -5505,30 +5967,30 @@ var toastVariants = cva({
 });
 
 // ../react-toast/dist/index.js
-var ToastContext = React40.createContext(null);
+var ToastContext = React41.createContext(null);
 function useToastContext() {
-  const ctx = React40.useContext(ToastContext);
+  const ctx = React41.useContext(ToastContext);
   if (!ctx) {
     throw new Error("useToast must be used within a <ToastProvider>");
   }
   return ctx;
 }
 function ToastProvider({ children }) {
-  const managerRef = React40.useRef(null);
+  const managerRef = React41.useRef(null);
   if (managerRef.current === null) {
     managerRef.current = createToastManager();
   }
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({ manager: managerRef.current }),
     []
   );
-  return React40.createElement(ToastContext.Provider, { value: ctx }, children);
+  return React41.createElement(ToastContext.Provider, { value: ctx }, children);
 }
 ToastProvider.displayName = "ToastProvider";
 function useToast() {
   const { manager } = useToastContext();
-  const [toasts, setToasts] = React40.useState(manager.toasts);
-  React40.useEffect(() => {
+  const [toasts, setToasts] = React41.useState(manager.toasts);
+  React41.useEffect(() => {
     setToasts(manager.toasts);
     const unsub = manager.subscribe(setToasts);
     return unsub;
@@ -5539,13 +6001,13 @@ function useToast() {
     toasts
   };
 }
-var Toast = React40.forwardRef(
+var Toast = React41.forwardRef(
   ({ entry, onDismiss, className, children, onMouseEnter, onMouseLeave, ...props }, ref) => {
-    const api = React40.useMemo(
+    const api = React41.useMemo(
       () => createToast({ variant: entry.variant, duration: entry.duration }),
       [entry.variant, entry.duration]
     );
-    React40.useEffect(() => {
+    React41.useEffect(() => {
       api.startTimer();
       return () => api.pauseTimer();
     }, [api]);
@@ -5557,7 +6019,7 @@ var Toast = React40.forwardRef(
       api.resumeTimer();
       onMouseLeave?.(e);
     };
-    return React40.createElement(
+    return React41.createElement(
       "div",
       {
         ref,
@@ -5567,9 +6029,9 @@ var Toast = React40.forwardRef(
         onMouseLeave: handleMouseLeave,
         ...props
       },
-      React40.createElement("div", { className: "flex-1" }, entry.message),
+      React41.createElement("div", { className: "flex-1" }, entry.message),
       children,
-      onDismiss && React40.createElement(
+      onDismiss && React41.createElement(
         "button",
         {
           type: "button",
@@ -5583,10 +6045,10 @@ var Toast = React40.forwardRef(
   }
 );
 Toast.displayName = "Toast";
-var Toaster = React40.forwardRef(
+var Toaster = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const { toasts, dismiss } = useToast();
-    return React40.createElement(
+    return React41.createElement(
       "div",
       {
         ref,
@@ -5597,7 +6059,7 @@ var Toaster = React40.forwardRef(
         ...props
       },
       toasts.map(
-        (entry) => React40.createElement(Toast, {
+        (entry) => React41.createElement(Toast, {
           key: entry.id,
           entry,
           onDismiss: dismiss
@@ -5684,9 +6146,9 @@ var tooltipContentVariants = cva({
     side: "top"
   }
 });
-var TooltipContext = React40.createContext(null);
+var TooltipContext = React41.createContext(null);
 function useTooltipContext() {
-  const ctx = React40.useContext(TooltipContext);
+  const ctx = React41.useContext(TooltipContext);
   if (!ctx) {
     throw new Error("Tooltip compound components must be used within <Tooltip>");
   }
@@ -5700,11 +6162,11 @@ function Tooltip({
   delayDuration = 300,
   children
 }) {
-  const [internalOpen, setInternalOpen] = React40.useState(controlledOpen ?? defaultOpen);
+  const [internalOpen, setInternalOpen] = React41.useState(controlledOpen ?? defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
-  const timerRef = React40.useRef(null);
-  const handleOpenChange = React40.useCallback(
+  const timerRef = React41.useRef(null);
+  const handleOpenChange = React41.useCallback(
     (value) => {
       if (!isControlled) {
         setInternalOpen(value);
@@ -5713,17 +6175,17 @@ function Tooltip({
     },
     [isControlled, onOpenChange]
   );
-  const api = React40.useMemo(
+  const api = React41.useMemo(
     () => createTooltip({ open: isOpen, onOpenChange: handleOpenChange, placement, delayDuration }),
     [isOpen, handleOpenChange, placement, delayDuration]
   );
-  const cancelDelay = React40.useCallback(() => {
+  const cancelDelay = React41.useCallback(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const openWithDelay = React40.useCallback(() => {
+  const openWithDelay = React41.useCallback(() => {
     cancelDelay();
     if (delayDuration <= 0) {
       handleOpenChange(true);
@@ -5734,21 +6196,21 @@ function Tooltip({
       timerRef.current = null;
     }, delayDuration);
   }, [cancelDelay, delayDuration, handleOpenChange]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     return () => {
       if (timerRef.current !== null) {
         clearTimeout(timerRef.current);
       }
     };
   }, []);
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({ api, open: isOpen, setOpen: handleOpenChange, openWithDelay, cancelDelay }),
     [api, isOpen, handleOpenChange, openWithDelay, cancelDelay]
   );
-  return React40.createElement(TooltipContext.Provider, { value: ctx }, children);
+  return React41.createElement(TooltipContext.Provider, { value: ctx }, children);
 }
 Tooltip.displayName = "Tooltip";
-var TooltipTrigger = React40.forwardRef(
+var TooltipTrigger = React41.forwardRef(
   ({ onMouseEnter, onMouseLeave, onFocus, onBlur, children, ...props }, ref) => {
     const { api, setOpen, openWithDelay, cancelDelay } = useTooltipContext();
     const handleMouseEnter = (e) => {
@@ -5785,7 +6247,7 @@ var TooltipTrigger = React40.forwardRef(
   }
 );
 TooltipTrigger.displayName = "TooltipTrigger";
-var TooltipContent = React40.forwardRef(
+var TooltipContent = React41.forwardRef(
   ({ side, className, children, ...props }, ref) => {
     const { api, open } = useTooltipContext();
     if (!open) return null;
@@ -5905,7 +6367,7 @@ var overlayVariants = cva({
     visibility: "visible"
   }
 });
-var VideoPlayer = React40.forwardRef(
+var VideoPlayer = React41.forwardRef(
   ({
     src,
     poster,
@@ -5915,9 +6377,9 @@ var VideoPlayer = React40.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [, setTick] = React40.useState(0);
-    const rerender = React40.useCallback(() => setTick((t) => t + 1), []);
-    const apiRef = React40.useRef(
+    const [, setTick] = React41.useState(0);
+    const rerender = React41.useCallback(() => setTick((t) => t + 1), []);
+    const apiRef = React41.useRef(
       createVideoPlayer({ muted: initialMuted})
     );
     const api = apiRef.current;
@@ -6084,7 +6546,7 @@ var progressBarVariants = cva({
     size: "md"
   }
 });
-var StatsGrid = React40.forwardRef(
+var StatsGrid = React41.forwardRef(
   ({ stats, badges = [], className, ...props }, ref) => {
     const api = createProgressDisplay({ stats, badges });
     return /* @__PURE__ */ jsx(
@@ -6113,7 +6575,7 @@ var StatsGrid = React40.forwardRef(
   }
 );
 StatsGrid.displayName = "StatsGrid";
-var ProgressBar = React40.forwardRef(
+var ProgressBar = React41.forwardRef(
   ({ value, max = 100, size, className, ...props }, ref) => {
     const percent = Math.min(100, Math.max(0, value / max * 100));
     return /* @__PURE__ */ jsx(
@@ -6138,7 +6600,7 @@ var ProgressBar = React40.forwardRef(
   }
 );
 ProgressBar.displayName = "ProgressBar";
-var BadgeDisplay = React40.forwardRef(
+var BadgeDisplay = React41.forwardRef(
   ({ badges, className, ...props }, ref) => {
     const api = createProgressDisplay({ stats: [], badges });
     return /* @__PURE__ */ jsx(
@@ -6306,7 +6768,7 @@ var slideTypeBadgeVariants = cva({
     type: "lesson"
   }
 });
-var SlideViewer = React40.forwardRef(
+var SlideViewer = React41.forwardRef(
   ({
     slides,
     initialSlide,
@@ -6316,9 +6778,9 @@ var SlideViewer = React40.forwardRef(
     size,
     renderSlide
   }, ref) => {
-    const [, setTick] = React40.useState(0);
+    const [, setTick] = React41.useState(0);
     const rerender = () => setTick((t) => t + 1);
-    const apiRef = React40.useRef(
+    const apiRef = React41.useRef(
       createSlideViewer({ slides, initialSlide, onSlideChange, onComplete })
     );
     const api = apiRef.current;
@@ -6520,7 +6982,7 @@ var optionVariants = cva({
 });
 
 // ../react-language-selector/dist/index.js
-var LanguageSelectorContext = React40.createContext(null);
+var LanguageSelectorContext = React41.createContext(null);
 function LanguageSelector({
   value: controlledValue,
   onValueChange,
@@ -6530,10 +6992,10 @@ function LanguageSelector({
   className
 }) {
   const initialValues = Array.isArray(controlledValue) ? controlledValue : controlledValue ? [controlledValue] : [];
-  const [selectedValues, setSelectedValues] = React40.useState(initialValues);
-  const [isOpen, setIsOpen] = React40.useState(false);
-  const containerRef = React40.useRef(null);
-  const handleValueChange = React40.useCallback(
+  const [selectedValues, setSelectedValues] = React41.useState(initialValues);
+  const [isOpen, setIsOpen] = React41.useState(false);
+  const containerRef = React41.useRef(null);
+  const handleValueChange = React41.useCallback(
     (val) => {
       const arr = Array.isArray(val) ? val : [val];
       setSelectedValues(arr);
@@ -6541,7 +7003,7 @@ function LanguageSelector({
     },
     [onValueChange]
   );
-  const api = React40.useMemo(
+  const api = React41.useMemo(
     () => createLanguageSelector({
       value: multiple ? selectedValues : selectedValues[0],
       onValueChange: handleValueChange,
@@ -6549,7 +7011,7 @@ function LanguageSelector({
     }),
     [selectedValues, handleValueChange, options, multiple]
   );
-  const handleToggle = React40.useCallback(
+  const handleToggle = React41.useCallback(
     (val) => {
       if (multiple) {
         const index = selectedValues.indexOf(val);
@@ -6564,10 +7026,10 @@ function LanguageSelector({
     },
     [multiple, selectedValues, onValueChange]
   );
-  const handleTriggerClick = React40.useCallback(() => {
+  const handleTriggerClick = React41.useCallback(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  const handleKeyDown = React40.useCallback(
+  const handleKeyDown = React41.useCallback(
     (e) => {
       if (e.key === "Escape") {
         setIsOpen(false);
@@ -6582,7 +7044,7 @@ function LanguageSelector({
     },
     [isOpen]
   );
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!isOpen) return;
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -6592,7 +7054,7 @@ function LanguageSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({
       api,
       isOpen,
@@ -6603,7 +7065,7 @@ function LanguageSelector({
     }),
     [api, isOpen, handleToggle, options, multiple]
   );
-  const grouped = React40.useMemo(() => {
+  const grouped = React41.useMemo(() => {
     const groups = /* @__PURE__ */ new Map();
     const ungrouped = [];
     for (const opt of options) {
@@ -6618,14 +7080,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.createElement(
+  return React41.createElement(
     LanguageSelectorContext.Provider,
     { value: ctx },
-    React40.createElement(
+    React41.createElement(
       "div",
       { ref: containerRef, className: cn("rfr-language-selector relative inline-block", className) },
       // Trigger
-      React40.createElement(
+      React41.createElement(
         "button",
         {
           type: "button",
@@ -6637,11 +7099,11 @@ function LanguageSelector({
           onClick: handleTriggerClick,
           onKeyDown: handleKeyDown
         },
-        React40.createElement("span", null, displayLabel),
-        React40.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
+        React41.createElement("span", null, displayLabel),
+        React41.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
       ),
       // Dropdown
-      isOpen && React40.createElement(
+      isOpen && React41.createElement(
         "ul",
         {
           role: api.contentProps.role,
@@ -6650,21 +7112,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.createElement(
+          ([group, opts]) => React41.createElement(
             "li",
             { key: group, role: "presentation" },
-            React40.createElement(
+            React41.createElement(
               "div",
               { className: "px-3 py-1 text-xs font-semibold text-muted-foreground uppercase" },
               group
             ),
-            React40.createElement(
+            React41.createElement(
               "ul",
               { role: "group", "aria-label": group },
               ...opts.map((opt) => {
                 const optProps = api.getOptionProps(opt.value);
                 const isSelected = selectedValues.includes(opt.value);
-                return React40.createElement(
+                return React41.createElement(
                   "li",
                   {
                     key: opt.value,
@@ -6672,8 +7134,8 @@ function LanguageSelector({
                     className: optionVariants({ selected: isSelected ? "true" : "false" }),
                     onClick: () => handleToggle(opt.value)
                   },
-                  isSelected && React40.createElement("span", { "aria-hidden": "true" }, "\u2713"),
-                  React40.createElement("span", null, opt.label)
+                  isSelected && React41.createElement("span", { "aria-hidden": "true" }, "\u2713"),
+                  React41.createElement("span", null, opt.label)
                 );
               })
             )
@@ -6682,7 +7144,7 @@ function LanguageSelector({
         ...grouped.ungrouped.map((opt) => {
           const optProps = api.getOptionProps(opt.value);
           const isSelected = selectedValues.includes(opt.value);
-          return React40.createElement(
+          return React41.createElement(
             "li",
             {
               key: opt.value,
@@ -6690,8 +7152,8 @@ function LanguageSelector({
               className: optionVariants({ selected: isSelected ? "true" : "false" }),
               onClick: () => handleToggle(opt.value)
             },
-            isSelected && React40.createElement("span", { "aria-hidden": "true" }, "\u2713"),
-            React40.createElement("span", null, opt.label)
+            isSelected && React41.createElement("span", { "aria-hidden": "true" }, "\u2713"),
+            React41.createElement("span", null, opt.label)
           );
         })
       )
@@ -6816,7 +7278,7 @@ var latestBadgeVariants = cva({
 });
 
 // ../react-version-selector/dist/index.js
-var VersionSelectorContext = React40.createContext(null);
+var VersionSelectorContext = React41.createContext(null);
 function VersionSelector({
   value: controlledValue,
   onValueChange,
@@ -6824,17 +7286,17 @@ function VersionSelector({
   placeholder = "Select version...",
   className
 }) {
-  const [selectedVersion, setSelectedVersion] = React40.useState(controlledValue ?? "");
-  const [isOpen, setIsOpen] = React40.useState(false);
-  const containerRef = React40.useRef(null);
-  const handleValueChange = React40.useCallback(
+  const [selectedVersion, setSelectedVersion] = React41.useState(controlledValue ?? "");
+  const [isOpen, setIsOpen] = React41.useState(false);
+  const containerRef = React41.useRef(null);
+  const handleValueChange = React41.useCallback(
     (val) => {
       setSelectedVersion(val);
       onValueChange?.(val);
     },
     [onValueChange]
   );
-  const api = React40.useMemo(
+  const api = React41.useMemo(
     () => createVersionSelector({
       value: selectedVersion,
       onValueChange: handleValueChange,
@@ -6842,7 +7304,7 @@ function VersionSelector({
     }),
     [selectedVersion, handleValueChange, versions]
   );
-  const handleSelect = React40.useCallback(
+  const handleSelect = React41.useCallback(
     (val) => {
       setSelectedVersion(val);
       onValueChange?.(val);
@@ -6850,10 +7312,10 @@ function VersionSelector({
     },
     [onValueChange]
   );
-  const handleTriggerClick = React40.useCallback(() => {
+  const handleTriggerClick = React41.useCallback(() => {
     setIsOpen((prev) => !prev);
   }, []);
-  const handleKeyDown = React40.useCallback(
+  const handleKeyDown = React41.useCallback(
     (e) => {
       if (e.key === "Escape") {
         setIsOpen(false);
@@ -6868,7 +7330,7 @@ function VersionSelector({
     },
     [isOpen]
   );
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!isOpen) return;
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -6878,7 +7340,7 @@ function VersionSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({
       api,
       isOpen,
@@ -6890,14 +7352,14 @@ function VersionSelector({
   );
   const selectedOpt = versions.find((v) => v.value === selectedVersion);
   const displayLabel = selectedOpt ? selectedOpt.label : placeholder;
-  return React40.createElement(
+  return React41.createElement(
     VersionSelectorContext.Provider,
     { value: ctx },
-    React40.createElement(
+    React41.createElement(
       "div",
       { ref: containerRef, className: cn("rfr-version-selector relative inline-block", className) },
       // Trigger
-      React40.createElement(
+      React41.createElement(
         "button",
         {
           type: "button",
@@ -6909,16 +7371,16 @@ function VersionSelector({
           onClick: handleTriggerClick,
           onKeyDown: handleKeyDown
         },
-        React40.createElement("span", null, displayLabel),
-        selectedOpt?.isLatest && React40.createElement(
+        React41.createElement("span", null, displayLabel),
+        selectedOpt?.isLatest && React41.createElement(
           "span",
           { className: cn(latestBadgeVariants(), "ml-2") },
           "Latest"
         ),
-        React40.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
+        React41.createElement("span", { "aria-hidden": "true", className: "ml-2" }, "\u25BE")
       ),
       // Dropdown
-      isOpen && React40.createElement(
+      isOpen && React41.createElement(
         "ul",
         {
           role: api.contentProps.role,
@@ -6928,7 +7390,7 @@ function VersionSelector({
         ...versions.map((ver) => {
           const optProps = api.getOptionProps(ver.value);
           const isSelected = selectedVersion === ver.value;
-          return React40.createElement(
+          return React41.createElement(
             "li",
             {
               key: ver.value,
@@ -6936,8 +7398,8 @@ function VersionSelector({
               className: optionVariants2({ selected: isSelected ? "true" : "false" }),
               onClick: () => handleSelect(ver.value)
             },
-            React40.createElement("span", null, ver.label),
-            ver.isLatest && React40.createElement(
+            React41.createElement("span", null, ver.label),
+            ver.isLatest && React41.createElement(
               "span",
               { className: latestBadgeVariants() },
               "Latest"
@@ -7080,15 +7542,15 @@ var resizablePaneVariants = cva({
     orientation: "horizontal"
   }
 });
-var ResizableLayoutContext = React40.createContext(null);
+var ResizableLayoutContext = React41.createContext(null);
 function useResizableLayoutContext() {
-  const ctx = React40.useContext(ResizableLayoutContext);
+  const ctx = React41.useContext(ResizableLayoutContext);
   if (!ctx) {
     throw new Error("Resizable compound components must be used within <ResizableLayout>");
   }
   return ctx;
 }
-var ResizableLayout = React40.forwardRef(
+var ResizableLayout = React41.forwardRef(
   ({
     orientation = "horizontal",
     defaultSizes = [50, 50],
@@ -7101,7 +7563,7 @@ var ResizableLayout = React40.forwardRef(
     children,
     ...props
   }, ref) => {
-    const apiRef = React40.useRef(null);
+    const apiRef = React41.useRef(null);
     if (!apiRef.current) {
       apiRef.current = createResizableLayout({
         orientation,
@@ -7112,22 +7574,22 @@ var ResizableLayout = React40.forwardRef(
       });
     }
     const api = apiRef.current;
-    const [sizes, setSizesState] = React40.useState(api.sizes);
-    const setSizes = React40.useCallback(
+    const [sizes, setSizesState] = React41.useState(api.sizes);
+    const setSizes = React41.useCallback(
       (newSizes) => {
         setSizesState([...newSizes]);
         onSizesChange?.(newSizes);
       },
       [onSizesChange]
     );
-    const cssVars = React40.useMemo(() => {
+    const cssVars = React41.useMemo(() => {
       const vars = {};
       for (let i = 0; i < sizes.length; i++) {
         vars[`--rfr-pane-${i}-size`] = `${sizes[i]}%`;
       }
       return vars;
     }, [sizes]);
-    const contextValue = React40.useMemo(
+    const contextValue = React41.useMemo(
       () => ({ api, orientation, sizes, setSizes }),
       [api, orientation, sizes, setSizes]
     );
@@ -7145,7 +7607,7 @@ var ResizableLayout = React40.forwardRef(
   }
 );
 ResizableLayout.displayName = "ResizableLayout";
-var ResizablePane = React40.forwardRef(
+var ResizablePane = React41.forwardRef(
   ({ index, className, style, children, ...props }, ref) => {
     const { orientation, sizes } = useResizableLayoutContext();
     const size = sizes[index] ?? 50;
@@ -7169,12 +7631,12 @@ var ResizablePane = React40.forwardRef(
   }
 );
 ResizablePane.displayName = "ResizablePane";
-var ResizableDivider = React40.forwardRef(
+var ResizableDivider = React41.forwardRef(
   ({ index, className, ...props }, ref) => {
     const { api, orientation, setSizes } = useResizableLayoutContext();
-    const startPosRef = React40.useRef(0);
-    const containerSizeRef = React40.useRef(0);
-    const onPointerDown = React40.useCallback(
+    const startPosRef = React41.useRef(0);
+    const containerSizeRef = React41.useRef(0);
+    const onPointerDown = React41.useCallback(
       (e) => {
         e.preventDefault();
         const target = e.currentTarget;
@@ -7188,7 +7650,7 @@ var ResizableDivider = React40.forwardRef(
       },
       [api, index, orientation]
     );
-    const onPointerMove = React40.useCallback(
+    const onPointerMove = React41.useCallback(
       (e) => {
         if (containerSizeRef.current === 0) return;
         const currentPos = orientation === "horizontal" ? e.clientX : e.clientY;
@@ -7199,7 +7661,7 @@ var ResizableDivider = React40.forwardRef(
       },
       [api, orientation, setSizes]
     );
-    const onPointerUp = React40.useCallback(
+    const onPointerUp = React41.useCallback(
       (e) => {
         e.currentTarget.releasePointerCapture(e.pointerId);
         containerSizeRef.current = 0;
@@ -7452,26 +7914,26 @@ function createAuthShell(config) {
 }
 
 // ../react-app-shell/dist/index.js
-var AppShellContext = React40.createContext(null);
+var AppShellContext = React41.createContext(null);
 function useAppShell() {
-  const ctx = React40.useContext(AppShellContext);
+  const ctx = React41.useContext(AppShellContext);
   if (!ctx) {
     throw new Error("useAppShell must be used within <AppShell>");
   }
   return ctx;
 }
 function AppShellRoot({ config, children, className }) {
-  const apiRef = React40.useRef(null);
+  const apiRef = React41.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createAppShell(config);
   }
   const api = apiRef.current;
-  const [state, setState] = React40.useState(() => api.state);
-  React40.useEffect(() => {
+  const [state, setState] = React41.useState(() => api.state);
+  React41.useEffect(() => {
     setState(api.state);
     return api.subscribe((s) => setState(s));
   }, [api]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (typeof window === "undefined") return;
     const { mobileBreakpoint, tabletBreakpoint } = api.config;
     const mobileQuery = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
@@ -7492,14 +7954,14 @@ function AppShellRoot({ config, children, className }) {
     };
   }, [api]);
   const cssVars = api.getCSSVariables();
-  const ctxValue = React40.useMemo(
+  const ctxValue = React41.useMemo(
     () => ({ api, state }),
     [api, state]
   );
-  return React40.createElement(
+  return React41.createElement(
     AppShellContext.Provider,
     { value: ctxValue },
-    React40.createElement(
+    React41.createElement(
       "div",
       {
         className: cn("flex h-screen w-full overflow-hidden", className),
@@ -7529,7 +7991,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.createElement(
+  return React41.createElement(
     "aside",
     {
       ...api.sidebarAriaProps,
@@ -7542,7 +8004,7 @@ function Sidebar2({ children, className }) {
 }
 Sidebar2.displayName = "AppShell.Sidebar";
 function Main({ children, className }) {
-  return React40.createElement(
+  return React41.createElement(
     "div",
     {
       className: cn("flex flex-1 flex-col min-w-0 h-full", className)
@@ -7553,7 +8015,7 @@ function Main({ children, className }) {
 Main.displayName = "AppShell.Main";
 function Header({ children, className }) {
   const { api, state } = useAppShell();
-  const hamburger = state.isMobile ? React40.createElement(
+  const hamburger = state.isMobile ? React41.createElement(
     "button",
     {
       type: "button",
@@ -7563,7 +8025,7 @@ function Header({ children, className }) {
       onClick: () => api.toggleSidebar(),
       className: "inline-flex items-center justify-center p-2 mr-2"
     },
-    React40.createElement(
+    React41.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -7577,12 +8039,12 @@ function Header({ children, className }) {
         strokeLinejoin: "round",
         "aria-hidden": "true"
       },
-      React40.createElement("line", { x1: 3, y1: 6, x2: 21, y2: 6 }),
-      React40.createElement("line", { x1: 3, y1: 12, x2: 21, y2: 12 }),
-      React40.createElement("line", { x1: 3, y1: 18, x2: 21, y2: 18 })
+      React41.createElement("line", { x1: 3, y1: 6, x2: 21, y2: 6 }),
+      React41.createElement("line", { x1: 3, y1: 12, x2: 21, y2: 12 }),
+      React41.createElement("line", { x1: 3, y1: 18, x2: 21, y2: 18 })
     )
   ) : null;
-  return React40.createElement(
+  return React41.createElement(
     "header",
     {
       ...api.headerAriaProps,
@@ -7601,7 +8063,7 @@ Header.displayName = "AppShell.Header";
 function Content({ children, className, maxWidth }) {
   const { api } = useAppShell();
   const mwClass = maxWidth ? `max-w-${maxWidth}` : "";
-  return React40.createElement(
+  return React41.createElement(
     "main",
     {
       ...api.mainAriaProps,
@@ -7620,7 +8082,7 @@ function MobileNav2({ children, className }) {
   const { api, state } = useAppShell();
   if (!state.isMobile) return null;
   if (api.config.mobileNavPosition === "none") return null;
-  return React40.createElement(
+  return React41.createElement(
     "nav",
     {
       ...api.mobileNavAriaProps,
@@ -7639,7 +8101,7 @@ MobileNav2.displayName = "AppShell.MobileNav";
 function Overlay({ className }) {
   const { api, state } = useAppShell();
   if (!state.isMobile || !state.sidebarOpen) return null;
-  return React40.createElement("div", {
+  return React41.createElement("div", {
     ...api.overlayAriaProps,
     className: cn(
       "fixed inset-0 z-30 bg-black/50 transition-opacity",
@@ -7658,29 +8120,29 @@ var AppShell = Object.assign(AppShellRoot, {
   MobileNav: MobileNav2,
   Overlay
 });
-var PageShellContext = React40.createContext(null);
+var PageShellContext = React41.createContext(null);
 function usePageShell() {
-  const ctx = React40.useContext(PageShellContext);
+  const ctx = React41.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.useRef(null);
+  const apiRef = React41.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createPageShell(config);
   }
   const api = apiRef.current;
   const cssVars = api.getCSSVariables();
-  const ctxValue = React40.useMemo(
+  const ctxValue = React41.useMemo(
     () => ({ api }),
     [api]
   );
-  return React40.createElement(
+  return React41.createElement(
     PageShellContext.Provider,
     { value: ctxValue },
-    React40.createElement(
+    React41.createElement(
       "div",
       {
         className: cn("flex min-h-screen flex-col", className),
@@ -7696,7 +8158,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.createElement(
+  return React41.createElement(
     "nav",
     {
       ...api.navAriaProps,
@@ -7721,7 +8183,7 @@ function Section({
 }) {
   const { api } = usePageShell();
   const sectionClasses = api.getSectionClasses({ fullWidth, maxWidth, padding, background });
-  return React40.createElement(
+  return React41.createElement(
     "section",
     {
       className: cn("py-12", sectionClasses, className)
@@ -7733,7 +8195,7 @@ Section.displayName = "PageShell.Section";
 function Footer2({ children, className, columns }) {
   const { api } = usePageShell();
   const cols = columns ?? api.config.footerColumns;
-  return React40.createElement(
+  return React41.createElement(
     "footer",
     {
       ...api.footerAriaProps,
@@ -7742,7 +8204,7 @@ function Footer2({ children, className, columns }) {
         className
       )
     },
-    React40.createElement(
+    React41.createElement(
       "div",
       {
         className: `mx-auto max-w-[var(--page-max-width)] grid gap-8`,
@@ -7760,28 +8222,28 @@ Object.assign(PageShellRoot, {
   Section,
   Footer: Footer2
 });
-var AuthShellContext = React40.createContext(null);
+var AuthShellContext = React41.createContext(null);
 function useAuthShell() {
-  const ctx = React40.useContext(AuthShellContext);
+  const ctx = React41.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.useRef(null);
+  const apiRef = React41.useRef(null);
   if (apiRef.current === null) {
     apiRef.current = createAuthShell(config);
   }
   const api = apiRef.current;
-  const ctxValue = React40.useMemo(
+  const ctxValue = React41.useMemo(
     () => ({ api }),
     [api]
   );
-  return React40.createElement(
+  return React41.createElement(
     AuthShellContext.Provider,
     { value: ctxValue },
-    React40.createElement(
+    React41.createElement(
       "div",
       {
         ...api.ariaProps,
@@ -7795,7 +8257,7 @@ function AuthShellRoot({ config, children, className }) {
 AuthShellRoot.displayName = "AuthShell";
 function Card({ children, className }) {
   const { api } = useAuthShell();
-  return React40.createElement(
+  return React41.createElement(
     "div",
     {
       className: cn(api.cardClasses, className),
@@ -7883,7 +8345,7 @@ var avatarFallbackVariants = cva({
     size: "md"
   }
 });
-var AvatarContext = React40.createContext({
+var AvatarContext = React41.createContext({
   size: "md",
   imageLoaded: false,
   imageError: false,
@@ -7892,10 +8354,10 @@ var AvatarContext = React40.createContext({
   setImageError: () => {
   }
 });
-var Avatar = React40.forwardRef(
+var Avatar = React41.forwardRef(
   ({ size = "md", className, children, ...props }, ref) => {
-    const [imageLoaded, setImageLoaded] = React40.useState(false);
-    const [imageError, setImageError] = React40.useState(false);
+    const [imageLoaded, setImageLoaded] = React41.useState(false);
+    const [imageError, setImageError] = React41.useState(false);
     const api = createAvatar({ size });
     return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: { size, imageLoaded, imageError, setImageLoaded, setImageError }, children: /* @__PURE__ */ jsx(
       "span",
@@ -7911,9 +8373,9 @@ var Avatar = React40.forwardRef(
   }
 );
 Avatar.displayName = "Avatar";
-var AvatarImage = React40.forwardRef(
+var AvatarImage = React41.forwardRef(
   ({ className, src, alt = "", onLoad, onError, ...props }, ref) => {
-    const { setImageLoaded, setImageError } = React40.useContext(AvatarContext);
+    const { setImageLoaded, setImageError } = React41.useContext(AvatarContext);
     const handleLoad = (e) => {
       setImageLoaded(true);
       onLoad?.(e);
@@ -7937,9 +8399,9 @@ var AvatarImage = React40.forwardRef(
   }
 );
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React40.forwardRef(
+var AvatarFallback = React41.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const { size } = React40.useContext(AvatarContext);
+    const { size } = React41.useContext(AvatarContext);
     return /* @__PURE__ */ jsx(
       "span",
       {
@@ -8056,28 +8518,28 @@ var avatarPresenceDotVariants = cva({
 // ../react-avatar-group/dist/index.js
 function AvatarGroup({ users, max, size = "md", className }) {
   const api = createAvatarGroup({ users, max});
-  return React40.createElement(
+  return React41.createElement(
     "div",
     { ...api.ariaProps, className: cn(avatarGroupStyles, className) },
     api.visibleUsers.map(
-      (user) => React40.createElement(
+      (user) => React41.createElement(
         "div",
         {
           key: user.id,
           className: avatarVariants2({ size }),
           ...api.getAvatarAriaProps(user)
         },
-        user.src ? React40.createElement("img", {
+        user.src ? React41.createElement("img", {
           src: user.src,
           alt: user.name,
           className: avatarImageStyles
-        }) : React40.createElement("span", null, api.getInitials(user.name)),
-        user.status && React40.createElement("span", {
+        }) : React41.createElement("span", null, api.getInitials(user.name)),
+        user.status && React41.createElement("span", {
           className: avatarPresenceDotVariants({ size, status: user.status })
         })
       )
     ),
-    api.overflowCount > 0 && React40.createElement(
+    api.overflowCount > 0 && React41.createElement(
       "div",
       {
         className: avatarOverflowBadgeVariants({ size }),
@@ -8161,7 +8623,7 @@ var cardContentVariants = cva({
 var cardFooterVariants = cva({
   base: "flex items-center p-6 pt-0"
 });
-var Card2 = React40.forwardRef(
+var Card2 = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCard();
     return /* @__PURE__ */ jsx(
@@ -8177,7 +8639,7 @@ var Card2 = React40.forwardRef(
   }
 );
 Card2.displayName = "Card";
-var CardHeader = React40.forwardRef(
+var CardHeader = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardHeader();
     return /* @__PURE__ */ jsx(
@@ -8192,7 +8654,7 @@ var CardHeader = React40.forwardRef(
   }
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React40.forwardRef(
+var CardTitle = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardTitle();
     return /* @__PURE__ */ jsx(
@@ -8207,7 +8669,7 @@ var CardTitle = React40.forwardRef(
   }
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React40.forwardRef(
+var CardDescription = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardDescription();
     return /* @__PURE__ */ jsx(
@@ -8222,7 +8684,7 @@ var CardDescription = React40.forwardRef(
   }
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React40.forwardRef(
+var CardContent = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardContent();
     return /* @__PURE__ */ jsx(
@@ -8237,7 +8699,7 @@ var CardContent = React40.forwardRef(
   }
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React40.forwardRef(
+var CardFooter = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const api = createCardFooter();
     return /* @__PURE__ */ jsx(
@@ -8318,7 +8780,7 @@ var checkboxVariants = cva({
     size: "default"
   }
 });
-var Checkbox = React40.forwardRef(
+var Checkbox = React41.forwardRef(
   ({ checked = false, onCheckedChange, disabled = false, size = "default", className, ...props }, ref) => {
     const api = createCheckbox({ checked, disabled });
     const checkedVariant = checked === "indeterminate" ? "indeterminate" : checked ? "true" : "false";
@@ -8629,13 +9091,13 @@ function DatePicker({
   className,
   disabled = false
 }) {
-  const [open, setOpen] = React40.useState(false);
-  const [currentMonth, setCurrentMonth] = React40.useState(
+  const [open, setOpen] = React41.useState(false);
+  const [currentMonth, setCurrentMonth] = React41.useState(
     () => value ? new Date(value.getFullYear(), value.getMonth(), 1) : new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1)
   );
-  const [view, setView] = React40.useState("calendar");
-  const containerRef = React40.useRef(null);
-  const api = React40.useMemo(
+  const [view, setView] = React41.useState("calendar");
+  const containerRef = React41.useRef(null);
+  const api = React41.useMemo(
     () => createDatePicker({
       value,
       onChange,
@@ -8649,7 +9111,7 @@ function DatePicker({
     }),
     [value, onChange, minDate, maxDate, showTime, format, placeholder, open]
   );
-  React40.useMemo(() => {
+  React41.useMemo(() => {
     createDatePicker({
       value,
       minDate,
@@ -8664,7 +9126,7 @@ function DatePicker({
     });
     return tempApi.days;
   }, [value, minDate, maxDate, currentMonth]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!open) return;
     function handleClick(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -8674,7 +9136,7 @@ function DatePicker({
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, [open]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!open) return;
     function handleKeyDown(e) {
       if (e.key === "Escape") {
@@ -8712,10 +9174,10 @@ function DatePicker({
     onChange?.(newDate);
   };
   const monthLabel = currentMonth.toLocaleDateString("en-US", { month: "long", year: "numeric" });
-  return React40.createElement(
+  return React41.createElement(
     "div",
     { ref: containerRef, className: cn("relative inline-block", className) },
-    React40.createElement(
+    React41.createElement(
       "button",
       {
         type: "button",
@@ -8727,17 +9189,17 @@ function DatePicker({
       },
       displayValue
     ),
-    open && React40.createElement(
+    open && React41.createElement(
       "div",
       {
         className: datePickerDropdownStyles,
         role: "dialog",
         "aria-modal": true
       },
-      React40.createElement(
+      React41.createElement(
         "div",
         { className: "flex items-center justify-between mb-3" },
-        React40.createElement(
+        React41.createElement(
           "button",
           {
             type: "button",
@@ -8747,8 +9209,8 @@ function DatePicker({
           },
           "\u2039"
         ),
-        React40.createElement("span", { className: "text-sm font-medium" }, monthLabel),
-        React40.createElement(
+        React41.createElement("span", { className: "text-sm font-medium" }, monthLabel),
+        React41.createElement(
           "button",
           {
             type: "button",
@@ -8759,11 +9221,11 @@ function DatePicker({
           "\u203A"
         )
       ),
-      React40.createElement(
+      React41.createElement(
         "div",
         { className: "grid grid-cols-7 gap-0 text-center", role: "grid" },
         ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(
-          (d) => React40.createElement("div", { key: d, className: "text-xs text-muted-foreground py-1 font-medium" }, d)
+          (d) => React41.createElement("div", { key: d, className: "text-xs text-muted-foreground py-1 font-medium" }, d)
         ),
         api.days.map((day, i) => {
           let state = "default";
@@ -8771,7 +9233,7 @@ function DatePicker({
           else if (day.isSelected) state = "selected";
           else if (day.isToday) state = "today";
           else if (!day.isCurrentMonth) state = "outside";
-          return React40.createElement(
+          return React41.createElement(
             "button",
             {
               key: i,
@@ -8786,11 +9248,11 @@ function DatePicker({
           );
         })
       ),
-      showTime && React40.createElement(
+      showTime && React41.createElement(
         "div",
         { className: datePickerTimeStyles },
-        React40.createElement("span", { className: "text-sm text-muted-foreground" }, "Time:"),
-        React40.createElement("input", {
+        React41.createElement("span", { className: "text-sm text-muted-foreground" }, "Time:"),
+        React41.createElement("input", {
           type: "number",
           min: 0,
           max: 23,
@@ -8799,8 +9261,8 @@ function DatePicker({
           className: datePickerTimeInputStyles,
           "aria-label": "Hours"
         }),
-        React40.createElement("span", { className: "text-muted-foreground" }, ":"),
-        React40.createElement("input", {
+        React41.createElement("span", { className: "text-muted-foreground" }, ":"),
+        React41.createElement("input", {
           type: "number",
           min: 0,
           max: 59,
@@ -9072,10 +9534,10 @@ var statusBarVariants = cva({
     theme: "dark"
   }
 });
-var MonacoDiffEditor = React40.lazy(
+var MonacoDiffEditor = React41.lazy(
   () => import('@monaco-editor/react').then((m) => ({ default: m.DiffEditor }))
 );
-var DiffViewer = React40.forwardRef(
+var DiffViewer = React41.forwardRef(
   ({
     files,
     original = "",
@@ -9096,12 +9558,12 @@ var DiffViewer = React40.forwardRef(
     className,
     editorOptions
   }, ref) => {
-    const [activeIdx, setActiveIdx] = React40.useState(controlledIndex);
-    const [sidebarOpen, setSidebarOpen] = React40.useState(showSidebar);
-    const [viewMode, setViewMode] = React40.useState(controlledViewMode);
-    React40.useEffect(() => setActiveIdx(controlledIndex), [controlledIndex]);
-    React40.useEffect(() => setViewMode(controlledViewMode), [controlledViewMode]);
-    const api = React40.useMemo(
+    const [activeIdx, setActiveIdx] = React41.useState(controlledIndex);
+    const [sidebarOpen, setSidebarOpen] = React41.useState(showSidebar);
+    const [viewMode, setViewMode] = React41.useState(controlledViewMode);
+    React41.useEffect(() => setActiveIdx(controlledIndex), [controlledIndex]);
+    React41.useEffect(() => setViewMode(controlledViewMode), [controlledViewMode]);
+    const api = React41.useMemo(
       () => createDiffViewer({
         files,
         activeFileIndex: activeIdx,
@@ -9123,7 +9585,7 @@ var DiffViewer = React40.forwardRef(
     );
     const activeFile = files[activeIdx];
     const detectedLang = language || (activeFile ? api.getLanguageForFile(activeFile.path) : "plaintext");
-    React40.useEffect(() => {
+    React41.useEffect(() => {
       function onKey(e) {
         if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
         if (e.key === "j") {
@@ -9215,7 +9677,7 @@ var DiffViewer = React40.forwardRef(
                 );
               }) }),
               /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
-                React40.Suspense,
+                React41.Suspense,
                 {
                   fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-xs opacity-50", children: "Loading editor..." }),
                   children: /* @__PURE__ */ jsx(
@@ -9648,10 +10110,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.useState("");
-  const [activeCategory, setActiveCategory] = React40.useState("smileys");
-  const [recentEmojis, setRecentEmojis] = React40.useState(initialRecent);
-  const api = React40.useMemo(
+  const [search, setSearch] = React41.useState("");
+  const [activeCategory, setActiveCategory] = React41.useState("smileys");
+  const [recentEmojis, setRecentEmojis] = React41.useState(initialRecent);
+  const api = React41.useMemo(
     () => createEmojiPicker({
       onSelect: void 0,
       search,
@@ -9659,7 +10121,7 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
     }),
     [search, recentEmojis]
   );
-  const filteredEmojis = React40.useMemo(() => {
+  const filteredEmojis = React41.useMemo(() => {
     if (search.trim()) {
       const query = search.toLowerCase().trim();
       const allEmojis = EMOJI_CATEGORIES.flatMap((cat) => EMOJI_DATA[cat]);
@@ -9679,22 +10141,22 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
     setActiveCategory(cat);
     setSearch("");
   };
-  return React40.createElement(
+  return React41.createElement(
     "div",
     { className: cn(emojiPickerContainerStyles, className), ...api.ariaProps },
     // Search input
-    React40.createElement("input", {
+    React41.createElement("input", {
       ...api.searchInputProps,
       className: emojiPickerSearchStyles,
       value: search,
       onChange: (e) => setSearch(e.target.value)
     }),
     // Category tabs
-    !search && React40.createElement(
+    !search && React41.createElement(
       "div",
       { className: emojiPickerCategoryBarStyles },
       api.categoryTabs.map(
-        (tab) => React40.createElement(
+        (tab) => React41.createElement(
           "button",
           {
             key: tab.category,
@@ -9711,15 +10173,15 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
       )
     ),
     // Recent emojis section
-    !search && recentEmojis.length > 0 && React40.createElement(
+    !search && recentEmojis.length > 0 && React41.createElement(
       "div",
       null,
-      React40.createElement("div", { className: emojiPickerSectionLabelStyles }, "Recent"),
-      React40.createElement(
+      React41.createElement("div", { className: emojiPickerSectionLabelStyles }, "Recent"),
+      React41.createElement(
         "div",
         { className: emojiPickerGridStyles },
         recentEmojis.map(
-          (emoji, i) => React40.createElement(
+          (emoji, i) => React41.createElement(
             "button",
             {
               key: `recent-${emoji.emoji}-${i}`,
@@ -9734,19 +10196,19 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
       )
     ),
     // Emoji grid
-    React40.createElement(
+    React41.createElement(
       "div",
       null,
-      !search && React40.createElement(
+      !search && React41.createElement(
         "div",
         { className: emojiPickerSectionLabelStyles },
         CATEGORY_LABELS[activeCategory]
       ),
-      React40.createElement(
+      React41.createElement(
         "div",
         { className: emojiPickerGridStyles },
         filteredEmojis.map(
-          (emoji, i) => React40.createElement(
+          (emoji, i) => React41.createElement(
             "button",
             {
               key: `${emoji.emoji}-${i}`,
@@ -9758,7 +10220,7 @@ function EmojiPicker({ onSelect, recentEmojis: initialRecent = [], className })
             emoji.emoji
           )
         ),
-        filteredEmojis.length === 0 && React40.createElement(
+        filteredEmojis.length === 0 && React41.createElement(
           "div",
           { className: "col-span-8 text-center text-sm text-muted-foreground py-4" },
           "No emojis found"
@@ -9958,10 +10420,10 @@ function FileUpload({
   className,
   children
 }) {
-  const [files, setFiles] = React40.useState([]);
-  const [isDragging, setIsDragging] = React40.useState(false);
-  const inputRef = React40.useRef(null);
-  const api = React40.useMemo(
+  const [files, setFiles] = React41.useState([]);
+  const [isDragging, setIsDragging] = React41.useState(false);
+  const inputRef = React41.useRef(null);
+  const api = React41.useMemo(
     () => createFileUpload({
       accept,
       maxSize,
@@ -10026,17 +10488,17 @@ function FileUpload({
       handleClick();
     }
   };
-  return React40.createElement(
+  return React41.createElement(
     "div",
     { className },
     // Hidden file input
-    React40.createElement("input", {
+    React41.createElement("input", {
       ref: inputRef,
       ...api.inputProps,
       onChange: handleInputChange
     }),
     // Drop zone
-    React40.createElement(
+    React41.createElement(
       "div",
       {
         ...api.dropZoneProps,
@@ -10050,21 +10512,21 @@ function FileUpload({
         onDragOver: handleDragOver,
         onDrop: handleDrop
       },
-      children ?? React40.createElement(
-        React40.Fragment,
+      children ?? React41.createElement(
+        React41.Fragment,
         null,
-        React40.createElement("div", { className: "text-2xl mb-2" }, "\u{1F4C1}"),
-        React40.createElement(
+        React41.createElement("div", { className: "text-2xl mb-2" }, "\u{1F4C1}"),
+        React41.createElement(
           "p",
           { className: "text-sm text-muted-foreground" },
           "Drag & drop files here, or click to select"
         ),
-        accept && React40.createElement(
+        accept && React41.createElement(
           "p",
           { className: "text-xs text-muted-foreground mt-1" },
           `Accepted: ${accept}`
         ),
-        maxSize && React40.createElement(
+        maxSize && React41.createElement(
           "p",
           { className: "text-xs text-muted-foreground" },
           `Max size: ${formatFileSize(maxSize)}`
@@ -10072,37 +10534,37 @@ function FileUpload({
       )
     ),
     // File list
-    files.length > 0 && React40.createElement(
+    files.length > 0 && React41.createElement(
       "div",
       { className: fileUploadFileListStyles },
       files.map(
-        (file) => React40.createElement(
+        (file) => React41.createElement(
           "div",
           { key: file.id, className: fileUploadFileItemStyles },
-          React40.createElement(
+          React41.createElement(
             "div",
             { className: "flex-1 min-w-0" },
-            React40.createElement("div", { className: "font-medium truncate" }, file.name),
-            React40.createElement(
+            React41.createElement("div", { className: "font-medium truncate" }, file.name),
+            React41.createElement(
               "div",
               { className: "text-xs text-muted-foreground" },
               formatFileSize(file.size)
             ),
-            file.status === "uploading" && React40.createElement(
+            file.status === "uploading" && React41.createElement(
               "div",
               { className: cn(fileUploadProgressStyles, "mt-1") },
-              React40.createElement("div", {
+              React41.createElement("div", {
                 className: fileUploadProgressBarStyles,
                 style: { width: `${file.progress}%` }
               })
             ),
-            file.error && React40.createElement(
+            file.error && React41.createElement(
               "div",
               { className: "text-xs text-destructive mt-0.5" },
               file.error
             )
           ),
-          React40.createElement(
+          React41.createElement(
             "button",
             {
               type: "button",
@@ -10237,13 +10699,13 @@ function KeyboardShortcut({
   enabled = true,
   preventDefault = true
 }) {
-  const apiRef = React40.useRef(
+  const apiRef = React41.useRef(
     createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })
   );
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault });
   }, [keys, onTrigger, enabled, preventDefault]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!enabled) return;
     const handleKeyDown = (e) => {
       apiRef.current.handler(e);
@@ -10259,15 +10721,15 @@ function ShortcutBadge({ keys, platform = true, className }) {
   }, enabled: false });
   const displayKeys = platform ? api.platformDisplay : api.display;
   const isMacDisplay = platform && displayKeys !== api.display;
-  return React40.createElement(
+  return React41.createElement(
     "kbd",
     { ...api.badgeAriaProps, className: cn(shortcutBadgeStyles, className) },
-    isMacDisplay ? React40.createElement("span", null, displayKeys) : keys.map(
-      (key, i) => React40.createElement(
-        React40.Fragment,
+    isMacDisplay ? React41.createElement("span", null, displayKeys) : keys.map(
+      (key, i) => React41.createElement(
+        React41.Fragment,
         { key: i },
-        i > 0 && React40.createElement("span", { className: shortcutSeparatorStyles }, "+"),
-        React40.createElement(
+        i > 0 && React41.createElement("span", { className: shortcutSeparatorStyles }, "+"),
+        React41.createElement(
           "span",
           { className: shortcutKeyStyles },
           formatShortcut([key], false)
@@ -10443,7 +10905,7 @@ var otpInputSlotVariants = cva({
     filled: "false"
   }
 });
-var OtpInput = React40.forwardRef(
+var OtpInput = React41.forwardRef(
   ({
     length = 6,
     value = "",
@@ -10455,15 +10917,15 @@ var OtpInput = React40.forwardRef(
     className,
     ...props
   }, ref) => {
-    const inputRefs = React40.useRef([]);
-    const [focusedIndex, setFocusedIndex] = React40.useState(autoFocus ? 0 : -1);
-    const [values, setValues] = React40.useState(
+    const inputRefs = React41.useRef([]);
+    const [focusedIndex, setFocusedIndex] = React41.useState(autoFocus ? 0 : -1);
+    const [values, setValues] = React41.useState(
       () => Array.from({ length }, (_, i) => value.charAt(i) || "")
     );
-    React40.useEffect(() => {
+    React41.useEffect(() => {
       setValues(Array.from({ length }, (_, i) => value.charAt(i) || ""));
     }, [value, length]);
-    React40.useEffect(() => {
+    React41.useEffect(() => {
       if (autoFocus && inputRefs.current[0]) {
         inputRefs.current[0].focus();
       }
@@ -10643,13 +11105,13 @@ function PresenceIndicator({
   className
 }) {
   const api = createPresence({ status, showLabel, label });
-  return React40.createElement(
+  return React41.createElement(
     "span",
     { ...api.ariaProps, className: cn(presenceContainerStyles, className) },
-    React40.createElement("span", {
+    React41.createElement("span", {
       className: presenceDotVariants({ status, size })
     }),
-    api.showLabel && React40.createElement("span", { className: presenceLabelStyles }, api.label)
+    api.showLabel && React41.createElement("span", { className: presenceLabelStyles }, api.label)
   );
 }
 PresenceIndicator.displayName = "PresenceIndicator";
@@ -10737,7 +11199,7 @@ var radioCircleVariants = cva({
 });
 
 // ../react-radio/dist/index.js
-var RadioContext = React40.createContext(null);
+var RadioContext = React41.createContext(null);
 function RadioGroup({
   children,
   className,
@@ -10748,25 +11210,25 @@ function RadioGroup({
   disabled = false,
   orientation = "vertical"
 }) {
-  const [internalValue, setInternalValue] = React40.useState(defaultValue);
+  const [internalValue, setInternalValue] = React41.useState(defaultValue);
   const isControlled = controlledValue !== void 0;
   const currentValue = isControlled ? controlledValue : internalValue;
   const api = createRadioGroup({ value: currentValue, name, disabled, orientation });
-  const handleChange = React40.useCallback(
+  const handleChange = React41.useCallback(
     (val) => {
       if (!isControlled) setInternalValue(val);
       onValueChange?.(val);
     },
     [isControlled, onValueChange]
   );
-  const ctx = React40.useMemo(
+  const ctx = React41.useMemo(
     () => ({ value: currentValue, onValueChange: handleChange, name, disabled }),
     [currentValue, handleChange, name, disabled]
   );
-  return React40.createElement(
+  return React41.createElement(
     RadioContext.Provider,
     { value: ctx },
-    React40.createElement(
+    React41.createElement(
       "div",
       { ...api.groupProps, className: cn(radioGroupVariants({ orientation }), className) },
       children
@@ -10774,17 +11236,17 @@ function RadioGroup({
   );
 }
 function RadioItem({ value, children, disabled = false, className }) {
-  const ctx = React40.useContext(RadioContext);
+  const ctx = React41.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.createElement(
+  return React41.createElement(
     "label",
     {
       className: cn(radioItemVariants({ disabled: isDisabled ? "true" : "false" }), className),
       "data-state": isChecked ? "checked" : "unchecked"
     },
-    React40.createElement(
+    React41.createElement(
       "button",
       {
         type: "button",
@@ -10796,12 +11258,12 @@ function RadioItem({ value, children, disabled = false, className }) {
         className: cn(radioCircleVariants({ checked: isChecked ? "true" : "false" })),
         onClick: () => !isDisabled && ctx.onValueChange(value)
       },
-      isChecked && React40.createElement(
+      isChecked && React41.createElement(
         "span",
         { className: "block h-2 w-2 rounded-full bg-primary-foreground mx-auto" }
       )
     ),
-    children && React40.createElement("span", { className: "text-sm" }, children)
+    children && React41.createElement("span", { className: "text-sm" }, children)
   );
 }
 RadioGroup.displayName = "RadioGroup";
@@ -10873,11 +11335,11 @@ function ReactionBar({
   className
 }) {
   const api = createReactionBar({ reactions, onToggle, onAdd });
-  return React40.createElement(
+  return React41.createElement(
     "div",
     { ...api.ariaProps, className: cn(reactionBarStyles, className) },
     api.reactions.map(
-      (reaction, i) => React40.createElement(
+      (reaction, i) => React41.createElement(
         "button",
         {
           key: `${reaction.emoji}-${i}`,
@@ -10888,11 +11350,11 @@ function ReactionBar({
           onClick: () => api.toggle(reaction.emoji),
           ...api.getReactionAriaProps(reaction)
         },
-        React40.createElement("span", { className: reactionEmojiStyles }, reaction.emoji),
-        React40.createElement("span", { className: reactionCountStyles }, reaction.count)
+        React41.createElement("span", { className: reactionEmojiStyles }, reaction.emoji),
+        React41.createElement("span", { className: reactionCountStyles }, reaction.count)
       )
     ),
-    showAddButton && React40.createElement(
+    showAddButton && React41.createElement(
       "button",
       {
         type: "button",
@@ -11041,7 +11503,7 @@ var selectItemVariants = cva({
     selected: "false"
   }
 });
-var SelectContext = React40.createContext({
+var SelectContext = React41.createContext({
   value: void 0,
   onValueChange: () => {
   },
@@ -11061,7 +11523,7 @@ function Select({
   children,
   placeholder = "Select an option"
 }) {
-  const [open, setOpen] = React40.useState(false);
+  const [open, setOpen] = React41.useState(false);
   const api = createSelect({ value, disabled, open, placeholder });
   return /* @__PURE__ */ jsx(
     SelectContext.Provider,
@@ -11084,9 +11546,9 @@ function Select({
     }
   );
 }
-var SelectTrigger = React40.forwardRef(
+var SelectTrigger = React41.forwardRef(
   ({ className, children, size = "default", ...props }, ref) => {
-    const { open, setOpen, disabled, triggerId, contentId } = React40.useContext(SelectContext);
+    const { open, setOpen, disabled, triggerId, contentId } = React41.useContext(SelectContext);
     const api = createSelect({ disabled, open });
     const handleClick = () => {
       if (!disabled) {
@@ -11143,9 +11605,9 @@ var SelectTrigger = React40.forwardRef(
   }
 );
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = React40.forwardRef(
+var SelectContent = React41.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const { open, contentId, triggerId } = React40.useContext(SelectContext);
+    const { open, contentId, triggerId } = React41.useContext(SelectContext);
     if (!open) return null;
     return /* @__PURE__ */ jsx(
       "div",
@@ -11163,9 +11625,9 @@ var SelectContent = React40.forwardRef(
   }
 );
 SelectContent.displayName = "SelectContent";
-var SelectItem = React40.forwardRef(
+var SelectItem = React41.forwardRef(
   ({ className, children, value: itemValue, disabled: itemDisabled = false, ...props }, ref) => {
-    const { value, onValueChange, setOpen } = React40.useContext(SelectContext);
+    const { value, onValueChange, setOpen } = React41.useContext(SelectContext);
     const isSelected = value === itemValue;
     const handleClick = () => {
       if (!itemDisabled) {
@@ -11297,11 +11759,11 @@ function StatusIndicator({
 }) {
   const api = createStatusIndicator({ type, label, pulse });
   const dotClassName = api.pulse ? statusPulseVariants({ type }) : statusDotVariants({ type });
-  return React40.createElement(
+  return React41.createElement(
     "span",
     { ...api.ariaProps, className: cn(statusContainerStyles, className) },
-    React40.createElement("span", { className: dotClassName }),
-    showLabel && React40.createElement("span", { className: statusLabelStyles }, api.label)
+    React41.createElement("span", { className: dotClassName }),
+    showLabel && React41.createElement("span", { className: statusLabelStyles }, api.label)
   );
 }
 StatusIndicator.displayName = "StatusIndicator";
@@ -11388,7 +11850,7 @@ var switchThumbVariants = cva({
     { checked: "true", size: "lg", class: "translate-x-5" }
   ]
 });
-var Switch = React40.forwardRef(
+var Switch = React41.forwardRef(
   ({ checked = false, onCheckedChange, disabled = false, size = "default", className, ...props }, ref) => {
     const api = createSwitch({ checked, disabled });
     const handleClick = () => {
@@ -11527,41 +11989,41 @@ function MessageComponent({
   message,
   api
 }) {
-  return React40.createElement(
+  return React41.createElement(
     "div",
     { className: threadMessageStyles, ...api.getMessageAriaProps(message) },
     // Avatar
-    React40.createElement(
+    React41.createElement(
       "div",
       { className: threadAvatarStyles },
-      message.author.avatarUrl ? React40.createElement("img", {
+      message.author.avatarUrl ? React41.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.createElement(
+    React41.createElement(
       "div",
       { className: threadContentStyles },
-      React40.createElement(
+      React41.createElement(
         "div",
         { className: "flex items-baseline" },
-        React40.createElement("span", { className: threadAuthorStyles }, message.author.name),
-        React40.createElement(
+        React41.createElement("span", { className: threadAuthorStyles }, message.author.name),
+        React41.createElement(
           "span",
           { className: threadTimestampStyles },
           api.formatTimestamp(message.timestamp)
         ),
-        message.edited && React40.createElement("span", { className: threadEditedStyles }, "(edited)")
+        message.edited && React41.createElement("span", { className: threadEditedStyles }, "(edited)")
       ),
-      React40.createElement("div", { className: threadBodyStyles }, message.content),
+      React41.createElement("div", { className: threadBodyStyles }, message.content),
       // Reactions
-      message.reactions && message.reactions.length > 0 && React40.createElement(
+      message.reactions && message.reactions.length > 0 && React41.createElement(
         "div",
         { className: threadReactionsStyles },
         message.reactions.map(
-          (reaction, i) => React40.createElement(
+          (reaction, i) => React41.createElement(
             "button",
             {
               key: `${reaction.emoji}-${i}`,
@@ -11577,25 +12039,25 @@ function MessageComponent({
         )
       ),
       // Reply indicator
-      message.replies && message.replies.length > 0 && React40.createElement(
+      message.replies && message.replies.length > 0 && React41.createElement(
         "div",
         { className: threadReplyIndicatorStyles },
         `${message.replies.length} ${message.replies.length === 1 ? "reply" : "replies"}`
       ),
       // Attachments
       message.attachments && message.attachments.map(
-        (attachment) => React40.createElement(
+        (attachment) => React41.createElement(
           "div",
           { key: attachment.id, className: threadAttachmentStyles },
-          React40.createElement("span", null, "\u{1F4CE}"),
-          React40.createElement("span", { className: "truncate" }, attachment.name)
+          React41.createElement("span", null, "\u{1F4CE}"),
+          React41.createElement("span", { className: "truncate" }, attachment.name)
         )
       ),
       // Actions (reply button)
-      React40.createElement(
+      React41.createElement(
         "div",
         { className: threadActionsStyles },
-        React40.createElement(
+        React41.createElement(
           "button",
           {
             type: "button",
@@ -11617,11 +12079,11 @@ function ThreadView({
   className
 }) {
   const api = createThreadView({ messages, onReply, onReact, currentUserId });
-  return React40.createElement(
+  return React41.createElement(
     "div",
     { ...api.ariaProps, className: cn(threadContainerStyles, className) },
     messages.map(
-      (message) => React40.createElement(MessageComponent, {
+      (message) => React41.createElement(MessageComponent, {
         key: message.id,
         message,
         api
@@ -11631,6 +12093,239 @@ function ThreadView({
 }
 ThreadView.displayName = "ThreadView";
 
-export { AnimatedText, AppShell, AuthGuard, AuthProvider, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, Calendar, CalendarHeader, Card2 as Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, ContentProtection, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DiffViewer, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_DATA, EmojiPicker, FeedbackButton, FeedbackDialog, FileUpload, Footer, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KeyboardShortcut, LanguageSelector, MarkdownRenderer, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Popover, PopoverClose, PopoverContent, PopoverTrigger, PresenceIndicator, ProgressBar, RadioGroup, RadioItem, ReactionBar, ResizableDivider, ResizableLayout, ResizablePane, STATUS_COLORS2 as STATUS_COLORS, STATUS_LABELS2 as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, Select, SelectContent, SelectItem, SelectTrigger, ShortcutBadge, Sidebar, Skeleton, SkeletonText, SlideViewer, StatsGrid, StatusIndicator, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeScript, ThemeToggle, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, animatedTextVariants, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, createDiffViewer, dayVariants, deviceFrameVariants, dialogContentVariants, diffViewerTokens, diffViewerVariants, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rowVariants, searchBarVariants, searchResultVariants, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants, selectorVariants, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, skeletonVariants, slideTypeBadgeVariants, progressBarVariants2 as slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, statCardVariants, statsGridVariants, statusBarVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tabBarVariants, tabVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAuth, useTheme, useToast, optionVariants2 as versionSelectorOptionVariants, versionSelectorVariants, watermarkVariants };
+// ../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.forwardRef(
+  ({ className, containerRef, selectors = "h2, h3, h4", onActiveIdChange, ...props }, ref) => {
+    const [headings, setHeadings] = React41.useState([]);
+    const [activeId, setActiveId] = React41.useState("");
+    React41.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__ */ jsx("nav", { ref, className: cn("space-y-1", className), ...props, children: /* @__PURE__ */ jsx("ul", { className: "m-0 list-none p-0", children: headings.map((heading) => /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: cn(
+          "py-1",
+          heading.level === 3 ? "pl-4" : heading.level === 4 ? "pl-8" : ""
+        ),
+        children: /* @__PURE__ */ 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.createContext(null);
+var Carousel = React41.forwardRef(
+  ({ className, type = "single", collapsible, value: controlledValue, defaultValue, onValueChange, ...props }, ref) => {
+    const [uncontrolledValue, setUncontrolledValue] = React41.useState(
+      defaultValue ?? (type === "multiple" ? [] : "")
+    );
+    const value = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
+    const handleValueChange = React41.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__ */ jsx(CarouselContext.Provider, { value: { type, value, onValueChange: handleValueChange }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col w-full", className), ...props }) });
+  }
+);
+Carousel.displayName = "Carousel";
+var CarouselItemContext = React41.createContext(null);
+var CarouselItem = React41.forwardRef(
+  ({ className, value, ...props }, ref) => {
+    const context = React41.useContext(CarouselContext);
+    if (!context) throw new Error("CarouselItem must be within Carousel");
+    const isOpen = context.type === "single" ? context.value === value : Array.isArray(context.value) && context.value.includes(value);
+    return /* @__PURE__ */ jsx(CarouselItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("border-b border-border", className), "data-state": isOpen ? "open" : "closed", ...props }) });
+  }
+);
+CarouselItem.displayName = "CarouselItem";
+var CarouselTrigger = React41.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const carouselContext = React41.useContext(CarouselContext);
+    const itemContext = React41.useContext(CarouselItemContext);
+    if (!carouselContext || !itemContext) throw new Error("CarouselTrigger missing context");
+    return /* @__PURE__ */ jsx("h3", { className: "flex m-0 p-0", children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        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__ */ 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__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+CarouselTrigger.displayName = "CarouselTrigger";
+var CarouselContent = React41.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const itemContext = React41.useContext(CarouselItemContext);
+    if (!itemContext) throw new Error("CarouselContent missing context");
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "overflow-hidden text-sm",
+          className
+        ),
+        "data-state": itemContext.isOpen ? "open" : "closed",
+        hidden: !itemContext.isOpen,
+        ...props,
+        children: /* @__PURE__ */ jsx("div", { className: "pb-4 pt-0 text-muted-foreground leading-relaxed", children })
+      }
+    );
+  }
+);
+CarouselContent.displayName = "CarouselContent";
+var Pagination = React41.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props });
+  }
+);
+Pagination.displayName = "Pagination";
+var Callout = () => /* @__PURE__ */ jsx("div", {});
+var Steps = () => /* @__PURE__ */ 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.forwardRef(
+  ({ className, ...props }, ref) => {
+    const api = createLinkCard(props);
+    return /* @__PURE__ */ 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.forwardRef(
+  ({ className, columns = 3, ...props }, ref) => {
+    const api = createCardGrid({ });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(className),
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+  }
+);
+CardGrid.displayName = "CardGrid";
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AnimatedText, AppShell, AuthGuard, AuthProvider, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, Calendar, CalendarHeader, Callout, Card2 as Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Checkbox, CodeBlock, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, ContentProtection, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DiffViewer, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_DATA, EmojiPicker, FeedbackButton, FeedbackDialog, FileUpload, Footer, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KeyboardShortcut, LanguageSelector, LinkCard, MarkdownRenderer, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, Popover, PopoverClose, PopoverContent, PopoverTrigger, PresenceIndicator, ProgressBar, RadioGroup, RadioItem, ReactionBar, ResizableDivider, ResizableLayout, ResizablePane, STATUS_COLORS2 as STATUS_COLORS, STATUS_LABELS2 as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, Select, SelectContent, SelectItem, SelectTrigger, ShortcutBadge, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, StatsGrid, StatusIndicator, Steps, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeScript, ThemeToggle, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, animatedTextVariants, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, createDiffViewer, dayVariants, deviceFrameVariants, dialogContentVariants, diffViewerTokens, diffViewerVariants, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rowVariants, searchBarVariants, searchResultVariants, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants, selectorVariants, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, skeletonVariants, slideTypeBadgeVariants, progressBarVariants2 as slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, statCardVariants, statsGridVariants, statusBarVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tabBarVariants, tabVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAuth, useTheme, useToast, optionVariants2 as versionSelectorOptionVariants, versionSelectorVariants, watermarkVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map