@datum-cloud/datum-ui 2.9.0 → 2.9.1

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/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.9.1",
   "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;