@xtyle/core 0.5.0

package/dist/manifest/radio.manifest.js

@@ -0,0 +1,296 @@
+import { FULL_TONES } from "../vocab.js";
+const htmlExample = `<xtyle-radio-group label="Plan" orientation="vertical">
+	<xtyle-radio name="plan" value="free" label="Free" checked></xtyle-radio>
+	<xtyle-radio name="plan" value="pro" label="Pro" tone="accent"></xtyle-radio>
+	<xtyle-radio name="plan" value="team" label="Team"></xtyle-radio>
+</xtyle-radio-group>
+
+<xtyle-radio name="confirm" value="yes" tone="success">I agree to the terms</xtyle-radio>
+
+<xtyle-radio name="confirm" value="no" tone="danger" invalid label="Decline"></xtyle-radio>`;
+const svelteExample = `<script lang="ts">
+	import { Radio, RadioGroup } from "@xtyle/svelte";
+	let plan = $state("free");
+</script>
+
+<RadioGroup label="Plan" orientation="vertical" onchange={(e) => (plan = (e.target as HTMLInputElement).value)}>
+	<Radio name="plan" value="free" label="Free" checked={plan === "free"} />
+	<Radio name="plan" value="pro" label="Pro" tone="accent" checked={plan === "pro"} />
+	<Radio name="plan" value="team" label="Team" checked={plan === "team"} />
+</RadioGroup>
+
+<Radio name="confirm" value="yes" tone="success">I agree to the terms</Radio>`;
+const astroExample = `---
+import { Radio, RadioGroup } from "@xtyle/astro";
+---
+
+<RadioGroup label="Plan" orientation="vertical">
+	<Radio name="plan" value="free" label="Free" checked />
+	<Radio name="plan" value="pro" label="Pro" tone="accent" />
+	<Radio name="plan" value="team" label="Team" />
+</RadioGroup>
+
+<Radio name="confirm" value="yes" tone="success">I agree to the terms</Radio>`;
+export const radioManifest = {
+    id: "radio",
+    name: "Radio",
+    category: "control",
+    summary: "A single-choice input: a styled native radio plus a group that manages roving focus and arrow-key navigation.",
+    description: "Radio is a styled native `<input type=\"radio\">`: the real input drives state and keyboard semantics while a custom indicator paints the selected dot in any of the six semantic tones. RadioGroup wraps a set of radios in a `role=\"radiogroup\"`, lays them out vertically or horizontally, and owns the WAI-ARIA roving-tabindex pattern: the group is a single Tab stop and arrow keys move selection between options, wrapping at the ends. Each radio carries its own label (via the `label` attribute or default-slot text), an invalid state, and a disabled state; the group can disable as a whole. State lives on the native input, so form participation and submission come for free.",
+    bindings: ["html", "svelte", "astro"],
+    anatomy: [
+        {
+            name: "radio",
+            description: "The `<label>` wrapper for a single option, carrying the tone, size, and invalid classes.",
+            selector: ".xtyle-radio",
+            tokens: [
+                "--font-sans",
+                "--text-body",
+                "--leading-normal",
+                "--fg-0",
+                "--space-2",
+            ],
+        },
+        {
+            name: "control",
+            description: "The native `<input type=\"radio\">`, visually hidden but present for state, focus, and form submission.",
+            selector: ".xtyle-radio__control",
+        },
+        {
+            name: "indicator",
+            description: "The painted circle that fills with the tone color and shows the dot when checked.",
+            selector: ".xtyle-radio__indicator",
+            tokens: [
+                "--border-normal",
+                "--field-border",
+                "--field-bg",
+                "--radius-full",
+                "--duration-fast",
+                "--ease-standard",
+                "--ease-emphasized",
+            ],
+        },
+        {
+            name: "label",
+            description: "The text content for the option, taken from the `label` attribute or the default slot.",
+            selector: ".xtyle-radio__label",
+        },
+        {
+            name: "group",
+            description: "The `role=\"radiogroup\"` container plus its optional label, laid out by orientation.",
+            selector: ".xtyle-radio-group",
+            tokens: ["--font-sans", "--space-2", "--space-4", "--text-sm", "--weight-medium", "--fg-1", "--leading-normal"],
+        },
+    ],
+    props: [
+        {
+            name: "tone",
+            type: "FullTone",
+            default: "accent",
+            description: "Semantic color of the checked indicator. Radio only.",
+            bindings: ["html", "svelte", "astro"],
+            options: [...FULL_TONES],
+        },
+        {
+            name: "size",
+            type: "Size",
+            default: "md",
+            description: "Control size. Radio only.",
+            bindings: ["html", "svelte", "astro"],
+            options: ["sm", "md", "lg"],
+        },
+        {
+            name: "name",
+            type: "string",
+            description: "The shared form name that groups native radios into one choice. Radio only.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "value",
+            type: "string",
+            default: "on",
+            description: "The submitted value when this radio is checked. Radio only.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "checked",
+            type: "boolean",
+            default: "false",
+            description: "Whether this radio is selected. Two-way bindable in Svelte. Radio only.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "invalid",
+            type: "boolean",
+            default: "false",
+            description: "Marks the radio invalid, danger-colored ring plus `aria-invalid`. Radio only.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "label",
+            type: "string",
+            description: "Accessible label text. On a Radio it is the option label; on a RadioGroup it names the whole group.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "labelledby",
+            type: "string",
+            description: "ID of an external element labelling the radio or group, when `label` is not used.",
+            bindings: ["html", "svelte", "astro"],
+        },
+        {
+            name: "orientation",
+            type: '"vertical" | "horizontal"',
+            default: "vertical",
+            description: "Layout direction and `aria-orientation` of the group. RadioGroup only.",
+            bindings: ["html", "svelte", "astro"],
+            options: ["vertical", "horizontal"],
+        },
+        {
+            name: "disabled",
+            type: "boolean",
+            default: "false",
+            description: "Disables interaction. On a Radio it disables that option; on a RadioGroup it marks the whole group `aria-disabled`.",
+            bindings: ["html", "svelte", "astro"],
+        },
+    ],
+    variants: [
+        {
+            name: "accent",
+            description: "The checked indicator fills with the accent tone (the default).",
+            className: "xtyle-radio--accent",
+            tokens: ["--accent", "--accent-fg"],
+        },
+        {
+            name: "neutral",
+            description: "Neutral-toned checked indicator.",
+            className: "xtyle-radio--neutral",
+            tokens: ["--neutral", "--neutral-fg"],
+        },
+        {
+            name: "danger",
+            description: "Danger-toned checked indicator.",
+            className: "xtyle-radio--danger",
+            tokens: ["--danger", "--danger-fg"],
+        },
+        {
+            name: "success",
+            description: "Success-toned checked indicator.",
+            className: "xtyle-radio--success",
+            tokens: ["--success", "--success-fg"],
+        },
+        {
+            name: "warn",
+            description: "Warn-toned checked indicator.",
+            className: "xtyle-radio--warn",
+            tokens: ["--warn", "--warn-fg"],
+        },
+        {
+            name: "info",
+            description: "Info-toned checked indicator.",
+            className: "xtyle-radio--info",
+            tokens: ["--info", "--info-fg"],
+        },
+        {
+            name: "horizontal",
+            description: "Lays the group's options in a wrapping row instead of a column.",
+            className: "xtyle-radio-group--horizontal",
+        },
+    ],
+    sizes: [
+        { name: "sm", description: "Compact.", className: "xtyle-radio--sm" },
+        { name: "md", description: "Default.", className: "xtyle-radio", isDefault: true },
+        { name: "lg", description: "Large.", className: "xtyle-radio--lg" },
+    ],
+    states: [
+        {
+            name: "hover",
+            description: "Pointer over the radio: the indicator border and fill shift toward the hover tint.",
+            selector: ".xtyle-radio:hover .xtyle-radio__indicator",
+            tokens: ["--line-2", "--state-hover"],
+        },
+        {
+            name: "checked",
+            description: "Selected: the indicator fills with the tone color and the dot scales in.",
+            selector: ".xtyle-radio__control:checked ~ .xtyle-radio__indicator",
+            tokens: ["--accent", "--accent-fg"],
+        },
+        {
+            name: "focus-visible",
+            description: "Keyboard focus: a token-colored ring on the indicator plus a transparent outline promoted in forced-colors mode.",
+            selector: ".xtyle-radio__control:focus-visible ~ .xtyle-radio__indicator",
+            tokens: ["--border-normal", "--border-thick", "--ring"],
+        },
+        {
+            name: "invalid",
+            description: "Marked invalid: the indicator border turns danger-colored.",
+            selector: ".xtyle-radio--invalid .xtyle-radio__indicator",
+            tokens: ["--danger"],
+        },
+        {
+            name: "disabled",
+            description: "Non-interactive: muted fill and ink, no pointer.",
+            selector: '.xtyle-radio__control:disabled ~ .xtyle-radio__indicator, .xtyle-radio[aria-disabled="true"]',
+            tokens: ["--state-disabled", "--line", "--fg-disabled"],
+        },
+    ],
+    slots: [
+        {
+            name: "default",
+            description: "On a Radio, the option's label text. On a RadioGroup, the radio options.",
+            bindings: ["html", "svelte", "astro"],
+        },
+    ],
+    consumedTokens: [
+        "--font-sans",
+        "--text-body",
+        "--text-sm",
+        "--text-lg",
+        "--weight-medium",
+        "--leading-normal",
+        "--fg-0",
+        "--fg-1",
+        "--fg-disabled",
+        "--border-normal",
+        "--border-thick",
+        "--radius-full",
+        "--space-1",
+        "--space-2",
+        "--space-3",
+        "--space-4",
+        "--duration-fast",
+        "--ease-standard",
+        "--ease-emphasized",
+        "--field-bg",
+        "--field-border",
+        "--line",
+        "--line-2",
+        "--ring",
+        "--state-hover",
+        "--state-disabled",
+        ...FULL_TONES.flatMap((t) => [`--${t}`, `--${t}-fg`]),
+    ],
+    composition: [
+        "Wrap radios in a RadioGroup so arrow keys move selection and the set is a single Tab stop.",
+        "Pair with Field to attach a shared label, help text, and error to the whole group.",
+        "Give every radio in a set the same `name` so native form submission yields one value.",
+    ],
+    a11y: [
+        "Each Radio is a native `<input type=\"radio\">`, so selection, keyboard, and form semantics come for free.",
+        "RadioGroup is a `role=\"radiogroup\"` with `aria-orientation`; it implements the roving-tabindex pattern: one Tab stop, arrows move selection and wrap.",
+        "A radio needs an accessible name from `label`, default-slot text, `labelledby`, or `aria-label`; the binding warns at runtime when none is present.",
+        "The group needs a name from `label`, `labelledby`, or `aria-label`; the binding warns when it is missing.",
+        "`invalid` sets `aria-invalid` on the input alongside the danger-colored ring.",
+        "The indicator is decorative (`aria-hidden`); state is conveyed by the native input's checked state.",
+        "Focus shows a token ring on the indicator plus a transparent outline the forced-colors base rule promotes to a real system outline.",
+    ],
+    examples: [
+        {
+            id: "group-and-tones",
+            title: "Grouped choice and tones",
+            description: "A labelled vertical group with roving focus, plus standalone toned radios.",
+            source: { html: htmlExample, svelte: svelteExample, astro: astroExample },
+        },
+    ],
+};
+//# sourceMappingURL=radio.manifest.js.map

package/dist/manifest/radio.manifest.js.map

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

package/dist/manifest/registry.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The component manifest registry: the single source of truth that `coverage()`,
+ * the reference site, and the theme studio all read.
+ *
+ * ## Registering a component
+ *
+ * Each component ships a `ComponentManifest` from its own module under
+ * `./<id>.manifest.ts` (exporting `const <camelId>Manifest: ComponentManifest`).
+ * To register it, add an import next to the others and a keyed entry in the
+ * `components` object, where the key is the manifest's `id` (kebab-case) and the
+ * value is the imported manifest.
+ *
+ * The key MUST equal `manifest.id`. `getComponent`/`listComponents` and the lint
+ * test both rely on that identity.
+ */
+import type { ComponentManifest, ComponentRegistry } from "./types.js";
+export declare const components: ComponentRegistry;
+export declare function getComponent(id: string): ComponentManifest | undefined;
+export declare function listComponents(): ComponentManifest[];
+//# sourceMappingURL=registry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/manifest/registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AA+DvE,eAAO,MAAM,UAAU,EAAE,iBA8DxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS,CAEtE;AAED,wBAAgB,cAAc,IAAI,iBAAiB,EAAE,CAEpD"}

package/dist/manifest/registry.js

@@ -0,0 +1,146 @@
+/**
+ * The component manifest registry: the single source of truth that `coverage()`,
+ * the reference site, and the theme studio all read.
+ *
+ * ## Registering a component
+ *
+ * Each component ships a `ComponentManifest` from its own module under
+ * `./<id>.manifest.ts` (exporting `const <camelId>Manifest: ComponentManifest`).
+ * To register it, add an import next to the others and a keyed entry in the
+ * `components` object, where the key is the manifest's `id` (kebab-case) and the
+ * value is the imported manifest.
+ *
+ * The key MUST equal `manifest.id`. `getComponent`/`listComponents` and the lint
+ * test both rely on that identity.
+ */
+import { buttonManifest } from "./button.manifest.js";
+import { cardManifest } from "./card.manifest.js";
+import { fieldManifest } from "./field.manifest.js";
+import { badgeManifest } from "./badge.manifest.js";
+import { switchManifest } from "./switch.manifest.js";
+import { alertManifest } from "./alert.manifest.js";
+import { linkManifest } from "./link.manifest.js";
+import { appShellManifest } from "./app-shell.manifest.js";
+import { toolbarManifest } from "./toolbar.manifest.js";
+import { dockManifest } from "./dock.manifest.js";
+import { panelManifest } from "./panel.manifest.js";
+import { statusbarManifest } from "./statusbar.manifest.js";
+import { checkboxManifest } from "./checkbox.manifest.js";
+import { radioManifest } from "./radio.manifest.js";
+import { selectManifest } from "./select.manifest.js";
+import { textareaManifest } from "./textarea.manifest.js";
+import { formGroupManifest } from "./form-group.manifest.js";
+import { headingManifest } from "./heading.manifest.js";
+import { textManifest } from "./text.manifest.js";
+import { separatorManifest } from "./separator.manifest.js";
+import { stackManifest } from "./stack.manifest.js";
+import { clusterManifest } from "./cluster.manifest.js";
+import { gridManifest } from "./grid.manifest.js";
+import { spinnerManifest } from "./spinner.manifest.js";
+import { avatarManifest } from "./avatar.manifest.js";
+import { avatarGroupManifest } from "./avatar-group.manifest.js";
+import { tooltipManifest } from "./tooltip.manifest.js";
+import { tabsManifest } from "./tabs.manifest.js";
+import { breadcrumbManifest } from "./breadcrumb.manifest.js";
+import { skeletonManifest } from "./skeleton.manifest.js";
+import { dialogManifest } from "./dialog.manifest.js";
+import { toastManifest } from "./toast.manifest.js";
+import { tableManifest } from "./table.manifest.js";
+import { dockZoneManifest } from "./dock-zone.manifest.js";
+import { progressManifest } from "./progress.manifest.js";
+import { sliderManifest } from "./slider.manifest.js";
+import { colorPickerManifest } from "./color-picker.manifest.js";
+import { numberInputManifest } from "./number-input.manifest.js";
+import { segmentedManifest } from "./segmented.manifest.js";
+import { accordionManifest } from "./accordion.manifest.js";
+import { treeManifest } from "./tree.manifest.js";
+import { statManifest } from "./stat.manifest.js";
+import { sectionManifest } from "./section.manifest.js";
+import { eyebrowManifest } from "./eyebrow.manifest.js";
+import { cardLinkManifest } from "./card-link.manifest.js";
+import { tocManifest } from "./toc.manifest.js";
+import { kbdManifest } from "./kbd.manifest.js";
+import { iconManifest } from "./icon.manifest.js";
+import { imageManifest } from "./image.manifest.js";
+import { carouselManifest } from "./carousel.manifest.js";
+import { parallaxManifest } from "./parallax.manifest.js";
+import { heroManifest } from "./hero.manifest.js";
+import { barManifest } from "./bar.manifest.js";
+import { sparklineManifest } from "./sparkline.manifest.js";
+import { heatmapManifest } from "./heatmap.manifest.js";
+import { pieManifest } from "./pie.manifest.js";
+import { swatchManifest } from "./swatch.manifest.js";
+import { menuManifest } from "./menu.manifest.js";
+import { splitterManifest } from "./splitter.manifest.js";
+import { codeManifest } from "./code.manifest.js";
+import { paginationManifest } from "./pagination.manifest.js";
+export const components = {
+    button: buttonManifest,
+    card: cardManifest,
+    field: fieldManifest,
+    badge: badgeManifest,
+    switch: switchManifest,
+    alert: alertManifest,
+    link: linkManifest,
+    "app-shell": appShellManifest,
+    toolbar: toolbarManifest,
+    dock: dockManifest,
+    panel: panelManifest,
+    statusbar: statusbarManifest,
+    checkbox: checkboxManifest,
+    radio: radioManifest,
+    select: selectManifest,
+    textarea: textareaManifest,
+    "form-group": formGroupManifest,
+    heading: headingManifest,
+    text: textManifest,
+    separator: separatorManifest,
+    stack: stackManifest,
+    cluster: clusterManifest,
+    grid: gridManifest,
+    spinner: spinnerManifest,
+    avatar: avatarManifest,
+    "avatar-group": avatarGroupManifest,
+    tooltip: tooltipManifest,
+    tabs: tabsManifest,
+    breadcrumb: breadcrumbManifest,
+    skeleton: skeletonManifest,
+    dialog: dialogManifest,
+    toast: toastManifest,
+    table: tableManifest,
+    "dock-zone": dockZoneManifest,
+    progress: progressManifest,
+    slider: sliderManifest,
+    "color-picker": colorPickerManifest,
+    "number-input": numberInputManifest,
+    segmented: segmentedManifest,
+    accordion: accordionManifest,
+    tree: treeManifest,
+    stat: statManifest,
+    section: sectionManifest,
+    eyebrow: eyebrowManifest,
+    "card-link": cardLinkManifest,
+    toc: tocManifest,
+    kbd: kbdManifest,
+    icon: iconManifest,
+    image: imageManifest,
+    carousel: carouselManifest,
+    parallax: parallaxManifest,
+    hero: heroManifest,
+    bar: barManifest,
+    sparkline: sparklineManifest,
+    heatmap: heatmapManifest,
+    pie: pieManifest,
+    swatch: swatchManifest,
+    menu: menuManifest,
+    splitter: splitterManifest,
+    code: codeManifest,
+    pagination: paginationManifest,
+};
+export function getComponent(id) {
+    return components[id];
+}
+export function listComponents() {
+    return Object.values(components);
+}
+//# sourceMappingURL=registry.js.map

package/dist/manifest/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/manifest/registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,MAAM,UAAU,GAAsB;IAC5C,MAAM,EAAE,cAAc;IACtB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,gBAAgB;IAC7B,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE,gBAAgB;IAC1B,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;IACtB,QAAQ,EAAE,gBAAgB;IAC1B,YAAY,EAAE,iBAAiB;IAC/B,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;IAC5B,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,cAAc,EAAE,mBAAmB;IACnC,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,YAAY;IAClB,UAAU,EAAE,kBAAkB;IAC9B,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,gBAAgB;IAC7B,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;IACtB,cAAc,EAAE,mBAAmB;IACnC,cAAc,EAAE,mBAAmB;IACnC,SAAS,EAAE,iBAAiB;IAC5B,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,eAAe;IACxB,WAAW,EAAE,gBAAgB;IAC7B,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,WAAW;IAChB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,gBAAgB;IAC1B,QAAQ,EAAE,gBAAgB;IAC1B,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,WAAW;IAChB,SAAS,EAAE,iBAAiB;IAC5B,OAAO,EAAE,eAAe;IACxB,GAAG,EAAE,WAAW;IAChB,MAAM,EAAE,cAAc;IACtB,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,gBAAgB;IAC1B,IAAI,EAAE,YAAY;IAClB,UAAU,EAAE,kBAAkB;CAC9B,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAU;IACtC,OAAO,UAAU,CAAC,EAAE,CAAC,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,cAAc;IAC7B,OAAO,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AAClC,CAAC"}

package/dist/manifest/section.manifest.d.ts

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

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

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