@datum-cloud/datum-ui 2.9.0 → 2.10.0

package/dist/assistant/index.mjs

@@ -1,9 +1,11 @@
 import { t as cn } from "../utils-Bu32wN-x.mjs";
+import { t as Button } from "../button-DoMqfQLu.mjs";
 import { t as Icon } from "../icon-wrapper-DKfJlJd0.mjs";
+import { t as Dialog } from "../dialog-Gu70fban.mjs";
 import { a as DropdownMenuRadioGroup, c as DropdownMenuTrigger, i as DropdownMenuLabel, o as DropdownMenuRadioItem, r as DropdownMenuContent, s as DropdownMenuSeparator, t as DropdownMenu } from "../dropdown-menu-b8zY5Cs6.mjs";
 import { t as Tooltip } from "../tooltip-DhbN1BDK.mjs";
 import { n as EASE, t as DURATION } from "../motion-DvGRWdsm.mjs";
-import { ArrowDown, ArrowRight, ArrowUp, Brain, Check, ChevronDown, Copy, Download, MessagesSquare, Mic, MicOff, PanelLeft, Plus, RotateCw, Square, Trash2 } from "lucide-react";
+import { Archive, ArchiveRestore, ArrowDown, ArrowRight, ArrowUp, Brain, Check, ChevronDown, Copy, Download, MessagesSquare, Mic, MicOff, PanelLeft, Plus, RotateCw, Square, Trash2 } from "lucide-react";
 import { Fragment, createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "motion/react";
@@ -842,12 +844,32 @@ function downloadChat(chat) {
 	a.click();
 	URL.revokeObjectURL(url);
 }
-function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, header }) {
+const ROW_ACTION_CLASS = "text-muted-foreground/40 shrink-0 rounded p-0.5 opacity-0 transition-colors group-hover:opacity-100";
+function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete = false, header }) {
+	const archiveEnabled = Boolean(onArchiveChat);
 	const [query, setQuery] = useState("");
+	const [showArchived, setShowArchived] = useState(false);
+	const [pendingDelete, setPendingDelete] = useState(null);
+	const inArchivedView = archiveEnabled && showArchived;
 	const filtered = useMemo(() => {
+		const inView = archiveEnabled ? chatList.filter((c) => Boolean(c.archived) === showArchived) : chatList;
 		const q = query.trim().toLowerCase();
-		return q ? chatList.filter((c) => c.title.toLowerCase().includes(q)) : chatList;
-	}, [chatList, query]);
+		return q ? inView.filter((c) => c.title.toLowerCase().includes(q)) : inView;
+	}, [
+		archiveEnabled,
+		chatList,
+		query,
+		showArchived
+	]);
+	const emptyText = inArchivedView ? query ? "No matching archived chats" : "No archived chats" : query ? "No matching chats" : "No saved chats";
+	const handleDelete = (e, chat) => {
+		if (!confirmDelete) {
+			onDeleteChat(e, chat.id);
+			return;
+		}
+		e.stopPropagation();
+		setPendingDelete(chat);
+	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "bg-background flex h-full w-64 shrink-0 flex-col border-r",
 		children: [
@@ -855,36 +877,90 @@ function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, heade
 				className: "shrink-0 border-b px-3 py-2",
 				children: header
 			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "flex h-12 items-center border-b px-2",
-				children: /* @__PURE__ */ jsx("input", {
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex h-12 items-center gap-1 border-b px-2",
+				children: [/* @__PURE__ */ jsx("input", {
 					value: query,
 					onChange: (e) => setQuery(e.target.value),
-					placeholder: "Search chats…",
+					placeholder: inArchivedView ? "Search archived chats…" : "Search chats…",
 					className: "bg-muted text-foreground placeholder:text-muted-foreground/70 focus:ring-primary/40 w-full rounded-md px-2.5 py-1.5 text-xs focus:ring-1 focus:outline-none"
-				})
+				}), archiveEnabled && /* @__PURE__ */ jsx(Tooltip, {
+					message: showArchived ? "Show active chats" : "Show archived chats",
+					side: "bottom",
+					children: /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": "Archived",
+						"aria-pressed": showArchived,
+						onClick: () => setShowArchived((v) => !v),
+						className: cn("shrink-0 rounded-md p-1.5 transition-colors", showArchived ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-accent"),
+						children: /* @__PURE__ */ jsx(Icon, {
+							icon: Archive,
+							className: "size-3.5"
+						})
+					})
+				})]
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "flex flex-1 flex-col gap-0.5 overflow-y-auto p-2",
 				children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground/60 px-2 py-1 text-xs",
-					children: query ? "No matching chats" : "No saved chats"
+					children: emptyText
 				}) : filtered.map((chat) => /* @__PURE__ */ jsxs("button", {
 					type: "button",
 					onClick: () => onLoadChat(chat),
 					className: cn("group w-full rounded-lg px-2 py-1.5 text-left transition-colors", chat.id === currentChatId ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-accent/50"),
 					children: [/* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "min-w-0 flex-1 truncate text-xs font-medium",
-							children: chat.title
-						}), /* @__PURE__ */ jsx("span", {
-							role: "button",
-							onClick: (e) => onDeleteChat(e, chat.id),
-							"aria-label": "Delete chat",
-							className: "text-muted-foreground/40 hover:text-destructive shrink-0 rounded p-0.5 opacity-0 transition-colors group-hover:opacity-100",
-							children: /* @__PURE__ */ jsx(Trash2, { className: "size-3" })
-						})]
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: "min-w-0 flex-1 truncate text-xs font-medium",
+								children: chat.title
+							}),
+							archiveEnabled && !inArchivedView && /* @__PURE__ */ jsx(Tooltip, {
+								message: "Archive chat",
+								side: "top",
+								children: /* @__PURE__ */ jsx("span", {
+									role: "button",
+									onClick: (e) => {
+										e.stopPropagation();
+										onArchiveChat?.(e, chat.id);
+									},
+									"aria-label": "Archive chat",
+									className: cn(ROW_ACTION_CLASS, "hover:text-foreground"),
+									children: /* @__PURE__ */ jsx(Icon, {
+										icon: Archive,
+										className: "size-3"
+									})
+								})
+							}),
+							inArchivedView && onUnarchiveChat && /* @__PURE__ */ jsx(Tooltip, {
+								message: "Unarchive chat",
+								side: "top",
+								children: /* @__PURE__ */ jsx("span", {
+									role: "button",
+									onClick: (e) => {
+										e.stopPropagation();
+										onUnarchiveChat(e, chat.id);
+									},
+									"aria-label": "Unarchive chat",
+									className: cn(ROW_ACTION_CLASS, "hover:text-foreground"),
+									children: /* @__PURE__ */ jsx(Icon, {
+										icon: ArchiveRestore,
+										className: "size-3"
+									})
+								})
+							}),
+							/* @__PURE__ */ jsx("span", {
+								role: "button",
+								onClick: (e) => handleDelete(e, chat),
+								"aria-label": "Delete chat",
+								className: cn(ROW_ACTION_CLASS, "hover:text-destructive"),
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: Trash2,
+									className: "size-3"
+								})
+							})
+						]
 					}), /* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-1",
 						children: [/* @__PURE__ */ jsx("span", {
@@ -900,8 +976,11 @@ function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, heade
 									downloadChat(chat);
 								},
 								"aria-label": "Download chat as Markdown",
-								className: "text-muted-foreground/40 hover:text-foreground shrink-0 rounded p-0.5 opacity-0 transition-colors group-hover:opacity-100",
-								children: /* @__PURE__ */ jsx(Download, { className: "size-3" })
+								className: cn(ROW_ACTION_CLASS, "hover:text-foreground"),
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: Download,
+									className: "size-3"
+								})
 							})
 						})]
 					})]
@@ -910,13 +989,40 @@ function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, heade
 			/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground mt-auto shrink-0 border-t px-3 py-2 text-[10px]",
 				children: "Chats are saved to your browser's local storage."
+			}),
+			confirmDelete && /* @__PURE__ */ jsx(Dialog, {
+				open: pendingDelete !== null,
+				onOpenChange: (open) => !open && setPendingDelete(null),
+				children: /* @__PURE__ */ jsxs(Dialog.Content, {
+					className: "sm:max-w-md",
+					children: [/* @__PURE__ */ jsx(Dialog.Header, {
+						title: "Delete chat?",
+						description: pendingDelete ? `"${pendingDelete.title}" will be permanently deleted. This can't be undone.` : void 0
+					}), /* @__PURE__ */ jsxs(Dialog.Footer, {
+						className: "border-t-0",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "tertiary",
+							theme: "outline",
+							onClick: () => setPendingDelete(null),
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "danger",
+							theme: "solid",
+							onClick: (e) => {
+								if (pendingDelete) onDeleteChat(e, pendingDelete.id);
+								setPendingDelete(null);
+							},
+							children: "Delete"
+						})]
+					})]
+				})
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/features/assistant/components/assistant-workspace.tsx
-function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory }) {
+function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory }) {
 	const hasMessages = messages.length > 0;
 	const promptCard = /* @__PURE__ */ jsx(PromptCard, {
 		editor,
@@ -961,7 +1067,10 @@ function AssistantWorkspace({ config, userName, title, messages, status, error,
 							currentChatId,
 							header: sidebarHeader,
 							onLoadChat,
-							onDeleteChat
+							onDeleteChat,
+							onArchiveChat,
+							onUnarchiveChat,
+							confirmDelete
 						})
 					})
 				}),

package/dist/card/index.mjs

@@ -1,2 +1,2 @@
-import { a as CardField, c as CardFooter, d as CardTitle, i as CardContent, l as CardHeader, n as Card, o as CardFieldLabel, r as CardAction, s as CardFieldValue, t as CardSaveBar, u as CardDescription } from "../card-save-bar-Dub71HRf.mjs";
+import { a as CardField, c as CardFooter, d as CardTitle, i as CardContent, l as CardHeader, n as Card, o as CardFieldLabel, r as CardAction, s as CardFieldValue, t as CardSaveBar, u as CardDescription } from "../card-save-bar-BZzNnKYj.mjs";
 export { Card, CardAction, CardContent, CardDescription, CardField, CardFieldLabel, CardFieldValue, CardFooter, CardHeader, CardSaveBar, CardTitle };

package/dist/{card-save-bar-Dub71HRf.mjs → card-save-bar-BZzNnKYj.mjs}

@@ -35,7 +35,9 @@ function CardDescription({ className, ...props }) {
 *   --card-py  vertical inset used by header/footer/content in sectioned cards
 *
 * Both are equal for a given `size` (1rem for `sm`, 1.5rem for `md`), so the
-* card frame is uniform; `CardHeader size` only nudges the header's own inset.
+* card frame is uniform. `CardHeader size` is a separate density scale
+* (`sm` | `md` | `lg`) for title/description gap and sectioned min-height —
+* it does not change `--card-px` / `--card-py`.
 *
 * Consumers building their own rows inside a flush `CardContent` can use
 * `px-(--card-px)` to line up with the card chrome regardless of `size`.
@@ -90,10 +92,10 @@ function Card({ className, size, sectioned, ...props }) {
 const cardHeaderVariants = cva("@container/card-header group/card-header border-card-border grid auto-rows-min grid-rows-[auto_auto] content-center items-center px-(--card-px) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:items-start", {
 	variants: {
 		/**
-		* Header density. Controls the gap between title and description and,
-		* in sectioned cards, the header's minimum height (`lg` also grows the
-		* vertical inset). Stacked cards take their vertical spacing from the
-		* root.
+		* Header density (not the card's inset `size`). Controls the gap
+		* between title and description and, in sectioned cards, the header's
+		* minimum height (`lg` also grows the vertical inset). Stacked cards
+		* take their vertical spacing from the root.
 		*/
 		size: {
 			sm: "has-data-[slot=card-description]:gap-1 group-data-[layout=sectioned]/card:min-h-12 group-data-[layout=sectioned]/card:py-(--card-py)",
@@ -133,19 +135,20 @@ function CardAction({ className, ...props }) {
 		...props
 	});
 }
+/**
+* Shared by CardContent and CardFooter.
+* - `default`: inset to match the card chrome.
+* - `x-none`: no horizontal inset — rows, tables, and dividers run to the
+*   card edge while the header stays inset.
+* - `none`: no inset at all.
+*/
+const cardPadding = {
+	"default": "px-(--card-px) group-data-[layout=sectioned]/card:py-(--card-py)",
+	"x-none": "px-0 group-data-[layout=sectioned]/card:py-(--card-py)",
+	"none": "p-0"
+};
 const cardContentVariants = cva("", {
-	variants: { 
-	/**
-	* - `default`: inset to match the card chrome.
-	* - `x-none`: no horizontal inset — rows, tables, and dividers run to
-	*   the card edge while the header stays inset.
-	* - `none`: no inset at all.
-	*/
-padding: {
-		"default": "px-(--card-px) group-data-[layout=sectioned]/card:py-(--card-py)",
-		"x-none": "px-0 group-data-[layout=sectioned]/card:py-(--card-py)",
-		"none": "p-0"
-	} },
+	variants: { padding: cardPadding },
 	defaultVariants: { padding: "default" }
 });
 function CardContent({ className, padding, ...props }) {
@@ -157,11 +160,7 @@ function CardContent({ className, padding, ...props }) {
 }
 const cardFooterVariants = cva("border-card-border", {
 	variants: {
-		padding: {
-			"default": "px-(--card-px) group-data-[layout=sectioned]/card:py-(--card-py)",
-			"x-none": "px-0 group-data-[layout=sectioned]/card:py-(--card-py)",
-			"none": "p-0"
-		},
+		padding: cardPadding,
 		/** Draw a divider above the footer. Pairs with `sectioned` cards. */
 		bordered: {
 			true: "border-t",
@@ -236,11 +235,12 @@ function CardSaveBar({ changeCount, errorCount = 0, saving = false, onCancel, on
 	return /* @__PURE__ */ jsxs(CardFooter, {
 		bordered: true,
 		"data-slot": "card-save-bar",
-		role: "status",
-		"aria-live": "polite",
 		className: cn("flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", className),
 		...props,
 		children: [/* @__PURE__ */ jsxs("p", {
+			role: "status",
+			"aria-live": "polite",
+			"aria-atomic": "true",
 			className: "text-muted-foreground flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-0.5 text-sm",
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "text-foreground font-medium",

package/dist/components/base/card/card.d.ts

@@ -16,7 +16,9 @@ import * as React from 'react';
  *   --card-py  vertical inset used by header/footer/content in sectioned cards
  *
  * Both are equal for a given `size` (1rem for `sm`, 1.5rem for `md`), so the
- * card frame is uniform; `CardHeader size` only nudges the header's own inset.
+ * card frame is uniform. `CardHeader size` is a separate density scale
+ * (`sm` | `md` | `lg`) for title/description gap and sectioned min-height —
+ * it does not change `--card-px` / `--card-py`.
  *
  * Consumers building their own rows inside a flush `CardContent` can use
  * `px-(--card-px)` to line up with the card chrome regardless of `size`.

package/dist/components/base/settings-nav/index.d.ts

@@ -1,2 +1 @@
 export { SettingsNav, SettingsNavItem, type SettingsNavItemProps, SettingsNavLabel } from './settings-nav';
-export { settingsNavItemVariants } from './settings-nav-variants';

package/dist/components/base/settings-nav/settings-nav.d.ts

@@ -1,6 +1,5 @@
 import type { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-import { settingsNavItemVariants } from './settings-nav-variants';
 /**
  * Compact inset settings navigation for configuration pages.
  *
@@ -9,6 +8,9 @@ import { settingsNavItemVariants } from './settings-nav-variants';
  * eyebrow, icon items with an active fill, optional error dots, Soon badges,
  * and a danger item for destructive sections.
  */
+declare const settingsNavItemVariants: (props?: ({
+    variant?: "default" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function SettingsNav({ className, ...props }: React.ComponentProps<'nav'>): React.JSX.Element;
 declare function SettingsNavLabel({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 export interface SettingsNavItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof settingsNavItemVariants> {

package/dist/components/features/assistant/components/assistant-workspace.d.ts

@@ -38,6 +38,16 @@ export interface AssistantWorkspaceProps {
     onNewChat: () => void;
     onLoadChat: (chat: ChatSummary) => void;
     onDeleteChat: (e: ReactMouseEvent, chatId: string) => void;
+    /**
+     * Opt-in archive support. When provided, `chatList` may mix archived and
+     * active chats; the history panel lists active chats by default and adds an
+     * "Archived" view toggle plus per-row archive actions.
+     */
+    onArchiveChat?: (e: ReactMouseEvent, chatId: string) => void;
+    /** Restores an archived chat from the history panel's archived view. */
+    onUnarchiveChat?: (e: ReactMouseEvent, chatId: string) => void;
+    /** Confirm (deletion can't be undone) before calling `onDeleteChat`. */
+    confirmDelete?: boolean;
     onSuggestion: (text: string) => void;
     modelId: string;
     effortId: EffortId;
@@ -50,4 +60,4 @@ export interface AssistantWorkspaceProps {
     historyOpen: boolean;
     onToggleHistory: () => void;
 }
-export declare function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory, }: AssistantWorkspaceProps): import("react").JSX.Element;
+export declare function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory, }: AssistantWorkspaceProps): import("react").JSX.Element;

package/dist/components/features/assistant/components/sidebar/history-panel.d.ts

@@ -1,10 +1,24 @@
 import type { ReactNode } from 'react';
 import type { ChatSummary } from '../../types';
-interface HistoryPanelProps {
+export interface HistoryPanelProps {
     chatList: ChatSummary[];
     currentChatId: string;
     onLoadChat: (chat: ChatSummary) => void;
     onDeleteChat: (e: React.MouseEvent, chatId: string) => void;
+    /**
+     * Opt-in archive support. When provided, `chatList` may mix archived and
+     * active chats: the panel lists active chats by default, adds an "Archived"
+     * view toggle next to the search input, and gives active rows an archive
+     * action. When omitted, the `archived` flag is ignored and no archive UI renders.
+     */
+    onArchiveChat?: (e: React.MouseEvent, chatId: string) => void;
+    /** Restores an archived chat. Rendered on rows in the archived view. */
+    onUnarchiveChat?: (e: React.MouseEvent, chatId: string) => void;
+    /**
+     * Ask for confirmation (deletion can't be undone) before calling
+     * `onDeleteChat`. Defaults to false, which deletes immediately.
+     */
+    confirmDelete?: boolean;
     /**
      * Optional host-supplied block pinned above the search input, naming the scope
      * the listed chats belong to — cloud-portal shows the current project. Hosts
@@ -12,5 +26,4 @@ interface HistoryPanelProps {
      */
     header?: ReactNode;
 }
-export declare function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, header, }: HistoryPanelProps): import("react").JSX.Element;
-export {};
+export declare function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete, header, }: HistoryPanelProps): import("react").JSX.Element;

package/dist/components/features/assistant/types.d.ts

@@ -63,4 +63,9 @@ export interface ChatSummary {
     title: string;
     updatedAt: number;
     messages: UIMessage[];
+    /**
+     * Archived (hidden but restorable). Only honoured when the host passes
+     * `onArchiveChat`; otherwise every chat is listed regardless of this flag.
+     */
+    archived?: boolean;
 }

package/dist/index.mjs

@@ -10,7 +10,7 @@ import { t as Separator } from "./separator-vbPD_WFQ.mjs";
 import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "./button-group-DFrTH4L8.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
 import { Calendar, CalendarDayButton } from "./calendar/index.mjs";
-import { a as CardField, c as CardFooter, d as CardTitle, i as CardContent, l as CardHeader, n as Card, o as CardFieldLabel, r as CardAction, s as CardFieldValue, t as CardSaveBar, u as CardDescription } from "./card-save-bar-Dub71HRf.mjs";
+import { a as CardField, c as CardFooter, d as CardTitle, i as CardContent, l as CardHeader, n as Card, o as CardFieldLabel, r as CardAction, s as CardFieldValue, t as CardSaveBar, u as CardDescription } from "./card-save-bar-BZzNnKYj.mjs";
 import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "./chart-EgzTS28l.mjs";
 import { t as Checkbox } from "./checkbox-C6P12fio.mjs";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible/index.mjs";
@@ -33,7 +33,7 @@ import { t as useBreakpoint } from "./use-breakpoint-CwiUJSmk.mjs";
 import { t as ResponsiveDropdown } from "./responsive-dropdown-C_KKgLbH.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-8VcjBM2d.mjs";
 import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "./select-D4pk9e2d.mjs";
-import { i as settingsNavItemVariants, n as SettingsNavItem, r as SettingsNavLabel, t as SettingsNav } from "./settings-nav-BCL1lMTM.mjs";
+import { n as SettingsNavItem, r as SettingsNavLabel, t as SettingsNav } from "./settings-nav-C_AF6gld.mjs";
 import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "./sidebar-BeWEEu7P.mjs";
 import { t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
@@ -85,4 +85,4 @@ import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata,
 import { _ as getShortTimezoneDisplay, a as TimeRangePicker, b as utcToLocalInputString, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as getDefaultTimezoneOptions, h as formatUtcForDisplay, i as formatTimeRangeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as formatDateForInput, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatSingleTimeDisplay, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as localInputStringToUtc, x as zonedDateToUtcString, y as utcStringToZonedDate } from "./to-api-format-W3qJE68W.mjs";
 import { t as useDebounce } from "./hooks-CwZ6hyI1.mjs";
 import { n as toUTCTimestampStartOfDay, t as toUTCTimestampEndOfDay } from "./utils-CA4QEIJ8.mjs";
-export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, ActionRow, Alert, AlertDescription, AlertTitle, AppNavigation, Autocomplete, Autosearch, Avatar, AvatarFallback, AvatarImage, AvatarStack, Badge, Blockquote, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDatePicker, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardField, CardFieldLabel, CardFieldValue, CardFooter, CardHeader, CardSaveBar, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClientOnly, CloseIcon, Code, CodeEditor, CodeEditorTabs, Col, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_DATE_FORMAT, DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DEFAULT_PRESETS, DEFAULT_SEARCH_DEBOUNCE_MS, DURATION, DataTable, DataTableColumnHeader, DataTableRowActions, DateTime, DateTimePicker, Dialog, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneContent, DropzoneEmptyState, EASE, EmptyContent, FileInputButton, Form, FormAdapterProvider, FormAutocomplete, FormAutosearch, FormButton, FormCheckbox, FormCombobox, FormCopyBox, FormCustom, FormDatePicker, FormDateTimePicker, FormDescription, FormDialog, FormError, FormField, FormFieldArray, FormInput, FormRadioGroup, FormRadioItem, FormRoot, FormSelect, FormSelectItem, FormSubmit, FormSwitch, FormTextarea, FormTimePicker, FormTransfer, FormWhen, GRID_BREAKPOINTS, GRID_COLUMNS, GRID_PREFIX, GroupedTable, HoverCard, HoverCardContent, HoverCardTrigger, Icon, InSheetContext, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumber, InputWithAddons, Label, Link, LinkButton, List, ListItem, LoaderOverlay, LocalTaskStorage, Logo, LogoFlat, LogoIcon, LogoStacked, LogoText, Map, MapCircle, MapCircleMarker, MapControlContainer, MapDrawCircle, MapDrawControl, MapDrawDelete, MapDrawEdit, MapDrawMarker, MapDrawPolygon, MapDrawPolyline, MapDrawRectangle, MapDrawUndo, MapFeatureGroup, MapFullscreenControl, MapLayerGroup, MapLayers, MapLayersControl, MapLocateControl, MapMarker, MapMarkerClusterGroup, MapPolygon, MapPolyline, MapPopup, MapRectangle, MapSearchControl, MapTileLayer, MapTooltip, MapZoomControl, MobileSheet, MoreActions, MultiSelect, NavMenu, NavMenuItem, PageTitle, Paragraph, PlaceAutocomplete, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, QuickRangesPanel, RESPONSIVE_ARRAY, RESPONSIVE_MAP, RadioGroup, RadioGroupItem, RedisTaskStorage, ResponsiveDropdown, ResponsivePopover, ResponsiveSheetTrigger, RichTextContent, RichTextEditor, Row, RowContext, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsNav, SettingsNavItem, SettingsNavLabel, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, SpinnerIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsLinkTrigger, TabsList, TabsTrigger, TagsInput, TaskPanel, TaskPanelActions, TaskPanelCounter, TaskPanelHeader, TaskPanelItem, TaskQueue, TaskQueueDropdown, TaskQueueProvider, TaskQueueTrigger, TaskSummaryDialog, Text, Textarea, ThemeProvider, ThemeScript, TimePicker, TimeRangePicker, TimezoneSelector, Title, Toaster, Tooltip, Transfer, VisuallyHidden, avatarStackVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, configureProgress, createCodeEditorSchema, createDataTableStore, createOrgMetadata, createProjectMetadata, createSelectionColumn, createTimezoneOption, createUserMetadata, dataTableFeatures, defaultAutosearchValue, defineStepper, detectStorage, findItemByHref, formatAbsoluteDate, formatCombinedDate, formatDateForInput, formatJson, formatRelativeDate, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneDate, formatTimezoneLabel, formatUTCDate, formatUtcForDisplay, formatYaml, getBrowserTimezone, getContextLabel, getDefaultPreset, getDefaultTimezoneOptions, getGutter, getPresetByKey, getPresetByShortcut, getPresetRange, getResponsiveValue, getShortTimezoneDisplay, getTimestamp, getTimezoneAbbreviation, getTimezoneOffset, hasActiveDescendant, isNavItemActive, isValidJson, isValidYaml, jsonSchema, jsonToYaml, localInputStringToUtc, logoStyles, matchesCurrentScope, normalizePath, paragraphVariants, parseDate, registerMediaQuery, resolvePath, rowMatchesSearch, settingsNavItemVariants, startProgress, stopProgress, textVariants, titleVariants, toApiTimeRange, toUTCTimestampEndOfDay, toUTCTimestampStartOfDay, toast, useAdapter, useBreakpoint, useControllableState, useCopyToClipboard, useCurrentScope, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useDebounce, useDebouncedSearchInput, useField, useFieldContext, useFormContext, useFormState, useInSheet, useLeaflet, useNuqsAdapter, useRichTextEditor, useSidebar, useTaskQueue, useTasksWithLabels, useTheme, useToast, useWatch, useWatchAll, utcStringToZonedDate, utcToLocalInputString, yamlSchema, yamlToJson, zonedDateToUtcString };
+export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, ActionRow, Alert, AlertDescription, AlertTitle, AppNavigation, Autocomplete, Autosearch, Avatar, AvatarFallback, AvatarImage, AvatarStack, Badge, Blockquote, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDatePicker, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardField, CardFieldLabel, CardFieldValue, CardFooter, CardHeader, CardSaveBar, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClientOnly, CloseIcon, Code, CodeEditor, CodeEditorTabs, Col, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_DATE_FORMAT, DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DEFAULT_PRESETS, DEFAULT_SEARCH_DEBOUNCE_MS, DURATION, DataTable, DataTableColumnHeader, DataTableRowActions, DateTime, DateTimePicker, Dialog, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneContent, DropzoneEmptyState, EASE, EmptyContent, FileInputButton, Form, FormAdapterProvider, FormAutocomplete, FormAutosearch, FormButton, FormCheckbox, FormCombobox, FormCopyBox, FormCustom, FormDatePicker, FormDateTimePicker, FormDescription, FormDialog, FormError, FormField, FormFieldArray, FormInput, FormRadioGroup, FormRadioItem, FormRoot, FormSelect, FormSelectItem, FormSubmit, FormSwitch, FormTextarea, FormTimePicker, FormTransfer, FormWhen, GRID_BREAKPOINTS, GRID_COLUMNS, GRID_PREFIX, GroupedTable, HoverCard, HoverCardContent, HoverCardTrigger, Icon, InSheetContext, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumber, InputWithAddons, Label, Link, LinkButton, List, ListItem, LoaderOverlay, LocalTaskStorage, Logo, LogoFlat, LogoIcon, LogoStacked, LogoText, Map, MapCircle, MapCircleMarker, MapControlContainer, MapDrawCircle, MapDrawControl, MapDrawDelete, MapDrawEdit, MapDrawMarker, MapDrawPolygon, MapDrawPolyline, MapDrawRectangle, MapDrawUndo, MapFeatureGroup, MapFullscreenControl, MapLayerGroup, MapLayers, MapLayersControl, MapLocateControl, MapMarker, MapMarkerClusterGroup, MapPolygon, MapPolyline, MapPopup, MapRectangle, MapSearchControl, MapTileLayer, MapTooltip, MapZoomControl, MobileSheet, MoreActions, MultiSelect, NavMenu, NavMenuItem, PageTitle, Paragraph, PlaceAutocomplete, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, QuickRangesPanel, RESPONSIVE_ARRAY, RESPONSIVE_MAP, RadioGroup, RadioGroupItem, RedisTaskStorage, ResponsiveDropdown, ResponsivePopover, ResponsiveSheetTrigger, RichTextContent, RichTextEditor, Row, RowContext, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsNav, SettingsNavItem, SettingsNavLabel, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, SpinnerIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsLinkTrigger, TabsList, TabsTrigger, TagsInput, TaskPanel, TaskPanelActions, TaskPanelCounter, TaskPanelHeader, TaskPanelItem, TaskQueue, TaskQueueDropdown, TaskQueueProvider, TaskQueueTrigger, TaskSummaryDialog, Text, Textarea, ThemeProvider, ThemeScript, TimePicker, TimeRangePicker, TimezoneSelector, Title, Toaster, Tooltip, Transfer, VisuallyHidden, avatarStackVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, configureProgress, createCodeEditorSchema, createDataTableStore, createOrgMetadata, createProjectMetadata, createSelectionColumn, createTimezoneOption, createUserMetadata, dataTableFeatures, defaultAutosearchValue, defineStepper, detectStorage, findItemByHref, formatAbsoluteDate, formatCombinedDate, formatDateForInput, formatJson, formatRelativeDate, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneDate, formatTimezoneLabel, formatUTCDate, formatUtcForDisplay, formatYaml, getBrowserTimezone, getContextLabel, getDefaultPreset, getDefaultTimezoneOptions, getGutter, getPresetByKey, getPresetByShortcut, getPresetRange, getResponsiveValue, getShortTimezoneDisplay, getTimestamp, getTimezoneAbbreviation, getTimezoneOffset, hasActiveDescendant, isNavItemActive, isValidJson, isValidYaml, jsonSchema, jsonToYaml, localInputStringToUtc, logoStyles, matchesCurrentScope, normalizePath, paragraphVariants, parseDate, registerMediaQuery, resolvePath, rowMatchesSearch, startProgress, stopProgress, textVariants, titleVariants, toApiTimeRange, toUTCTimestampEndOfDay, toUTCTimestampStartOfDay, toast, useAdapter, useBreakpoint, useControllableState, useCopyToClipboard, useCurrentScope, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useDebounce, useDebouncedSearchInput, useField, useFieldContext, useFormContext, useFormState, useInSheet, useLeaflet, useNuqsAdapter, useRichTextEditor, useSidebar, useTaskQueue, useTasksWithLabels, useTheme, useToast, useWatch, useWatchAll, utcStringToZonedDate, utcToLocalInputString, yamlSchema, yamlToJson, zonedDateToUtcString };

package/dist/settings-nav/index.mjs

@@ -1,2 +1,2 @@
-import { i as settingsNavItemVariants, n as SettingsNavItem, r as SettingsNavLabel, t as SettingsNav } from "../settings-nav-BCL1lMTM.mjs";
-export { SettingsNav, SettingsNavItem, SettingsNavLabel, settingsNavItemVariants };
+import { n as SettingsNavItem, r as SettingsNavLabel, t as SettingsNav } from "../settings-nav-C_AF6gld.mjs";
+export { SettingsNav, SettingsNavItem, SettingsNavLabel };

package/dist/{settings-nav-BCL1lMTM.mjs → settings-nav-C_AF6gld.mjs}

@@ -1,17 +1,8 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { cva } from "class-variance-authority";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-//#region src/components/base/settings-nav/settings-nav-variants.ts
-const settingsNavItemVariants = cva("group/settings-nav-item relative flex w-full items-center gap-2.5 rounded-md px-2.5 py-1.5 text-sm font-normal transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50", {
-	variants: { variant: {
-		default: "text-foreground hover:bg-primary/5 hover:text-primary data-[active=true]:bg-primary/10 data-[active=true]:text-primary",
-		danger: "text-destructive hover:bg-destructive/10 data-[active=true]:bg-destructive/10 data-[active=true]:text-destructive"
-	} },
-	defaultVariants: { variant: "default" }
-});
-//#endregion
 //#region src/components/base/settings-nav/settings-nav.tsx
 /**
 * Compact inset settings navigation for configuration pages.
@@ -21,6 +12,13 @@ const settingsNavItemVariants = cva("group/settings-nav-item relative flex w-ful
 * eyebrow, icon items with an active fill, optional error dots, Soon badges,
 * and a danger item for destructive sections.
 */
+const settingsNavItemVariants = cva("group/settings-nav-item relative flex w-full items-center gap-2.5 rounded-md px-2.5 py-1.5 text-xs font-normal transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring aria-disabled:pointer-events-none aria-disabled:opacity-50", {
+	variants: { variant: {
+		default: "text-foreground hover:bg-primary/5 hover:text-primary data-[active=true]:bg-primary/10 data-[active=true]:text-primary",
+		danger: "text-destructive hover:bg-destructive/10 data-[active=true]:bg-destructive/10 data-[active=true]:text-destructive"
+	} },
+	defaultVariants: { variant: "default" }
+});
 function SettingsNav({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		"data-slot": "settings-nav",
@@ -37,7 +35,6 @@ function SettingsNavLabel({ className, ...props }) {
 	});
 }
 function SettingsNavItem({ className, variant, asChild = false, icon, active = false, indicator = false, badge, disabled = false, children, href, onClick, ...props }) {
-	const Comp = asChild ? Slot : "a";
 	const handleClick = (event) => {
 		if (disabled) {
 			event.preventDefault();
@@ -45,40 +42,53 @@ function SettingsNavItem({ className, variant, asChild = false, icon, active = f
 		}
 		onClick?.(event);
 	};
-	return /* @__PURE__ */ jsxs(Comp, {
+	const label = asChild && React.isValidElement(children) ? children.props.children : children;
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		icon ? /* @__PURE__ */ jsx("span", {
+			"data-slot": "settings-nav-item-icon",
+			className: "flex size-4 shrink-0 items-center justify-center text-muted-foreground transition-colors group-hover/settings-nav-item:text-primary group-data-[active=true]/settings-nav-item:text-primary group-data-[variant=danger]/settings-nav-item:!text-destructive [&_svg]:size-4",
+			"aria-hidden": "true",
+			children: icon
+		}) : null,
+		/* @__PURE__ */ jsx("span", {
+			className: "min-w-0 flex-1 truncate text-left",
+			children: label
+		}),
+		indicator ? /* @__PURE__ */ jsx("span", {
+			"data-slot": "settings-nav-item-indicator",
+			className: "bg-destructive size-1.5 shrink-0 rounded-full",
+			"aria-label": "Needs attention"
+		}) : null,
+		badge != null ? /* @__PURE__ */ jsx("span", {
+			"data-slot": "settings-nav-item-badge",
+			className: "bg-muted text-muted-foreground rounded-md px-1.5 py-0.5 text-[10px] font-semibold tracking-wide uppercase",
+			children: badge
+		}) : null
+	] });
+	const itemClassName = cn(settingsNavItemVariants({ variant }), className);
+	const itemProps = {
 		"data-slot": "settings-nav-item",
 		"data-active": active || void 0,
 		"data-variant": variant ?? "default",
 		"aria-current": active ? "page" : void 0,
 		"aria-disabled": disabled || void 0,
-		tabIndex: disabled ? -1 : void 0,
+		"tabIndex": disabled ? -1 : void 0,
+		"onClick": handleClick,
+		"className": itemClassName,
+		...props
+	};
+	if (asChild && React.isValidElement(children)) {
+		const slotted = React.cloneElement(children, void 0, content);
+		return /* @__PURE__ */ jsx(Slot, {
+			...itemProps,
+			children: slotted
+		});
+	}
+	return /* @__PURE__ */ jsx("a", {
 		href: disabled ? void 0 : href,
-		onClick: handleClick,
-		className: cn(settingsNavItemVariants({ variant }), className),
-		...props,
-		children: [
-			icon ? /* @__PURE__ */ jsx("span", {
-				"data-slot": "settings-nav-item-icon",
-				className: cn("flex size-4 shrink-0 items-center justify-center [&_svg]:size-4", variant === "danger" ? "text-destructive" : "text-muted-foreground transition-colors group-hover/settings-nav-item:text-primary group-data-[active=true]/settings-nav-item:text-primary"),
-				"aria-hidden": "true",
-				children: icon
-			}) : null,
-			/* @__PURE__ */ jsx("span", {
-				className: "min-w-0 flex-1 truncate text-left",
-				children
-			}),
-			indicator ? /* @__PURE__ */ jsx("span", {
-				"data-slot": "settings-nav-item-indicator",
-				className: "bg-destructive size-1.5 shrink-0 rounded-full",
-				"aria-label": "Needs attention"
-			}) : null,
-			badge != null ? /* @__PURE__ */ jsx("span", {
-				"data-slot": "settings-nav-item-badge",
-				className: "bg-muted text-muted-foreground rounded-md px-1.5 py-0.5 text-[10px] font-semibold tracking-wide uppercase",
-				children: badge
-			}) : null
-		]
+		...itemProps,
+		children: content
 	});
 }
 //#endregion
-export { settingsNavItemVariants as i, SettingsNavItem as n, SettingsNavLabel as r, SettingsNav as t };
+export { SettingsNavItem as n, SettingsNavLabel as r, SettingsNav as t };

package/dist/tabs/index.mjs

@@ -15,9 +15,9 @@ function Tabs({ className, value: valueProp, defaultValue, onValueChange, ...pro
 	const value = valueProp ?? uncontrolled;
 	const indicatorId = React.useId();
 	const handleValueChange = React.useCallback((next) => {
-		setUncontrolled(next);
+		if (valueProp === void 0) setUncontrolled(next);
 		onValueChange?.(next);
-	}, [onValueChange]);
+	}, [onValueChange, valueProp]);
 	const ctx = React.useMemo(() => ({
 		value,
 		indicatorId
@@ -65,6 +65,7 @@ function TabsTrigger({ className, value, children, asChild, ...props }) {
 		"aria-hidden": true,
 		"data-slot": "tabs-indicator",
 		layoutId: `tabs-indicator-${indicatorId}`,
+		"data-layout-id": `tabs-indicator-${indicatorId}`,
 		className: "bg-primary absolute inset-x-0 bottom-0 h-0.5",
 		transition: {
 			type: "spring",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"

package/dist/components/base/settings-nav/settings-nav-variants.d.ts

@@ -1,3 +0,0 @@
-export declare const settingsNavItemVariants: (props?: ({
-    variant?: "default" | "danger" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;