@refraction-ui/react 0.21.0 → 0.23.0

package/dist/index.cjs

@@ -767,7 +767,7 @@ var init_dist = __esm({
   }
 });
 
-// ../logger/dist/chunk-57LG5ZUS.js
+// ../logger/dist/chunk-OEINJBSK.js
 async function createFaroSink(opts) {
   const transport = opts.transport ?? await loadFaroTransport(opts);
   if (!transport) return null;
@@ -788,10 +788,12 @@ async function loadFaroTransport(opts) {
     const sdkName = "@grafana/faro-web-sdk";
     const tracingName = "@grafana/faro-web-tracing";
     const sdk = await import(
+      /* webpackIgnore: true */
       /* @vite-ignore */
       sdkName
     );
     const tracing = await import(
+      /* webpackIgnore: true */
       /* @vite-ignore */
       tracingName
     );
@@ -833,8 +835,8 @@ function flatten(ctx) {
   return out;
 }
 var FARO_LEVEL;
-var init_chunk_57LG5ZUS = __esm({
-  "../logger/dist/chunk-57LG5ZUS.js"() {
+var init_chunk_OEINJBSK = __esm({
+  "../logger/dist/chunk-OEINJBSK.js"() {
     FARO_LEVEL = {
       debug: "debug",
       info: "info",
@@ -845,14 +847,14 @@ var init_chunk_57LG5ZUS = __esm({
   }
 });
 
-// ../logger/dist/faro-engine-47HGRAQH.js
-var faro_engine_47HGRAQH_exports = {};
-__export(faro_engine_47HGRAQH_exports, {
+// ../logger/dist/faro-engine-VIUXJAPH.js
+var faro_engine_VIUXJAPH_exports = {};
+__export(faro_engine_VIUXJAPH_exports, {
   createFaroSink: () => createFaroSink
 });
-var init_faro_engine_47HGRAQH = __esm({
-  "../logger/dist/faro-engine-47HGRAQH.js"() {
-    init_chunk_57LG5ZUS();
+var init_faro_engine_VIUXJAPH = __esm({
+  "../logger/dist/faro-engine-VIUXJAPH.js"() {
+    init_chunk_OEINJBSK();
   }
 });
 
@@ -1773,7 +1775,7 @@ function createBadge(props = {}) {
   };
 }
 var badgeVariants = cva({
-  base: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  base: "inline-flex items-center rounded-full border font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   variants: {
     variant: {
       default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
@@ -2072,7 +2074,7 @@ var buttonTokens = {
   }
 };
 var buttonVariants = cva({
-  base: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  base: "inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
@@ -2093,9 +2095,11 @@ var buttonVariants = cva({
     size: {
       xs: "h-7 rounded px-2 text-xs",
       sm: "h-8 rounded-md px-3 text-xs",
-      default: "h-9 px-4 py-2",
-      lg: "h-10 rounded-md px-8",
-      icon: "h-9 w-9"
+      default: "h-9 rounded-md px-4 py-2 text-sm",
+      lg: "h-10 rounded-md px-8 text-sm",
+      icon: "h-9 w-9 rounded-md text-sm",
+      "icon-sm": "h-8 w-8 rounded-md text-xs",
+      "icon-xs": "h-7 w-7 rounded text-xs"
     }
   },
   defaultVariants: {
@@ -2417,7 +2421,9 @@ var Button = React52__namespace.forwardRef(
       return React52__namespace.cloneElement(children, {
         ref: mergedRef,
         className: cn(classes, children.props.className, "relative"),
-        type: getButtonType({ type: props.type }),
+        // `type` is only meaningful on a <button>; forcing type="button" onto
+        // an <a> changes its semantics (it becomes a MIME-type hint).
+        ...children.type === "button" || props.type ? { type: getButtonType({ type: props.type }) } : {},
         ...api.ariaProps,
         ...api.dataAttributes,
         ...props,
@@ -4305,26 +4311,49 @@ function useCommandContext() {
   }
   return ctx;
 }
+function itemValueOf(value, children) {
+  if (value !== void 0) return value;
+  if (typeof children === "string" || typeof children === "number") return String(children);
+  return "";
+}
+function collectItems(node, into) {
+  React52__namespace.Children.forEach(node, (child) => {
+    if (!React52__namespace.isValidElement(child)) return;
+    if (child.type === CommandItem) {
+      const value = itemValueOf(child.props.value, child.props.children);
+      into.push({ id: value, value, label: value, disabled: child.props.disabled });
+      return;
+    }
+    collectItems(child.props.children, into);
+  });
+  return into;
+}
+var defaultFilter3 = (value, search) => value.toLowerCase().includes(search.toLowerCase());
 function Command({
   open,
   onOpenChange,
-  filter,
+  filter = defaultFilter3,
   className,
   children
 }) {
-  const [items, setItems] = React52__namespace.useState([]);
+  const [registered, setRegistered] = React52__namespace.useState(() => /* @__PURE__ */ new Map());
   const [search, setSearch] = React52__namespace.useState("");
   const [selectedIndex, setSelectedIndex] = React52__namespace.useState(0);
-  const apiRef = React52__namespace.useRef(null);
-  const api = React52__namespace.useMemo(() => {
-    const instance = createCommand({ open, onOpenChange, filter }, items);
-    if (search) {
-      instance.search(search);
-    }
-    apiRef.current = instance;
-    return instance;
-  }, [open, onOpenChange, filter, items, search]);
-  const filteredItems = api.state.filteredItems;
+  const uid = React52__namespace.useId().replace(/:/g, "");
+  const listId = `rfr-cmd-list-${uid}`;
+  const inputId = `rfr-cmd-input-${uid}`;
+  const api = React52__namespace.useMemo(() => createCommand({ open, onOpenChange, filter }), [open, onOpenChange, filter]);
+  const items = React52__namespace.useMemo(() => {
+    const all = collectItems(children, []);
+    const known = new Set(all.map((i) => i.value));
+    for (const [value, item] of registered) {
+      if (!known.has(value)) all.push({ id: value, value, label: value, disabled: item.disabled });
+    }
+    return all;
+  }, [children, registered]);
+  const matches = React52__namespace.useCallback((value) => !search || filter(value, search), [filter, search]);
+  const filteredItems = React52__namespace.useMemo(() => items.filter((i) => matches(i.value)), [items, matches]);
+  const highlighted = filteredItems[selectedIndex];
   const handleSearch = React52__namespace.useCallback((query) => {
     setSearch(query);
     setSelectedIndex(0);
@@ -4332,57 +4361,59 @@ function Command({
   const handleSelect = React52__namespace.useCallback((index2) => {
     setSelectedIndex(index2);
   }, []);
-  const registerItem = React52__namespace.useCallback((item) => {
-    setItems((prev) => {
-      if (prev.some((i) => i.id === item.id)) return prev;
-      return [...prev, item];
+  const registerItem = React52__namespace.useCallback((value, item) => {
+    setRegistered((prev) => {
+      const current = prev.get(value);
+      if (current && current.domId === item.domId && current.disabled === item.disabled) return prev;
+      const next = new Map(prev);
+      next.set(value, item);
+      return next;
     });
   }, []);
-  const unregisterItem = React52__namespace.useCallback((id) => {
-    setItems((prev) => prev.filter((i) => i.id !== id));
+  const unregisterItem = React52__namespace.useCallback((value) => {
+    setRegistered((prev) => {
+      if (!prev.has(value)) return prev;
+      const next = new Map(prev);
+      next.delete(value);
+      return next;
+    });
   }, []);
-  const handleKeyDown = React52__namespace.useCallback(
-    (e) => {
-      const handler = createKeyboardHandler({
-        [Keys.ArrowDown]: (ev) => {
-          ev.preventDefault();
-          if (filteredItems.length > 0) {
-            setSelectedIndex((prev) => (prev + 1) % filteredItems.length);
-          }
-        },
-        [Keys.ArrowUp]: (ev) => {
-          ev.preventDefault();
-          if (filteredItems.length > 0) {
-            setSelectedIndex((prev) => (prev - 1 + filteredItems.length) % filteredItems.length);
-          }
-        },
-        [Keys.Enter]: (ev) => {
-          ev.preventDefault();
-        },
-        [Keys.Escape]: (ev) => {
-          ev.preventDefault();
-          onOpenChange?.(false);
-        }
-      });
-      handler(e.nativeEvent);
-    },
-    [filteredItems.length, onOpenChange]
-  );
-  const ctx = React52__namespace.useMemo(
-    () => ({
-      search,
-      onSearch: handleSearch,
-      selectedIndex,
-      onSelect: handleSelect,
-      items,
-      filteredItems,
-      registerItem,
-      unregisterItem,
-      listId: api.ids.list,
-      inputId: api.ids.input
-    }),
-    [search, handleSearch, selectedIndex, handleSelect, items, filteredItems, registerItem, unregisterItem, api.ids.list, api.ids.input]
-  );
+  const handleKeyDown = (e) => {
+    const count = filteredItems.length;
+    const handler = createKeyboardHandler({
+      [Keys.ArrowDown]: (ev) => {
+        ev.preventDefault();
+        if (count > 0) setSelectedIndex((prev) => (prev + 1) % count);
+      },
+      [Keys.ArrowUp]: (ev) => {
+        ev.preventDefault();
+        if (count > 0) setSelectedIndex((prev) => (prev - 1 + count) % count);
+      },
+      [Keys.Enter]: (ev) => {
+        ev.preventDefault();
+        if (highlighted && !highlighted.disabled) registered.get(highlighted.value)?.select();
+      },
+      [Keys.Escape]: (ev) => {
+        ev.preventDefault();
+        onOpenChange?.(false);
+      }
+    });
+    handler(e.nativeEvent);
+  };
+  const ctx = {
+    search,
+    onSearch: handleSearch,
+    selectedIndex,
+    onSelect: handleSelect,
+    items,
+    filteredItems,
+    matches,
+    registerItem,
+    unregisterItem,
+    activeDescendant: highlighted ? registered.get(highlighted.value)?.domId : void 0,
+    listId,
+    inputId
+  };
   return React52__namespace.createElement(
     CommandContext.Provider,
     { value: ctx },
@@ -4391,6 +4422,8 @@ function Command({
       {
         className: cn(commandVariants(), className),
         ...api.ariaProps,
+        "aria-owns": listId,
+        id: `rfr-cmd-${uid}`,
         onKeyDown: handleKeyDown
       },
       children
@@ -4399,7 +4432,7 @@ function Command({
 }
 var CommandInput = React52__namespace.forwardRef(
   function CommandInput2({ className, onChange, ...props }, ref) {
-    const { search, onSearch, inputId, listId } = useCommandContext();
+    const { search, onSearch, inputId, listId, activeDescendant } = useCommandContext();
     const handleChange = (e) => {
       onSearch(e.target.value);
       onChange?.(e);
@@ -4411,6 +4444,7 @@ var CommandInput = React52__namespace.forwardRef(
       role: "searchbox",
       "aria-autocomplete": "list",
       "aria-controls": listId,
+      "aria-activedescendant": activeDescendant,
       value: search,
       onChange: handleChange,
       className: cn(commandInputVariants(), className),
@@ -4472,21 +4506,38 @@ var CommandGroup = React52__namespace.forwardRef(
   }
 );
 var CommandItem = React52__namespace.forwardRef(
-  function CommandItem2({ className, value, disabled, onSelect: onItemSelect, children, ...props }, ref) {
-    const state = disabled ? "disabled" : "default";
+  function CommandItem2({ className, value, disabled = false, onSelect: onItemSelect, onClick, onMouseMove, children, ...props }, ref) {
+    const { matches, filteredItems, selectedIndex, onSelect, registerItem, unregisterItem } = useCommandContext();
+    const itemValue = itemValueOf(value, children);
+    const domId = `rfr-cmd-item-${React52__namespace.useId().replace(/:/g, "")}`;
+    const onSelectRef = React52__namespace.useRef(onItemSelect);
+    onSelectRef.current = onItemSelect;
+    React52__namespace.useEffect(() => {
+      registerItem(itemValue, { domId, disabled, select: () => onSelectRef.current?.() });
+    }, [registerItem, itemValue, domId, disabled]);
+    React52__namespace.useEffect(() => () => unregisterItem(itemValue), [unregisterItem, itemValue]);
+    if (!matches(itemValue)) return null;
+    const index2 = filteredItems.findIndex((i) => i.value === itemValue);
+    const isSelected = index2 !== -1 && index2 === selectedIndex;
+    const state = disabled ? "disabled" : isSelected ? "selected" : "default";
     return React52__namespace.createElement(
       "div",
       {
         ref,
+        id: domId,
         role: "option",
-        "aria-selected": false,
-        "aria-disabled": disabled ?? false,
-        "data-value": value,
+        "aria-selected": isSelected,
+        "aria-disabled": disabled,
+        "data-value": itemValue,
+        "data-selected": isSelected ? "" : void 0,
         className: cn(commandItemVariants({ state }), className),
-        onClick: () => {
-          if (!disabled) {
-            onItemSelect?.();
-          }
+        onClick: (e) => {
+          onClick?.(e);
+          if (!disabled && !e.defaultPrevented) onItemSelect?.();
+        },
+        onMouseMove: (e) => {
+          onMouseMove?.(e);
+          if (index2 !== -1 && index2 !== selectedIndex) onSelect(index2);
         },
         ...props
       },
@@ -10203,11 +10254,11 @@ function MessageBody({ message }) {
     message.status === "error" ? h2("div", { className: "mt-1 text-xs text-destructive", role: "alert" }, message.error ?? "Failed to send.") : null
   );
 }
-function Reactions({ message, onReact, align }) {
+function Reactions({ message, onReact, align: align2 }) {
   if (!message.reactions || message.reactions.length === 0) return null;
   return h2(
     "div",
-    { className: cn("mt-1 flex flex-wrap gap-1", align === "end" && "justify-end") },
+    { className: cn("mt-1 flex flex-wrap gap-1", align2 === "end" && "justify-end") },
     ...message.reactions.map(
       (r) => h2(
         "button",
@@ -10244,7 +10295,7 @@ function HoverActions({
   isOwn,
   onEdit,
   onToggleEmojis,
-  align
+  align: align2
 }) {
   const { replyTo, deleteMessage } = conversation;
   return h2(
@@ -10252,7 +10303,7 @@ function HoverActions({
     {
       className: cn(
         "mt-1 flex items-center gap-3 text-xs text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100",
-        align === "end" && "justify-end"
+        align2 === "end" && "justify-end"
       )
     },
     // Reply targets this specific message but groups under the originating root.
@@ -10262,10 +10313,10 @@ function HoverActions({
     isOwn ? h2("button", { type: "button", className: "hover:text-destructive", onClick: () => deleteMessage(message.id) }, "Delete") : null
   );
 }
-function EmojiRow({ onPick, align }) {
+function EmojiRow({ onPick, align: align2 }) {
   return h2(
     "div",
-    { className: cn("mt-1 flex gap-1", align === "end" && "justify-end") },
+    { className: cn("mt-1 flex gap-1", align2 === "end" && "justify-end") },
     ...QUICK_EMOJIS.map(
       (emoji) => h2("button", { key: emoji, type: "button", className: "rounded px-1 text-base hover:bg-accent", onClick: () => onPick(emoji) }, emoji)
     )
@@ -10314,25 +10365,25 @@ function MessageRow({
   const [editing, setEditing] = React52__namespace.useState(false);
   const isUser = currentUserId ? message.author.id === currentUserId : message.role === "user";
   const replyCount = getReplyCount(state.messages, message.id);
-  const align = isUser ? "end" : "start";
+  const align2 = isUser ? "end" : "start";
   const inner = h2(
     React52__namespace.Fragment,
     null,
     quotedParent ? h2(QuotedParent, { parent: quotedParent, onClick: () => openThread(rootIdOf(state.messages, quotedParent.id)) }) : null,
     editing ? h2(EditField, { message, conversation, onDone: () => setEditing(false) }) : isUser ? h2("div", { className: "inline-block rounded-2xl rounded-br-sm bg-primary/10 px-3 py-2 text-left" }, h2(MessageBody, { message })) : h2(MessageBody, { message }),
-    h2(Reactions, { message, onReact: (e) => react(message.id, e), align }),
+    h2(Reactions, { message, onReact: (e) => react(message.id, e), align: align2 }),
     showThreadAffordance && replyCount > 0 ? h2(
       "button",
-      { type: "button", className: cn("mt-1 text-xs font-medium text-primary hover:underline", align === "end" && "self-end"), onClick: () => openThread(message.id) },
+      { type: "button", className: cn("mt-1 text-xs font-medium text-primary hover:underline", align2 === "end" && "self-end"), onClick: () => openThread(message.id) },
       `\u{1F4AC} ${replyCount} ${replyCount === 1 ? "reply" : "replies"}`
     ) : null,
-    h2(HoverActions, { message, conversation, isOwn: isUser, onEdit: () => setEditing(true), onToggleEmojis: () => setShowEmojis((v2) => !v2), align }),
+    h2(HoverActions, { message, conversation, isOwn: isUser, onEdit: () => setEditing(true), onToggleEmojis: () => setShowEmojis((v2) => !v2), align: align2 }),
     showEmojis ? h2(EmojiRow, {
       onPick: (e) => {
         react(message.id, e);
         setShowEmojis(false);
       },
-      align
+      align: align2
     }) : null
   );
   if (!isUser) {
@@ -10925,6 +10976,15 @@ var CookieConsent = React52__namespace.forwardRef(
 );
 
 // ../data-table/dist/index.js
+function resolveColumnAlign(col) {
+  return col.align ?? (col.numeric ? "end" : "start");
+}
+function getColumnValue(col, row) {
+  return col.accessor ? col.accessor(row) : void 0;
+}
+function resolveRowKey(row, index2, getRowKey) {
+  return getRowKey ? getRowKey(row, index2) : index2;
+}
 function createDataTable(props) {
   const {
     columns,
@@ -10942,10 +11002,10 @@ function createDataTable(props) {
     for (const [columnId, filterValue] of Object.entries(filters)) {
       if (!filterValue) continue;
       const col = columns.find((c) => c.id === columnId);
-      if (!col) continue;
+      if (!col?.accessor) continue;
       const lowerFilter = filterValue.toLowerCase();
       result = result.filter((row) => {
-        const cellValue = col.accessor(row);
+        const cellValue = getColumnValue(col, row);
         return String(cellValue ?? "").toLowerCase().includes(lowerFilter);
       });
     }
@@ -10955,10 +11015,10 @@ function createDataTable(props) {
     const filtered = getFilteredData();
     if (!sortBy) return filtered;
     const col = columns.find((c) => c.id === sortBy);
-    if (!col) return filtered;
+    if (!col?.accessor) return filtered;
     return [...filtered].sort((a, b) => {
-      const aVal = col.accessor(a);
-      const bVal = col.accessor(b);
+      const aVal = getColumnValue(col, a);
+      const bVal = getColumnValue(col, b);
       const aStr = String(aVal ?? "");
       const bStr = String(bVal ?? "");
       const cmp = aStr.localeCompare(bStr, void 0, { numeric: true });
@@ -11078,8 +11138,18 @@ var rowVariants = cva({
     selected: "false"
   }
 });
-
-// ../react-data-table/dist/index.js
+var dataTableAlignClass = {
+  start: "text-start",
+  center: "text-center",
+  end: "text-end"
+};
+var dataTableNumericClass = "tabular-nums whitespace-nowrap";
+var dataTableSortButtonClass = "inline-flex items-center gap-1 rounded-sm font-inherit text-inherit focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+var dataTableActionRowClass = "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring";
+var ACTIVATION_KEYS = /* @__PURE__ */ new Set(["Enter", " "]);
+function filterLabel(header, id) {
+  return typeof header === "string" || typeof header === "number" ? String(header) : id;
+}
 function DataTable({
   columns,
   data,
@@ -11088,13 +11158,21 @@ function DataTable({
   onSort,
   filters: controlledFilters,
   className,
-  emptyMessage = "No data available"
+  emptyMessage = "No data available",
+  getRowKey,
+  getRowProps,
+  onRowClick,
+  caption,
+  wrapperClassName,
+  ...tableProps
 }) {
   const [sortBy, setSortBy] = React52__namespace.useState(controlledSortBy ?? null);
   const [sortDir, setSortDir] = React52__namespace.useState(controlledSortDir);
   const [filters, setFilters] = React52__namespace.useState(controlledFilters ?? {});
   const api = React52__namespace.useMemo(
     () => createDataTable({
+      // The core only reads id/accessor/sortable/filterable; header and cell
+      // are rendered here.
       columns,
       data,
       sortBy: sortBy ?? void 0,
@@ -11104,119 +11182,100 @@ function DataTable({
     }),
     [columns, data, sortBy, sortDir, onSort, filters]
   );
-  const handleSort = React52__namespace.useCallback(
-    (columnId) => {
-      const col = columns.find((c) => c.id === columnId);
-      if (!col?.sortable) return;
-      let newDir = "asc";
-      if (sortBy === columnId) {
-        newDir = sortDir === "asc" ? "desc" : "asc";
-      }
-      setSortBy(columnId);
-      setSortDir(newDir);
-      onSort?.(columnId, newDir);
-    },
-    [columns, sortBy, sortDir, onSort]
-  );
-  const handleFilter = React52__namespace.useCallback(
-    (columnId, value) => {
-      setFilters((prev) => ({ ...prev, [columnId]: value }));
-    },
-    []
-  );
-  const sortedData = api.state.sortedData;
+  const handleSort = (columnId) => {
+    const col = columns.find((c) => c.id === columnId);
+    if (!col?.sortable) return;
+    const newDir = sortBy === columnId && sortDir === "asc" ? "desc" : "asc";
+    setSortBy(columnId);
+    setSortDir(newDir);
+    onSort?.(columnId, newDir);
+  };
+  const handleFilter = (columnId, value) => {
+    setFilters((prev) => ({ ...prev, [columnId]: value }));
+  };
+  const rows = api.state.sortedData;
   const hasFilterable = columns.some((c) => c.filterable);
-  return React52__namespace.createElement(
-    "div",
-    { className: "relative w-full overflow-auto" },
-    React52__namespace.createElement(
-      "table",
-      {
-        className: cn(tableVariants(), className),
-        role: "table"
+  const rowElementProps = (row, index2) => {
+    const extra = getRowProps?.(row, index2) ?? {};
+    if (!onRowClick) return extra;
+    return {
+      tabIndex: 0,
+      ...extra,
+      className: cn(dataTableActionRowClass, extra.className),
+      onClick: (e) => {
+        extra.onClick?.(e);
+        if (!e.defaultPrevented) onRowClick(row, index2);
       },
-      // thead
-      React52__namespace.createElement(
-        "thead",
-        null,
-        // Header row
-        React52__namespace.createElement(
-          "tr",
-          { role: "row" },
-          ...columns.map((col) => {
-            const headerProps = api.getHeaderProps(col);
-            return React52__namespace.createElement(
-              "th",
-              {
-                key: col.id,
-                ...headerProps,
-                className: headerVariants({ sortable: col.sortable ? "true" : "false" }),
-                onClick: col.sortable ? () => handleSort(col.id) : void 0
-              },
+      onKeyDown: (e) => {
+        extra.onKeyDown?.(e);
+        if (e.defaultPrevented || e.target !== e.currentTarget || !ACTIVATION_KEYS.has(e.key)) return;
+        e.preventDefault();
+        onRowClick(row, index2);
+      }
+    };
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative w-full overflow-auto", wrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: cn(tableVariants(), className), role: "table", ...tableProps, children: [
+    caption != null && /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "mt-2 caption-bottom text-xs text-muted-foreground", children: caption }),
+    /* @__PURE__ */ jsxRuntime.jsxs("thead", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("tr", { role: "row", children: columns.map((col) => {
+        const headerProps = api.getHeaderProps(col);
+        const align2 = resolveColumnAlign(col);
+        const indicator = col.sortable && sortBy === col.id ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: sortDir === "asc" ? "\u2191" : "\u2193" }) : null;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "th",
+          {
+            ...headerProps,
+            className: cn(
+              headerVariants({ sortable: col.sortable ? "true" : "false" }),
+              dataTableAlignClass[align2],
+              col.headerClassName
+            ),
+            children: col.sortable ? /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: dataTableSortButtonClass, onClick: () => handleSort(col.id), children: [
               col.header,
-              col.sortable && sortBy === col.id ? React52__namespace.createElement("span", { "aria-hidden": true }, sortDir === "asc" ? " \u2191" : " \u2193") : null
-            );
-          })
-        ),
-        // Filter row
-        hasFilterable ? React52__namespace.createElement(
-          "tr",
-          { role: "row", "data-filter-row": "true" },
-          ...columns.map(
-            (col) => React52__namespace.createElement(
-              "th",
-              { key: `filter-${col.id}` },
-              col.filterable ? React52__namespace.createElement("input", {
-                type: "text",
-                "aria-label": `Filter ${col.header}`,
-                value: filters[col.id] ?? "",
-                onChange: (e) => handleFilter(col.id, e.target.value),
-                placeholder: `Filter...`
-              }) : null
-            )
-          )
-        ) : null
-      ),
-      // tbody
-      React52__namespace.createElement(
-        "tbody",
-        null,
-        sortedData.length === 0 ? React52__namespace.createElement(
-          "tr",
-          { role: "row" },
-          React52__namespace.createElement(
+              indicator
+            ] }) : col.header
+          },
+          col.id
+        );
+      }) }),
+      hasFilterable && /* @__PURE__ */ jsxRuntime.jsx("tr", { role: "row", "data-filter-row": "true", children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("th", { children: col.filterable ? /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          "aria-label": `Filter ${filterLabel(col.header, col.id)}`,
+          value: filters[col.id] ?? "",
+          onChange: (e) => handleFilter(col.id, e.target.value),
+          placeholder: "Filter..."
+        }
+      ) : null }, `filter-${col.id}`)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { role: "row", children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: columns.length, className: "text-center p-4 text-muted-foreground", role: "cell", children: emptyMessage }) }) : rows.map((row, rowIndex) => {
+      const rowProps = rowElementProps(row, rowIndex);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "tr",
+        {
+          ...api.getRowProps(row, rowIndex),
+          ...rowProps,
+          className: cn(rowVariants(), rowProps.className),
+          children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
             "td",
             {
-              colSpan: columns.length,
-              className: "text-center p-4 text-muted-foreground",
-              role: "cell"
-            },
-            emptyMessage
-          )
-        ) : sortedData.map(
-          (row, rowIndex) => React52__namespace.createElement(
-            "tr",
-            {
-              key: rowIndex,
-              ...api.getRowProps(row, rowIndex),
-              className: rowVariants()
+              ...api.getCellProps(col, row),
+              className: cn(
+                cellVariants(),
+                dataTableAlignClass[resolveColumnAlign(col)],
+                col.numeric && dataTableNumericClass,
+                col.className
+              ),
+              children: col.cell ? col.cell(row, rowIndex) : String(getColumnValue(col, row) ?? "")
             },
-            ...columns.map(
-              (col) => React52__namespace.createElement(
-                "td",
-                {
-                  key: col.id,
-                  ...api.getCellProps(col, row),
-                  className: cellVariants()
-                },
-                String(col.accessor(row) ?? "")
-              )
-            )
-          )
-        )
-      )
-    )
-  );
+            col.id
+          ))
+        },
+        resolveRowKey(row, rowIndex, getRowKey)
+      );
+    }) })
+  ] }) });
 }
 
 // ../device-frame/dist/index.js
@@ -11460,6 +11519,8 @@ function Dialog({
     apiRef.current = createDialog({ open, modal });
   }
   const api = apiRef.current;
+  const [hasTitle, setHasTitle] = React52__namespace.useState(false);
+  const [hasDescription, setHasDescription] = React52__namespace.useState(false);
   const ctx = React52__namespace.useMemo(
     () => ({
       open,
@@ -11467,9 +11528,13 @@ function Dialog({
       modal,
       contentId: api.ids.content,
       titleId: api.ids.title,
-      descriptionId: api.ids.description
+      descriptionId: api.ids.description,
+      hasTitle,
+      hasDescription,
+      setHasTitle,
+      setHasDescription
     }),
-    [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description]
+    [open, handleOpenChange, modal, api.ids.content, api.ids.title, api.ids.description, hasTitle, hasDescription]
   );
   return React52__namespace.createElement(DialogContext.Provider, { value: ctx }, children);
 }
@@ -11514,9 +11579,17 @@ var DialogOverlay = React52__namespace.forwardRef(
     });
   }
 );
+function containsElement(node, type) {
+  let found = false;
+  React52__namespace.Children.forEach(node, (child) => {
+    if (found || !React52__namespace.isValidElement(child)) return;
+    found = child.type === type || containsElement(child.props.children, type);
+  });
+  return found;
+}
 var DialogContent = React52__namespace.forwardRef(
   function DialogContent2({ className, children, onKeyDown, ...props }, ref) {
-    const { open, onOpenChange, modal, contentId, titleId, descriptionId } = useDialogContext();
+    const { open, onOpenChange, modal, contentId, titleId, descriptionId, hasTitle, hasDescription } = useDialogContext();
     React52__namespace.useMemo(
       () => createDialog({ open, modal }),
       [open, modal]
@@ -11538,8 +11611,10 @@ var DialogContent = React52__namespace.forwardRef(
         ref,
         role: "dialog",
         "aria-modal": modal,
-        "aria-labelledby": titleId,
-        "aria-describedby": descriptionId,
+        // Reference only parts that exist: an id pointing at nothing leaves the
+        // dialog unnamed while looking labelled.
+        "aria-labelledby": hasTitle || containsElement(children, DialogTitle) ? titleId : void 0,
+        "aria-describedby": hasDescription || containsElement(children, DialogDescription) ? descriptionId : void 0,
         id: contentId,
         className: cn(dialogContentVariants(), className),
         onKeyDown: handleKeyDown,
@@ -11577,7 +11652,11 @@ var DialogFooter = React52__namespace.forwardRef(
 );
 var DialogTitle = React52__namespace.forwardRef(
   function DialogTitle2({ className, ...props }, ref) {
-    const { titleId } = useDialogContext();
+    const { titleId, setHasTitle } = useDialogContext();
+    React52__namespace.useEffect(() => {
+      setHasTitle(true);
+      return () => setHasTitle(false);
+    }, [setHasTitle]);
     return React52__namespace.createElement("h2", {
       ref,
       id: titleId,
@@ -11587,7 +11666,11 @@ var DialogTitle = React52__namespace.forwardRef(
   }
 );
 var DialogDescription = React52__namespace.forwardRef(function DialogDescription2({ className, ...props }, ref) {
-  const { descriptionId } = useDialogContext();
+  const { descriptionId, setHasDescription } = useDialogContext();
+  React52__namespace.useEffect(() => {
+    setHasDescription(true);
+    return () => setHasDescription(false);
+  }, [setHasDescription]);
   return React52__namespace.createElement("p", {
     ref,
     id: descriptionId,
@@ -11741,11 +11824,13 @@ function DropdownMenu({
     apiRef.current = createDropdownMenu({ open });
   }
   const api = apiRef.current;
+  const triggerRef = React52__namespace.useRef(null);
   const ctx = React52__namespace.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
-      contentId: api.ids.content
+      contentId: api.ids.content,
+      triggerRef
     }),
     [open, handleOpenChange, api.ids.content]
   );
@@ -11753,7 +11838,12 @@ function DropdownMenu({
 }
 var DropdownMenuTrigger = React52__namespace.forwardRef(
   function DropdownMenuTrigger2({ asChild = false, onClick, children, ...props }, ref) {
-    const { open, onOpenChange, contentId } = useDropdownMenuContext();
+    const { open, onOpenChange, contentId, triggerRef } = useDropdownMenuContext();
+    const setRefs = (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    };
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
@@ -11784,20 +11874,63 @@ var DropdownMenuTrigger = React52__namespace.forwardRef(
           if (!e.defaultPrevented) handleClick(e);
         },
         ref: (node) => {
-          if (typeof ref === "function") ref(node);
-          else if (ref) ref.current = node;
+          setRefs(node);
           if (typeof childRef === "function") childRef(node);
           else if (childRef) childRef.current = node;
         }
       };
       return React52__namespace.cloneElement(child, mergedProps);
     }
-    return React52__namespace.createElement("button", { ref, ...triggerProps }, children);
+    return React52__namespace.createElement("button", { ref: setRefs, ...triggerProps }, children);
   }
 );
+var DEFAULT_SIDE_OFFSET = 4;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React52__namespace.useLayoutEffect : React52__namespace.useEffect;
+function computeMenuPosition(trigger, contentWidth, align2, sideOffset) {
+  const left = align2 === "end" ? trigger.right - contentWidth : align2 === "center" ? trigger.left + trigger.width / 2 - contentWidth / 2 : trigger.left;
+  return { position: "fixed", top: trigger.bottom + sideOffset, left: Math.max(0, left), minWidth: trigger.width };
+}
 var DropdownMenuContent = React52__namespace.forwardRef(
-  function DropdownMenuContent2({ className, children, onKeyDown, ...props }, ref) {
-    const { open, onOpenChange, contentId } = useDropdownMenuContext();
+  function DropdownMenuContent2({ className, children, onKeyDown, align: align2 = "start", sideOffset = DEFAULT_SIDE_OFFSET, style, ...props }, forwardedRef) {
+    const { open, onOpenChange, contentId, triggerRef } = useDropdownMenuContext();
+    const contentRef = React52__namespace.useRef(null);
+    const ref = React52__namespace.useCallback(
+      (node) => {
+        contentRef.current = node;
+        if (typeof forwardedRef === "function") forwardedRef(node);
+        else if (forwardedRef) forwardedRef.current = node;
+      },
+      [forwardedRef]
+    );
+    const [position, setPosition] = React52__namespace.useState(null);
+    useIsomorphicLayoutEffect(() => {
+      if (!open) return;
+      const update = () => {
+        const trigger = triggerRef.current;
+        const content2 = contentRef.current;
+        if (!trigger) return;
+        setPosition(
+          computeMenuPosition(trigger.getBoundingClientRect(), content2?.offsetWidth ?? 0, align2, sideOffset)
+        );
+      };
+      update();
+      window.addEventListener("resize", update);
+      window.addEventListener("scroll", update, true);
+      return () => {
+        window.removeEventListener("resize", update);
+        window.removeEventListener("scroll", update, true);
+      };
+    }, [open, align2, sideOffset, triggerRef]);
+    React52__namespace.useEffect(() => {
+      if (!open) return;
+      const onPointerDown = (event) => {
+        const target = event.target;
+        if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) return;
+        onOpenChange(false);
+      };
+      document.addEventListener("pointerdown", onPointerDown);
+      return () => document.removeEventListener("pointerdown", onPointerDown);
+    }, [open, onOpenChange, triggerRef]);
     const handleKeyDown = (e) => {
       const handler = createKeyboardHandler({
         Escape: (ev) => {
@@ -11817,6 +11950,8 @@ var DropdownMenuContent = React52__namespace.forwardRef(
         id: contentId,
         "data-state": open ? "open" : "closed",
         className: cn(menuContentVariants(), className),
+        style: position ? { ...position, ...style } : style,
+        "data-align": align2,
         onKeyDown: handleKeyDown,
         tabIndex: -1,
         ...props
@@ -12443,11 +12578,11 @@ function createInput(props = {}) {
   };
 }
 var inputVariants = cva({
-  base: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+  base: "flex w-full rounded-md border border-input bg-transparent px-3 py-1 shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
   variants: {
     size: {
       sm: "h-8 text-xs",
-      default: "h-9",
+      default: "h-9 text-sm",
       lg: "h-10 text-base"
     },
     validationState: {
@@ -14594,6 +14729,23 @@ function createTabs(props = {}) {
     idPrefix
   };
 }
+function getNextTabIndex(current, key, count, orientation = "horizontal") {
+  if (count === 0) return null;
+  const prev = orientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
+  const next = orientation === "horizontal" ? "ArrowRight" : "ArrowDown";
+  switch (key) {
+    case next:
+      return current < 0 ? 0 : (current + 1) % count;
+    case prev:
+      return current < 0 ? count - 1 : (current - 1 + count) % count;
+    case "Home":
+      return 0;
+    case "End":
+      return count - 1;
+    default:
+      return null;
+  }
+}
 var tabsListVariants = cva({
   base: "inline-flex max-w-full overflow-x-auto items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground"
 });
@@ -14633,14 +14785,31 @@ var Tabs = React52__namespace.forwardRef(
       apiRef.current = createTabs({ value, orientation });
     }
     const api = apiRef.current;
+    const [panels, setPanels] = React52__namespace.useState(() => /* @__PURE__ */ new Set());
+    const registerPanel = React52__namespace.useCallback((panelValue) => {
+      setPanels((prev) => prev.has(panelValue) ? prev : new Set(prev).add(panelValue));
+      return () => setPanels((prev) => {
+        if (!prev.has(panelValue)) return prev;
+        const next = new Set(prev);
+        next.delete(panelValue);
+        return next;
+      });
+    }, []);
+    const allPanels = React52__namespace.useMemo(() => {
+      const found = new Set(panels);
+      collectPanelValues(children, found);
+      return found;
+    }, [children, panels]);
     const ctx = React52__namespace.useMemo(
       () => ({
         value,
         onValueChange: handleValueChange,
         orientation,
-        idPrefix: api.idPrefix
+        idPrefix: api.idPrefix,
+        panels: allPanels,
+        registerPanel
       }),
-      [value, handleValueChange, orientation, api.idPrefix]
+      [value, handleValueChange, orientation, api.idPrefix, allPanels, registerPanel]
     );
     return React52__namespace.createElement(
       "div",
@@ -14649,21 +14818,62 @@ var Tabs = React52__namespace.forwardRef(
     );
   }
 );
+function collectPanelValues(node, into) {
+  React52__namespace.Children.forEach(node, (child) => {
+    if (!React52__namespace.isValidElement(child)) return;
+    if (child.type === TabsContent && typeof child.props.value === "string") {
+      into.add(child.props.value);
+      return;
+    }
+    collectPanelValues(child.props.children, into);
+  });
+}
 var TabsList = React52__namespace.forwardRef(
-  function TabsList2({ className, ...props }, ref) {
+  function TabsList2({ className, onKeyDown, ...props }, forwardedRef) {
     const { orientation } = useTabsContext();
+    const listRef = React52__namespace.useRef(null);
+    const ref = React52__namespace.useCallback(
+      (node) => {
+        listRef.current = node;
+        if (typeof forwardedRef === "function") forwardedRef(node);
+        else if (forwardedRef) forwardedRef.current = node;
+      },
+      [forwardedRef]
+    );
+    React52__namespace.useEffect(() => {
+      const tabs = enabledTabs(listRef.current);
+      const stop = tabs.find((tab) => tab.getAttribute("aria-selected") === "true") ?? tabs[0];
+      for (const tab of tabs) tab.tabIndex = tab === stop ? 0 : -1;
+    });
+    const handleKeyDown = (e) => {
+      onKeyDown?.(e);
+      if (e.defaultPrevented) return;
+      const tabs = enabledTabs(listRef.current);
+      const current = tabs.indexOf(e.target);
+      if (current === -1) return;
+      const next = getNextTabIndex(current, e.key, tabs.length, orientation);
+      if (next === null) return;
+      e.preventDefault();
+      tabs[next].focus();
+      tabs[next].click();
+    };
     return React52__namespace.createElement("div", {
       ref,
       role: "tablist",
       "aria-orientation": orientation,
       className: cn(tabsListVariants(), className),
+      onKeyDown: handleKeyDown,
       ...props
     });
   }
 );
+function enabledTabs(list) {
+  if (!list) return [];
+  return Array.from(list.querySelectorAll('[role="tab"]:not([disabled])'));
+}
 var TabsTrigger = React52__namespace.forwardRef(
   function TabsTrigger2({ value, className, onClick, onKeyDown, children, ...props }, ref) {
-    const { value: activeValue, onValueChange, orientation, idPrefix } = useTabsContext();
+    const { value: activeValue, onValueChange, idPrefix, panels } = useTabsContext();
     const isSelected = activeValue === value;
     const tabId = `${idPrefix}-tab-${value}`;
     const panelId = `${idPrefix}-panel-${value}`;
@@ -14681,7 +14891,8 @@ var TabsTrigger = React52__namespace.forwardRef(
         type: "button",
         role: "tab",
         "aria-selected": isSelected,
-        "aria-controls": panelId,
+        // Only the selected panel is rendered; never reference a missing element.
+        "aria-controls": isSelected && panels.has(value) ? panelId : void 0,
         tabIndex: isSelected ? 0 : -1,
         id: tabId,
         "data-state": isSelected ? "active" : "inactive",
@@ -14696,7 +14907,8 @@ var TabsTrigger = React52__namespace.forwardRef(
 );
 var TabsContent = React52__namespace.forwardRef(
   function TabsContent2({ value, className, children, ...props }, ref) {
-    const { value: activeValue, idPrefix } = useTabsContext();
+    const { value: activeValue, idPrefix, registerPanel } = useTabsContext();
+    React52__namespace.useEffect(() => registerPanel(value), [registerPanel, value]);
     const isSelected = activeValue === value;
     const tabId = `${idPrefix}-tab-${value}`;
     const panelId = `${idPrefix}-panel-${value}`;
@@ -14752,11 +14964,11 @@ function createTextarea(props = {}) {
   };
 }
 var textareaVariants = cva({
-  base: "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+  base: "flex w-full rounded-md border border-input bg-transparent px-3 py-2 shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
   variants: {
     size: {
       sm: "min-h-[40px] text-xs",
-      default: "min-h-[60px]",
+      default: "min-h-[60px] text-sm",
       lg: "min-h-[80px] text-base"
     }
   },
@@ -16293,7 +16505,7 @@ var badgeItemVariants = cva({
   }
 });
 var progressBarVariants = cva({
-  base: "h-2 w-full overflow-hidden rounded-full bg-secondary",
+  base: "w-full overflow-hidden rounded-full bg-secondary",
   variants: {
     size: {
       sm: "h-1",
@@ -18518,10 +18730,9 @@ function getInitials(name) {
 }
 function createAvatar(props = {}) {
   const { src, alt = "", fallback = "", size = "md" } = props;
-  const ariaProps = {
-    role: "img"
-  };
+  const ariaProps = {};
   if (alt) {
+    ariaProps.role = "img";
     ariaProps["aria-label"] = alt;
   }
   const fallbackText = fallback ? getInitials(fallback) : alt ? getInitials(alt) : "";
@@ -18551,8 +18762,12 @@ var avatarTokens = {
   }
 };
 var avatarVariants = cva({
-  base: "relative flex shrink-0 overflow-hidden rounded-full",
+  base: "relative flex shrink-0 overflow-hidden",
   variants: {
+    shape: {
+      circle: "rounded-full",
+      square: "rounded-md"
+    },
     size: {
       xs: "h-6 w-6",
       sm: "h-8 w-8",
@@ -18562,6 +18777,7 @@ var avatarVariants = cva({
     }
   },
   defaultVariants: {
+    shape: "circle",
     size: "md"
   }
 });
@@ -18569,7 +18785,7 @@ var avatarImageVariants = cva({
   base: "aspect-square h-full w-full object-cover"
 });
 var avatarFallbackVariants = cva({
-  base: "flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground",
+  base: "flex h-full w-full items-center justify-center rounded-[inherit] bg-muted text-muted-foreground",
   variants: {
     size: {
       xs: "text-xs",
@@ -18593,15 +18809,15 @@ var AvatarContext = React52__namespace.createContext({
   }
 });
 var Avatar2 = React52__namespace.forwardRef(
-  function Avatar22({ size = "md", className, children, ...props }, ref) {
+  function Avatar22({ size = "md", shape = "circle", className, children, ...props }, ref) {
     const [imageLoaded, setImageLoaded] = React52__namespace.useState(false);
     const [imageError, setImageError] = React52__namespace.useState(false);
-    const api = createAvatar({ size });
+    const api = createAvatar({ size, alt: props["aria-label"] });
     return /* @__PURE__ */ jsxRuntime.jsx(AvatarContext.Provider, { value: { size, imageLoaded, imageError, setImageLoaded, setImageError }, children: /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
         ref,
-        className: cn(avatarVariants({ size }), className),
+        className: cn(avatarVariants({ size, shape }), className),
         ...api.ariaProps,
         ...api.dataAttributes,
         ...props,
@@ -18875,9 +19091,9 @@ var cardFooterVariants = cva({
   base: "flex items-center p-6 pt-0"
 });
 var Card = React52__namespace.forwardRef(
-  function Card2({ className, variant, asChild = false, ...props }, ref) {
+  function Card2({ className, variant, padding, asChild = false, ...props }, ref) {
     const api = createCard();
-    const classes = cn(cardVariants({ variant }), className);
+    const classes = cn(cardVariants({ variant, padding }), className);
     if (asChild) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         Slot,
@@ -18917,10 +19133,10 @@ var CardHeader = React52__namespace.forwardRef(
   }
 );
 var CardTitle = React52__namespace.forwardRef(
-  function CardTitle2({ className, ...props }, ref) {
+  function CardTitle2({ className, as: Heading = "h3", ...props }, ref) {
     const api = createCardTitle();
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "h3",
+      Heading,
       {
         ref,
         className: cn(cardTitleVariants(), className),
@@ -20479,13 +20695,12 @@ function createSelect(props = {}) {
   } = props;
   const isInteractive = !disabled;
   const selectedOption = options.find((o) => o.value === value);
-  const triggerId = generateId("select-trigger");
-  const contentId = generateId("select-content");
+  const triggerId = props.ids?.trigger ?? generateId("select-trigger");
+  const contentId = props.ids?.content ?? generateId("select-content");
   const triggerAriaProps = {
     role: "combobox",
     "aria-expanded": open,
-    "aria-controls": contentId,
-    "aria-labelledby": triggerId
+    "aria-controls": contentId
   };
   if (disabled) {
     triggerAriaProps["aria-disabled"] = true;
@@ -20567,7 +20782,7 @@ var selectTokens = {
   }
 };
 var selectTriggerVariants = cva({
-  base: "flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+  base: "flex w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
   variants: {
     size: {
       sm: "h-8 text-xs",
@@ -20580,10 +20795,10 @@ var selectTriggerVariants = cva({
   }
 });
 var selectContentVariants = cva({
-  base: "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
+  base: "absolute left-0 top-full z-50 mt-1 max-h-96 w-full min-w-[8rem] overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
   variants: {
     position: {
-      popper: "translate-y-1",
+      popper: "",
       "item-aligned": ""
     }
   },
@@ -20603,6 +20818,8 @@ var selectItemVariants = cva({
     selected: "false"
   }
 });
+var selectRootClass = "relative";
+var selectValueClass = "truncate text-left data-[placeholder]:text-muted-foreground";
 var SelectContext = React52__namespace.createContext({
   __isDefault: true,
   value: void 0,
@@ -20615,7 +20832,10 @@ var SelectContext = React52__namespace.createContext({
   disabled: false,
   placeholder: "Select an option",
   triggerId: "",
-  contentId: ""
+  contentId: "",
+  labels: /* @__PURE__ */ new Map(),
+  registerLabel: () => {
+  }
 });
 function useSelectContext(part) {
   const ctx = React52__namespace.useContext(SelectContext);
@@ -20627,22 +20847,70 @@ function useSelectContext(part) {
   }
   return ctx;
 }
+function collectItemLabels(node, into) {
+  React52__namespace.Children.forEach(node, (child) => {
+    if (!React52__namespace.isValidElement(child)) return;
+    if (child.type === SelectItem && typeof child.props.value === "string") {
+      into.set(child.props.value, child.props.children);
+      return;
+    }
+    collectItemLabels(child.props.children, into);
+  });
+  return into;
+}
 function Select({
-  value,
+  value: controlledValue,
+  defaultValue,
   onValueChange,
   disabled = false,
   children,
-  placeholder = "Select an option"
+  placeholder = "Select an option",
+  className
 }) {
   const [open, setOpen] = React52__namespace.useState(false);
-  const api = createSelect({ value, disabled, open, placeholder });
+  const [uncontrolledValue, setUncontrolledValue] = React52__namespace.useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const rootRef = React52__namespace.useRef(null);
+  const baseId = React52__namespace.useId();
+  const triggerId = `${baseId}-trigger`;
+  const contentId = `${baseId}-content`;
+  const [registered, setRegistered] = React52__namespace.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const registerLabel = React52__namespace.useCallback((itemValue, label) => {
+    setRegistered((prev) => {
+      if (prev.get(itemValue) === label) return prev;
+      const next = new Map(prev);
+      next.set(itemValue, label);
+      return next;
+    });
+  }, []);
+  const labels = React52__namespace.useMemo(
+    () => collectItemLabels(children, new Map(registered)),
+    [children, registered]
+  );
+  React52__namespace.useEffect(() => {
+    if (!open) return;
+    const onPointerDown = (event) => {
+      if (rootRef.current && !rootRef.current.contains(event.target)) setOpen(false);
+    };
+    document.addEventListener("pointerdown", onPointerDown);
+    return () => document.removeEventListener("pointerdown", onPointerDown);
+  }, [open]);
+  const handleValueChange = React52__namespace.useCallback(
+    (next) => {
+      if (!isControlled) setUncontrolledValue(next);
+      onValueChange?.(next);
+    },
+    [isControlled, onValueChange]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectContext.Provider,
     {
       value: {
         value,
-        onValueChange: onValueChange ?? (() => {
-        }),
+        onValueChange: handleValueChange,
         open,
         setOpen: (v2) => {
           if (!disabled) setOpen(v2);
@@ -20650,17 +20918,19 @@ function Select({
         options: [],
         disabled,
         placeholder,
-        triggerId: api.ids.trigger,
-        contentId: api.ids.content
+        triggerId,
+        contentId,
+        labels,
+        registerLabel
       },
-      children
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rootRef, className: cn(selectRootClass, className), "data-slot": "select", children })
     }
   );
 }
 var SelectTrigger = React52__namespace.forwardRef(
   function SelectTrigger2({ className, children, size = "default", ...props }, ref) {
     const { open, setOpen, disabled, triggerId, contentId } = useSelectContext("SelectTrigger");
-    const api = createSelect({ disabled, open });
+    const api = createSelect({ disabled, open, ids: { trigger: triggerId, content: contentId } });
     const handleClick = () => {
       if (!disabled) {
         setOpen(!open);
@@ -20691,7 +20961,6 @@ var SelectTrigger = React52__namespace.forwardRef(
         disabled,
         ...api.triggerProps.ariaProps,
         ...api.triggerProps.dataAttributes,
-        "aria-controls": contentId,
         ...props,
         children: [
           children,
@@ -20777,8 +21046,11 @@ var SelectContent = React52__namespace.forwardRef(
 );
 var SelectItem = React52__namespace.forwardRef(
   function SelectItem2({ className, children, value: itemValue, disabled: itemDisabled = false, ...props }, ref) {
-    const { value, onValueChange, setOpen, triggerId } = useSelectContext("SelectItem");
+    const { value, onValueChange, setOpen, triggerId, registerLabel } = useSelectContext("SelectItem");
     const isSelected = value === itemValue;
+    React52__namespace.useEffect(() => {
+      registerLabel(itemValue, children);
+    }, [registerLabel, itemValue, children]);
     const handleClick = () => {
       if (!itemDisabled) {
         onValueChange(itemValue);
@@ -20832,6 +21104,23 @@ var SelectItem = React52__namespace.forwardRef(
     );
   }
 );
+var SelectValue = React52__namespace.forwardRef(
+  function SelectValue2({ placeholder, className, children, ...props }, ref) {
+    const ctx = useSelectContext("SelectValue");
+    const label = ctx.value !== void 0 ? ctx.labels.get(ctx.value) : void 0;
+    const showPlaceholder = children == null && label === void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref,
+        className: cn(selectValueClass, className),
+        "data-placeholder": showPlaceholder ? "" : void 0,
+        ...props,
+        children: children ?? (showPlaceholder ? placeholder ?? ctx.placeholder : label)
+      }
+    );
+  }
+);
 
 // ../status-indicator/dist/index.js
 var STATUS_INDICATOR_COLORS = {
@@ -21613,7 +21902,9 @@ function createCallout(props = {}) {
   const ariaProps = {};
   if (props.role) {
     ariaProps.role = props.role;
-  } else {
+  } else if (props.destructive) {
+    ariaProps.role = "alert";
+  } else if (props.labelled) {
     ariaProps.role = "region";
   }
   return {
@@ -21656,7 +21947,10 @@ var calloutDescriptionVariants = cva({
 });
 var Callout = React52__namespace.forwardRef(
   function Callout2({ className, variant, asChild = false, ...props }, ref) {
-    const api = createCallout({ role: variant === "destructive" ? "alert" : "region" });
+    const api = createCallout({
+      destructive: variant === "destructive",
+      labelled: Boolean(props["aria-label"] || props["aria-labelledby"])
+    });
     const classes = cn(calloutVariants({ variant }), className);
     if (asChild) {
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -22460,7 +22754,7 @@ React52__namespace.forwardRef(
 );
 
 // ../logger/dist/index.js
-init_chunk_57LG5ZUS();
+init_chunk_OEINJBSK();
 var LEVEL_ORDER = {
   debug: 10,
   info: 20,
@@ -22611,7 +22905,7 @@ function createTelemetry(config3) {
   addSinkInternal(createConsoleSink({ pretty: preset.pretty }));
   if (config3.endpoint) {
     const endpoint = config3.endpoint;
-    void Promise.resolve().then(() => (init_faro_engine_47HGRAQH(), faro_engine_47HGRAQH_exports)).then(({ createFaroSink: createFaroSink2 }) => createFaroSink2({ app: config3.app, endpoint })).then((faro) => {
+    void Promise.resolve().then(() => (init_faro_engine_VIUXJAPH(), faro_engine_VIUXJAPH_exports)).then(({ createFaroSink: createFaroSink2 }) => createFaroSink2({ app: config3.app, endpoint })).then((faro) => {
       if (faro) addSinkInternal(faro);
     }).catch(() => {
     });
@@ -23994,7 +24288,11 @@ function createClientSdkSink(opts) {
         });
         return instance;
       }
-      const mod = await import(appInsightsWebSpecifier);
+      const mod = await import(
+        /* webpackIgnore: true */
+        /* @vite-ignore */
+        appInsightsWebSpecifier
+      );
       const ai = new mod.ApplicationInsights({
         config: {
           connectionString: opts.connectionString,
@@ -24345,7 +24643,11 @@ function createPostHogHttpSink(options) {
 }
 var posthogJsSpecifier = "posthog-js";
 async function defaultLoad() {
-  const mod = await import(posthogJsSpecifier);
+  const mod = await import(
+    /* webpackIgnore: true */
+    /* @vite-ignore */
+    posthogJsSpecifier
+  );
   return "default" in mod ? mod.default : mod;
 }
 function createPostHogClientSdkSink(options) {
@@ -24437,7 +24739,11 @@ function createPostHogSink(options) {
 // ../analytics-sink-posthog/dist/replay.js
 var posthogJsSpecifier2 = "posthog-js";
 async function defaultLoad2() {
-  const mod = await import(posthogJsSpecifier2);
+  const mod = await import(
+    /* webpackIgnore: true */
+    /* @vite-ignore */
+    posthogJsSpecifier2
+  );
   return "default" in mod ? mod.default : mod;
 }
 async function startSessionReplay(options) {
@@ -25929,7 +26235,7 @@ function createEditorTabs(props = {}) {
   }
   return { ariaProps, dataAttributes };
 }
-function getNextTabIndex(currentIndex, key, count) {
+function getNextTabIndex2(currentIndex, key, count) {
   if (count <= 0) return currentIndex;
   switch (key) {
     case "ArrowRight":
@@ -25987,7 +26293,7 @@ var EditorTabs = React52__namespace.forwardRef(
     const activeIndex = tabs.findIndex((t) => t.id === activeId);
     const tabbableIndex = activeIndex === -1 ? 0 : activeIndex;
     const handleKeyDown = (event, index2) => {
-      const next = getNextTabIndex(index2, event.key, tabs.length);
+      const next = getNextTabIndex2(index2, event.key, tabs.length);
       if (next !== index2) {
         event.preventDefault();
         onSelect(tabs[next].id);
@@ -28523,9 +28829,9 @@ var MiniMap = React52__namespace.forwardRef(
 
 // ../section-head/dist/index.js
 function createSectionHead(props = {}) {
-  const { align = "center" } = props;
+  const { align: align2 = "center" } = props;
   const dataAttributes = {
-    "data-align": align
+    "data-align": align2
   };
   return { dataAttributes };
 }
@@ -28549,17 +28855,17 @@ var SectionHead = React52__namespace.forwardRef(
     kicker,
     title,
     lede,
-    align = "center",
+    align: align2 = "center",
     as: Tag = "h2",
     className,
     ...props
   }, ref) {
-    const { dataAttributes } = createSectionHead({ align });
+    const { dataAttributes } = createSectionHead({ align: align2 });
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         ref,
-        className: cn(sectionHeadVariants({ align }), className),
+        className: cn(sectionHeadVariants({ align: align2 }), className),
         ...dataAttributes,
         ...props,
         children: [
@@ -28574,10 +28880,13 @@ var SectionHead = React52__namespace.forwardRef(
 
 // ../stat-grid/dist/index.js
 function statColumns(count, max = 3) {
-  if (count <= 0) return 1;
-  if (count === 1) return 1;
+  if (count <= 1) return 1;
   if (count === 2) return 2;
-  return Math.min(count, max);
+  return Math.min(count, max, 4);
+}
+function statColumnsKey(columns) {
+  if (columns === "auto") return "auto";
+  return String(Math.min(Math.max(Math.round(columns), 1), 4));
 }
 function createStatGrid() {
   return {
@@ -28586,41 +28895,107 @@ function createStatGrid() {
   };
 }
 var statGridVariants = cva({
-  base: "grid gap-8",
+  base: "grid",
   variants: {
     columns: {
       "1": "grid-cols-1",
-      "2": "grid-cols-2",
-      "3": "grid-cols-3"
+      "2": "grid-cols-1 sm:grid-cols-2",
+      "3": "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+      "4": "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
+      auto: "grid-cols-[repeat(auto-fill,minmax(12rem,1fr))]"
+    },
+    variant: {
+      plain: "gap-8",
+      card: "gap-3"
     }
   },
   defaultVariants: {
-    columns: "3"
+    columns: "3",
+    variant: "plain"
   }
 });
-var statItemClass = "flex flex-col";
-var statValueClass = "text-xl sm:text-2xl font-bold text-primary";
-var statLabelClass = "mt-1 text-sm text-muted-foreground leading-snug";
+var statItemVariants = cva({
+  base: "flex min-w-0 flex-col",
+  variants: {
+    variant: {
+      plain: "",
+      card: "gap-1 rounded-lg border border-border bg-card p-4 text-card-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "plain"
+  }
+});
+var statValueVariants = cva({
+  base: "font-bold tabular-nums",
+  variants: {
+    variant: {
+      plain: "text-xl sm:text-2xl",
+      card: "text-2xl leading-tight"
+    },
+    tone: {
+      default: "",
+      positive: "text-success",
+      negative: "text-destructive",
+      caution: "text-warning"
+    }
+  },
+  compoundVariants: [
+    { variant: "plain", tone: "default", class: "text-primary" },
+    { variant: "card", tone: "default", class: "text-foreground" }
+  ],
+  defaultVariants: {
+    variant: "plain",
+    tone: "default"
+  }
+});
+var statLabelVariants = cva({
+  base: "text-muted-foreground",
+  variants: {
+    layout: {
+      "value-first": "mt-1 text-sm leading-snug",
+      "label-first": "text-xs uppercase tracking-wide"
+    }
+  },
+  defaultVariants: {
+    layout: "value-first"
+  }
+});
+var statDescriptionClass = "text-xs leading-snug text-muted-foreground";
 var StatGrid = React52__namespace.forwardRef(
-  function StatGrid2({ items, columns, className, ...props }, ref) {
-    const cols = columns ?? statColumns(items.length);
+  function StatGrid2({ items, columns, variant = "plain", layout = "value-first", className, ...props }, ref) {
+    const cols = statColumnsKey(columns ?? statColumns(items.length));
     const { ariaProps, dataAttributes } = createStatGrid();
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         ref,
-        className: cn(
-          statGridVariants({ columns: String(cols) }),
-          className
-        ),
-        style: { gridTemplateColumns: `repeat(${cols}, 1fr)` },
+        className: cn(statGridVariants({ columns: cols, variant }), className),
+        "data-variant": variant,
+        "data-layout": layout,
         ...ariaProps,
         ...dataAttributes,
         ...props,
-        children: items.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "listitem", className: statItemClass, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: statValueClass, children: item.value }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: statLabelClass, children: item.label })
-        ] }, index2))
+        children: items.map((item, index2) => {
+          const { className: itemClassName, ...itemProps } = item.props ?? {};
+          const label = /* @__PURE__ */ jsxRuntime.jsx("span", { className: statLabelVariants({ layout }), children: item.label });
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              role: "listitem",
+              className: cn(statItemVariants({ variant }), itemClassName),
+              "data-tone": item.tone ?? "default",
+              ...itemProps,
+              children: [
+                layout === "label-first" && label,
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: statValueVariants({ variant, tone: item.tone ?? "default" }), children: item.value }),
+                layout === "value-first" && label,
+                item.description != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: statDescriptionClass, children: item.description })
+              ]
+            },
+            item.id ?? index2
+          );
+        })
       }
     );
   }
@@ -29672,11 +30047,624 @@ var SlotPicker = React52__namespace.forwardRef(
   }
 );
 
+// ../action-list/dist/index.js
+function createActionListItem(props = {}) {
+  const { disabled = false, density = "default" } = props;
+  const dataAttributes = {
+    "data-slot": "action-list-item",
+    "data-density": density
+  };
+  if (disabled) dataAttributes["data-disabled"] = "";
+  const ariaProps = {};
+  if (disabled) ariaProps["aria-disabled"] = true;
+  return { ariaProps, dataAttributes };
+}
+var actionListClass = "m-0 flex list-none flex-col divide-y divide-border-subtle p-0";
+var actionListItemVariants = cva({
+  base: "flex w-full items-center gap-4 bg-transparent text-left text-sm text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  variants: {
+    density: {
+      default: "px-4 py-3",
+      compact: "px-3 py-2"
+    }
+  },
+  defaultVariants: {
+    density: "default"
+  }
+});
+var actionListItemBodyClass = "flex min-w-0 flex-1 flex-col gap-0.5";
+var actionListItemTitleClass = "break-words font-semibold text-foreground";
+var actionListItemDescriptionClass = "break-words text-xs text-muted-foreground";
+var actionListItemMetaClass = "break-words text-xs text-muted-foreground";
+var actionListItemTrailingClass = "flex flex-none items-center gap-4 text-xs tabular-nums text-muted-foreground";
+var ActionList = React52__namespace.forwardRef(function ActionList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, className: cn(actionListClass, className), "data-slot": "action-list", ...props });
+});
+var ActionListItem = React52__namespace.forwardRef(
+  function ActionListItem2({ title, description, meta, trailing, density = "default", disabled, className, ...props }, ref) {
+    const api = createActionListItem({ disabled, density });
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        disabled,
+        className: cn(actionListItemVariants({ density }), className),
+        ...api.ariaProps,
+        ...api.dataAttributes,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: actionListItemBodyClass, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: actionListItemTitleClass, children: title }),
+            description != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: actionListItemDescriptionClass, children: description }),
+            meta != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: actionListItemMetaClass, children: meta })
+          ] }),
+          trailing != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: actionListItemTrailingClass, children: trailing })
+        ]
+      }
+    ) });
+  }
+);
+
+// ../funnel-chart/dist/index.js
+var DEFAULT_FUNNEL_MIN_BAR_PERCENT = 6;
+var percentOf = (part, whole) => whole ? part / whole * 100 : 0;
+function computeFunnel(steps, minBarPercent = DEFAULT_FUNNEL_MIN_BAR_PERCENT) {
+  const top = steps.length ? steps[0].value : 0;
+  return steps.map((step, i) => {
+    const shareOfTop = percentOf(step.value, top);
+    const following = steps[i + 1];
+    return {
+      step,
+      shareOfTop,
+      barPercent: Math.min(100, Math.max(shareOfTop, minBarPercent)),
+      next: following ? {
+        conversion: percentOf(following.value, step.value),
+        dropped: step.value - following.value
+      } : void 0
+    };
+  });
+}
+var funnelChartDefaults = {
+  formatValue: (value) => value.toLocaleString("en-US"),
+  formatPercent: (percent) => `${percent.toFixed(1)}%`,
+  shareLabel: (share) => `${share} of top`,
+  conversionLabel: (percent) => `${percent} continue`,
+  droppedLabel: (count) => `\u2212${count} dropped`
+};
+var funnelChartClasses = {
+  root: "m-0 grid list-none p-0",
+  bar: "relative flex items-center gap-3 overflow-hidden rounded-lg border border-border bg-background px-3.5 py-3",
+  fill: "absolute inset-y-0 left-0 border-r-2 border-primary bg-accent",
+  chevron: "relative shrink-0 text-primary",
+  text: "relative grid min-w-0 flex-1",
+  label: "text-[13px] font-bold text-foreground",
+  description: "text-[11px] text-muted-foreground",
+  figure: "relative grid text-right",
+  value: "text-[15px] font-bold tabular-nums text-foreground",
+  share: "text-[10.5px] text-muted-foreground",
+  transition: "flex items-center gap-2 py-1.5 pl-[18px] text-[11px] text-muted-foreground",
+  conversion: "font-semibold text-success",
+  dropped: "font-semibold text-destructive"
+};
+function Chevron() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className: funnelChartClasses.chevron,
+      width: "15",
+      height: "15",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+var FunnelChart = React52__namespace.forwardRef(function FunnelChart2({
+  steps,
+  formatValue = funnelChartDefaults.formatValue,
+  formatPercent = funnelChartDefaults.formatPercent,
+  minBarPercent = DEFAULT_FUNNEL_MIN_BAR_PERCENT,
+  shareLabel = funnelChartDefaults.shareLabel,
+  conversionLabel = funnelChartDefaults.conversionLabel,
+  droppedLabel = funnelChartDefaults.droppedLabel,
+  className,
+  ...rest
+}, ref) {
+  const rows = React52__namespace.useMemo(() => computeFunnel(steps, minBarPercent), [steps, minBarPercent]);
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { ref, className: cn(funnelChartClasses.root, className), "data-slot": "funnel-chart", ...rest, children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: funnelChartClasses.bar, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: funnelChartClasses.fill, style: { width: `${row.barPercent}%` }, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Chevron, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: funnelChartClasses.text, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("b", { className: funnelChartClasses.label, children: row.step.label }),
+        row.step.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: funnelChartClasses.description, children: row.step.description })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: funnelChartClasses.figure, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("b", { className: funnelChartClasses.value, children: formatValue(row.step.value) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: funnelChartClasses.share, children: shareLabel(formatPercent(row.shareOfTop)) })
+      ] })
+    ] }),
+    row.next && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: funnelChartClasses.transition, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: funnelChartClasses.conversion, children: conversionLabel(formatPercent(row.next.conversion)) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: funnelChartClasses.dropped, children: droppedLabel(formatValue(row.next.dropped)) })
+    ] })
+  ] }, row.step.id)) });
+});
+
+// ../line-chart/dist/index.js
+var DEFAULT_LINE_CHART_PADDING = {
+  top: 14,
+  right: 14,
+  bottom: 24,
+  left: 40
+};
+var DEFAULT_LINE_CHART_WIDTH = 760;
+var DEFAULT_LINE_CHART_HEIGHT = 230;
+var DEFAULT_TICK_COUNT = 4;
+var DEFAULT_HEADROOM = 1.08;
+var MIN_LABEL_SPACING = 48;
+var CHART_TOKEN_COUNT = 5;
+function lineChartColor(index2) {
+  return `hsl(var(--chart-${index2 % CHART_TOKEN_COUNT + 1}))`;
+}
+var NICE_STEPS = [1, 2, 5, 10];
+function niceScale(rawMax, tickCount) {
+  const intervals = Math.max(1, Math.floor(tickCount));
+  if (!(rawMax > 0)) return { max: 1, step: 1 / intervals, ticks: Array.from({ length: intervals + 1 }, (_2, i) => i / intervals) };
+  const target = rawMax / intervals;
+  const magnitude = 10 ** Math.floor(Math.log10(target));
+  const step = NICE_STEPS.map((m) => m * magnitude).find((candidate) => candidate >= target) ?? 10 * magnitude;
+  const count = Math.ceil(rawMax / step - 1e-9);
+  const decimals = Math.max(0, -Math.floor(Math.log10(step)));
+  const clean = (value) => Number(value.toFixed(decimals));
+  const ticks = Array.from({ length: count + 1 }, (_2, i) => clean(i * step));
+  return { max: ticks[ticks.length - 1], step: clean(step), ticks };
+}
+function pathFrom(points) {
+  return points.map(([px, py], i) => (i ? "L" : "M") + px.toFixed(1) + " " + py.toFixed(1)).join(" ");
+}
+function computeLineChart(options) {
+  const {
+    series,
+    labels,
+    width,
+    height,
+    tickCount = DEFAULT_TICK_COUNT,
+    headroom = DEFAULT_HEADROOM
+  } = options;
+  const padding = { ...DEFAULT_LINE_CHART_PADDING, ...options.padding };
+  const n = labels.length;
+  const values = series.flatMap((s) => s.data);
+  const peak = values.length ? Math.max(...values) : 0;
+  const scale = niceScale(peak > 0 ? peak * headroom : 0, tickCount);
+  const max = scale.max;
+  const plotW = width - padding.left - padding.right;
+  const plotTop = padding.top;
+  const plotBottom = height - padding.bottom;
+  const plotH = plotBottom - plotTop;
+  const labelEvery = options.labelEvery ?? Math.max(1, Math.ceil(n / Math.max(1, Math.floor(plotW / MIN_LABEL_SPACING))));
+  const x = (index2) => padding.left + (n > 1 ? index2 / (n - 1) * plotW : plotW / 2);
+  const y = (value) => plotTop + (1 - value / max) * plotH;
+  const ticks = scale.ticks.map((value) => ({ value, y: y(value) }));
+  const xLabels = labels.map((label, index2) => ({ index: index2, label, x: x(index2) })).filter(({ index: index2 }) => index2 % labelEvery === 0 || index2 === n - 1);
+  const paths = series.map((s, si) => {
+    const points = s.data.map((v2, i) => [x(i), y(v2)]);
+    const line = pathFrom(points);
+    const first = points.length ? points[0][0] : x(0);
+    const last = points.length ? points[points.length - 1][0] : x(0);
+    const base = y(0).toFixed(1);
+    const area = `${line} L ${last.toFixed(1)} ${base} L ${first.toFixed(1)} ${base} Z`;
+    return { id: s.id, color: s.color ?? lineChartColor(si), line, area };
+  });
+  const colW = n > 1 ? plotW / (n - 1) : plotW;
+  const columns = labels.map((_2, index2) => ({
+    index: index2,
+    x: x(index2) - colW / 2,
+    width: colW
+  }));
+  return { width, height, padding, max, ticks, xLabels, paths, columns, x, y, plotTop, plotBottom };
+}
+function tooltipLeftPercent(geometry, index2) {
+  return geometry.x(index2) / geometry.width * 100;
+}
+function nextLineChartIndex(current, key, count) {
+  if (count === 0) return null;
+  const last = count - 1;
+  switch (key) {
+    case "ArrowRight":
+      return current == null ? 0 : Math.min(current + 1, last);
+    case "ArrowLeft":
+      return current == null ? last : Math.max(current - 1, 0);
+    case "Home":
+      return 0;
+    case "End":
+      return last;
+    default:
+      return current;
+  }
+}
+var lineChartClasses = {
+  root: "relative",
+  svg: "block w-full rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+  gridline: "stroke-border",
+  axis: "fill-muted-foreground text-[9px]",
+  crosshair: "stroke-border",
+  marker: "stroke-card",
+  tooltip: "pointer-events-none absolute z-10 -translate-x-1/2 whitespace-nowrap rounded-md bg-tertiary px-2.5 py-2 text-[11px] text-tertiary-foreground shadow-lg",
+  tooltipLabel: "mb-1 opacity-60",
+  tooltipRow: "flex justify-between gap-2",
+  legend: "mt-2.5 flex flex-wrap gap-3.5",
+  legendItem: "inline-flex items-center gap-1.5 text-[11px] text-muted-foreground",
+  legendSwatch: "h-[3px] w-2.5 rounded-sm"
+};
+var defaultFormat = (value) => String(Math.round(value));
+var MARKER_RADIUS = 3.5;
+var STROKE_WIDTH = 2.2;
+var TOOLTIP_TOP_PX = 8;
+var useIsomorphicLayoutEffect2 = typeof window !== "undefined" ? React52__namespace.useLayoutEffect : React52__namespace.useEffect;
+function useMeasuredWidth(ref) {
+  const [measured, setMeasured] = React52__namespace.useState(null);
+  useIsomorphicLayoutEffect2(() => {
+    const node = ref.current;
+    if (!node || typeof ResizeObserver === "undefined") return;
+    const apply = (w) => {
+      const rounded = Math.round(w);
+      if (rounded > 0) setMeasured((prev) => prev === rounded ? prev : rounded);
+    };
+    apply(node.getBoundingClientRect().width);
+    const observer = new ResizeObserver((entries) => apply(entries[0]?.contentRect.width ?? 0));
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [ref]);
+  return measured;
+}
+var LineChart = React52__namespace.forwardRef(function LineChart2({
+  series,
+  labels,
+  ariaLabel,
+  height = DEFAULT_LINE_CHART_HEIGHT,
+  width: fallbackWidth = DEFAULT_LINE_CHART_WIDTH,
+  formatValue = defaultFormat,
+  formatTick: formatTick2,
+  area,
+  showLegend = true,
+  className,
+  ...rest
+}, forwardedRef) {
+  const rootRef = React52__namespace.useRef(null);
+  const ref = React52__namespace.useCallback(
+    (node) => {
+      rootRef.current = node;
+      if (typeof forwardedRef === "function") forwardedRef(node);
+      else if (forwardedRef) forwardedRef.current = node;
+    },
+    [forwardedRef]
+  );
+  const width = useMeasuredWidth(rootRef) ?? fallbackWidth;
+  const [active, setActive] = React52__namespace.useState(null);
+  const gradientBase = React52__namespace.useId().replace(/:/g, "");
+  const geo = React52__namespace.useMemo(
+    () => computeLineChart({ series, labels, width, height }),
+    [series, labels, width, height]
+  );
+  const fillArea = area ?? series.length === 1;
+  const tick = formatTick2 ?? formatValue;
+  const handleKeyDown = (event) => {
+    const next = nextLineChartIndex(active, event.key, labels.length);
+    if (next === active) return;
+    event.preventDefault();
+    setActive(next);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn(lineChartClasses.root, className), "data-slot": "line-chart", ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        className: lineChartClasses.svg,
+        viewBox: `0 0 ${width} ${height}`,
+        style: { height },
+        role: "img",
+        "aria-label": ariaLabel,
+        tabIndex: 0,
+        onKeyDown: handleKeyDown,
+        onBlur: () => setActive(null),
+        onMouseLeave: () => setActive(null),
+        children: [
+          geo.ticks.map((t, i) => /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("line", { className: lineChartClasses.gridline, x1: geo.padding.left, y1: t.y, x2: width - geo.padding.right, y2: t.y }),
+            /* @__PURE__ */ jsxRuntime.jsx("text", { className: lineChartClasses.axis, x: geo.padding.left - 8, y: t.y + 3, textAnchor: "end", children: tick(t.value) })
+          ] }, i)),
+          geo.xLabels.map((l2) => /* @__PURE__ */ jsxRuntime.jsx("text", { className: lineChartClasses.axis, x: l2.x, y: height - 6, textAnchor: "middle", children: l2.label }, l2.index)),
+          geo.paths.map((p, si) => {
+            const gid = `${gradientBase}-${si}`;
+            const value = active != null ? series[si].data[active] : void 0;
+            return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+              fillArea && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: gid, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: p.color, stopOpacity: "0.22" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: p.color, stopOpacity: "0" })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: p.area, fill: `url(#${gid})` })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  d: p.line,
+                  fill: "none",
+                  stroke: p.color,
+                  strokeWidth: STROKE_WIDTH,
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              ),
+              active != null && value != null && /* @__PURE__ */ jsxRuntime.jsx(
+                "circle",
+                {
+                  className: lineChartClasses.marker,
+                  cx: geo.x(active),
+                  cy: geo.y(value),
+                  r: MARKER_RADIUS,
+                  fill: p.color,
+                  strokeWidth: "1.5"
+                }
+              )
+            ] }, p.id);
+          }),
+          active != null && /* @__PURE__ */ jsxRuntime.jsx(
+            "line",
+            {
+              className: lineChartClasses.crosshair,
+              x1: geo.x(active),
+              y1: geo.plotTop,
+              x2: geo.x(active),
+              y2: geo.plotBottom,
+              strokeDasharray: "3 3"
+            }
+          ),
+          geo.columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
+            "rect",
+            {
+              "data-index": col.index,
+              x: col.x,
+              y: 0,
+              width: col.width,
+              height,
+              fill: "transparent",
+              onMouseEnter: () => setActive(col.index)
+            },
+            col.index
+          ))
+        ]
+      }
+    ),
+    active != null && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: lineChartClasses.tooltip,
+        role: "status",
+        style: { left: `${tooltipLeftPercent(geo, active)}%`, top: TOOLTIP_TOP_PX },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: lineChartClasses.tooltipLabel, children: labels[active] }),
+          series.map((s, si) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lineChartClasses.tooltipRow, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: geo.paths[si].color }, children: s.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("b", { children: s.data[active] != null ? formatValue(s.data[active]) : "\u2014" })
+          ] }, s.id))
+        ]
+      }
+    ),
+    showLegend && /* @__PURE__ */ jsxRuntime.jsx("div", { className: lineChartClasses.legend, children: series.map((s, si) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: lineChartClasses.legendItem, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("i", { className: lineChartClasses.legendSwatch, style: { background: geo.paths[si].color }, "aria-hidden": "true" }),
+      s.name
+    ] }, s.id)) })
+  ] });
+});
+
+// ../page-header/dist/index.js
+function createPageHeader(props = {}) {
+  return {
+    dataAttributes: {
+      "data-slot": "page-header",
+      "data-has-actions": props.hasActions ? "true" : "false"
+    }
+  };
+}
+var pageHeaderClass = "flex flex-wrap items-start justify-between gap-4";
+var pageHeaderTextClass = "flex min-w-0 flex-1 flex-col gap-1";
+var pageHeaderKickerClass = "break-words text-[11px] uppercase tracking-wider text-muted-foreground";
+var pageHeaderTitleClass = "break-words text-xl font-semibold text-foreground";
+var pageHeaderDescriptionClass = "max-w-prose text-sm text-muted-foreground";
+var pageHeaderActionsClass = "flex flex-none flex-wrap items-center gap-2";
+var PageHeader = React52__namespace.forwardRef(function PageHeader2({ kicker, title, description, actions, as: Title = "h1", className, ...props }, ref) {
+  const { dataAttributes } = createPageHeader({ hasActions: actions != null });
+  return /* @__PURE__ */ jsxRuntime.jsxs("header", { ref, className: cn(pageHeaderClass, className), ...dataAttributes, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: pageHeaderTextClass, children: [
+      kicker != null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: pageHeaderKickerClass, children: kicker }),
+      /* @__PURE__ */ jsxRuntime.jsx(Title, { className: pageHeaderTitleClass, children: title }),
+      description != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: pageHeaderDescriptionClass, children: description })
+    ] }),
+    actions != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: pageHeaderActionsClass, children: actions })
+  ] });
+});
+
+// ../table/dist/index.js
+function createTable(props = {}) {
+  return {
+    dataAttributes: {
+      "data-slot": "table",
+      "data-density": props.density ?? "default",
+      "data-head-tone": props.headTone ?? "default"
+    }
+  };
+}
+var tableContainerClass = "relative w-full overflow-x-auto";
+var tableRootVariants = cva({
+  base: "w-full caption-bottom border-collapse text-sm",
+  variants: {
+    fixed: {
+      true: "table-fixed",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    fixed: "false"
+  }
+});
+var tableCaptionClass = "mt-2 text-xs text-muted-foreground";
+var tableRowClass = "border-b border-border-subtle last:border-b-0";
+var align = {
+  start: "text-start",
+  center: "text-center",
+  end: "text-end"
+};
+var tableHeadVariants = cva({
+  base: "border-b border-border-subtle bg-surface-subtle align-middle",
+  variants: {
+    align,
+    tone: {
+      default: "text-xs font-medium text-muted-foreground",
+      eyebrow: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground"
+    },
+    density: {
+      compact: "h-8 px-2",
+      default: "h-9 px-3"
+    }
+  },
+  defaultVariants: {
+    align: "start",
+    tone: "default",
+    density: "default"
+  }
+});
+var tableCellVariants = cva({
+  base: "align-middle",
+  variants: {
+    align,
+    density: {
+      compact: "px-2 py-1.5",
+      default: "px-3 py-2.5"
+    },
+    numeric: {
+      true: "tabular-nums whitespace-nowrap",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    align: "start",
+    density: "default",
+    numeric: "false"
+  }
+});
+var TableContext = React52__namespace.createContext({ density: "default", headTone: "default" });
+var Table = React52__namespace.forwardRef(function Table2({ density = "default", headTone = "default", fixed = false, containerClassName, className, ...props }, ref) {
+  const ctx = React52__namespace.useMemo(() => ({ density, headTone }), [density, headTone]);
+  const { dataAttributes } = createTable({ density, headTone });
+  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(tableContainerClass, containerClassName), "data-slot": "table-container", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "table",
+    {
+      ref,
+      className: cn(tableRootVariants({ fixed: fixed ? "true" : "false" }), className),
+      ...dataAttributes,
+      ...props
+    }
+  ) }) });
+});
+var TableHeader = React52__namespace.forwardRef(
+  function TableHeader2(props, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, "data-slot": "table-header", ...props });
+  }
+);
+var TableBody = React52__namespace.forwardRef(
+  function TableBody2(props, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, "data-slot": "table-body", ...props });
+  }
+);
+var TableRow = React52__namespace.forwardRef(
+  function TableRow2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, className: cn(tableRowClass, className), "data-slot": "table-row", ...props });
+  }
+);
+var TableHead = React52__namespace.forwardRef(function TableHead2({ align: align2, scope = "col", className, ...props }, ref) {
+  const { density, headTone } = React52__namespace.useContext(TableContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      ref,
+      scope,
+      className: cn(tableHeadVariants({ align: align2, density, tone: headTone }), className),
+      "data-slot": "table-head",
+      ...props
+    }
+  );
+});
+var TableCell = React52__namespace.forwardRef(function TableCell2({ align: align2, numeric = false, className, ...props }, ref) {
+  const { density } = React52__namespace.useContext(TableContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      ref,
+      className: cn(tableCellVariants({ align: align2, density, numeric: numeric ? "true" : "false" }), className),
+      "data-slot": "table-cell",
+      ...props
+    }
+  );
+});
+var TableCaption = React52__namespace.forwardRef(
+  function TableCaption2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: cn(tableCaptionClass, className), "data-slot": "table-caption", ...props });
+  }
+);
+
+// ../native-select/dist/index.js
+var nativeSelectChevronPath = "m6 9 6 6 6-6";
+var nativeSelectWrapperClass = "relative inline-flex min-w-0 items-center";
+var nativeSelectVariants = cva({
+  base: "w-full cursor-pointer appearance-none rounded-md border border-input bg-background text-foreground shadow-sm ring-offset-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+  variants: {
+    size: {
+      sm: "h-8 pl-2.5 pr-8 text-xs",
+      default: "h-9 pl-3 pr-9 text-sm",
+      lg: "h-10 pl-3 pr-10 text-base"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var nativeSelectIconClass = "pointer-events-none absolute right-2.5 h-4 w-4 shrink-0 text-muted-foreground";
+var NativeSelect = React52__namespace.forwardRef(function NativeSelect2({ size = "default", className, containerClassName, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn(nativeSelectWrapperClass, containerClassName), "data-slot": "native-select", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("select", { ref, className: cn(nativeSelectVariants({ size }), className), ...props, children }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        className: nativeSelectIconClass,
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: nativeSelectChevronPath })
+      }
+    )
+  ] });
+});
+
 exports.AIProvider = AIProvider;
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
 exports.AccordionTrigger = AccordionTrigger;
+exports.ActionList = ActionList;
+exports.ActionListItem = ActionListItem;
 exports.AltHintState = AltHintState;
 exports.AnalyticsProvider = AnalyticsProvider;
 exports.AnimatedText = AnimatedText;
@@ -29794,6 +30782,7 @@ exports.FileUpload = FileUpload;
 exports.FloatingReactions = FloatingReactions;
 exports.FlowEditor = FlowEditor;
 exports.Footer = Footer;
+exports.FunnelChart = FunnelChart;
 exports.Gradient = Gradient;
 exports.GraphView = GraphView;
 exports.Histogram = Histogram;
@@ -29812,6 +30801,7 @@ exports.KanbanColumn = KanbanColumn;
 exports.KeyboardShortcut = KeyboardShortcut;
 exports.LanguageSelector = LanguageSelector;
 exports.Line = Line;
+exports.LineChart = LineChart;
 exports.LinkCard = LinkCard;
 exports.LiveCaptions = LiveCaptions;
 exports.LiveCursors = LiveCursors;
@@ -29826,11 +30816,13 @@ exports.MobileNav = MobileNav;
 exports.MobileNavContent = MobileNavContent;
 exports.MobileNavLink = MobileNavLink;
 exports.MobileNavTrigger = MobileNavTrigger;
+exports.NativeSelect = NativeSelect;
 exports.Navbar = Navbar;
 exports.NumberedSteps = NumberedSteps;
 exports.OtpInput = OtpInput;
 exports.PRESENCE_STATUS_COLORS = STATUS_COLORS;
 exports.PRESENCE_STATUS_LABELS = STATUS_LABELS;
+exports.PageHeader = PageHeader;
 exports.Pagination = Pagination;
 exports.PasswordInput = PasswordInput;
 exports.Payment = Payment;
@@ -29870,6 +30862,7 @@ exports.Select = Select;
 exports.SelectContent = SelectContent;
 exports.SelectItem = SelectItem;
 exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
 exports.Separator = Separator;
 exports.Sheet = Sheet;
 exports.SheetClose = SheetClose;
@@ -29910,7 +30903,14 @@ exports.Steps = Steps;
 exports.StickyNote = StickyNote;
 exports.Switch = Switch;
 exports.TTSProvider = TTSProvider;
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
 exports.TableOfContents = TableOfContents;
+exports.TableRow = TableRow;
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
@@ -29972,6 +30972,7 @@ exports.checkIconPath = checkIconPath;
 exports.checkboxTokens = checkboxTokens;
 exports.checkboxVariants = checkboxVariants;
 exports.clampVoicePillIntensity = clampVoicePillIntensity;
+exports.cn = cn;
 exports.codeEditorTokens = codeEditorTokens;
 exports.codeEditorVariants = codeEditorVariants;
 exports.collapsibleContentVariants = collapsibleContentVariants;
@@ -29996,6 +30997,7 @@ exports.composerPrimaryActionVariants = composerPrimaryActionVariants;
 exports.composerSurfaceVariants = composerSurfaceVariants;
 exports.composerTokenPillClass = composerTokenPillClass;
 exports.composerTrayClass = composerTrayClass;
+exports.computeMenuPosition = computeMenuPosition;
 exports.contentProtectionVariants = contentProtectionVariants;
 exports.controlsVariants = controlsVariants;
 exports.createAnalytics = createAnalytics;
@@ -30021,6 +31023,7 @@ exports.createTelemetry = createTelemetry;
 exports.createTwemojiRenderer = createTwemojiRenderer;
 exports.createVoicePill = createVoicePill;
 exports.createWaveform = createWaveform;
+exports.cva = cva;
 exports.dayVariants = dayVariants;
 exports.defaultStickerRenderer = defaultStickerRenderer;
 exports.deviceFrameVariants = deviceFrameVariants;