@godxjp/ui 6.4.0 → 6.6.0

package/dist/app/index.js

@@ -1,7 +1,7 @@
-import { useAppContext } from '../chunk-EYLUVDHJ.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-EYLUVDHJ.js';
-import { formatDate } from '../chunk-6BJ2X7PA.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-6BJ2X7PA.js';
+import { useAppContext } from '../chunk-NHD5XDMX.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-NHD5XDMX.js';
+import { formatDate } from '../chunk-TRVOPU4U.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-TRVOPU4U.js';
 import { useMemo } from 'react';
 
 function useFormatting() {

package/dist/{chunk-E7CZIMX7.js → chunk-255EBAE4.js}

@@ -4,7 +4,7 @@ import { Checkbox } from './chunk-E76QIYSY.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-EYLUVDHJ.js';
+import { useTranslation } from './chunk-NHD5XDMX.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, ChevronDown, ChevronRight } from 'lucide-react';

package/dist/{chunk-GFUO67BB.js → chunk-5DZXJ3PU.js}

@@ -1,9 +1,9 @@
 import { Slider } from './chunk-CRERCLIZ.js';
 import { controlIconClass } from './chunk-ICM6XBST.js';
-import { formatBytes } from './chunk-7W3CHMLL.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-A3Q5LKWS.js';
+import { formatBytes } from './chunk-CJVXTCYD.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-LQGSZODY.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-EYLUVDHJ.js';
+import { useTranslation } from './chunk-NHD5XDMX.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-7W3CHMLL.js → chunk-CJVXTCYD.js}

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

package/dist/{chunk-TNIDN4OY.js → chunk-CZ55VL4M.js}

@@ -2,7 +2,7 @@ import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '.
 import { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass, toneNeutralClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-ICM6XBST.js';
 import { Inline, densityClass } from './chunk-S66TJXJU.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-EYLUVDHJ.js';
+import { useTranslation } from './chunk-NHD5XDMX.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';
@@ -101,6 +101,8 @@ function DataTable({
   onDensityChange,
   sort,
   onSortChange,
+  loading = false,
+  empty,
   className,
   children
 }) {
@@ -122,6 +124,7 @@ function DataTable({
     else next.add(id);
     setSelected(next);
   };
+  const emptyColSpan = columns.length + (selectable ? 1 : 0);
   const allSelected = data.length > 0 && data.every((r) => selected.has(getRowId(r)));
   const someSelected = !allSelected && data.some((r) => selected.has(getRowId(r)));
   const toggleSelectAll = () => {
@@ -142,7 +145,10 @@ function DataTable({
     getRowId,
     onRowClick,
     sort,
-    onSortChange
+    onSortChange,
+    loading,
+    empty,
+    emptyColSpan
   };
   const hasContent = React.Children.toArray(children).some(
     (c) => React.isValidElement(c) && c.type.displayName === "DataTable.Content"
@@ -244,7 +250,10 @@ DataTable.Content = function DataTableContent() {
     getRowId,
     onRowClick,
     sort,
-    onSortChange
+    onSortChange,
+    loading,
+    empty,
+    emptyColSpan
   } = useDataTableContext();
   const { t } = useTranslation();
   const rowPadding = tableRowHeightClass;
@@ -290,7 +299,7 @@ DataTable.Content = function DataTableContent() {
         col.key
       ))
     ] }) }),
-    /* @__PURE__ */ jsx(TableBody, { children: data.map((row) => {
+    /* @__PURE__ */ jsx(TableBody, { children: loading ? /* @__PURE__ */ jsx(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx(TableCell, { colSpan: emptyColSpan, className: "h-32 text-center", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: t("dataTable.loading") }) }) }) : data.length === 0 ? /* @__PURE__ */ jsx(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx(TableCell, { colSpan: emptyColSpan, className: "ui-data-table-empty", children: empty ?? /* @__PURE__ */ jsx(EmptyState, { title: t("dataTable.empty") }) }) }) : data.map((row) => {
       const id = getRowId(row);
       const isSelected = selected.has(id);
       return /* @__PURE__ */ jsxs(

package/dist/{chunk-NKN2OW3G.js → chunk-E77YBOGD.js}

@@ -3,8 +3,8 @@ import { Checkbox } from './chunk-E76QIYSY.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
 import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-EYLUVDHJ.js';
 import { Label } from './chunk-7PWBC4BY.js';
+import { useTranslation } from './chunk-NHD5XDMX.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { useState, useEffect } from 'react';

package/dist/{chunk-ULKQ3IDG.js → chunk-GEGEBHZ4.js}

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

package/dist/{chunk-5DRKN2HI.js → chunk-HGRRL34G.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-EYLUVDHJ.js';
+import { useTranslation } from './chunk-NHD5XDMX.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { ChevronsUpDown, Check } from 'lucide-react';

package/dist/{chunk-UJFXXEM4.js → chunk-HZRNWNEA.js}

@@ -1,8 +1,8 @@
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-EYLUVDHJ.js';
-import { normalizeHhmm, isValidHhmm } from './chunk-6BJ2X7PA.js';
+import { useTranslation } from './chunk-NHD5XDMX.js';
+import { normalizeHhmm, isValidHhmm } from './chunk-TRVOPU4U.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Clock } from 'lucide-react';

package/dist/{chunk-54LBVZLM.js → chunk-IBSA7LMM.js}

@@ -1,10 +1,12 @@
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV52WNXO.js';
 import { Badge } from './chunk-PIIRNAXA.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { densityClass, pageContainerVariantClass, stackGapClass } from './chunk-S66TJXJU.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { Link } from 'react-router-dom';
 import { ChevronRight, PanelLeftOpen, PanelLeftClose, ChevronDown, Search, Bell, SlidersHorizontal } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
 
 function PageContainer({
   title,
@@ -201,7 +203,7 @@ function isItemActive(item, activeId) {
   if (item.id === activeId) return true;
   return (item.children ?? []).some((child) => isItemActive(child, activeId));
 }
-function NavLeaf({ item, activeId, collapsed, onSelect, sub = false }) {
+function NavLeaf({ item, activeId, onSelect, sub = false }) {
   const Icon = item.icon;
   const active = item.id === activeId;
   return /* @__PURE__ */ jsxs(
@@ -212,57 +214,22 @@ function NavLeaf({ item, activeId, collapsed, onSelect, sub = false }) {
       "data-active": active ? "true" : void 0,
       "aria-current": active ? "page" : void 0,
       "aria-disabled": item.disabled,
-      "aria-label": collapsed ? item.label : void 0,
       onClick: () => {
         if (!item.disabled) onSelect?.(item.id);
       },
       children: [
         !sub ? /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) }) : null,
-        !collapsed && /* @__PURE__ */ jsx("span", { className: "sb-label", children: item.label }),
-        !collapsed && item.badge !== void 0 && item.badge !== "" ? /* @__PURE__ */ jsx("span", { className: "sb-badge", children: item.badge }) : null,
-        collapsed && !sub ? /* @__PURE__ */ jsx("span", { className: "sb-flyout", children: item.label }) : null
+        /* @__PURE__ */ jsx("span", { className: "sb-label", children: item.label }),
+        item.badge !== void 0 && item.badge !== "" ? /* @__PURE__ */ jsx("span", { className: "sb-badge", children: item.badge }) : null
       ]
     }
   );
 }
-function NavGroup({ item, activeId, collapsed, onSelect }) {
+function NavGroup({ item, activeId, onSelect }) {
   const Icon = item.icon;
   const active = isItemActive(item, activeId);
   const children = item.children ?? [];
-  if (collapsed) {
-    return /* @__PURE__ */ jsxs("div", { className: "sb-nav-fly", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "sb-nav-item",
-          "data-active": active ? "true" : void 0,
-          "aria-label": item.label,
-          "aria-haspopup": "menu",
-          children: /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) })
-        }
-      ),
-      /* @__PURE__ */ jsxs("span", { className: "sb-flyout sb-flyout--group", role: "menu", children: [
-        /* @__PURE__ */ jsx("span", { className: "sb-flyout-title", children: item.label }),
-        children.map((child) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            role: "menuitem",
-            className: "sb-nav-item sb-nav-item--sub",
-            "data-active": child.id === activeId ? "true" : void 0,
-            "aria-current": child.id === activeId ? "page" : void 0,
-            onClick: () => {
-              if (!child.disabled) onSelect?.(child.id);
-            },
-            children: /* @__PURE__ */ jsx("span", { className: "sb-label", children: child.label })
-          },
-          child.id
-        ))
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: active, children: [
+  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: active, className: "sb-nav-group", children: [
     /* @__PURE__ */ jsxs(
       CollapsibleTrigger,
       {
@@ -275,17 +242,69 @@ function NavGroup({ item, activeId, collapsed, onSelect }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "sb-nav-sub", children: children.map((child) => /* @__PURE__ */ jsx(
-      NavLeaf,
+    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "sb-nav-sub", children: children.map((child) => /* @__PURE__ */ jsx(NavLeaf, { item: child, activeId, onSelect, sub: true }, child.id)) }) })
+  ] });
+}
+function CollapsedRow({ item, activeId, onSelect }) {
+  const [open, setOpen] = React.useState(false);
+  const Icon = item.icon;
+  const active = isItemActive(item, activeId);
+  const children = item.children ?? [];
+  const hasChildren = children.length > 0;
+  const show = () => setOpen(true);
+  const hide = () => setOpen(false);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
       {
-        item: child,
-        activeId,
-        collapsed: false,
-        onSelect,
-        sub: true
-      },
-      child.id
-    )) }) })
+        type: "button",
+        className: "sb-nav-item",
+        "data-active": active ? "true" : void 0,
+        "aria-current": !hasChildren && active ? "page" : void 0,
+        "aria-label": item.label,
+        "aria-haspopup": hasChildren ? "menu" : void 0,
+        "aria-disabled": item.disabled,
+        onMouseEnter: show,
+        onMouseLeave: hide,
+        onFocus: show,
+        onBlur: hide,
+        onClick: () => {
+          if (!hasChildren && !item.disabled) onSelect?.(item.id);
+        },
+        children: /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        side: "right",
+        align: "start",
+        sideOffset: 8,
+        role: hasChildren ? "menu" : void 0,
+        onMouseEnter: show,
+        onMouseLeave: hide,
+        className: cn("sb-flyout-pop", !hasChildren && "sb-flyout-pop--label"),
+        children: hasChildren ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "sb-flyout-title", children: item.label }),
+          children.map((child) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: "sb-nav-item",
+              "data-active": child.id === activeId ? "true" : void 0,
+              "aria-current": child.id === activeId ? "page" : void 0,
+              onClick: () => {
+                hide();
+                if (!child.disabled) onSelect?.(child.id);
+              },
+              children: /* @__PURE__ */ jsx("span", { className: "sb-label", children: child.label })
+            },
+            child.id
+          ))
+        ] }) : /* @__PURE__ */ jsx("span", { className: "sb-flyout-label", children: item.label })
+      }
+    )
   ] });
 }
 function Sidebar({
@@ -326,25 +345,7 @@ function Sidebar({
     /* @__PURE__ */ jsx("div", { className: "sb-nav-scroll", children: sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs("div", { className: "sb-section", children: [
       section.label && !collapsed ? /* @__PURE__ */ jsx("div", { className: "sb-section-label", children: section.label }) : null,
       /* @__PURE__ */ jsx("div", { className: "sb-nav", role: "navigation", children: section.items.map(
-        (item) => item.children && item.children.length > 0 ? /* @__PURE__ */ jsx(
-          NavGroup,
-          {
-            item,
-            activeId,
-            collapsed,
-            onSelect
-          },
-          item.id
-        ) : /* @__PURE__ */ jsx(
-          NavLeaf,
-          {
-            item,
-            activeId,
-            collapsed,
-            onSelect
-          },
-          item.id
-        )
+        (item) => collapsed ? /* @__PURE__ */ jsx(CollapsedRow, { item, activeId, onSelect }, item.id) : item.children && item.children.length > 0 ? /* @__PURE__ */ jsx(NavGroup, { item, activeId, onSelect }, item.id) : /* @__PURE__ */ jsx(NavLeaf, { item, activeId, onSelect }, item.id)
       ) })
     ] }, section.label ?? sectionIndex)) }),
     footer ? /* @__PURE__ */ jsx("div", { className: "sb-footer", children: footer }) : null

package/dist/{chunk-GXBWEOZD.js → chunk-IO3XUTIV.js}

@@ -2,8 +2,8 @@ import { Calendar } from './chunk-IK7I3ABN.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation, usePickerLocales } from './chunk-EYLUVDHJ.js';
-import { toIsoDate, parseDateInput } from './chunk-6BJ2X7PA.js';
+import { useTranslation, usePickerLocales } from './chunk-NHD5XDMX.js';
+import { toIsoDate, parseDateInput } from './chunk-TRVOPU4U.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CalendarIcon } from 'lucide-react';

package/dist/{chunk-GXKBK6N2.js → chunk-KYJMNBZI.js}

@@ -4,7 +4,7 @@ import { Checkbox } from './chunk-E76QIYSY.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-EYLUVDHJ.js';
+import { useTranslation } from './chunk-NHD5XDMX.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, Check, ChevronRight } from 'lucide-react';

package/dist/{chunk-A3Q5LKWS.js → chunk-LQGSZODY.js}

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

package/dist/{chunk-EYLUVDHJ.js → chunk-NHD5XDMX.js}

@@ -1,4 +1,4 @@
-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-6BJ2X7PA.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-TRVOPU4U.js';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-MIVDO3Z3.js → chunk-QT3T2HEI.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-EYLUVDHJ.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-6BJ2X7PA.js';
+import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-NHD5XDMX.js';
+import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-TRVOPU4U.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-RGSH6FQN.js → chunk-RP3NH5QJ.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-EYLUVDHJ.js';
+import { useTranslation } from './chunk-NHD5XDMX.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-6BJ2X7PA.js → chunk-TRVOPU4U.js}

@@ -198,7 +198,9 @@ var en_default = {
     densityCompact: "Compact",
     densityComfortable: "Comfortable",
     densitySwitch: "Switch to {density} density",
-    rowActions: "Row actions"
+    rowActions: "Row actions",
+    empty: "No data",
+    loading: "Loading\u2026"
   },
   status: {
     active: "Active",
@@ -376,7 +378,9 @@ var ja_default = {
     densityCompact: "\u30B3\u30F3\u30D1\u30AF\u30C8",
     densityComfortable: "\u5FEB\u9069",
     densitySwitch: "{density} \u8868\u793A\u306B\u5207\u308A\u66FF\u3048",
-    rowActions: "\u884C\u306E\u64CD\u4F5C"
+    rowActions: "\u884C\u306E\u64CD\u4F5C",
+    empty: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093",
+    loading: "\u8AAD\u307F\u8FBC\u307F\u4E2D\u2026"
   },
   status: {
     active: "\u6709\u52B9",
@@ -554,7 +558,9 @@ var vi_default = {
     densityCompact: "G\u1ECDn",
     densityComfortable: "Tho\u1EA3i m\xE1i",
     densitySwitch: "Chuy\u1EC3n sang m\u1EADt \u0111\u1ED9 {density}",
-    rowActions: "Thao t\xE1c d\xF2ng"
+    rowActions: "Thao t\xE1c d\xF2ng",
+    empty: "Ch\u01B0a c\xF3 d\u1EEF li\u1EC7u",
+    loading: "\u0110ang t\u1EA3i\u2026"
   },
   status: {
     active: "\u0110ang ho\u1EA1t \u0111\u1ED9ng",

package/dist/{chunk-WUXFOY6M.js → chunk-WM5MKEOD.js}

@@ -1,6 +1,6 @@
-import { AlertQueryError } from './chunk-FNZQTYAG.js';
+import { AlertQueryError } from './chunk-Z33J65PB.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-EYLUVDHJ.js';
+import { useTranslation } from './chunk-NHD5XDMX.js';
 import * as React from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { RefreshCw } from 'lucide-react';

package/dist/{chunk-WHRFHVFD.js → chunk-XKBZQWYX.js}

@@ -2,8 +2,8 @@ import { Calendar } from './chunk-IK7I3ABN.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation, usePickerLocales } from './chunk-EYLUVDHJ.js';
-import { toIsoDate, parseDateInput } from './chunk-6BJ2X7PA.js';
+import { useTranslation, usePickerLocales } from './chunk-NHD5XDMX.js';
+import { toIsoDate, parseDateInput } from './chunk-TRVOPU4U.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CalendarIcon } from 'lucide-react';

package/dist/{chunk-FNZQTYAG.js → chunk-Z33J65PB.js}

@@ -1,7 +1,7 @@
-import { humanError } from './chunk-7W3CHMLL.js';
+import { humanError } from './chunk-CJVXTCYD.js';
 import { Inline } from './chunk-S66TJXJU.js';
 import { Button } from './chunk-HJEBRCXL.js';
-import { useTranslation } from './chunk-EYLUVDHJ.js';
+import { useTranslation } from './chunk-NHD5XDMX.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CheckCircle2, TriangleAlert, AlertCircle, Info, X, RefreshCw } from 'lucide-react';

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

@@ -2,7 +2,7 @@ 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-CjlAEWgr.js';
 export { F as FilterBar, a as FilterGroup, P as PageHeader } from '../../filter-bar-CNEdQB7i.js';
 export { I as Inline, P as PageContainer, S as Stack } from '../../inline-BuyFYZah.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 { C as ColumnDef, D as DataTable, a as Density, E as EmptyState, K as KeyValueGrid, S as StatusBadge } from '../../data-table-CnRksymA.js';
 export { F as FormField, S as SearchInput } from '../../search-input-JWJMFVqC.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';

package/dist/components/admin/index.js

@@ -1,39 +1,39 @@
 import '../../chunk-LDSLS6HE.js';
-export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../../chunk-WUXFOY6M.js';
-export { FilterBar, FilterGroup, PageHeader } from '../../chunk-MIVDO3Z3.js';
-import '../../chunk-TO33OY4L.js';
-export { Pagination } from '../../chunk-RGSH6FQN.js';
+export { FilterBar, FilterGroup, PageHeader } from '../../chunk-QT3T2HEI.js';
 export { Steps } from '../../chunk-L6J44O74.js';
+export { PageContainer, Stack } from '../../chunk-IBSA7LMM.js';
+export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../../chunk-WM5MKEOD.js';
+export { Pagination } from '../../chunk-RP3NH5QJ.js';
 export { TabsItems } from '../../chunk-BPSKQUL2.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-XG7XDYIM.js';
-export { PageContainer, Stack } from '../../chunk-54LBVZLM.js';
-export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from '../../chunk-NKN2OW3G.js';
-export { TreeSelect } from '../../chunk-E7CZIMX7.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-GFUO67BB.js';
+import '../../chunk-TO33OY4L.js';
+export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from '../../chunk-E77YBOGD.js';
+export { TreeSelect } from '../../chunk-255EBAE4.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-5DZXJ3PU.js';
 import '../../chunk-CRERCLIZ.js';
 import '../../chunk-UX634MYF.js';
 export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable, toast, useToast } from '../../chunk-M64MVRLS.js';
 export { Toaster } from '../../chunk-TO7URV7U.js';
-export { Cascader } from '../../chunk-GXKBK6N2.js';
+export { Cascader } from '../../chunk-KYJMNBZI.js';
 import '../../chunk-SMLKNECP.js';
 import '../../chunk-V6UWJKZF.js';
 import '../../chunk-E76QIYSY.js';
 import '../../chunk-CQBADMFG.js';
-export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from '../../chunk-TNIDN4OY.js';
+export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from '../../chunk-CZ55VL4M.js';
 import '../../chunk-DV52WNXO.js';
 import '../../chunk-PIIRNAXA.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-ZS6DTAM2.js';
 import '../../chunk-ICM6XBST.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-FNZQTYAG.js';
-export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from '../../chunk-7W3CHMLL.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-Z33J65PB.js';
+export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from '../../chunk-CJVXTCYD.js';
 export { Inline } from '../../chunk-S66TJXJU.js';
-export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-A3Q5LKWS.js';
+export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-LQGSZODY.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-export { formatDate } from '../../chunk-6BJ2X7PA.js';
 export { FormField } from '../../chunk-F7PG4OEV.js';
 import '../../chunk-7PWBC4BY.js';
+import '../../chunk-NHD5XDMX.js';
+export { formatDate } from '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

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

@@ -1,7 +1,7 @@
 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-Pd62B4WQ.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-CnRksymA.js';
 export { c as SortStateProp } from '../../interaction.prop-Cdn7wOtq.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';

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

@@ -1,5 +1,5 @@
 export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardStat, CardTitle } from '../../chunk-GXHZAJUA.js';
-export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from '../../chunk-TNIDN4OY.js';
+export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from '../../chunk-CZ55VL4M.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-DV52WNXO.js';
 import { Badge } from '../../chunk-PIIRNAXA.js';
 export { Badge } from '../../chunk-PIIRNAXA.js';
@@ -9,8 +9,8 @@ export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '.
 import '../../chunk-ICM6XBST.js';
 import '../../chunk-S66TJXJU.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';
 import { Truck, ShoppingBag, Hash, ChevronRight, Package, Plane, CheckCircle2, ScanLine } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/components/data-entry/autocomplete.js

@@ -1,8 +1,8 @@
-export { Autocomplete } from '../../chunk-5DRKN2HI.js';
+export { Autocomplete } from '../../chunk-HGRRL34G.js';
 import '../../chunk-V6UWJKZF.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-ICM6XBST.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/cascader.js

@@ -1,4 +1,4 @@
-export { Cascader } from '../../chunk-GXKBK6N2.js';
+export { Cascader } from '../../chunk-KYJMNBZI.js';
 import '../../chunk-SMLKNECP.js';
 import '../../chunk-V6UWJKZF.js';
 import '../../chunk-E76QIYSY.js';
@@ -7,7 +7,7 @@ import '../../chunk-DY5C44UP.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-ICM6XBST.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
 import '../../chunk-7PWBC4BY.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/color-picker.js

@@ -1,6 +1,6 @@
-export { ColorPicker } from '../../chunk-ULKQ3IDG.js';
+export { ColorPicker } from '../../chunk-GEGEBHZ4.js';
 import '../../chunk-ICM6XBST.js';
 import '../../chunk-VOHTRR5X.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/date-picker.js

@@ -1,9 +1,9 @@
-export { DatePicker } from '../../chunk-GXBWEOZD.js';
+export { DatePicker } from '../../chunk-IO3XUTIV.js';
 import '../../chunk-IK7I3ABN.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-ICM6XBST.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/date-range-picker.js

@@ -1,9 +1,9 @@
-export { DateRangePicker } from '../../chunk-WHRFHVFD.js';
+export { DateRangePicker } from '../../chunk-XKBZQWYX.js';
 import '../../chunk-IK7I3ABN.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-ICM6XBST.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/index.js

@@ -1,20 +1,20 @@
 import { Switch } from '../../chunk-WXW43RK5.js';
 export { Switch } from '../../chunk-WXW43RK5.js';
 export { Textarea } from '../../chunk-ZLK5SPT6.js';
-export { TimePicker } from '../../chunk-UJFXXEM4.js';
-export { DatePicker } from '../../chunk-GXBWEOZD.js';
-export { DateRangePicker } from '../../chunk-WHRFHVFD.js';
+export { TimePicker } from '../../chunk-HZRNWNEA.js';
+export { DatePicker } from '../../chunk-IO3XUTIV.js';
+export { DateRangePicker } from '../../chunk-XKBZQWYX.js';
 export { Radio, RadioGroupOptions as RadioGroup, RadioGroupRoot, RadioItem } from '../../chunk-3UGU5TYP.js';
-export { Autocomplete } from '../../chunk-5DRKN2HI.js';
+export { Autocomplete } from '../../chunk-HGRRL34G.js';
 export { Calendar } from '../../chunk-IK7I3ABN.js';
-export { ColorPicker } from '../../chunk-ULKQ3IDG.js';
-export { SearchInput, Transfer } from '../../chunk-NKN2OW3G.js';
-export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-E7CZIMX7.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-GFUO67BB.js';
+export { ColorPicker } from '../../chunk-GEGEBHZ4.js';
+export { SearchInput, Transfer } from '../../chunk-E77YBOGD.js';
+export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-255EBAE4.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-5DZXJ3PU.js';
 export { Slider } from '../../chunk-CRERCLIZ.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectItem } from '../../chunk-UX634MYF.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-UX634MYF.js';
-export { Cascader } from '../../chunk-GXKBK6N2.js';
+export { Cascader } from '../../chunk-KYJMNBZI.js';
 import '../../chunk-SMLKNECP.js';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../chunk-V6UWJKZF.js';
 export { Checkbox, CheckboxGroup } from '../../chunk-E76QIYSY.js';
@@ -22,16 +22,16 @@ import '../../chunk-CQBADMFG.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-ICM6XBST.js';
-import '../../chunk-7W3CHMLL.js';
+import '../../chunk-CJVXTCYD.js';
 import { Inline } from '../../chunk-S66TJXJU.js';
-import '../../chunk-A3Q5LKWS.js';
+import '../../chunk-LQGSZODY.js';
 export { Input } from '../../chunk-VOHTRR5X.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
 export { FormField } from '../../chunk-F7PG4OEV.js';
 import { Label } from '../../chunk-7PWBC4BY.js';
 export { Label } from '../../chunk-7PWBC4BY.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import { cn } from '../../chunk-U7N2A7A3.js';
 import { useId, useState } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/components/data-entry/time-picker.js

@@ -1,7 +1,7 @@
-export { TimePicker } from '../../chunk-UJFXXEM4.js';
+export { TimePicker } from '../../chunk-HZRNWNEA.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/transfer.js

@@ -1,11 +1,11 @@
-export { Transfer } from '../../chunk-NKN2OW3G.js';
+export { Transfer } from '../../chunk-E77YBOGD.js';
 import '../../chunk-SMLKNECP.js';
 import '../../chunk-E76QIYSY.js';
 import '../../chunk-CQBADMFG.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
 import '../../chunk-7PWBC4BY.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/tree-select.js

@@ -1,4 +1,4 @@
-export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-E7CZIMX7.js';
+export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-255EBAE4.js';
 import '../../chunk-SMLKNECP.js';
 import '../../chunk-V6UWJKZF.js';
 import '../../chunk-E76QIYSY.js';
@@ -7,7 +7,7 @@ import '../../chunk-DY5C44UP.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-ICM6XBST.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
 import '../../chunk-7PWBC4BY.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/upload.js

@@ -1,11 +1,11 @@
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-GFUO67BB.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-5DZXJ3PU.js';
 import '../../chunk-CRERCLIZ.js';
 import '../../chunk-ICM6XBST.js';
-import '../../chunk-7W3CHMLL.js';
-import '../../chunk-A3Q5LKWS.js';
+import '../../chunk-CJVXTCYD.js';
+import '../../chunk-LQGSZODY.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
 import '../../chunk-7PWBC4BY.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/feedback/alert.js

@@ -1,7 +1,7 @@
-export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-FNZQTYAG.js';
-import '../../chunk-7W3CHMLL.js';
+export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-Z33J65PB.js';
+import '../../chunk-CJVXTCYD.js';
 import '../../chunk-S66TJXJU.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/feedback/dialog.js

@@ -1,7 +1,7 @@
-export { Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-A3Q5LKWS.js';
+export { Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-LQGSZODY.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
 import '../../chunk-7PWBC4BY.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/feedback/index.js

@@ -2,13 +2,13 @@ export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHe
 export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable, toast, useToast } from '../../chunk-M64MVRLS.js';
 export { Toaster } from '../../chunk-TO7URV7U.js';
 import '../../chunk-ICM6XBST.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-FNZQTYAG.js';
-import '../../chunk-7W3CHMLL.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-Z33J65PB.js';
+import '../../chunk-CJVXTCYD.js';
 import '../../chunk-S66TJXJU.js';
-export { Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../../chunk-A3Q5LKWS.js';
+export { Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../../chunk-LQGSZODY.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
 import '../../chunk-7PWBC4BY.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/layout/index.js

@@ -1,6 +1,7 @@
-export { AppShell, Breadcrumb, Menu, MobileFrame, PageContainer, PageInset, ResponsiveGrid, ShellApp, Sidebar, SplitPane, Stack, Topbar } from '../../chunk-54LBVZLM.js';
+export { AppShell, Breadcrumb, Menu, MobileFrame, PageContainer, PageInset, ResponsiveGrid, ShellApp, Sidebar, SplitPane, Stack, Topbar } from '../../chunk-IBSA7LMM.js';
 import '../../chunk-DV52WNXO.js';
 import '../../chunk-PIIRNAXA.js';
+import '../../chunk-DY5C44UP.js';
 import '../../chunk-ICM6XBST.js';
 export { Inline } from '../../chunk-S66TJXJU.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/navigation/index.js

@@ -1,12 +1,12 @@
-export { DateFormatPicker, FilterBar, FilterGroup, LocalePicker, PageHeader, TimeFormatPicker, TimezonePicker } from '../../chunk-MIVDO3Z3.js';
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-TO33OY4L.js';
-export { Pagination } from '../../chunk-RGSH6FQN.js';
+export { DateFormatPicker, FilterBar, FilterGroup, LocalePicker, PageHeader, TimeFormatPicker, TimezonePicker } from '../../chunk-QT3T2HEI.js';
 export { Steps } from '../../chunk-L6J44O74.js';
+export { Pagination } from '../../chunk-RP3NH5QJ.js';
 export { TabsItems } from '../../chunk-BPSKQUL2.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-XG7XDYIM.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-TO33OY4L.js';
 import '../../chunk-UX634MYF.js';
 import '../../chunk-ICM6XBST.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/navigation/pagination.js

@@ -1,7 +1,7 @@
-export { Pagination } from '../../chunk-RGSH6FQN.js';
+export { Pagination } from '../../chunk-RP3NH5QJ.js';
 import '../../chunk-UX634MYF.js';
 import '../../chunk-ICM6XBST.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/query/index.js

@@ -1,8 +1,8 @@
-export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../../chunk-WUXFOY6M.js';
-import '../../chunk-FNZQTYAG.js';
-import '../../chunk-7W3CHMLL.js';
+export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../../chunk-WM5MKEOD.js';
+import '../../chunk-Z33J65PB.js';
+import '../../chunk-CJVXTCYD.js';
 import '../../chunk-S66TJXJU.js';
 import '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/ui/index.js

@@ -1,19 +1,19 @@
 export { Switch } from '../../chunk-WXW43RK5.js';
 export { Textarea } from '../../chunk-ZLK5SPT6.js';
-export { TimePicker } from '../../chunk-UJFXXEM4.js';
-export { DatePicker } from '../../chunk-GXBWEOZD.js';
-export { DateRangePicker } from '../../chunk-WHRFHVFD.js';
+export { TimePicker } from '../../chunk-HZRNWNEA.js';
+export { DatePicker } from '../../chunk-IO3XUTIV.js';
+export { DateRangePicker } from '../../chunk-XKBZQWYX.js';
 export { Radio, RadioGroupOptions as RadioGroup, RadioGroupRoot, RadioItem } from '../../chunk-3UGU5TYP.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-BHV2FUOA.js';
-export { Autocomplete } from '../../chunk-5DRKN2HI.js';
+export { Autocomplete } from '../../chunk-HGRRL34G.js';
 export { Calendar } from '../../chunk-IK7I3ABN.js';
-export { ColorPicker } from '../../chunk-ULKQ3IDG.js';
+export { ColorPicker } from '../../chunk-GEGEBHZ4.js';
 export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardStat, CardTitle } from '../../chunk-GXHZAJUA.js';
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-TO33OY4L.js';
-export { Pagination } from '../../chunk-RGSH6FQN.js';
+export { Pagination } from '../../chunk-RP3NH5QJ.js';
 export { TabsItems } from '../../chunk-BPSKQUL2.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-XG7XDYIM.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-GFUO67BB.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-TO33OY4L.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-5DZXJ3PU.js';
 export { Slider } from '../../chunk-CRERCLIZ.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-UX634MYF.js';
 export { Toaster } from '../../chunk-TO7URV7U.js';
@@ -25,13 +25,13 @@ export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHead
 export { ScrollArea, ScrollBar } from '../../chunk-3KPEZ5CF.js';
 export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../chunk-ZS6DTAM2.js';
 import '../../chunk-ICM6XBST.js';
-export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-FNZQTYAG.js';
-import '../../chunk-7W3CHMLL.js';
+export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-Z33J65PB.js';
+import '../../chunk-CJVXTCYD.js';
 import '../../chunk-S66TJXJU.js';
-export { Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-A3Q5LKWS.js';
+export { Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-LQGSZODY.js';
 export { Input } from '../../chunk-VOHTRR5X.js';
 export { Button, buttonVariants } from '../../chunk-HJEBRCXL.js';
-import '../../chunk-EYLUVDHJ.js';
-import '../../chunk-6BJ2X7PA.js';
 export { Label } from '../../chunk-7PWBC4BY.js';
+import '../../chunk-NHD5XDMX.js';
+import '../../chunk-TRVOPU4U.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/{data-table-Pd62B4WQ.d.ts → data-table-CnRksymA.d.ts}

@@ -64,10 +64,14 @@ interface DataTableProps<T> {
     onDensityChange?: (d: Density) => void;
     sort?: SortStateProp;
     onSortChange?: (sort: SortStateProp | undefined) => void;
+    /** Show a loading row instead of data. */
+    loading?: boolean;
+    /** Custom empty content when `data` is empty; defaults to a built-in EmptyState. */
+    empty?: React.ReactNode;
     className?: string;
     children?: React.ReactNode;
 }
-declare function DataTable<T>({ data, columns, getRowId, selectable, selected: controlledSelected, onSelectChange, onRowClick, density: controlledDensity, onDensityChange, sort, onSortChange, className, children, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T>({ data, columns, getRowId, selectable, selected: controlledSelected, onSelectChange, onRowClick, density: controlledDensity, onDensityChange, sort, onSortChange, loading, empty, className, children, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace DataTable {
     var Toolbar: ({ children, className, }: {
         children?: React.ReactNode;

package/dist/i18n/index.d.ts

@@ -149,7 +149,9 @@ var dataTable = {
 	densityCompact: "Gọn",
 	densityComfortable: "Thoải mái",
 	densitySwitch: "Chuyển sang mật độ {density}",
-	rowActions: "Thao tác dòng"
+	rowActions: "Thao tác dòng",
+	empty: "Chưa có dữ liệu",
+	loading: "Đang tải…"
 };
 var status = {
 	active: "Đang hoạt động",

package/dist/i18n/index.js

@@ -1,2 +1,2 @@
-export { usePickerLocales, useTranslation } from '../chunk-EYLUVDHJ.js';
-export { MESSAGE_CATALOG, resetI18nLocale, syncI18nLocale, translate, translateCurrent } from '../chunk-6BJ2X7PA.js';
+export { usePickerLocales, useTranslation } from '../chunk-NHD5XDMX.js';
+export { MESSAGE_CATALOG, resetI18nLocale, syncI18nLocale, translate, translateCurrent } from '../chunk-TRVOPU4U.js';

package/dist/index.d.ts

@@ -2,7 +2,7 @@ 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-CjlAEWgr.js';
 export { F as FilterBar, a as FilterGroup, P as PageHeader } from './filter-bar-CNEdQB7i.js';
 export { I as Inline, P as PageContainer, S as Stack } from './inline-BuyFYZah.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 { C as ColumnDef, D as DataTable, a as Density, E as EmptyState, K as KeyValueGrid, S as StatusBadge } from './data-table-CnRksymA.js';
 export { F as FormField, S as SearchInput } from './search-input-JWJMFVqC.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 './components/query/index.js';

package/dist/index.js

@@ -1,40 +1,40 @@
 export { FormFieldControl, FormRoot, useZodForm } from './chunk-7WRZG2IG.js';
 import './chunk-LDSLS6HE.js';
-export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-WUXFOY6M.js';
-export { FilterBar, FilterGroup, PageHeader } from './chunk-MIVDO3Z3.js';
-import './chunk-TO33OY4L.js';
-export { Pagination } from './chunk-RGSH6FQN.js';
+export { FilterBar, FilterGroup, PageHeader } from './chunk-QT3T2HEI.js';
 export { Steps } from './chunk-L6J44O74.js';
+export { PageContainer, Stack } from './chunk-IBSA7LMM.js';
+export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-WM5MKEOD.js';
+export { Pagination } from './chunk-RP3NH5QJ.js';
 export { TabsItems } from './chunk-BPSKQUL2.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-XG7XDYIM.js';
-export { PageContainer, Stack } from './chunk-54LBVZLM.js';
-export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from './chunk-NKN2OW3G.js';
-export { TreeSelect } from './chunk-E7CZIMX7.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-GFUO67BB.js';
+import './chunk-TO33OY4L.js';
+export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from './chunk-E77YBOGD.js';
+export { TreeSelect } from './chunk-255EBAE4.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-5DZXJ3PU.js';
 import './chunk-CRERCLIZ.js';
 import './chunk-UX634MYF.js';
 export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable, toast, useToast } from './chunk-M64MVRLS.js';
 export { Toaster } from './chunk-TO7URV7U.js';
-export { Cascader } from './chunk-GXKBK6N2.js';
+export { Cascader } from './chunk-KYJMNBZI.js';
 import './chunk-SMLKNECP.js';
 import './chunk-V6UWJKZF.js';
 import './chunk-E76QIYSY.js';
 import './chunk-CQBADMFG.js';
-export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from './chunk-TNIDN4OY.js';
+export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from './chunk-CZ55VL4M.js';
 import './chunk-DV52WNXO.js';
 import './chunk-PIIRNAXA.js';
 import './chunk-DY5C44UP.js';
 import './chunk-3KPEZ5CF.js';
 import './chunk-ZS6DTAM2.js';
 import './chunk-ICM6XBST.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-FNZQTYAG.js';
-export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './chunk-7W3CHMLL.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-Z33J65PB.js';
+export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './chunk-CJVXTCYD.js';
 export { Inline } from './chunk-S66TJXJU.js';
-export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-A3Q5LKWS.js';
+export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-LQGSZODY.js';
 import './chunk-VOHTRR5X.js';
 import './chunk-HJEBRCXL.js';
-import './chunk-EYLUVDHJ.js';
-export { formatDate } from './chunk-6BJ2X7PA.js';
 export { FormField } from './chunk-F7PG4OEV.js';
 import './chunk-7PWBC4BY.js';
+import './chunk-NHD5XDMX.js';
+export { formatDate } from './chunk-TRVOPU4U.js';
 export { cn } from './chunk-U7N2A7A3.js';

package/dist/lib/datetime/index.js

@@ -1 +1 @@
-export { calendarDateToTZDate, detectFormatDateKind, disableLiveRelativeFormatting, enableLiveRelativeFormatting, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDatetimeContext, hhmmToTZDate, isDateOnlyString, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, syncDatetimeContext, toIsoDate } from '../../chunk-6BJ2X7PA.js';
+export { calendarDateToTZDate, detectFormatDateKind, disableLiveRelativeFormatting, enableLiveRelativeFormatting, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDatetimeContext, hhmmToTZDate, isDateOnlyString, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, syncDatetimeContext, toIsoDate } from '../../chunk-TRVOPU4U.js';

package/dist/styles/shell-layout.css

@@ -218,6 +218,7 @@
 
   .sb-nav-item {
     display: flex;
+    width: 100%;
     height: var(--control-height);
     min-width: 0;
     align-items: center;
@@ -339,79 +340,34 @@
     opacity: 1;
   }
 
-  /* Collapsed rail flyout — names a leaf item (tooltip) or reveals a group's submenu on
-   * hover/focus, since the rail hides labels. Hidden by default; shown only when collapsed. */
-  .sb-nav-fly {
-    position: relative;
-  }
-
-  .sb-flyout {
-    display: none;
-  }
-
-  [data-collapsed="true"] .sb-nav-item {
-    position: relative;
-  }
-
-  [data-collapsed="true"] .sb-flyout {
-    position: absolute;
-    inset-inline-start: 100%;
-    top: 0;
-    z-index: 50;
-    margin-inline-start: var(--space-2);
+  /* Collapsed-rail flyout — PORTALED (Radix Popover) so it escapes the sidebar's overflow and is
+   * never clipped: names a leaf item (tooltip) or reveals a group's submenu on hover/focus. */
+  .sb-flyout-pop {
+    display: flex;
+    width: auto;
     min-width: 11rem;
     flex-direction: column;
     gap: 2px;
     padding: var(--space-1);
-    border: 1px solid hsl(var(--border));
-    border-radius: var(--radius);
-    background: hsl(var(--popover, var(--background)));
-    color: hsl(var(--popover-foreground, var(--foreground)));
-    box-shadow:
-      0 4px 6px -1px hsl(var(--foreground) / 0.1),
-      0 2px 4px -2px hsl(var(--foreground) / 0.1);
-    white-space: nowrap;
-    font-size: var(--font-size-sm);
   }
 
-  /* Leaf tooltip — a single label chip, vertically centered on the icon row. */
-  [data-collapsed="true"] .sb-nav-item > .sb-flyout:not(.sb-flyout--group) {
-    top: 50%;
-    flex-direction: row;
-    align-items: center;
+  .sb-flyout-pop.sb-flyout-pop--label {
     min-width: 0;
-    transform: translateY(-50%);
     padding: var(--space-1) var(--space-2);
+  }
+
+  .sb-flyout-label {
+    white-space: nowrap;
+    font-size: var(--font-size-sm);
     font-weight: 500;
   }
 
-  [data-collapsed="true"] .sb-flyout-title {
+  .sb-flyout-title {
     padding: var(--space-1) var(--space-2);
     color: hsl(var(--muted-foreground));
     font-size: var(--font-size-xs);
     font-weight: 600;
-  }
-
-  /* Submenu rows inside a collapsed flyout read as normal (full) nav rows, not dotted children. */
-  [data-collapsed="true"] .sb-flyout .sb-nav-item--sub {
-    height: var(--control-height);
-    font-size: var(--font-size-sm);
-  }
-
-  [data-collapsed="true"] .sb-flyout .sb-nav-item--sub::before {
-    content: none;
-  }
-
-  [data-collapsed="true"] .sb-flyout .sb-label {
-    display: inline;
-  }
-
-  /* Reveal on hover / keyboard focus. */
-  [data-collapsed="true"] .sb-nav-item:hover > .sb-flyout,
-  [data-collapsed="true"] .sb-nav-item:focus-visible > .sb-flyout,
-  [data-collapsed="true"] .sb-nav-fly:hover .sb-flyout,
-  [data-collapsed="true"] .sb-nav-fly:focus-within .sb-flyout {
-    display: flex;
+    white-space: nowrap;
   }
 
   /* Footer user — circular avatar with live dot + overflow menu, design `.sb-user`. */

package/dist/styles/table-layout.css

@@ -81,6 +81,11 @@
     border-radius: var(--radius-md);
   }
 
+  /* Empty-state cell hosts the built-in EmptyState (which brings its own padding). */
+  .ui-data-table-empty {
+    padding: 0;
+  }
+
   [data-slot="card-content"][data-flush] .ui-data-table-root {
     gap: 0;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "6.4.0",
+  "version": "6.6.0",
   "type": "module",
   "description": "@godxjp/ui — shared React UI framework (shadcn + Radix + Tailwind v4).",
   "files": [