@starci/grammar 0.12.3 → 0.12.5

package/dist/common/components-navigation.css

@@ -18,26 +18,18 @@
 
     /* ---------- Link ---------- */
     .starci-core-link {
-        color: var(--accent, var(--starci-core-accent, LinkText));
         text-decoration-line: underline;
         text-decoration-thickness: 1px;
         text-underline-offset: 0.2em;
-        border-radius: 0.25rem;
         overflow-wrap: anywhere;
     }
 
-    .starci-core-link[data-grammar-link-visited="distinct"]:visited {
-        color: var(--accent-soft-foreground, var(--starci-core-accent, VisitedText));
-    }
-
     .starci-core-link:hover,
     .starci-core-link[data-hovered="true"] {
         text-decoration-thickness: 2px;
     }
 
     .starci-core-link[data-grammar-current="true"] {
-        color: var(--foreground, var(--starci-core-foreground, CanvasText));
-        font-weight: 600;
         text-decoration-line: none;
     }
 
@@ -48,9 +40,7 @@
     }
 
     .starci-core-link[aria-disabled="true"] {
-        color: var(--muted, GrayText);
         text-decoration-line: none;
-        cursor: default;
     }
 
     .starci-core-link-external-icon {
@@ -88,7 +78,6 @@
         min-width: 0;
         align-items: center;
         gap: var(--grammar-inline-gap, 0.5rem);
-        color: var(--muted, var(--starci-core-muted, GrayText));
     }
 
     .starci-core-breadcrumb-label {
@@ -118,8 +107,6 @@
 
     .starci-core-breadcrumb-label[data-grammar-current="true"] {
         max-width: none;
-        color: var(--foreground, var(--starci-core-foreground, CanvasText));
-        font-weight: 600;
     }
 
     /* A crumb whose label is not known yet (knowledge STATE-8): a short Skeleton text line of the label's size. */
@@ -156,8 +143,6 @@
     .starci-core-pagination-page,
     .starci-core-pagination-step {
         min-inline-size: 2.75rem;
-        min-block-size: 2.75rem;
-        border-radius: var(--radius, 0.5rem);
     }
 
     .starci-core-pagination-step {
@@ -167,20 +152,6 @@
         padding-inline: 0.75rem;
     }
 
-    .starci-core-pagination-page[data-grammar-current="true"] {
-        background: var(--accent-soft, var(--starci-core-accent, Highlight));
-        color: var(--accent-soft-foreground, var(--starci-core-accent, HighlightText));
-        font-weight: 600;
-    }
-
-    .starci-core-pagination-page:focus-visible,
-    .starci-core-pagination-step:focus-visible,
-    .starci-core-pagination-page[data-focus-visible="true"],
-    .starci-core-pagination-step[data-focus-visible="true"] {
-        outline: 2px solid var(--focus, var(--accent, Highlight));
-        outline-offset: 2px;
-    }
-
     @media (max-width: 30rem) {
         .starci-core-pagination-step-label {
             position: absolute;
@@ -508,11 +479,6 @@
         opacity: 0.5;
     }
 
-    .starci-core-bottom-nav-item[data-grammar-current="true"] {
-        color: var(--accent, Highlight);
-        font-weight: 600;
-    }
-
     .starci-core-bottom-nav-item:focus-visible {
         outline: 2px solid var(--focus, var(--accent, Highlight));
         outline-offset: -2px;
@@ -629,21 +595,14 @@
 
     .starci-core-footer-links .starci-core-link {
         display: inline-flex;
-        min-block-size: 2.75rem;
         align-items: center;
-        color: var(--muted, GrayText);
         text-decoration-line: none;
     }
 
     .starci-core-footer-links .starci-core-link:hover {
-        color: var(--foreground, CanvasText);
         text-decoration-line: underline;
     }
 
-    .starci-core-footer-links .starci-core-link[data-grammar-current="true"] {
-        color: var(--foreground, CanvasText);
-    }
-
     .starci-core-footer-legal {
         color: var(--muted, GrayText);
         font-size: 0.8125rem;
@@ -654,38 +613,37 @@
         flex: 0 0 auto;
     }
 
-    /* The control size: the shared control height (2.75rem) over the vendor `lg` avatar, so it lines up with the IconButtons of a bar. */
-    .starci-core-avatar[data-grammar-avatar-size="control"] {
-        --avatar-size: var(--starci-core-control-min-size, 2.75rem);
-        block-size: var(--starci-core-control-min-size, 2.75rem) !important;
-        inline-size: var(--starci-core-control-min-size, 2.75rem) !important;
+    .starci-core-avatar-initials {
+        inline-size: 100%;
+        block-size: 100%;
+        object-fit: cover;
     }
 
-    .starci-core-avatar-skeleton[data-grammar-avatar-size="control"] > * {
-        block-size: var(--starci-core-control-min-size, 2.75rem);
-        inline-size: var(--starci-core-control-min-size, 2.75rem);
+    .starci-core-avatar-agent-anchor {
+        overflow: visible !important;
+        background: transparent !important;
+        border-radius: 50% !important;
     }
 
-    /* A loading avatar (knowledge STATE-8): the Skeleton circle at the avatar's size. */
-    .starci-core-avatar-skeleton { display: inline-flex; }
+    .starci-core-avatar-agent-badge {
+        --badge-border: var(--surface, Canvas) !important;
+        box-shadow: 0 0 0 1px var(--surface, Canvas);
+    }
 
-    .starci-core-avatar[data-grammar-current="true"] {
-        box-shadow: 0 0 0 2px var(--background, Canvas), 0 0 0 4px var(--accent, Highlight);
+    .starci-core-avatar-agent-glyph {
+        inline-size: 0.75rem;
+        block-size: 0.75rem;
     }
 
+    /* A loading avatar (knowledge STATE-8): the Skeleton circle at the avatar's size. */
+    .starci-core-avatar-skeleton { display: inline-flex; }
+
     /*
-     * A square brand mark (Avatar shape="square"): a transparent box with no corner and no clipping; the image is contained, so a round,
+     * A square brand mark (Avatar shape="square"): no clipping; the image is contained, so a round,
      * square or wide logo shows whole in its own shape.
      */
     .starci-core-avatar[data-grammar-avatar-shape="square"] {
         overflow: visible !important;
-        border-radius: 0 !important;
-        background: transparent !important;
-    }
-
-    .starci-core-avatar[data-grammar-avatar-shape="square"] > * {
-        border-radius: 0 !important;
-        background-color: transparent;
     }
 
     .starci-core-avatar[data-grammar-avatar-shape="square"] img {
@@ -694,15 +652,6 @@
         object-fit: contain !important;
     }
 
-    /* A rounded brand or workspace mark (Avatar shape="rounded", an explicit opt-in): the image and the initials share the corner. */
-    .starci-core-avatar[data-grammar-avatar-shape="rounded"] {
-        border-radius: 0.75rem !important;
-    }
-
-    .starci-core-avatar[data-grammar-avatar-shape="rounded"] > * {
-        border-radius: inherit !important;
-    }
-
     /*
      * --- PlainPressable: a pressable that does not look like a button ---
      * No padding, background, border or button shape in any state; NO hover effect; the only feedback is a zoom-out on
@@ -796,13 +745,6 @@
         white-space: nowrap;
     }
 
-    /* The workspace monogram shares the mark's transparent box and uses the foreground text color. */
-    .starci-core-identity-lockup [data-grammar-avatar-fallback] {
-        background-color: transparent !important;
-        color: var(--foreground, CanvasText) !important;
-        font-weight: 600;
-    }
-
     .starci-core-avatar-group {
         min-width: 0;
         max-width: 100%;
@@ -837,37 +779,15 @@
         white-space: nowrap;
     }
 
-    .starci-core-tag[data-selected="true"],
-    .starci-core-tag:has(> [data-grammar-selected="true"]) {
-        background: var(--accent-soft, Highlight);
-        color: var(--accent-soft-foreground, HighlightText);
-    }
-
     /*
-     * Selectable chips (0.9.6, selectionMode single or multiple): a group of choices reads as secondary
-     * buttons with a border. Unselected = the secondary-button face (--default, hover --default-hover,
-     * the same tokens `.button--secondary` uses) with a 1px inset --border and the default foreground;
-     * selected = the accent-soft fill plus a 1px inset accent border. Static groups (selectionMode
-     * "none") and off chips are not matched and keep their look. The vendor `.tag--default` paint lives
-     * in the later `components` layer, which beats any earlier layer, so only the background takes
-     * `!important` (the same documented approach as the off chip); a family restyles it through
-     * `--starci-core-tag-bg` and `--starci-core-tag-bg-hover`, never by out-ranking this rule.
+     * Selectable chips (0.9.6, selectionMode single or multiple): a group of choices carries a 1px inset ring,
+     * --border when unselected and --accent when selected. The chip face, hover and selected paint are HeroUI's own.
+     * Static groups (selectionMode "none") and off chips are not matched and keep their look.
      */
     .starci-core-tag-group:is([data-grammar-tag-selection="single"], [data-grammar-tag-selection="multiple"]) .starci-core-tag:not([data-grammar-tag-state="off"]) {
         box-shadow: inset 0 0 0 1px var(--starci-core-tag-ring, var(--border, GrayText));
     }
 
-    .starci-core-tag-group:is([data-grammar-tag-selection="single"], [data-grammar-tag-selection="multiple"]) .starci-core-tag:not([data-grammar-tag-state="off"]):not([data-selected="true"]):not(:has(> [data-grammar-selected="true"])) {
-        background: var(--starci-core-tag-bg, var(--default, ButtonFace)) !important;
-        color: var(--default-foreground, var(--foreground, ButtonText));
-    }
-
-    @media (hover: hover) {
-        .starci-core-tag-group:is([data-grammar-tag-selection="single"], [data-grammar-tag-selection="multiple"]) .starci-core-tag:not([data-grammar-tag-state="off"]):not([data-selected="true"]):not([data-disabled="true"]):not(:has(> [data-grammar-selected="true"])):is(:hover, [data-hovered="true"]) {
-            background: var(--starci-core-tag-bg-hover, var(--default-hover, ButtonFace)) !important;
-        }
-    }
-
     .starci-core-tag-group:is([data-grammar-tag-selection="single"], [data-grammar-tag-selection="multiple"]) .starci-core-tag:not([data-grammar-tag-state="off"]):is([data-selected="true"], :has(> [data-grammar-selected="true"])) {
         --starci-core-tag-ring: var(--accent, Highlight);
     }
@@ -879,18 +799,7 @@
         }
     }
 
-    /*
-     * An off chip (0.6.0, `TagGroupItem.isOff`): HeroUI's tertiary chip - a transparent ground - with a
-     * 1px --border outline and the muted foreground, so it reads as present-but-off beside its filled
-     * peers. It stays focusable (no disabled opacity). `!important` because the vendor `.tag--default`
-     * paint lives in the later `components` layer.
-     */
-    .starci-core-tag[data-grammar-tag-state="off"] {
-        background: transparent !important;
-        box-shadow: inset 0 0 0 1px var(--border, GrayText) !important;
-        color: var(--muted, GrayText) !important;
-    }
-
+    /* An off chip (`TagGroupItem.isOff`) is HeroUI's `surface` chip variant; only forced-colors needs a mark beyond it. */
     @media (forced-colors: active) {
         .starci-core-tag[data-grammar-tag-state="off"] {
             outline: 1px dashed GrayText;
@@ -905,7 +814,6 @@
 
     .starci-core-tag-remove {
         min-inline-size: 1.5rem;
-        min-block-size: 1.5rem;
     }
 
     .starci-core-tag-empty {
@@ -940,20 +848,16 @@
     .starci-core-data-table-content {
         min-width: 100%;
         width: max-content;
-        border-collapse: separate;
-        border-spacing: 0;
     }
 
     .starci-core-data-table[data-grammar-table-sticky="true"] .starci-core-data-table-header {
         position: sticky;
         z-index: 1;
         top: 0;
-        background: var(--surface, Canvas);
     }
 
     .starci-core-data-table-column,
     .starci-core-data-table-cell {
-        padding: 0.75rem;
         text-align: start;
         white-space: nowrap;
     }
@@ -961,13 +865,11 @@
     .starci-core-data-table-column[data-grammar-table-align="end"],
     .starci-core-data-table-cell[data-grammar-table-align="end"] {
         text-align: end;
-        font-variant-numeric: tabular-nums;
     }
 
     .starci-core-data-table-column[data-grammar-table-selection="true"],
     .starci-core-data-table-cell[data-grammar-table-selection="true"] {
         width: 2.75rem;
-        padding-inline-end: 0;
     }
 
     .starci-core-data-table-row[data-grammar-selected="true"] {
@@ -975,13 +877,6 @@
         color: var(--accent-soft-foreground, HighlightText);
     }
 
-    .starci-core-data-table-row[data-focus-visible="true"],
-    .starci-core-data-table-column[data-focus-visible="true"],
-    .starci-core-data-table-cell[data-focus-visible="true"] {
-        outline: 2px solid var(--focus, var(--accent, Highlight));
-        outline-offset: -2px;
-    }
-
     .starci-core-data-table-placeholder {
         display: flex;
         min-block-size: 8rem;
@@ -993,23 +888,8 @@
         text-align: center;
     }
 
-    .starci-core-data-table-cell[data-grammar-cell-tone="muted"] {
-        background: var(--surface-secondary, Canvas);
-    }
-
-    .starci-core-data-table-cell[data-grammar-cell-highlighted="true"] {
-        background: var(--accent-soft, Highlight);
-    }
-
-    .starci-core-data-table-cell[data-grammar-cell-interaction="true"] {
-        height: 1px;
-        padding: 0;
-    }
-
     .starci-core-data-table-cell-content {
         box-sizing: border-box;
-        height: 100%;
-        padding: 0.75rem;
     }
 
     .starci-core-drag-item {
@@ -1025,11 +905,6 @@
         padding: 0.25rem 0.5rem;
     }
 
-    .starci-core-drag-item[data-grammar-selected="true"] {
-        outline: 2px solid var(--accent, Highlight);
-        outline-offset: 1px;
-    }
-
     .starci-core-drag-item[data-grammar-invalid="true"] {
         border-color: var(--danger, Mark);
         border-inline-start-color: var(--starci-drag-item-leading, var(--danger, Mark));
@@ -1194,6 +1069,25 @@
         flex: 0 0 auto;
     }
 
+    .starci-core-list-box-item {
+        --grammar-list-leading-size: 2.5rem;
+    }
+
+    .starci-core-list-box-item[data-grammar-list-size="sm"] {
+        --grammar-list-leading-size: 2rem;
+    }
+
+    .starci-core-list-box-item[data-grammar-list-size="lg"] {
+        --grammar-list-leading-size: 3rem;
+    }
+
+    .starci-core-list-box-item > [data-grammar-list-leading="true"] {
+        inline-size: var(--grammar-list-leading-size);
+        block-size: var(--grammar-list-leading-size);
+        align-items: center;
+        justify-content: center;
+    }
+
     [data-grammar-list-trailing] {
         margin-inline-start: auto;
     }
@@ -1255,6 +1149,9 @@
         justify-content: space-between;
         gap: var(--grammar-row-gap, 0.75rem);
         text-align: start;
+    }
+
+    .starci-core-disclosure-trigger {
         font-weight: 600;
     }
 
@@ -1517,7 +1414,6 @@
 
     .starci-core-calendar-nav {
         min-inline-size: 2.75rem;
-        min-block-size: 2.75rem;
     }
 
     .starci-core-calendar-month {
@@ -1525,13 +1421,7 @@
         table-layout: fixed;
     }
 
-    .starci-core-calendar-day[data-selected="true"] {
-        background: var(--accent, Highlight);
-        color: var(--accent-foreground, HighlightText);
-    }
-
     .starci-core-calendar-day[data-unavailable="true"] {
-        color: var(--muted, GrayText);
         text-decoration-line: line-through;
     }
 
@@ -1582,7 +1472,7 @@
     .starci-core-flow-graph[data-grammar-flow-height="sm"] .starci-core-flow-graph-canvas { block-size: 16rem; }
     .starci-core-flow-graph[data-grammar-flow-height="lg"] .starci-core-flow-graph-canvas { block-size: 32rem; }
 
-    .starci-core-flow-graph-loading > .starci-core-skeleton { block-size: 100%; aspect-ratio: auto; border-radius: 0; }
+    .starci-core-flow-graph-loading > .starci-core-skeleton { block-size: 100%; aspect-ratio: auto; }
 
     .starci-core-flow-graph-empty {
         display: flex;
@@ -1713,7 +1603,6 @@
     }
 
     /* Selection and keyboard focus draw the package focus ring on the card, not on the React Flow wrapper. */
-    .starci-core-flow-graph-node[data-grammar-selected="true"],
     .starci-core-flow-graph .react-flow__node:focus-visible > .starci-core-flow-graph-node {
         outline: 2px solid var(--focus, var(--starci-core-focus, Highlight));
         outline-offset: 2px;

package/dist/common/components-overlays.css

@@ -104,18 +104,11 @@
     .starci-core-drawer {
         display: flex;
         min-width: 0;
-        min-height: 0;
         flex: 1;
         flex-direction: column;
         gap: var(--grammar-section-gap, 1rem);
-        max-height: calc(100dvh - 2 * var(--grammar-page-inset, 1rem));
         overflow: hidden;
-        padding: 1.5rem;
-        border-radius: var(--starci-core-surface-radius, 1rem);
-        background: var(--surface, Canvas);
         color: var(--surface-foreground, CanvasText);
-        box-shadow: var(--starci-core-surface-shadow, var(--shadow-surface, 0 8px 28px color-mix(in srgb, var(--foreground, CanvasText) 12%, transparent)));
-        outline: none;
     }
 
     /* The vendor header is `flex flex-col`; the title group and the close action share one row, the action at the end. */
@@ -143,11 +136,6 @@
 
     .starci-core-overlay-title {
         margin: 0;
-        color: var(--surface-foreground, CanvasText);
-        font-size: 1.125rem;
-        font-weight: 700;
-        letter-spacing: -0.01em;
-        line-height: 1.3;
         overflow-wrap: anywhere;
     }
 
@@ -159,12 +147,9 @@
     }
 
     .starci-core-overlay-body {
-        min-height: 0;
         flex: 1;
         overflow-y: auto;
         overscroll-behavior: contain;
-        font-size: 0.875rem;
-        line-height: 1.5;
     }
 
     .starci-core-overlay-footer {
@@ -191,8 +176,6 @@
         align-items: center;
         justify-content: center;
         width: 2.5rem;
-        height: 2.5rem;
-        border-radius: 999px;
         background: color-mix(in srgb, var(--starci-core-overlay-tone) 16%, transparent);
         color: var(--starci-core-overlay-tone);
     }
@@ -262,37 +245,10 @@
         bottom: 0;
     }
 
-    .starci-core-drawer {
-        max-height: none;
-        border-radius: 0;
-    }
-
-    .starci-core-drawer[data-placement="right"] {
-        border-start-start-radius: var(--starci-core-surface-radius, 1rem);
-        border-end-start-radius: var(--starci-core-surface-radius, 1rem);
-    }
-
-    .starci-core-drawer[data-placement="left"] {
-        border-start-end-radius: var(--starci-core-surface-radius, 1rem);
-        border-end-end-radius: var(--starci-core-surface-radius, 1rem);
-    }
-
-    .starci-core-drawer[data-placement="bottom"] {
-        padding-block-end: max(1.5rem, env(safe-area-inset-bottom));
-        border-start-start-radius: var(--starci-core-surface-radius, 1rem);
-        border-start-end-radius: var(--starci-core-surface-radius, 1rem);
-    }
-
-    .starci-core-drawer[data-placement="top"] {
-        border-end-start-radius: var(--starci-core-surface-radius, 1rem);
-        border-end-end-radius: var(--starci-core-surface-radius, 1rem);
-    }
-
     .starci-core-drawer-handle {
         display: flex;
         justify-content: center;
         margin-block: -0.75rem -0.25rem;
-        padding-block: 0.5rem;
         cursor: grab;
         touch-action: none;
     }
@@ -348,10 +304,7 @@
     .starci-core-popover {
         max-width: min(20rem, calc(100vw - 2rem));
         overflow: auto;
-        border-radius: var(--starci-core-control-radius, 0.75rem);
-        background: var(--surface, Canvas);
         color: var(--surface-foreground, CanvasText);
-        box-shadow: var(--starci-core-surface-shadow, var(--shadow-surface, 0 8px 28px color-mix(in srgb, var(--foreground, CanvasText) 12%, transparent)));
         outline: none;
     }
 
@@ -363,8 +316,6 @@
         display: flex;
         flex-direction: column;
         gap: var(--grammar-inline-gap, 0.5rem);
-        padding: 1rem;
-        outline: none;
         font-size: 0.875rem;
         line-height: 1.5;
     }
@@ -375,10 +326,6 @@
         overflow-wrap: anywhere;
     }
 
-    .starci-core-popover-dialog > .starci-core-overlay-title {
-        font-size: 1rem;
-    }
-
     .starci-core-popover-arrow svg {
         display: block;
         fill: var(--surface, Canvas);
@@ -571,8 +518,6 @@
      */
     .starci-core-alert[data-grammar-appearance="soft"] {
         --starci-core-alert-soft: var(--default-soft, var(--default, transparent));
-        background: color-mix(in srgb, var(--starci-core-alert-soft) 50%, transparent);
-        box-shadow: none;
     }
 
     .starci-core-alert[data-grammar-appearance="soft"][data-grammar-tone="informative"] {
@@ -595,7 +540,6 @@
        surface, so the content takes its own height. */
     .starci-core-alert-content {
         min-width: min(100%, 12rem);
-        height: auto;
         flex: 1;
     }
 
@@ -666,19 +610,10 @@
     .starci-core-kbd {
         display: inline-flex;
         min-width: 1.5rem;
-        height: 1.5rem;
         align-items: center;
         justify-content: center;
         gap: 0.125rem;
-        padding: 0 0.375rem;
         border: 1px solid var(--border, CanvasText);
-        border-radius: 0.375rem;
-        background: var(--surface-secondary, Canvas);
-        color: var(--surface-foreground, CanvasText);
-        font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
-        font-size: 0.75rem;
-        font-weight: 500;
-        line-height: 1;
         white-space: nowrap;
     }
 
@@ -739,9 +674,6 @@
         position: relative;
         display: block;
         overflow: hidden;
-        border-radius: 0.25rem;
-        background: color-mix(in srgb, var(--foreground, CanvasText) 9%, transparent);
-        pointer-events: none;
     }
 
     .starci-core-skeleton-group > .starci-core-skeleton {
@@ -756,7 +688,6 @@
     .starci-core-skeleton[data-shape="rect"] {
         width: 100%;
         aspect-ratio: 16 / 9;
-        border-radius: var(--starci-core-surface-radius, 1rem);
     }
 
     .starci-core-skeleton[data-shape="rect"][data-ratio="square"] {
@@ -771,7 +702,6 @@
         flex: none;
         width: 2.5rem;
         height: 2.5rem;
-        border-radius: 999px;
     }
 
     .starci-core-skeleton[data-shape="circle"][data-size="sm"] {
@@ -846,22 +776,10 @@
 
     .starci-core-meter-output {
         color: var(--muted, GrayText);
-        font-size: 0.875rem;
-        font-variant-numeric: tabular-nums;
     }
 
     .starci-core-meter-track {
         overflow: hidden;
-        height: 0.5rem;
-        border-radius: 999px;
-        background: color-mix(in srgb, var(--foreground, CanvasText) 10%, transparent);
-    }
-
-    .starci-core-meter-fill {
-        height: 100%;
-        border-radius: inherit;
-        background: var(--starci-core-overlay-tone);
-        transition: width var(--starci-core-motion-duration, 180ms) var(--starci-core-motion-easing, cubic-bezier(0.2, 0, 0, 1));
     }
 
     /* The loading meter root keeps the meter's column (label above the bar) and is inert. */
@@ -878,7 +796,6 @@
     .starci-core-meter-skeleton-bar > .starci-core-skeleton {
         block-size: 100%;
         aspect-ratio: auto;
-        border-radius: inherit;
     }
 
     /*
@@ -925,8 +842,7 @@
             animation: none;
         }
 
-        .starci-core-progress-circle [data-slot="progress-circle-fill-circle"],
-        .starci-core-meter-fill {
+        .starci-core-progress-circle [data-slot="progress-circle-fill-circle"] {
             transition: none;
         }
 

package/dist/common/registry.d.ts

@@ -9,8 +9,8 @@ type ExtensionWithoutCommonCollisions<Common extends GrammarRendererRegistry, Ex
 };
 export declare const COMMON_GRAMMAR_COMPONENTS: Readonly<{
     readonly Accordion: ({ label, items, expandedIds, defaultExpandedIds, onExpandedChange, allowsMultipleExpanded, headingLevel, className, }: import("./renderers-navigation.js").AccordionProps) => import("react").JSX.Element;
-    readonly Avatar: ({ name, src, seed, fallback, size, shape, isDecorative, isCurrent, className, isSkeleton }: import("./renderers-navigation.js").AvatarProps) => import("react").JSX.Element;
-    readonly AvatarButton: ({ name, src, seed, fallback, size, onPress, isDisabled }: import("./renderers-navigation.js").AvatarButtonProps) => import("react").JSX.Element;
+    readonly Avatar: ({ name, src, seed, kind, fallback, size, shape, isDecorative, isCurrent, className, isSkeleton }: import("./renderers-navigation.js").AvatarProps) => import("react").JSX.Element;
+    readonly AvatarButton: ({ name, src, seed, kind, fallback, size, onPress, isDisabled }: import("./renderers-navigation.js").AvatarButtonProps) => import("react").JSX.Element;
     readonly AvatarGroup: ({ label, items, layout, max, size, overflowLabel, className }: import("./renderers-navigation.js").AvatarGroupProps) => import("react").JSX.Element;
     readonly BottomNav: ({ label, items, currentId, onSelect, position, visibility, className }: import("./renderers-navigation.js").BottomNavProps) => import("react").JSX.Element;
     readonly Breadcrumbs: ({ label, items, separator, onAction, className }: import("./renderers-navigation.js").BreadcrumbsProps) => import("react").JSX.Element;
@@ -24,7 +24,7 @@ export declare const COMMON_GRAMMAR_COMPONENTS: Readonly<{
     readonly IdentityLockup: ({ title, subtitle, logoSrc, markShape, size, onPress, isDisabled }: import("./renderers-navigation.js").IdentityLockupProps) => import("react").JSX.Element;
     readonly Image: ({ src, alt, aspect, fit, fallback, loading, srcSet, sizes, width, height, onLoadStateChange, plate, className, ...assetSlot }: import("./renderers-navigation.js").ImageProps) => import("react").JSX.Element;
     readonly Link: ({ children, href, kind, isCurrent, visited, externalHint, externalIcon, isDisabled, onFollow, className, }: import("./renderers-navigation.js").LinkProps) => import("react").JSX.Element;
-    readonly ListBox: ({ label, items, sections, inset, selectionMode, selectedIds, defaultSelectedIds, onSelectionChange, onAction, emptyContent, isLoading, loadingRows, className, }: import("./renderers-navigation.js").ListBoxProps) => import("react").JSX.Element;
+    readonly ListBox: ({ label, items, sections, inset, size, selectionMode, selectedIds, defaultSelectedIds, onSelectionChange, onAction, emptyContent, isLoading, loadingRows, className, }: import("./renderers-navigation.js").ListBoxProps) => import("react").JSX.Element;
     readonly Pagination: ({ label, page, pageCount, onPageChange, siblingCount, previousLabel, nextLabel, pageLabel, summary, className, }: import("./renderers-navigation.js").PaginationProps) => import("react").JSX.Element;
     readonly PlainPressable: ({ children, "aria-label": ariaLabel, onPress, isDisabled, shape, size, className }: import("./renderers-navigation.js").PlainPressableProps) => import("react").JSX.Element;
     readonly Rating: ({ label, value, defaultValue, onChange, max, isReadOnly, isDisabled, valueLabel, icon, name, className, }: import("./renderers-navigation.js").RatingProps) => import("react").JSX.Element;
@@ -79,7 +79,7 @@ export declare const COMMON_GRAMMAR_COMPONENTS: Readonly<{
     readonly Heading: ({ children, level, scale, isSkeleton, isVisuallyHidden, }: import("./renderers.js").HeadingProps) => import("react").JSX.Element;
     readonly HorizontalScrollRegion: import("react").ForwardRefExoticComponent<Omit<import("./renderers.js").HorizontalScrollRegionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     readonly Icon: ({ source: Source, usage, ariaLabel, isSkeleton }: import("./renderers.js").IconProps) => import("react").JSX.Element;
-    readonly IconButton: ({ source, label, variant, size, isFloating, isActive, isDisabled, isSkeleton, onPress, "aria-controls": controls, "aria-expanded": expanded, badge, badgeLabel, badgeMax, }: import("./renderers.js").IconButtonProps) => import("react").JSX.Element;
+    readonly IconButton: ({ source, label, intent, step, variant: legacyVariant, size, isFloating, isActive, isDisabled, isSkeleton, onPress, "aria-controls": controls, "aria-expanded": expanded, badge, badgeLabel, badgeMax, }: import("./renderers.js").IconButtonProps) => import("react").JSX.Element;
     readonly IconTile: ({ source, artwork, ariaLabel, tone, size, isSkeleton, }: import("./renderers.js").IconTileProps) => import("react").JSX.Element;
     readonly IncludedMark: ({ className, label, ...props }: import("./renderers.js").IncludedMarkProps) => import("react").JSX.Element;
     readonly Input: ({ id, name, label, isLabelHidden, kind: kindName, variant: requestedVariant, size, placeholder, defaultValue, value, hint, errorMessage, isError, isDisabled, isRequired, isSkeleton, isReadOnly, isCopyable, copyLabel, copiedLabel, copyIcon: CopyIcon, copiedIcon: CopiedIcon, onCopy, revealLabel, hideLabel, revealIcon: RevealIcon, hideIcon: HideIcon, onValueChange, onBlur, onPaste, autoFocus, }: import("./renderers.js").InputProps) => import("react").JSX.Element;