@xtyle/core 0.5.0

package/dist/manifest/tabs.manifest.js.map

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

package/dist/manifest/text.manifest.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentManifest } from "./types.js";
+export declare const textManifest: ComponentManifest;
+//# sourceMappingURL=text.manifest.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.manifest.d.ts","sourceRoot":"","sources":["../../src/manifest/text.manifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AA4CpD,eAAO,MAAM,YAAY,EAAE,iBAsJ1B,CAAC"}

package/dist/manifest/text.manifest.js

@@ -0,0 +1,189 @@
+import { FULL_TONES } from "../vocab.js";
+/** The on-surface chromatic ink each tone resolves to; AA-clean against `--bg-0`. */
+const toneVividTokens = FULL_TONES.map((t) => `--${t}-vivid`);
+const htmlExample = `<xtyle-text>The quiet default: body copy at comfortable measure.</xtyle-text>
+
+<xtyle-text size="lg" weight="semibold">A lead paragraph that sets up the section.</xtyle-text>
+
+<xtyle-text tone="muted" size="sm">A muted aside, dialed down a notch.</xtyle-text>
+
+<xtyle-text as="span" tone="subtle" size="xs">inline fine print</xtyle-text>
+
+<xtyle-text mono size="sm">npm install @xtyle/core</xtyle-text>`;
+const svelteExample = `<script lang="ts">
+	import { Text } from "@xtyle/svelte";
+</script>
+
+<Text>The quiet default: body copy at comfortable measure.</Text>
+
+<Text size="lg" weight="semibold">A lead paragraph that sets up the section.</Text>
+
+<Text tone="muted" size="sm">A muted aside, dialed down a notch.</Text>
+
+<Text as="span" tone="subtle" size="xs">inline fine print</Text>
+
+<Text mono size="sm">npm install @xtyle/core</Text>`;
+const astroExample = `---
+import { Text } from "@xtyle/astro";
+---
+
+<Text>The quiet default: body copy at comfortable measure.</Text>
+
+<Text size="lg" weight="semibold">A lead paragraph that sets up the section.</Text>
+
+<Text tone="muted" size="sm">A muted aside, dialed down a notch.</Text>
+
+<Text as="span" tone="subtle" size="xs">inline fine print</Text>
+
+<Text mono size="sm">npm install @xtyle/core</Text>`;
+export const textManifest = {
+    id: "text",
+    name: "Text",
+    category: "content",
+    summary: "A body-text primitive: paragraph or inline span across four sizes, four weights, three leadings, and four tones.",
+    description: "Text is the primitive for running copy. It renders a block `<p>` by default or an inline `<span>` via the `as` prop, then tunes appearance along four independent axes: `size` (xs, sm, body, lg), `weight` (normal, medium, semibold, bold), `leading` (tight, snug, loose), and `tone`. A `mono` flag swaps the family to the monospace stack for inline code and tabular figures. Every axis maps to a design token, so a paragraph picks up the active theme's type scale and ink ladder without any local color: the `default`/`muted`/`subtle` emphasis tones read as `--fg-0`/`--fg-2`/`--fg-3`, and the full color roster (every semantic role, accent variant, or named hue) paints the copy in that tone's on-surface ink, derived to stay legible against the page.",
+    bindings: ["html", "svelte", "astro"],
+    anatomy: [
+        {
+            name: "text",
+            description: "The paragraph or span element carrying the size, weight, leading, tone, and mono classes; exposed as `::part(text)` for a consumer-side color override.",
+            selector: ".xtyle-text",
+            tokens: ["--font-sans", "--text-body", "--weight-normal", "--leading-normal", "--fg-0"],
+        },
+    ],
+    props: [
+        {
+            name: "as",
+            type: "TextAs",
+            default: "p",
+            description: "The element to render: a block paragraph or an inline span.",
+            bindings: ["html", "svelte", "astro"],
+            options: ["p", "span"],
+        },
+        {
+            name: "size",
+            type: "TextSize",
+            default: "body",
+            description: "Type scale step. `body` is the default and emits no class.",
+            bindings: ["html", "svelte", "astro"],
+            options: ["xs", "sm", "body", "lg"],
+        },
+        {
+            name: "weight",
+            type: "TextWeight",
+            default: "normal",
+            description: "Font weight. `normal` is the default and emits no class.",
+            bindings: ["html", "svelte", "astro"],
+            options: ["normal", "medium", "semibold", "bold"],
+        },
+        {
+            name: "leading",
+            type: "TextLeading",
+            default: "snug",
+            description: "Line height. `snug` is the default (maps to `--leading-normal`) and emits no class.",
+            bindings: ["html", "svelte", "astro"],
+            options: ["tight", "snug", "loose"],
+        },
+        {
+            name: "tone",
+            type: "TextTone",
+            default: "default",
+            description: "Ink: the `default`/`muted`/`subtle` emphasis ramp off the foreground, or any tone in the full roster (semantic role, accent variant, or named hue) for colored copy in that tone's on-surface ink. `default` emits no class.",
+            bindings: ["html", "svelte", "astro"],
+            options: ["default", "muted", "subtle", ...FULL_TONES],
+        },
+        {
+            name: "mono",
+            type: "boolean",
+            default: "false",
+            description: "Switches the font family to the monospace stack for inline code and tabular figures.",
+            bindings: ["html", "svelte", "astro"],
+        },
+    ],
+    variants: [
+        {
+            name: "default",
+            description: "Primary ink at full strength; the standard reading tone.",
+            className: "xtyle-text",
+            tokens: ["--fg-0"],
+        },
+        {
+            name: "muted",
+            description: "A step down the ink ladder for secondary copy and asides.",
+            className: "xtyle-text--muted",
+            tokens: ["--fg-2"],
+        },
+        {
+            name: "subtle",
+            description: "The quietest ink: captions, fine print, and metadata.",
+            className: "xtyle-text--subtle",
+            tokens: ["--fg-3"],
+        },
+        {
+            name: "accent",
+            description: "Accent-colored ink for a highlighted word, link-like emphasis, or a figure; the first stop of the full tone roster, which paints any run in a tone's on-surface `--{tone}-vivid` ink.",
+            className: "xtyle-text--accent",
+            tokens: ["--accent-vivid"],
+        },
+        {
+            name: "mono",
+            description: "Monospace family for inline code and tabular figures; composes with any tone or size.",
+            className: "xtyle-text--mono",
+            tokens: ["--font-mono"],
+        },
+    ],
+    sizes: [
+        { name: "xs", description: "Smallest: fine print.", className: "xtyle-text--xs" },
+        { name: "sm", description: "Small: secondary copy.", className: "xtyle-text--sm" },
+        { name: "body", description: "Default reading size.", className: "xtyle-text", isDefault: true },
+        { name: "lg", description: "Large: lead paragraphs.", className: "xtyle-text--lg" },
+    ],
+    states: [],
+    slots: [
+        {
+            name: "default",
+            description: "The text content.",
+            bindings: ["html", "svelte", "astro"],
+        },
+    ],
+    consumedTokens: [
+        "--fg-0",
+        "--fg-2",
+        "--fg-3",
+        ...toneVividTokens,
+        "--font-mono",
+        "--font-sans",
+        "--leading-loose",
+        "--leading-normal",
+        "--leading-tight",
+        "--text-body",
+        "--text-lg",
+        "--text-sm",
+        "--text-xs",
+        "--weight-bold",
+        "--weight-medium",
+        "--weight-normal",
+        "--weight-semibold",
+    ],
+    composition: [
+        "Pair with Heading for titles; Text carries the running copy beneath them.",
+        "Use `mono` for inline code spans; for code blocks reach for a dedicated Code component once it lands.",
+        "Compose `tone=\"subtle\"` with `size=\"xs\"` for captions and metadata under cards and figures.",
+        "A colored tone renders in its on-surface `--{tone}-vivid` ink by contract. To pin text to a tone's base shade instead, style `::part(text)` from the consumer side: `xtyle-text::part(text) { color: var(--accent) }`. A per-instance custom property set on the host does not reach the inner element's own token register, so `::part` is the reliable seam for a one-off color.",
+    ],
+    a11y: [
+        "Renders a native `<p>` or `<span>`, so the semantics carry meaning; no ARIA needed.",
+        "Tone is purely visual; the ink ladder (default / muted / subtle) is derived to stay legible against the theme's surfaces, never below contrast thresholds.",
+        "`mono` changes only the font family, not the accessible text, so screen readers announce the content unchanged.",
+        "Choose `as=\"span\"` only for genuinely inline runs; block copy should stay a `<p>` so structure is conveyed.",
+    ],
+    examples: [
+        {
+            id: "sizes-tones-and-mono",
+            title: "Sizes, tones, and mono",
+            description: "The four axes are independent: size, weight, leading, and tone mix freely, and `mono` layers on top.",
+            source: { html: htmlExample, svelte: svelteExample, astro: astroExample },
+        },
+    ],
+};
+//# sourceMappingURL=text.manifest.js.map

package/dist/manifest/text.manifest.js.map

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

package/dist/manifest/textarea.manifest.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentManifest } from "./types.js";
+export declare const textareaManifest: ComponentManifest;
+//# sourceMappingURL=textarea.manifest.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.manifest.d.ts","sourceRoot":"","sources":["../../src/manifest/textarea.manifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAmCpD,eAAO,MAAM,gBAAgB,EAAE,iBA2M9B,CAAC"}

package/dist/manifest/textarea.manifest.js

@@ -0,0 +1,233 @@
+const htmlExample = `<xtyle-textarea label="Bio" name="bio" rows="4" placeholder="Tell us about yourself…"></xtyle-textarea>
+
+<xtyle-textarea label="Notes" rows="6" resize="none"></xtyle-textarea>
+
+<xtyle-textarea
+	label="Summary"
+	size="lg"
+	invalid
+	error="A summary is required."
+	required
+></xtyle-textarea>`;
+const svelteExample = `<script lang="ts">
+	import { Textarea } from "@xtyle/svelte";
+	let bio = $state("");
+</script>
+
+<Textarea label="Bio" name="bio" rows={4} bind:value={bio} placeholder="Tell us about yourself…" />
+
+<Textarea label="Notes" rows={6} resize="none" />
+
+<Textarea label="Summary" size="lg" invalid error="A summary is required." required />`;
+const astroExample = `---
+import { Textarea } from "@xtyle/astro";
+---
+
+<Textarea label="Bio" name="bio" rows={4} placeholder="Tell us about yourself…" />
+
+<Textarea label="Notes" rows={6} resize="none" />
+
+<Textarea label="Summary" size="lg" invalid error="A summary is required." required />`;
+export const textareaManifest = {
+    id: "textarea",
+    name: "Textarea",
+    category: "form",
+    summary: "A multi-line text input: styled, labelled, and resizable, in three sizes with an invalid state.",
+    description: "Textarea is a styled multi-line text control. It renders a native `<textarea>` that inherits the shared `.xtyle-control` chrome, wrapped with an optional label and an error message slot. The `rows` attribute sets the initial visible height and `resize` controls the user's drag handle (vertical by default, or none / horizontal / both). It exposes the same `invalid` / `disabled` / `required` and `sm` / `md` / `lg` size surface as the rest of the form family, and the custom element is form-associated so its value participates in native form submission and reset.",
+    bindings: ["html", "svelte", "astro"],
+    anatomy: [
+        {
+            name: "root",
+            description: "The wrapper carrying the size, invalid, and resize classes; lays out label, control, and error.",
+            selector: ".xtyle-textarea",
+            tokens: ["--space-1", "--font-sans"],
+        },
+        {
+            name: "label",
+            description: "The field label, hidden when no `label` text is provided.",
+            selector: ".xtyle-textarea__label",
+            tokens: ["--text-sm", "--weight-medium", "--fg-1", "--leading-normal"],
+        },
+        {
+            name: "control",
+            description: "The native `<textarea>` inheriting `.xtyle-control`, with size, resize, and min-height applied.",
+            selector: ".xtyle-textarea__control",
+            tokens: ["--space-7", "--leading-normal"],
+        },
+        {
+            name: "error",
+            description: "The validation message shown beneath the control while invalid.",
+            selector: ".xtyle-textarea__error",
+            tokens: ["--text-sm", "--leading-normal", "--danger"],
+        },
+    ],
+    props: [
+        {
+            name: "label",
+            type: "string",
+            description: "The visible field label. When empty, the binding falls back to `aria-label` and warns if neither is set.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "value",
+            type: "string",
+            default: "",
+            description: "The textarea's text content. Two-way bindable in Svelte.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "rows",
+            type: "number",
+            default: "3",
+            description: "Initial visible height of the control, in text rows.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "resize",
+            type: "TextareaResize",
+            default: "vertical",
+            description: "Which axes the user can drag to resize the control.",
+            bindings: ["html", "svelte", "astro"],
+            options: ["none", "vertical", "horizontal", "both"],
+        },
+        {
+            name: "placeholder",
+            type: "string",
+            description: "Placeholder text shown while the control is empty.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "mono",
+            type: "boolean",
+            default: "false",
+            description: "Renders the control in the monospace stack (`--font-mono`) for code-shaped text: expressions, snippets, config, structured input. A presentational swap on an existing token, so it bakes into the zero-JS Astro markup too.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "size",
+            type: "Size",
+            default: "md",
+            description: "Control size.",
+            bindings: ["html", "svelte", "astro"],
+            options: ["sm", "md", "lg"],
+        },
+        {
+            name: "name",
+            type: "string",
+            description: "Form field name; submitted with the control's value.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "disabled",
+            type: "boolean",
+            default: "false",
+            description: "Disables interaction and excludes the value from form submission.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "invalid",
+            type: "boolean",
+            default: "false",
+            description: "Marks the control invalid: danger border and `aria-invalid`.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "required",
+            type: "boolean",
+            default: "false",
+            description: "Marks the field required; reflected as `aria-required` on the control.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "error",
+            type: "string",
+            description: "Validation message rendered beneath the control and wired up via `aria-describedby` while invalid.",
+            bindings: ["html", "svelte", "astro"],
+        },
+    ],
+    variants: [
+        {
+            name: "default",
+            description: "The standard control, neutral field chrome from `.xtyle-control`.",
+            className: "xtyle-textarea",
+        },
+        {
+            name: "invalid",
+            description: "Error treatment: danger-colored border, label, and focus ring.",
+            className: "xtyle-textarea--invalid",
+            tokens: ["--danger", "--danger-bg", "--border-normal"],
+        },
+    ],
+    sizes: [
+        { name: "sm", description: "Compact.", className: "xtyle-textarea--sm" },
+        { name: "md", description: "Default.", className: "xtyle-textarea", isDefault: true },
+        { name: "lg", description: "Large.", className: "xtyle-textarea--lg" },
+    ],
+    states: [
+        {
+            name: "focus-visible",
+            description: "Keyboard focus: the shared `.xtyle-control` ring, recolored to danger while invalid.",
+            selector: ".xtyle-textarea__control:focus-visible",
+            tokens: ["--border-normal"],
+        },
+        {
+            name: "invalid",
+            description: "Failing validation: danger border on the control and a danger label.",
+            selector: ".xtyle-textarea--invalid .xtyle-textarea__control",
+            tokens: ["--danger", "--danger-bg"],
+        },
+        {
+            name: "disabled",
+            description: "Non-interactive: muted chrome inherited from `.xtyle-control`, no-drop cursor.",
+            selector: ".xtyle-textarea__control:disabled",
+        },
+    ],
+    slots: [
+        {
+            name: "default",
+            description: "Initial textarea content, projected into the native control's value.",
+            bindings: ["html", "astro"],
+        },
+    ],
+    consumedTokens: [
+        "--font-sans",
+        "--font-mono",
+        "--text-sm",
+        "--text-lg",
+        "--weight-medium",
+        "--leading-normal",
+        "--fg-1",
+        "--border-normal",
+        "--danger",
+        "--danger-text",
+        "--danger-bg",
+        "--space-1",
+        "--space-2",
+        "--space-3",
+        "--space-4",
+        "--space-6",
+        "--space-7",
+        "--space-8",
+    ],
+    composition: [
+        "Pair with Button (`type=\"submit\"` / `type=\"reset\"`) inside a `<form>`; the form-associated element submits and resets natively.",
+        "Mirror the `label` / `invalid` / `error` surface of Field and Select so a form reads consistently across single-line and multi-line inputs.",
+        "For code-shaped content (expressions, snippets, config), set `mono`; native input attributes (`spellcheck`, `inputmode`, `autocomplete`, `autocapitalize`, `autocorrect`, `enterkeyhint`) set on the host are forwarded to the inner control, so `spellcheck=\"false\"` on an expression field works.",
+    ],
+    a11y: [
+        "Renders a native `<textarea>`, so editing, selection, and screen-reader semantics come for free.",
+        "The `label` is wired to the control via `for` / `id`; with no `label`, the binding falls back to `aria-label` and warns when neither is present.",
+        "`invalid` sets `aria-invalid=\"true\"`; when an `error` is present it is linked through `aria-describedby`.",
+        "`required` is reflected as `aria-required` on the control.",
+        "Focus is shown with the shared control ring plus a transparent outline that the forced-colors base rule promotes to a real system outline.",
+    ],
+    examples: [
+        {
+            id: "labelled-and-invalid",
+            title: "Labelled, resizable, and invalid",
+            description: "A labelled control with custom rows, a fixed-height variant, and an invalid state with an error message.",
+            source: { html: htmlExample, svelte: svelteExample, astro: astroExample },
+        },
+    ],
+};
+//# sourceMappingURL=textarea.manifest.js.map

package/dist/manifest/textarea.manifest.js.map

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

package/dist/manifest/toast.manifest.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentManifest } from "./types.js";
+export declare const toastManifest: ComponentManifest;
+//# sourceMappingURL=toast.manifest.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.manifest.d.ts","sourceRoot":"","sources":["../../src/manifest/toast.manifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAuDpD,eAAO,MAAM,aAAa,EAAE,iBA0P3B,CAAC"}