@godxjp/ui 13.8.0 → 13.9.1

package/dist/form/index.js

@@ -1,4 +1,4 @@
-import { FormField } from '../chunk-IAJOP2Z3.js';
+import { FormField } from '../chunk-LBYSX3VM.js';
 import '../chunk-C3PKEV6S.js';
 import '../chunk-7PWBC4BY.js';
 import { cn } from '../chunk-U7N2A7A3.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-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,5 +1,3 @@
-import './chunk-2H65B4JA.js';
-import './chunk-IMERLXSC.js';
 import './chunk-57VDEN64.js';
 import './chunk-VSUYVT2Q.js';
 import './chunk-65RWSIZF.js';
@@ -11,52 +9,54 @@ import './chunk-ION2KFXK.js';
 import './chunk-3VFNWVR7.js';
 import './chunk-YXVJFYQE.js';
 import './chunk-NU2SOVTU.js';
+import './chunk-2H65B4JA.js';
+import './chunk-5LTW2LWF.js';
 import './chunk-GJXOBDER.js';
-export { Toolbar, ToolbarGroup } from './chunk-HRW7JDUJ.js';
-export { Steps } from './chunk-PL4NEIVO.js';
+export { Toolbar, ToolbarGroup } from './chunk-2RWFDQFE.js';
 import './chunk-B73NA66T.js';
 import './chunk-WGWI7EGL.js';
-export { Pagination } from './chunk-2MRAHKOD.js';
+export { Pagination } from './chunk-SYNDTT2J.js';
+export { Steps } from './chunk-QROC2RMH.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-V3N266PT.js';
-export { PageContainer } from './chunk-YLRCDJMR.js';
+export { PageContainer } from './chunk-7WKODMCZ.js';
 import './chunk-XK3M3VRR.js';
 import './chunk-W4REF4TD.js';
 import './chunk-HL3G4SVG.js';
-import './chunk-LMKUKCTN.js';
+export { Transfer } from './chunk-R4AB4S3E.js';
+export { TreeSelect } from './chunk-5YYENG2T.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-O6BVMDW4.js';
+import './chunk-TBJBVEIP.js';
+export { Cascader } from './chunk-OLOXW652.js';
+import './chunk-SMLKNECP.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 { 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-TBJBVEIP.js';
-export { Cascader } from './chunk-L6NMIUKC.js';
-import './chunk-SMLKNECP.js';
-import './chunk-3R3QVJCB.js';
+export { Toaster } from './chunk-TO7URV7U.js';
+import './chunk-LMKUKCTN.js';
+export { SearchInput } from './chunk-IESBK6XZ.js';
+import './chunk-LCVXUCMB.js';
+import './chunk-2RGPEFAW.js';
 import './chunk-K24AQV4R.js';
-export { DataTable, Descriptions } from './chunk-FLY23H4G.js';
+export { DataTable, Descriptions } from './chunk-CXTSEQ6R.js';
 import './chunk-DV52WNXO.js';
 export { EmptyState } from './chunk-YD7V2HGZ.js';
-export { Flex } from './chunk-INIIF7F7.js';
 import './chunk-BE6GJGKJ.js';
 export { Field } from './chunk-44YRPSZ7.js';
+import './chunk-IJ5ALJGA.js';
+export { Flex } from './chunk-INIIF7F7.js';
 import './chunk-XBFUROAY.js';
 export { Badge } from './chunk-HIEGUYPP.js';
-import './chunk-DY5C44UP.js';
-import './chunk-3KPEZ5CF.js';
-import './chunk-IJ5ALJGA.js';
 import './chunk-B4K4BXEF.js';
-export { FormField } from './chunk-IAJOP2Z3.js';
-import './chunk-C3PKEV6S.js';
-import './chunk-7PWBC4BY.js';
+import './chunk-DY5C44UP.js';
+import './chunk-J2DEWIYY.js';
 import './chunk-B6S6LTWT.js';
 export { formatDate } from './chunk-5732TWQF.js';
+export { FormField } from './chunk-LBYSX3VM.js';
+import './chunk-C3PKEV6S.js';
+import './chunk-7PWBC4BY.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

@@ -12,7 +12,7 @@
     border-radius: var(--radius-md);
     border-width: 1px;
     padding: var(--alert-space-inset);
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 
   [data-slot="alert"][data-tone="default"],
@@ -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"] {
@@ -97,7 +97,7 @@
   }
 
   [data-slot="alert-title"] {
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     font-weight: var(--font-weight-medium);
     line-height: 1;
   }
@@ -120,7 +120,7 @@
 
   [data-slot="alert-description"] {
     margin-top: var(--space-1);
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     color: hsl(var(--muted-foreground));
     overflow-wrap: break-word;
   }
@@ -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/badge-layout.css

@@ -14,7 +14,7 @@
     padding: var(--badge-space-y) var(--badge-space-x);
     border-radius: var(--radius-md);
     border-width: 1px;
-    font-size: var(--font-size-xs);
+    font-size: var(--badge-font-size);
     font-weight: var(--font-weight-medium);
     /* A status chip must read as one unit — never wrap its label across lines,
      * especially inside narrow table cells. */

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

@@ -10,7 +10,7 @@
     gap: var(--space-inline-xs);
     border-radius: var(--radius-md);
     color: hsl(var(--foreground));
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     font-weight: var(--font-weight-medium);
     transition:
       background-color 150ms ease,
@@ -151,7 +151,7 @@
   .ui-button--default-size {
     height: var(--control-height);
     padding-inline: var(--control-padding-x);
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 
   .ui-button--sm {
@@ -179,7 +179,7 @@
   .ui-button--lg {
     height: var(--control-height-lg);
     padding-inline: var(--space-8);
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 
   .ui-button--icon {
@@ -190,15 +190,15 @@
 
   .ui-control {
     height: var(--control-height);
-    padding-left: var(--control-padding-x);
-    padding-right: var(--control-padding-x);
-    font-size: var(--font-size-sm);
+    padding-inline-start: var(--control-padding-x);
+    padding-inline-end: var(--control-padding-x);
+    font-size: var(--font-size-base);
   }
 
   .ui-control-multiline {
     min-height: calc(var(--control-height) * 2.75);
     padding: var(--space-2) var(--control-padding-x);
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 
   .ui-table-row {
@@ -241,7 +241,7 @@
 
   .ui-choice-label {
     cursor: pointer;
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     font-weight: var(--font-weight-normal);
   }
 
@@ -453,7 +453,7 @@
   }
 
   .ui-command-search-icon {
-    margin-right: var(--control-gap);
+    margin-inline-end: var(--control-gap);
     opacity: 0.5;
   }
 
@@ -467,7 +467,7 @@
     box-shadow: none;
     outline: none;
     color: hsl(var(--foreground));
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 
   .ui-command-input::placeholder {
@@ -488,7 +488,7 @@
   .ui-command-empty {
     padding-block: var(--space-6);
     text-align: center;
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 
   .ui-command-group {
@@ -512,7 +512,7 @@
     align-items: center;
     border-radius: calc(var(--control-radius) - 2px);
     padding: var(--command-item-padding-y) var(--command-item-padding-x);
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     outline: none;
   }
 
@@ -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;
@@ -625,7 +625,7 @@
   height: var(--control-height);
   align-items: center;
   justify-content: center;
-  font-size: var(--font-size-sm);
+  font-size: var(--font-size-base);
   border: 1px solid hsl(var(--border));
   border-inline-start-width: 0;
   background: hsl(var(--background));
@@ -788,7 +788,7 @@
   border: 0;
   outline: none;
   background: transparent;
-  font-size: var(--font-size-sm);
+  font-size: var(--font-size-base);
   color: inherit;
 }
 
@@ -822,7 +822,7 @@
   display: inline-flex;
   align-items: center;
   color: hsl(var(--muted-foreground));
-  font-size: var(--font-size-sm);
+  font-size: var(--font-size-base);
   pointer-events: none;
 }
 .ui-number-input-affix:first-of-type {

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

@@ -11,7 +11,7 @@
     border-radius: var(--radius-pill);
     background: hsl(var(--muted));
     color: hsl(var(--muted-foreground));
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     font-weight: var(--font-weight-medium);
   }
 
@@ -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 {
@@ -191,7 +191,7 @@
 
   .ui-timeline-note {
     margin-top: var(--space-1);
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 }
 
@@ -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 {
@@ -239,7 +239,7 @@
 }
 .ui-accordion-content {
   overflow: hidden;
-  font-size: var(--font-size-sm);
+  font-size: var(--font-size-base);
 }
 .ui-accordion-content-inner {
   padding-bottom: var(--space-4);
@@ -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

@@ -37,7 +37,7 @@
     border-radius: var(--radius-sm);
     padding-inline: var(--space-2);
     padding-block: var(--space-2);
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     outline: none;
   }
 
@@ -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;
   }
 
@@ -77,7 +77,7 @@
     background: hsl(var(--background));
     padding-inline: var(--space-3);
     padding-block: 0;
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     color: hsl(var(--foreground));
     outline: none;
   }
@@ -129,7 +129,7 @@
 
   .ui-password-strength-label {
     color: hsl(var(--foreground));
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     font-weight: var(--font-weight-medium);
   }
 

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;
@@ -125,7 +125,7 @@
   }
 
   [data-slot="dialog-description"] {
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     color: hsl(var(--muted-foreground));
   }
 }

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 {
@@ -354,7 +354,7 @@
   }
 
   .ui-page-subtitle {
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     color: hsl(var(--muted-foreground));
     margin-top: var(--space-1);
   }
@@ -451,7 +451,7 @@
   }
 
   .ui-empty-state-description {
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     color: hsl(var(--muted-foreground));
     max-width: 28rem;
   }
@@ -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;
     }
   }