@starci/grammar 0.5.4 → 0.7.0

package/dist/common/styles.css

@@ -307,6 +307,23 @@
         flex: none;
     }
 
+    /* The section count (0.6.0): "(n)" in the title's line, muted and at the regular weight. */
+    .starci-core-section-count {
+        color: var(--starci-core-muted, var(--muted, GrayText));
+        font-weight: 400;
+        font-variant-numeric: tabular-nums;
+    }
+
+    /* The trailing meta (0.6.0): the section's source time, FONT-1 muted, at the end of the row. */
+    .starci-core-section-meta {
+        min-width: 0;
+        flex: 0 1 auto;
+        color: var(--starci-core-muted, var(--muted, GrayText));
+        font-size: 0.75rem;
+        line-height: 1rem;
+        overflow-wrap: anywhere;
+    }
+
     /*
      * Keyboard-reachable scroll owners (VerticalScrollRegion / HorizontalScrollRegion when focusable,
      * the Rail body, fenced code and Markdown table frames) draw the same inset focus ring the chat
@@ -831,6 +848,158 @@
         padding: 0;
     }
 
+    /*
+     * --- Ink band (0.6.0): `SurfaceCard treatment="ink"`, the page's one signature overview moment. ---
+     *
+     * The ground is the family's brand ink: `--accent` (Core; a product whose accent is its ink, e.g.
+     * Nivo #040d1c, gets that exact ink). Offset Pop re-binds the ground and its inks to its own ink and
+     * canvas. Everything painted inside re-reads the band's own tokens, so grammar children (SectionHeader,
+     * Text, IconTile, Badge, DescriptionList, Divider) keep their anatomy and stay AA on any accent:
+     *   - foreground: white on a dark ink (lightness below 0.62), black on a light one - read from the ink
+     *     itself, because a family's accent-foreground is only promised for button-size text;
+     *   - muted: on a dark ink the ink lifted to at least 80% lightness at a quarter of its chroma (about
+     *     10:1 on #040d1c; on a mid-tone such as Core's violet it resolves to the foreground, because nothing
+     *     lighter than white clears AA there); on a light ink the mirror, at most 32% lightness;
+     *   - separator / border 14 points toward the foreground, the plate (`--default`) 8, the orbit 16;
+     *   - soft tone foregrounds: 8% of the tone in the foreground, so a status Badge keeps a hint of its hue
+     *     (its dot and soft fill carry the rest) and stays AA; the soft fills stay HeroUI's translucent mixes.
+     * No gradient, no glow, no shadow beyond the surface's own elevation.
+     */
+    .starci-core-surface[data-grammar-surface-treatment="ink"] {
+        --grammar-ink-band: var(--accent, Highlight);
+        /* 1 on a dark ink (lightness below 0.62), 0 on a light one: every ink below reads toward the far end. */
+        --grammar-ink-band-foreground: oklch(from var(--grammar-ink-band) clamp(0, calc((0.62 - l) * 1000), 1) 0 0);
+        --grammar-ink-band-muted: oklch(from var(--grammar-ink-band) calc(clamp(0, calc((0.62 - l) * 1000), 1) * max(0.8, calc(l + 0.5)) + (1 - clamp(0, calc((0.62 - l) * 1000), 1)) * min(0.32, calc(l - 0.5))) calc(c * 0.25) h);
+        --grammar-ink-band-separator: oklch(from var(--grammar-ink-band) calc(l + (clamp(0, calc((0.62 - l) * 1000), 1) * 2 - 1) * 0.14) c h);
+        --grammar-ink-band-plate: oklch(from var(--grammar-ink-band) calc(l + (clamp(0, calc((0.62 - l) * 1000), 1) * 2 - 1) * 0.08) c h);
+        --grammar-ink-band-orbit: oklch(from var(--grammar-ink-band) calc(l + (clamp(0, calc((0.62 - l) * 1000), 1) * 2 - 1) * 0.16) calc(c * 0.5) h);
+
+        --foreground: var(--grammar-ink-band-foreground);
+        --surface-foreground: var(--grammar-ink-band-foreground);
+        --starci-core-foreground: var(--grammar-ink-band-foreground);
+        --muted: var(--grammar-ink-band-muted);
+        --starci-core-muted: var(--grammar-ink-band-muted);
+        --separator: var(--grammar-ink-band-separator);
+        --border: var(--grammar-ink-band-separator);
+        --starci-core-separator: var(--grammar-ink-band-separator);
+        --starci-core-border: var(--grammar-ink-band-separator);
+        --default: var(--grammar-ink-band-plate);
+        --default-foreground: var(--grammar-ink-band-foreground);
+        --success-soft-foreground: color-mix(in oklab, var(--success, CanvasText) 8%, var(--grammar-ink-band-foreground));
+        --warning-soft-foreground: color-mix(in oklab, var(--warning, CanvasText) 8%, var(--grammar-ink-band-foreground));
+        --danger-soft-foreground: color-mix(in oklab, var(--danger, CanvasText) 8%, var(--grammar-ink-band-foreground));
+        --accent-soft-foreground: var(--grammar-ink-band-foreground);
+        --accent-soft: var(--grammar-ink-band-plate);
+
+        container: starci-core-ink-band / inline-size;
+        isolation: isolate;
+        /* The vendor card content's own row gap would sit between the in-flow art zone and the content. */
+        gap: 0 !important;
+        background: var(--grammar-ink-band);
+        color: var(--grammar-ink-band-foreground);
+    }
+
+    /* The eyebrow is accent text elsewhere; on the accent ground it takes the band's muted ink. */
+    .starci-core-surface[data-grammar-surface-treatment="ink"] .starci-core-section-eyebrow {
+        color: var(--grammar-ink-band-muted);
+    }
+
+    /* Content paints above the decorative zone; the zone never takes a pointer or a focus. */
+    .starci-core-surface[data-grammar-surface-treatment="ink"] > .starci-core-surface-content {
+        position: relative;
+        z-index: 1;
+    }
+
+    /*
+     * The artwork zone. Narrow band (< 48rem): in flow at the head, 11.25rem x 7.5rem (the mascot
+     * minimum 180 x 120), bleeding 2.5rem off the inline-end edge; the content starts below it, so the
+     * art never covers text. Wide band: lifted out of flow at the top inline-end corner, 22.5rem x 15rem,
+     * bleeding 2.25rem off the inline-end and 2.75rem off the top edge (the surface clips it); the
+     * band's own layout keeps its copy in the inline-start columns.
+     */
+    .starci-core-surface-artwork {
+        position: relative;
+        z-index: 0;
+        display: block;
+        width: 11.25rem;
+        height: 7.5rem;
+        margin-block-start: 0.25rem;
+        margin-inline: auto -2.5rem;
+        pointer-events: none;
+        user-select: none;
+    }
+
+    .starci-core-surface-artwork > :not(.starci-core-surface-orbit) {
+        position: relative;
+        width: 100%;
+        height: 100%;
+    }
+
+    /* The slot owns no ground: the art sits straight on the ink (no placeholder plate, no frame, no corner). */
+    .starci-core-surface-artwork > :is(.starci-core-image, .starci-core-media-frame),
+    .starci-core-surface-artwork .starci-core-media-viewport {
+        border: 0;
+        border-radius: 0;
+        background: transparent;
+    }
+
+    .starci-core-surface-artwork :where(img) {
+        display: block;
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+    }
+
+    .starci-core-surface-orbit {
+        position: absolute;
+        inset: -12% -8% -12% -24%;
+        width: 132%;
+        height: 124%;
+        overflow: visible;
+        fill: var(--grammar-ink-band-orbit);
+        stroke: var(--grammar-ink-band-orbit);
+        stroke-width: 1;
+        vector-effect: non-scaling-stroke;
+    }
+
+    .starci-core-surface-orbit > ellipse {
+        fill: none;
+        vector-effect: non-scaling-stroke;
+    }
+
+    @container starci-core-ink-band (min-width: 48rem) {
+        .starci-core-surface-artwork {
+            position: absolute;
+            inset-block-start: -2.75rem;
+            inset-inline-end: -2.25rem;
+            width: 22.5rem;
+            height: 15rem;
+            margin: 0;
+        }
+
+        /* The first face (or the single content region) keeps the zone's 12.25rem in-band height, so the
+           content below it - a stat strip - starts clear of the art. */
+        .starci-core-surface[data-grammar-surface-artwork="art"][data-grammar-surface-composition="joined"] > .starci-core-surface-content > :first-child,
+        .starci-core-surface[data-grammar-surface-artwork="art"][data-grammar-surface-composition="single"] > .starci-core-surface-content {
+            min-block-size: 12.25rem;
+        }
+    }
+
+    @media (forced-colors: active) {
+        .starci-core-surface[data-grammar-surface-treatment="ink"] {
+            --grammar-ink-band: Canvas;
+            --grammar-ink-band-foreground: CanvasText;
+            --grammar-ink-band-muted: CanvasText;
+            --grammar-ink-band-separator: CanvasText;
+            --grammar-ink-band-plate: Canvas;
+            border: 1px solid CanvasText;
+        }
+
+        .starci-core-surface-orbit {
+            display: none;
+        }
+    }
+
     [data-grammar-scroll="contained"] {
         max-height: var(--starci-core-contained-max-height, calc(100dvh - 3rem));
         overflow: hidden;
@@ -2387,6 +2556,22 @@
         padding: 0 !important;
     }
 
+    /*
+     * THE FORM MEASURE WINS OVER THE CARD'S FULL WIDTH. `measure="form"` / `"formCompact"` stamp
+     * `.starci-core-form-surface(--compact)` on this same root, but the important `width: 100%` above
+     * beat their normal `min(100%, 30rem)`, so a form card stretched across the whole content region
+     * (owner, 2026-09-28: the StarCi Next sign-in card at 1184px). The capped card is centred in its
+     * column (knowledge MEASURE-4 case-3: a cap plus `mx-auto`, never a left-aligned cap).
+     */
+    .starci-core-surface-card.starci-core-form-surface {
+        width: min(100%, var(--starci-core-form-measure, 30rem)) !important;
+        margin-inline: auto;
+    }
+
+    .starci-core-surface-card.starci-core-form-surface--compact {
+        width: min(100%, var(--starci-core-form-compact-measure, 28rem)) !important;
+    }
+
     .starci-core-surface-label {
         padding: 0 !important;
     }
@@ -2438,6 +2623,38 @@
         background: var(--border, var(--separator, var(--starci-core-separator, GrayText)));
     }
 
+    /* The unlabelled hairline (0.6.0): BOUNDARY-1, one pixel of --separator across its container, no margin. */
+    .starci-core-divider-bare {
+        display: block;
+        width: 100%;
+        height: 0;
+        flex: none;
+        margin: 0;
+        border: 0;
+        /* A border, not a background: forced colours keep a border and drop a background. */
+        border-block-start: 1px solid var(--separator, var(--starci-core-separator, GrayText));
+    }
+
+    /* --- Pinned action bar (0.6.0): the narrow-screen page command, sticky at the bottom edge. --- */
+    .starci-core-pinned-action-bar {
+        position: sticky;
+        z-index: 10;
+        inset-block-end: 0;
+        display: flex;
+        min-width: 0;
+        flex-direction: column;
+        padding: 0.75rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));
+        border-block-start: 1px solid var(--separator, var(--starci-core-separator, CanvasText));
+        background: var(--surface, Canvas);
+        color: var(--surface-foreground, CanvasText);
+    }
+
+    @media (min-width: 48rem) {
+        .starci-core-pinned-action-bar[data-grammar-pinned-visibility="narrow"] {
+            display: none;
+        }
+    }
+
     /* --- Icon: an app-owned SVG has no intrinsic box, so usage sizing must ship. --- */
     .starci-core-icon {
         flex: none;

package/dist/core/LeadingNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeadingNumber.d.ts","sourceRoot":"","sources":["../../src/core/LeadingNumber.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC7B,mEAAmE;IACnE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC5B,CAAA;AAID;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCAOtD,CAAA"}
+{"version":3,"file":"LeadingNumber.d.ts","sourceRoot":"","sources":["../../src/core/LeadingNumber.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC7B,mEAAmE;IACnE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC5B,CAAA;AAID;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCAStD,CAAA"}

package/dist/core/LeadingNumber.js

@@ -6,5 +6,5 @@ import { leadingNumberClassName } from "./classNames.js";
  * The punctuation and treatment are intentionally closed: an ordinal prefix is
  * quiet reading structure (`1.`), never a badge, chip, status, or decoration.
  */
-export const LeadingNumber = (props) => (_jsxs("span", { className: leadingNumberClassName, "data-contract": "FONT-2 TONE-2", children: [props.position, "."] }));
+export const LeadingNumber = (props) => (_jsxs("span", { className: leadingNumberClassName, "data-component": "LeadingNumber", "data-tier": "atom", "data-contract": "FONT-2 TONE-2", children: [props.position, "."] }));
 //# sourceMappingURL=LeadingNumber.js.map

package/dist/core/LeadingNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeadingNumber.js","sourceRoot":"","sources":["../../src/core/LeadingNumber.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,CACxD,gBACI,SAAS,EAAE,sBAAsB,mBACnB,eAAe,aAE5B,KAAK,CAAC,QAAQ,SACZ,CACV,CAAA"}
+{"version":3,"file":"LeadingNumber.js","sourceRoot":"","sources":["../../src/core/LeadingNumber.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,CACxD,gBACI,SAAS,EAAE,sBAAsB,oBAClB,eAAe,eACpB,MAAM,mBACF,eAAe,aAE5B,KAAK,CAAC,QAAQ,SACZ,CACV,CAAA"}

package/dist/core/OtpInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../../src/core/OtpInput.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,aAAa,GAAG;IACxB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,mEAAmE;IACnE,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,oGAAoG;IACpG,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,gCA4D5C,CAAA"}
+{"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../../src/core/OtpInput.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,aAAa,GAAG;IACxB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,mEAAmE;IACnE,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,oGAAoG;IACpG,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,gCA6D5C,CAAA"}

package/dist/core/OtpInput.js

@@ -26,9 +26,9 @@ export const OtpInput = (props) => {
         });
     }, [props.onChange]);
     const labelId = props.label === undefined ? props.labelledBy : generatedLabelId;
-    const control = (_jsx(HorizontalScrollRegion, { ref: regionRef, className: horizontalScrollRegionClassName, "data-contract": "PADDING-1 OVERFLOW-3 OVERFLOW-5", isFocusable: false, ...(labelId === undefined ? {} : { role: "group", "aria-labelledby": labelId }), children: _jsx(InputOTP, { id: props.id, name: props.name, maxLength: 6, pattern: REGEXP_ONLY_DIGITS, autoComplete: "one-time-code", inputMode: "numeric", defaultValue: props.defaultValue, isDisabled: props.disabled === true, isInvalid: props.invalid === true, "aria-invalid": props.invalid === true ? true : undefined, "aria-describedby": props.describedBy, ...(labelId === undefined ? {} : { "aria-labelledby": labelId }), variant: "secondary", onChange: onChange, children: _jsx(InputOTP.Group, { children: Array.from({ length: 6 }, (_, index) => (_jsx(InputOTP.Slot, { index: index }, index))) }) }) }));
+    const control = (_jsx(HorizontalScrollRegion, { ref: regionRef, className: horizontalScrollRegionClassName, "data-contract": "PADDING-1 OVERFLOW-3 OVERFLOW-5", isFocusable: false, ...(props.label === undefined ? { "data-component": "OtpInput", "data-tier": "atom" } : {}), ...(labelId === undefined ? {} : { role: "group", "aria-labelledby": labelId }), children: _jsx(InputOTP, { id: props.id, name: props.name, maxLength: 6, pattern: REGEXP_ONLY_DIGITS, autoComplete: "one-time-code", inputMode: "numeric", defaultValue: props.defaultValue, isDisabled: props.disabled === true, isInvalid: props.invalid === true, "aria-invalid": props.invalid === true ? true : undefined, "aria-describedby": props.describedBy, ...(labelId === undefined ? {} : { "aria-labelledby": labelId }), variant: "secondary", onChange: onChange, children: _jsx(InputOTP.Group, { children: Array.from({ length: 6 }, (_, index) => (_jsx(InputOTP.Slot, { index: index }, index))) }) }) }));
     if (props.label === undefined)
         return control;
-    return (_jsxs("div", { className: "starci-core-otp-field", "data-grammar-otp-field": "true", children: [_jsx(HeroLabel, { className: props.isLabelHidden === true ? "starci-core-visually-hidden" : "starci-core-otp-label", htmlFor: props.id, id: labelId, children: props.label }), control] }));
+    return (_jsxs("div", { className: "starci-core-otp-field", "data-grammar-otp-field": "true", "data-component": "OtpInput", "data-tier": "atom", children: [_jsx(HeroLabel, { className: props.isLabelHidden === true ? "starci-core-visually-hidden" : "starci-core-otp-label", htmlFor: props.id, id: labelId, children: props.label }), control] }));
 };
 //# sourceMappingURL=OtpInput.js.map

package/dist/core/OtpInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtpInput.js","sourceRoot":"","sources":["../../src/core/OtpInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OtpInput.js","sourceRoot":"","sources":["../../src/core/OtpInput.tsx"],"names":[],"mappings":"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"}

package/dist/core/StateMark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StateMark.d.ts","sourceRoot":"","sources":["../../src/core/StateMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAGnD,wCAAwC;AACxC,MAAM,MAAM,cAAc,GAAG;IACzB,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAA;CACpC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,uCAe9C,CAAA"}
+{"version":3,"file":"StateMark.d.ts","sourceRoot":"","sources":["../../src/core/StateMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAGnD,wCAAwC;AACxC,MAAM,MAAM,cAAc,GAAG;IACzB,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAA;CACpC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,uCAiB9C,CAAA"}

package/dist/core/StateMark.js

@@ -10,6 +10,6 @@ export const StateMark = (props) => {
     const treatment = treatmentFor(props.state);
     if (treatment.mark !== "check")
         return null;
-    return (_jsx("svg", { "aria-hidden": "true", "data-contract": "STATE-1 ICON-6", "data-grammar-state-mark": "check", focusable: "false", viewBox: "0 0 20 20", children: _jsx("path", { d: "M5 10.5 8.25 14 15 6.5", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
+    return (_jsx("svg", { "aria-hidden": "true", "data-contract": "STATE-1 ICON-6", "data-grammar-state-mark": "check", "data-component": "StateMark", "data-tier": "atom", focusable: "false", viewBox: "0 0 20 20", children: _jsx("path", { d: "M5 10.5 8.25 14 15 6.5", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
 };
 //# sourceMappingURL=StateMark.js.map

package/dist/core/StateMark.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateMark.js","sourceRoot":"","sources":["../../src/core/StateMark.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAOzC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC/C,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC3C,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,IAAI,CAAA;IAE3C,OAAO,CACH,6BACgB,MAAM,mBACJ,gBAAgB,6BACN,OAAO,EAC/B,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,WAAW,YAEnB,eAAM,CAAC,EAAC,wBAAwB,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,GAAG,GAChI,CACT,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"StateMark.js","sourceRoot":"","sources":["../../src/core/StateMark.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAOzC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC/C,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC3C,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,IAAI,CAAA;IAE3C,OAAO,CACH,6BACgB,MAAM,mBACJ,gBAAgB,6BACN,OAAO,oBAChB,WAAW,eAChB,MAAM,EAChB,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,WAAW,YAEnB,eAAM,CAAC,EAAC,wBAAwB,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,GAAG,GAChI,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/core/branch/ComboBox/index.d.ts

@@ -21,6 +21,8 @@ export type ComboBoxProps = FieldControlProps & {
     readonly isPending?: boolean;
     /** When the list opens: while typing (default), on focus, or only from the trigger/arrow keys. */
     readonly menuTrigger?: "input" | "focus" | "manual";
+    /** Layer variant: `secondary` when the control sits on a surface (ANATOMY-2 case-1). */
+    readonly variant?: "primary" | "secondary";
 };
 /**
  * Type to filter a list, then pick (combobox / autocomplete).
@@ -28,5 +30,5 @@ export type ComboBoxProps = FieldControlProps & {
  * The vendor owns the combobox role, `aria-expanded`, `aria-activedescendant`, arrow/Enter/Escape
  * handling and the "contains" filter. Pending keeps the input editable and marks the list busy.
  */
-export declare const ComboBox: ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue, emptyState, isPending, menuTrigger, ...field }: ComboBoxProps) => import("react").JSX.Element;
+export declare const ComboBox: ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue, emptyState, isPending, menuTrigger, variant, ...field }: ComboBoxProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/core/branch/ComboBox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/ComboBox/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAMH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEjE,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG;IAC5C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,0BAA0B;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,kEAAkE;IAClE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,8FAA8F;IAC9F,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC,8EAA8E;IAC9E,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B,oDAAoD;IACpD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,kGAAkG;IAClG,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;CACtD,CAAA;AAcD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,iLAetB,aAAa,gCA8Cf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/ComboBox/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAOH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEjE,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG;IAC5C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,0BAA0B;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,kEAAkE;IAClE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,8FAA8F;IAC9F,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC,8EAA8E;IAC9E,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B,oDAAoD;IACpD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,kGAAkG;IAClG,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAC7C,CAAA;AAcD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,0LAgBtB,aAAa,gCAgDf,CAAA"}

package/dist/core/branch/ComboBox/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ComboBox as HeroComboBox, Input as HeroInput, ListBox as HeroListBox, Spinner as HeroSpinner, } from "@heroui/react";
-import { FieldDescription, FieldErrorText, FieldLabel, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
+import { FieldDescription, FieldErrorText, FieldLabel, fieldVariantAttributes, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
 import { ListOptions } from "../Select/index.js";
 /*
  * Consumer hook: `starci-core-combo-box` names this control's root for a consumer or family
@@ -19,9 +19,9 @@ import { ListOptions } from "../Select/index.js";
  * The vendor owns the combobox role, `aria-expanded`, `aria-activedescendant`, arrow/Enter/Escape
  * handling and the "contains" filter. Pending keeps the input editable and marks the list busy.
  */
-export const ComboBox = ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue = false, emptyState, isPending = false, menuTrigger = "input", ...field }) => {
+export const ComboBox = ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue = false, emptyState, isPending = false, menuTrigger = "input", variant = "primary", ...field }) => {
     const { anchor, portalProps } = useGrammarPortal();
-    return (_jsxs(HeroComboBox, { "data-tier": "branch", "data-component": "ComboBox", "data-contract": "A11Y-1 FIELD-1 FIELD-2 CONTROL-STATE-2", className: "starci-core-field starci-core-combo-box", fullWidth: true, ...vendorFieldProps({ ...field, isPending }), isReadOnly: field.isReadOnly === true, allowsCustomValue: allowsCustomValue, menuTrigger: menuTrigger, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(inputValue === undefined ? defaultInputValue === undefined ? {} : { defaultInputValue } : { inputValue }), ...(onInputChange === undefined ? {} : { onInputChange }), onChange: (key) => onValueChange?.(key === null ? null : String(key)), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroComboBox.InputGroup, { className: "starci-core-combo-box-group", "data-grammar-field-control": "true", children: [_jsx(HeroInput, { ...(id === undefined ? {} : { id }), ...(placeholder === undefined ? {} : { placeholder }), className: "starci-core-combo-box-input", ...(isPending ? { "aria-busy": true } : {}) }), _jsx(HeroComboBox.Trigger, { className: "starci-core-combo-box-trigger", children: isPending ? _jsx(HeroSpinner, { size: "sm", color: "current", "aria-hidden": "true", className: "starci-core-field-spinner" }) : undefined })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroComboBox.Popover, { className: "starci-core-list-popover", "data-grammar-popover": "ComboBox", "data-contract": "LAYOUT-4", ...portalProps, children: _jsx(HeroListBox, { className: "starci-core-list", ...(isPending ? { "aria-busy": true } : {}), ...(emptyState == null ? {} : {
+    return (_jsxs(HeroComboBox, { "data-tier": "branch", "data-component": "ComboBox", "data-contract": "A11Y-1 FIELD-1 FIELD-2 CONTROL-STATE-2", className: "starci-core-field starci-core-combo-box", fullWidth: true, variant: variant, ...fieldVariantAttributes(variant), ...vendorFieldProps({ ...field, isPending }), isReadOnly: field.isReadOnly === true, allowsCustomValue: allowsCustomValue, menuTrigger: menuTrigger, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(inputValue === undefined ? defaultInputValue === undefined ? {} : { defaultInputValue } : { inputValue }), ...(onInputChange === undefined ? {} : { onInputChange }), onChange: (key) => onValueChange?.(key === null ? null : String(key)), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroComboBox.InputGroup, { className: "starci-core-combo-box-group", "data-grammar-field-control": "true", children: [_jsx(HeroInput, { ...(id === undefined ? {} : { id }), ...(placeholder === undefined ? {} : { placeholder }), className: "starci-core-combo-box-input", ...(isPending ? { "aria-busy": true } : {}) }), _jsx(HeroComboBox.Trigger, { className: "starci-core-combo-box-trigger", children: isPending ? _jsx(HeroSpinner, { size: "sm", color: "current", "aria-hidden": "true", className: "starci-core-field-spinner" }) : undefined })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroComboBox.Popover, { className: "starci-core-list-popover", "data-grammar-popover": "ComboBox", "data-contract": "LAYOUT-4", ...portalProps, children: _jsx(HeroListBox, { className: "starci-core-list", ...(isPending ? { "aria-busy": true } : {}), ...(emptyState == null ? {} : {
                         renderEmptyState: () => _jsx("div", { className: "starci-core-list-empty", "data-grammar-list-empty": "true", "data-contract": "STATE-3", children: emptyState }),
                     }), children: _jsx(ListOptions, { options: options }) }) })] }));
 };

package/dist/core/branch/ComboBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/ComboBox/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/ComboBox/index.tsx"],"names":[],"mappings":"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"}

package/dist/core/branch/DatePicker/index.d.ts

@@ -10,6 +10,8 @@ export type DatePickerProps = FieldControlProps & {
     /** Days the reader may not pick; they stay visible and are announced unavailable. */
     readonly isDateUnavailable?: (date: DateValue) => boolean;
     readonly granularity?: DateGranularity;
+    /** Layer variant: `secondary` when the control sits on a surface (ANATOMY-2 case-1). */
+    readonly variant?: "primary" | "secondary";
 };
 /** Month grid used by DatePicker: heading, previous/next, and the day grid (arrow-key navigable). */
 export declare const PickerCalendar: () => import("react").JSX.Element;
@@ -19,5 +21,5 @@ export declare const PickerRangeCalendar: () => import("react").JSX.Element;
  * A date typed in segments or picked from a month grid in a popover. The trigger is a named button,
  * the popover is a dialog that traps and returns focus, and the grid is the vendor's.
  */
-export declare const DatePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity, ...field }: DatePickerProps) => import("react").JSX.Element;
+export declare const DatePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity, variant, ...field }: DatePickerProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/core/branch/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,SAAS,EACjB,MAAM,eAAe,CAAA;AACtB,OAAO,EAMH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAEvF,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAC9C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,qFAAqF;IACrF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAA;IACzD,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;CACzC,CAAA;AAED,qGAAqG;AACrG,eAAO,MAAM,cAAc,mCAY1B,CAAA;AAED,0FAA0F;AAC1F,eAAO,MAAM,mBAAmB,mCAY/B,CAAA;AAeD;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,sGASxB,eAAe,gCAkCjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,SAAS,EACjB,MAAM,eAAe,CAAA;AACtB,OAAO,EAOH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAEvF,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAC9C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,qFAAqF;IACrF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAA;IACzD,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAC7C,CAAA;AAED,qGAAqG;AACrG,eAAO,MAAM,cAAc,mCAY1B,CAAA;AAED,0FAA0F;AAC1F,eAAO,MAAM,mBAAmB,mCAY/B,CAAA;AAeD;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,+GAUxB,eAAe,gCAmCjB,CAAA"}

package/dist/core/branch/DatePicker/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Calendar as HeroCalendar, DateField as HeroDateField, DatePicker as HeroDatePicker, RangeCalendar as HeroRangeCalendar, } from "@heroui/react";
-import { FieldDescription, FieldErrorText, FieldLabel, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
+import { FieldDescription, FieldErrorText, FieldLabel, fieldVariantAttributes, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
 import { DateSegments } from "../../primitive/DateField/index.js";
 /** Month grid used by DatePicker: heading, previous/next, and the day grid (arrow-key navigable). */
 export const PickerCalendar = () => (_jsxs(HeroCalendar, { className: "starci-core-calendar", "data-grammar-calendar": "single", children: [_jsxs(HeroCalendar.Header, { className: "starci-core-calendar-header", children: [_jsx(HeroCalendar.NavButton, { slot: "previous", className: "starci-core-calendar-nav" }), _jsx(HeroCalendar.Heading, { className: "starci-core-calendar-heading" }), _jsx(HeroCalendar.NavButton, { slot: "next", className: "starci-core-calendar-nav" })] }), _jsxs(HeroCalendar.Grid, { className: "starci-core-calendar-grid", children: [_jsx(HeroCalendar.GridHeader, { children: (day) => _jsx(HeroCalendar.HeaderCell, { children: day }) }), _jsx(HeroCalendar.GridBody, { children: (date) => _jsx(HeroCalendar.Cell, { date: date, className: "starci-core-calendar-cell", "data-grammar-calendar-cell": "true" }) })] })] }));
@@ -22,8 +22,8 @@ export const PickerRangeCalendar = () => (_jsxs(HeroRangeCalendar, { className:
  * A date typed in segments or picked from a month grid in a popover. The trigger is a named button,
  * the popover is a dialog that traps and returns focus, and the grid is the vendor's.
  */
-export const DatePicker = ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity = "day", ...field }) => {
+export const DatePicker = ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity = "day", variant = "primary", ...field }) => {
     const { anchor, portalProps } = useGrammarPortal();
-    return (_jsxs(HeroDatePicker, { "data-tier": "branch", "data-component": "DatePicker", "data-contract": "A11Y-1 FIELD-1 FIELD-2", className: "starci-core-field starci-core-date-picker", ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, granularity: granularity, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), ...(isDateUnavailable === undefined ? {} : { isDateUnavailable }), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroDateField.Group, { className: "starci-core-date-group", "data-grammar-field-control": "true", children: [_jsx(DateSegments, {}), _jsx(HeroDateField.Suffix, { className: "starci-core-date-suffix", children: _jsx(HeroDatePicker.Trigger, { className: "starci-core-date-trigger", children: _jsx(HeroDatePicker.TriggerIndicator, {}) }) })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroDatePicker.Popover, { className: "starci-core-date-popover", "data-grammar-popover": "DatePicker", "data-contract": "LAYOUT-4 FOCUS-3", ...portalProps, children: _jsx(PickerCalendar, {}) })] }));
+    return (_jsxs(HeroDatePicker, { "data-tier": "branch", "data-component": "DatePicker", "data-contract": "A11Y-1 FIELD-1 FIELD-2", className: "starci-core-field starci-core-date-picker", ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, granularity: granularity, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), ...(isDateUnavailable === undefined ? {} : { isDateUnavailable }), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroDateField.Group, { className: "starci-core-date-group", variant: variant, "data-grammar-field-control": "true", children: [_jsx(DateSegments, {}), _jsx(HeroDateField.Suffix, { className: "starci-core-date-suffix", children: _jsx(HeroDatePicker.Trigger, { className: "starci-core-date-trigger", children: _jsx(HeroDatePicker.TriggerIndicator, {}) }) })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroDatePicker.Popover, { className: "starci-core-date-popover", "data-grammar-popover": "DatePicker", "data-contract": "LAYOUT-4 FOCUS-3", ...portalProps, children: _jsx(PickerCalendar, {}) })] }));
 };
 //# sourceMappingURL=index.js.map

package/dist/core/branch/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DatePicker/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DatePicker/index.tsx"],"names":[],"mappings":"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"}

package/dist/core/branch/DateRangePicker/index.d.ts

@@ -15,7 +15,9 @@ export type DateRangePickerProps = Omit<FieldControlProps, "name"> & {
     /** Form names for the two ends of the range. */
     readonly startName?: string;
     readonly endName?: string;
+    /** Layer variant: `secondary` when the control sits on a surface (ANATOMY-2 case-1). */
+    readonly variant?: "primary" | "secondary";
 };
 /** A start and an end date, typed in two segment groups or picked as a span on a month grid. */
-export declare const DateRangePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges, granularity, startName, endName, ...field }: DateRangePickerProps) => import("react").JSX.Element;
+export declare const DateRangePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges, granularity, startName, endName, variant, ...field }: DateRangePickerProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/core/branch/DateRangePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/DateRangePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,SAAS,EACd,KAAK,UAAU,EAClB,MAAM,eAAe,CAAA;AACtB,OAAO,EAMH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAGvF,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;AAElD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GAAG;IACjE,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAA;IACzD,8EAA8E;IAC9E,QAAQ,CAAC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IAC5C,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,gDAAgD;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAcD,gGAAgG;AAChG,eAAO,MAAM,eAAe,GAAI,qJAY7B,oBAAoB,gCAuCtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/DateRangePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,SAAS,EACd,KAAK,UAAU,EAClB,MAAM,eAAe,CAAA;AACtB,OAAO,EAOH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAGvF,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;AAElD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GAAG;IACjE,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAA;IACzD,8EAA8E;IAC9E,QAAQ,CAAC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IAC5C,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,gDAAgD;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAC7C,CAAA;AAcD,gGAAgG;AAChG,eAAO,MAAM,eAAe,GAAI,8JAa7B,oBAAoB,gCAwCtB,CAAA"}

package/dist/core/branch/DateRangePicker/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DateField as HeroDateField, DateRangePicker as HeroDateRangePicker, } from "@heroui/react";
-import { FieldDescription, FieldErrorText, FieldLabel, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
+import { FieldDescription, FieldErrorText, FieldLabel, fieldVariantAttributes, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
 import { DateSegments } from "../../primitive/DateField/index.js";
 import { PickerRangeCalendar } from "../DatePicker/index.js";
 /*
@@ -15,8 +15,8 @@ import { PickerRangeCalendar } from "../DatePicker/index.js";
  * consumer or family select those parts without reaching for vendor class names.
  */
 /** A start and an end date, typed in two segment groups or picked as a span on a month grid. */
-export const DateRangePicker = ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges = false, granularity = "day", startName, endName, ...field }) => {
+export const DateRangePicker = ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges = false, granularity = "day", startName, endName, variant = "primary", ...field }) => {
     const { anchor, portalProps } = useGrammarPortal();
-    return (_jsxs(HeroDateRangePicker, { "data-tier": "branch", "data-component": "DateRangePicker", "data-contract": "A11Y-1 FIELD-1 FIELD-2", className: "starci-core-field starci-core-date-picker", ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, granularity: granularity, allowsNonContiguousRanges: allowsNonContiguousRanges, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), ...(isDateUnavailable === undefined ? {} : { isDateUnavailable }), ...(startName === undefined ? {} : { startName }), ...(endName === undefined ? {} : { endName }), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroDateField.Group, { className: "starci-core-date-group", "data-grammar-field-control": "true", children: [_jsx(DateSegments, { slot: "start" }), _jsx(HeroDateRangePicker.RangeSeparator, { className: "starci-core-date-range-separator" }), _jsx(DateSegments, { slot: "end" }), _jsx(HeroDateField.Suffix, { className: "starci-core-date-suffix", children: _jsx(HeroDateRangePicker.Trigger, { className: "starci-core-date-trigger", children: _jsx(HeroDateRangePicker.TriggerIndicator, {}) }) })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroDateRangePicker.Popover, { className: "starci-core-date-popover", "data-grammar-popover": "DateRangePicker", "data-contract": "LAYOUT-4 FOCUS-3", ...portalProps, children: _jsx(PickerRangeCalendar, {}) })] }));
+    return (_jsxs(HeroDateRangePicker, { "data-tier": "branch", "data-component": "DateRangePicker", "data-contract": "A11Y-1 FIELD-1 FIELD-2", className: "starci-core-field starci-core-date-picker", ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, granularity: granularity, allowsNonContiguousRanges: allowsNonContiguousRanges, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), ...(isDateUnavailable === undefined ? {} : { isDateUnavailable }), ...(startName === undefined ? {} : { startName }), ...(endName === undefined ? {} : { endName }), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroDateField.Group, { className: "starci-core-date-group", variant: variant, "data-grammar-field-control": "true", children: [_jsx(DateSegments, { slot: "start" }), _jsx(HeroDateRangePicker.RangeSeparator, { className: "starci-core-date-range-separator" }), _jsx(DateSegments, { slot: "end" }), _jsx(HeroDateField.Suffix, { className: "starci-core-date-suffix", children: _jsx(HeroDateRangePicker.Trigger, { className: "starci-core-date-trigger", children: _jsx(HeroDateRangePicker.TriggerIndicator, {}) }) })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroDateRangePicker.Popover, { className: "starci-core-date-popover", "data-grammar-popover": "DateRangePicker", "data-contract": "LAYOUT-4 FOCUS-3", ...portalProps, children: _jsx(PickerRangeCalendar, {}) })] }));
 };
 //# sourceMappingURL=index.js.map

package/dist/core/branch/DateRangePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}

package/dist/core/branch/MarkdownArticle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/MarkdownArticle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,oBAAoB,GAAG;IAC/B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAC3C,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,KAAK,iBAAiB,GAAG;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAC5B,CAAA;AAED,KAAK,iBAAiB,GAAG;IACrB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;AAEtG,MAAM,MAAM,uBAAuB,GAAG;IAClC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,sFAAsF;IACtF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAQD,kFAAkF;AAClF,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,gCAQ1D,CAAA;AAED,8FAA8F;AAC9F,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,gCAgB1D,CAAA;AAED,6FAA6F;AAC7F,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,gCAQhE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/MarkdownArticle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,oBAAoB,GAAG;IAC/B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAC3C,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,KAAK,iBAAiB,GAAG;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAC5B,CAAA;AAED,KAAK,iBAAiB,GAAG;IACrB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;AAEtG,MAAM,MAAM,uBAAuB,GAAG;IAClC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,sFAAsF;IACtF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAQD,kFAAkF;AAClF,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,gCAU1D,CAAA;AAED,8FAA8F;AAC9F,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,gCAkB1D,CAAA;AAED,6FAA6F;AAC7F,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,gCAUhE,CAAA"}

package/dist/core/branch/MarkdownArticle/index.js

@@ -6,12 +6,12 @@ const scrollFrameProps = (label) => ({
     ...(label === undefined ? {} : { role: "region", "aria-label": label }),
 });
 /** Own the business-neutral reading rhythm for one semantic Markdown document. */
-export const MarkdownArticle = (props) => (_jsx("div", { "aria-label": props.ariaLabel, className: markdownArticleClassName, "data-grammar-markdown-measure": props.measure ?? "reading", children: props.children }));
+export const MarkdownArticle = (props) => (_jsx("div", { "aria-label": props.ariaLabel, className: markdownArticleClassName, "data-grammar-markdown-measure": props.measure ?? "reading", "data-component": "MarkdownArticle", "data-tier": "branch", children: props.children }));
 /** Own bounded code overflow while allowing a caller-supplied neutral action such as Copy. */
 export const FencedCodeBlock = (props) => {
     const body = "children" in props ? props.children : _jsx("pre", { ...scrollFrameProps(props.label ?? props.language), children: _jsx("code", { children: props.code }) });
-    return (_jsxs("div", { className: fencedCodeBlockClassName, "data-contract": "OVERFLOW-4", children: [props.language === undefined && props.action === undefined ? null : (_jsxs("div", { className: fencedCodeHeaderClassName, children: [props.language === undefined ? _jsx("span", {}) : _jsx("span", { children: props.language }), props.action] })), body] }));
+    return (_jsxs("div", { className: fencedCodeBlockClassName, "data-component": "FencedCodeBlock", "data-tier": "branch", "data-contract": "OVERFLOW-4", children: [props.language === undefined && props.action === undefined ? null : (_jsxs("div", { className: fencedCodeHeaderClassName, children: [props.language === undefined ? _jsx("span", {}) : _jsx("span", { children: props.language }), props.action] })), body] }));
 };
 /** Keep a vendor-rendered table inside the same bounded reading frame as semantic tables. */
-export const MarkdownTableFrame = (props) => (_jsx("div", { className: markdownTableFrameClassName, "data-contract": "OVERFLOW-4", ...scrollFrameProps(props.label), children: props.children }));
+export const MarkdownTableFrame = (props) => (_jsx("div", { className: markdownTableFrameClassName, "data-component": "MarkdownTableFrame", "data-tier": "branch", "data-contract": "OVERFLOW-4", ...scrollFrameProps(props.label), children: props.children }));
 //# sourceMappingURL=index.js.map

package/dist/core/branch/MarkdownArticle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/MarkdownArticle/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAA;AAqC5I,+FAA+F;AAC/F,MAAM,gBAAgB,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,CAAC;IACX,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;CAC1E,CAAC,CAAA;AAEF,kFAAkF;AAClF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,CAC5D,4BACgB,KAAK,CAAC,SAAS,EAC3B,SAAS,EAAE,wBAAwB,mCACJ,KAAK,CAAC,OAAO,IAAI,SAAS,YAExD,KAAK,CAAC,QAAQ,GACb,CACT,CAAA;AAED,8FAA8F;AAC9F,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC3D,MAAM,IAAI,GAAG,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAS,gBAAgB,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,YAAE,yBAAO,KAAK,CAAC,IAAI,GAAQ,GAAM,CAAA;IAC7I,OAAO,CACH,eACI,SAAS,EAAE,wBAAwB,mBACrB,YAAY,aAEzB,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjE,eAAK,SAAS,EAAE,yBAAyB,aACpC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAQ,CAAC,CAAC,CAAC,yBAAO,KAAK,CAAC,QAAQ,GAAQ,EACvE,KAAK,CAAC,MAAM,IACX,CACT,EACA,IAAI,IACH,CACT,CAAA;AACL,CAAC,CAAA;AAED,6FAA6F;AAC7F,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAClE,cACI,SAAS,EAAE,2BAA2B,mBACxB,YAAY,KACtB,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,YAEhC,KAAK,CAAC,QAAQ,GACb,CACT,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/MarkdownArticle/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAA;AAqC5I,+FAA+F;AAC/F,MAAM,gBAAgB,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,CAAC;IACX,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;CAC1E,CAAC,CAAA;AAEF,kFAAkF;AAClF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,CAC5D,4BACgB,KAAK,CAAC,SAAS,EAC3B,SAAS,EAAE,wBAAwB,mCACJ,KAAK,CAAC,OAAO,IAAI,SAAS,oBAC1C,iBAAiB,eACtB,QAAQ,YAEjB,KAAK,CAAC,QAAQ,GACb,CACT,CAAA;AAED,8FAA8F;AAC9F,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC3D,MAAM,IAAI,GAAG,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAS,gBAAgB,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,YAAE,yBAAO,KAAK,CAAC,IAAI,GAAQ,GAAM,CAAA;IAC7I,OAAO,CACH,eACI,SAAS,EAAE,wBAAwB,oBACpB,iBAAiB,eACtB,QAAQ,mBACJ,YAAY,aAEzB,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjE,eAAK,SAAS,EAAE,yBAAyB,aACpC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAQ,CAAC,CAAC,CAAC,yBAAO,KAAK,CAAC,QAAQ,GAAQ,EACvE,KAAK,CAAC,MAAM,IACX,CACT,EACA,IAAI,IACH,CACT,CAAA;AACL,CAAC,CAAA;AAED,6FAA6F;AAC7F,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAClE,cACI,SAAS,EAAE,2BAA2B,oBACvB,oBAAoB,eACzB,QAAQ,mBACJ,YAAY,KACtB,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,YAEhC,KAAK,CAAC,QAAQ,GACb,CACT,CAAA"}

package/dist/core/branch/Rail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Rail/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAyC,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAG9F,KAAK,sBAAsB,GAAG;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAA;CACtC,CAAA;AAED,KAAK,0BAA0B,GAAG;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAA;IACtB,gGAAgG;IAChG,QAAQ,CAAC,QAAQ,EAAE,oBAAoB,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,CAAC,sBAAsB,GAAG,0BAA0B,CAAC,GAAG;IAC5E,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,gGAAgG;IAChG,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;IAChD,QAAQ,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAA;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,CAAA;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IACnD,sFAAsF;IACtF,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,mEAAmE;IACnE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,4GAA4G;IAC5G,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,gCA0EpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Rail/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAyC,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAG9F,KAAK,sBAAsB,GAAG;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAA;CACtC,CAAA;AAED,KAAK,0BAA0B,GAAG;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAA;IACtB,gGAAgG;IAChG,QAAQ,CAAC,QAAQ,EAAE,oBAAoB,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,CAAC,sBAAsB,GAAG,0BAA0B,CAAC,GAAG;IAC5E,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,gGAAgG;IAChG,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;IAChD,QAAQ,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAA;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,CAAA;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IACnD,sFAAsF;IACtF,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,mEAAmE;IACnE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,4GAA4G;IAC5G,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,gCA4EpC,CAAA"}

package/dist/core/branch/Rail/index.js

@@ -31,6 +31,8 @@ export const Rail = (props) => {
         "data-grammar-rail-height": height,
         "data-grammar-motion": motion,
         "data-grammar-rail": "true",
+        "data-component": "Rail",
+        "data-tier": "branch",
         "data-grammar-rail-mode": mode,
         "data-grammar-rail-width": width,
         "data-grammar-state": state,