@datum-cloud/datum-ui 2.0.0 → 2.3.0

package/dist/components/features/date-time/index.d.ts

@@ -0,0 +1,3 @@
+export { DateTime } from './date-time';
+export { DEFAULT_DATE_FORMAT, formatAbsoluteDate, formatCombinedDate, formatRelativeDate, formatTimezoneDate, formatUTCDate, getTimestamp, getTimezoneAbbreviation, parseDate, } from './formatters';
+export type { DateTimeProps, DateTimeVariant, FormatterOptions, TooltipMode } from './types';

package/dist/components/features/date-time/types.d.ts

@@ -0,0 +1,47 @@
+import type { ReactNode } from 'react';
+export type DateTimeVariant = 'absolute' | 'relative' | 'both' | 'detailed';
+export type TooltipMode = boolean | 'auto' | 'timezone' | 'alternate' | 'detailed';
+export interface DateTimeProps {
+    /** Date to format — a `Date` or parseable ISO string. */
+    date?: string | Date;
+    /**
+     * `absolute` — formatted date.
+     * `relative` — "X ago".
+     * `both` — absolute plus relative.
+     * `detailed` — absolute in the trigger; tooltip lists UTC, local, relative, and epoch.
+     */
+    variant?: DateTimeVariant;
+    /** date-fns format string for absolute dates. */
+    format?: string;
+    /** Append "ago" (and similar) to relative dates. Defaults to true. */
+    addSuffix?: boolean;
+    /**
+     * Tooltip behavior:
+     * - true/false: show or hide
+     * - `auto`: opposite format, or timezone for absolute dates
+     * - `timezone`: timezone name and abbreviation
+     * - `alternate`: opposite of the visible variant
+     * - `detailed`: UTC, local zone, relative, and epoch
+     */
+    tooltip?: TooltipMode;
+    /** IANA timezone. Defaults to the browser timezone. */
+    timezone?: string;
+    /** Skip timezone conversion and format in the runtime local zone. */
+    disableTimezone?: boolean;
+    className?: string;
+    /** Separator between absolute and relative when `variant="both"`. */
+    separator?: string;
+    /**
+     * Epoch shown on the `detailed` tooltip Timestamp row.
+     * Defaults to microseconds derived from the date.
+     */
+    timestamp?: string;
+    /** Replace the formatted trigger. Must be a single element (Tooltip `asChild`). */
+    children?: ReactNode;
+}
+export interface FormatterOptions {
+    timezone: string;
+    disableTimezone: boolean;
+    format?: string;
+    addSuffix?: boolean;
+}

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

@@ -10,6 +10,7 @@ export * from './avatar-stack';
 export * from './calendar-date-picker';
 export * from './code-editor';
 export * from './data-table';
+export * from './date-time';
 export * from './date-time-picker';
 export * from './dropdown';
 export * from './dropzone';

package/dist/components/features/logs/components/detail.d.ts

@@ -0,0 +1,3 @@
+export declare function LogsDetail({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/features/logs/components/explorer.d.ts

@@ -0,0 +1,3 @@
+export declare function LogsExplorer({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/features/logs/components/filters.d.ts

@@ -0,0 +1,11 @@
+import type { LogFacet } from '../types';
+export declare function LogsFilterGroup({ facet, defaultOpen, }: {
+    facet: LogFacet;
+    defaultOpen?: boolean;
+}): import("react").JSX.Element;
+export declare function LogsTimeRangeFilter({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function LogsFilters({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/features/logs/components/root.d.ts

@@ -0,0 +1,2 @@
+import type { LogsRootProps } from '../types';
+export declare function LogsRoot({ entries, facets, timeRange, defaultTimeRange, filters, defaultFilters, search, defaultSearch, live, defaultLive, selectedId, defaultSelectedId, isLoading, error, columns, onTimeRangeChange, onFiltersChange, onSearchChange, onLiveChange, onSelectedIdChange, onRefresh, onExport, className, children, }: LogsRootProps): import("react").JSX.Element;

package/dist/components/features/logs/components/status-badge.d.ts

@@ -0,0 +1,7 @@
+import type { ParsedLogLine } from '../types';
+export declare function LogsSeverityBadge({ severity }: {
+    severity?: string;
+}): import("react").JSX.Element;
+export declare function LogsStatusBadge({ parsed }: {
+    parsed: ParsedLogLine;
+}): import("react").JSX.Element;

package/dist/components/features/logs/components/table.d.ts

@@ -0,0 +1,3 @@
+export declare function LogsTable({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/features/logs/components/toolbar.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+export declare function LogsSearch({ placeholder, className, }: {
+    placeholder?: string;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function LogsLiveToggle({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function LogsToolbar({ children, className, }: {
+    children?: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/features/logs/fixtures/index.d.ts

@@ -0,0 +1,2 @@
+import type { LokiQueryRangeResponse } from '../types';
+export declare const queryRangeFixture: LokiQueryRangeResponse;

package/dist/components/features/logs/hooks/use-controllable-state.d.ts

@@ -0,0 +1,5 @@
+export declare function useControllableState<T>({ value, defaultValue, onChange, }: {
+    value?: T;
+    defaultValue: T;
+    onChange?: (value: T) => void;
+}): [T, (value: T) => void];

package/dist/components/features/logs/hooks/use-logs.d.ts

@@ -0,0 +1,3 @@
+import type { LogsContextValue } from '../types';
+export declare const LogsContext: import("react").Context<LogsContextValue | null>;
+export declare function useLogs(): LogsContextValue;

package/dist/components/features/logs/index.d.ts

@@ -0,0 +1,4 @@
+export { useLogs } from './hooks/use-logs';
+export { Logs } from './logs';
+export type { BuildLogQLOptions, LogColumnId, LogEntry, LogFacet, LogFacetOption, LogFilters, LogsContextValue, LogsRootProps, LogTimeRange, LokiQueryRangeResponse, LokiStream, ParsedHttpLogLine, ParsedLogLine, ParsedTextLogLine, } from './types';
+export { buildLogQL, facetsFromEntries, filterEntries, flattenLokiStreams, httpStatusBadgeType, httpStatusTextClass, lastThirtyMinutes, logLineDisplay, nsToDate, parseLogLine, severityBadgeType, } from './utils';

package/dist/components/features/logs/logs.d.ts

@@ -0,0 +1,18 @@
+import { LogsDetail } from './components/detail';
+import { LogsExplorer } from './components/explorer';
+import { LogsFilterGroup, LogsFilters, LogsTimeRangeFilter } from './components/filters';
+import { LogsRoot } from './components/root';
+import { LogsTable } from './components/table';
+import { LogsLiveToggle, LogsSearch, LogsToolbar } from './components/toolbar';
+export declare const Logs: {
+    readonly Root: typeof LogsRoot;
+    readonly Explorer: typeof LogsExplorer;
+    readonly Filters: typeof LogsFilters;
+    readonly FilterGroup: typeof LogsFilterGroup;
+    readonly TimeRangeFilter: typeof LogsTimeRangeFilter;
+    readonly Toolbar: typeof LogsToolbar;
+    readonly Search: typeof LogsSearch;
+    readonly LiveToggle: typeof LogsLiveToggle;
+    readonly Table: typeof LogsTable;
+    readonly Detail: typeof LogsDetail;
+};

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

@@ -0,0 +1,105 @@
+import type { ReactNode } from 'react';
+export interface LokiStream {
+    stream: Record<string, string>;
+    values: Array<[timestampNs: string, line: string]>;
+}
+export interface LokiQueryRangeResponse {
+    status: 'success' | 'error';
+    data?: {
+        resultType: 'streams' | 'vector';
+        result: LokiStream[];
+    };
+    errorType?: string;
+    error?: string;
+}
+export interface LogEntry {
+    id: string;
+    timestamp: Date;
+    timestampNs: string;
+    line: string;
+    labels: Record<string, string>;
+}
+export interface LogFacetOption {
+    value: string;
+    count?: number;
+}
+export interface LogFacet {
+    name: string;
+    label: string;
+    options: LogFacetOption[];
+}
+export interface LogTimeRange {
+    from: string;
+    to: string;
+}
+export type LogFilters = Record<string, string[]>;
+export type LogColumnId = 'time' | 'severity' | 'status' | 'service' | 'resource' | 'path' | 'message';
+export interface ParsedHttpLogLine {
+    kind: 'http';
+    method: string;
+    path: string;
+    status: number;
+    durationMs: number;
+}
+export interface ParsedTextLogLine {
+    kind: 'text';
+    line: string;
+}
+export type ParsedLogLine = ParsedHttpLogLine | ParsedTextLogLine;
+export interface BuildLogQLOptions {
+    matchers?: LogFilters;
+    lineContains?: string;
+}
+export type LogSeverity = 'DEBUG' | 'INFO' | 'WARN' | 'ERROR' | 'FATAL' | (string & {});
+export interface LogsRootProps {
+    entries: readonly LogEntry[];
+    facets?: readonly LogFacet[];
+    timeRange?: LogTimeRange;
+    defaultTimeRange?: LogTimeRange;
+    filters?: LogFilters;
+    defaultFilters?: LogFilters;
+    search?: string;
+    defaultSearch?: string;
+    live?: boolean;
+    defaultLive?: boolean;
+    selectedId?: string | null;
+    defaultSelectedId?: string | null;
+    isLoading?: boolean;
+    error?: ReactNode;
+    columns?: readonly LogColumnId[];
+    onTimeRangeChange?: (range: LogTimeRange) => void;
+    onFiltersChange?: (filters: LogFilters) => void;
+    onSearchChange?: (search: string) => void;
+    onLiveChange?: (live: boolean) => void;
+    onSelectedIdChange?: (id: string | null) => void;
+    onRefresh?: () => void;
+    onExport?: (entries: readonly LogEntry[]) => void;
+    className?: string;
+    children: ReactNode;
+}
+export interface LogsContextValue {
+    entries: readonly LogEntry[];
+    facets: readonly LogFacet[];
+    timeRange: LogTimeRange;
+    setTimeRange: (range: LogTimeRange) => void;
+    filters: LogFilters;
+    setFilters: (filters: LogFilters) => void;
+    toggleFilterValue: (name: string, value: string) => void;
+    resetFilters: () => void;
+    search: string;
+    setSearch: (search: string) => void;
+    live: boolean;
+    setLive: (live: boolean) => void;
+    selectedId: string | null;
+    setSelectedId: (id: string | null) => void;
+    selectedEntry: LogEntry | null;
+    selectedIndex: number;
+    selectPrevious: () => void;
+    selectNext: () => void;
+    isLoading: boolean;
+    error: ReactNode;
+    columns: readonly LogColumnId[];
+    hasActiveFilters: boolean;
+    onRefresh?: () => void;
+    onExport?: (entries: readonly LogEntry[]) => void;
+}

package/dist/components/features/logs/utils/build-logql.d.ts

@@ -0,0 +1,2 @@
+import type { BuildLogQLOptions } from '../types';
+export declare function buildLogQL({ matchers, lineContains }?: BuildLogQLOptions): string;

package/dist/components/features/logs/utils/constants.d.ts

@@ -0,0 +1,6 @@
+import type { LogColumnId } from '../types';
+export declare const DEFAULT_LOG_COLUMNS: readonly LogColumnId[];
+export declare const CANONICAL_FACET_NAMES: readonly ["severity", "service_name", "resource_name"];
+export declare const FACET_LABELS: Record<string, string>;
+export declare const SEVERITY_ORDER: readonly ["ERROR", "FATAL", "WARN", "WARNING", "INFO", "DEBUG", "TRACE"];
+export declare const DEFAULT_LOGQL_MATCHER = "{service_name=~\".+\"}";

package/dist/components/features/logs/utils/facets.d.ts

@@ -0,0 +1,3 @@
+import type { LogEntry, LogFacet, LogFilters } from '../types';
+export declare function facetsFromEntries(entries: readonly LogEntry[], names?: readonly string[]): LogFacet[];
+export declare function filterEntries(entries: readonly LogEntry[], filters: LogFilters, search?: string): LogEntry[];

package/dist/components/features/logs/utils/flatten-loki.d.ts

@@ -0,0 +1,3 @@
+import type { LogEntry, LokiQueryRangeResponse } from '../types';
+export declare function nsToDate(timestampNs: string): Date;
+export declare function flattenLokiStreams(response: LokiQueryRangeResponse): LogEntry[];

package/dist/components/features/logs/utils/format-timestamp.d.ts

@@ -0,0 +1,4 @@
+export declare function formatLogTimestamp(date: Date): string;
+export declare function formatRelativeTimestamp(date: Date, now?: Date): string;
+export declare function formatUtcTimestamp(date: Date): string;
+export declare function formatLocalTimestamp(date: Date): string;

package/dist/components/features/logs/utils/index.d.ts

@@ -0,0 +1,8 @@
+export { buildLogQL } from './build-logql';
+export { CANONICAL_FACET_NAMES, DEFAULT_LOG_COLUMNS, DEFAULT_LOGQL_MATCHER, FACET_LABELS, SEVERITY_ORDER, } from './constants';
+export { facetsFromEntries, filterEntries } from './facets';
+export { flattenLokiStreams, nsToDate } from './flatten-loki';
+export { formatLocalTimestamp, formatLogTimestamp, formatRelativeTimestamp, formatUtcTimestamp, } from './format-timestamp';
+export { logLineDisplay, parseLogLine } from './parse-log-line';
+export { httpStatusBadgeType, httpStatusTextClass, severityBadgeType } from './severity';
+export { filtersAreActive, lastThirtyMinutes } from './time-range';

package/dist/components/features/logs/utils/parse-log-line.d.ts

@@ -0,0 +1,7 @@
+import type { ParsedLogLine } from '../types';
+export declare function parseLogLine(line: string): ParsedLogLine;
+export declare function logLineDisplay(line: string): {
+    parsed: ParsedLogLine;
+    path: string | null;
+    message: string;
+};

package/dist/components/features/logs/utils/severity.d.ts

@@ -0,0 +1,5 @@
+import type { BadgeProps } from '../../../base/badge';
+export type SeverityBadgeType = NonNullable<BadgeProps['type']>;
+export declare function severityBadgeType(severity: string | undefined): SeverityBadgeType;
+export declare function httpStatusBadgeType(status: number): SeverityBadgeType;
+export declare function httpStatusTextClass(status: number): string;

package/dist/components/features/logs/utils/time-range.d.ts

@@ -0,0 +1,3 @@
+import type { LogTimeRange } from '../types';
+export declare function lastThirtyMinutes(now?: Date): LogTimeRange;
+export declare function filtersAreActive(filters: Record<string, string[]>): boolean;

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-DjGvAdO_.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-Du7_FLBi.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-DjGvAdO_.mjs → data-table-Du7_FLBi.mjs}

@@ -3,15 +3,15 @@ import { t as Badge } from "./badge-BTNW_FEU.mjs";
 import { t as Button } from "./button-A1qTjZ8U.mjs";
 import { t as Checkbox } from "./checkbox-C6P12fio.mjs";
 import { t as Input } from "./input-j4tbmYYz.mjs";
-import { t as ResponsiveDropdown } from "./responsive-dropdown-fCmduKaz.mjs";
+import { t as ResponsiveDropdown } from "./responsive-dropdown-n0Txkax5.mjs";
 import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-DCU44UO6.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
-import { t as Autocomplete } from "./autocomplete-DM6JYV4W.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-AzvSqjeS.mjs";
+import { t as Autocomplete } from "./autocomplete-DZ_HSBak.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-ynSGADfR.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-PHaMEbY-.mjs";
+import { t as MultiSelect } from "./multi-select-PtdMChPF.mjs";
 import { ArrowDown, ArrowUp, ArrowUpDown, ChevronLeft, ChevronRight, MoreHorizontal, X } from "lucide-react";
 import { createContext, memo, use, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/date-picker/index.mjs

@@ -1,4 +1,4 @@
-import { G as getTimezoneOffset, U as formatTimezoneLabel, W as getBrowserTimezone } from "../picker-b5-x-EHs.mjs";
-import { t as CalendarDatePicker } from "../calendar-date-picker-AzvSqjeS.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-43Boq7OR.mjs";
+import { M as getBrowserTimezone, N as getTimezoneOffset, j as formatTimezoneLabel } from "../date-time-range-picker-Dog33Ry0.mjs";
+import { t as CalendarDatePicker } from "../calendar-date-picker-ynSGADfR.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-WC7b9Mcv.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/index.mjs

@@ -0,0 +1,2 @@
+import { a as formatRelativeDate, c as getTimestamp, i as formatCombinedDate, l as getTimezoneAbbreviation, n as DEFAULT_DATE_FORMAT, o as formatTimezoneDate, r as formatAbsoluteDate, s as formatUTCDate, t as DateTime, u as parseDate } from "../date-time-CA-09lnw.mjs";
+export { DEFAULT_DATE_FORMAT, DateTime, formatAbsoluteDate, formatCombinedDate, formatRelativeDate, formatTimezoneDate, formatUTCDate, getTimestamp, getTimezoneAbbreviation, parseDate };

package/dist/date-time-CA-09lnw.mjs

@@ -0,0 +1,134 @@
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as Tooltip } from "./tooltip-C_SL1imw.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { formatInTimeZone } from "date-fns-tz";
+import { format, formatDistanceToNowStrict } from "date-fns";
+import { enUS } from "date-fns/locale/en-US";
+//#region src/components/features/date-time/formatters.ts
+/** e.g. "June 12th at 11:30 AM" — used for absolute / table dates. */
+const DEFAULT_DATE_FORMAT = "MMMM do 'at' h:mm a";
+function getBrowserTimezone() {
+	try {
+		return new Intl.DateTimeFormat().resolvedOptions().timeZone;
+	} catch {
+		return "UTC";
+	}
+}
+function parseDate(date) {
+	const parsedDate = date instanceof Date ? date : new Date(date);
+	if (!date || Number.isNaN(parsedDate.getTime())) return null;
+	return parsedDate;
+}
+function formatAbsoluteDate(date, options) {
+	const formatString = options.format || "MMMM do 'at' h:mm a";
+	if (options.disableTimezone) return format(date, formatString, { locale: enUS });
+	return formatInTimeZone(date, options.timezone, formatString, { locale: enUS });
+}
+function formatRelativeDate(date, options) {
+	return formatDistanceToNowStrict(date, { addSuffix: options.addSuffix ?? true });
+}
+function getTimezoneAbbreviation(date, timezone) {
+	return formatInTimeZone(date, timezone, "zzz", { locale: enUS });
+}
+function formatCombinedDate(date, options, separator = " ") {
+	return `${formatAbsoluteDate(date, options)}${separator}(${formatRelativeDate(date, options)})`;
+}
+function formatUTCDate(date, format = "dd MMM yy HH:mm:ss") {
+	return formatInTimeZone(date, "UTC", format, { locale: enUS });
+}
+function formatTimezoneDate(date, timezone, format = "dd MMM yy HH:mm:ss") {
+	return formatInTimeZone(date, timezone, format, { locale: enUS });
+}
+/** Microseconds since epoch, matching the Datum DateTime tooltip. */
+function getTimestamp(date) {
+	return (date.getTime() * 1e3).toString();
+}
+//#endregion
+//#region src/components/features/date-time/date-time.tsx
+/**
+* Date display with the shared Datum hover tooltip (UTC, local zone, relative, epoch).
+*/
+function DateTime({ date, variant = "detailed", format, addSuffix, tooltip = "auto", timezone, disableTimezone = false, className, separator = " ", timestamp, children }) {
+	if (!date) return null;
+	const parsedDate = parseDate(date);
+	if (!parsedDate) return null;
+	const timeZone = timezone ?? getBrowserTimezone();
+	const formatterOptions = {
+		timezone: timeZone,
+		disableTimezone,
+		format,
+		addSuffix
+	};
+	const shouldShowTooltip = tooltip !== false && !disableTimezone;
+	const textClass = cn("text-sm", shouldShowTooltip && "cursor-pointer", className);
+	const trigger = children ?? /* @__PURE__ */ jsx("time", {
+		dateTime: parsedDate.toISOString(),
+		className: textClass,
+		children: formatTriggerContent(parsedDate, variant, formatterOptions, separator)
+	});
+	if (!shouldShowTooltip) return trigger;
+	const showDetailedTooltip = variant === "detailed" || tooltip === "detailed";
+	return /* @__PURE__ */ jsx(Tooltip, {
+		message: getTooltipContent(parsedDate, variant, tooltip, formatterOptions, timeZone, timestamp),
+		contentClassName: showDetailedTooltip ? "min-w-64 text-left" : void 0,
+		children: trigger
+	});
+}
+function formatTriggerContent(date, variant, options, separator) {
+	switch (variant) {
+		case "relative": return formatRelativeDate(date, options);
+		case "both": return formatCombinedDate(date, options, separator);
+		default: return formatAbsoluteDate(date, options);
+	}
+}
+function getTooltipContent(date, variant, tooltip, options, timeZone, timestamp) {
+	if (variant === "detailed" || tooltip === "detailed") {
+		const rows = [
+			{
+				label: "UTC",
+				value: formatUTCDate(date)
+			},
+			{
+				label: timeZone.replaceAll("_", " "),
+				value: formatTimezoneDate(date, timeZone)
+			},
+			{
+				label: "Relative",
+				value: formatRelativeDate(date, options)
+			},
+			{
+				label: "Timestamp",
+				value: timestamp ?? getTimestamp(date)
+			}
+		];
+		return /* @__PURE__ */ jsx("div", {
+			className: "space-y-2 text-xs",
+			children: rows.map((row) => /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "font-medium",
+						children: row.label
+					}),
+					/* @__PURE__ */ jsx("span", { className: "mx-1 flex-1 border-b border-dotted border-current/50" }),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-right",
+						children: row.value
+					})
+				]
+			}, row.label))
+		});
+	}
+	if (tooltip === "timezone") return /* @__PURE__ */ jsx("p", { children: `${timeZone.replaceAll("_", " ")} (${getTimezoneAbbreviation(date, timeZone)})` });
+	if (tooltip === "alternate") {
+		if (variant === "relative") return formatAbsoluteDate(date, options);
+		if (variant === "absolute" || variant === "both") return formatRelativeDate(date, options);
+	}
+	if (tooltip === "auto" || tooltip === true) switch (variant) {
+		case "relative": return formatAbsoluteDate(date, options);
+		default: return /* @__PURE__ */ jsx("p", { children: `${timeZone.replaceAll("_", " ")} (${getTimezoneAbbreviation(date, timeZone)})` });
+	}
+	return null;
+}
+//#endregion
+export { formatRelativeDate as a, getTimestamp as c, formatCombinedDate as i, getTimezoneAbbreviation as l, DEFAULT_DATE_FORMAT as n, formatTimezoneDate as o, formatAbsoluteDate as r, formatUTCDate as s, DateTime as t, parseDate as u };

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

@@ -1,2 +1,2 @@
-import { t as DateTimePicker } from "../date-time-picker-D3-DeNo8.mjs";
+import { t as DateTimePicker } from "../date-time-picker-BzcHrf-A.mjs";
 export { DateTimePicker };

package/dist/{date-time-picker-D3-DeNo8.mjs → date-time-picker-BzcHrf-A.mjs}

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