@godxjp/ui 13.8.0 → 13.9.0

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-d1g8eW9z.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, E as collectUploadCommitActions, G as createUploadItem } from './data-entry.prop-C9QWj5Kl.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-IMERLXSC.js';
-import './chunk-57VDEN64.js';
+import './chunk-5LTW2LWF.js';
+import './chunk-7PBKPDBJ.js';
 import './chunk-VSUYVT2Q.js';
-import './chunk-65RWSIZF.js';
+import './chunk-R2TXLS7S.js';
+import './chunk-2JOJYHG2.js';
 import './chunk-S2IJKT3D.js';
 import './chunk-I7NQ2LIL.js';
 import './chunk-Q3KUZG4P.js';
-import './chunk-R2TXLS7S.js';
-import './chunk-ION2KFXK.js';
-import './chunk-3VFNWVR7.js';
-import './chunk-YXVJFYQE.js';
-import './chunk-NU2SOVTU.js';
 import './chunk-GJXOBDER.js';
-export { Toolbar, ToolbarGroup } from './chunk-HRW7JDUJ.js';
-export { Steps } from './chunk-PL4NEIVO.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-2MRAHKOD.js';
+export { Pagination } from './chunk-UT6DAJUL.js';
+export { Steps } from './chunk-QROC2RMH.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-V3N266PT.js';
-export { PageContainer } from './chunk-YLRCDJMR.js';
-import './chunk-XK3M3VRR.js';
-import './chunk-W4REF4TD.js';
 import './chunk-HL3G4SVG.js';
 import './chunk-LMKUKCTN.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-D4JX6O2W.js';
-export { Transfer } from './chunk-QE4IYHJU.js';
-export { TreeSelect } from './chunk-A3J2G2ZA.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-4SSJ54R2.js';
-export { SearchInput } from './chunk-LVLPNKJP.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-I5D4QYZI.js';
+export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-N2WBUCVY.js';
 import './chunk-VU4GFGDG.js';
-import './chunk-BJTNKNMY.js';
+import './chunk-DBVZ73ML.js';
 import './chunk-TBJBVEIP.js';
-export { Cascader } from './chunk-L6NMIUKC.js';
+export { Cascader } from './chunk-KZ7ZDNUN.js';
 import './chunk-SMLKNECP.js';
-import './chunk-3R3QVJCB.js';
-import './chunk-K24AQV4R.js';
-export { DataTable, Descriptions } from './chunk-FLY23H4G.js';
-import './chunk-DV52WNXO.js';
-export { EmptyState } from './chunk-YD7V2HGZ.js';
-export { Flex } from './chunk-INIIF7F7.js';
+import './chunk-J2DEWIYY.js';
 import './chunk-BE6GJGKJ.js';
 export { Field } from './chunk-44YRPSZ7.js';
-import './chunk-XBFUROAY.js';
-export { Badge } from './chunk-HIEGUYPP.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-XBFUROAY.js';
 import './chunk-B4K4BXEF.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-B6S6LTWT.js';
-export { formatDate } from './chunk-5732TWQF.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/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, 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-C9QWj5Kl.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, 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-C9QWj5Kl.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-B775Y6BE.js';
 import '../chunk-ZT5UEUBO.js';
+import '../chunk-B775Y6BE.js';
 export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-4FGE5XVC.js';

package/dist/{search-input-d1g8eW9z.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-C9QWj5Kl.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/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 {
@@ -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;

package/dist/styles/shell-layout.css

@@ -28,7 +28,7 @@
     min-width: 0;
     flex-direction: column;
     overflow: hidden;
-    border-right: 1px solid hsl(var(--border));
+    border-inline-end: 1px solid hsl(var(--border));
     background: hsl(var(--card));
     color: hsl(var(--foreground));
   }
@@ -137,7 +137,7 @@
     background: transparent;
     color: inherit;
     font-family: inherit;
-    text-align: left;
+    text-align: start;
   }
 
   .sb-product {
@@ -241,7 +241,7 @@
     cursor: pointer;
     font-family: inherit;
     font-size: var(--font-size-sm);
-    text-align: left;
+    text-align: start;
   }
 
   .sb-nav-item:hover,
@@ -297,7 +297,7 @@
 
   /* Collapsible group trigger chevron (rotates when open). */
   .sb-nav-group-trigger .sb-chevron {
-    margin-left: auto;
+    margin-inline-start: auto;
     flex: 0 0 auto;
     opacity: 0.6;
     transition: transform 150ms ease;
@@ -314,8 +314,8 @@
     flex-direction: column;
     gap: 2px;
     margin: 2px 0 var(--space-1) calc(var(--space-2) + 0.6875rem);
-    padding-left: var(--space-3);
-    border-left: 1px solid hsl(var(--border));
+    padding-inline-start: var(--space-3);
+    border-inline-start: 1px solid hsl(var(--border));
   }
 
   .sb-nav-item--sub {
@@ -383,7 +383,7 @@
     color: inherit;
     cursor: pointer;
     font-family: inherit;
-    text-align: left;
+    text-align: start;
   }
 
   .sb-user:hover,
@@ -416,7 +416,7 @@
 
   .sb-user-live {
     position: absolute;
-    right: -1px;
+    inset-inline-end: -1px;
     bottom: -1px;
     width: 0.5625rem;
     height: 0.5625rem;
@@ -572,7 +572,7 @@
   .kbd {
     display: inline-flex;
     align-items: center;
-    margin-left: auto;
+    margin-inline-start: auto;
     padding: 1px 5px;
     border: 1px solid hsl(var(--border));
     border-bottom-width: 2px;
@@ -617,7 +617,7 @@
   .tb-bell-dot {
     position: absolute;
     top: 0.35rem;
-    right: 0.35rem;
+    inset-inline-end: 0.35rem;
     width: 0.375rem;
     height: 0.375rem;
     border-radius: var(--radius-pill);

package/dist/styles/table-layout.css

@@ -6,7 +6,7 @@
   [data-slot="table-head"] {
     height: var(--table-row-height);
     padding: var(--table-cell-padding-y) var(--table-cell-space-x);
-    text-align: left;
+    text-align: start;
     vertical-align: middle;
     background: hsl(var(--secondary));
     font-size: var(--font-size-xs);
@@ -16,7 +16,7 @@
   }
 
   [data-slot="table-head"]:has([role="checkbox"]) {
-    padding-right: 0;
+    padding-inline-end: 0;
   }
 
   /* A column with an empty header (icon / action column) shouldn't paint the
@@ -37,7 +37,7 @@
   }
 
   [data-slot="table-cell"]:has([role="checkbox"]) {
-    padding-right: 0;
+    padding-inline-end: 0;
   }
 
   .ui-data-table-toolbar {
@@ -125,7 +125,7 @@
     content: "";
     position: absolute;
     top: 0;
-    right: var(--space-page-active-x);
+    inset-inline-end: var(--space-page-active-x);
     bottom: 0;
     z-index: 20;
     width: 1.75rem;
@@ -139,7 +139,7 @@
   }
 
   [data-slot="card-content"][data-flush] .ui-data-table-scroll::after {
-    right: 0;
+    inset-inline-end: 0;
   }
 
   [data-slot="card-content"][data-flush] .ui-data-table-surface {
@@ -154,7 +154,7 @@
     }
 
     .ui-data-table-scroll::after {
-      right: 0;
+      inset-inline-end: 0;
     }
   }
 }

package/dist/tokens/components/card.css

@@ -15,6 +15,10 @@
   --card-border: var(--border);
   --card-header-background: var(--muted);
   --card-header-background-alpha: 0.55;
+  /* Banded-header divider — tokenised (rule #44) so a service theme can make it
+   * dashed / heavier / none without forking CSS. Pair with
+   * --card-header-background-alpha: 0 for a quiet borderless-band header. */
+  --card-header-border-bottom: 1px solid hsl(var(--card-border));
   --card-radius: var(--radius);
   --stat-card-label-font-size: var(--font-size-xs);
   --stat-card-label-font-weight: var(--font-weight-medium);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "13.8.0",
+  "version": "13.9.0",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,
@@ -266,14 +266,15 @@
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "check:example-imports": "node scripts/check-example-imports.mjs",
-    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
-    "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:mcp-prop-sync && pnpm test",
+    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
+    "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:mcp-prop-sync && pnpm test",
     "check:mcp-sync": "node scripts/check-mcp-sync.mjs",
     "check:mcp-orphans": "node scripts/check-mcp-orphans.mjs",
     "check:mcp-prop-sync": "node scripts/check-mcp-prop-sync.mjs",
     "check:prop-vocabulary": "node scripts/check-prop-vocabulary.mjs",
     "check:token-tiers": "node scripts/check-token-tiers.mjs",
     "check:control-sizing": "node scripts/check-control-sizing.mjs",
+    "check:rtl": "node scripts/check-rtl.mjs",
     "check:core-isolation": "node scripts/check-core-isolation.mjs",
     "release": "node scripts/release.mjs",
     "preview": "node preview/scripts/kill-port.mjs && vite --config preview/vite.config.ts --port 6008 --strictPort",