@refraction-ui/react 0.3.0 → 0.3.1

package/dist/index.js

@@ -1,5 +1,4 @@
 import * as React41 from 'react';
-import { forwardRef, useRef, useState, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import { createPortal } from 'react-dom';
@@ -43,23 +42,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 
 // ../react-file-tree/dist/index.js
 var require_dist = __commonJS({
-  "../react-file-tree/dist/index.js"(exports) {
+  "../react-file-tree/dist/index.js"(exports$1) {
     var jsxRuntime = __require("react/jsx-runtime");
     var FileTree = () => {
       return /* @__PURE__ */ jsxRuntime.jsx("div", {});
     };
-    exports.FileTree = FileTree;
+    exports$1.FileTree = FileTree;
   }
 });
 
 // ../react-icon-system/dist/index.js
 var require_dist2 = __commonJS({
-  "../react-icon-system/dist/index.js"(exports) {
+  "../react-icon-system/dist/index.js"(exports$1) {
     var jsxRuntime = __require("react/jsx-runtime");
     var IconSystem = () => {
       return /* @__PURE__ */ jsxRuntime.jsx("div", {});
     };
-    exports.IconSystem = IconSystem;
+    exports$1.IconSystem = IconSystem;
   }
 });
 
@@ -107,6 +106,7 @@ __export(index_exports, {
   Command: () => Command,
   CommandEmpty: () => CommandEmpty,
   CommandGroup: () => CommandGroup,
+  CommandInput: () => CommandInput,
   CommandItem: () => CommandItem,
   CommandList: () => CommandList,
   CommandSeparator: () => CommandSeparator,
@@ -123,7 +123,6 @@ __export(index_exports, {
   DialogOverlay: () => DialogOverlay,
   DialogTitle: () => DialogTitle,
   DialogTrigger: () => DialogTrigger,
-  DiffViewer: () => DiffViewer,
   DropdownMenu: () => DropdownMenu,
   DropdownMenuContent: () => DropdownMenuContent,
   DropdownMenuItem: () => DropdownMenuItem,
@@ -246,12 +245,9 @@ __export(index_exports, {
   commandVariants: () => commandVariants,
   contentProtectionVariants: () => contentProtectionVariants,
   controlsVariants: () => controlsVariants,
-  createDiffViewer: () => createDiffViewer,
   dayVariants: () => dayVariants,
   deviceFrameVariants: () => deviceFrameVariants,
   dialogContentVariants: () => dialogContentVariants,
-  diffViewerTokens: () => diffViewerTokens,
-  diffViewerVariants: () => diffViewerVariants,
   editorVariants: () => editorVariants,
   emojiPickerContainerStyles: () => emojiPickerContainerStyles,
   emojiPickerEmojiButtonStyles: () => emojiPickerEmojiButtonStyles,
@@ -324,6 +320,8 @@ __export(index_exports, {
   shortcutBadgeStyles: () => shortcutBadgeStyles,
   shortcutKeyStyles: () => shortcutKeyStyles,
   shortcutSeparatorStyles: () => shortcutSeparatorStyles,
+  sidebarItemVariants: () => sidebarItemVariants,
+  sidebarVariants: () => sidebarVariants,
   skeletonVariants: () => skeletonVariants,
   slideTypeBadgeVariants: () => slideTypeBadgeVariants,
   slideViewerProgressBarVariants: () => progressBarVariants2,
@@ -331,7 +329,6 @@ __export(index_exports, {
   slideViewerVariants: () => slideViewerVariants,
   statCardVariants: () => statCardVariants,
   statsGridVariants: () => statsGridVariants,
-  statusBarVariants: () => statusBarVariants,
   statusContainerStyles: () => statusContainerStyles,
   statusDotVariants: () => statusDotVariants,
   statusLabelStyles: () => statusLabelStyles,
@@ -339,8 +336,6 @@ __export(index_exports, {
   switchThumbVariants: () => switchThumbVariants,
   switchTokens: () => switchTokens,
   switchVariants: () => switchVariants,
-  tabBarVariants: () => tabBarVariants,
-  tabVariants: () => tabVariants,
   tableVariants: () => tableVariants,
   tabsListVariants: () => tabsListVariants,
   tabsTriggerVariants: () => tabsTriggerVariants,
@@ -869,7 +864,7 @@ AccordionContent.displayName = "AccordionContent";
 
 // ../animated-text/dist/index.js
 function createAnimatedText(props) {
-  const { words} = props;
+  const { words } = props;
   const state = {
     currentIndex: 0
   };
@@ -888,7 +883,7 @@ function createAnimatedText(props) {
   };
 }
 function createTypewriter(props) {
-  const { text} = props;
+  const { text } = props;
   const state = {
     currentIndex: 0
   };
@@ -1145,7 +1140,7 @@ var AuthContext = React41.createContext(null);
 function AuthProvider({ children, ...config }) {
   const authRef = React41.useRef(null);
   if (!authRef.current) {
-    if (!config.adapter) {
+    if (!config.adapter && !config.testMode) {
       throw new Error("[refraction-ui/react-auth] You must provide an `adapter` to AuthProvider.");
     }
     authRef.current = createAuth(config.adapter, config);
@@ -1398,7 +1393,7 @@ Breadcrumbs.displayName = "Breadcrumbs";
 
 // ../button/dist/index.js
 function createButton(props = {}) {
-  const { disabled = false, loading = false, type = "button" } = props;
+  const { disabled = false, loading = false } = props;
   const isInteractive = !disabled && !loading;
   const ariaProps = {};
   if (disabled) {
@@ -4519,13 +4514,13 @@ function extractComponents(content, components) {
   if (!components) return [];
   const extracted = [];
   for (const [name, def] of Object.entries(components)) {
-    const matches = content.matchAll(def.pattern);
-    for (const _match of matches) {
+    const matches = Array.from(content.matchAll(def.pattern));
+    matches.forEach(() => {
       extracted.push({
         name,
         props: { ...def.props }
       });
-    }
+    });
   }
   return extracted;
 }
@@ -4789,7 +4784,7 @@ MobileNavLink.displayName = "MobileNavLink";
 
 // ../navbar/dist/index.js
 function createNavbar(props = {}) {
-  const { links = [], currentPath = "/" } = props;
+  const { currentPath = "/" } = props;
   function isActive(href) {
     if (href === "/") return currentPath === "/";
     return currentPath.startsWith(href);
@@ -4840,7 +4835,7 @@ var Navbar = React41.forwardRef(
     className,
     ...props
   }, ref) => {
-    const api = createNavbar({ links, currentPath});
+    const api = createNavbar({ currentPath});
     const classes = cn(navbarVariants({ variant }), className);
     return /* @__PURE__ */ jsx("header", { ref, className: classes, ...props, children: /* @__PURE__ */ jsxs(
       "nav",
@@ -7335,7 +7330,7 @@ function createResizableLayout(props = {}) {
     maxSizes = [],
     persistKey
   } = props;
-  let sizes = loadSizes(persistKey) ?? [...defaultSizes];
+  const sizes = loadSizes(persistKey) ?? [...defaultSizes];
   let resizingIndex = null;
   let sizesBeforeResize = [];
   function loadSizes(key) {
@@ -9188,464 +9183,6 @@ function DatePicker({
 }
 DatePicker.displayName = "DatePicker";
 
-// ../diff-viewer/dist/index.js
-var extToLanguage = {
-  ts: "typescript",
-  tsx: "typescript",
-  js: "javascript",
-  jsx: "javascript",
-  py: "python",
-  go: "go",
-  rs: "rust",
-  rb: "ruby",
-  java: "java",
-  swift: "swift",
-  kt: "kotlin",
-  dart: "dart",
-  php: "php",
-  lua: "lua",
-  r: "r",
-  scala: "scala",
-  json: "json",
-  yaml: "yaml",
-  yml: "yaml",
-  md: "markdown",
-  html: "html",
-  css: "css",
-  scss: "scss",
-  sql: "sql",
-  sh: "shell",
-  bash: "shell",
-  zsh: "shell",
-  xml: "xml",
-  toml: "toml",
-  proto: "protobuf",
-  dockerfile: "dockerfile",
-  cpp: "cpp",
-  c: "c"
-};
-function getLanguageForFile(filePath) {
-  const ext = filePath.split(".").pop()?.toLowerCase() || "";
-  const basename = filePath.split("/").pop()?.toLowerCase() || "";
-  if (basename === "dockerfile") return "dockerfile";
-  return extToLanguage[ext] || "plaintext";
-}
-var statusIcons = {
-  added: "\u{1F7E2}",
-  // green circle
-  modified: "\u{1F7E1}",
-  // yellow circle
-  deleted: "\u{1F534}",
-  // red circle
-  renamed: "\u{1F535}"
-  // blue circle
-};
-function createDiffViewer(props = {}) {
-  const {
-    files = [],
-    activeFileIndex = 0,
-    viewMode = "side-by-side",
-    theme = "dark",
-    language,
-    sidebarOpen = true,
-    onFileSelect,
-    onViewModeChange,
-    onSidebarToggle
-  } = props;
-  let currentIndex = Math.min(activeFileIndex, Math.max(0, files.length - 1));
-  let currentViewMode = viewMode;
-  let currentSidebarOpen = sidebarOpen;
-  const state = {
-    activeFileIndex: currentIndex,
-    viewMode: currentViewMode,
-    theme,
-    language: language || (files[currentIndex] ? getLanguageForFile(files[currentIndex].path) : "plaintext"),
-    sidebarOpen: currentSidebarOpen,
-    files
-  };
-  const ariaProps = {
-    role: "region",
-    "aria-label": "Diff viewer"
-  };
-  const dataAttributes = {
-    "data-view-mode": currentViewMode,
-    "data-theme": theme,
-    "data-file-count": String(files.length)
-  };
-  if (!currentSidebarOpen) {
-    dataAttributes["data-sidebar-collapsed"] = "";
-  }
-  function selectFile(index) {
-    if (index >= 0 && index < files.length) {
-      currentIndex = index;
-      state.activeFileIndex = index;
-      state.language = language || getLanguageForFile(files[index].path);
-      onFileSelect?.(index);
-    }
-  }
-  function nextFile() {
-    if (currentIndex < files.length - 1) {
-      selectFile(currentIndex + 1);
-    }
-  }
-  function prevFile() {
-    if (currentIndex > 0) {
-      selectFile(currentIndex - 1);
-    }
-  }
-  function toggleViewMode() {
-    currentViewMode = currentViewMode === "side-by-side" ? "inline" : "side-by-side";
-    state.viewMode = currentViewMode;
-    dataAttributes["data-view-mode"] = currentViewMode;
-    onViewModeChange?.(currentViewMode);
-  }
-  function toggleSidebar() {
-    currentSidebarOpen = !currentSidebarOpen;
-    state.sidebarOpen = currentSidebarOpen;
-    if (currentSidebarOpen) {
-      delete dataAttributes["data-sidebar-collapsed"];
-    } else {
-      dataAttributes["data-sidebar-collapsed"] = "";
-    }
-    onSidebarToggle?.();
-  }
-  function totalAdditions() {
-    return files.reduce((sum, f) => sum + f.additions, 0);
-  }
-  function totalDeletions() {
-    return files.reduce((sum, f) => sum + f.deletions, 0);
-  }
-  return {
-    state,
-    ariaProps,
-    dataAttributes,
-    selectFile,
-    nextFile,
-    prevFile,
-    toggleViewMode,
-    toggleSidebar,
-    getLanguageForFile,
-    getFileStatusIcon: (status) => statusIcons[status] || "\u26AA",
-    totalAdditions,
-    totalDeletions
-  };
-}
-var diffViewerTokens = {
-  name: "diff-viewer",
-  tokens: {
-    bg: { variable: "--rfr-diff-bg", fallback: "hsl(var(--background))" },
-    fg: { variable: "--rfr-diff-fg", fallback: "hsl(var(--foreground))" },
-    sidebarBg: { variable: "--rfr-diff-sidebar-bg", fallback: "hsl(var(--muted))" },
-    headerBg: { variable: "--rfr-diff-header-bg", fallback: "hsl(var(--muted))" },
-    border: { variable: "--rfr-diff-border", fallback: "hsl(var(--border))" },
-    addBg: { variable: "--rfr-diff-add-bg", fallback: "rgba(46, 160, 67, 0.15)" },
-    delBg: { variable: "--rfr-diff-del-bg", fallback: "rgba(248, 81, 73, 0.15)" },
-    addFg: { variable: "--rfr-diff-add-fg", fallback: "#3fb950" },
-    delFg: { variable: "--rfr-diff-del-fg", fallback: "#f85149" },
-    statusbar: { variable: "--rfr-diff-statusbar", fallback: "hsl(var(--primary))" },
-    statusbarFg: { variable: "--rfr-diff-statusbar-fg", fallback: "hsl(var(--primary-foreground))" }
-  }
-};
-var diffViewerVariants = cva({
-  base: "flex flex-col overflow-hidden font-sans text-sm",
-  variants: {
-    theme: {
-      light: "bg-white text-gray-900",
-      dark: "bg-gray-950 text-gray-100"
-    },
-    fullscreen: {
-      "true": "h-screen",
-      "false": ""
-    }
-  },
-  defaultVariants: {
-    theme: "dark",
-    fullscreen: "true"
-  }
-});
-var sidebarVariants2 = cva({
-  base: "border-r overflow-auto flex-shrink-0",
-  variants: {
-    theme: {
-      light: "bg-gray-50 border-gray-200",
-      dark: "bg-gray-900 border-gray-800"
-    }
-  },
-  defaultVariants: {
-    theme: "dark"
-  }
-});
-var sidebarItemVariants2 = cva({
-  base: "px-2.5 py-1 cursor-pointer text-xs font-mono transition-colors",
-  variants: {
-    active: {
-      "true": "border-l-2 border-blue-500",
-      "false": "border-l-2 border-transparent"
-    },
-    theme: {
-      light: "",
-      dark: ""
-    }
-  },
-  compoundVariants: [
-    { active: "true", theme: "dark", class: "bg-gray-800 text-gray-100" },
-    { active: "false", theme: "dark", class: "text-gray-400 hover:bg-gray-800/50" },
-    { active: "true", theme: "light", class: "bg-blue-50 text-gray-900" },
-    { active: "false", theme: "light", class: "text-gray-600 hover:bg-gray-100" }
-  ],
-  defaultVariants: {
-    active: "false",
-    theme: "dark"
-  }
-});
-var tabBarVariants = cva({
-  base: "flex items-center border-b overflow-auto flex-shrink-0",
-  variants: {
-    theme: {
-      light: "bg-gray-50 border-gray-200",
-      dark: "bg-gray-900 border-gray-800"
-    }
-  },
-  defaultVariants: {
-    theme: "dark"
-  }
-});
-var tabVariants = cva({
-  base: "px-3 h-[35px] flex items-center gap-1 cursor-pointer text-xs font-mono border-r shrink-0",
-  variants: {
-    active: {
-      "true": "",
-      "false": ""
-    },
-    theme: {
-      light: "border-gray-200",
-      dark: "border-gray-800"
-    }
-  },
-  compoundVariants: [
-    { active: "true", theme: "dark", class: "bg-gray-950 text-gray-100 border-b-gray-950 -mb-px" },
-    { active: "false", theme: "dark", class: "text-gray-400" },
-    { active: "true", theme: "light", class: "bg-white text-gray-900 border-b-white -mb-px" },
-    { active: "false", theme: "light", class: "text-gray-500" }
-  ],
-  defaultVariants: {
-    active: "false",
-    theme: "dark"
-  }
-});
-var statusBarVariants = cva({
-  base: "h-[22px] flex items-center px-2.5 gap-3 text-[11px] font-mono flex-shrink-0",
-  variants: {
-    theme: {
-      light: "bg-blue-600 text-white",
-      dark: "bg-blue-700 text-white"
-    }
-  },
-  defaultVariants: {
-    theme: "dark"
-  }
-});
-var MonacoDiffEditor = React41.lazy(
-  () => import('@monaco-editor/react').then((m) => ({ default: m.DiffEditor }))
-);
-var DiffViewer = React41.forwardRef(
-  ({
-    files,
-    original = "",
-    modified = "",
-    language,
-    monacoTheme = "vs-dark",
-    theme = "dark",
-    viewMode: controlledViewMode = "side-by-side",
-    showSidebar = true,
-    showTabs = true,
-    showStatusBar = true,
-    sidebarWidth = 220,
-    activeFileIndex: controlledIndex = 0,
-    onFileSelect,
-    onViewModeChange,
-    statusBarTitle,
-    statusBarStatus,
-    className,
-    editorOptions
-  }, ref) => {
-    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,
-        viewMode,
-        theme,
-        language,
-        sidebarOpen,
-        onFileSelect: (i) => {
-          setActiveIdx(i);
-          onFileSelect?.(i);
-        },
-        onViewModeChange: (m) => {
-          setViewMode(m);
-          onViewModeChange?.(m);
-        },
-        onSidebarToggle: () => setSidebarOpen((s) => !s)
-      }),
-      [files, activeIdx, viewMode, theme, language, sidebarOpen, onFileSelect, onViewModeChange]
-    );
-    const activeFile = files[activeIdx];
-    const detectedLang = language || (activeFile ? api.getLanguageForFile(activeFile.path) : "plaintext");
-    React41.useEffect(() => {
-      function onKey(e) {
-        if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
-        if (e.key === "j") {
-          setActiveIdx((i) => {
-            const next = Math.min(i + 1, files.length - 1);
-            onFileSelect?.(next);
-            return next;
-          });
-        } else if (e.key === "k") {
-          setActiveIdx((i) => {
-            const prev = Math.max(i - 1, 0);
-            onFileSelect?.(prev);
-            return prev;
-          });
-        } else if (e.key === "b") {
-          setSidebarOpen((s) => !s);
-        }
-      }
-      window.addEventListener("keydown", onKey);
-      return () => window.removeEventListener("keydown", onKey);
-    }, [files.length, onFileSelect]);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(diffViewerVariants({ theme, fullscreen: "true" }), className),
-        ...api.ariaProps,
-        ...api.dataAttributes,
-        children: [
-          /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", overflow: "hidden" }, children: [
-            sidebarOpen && /* @__PURE__ */ jsxs("div", { className: sidebarVariants2({ theme }), style: { width: sidebarWidth }, children: [
-              /* @__PURE__ */ jsxs("div", { className: "px-2.5 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: [
-                "Files (",
-                files.length,
-                ")"
-              ] }),
-              files.map((f, i) => {
-                const active = i === activeIdx;
-                const fname = f.path.split("/").pop() || f.path;
-                const dir = f.path.split("/").slice(0, -1).join("/");
-                return /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    onClick: () => {
-                      setActiveIdx(i);
-                      onFileSelect?.(i);
-                    },
-                    className: sidebarItemVariants2({ active: active ? "true" : "false", theme }),
-                    children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                        /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: api.getFileStatusIcon(f.status) }),
-                        /* @__PURE__ */ jsx("span", { className: active ? "" : "opacity-70", children: fname }),
-                        /* @__PURE__ */ jsxs("span", { className: "ml-auto text-[10px]", children: [
-                          /* @__PURE__ */ jsxs("span", { className: "text-green-500", children: [
-                            "+",
-                            f.additions
-                          ] }),
-                          f.deletions > 0 && /* @__PURE__ */ jsxs("span", { className: "text-red-500", children: [
-                            "-",
-                            f.deletions
-                          ] })
-                        ] })
-                      ] }),
-                      dir && /* @__PURE__ */ jsx("div", { className: "text-[10px] opacity-50 mt-0.5 pl-4", children: dir })
-                    ]
-                  },
-                  f.path
-                );
-              })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: [
-              showTabs && activeFile && /* @__PURE__ */ jsx("div", { className: tabBarVariants({ theme }), children: files.map((f, i) => {
-                const active = i === activeIdx;
-                const fname = f.path.split("/").pop() || f.path;
-                return /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    onClick: () => {
-                      setActiveIdx(i);
-                      onFileSelect?.(i);
-                    },
-                    className: tabVariants({ active: active ? "true" : "false", theme }),
-                    children: [
-                      /* @__PURE__ */ jsx("span", { className: "text-[9px]", children: api.getFileStatusIcon(f.status) }),
-                      fname
-                    ]
-                  },
-                  f.path
-                );
-              }) }),
-              /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
-                React41.Suspense,
-                {
-                  fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-xs opacity-50", children: "Loading editor..." }),
-                  children: /* @__PURE__ */ jsx(
-                    MonacoDiffEditor,
-                    {
-                      original,
-                      modified,
-                      language: detectedLang,
-                      theme: monacoTheme,
-                      options: {
-                        readOnly: true,
-                        renderSideBySide: viewMode === "side-by-side",
-                        minimap: { enabled: true, scale: 1, showSlider: "mouseover" },
-                        fontSize: 13,
-                        lineHeight: 20,
-                        fontFamily: "'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace",
-                        fontLigatures: true,
-                        scrollBeyondLastLine: false,
-                        renderOverviewRuler: true,
-                        scrollbar: { verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },
-                        padding: { top: 8, bottom: 8 },
-                        renderWhitespace: "selection",
-                        bracketPairColorization: { enabled: true },
-                        guides: { indentation: true },
-                        smoothScrolling: true,
-                        cursorBlinking: "smooth",
-                        ...editorOptions
-                      }
-                    }
-                  )
-                }
-              ) })
-            ] })
-          ] }),
-          showStatusBar && /* @__PURE__ */ jsxs("div", { className: statusBarVariants({ theme }), children: [
-            statusBarTitle && /* @__PURE__ */ jsx("span", { children: statusBarTitle }),
-            activeFile && /* @__PURE__ */ jsx("span", { children: activeFile.path }),
-            /* @__PURE__ */ jsxs("span", { style: { marginLeft: "auto" }, children: [
-              "+",
-              api.totalAdditions(),
-              " -",
-              api.totalDeletions()
-            ] }),
-            statusBarStatus && /* @__PURE__ */ jsx("span", { children: statusBarStatus }),
-            /* @__PURE__ */ jsxs("span", { children: [
-              files.length,
-              " ",
-              files.length === 1 ? "file" : "files"
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-);
-DiffViewer.displayName = "DiffViewer";
-
 // ../emoji-picker/dist/index.js
 var EMOJI_DATA = {
   smileys: [
@@ -11854,7 +11391,7 @@ function createThreadView(props) {
       "aria-label": `Message from ${message.author.name}${isOwn ? " (you)" : ""} at ${formatTimestamp(message.timestamp)}`
     };
   }
-  function getReplyButtonAriaProps(messageId) {
+  function getReplyButtonAriaProps(_messageId) {
     return {
       role: "button",
       "aria-label": `Reply to message`
@@ -12194,7 +11731,7 @@ var CodeBlock = () => {
 };
 
 // ../link-card/dist/index.js
-function createLinkCard(props = {}) {
+function createLinkCard(_props = {}) {
   return {
     dataAttributes: { "data-slot": "link-card" }
   };
@@ -12216,7 +11753,7 @@ var LinkCard = React41.forwardRef(
 LinkCard.displayName = "LinkCard";
 
 // ../card-grid/dist/index.js
-function createCardGrid(props = {}) {
+function createCardGrid(_props = {}) {
   return {
     dataAttributes: { "data-slot": "card-grid" }
   };
@@ -12300,196 +11837,6 @@ var PaymentButton = React41.forwardRef(
 );
 PaymentButton.displayName = "PaymentButton";
 
-// ../command-input/dist/index.js
-var CommandInput2 = class {
-  state = {
-    nodes: [],
-    rawText: "",
-    cursorPosition: 0,
-    activeTrigger: null,
-    activeCommandText: null
-  };
-  options;
-  constructor(options) {
-    this.options = { ...options };
-  }
-  handleInput(text, cursorPosition) {
-    this.state.rawText = text;
-    this.state.cursorPosition = cursorPosition;
-    this.parseInput();
-    this.notifyStateChange();
-  }
-  handleKeyDown(key, event) {
-    if (this.state.activeTrigger) {
-      if (key === "Escape") {
-        if (event) event.preventDefault();
-        this.state.activeTrigger = null;
-        this.state.activeCommandText = null;
-        if (this.options.onCommandCancel) {
-          this.options.onCommandCancel();
-        }
-        this.notifyStateChange();
-      } else if (key === "Enter") {
-        if (event) event.preventDefault();
-        const trigger = this.state.activeTrigger;
-        const text = this.state.activeCommandText || "";
-        this.state.activeTrigger = null;
-        this.state.activeCommandText = null;
-        if (this.options.onCommandCommit) {
-          this.options.onCommandCommit(trigger, text);
-        }
-        this.notifyStateChange();
-      }
-    }
-  }
-  get value() {
-    return this.state.nodes;
-  }
-  getState() {
-    return { ...this.state };
-  }
-  parseInput() {
-    const { rawText, cursorPosition } = this.state;
-    this.state.activeTrigger = null;
-    this.state.activeCommandText = null;
-    for (let i = cursorPosition - 1; i >= 0; i--) {
-      const char = rawText[i];
-      const matchedTrigger = this.options.triggers.find((t) => t.char === char);
-      if (matchedTrigger) {
-        const isStartOfWord = i === 0 || /\\s/.test(rawText[i - 1]);
-        if (isStartOfWord) {
-          const commandText = rawText.slice(i + 1, cursorPosition);
-          if (!/\\s/.test(commandText)) {
-            let isValid = true;
-            if (matchedTrigger.pattern) {
-              isValid = matchedTrigger.pattern.test(commandText);
-            }
-            if (isValid) {
-              this.state.activeTrigger = matchedTrigger;
-              this.state.activeCommandText = commandText;
-              if (this.options.onCommandTriggered) {
-                this.options.onCommandTriggered(matchedTrigger, commandText);
-              }
-            }
-          }
-        }
-        break;
-      }
-      if (/\\s/.test(char)) {
-        break;
-      }
-    }
-    const nodes = [];
-    if (this.options.triggers.length === 0) {
-      nodes.push({ type: "text", text: rawText });
-      this.state.nodes = nodes;
-      return;
-    }
-    const triggerChars = this.options.triggers.map((t) => t.char.replace(/[.*+?^\${}()|[\\]\\\\]/g, "\\\\$&"));
-    const patternStr = `(^|\\\\s)(${triggerChars.join("|")})([^\\\\s]*)`;
-    const regex = new RegExp(patternStr, "g");
-    let currentIndex = 0;
-    let match;
-    while ((match = regex.exec(rawText)) !== null) {
-      const precedingWhitespace = match[1];
-      const triggerChar = match[2];
-      const commandText = match[3];
-      const matchStart = match.index;
-      const triggerStart = matchStart + precedingWhitespace.length;
-      const triggerConfig = this.options.triggers.find((t) => t.char === triggerChar);
-      let isValid = true;
-      if (triggerConfig?.pattern && commandText.length > 0) {
-        isValid = triggerConfig.pattern.test(commandText);
-      }
-      if (isValid) {
-        if (triggerStart > currentIndex) {
-          nodes.push({ type: "text", text: rawText.slice(currentIndex, triggerStart) });
-        }
-        nodes.push({ type: "command", trigger: triggerChar, text: commandText });
-        currentIndex = regex.lastIndex;
-      }
-    }
-    if (currentIndex < rawText.length) {
-      nodes.push({ type: "text", text: rawText.slice(currentIndex) });
-    }
-    this.state.nodes = nodes;
-  }
-  notifyStateChange() {
-    if (this.options.onStateChange) {
-      this.options.onStateChange({ ...this.state });
-    }
-  }
-};
-var CommandInput3 = forwardRef(
-  ({
-    value = "",
-    onChange,
-    triggers = [],
-    renderPopover,
-    className,
-    ...props
-  }, ref) => {
-    const localRef = useRef(null);
-    const containerRef = ref || localRef;
-    const [popoverState, setPopoverState] = useState({
-      isOpen: false,
-      trigger: "",
-      search: "",
-      position: { top: 0, left: 0 }
-    });
-    const coreRef = useRef(null);
-    useEffect(() => {
-      if (containerRef.current && !coreRef.current) {
-        coreRef.current = new CommandInput2({
-          triggers,
-          onCommandTriggered: (trigger, search) => {
-            setPopoverState({
-              isOpen: true,
-              trigger: trigger.char,
-              search,
-              position: { top: 0, left: 0 }
-            });
-          },
-          onCommandCancel: () => {
-            setPopoverState((prev) => ({ ...prev, isOpen: false }));
-          },
-          onStateChange: (state) => {
-            onChange?.(state.rawText);
-          }
-        });
-      }
-    }, [triggers, onChange]);
-    useEffect(() => {
-      if (containerRef.current && containerRef.current.innerHTML !== value && coreRef.current) {
-        containerRef.current.innerHTML = value;
-      }
-    }, [value]);
-    return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full", className), children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: containerRef,
-          contentEditable: true,
-          suppressContentEditableWarning: true,
-          className: "w-full min-h-[40px] p-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500",
-          onInput: (e) => {
-            coreRef.current?.handleInput(e.currentTarget.textContent || "", 0);
-          },
-          onKeyDown: (e) => {
-            coreRef.current?.handleKeyDown(e.key, e);
-          },
-          ...props
-        }
-      ),
-      renderPopover && renderPopover({
-        ...popoverState,
-        close: () => setPopoverState((prev) => ({ ...prev, isOpen: false }))
-      })
-    ] });
-  }
-);
-CommandInput3.displayName = "CommandInput";
-
-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, 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, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PresenceIndicator, ProgressBar, RadioGroup, RadioItem, ReactionBar, ResizableDivider, ResizableLayout, ResizablePane, STATUS_COLORS2 as STATUS_COLORS, STATUS_LABELS2 as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, Select, SelectContent, SelectItem, SelectTrigger, ShortcutBadge, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, StatsGrid, StatusIndicator, Steps, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeScript, ThemeToggle, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, animatedTextVariants, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, 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 };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AnimatedText, AppShell, AuthGuard, AuthProvider, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, Breadcrumbs, Button, CATEGORY_LABELS, Calendar, CalendarHeader, Callout, Card2 as Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Checkbox, CodeBlock, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, ContentProtection, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_DATA, EmojiPicker, FeedbackButton, FeedbackDialog, FileUpload, Footer, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KeyboardShortcut, LanguageSelector, LinkCard, MarkdownRenderer, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PresenceIndicator, ProgressBar, RadioGroup, RadioItem, ReactionBar, ResizableDivider, ResizableLayout, ResizablePane, STATUS_COLORS2 as STATUS_COLORS, STATUS_LABELS2 as STATUS_LABELS, SearchBar, SearchResultItem, SearchResults, Select, SelectContent, SelectItem, SelectTrigger, ShortcutBadge, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, StatsGrid, StatusIndicator, Steps, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeScript, ThemeToggle, ThreadView, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoPlayer, animatedTextVariants, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, contentProtectionVariants, controlsVariants, dayVariants, deviceFrameVariants, dialogContentVariants, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAssignableRoles, getDefaultPortal, getInitials, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, navLinkVariants, navbarVariants, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, rowVariants, searchBarVariants, searchResultVariants, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants, selectorVariants, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, progressBarVariants2 as slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, statCardVariants, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toastVariants, toolbarVariants, tooltipContentVariants, typewriterVariants, useAuth, useTheme, useToast, optionVariants2 as versionSelectorOptionVariants, versionSelectorVariants, watermarkVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map