@xtyle/core 0.5.0

package/dist/markup/select.d.ts

@@ -0,0 +1,29 @@
+import type { Size } from "../vocab.js";
+export interface SelectMarkupProps {
+    label?: string;
+    value?: string;
+    size?: Size;
+    disabled?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    error?: string;
+    name?: string;
+    /** Stable id for the `<select>` element, paired with the label's `for`. */
+    fieldId: string;
+    /** Stable id for the error region, paired with the field's `aria-describedby`. */
+    errorId: string;
+    /** Pre-rendered `<option>`/`<optgroup>` markup projected into the shadow `<select>`. */
+    optionsHtml?: string;
+}
+/** The host-layout rule for a select — the one `:host` rule, shared by the element's `styles()` and the SSR declarative shadow root. */
+export declare const selectHostCss = ":host { display: block; }";
+export declare function selectClass(props: SelectMarkupProps): string;
+/**
+ * The single source of a select's shadow markup. The custom element renders it into
+ * its shadow root at runtime; the `@xtyle/astro` binding emits the same string into a
+ * declarative shadow root at build. Both paths render one identical control from one
+ * source — no per-binding reimplementation. Pure and DOM-free, so it is safe to
+ * import in any environment (SSR included).
+ */
+export declare function selectMarkup(props: SelectMarkupProps): string;
+//# sourceMappingURL=select.d.ts.map

package/dist/markup/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/markup/select.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,WAAW,iBAAiB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,kFAAkF;IAClF,OAAO,EAAE,MAAM,CAAC;IAChB,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wIAAwI;AACxI,eAAO,MAAM,aAAa,8BAA8B,CAAC;AAEzD,wBAAgB,WAAW,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAU5D;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CA0C7D"}

package/dist/markup/select.js

@@ -0,0 +1,61 @@
+import { escapeHtml as escape, escapeAttr } from "./escape.js";
+/** The host-layout rule for a select — the one `:host` rule, shared by the element's `styles()` and the SSR declarative shadow root. */
+export const selectHostCss = ":host { display: block; }";
+export function selectClass(props) {
+    const size = props.size ?? "md";
+    return [
+        "xtyle-select",
+        size === "sm" && "xtyle-select--sm",
+        size === "lg" && "xtyle-select--lg",
+        props.invalid && "xtyle-select--invalid",
+    ]
+        .filter(Boolean)
+        .join(" ");
+}
+/**
+ * The single source of a select's shadow markup. The custom element renders it into
+ * its shadow root at runtime; the `@xtyle/astro` binding emits the same string into a
+ * declarative shadow root at build. Both paths render one identical control from one
+ * source — no per-binding reimplementation. Pure and DOM-free, so it is safe to
+ * import in any environment (SSR included).
+ */
+export function selectMarkup(props) {
+    const label = props.label ?? "";
+    const error = props.error ?? "";
+    const invalid = props.invalid === true;
+    const required = props.required === true;
+    const disabled = props.disabled === true;
+    const value = props.value;
+    const name = props.name;
+    const labelHidden = label.length === 0 ? " hidden" : "";
+    const selectAttrs = [
+        `class="xtyle-control xtyle-select__field"`,
+        `part="select"`,
+        `id="${escapeAttr(props.fieldId)}"`,
+        name != null ? `name="${escapeAttr(name)}"` : null,
+        disabled ? "disabled" : null,
+        required ? "required" : null,
+        `aria-invalid="${invalid}"`,
+        required ? `aria-required="true"` : null,
+        invalid && error.length > 0 ? `aria-describedby="${escapeAttr(props.errorId)}"` : null,
+        value != null ? `value="${escapeAttr(value)}"` : null,
+    ]
+        .filter(Boolean)
+        .join(" ");
+    const errorHidden = error.length === 0 ? " hidden" : "";
+    return `
+				<div class="${selectClass(props)}" part="root">
+					<label class="xtyle-select__label" part="label" for="${escapeAttr(props.fieldId)}"${labelHidden}>${escape(label)}</label>
+					<div class="xtyle-select__control" part="control">
+						<select ${selectAttrs}>${props.optionsHtml ?? ""}</select>
+						<span class="xtyle-select__chevron" part="chevron" aria-hidden="true">
+							<svg viewBox="0 0 24 24" width="1em" height="1em" focusable="false">
+								<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m6 9 6 6 6-6" />
+							</svg>
+						</span>
+					</div>
+					<span class="xtyle-select__error" part="error" id="${escapeAttr(props.errorId)}"${errorHidden}>${escape(error)}</span>
+				</div>
+			`;
+}
+//# sourceMappingURL=select.js.map

package/dist/markup/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/markup/select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,IAAI,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAmB/D,wIAAwI;AACxI,MAAM,CAAC,MAAM,aAAa,GAAG,2BAA2B,CAAC;AAEzD,MAAM,UAAU,WAAW,CAAC,KAAwB;IACnD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC;IAChC,OAAO;QACN,cAAc;QACd,IAAI,KAAK,IAAI,IAAI,kBAAkB;QACnC,IAAI,KAAK,IAAI,IAAI,kBAAkB;QACnC,KAAK,CAAC,OAAO,IAAI,uBAAuB;KACxC;SACC,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;AACb,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAChC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC;IACzC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC;IACzC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IAExB,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAExD,MAAM,WAAW,GAAG;QACnB,2CAA2C;QAC3C,eAAe;QACf,OAAO,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;QACnC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;QAClD,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;QAC5B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;QAC5B,iBAAiB,OAAO,GAAG;QAC3B,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI;QACxC,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,qBAAqB,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;QACtF,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;KACrD;SACC,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAExD,OAAO;kBACU,WAAW,CAAC,KAAK,CAAC;4DACwB,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,WAAW,IAAI,MAAM,CAAC,KAAK,CAAC;;gBAErG,WAAW,IAAI,KAAK,CAAC,WAAW,IAAI,EAAE;;;;;;;0DAOI,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,WAAW,IAAI,MAAM,CAAC,KAAK,CAAC;;IAE/G,CAAC;AACL,CAAC"}

package/dist/markup/separator.d.ts

@@ -0,0 +1,6 @@
+export type Orientation = "horizontal" | "vertical";
+export type SeparatorVariant = "default" | "with-label";
+export type SeparatorSize = "thin" | "normal";
+/** The host-layout rules for a separator — the `:host` rules, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const separatorHostCss = ":host { display: block; } :host([orientation=\"vertical\"]) { display: inline-flex; height: 100%; }";
+//# sourceMappingURL=separator.d.ts.map

package/dist/markup/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/markup/separator.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,YAAY,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE9C,uIAAuI;AACvI,eAAO,MAAM,gBAAgB,wGACuE,CAAC"}

package/dist/markup/separator.js

@@ -0,0 +1,3 @@
+/** The host-layout rules for a separator — the `:host` rules, shared by the element's scaffold and the SSR declarative shadow root. */
+export const separatorHostCss = `:host { display: block; } :host([orientation="vertical"]) { display: inline-flex; height: 100%; }`;
+//# sourceMappingURL=separator.js.map

package/dist/markup/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../src/markup/separator.ts"],"names":[],"mappings":"AAIA,uIAAuI;AACvI,MAAM,CAAC,MAAM,gBAAgB,GAC5B,mGAAmG,CAAC"}

package/dist/markup/skeleton.d.ts

@@ -0,0 +1,4 @@
+export type SkeletonShape = "text" | "line" | "block" | "circle";
+/** The host-layout rule for a skeleton — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const skeletonHostCss = ":host { display: block; }";
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/markup/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/markup/skeleton.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjE,wIAAwI;AACxI,eAAO,MAAM,eAAe,8BAA8B,CAAC"}

package/dist/markup/skeleton.js

@@ -0,0 +1,3 @@
+/** The host-layout rule for a skeleton — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export const skeletonHostCss = ":host { display: block; }";
+//# sourceMappingURL=skeleton.js.map

package/dist/markup/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/markup/skeleton.ts"],"names":[],"mappings":"AAEA,wIAAwI;AACxI,MAAM,CAAC,MAAM,eAAe,GAAG,2BAA2B,CAAC"}

package/dist/markup/slider.d.ts

@@ -0,0 +1,3 @@
+/** The host-layout rule for a slider — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const sliderHostCss = ":host { display: block; }";
+//# sourceMappingURL=slider.d.ts.map

package/dist/markup/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/markup/slider.ts"],"names":[],"mappings":"AAAA,sIAAsI;AACtI,eAAO,MAAM,aAAa,8BAA8B,CAAC"}

package/dist/markup/slider.js

@@ -0,0 +1,3 @@
+/** The host-layout rule for a slider — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export const sliderHostCss = ":host { display: block; }";
+//# sourceMappingURL=slider.js.map

package/dist/markup/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/markup/slider.ts"],"names":[],"mappings":"AAAA,sIAAsI;AACtI,MAAM,CAAC,MAAM,aAAa,GAAG,2BAA2B,CAAC"}

package/dist/markup/sparkline.d.ts

@@ -0,0 +1,6 @@
+import type { FullTone } from "../vocab.js";
+export type SparklineVariant = "line" | "area" | "bar";
+export type SparklineTone = FullTone;
+/** The host-layout rule for a sparkline, shared by the element's scaffold and the SSR shadow root. */
+export declare const sparklineHostCss = ":host { display: inline-block; }";
+//# sourceMappingURL=sparkline.d.ts.map

package/dist/markup/sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../src/markup/sparkline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AACvD,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC,sGAAsG;AACtG,eAAO,MAAM,gBAAgB,qCAAqC,CAAC"}

package/dist/markup/sparkline.js

@@ -0,0 +1,3 @@
+/** The host-layout rule for a sparkline, shared by the element's scaffold and the SSR shadow root. */
+export const sparklineHostCss = ":host { display: inline-block; }";
+//# sourceMappingURL=sparkline.js.map

package/dist/markup/sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../src/markup/sparkline.ts"],"names":[],"mappings":"AAKA,sGAAsG;AACtG,MAAM,CAAC,MAAM,gBAAgB,GAAG,kCAAkC,CAAC"}

package/dist/markup/spinner.d.ts

@@ -0,0 +1,10 @@
+import type { Size, Tone } from "../index.js";
+export interface SpinnerMarkupProps {
+    tone?: Tone;
+    size?: Size;
+    label?: string;
+}
+/** The host-layout rule for a spinner — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const spinnerHostCss = ":host { display: inline-flex; }";
+export declare function spinnerClass(props: SpinnerMarkupProps): string;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/markup/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/markup/spinner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IAClC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,uIAAuI;AACvI,eAAO,MAAM,cAAc,oCAAoC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,CAM9D"}

package/dist/markup/spinner.js

@@ -0,0 +1,10 @@
+/** The host-layout rule for a spinner — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export const spinnerHostCss = ":host { display: inline-flex; }";
+export function spinnerClass(props) {
+    const tone = props.tone ?? "accent";
+    const size = props.size ?? "md";
+    return ["xtyle-spinner", `xtyle-spinner--${tone}`, size !== "md" && `xtyle-spinner--${size}`]
+        .filter(Boolean)
+        .join(" ");
+}
+//# sourceMappingURL=spinner.js.map

package/dist/markup/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../src/markup/spinner.ts"],"names":[],"mappings":"AAQA,uIAAuI;AACvI,MAAM,CAAC,MAAM,cAAc,GAAG,iCAAiC,CAAC;AAEhE,MAAM,UAAU,YAAY,CAAC,KAAyB;IACrD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,QAAQ,CAAC;IACpC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC;IAChC,OAAO,CAAC,eAAe,EAAE,kBAAkB,IAAI,EAAE,EAAE,IAAI,KAAK,IAAI,IAAI,kBAAkB,IAAI,EAAE,CAAC;SAC3F,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;AACb,CAAC"}

package/dist/markup/splitter.d.ts

@@ -0,0 +1,3 @@
+/** The host-layout rule for a splitter — it sits as a fixed-size cell in a flex/grid track. */
+export declare const splitterHostCss = ":host { display: block; flex: none; } :host([line]) { position: relative; z-index: 1; } [data-splitter] { display: contents; }";
+//# sourceMappingURL=splitter.d.ts.map

package/dist/markup/splitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../src/markup/splitter.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,eAAO,MAAM,eAAe,mIACqG,CAAC"}

package/dist/markup/splitter.js

@@ -0,0 +1,3 @@
+/** The host-layout rule for a splitter — it sits as a fixed-size cell in a flex/grid track. */
+export const splitterHostCss = ":host { display: block; flex: none; } :host([line]) { position: relative; z-index: 1; } [data-splitter] { display: contents; }";
+//# sourceMappingURL=splitter.js.map

package/dist/markup/splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.js","sourceRoot":"","sources":["../../src/markup/splitter.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,MAAM,CAAC,MAAM,eAAe,GAC3B,gIAAgI,CAAC"}

package/dist/markup/stack.d.ts

@@ -0,0 +1,3 @@
+/** The host-layout rules for a stack — the `:host` rules, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const stackHostCss = ":host { display: block; } :host([inline]) { display: inline-block; }";
+//# sourceMappingURL=stack.d.ts.map

package/dist/markup/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../src/markup/stack.ts"],"names":[],"mappings":"AAAA,mIAAmI;AACnI,eAAO,MAAM,YAAY,yEAAyE,CAAC"}

package/dist/markup/stack.js

@@ -0,0 +1,3 @@
+/** The host-layout rules for a stack — the `:host` rules, shared by the element's scaffold and the SSR declarative shadow root. */
+export const stackHostCss = ":host { display: block; } :host([inline]) { display: inline-block; }";
+//# sourceMappingURL=stack.js.map

package/dist/markup/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/markup/stack.ts"],"names":[],"mappings":"AAAA,mIAAmI;AACnI,MAAM,CAAC,MAAM,YAAY,GAAG,sEAAsE,CAAC"}

package/dist/markup/stat.d.ts

@@ -0,0 +1,7 @@
+export type StatTrend = "up" | "down" | "flat";
+export type StatSentiment = "positive" | "negative" | "neutral";
+export type StatAlign = "start" | "center";
+export type StatSize = "sm" | "md" | "lg";
+/** The host-layout rule for a stat: the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const statHostCss = ":host { display: block; }";
+//# sourceMappingURL=stat.d.ts.map

package/dist/markup/stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../src/markup/stat.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAChE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,mIAAmI;AACnI,eAAO,MAAM,WAAW,8BAA8B,CAAC"}

package/dist/markup/stat.js

@@ -0,0 +1,3 @@
+/** The host-layout rule for a stat: the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export const statHostCss = ":host { display: block; }";
+//# sourceMappingURL=stat.js.map

package/dist/markup/stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.js","sourceRoot":"","sources":["../../src/markup/stat.ts"],"names":[],"mappings":"AAKA,mIAAmI;AACnI,MAAM,CAAC,MAAM,WAAW,GAAG,2BAA2B,CAAC"}

package/dist/markup/statusbar.d.ts

@@ -0,0 +1,3 @@
+/** The host-layout rule for a statusbar — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const statusbarHostCss = ":host { display: block; }";
+//# sourceMappingURL=statusbar.d.ts.map

package/dist/markup/statusbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusbar.d.ts","sourceRoot":"","sources":["../../src/markup/statusbar.ts"],"names":[],"mappings":"AAAA,yIAAyI;AACzI,eAAO,MAAM,gBAAgB,8BAA8B,CAAC"}

package/dist/markup/statusbar.js

@@ -0,0 +1,3 @@
+/** The host-layout rule for a statusbar — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export const statusbarHostCss = ":host { display: block; }";
+//# sourceMappingURL=statusbar.js.map

package/dist/markup/statusbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusbar.js","sourceRoot":"","sources":["../../src/markup/statusbar.ts"],"names":[],"mappings":"AAAA,yIAAyI;AACzI,MAAM,CAAC,MAAM,gBAAgB,GAAG,2BAA2B,CAAC"}

package/dist/markup/swatch.d.ts

@@ -0,0 +1,4 @@
+export type SwatchSize = "sm" | "md" | "lg";
+/** The host-layout rule for a swatch — shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const swatchHostCss = ":host { display: inline-flex; }";
+//# sourceMappingURL=swatch.d.ts.map

package/dist/markup/swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swatch.d.ts","sourceRoot":"","sources":["../../src/markup/swatch.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,gHAAgH;AAChH,eAAO,MAAM,aAAa,oCAAoC,CAAC"}

package/dist/markup/swatch.js

@@ -0,0 +1,3 @@
+/** The host-layout rule for a swatch — shared by the element's scaffold and the SSR declarative shadow root. */
+export const swatchHostCss = `:host { display: inline-flex; }`;
+//# sourceMappingURL=swatch.js.map

package/dist/markup/swatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swatch.js","sourceRoot":"","sources":["../../src/markup/swatch.ts"],"names":[],"mappings":"AAEA,gHAAgH;AAChH,MAAM,CAAC,MAAM,aAAa,GAAG,iCAAiC,CAAC"}

package/dist/markup/switch.d.ts

@@ -0,0 +1,3 @@
+/** The host-layout rule for a switch — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const switchHostCss = ":host { display: inline-flex; }";
+//# sourceMappingURL=switch.d.ts.map

package/dist/markup/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/markup/switch.ts"],"names":[],"mappings":"AAAA,sIAAsI;AACtI,eAAO,MAAM,aAAa,oCAAoC,CAAC"}

package/dist/markup/switch.js

@@ -0,0 +1,3 @@
+/** The host-layout rule for a switch — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export const switchHostCss = ":host { display: inline-flex; }";
+//# sourceMappingURL=switch.js.map

package/dist/markup/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/markup/switch.ts"],"names":[],"mappings":"AAAA,sIAAsI;AACtI,MAAM,CAAC,MAAM,aAAa,GAAG,iCAAiC,CAAC"}

package/dist/markup/tabs.d.ts

@@ -0,0 +1,25 @@
+export type TabsVariant = "underline" | "pill" | "enclosed";
+export type TabsActivation = "automatic" | "manual";
+export interface TabItemData {
+    /** The tab trigger's label as raw HTML (an already-rendered tab's `innerHTML`). */
+    label: string;
+    /**
+     * The tab's panel body as raw HTML (an already-rendered panel's `innerHTML`).
+     * Optional: in headless `tablist` mode the element owns no panels and the consumer
+     * renders content itself, so a tablist item carries only `label` (and `value`/`disabled`).
+     */
+    panel?: string;
+    /**
+     * Project a live light-DOM panel through a named `<slot>` instead of baking its
+     * `panel` HTML. The runtime element sets this for light-DOM panels so framework
+     * content (effects, handlers, nested elements) stays live rather than being
+     * snapshotted to static HTML. Ignored by the static `items`/SSR path.
+     */
+    panelSlot?: string;
+    /** Stable selection key emitted on `data-key`; defaults to the tab index. */
+    value?: string;
+    disabled?: boolean;
+}
+/** The host-layout rule for tabs — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const tabsHostCss = ":host { display: block; }";
+//# sourceMappingURL=tabs.d.ts.map

package/dist/markup/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/markup/tabs.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC;AAC5D,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC3B,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,kIAAkI;AAClI,eAAO,MAAM,WAAW,8BAA8B,CAAC"}

package/dist/markup/tabs.js

@@ -0,0 +1,3 @@
+/** The host-layout rule for tabs — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export const tabsHostCss = ":host { display: block; }";
+//# sourceMappingURL=tabs.js.map

package/dist/markup/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/markup/tabs.ts"],"names":[],"mappings":"AAwBA,kIAAkI;AAClI,MAAM,CAAC,MAAM,WAAW,GAAG,2BAA2B,CAAC"}

package/dist/markup/text.d.ts

@@ -0,0 +1,17 @@
+import type { FullTone } from "../vocab.js";
+export type TextAs = "p" | "span";
+export type TextSize = "xs" | "sm" | "body" | "lg";
+export type TextWeight = "normal" | "medium" | "semibold" | "bold";
+export type TextLeading = "tight" | "snug" | "loose";
+export type TextTone = "default" | "muted" | "subtle" | FullTone;
+export interface TextMarkupProps {
+    as?: TextAs;
+    size?: TextSize;
+    weight?: TextWeight;
+    leading?: TextLeading;
+    tone?: TextTone;
+    mono?: boolean;
+}
+/** The host-layout rules for text — the `:host` rules, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const textHostCss = ":host { display: block; } :host([as=\"span\"]) { display: inline; }";
+//# sourceMappingURL=text.d.ts.map

package/dist/markup/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/markup/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,CAAC;AAClC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;AACnD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AACnE,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,eAAe;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,gIAAgI;AAChI,eAAO,MAAM,WAAW,wEAAsE,CAAC"}

package/dist/markup/text.js

@@ -0,0 +1,3 @@
+/** The host-layout rules for text — the `:host` rules, shared by the element's scaffold and the SSR declarative shadow root. */
+export const textHostCss = `:host { display: block; } :host([as="span"]) { display: inline; }`;
+//# sourceMappingURL=text.js.map

package/dist/markup/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/markup/text.ts"],"names":[],"mappings":"AAiBA,gIAAgI;AAChI,MAAM,CAAC,MAAM,WAAW,GAAG,mEAAmE,CAAC"}

package/dist/markup/textarea.d.ts

@@ -0,0 +1,4 @@
+export type TextareaResize = "none" | "vertical" | "horizontal" | "both";
+/** The host-layout rule for a textarea — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const textareaHostCss = ":host { display: block; }";
+//# sourceMappingURL=textarea.d.ts.map

package/dist/markup/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/markup/textarea.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAEzE,wIAAwI;AACxI,eAAO,MAAM,eAAe,8BAA8B,CAAC"}

package/dist/markup/textarea.js

@@ -0,0 +1,3 @@
+/** The host-layout rule for a textarea — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export const textareaHostCss = ":host { display: block; }";
+//# sourceMappingURL=textarea.js.map

package/dist/markup/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/markup/textarea.ts"],"names":[],"mappings":"AAEA,wIAAwI;AACxI,MAAM,CAAC,MAAM,eAAe,GAAG,2BAA2B,CAAC"}

package/dist/markup/toast.d.ts

@@ -0,0 +1,44 @@
+import type { FullTone } from "../vocab.js";
+/** The toast's color — any semantic role, accent variant, or named hue. */
+export type ToastTone = FullTone;
+/** The toast's meaning — drives the status glyph + live-region politeness, independent of color. */
+export type ToastSeverity = "success" | "warn" | "danger" | "info";
+export type ToastVariant = "soft" | "solid";
+/** Severities that warrant an assertive live-region announcement. */
+export declare const ASSERTIVE_SEVERITIES: Set<string>;
+/** Inline SVG path for each severity's status icon. */
+export declare const SEVERITY_ICONS: Record<ToastSeverity, string>;
+/** The close-button SVG glyph, shared by the element render and the imperative push path. */
+export declare const CLOSE_ICON = "<svg viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"m12 10.6 5-5 1.4 1.4-5 5 5 5L17 18.4l-5-5-5 5L5.6 17l5-5-5-5L7 5.6l5 5Z\"/></svg>";
+/** Resolve the severity (meaning) from the color tone + explicit severity: an explicit `severity`
+ * wins; else a status-named `tone` implies its severity (back-compat); a non-status tone carries
+ * none; a bare toast defaults to `info`. Returns `""` for no severity. */
+export declare function toastSeverity(tone?: string, severity?: string): ToastSeverity | "";
+/** The status-icon span for a severity — empty when there's no severity (a color-only toast). */
+export declare function toastIconMarkup(severity: string): string;
+export interface ToastMarkupProps {
+    tone?: ToastTone;
+    severity?: ToastSeverity;
+    variant?: ToastVariant;
+    closable?: boolean;
+    closeLabel?: string;
+    actionLabel?: string;
+}
+/** The host-layout rule for a toast — the one `:host` rule shared by `styles()` and the SSR shadow. */
+export declare const toastHostCss = ":host { display: block; }";
+export declare function toastClass(props: ToastMarkupProps): string;
+/**
+ * The single source of a toast's shadow markup. The custom element renders it into
+ * its shadow root at runtime; the `@xtyle/astro` binding emits the same string into a
+ * declarative shadow root at build. Pure and DOM-free.
+ */
+export declare function toastMarkup(props: ToastMarkupProps): string;
+export interface ToastRegionMarkupProps {
+    placement?: string;
+    label?: string;
+}
+/** The host-layout rule for a toast region — the one `:host` rule shared by `styles()` and the SSR shadow. */
+export declare const toastRegionHostCss = ":host { display: contents; }";
+export declare function toastRegionClass(props: ToastRegionMarkupProps): string;
+export declare function toastRegionMarkup(props: ToastRegionMarkupProps): string;
+//# sourceMappingURL=toast.d.ts.map

package/dist/markup/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/markup/toast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,2EAA2E;AAC3E,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;AACjC,oGAAoG;AACpG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5C,qEAAqE;AACrE,eAAO,MAAM,oBAAoB,aAAsC,CAAC;AAExE,uDAAuD;AACvD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAKxD,CAAC;AAEF,6FAA6F;AAC7F,eAAO,MAAM,UAAU,mMAAuL,CAAC;AAE/M;;0EAE0E;AAC1E,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,EAAE,CAIlF;AAED,iGAAiG;AACjG,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAKxD;AAED,MAAM,WAAW,gBAAgB;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,uGAAuG;AACvG,eAAO,MAAM,YAAY,8BAA8B,CAAC;AAExD,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAY1D;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAc3D;AAED,MAAM,WAAW,sBAAsB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,8GAA8G;AAC9G,eAAO,MAAM,kBAAkB,iCAAiC,CAAC;AAEjE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM,CAKtE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM,CAGvE"}

package/dist/markup/toast.js

@@ -0,0 +1,76 @@
+/** Severities that warrant an assertive live-region announcement. */
+export const ASSERTIVE_SEVERITIES = new Set(["danger", "warn"]);
+/** Inline SVG path for each severity's status icon. */
+export const SEVERITY_ICONS = {
+    success: `<path fill="currentColor" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.1 14.2-4.1-4.1 1.4-1.4 2.7 2.7 5.6-5.6 1.4 1.4-7 7Z"/>`,
+    warn: `<path fill="currentColor" d="M12 2 1 21h22L12 2Zm0 5 .5 8h-1L11 7h2Zm-1 10h2v2h-2v-2Z"/>`,
+    danger: `<path fill="currentColor" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1 4h2v8h-2V6Zm0 10h2v2h-2v-2Z"/>`,
+    info: `<path fill="currentColor" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1 5h2v2h-2V7Zm0 4h2v6h-2v-6Z"/>`,
+};
+/** The close-button SVG glyph, shared by the element render and the imperative push path. */
+export const CLOSE_ICON = `<svg viewBox="0 0 24 24" width="1em" height="1em" aria-hidden="true"><path fill="currentColor" d="m12 10.6 5-5 1.4 1.4-5 5 5 5L17 18.4l-5-5-5 5L5.6 17l5-5-5-5L7 5.6l5 5Z"/></svg>`;
+/** Resolve the severity (meaning) from the color tone + explicit severity: an explicit `severity`
+ * wins; else a status-named `tone` implies its severity (back-compat); a non-status tone carries
+ * none; a bare toast defaults to `info`. Returns `""` for no severity. */
+export function toastSeverity(tone, severity) {
+    if (severity)
+        return severity;
+    if (tone)
+        return tone in SEVERITY_ICONS ? tone : "";
+    return "info";
+}
+/** The status-icon span for a severity — empty when there's no severity (a color-only toast). */
+export function toastIconMarkup(severity) {
+    const path = SEVERITY_ICONS[severity];
+    return path
+        ? `<span class="xtyle-toast__icon" part="icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="1em" height="1em">${path}</svg></span>`
+        : "";
+}
+/** The host-layout rule for a toast — the one `:host` rule shared by `styles()` and the SSR shadow. */
+export const toastHostCss = ":host { display: block; }";
+export function toastClass(props) {
+    const variant = props.variant ?? "soft";
+    const severity = toastSeverity(props.tone, props.severity);
+    const color = props.tone ?? severity ?? "info";
+    return [
+        "xtyle-toast",
+        `xtyle-toast--${variant}`,
+        `xtyle-toast--${color || "info"}`,
+        severity ? "" : "xtyle-toast--noicon",
+    ]
+        .filter(Boolean)
+        .join(" ");
+}
+/**
+ * The single source of a toast's shadow markup. The custom element renders it into
+ * its shadow root at runtime; the `@xtyle/astro` binding emits the same string into a
+ * declarative shadow root at build. Pure and DOM-free.
+ */
+export function toastMarkup(props) {
+    const severity = toastSeverity(props.tone, props.severity);
+    const assertive = ASSERTIVE_SEVERITIES.has(severity);
+    const role = assertive ? "alert" : "status";
+    const live = assertive ? "assertive" : "polite";
+    const actionLabel = props.actionLabel ?? null;
+    const action = actionLabel
+        ? `<button class="xtyle-toast__action" part="action" type="button">${actionLabel}</button>`
+        : "";
+    const closable = props.closable ?? true;
+    const close = closable
+        ? `<button class="xtyle-toast__close" part="close" type="button" aria-label="${props.closeLabel ?? "Dismiss"}">${CLOSE_ICON}</button>`
+        : "";
+    return `<div class="${toastClass(props)}" part="toast" role="${role}" aria-live="${live}" aria-atomic="true">${toastIconMarkup(severity)}<div class="xtyle-toast__body" part="body"><span class="xtyle-toast__message" part="message"><slot></slot></span>${action}</div>${close}</div>`;
+}
+/** The host-layout rule for a toast region — the one `:host` rule shared by `styles()` and the SSR shadow. */
+export const toastRegionHostCss = ":host { display: contents; }";
+export function toastRegionClass(props) {
+    const placement = props.placement ?? "bottom-right";
+    return ["xtyle-toast-region", placement !== "bottom-right" && `xtyle-toast-region--${placement}`]
+        .filter(Boolean)
+        .join(" ");
+}
+export function toastRegionMarkup(props) {
+    const label = props.label ?? "Notifications";
+    return `<div class="${toastRegionClass(props)}" part="toast-region" role="region" aria-label="${label}" aria-live="polite"><slot></slot></div>`;
+}
+//# sourceMappingURL=toast.js.map

package/dist/markup/toast.js.map

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

package/dist/markup/toc.d.ts

@@ -0,0 +1,7 @@
+export interface TocItem {
+    id: string;
+    label: string;
+}
+/** The host-layout rule for a toc — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export declare const tocHostCss = ":host { display: block; }";
+//# sourceMappingURL=toc.d.ts.map

package/dist/markup/toc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.d.ts","sourceRoot":"","sources":["../../src/markup/toc.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACd;AAED,mIAAmI;AACnI,eAAO,MAAM,UAAU,8BAA8B,CAAC"}

package/dist/markup/toc.js

@@ -0,0 +1,3 @@
+/** The host-layout rule for a toc — the one `:host` rule, shared by the element's scaffold and the SSR declarative shadow root. */
+export const tocHostCss = ":host { display: block; }";
+//# sourceMappingURL=toc.js.map

package/dist/markup/toc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.js","sourceRoot":"","sources":["../../src/markup/toc.ts"],"names":[],"mappings":"AAKA,mIAAmI;AACnI,MAAM,CAAC,MAAM,UAAU,GAAG,2BAA2B,CAAC"}

package/dist/markup/toolbar.d.ts

@@ -0,0 +1,21 @@
+import type { Size } from "../vocab.js";
+export interface ToolbarMarkupProps {
+    heading?: string | null;
+    href?: string | null;
+    size?: Size;
+    landmark?: boolean;
+    sticky?: boolean;
+    bare?: boolean;
+}
+/** The host-layout rules for a toolbar — the `:host` rules shared by the element's `styles()` and the SSR declarative shadow root. */
+export declare const toolbarHostCss = ":host { display: block; } :host([sticky]) { position: sticky; top: 0; z-index: var(--elevation-3); }";
+export declare function toolbarClass(props: ToolbarMarkupProps): string;
+/**
+ * The single source of a toolbar's shadow markup. The custom element renders it into
+ * its shadow root at runtime; the `@xtyle/astro` binding emits the same string into a
+ * declarative shadow root at build. Both paths render one identical control from one
+ * source — no per-binding reimplementation. Pure and DOM-free, so it is safe to
+ * import in any environment (SSR included).
+ */
+export declare function toolbarMarkup(props: ToolbarMarkupProps): string;
+//# sourceMappingURL=toolbar.d.ts.map