@godxjp/ui 6.1.2 → 6.3.0

package/dist/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-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';
 export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './components/feedback/alert.js';
@@ -21,17 +21,17 @@ export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRela
 export { FormFieldControl, FormRoot, useZodForm } from './form/index.js';
 export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from './form.prop-BHgpuFFm.js';
 export { cn } from './lib/utils.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-I3mgmdGm.js';
 export { j as formatDate } from './format-date-ByyZoqI5.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/index.js

@@ -1,29 +1,29 @@
 export { FormFieldControl, FormRoot, useZodForm } from './chunk-7WRZG2IG.js';
 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-WUXFOY6M.js';
+export { FilterBar, FilterGroup, PageHeader } from './chunk-MIVDO3Z3.js';
 import './chunk-TO33OY4L.js';
-export { Pagination } from './chunk-GDSVW62T.js';
+export { Pagination } from './chunk-RGSH6FQN.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 { PageContainer, Stack } from './chunk-7JN4JXK6.js';
 export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable, toast, useToast } from './chunk-M64MVRLS.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-FNZQTYAG.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 { TreeSelect } from './chunk-UGQ3HQD5.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-TDTNDXWK.js';
+export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './chunk-7W3CHMLL.js';
+export { Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-FKAXA6OI.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 { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from './chunk-LFLHBTDK.js';
+export { Cascader } from './chunk-QDAASTWZ.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';
+export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from './chunk-R2B7XJ6A.js';
 export { Inline } from './chunk-S66TJXJU.js';
 import './chunk-PIIRNAXA.js';
 import './chunk-3KPEZ5CF.js';
@@ -34,6 +34,6 @@ import './chunk-HJEBRCXL.js';
 import './chunk-ICM6XBST.js';
 export { FormField } from './chunk-F7PG4OEV.js';
 import './chunk-7PWBC4BY.js';
-import './chunk-3F2AKYRD.js';
-export { formatDate } from './chunk-YFCQKO3B.js';
+import './chunk-EYLUVDHJ.js';
+export { formatDate } from './chunk-6BJ2X7PA.js';
 export { cn } from './chunk-U7N2A7A3.js';

package/dist/lib/datetime/index.d.ts

@@ -15,9 +15,13 @@ declare function syncDatetimeContext(partial: Pick<DatetimeContext, "locale" | "
     dateFnsLocale?: Locale;
 }): void;
 declare function getDatetimeContext(): Readonly<DatetimeContext>;
+declare function enableLiveRelativeFormatting(): void;
+declare function disableLiveRelativeFormatting(): void;
 /** Vitest only — reset to defaults between cases. */
 declare function resetDatetimeContextForTests(): void;
 
+/** Format a calendar Date to an ISO-8601 date-only string (`yyyy-MM-dd`) from its local Y/M/D. */
+declare function toIsoDate(value: Date | null | undefined): string;
 /** Parse ISO string or Date — returns null for invalid values. */
 declare function parseDateInput(value: string | Date | null | undefined): Date | null;
 /** Calendar date from react-day-picker — interpret Y/M/D in app timezone, not browser local. */
@@ -28,4 +32,4 @@ declare function normalizeHhmm(value: string): string | null;
 /** Map canonical HH:mm to a TZDate on today's calendar date in the given timezone. */
 declare function hhmmToTZDate(hhmm: string, timezone: string): TZDate | null;
 
-export { type DatetimeContext, calendarDateToTZDate, getDatetimeContext, hhmmToTZDate, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, syncDatetimeContext };
+export { type DatetimeContext, calendarDateToTZDate, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDatetimeContext, hhmmToTZDate, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, syncDatetimeContext, toIsoDate };

package/dist/lib/datetime/index.js

@@ -1 +1 @@
-export { calendarDateToTZDate, detectFormatDateKind, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDatetimeContext, hhmmToTZDate, isDateOnlyString, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, syncDatetimeContext } from '../../chunk-YFCQKO3B.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-6BJ2X7PA.js';

package/dist/{navigation.prop-DpZqcXey.d.ts → navigation.prop-Ck5_gSfs.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { a as ClassNameProp, C as ChildrenProp, L as LabelProp, D as DisabledProp } from './shared.prop-BNRJc9K0.js';
-import { O as OnClearFiltersProp, H as HasActiveFiltersProp } from './data.prop-BVvfKC_g.js';
+import { O as OnClearFiltersProp, H as HasActiveFiltersProp } from './data.prop-BmLaGLb7.js';
 
 /** Navigation component prop types — @see docs/COMPONENTS.md#navigation */
 

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

@@ -1,10 +1,10 @@
 export { A as AppShellProp, I as InlineProp, P as PageContainerProp, a as PageHeaderProp, b as PageInsetProp, S as SidebarItemProp, c as SidebarProductProp, d as SidebarProp, e as SidebarSectionProp, f as StackProp, T as TopbarProductProp, g as TopbarProjectProp, h as TopbarProp } from '../../layout.prop-C795F0qg.js';
 export { B as ButtonProp } from '../../general.prop-D7brMPNL.js';
-export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp, e as ChoiceOptionProp, f as ColorPickerProp, D as DatePickerProp, j as DateRangePickerProp, F as FormFieldProp, I as InputProp, R as RadioGroupProp, k as RadioProp, S as SearchInputProp, l as ShowCheckedStrategyProp, m as SliderProp, o as SwitchProp, T as TextareaProp, p as TimePickerProp, q as TransferItemProp, r as TransferProp, s as TreeFieldNamesProp, t as TreeOptionProp, u as TreeSelectProp, w as UploadFileItemProp, x as UploadProp, z as UploadVariantProp } from '../../data-entry.prop-BEGA1lTq.js';
-export { B as BadgeProp, D as DataTableProp, E as EmptyStateProp, K as KeyValueGridItemProp, a as KeyValueGridProp, S as StatusBadgeProp } from '../../data-display.prop-DNTAzmDy.js';
+export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp, e as ChoiceOptionProp, f as ColorPickerProp, D as DatePickerProp, j as DateRangePickerProp, F as FormFieldProp, I as InputProp, R as RadioGroupProp, k as RadioProp, S as SearchInputProp, l as ShowCheckedStrategyProp, m as SliderProp, o as SwitchProp, T as TextareaProp, p as TimePickerProp, q as TransferItemProp, r as TransferProp, s as TreeFieldNamesProp, t as TreeOptionProp, u as TreeSelectProp, w as UploadFileItemProp, x as UploadProp, z as UploadVariantProp } from '../../data-entry.prop-I3mgmdGm.js';
+export { B as BadgeProp, D as DataTableProp, E as EmptyStateProp, K as KeyValueGridItemProp, a as KeyValueGridProp, S as StatusBadgeProp } from '../../data-display.prop-Cvi2Mrfw.js';
 export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, c as AlertProp, d as AlertQueryErrorProp, e as AlertTitleProp, D as DialogConfirmProp, S as SkeletonRowsProp } from '../../feedback.prop-BmxUlpAW.js';
 export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, M as MutationFeedbackProp, P as PrefetchLinkProp, Q as QueryRefetchButtonProp } from '../../query.prop-hIPrk2zI.js';
-export { F as FilterBarProp, a as FilterGroupProp, P as PaginationProp, S as StepItemProp, b as StepStatusProp, c as StepsProp, T as TabItemProp, d as TabsItemsProp } from '../../navigation.prop-DpZqcXey.js';
+export { F as FilterBarProp, a as FilterGroupProp, P as PaginationProp, S as StepItemProp, b as StepStatusProp, c as StepsProp, T as TabItemProp, d as TabsItemsProp } from '../../navigation.prop-Ck5_gSfs.js';
 export { A as AppContextValue, a as AppProviderProp, D as DateFormatPickerProp, L as LocalePickerProp, T as TimeFormatPickerProp, b as TimezonePickerProp } from '../../app.prop-IobwLwaM.js';
 export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../../form.prop-BHgpuFFm.js';
 import 'react';
@@ -18,7 +18,7 @@ import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';
 import '@radix-ui/react-switch';
 import 'react-day-picker';
-import '../../data.prop-BVvfKC_g.js';
+import '../../data.prop-BmLaGLb7.js';
 import '@tanstack/react-query';
 import 'react-router-dom';
 import 'date-fns';

package/dist/props/index.d.ts

@@ -3,14 +3,14 @@ export { A as ActionProp, a as ActionsProp, C as CancelLabelProp, b as ConfirmLa
 export { D as DensityProp, G as GapProp, I as InlineGapProp, P as PageContainerVariantProp, a as PageDensityProp, S as StackGapProp, T as TableDensityProp } from '../layout.prop-4TCNvyQZ.js';
 export { A as AlertVariantProp, B as ButtonSizeProp, a as ButtonVariantProp, C as ColumnAlignProp, b as ConfirmVariantProp, S as SortDirectionProp, c as SortStateProp, d as StatusToneProp } from '../interaction.prop-Cdn7wOtq.js';
 export { B as BreadcrumbItem, B as BreadcrumbItemProp, a as BreadcrumbProp, P as PageTitleProp } from '../navigation.prop-DxBiClEH.js';
-export { C as ColumnDef, C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../data.prop-BVvfKC_g.js';
+export { C as ColumnDef, C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../data.prop-BmLaGLb7.js';
 export { A as AppShellProp, I as InlineProp, I as InlineProps, P as PageContainerProp, P as PageContainerProps, a as PageHeaderProp, b as PageInsetProp, S as SidebarItemProp, c as SidebarProductProp, d as SidebarProp, e as SidebarSectionProp, f as StackProp, f as StackProps, T as TopbarProductProp, g as TopbarProjectProp, h as TopbarProp } from '../layout.prop-C795F0qg.js';
 export { B as ButtonProp, B as ButtonProps } from '../general.prop-D7brMPNL.js';
-export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp, e as ChoiceOptionProp, f as ColorPickerProp, D as DatePickerProp, j as DateRangePickerProp, F as FormFieldProp, I as InputProp, R as RadioGroupProp, k as RadioProp, S as SearchInputProp, l as ShowCheckedStrategyProp, m as SliderProp, o as SwitchProp, T as TextareaProp, p as TimePickerProp, q as TransferItemProp, r as TransferProp, s as TreeFieldNamesProp, t as TreeOptionProp, u as TreeSelectProp, w as UploadFileItemProp, x as UploadProp, z as UploadVariantProp } from '../data-entry.prop-BEGA1lTq.js';
-export { B as BadgeProp, D as DataTableProp, E as EmptyStateProp, K as KeyValueGridItemProp, a as KeyValueGridProp, S as StatusBadgeProp } from '../data-display.prop-DNTAzmDy.js';
+export { A as AutocompleteOptionProp, a as AutocompleteProp, C as CalendarProp, b as CascaderProp, c as CheckboxGroupProp, d as CheckboxProp, e as ChoiceOptionProp, f as ColorPickerProp, D as DatePickerProp, j as DateRangePickerProp, F as FormFieldProp, I as InputProp, R as RadioGroupProp, k as RadioProp, S as SearchInputProp, l as ShowCheckedStrategyProp, m as SliderProp, o as SwitchProp, T as TextareaProp, p as TimePickerProp, q as TransferItemProp, r as TransferProp, s as TreeFieldNamesProp, t as TreeOptionProp, u as TreeSelectProp, w as UploadFileItemProp, x as UploadProp, z as UploadVariantProp } from '../data-entry.prop-I3mgmdGm.js';
+export { B as BadgeProp, D as DataTableProp, E as EmptyStateProp, K as KeyValueGridItemProp, a as KeyValueGridProp, S as StatusBadgeProp } from '../data-display.prop-Cvi2Mrfw.js';
 export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, c as AlertProp, d as AlertQueryErrorProp, e as AlertTitleProp, D as DialogConfirmProp, S as SkeletonRowsProp } from '../feedback.prop-BmxUlpAW.js';
 export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, M as MutationFeedbackProp, P as PrefetchLinkProp, Q as QueryRefetchButtonProp } from '../query.prop-hIPrk2zI.js';
-export { F as FilterBarProp, a as FilterGroupProp, P as PaginationProp, S as StepItemProp, b as StepStatusProp, c as StepsProp, T as TabItemProp, d as TabsItemsProp } from '../navigation.prop-DpZqcXey.js';
+export { F as FilterBarProp, a as FilterGroupProp, P as PaginationProp, S as StepItemProp, b as StepStatusProp, c as StepsProp, T as TabItemProp, d as TabsItemsProp } from '../navigation.prop-Ck5_gSfs.js';
 export { A as AppContextValue, a as AppProviderProp, D as DateFormatPickerProp, L as LocalePickerProp, T as TimeFormatPickerProp, b as TimezonePickerProp } from '../app.prop-IobwLwaM.js';
 export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../form.prop-BHgpuFFm.js';
 export { COMPONENT_PROP_REGISTRY, ComponentPropName, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY, VocabularyPropName } from './registry.js';

package/dist/props/vocabulary/index.d.ts

@@ -3,5 +3,5 @@ export { A as ActionProp, a as ActionsProp, C as CancelLabelProp, b as ConfirmLa
 export { D as DensityProp, G as GapProp, I as InlineGapProp, P as PageContainerVariantProp, a as PageDensityProp, S as StackGapProp, T as TableDensityProp } from '../../layout.prop-4TCNvyQZ.js';
 export { A as AlertVariantProp, B as ButtonSizeProp, a as ButtonVariantProp, C as ColumnAlignProp, b as ConfirmVariantProp, S as SortDirectionProp, c as SortStateProp, d as StatusToneProp } from '../../interaction.prop-Cdn7wOtq.js';
 export { B as BreadcrumbItemProp, a as BreadcrumbProp, P as PageTitleProp } from '../../navigation.prop-DxBiClEH.js';
-export { C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../../data.prop-BVvfKC_g.js';
+export { C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../../data.prop-BmLaGLb7.js';
 import 'react';

package/dist/{search-input-uP01rY1L.d.ts → search-input-JWJMFVqC.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { F as FormFieldProp } from './data-entry.prop-BEGA1lTq.js';
+import { F as FormFieldProp } from './data-entry.prop-I3mgmdGm.js';
 import * as React from 'react';
 
 declare function FormField({ id, label, required, helper, error, labelAddon, className, children, }: FormFieldProp): react_jsx_runtime.JSX.Element;

package/dist/styles/index.css

@@ -47,6 +47,12 @@
   --color-info-foreground: hsl(var(--info-foreground));
   --color-attention: hsl(var(--attention));
   --color-attention-foreground: hsl(var(--attention-foreground));
+  --color-chart-1: #0077c7;
+  --color-chart-2: #006e54;
+  --color-chart-3: #f8b500;
+  --color-chart-4: #b7282e;
+  --color-chart-5: #4c6cb3;
+  --color-chart-6: #eb6101;
   --color-tracking-internal: hsl(var(--tracking-internal));
   --color-tracking-seller: hsl(var(--tracking-seller));
   --color-tracking-yamato: hsl(var(--tracking-yamato));

package/dist/styles/layout.css

@@ -81,12 +81,6 @@
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
-    .ui-responsive-grid[data-columns="4"] {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-  }
-
-  @container (min-width: 1280px) {
     .ui-responsive-grid[data-columns="4"] {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }

package/dist/styles/shell-layout.css

@@ -77,6 +77,10 @@
     gap: var(--space-2);
   }
 
+  .app-topbar-left:has(.app-mobile-sidebar-trigger) {
+    display: none;
+  }
+
   .app-topbar-spacer {
     flex: 1;
   }
@@ -88,6 +92,25 @@
     font-size: var(--font-size-sm);
   }
 
+  @media (max-width: 1023px) {
+    .app-root,
+    .app-root[data-collapsed="true"] {
+      grid-template-areas:
+        "topbar"
+        "main"
+        "footer";
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    .app-sidebar {
+      display: none;
+    }
+
+    .app-topbar-left:has(.app-mobile-sidebar-trigger) {
+      display: flex;
+    }
+  }
+
   .sb-root {
     display: contents;
   }

package/dist/styles/table-layout.css

@@ -19,6 +19,13 @@
     padding-right: 0;
   }
 
+  /* A column with an empty header (icon / action column) shouldn't paint the
+   * header band — keep its cell transparent so the empty header visually
+   * disappears instead of showing a blank grey block. */
+  [data-slot="table-head"][data-empty] {
+    background: transparent;
+  }
+
   [data-slot="table-cell"] {
     padding: var(--table-cell-padding-y) var(--space-table-cell-x);
     vertical-align: middle;
@@ -90,16 +97,33 @@
   }
 
   .ui-data-table-scroll {
+    position: relative;
     overflow-x: auto;
     margin-inline: calc(-1 * var(--space-page-active-x));
     padding-inline: var(--space-page-active-x);
   }
 
+  .ui-data-table-scroll::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: var(--space-page-active-x);
+    bottom: 0;
+    z-index: 20;
+    width: 1.75rem;
+    pointer-events: none;
+    background: linear-gradient(to left, hsl(var(--background) / 0.88), transparent);
+  }
+
   [data-slot="card-content"][data-flush] .ui-data-table-scroll {
     margin-inline: 0;
     padding-inline: 0;
   }
 
+  [data-slot="card-content"][data-flush] .ui-data-table-scroll::after {
+    right: 0;
+  }
+
   [data-slot="card-content"][data-flush] .ui-data-table-surface {
     border-width: 0;
     border-radius: 0;
@@ -110,5 +134,9 @@
       margin-inline: 0;
       padding-inline: 0;
     }
+
+    .ui-data-table-scroll::after {
+      right: 0;
+    }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "6.1.2",
+  "version": "6.3.0",
   "type": "module",
   "description": "@godxjp/ui — shared React UI framework (shadcn + Radix + Tailwind v4).",
   "files": [
@@ -294,6 +294,7 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^22.19.19",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",

package/dist/chunk-DKO4OFVM.js

@@ -1,66 +0,0 @@
-import { Calendar } from './chunk-I2V4Y2VF.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 { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { CalendarIcon } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function DatePicker({
-  value,
-  onChange,
-  placeholder,
-  disabled,
-  className,
-  id,
-  locale: localeProp,
-  fromDate,
-  toDate
-}) {
-  const { t } = useTranslation();
-  const { dayPickerLocale } = usePickerLocales(localeProp);
-  const [open, setOpen] = React.useState(false);
-  const resolvedPlaceholder = placeholder ?? t("dataEntry.datePicker.placeholder");
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        id,
-        type: "button",
-        variant: "outline",
-        disabled,
-        className: cn(
-          "w-full justify-start text-left font-normal",
-          !value && "text-muted-foreground",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 size-4 shrink-0", "aria-hidden": "true" }),
-          value ? formatDate(value, { kind: "calendar" }) : resolvedPlaceholder
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
-      Calendar,
-      {
-        mode: "single",
-        selected: value,
-        onSelect: (date) => {
-          onChange?.(date);
-          setOpen(false);
-        },
-        locale: dayPickerLocale,
-        disabled: [
-          ...fromDate ? [{ before: fromDate }] : [],
-          ...toDate ? [{ after: toDate }] : []
-        ],
-        startMonth: fromDate,
-        endMonth: toDate
-      }
-    ) })
-  ] });
-}
-
-export { DatePicker };

package/dist/chunk-KA563UHL.js

@@ -1,70 +0,0 @@
-import { Calendar } from './chunk-I2V4Y2VF.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 { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { CalendarIcon } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function formatRange(range) {
-  if (!range?.from) return "";
-  const fmt = (d) => formatDate(d, { kind: "calendar" });
-  if (!range.to) return fmt(range.from);
-  return `${fmt(range.from)} \u2013 ${fmt(range.to)}`;
-}
-function DateRangePicker({
-  value,
-  onChange,
-  placeholder,
-  disabled,
-  className,
-  id,
-  locale: localeProp,
-  fromDate,
-  toDate
-}) {
-  const { t } = useTranslation();
-  const { dayPickerLocale } = usePickerLocales(localeProp);
-  const [open, setOpen] = React.useState(false);
-  const label = formatRange(value);
-  const resolvedPlaceholder = placeholder ?? t("dataEntry.dateRangePicker.placeholder");
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        id,
-        type: "button",
-        variant: "outline",
-        disabled,
-        className: cn(
-          "w-full justify-start text-left font-normal",
-          !label && "text-muted-foreground",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 size-4 shrink-0", "aria-hidden": "true" }),
-          label || resolvedPlaceholder
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
-      Calendar,
-      {
-        mode: "range",
-        selected: value,
-        onSelect: onChange,
-        locale: dayPickerLocale,
-        disabled: [
-          ...fromDate ? [{ before: fromDate }] : [],
-          ...toDate ? [{ after: toDate }] : []
-        ],
-        startMonth: fromDate,
-        endMonth: toDate
-      }
-    ) })
-  ] });
-}
-
-export { DateRangePicker };