@godxjp/ui 13.7.0 → 13.9.0

package/dist/{flex-X2EFU1d5.d.ts → flex-1Cy46L0M.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { P as PageContainerProp, d as PageInsetProp, c as FlexProp } from './layout.prop-D2be7gOo.js';
+import { P as PageContainerProp, d as PageInsetProp, c as FlexProp } from './layout.prop-fCz-Vlie.js';
 
 declare function PageContainerInset({ className, children, ...props }: PageInsetProp): react_jsx_runtime.JSX.Element;
 declare function PageContainerRoot({ title, subtitle, extra, footer, breadcrumb, linkComponent: LinkComponent, density, variant, stickyFooter, fill, children, className, }: PageContainerProp): react_jsx_runtime.JSX.Element;

package/dist/form/index.js

@@ -1,4 +1,4 @@
-import { FormField } from '../chunk-76S3TQFH.js';
+import { FormField } from '../chunk-IAJOP2Z3.js';
 import '../chunk-C3PKEV6S.js';
 import '../chunk-7PWBC4BY.js';
 import { cn } from '../chunk-U7N2A7A3.js';

package/dist/i18n/index.d.ts

@@ -107,6 +107,12 @@ var dataEntry = {
 		clear: "Xóa lựa chọn",
 		loading: "Đang tải…",
 		empty: "Không có kết quả"
+	},
+	monthPicker: {
+		openGrid: "Mở chọn tháng",
+		previousYear: "Năm trước",
+		nextYear: "Năm sau",
+		placeholder: "yyyy/mm"
 	}
 };
 var feedback = {

package/dist/i18n/index.js

@@ -1,2 +1,2 @@
-export { usePickerLocales, useTranslation } from '../chunk-QTEPKNQE.js';
-export { MESSAGE_CATALOG, resetI18nLocale, syncI18nLocale, translate, translateCurrent } from '../chunk-C7W5BO7R.js';
+export { usePickerLocales, useTranslation } from '../chunk-B6S6LTWT.js';
+export { MESSAGE_CATALOG, resetI18nLocale, syncI18nLocale, translate, translateCurrent } from '../chunk-5732TWQF.js';

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 export { B as BreadcrumbItem } from './navigation.prop-CXDaVNaR.js';
-export { F as FlexAlignProp, a as FlexDirectionProp, b as FlexJustifyProp, c as FlexProp, c as FlexProps, P as PageContainerProp, P as PageContainerProps } from './layout.prop-D2be7gOo.js';
-export { F as Flex, P as PageContainer } from './flex-X2EFU1d5.js';
+export { F as FlexAlignProp, a as FlexDirectionProp, b as FlexJustifyProp, c as FlexProp, c as FlexProps, P as PageContainerProp, P as PageContainerProps } from './layout.prop-fCz-Vlie.js';
+export { F as Flex, P as PageContainer } from './flex-1Cy46L0M.js';
 export { C as ColumnDef, D as DataTable, a as Density, b as Descriptions, E as EmptyState } from './data-table-DRr70ULe.js';
 export { Badge } from './components/data-display/badge.js';
-export { F as Field, a as FormField, S as SearchInput } from './search-input--ui38eQV.js';
+export { F as Field, a as FormField, S as SearchInput } from './search-input-D4v1JGOA.js';
 export { a as SkeletonDetail, c as SkeletonRows, d as SkeletonStat, e as SkeletonTable } from './skeleton-cj9kh5wo.js';
 export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './components/feedback/alert.js';
 export { Upload, useUploadDraft } from './components/data-entry/upload.js';
@@ -20,7 +20,7 @@ export { toast } from 'sonner';
 export { useDebouncedValue, useTimeoutFlag } from './lib/hooks.js';
 export { formatBytes, formatCurrency, humanError, shortId } from './components/admin/index.js';
 export { cn } from './lib/utils.js';
-export { F as FieldProps, B as collectUploadCommitActions, E as createUploadItem } from './data-entry.prop-CyiZuEI8.js';
+export { F as FieldProps, E as collectUploadCommitActions, G as createUploadItem } from './data-entry.prop-BSUaseKh.js';
 export { c as AlertDialogProps } from './feedback.prop-CHlHDYZK.js';
 export { d as ToolbarGroupProps, e as ToolbarProps } from './navigation.prop-FCsOVGrP.js';
 export { j as formatDate } from './format-date-ByyZoqI5.js';

package/dist/index.js

@@ -1,62 +1,62 @@
+import './chunk-2H65B4JA.js';
+import './chunk-5LTW2LWF.js';
+import './chunk-7PBKPDBJ.js';
+import './chunk-VSUYVT2Q.js';
+import './chunk-R2TXLS7S.js';
+import './chunk-2JOJYHG2.js';
+import './chunk-S2IJKT3D.js';
+import './chunk-I7NQ2LIL.js';
+import './chunk-Q3KUZG4P.js';
 import './chunk-GJXOBDER.js';
-export { Toolbar, ToolbarGroup } from './chunk-TNFAUPEV.js';
-export { Steps } from './chunk-LTKHPOE3.js';
-export { PageContainer } from './chunk-I472SSN2.js';
-import './chunk-HL3G4SVG.js';
+export { DataTable, Descriptions } from './chunk-HNL7CJFO.js';
+export { PageContainer } from './chunk-E3Z3XCQR.js';
+import './chunk-DV52WNXO.js';
+import './chunk-XK3M3VRR.js';
+import './chunk-W4REF4TD.js';
+export { Badge } from './chunk-HIEGUYPP.js';
+export { EmptyState } from './chunk-YD7V2HGZ.js';
+import './chunk-IJ5ALJGA.js';
+export { Toolbar, ToolbarGroup } from './chunk-3UTHNXKB.js';
 import './chunk-B73NA66T.js';
 import './chunk-WGWI7EGL.js';
-export { Pagination } from './chunk-KW54IV4X.js';
+export { Pagination } from './chunk-UT6DAJUL.js';
+export { Steps } from './chunk-QROC2RMH.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-V3N266PT.js';
-import './chunk-XK3M3VRR.js';
+import './chunk-HL3G4SVG.js';
 import './chunk-LMKUKCTN.js';
-import './chunk-W4REF4TD.js';
-import './chunk-2H65B4JA.js';
 export { sonnerToast as toast } from './chunk-ES4Q3KGL.js';
 export { SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from './chunk-2BR7KFCP.js';
-export { Toaster } from './chunk-TO7URV7U.js';
 import './chunk-32WO3YLB.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-6EKAEN6T.js';
-import './chunk-IMERLXSC.js';
-import './chunk-3ZNSR2NL.js';
-import './chunk-VSUYVT2Q.js';
-export { Transfer } from './chunk-QPRBPE4S.js';
-export { SearchInput } from './chunk-RBXVCWXL.js';
-export { TreeSelect } from './chunk-JXGDDD46.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-SXECWZZV.js';
-export { formatBytes, formatCurrency, humanError, shortId } from './chunk-2FJ5TMQU.js';
-export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-O3F3KF2B.js';
+export { Toaster } from './chunk-TO7URV7U.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-MSRJC3RT.js';
+export { Flex } from './chunk-INIIF7F7.js';
+export { Transfer } from './chunk-IRBI2EZ2.js';
+export { SearchInput } from './chunk-IESBK6XZ.js';
+export { TreeSelect } from './chunk-TRBD4RXJ.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-6SZKFJYY.js';
+export { formatBytes, formatCurrency, humanError, shortId } from './chunk-X6AJ5HEI.js';
+export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-N2WBUCVY.js';
 import './chunk-VU4GFGDG.js';
-import './chunk-S2IJKT3D.js';
-import './chunk-GOJQHYED.js';
+import './chunk-DBVZ73ML.js';
 import './chunk-TBJBVEIP.js';
-import './chunk-I7NQ2LIL.js';
-import './chunk-ZOMIELKI.js';
-import './chunk-3JQDPNTA.js';
-import './chunk-CSTUENE6.js';
-export { Cascader } from './chunk-B23A5CPA.js';
+export { Cascader } from './chunk-KZ7ZDNUN.js';
 import './chunk-SMLKNECP.js';
-import './chunk-LFO5BJ4H.js';
-import './chunk-3R3QVJCB.js';
-import './chunk-QMGNMDQG.js';
-import './chunk-G7A6SUIN.js';
-import './chunk-6AIYMYSG.js';
-export { DataTable, Descriptions } from './chunk-W3AS2GEC.js';
-export { EmptyState } from './chunk-YD7V2HGZ.js';
-import './chunk-DV52WNXO.js';
-export { Flex } from './chunk-INIIF7F7.js';
+import './chunk-J2DEWIYY.js';
 import './chunk-BE6GJGKJ.js';
 export { Field } from './chunk-44YRPSZ7.js';
-export { Badge } from './chunk-ZYJRZLMZ.js';
+import './chunk-ION2KFXK.js';
+import './chunk-3R3QVJCB.js';
+import './chunk-76YSDJDP.js';
+import './chunk-K24AQV4R.js';
+import './chunk-YXVJFYQE.js';
+import './chunk-NU2SOVTU.js';
 import './chunk-DY5C44UP.js';
-import './chunk-3KPEZ5CF.js';
-import './chunk-IJ5ALJGA.js';
-import './chunk-MUUO7SPN.js';
-import './chunk-5L77S5CL.js';
+import './chunk-XBFUROAY.js';
 import './chunk-B4K4BXEF.js';
-export { FormField } from './chunk-76S3TQFH.js';
+import './chunk-B6S6LTWT.js';
+export { formatDate } from './chunk-5732TWQF.js';
+export { FormField } from './chunk-IAJOP2Z3.js';
 import './chunk-C3PKEV6S.js';
 import './chunk-7PWBC4BY.js';
-import './chunk-QTEPKNQE.js';
-export { formatDate } from './chunk-C7W5BO7R.js';
 export { useDebouncedValue, useTimeoutFlag } from './chunk-LFW37FGG.js';
 export { cn } from './chunk-U7N2A7A3.js';

package/dist/{layout.prop-D2be7gOo.d.ts → layout.prop-fCz-Vlie.d.ts}

@@ -127,6 +127,8 @@ type TopbarProp = {
     unread?: boolean;
     /** Accessible placeholder when project is intentionally unset but a project chip is rendered. */
     projectPlaceholder?: string;
+    /** Search-bar placeholder text — defaults to the i18n `layout.topbar.searchPlaceholder`. */
+    searchPlaceholder?: string;
     onNotificationsOpen?: () => void;
     user?: ReactNode;
 };

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-C7W5BO7R.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-5732TWQF.js';

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

@@ -1,6 +1,6 @@
-export { A as AppShellProp, P as PageContainerProp, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../../layout.prop-D2be7gOo.js';
+export { A as AppShellProp, P as PageContainerProp, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../../layout.prop-fCz-Vlie.js';
 export { B as ButtonProp } from '../../general.prop-CzlQin6v.js';
-export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, i as RadioProp, S as SearchInputProp, n as ShowCheckedStrategyProp, o as SliderProp, p as SwitchProp, T as TextareaProp, q as TimePickerProp, r as TransferItemProp, s as TransferProp, t as TreeFieldNamesProp, u as TreeOptionProp, v as TreeSelectProp, x as UploadFileItemProp, y as UploadProp, A as UploadVariantProp } from '../../data-entry.prop-CyiZuEI8.js';
+export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, j as RadioProp, S as SearchInputProp, o as ShowCheckedStrategyProp, p as SliderProp, q as SwitchProp, T as TextareaProp, r as TimePickerProp, s as TransferItemProp, t as TransferProp, u as TreeFieldNamesProp, v as TreeOptionProp, w as TreeSelectProp, y as UploadFileItemProp, z as UploadProp, B as UploadVariantProp } from '../../data-entry.prop-BSUaseKh.js';
 export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../../data-display.prop-CT0nVMdp.js';
 export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, S as SkeletonRowsProp } from '../../feedback.prop-CHlHDYZK.js';
 export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../../query.prop-CT2gFtr4.js';

package/dist/props/index.d.ts

@@ -4,9 +4,9 @@ export { D as DensityProp, G as GapProp, P as PageContainerVariantProp, a as Pag
 export { A as AlertVariantProp, B as BadgeVariantProp, a as BreakpointProp, b as ButtonSizeProp, c as ButtonVariantProp, C as ColumnAlignProp, d as ConfirmVariantProp, F as FontWeightProp, e as FormLayoutProp, H as HeadingLevelProp, S as ShapeProp, f as SizeProp, g as SortDirectionProp, h as SortStateProp, T as TextAlignProp, i as TextSizeProp, j as TextToneProp, k as ToneProp } from '../interaction.prop-DD46aTro.js';
 export { B as BreadcrumbItem, B as BreadcrumbItemProp, a as BreadcrumbProp } from '../navigation.prop-CXDaVNaR.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-D0UEEczj.js';
-export { A as AppShellProp, P as PageContainerProp, P as PageContainerProps, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../layout.prop-D2be7gOo.js';
+export { A as AppShellProp, P as PageContainerProp, P as PageContainerProps, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../layout.prop-fCz-Vlie.js';
 export { B as ButtonProp, B as ButtonProps } from '../general.prop-CzlQin6v.js';
-export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, i as RadioProp, S as SearchInputProp, n as ShowCheckedStrategyProp, o as SliderProp, p as SwitchProp, T as TextareaProp, q as TimePickerProp, r as TransferItemProp, s as TransferProp, t as TreeFieldNamesProp, u as TreeOptionProp, v as TreeSelectProp, x as UploadFileItemProp, y as UploadProp, A as UploadVariantProp } from '../data-entry.prop-CyiZuEI8.js';
+export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, j as RadioProp, S as SearchInputProp, o as ShowCheckedStrategyProp, p as SliderProp, q as SwitchProp, T as TextareaProp, r as TimePickerProp, s as TransferItemProp, t as TransferProp, u as TreeFieldNamesProp, v as TreeOptionProp, w as TreeSelectProp, y as UploadFileItemProp, z as UploadProp, B as UploadVariantProp } from '../data-entry.prop-BSUaseKh.js';
 export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../data-display.prop-CT0nVMdp.js';
 export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, S as SkeletonRowsProp } from '../feedback.prop-CHlHDYZK.js';
 export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../query.prop-CT2gFtr4.js';

package/dist/props/index.js

@@ -1,3 +1,3 @@
 import '../chunk-ZT5UEUBO.js';
 import '../chunk-B775Y6BE.js';
-export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-IRPZJKLU.js';
+export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-4FGE5XVC.js';

package/dist/props/registry.d.ts

@@ -563,6 +563,16 @@ declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/data-entry.prop.ts";
         readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"];
     };
+    readonly MonthPickerProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"];
+    };
+    readonly MonthRangePickerProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"];
+    };
     readonly DateRangePickerProp: {
         readonly group: "data-entry";
         readonly file: "components/data-entry.prop.ts";

package/dist/props/registry.js

@@ -1 +1 @@
-export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-IRPZJKLU.js';
+export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-4FGE5XVC.js';

package/dist/{search-input--ui38eQV.d.ts → search-input-D4v1JGOA.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as FormFieldProp, F as FieldProp } from './data-entry.prop-CyiZuEI8.js';
+import { g as FormFieldProp, F as FieldProp } from './data-entry.prop-BSUaseKh.js';
 import * as React from 'react';
 
 declare function FormField({ id, label, required, helper, error, labelAddon, layout: layoutProp, labelWidth: labelWidthProp, controlWidth: controlWidthProp, colSpan, className, children, }: FormFieldProp): react_jsx_runtime.JSX.Element;

package/dist/styles/alert-layout.css

@@ -48,7 +48,7 @@
   }
 
   [data-slot="alert"][data-dismissible] {
-    padding-right: calc(var(--alert-space-inset) + var(--space-8));
+    padding-inline-end: calc(var(--alert-space-inset) + var(--space-8));
   }
 
   [data-slot="alert-icon"] {
@@ -143,7 +143,7 @@
   [data-slot="alert-dismiss"] {
     position: absolute;
     top: var(--alert-dismiss-space-offset);
-    right: var(--alert-dismiss-space-offset);
+    inset-inline-end: var(--alert-dismiss-space-offset);
     border-radius: var(--radius-sm);
     opacity: 0.7;
   }

package/dist/styles/card-layout.css

@@ -57,31 +57,31 @@
 
   /* ── Accent edge — 3px semantic left stripe, content kept on the shell ─ */
   [data-slot="card"][data-accent] {
-    border-left-width: 3px;
+    border-inline-start-width: 3px;
   }
 
   [data-slot="card"][data-accent="primary"] {
-    border-left-color: hsl(var(--primary));
+    border-inline-start-color: hsl(var(--primary));
   }
 
   [data-slot="card"][data-accent="success"] {
-    border-left-color: hsl(var(--success));
+    border-inline-start-color: hsl(var(--success));
   }
 
   [data-slot="card"][data-accent="warning"] {
-    border-left-color: hsl(var(--warning));
+    border-inline-start-color: hsl(var(--warning));
   }
 
   [data-slot="card"][data-accent="info"] {
-    border-left-color: hsl(var(--info));
+    border-inline-start-color: hsl(var(--info));
   }
 
   [data-slot="card"][data-accent="attention"] {
-    border-left-color: hsl(var(--attention));
+    border-inline-start-color: hsl(var(--attention));
   }
 
   [data-slot="card"][data-accent="destructive"] {
-    border-left-color: hsl(var(--destructive));
+    border-inline-start-color: hsl(var(--destructive));
   }
 
   [data-slot="card"][data-accent] > [data-slot="card-header"],
@@ -104,7 +104,7 @@
   }
 
   .ui-card-header--banded {
-    border-bottom: 1px solid hsl(var(--card-border));
+    border-bottom: var(--card-header-border-bottom);
     background-color: hsl(var(--card-header-background) / var(--card-header-background-alpha));
   }
 
@@ -147,7 +147,7 @@
     flex-shrink: 0;
     align-items: center;
     gap: var(--space-inline-sm);
-    margin-left: auto;
+    margin-inline-start: auto;
   }
 
   [data-slot="card"]:has([data-slot="card-header"][data-banded]) {
@@ -357,7 +357,7 @@
   [data-slot="card"][data-stat-align="end"] [data-slot="stat-card-value-row"],
   [data-slot="card"][data-stat-layout="inline"] [data-slot="stat-card-value-row"] {
     justify-content: flex-end;
-    text-align: right;
+    text-align: end;
   }
 
   [data-slot="stat-card-value"] {

package/dist/styles/control.css

@@ -190,8 +190,8 @@
 
   .ui-control {
     height: var(--control-height);
-    padding-left: var(--control-padding-x);
-    padding-right: var(--control-padding-x);
+    padding-inline-start: var(--control-padding-x);
+    padding-inline-end: var(--control-padding-x);
     font-size: var(--font-size-sm);
   }
 
@@ -453,7 +453,7 @@
   }
 
   .ui-command-search-icon {
-    margin-right: var(--control-gap);
+    margin-inline-end: var(--control-gap);
     opacity: 0.5;
   }
 
@@ -545,7 +545,7 @@
 
   .ui-search-input-icon {
     position: absolute;
-    left: var(--search-input-edge-inset);
+    inset-inline-start: var(--search-input-edge-inset);
     top: 50%;
     pointer-events: none;
     transform: translateY(-50%);
@@ -553,13 +553,13 @@
   }
 
   .ui-search-input-control {
-    padding-left: var(--search-input-start-padding);
-    padding-right: var(--search-input-end-padding);
+    padding-inline-start: var(--search-input-start-padding);
+    padding-inline-end: var(--search-input-end-padding);
   }
 
   .ui-search-input-clear {
     position: absolute;
-    right: var(--search-input-edge-inset);
+    inset-inline-end: var(--search-input-edge-inset);
     top: 50%;
     transform: translateY(-50%);
     color: hsl(var(--muted-foreground));
@@ -582,7 +582,7 @@
   display: block;
 }
 .ui-password-input-field {
-  padding-right: 2.5rem;
+  padding-inline-end: 2.5rem;
 }
 .ui-password-input-toggle {
   position: absolute;

package/dist/styles/data-display-layout.css

@@ -80,11 +80,11 @@
   }
 
   .ui-tree-item[data-depth="1"] {
-    margin-left: 1.375rem;
+    margin-inline-start: 1.375rem;
   }
 
   .ui-tree-item[data-depth="2"] {
-    margin-left: 2.75rem;
+    margin-inline-start: 2.75rem;
   }
 
   .ui-tree-item > svg {
@@ -210,7 +210,7 @@
   gap: var(--space-2);
   padding-block: var(--space-4);
   font-weight: 500;
-  text-align: left;
+  text-align: start;
   transition: color 0.15s ease;
 }
 .ui-accordion-trigger:hover {
@@ -295,11 +295,11 @@
 }
 
 .ui-carousel-previous {
-  left: var(--space-2);
+  inset-inline-start: var(--space-2);
 }
 
 .ui-carousel-next {
-  right: var(--space-2);
+  inset-inline-end: var(--space-2);
 }
 
 .ui-carousel-previous:hover,
@@ -375,8 +375,8 @@
 .ui-carousel[data-orientation="vertical"] .ui-carousel-previous,
 .ui-carousel[data-orientation="vertical"] .ui-carousel-next {
   top: auto;
-  left: 50%;
-  right: auto;
+  inset-inline-start: 50%;
+  inset-inline-end: auto;
   transform: translateX(-50%);
 }
 

package/dist/styles/data-entry-layout.css

@@ -63,9 +63,9 @@
     width: 0.9rem;
     height: 0.9rem;
     border-bottom: 1px solid currentColor;
-    border-right: 1px solid currentColor;
+    border-inline-end: 1px solid currentColor;
     transform: rotate(45deg);
-    margin-left: auto;
+    margin-inline-start: auto;
     opacity: 0.7;
   }
 

package/dist/styles/dialog-layout.css

@@ -30,7 +30,7 @@
 
   [data-slot="dialog-content"] {
     position: fixed;
-    left: 50%;
+    inset-inline-start: 50%;
     top: 50%;
     z-index: 50;
     display: grid;

package/dist/styles/form-layout.css

@@ -57,7 +57,7 @@
     ) {
     grid-template-columns: var(--form-label-width, max-content) minmax(0, 1fr);
     align-items: start;
-    column-gap: var(--space-4);
+    column-gap: var(--form-label-gap);
     row-gap: var(--space-stack-xs);
   }
   .ui-form-field[data-collapse-below="false"]:is([data-layout="horizontal"], [data-layout="inline"])
@@ -80,7 +80,7 @@
       ) {
       grid-template-columns: var(--form-label-width, max-content) minmax(0, 1fr);
       align-items: start;
-      column-gap: var(--space-4);
+      column-gap: var(--form-label-gap);
       row-gap: var(--space-stack-xs);
     }
     .ui-form-field[data-collapse-below="sm"]:is([data-layout="horizontal"], [data-layout="inline"])
@@ -104,7 +104,7 @@
       ) {
       grid-template-columns: var(--form-label-width, max-content) minmax(0, 1fr);
       align-items: start;
-      column-gap: var(--space-4);
+      column-gap: var(--form-label-gap);
       row-gap: var(--space-stack-xs);
     }
     .ui-form-field[data-collapse-below="md"]:is([data-layout="horizontal"], [data-layout="inline"])
@@ -128,7 +128,7 @@
       ) {
       grid-template-columns: var(--form-label-width, max-content) minmax(0, 1fr);
       align-items: start;
-      column-gap: var(--space-4);
+      column-gap: var(--form-label-gap);
       row-gap: var(--space-stack-xs);
     }
     .ui-form-field[data-collapse-below="lg"]:is([data-layout="horizontal"], [data-layout="inline"])
@@ -152,7 +152,7 @@
       ) {
       grid-template-columns: var(--form-label-width, max-content) minmax(0, 1fr);
       align-items: start;
-      column-gap: var(--space-4);
+      column-gap: var(--form-label-gap);
       row-gap: var(--space-stack-xs);
     }
     .ui-form-field[data-collapse-below="xl"]:is([data-layout="horizontal"], [data-layout="inline"])

package/dist/styles/index.css

@@ -142,7 +142,7 @@
   :where(select, input)[aria-hidden="true"][tabindex="-1"],
   .sr-only {
     top: 0;
-    left: 0;
+    inset-inline-start: 0;
   }
 
   body {

package/dist/styles/layout.css

@@ -263,8 +263,8 @@
   .ui-page-header,
   .ui-page-body,
   .ui-page-footer {
-    padding-left: var(--space-page-active-x);
-    padding-right: var(--space-page-active-x);
+    padding-inline-start: var(--space-page-active-x);
+    padding-inline-end: var(--space-page-active-x);
   }
 
   .ui-page-container--narrow .ui-page-body {
@@ -273,14 +273,14 @@
 
   /* flush = full-bleed body (DataTable); header/footer keep their inset. */
   .ui-page-container--flush .ui-page-body {
-    padding-left: 0;
-    padding-right: 0;
+    padding-inline-start: 0;
+    padding-inline-end: 0;
   }
 
   .ui-page-container-inset,
   .ui-page-inset {
-    padding-left: var(--space-page-active-x);
-    padding-right: var(--space-page-active-x);
+    padding-inline-start: var(--space-page-active-x);
+    padding-inline-end: var(--space-page-active-x);
   }
 
   .ui-page-container--ghost .ui-page-header {
@@ -312,8 +312,8 @@
     display: flex;
     flex-direction: column;
     gap: var(--space-stack-sm);
-    padding-bottom: var(--space-stack-md);
-    border-bottom: 1px solid hsl(var(--border));
+    padding-bottom: var(--page-header-pad-bottom);
+    border-bottom: var(--page-header-divider);
   }
 
   .ui-page-header-row {
@@ -481,7 +481,7 @@
   }
 
   .ui-pagination-total {
-    margin-right: auto;
+    margin-inline-end: auto;
     color: hsl(var(--muted-foreground));
     font-size: var(--pagination-total-font-size);
   }
@@ -591,7 +591,7 @@
     .ui-toolbar-clear,
     .ui-filter-clear {
       width: auto;
-      margin-left: auto;
+      margin-inline-start: auto;
     }
   }
 

package/dist/styles/navigation-layout.css

@@ -101,7 +101,7 @@
   .ui-context-menu-shortcut,
   .ui-menubar-shortcut {
     margin-inline-start: auto;
-    text-align: right;
+    text-align: end;
     color: hsl(var(--muted-foreground));
     font-size: var(--font-size-xs);
   }
@@ -154,7 +154,7 @@
   .ui-menubar-sub-trigger-icon {
     width: 1rem;
     height: 1rem;
-    margin-left: auto;
+    margin-inline-start: auto;
     opacity: 0.75;
   }
 
@@ -218,14 +218,14 @@
   .ui-navigation-menu-trigger-icon {
     width: 0.9rem;
     height: 0.9rem;
-    margin-left: var(--space-2);
+    margin-inline-start: var(--space-2);
     opacity: 0.7;
   }
 
   .ui-navigation-menu-content {
     position: absolute;
     top: 100%;
-    left: 0;
+    inset-inline-start: 0;
     min-width: 14rem;
     z-index: 50;
     overflow: hidden;
@@ -244,7 +244,7 @@
 
   .ui-navigation-menu-viewport {
     position: absolute;
-    left: 0;
+    inset-inline-start: 0;
     top: 100%;
     width: 100%;
     overflow: hidden;