@godxjp/ui 27.1.0 → 27.4.1

package/dist/components/layout/flex.d.ts

@@ -1,3 +1,3 @@
 import type { FlexProp } from "../../props/components/layout.prop.js";
-export type { FlexAlignProp, FlexDirectionProp, FlexJustifyProp, FlexProp, FlexProp as FlexProps, } from "../../props/components/layout.prop.js";
-export declare function Flex({ as: Element, direction, grow, shrink, surface, bleed, reveal, gap, gapRaw, pad, padRaw, align, justify, wrap, hideBelow, hideFrom, hideBelowRaw, hideFromRaw, fill, width, className, style, children, ...props }: FlexProp): import("react").JSX.Element;
+export type { FlexAlignProp, FlexDirectionProp, FlexJustifyProp, FlexMarkerProp, FlexProp, FlexProp as FlexProps, } from "../../props/components/layout.prop.js";
+export declare function Flex({ as: Element, direction, marker, grow, shrink, surface, bleed, reveal, gap, gapRaw, pad, padRaw, align, justify, wrap, hideBelow, hideFrom, hideBelowRaw, hideFromRaw, fill, width, className, style, children, ...props }: FlexProp): import("react").JSX.Element;

package/dist/components/layout/flex.js

@@ -6,9 +6,15 @@ import { flexGapClass, padStyle, padStepToken } from "../../lib/variants.js";
 const toCssLength = (value) => typeof value === "number" ? `${value}px` : value;
 const rawBreakpoint = (value) => typeof value === "number" && Number.isFinite(value) ? value : void 0;
 const rawBreakpointRule = (axis, px) => `@media (width ${axis === "below" ? "<" : ">="} ${px}px){.ui-flex[data-hide-${axis}-raw="${px}"]{display:none}}`;
+const listMarker = (element, marker) => {
+  if (element !== "ul" && element !== "ol") return void 0;
+  const resolved = marker ?? (element === "ul" ? "disc" : "decimal");
+  return resolved === "none" ? void 0 : resolved;
+};
 function Flex({
   as: Element = "div",
   direction = "row",
+  marker,
   grow,
   shrink,
   surface,
@@ -65,7 +71,7 @@ function Flex({
       "data-shrink": shrink === false ? "false" : void 0,
       "data-surface": surface,
       "data-reveal": reveal,
-      "data-list": Element === "ul" ? "disc" : Element === "ol" ? "decimal" : void 0,
+      "data-list": listMarker(Element, marker),
       "data-align": align,
       "data-justify": justify,
       "data-wrap": wrap ? "true" : void 0,

package/dist/components/layout/org-switcher.js

@@ -105,7 +105,7 @@ function OrgSwitcherPanel({
       ] }) : null
     ] });
   }
-  return /* @__PURE__ */ jsxs(Command, { label: labels.title, className: "ui-org-switcher-command", children: [
+  return /* @__PURE__ */ jsxs(Command, { label: labels.title, className: "ui-org-switcher-command", split: true, children: [
     /* @__PURE__ */ jsx(CommandInput, { placeholder: labels.search, "aria-label": labels.search }),
     /* @__PURE__ */ jsxs(CommandList, { children: [
       /* @__PURE__ */ jsx(CommandEmpty, { children: labels.empty }),

package/dist/components/layout/responsive-grid.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { ResponsiveGridColumnsProp, ResponsiveGridFlowProp, ResponsiveGridPresetProp } from "../../props/components/layout.prop.js";
+import type { ResponsiveGridAlignProp, ResponsiveGridColumnsProp, ResponsiveGridFlowProp, ResponsiveGridPresetProp } from "../../props/components/layout.prop.js";
 import type { PadProp, PadRawProp } from "../../props/vocabulary/index.js";
 import type { GapProp } from "../../props/vocabulary/layout.prop.js";
 export type ResponsiveGridProps = {
@@ -12,6 +12,12 @@ export type ResponsiveGridProps = {
     columns?: ResponsiveGridColumnsProp;
     /** Keep collections in a horizontal sequence; pair with ScrollArea orientation="horizontal". */
     flow?: ResponsiveGridFlowProp;
+    /**
+     * Block-axis alignment of the cells (antd `Row align`). `stretch` makes every cell as tall as
+     * the tallest — Kanban lanes, where an empty lane must stay a full-height drop zone. Omitted,
+     * `flow="columns"` aligns to `start` and `flow="rows"` stretches, as before.
+     */
+    align?: ResponsiveGridAlignProp;
     /**
      * Named column geometry for a recognised collection shape — see `ResponsiveGridPresetProp`.
      * Wins over `columns` when both are set, so a caller migrating to a preset does not also need
@@ -20,7 +26,7 @@ export type ResponsiveGridProps = {
     preset?: ResponsiveGridPresetProp;
     children: ReactNode;
 };
-export declare function ResponsiveGrid({ columns, flow, gap, pad, padRaw, preset, className, children, }: ResponsiveGridProps): import("react").JSX.Element;
+export declare function ResponsiveGrid({ columns, flow, align, gap, pad, padRaw, preset, className, children, }: ResponsiveGridProps): import("react").JSX.Element;
 export declare namespace ResponsiveGrid {
     export { ResponsiveGridItem as Item };
 }

package/dist/components/layout/responsive-grid.js

@@ -31,6 +31,7 @@ function toStyle(resolved) {
 function ResponsiveGrid({
   columns = 4,
   flow = "rows",
+  align,
   gap,
   pad,
   padRaw,
@@ -45,6 +46,7 @@ function ResponsiveGrid({
       className: cn("ui-responsive-grid", className),
       "data-gap": gap,
       "data-flow": flow === "columns" ? "columns" : void 0,
+      "data-align": align,
       style: { ...toStyle(resolved), ...padStyle(pad, padRaw) },
       "data-pad-raw": padRaw === void 0 ? void 0 : "",
       children

package/dist/components/layout/topbar-item.d.ts

@@ -12,6 +12,7 @@ export type { TopbarItemProp, TopbarItemProp as TopbarItemProps, } from "../../p
  */
 export declare const TopbarItem: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
     hideBelow?: import("../../props/index.js").BreakpointProp;
+    icon?: React.ReactNode;
     badge?: React.ReactNode;
     badgeTone?: import("../../props/components/layout.prop.js").SidebarBadgeToneProp;
     asChild?: boolean;

package/dist/components/layout/topbar-item.js

@@ -2,9 +2,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "../../lib/slot.js";
 import { cn } from "../../lib/utils.js";
-const TopbarItem = React.forwardRef(function TopbarItem2({ asChild = false, className, type, hideBelow, badge, badgeTone, children, ...props }, ref) {
+const TopbarItem = React.forwardRef(function TopbarItem2({ asChild = false, className, type, hideBelow, icon, badge, badgeTone, children, ...props }, ref) {
   const Comp = asChild ? Slot : "button";
   const showBadge = !asChild && badge !== void 0 && badge !== "";
+  const iconNode = !asChild && icon !== void 0 && icon !== null && icon !== false ? /* @__PURE__ */ jsx("span", { "data-slot": "topbar-item-icon", className: "ui-topbar-item-icon", children: icon }) : null;
   const badgeNode = showBadge ? /* @__PURE__ */ jsx(
     "span",
     {
@@ -24,6 +25,7 @@ const TopbarItem = React.forwardRef(function TopbarItem2({ asChild = false, clas
       type: asChild ? void 0 : type ?? "button",
       ...props,
       children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        iconNode,
         children,
         badgeNode
       ] })

package/dist/contracts/measurement.json

@@ -1,6 +1,6 @@
 {
   "$comment": "AUTO-GENERATED by scripts/gen-measurement-contract.mjs — do not edit. Read this instead of guessing: docs/MEASUREMENT-CONTRACT.md.",
-  "version": "27.1.0",
+  "version": "27.4.1",
   "targetSize": {
     "standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
     "min": 24,

package/dist/form/form-field-control.d.ts

@@ -2,4 +2,4 @@ import * as React from "react";
 import { type FieldValues } from "react-hook-form";
 import type { FormFieldControlProp } from "../props/components/form.prop.js";
 export type { FormFieldControlProp } from "../props/components/form.prop.js";
-export declare function FormFieldControl<TFieldValues extends FieldValues>({ name, id, field: fieldKey, labelAddon, layout, labelWidth, controlWidth, colSpan, label, required, helper, disabled, dependencies, getValueFromEvent, normalize, help, validateStatus, hasFeedback, feedback, preserve, className, children, }: FormFieldControlProp<TFieldValues>): React.JSX.Element;
+export declare function FormFieldControl<TFieldValues extends FieldValues>({ name, id, field: fieldKey, labelAddon, layout, labelWidth, controlWidth, colSpan, label, required, helper, disabled, dependencies, getValueFromEvent, normalize, help, validateStatus, hasFeedback, feedback, preserve, className, valuePropName, children, }: FormFieldControlProp<TFieldValues>): React.JSX.Element;

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

@@ -1,6 +1,6 @@
 /** Foundation component prop types — @see docs/COMPONENTS.md#foundation */
 import type * as React from "react";
-import type { ActivityAnnounceProp, ActivityVariantProp, AsChildProp, ButtonSizeProp, ButtonVariantProp, ChildrenProp, ClassNameProp, DescriptionProp, DisabledProp, FontWeightProp, HeadingLevelProp, IdProp, LabelProp, OnClickProp, OnOpenChangeProp, OpenProp, PendingProp, RevealDelayProp, ShapeProp, SizeProp, TextAlignProp, TextSizeProp, TextToneProp, TextWhitespaceProp, TitleLevelProp, TypographyActionsConfigProp, TypographyCopyConfigProp, TypographyEditConfigProp, TypographyEllipsisConfigProp, TypographyTypeProp } from "../vocabulary/index.js";
+import type { ActivityAnnounceProp, ActivityVariantProp, AsChildProp, ButtonSizeProp, ButtonVariantProp, ChildrenProp, ClassNameProp, DescriptionProp, DisabledProp, FontWeightProp, HeadingLevelProp, IconSizeProp, IdProp, LabelProp, OnClickProp, OnOpenChangeProp, OpenProp, PendingProp, RevealDelayProp, ShapeProp, SizeProp, TextAlignProp, TextSizeProp, TextToneProp, TextWhitespaceProp, TitleLevelProp, TypographyActionsConfigProp, TypographyCopyConfigProp, TypographyEditConfigProp, TypographyEllipsisConfigProp, TypographyTypeProp } from "../vocabulary/index.js";
 /**
  * @see Text — typographic primitive; replaces hand-rolled `<span className="text-[13px] …">`.
  *
@@ -336,6 +336,47 @@ export type ActivityProp = Omit<React.HTMLAttributes<HTMLSpanElement>, "color">
     announce?: ActivityAnnounceProp;
     className?: ClassNameProp;
 };
+/**
+ * @see Icon — the ONE supported way to put a standalone glyph on the `--icon-size-*` scale.
+ *
+ * A lucide component carries `width="24" height="24"` of its own, and only four rules in this
+ * library ever re-size a glyph (`.ui-button svg`, the menu row, the topbar cell, the ListRow
+ * leading slot) — three of them direct-child rules. Outside those four a glyph renders at 24px
+ * beside 14px text, and a consumer has no supported way to fix it: `docs/CONSUMER-RULES.md` §8
+ * forbids `size-4`/`w-[16px]`, and `size={16}` re-derives a scale the theme owns. Measured in a
+ * consumer at 38 such glyphs (gh#712).
+ *
+ * Icon renders ONTO the glyph rather than wrapping it — the sized element IS the `<svg>` — so it
+ * composes anywhere a bare glyph does (inside `Text`, in a `Button`, in a table cell, in an `<a>`)
+ * and adds no box to the layout.
+ */
+export type IconGlyphProp = Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> & {
+    /**
+     * The glyph COMPONENT — `as={Lock}`, not `<Lock />`. Any component that forwards SVG props and a
+     * ref qualifies (every `lucide-react` icon does); Icon hands it the class, the size attributes
+     * and the a11y wiring.
+     */
+    as: React.ComponentType<React.SVGProps<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+    /**
+     * Step of the nine-step icon scale. Default `md` (16px — "the default icon step" in
+     * docs/TOKENS.md). A glyph beside `Text size="sm"` wants `sm`; an empty-state mark wants `4xl`.
+     */
+    size?: IconSizeProp;
+    /**
+     * Semantic colour intent, the same vocabulary `Text` uses. Omitted by default, and that default
+     * is load-bearing: a glyph inherits `currentColor`, so an Icon inside a Button, a Badge or a
+     * toned `Text` paints in that surface's own ink without being told.
+     */
+    tone?: TextToneProp;
+    /**
+     * Accessible NAME, when the glyph carries meaning nothing else on screen says (a lock in a
+     * status cell with no text beside it). Localized by the consumer — the library ships no copy.
+     * Supplying it switches the glyph from `aria-hidden` to `role="img"` + that name; leave it off
+     * (the default) for a decorative glyph beside a visible label, which is the common case.
+     */
+    label?: string;
+    className?: ClassNameProp;
+};
 /**
  * FloatButton `type` — the two fills Ant Design gives the corner mark.
  *

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

@@ -100,6 +100,11 @@ export type PageContainerProp = {
     className?: ClassNameProp;
 };
 export type FlexDirectionProp = "row" | "col";
+/**
+ * List marker for `as="ul"`/`as="ol"` — the CSS `list-style-type` keywords the layer implements,
+ * plus `none` for a list that is SEMANTIC ONLY (gh#714).
+ */
+export type FlexMarkerProp = "disc" | "decimal" | "none";
 export type FlexAlignProp = "start" | "center" | "end" | "stretch" | "baseline";
 export type FlexJustifyProp = "start" | "center" | "end" | "between" | "around" | "evenly";
 /** @see Flex */
@@ -112,6 +117,26 @@ export type FlexProp = React.HTMLAttributes<HTMLElement> & {
      * `.ui-flex` rules carry `display: flex`, so the box is identical either way.
      */
     as?: "div" | "span" | "ul" | "ol" | "li";
+    /**
+     * Marker for a LIST element (`as="ul"` → `disc`, `as="ol"` → `decimal` by default); ignored by
+     * every other tag.
+     *
+     * `marker="none"` emits no `data-list` at all, so the list keeps its element, its `<li>`
+     * semantics and its `gap`, and loses the bullet AND the `--space-5` indent that come with it.
+     *
+     * ## Why the axis exists
+     *
+     * The bullet was unconditional, and the catalog's own idiom — `<ListRow as="li">` inside a list
+     * — could not live with it: `.ui-flex[data-list] > li { display: list-item }` outranks
+     * `[data-slot="list-row"] { display: flex }`, so every row fell out of flex layout (measured on
+     * this page: row height 94.58px → 41.2px once the attribute is gone). The only move left was a
+     * RAW `<ul>`, which carries no gap token and which the consumer rules forbid in spirit — one
+     * consumer kept three `Flex role="list"` divs for exactly that reason (gh#714).
+     *
+     * `disc`/`decimal` stay available so an `<ol>` can be bulleted (or a `<ul>` numbered) without a
+     * `list-style-type` in a className.
+     */
+    marker?: FlexMarkerProp;
     /** Lightweight surfaces for rows and notices; no Card elevation by default. */
     surface?: "muted" | "popover" | "warning";
     /** Negative inline inset, using the same spacing scale as pad. */
@@ -266,6 +291,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";
 /**
@@ -1307,6 +1339,23 @@ export type TopbarItemProp = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
      */
     /** Hide below a shared responsive breakpoint, without changing cell height. */
     hideBelow?: BreakpointProp;
+    /**
+     * The cell's leading glyph, placed in a slot the CELL sizes (`--topbar-icon-size`).
+     *
+     * Passing the glyph as a child works too — but only while it stays a DIRECT child, because
+     * `.ui-topbar-item > svg` is the rule that sizes it. The moment a cell wraps its glyph (a
+     * `<Flex hideBelow>` so the icon drops at narrow widths) the rule can no longer reach it and the
+     * glyph renders at lucide's intrinsic 24px: measured at 390px on an org-switcher cell, 1.5x the
+     * cell's own step (gh#712). This slot survives that, because the wrapper is the one the cell
+     * placed. The alternative — widening the rule to a descendant — was measured to shrink or grow
+     * OTHER components' glyphs inside the cell (a Badge's 12px glyph became 16px), so it is not one.
+     *
+     * Decorative by convention: the cell's accessible name comes from its own `aria-label` or its
+     * visible label, not from the glyph. For a glyph that must carry a name, or one that needs a
+     * step other than the bar's, pass `<Icon as={…} size=… label=… />` — as this prop's value or as
+     * a child — and it keeps its own metric and its own semantics.
+     */
+    icon?: ReactNode;
     /**
      * Unread count OVERLAID on the cell's glyph — the notification-bell affordance the cell's own use
      * cases name (gh#398). Pass the CONTENT ONLY, exactly like `SidebarItemProp.badge`: a number, a

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";
@@ -429,6 +434,11 @@ export declare const VOCABULARY_REGISTRY: {
         readonly category: "interaction";
         readonly description: "Text size — golden-ratio type-scale steps (2xs…2xl), never an arbitrary px";
     };
+    readonly IconSizeProp: {
+        readonly file: "vocabulary/interaction.prop.ts";
+        readonly category: "interaction";
+        readonly description: "Icon size — the nine --icon-size-* scale steps (2xs…4xl), never an arbitrary px or a size- utility";
+    };
     readonly TextToneProp: {
         readonly file: "vocabulary/interaction.prop.ts";
         readonly category: "interaction";
@@ -741,6 +751,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/layout.prop.ts";
         readonly vocabulary: readonly [];
     };
+    readonly FlexMarkerProp: {
+        readonly group: "layout";
+        readonly file: "components/layout.prop.ts";
+        readonly vocabulary: readonly [];
+    };
     readonly FlexAlignProp: {
         readonly group: "layout";
         readonly file: "components/layout.prop.ts";
@@ -762,6 +777,10 @@ export declare const COMPONENT_PROP_REGISTRY: {
             readonly field: "direction";
             readonly local: true;
             readonly reason: "Flex-specific axis control.";
+        }, {
+            readonly field: "marker";
+            readonly local: true;
+            readonly reason: 'List-marker seam for as="ul"/"ol" (disc | decimal | none). marker="none" emits no data-list, so a list keeps its element, its <li> semantics and its gap token while losing the bullet and the --space-5 indent — the home <ListRow as="li"> had none of, which forced a raw <ul> (gh#714).';
         }, "GapProp", {
             readonly field: "align";
             readonly local: true;
@@ -799,6 +818,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";
@@ -1193,6 +1217,23 @@ export declare const COMPONENT_PROP_REGISTRY: {
             readonly reason: "Ambient live-region opt-in — ActivityAnnounceProp vocabulary; deliberately NOT a boolean so the value names the politeness level.";
         }];
     };
+    readonly IconGlyphProp: {
+        readonly group: "general";
+        readonly file: "components/general.prop.ts";
+        readonly vocabulary: readonly ["IconProp", "IconSizeProp", "TextToneProp", "LabelProp", "ClassNameProp", {
+            readonly field: "label";
+            readonly local: true;
+            readonly reason: "LabelProp narrowed to string: this becomes the glyph's aria-label, and an accessible name is TEXT — a ReactNode cannot be one.";
+        }, {
+            readonly field: "as";
+            readonly local: true;
+            readonly reason: "The glyph COMPONENT to render — the IconProp concept, widened to a component that also forwards SVG props and a ref, because Icon renders ONTO the glyph (the sized element is the <svg> itself) rather than wrapping it.";
+        }, {
+            readonly field: "size";
+            readonly local: true;
+            readonly reason: "IconSizeProp, the nine-step icon scale — deliberately NOT the four-step control SizeProp: a glyph beside 2xs caption text and a 48px empty-state mark are the same primitive.";
+        }];
+    };
     readonly FloatButtonTypeProp: {
         readonly group: "general";
         readonly file: "components/general.prop.ts";
@@ -1322,6 +1363,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 +1736,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 +2933,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;