@godxjp/ui 27.0.0 → 27.3.1

package/dist/props/components/data-entry.prop.d.ts

@@ -114,6 +114,16 @@ export type ControlCountProp = {
     strategy?: (value: string) => number;
 };
 /** @see Input */
+/** `Command` — the library's own knob; cmdk's root props pass through untouched beside it. */
+export type CommandProp = {
+    /**
+     * antd `List` `split`: draw the list as ONE ruled box — group padding 0, rows full-bleed to the
+     * panel edge with a square highlight, a hairline `border-block-end` between rows and none after
+     * the last visible one. For option / checkbox lists (filter facets, pickers). Default `false`:
+     * a command palette keeps its airy, inset rows.
+     */
+    split?: boolean;
+};
 export type InputProp = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
     onValueChange?: (value: string) => void;
     /** Control height tier: `md` (default), `sm` or `lg` — the same tiers as SelectTrigger. */

package/dist/props/components/feedback.prop.d.ts

@@ -16,7 +16,13 @@ export type DialogProp = {
     defaultOpen?: DefaultOpenProp;
     onOpenChange?: OnOpenChangeProp;
     variant?: ConfirmVariantProp;
-    /** Kept from Radix. RAC's `Modal` always locks scroll, so `false` no longer turns that off. */
+    /**
+     * `false` renders a NON-MODAL dialog (allowed by WAI-ARIA APG, Dialog (Modal) pattern): the page
+     * behind stays interactive and in the accessibility tree, no scroll lock, no scrim, an outside
+     * press does not close it, no `aria-modal`. Focus moves in on open, Tab can leave, Escape closes
+     * while focus is inside, focus returns to the trigger. Ignored (dev warning) for
+     * `variant="destructive"` — an alertdialog is always modal. Default `true`.
+     */
     modal?: boolean;
     children?: ChildrenProp;
 };

package/dist/props/components/form.prop.d.ts

@@ -58,6 +58,18 @@ export type FormRootProp<TFieldValues extends FieldValues> = {
      * render a form-level error instead.
      */
     onSubmitError?: (error: unknown) => void;
+    /**
+     * The form-level banner shown when `onSubmit` rejects. Default: the localized
+     * `dataEntry.form.submitFailed` text. A node replaces that text; `false` never shows the banner.
+     *
+     * The banner is skipped by default for a validation rejection (`classifyQueryError` category
+     * `"validation"`: 400/422) once the `errors` bag holds at least one message — a field or
+     * `<FormErrors />` already shows it (antd shows field errors, not a form banner) — and stays
+     * skipped for that failure if the app later clears the bag. A validation rejection with an empty
+     * or message-less bag, and every other rejection (5xx, network, unknown), shows it. Errors mapped with react-hook-form `setError` instead of `errors` are not detected —
+     * pass `false` there.
+     */
+    submitFailedMessage?: React.ReactNode | false;
     /**
      * A native `<Button type="reset">` inside the form restores `defaultValues` (adapter path:
      * `adapter.reset()`); this runs afterwards for any extra app state (a status banner, a step).
@@ -105,7 +117,12 @@ export type FormRootProp<TFieldValues extends FieldValues> = {
 /** @see FormFieldControl */
 export type FormFieldControlProp<TFieldValues extends FieldValues> = Pick<import("./data-entry.prop.js").FormFieldProp, "id" | "field" | "labelAddon" | "layout" | "labelWidth" | "controlWidth" | "colSpan"> & {
     name: FieldPath<TFieldValues>;
-    label: LabelProp;
+    /**
+     * Field label. Optional (antd `Form.Item`): omitted, the field renders NO label row and reserves
+     * no space for one — the boolean-field shape, where the control carries its own inline label
+     * (`valuePropName="checked"` + `<Checkbox {...field}>label</Checkbox>`).
+     */
+    label?: LabelProp;
     required?: RequiredProp;
     helper?: HelperProp;
     /**
@@ -152,6 +169,12 @@ export type FormFieldControlProp<TFieldValues extends FieldValues> = Pick<import
      */
     preserve?: boolean;
     className?: string;
+} & ({
+    /**
+     * Which prop of the control carries the value (antd `valuePropName`). Default `"value"`: the
+     * render prop receives `value` / `onChange` / `onValueChange`.
+     */
+    valuePropName?: "value";
     children: (field: {
         id: string;
         name: string;
@@ -159,11 +182,37 @@ export type FormFieldControlProp<TFieldValues extends FieldValues> = Pick<import
         onChange: (...args: unknown[]) => void;
         onValueChange: (...args: unknown[]) => void;
         onBlur: () => void;
-        ref: React.Ref<HTMLInputElement>;
+        /**
+         * Callback ref typed on `HTMLElement`, so `{...field}` spreads onto every godx-ui control
+         * (Input, Textarea, Select, NumberInput, DatePicker) with no cast. react-hook-form only needs
+         * `focus()` on it to focus the first invalid field.
+         */
+        ref: React.RefCallback<HTMLElement>;
         /** Present (and `true`) only when the field is disabled, so `{...field}` never re-enables a control. */
         disabled?: DisabledProp;
     }) => React.ReactNode;
-};
+} | {
+    /**
+     * `"checked"` (antd `valuePropName="checked"`) — a boolean field. The render prop receives
+     * `checked` / `onCheckedChange` instead of `value` / `onChange`, so
+     * `{(field) => <Checkbox {...field}>label</Checkbox>}` (or `<Switch {...field} />`) needs no
+     * wiring. The stored value is always a boolean: `"indeterminate"` and any non-`true` payload
+     * store `false`.
+     */
+    valuePropName: "checked";
+    children: (field: {
+        id: string;
+        name: string;
+        /** `true` only when the stored value is exactly `true`. */
+        checked: boolean;
+        onCheckedChange: (checked: boolean | "indeterminate") => void;
+        onBlur: () => void;
+        /** Same callback ref as the `"value"` bag — spreads onto `Checkbox` / `Switch` with no cast. */
+        ref: React.RefCallback<HTMLElement>;
+        /** Present (and `true`) only when the field is disabled, so `{...field}` never re-enables a control. */
+        disabled?: DisabledProp;
+    }) => React.ReactNode;
+});
 /**
  * @see FormFieldArray — dynamic repeating fields (antd `Form.List`) on react-hook-form's
  * `useFieldArray`. `name` is the array field; each row hands back the dotted path prefix to build

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

@@ -1,6 +1,6 @@
 export type { AppLauncherApp, AppLauncherGroup, AppLauncherLabels, AppLauncherProp, AppShellProp, AuthFooterProp, AuthIdentityProp, OrgSwitcherLabels, OrgSwitcherOrganization, OrgSwitcherProp, DragAxisProp, DragBoundsProp, DraggablePanelLabels, DraggablePanelPlacementProp, DraggablePanelPositionProp, DraggablePanelProp, PageContainerProp, PageInsetProp, SidebarItemProp, SidebarProductProp, SidebarProp, SidebarSectionProp, TopbarProp, } from "./layout.prop.js";
 export type { ButtonProp } from "./general.prop.js";
-export type { InputProp, TextareaProp, FormFieldProp, SearchInputProp, CheckboxProp, CheckboxGroupProp, ChoiceOptionProp, RadioProp, RadioGroupProp, SwitchProp, SliderProp, CalendarProp, DatePickerProp, TimePickerProp, ColorPickerProp, UploadProp, UploadFileItemProp, UploadVariantProp, TreeOptionProp, TreeFieldNamesProp, CascaderProp, TreeSelectProp, ShowCheckedStrategyProp, TransferProp, TransferItemProp, } from "./data-entry.prop.js";
+export type { CommandProp, InputProp, TextareaProp, FormFieldProp, SearchInputProp, CheckboxProp, CheckboxGroupProp, ChoiceOptionProp, RadioProp, RadioGroupProp, SwitchProp, SliderProp, CalendarProp, DatePickerProp, TimePickerProp, ColorPickerProp, UploadProp, UploadFileItemProp, UploadVariantProp, TreeOptionProp, TreeFieldNamesProp, CascaderProp, TreeSelectProp, ShowCheckedStrategyProp, TransferProp, TransferItemProp, } from "./data-entry.prop.js";
 export type { AvatarProp, EmptyStateProp, DescriptionsProp, DescriptionsItemProp, BadgeProp, DataTableProp, QrCodeProp, } from "./data-display.prop.js";
 export type { ChartDatum, ChartSeriesProp, LineChartProp, BarChartProp, AreaChartProp, PieChartProp, } from "./charts.prop.js";
 export type { AlertQueryErrorProp, AlertProp, DialogProp, DialogContentProp, AlertTitleProp, AlertContentProp, AlertDescriptionProp, AlertActionsProp, SheetResponsiveProp, SkeletonRowsProp, } from "./feedback.prop.js";

package/dist/props/components/layout.prop.d.ts

@@ -266,6 +266,13 @@ export type ResponsiveGridColumnsProp = number | {
  */
 export type ResponsiveGridFlowProp = "rows" | "columns";
 export type ResponsiveGridPresetProp = "pricing-plans";
+/**
+ * Block-axis alignment of the cells in each grid row — antd `Row align`, spelled with Flex's
+ * `FlexAlignProp` values (antd `top` → `start`; `stretch` is the same word). `stretch` gives every
+ * cell the height of the tallest one, so an empty Kanban lane is still a full-height drop zone.
+ * Omitted, each flow keeps its own alignment: `columns` → `start`, `rows` → the grid's stretch.
+ */
+export type ResponsiveGridAlignProp = Extract<FlexAlignProp, "start" | "stretch">;
 export type MasterDetailRailWidthProp = "narrow" | "compact" | "standard" | "wide";
 export type MasterDetailRailProp = "master" | "detail";
 /**

package/dist/props/registry.d.ts

@@ -352,7 +352,12 @@ export declare const VOCABULARY_REGISTRY: {
     readonly TablePaginationProp: {
         readonly file: "vocabulary/data.prop.ts";
         readonly category: "data";
-        readonly description: "DataTable pagination object surface — 1-based current | pageSize | total | pageSizeOptions | showSizeChanger | onChange (antd TablePaginationConfig); `false` hides the pager";
+        readonly description: "DataTable pagination object surface — 1-based current | pageSize | total | pageSizeOptions | showSizeChanger | showTotal | position | onChange (antd TablePaginationConfig); `false` hides the pager. Without a composed DataTable.Pagination the table renders its own Pagination footer (total + page numbers, density-sized); total > data.length ≤ pageSize reads as server paging";
+    };
+    readonly TablePaginationPositionProp: {
+        readonly file: "vocabulary/data.prop.ts";
+        readonly category: "data";
+        readonly description: "DataTable pagination footer position (antd TablePaginationPosition, logical) — topStart | topCenter | topEnd | bottomStart | bottomCenter | bottomEnd (default) | none";
     };
     readonly TableCellIndentProp: {
         readonly file: "vocabulary/data.prop.ts";
@@ -799,6 +804,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/layout.prop.ts";
         readonly vocabulary: readonly [];
     };
+    readonly ResponsiveGridAlignProp: {
+        readonly group: "layout";
+        readonly file: "components/layout.prop.ts";
+        readonly vocabulary: readonly [];
+    };
     readonly MasterDetailRailWidthProp: {
         readonly group: "layout";
         readonly file: "components/layout.prop.ts";
@@ -1322,6 +1332,15 @@ export declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/data-entry.prop.ts";
         readonly vocabulary: readonly ["PlaceholderProp", "ValueProp", "DisabledProp"];
     };
+    readonly CommandProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "split";
+            readonly local: true;
+            readonly reason: "antd List `split` — ruled-list presentation (row dividers, 0 list padding) for option/checkbox lists; the rest of the root API is cmdk's (gh#699).";
+        }];
+    };
     readonly TextareaProp: {
         readonly group: "data-entry";
         readonly file: "components/data-entry.prop.ts";
@@ -1686,7 +1705,7 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly DataTableProp: {
         readonly group: "data-display";
         readonly file: "components/data-display.prop.ts";
-        readonly vocabulary: readonly ["ColumnDefProp", "DensityProp", "SortStateProp", "SelectedIdsProp", "GetRowLabelProp", "HandlerProp", "TablePresetProp", "TableColumnPriorityProp", "BreakpointProp", "ColumnFixedProp", "ColumnFilterItemProp", "ColumnFilterStateProp", "ColumnSorterProp", "TableRowSelectionProp", "TableExpandableProp", "TableSummaryProp", "TableScrollProp", "TableStickyProp", "OnRowProp", "TablePaginationProp", "SortDirectionProp", "OnColumnFilterChangeProp"];
+        readonly vocabulary: readonly ["ColumnDefProp", "DensityProp", "SortStateProp", "SelectedIdsProp", "GetRowLabelProp", "HandlerProp", "TablePresetProp", "TableColumnPriorityProp", "BreakpointProp", "ColumnFixedProp", "ColumnFilterItemProp", "ColumnFilterStateProp", "ColumnSorterProp", "TableRowSelectionProp", "TableExpandableProp", "TableSummaryProp", "TableScrollProp", "TableStickyProp", "OnRowProp", "TablePaginationProp", "TablePaginationPositionProp", "SortDirectionProp", "OnColumnFilterChangeProp"];
     };
     readonly ListRowDensityProp: {
         readonly group: "data-display";
@@ -2883,7 +2902,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
         readonly vocabulary: readonly ["LabelProp", {
             readonly field: "columns";
             readonly local: true;
-            readonly reason: "Labels and positive numeric unit counts define a consumer-supplied axis.";
+            readonly reason: "Labels, positive numeric unit counts and an optional muted flag (non-working period) define a consumer-supplied axis.";
+        }, {
+            readonly field: "bordered";
+            readonly local: true;
+            readonly reason: "Rules the body as a grid (row rules, header rule, a vertical rule per column); default true, same name and default as Calendar bordered.";
         }, {
             readonly field: "bands";
             readonly local: true;

package/dist/props/registry.js

@@ -350,7 +350,12 @@ const VOCABULARY_REGISTRY = {
   TablePaginationProp: {
     file: "vocabulary/data.prop.ts",
     category: "data",
-    description: "DataTable pagination object surface \u2014 1-based current | pageSize | total | pageSizeOptions | showSizeChanger | onChange (antd TablePaginationConfig); `false` hides the pager"
+    description: "DataTable pagination object surface \u2014 1-based current | pageSize | total | pageSizeOptions | showSizeChanger | showTotal | position | onChange (antd TablePaginationConfig); `false` hides the pager. Without a composed DataTable.Pagination the table renders its own Pagination footer (total + page numbers, density-sized); total > data.length \u2264 pageSize reads as server paging"
+  },
+  TablePaginationPositionProp: {
+    file: "vocabulary/data.prop.ts",
+    category: "data",
+    description: "DataTable pagination footer position (antd TablePaginationPosition, logical) \u2014 topStart | topCenter | topEnd | bottomStart | bottomCenter | bottomEnd (default) | none"
   },
   TableCellIndentProp: {
     file: "vocabulary/data.prop.ts",
@@ -794,6 +799,7 @@ const COMPONENT_PROP_REGISTRY = {
   ResponsiveGridFlowProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: [] },
   ResponsiveGridColumnsProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: [] },
   ResponsiveGridPresetProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: [] },
+  ResponsiveGridAlignProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: [] },
   MasterDetailRailWidthProp: {
     group: "layout",
     file: "components/layout.prop.ts",
@@ -1499,6 +1505,17 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/data-entry.prop.ts",
     vocabulary: ["PlaceholderProp", "ValueProp", "DisabledProp"]
   },
+  CommandProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      {
+        field: "split",
+        local: true,
+        reason: "antd List `split` \u2014 ruled-list presentation (row dividers, 0 list padding) for option/checkbox lists; the rest of the root API is cmdk's (gh#699)."
+      }
+    ]
+  },
   TextareaProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
@@ -2045,6 +2062,7 @@ const COMPONENT_PROP_REGISTRY = {
       "TableStickyProp",
       "OnRowProp",
       "TablePaginationProp",
+      "TablePaginationPositionProp",
       "SortDirectionProp",
       "OnColumnFilterChangeProp"
     ]
@@ -3385,7 +3403,12 @@ const COMPONENT_PROP_REGISTRY = {
       {
         field: "columns",
         local: true,
-        reason: "Labels and positive numeric unit counts define a consumer-supplied axis."
+        reason: "Labels, positive numeric unit counts and an optional muted flag (non-working period) define a consumer-supplied axis."
+      },
+      {
+        field: "bordered",
+        local: true,
+        reason: "Rules the body as a grid (row rules, header rule, a vertical rule per column); default true, same name and default as Calendar bordered."
       },
       {
         field: "bands",

package/dist/props/vocabulary/data.prop.d.ts

@@ -265,18 +265,44 @@ export type OnRowProp<T> = (row: T, index: number) => (React.HTMLAttributes<HTML
  * Pagination object surface (antd `TablePaginationConfig`). 1-BASED `current`, like antd — the
  * TanStack-shaped `{ pageIndex, pageSize }` form the prop already accepted is still accepted and
  * is told apart by its `pageIndex` field. `false` hides the pager entirely.
+ *
+ * Given WITHOUT a composed `<DataTable.Pagination>`, the table renders its own antd footer: the
+ * real `Pagination` (total + page numbers) at `position`, sized from the table's `density`.
+ * A composed `<DataTable.Pagination>` keeps its own footer and wins — never two pagers.
  */
 export type TablePaginationProp = {
     /** 1-based current page. */
     current?: number;
     pageSize?: number;
-    /** Total row count on the server — drives the page count under manual pagination. */
+    /**
+     * Total row count on the server — drives the page count. As in antd, a `total` larger than
+     * `data.length` with no more than `pageSize` rows is read as SERVER paging: `data` is the current
+     * page, shown as is, and the footer offers `ceil(total / pageSize)` pages.
+     */
     total?: number;
     pageSizeOptions?: number[];
     /** Default `true`. `false` drops the rows-per-page select. */
     showSizeChanger?: boolean;
+    /** antd `showTotal` — `true` for the localized total label, or a `(total, range)` render. */
+    showTotal?: boolean | ((total: number, range: [number, number]) => React.ReactNode);
+    /**
+     * antd `hideOnSinglePage`, whose antd default is `false` — and that default is kept HERE, in the
+     * table footer, although the standalone `Pagination` defaults it to `true` (gh#711). A list
+     * screen's footer carries the total and the rows-per-page select, so hiding it on the last page
+     * of a shrinking filter makes the row count disappear exactly when the user is checking it.
+     */
+    hideOnSinglePage?: boolean;
+    /** antd `position`, logical spelling. Default `["bottomEnd"]` (antd `bottomRight`). */
+    position?: TablePaginationPositionProp[];
     onChange?: (page: number, pageSize: number) => void;
 };
+/**
+ * Where DataTable's own pagination footer sits (antd `TablePaginationPosition`). antd's physical
+ * `topLeft` / `bottomRight` become `topStart` / `bottomEnd` here — the same logical respelling as
+ * `DropdownMenuPlacementProp` — so an RTL table puts the pager on its reading end with no second
+ * value. `none` renders no footer while the pagination state stays live.
+ */
+export type TablePaginationPositionProp = "topStart" | "topCenter" | "topEnd" | "bottomStart" | "bottomCenter" | "bottomEnd" | "none";
 /**
  * Descriptions column count (antd `column`). A plain number keeps this library's own mobile-first
  * ladder; the `{ sm, md, lg, xl }` object is antd's responsive form, expressed against this

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

@@ -4,4 +4,4 @@ export type { TitleProp, SubtitleProp, StatusProp, DescriptionProp, ExtraProp, F
 export type { PageDensityProp, PageContainerVariantProp, CenteredShellWidthProp, CenteredShellAlignProp, CenteredShellPresetProp, ErrorSurfaceModeProp, ErrorSurfaceStatusProp, AuthShellPresetProp, MobileShellHeightProp, MobileShellWidthProp, OrientationProp, TableDensityProp, DensityProp, GapNameProp, PadProp, PadRawProp, PadSides, GapProp, GapStepProp, } from "./layout.prop.js";
 export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, AppSettingPickerAppearanceProp, AppSettingToggleAppearanceProp, ShapeProp, AvatarShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, TextAlignProp, TextWhitespaceProp, TypographyTypeProp, TitleLevelProp, TypographyCopyConfigProp, TypographyEditConfigProp, TypographyEllipsisConfigProp, TypographyActionsConfigProp, SizeProp, ControlStatusProp, ControlVariantProp, FormLayoutProp, DescriptionsLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, SortDirectionProp, ColumnAlignProp, SortStateProp, RevealDelayProp, ActivityVariantProp, ActivityAnnounceProp, } from "./interaction.prop.js";
 export type { BreadcrumbItemProp, BreadcrumbProp, BreadcrumbItemMenuProp, BreadcrumbItemMenuEntryProp, BreadcrumbSeparatorProp, BreadcrumbItemRenderProp, } from "./navigation.prop.js";
-export type { GetRowIdProp, GetRowLabelProp, OnRowClickProp, ColumnDefProp, TablePresetProp, TableColumnPriorityProp, TableCellIndentProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, TableRowToneProp, RowToneProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, StickyProp, ColumnFixedProp, ColumnFilterValueProp, ColumnFilterItemProp, ColumnFilterStateProp, OnColumnFilterChangeProp, ColumnCompareProp, ColumnSorterProp, TableSelectionItemProp, TableRowSelectionProp, TableExpandableProp, TableSummaryProp, TableScrollProp, TableStickyProp, OnRowProp, TablePaginationProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, } from "./data.prop.js";
+export type { GetRowIdProp, GetRowLabelProp, OnRowClickProp, ColumnDefProp, TablePresetProp, TableColumnPriorityProp, TableCellIndentProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, TableRowToneProp, RowToneProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, StickyProp, ColumnFixedProp, ColumnFilterValueProp, ColumnFilterItemProp, ColumnFilterStateProp, OnColumnFilterChangeProp, ColumnCompareProp, ColumnSorterProp, TableSelectionItemProp, TableRowSelectionProp, TableExpandableProp, TableSummaryProp, TableScrollProp, TableStickyProp, OnRowProp, TablePaginationProp, TablePaginationPositionProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, } from "./data.prop.js";

package/dist/styles/control.css

@@ -377,6 +377,14 @@
     line-height: 0;
   }
 
+  .ui-choice-field > .ui-choice-control {
+    display: flex;
+    align-items: center;
+    font-size: var(--font-size-base);
+    line-height: var(--control-label-line-height);
+    min-block-size: 1lh;
+  }
+
   .ui-choice-input {
     position: absolute;
     inset: 0;
@@ -770,6 +778,30 @@
     opacity: 0.5;
   }
 
+  .ui-command[data-split] .ui-command-group {
+    padding: var(--command-list-split-padding);
+  }
+
+  .ui-command[data-split] .ui-command-item {
+    border-radius: 0;
+    margin-inline: calc(-1 * var(--command-list-split-inset));
+    padding-inline: calc(var(--command-list-split-inset) + var(--command-input-padding-x));
+  }
+
+  .ui-command[data-split] .ui-command-group [cmdk-group-heading] {
+    padding-inline: calc(var(--command-list-split-inset) + var(--command-input-padding-x));
+  }
+
+  .ui-command[data-split] .ui-command-item:has(+ .ui-command-item) {
+    border-block-end: var(--command-item-divider-width) solid
+      hsl(var(--command-item-divider-color, var(--border)));
+  }
+
+  .ui-command[data-split] .ui-command-group:not([hidden]) ~ .ui-command-group:not([hidden]) {
+    border-block-start: var(--command-item-divider-width) solid
+      hsl(var(--command-item-divider-color, var(--border)));
+  }
+
   [data-slot="dialog-content"].ui-command-palette {
     top: var(--command-palette-inset-top);
     width: min(
@@ -1060,7 +1092,9 @@
     border: 0;
     padding: 0;
     cursor: pointer;
-    color: hsl(var(--rating-star-empty-color, var(--muted-foreground)) / var(--rating-star-empty-alpha));
+    color: hsl(
+      var(--rating-star-empty-color, var(--muted-foreground)) / var(--rating-star-empty-alpha)
+    );
     line-height: 0;
   }
   .ui-rating-star:disabled {
@@ -1509,6 +1543,10 @@
     padding: var(--search-select-list-space-inset);
   }
 
+  .ui-command[data-split] .ui-search-select-list {
+    padding: var(--command-list-split-padding);
+  }
+
   .ui-search-select-option-slot {
     min-inline-size: 0;
     flex: 1 1 0%;
@@ -1702,6 +1740,11 @@
     display: contents;
   }
 
+  .ui-select-root > [data-react-aria-prevent-focus][aria-hidden="true"] {
+    position: absolute !important;
+    inset: auto !important;
+  }
+
   .ui-select-content {
     position: relative;
     z-index: var(--overlay-z-index);

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

@@ -1328,12 +1328,69 @@
     min-inline-size: 0;
     overflow: hidden;
     padding: var(--space-2);
-    border-inline-end: 1px solid hsl(var(--range-timeline-border-color));
+    border-inline-end: var(--range-timeline-grid-width) solid
+      hsl(var(--range-timeline-border-color));
   }
   .ui-range-timeline-track {
     position: relative;
     min-inline-size: 0;
   }
+
+  .ui-range-timeline-body {
+    position: relative;
+    isolation: isolate;
+  }
+  .ui-range-timeline-grid {
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    display: grid;
+    grid-template-columns: var(--range-timeline-label-width) minmax(0, 1fr);
+    pointer-events: none;
+  }
+  .ui-range-timeline-grid-column {
+    min-inline-size: 0;
+    padding-inline: var(--space-2);
+    border-inline-end: var(--range-timeline-grid-width) solid transparent;
+  }
+  .ui-range-timeline-grid-column[data-muted="true"] {
+    background: var(--range-timeline-muted-column-background, hsl(var(--muted)));
+  }
+
+  .ui-range-timeline[data-bordered="true"] .ui-range-timeline-column,
+  .ui-range-timeline[data-bordered="true"] .ui-range-timeline-label,
+  .ui-range-timeline[data-bordered="true"] .ui-range-timeline-grid-column {
+    border-inline-end-color: var(--range-timeline-grid-color, hsl(var(--input)));
+  }
+  .ui-range-timeline[data-bordered="true"] .ui-range-timeline-header + .ui-range-timeline-header,
+  .ui-range-timeline[data-bordered="true"] .ui-range-timeline-row {
+    border-block-start: var(--range-timeline-grid-width) solid
+      var(--range-timeline-grid-color, hsl(var(--input)));
+  }
+  .ui-range-timeline-outside {
+    position: absolute;
+    inset-block: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-1);
+    padding-inline: var(--space-2);
+    color: hsl(var(--muted-foreground));
+  }
+  .ui-range-timeline-outside[data-direction="before"] {
+    inset-inline-start: 0;
+  }
+  .ui-range-timeline-outside[data-direction="after"] {
+    inset-inline-end: 0;
+  }
+  .ui-range-timeline-outside-icon {
+    inline-size: var(--icon-size-sm);
+    block-size: var(--icon-size-sm);
+    flex-shrink: 0;
+  }
+
+  [dir="rtl"] .ui-range-timeline-outside-icon {
+    transform: scaleX(-1);
+  }
   .ui-range-timeline-bar {
     position: absolute;
     inset-block-start: 50%;

package/dist/styles/form-layout.css

@@ -110,6 +110,11 @@
     > * {
     max-inline-size: 100%;
   }
+
+  .ui-form-field[data-collapse-below="false"][data-layout="horizontal"]
+    > .ui-form-field-control:first-child {
+    grid-column-start: 2;
+  }
   .ui-form-field[data-collapse-below="false"][data-label-align="end"]:is(
       [data-layout="horizontal"],
       [data-layout="inline"]
@@ -139,6 +144,10 @@
       > * {
       max-inline-size: 100%;
     }
+    .ui-form-field[data-collapse-below="sm"][data-layout="horizontal"]
+      > .ui-form-field-control:first-child {
+      grid-column-start: 2;
+    }
     .ui-form-field[data-collapse-below="sm"][data-label-align="end"]:is(
         [data-layout="horizontal"],
         [data-layout="inline"]
@@ -169,6 +178,10 @@
       > * {
       max-inline-size: 100%;
     }
+    .ui-form-field[data-collapse-below="md"][data-layout="horizontal"]
+      > .ui-form-field-control:first-child {
+      grid-column-start: 2;
+    }
     .ui-form-field[data-collapse-below="md"][data-label-align="end"]:is(
         [data-layout="horizontal"],
         [data-layout="inline"]
@@ -199,6 +212,10 @@
       > * {
       max-inline-size: 100%;
     }
+    .ui-form-field[data-collapse-below="lg"][data-layout="horizontal"]
+      > .ui-form-field-control:first-child {
+      grid-column-start: 2;
+    }
     .ui-form-field[data-collapse-below="lg"][data-label-align="end"]:is(
         [data-layout="horizontal"],
         [data-layout="inline"]
@@ -229,6 +246,10 @@
       > * {
       max-inline-size: 100%;
     }
+    .ui-form-field[data-collapse-below="xl"][data-layout="horizontal"]
+      > .ui-form-field-control:first-child {
+      grid-column-start: 2;
+    }
     .ui-form-field[data-collapse-below="xl"][data-label-align="end"]:is(
         [data-layout="horizontal"],
         [data-layout="inline"]

package/dist/styles/layout.css

@@ -321,6 +321,13 @@
     align-items: start;
   }
 
+  .ui-responsive-grid[data-align="start"] {
+    align-items: start;
+  }
+  .ui-responsive-grid[data-align="stretch"] {
+    align-items: stretch;
+  }
+
   .ui-responsive-grid[data-gap="none"] {
     gap: 0;
   }

package/dist/styles/navigation-layout.css

@@ -338,8 +338,12 @@
     justify-content: safe flex-end;
   }
 
+  .ui-pagination[data-align="end"] > .ui-pagination-total {
+    margin-inline-end: 0;
+  }
+
   .ui-pagination[data-size="sm"] {
-    --control-height: var(--pagination-control-height-sm);
+    --control-height: var(--pagination-control-height-sm, var(--control-height-sm));
   }
 
   .ui-pagination-jumper {

package/dist/styles/shell-layout.css

@@ -1165,14 +1165,11 @@
   }
 
   .ui-org-switcher-command {
+    --command-list-split-inset: var(--org-switcher-list-inset);
     width: 100%;
     padding-inline: calc(var(--org-switcher-list-inset) - var(--org-switcher-list-offset));
   }
 
-  .ui-org-switcher-command .ui-command-group {
-    padding: 0;
-  }
-
   .ui-org-switcher-command .ui-command-input-wrapper {
 
     border: 1px solid hsl(var(--input));
@@ -1183,16 +1180,6 @@
     background: hsl(var(--background));
   }
 
-  .ui-org-switcher-command .ui-command-item {
-    border-radius: 0;
-    margin-inline: calc(-1 * var(--org-switcher-list-inset));
-    padding-inline: calc(var(--org-switcher-list-inset) + var(--command-input-padding-x));
-  }
-
-  .ui-org-switcher-command .ui-command-item + .ui-command-item {
-    border-block-start: 1px solid hsl(var(--border));
-  }
-
   [data-slot="dialog-footer"]:has(> .ui-org-switcher-legend),
   [data-slot="sheet-footer"]:has(> .ui-org-switcher-legend) {
     justify-content: flex-start;