@datum-cloud/datum-ui 2.11.0 → 3.0.0

package/dist/app-navigation/index.mjs

@@ -1,3 +1,3 @@
 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 { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "../app-navigation-DhPaPFnN.mjs";
+import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "../app-navigation-D52ikGN-.mjs";
 export { AppNavigation, NavMenu, NavMenuItem, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, findItemByHref, hasActiveDescendant, isNavItemActive, normalizePath, useSidebar };

package/dist/{app-navigation-DhPaPFnN.mjs → app-navigation-D52ikGN-.mjs}

@@ -169,7 +169,7 @@ function itemKeyOf(item, level) {
 */
 function NavBadge({ badge }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("text-muted-foreground inline-flex shrink-0 items-center rounded-full border border-dashed px-1.5 py-px", "text-[10px] leading-none font-medium tracking-wide", "border-border/80"),
+		className: cn("text-muted-foreground inline-flex shrink-0 items-center rounded-full border border-dashed px-1.5 py-px", "text-4xs leading-none font-medium tracking-wide", "border-border/80"),
 		children: badge.label
 	});
 }

package/dist/assistant/index.mjs

@@ -109,7 +109,7 @@ function ModelSelector({ modelId, effortId, onModelChange, onEffortChange, disab
 		className: "flex w-56 max-h-[min(24rem,var(--radix-dropdown-menu-content-available-height))] flex-col overflow-hidden",
 		children: [
 			/* @__PURE__ */ jsx(DropdownMenuLabel, {
-				className: "text-muted-foreground shrink-0 text-[10px] tracking-wide uppercase",
+				className: "text-muted-foreground shrink-0 text-4xs tracking-wide uppercase",
 				children: "Model"
 			}),
 			/* @__PURE__ */ jsx("div", {
@@ -126,7 +126,7 @@ function ModelSelector({ modelId, effortId, onModelChange, onEffortChange, disab
 			}),
 			/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "shrink-0" }),
 			/* @__PURE__ */ jsx(DropdownMenuLabel, {
-				className: "text-muted-foreground shrink-0 text-[10px] tracking-wide uppercase",
+				className: "text-muted-foreground shrink-0 text-4xs tracking-wide uppercase",
 				children: "Effort"
 			}),
 			/* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
@@ -964,7 +964,7 @@ function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, onArc
 					}), /* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-1",
 						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground/60 text-[10px]",
+							className: "text-muted-foreground/60 text-4xs",
 							children: formatRelativeTime(chat.updatedAt)
 						}), /* @__PURE__ */ jsx(Tooltip, {
 							message: "Download as Markdown",
@@ -987,7 +987,7 @@ function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, onArc
 				}, chat.id))
 			}),
 			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mt-auto shrink-0 border-t px-3 py-2 text-[10px]",
+				className: "text-muted-foreground mt-auto shrink-0 border-t px-3 py-2 text-4xs",
 				children: "Chats are saved to your browser's local storage."
 			}),
 			confirmDelete && /* @__PURE__ */ jsx(Dialog, {

package/dist/calendar/index.mjs

@@ -64,10 +64,10 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
 			caption_label: cn("select-none font-medium", captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
 			month_grid: "w-full border-collapse",
 			weekdays: cn("flex", defaultClassNames.weekdays),
-			weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
+			weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-xs select-none", defaultClassNames.weekday),
 			week: cn("flex w-full mt-2", defaultClassNames.week),
 			week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
-			week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
+			week_number: cn("text-xs select-none text-muted-foreground", defaultClassNames.week_number),
 			day: cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", defaultClassNames.day),
 			range_start: cn("rounded-l-md bg-primary/10", defaultClassNames.range_start),
 			range_middle: cn("rounded-none bg-primary/10", defaultClassNames.range_middle),

package/dist/{calendar-date-picker-DW31tDSa.mjs → calendar-date-picker-DPvVAW2I.mjs}

@@ -1,5 +1,5 @@
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
-import { a as DateRangePicker } from "./picker-Cke6cfsb.mjs";
+import { a as DateRangePicker } from "./picker-BoKXW6_s.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/features/calendar-date-picker/calendar-date-picker.tsx
 /**

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

@@ -6,13 +6,13 @@ declare const titleVariants: (props?: ({
     textColor?: "default" | "secondary" | "destructive" | "success" | "info" | "warning" | "primary" | "muted" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const textVariants: (props?: ({
-    size?: "base" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
+    size?: "base" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "5xs" | "4xs" | "3xs" | "2xs" | null | undefined;
     weight?: "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
     textColor?: "default" | "secondary" | "destructive" | "success" | "info" | "warning" | "primary" | "muted" | null | undefined;
     type?: "default" | "code" | "mark" | "strong" | "delete" | "italic" | "underline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const paragraphVariants: (props?: ({
-    size?: "base" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "base" | "xs" | "sm" | "lg" | "xl" | "5xs" | "4xs" | "3xs" | "2xs" | null | undefined;
     spacing?: "normal" | "loose" | "tight" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface TitleProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof titleVariants> {

package/dist/components/features/data-table/components/list-panel.d.ts

@@ -7,4 +7,4 @@ import type { ListPanelProps } from '../types';
  * deliberately not included — render `DataTable.ListPagination` as a sibling,
  * below the panel.
  */
-export declare function DataTableListPanel<TData extends RowData = Record<string, any>>({ search, searchSlot, toolbar, emptyMessage, loading, onRowClick, className, panelClassName, }: ListPanelProps<TData>): import("react").JSX.Element;
+export declare function DataTableListPanel<TData extends RowData = Record<string, any>>({ search, searchSlot, toolbar, emptyMessage, loading, onRowClick, className, panelClassName, tableClassName, headerClassName, headerRowClassName, headerCellClassName, bodyClassName, rowClassName, cellClassName, }: ListPanelProps<TData>): import("react").JSX.Element;

package/dist/components/features/data-table/types.d.ts

@@ -315,6 +315,19 @@ export interface ListPanelProps<TData extends RowData = Record<string, any>> {
     readonly className?: string;
     /** Class on the card container (border/rounding/background) — merges with, and can override, the default chrome. */
     readonly panelClassName?: string;
+    /**
+     * Forwarded to the underlying `DataTable.Content` (`density="compact"` already
+     * applied) — merges with, and can override, the compact preset. Use this for
+     * app-specific cell integrations (e.g. sizing a row-actions menu or a
+     * copy-button rendered inside a cell) that don't belong in the shared preset.
+     */
+    readonly tableClassName?: string;
+    readonly headerClassName?: string;
+    readonly headerRowClassName?: string;
+    readonly headerCellClassName?: string;
+    readonly bodyClassName?: string;
+    readonly rowClassName?: string | ((row: Row<DataTableFeatures, TData>) => string);
+    readonly cellClassName?: string | ((cell: Cell<DataTableFeatures, TData, unknown>) => string);
 }
 export interface ListPaginationProps {
     readonly pageSizes?: readonly number[];

package/dist/data-table/index.mjs

@@ -1,2 +1,2 @@
-import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "../data-table-DrSsRKRi.mjs";
+import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "../data-table-DXrwZpgq.mjs";
 export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, DataTableColumnHeader, DataTableRowActions, createDataTableStore, createSelectionColumn, dataTableFeatures, resolvePath, rowMatchesSearch, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useNuqsAdapter };

package/dist/{data-table-DrSsRKRi.mjs → data-table-DXrwZpgq.mjs}

@@ -8,7 +8,7 @@ import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u
 import { Skeleton } from "./skeleton/index.mjs";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
 import { t as Autocomplete } from "./autocomplete-BxtzndxZ.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-DW31tDSa.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-DPvVAW2I.mjs";
 import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
 import { n as useDebouncedSearchInput } from "./use-debounced-search-input-yu_F0QBt.mjs";
 import { t as MultiSelect } from "./multi-select-CH8KERkt.mjs";
@@ -927,7 +927,7 @@ const DENSITY_PRESETS = {
 		headerCellClassName: cn("sticky top-0 z-10 h-9 border-b border-border bg-table-header-background px-4", "text-xs leading-4 font-normal tracking-normal text-table-header-foreground uppercase"),
 		bodyClassName: "[&_tr:last-child]:border-b-0",
 		rowClassName: "border-0 hover:bg-muted/30",
-		cellClassName: "border-b border-border px-4 py-0.5 text-sm"
+		cellClassName: "border-b border-border px-4 py-2 text-sm"
 	}
 };
 function resolveClassName(value, item) {
@@ -1195,7 +1195,7 @@ function ListPanelSkeleton({ columnCount }) {
 * deliberately not included — render `DataTable.ListPagination` as a sibling,
 * below the panel.
 */
-function DataTableListPanel({ search = {}, searchSlot, toolbar, emptyMessage, loading = false, onRowClick, className, panelClassName }) {
+function DataTableListPanel({ search = {}, searchSlot, toolbar, emptyMessage, loading = false, onRowClick, className, panelClassName, tableClassName, headerClassName, headerRowClassName, headerCellClassName, bodyClassName, rowClassName, cellClassName }) {
 	const { totalColumns } = useDataTableRows();
 	const showSearch = search !== false;
 	const isControlledSearch = showSearch && (search.value !== void 0 || search.onChange !== void 0);
@@ -1226,7 +1226,14 @@ function DataTableListPanel({ search = {}, searchSlot, toolbar, emptyMessage, lo
 				density: "compact",
 				emptyMessage,
 				onRowClick,
-				className: "min-h-0 flex-1"
+				className: "min-h-0 flex-1",
+				tableClassName,
+				headerClassName,
+				headerRowClassName,
+				headerCellClassName,
+				bodyClassName,
+				rowClassName,
+				cellClassName
 			})
 		]
 	});

package/dist/date-picker/index.mjs

@@ -1,4 +1,4 @@
-import { M as getBrowserTimezone, N as getTimezoneOffset, j as formatTimezoneLabel } from "../date-time-range-picker-BEulotVf.mjs";
-import { t as CalendarDatePicker } from "../calendar-date-picker-DW31tDSa.mjs";
-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 { M as getBrowserTimezone, N as getTimezoneOffset, j as formatTimezoneLabel } from "../date-time-range-picker-DM4AIvQ1.mjs";
+import { t as CalendarDatePicker } from "../calendar-date-picker-DPvVAW2I.mjs";
+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-QuJ81vQ9.mjs";
 export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, CalendarDatePicker, DEFAULT_PRESETS, QuickRangesPanel, TimeRangePicker, TimezoneSelector, createTimezoneOption, formatDateForInput, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, getBrowserTimezone, getDefaultPreset, getDefaultTimezoneOptions, getPresetByKey, getPresetByShortcut, getPresetRange, getShortTimezoneDisplay, getTimezoneOffset, localInputStringToUtc, toApiTimeRange, utcStringToZonedDate, utcToLocalInputString, zonedDateToUtcString };

package/dist/date-time-picker/index.mjs

@@ -1,2 +1,2 @@
-import { t as DateTimePicker } from "../date-time-picker-BVvWQXMt.mjs";
+import { t as DateTimePicker } from "../date-time-picker-CricsXgF.mjs";
 export { DateTimePicker };

package/dist/{date-time-picker-BVvWQXMt.mjs → date-time-picker-CricsXgF.mjs}

@@ -1,5 +1,5 @@
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
-import { r as DateTimePicker$1 } from "./picker-Cke6cfsb.mjs";
+import { r as DateTimePicker$1 } from "./picker-BoKXW6_s.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/features/date-time-picker/date-time-picker.tsx
 /**

package/dist/{date-time-range-picker-BEulotVf.mjs → date-time-range-picker-DM4AIvQ1.mjs}

@@ -399,7 +399,7 @@ function PickerPresets({ className }) {
 					actions.selectPreset(range, preset.key);
 				},
 				children: [/* @__PURE__ */ jsx("span", { children: preset.label }), preset.shortcut && /* @__PURE__ */ jsx("kbd", {
-					className: cn("ml-auto hidden rounded border px-1.5 font-mono text-[10px] sm:inline-flex", isSelected ? "border-primary-foreground/30 bg-primary-foreground/15 text-primary-foreground" : "bg-muted text-muted-foreground"),
+					className: cn("ml-auto hidden rounded border px-1.5 font-mono text-4xs sm:inline-flex", isSelected ? "border-primary-foreground/30 bg-primary-foreground/15 text-primary-foreground" : "bg-muted text-muted-foreground"),
 					children: preset.shortcut
 				})]
 			}, preset.key);

package/dist/form/index.mjs

@@ -1,3 +1,3 @@
-import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "../form-DB5MbJ2U.mjs";
+import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "../form-D4R6C609.mjs";
 import { n as useAdapter, t as FormAdapterProvider } from "../adapter-context-h0jCVqGO.mjs";
 export { 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, useAdapter, useField, useFieldContext, useFormContext, useFormState, useWatch, useWatchAll };

package/dist/{form-DB5MbJ2U.mjs → form-D4R6C609.mjs}

@@ -13,14 +13,14 @@ import { t as Switch } from "./switch-BaR-Vna4.mjs";
 import { t as Textarea } from "./textarea-DiSGxCBO.mjs";
 import { t as Autocomplete } from "./autocomplete-BxtzndxZ.mjs";
 import { Autosearch } from "./autosearch/index.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-DW31tDSa.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-DPvVAW2I.mjs";
 import { t as toast } from "./toast-BUPlDkN3.mjs";
-import { t as DateTimePicker } from "./date-time-picker-BVvWQXMt.mjs";
+import { t as DateTimePicker } from "./date-time-picker-CricsXgF.mjs";
 import { n as useFormContext$1, t as FormProvider } from "./form-context-DzB2a-dw.mjs";
 import { t as useCopyToClipboard } from "./use-copy-to-clipboard-DZDq_85T.mjs";
 import { n as useAdapter } from "./adapter-context-h0jCVqGO.mjs";
 import { InputWithAddons } from "./input-with-addons/index.mjs";
-import { t as TimePicker } from "./time-picker-BzNSUazl.mjs";
+import { t as TimePicker } from "./time-picker-DQlc2gKW.mjs";
 import { t as Transfer } from "./transfer-DsshYgIk.mjs";
 import { CheckIcon, CircleHelp, CopyIcon } from "lucide-react";
 import * as React from "react";

package/dist/grouped-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as GroupedTable } from "../grouped-table-DIFPMKLL.mjs";
+import { t as GroupedTable } from "../grouped-table-DewB9KoB.mjs";
 export { GroupedTable };

package/dist/{grouped-table-DIFPMKLL.mjs → grouped-table-DewB9KoB.mjs}

@@ -6,7 +6,7 @@ import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs
 import { Skeleton } from "./skeleton/index.mjs";
 import { TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
 import { n as EASE } from "./motion-DvGRWdsm.mjs";
-import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-DrSsRKRi.mjs";
+import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-DXrwZpgq.mjs";
 import { n as useDebouncedSearchInput } from "./use-debounced-search-input-yu_F0QBt.mjs";
 import { InputWithAddons } from "./input-with-addons/index.mjs";
 import { ChevronRight, Search, X } from "lucide-react";

package/dist/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 { n as SettingsNavItem, r as SettingsNavLabel, t as SettingsNav } from "./settings-nav-C_AF6gld.mjs";
+import { n as SettingsNavItem, r as SettingsNavLabel, t as SettingsNav } from "./settings-nav-Hf3GrCGv.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";
@@ -41,37 +41,37 @@ import { t as Switch } from "./switch-BaR-Vna4.mjs";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table/index.mjs";
 import { Tabs, TabsContent, TabsLinkTrigger, TabsList, TabsTrigger } from "./tabs/index.mjs";
 import { t as Textarea } from "./textarea-DiSGxCBO.mjs";
-import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "./typography-BXIBvq3-.mjs";
+import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "./typography-DNQXFq1I.mjs";
 import { t as VisuallyHidden } from "./visuallyhidden-D7L_qs8b.mjs";
-import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "./app-navigation-DhPaPFnN.mjs";
+import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "./app-navigation-D52ikGN-.mjs";
 import { n as EASE, t as DURATION } from "./motion-DvGRWdsm.mjs";
 import { t as LoaderOverlay } from "./loader-overlay-DD94azZX.mjs";
 import { t as Autocomplete } from "./autocomplete-BxtzndxZ.mjs";
 import { Autosearch, defaultAutosearchValue } from "./autosearch/index.mjs";
 import { n as avatarStackVariants, t as AvatarStack } from "./avatar-stack-BUcsjhA6.mjs";
-import { M as getBrowserTimezone, N as getTimezoneOffset, j as formatTimezoneLabel } from "./date-time-range-picker-BEulotVf.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-DW31tDSa.mjs";
+import { M as getBrowserTimezone, N as getTimezoneOffset, j as formatTimezoneLabel } from "./date-time-range-picker-DM4AIvQ1.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-DPvVAW2I.mjs";
 import { i as ClientOnly, n as useTheme, r as ThemeScript, t as ThemeProvider } from "./themes-Ba2bajuF.mjs";
 import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "./types-agDpVXBG.mjs";
 import { t as toast } from "./toast-BUPlDkN3.mjs";
 import { n as Toaster, t as useToast } from "./use-toast-Bpq0yJIT.mjs";
-import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "./data-table-DrSsRKRi.mjs";
+import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "./data-table-DXrwZpgq.mjs";
 import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
 import { n as useDebouncedSearchInput, t as DEFAULT_SEARCH_DEBOUNCE_MS } from "./use-debounced-search-input-yu_F0QBt.mjs";
 import { t as MultiSelect } from "./multi-select-CH8KERkt.mjs";
 import { a as formatRelativeDate, d as parseDate, i as formatCombinedDate, l as getTimestamp, n as DEFAULT_DATE_FORMAT, o as formatTimezoneDate, r as formatAbsoluteDate, s as formatUTCDate, t as DateTime, u as getTimezoneAbbreviation } from "./date-time-lZdefM4H.mjs";
-import { t as DateTimePicker } from "./date-time-picker-BVvWQXMt.mjs";
+import { t as DateTimePicker } from "./date-time-picker-CricsXgF.mjs";
 import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, l as DropdownMenuRadioItem, m as DropdownMenuSubTrigger, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "./dropdown-Xvduih96.mjs";
 import { i as FileInputButton, n as DropzoneContent, r as DropzoneEmptyState, t as Dropzone } from "./dropzone-ihksfjN2.mjs";
 import { t as EmptyContent } from "./empty-content-CmuVcU0P.mjs";
-import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "./form-DB5MbJ2U.mjs";
+import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "./form-D4R6C609.mjs";
 import { t as useCopyToClipboard } from "./use-copy-to-clipboard-DZDq_85T.mjs";
 import { n as useAdapter, t as FormAdapterProvider } from "./adapter-context-h0jCVqGO.mjs";
 import { InputWithAddons } from "./input-with-addons/index.mjs";
-import { t as TimePicker } from "./time-picker-BzNSUazl.mjs";
+import { t as TimePicker } from "./time-picker-DQlc2gKW.mjs";
 import { t as Transfer } from "./transfer-DsshYgIk.mjs";
 import { a as getResponsiveValue, c as GRID_COLUMNS, d as RESPONSIVE_MAP, i as getGutter, l as GRID_PREFIX, n as Row, o as registerMediaQuery, r as RowContext, s as GRID_BREAKPOINTS, t as Col, u as RESPONSIVE_ARRAY } from "./col-BYGWTB4j.mjs";
-import { t as GroupedTable } from "./grouped-table-DIFPMKLL.mjs";
+import { t as GroupedTable } from "./grouped-table-DewB9KoB.mjs";
 import { t as InputNumber } from "./input-number-TXmW-X9o.mjs";
 import { a as logoStyles, i as LogoFlat, n as LogoStacked, r as LogoIcon, t as LogoText } from "./logo-text-Dpm5O6Kg.mjs";
 import { t as Logo } from "./logo-C3FxD7jb.mjs";
@@ -81,8 +81,8 @@ import { t as PageTitle } from "./page-title-ipRWEOeM.mjs";
 import { n as useRichTextEditor, r as RichTextContent, t as RichTextEditor } from "./rich-text-editor-DVga5upM.mjs";
 import { t as defineStepper } from "./stepper-dNvkipop.mjs";
 import { t as TagsInput } from "./tag-input-Ctxtcpwy.mjs";
-import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "./task-queue-dropdown-BJS3snfZ.mjs";
-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 { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "./task-queue-dropdown-B7FCpfqr.mjs";
+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-QuJ81vQ9.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, 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/logs/index.mjs

@@ -9,7 +9,7 @@ import { t as Sheet } from "../sheet-DHn6C_rs.mjs";
 import { t as useBreakpoint } from "../use-breakpoint-CwiUJSmk.mjs";
 import { Skeleton } from "../skeleton/index.mjs";
 import { TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table/index.mjs";
-import { t as DateTimeRangePicker } from "../date-time-range-picker-BEulotVf.mjs";
+import { t as DateTimeRangePicker } from "../date-time-range-picker-DM4AIvQ1.mjs";
 import { c as getBrowserTimezone, t as DateTime, u as getTimezoneAbbreviation } from "../date-time-lZdefM4H.mjs";
 import { t as useCopyToClipboard } from "../use-copy-to-clipboard-DZDq_85T.mjs";
 import { Bot, ChevronDown, ChevronUp, Clock, Copy, Download, HelpCircle, Inbox, Monitor, RefreshCw, Search, SlidersHorizontal, Smartphone, Tablet, TriangleAlert, X } from "lucide-react";
@@ -78,7 +78,7 @@ function LogsSeverityBadge({ severity }) {
 	return /* @__PURE__ */ jsx(Badge, {
 		type: severityBadgeType(severity),
 		theme: unlabeled ? "solid" : "light",
-		className: cn("h-4 px-1.5 py-0 font-mono text-[10px] leading-4 font-medium", unlabeled && "border-border bg-muted text-foreground"),
+		className: cn("h-4 px-1.5 py-0 font-mono text-4xs leading-4 font-medium", unlabeled && "border-border bg-muted text-foreground"),
 		children: severity ?? "LOG"
 	});
 }
@@ -88,7 +88,7 @@ function LogsHttpStatusChip({ status, className }) {
 		type: httpStatusBadgeType(status),
 		theme: "light",
 		"data-slot": "logs-http-status",
-		className: cn("h-5 shrink-0 px-1.5 py-0 font-mono text-[11px] leading-5 font-medium tabular-nums", className),
+		className: cn("h-5 shrink-0 px-1.5 py-0 font-mono text-3xs leading-5 font-medium tabular-nums", className),
 		children: status
 	});
 }
@@ -98,7 +98,7 @@ function LogsStatusBadge({ parsed }) {
 		children: "—"
 	});
 	return /* @__PURE__ */ jsxs("span", {
-		className: "inline-flex h-4 items-center gap-1.5 font-mono text-[11px] leading-4 font-medium",
+		className: "inline-flex h-4 items-center gap-1.5 font-mono text-3xs leading-4 font-medium",
 		children: [/* @__PURE__ */ jsx("span", {
 			className: cn("tabular-nums", httpStatusTextClass(parsed.status)),
 			children: parsed.status
@@ -183,7 +183,7 @@ const BUILTIN_COLUMNS = {
 		size: "hug",
 		cell: ({ parsed }) => /* @__PURE__ */ jsx(LogsStatusBadge, { parsed }),
 		skeleton: ({ row }) => /* @__PURE__ */ jsxs("span", {
-			className: "inline-flex h-4 items-center gap-1.5 font-mono text-[11px] leading-4",
+			className: "inline-flex h-4 items-center gap-1.5 font-mono text-3xs leading-4",
 			"data-slot": "logs-skeleton-status",
 			children: [lineSkeleton(3, "h-[11px]"), lineSkeleton(pick(METHOD_CHS, row), "h-[11px]")]
 		})
@@ -674,7 +674,7 @@ function MetaCell({ label, children, className }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("bg-background min-w-0 px-3 py-2.5", className),
 		children: [/* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground mb-1 text-[11px] font-medium",
+			className: "text-muted-foreground mb-1 text-3xs font-medium",
 			children: label
 		}), /* @__PURE__ */ jsx("div", {
 			className: "font-mono text-xs break-all",
@@ -833,7 +833,7 @@ const DetailBody = memo(({ showClose = true }) => {
 							/* @__PURE__ */ jsxs("div", {
 								className: "mb-1 flex items-center justify-between",
 								children: [/* @__PURE__ */ jsx("span", {
-									className: "text-muted-foreground text-[11px] font-medium",
+									className: "text-muted-foreground text-3xs font-medium",
 									children: "Client"
 								}), /* @__PURE__ */ jsx(Button, {
 									type: "secondary",
@@ -861,13 +861,13 @@ const DetailBody = memo(({ showClose = true }) => {
 										children: client.summary
 									}),
 									/* @__PURE__ */ jsx("span", {
-										className: "text-muted-foreground shrink-0 text-[11px] capitalize",
+										className: "text-muted-foreground shrink-0 text-3xs capitalize",
 										children: client.device === "unknown" ? "" : client.device
 									})
 								]
 							}),
 							client.summary !== client.raw && /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground mt-1 font-mono text-[11px] leading-4 break-all",
+								className: "text-muted-foreground mt-1 font-mono text-3xs leading-4 break-all",
 								title: client.raw,
 								children: client.raw
 							})
@@ -879,7 +879,7 @@ const DetailBody = memo(({ showClose = true }) => {
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "mb-1.5 flex items-center justify-between",
 							children: [/* @__PURE__ */ jsx("span", {
-								className: "text-muted-foreground text-[11px] font-medium",
+								className: "text-muted-foreground text-3xs font-medium",
 								children: "Search params"
 							}), /* @__PURE__ */ jsx(Button, {
 								type: "secondary",
@@ -918,7 +918,7 @@ const DetailBody = memo(({ showClose = true }) => {
 				children: Object.entries(selectedEntry.labels).map(([key, value]) => /* @__PURE__ */ jsxs("div", {
 					className: "grid grid-cols-[minmax(0,8.5rem)_minmax(0,1fr)] gap-x-3 border-b px-3 py-2 last:border-b-0",
 					children: [/* @__PURE__ */ jsx("dt", {
-						className: "text-muted-foreground truncate font-mono text-[11px]",
+						className: "text-muted-foreground truncate font-mono text-3xs",
 						children: key
 					}), /* @__PURE__ */ jsx("dd", {
 						className: "min-w-0 font-mono text-xs break-all",
@@ -1423,7 +1423,7 @@ function LogsTable({ className }) {
 				icon: /* @__PURE__ */ jsx(Icon, { icon: TriangleAlert }),
 				title: "Couldn't load logs",
 				description: /* @__PURE__ */ jsx("code", {
-					className: "bg-muted text-foreground inline-block max-w-full rounded-md border px-2 py-1 text-left font-mono text-[11px] leading-4 break-all",
+					className: "bg-muted text-foreground inline-block max-w-full rounded-md border px-2 py-1 text-left font-mono text-3xs leading-4 break-all",
 					children: error
 				}),
 				action: retry
@@ -1564,7 +1564,7 @@ function LogsTimeline({ className }) {
 				}, bucket.start);
 			})
 		}), /* @__PURE__ */ jsxs("div", {
-			className: "text-muted-foreground mt-1 flex justify-between font-mono text-[10px] tabular-nums",
+			className: "text-muted-foreground mt-1 flex justify-between font-mono text-4xs tabular-nums",
 			children: [
 				/* @__PURE__ */ jsx("span", { children: formatTimelineTick(from, axisSpan) }),
 				/* @__PURE__ */ jsx("span", { children: formatTimelineTick(mid, axisSpan) }),

package/dist/picker/index.mjs

@@ -1,3 +1,3 @@
-import { A as formatInTimezone, B as isDateBearingMode, C as PickerClear, D as PickerCalendar, E as PickerContent, F as zonedDateToIso, H as isTimeBearingMode, I as ALLOWED_STEPS, L as DATE_BEARING_MODES, M as getBrowserTimezone, N as getTimezoneOffset, O as PickerContext, P as isoToZonedDate, R as RANGE_MODES, S as PickerCancel, T as PickerReset, V as isRangeMode, _ as parseTimeString, a as PickerTimezoneIndicator, b as PickerPresets, d as DATE_PRESETS, f as getDefaultPresets, g as isValidTimeString, h as formatTimeLabel, i as PickerTrigger, j as formatTimezoneLabel, k as usePickerContext, l as usePresets, m as dateToYYYYMMDD, o as PickerTimeInput, p as usePickerState, r as formatPickerValue, s as useTimeSlots, t as DateTimeRangePicker, u as DATETIME_PRESETS, v as resolveCommit, w as PickerFooter, x as PickerApply, y as useKeyboardShortcuts, z as TIME_BEARING_MODES } from "../date-time-range-picker-BEulotVf.mjs";
-import { a as DateRangePicker, c as getDaysDifference, d as isSameDateRange, f as isSameStringRange, i as DateRangeTimePicker, l as isRangeValid, m as PickerTimezoneSelect, n as TimePicker, o as DatePicker, p as Picker, r as DateTimePicker, s as clampRange, t as TimeRangePicker, u as isSameDate } from "../picker-Cke6cfsb.mjs";
+import { A as formatInTimezone, B as isDateBearingMode, C as PickerClear, D as PickerCalendar, E as PickerContent, F as zonedDateToIso, H as isTimeBearingMode, I as ALLOWED_STEPS, L as DATE_BEARING_MODES, M as getBrowserTimezone, N as getTimezoneOffset, O as PickerContext, P as isoToZonedDate, R as RANGE_MODES, S as PickerCancel, T as PickerReset, V as isRangeMode, _ as parseTimeString, a as PickerTimezoneIndicator, b as PickerPresets, d as DATE_PRESETS, f as getDefaultPresets, g as isValidTimeString, h as formatTimeLabel, i as PickerTrigger, j as formatTimezoneLabel, k as usePickerContext, l as usePresets, m as dateToYYYYMMDD, o as PickerTimeInput, p as usePickerState, r as formatPickerValue, s as useTimeSlots, t as DateTimeRangePicker, u as DATETIME_PRESETS, v as resolveCommit, w as PickerFooter, x as PickerApply, y as useKeyboardShortcuts, z as TIME_BEARING_MODES } from "../date-time-range-picker-DM4AIvQ1.mjs";
+import { a as DateRangePicker, c as getDaysDifference, d as isSameDateRange, f as isSameStringRange, i as DateRangeTimePicker, l as isRangeValid, m as PickerTimezoneSelect, n as TimePicker, o as DatePicker, p as Picker, r as DateTimePicker, s as clampRange, t as TimeRangePicker, u as isSameDate } from "../picker-BoKXW6_s.mjs";
 export { ALLOWED_STEPS, DATETIME_PRESETS, DATE_BEARING_MODES, DATE_PRESETS, DatePicker, DateRangePicker, DateRangeTimePicker, DateTimePicker, DateTimeRangePicker, Picker, PickerApply, PickerCalendar, PickerCancel, PickerClear, PickerContent, PickerContext, PickerFooter, PickerPresets, PickerReset, PickerTimeInput, PickerTimezoneIndicator, PickerTimezoneSelect, PickerTrigger, RANGE_MODES, TIME_BEARING_MODES, TimePicker, TimeRangePicker, clampRange, dateToYYYYMMDD, formatInTimezone, formatPickerValue, formatTimeLabel, formatTimezoneLabel, getBrowserTimezone, getDaysDifference, getDefaultPresets, getTimezoneOffset, isDateBearingMode, isRangeMode, isRangeValid, isSameDate, isSameDateRange, isSameStringRange, isTimeBearingMode, isValidTimeString, isoToZonedDate, parseTimeString, resolveCommit, useKeyboardShortcuts, usePickerContext, usePickerState, usePresets, useTimeSlots, zonedDateToIso };

package/dist/{picker-Cke6cfsb.mjs → picker-BoKXW6_s.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-daE2Nn0Z.mjs";
-import { C as PickerClear, D as PickerCalendar, E as PickerContent, F as zonedDateToIso, H as isTimeBearingMode, P as isoToZonedDate, S as PickerCancel, T as PickerReset, _ as parseTimeString, a as PickerTimezoneIndicator, b as PickerPresets, c as Picker$1, i as PickerTrigger, k as usePickerContext, n as DefaultFooter, o as PickerTimeInput, r as formatPickerValue, w as PickerFooter, x as PickerApply } from "./date-time-range-picker-BEulotVf.mjs";
+import { C as PickerClear, D as PickerCalendar, E as PickerContent, F as zonedDateToIso, H as isTimeBearingMode, P as isoToZonedDate, S as PickerCancel, T as PickerReset, _ as parseTimeString, a as PickerTimezoneIndicator, b as PickerPresets, c as Picker$1, i as PickerTrigger, k as usePickerContext, n as DefaultFooter, o as PickerTimeInput, r as formatPickerValue, w as PickerFooter, x as PickerApply } from "./date-time-range-picker-DM4AIvQ1.mjs";
 import { Clock, Globe } from "lucide-react";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/settings-nav/index.mjs

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

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

@@ -30,7 +30,7 @@ function SettingsNav({ className, ...props }) {
 function SettingsNavLabel({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "settings-nav-label",
-		className: cn("text-muted-foreground px-2.5 pt-1 pb-2 text-[11px] font-semibold tracking-wide uppercase", className),
+		className: cn("text-muted-foreground px-2.5 pt-1 pb-2 text-3xs font-semibold tracking-wide uppercase", className),
 		...props
 	});
 }
@@ -61,7 +61,7 @@ function SettingsNavItem({ className, variant, asChild = false, icon, active = f
 		}) : 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",
+			className: "bg-muted text-muted-foreground rounded-md px-1.5 py-0.5 text-4xs font-semibold tracking-wide uppercase",
 			children: badge
 		}) : null
 	] });

package/dist/styles/shadcn/shadcn.css

@@ -221,7 +221,7 @@ body {
     @apply hidden;
   }
   .leaflet-control-attribution {
-    @apply !bg-muted rounded-md !px-[4px] !py-[2px] text-[10px] !leading-none !text-inherit;
+    @apply !bg-muted rounded-md !px-[4px] !py-[2px] text-4xs !leading-none !text-inherit;
   }
   .leaflet-draw-guide-dash {
     @apply rounded-full;

package/dist/styles/themes/alpha.css

@@ -74,6 +74,13 @@ Light-mode tokens on :root, dark-mode tokens on .dark
   --destructive: var(--alert-red-light);
   --destructive-foreground: var(--glacier-mist-700);
 
+  /* Status text colors — for text on the page background, used by
+     text-success / text-warning / text-info and Typography's textColor.
+     Values match the palette colors they replace, for no visual change. */
+  --success: #16a34a; /* green-600 */
+  --warning: #ca8a04; /* yellow-600 */
+  --info: #2563eb; /* blue-600 */
+
   /* UI elements */
   --border: var(--glacier-mist-900);
   --input: var(--app-dark-utility-5);
@@ -270,6 +277,11 @@ Light-mode tokens on :root, dark-mode tokens on .dark
   --destructive: var(--alert-red-light);
   --destructive-foreground: var(--glacier-mist-700);
 
+  /* Status text colors */
+  --success: #4ade80; /* green-400 */
+  --warning: #facc15; /* yellow-400 */
+  --info: #60a5fa; /* blue-400 */
+
   /* UI elements */
   --border: var(--app-dark-utility-2);
   --input: var(--app-dark-utility-2);
@@ -473,6 +485,11 @@ TAILWIND CUSTOM UTILITIES FOR THEME
   --color-icon-quinary: var(--icon-quinary);
   --color-icon-header: var(--icon-header);
 
+  /* Status text */
+  --color-success: var(--success);
+  --color-warning: var(--warning);
+  --color-info: var(--info);
+
   /* Toast */
   --color-toast-error-background: var(--toast-error-background);
   --color-toast-error-foreground: var(--toast-error-foreground);
@@ -481,12 +498,6 @@ TAILWIND CUSTOM UTILITIES FOR THEME
   --color-toast-success-foreground: var(--toast-success-foreground);
   --color-toast-success-icon: var(--toast-success-icon);
 
-  /* Font Sizes */
-  --text-sm: 14px;
-  --text-xs: 13px;
-  --text-1xs: 12px;
-  --text-2xs: 9px;
-
   /* Badge */
   --color-badge-primary: var(--badge-primary);
   --color-badge-primary-foreground: var(--badge-primary-foreground);
@@ -575,6 +586,97 @@ TAILWIND CUSTOM UTILITIES FOR THEME
   --color-stepper-label: var(--stepper-label);
 }
 
+/* ========================================
+TYPE SCALE
+One named scale shared by raw `text-*` utilities and the Typography
+components. See Storybook "Docs/Type Scale" for the rules.
+
+Deliberately a plain `@theme`, not `@theme inline`: utilities must read
+`var(--text-*)` at runtime so the display steps below can shrink per
+breakpoint. An inline theme would bake the desktop values into every
+utility and the media queries would have nothing to override.
+======================================== */
+@theme {
+  /* Body — fixed on every screen */
+  /* 5xs is the floor, kept for dense numerics that already sit at 9px
+     (badge counters, table micro-labels). Prefer 4xs for anything a
+     reader has to parse rather than glance at. */
+  --text-5xs: 9px;
+  --text-5xs--line-height: 12px;
+  --text-4xs: 10px;
+  --text-4xs--line-height: 14px;
+  --text-3xs: 11px;
+  --text-3xs--line-height: 16px;
+  --text-2xs: 12px;
+  --text-2xs--line-height: 16px;
+  --text-xs: 13px;
+  --text-xs--line-height: 18px;
+  --text-sm: 14px;
+  --text-sm--line-height: 20px;
+  --text-base: 16px;
+  --text-base--line-height: 24px;
+  --text-lg: 18px;
+  --text-lg--line-height: 28px;
+
+  /* Display — desktop values; stepped down below */
+  --text-xl: 20px;
+  --text-xl--line-height: 28px;
+  --text-2xl: 24px;
+  --text-2xl--line-height: 32px;
+  --text-3xl: 30px;
+  --text-3xl--line-height: 36px;
+  --text-4xl: 36px;
+  --text-4xl--line-height: 40px;
+  --text-5xl: 48px;
+  --text-5xl--line-height: 48px;
+  --text-6xl: 60px;
+  --text-6xl--line-height: 60px;
+  --text-7xl: 72px;
+  --text-7xl--line-height: 72px;
+  --text-8xl: 96px;
+  --text-8xl--line-height: 96px;
+}
+
+/* Tablet (< lg). Every value is an existing step, so no new sizes appear. */
+@media (width < 64rem) {
+  :root {
+    --text-3xl: 24px;
+    --text-3xl--line-height: 32px;
+    --text-4xl: 30px;
+    --text-4xl--line-height: 36px;
+    --text-5xl: 36px;
+    --text-5xl--line-height: 40px;
+    --text-6xl: 48px;
+    --text-6xl--line-height: 48px;
+    --text-7xl: 60px;
+    --text-7xl--line-height: 60px;
+    --text-8xl: 72px;
+    --text-8xl--line-height: 72px;
+  }
+}
+
+/* Mobile (< md). */
+@media (width < 48rem) {
+  :root {
+    --text-xl: 18px;
+    --text-xl--line-height: 28px;
+    --text-2xl: 20px;
+    --text-2xl--line-height: 28px;
+    --text-3xl: 24px;
+    --text-3xl--line-height: 32px;
+    --text-4xl: 24px;
+    --text-4xl--line-height: 32px;
+    --text-5xl: 30px;
+    --text-5xl--line-height: 36px;
+    --text-6xl: 36px;
+    --text-6xl--line-height: 40px;
+    --text-7xl: 48px;
+    --text-7xl--line-height: 48px;
+    --text-8xl: 60px;
+    --text-8xl--line-height: 60px;
+  }
+}
+
 /* ========================================
 GLOBAL STYLES FOR ALPHA THEME
 ======================================== */

package/dist/task-queue/index.mjs

@@ -1,2 +1,2 @@
-import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-BJS3snfZ.mjs";
+import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-B7FCpfqr.mjs";
 export { LocalTaskStorage, RedisTaskStorage, TaskPanel, TaskPanelActions, TaskPanelCounter, TaskPanelHeader, TaskPanelItem, TaskQueue, TaskQueueDropdown, TaskQueueProvider, TaskQueueTrigger, TaskSummaryDialog, createOrgMetadata, createProjectMetadata, createUserMetadata, detectStorage, getContextLabel, matchesCurrentScope, useCurrentScope, useTaskQueue, useTasksWithLabels };

package/dist/{task-queue-dropdown-BJS3snfZ.mjs → task-queue-dropdown-B7FCpfqr.mjs}

@@ -1446,7 +1446,7 @@ function TaskQueueTrigger({ ref, tasks, ...props }) {
 				activeCount > 0 && /* @__PURE__ */ jsx(Badge, {
 					type: "tertiary",
 					theme: "solid",
-					className: "bg-primary text-primary-foreground text-2xs absolute -top-1 -right-1 flex size-4 items-center justify-center rounded-full p-0 leading-0",
+					className: "bg-primary text-primary-foreground text-5xs absolute -top-1 -right-1 flex size-4 items-center justify-center rounded-full p-0 leading-0",
 					children: activeCount > 99 ? "99+" : activeCount
 				})
 			]

package/dist/time-picker/index.mjs

@@ -1,2 +1,2 @@
-import { t as TimePicker } from "../time-picker-BzNSUazl.mjs";
+import { t as TimePicker } from "../time-picker-DQlc2gKW.mjs";
 export { TimePicker };

package/dist/{time-picker-BzNSUazl.mjs → time-picker-DQlc2gKW.mjs}

@@ -1,5 +1,5 @@
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
-import { n as TimePicker$1 } from "./picker-Cke6cfsb.mjs";
+import { n as TimePicker$1 } from "./picker-BoKXW6_s.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/features/time-picker/time-picker.tsx
 const STEP_VALUES = [

package/dist/{to-api-format-W3qJE68W.mjs → to-api-format-QuJ81vQ9.mjs}

@@ -4,7 +4,7 @@ import { Calendar } from "./calendar/index.mjs";
 import { t as Input } from "./input-j4tbmYYz.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-8VcjBM2d.mjs";
 import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-D4pk9e2d.mjs";
-import { F as zonedDateToIso, M as getBrowserTimezone, N as getTimezoneOffset, P as isoToZonedDate, U as endOfDayInTz, W as startOfDayInTz, j as formatTimezoneLabel, t as DateTimeRangePicker } from "./date-time-range-picker-BEulotVf.mjs";
+import { F as zonedDateToIso, M as getBrowserTimezone, N as getTimezoneOffset, P as isoToZonedDate, U as endOfDayInTz, W as startOfDayInTz, j as formatTimezoneLabel, t as DateTimeRangePicker } from "./date-time-range-picker-DM4AIvQ1.mjs";
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
 import { CalendarIcon, Globe } from "lucide-react";
 import { useCallback, useEffect, useId, useRef, useState } from "react";
@@ -369,7 +369,7 @@ function QuickRangesPanel({ presets, value, onPresetSelect, className }) {
 					onClick: () => onPresetSelect(preset),
 					className: cn("flex items-center justify-between gap-2 rounded-lg px-3 py-1.5 text-xs transition-colors", "hover:bg-accent hover:text-accent-foreground", isSelected ? "bg-accent text-primary border-border border font-medium" : "border border-transparent"),
 					children: [/* @__PURE__ */ jsx("span", { children: preset.label }), /* @__PURE__ */ jsx("kbd", {
-						className: cn("bg-muted pointer-events-none hidden h-5 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium select-none sm:flex", isSelected ? "border-primary" : "bg-muted/50 border-transparent"),
+						className: cn("bg-muted pointer-events-none hidden h-5 items-center gap-1 rounded border px-1.5 font-mono text-4xs font-medium select-none sm:flex", isSelected ? "border-primary" : "bg-muted/50 border-transparent"),
 						children: preset.shortcut
 					})]
 				}, preset.key);

package/dist/typography/index.mjs

@@ -1,2 +1,2 @@
-import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "../typography-BXIBvq3-.mjs";
+import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "../typography-DNQXFq1I.mjs";
 export { Blockquote, Code, Link, List, ListItem, Paragraph, Text, Title, paragraphVariants, textVariants, titleVariants };

package/dist/{typography-BXIBvq3-.mjs → typography-DNQXFq1I.mjs}

@@ -7,12 +7,12 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 const titleVariants = cva("font-semibold leading-tight tracking-tight", {
 	variants: {
 		level: {
-			1: "text-2xl md:text-3xl lg:text-4xl",
-			2: "text-xl md:text-2xl lg:text-3xl",
-			3: "text-lg md:text-xl lg:text-2xl",
-			4: "text-base md:text-lg lg:text-xl",
-			5: "text-sm md:text-base lg:text-lg",
-			6: "text-xs md:text-sm lg:text-base"
+			1: "text-4xl",
+			2: "text-3xl",
+			3: "text-2xl",
+			4: "text-xl",
+			5: "text-lg",
+			6: "text-base"
 		},
 		weight: {
 			normal: "font-normal",
@@ -27,28 +27,35 @@ const titleVariants = cva("font-semibold leading-tight tracking-tight", {
 			primary: "text-primary",
 			secondary: "text-secondary-foreground",
 			destructive: "text-destructive",
-			success: "text-green-600 dark:text-green-400",
-			warning: "text-yellow-600 dark:text-yellow-400",
-			info: "text-blue-600 dark:text-blue-400"
+			success: "text-success",
+			warning: "text-warning",
+			info: "text-info"
 		}
 	},
 	defaultVariants: {
 		level: 4,
-		weight: "semibold",
-		textColor: "default"
+		weight: "semibold"
 	}
 });
-const textVariants = cva("leading-relaxed", {
+const textVariants = cva("", {
 	variants: {
 		size: {
+			"5xs": "text-5xs",
+			"4xs": "text-4xs",
+			"3xs": "text-3xs",
+			"2xs": "text-2xs",
 			"xs": "text-xs",
 			"sm": "text-sm",
-			"base": "text-sm",
+			"base": "text-base",
 			"lg": "text-lg",
 			"xl": "text-xl",
 			"2xl": "text-2xl",
 			"3xl": "text-3xl",
-			"4xl": "text-4xl"
+			"4xl": "text-4xl",
+			"5xl": "text-5xl",
+			"6xl": "text-6xl",
+			"7xl": "text-7xl",
+			"8xl": "text-8xl"
 		},
 		weight: {
 			normal: "font-normal",
@@ -63,9 +70,9 @@ const textVariants = cva("leading-relaxed", {
 			primary: "text-primary",
 			secondary: "text-secondary-foreground",
 			destructive: "text-destructive",
-			success: "text-green-600 dark:text-green-400",
-			warning: "text-yellow-600 dark:text-yellow-400",
-			info: "text-blue-600 dark:text-blue-400"
+			success: "text-success",
+			warning: "text-warning",
+			info: "text-info"
 		},
 		type: {
 			default: "",
@@ -78,20 +85,23 @@ const textVariants = cva("leading-relaxed", {
 		}
 	},
 	defaultVariants: {
-		size: "base",
+		size: "sm",
 		weight: "normal",
-		textColor: "default",
 		type: "default"
 	}
 });
 const paragraphVariants = cva("leading-relaxed", {
 	variants: {
 		size: {
-			xs: "text-xs",
-			sm: "text-sm",
-			base: "text-sm",
-			lg: "text-lg",
-			xl: "text-xl"
+			"5xs": "text-5xs",
+			"4xs": "text-4xs",
+			"3xs": "text-3xs",
+			"2xs": "text-2xs",
+			"xs": "text-xs",
+			"sm": "text-sm",
+			"base": "text-base",
+			"lg": "text-lg",
+			"xl": "text-xl"
 		},
 		spacing: {
 			tight: "leading-tight",
@@ -100,7 +110,7 @@ const paragraphVariants = cva("leading-relaxed", {
 		}
 	},
 	defaultVariants: {
-		size: "base",
+		size: "sm",
 		spacing: "normal"
 	}
 });

package/package.json

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