@godxjp/ui 6.1.2 → 6.2.0

package/dist/app/index.js

@@ -1,7 +1,7 @@
-import { useAppContext } from '../chunk-3F2AKYRD.js';
-export { APP_LOCALES, APP_REQUEST_HEADER_LOCALE, APP_REQUEST_HEADER_TIMEZONE, APP_TIMEZONE_OPTIONS, APP_TIMEZONE_PRESET, APP_TIME_FORMAT_OPTIONS, AppProvider, DEFAULT_STORAGE_KEY, TIMEZONE_ALIASES, formatTimezoneDisplayLabel, getAllIanaTimezones, getAppRequestHeaders, getBrowserTimezone, getTimeFormatLabel, getTimezoneCityName, getTimezoneLabel, getTimezoneOffsetLabel, isKnownAppTimezone, isValidIanaTimezone, readStoredPreferences, resetAppRequestHeaders, resetIanaTimezoneCacheForTests, resolveDefaultTimeFormat, resolveDefaultTimezone, resolveTimezoneForIntl, resolveTimezonePickerOptions, syncAppRequestHeaders, useAppContext, useAppDateFormat, useAppLocale, useAppTimeFormat, useAppTimezone, useOptionalAppContext, usePickerLocales, useTranslation, writeStoredPreferences } from '../chunk-3F2AKYRD.js';
-import { formatDate } from '../chunk-YFCQKO3B.js';
-export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, detectFormatDateKind, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, isAppDateFormat, isAppLocale, isAppTimeFormat, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resolveDefaultDateFormat, syncDatetimeContext } from '../chunk-YFCQKO3B.js';
+import { useAppContext } from '../chunk-32UNYHGY.js';
+export { APP_LOCALES, APP_REQUEST_HEADER_LOCALE, APP_REQUEST_HEADER_TIMEZONE, APP_TIMEZONE_OPTIONS, APP_TIMEZONE_PRESET, APP_TIME_FORMAT_OPTIONS, AppProvider, DEFAULT_STORAGE_KEY, TIMEZONE_ALIASES, formatTimezoneDisplayLabel, getAllIanaTimezones, getAppRequestHeaders, getBrowserTimezone, getTimeFormatLabel, getTimezoneCityName, getTimezoneLabel, getTimezoneOffsetLabel, isKnownAppTimezone, isValidIanaTimezone, readStoredPreferences, resetAppRequestHeaders, resetIanaTimezoneCacheForTests, resolveDefaultTimeFormat, resolveDefaultTimezone, resolveTimezoneForIntl, resolveTimezonePickerOptions, syncAppRequestHeaders, useAppContext, useAppDateFormat, useAppLocale, useAppTimeFormat, useAppTimezone, useOptionalAppContext, usePickerLocales, useTranslation, writeStoredPreferences } from '../chunk-32UNYHGY.js';
+import { formatDate } from '../chunk-7OTWYSVX.js';
+export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, detectFormatDateKind, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, isAppDateFormat, isAppLocale, isAppTimeFormat, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resolveDefaultDateFormat, syncDatetimeContext } from '../chunk-7OTWYSVX.js';
 import { useMemo } from 'react';
 
 function useFormatting() {

package/dist/{checkbox-NkFkqsQ8.d.ts → checkbox-CoHDi3ao.d.ts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { c as CheckboxGroupProp } from './data-entry.prop-BEGA1lTq.js';
+import { c as CheckboxGroupProp } from './data-entry.prop-CRbHLb39.js';
 
 declare function CheckboxGroup({ value: controlledValue, defaultValue, onChange, options, orientation, disabled, name, className, children, }: CheckboxGroupProp): react_jsx_runtime.JSX.Element;
 

package/dist/{chunk-DABP4NQF.js → chunk-2476DOOA.js}

@@ -1,10 +1,10 @@
 import { normalizeTreeOptions, collectAllExpandableKeys, filterVisibleTree, flattenVisibleTree, findNodeByValue, reactNodeText, getDescendantValues } from './chunk-SMLKNECP.js';
 import { Checkbox } from './chunk-E76QIYSY.js';
-import { ScrollArea } from './chunk-3KPEZ5CF.js';
 import { Command, CommandInput } from './chunk-V6UWJKZF.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { ScrollArea } from './chunk-3KPEZ5CF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, ChevronDown, ChevronRight } from 'lucide-react';

package/dist/{chunk-7LB5XDO7.js → chunk-2D72MDPB.js}

@@ -1,10 +1,10 @@
 import { normalizeTreeOptions, formatPathLabels, getNodeByPath, filterTreeOptions, pathsEqual, pathKey } from './chunk-SMLKNECP.js';
 import { Checkbox } from './chunk-E76QIYSY.js';
-import { ScrollArea, ScrollBar } from './chunk-3KPEZ5CF.js';
 import { Command, CommandInput } from './chunk-V6UWJKZF.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { ScrollArea, ScrollBar } from './chunk-3KPEZ5CF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, Check, ChevronRight } from 'lucide-react';

package/dist/{chunk-3F2AKYRD.js → chunk-32UNYHGY.js}

@@ -1,4 +1,4 @@
-import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, syncI18nLocale, syncDatetimeContext, getDateFnsLocale, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-YFCQKO3B.js';
+import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, getDateFnsLocale, syncI18nLocale, syncDatetimeContext, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-7OTWYSVX.js';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -230,6 +230,10 @@ function buildRequestHeaders(locale, timezone, timeFormat, dateFormat) {
     [APP_REQUEST_HEADER_DATE_FORMAT]: dateFormat
   };
 }
+function resolveHydrationSafeTimezone(defaultTimezone, systemTimezone) {
+  if (defaultTimezone === "browser") return systemTimezone ?? "UTC";
+  return resolveDefaultTimezone(defaultTimezone, systemTimezone);
+}
 function AppProvider({
   children,
   defaultLocale = "vi",
@@ -246,22 +250,52 @@ function AppProvider({
   onTimeFormatChange,
   onDateFormatChange
 }) {
-  const stored = React.useMemo(
-    () => persist ? readStoredPreferences(storageKey) : {},
-    [persist, storageKey]
-  );
-  const initialLocale = stored.locale ?? defaultLocale;
+  const initialLocale = defaultLocale;
   const [locale, setLocaleState] = React.useState(initialLocale);
   const [timezone, setTimezoneState] = React.useState(
-    stored.timezone ?? resolveDefaultTimezone(defaultTimezone, systemTimezone)
+    resolveHydrationSafeTimezone(defaultTimezone, systemTimezone)
   );
   const [timeFormat, setTimeFormatState] = React.useState(
-    () => resolveInitialTimeFormat(stored.timeFormat, defaultTimeFormat, initialLocale)
+    () => resolveInitialTimeFormat(void 0, defaultTimeFormat, initialLocale)
   );
   const [dateFormat, setDateFormatState] = React.useState(
-    () => resolveInitialDateFormat(stored.dateFormat, defaultDateFormat, initialLocale)
+    () => resolveInitialDateFormat(void 0, defaultDateFormat, initialLocale)
   );
+  const hasMountedRef = React.useRef(false);
   const prefsRef = React.useRef({ locale, timezone, timeFormat, dateFormat });
+  React.useEffect(() => {
+    const stored = persist ? readStoredPreferences(storageKey) : {};
+    const nextLocale = stored.locale ?? defaultLocale;
+    const nextTimezone = stored.timezone ?? resolveDefaultTimezone(defaultTimezone, systemTimezone);
+    const nextTimeFormat = resolveInitialTimeFormat(
+      stored.timeFormat,
+      defaultTimeFormat,
+      nextLocale
+    );
+    const nextDateFormat = resolveInitialDateFormat(
+      stored.dateFormat,
+      defaultDateFormat,
+      nextLocale
+    );
+    prefsRef.current = {
+      locale: nextLocale,
+      timezone: nextTimezone,
+      timeFormat: nextTimeFormat,
+      dateFormat: nextDateFormat
+    };
+    setLocaleState(nextLocale);
+    setTimezoneState(nextTimezone);
+    setTimeFormatState(nextTimeFormat);
+    setDateFormatState(nextDateFormat);
+  }, [
+    defaultDateFormat,
+    defaultLocale,
+    defaultTimeFormat,
+    defaultTimezone,
+    persist,
+    storageKey,
+    systemTimezone
+  ]);
   React.useEffect(() => {
     prefsRef.current = { locale, timezone, timeFormat, dateFormat };
   }, [locale, timezone, timeFormat, dateFormat]);
@@ -305,17 +339,25 @@ function AppProvider({
     () => buildRequestHeaders(locale, timezone, timeFormat, dateFormat),
     [locale, timezone, timeFormat, dateFormat]
   );
+  const dateFnsLocale = getDateFnsLocale(locale);
+  syncI18nLocale(locale, fallbackLocale);
+  syncDatetimeContext({
+    locale,
+    timezone,
+    timeFormat,
+    dateFormat,
+    dateFnsLocale
+  });
+  if (!hasMountedRef.current) {
+    disableLiveRelativeFormatting();
+  }
   React.useEffect(() => {
     syncAppRequestHeaders(requestHeaders);
-    syncI18nLocale(locale, fallbackLocale);
-    syncDatetimeContext({
-      locale,
-      timezone,
-      timeFormat,
-      dateFormat,
-      dateFnsLocale: getDateFnsLocale(locale)
-    });
-  }, [requestHeaders, locale, fallbackLocale, timezone, timeFormat, dateFormat]);
+  }, [requestHeaders]);
+  React.useEffect(() => {
+    hasMountedRef.current = true;
+    enableLiveRelativeFormatting();
+  }, []);
   const value = React.useMemo(
     () => ({
       locale,
@@ -323,7 +365,7 @@ function AppProvider({
       timezone,
       timeFormat,
       dateFormat,
-      dateFnsLocale: getDateFnsLocale(locale),
+      dateFnsLocale,
       dayPickerLocale: getDayPickerLocale(locale),
       requestHeaders,
       timezoneOptions,
@@ -338,6 +380,7 @@ function AppProvider({
       timezone,
       timeFormat,
       dateFormat,
+      dateFnsLocale,
       requestHeaders,
       timezoneOptions,
       setLocale,

package/dist/{chunk-OXKQMFKV.js → chunk-66KBGNJT.js}

@@ -1,9 +1,9 @@
-import { formatBytes } from './chunk-7S7MYFXE.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-DU6ZYZRP.js';
+import { formatBytes } from './chunk-IGOP3HFF.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-FRFUSXBH.js';
 import { Slider } from './chunk-CRERCLIZ.js';
-import { Button } from './chunk-HJEBRCXL.js';
 import { controlIconClass } from './chunk-ICM6XBST.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
+import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React2 from 'react';
 import { Upload as Upload$1, ImagePlus, Camera, Trash2, RotateCcw, X } from 'lucide-react';

package/dist/{chunk-E7LTWRYF.js → chunk-7JN4JXK6.js}

@@ -286,7 +286,7 @@ function Breadcrumb({ items }) {
     ] }, item.to ?? index);
   }) }) });
 }
-function ResponsiveGrid({ columns = 3, children }) {
+function ResponsiveGrid({ columns = 4, children }) {
   return /* @__PURE__ */ jsx("div", { className: "ui-responsive-grid", "data-columns": columns, children });
 }
 function SplitPane({ children, aside, asideWidth = "md" }) {

package/dist/{chunk-YFCQKO3B.js → chunk-7OTWYSVX.js}

@@ -638,6 +638,7 @@ var defaultContext = () => ({
   dateFormat: resolveDefaultDateFormat(DEFAULT_LOCALE)
 });
 var syncedContext = defaultContext();
+var liveRelativeFormattingEnabled = true;
 function syncDatetimeContext(partial) {
   syncedContext = {
     locale: partial.locale,
@@ -650,8 +651,18 @@ function syncDatetimeContext(partial) {
 function getDatetimeContext() {
   return syncedContext;
 }
+function enableLiveRelativeFormatting() {
+  liveRelativeFormattingEnabled = true;
+}
+function disableLiveRelativeFormatting() {
+  liveRelativeFormattingEnabled = false;
+}
+function canUseLiveRelativeFormatting() {
+  return liveRelativeFormattingEnabled;
+}
 function resetDatetimeContextForTests() {
   syncedContext = defaultContext();
+  liveRelativeFormattingEnabled = true;
 }
 
 // src/lib/datetime/detect.ts
@@ -791,6 +802,10 @@ function resolveKind(value, options) {
   if (options?.calendar && value instanceof Date) return "calendar";
   return detectFormatDateKind(value);
 }
+function formatInitialRelative(value, options) {
+  if (canUseLiveRelativeFormatting()) return formatAppRelative(value, options);
+  return formatAppDateTime(value, options);
+}
 function formatDate(value, options) {
   if (value == null || value === "") return EMPTY2;
   if (typeof value === "string") {
@@ -805,7 +820,7 @@ function formatDate(value, options) {
       case "long":
         return formatAppDateLong(trimmed, options);
       case "relative":
-        return formatAppRelative(trimmed, options);
+        return formatInitialRelative(trimmed, options);
       case "calendar":
       case "datetime":
       default:
@@ -824,7 +839,7 @@ function formatDate(value, options) {
     case "long":
       return formatAppDateLong(value, options);
     case "relative":
-      return formatAppRelative(value, options);
+      return formatInitialRelative(value, options);
     case "datetime":
     default:
       return formatAppDateTime(value, options);
@@ -839,4 +854,4 @@ function isFormatDateValue(value) {
   return parseDateInput(trimmed) != null;
 }
 
-export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, MESSAGE_CATALOG, calendarDateToTZDate, detectFormatDateKind, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, hhmmToTZDate, isAppDateFormat, isAppLocale, isAppTimeFormat, isDateOnlyString, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, resetI18nLocale, resolveDefaultDateFormat, syncDatetimeContext, syncI18nLocale, translate, translateCurrent };
+export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, MESSAGE_CATALOG, calendarDateToTZDate, detectFormatDateKind, disableLiveRelativeFormatting, enableLiveRelativeFormatting, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, hhmmToTZDate, isAppDateFormat, isAppLocale, isAppTimeFormat, isDateOnlyString, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, resetI18nLocale, resolveDefaultDateFormat, syncDatetimeContext, syncI18nLocale, translate, translateCurrent };

package/dist/{chunk-KA563UHL.js → chunk-ACNKID6V.js}

@@ -1,8 +1,8 @@
-import { Calendar } from './chunk-I2V4Y2VF.js';
+import { Calendar } from './chunk-IK7I3ABN.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation, usePickerLocales } from './chunk-3F2AKYRD.js';
-import { formatDate } from './chunk-YFCQKO3B.js';
+import { useTranslation, usePickerLocales } from './chunk-32UNYHGY.js';
+import { formatDate } from './chunk-7OTWYSVX.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CalendarIcon } from 'lucide-react';

package/dist/{chunk-GDSVW62T.js → chunk-BXIE57HV.js}

@@ -1,6 +1,6 @@
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-UX634MYF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-E4HJNQ62.js → chunk-FBGBDFNL.js}

@@ -1,7 +1,7 @@
-import { humanError } from './chunk-7S7MYFXE.js';
+import { humanError } from './chunk-IGOP3HFF.js';
 import { Inline } from './chunk-S66TJXJU.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CheckCircle2, TriangleAlert, AlertCircle, Info, X, RefreshCw } from 'lucide-react';

package/dist/{chunk-DU6ZYZRP.js → chunk-FRFUSXBH.js}

@@ -1,7 +1,7 @@
 import { Input } from './chunk-VOHTRR5X.js';
 import { buttonVariants, Button } from './chunk-HJEBRCXL.js';
 import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';

package/dist/{chunk-TOO5AEKL.js → chunk-GV2YQLH2.js}

@@ -1,7 +1,7 @@
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from './chunk-V6UWJKZF.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { ChevronsUpDown, Check } from 'lucide-react';

package/dist/{chunk-JEA3QDRW.js → chunk-GVKKQ6MU.js}

@@ -1,6 +1,6 @@
 import { Input } from './chunk-VOHTRR5X.js';
 import { controlIconClass } from './chunk-ICM6XBST.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-7NZFVD24.js → chunk-GXHZAJUA.js}

@@ -78,6 +78,14 @@ var CardFooter = React.forwardRef(
   )
 );
 CardFooter.displayName = "CardFooter";
+function getDeltaTone(delta, inverse) {
+  const text = typeof delta === "string" || typeof delta === "number" ? String(delta).trim() : "";
+  const sign = text.match(/^[+\-−]/)?.[0];
+  if (!sign) return void 0;
+  const isPositive = sign === "+";
+  const semanticPositive = inverse ? !isPositive : isPositive;
+  return semanticPositive ? "positive" : "negative";
+}
 function CardStat({
   label,
   value,
@@ -85,10 +93,12 @@ function CardStat({
   delta,
   layout = "stacked",
   align = "start",
+  inverse = false,
   className,
   size = "compact",
   ...props
 }) {
+  const deltaTone = getDeltaTone(delta, inverse);
   return /* @__PURE__ */ jsxs(
     Card,
     {
@@ -106,7 +116,18 @@ function CardStat({
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsxs("div", { "data-slot": "card-stat-value-row", children: [
             /* @__PURE__ */ jsx("span", { "data-slot": "card-stat-value", children: value }),
-            delta ? /* @__PURE__ */ jsx("span", { "data-slot": "card-stat-delta", children: delta }) : null
+            delta ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": "card-stat-delta",
+                "data-delta-tone": deltaTone,
+                className: cn(
+                  deltaTone === "positive" && "text-success",
+                  deltaTone === "negative" && "text-destructive"
+                ),
+                children: delta
+              }
+            ) : null
           ] }),
           hint && layout !== "inline" ? /* @__PURE__ */ jsx("div", { "data-slot": "card-stat-hint", children: hint }) : null
         ] })

package/dist/{chunk-DKO4OFVM.js → chunk-HNH4PJSV.js}

@@ -1,8 +1,8 @@
-import { Calendar } from './chunk-I2V4Y2VF.js';
+import { Calendar } from './chunk-IK7I3ABN.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation, usePickerLocales } from './chunk-3F2AKYRD.js';
-import { formatDate } from './chunk-YFCQKO3B.js';
+import { useTranslation, usePickerLocales } from './chunk-32UNYHGY.js';
+import { formatDate } from './chunk-7OTWYSVX.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CalendarIcon } from 'lucide-react';

package/dist/{chunk-7S7MYFXE.js → chunk-IGOP3HFF.js}

@@ -1,4 +1,4 @@
-import { formatDate, translateCurrent } from './chunk-YFCQKO3B.js';
+import { formatDate, translateCurrent } from './chunk-7OTWYSVX.js';
 
 // src/lib/format.ts
 function formatDateTime(value, options) {

package/dist/{chunk-H2FHJOLU.js → chunk-JVAOKBRC.js}

@@ -1,7 +1,7 @@
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-UX634MYF.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-3F2AKYRD.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-YFCQKO3B.js';
+import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-32UNYHGY.js';
+import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-7OTWYSVX.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { X, ChevronRight, Languages, Globe, Clock, CalendarDays } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-LVNUHUEZ.js → chunk-JZCFDGIB.js}

@@ -1,6 +1,6 @@
-import { AlertQueryError } from './chunk-E4HJNQ62.js';
+import { AlertQueryError } from './chunk-FBGBDFNL.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
 import * as React from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { RefreshCw } from 'lucide-react';

package/dist/{chunk-WXCYI3YN.js → chunk-R5QIUFML.js}

@@ -1,8 +1,8 @@
 import { Input } from './chunk-VOHTRR5X.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
-import { isValidHhmm, formatTimeOfDay, normalizeHhmm } from './chunk-YFCQKO3B.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
+import { isValidHhmm, formatTimeOfDay, normalizeHhmm } from './chunk-7OTWYSVX.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Clock } from 'lucide-react';

package/dist/{chunk-XDYZ3X2E.js → chunk-XAFIIWZU.js}

@@ -1,8 +1,8 @@
 import { Inline, densityClass } from './chunk-S66TJXJU.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-ZS6DTAM2.js';
-import { Button } from './chunk-HJEBRCXL.js';
 import { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass, toneNeutralClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-ICM6XBST.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
+import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Layers, Layers2, ArrowUp, ArrowDown, ChevronsUpDown, MoreHorizontal, XCircle, Pause, CheckCircle2, Circle, Trash2, AlertCircle, Clock, Play } from 'lucide-react';
@@ -265,10 +265,12 @@ DataTable.Content = function DataTableContent() {
       columns.map((col) => /* @__PURE__ */ jsx(
         TableHead,
         {
+          "data-empty": !col.header || void 0,
           className: cn(
             col.width,
             col.align === "right" && "text-right",
             col.align === "center" && "text-center",
+            col.hiddenOnMobile && "hidden md:table-cell",
             col.sortable && onSortChange && "cursor-pointer select-none"
           ),
           onClick: () => {
@@ -328,7 +330,8 @@ DataTable.Content = function DataTableContent() {
                   cellPadding,
                   col.width,
                   col.align === "right" && "text-right",
-                  col.align === "center" && "text-center"
+                  col.align === "center" && "text-center",
+                  col.hiddenOnMobile && "hidden md:table-cell"
                 ),
                 children: col.render ? col.render(row) : (() => {
                   const v = row[col.key];

package/dist/{chunk-RTRZZ2IZ.js → chunk-ZOBDO3KZ.js}

@@ -4,7 +4,7 @@ import { Input } from './chunk-VOHTRR5X.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
 import { Button } from './chunk-HJEBRCXL.js';
 import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-3F2AKYRD.js';
+import { useTranslation } from './chunk-32UNYHGY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { useState, useEffect } from 'react';

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

@@ -1,9 +1,9 @@
 export { B as BreadcrumbItem } from '../../navigation.prop-DxBiClEH.js';
 export { I as InlineProp, P as PageContainerProp, P as PageContainerProps, a as PageHeaderProp, f as StackProp } from '../../layout.prop-C795F0qg.js';
-export { F as FilterBar, a as FilterGroup, P as PageHeader } from '../../filter-bar-B7OGFO9S.js';
+export { F as FilterBar, a as FilterGroup, P as PageHeader } from '../../filter-bar-XpspcQdZ.js';
 export { I as Inline, P as PageContainer, S as Stack } from '../../inline-C5u6ptJV.js';
-export { C as ColumnDef, D as DataTable, a as Density, E as EmptyState, K as KeyValueGrid, S as StatusBadge } from '../../data-table-DiiZAD3v.js';
-export { F as FormField, S as SearchInput } from '../../search-input-uP01rY1L.js';
+export { C as ColumnDef, D as DataTable, a as Density, E as EmptyState, K as KeyValueGrid, S as StatusBadge } from '../../data-table-Pd62B4WQ.js';
+export { F as FormField, S as SearchInput } from '../../search-input-PzXHa8KZ.js';
 export { L as LegacyToastOptions, S as SkeletonCard, a as SkeletonDetail, b as SkeletonRows, c as SkeletonTable, t as toast, u as useToast } from '../../use-toast-Dol5bdY3.js';
 export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../query/index.js';
 export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../feedback/alert.js';
@@ -19,16 +19,16 @@ export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter,
 export { Toaster } from '../feedback/sonner.js';
 import { b as FormatDatetimeOptions, a as FormatDateOptions } from '../../format-date-ByyZoqI5.js';
 export { j as formatDate } from '../../format-date-ByyZoqI5.js';
-export { B as collectUploadCommitActions, E as createUploadItem } from '../../data-entry.prop-BEGA1lTq.js';
+export { B as collectUploadCommitActions, E as createUploadItem } from '../../data-entry.prop-CRbHLb39.js';
 import '../../shared.prop-BNRJc9K0.js';
 import 'react';
 import '../../content.prop-D1Dd3TAc.js';
 import '../../layout.prop-4TCNvyQZ.js';
 import 'react/jsx-runtime';
-import '../../navigation.prop-DpZqcXey.js';
-import '../../data.prop-BVvfKC_g.js';
+import '../../navigation.prop-Ck5_gSfs.js';
+import '../../data.prop-BmLaGLb7.js';
 import '../../interaction.prop-Cdn7wOtq.js';
-import '../../data-display.prop-DNTAzmDy.js';
+import '../../data-display.prop-Cvi2Mrfw.js';
 import 'lucide-react';
 import 'sonner';
 import '../../query.prop-hIPrk2zI.js';

package/dist/components/admin/index.js

@@ -1,38 +1,38 @@
 import '../../chunk-LDSLS6HE.js';
-export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../../chunk-LVNUHUEZ.js';
-export { FilterBar, FilterGroup, PageHeader } from '../../chunk-H2FHJOLU.js';
-export { TabsItems } from '../../chunk-BPSKQUL2.js';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-XG7XDYIM.js';
+export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../../chunk-JZCFDGIB.js';
+export { PageContainer, Stack } from '../../chunk-7JN4JXK6.js';
+export { FilterBar, FilterGroup, PageHeader } from '../../chunk-JVAOKBRC.js';
 import '../../chunk-TO33OY4L.js';
-export { Pagination } from '../../chunk-GDSVW62T.js';
+export { Pagination } from '../../chunk-BXIE57HV.js';
 export { Steps } from '../../chunk-L6J44O74.js';
-export { PageContainer, Stack } from '../../chunk-E7LTWRYF.js';
+export { TabsItems } from '../../chunk-BPSKQUL2.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-XG7XDYIM.js';
 export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable, toast, useToast } from '../../chunk-M64MVRLS.js';
 export { Toaster } from '../../chunk-TO7URV7U.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-E4HJNQ62.js';
-export { TreeSelect } from '../../chunk-DABP4NQF.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-OXKQMFKV.js';
-export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from '../../chunk-7S7MYFXE.js';
-export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-DU6ZYZRP.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-FBGBDFNL.js';
+export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from '../../chunk-ZOBDO3KZ.js';
+export { TreeSelect } from '../../chunk-2476DOOA.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-66KBGNJT.js';
+export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from '../../chunk-IGOP3HFF.js';
+export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-FRFUSXBH.js';
 import '../../chunk-UX634MYF.js';
 import '../../chunk-CRERCLIZ.js';
-export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from '../../chunk-RTRZZ2IZ.js';
-export { Cascader } from '../../chunk-7LB5XDO7.js';
+export { Cascader } from '../../chunk-2D72MDPB.js';
 import '../../chunk-SMLKNECP.js';
 import '../../chunk-E76QIYSY.js';
 import '../../chunk-CQBADMFG.js';
 import '../../chunk-VOHTRR5X.js';
-export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from '../../chunk-XDYZ3X2E.js';
+import '../../chunk-V6UWJKZF.js';
+export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from '../../chunk-XAFIIWZU.js';
 export { Inline } from '../../chunk-S66TJXJU.js';
 import '../../chunk-PIIRNAXA.js';
+import '../../chunk-DY5C44UP.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-ZS6DTAM2.js';
-import '../../chunk-V6UWJKZF.js';
-import '../../chunk-DY5C44UP.js';
-import '../../chunk-HJEBRCXL.js';
 import '../../chunk-ICM6XBST.js';
+import '../../chunk-HJEBRCXL.js';
 export { FormField } from '../../chunk-F7PG4OEV.js';
 import '../../chunk-7PWBC4BY.js';
-import '../../chunk-3F2AKYRD.js';
-export { formatDate } from '../../chunk-YFCQKO3B.js';
+import '../../chunk-32UNYHGY.js';
+export { formatDate } from '../../chunk-7OTWYSVX.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-display/card.d.ts

@@ -78,9 +78,11 @@ type CardStatProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof
     layout?: "stacked" | "inline";
     /** Align the metric group. */
     align?: "start" | "end";
+    /** Flip delta semantics for metrics where lower is better. */
+    inverse?: boolean;
 };
 /** KPI / stat tile — token-driven layout aligned to dashboard KPI cards. */
-declare function CardStat({ label, value, hint, delta, layout, align, className, size, ...props }: CardStatProps): react_jsx_runtime.JSX.Element;
+declare function CardStat({ label, value, hint, delta, layout, align, inverse, className, size, ...props }: CardStatProps): react_jsx_runtime.JSX.Element;
 /** Header actions slot — pair with `CardHeader className="flex flex-row …"`. */
 declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 

package/dist/components/data-display/card.js

@@ -1,2 +1,2 @@
-export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardStat, CardTitle } from '../../chunk-7NZFVD24.js';
+export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardStat, CardTitle } from '../../chunk-GXHZAJUA.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-display/index.d.ts

@@ -1,7 +1,8 @@
 export { Badge, BadgeProps } from './badge.js';
 export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardStat, CardStatProps, CardTitle } from './card.js';
 export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './table.js';
-export { C as ColumnDef, D as DataTable, E as EmptyState, K as KeyValueGrid, S as StatusBadge, b as StatusBadgeTone, a as TableDensity } from '../../data-table-DiiZAD3v.js';
+export { C as ColumnDef, D as DataTable, E as EmptyState, K as KeyValueGrid, S as StatusBadge, b as StatusBadgeTone, a as TableDensity } from '../../data-table-Pd62B4WQ.js';
+export { c as SortStateProp } from '../../interaction.prop-Cdn7wOtq.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { ReactNode } from 'react';
@@ -10,12 +11,11 @@ export { ScrollArea, ScrollBar } from './scroll-area.js';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
-import '../../data-display.prop-DNTAzmDy.js';
+import '../../data-display.prop-Cvi2Mrfw.js';
 import '../../shared.prop-BNRJc9K0.js';
 import '../../content.prop-D1Dd3TAc.js';
 import '../../layout.prop-4TCNvyQZ.js';
-import '../../interaction.prop-Cdn7wOtq.js';
-import '../../data.prop-BVvfKC_g.js';
+import '../../data.prop-BmLaGLb7.js';
 import 'lucide-react';
 import '@radix-ui/react-popover';
 import '@radix-ui/react-scroll-area';