@godxjp/ui 27.1.0 → 27.3.1

package/dist/form/form-field-control.js

@@ -51,6 +51,7 @@ function FormFieldControl({
   feedback,
   preserve,
   className,
+  valuePropName,
   children
 }) {
   const autoId = React.useId();
@@ -62,9 +63,23 @@ function FormFieldControl({
   const isDisabled = disabled ?? formDisabled;
   const disabledProp = isDisabled ? { disabled: true } : disabled === false ? { disabled: false } : void 0;
   const readValue = (args, previousValue) => {
-    const raw = getValueFromEvent ? getValueFromEvent(...args) : extractControlValue(args[0]);
+    const extracted = getValueFromEvent ? getValueFromEvent(...args) : extractControlValue(args[0]);
+    const raw = valuePropName === "checked" ? extracted === true : extracted;
     return normalize ? normalize(raw, previousValue) : raw;
   };
+  const renderControl = (bag) => {
+    const render = children;
+    if (valuePropName === "checked") {
+      const { value, onChange, ...rest } = bag;
+      return render({
+        ...rest,
+        checked: value === true,
+        onCheckedChange: (checked) => onChange(checked),
+        ...disabledProp
+      });
+    }
+    return render(bindField({ ...bag, ...disabledProp }));
+  };
   if (adapter) {
     const fieldName = String(name);
     return /* @__PURE__ */ jsx(
@@ -81,17 +96,14 @@ function FormFieldControl({
         hasFeedback,
         feedback,
         className,
-        children: children(
-          bindField({
-            id: resolvedId,
-            name: fieldName,
-            value: adapter.getValue(fieldName),
-            onChange: (...args) => adapter.setValue(fieldName, readValue(args, adapter.getValue(fieldName))),
-            onBlur: () => adapter.onBlur?.(fieldName),
-            ref: noopRef,
-            ...disabledProp
-          })
-        )
+        children: renderControl({
+          id: resolvedId,
+          name: fieldName,
+          value: adapter.getValue(fieldName),
+          onChange: (...args) => adapter.setValue(fieldName, readValue(args, adapter.getValue(fieldName))),
+          onBlur: () => adapter.onBlur?.(fieldName),
+          ref: noopRef
+        })
       }
     );
   }
@@ -125,17 +137,14 @@ function FormFieldControl({
             hasFeedback,
             feedback,
             className,
-            children: children(
-              bindField({
-                id: resolvedId,
-                name: field.name,
-                value: field.value,
-                onChange: (...args) => field.onChange(readValue(args, field.value)),
-                onBlur: field.onBlur,
-                ref: field.ref,
-                ...disabledProp
-              })
-            )
+            children: renderControl({
+              id: resolvedId,
+              name: field.name,
+              value: field.value,
+              onChange: (...args) => field.onChange(readValue(args, field.value)),
+              onBlur: field.onBlur,
+              ref: field.ref
+            })
           }
         )
       }

package/dist/i18n/messages/en.json

@@ -607,7 +607,8 @@
     "trendCurrent": "current"
   },
   "rangeTimeline": {
-    "outsideRange": "Outside the visible range",
+    "outsideAfter": "After the visible range",
+    "outsideBefore": "Before the visible range",
     "schedule": "Schedule"
   },
   "textExamples": {

package/dist/i18n/messages/ja.json

@@ -594,7 +594,8 @@
     "trendCurrent": "現在"
   },
   "rangeTimeline": {
-    "outsideRange": "表示範囲外",
+    "outsideAfter": "表示範囲より後",
+    "outsideBefore": "表示範囲より前",
     "schedule": "スケジュール"
   },
   "textExamples": {

package/dist/i18n/messages/vi.json

@@ -595,7 +595,8 @@
     "trendCurrent": "hiện tại"
   },
   "rangeTimeline": {
-    "outsideRange": "Ngoài khoảng đang xem",
+    "outsideAfter": "Sau khoảng đang xem",
+    "outsideBefore": "Trước khoảng đang xem",
     "schedule": "Lịch công việc"
   },
   "textExamples": {

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

@@ -294,6 +294,12 @@ export type BadgeProp = {
      * Port name `onRemove` (not `onClose`) — see {@link Badge} JSDoc and `docs/DESIGN-AUTHORITY.md`.
      */
     onRemove?: () => void;
+    /**
+     * The × button's full accessible name, verbatim (antd 5.15+ `closable={{ 'aria-label' }}`, gh#706).
+     * Without it the name quotes the chip's label — a string `children`, or the label's rendered text
+     * when `children` is a link or other node.
+     */
+    removeLabel?: string;
 };
 /** @see CredentialReveal */
 /**
@@ -403,6 +409,12 @@ export type DataTableProp<T> = {
     onRow?: OnRowProp<T>;
     /** Outer frame + vertical rules between columns (antd `bordered`). */
     bordered?: boolean;
+    /**
+     * Zebra rows by logical record (Element Plus `stripe`, Bootstrap `.table-striped`; antd has no
+     * prop). Omit to inherit the theme default `--table-row-striped-alpha`; `true` / `false`
+     * override it for this table.
+     */
+    striped?: boolean;
     /** Explain the next sort step in a tooltip on sortable headers (antd `showSorterTooltip`). */
     showSorterTooltip?: boolean;
     /** Table-wide sort cycle; a column's own `sortDirections` wins (antd `sortDirections`). */

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/form.prop.d.ts

@@ -117,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;
     /**
@@ -164,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;
@@ -180,7 +191,28 @@ export type FormFieldControlProp<TFieldValues extends FieldValues> = Pick<import
         /** 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;
   }