@datum-cloud/datum-ui 2.7.0 → 2.9.0

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

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

package/dist/card/index.mjs

@@ -1,2 +1,2 @@
-import { a as CardDescription, i as CardContent, n as CardFooter, o as CardTitle, r as CardHeader, t as Card } from "../card-Cphn2nA3.mjs";
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+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";
+export { Card, CardAction, CardContent, CardDescription, CardField, CardFieldLabel, CardFieldValue, CardFooter, CardHeader, CardSaveBar, CardTitle };

package/dist/card-save-bar-Dub71HRf.mjs

@@ -0,0 +1,281 @@
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as Button } from "./button-DoMqfQLu.mjs";
+import { cva } from "class-variance-authority";
+import "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region ../shadcn/ui/card.tsx
+function CardTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-title",
+		className: cn("leading-none font-semibold", className),
+		...props
+	});
+}
+function CardDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/base/card/card.tsx
+/**
+* Datum Card
+*
+* Extends the shadcn Card with layout variants so consumers can build dense
+* dashboard tiles, sectioned settings cards, and flush lists/tables without
+* fighting the default padding with className overrides.
+*
+* Spacing model
+* -------------
+* The root publishes two CSS variables that every slot reads:
+*
+*   --card-px  horizontal inset shared by header, content, and footer
+*   --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.
+*
+* Consumers building their own rows inside a flush `CardContent` can use
+* `px-(--card-px)` to line up with the card chrome regardless of `size`.
+*
+* Layouts
+* -------
+* - Stacked (default): the root carries vertical padding and a gap between
+*   slots; slots only carry horizontal padding. This is the historical
+*   behaviour and the default visuals are unchanged.
+* - Sectioned (`sectioned`): the root carries no padding or gap; each slot
+*   owns its own vertical inset and slots are separated by dividers
+*   (`CardHeader bordered`, `CardFooter bordered`). Use for headers that sit
+*   above flush lists/tables, and for settings cards with a sticky footer.
+*/
+const cardVariants = cva("group/card bg-card text-card-foreground border-card-border flex flex-col rounded-xl border", {
+	variants: {
+		size: {
+			sm: "[--card-px:1rem] [--card-py:1rem]",
+			md: "[--card-px:1.5rem] [--card-py:1.5rem]"
+		},
+		sectioned: {
+			true: "gap-0 py-0",
+			false: ""
+		}
+	},
+	compoundVariants: [{
+		size: "sm",
+		sectioned: false,
+		className: "gap-3 py-4"
+	}, {
+		size: "md",
+		sectioned: false,
+		className: "gap-4 py-6"
+	}],
+	defaultVariants: {
+		size: "md",
+		sectioned: false
+	}
+});
+function Card({ className, size, sectioned, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card",
+		"data-size": size ?? "md",
+		"data-layout": sectioned ? "sectioned" : "stacked",
+		className: cn(cardVariants({
+			size,
+			sectioned
+		}), className),
+		...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.
+		*/
+		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)",
+			md: "has-data-[slot=card-description]:gap-3 group-data-[layout=sectioned]/card:min-h-14 group-data-[layout=sectioned]/card:py-(--card-py)",
+			lg: "has-data-[slot=card-description]:gap-3 group-data-[layout=sectioned]/card:min-h-16 group-data-[layout=sectioned]/card:py-[calc(var(--card-py)*1.25)]"
+		},
+		/** Draw a divider under the header. Pairs with `sectioned` cards. */
+		bordered: {
+			true: "border-b",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		bordered: false
+	}
+});
+function CardHeader({ className, size, bordered, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-header",
+		className: cn(cardHeaderVariants({
+			size,
+			bordered
+		}), className),
+		...props
+	});
+}
+/**
+* Trailing header action (button, link, badge). Renders in the header's
+* second grid column. With a description it spans both rows and top-aligns;
+* title-only it shares the title's row and centres against it.
+*/
+function CardAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-action",
+		className: cn("col-start-2 row-start-1 flex items-center gap-2 self-center justify-self-end", "group-has-data-[slot=card-description]/card-header:row-end-3 group-has-data-[slot=card-description]/card-header:self-start", className),
+		...props
+	});
+}
+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"
+	} },
+	defaultVariants: { padding: "default" }
+});
+function CardContent({ className, padding, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-content",
+		className: cn(cardContentVariants({ padding }), className),
+		...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"
+		},
+		/** Draw a divider above the footer. Pairs with `sectioned` cards. */
+		bordered: {
+			true: "border-t",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		padding: "default",
+		bordered: false
+	}
+});
+function CardFooter({ className, padding, bordered, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-footer",
+		className: cn(cardFooterVariants({
+			padding,
+			bordered
+		}), className),
+		...props
+	});
+}
+/**
+* Label | value definition row for sectioned settings cards.
+*
+* Two equal columns from `sm` up (stacked below), so labels, values, inline
+* inputs, and status chips share the same midline down a card and across
+* neighbouring cards. Both columns are `minmax(0, 1fr)` so long mono values
+* can truncate instead of pushing the value column out. Pair with
+* `CardContent padding="none"`: the row insets itself with `mx-(--card-px)`
+* (not padding) so the divider between rows runs only as wide as the content,
+* while the card header's own divider still spans the full card.
+* Compose a help control inside `CardFieldLabel`; keep Tooltip/icons in the
+* consumer, not here.
+*/
+function CardField({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-field",
+		className: cn("border-card-border mx-(--card-px) grid grid-cols-1 items-start gap-1 border-b py-3.5 last:border-b-0 sm:grid-cols-2 sm:items-center sm:gap-x-6", className),
+		...props
+	});
+}
+function CardFieldLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-field-label",
+		className: cn("flex min-w-0 items-center gap-1.5 text-sm font-medium", className),
+		...props
+	});
+}
+function CardFieldValue({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-field-value",
+		className: cn("min-w-0 text-sm", className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/base/card/card-save-bar.tsx
+function pluralize(count, noun) {
+	return `${count} ${noun}${count === 1 ? "" : "s"}`;
+}
+/**
+* Save / cancel bar for inline-editable settings cards.
+*
+* Renders in a bordered `CardFooter` and owns the pattern every settings card
+* repeats: a live status line ("2 unsaved changes · 1 error must be fixed"),
+* a Cancel button, and a Save button that is disabled until something has
+* changed and nothing is invalid. Buttons use the `xs` size to match the
+* `CardAction` controls in the header of a `size="sm"` sectioned card.
+*/
+function CardSaveBar({ changeCount, errorCount = 0, saving = false, onCancel, onSave, cancelLabel = "Cancel", saveLabel = "Save changes", children, className, ...props }) {
+	const status = children ?? (changeCount === 0 ? "No unsaved changes" : pluralize(changeCount, "unsaved change"));
+	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", {
+			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",
+				children: status
+			}), errorCount > 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				children: "·"
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "text-destructive",
+				children: [
+					pluralize(errorCount, "error"),
+					" ",
+					"must be fixed before saving"
+				]
+			})] }) : null]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex shrink-0 items-center gap-2",
+			children: [/* @__PURE__ */ jsx(Button, {
+				type: "secondary",
+				theme: "outline",
+				size: "xs",
+				disabled: saving,
+				onClick: onCancel,
+				children: cancelLabel
+			}), /* @__PURE__ */ jsx(Button, {
+				type: "primary",
+				theme: "solid",
+				size: "xs",
+				disabled: changeCount === 0 || errorCount > 0 || saving,
+				loading: saving,
+				onClick: onSave,
+				children: saveLabel
+			})]
+		})]
+	});
+}
+//#endregion
+export { CardField as a, CardFooter as c, CardTitle as d, CardContent as i, CardHeader as l, Card as n, CardFieldLabel as o, CardAction as r, CardFieldValue as s, CardSaveBar as t, CardDescription as u };

package/dist/components/base/card/card-save-bar.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export interface CardSaveBarProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    /** Number of fields that differ from their saved value. */
+    changeCount: number;
+    /** Number of fields that currently fail validation. Save is blocked while > 0. */
+    errorCount?: number;
+    /** A save is in flight: Save shows a spinner and both buttons are disabled. */
+    saving?: boolean;
+    onCancel: () => void;
+    onSave: () => void;
+    cancelLabel?: string;
+    saveLabel?: string;
+    /**
+     * Replaces the generated "N unsaved changes" status. The error summary is
+     * still appended when `errorCount` is non-zero.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Save / cancel bar for inline-editable settings cards.
+ *
+ * Renders in a bordered `CardFooter` and owns the pattern every settings card
+ * repeats: a live status line ("2 unsaved changes · 1 error must be fixed"),
+ * a Cancel button, and a Save button that is disabled until something has
+ * changed and nothing is invalid. Buttons use the `xs` size to match the
+ * `CardAction` controls in the header of a `size="sm"` sectioned card.
+ */
+declare function CardSaveBar({ changeCount, errorCount, saving, onCancel, onSave, cancelLabel, saveLabel, children, className, ...props }: CardSaveBarProps): React.JSX.Element;
+export { CardSaveBar };

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

@@ -1,7 +1,84 @@
-import { CardContent, CardDescription, CardTitle } from '../../../_shadcn/ui/card';
+import type { VariantProps } from 'class-variance-authority';
+import { CardDescription, CardTitle } from '../../../_shadcn/ui/card';
 import * as React from 'react';
-declare function Card({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-export { CardContent, CardDescription, CardFooter, CardTitle };
-export { Card, CardHeader };
+/**
+ * Datum Card
+ *
+ * Extends the shadcn Card with layout variants so consumers can build dense
+ * dashboard tiles, sectioned settings cards, and flush lists/tables without
+ * fighting the default padding with className overrides.
+ *
+ * Spacing model
+ * -------------
+ * The root publishes two CSS variables that every slot reads:
+ *
+ *   --card-px  horizontal inset shared by header, content, and footer
+ *   --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.
+ *
+ * Consumers building their own rows inside a flush `CardContent` can use
+ * `px-(--card-px)` to line up with the card chrome regardless of `size`.
+ *
+ * Layouts
+ * -------
+ * - Stacked (default): the root carries vertical padding and a gap between
+ *   slots; slots only carry horizontal padding. This is the historical
+ *   behaviour and the default visuals are unchanged.
+ * - Sectioned (`sectioned`): the root carries no padding or gap; each slot
+ *   owns its own vertical inset and slots are separated by dividers
+ *   (`CardHeader bordered`, `CardFooter bordered`). Use for headers that sit
+ *   above flush lists/tables, and for settings cards with a sticky footer.
+ */
+declare const cardVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    sectioned?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CardProps extends React.ComponentProps<'div'>, VariantProps<typeof cardVariants> {
+}
+declare function Card({ className, size, sectioned, ...props }: CardProps): React.JSX.Element;
+declare const cardHeaderVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    bordered?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CardHeaderProps extends React.ComponentProps<'div'>, VariantProps<typeof cardHeaderVariants> {
+}
+declare function CardHeader({ className, size, bordered, ...props }: CardHeaderProps): React.JSX.Element;
+/**
+ * Trailing header action (button, link, badge). Renders in the header's
+ * second grid column. With a description it spans both rows and top-aligns;
+ * title-only it shares the title's row and centres against it.
+ */
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare const cardContentVariants: (props?: ({
+    padding?: "default" | "none" | "x-none" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CardContentProps extends React.ComponentProps<'div'>, VariantProps<typeof cardContentVariants> {
+}
+declare function CardContent({ className, padding, ...props }: CardContentProps): React.JSX.Element;
+declare const cardFooterVariants: (props?: ({
+    padding?: "default" | "none" | "x-none" | null | undefined;
+    bordered?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CardFooterProps extends React.ComponentProps<'div'>, VariantProps<typeof cardFooterVariants> {
+}
+declare function CardFooter({ className, padding, bordered, ...props }: CardFooterProps): React.JSX.Element;
+/**
+ * Label | value definition row for sectioned settings cards.
+ *
+ * Two equal columns from `sm` up (stacked below), so labels, values, inline
+ * inputs, and status chips share the same midline down a card and across
+ * neighbouring cards. Both columns are `minmax(0, 1fr)` so long mono values
+ * can truncate instead of pushing the value column out. Pair with
+ * `CardContent padding="none"`: the row insets itself with `mx-(--card-px)`
+ * (not padding) so the divider between rows runs only as wide as the content,
+ * while the card header's own divider still spans the full card.
+ * Compose a help control inside `CardFieldLabel`; keep Tooltip/icons in the
+ * consumer, not here.
+ */
+declare function CardField({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardFieldLabel({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardFieldValue({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export { CardDescription, CardTitle };
+export { Card, CardAction, CardContent, CardField, CardFieldLabel, CardFieldValue, CardFooter, CardHeader };

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

@@ -1 +1,2 @@
 export * from './card';
+export * from './card-save-bar';

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

@@ -30,6 +30,7 @@ export * from './responsive-dropdown';
 export * from './responsive-popover';
 export * from './select';
 export * from './separator';
+export * from './settings-nav';
 export * from './sheet';
 export * from './sidebar';
 export * from './skeleton';

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

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

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

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

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

@@ -0,0 +1,28 @@
+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.
+ *
+ * Deliberately separate from `NavMenu` / sidebar primitives — those are bound
+ * to the app chrome context. SettingsNav is a page-local list: a SETTINGS
+ * eyebrow, icon items with an active fill, optional error dots, Soon badges,
+ * and a danger item for destructive sections.
+ */
+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> {
+    /** When true, renders via Radix Slot so a router `Link` can own the element. */
+    asChild?: boolean;
+    /** Leading icon (lucide or custom). Coloured by the active / danger state. */
+    icon?: React.ReactNode;
+    /** Marks the item as the current section. */
+    active?: boolean;
+    /** Small status dot (e.g. validation error on that section). */
+    indicator?: boolean;
+    /** Trailing badge content, typically "Soon". */
+    badge?: React.ReactNode;
+    disabled?: boolean;
+}
+declare function SettingsNavItem({ className, variant, asChild, icon, active, indicator, badge, disabled, children, href, onClick, ...props }: SettingsNavItemProps): React.JSX.Element;
+export { SettingsNav, SettingsNavItem, SettingsNavLabel };

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

@@ -1,7 +1,13 @@
-import { Switch as ShadcnSwitch } from '../../../_shadcn/ui/switch';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as React from 'react';
-declare function Switch({ ref, className, ...props }: React.ComponentProps<typeof ShadcnSwitch> & {
-    ref?: React.RefObject<React.ElementRef<typeof ShadcnSwitch> | null>;
+/**
+ * Switch renders the Radix primitive directly rather than wrapping the shadcn
+ * one, because its state glyphs go inside the thumb. Building it here keeps the
+ * shadcn base untouched, so that base can be regenerated from upstream without
+ * losing anything of ours.
+ */
+declare function Switch({ ref, className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
+    ref?: React.RefObject<React.ElementRef<typeof SwitchPrimitive.Root> | null>;
 }): React.JSX.Element;
 declare namespace Switch {
     var displayName: string;

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

@@ -1,14 +1,22 @@
+import type { VariantProps } from 'class-variance-authority';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as React from 'react';
 /**
  * Datum Tabs Component
  * Extends shadcn Tabs with:
  * - TabsLinkTrigger for router-agnostic link integration
+ * - A `line` variant (underline page tabs) with a sliding active indicator
  * - Dark mode customizations
  */
-declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
-declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): React.JSX.Element;
-declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
+type TabsVariant = 'default' | 'line';
+declare function Tabs({ className, value: valueProp, defaultValue, onValueChange, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TabsListProps extends React.ComponentProps<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
+}
+declare function TabsList({ className, variant, ...props }: TabsListProps): React.JSX.Element;
+declare function TabsTrigger({ className, value, children, asChild, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
 declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
 interface TabsLinkTriggerProps extends React.ComponentProps<typeof TabsPrimitive.Trigger> {
     /** Destination URL — mapped to `href` for native `<a>`, `to` for router Links */
@@ -18,4 +26,4 @@ interface TabsLinkTriggerProps extends React.ComponentProps<typeof TabsPrimitive
 }
 declare function TabsLinkTrigger({ value, href, linkComponent: LinkComp, children, className, ...props }: TabsLinkTriggerProps): React.JSX.Element;
 export { Tabs, TabsContent, TabsLinkTrigger, TabsList, TabsTrigger };
-export type { TabsLinkTriggerProps };
+export type { TabsLinkTriggerProps, TabsVariant };

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-BaWOHdZX.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-CW3-xqkg.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-BaWOHdZX.mjs → data-table-CW3-xqkg.mjs}

@@ -4,11 +4,11 @@ import { t as Button } from "./button-DoMqfQLu.mjs";
 import { t as Checkbox } from "./checkbox-C6P12fio.mjs";
 import { t as Input } from "./input-j4tbmYYz.mjs";
 import { t as ResponsiveDropdown } from "./responsive-dropdown-C_KKgLbH.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-CQsG8Kju.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-D4pk9e2d.mjs";
 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-bpTUcGu_.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-DW31tDSa.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";

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-DlFTh3DF.mjs";
-import { t as CalendarDatePicker } from "../calendar-date-picker-bpTUcGu_.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-Bm1VcKkS.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 { _ 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";
 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-Bd7qSZVr.mjs";
+import { t as DateTimePicker } from "../date-time-picker-BVvWQXMt.mjs";
 export { DateTimePicker };

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

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

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

@@ -1309,7 +1309,7 @@ function PickerTrigger({ placeholder = "Pick a date", clearable = false, disable
 			if (state.open) actions.close();
 			else actions.open();
 		},
-		className: cn("w-full justify-between gap-2 font-normal", triggerClassName, className),
+		className: cn("w-full justify-between gap-2 rounded-lg font-normal", triggerClassName, className),
 		...slotProps,
 		children: [/* @__PURE__ */ jsxs("span", {
 			className: "flex flex-1 items-center gap-2 truncate",

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-BKxvdIKB.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 { 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-BKxvdIKB.mjs → form-DB5MbJ2U.mjs}

@@ -7,20 +7,20 @@ import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs
 import { t as Input } from "./input-j4tbmYYz.mjs";
 import { t as Label } from "./label-Bk6FXsju.mjs";
 import { n as RadioGroupItem, t as RadioGroup } from "./radio-group-LduBVTnh.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-CQsG8Kju.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-D4pk9e2d.mjs";
 import { t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
-import { t as Switch } from "./switch-Z2pJMckf.mjs";
-import { t as Textarea } from "./textarea-B6YhjFVC.mjs";
+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-bpTUcGu_.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-DW31tDSa.mjs";
 import { t as toast } from "./toast-BUPlDkN3.mjs";
-import { t as DateTimePicker } from "./date-time-picker-Bd7qSZVr.mjs";
+import { t as DateTimePicker } from "./date-time-picker-BVvWQXMt.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-rVTkmbIG.mjs";
+import { t as TimePicker } from "./time-picker-BzNSUazl.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-DWtEx18V.mjs";
+import { t as GroupedTable } from "../grouped-table-DKUsSHpe.mjs";
 export { GroupedTable };

package/dist/{grouped-table-DWtEx18V.mjs → grouped-table-DKUsSHpe.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-BaWOHdZX.mjs";
+import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-CW3-xqkg.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

@@ -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 CardDescription, i as CardContent, n as CardFooter, o as CardTitle, r as CardHeader, t as Card } from "./card-Cphn2nA3.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 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";
@@ -32,14 +32,15 @@ import { n as RadioGroupItem, t as RadioGroup } from "./radio-group-LduBVTnh.mjs
 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-CQsG8Kju.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 { 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";
-import { t as Switch } from "./switch-Z2pJMckf.mjs";
+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-B6YhjFVC.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 { 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";
@@ -48,29 +49,29 @@ 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-DlFTh3DF.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-bpTUcGu_.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 { 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-BaWOHdZX.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-CW3-xqkg.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-Bd7qSZVr.mjs";
+import { t as DateTimePicker } from "./date-time-picker-BVvWQXMt.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-BKxvdIKB.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 { 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-rVTkmbIG.mjs";
+import { t as TimePicker } from "./time-picker-BzNSUazl.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-DWtEx18V.mjs";
+import { t as GroupedTable } from "./grouped-table-DKUsSHpe.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,7 +82,7 @@ import { n as useRichTextEditor, r as RichTextContent, t as RichTextEditor } fro
 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-Bm1VcKkS.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 { 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, CardContent, CardDescription, CardFooter, CardHeader, 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, 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 };
+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 };

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-DlFTh3DF.mjs";
+import { t as DateTimeRangePicker } from "../date-time-range-picker-BEulotVf.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";

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-DlFTh3DF.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-DbKukBkk.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-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";
 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-DbKukBkk.mjs → picker-Cke6cfsb.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-DlFTh3DF.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 { Clock, Globe } from "lucide-react";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/select/index.mjs

@@ -1,2 +1,2 @@
-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-CQsG8Kju.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";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/{select-CQsG8Kju.mjs → select-D4pk9e2d.mjs}

@@ -16,7 +16,7 @@ SelectGroup.displayName = "SelectGroup";
 function SelectTrigger({ ref, className, ...props }) {
 	return /* @__PURE__ */ jsx(SelectTrigger$1, {
 		ref,
-		className: cn("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
+		className: cn("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "shadow-none", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
 		...props
 	});
 }

package/dist/settings-nav/index.mjs

@@ -0,0 +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 };

package/dist/settings-nav-BCL1lMTM.mjs

@@ -0,0 +1,84 @@
+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 { 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.
+*
+* Deliberately separate from `NavMenu` / sidebar primitives — those are bound
+* to the app chrome context. SettingsNav is a page-local list: a SETTINGS
+* eyebrow, icon items with an active fill, optional error dots, Soon badges,
+* and a danger item for destructive sections.
+*/
+function SettingsNav({ className, ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"data-slot": "settings-nav",
+		"aria-label": "Settings",
+		className: cn("flex w-full flex-col gap-1", 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),
+		...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();
+			return;
+		}
+		onClick?.(event);
+	};
+	return /* @__PURE__ */ jsxs(Comp, {
+		"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,
+		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
+		]
+	});
+}
+//#endregion
+export { settingsNavItemVariants as i, SettingsNavItem as n, SettingsNavLabel as r, SettingsNav as t };

package/dist/switch/index.mjs

@@ -1,2 +1,2 @@
-import { t as Switch } from "../switch-Z2pJMckf.mjs";
+import { t as Switch } from "../switch-BaR-Vna4.mjs";
 export { Switch };

package/dist/switch-BaR-Vna4.mjs

@@ -0,0 +1,34 @@
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { CheckIcon, XIcon } from "lucide-react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+//#region src/components/base/switch/switch.tsx
+/**
+* Switch renders the Radix primitive directly rather than wrapping the shadcn
+* one, because its state glyphs go inside the thumb. Building it here keeps the
+* shadcn base untouched, so that base can be regenerated from upstream without
+* losing anything of ours.
+*/
+function Switch({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+		ref,
+		"data-slot": "switch",
+		className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-6 w-11 shrink-0 items-center rounded-full border border-transparent shadow-xs outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", "transition-[background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-out", className),
+		...props,
+		children: /* @__PURE__ */ jsxs(SwitchPrimitive.Thumb, {
+			"data-slot": "switch-thumb",
+			className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground text-muted-foreground dark:data-[state=unchecked]:text-background dark:data-[state=checked]:text-primary group pointer-events-none flex size-5 items-center justify-center rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%+2px)] data-[state=unchecked]:translate-x-0"),
+			children: [/* @__PURE__ */ jsx(XIcon, {
+				"aria-hidden": true,
+				className: "size-3 group-data-[state=checked]:hidden"
+			}), /* @__PURE__ */ jsx(CheckIcon, {
+				"aria-hidden": true,
+				className: "hidden size-3 group-data-[state=checked]:block"
+			})]
+		})
+	});
+}
+Switch.displayName = "Switch";
+//#endregion
+export { Switch as t };

package/dist/tabs/index.mjs

@@ -1,30 +1,86 @@
 import { t as cn } from "../utils-Bu32wN-x.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { motion } from "motion/react";
 //#region src/components/base/tabs/tabs.tsx
-/**
-* Datum Tabs Component
-* Extends shadcn Tabs with:
-* - TabsLinkTrigger for router-agnostic link integration
-* - Dark mode customizations
-*/
-function Tabs({ className, ...props }) {
-	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
-		className: cn("flex flex-col gap-2", className),
-		...props
+const TabsContext = React.createContext({
+	value: void 0,
+	indicatorId: "tabs"
+});
+const TabsVariantContext = React.createContext("default");
+function Tabs({ className, value: valueProp, defaultValue, onValueChange, ...props }) {
+	const [uncontrolled, setUncontrolled] = React.useState(defaultValue);
+	const value = valueProp ?? uncontrolled;
+	const indicatorId = React.useId();
+	const handleValueChange = React.useCallback((next) => {
+		setUncontrolled(next);
+		onValueChange?.(next);
+	}, [onValueChange]);
+	const ctx = React.useMemo(() => ({
+		value,
+		indicatorId
+	}), [value, indicatorId]);
+	return /* @__PURE__ */ jsx(TabsContext, {
+		value: ctx,
+		children: /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+			className: cn("flex flex-col gap-2", className),
+			value: valueProp,
+			defaultValue,
+			onValueChange: handleValueChange,
+			...props
+		})
 	});
 }
-function TabsList({ className, ...props }) {
-	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
-		className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1", className),
-		...props
+const tabsListVariants = cva("inline-flex items-center", {
+	variants: { variant: {
+		default: "bg-muted text-muted-foreground h-9 w-fit justify-center rounded-lg p-1",
+		line: "text-foreground h-auto w-full justify-start gap-7 overflow-x-auto rounded-none bg-transparent p-0 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function TabsList({ className, variant, ...props }) {
+	const resolved = variant ?? "default";
+	return /* @__PURE__ */ jsx(TabsVariantContext, {
+		value: resolved,
+		children: /* @__PURE__ */ jsx(TabsPrimitive.List, {
+			"data-variant": resolved,
+			className: cn(tabsListVariants({ variant: resolved }), className),
+			...props
+		})
 	});
 }
-function TabsTrigger({ className, ...props }) {
+const tabsTriggerVariants = cva("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex items-center justify-center gap-1.5 whitespace-nowrap font-medium transition-[color,box-shadow,transform,border-color] duration-[var(--duration-fast)] ease-out focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: { variant: {
+		default: "data-[state=active]:bg-background dark:data-[state=active]:text-foreground data-[state=active]:text-foreground dark:hover:text-foreground flex-1 rounded-md px-2 py-1 text-sm active:scale-[0.98] disabled:active:scale-100 data-[state=active]:shadow-sm",
+		line: "text-foreground hover:text-primary data-[state=active]:text-primary relative flex-none rounded-none px-0 py-2.5 text-sm font-normal data-[state=active]:font-medium focus-visible:ring-0 focus-visible:outline-hidden"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function TabsTrigger({ className, value, children, asChild, ...props }) {
+	const variant = React.use(TabsVariantContext);
+	const { value: activeValue, indicatorId } = React.use(TabsContext);
+	const indicator = variant === "line" && activeValue === value ? /* @__PURE__ */ jsx(motion.span, {
+		"aria-hidden": true,
+		"data-slot": "tabs-indicator",
+		layoutId: `tabs-indicator-${indicatorId}`,
+		className: "bg-primary absolute inset-x-0 bottom-0 h-0.5",
+		transition: {
+			type: "spring",
+			stiffness: 380,
+			damping: 30
+		}
+	}) : null;
+	let content;
+	if (asChild && React.isValidElement(children)) content = React.cloneElement(children, void 0, children.props.children, indicator);
+	else content = /* @__PURE__ */ jsxs(Fragment$1, { children: [children, indicator] });
 	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
-		className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground data-[state=active]:text-foreground dark:hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow,transform] duration-[var(--duration-fast)] ease-out active:scale-[0.98] disabled:active:scale-100 focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		...props
+		value,
+		asChild,
+		className: cn(tabsTriggerVariants({ variant }), className),
+		...props,
+		children: content
 	});
 }
 function TabsContent({ className, ...props }) {

package/dist/textarea/index.mjs

@@ -1,2 +1,2 @@
-import { t as Textarea } from "../textarea-B6YhjFVC.mjs";
+import { t as Textarea } from "../textarea-DiSGxCBO.mjs";
 export { Textarea };

package/dist/{textarea-B6YhjFVC.mjs → textarea-DiSGxCBO.mjs}

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 function Textarea({ ref, className, ...props }) {
 	return /* @__PURE__ */ jsx(Textarea$1, {
 		ref,
-		className: cn("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
+		className: cn("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "shadow-none", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
 		...props
 	});
 }

package/dist/time-picker/index.mjs

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

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

@@ -1,5 +1,5 @@
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
-import { n as TimePicker$1 } from "./picker-DbKukBkk.mjs";
+import { n as TimePicker$1 } from "./picker-Cke6cfsb.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-Bm1VcKkS.mjs → to-api-format-W3qJE68W.mjs}

@@ -3,8 +3,8 @@ import { t as Button } from "./button-DoMqfQLu.mjs";
 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-CQsG8Kju.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-DlFTh3DF.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 { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
 import { CalendarIcon, Globe } from "lucide-react";
 import { useCallback, useEffect, useId, useRef, useState } from "react";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "2.7.0",
+  "version": "2.9.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"
@@ -173,6 +173,11 @@
       "types": "./dist/components/base/separator/index.d.ts",
       "default": "./dist/separator/index.mjs"
     },
+    "./settings-nav": {
+      "source": "./src/components/base/settings-nav/index.ts",
+      "types": "./dist/components/base/settings-nav/index.d.ts",
+      "default": "./dist/settings-nav/index.mjs"
+    },
     "./sheet": {
       "source": "./src/components/base/sheet/index.ts",
       "types": "./dist/components/base/sheet/index.d.ts",

package/dist/card-Cphn2nA3.mjs

@@ -1,59 +0,0 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region ../shadcn/ui/card.tsx
-function CardTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-title",
-		className: cn("leading-none font-semibold", className),
-		...props
-	});
-}
-function CardDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-description",
-		className: cn("text-muted-foreground text-sm", className),
-		...props
-	});
-}
-function CardContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-content",
-		className: cn("px-6", className),
-		...props
-	});
-}
-//#endregion
-//#region src/components/base/card/card.tsx
-/**
-* Datum Card Component
-* Extends shadcn Card with custom default className
-*
-* This component replaces the default className of shadcn Card without modifying
-* the original shadcn component. All sub-components (CardHeader, CardTitle, etc.)
-* are re-exported from shadcn as-is.
-*/
-const DEFAULT_CARD_CLASSNAME = "bg-card text-card-foreground flex flex-col gap-4 rounded-xl border border-card-border py-6 shadow";
-function Card({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card",
-		className: cn(DEFAULT_CARD_CLASSNAME, className),
-		...props
-	});
-}
-function CardHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-header",
-		className: cn("border-card-border flex flex-col gap-3 px-6", className),
-		...props
-	});
-}
-function CardFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-footer",
-		className: cn("border-card-border px-6", className),
-		...props
-	});
-}
-//#endregion
-export { CardDescription as a, CardContent as i, CardFooter as n, CardTitle as o, CardHeader as r, Card as t };

package/dist/switch-Z2pJMckf.mjs

@@ -1,28 +0,0 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-//#region ../shadcn/ui/switch.tsx
-function Switch$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
-		"data-slot": "switch",
-		className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
-		...props,
-		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
-			"data-slot": "switch-thumb",
-			className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
-		})
-	});
-}
-//#endregion
-//#region src/components/base/switch/switch.tsx
-function Switch({ ref, className, ...props }) {
-	return /* @__PURE__ */ jsx(Switch$1, {
-		ref,
-		className: cn("transition-[background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-out", className),
-		...props
-	});
-}
-Switch.displayName = "Switch";
-//#endregion
-export { Switch as t };