@godxjp/ui 18.5.0 → 18.7.0

package/dist/components/charts/compact-bar-trend.d.ts

@@ -24,6 +24,7 @@ export type { CompactBarTrendProp, CompactBarTrendProp as CompactBarTrendProps,
  * - **i18n** — values are formatted with the active locale's `Intl.NumberFormat`;
  *   every generated string comes from `t()`.
  *
- * Import from the tree-shaken `@godxjp/ui/charts` entry.
+ * Import from `@godxjp/ui/charts/compact-bar-trend`. The isolated public entry keeps
+ * consumers without the optional `recharts` peer away from the peer-backed charts barrel.
  */
 export declare function CompactBarTrend({ data, categoryKey, valueKey, label, description, size, emphasizedIndex, showCategoryLabels, numberFormat, footer, emptyMessage, className, id, ref, }: CompactBarTrendProp): React.JSX.Element;

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

@@ -8,7 +8,10 @@ export { LineChart } from "./line-chart.js";
 export type { LineChartProp, LineChartProps } from "./line-chart.js";
 export { BarChart } from "./bar-chart.js";
 export type { BarChartProp, BarChartProps } from "./bar-chart.js";
-/** Dependency-free (no recharts) compact bar trend for dashboard summary cards. */
+/**
+ * Dependency-free compact trend. Consumers without recharts should use the isolated
+ * `@godxjp/ui/charts/compact-bar-trend` entry so this barrel does not link peer-backed charts.
+ */
 export { CompactBarTrend } from "./compact-bar-trend.js";
 export type { CompactBarTrendProp, CompactBarTrendProps } from "./compact-bar-trend.js";
 export { AreaChart } from "./area-chart.js";

package/dist/components/data-display/data-table.d.ts

@@ -1,12 +1,12 @@
 import * as React from "react";
 import { flexRender, type OnChangeFn, type PaginationState, type RowData, type VisibilityState } from "@tanstack/react-table";
-import type { ColumnDefProp, DensityProp, SortStateProp } from "../../props/vocabulary/index.js";
+import type { BreakpointProp, ColumnDefProp, DensityProp, SortStateProp, TablePresetProp } from "../../props/vocabulary/index.js";
 export type Density = DensityProp;
 /**
  * Lean column definition — the simple, common-case column API. `render` shapes
  * a cell; `sortable` opts the column into the sort cycle; `align` / `width` /
- * `pin` / `hiddenOnMobile` tune layout; `enableHiding` (default true) lists the
- * column in DataTable.ViewOptions. Adapted to a TanStack column internally.
+ * `pin` / `hiddenOnMobile` / `priority` tune layout; `enableHiding` (default true)
+ * lists the column in DataTable.ViewOptions. Adapted to a TanStack column internally.
  */
 export type ColumnDef<T> = ColumnDefProp<T>;
 declare module "@tanstack/react-table" {
@@ -73,6 +73,27 @@ interface DataTableProps<T> {
     hoverable?: boolean;
     /** Pin the header to the top while the body scrolls. Default true. */
     stickyHeader?: boolean;
+    /**
+     * Named collection contract (gh#253) — the SAME preset the `Table` primitive owns, forwarded to
+     * the table DataTable renders, so a TanStack-driven queue gets the identical responsive contract.
+     * `"default"` (the default) emits no attribute and matches no selector: an existing DataTable is
+     * byte-identical. `"action-collection"` is the canonical dense approval / action queue: below
+     * `collapseBelow` the desktop intrinsic column widths give way to the token-owned column-PRIORITY
+     * measures (`--table-action-collection-*`) under `table-layout: fixed`, cells wrap, and the
+     * bordered surface drops its `--table-surface-min-inline-size` floor — so requester · target ·
+     * reason · requested date · row actions all stay inside a 390px frame with no horizontal scroll.
+     * Mark each column with `priority` on its `ColumnDef`; DataTable stamps it on the `<th>` AND the
+     * `<td>` for you. The table stays a REAL table: no `display` change, no role rewriting, no card
+     * swap, so header association, `aria-sort` and screen-reader navigation are identical at 1440.
+     */
+    preset?: TablePresetProp;
+    /**
+     * Step at which `preset="action-collection"` switches to the compact priority measures, measured
+     * against the TABLE's own container (a container query), not the viewport — a table inside a
+     * master rail collapses before the page does. Default `"sm"`. Ignored while `preset` is
+     * `"default"`.
+     */
+    collapseBelow?: BreakpointProp;
     /**
      * Per-row className for state-based row tinting (e.g. flag an invalid or
      * empty record). Returned classes are appended last, so they win over the
@@ -82,7 +103,7 @@ interface DataTableProps<T> {
     className?: string;
     children?: React.ReactNode;
 }
-export declare function DataTable<T>({ data, columns, getRowId, selectable, selected: controlledSelected, onSelectChange, onRowClick, density: controlledDensity, onDensityChange, sort, onSortChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, pagination: controlledPagination, onPaginationChange, rowCount, columnVisibility: controlledVisibility, onColumnVisibilityChange, manualSorting, manualFiltering, manualPagination, loading, empty, error, denied, onRetry, striped, hoverable, stickyHeader, rowClassName, className, children, }: DataTableProps<T>): React.JSX.Element;
+export declare function DataTable<T>({ data, columns, getRowId, selectable, selected: controlledSelected, onSelectChange, onRowClick, density: controlledDensity, onDensityChange, sort, onSortChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, pagination: controlledPagination, onPaginationChange, rowCount, columnVisibility: controlledVisibility, onColumnVisibilityChange, manualSorting, manualFiltering, manualPagination, loading, empty, error, denied, onRetry, striped, hoverable, stickyHeader, preset, collapseBelow, rowClassName, className, children, }: DataTableProps<T>): React.JSX.Element;
 export declare namespace DataTable {
     var Toolbar: ({ children, className, }: {
         children?: React.ReactNode;

package/dist/components/data-display/data-table.js

@@ -122,6 +122,8 @@ function DataTable({
   striped = false,
   hoverable = false,
   stickyHeader = true,
+  preset = "default",
+  collapseBelow = "sm",
   rowClassName,
   className,
   children
@@ -219,6 +221,8 @@ function DataTable({
     striped,
     hoverable,
     stickyHeader,
+    preset,
+    collapseBelow,
     rowClassName
   };
   const hasContent = React.Children.toArray(children).some(
@@ -393,9 +397,12 @@ DataTable.Content = function DataTableContent() {
     striped,
     hoverable,
     stickyHeader,
+    preset,
+    collapseBelow,
     rowClassName
   } = useDataTableContext();
   const { t } = useTranslation();
+  const presetAttr = preset === "default" ? void 0 : preset;
   const isDenied = denied != null && denied !== false;
   const isError = !isDenied && error != null && error !== false;
   const rowPadding = tableRowHeightClass;
@@ -439,10 +446,11 @@ DataTable.Content = function DataTableContent() {
       children: /* @__PURE__ */ jsx(
         "div",
         {
-          className: "ui-data-table-surface min-w-[640px] sm:min-w-0",
+          className: "ui-data-table-surface",
+          "data-preset": presetAttr,
           "data-striped": striped ? "" : void 0,
           "data-hoverable": hoverable ? "" : void 0,
-          children: /* @__PURE__ */ jsxs(Table, { scrollable: false, children: [
+          children: /* @__PURE__ */ jsxs(Table, { scrollable: false, preset, collapseBelow, children: [
             /* @__PURE__ */ jsx(TableHeader, { className: cn("bg-secondary", stickyHeader && "sticky top-0 z-10"), children: /* @__PURE__ */ jsxs(TableRow, { children: [
               selectable && /* @__PURE__ */ jsx(TableHead, { className: "w-10", children: /* @__PURE__ */ jsx(DataTable.SelectAll, {}) }),
               visibleColumns.map((col) => {
@@ -458,6 +466,7 @@ DataTable.Content = function DataTableContent() {
                 return /* @__PURE__ */ jsx(
                   TableHead,
                   {
+                    priority: col.priority,
                     "data-empty": headerEmpty || void 0,
                     "aria-sort": isSortable ? isActiveSort ? activeSort?.direction === "asc" ? "ascending" : "descending" : "none" : void 0,
                     className: cn(
@@ -494,6 +503,7 @@ DataTable.Content = function DataTableContent() {
                 visibleColumns.map((col, j) => /* @__PURE__ */ jsx(
                   TableCell,
                   {
+                    priority: col.priority,
                     className: cn(
                       cellPadding,
                       col.width,
@@ -615,6 +625,7 @@ DataTable.Content = function DataTableContent() {
                     visibleColumns.map((col) => /* @__PURE__ */ jsx(
                       TableCell,
                       {
+                        priority: col.priority,
                         className: cn(
                           cellPadding,
                           col.width,

package/dist/components/data-display/empty-state.js

@@ -22,7 +22,7 @@ function EmptyState({
       role: "status",
       className: cn("ui-empty-state", className),
       children: [
-        Icon && variant !== "compact" && /* @__PURE__ */ jsx("div", { className: "ui-empty-state-icon", children: /* @__PURE__ */ jsx(Icon, { className: "text-muted-foreground size-6", "aria-hidden": "true" }) }),
+        Icon && variant !== "compact" && /* @__PURE__ */ jsx("div", { className: "ui-empty-state-icon", children: /* @__PURE__ */ jsx(Icon, { className: "size-6", "aria-hidden": "true" }) }),
         createElement(TitleTag, { className: "ui-empty-state-title" }, title),
         description && /* @__PURE__ */ jsx("p", { className: "ui-empty-state-description", children: description }),
         action && /* @__PURE__ */ jsx("div", { children: action })

package/dist/components/data-display/index.d.ts

@@ -1,7 +1,7 @@
 export { Badge, StatusBadge } from "./badge.js";
 export type { BadgeProps } from "./badge.js";
 export { ListRow } from "./list-row.js";
-export type { ListRowProps } from "./list-row.js";
+export type { ListRowProps, ListRowDensity } from "./list-row.js";
 export { CredentialReveal } from "./credential-reveal.js";
 export type { CredentialRevealProp, CredentialRevealProps, CredentialRevealTone, } from "./credential-reveal.js";
 export { QrCode } from "./qr-code.js";

package/dist/components/data-display/list-row.d.ts

@@ -1,4 +1,11 @@
 import * as React from "react";
+import type { ListRowDensityProp } from "../../props/components/data-display.prop.js";
+/**
+ * ListRow vertical/inline geometry — `default` (the roomy entity row) or `compact` (the
+ * inline-actions row: avatar + title + small trailing Buttons on one line in a narrow card).
+ * A ListRow-local subset of the density vocabulary — it has no `comfortable` step.
+ */
+export type ListRowDensity = ListRowDensityProp;
 /**
  * ListRow — a single-line entity row (indicator · leading · title/description · trailing) for
  * SHORT lists inside a Card: active sessions, API tokens, linked accounts, passkeys, MFA factors,
@@ -13,6 +20,11 @@ import * as React from "react";
  * their own line at narrow container widths — a long title plus two Buttons never widens the page
  * root. `overflow` picks how the long content resolves: `truncate` (default, one line + ellipsis)
  * or `wrap` (multi-line, `overflow-wrap: anywhere`).
+ *
+ * Density (#246): `density="compact"` is the compact inline-actions geometry — tighter block
+ * padding/gap and a LOWER body threshold (`--list-row-compact-*`), so an avatar, the title and one
+ * or two small trailing Buttons stay on one line inside a ~326px card column at 390px. It only
+ * lowers thresholds, so the #224 wrap contract still holds.
  */
 export interface ListRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
     /** Render element — `div` (default) or `li` when the parent is a `<ul>`/`<ol>`. */
@@ -32,6 +44,13 @@ export interface ListRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
      * with an ellipsis) or `wrap` (multi-line; long unbroken tokens break so the row never widens).
      */
     overflow?: "truncate" | "wrap";
+    /**
+     * Row geometry — `default` (roomy entity row) or `compact` (#246): tighter block padding and
+     * column gap plus a lower body threshold, so a leading Avatar, the title/description and one or
+     * two small trailing Buttons stay INLINE inside a narrow card (≈326px content) at 390px, and a
+     * history Badge + date stays on the title's line. Retune per theme with `--list-row-compact-*`.
+     */
+    density?: ListRowDensity;
     /**
      * Read/unread state — renders the indicator dot (with localized `sr-only` text, never colour
      * alone) and the tokenized unread surface. OMIT the prop entirely for rows that have no read

package/dist/components/data-display/list-row.js

@@ -13,6 +13,7 @@ const ListRow = React.forwardRef(
     trailing,
     align = "center",
     overflow = "truncate",
+    density = "default",
     unread,
     className,
     ...props
@@ -27,6 +28,7 @@ const ListRow = React.forwardRef(
         "data-slot": "list-row",
         "data-align": align === "start" ? "start" : void 0,
         "data-overflow": overflow === "wrap" ? "wrap" : void 0,
+        "data-density": density === "compact" ? "compact" : void 0,
         "data-unread": unread === true ? "" : void 0,
         className: cn("ui-list-row", className),
         ...props,

package/dist/components/data-display/qr-code.d.ts

@@ -5,4 +5,4 @@ export type QrCodeProps = QrCodeProp & Omit<React.ComponentPropsWithoutRef<"svg"
  * Renders a QR code entirely in-process. The encoded value is never sent to a network service,
  * written to an element attribute, or included in accessible text.
  */
-export declare const QrCode: React.ForwardRefExoticComponent<QrCodeProp & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref">, "style" | "children" | "role" | "type" | keyof QrCodeProp> & React.RefAttributes<SVGSVGElement>>;
+export declare const QrCode: React.ForwardRefExoticComponent<QrCodeProp & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref">, "style" | "role" | "children" | "type" | keyof QrCodeProp> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/data-display/table.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import type { BreakpointProp, TableColumnPriorityProp, TablePresetProp } from "../../props/vocabulary/index.js";
 export type TableProps = React.HTMLAttributes<HTMLTableElement> & {
     /**
      * Whether the Table owns its own horizontal-scroll region (default `true`). When `true` a
@@ -8,6 +9,23 @@ export type TableProps = React.HTMLAttributes<HTMLTableElement> & {
      * avoids a redundant NESTED scroll container and a duplicate keyboard focus stop for one table.
      */
     scrollable?: boolean;
+    /**
+     * Named collection contract. `"default"` (the default) emits no attribute and keeps the plain
+     * table exactly as it is. `"action-collection"` is the canonical dense approval / action queue
+     * (gh#253): below `collapseBelow`, the desktop intrinsic column widths — the thing that pushes
+     * the last columns outside a 390px viewport — are replaced by the token-owned column PRIORITY
+     * measures (`--table-action-collection-*`) under `table-layout: fixed`, and cells wrap instead
+     * of forcing a horizontal scroll. Mark each column with `priority` on its `TableHead`/`TableCell`.
+     * The table keeps its real semantics: no `display` change, no role rewriting, no card swap, so
+     * header association, `aria-sort` and screen-reader table navigation are identical at every width.
+     */
+    preset?: TablePresetProp;
+    /**
+     * Step at which `preset="action-collection"` switches to the priority measures, measured against
+     * the TABLE's own container (not the viewport), so a table inside a rail collapses before the
+     * page does. Defaults to `"sm"` (40rem). Ignored while `preset` is `"default"`.
+     */
+    collapseBelow?: BreakpointProp;
 };
 export declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & {
     /**
@@ -18,9 +36,36 @@ export declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes
      * avoids a redundant NESTED scroll container and a duplicate keyboard focus stop for one table.
      */
     scrollable?: boolean;
+    /**
+     * Named collection contract. `"default"` (the default) emits no attribute and keeps the plain
+     * table exactly as it is. `"action-collection"` is the canonical dense approval / action queue
+     * (gh#253): below `collapseBelow`, the desktop intrinsic column widths — the thing that pushes
+     * the last columns outside a 390px viewport — are replaced by the token-owned column PRIORITY
+     * measures (`--table-action-collection-*`) under `table-layout: fixed`, and cells wrap instead
+     * of forcing a horizontal scroll. Mark each column with `priority` on its `TableHead`/`TableCell`.
+     * The table keeps its real semantics: no `display` change, no role rewriting, no card swap, so
+     * header association, `aria-sort` and screen-reader table navigation are identical at every width.
+     */
+    preset?: TablePresetProp;
+    /**
+     * Step at which `preset="action-collection"` switches to the priority measures, measured against
+     * the TABLE's own container (not the viewport), so a table inside a rail collapses before the
+     * page does. Defaults to `"sm"` (40rem). Ignored while `preset` is `"default"`.
+     */
+    collapseBelow?: BreakpointProp;
 } & React.RefAttributes<HTMLTableElement>>;
 export declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
 export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
 export declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
-export declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-export declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+/**
+ * Column priority carried by BOTH the header cell and the body cells of a column. Read only by
+ * `Table preset="action-collection"` below its collapse step, where it selects the column's
+ * token-owned measure; unset columns take the remaining space. Emitted as `data-priority` only
+ * when supplied, so an ordinary table gains no attribute.
+ */
+type TableCellPriority = {
+    priority?: TableColumnPriorityProp;
+};
+export declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & TableCellPriority & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & TableCellPriority & React.RefAttributes<HTMLTableCellElement>>;
+export {};

package/dist/components/data-display/table.js

@@ -3,16 +3,23 @@ import * as React from "react";
 import { tableHeadHeightClass } from "../../lib/control-styles.js";
 import { cn } from "../../lib/utils.js";
 const Table = React.forwardRef(
-  ({ className, scrollable = true, ...props }, ref) => (
+  ({ className, scrollable = true, preset = "default", collapseBelow = "sm", ...props }, ref) => (
     // A table wider than its container scrolls horizontally in this wrapper; keep it
     // keyboard-reachable so it can be scrolled without a pointer (WCAG 2.1.1 / axe
     // scrollable-region-focusable). No landmark role — avoids landmark-unique collisions.
     // When `scrollable` is false an ancestor owns the scroll region, so this is a bare
     // positioning box (no `overflow`, no tab stop) to avoid a redundant nested scroller.
+    // The preset adds ONE class (the container the collapse step is measured against) and the
+    // step attribute; with `preset="default"` neither is emitted, so the box is byte-identical.
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: scrollable ? "relative w-full overflow-auto" : "relative w-full",
+        className: cn(
+          scrollable ? "relative w-full overflow-auto" : "relative w-full",
+          preset !== "default" && "ui-table-collection"
+        ),
+        "data-preset": preset === "default" ? void 0 : preset,
+        "data-collapse-below": preset === "default" ? void 0 : collapseBelow,
         ...scrollable ? { tabIndex: 0 } : {},
         children: /* @__PURE__ */ jsx(
           "table",
@@ -44,9 +51,27 @@ const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("th", { ref, "data-slot": "table-head", className: cn(tableHeadHeightClass, className), ...props }));
+const TableHead = React.forwardRef(({ className, priority, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    "data-slot": "table-head",
+    "data-priority": priority,
+    className: cn(tableHeadHeightClass, className),
+    ...props
+  }
+));
 TableHead.displayName = "TableHead";
-const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("td", { ref, "data-slot": "table-cell", className: cn(className), ...props }));
+const TableCell = React.forwardRef(({ className, priority, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    "data-slot": "table-cell",
+    "data-priority": priority,
+    className: cn(className),
+    ...props
+  }
+));
 TableCell.displayName = "TableCell";
 export {
   Table,

package/dist/components/data-entry/command.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
 export declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -26,38 +26,38 @@ export declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pic
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "onSelect" | "value" | "disabled"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/data-entry/index.d.ts

@@ -55,6 +55,7 @@ export type { PasswordInputProps } from "./password-input.js";
 export { PasswordStrength, usePasswordStrength } from "./password-strength.js";
 export type { PasswordRule, PasswordStrengthLabels, PasswordStrengthProps, PasswordStrengthReturn, } from "./password-strength.js";
 export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from "./input-otp.js";
+export type { InputOTPGroupAppearanceProp, InputOTPGroupProp, InputOTPGroupProps, } from "./input-otp.js";
 export { Rating } from "./rating.js";
 export type { RatingProps } from "./rating.js";
 export { TagInput } from "./tag-input.js";

package/dist/components/data-entry/input-otp.d.ts

@@ -1 +1,2 @@
 export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from "../ui/input-otp.js";
+export type { InputOTPGroupAppearanceProp, InputOTPGroupProp, InputOTPGroupProps, } from "../ui/input-otp.js";

package/dist/components/feedback/alert.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { ToneProp } from "../../props/vocabulary/index.js";
-import type { AlertQueryErrorProp } from "../../props/components/feedback.prop.js";
-export type { AlertProp, AlertProp as AlertProps, AlertTitleProp, AlertTitleProp as AlertTitleProps, AlertContentProp, AlertContentProp as AlertContentProps, AlertDescriptionProp, AlertDescriptionProp as AlertDescriptionProps, AlertActionsProp, AlertActionsProp as AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProp as AlertQueryErrorProps, } from "../../props/components/feedback.prop.js";
+import type { AlertQueryErrorProp, BannerProp } from "../../props/components/feedback.prop.js";
+export type { BannerProp, BannerProp as BannerProps, AlertProp, AlertProp as AlertProps, AlertTitleProp, AlertTitleProp as AlertTitleProps, AlertContentProp, AlertContentProp as AlertContentProps, AlertDescriptionProp, AlertDescriptionProp as AlertDescriptionProps, AlertActionsProp, AlertActionsProp as AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProp as AlertQueryErrorProps, } from "../../props/components/feedback.prop.js";
 declare const AlertBase: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     variant?: import("../../props/index.js").AlertVariantProp;
     tone?: ToneProp;
@@ -63,4 +63,22 @@ export declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes
     } & React.RefAttributes<HTMLDivElement>>;
     QueryError: typeof AlertQueryError;
 };
+export declare const Banner: React.ForwardRefExoticComponent<BannerProp & React.RefAttributes<HTMLDivElement>> & {
+    Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
+        className?: import("../../props/index.js").ClassNameProp;
+        children?: import("../../props/index.js").ChildrenProp;
+    } & React.RefAttributes<HTMLParagraphElement>>;
+    Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        className?: import("../../props/index.js").ClassNameProp;
+        children?: import("../../props/index.js").ChildrenProp;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
+        className?: import("../../props/index.js").ClassNameProp;
+        children?: import("../../props/index.js").ChildrenProp;
+    } & React.RefAttributes<HTMLParagraphElement>>;
+    Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        className?: import("../../props/index.js").ClassNameProp;
+        children?: import("../../props/index.js").ChildrenProp;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
 export { AlertBase };

package/dist/components/feedback/alert.js

@@ -159,6 +159,15 @@ const Alert = Object.assign(AlertBase, {
   Actions: AlertActions,
   QueryError: AlertQueryError
 });
+const BannerBase = React.forwardRef(function Banner(props, ref) {
+  return /* @__PURE__ */ jsx(AlertBase, { ...props, ref, variant: "banner" });
+});
+const Banner2 = Object.assign(BannerBase, {
+  Title: AlertTitle,
+  Content: AlertContent,
+  Description: AlertDescription,
+  Actions: AlertActions
+});
 export {
   Alert,
   AlertActions,
@@ -166,5 +175,6 @@ export {
   AlertContent,
   AlertDescription,
   AlertQueryError,
-  AlertTitle
+  AlertTitle,
+  Banner2 as Banner
 };

package/dist/components/feedback/dialog.d.ts

@@ -35,6 +35,19 @@ declare const DialogFooter: {
 };
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+type AlertDialogRootProps = React.ComponentProps<typeof AlertDialogPrimitive.Root> & {};
+/**
+ * Compound alert-dialog Root — the `role="alertdialog"` mirror of {@link DialogRoot}.
+ *
+ * The flat {@link AlertDialog} preset owns the confirm / challenge / step-up recipe and cannot be
+ * re-composed; this Root is what a consumer reaches for when the confirmation needs bespoke
+ * content. It supplies the Radix AlertDialog context that `AlertDialogTitle`,
+ * `AlertDialogDescription`, `AlertDialogAction` and `AlertDialogCancel` read, so the compound
+ * parts are assemblable from the public API alone (no direct `@radix-ui/react-alert-dialog`
+ * import). Focus trap, focus restoration and the modal `role="alertdialog"` semantics stay
+ * Radix-owned.
+ */
+declare function AlertDialogRoot(props: AlertDialogRootProps): React.JSX.Element;
 declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
 declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -94,4 +107,4 @@ export declare const Dialog: typeof DialogRoot & {
     Action: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     Cancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
-export { DialogRoot, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogTitle, DialogDescription, DialogClose, DialogAction, DialogCancel, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, AlertDialog, };
+export { DialogRoot, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogTitle, DialogDescription, DialogClose, DialogAction, DialogCancel, AlertDialogRoot, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, AlertDialog, };

package/dist/components/feedback/dialog.js

@@ -132,6 +132,9 @@ const DialogDescription = React.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DialogDescription.displayName = "DialogDescription";
+function AlertDialogRoot(props) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
 const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 const AlertDialogPortal = AlertDialogPrimitive.Portal;
 const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
@@ -381,6 +384,7 @@ export {
   AlertDialogHeader,
   AlertDialogOverlay,
   AlertDialogPortal,
+  AlertDialogRoot,
   AlertDialogTitle,
   AlertDialogTrigger,
   Dialog,

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

@@ -1,4 +1,4 @@
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogBody, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogAction, DialogCancel, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, AlertDialog, } from "./dialog.js";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogBody, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogAction, DialogCancel, AlertDialogRoot, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, AlertDialog, } from "./dialog.js";
 export type { AlertDialogProp, AlertDialogProps } from "./dialog.js";
 export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, useSheetResponsiveMode, } from "./sheet.js";
 export type { SheetContentProps, SheetPresentation, SheetResponsiveProp } from "./sheet.js";
@@ -8,6 +8,6 @@ export { Toaster } from "./sonner.js";
 export { toast } from "./use-toast.js";
 export { Skeleton, SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "./skeleton.js";
 export type { SkeletonProps } from "./skeleton.js";
-export { Alert, AlertTitle, AlertContent, AlertDescription, AlertActions, AlertQueryError, } from "./alert.js";
-export type { AlertProp, AlertProps, AlertTitleProp, AlertTitleProps, AlertContentProp, AlertContentProps, AlertDescriptionProp, AlertDescriptionProps, AlertActionsProp, AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProps, } from "./alert.js";
+export { Alert, AlertTitle, AlertContent, AlertDescription, AlertActions, AlertQueryError, Banner, } from "./alert.js";
+export type { BannerProp, BannerProps, AlertProp, AlertProps, AlertTitleProp, AlertTitleProps, AlertContentProp, AlertContentProps, AlertDescriptionProp, AlertDescriptionProps, AlertActionsProp, AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProps, } from "./alert.js";
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./tooltip.js";

package/dist/components/feedback/index.js

@@ -12,6 +12,7 @@ import {
   DialogTrigger,
   DialogAction,
   DialogCancel,
+  AlertDialogRoot,
   AlertDialogTrigger,
   AlertDialogPortal,
   AlertDialogOverlay,
@@ -48,7 +49,8 @@ import {
   AlertContent,
   AlertDescription,
   AlertActions,
-  AlertQueryError
+  AlertQueryError,
+  Banner
 } from "./alert.js";
 import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./tooltip.js";
 export {
@@ -65,10 +67,12 @@ export {
   AlertDialogHeader,
   AlertDialogOverlay,
   AlertDialogPortal,
+  AlertDialogRoot,
   AlertDialogTitle,
   AlertDialogTrigger,
   AlertQueryError,
   AlertTitle,
+  Banner,
   Dialog,
   DialogAction,
   DialogBody,

package/dist/components/general/logo.d.ts

@@ -13,7 +13,13 @@ export interface LogoProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "
      * `"glyph"` preserves the configurable boxed-glyph treatment.
      */
     mark?: LogoMark;
-    /** Box size tier (tokenised). Default `"md"` (1.75rem). */
+    /**
+     * Box size tier (tokenised), applied to EVERY mark. The boxed glyph reads `--logo-size-*`
+     * (default `md` = 1.75rem); `mark="godx"` reads its own `--logo-godx-size-*` scale (default `md`
+     * = 2rem — the identity artwork is a capsule in a square viewBox and needs slightly more box to
+     * read at the same optical weight). On a `wordmark` lockup the tier scales the mark and the
+     * wordmark together. A theme pins the identity box at every tier with `--logo-godx-size`.
+     */
     size?: LogoSize;
     /**
      * Semantic fill role. `"success"` provides the canonical green identity mark without changing

package/dist/components/general/logo.js

@@ -49,7 +49,7 @@ const Logo = React.forwardRef(
           ...props,
           children: [
             /* @__PURE__ */ jsx("span", { "data-slot": "logo", ...identity, className: "ui-logo", "aria-hidden": "true", children: /* @__PURE__ */ jsx(MarkArtwork, { mark, glyph }) }),
-            /* @__PURE__ */ jsx("span", { "data-slot": "logo-wordmark", className: "ui-logo-wordmark", children: wordmark })
+            /* @__PURE__ */ jsx("span", { "data-slot": "logo-wordmark", "data-logotype": true, className: "ui-logo-wordmark", children: wordmark })
           ]
         }
       );

package/dist/components/layout/app-shell.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import type { AppShellProp } from "../../props/components/layout.prop.js";
 export type { AppShellProp, AppShellProp as AppShellProps, } from "../../props/components/layout.prop.js";
-export declare function AppShell({ sidebar, topbar, topbarLeft, topbarRight, logo, breadcrumb, footer, children, sidebarCollapsed, mobileNav, mobileNavLabel, mobileNavOpen, onMobileNavOpenChange, }: AppShellProp): React.JSX.Element;
+export declare function AppShell({ sidebar, topbar, topbarLeft, topbarRight, logo, breadcrumb, footer, children, sidebarCollapsed, responsiveNavigation, mobileNav, mobileNavLabel, mobileNavOpen, onMobileNavOpenChange, }: AppShellProp): React.JSX.Element;