@stridge/noctis-design-tokens 1.0.0-beta.0

package/dist/graph/components.js

@@ -0,0 +1,4488 @@
+//#region src/graph/components.ts
+/** A raw-valued component mint (a dimension with no T1 role to alias). */
+function raw(uuid, name, value, description, usage) {
+	return {
+		uuid,
+		tier: "component",
+		name,
+		value: { raw: value },
+		description,
+		usage,
+		introduced: "0.0.0"
+	};
+}
+/** A component mint whose default aliases a T1 role, optionally re-pointed per variant value. */
+function aliased(uuid, name, value, description, usage, variants) {
+	return {
+		uuid,
+		tier: "component",
+		name,
+		value,
+		description,
+		usage,
+		introduced: "0.0.0",
+		...variants ? { variants } : {}
+	};
+}
+const kbd = {
+	component: "kbd",
+	category: "typography",
+	slotPrefix: "noctis",
+	anatomy: [
+		"kbd",
+		"kbd-chord",
+		"kbd-key",
+		"kbd-glyph"
+	],
+	options: {},
+	states: [],
+	consumes: [],
+	mints: [
+		raw("c2dd2590-6d27-4758-8a26-80323591da53", {
+			kind: "component",
+			component: "kbd",
+			anatomy: "key",
+			property: "font-size"
+		}, "0.8125em", "Key-cap glyph size, relative to the surrounding text.", "The font size of a single key cap in a keyboard hint."),
+		raw("c603d1a7-9fa4-481d-8115-68b30e0bcba2", {
+			kind: "component",
+			component: "kbd",
+			anatomy: "key",
+			property: "height"
+		}, "1.5em", "Key-cap height, also its minimum width — the square-cap invariant.", "The height and min-width of a key cap, keeping single-glyph caps square."),
+		raw("957c8dd8-782f-43af-ad95-cc1f356b86ef", {
+			kind: "component",
+			component: "kbd",
+			anatomy: "key",
+			property: "padding-inline"
+		}, "0.4em", "Key-cap inline padding.", "The inline padding inside a key cap."),
+		raw("a67c27d3-e535-4e7d-8651-fca1bf560170", {
+			kind: "component",
+			component: "kbd",
+			property: "gap"
+		}, "0.5em", "Gap between sequence chords.", "The spacing between chords in a key sequence."),
+		raw("06177aab-ba55-4c49-a9b7-ad89bc73d4c2", {
+			kind: "component",
+			component: "kbd",
+			anatomy: "chord",
+			property: "gap"
+		}, "0.125em", "Gap between keys within a chord.", "The spacing between adjacent keys pressed together."),
+		raw("0ae2e229-1eba-4aaf-8a50-5f17fea225aa", {
+			kind: "component",
+			component: "kbd",
+			anatomy: "key",
+			property: "border-radius"
+		}, "0.3em", "Key-cap corner radius.", "The rounding of a key cap's corners — a tight, em-relative radius so the cap reads as a physical keycap rather than a pill, and scales with the cap."),
+		raw("7ec87fb7-3893-470a-9d65-946bd90b5abe", {
+			kind: "component",
+			component: "kbd",
+			anatomy: "key",
+			property: "shadow"
+		}, "inset 0 0.07em 0 0 oklch(from var(--noctis-color-kbd) calc(l + 0.05) c h), inset 0 -0.09em 0 0 oklch(from var(--noctis-color-kbd) calc(l - 0.08) c h), 0 0.1em 0.12em -0.04em oklch(from var(--noctis-engine-shadow-color) l c h / 0.2)", "Key-cap depth shadow.", "The layered shadow that gives a key cap its raised, physical-keycap depth — a top sheen, a bottom lip, and a floor shadow.")
+	]
+};
+const inlineCode = {
+	component: "inline-code",
+	category: "typography",
+	slotPrefix: "noctis",
+	anatomy: ["inline-code"],
+	options: {},
+	states: [],
+	consumes: [],
+	mints: [
+		raw("43f743e2-09ac-42c9-93d4-759516ecb2ec", {
+			kind: "component",
+			component: "inline-code",
+			property: "font-size"
+		}, "0.9em", "Inline-code chip font size, relative to the surrounding text.", "The font size of an inline-code chip."),
+		raw("5d72da99-f640-4e85-89f3-26af9f1b398f", {
+			kind: "component",
+			component: "inline-code",
+			property: "padding-inline"
+		}, "0.4em", "Inline-code chip inline padding.", "The inline padding of an inline-code chip."),
+		raw("f6fbb11a-227c-4f3a-b1a9-99cc4bd27550", {
+			kind: "component",
+			component: "inline-code",
+			property: "padding-block"
+		}, "0.12em", "Inline-code chip block padding.", "The block padding of an inline-code chip."),
+		raw("b2ef858b-ef4d-4332-9862-af830c6f2a7f", {
+			kind: "component",
+			component: "inline-code",
+			property: "border-radius"
+		}, "0.35em", "Inline-code chip corner radius.", "The rounding of an inline-code chip's corners — a tight, em-relative radius so the chip reads as a code token rather than a pill, and scales with the surrounding text."),
+		aliased("deb5dd1f-517d-4295-bb7b-9211e110a247", {
+			kind: "component",
+			component: "inline-code",
+			property: "color"
+		}, { role: "code-foreground" }, "Inline-code chip text colour.", "The text colour of an inline-code chip — the dedicated code-foreground tier, set a step off prose so a snippet reads as code, not running text.")
+	]
+};
+const table = {
+	component: "table",
+	category: "data",
+	slotPrefix: "noctis",
+	anatomy: [
+		"table",
+		"table-grid",
+		"table-header",
+		"table-body",
+		"table-row",
+		"table-head",
+		"table-cell"
+	],
+	options: {},
+	states: [],
+	consumes: [],
+	slotGroups: { cell: ["table-head", "table-cell"] },
+	mints: [
+		aliased("cd8ab9b4-ad70-418a-b30f-ca878cd4420b", {
+			kind: "component",
+			component: "table",
+			property: "border-radius"
+		}, { raw: "var(--noctis-radius-lg)" }, "Corner radius of the table frame.", "The radius of the bordered card that clips the table's corners."),
+		raw("b1c1ad67-6e7a-4544-9198-c40428e37076", {
+			kind: "component",
+			component: "table",
+			anatomy: "cell",
+			property: "padding-inline"
+		}, "1rem", "Inline padding of a table cell — shared by header and body cells.", "The horizontal inset of a header or body cell's content."),
+		raw("c17bb614-8503-4d05-876e-452b2440e2b1", {
+			kind: "component",
+			component: "table",
+			anatomy: "cell",
+			property: "padding-block"
+		}, "0.625rem", "Block padding of a table cell — shared by header and body cells.", "The vertical inset of a header or body cell's content."),
+		aliased("50bad501-aa6d-4ca9-89ab-c311525c96f9", {
+			kind: "component",
+			component: "table",
+			anatomy: "header",
+			property: "background-color"
+		}, { role: "surface" }, "Header-band fill.", "The header band's fill, one step above the canvas so it reads as a header, not a well."),
+		aliased("663dd3f0-2100-4479-bd8e-6091b33b562f", {
+			kind: "component",
+			component: "table",
+			anatomy: "cell",
+			property: "color"
+		}, { role: "muted" }, "Cell text colour — shared by header and body cells.", "The muted text colour of cells, quieter than body prose by design.")
+	]
+};
+/** The control-height scale tokens code-family heights alias by uuid (a scale, not a role). */
+const CONTROL_HEIGHT_SM = "a7df1cf1-7116-4e6a-8ce1-b362ff0b9cde";
+const codeBlock = {
+	component: "code-block",
+	category: "typography",
+	slotPrefix: "noctis",
+	anatomy: [
+		"code-block",
+		"code-block-header",
+		"code-block-manager-glyph"
+	],
+	options: {},
+	states: [],
+	consumes: [],
+	mints: [
+		aliased("1fddaad0-aa09-4a33-918e-fe86b2348681", {
+			kind: "component",
+			component: "code-block",
+			property: "border-radius"
+		}, { raw: "var(--noctis-radius-lg)" }, "Corner radius of the code-block frame.", "The radius of the well-shade frame that clips a code block's corners."),
+		aliased("1c12c182-1b86-469c-bfdc-7cb41b07af32", {
+			kind: "component",
+			component: "code-block",
+			anatomy: "header",
+			property: "height"
+		}, { token: "9fc04a8b-38a2-4eb7-8c82-cb601047fd87" }, "Height of the code-block header band.", "The height of the filename/copy header, on the default control height."),
+		raw("81900eba-9730-4f1f-91ad-4e9b3f6fd35d", {
+			kind: "component",
+			component: "code-block",
+			anatomy: "header",
+			property: "gap"
+		}, "var(--noctis-space-2)", "Gap between the header's logo, title, and copy button.", "The spacing between adjacent items in the filename/copy header band."),
+		raw("0f92565b-8c5f-4ef9-b5a3-05cb6c4dc80b", {
+			kind: "component",
+			component: "code-block",
+			anatomy: "header",
+			property: "padding-inline-start"
+		}, "var(--noctis-space-3)", "Start inset of the header band.", "The inline-start padding of the header, aligning the logo with the code gutter."),
+		raw("5cf1d8aa-fd17-4a4b-baa5-9c4f94e2f323", {
+			kind: "component",
+			component: "code-block",
+			anatomy: "header",
+			property: "padding-inline-end"
+		}, "var(--noctis-space-1\\.5)", "End inset of the header band.", "The inline-end padding of the header, tighter than the start to give the copy button its slack."),
+		raw("edccb561-87a5-4896-8508-da4436c6a23c", {
+			kind: "component",
+			component: "code-block",
+			anatomy: "manager-glyph",
+			property: "size"
+		}, "var(--noctis-space-3\\.5)", "Edge length of a package-manager brand glyph.", "The square the pnpm/npm/yarn/bun/deno data-URI mark paints, in the header or a tab."),
+		raw("5745ed8b-20c7-46bc-937c-714679c7e4d5", {
+			kind: "component",
+			component: "code-block",
+			property: "body-padding-block"
+		}, "var(--noctis-space-4)", "Block padding of the code body.", "The vertical inset around the code inside a block, so the fence breathes regardless of highlighting."),
+		raw("32053a98-6240-49cb-9315-3ce5a04d5b3e", {
+			kind: "component",
+			component: "code-block",
+			property: "body-padding-inline"
+		}, "var(--noctis-space-4)", "Inline padding of the code body.", "The horizontal inset around the code inside a block; the line-number gutter (when present) sits within it."),
+		raw("ae3fd1b7-c774-447b-8ef2-d13f3787cd9c", {
+			kind: "component",
+			component: "code-block",
+			property: "body-font-size"
+		}, "var(--noctis-text-small)", "Font size of the code body.", "The monospace type size for code, on the small step so it tracks the type-scale knob."),
+		raw("7dd93b7b-ec01-466f-b594-5162c13953ba", {
+			kind: "component",
+			component: "code-block",
+			property: "body-line-height"
+		}, "1.55", "Line height of the code body.", "The leading between code lines — roomy enough to read dense tokens, tight enough to keep a block compact.")
+	]
+};
+const codeTabs = {
+	component: "code-tabs",
+	category: "typography",
+	slotPrefix: "noctis",
+	anatomy: ["code-tabs", "code-tabs-panel"],
+	options: {},
+	states: [],
+	consumes: [],
+	mints: [
+		aliased("95926db7-7bc6-4c34-b117-7402e5801125", {
+			kind: "component",
+			component: "code-tabs",
+			property: "border-radius"
+		}, { raw: "var(--noctis-radius-lg)" }, "Corner radius of the code-tabs frame.", "The radius of the tabbed code group's frame; the large foundation radius, matching the code block."),
+		aliased("0837f354-f41e-4f56-8ea5-d3568ceca6ff", {
+			kind: "component",
+			component: "code-tabs",
+			anatomy: "tab",
+			property: "height"
+		}, { token: CONTROL_HEIGHT_SM }, "Height of a language tab.", "The height of a tab in the strip, on the compact control height."),
+		raw("4f8f546d-2ec4-4aa1-954c-5d0aafdc7dd9", {
+			kind: "component",
+			component: "code-tabs",
+			anatomy: "tab",
+			property: "padding-inline"
+		}, "0.625rem", "Inline padding of a language tab.", "The horizontal inset of a tab's logo and label."),
+		aliased("a612725e-68e7-4084-acc6-3a845685cd62", {
+			kind: "component",
+			component: "code-tabs",
+			anatomy: "tab",
+			property: "border-radius"
+		}, { raw: "var(--noctis-radius-md)" }, "Corner radius of a language tab.", "The radius of a tab's highlight; a tighter step than the frame, distinct from the segmented Tabs pill."),
+		raw("63c4f384-96f9-4dcd-970f-f44e3bc2a488", {
+			kind: "component",
+			component: "code-tabs",
+			anatomy: "strip",
+			property: "padding"
+		}, "0.375rem", "Padding around the tab strip.", "The inset between the strip edge and its tabs."),
+		raw("76c39086-f1ac-4d0e-89af-b7e5e9fe9e8f", {
+			kind: "component",
+			component: "code-tabs",
+			anatomy: "strip",
+			property: "gap"
+		}, "var(--noctis-space-2)", "Gap between the tab list and the strip's trailing copy button.", "The spacing between the strip's tab list and the copy affordance beside it."),
+		raw("6c5f68b8-f39f-4360-999a-2a54080af875", {
+			kind: "component",
+			component: "code-tabs",
+			anatomy: "list",
+			property: "gap"
+		}, "var(--noctis-space-1)", "Gap between adjacent language tabs.", "The spacing between tabs in the strip's list."),
+		raw("910d3213-5414-41cf-8a9f-73aab1fd22e6", {
+			kind: "component",
+			component: "code-tabs",
+			anatomy: "tab",
+			property: "gap"
+		}, "var(--noctis-space-1\\.5)", "Gap between a tab's logo and its label.", "The spacing between a tab's leading brand mark and its language label.")
+	],
+	slotGroups: {
+		tab: ["code-tabs"],
+		strip: ["code-tabs"],
+		list: ["code-tabs"]
+	}
+};
+const codeCopy = {
+	component: "code-copy",
+	category: "actions",
+	slotPrefix: "noctis",
+	anatomy: ["code-copy"],
+	options: {},
+	states: [],
+	consumes: [],
+	mints: [aliased("1f6f6d6e-49e7-4ab5-b4ae-d8221c20319b", {
+		kind: "component",
+		component: "code-copy",
+		property: "size"
+	}, { token: CONTROL_HEIGHT_SM }, "Size of the copy button.", "The square edge of the copy affordance; matches the tab height so the strip aligns."), raw("782d8f35-8c60-48f0-a088-3a2250cb395a", {
+		kind: "component",
+		component: "code-copy",
+		anatomy: "glyph",
+		property: "size"
+	}, "var(--noctis-space-3\\.5)", "Edge length of the copy/check glyph inside the button.", "The square the clipboard and check marks paint, on the sm icon step.")],
+	slotGroups: { glyph: ["code-copy"] }
+};
+/** The four slots that share the `item` recipe — the `item`/`item-indicator` tokens attach to all four. */
+const MENU_ITEM_SLOTS = [
+	"menu-item",
+	"menu-link-item",
+	"menu-checkbox-item",
+	"menu-radio-item",
+	"menu-submenu-trigger"
+];
+const menu = {
+	component: "menu",
+	category: "overlays",
+	slotPrefix: "noctis",
+	anatomy: [
+		"menu-trigger",
+		"menu-content",
+		"menu-viewport",
+		"menu-group",
+		"menu-group-label",
+		"menu-item",
+		"menu-link-item",
+		"menu-checkbox-item",
+		"menu-radio-group",
+		"menu-radio-item",
+		"menu-item-indicator",
+		"menu-radio-dot",
+		"menu-submenu-trigger",
+		"menu-shortcut",
+		"menu-separator"
+	],
+	options: { variant: ["default", "danger"] },
+	states: [
+		"highlighted",
+		"disabled",
+		"open",
+		"checked"
+	],
+	consumes: [],
+	slotGroups: {
+		item: MENU_ITEM_SLOTS,
+		"item-indicator": MENU_ITEM_SLOTS
+	},
+	optionSlots: { variant: "menu-item" },
+	mints: [
+		raw("016a1166-e506-4887-8945-212cf5882d65", {
+			kind: "component",
+			component: "menu",
+			anatomy: "content",
+			property: "min-width"
+		}, "11rem", "Minimum width of the menu popup.", "The popup's min-width — wide enough that short labels don't read as cramped."),
+		raw("b17318ae-ea38-4a0d-abef-5d25894c0d83", {
+			kind: "component",
+			component: "menu",
+			anatomy: "viewport",
+			property: "padding"
+		}, "0.25rem", "Padding around the scrollable list inside the popup.", "The inset between the popup edge and its rows."),
+		raw("ba9068a1-515b-4d4e-9849-b925971e2465", {
+			kind: "component",
+			component: "menu",
+			anatomy: "item",
+			property: "height"
+		}, "2rem", "Minimum height of a menu row.", "The row's min-height; the inline padding rhythm fills any extra space."),
+		raw("38a7f799-88ae-4f1e-90d1-6606a11595c8", {
+			kind: "component",
+			component: "menu",
+			anatomy: "item",
+			property: "padding-inline"
+		}, "0.625rem", "Inline padding of a menu row.", "The horizontal inset of a row's content."),
+		raw("f01821df-fc11-416e-a3de-bb3aef3fb8f0", {
+			kind: "component",
+			component: "menu",
+			anatomy: "item",
+			property: "gap"
+		}, "0.625rem", "Gap between a row's icon and its label.", "The spacing between the leading icon/indicator column and the label."),
+		raw("bc44c606-4041-4ed5-a355-625a150b9d07", {
+			kind: "component",
+			component: "menu",
+			anatomy: "item",
+			property: "border-radius"
+		}, "var(--noctis-radius-sm)", "Corner radius of a menu row's highlight.", "The radius of the row's hover/active fill."),
+		aliased("076a7074-8b78-4314-84e5-fbb0d7d4c6da", {
+			kind: "component",
+			component: "menu",
+			anatomy: "item",
+			property: "color"
+		}, { role: "secondary" }, "Menu row label colour at rest.", "The resting text colour of a row; the danger variant re-points it to the danger role.", { variant: { danger: { role: "danger" } } }),
+		aliased("133eab4a-92b2-445f-91e7-6c161f12e26c", {
+			kind: "component",
+			component: "menu",
+			anatomy: "item",
+			property: "color",
+			state: "highlighted"
+		}, { role: "foreground" }, "Menu row label colour while highlighted.", "The text colour of a highlighted row; the danger variant keeps it the danger role.", { variant: { danger: { role: "danger" } } }),
+		aliased("bd1f6226-b73e-4987-bae6-2949fe67679c", {
+			kind: "component",
+			component: "menu",
+			anatomy: "item",
+			property: "background-color",
+			state: "highlighted"
+		}, { role: "control-ghost-hover" }, "Menu row highlight fill.", "The fill behind a highlighted row; the danger variant re-points it to the danger-muted role.", { variant: { danger: { role: "danger-muted" } } }),
+		raw("5c98df2c-f0b2-4832-b83b-8bd37645985c", {
+			kind: "component",
+			component: "menu",
+			anatomy: "item-indicator",
+			property: "size"
+		}, "0.875rem", "Size of the leading check/dot indicator and the inset spacer.", "The width and height of the indicator column, kept equal so labels align."),
+		raw("710aa600-9ba1-4a68-b3e7-fd8918610dbd", {
+			kind: "component",
+			component: "menu",
+			anatomy: "item",
+			property: "padding-block"
+		}, "var(--noctis-space-1\\.5)", "Block padding of a menu row.", "The vertical inset of a row's content, above the min-height floor."),
+		raw("85e460f7-4d8a-4623-bd4e-6f965671bdcf", {
+			kind: "component",
+			component: "menu",
+			anatomy: "radio-dot",
+			property: "size"
+		}, "var(--noctis-space-1\\.5)", "Size of the filled dot inside a checked radio item's indicator.", "The width and height of the radio dot, centred in the indicator column."),
+		raw("811d1379-2d23-4692-b90f-eaaff69a9b66", {
+			kind: "component",
+			component: "menu",
+			anatomy: "group-label",
+			property: "padding-inline"
+		}, "var(--noctis-space-2\\.5)", "Inline padding of a group label.", "The horizontal inset of a group heading, aligning it with the rows beneath."),
+		raw("b95a5173-982b-44c6-96f0-5c1a294448a7", {
+			kind: "component",
+			component: "menu",
+			anatomy: "group-label",
+			property: "padding-block-start"
+		}, "var(--noctis-space-1\\.5)", "Top inset of a group label.", "The block-start padding above a group heading, separating it from the rows before it."),
+		raw("4f633808-04d6-47dc-879c-c508f5ceb082", {
+			kind: "component",
+			component: "menu",
+			anatomy: "group-label",
+			property: "padding-block-end"
+		}, "var(--noctis-space-1)", "Bottom inset of a group label.", "The block-end padding tying a group heading to the rows it introduces."),
+		raw("d0e5cb2e-d0a9-424e-8a13-bab6d0be9d1b", {
+			kind: "component",
+			component: "menu",
+			anatomy: "shortcut",
+			property: "padding-inline-start"
+		}, "var(--noctis-space-4)", "Start inset of a row's trailing shortcut hint.", "The minimum breathing room between a row's label and its keyboard shortcut."),
+		raw("07c8edef-bce6-4016-9051-f9507ad02741", {
+			kind: "component",
+			component: "menu",
+			anatomy: "separator",
+			property: "thickness"
+		}, "var(--noctis-space-px)", "Thickness of the rule between menu groups.", "The hairline height of a separator; static 1px, never density-scaled.")
+	]
+};
+const autocomplete = {
+	component: "autocomplete",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"autocomplete-input",
+		"autocomplete-list",
+		"autocomplete-item",
+		"autocomplete-empty",
+		"autocomplete-group-label"
+	],
+	options: { size: ["md", "lg"] },
+	states: [
+		"highlighted",
+		"disabled",
+		"active"
+	],
+	consumes: [],
+	optionSlots: { size: "autocomplete-input" },
+	mints: [
+		aliased("db9c0855-75be-439f-9921-c1cef9797402", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "input",
+			property: "height"
+		}, { raw: "var(--noctis-size-control-md)" }, "Height of the autocomplete input field.", "The field's control height per size.", { size: { lg: { raw: "var(--noctis-size-control-lg)" } } }),
+		aliased("f7b89b1e-9f6c-49cb-947a-2084cf7226d3", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "input",
+			property: "padding-inline"
+		}, { raw: "0.75rem" }, "Inline padding of the text field.", "The horizontal inset of the input's text per size step.", { size: { lg: { raw: "0.875rem" } } }),
+		raw("c4f9a1d6-2e8b-4a35-9d07-6b1f8c3e5a92", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "input",
+			property: "shadow"
+		}, "var(--noctis-shadow-inset)", "Resting inset shadow of the input field.", "The subtle inner shadow the field carries at rest, matching the rest of the field family (Input/Textarea/Combobox)."),
+		raw("03327f85-ebc3-458a-bec2-4695064edb57", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "input",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Corner radius of the input field.", "The rounding of the field; follows the control-radius knob."),
+		raw("55a6b329-893f-4742-8d00-33790e2a7b9a", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "list",
+			property: "padding"
+		}, "0.25rem", "Padding around the scrollable suggestions list.", "The inset between the popup edge and its rows."),
+		raw("1972a2d4-2c8b-4689-9543-214e68af3de6", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "item",
+			property: "height"
+		}, "2rem", "Minimum height of a suggestion row.", "The row's min-height; the inline padding rhythm fills any extra space."),
+		raw("ab55d424-ff9e-4548-bf1f-e68f5bccff80", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "item",
+			property: "padding-inline"
+		}, "0.625rem", "Inline padding of a suggestion row.", "The horizontal inset of a row's content."),
+		raw("8d17fc69-5a73-4c2c-b9ba-e5aa23a7c02f", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "item",
+			property: "gap"
+		}, "0.5rem", "Gap between a suggestion's leading glyph and its label.", "The spacing between a row's optional icon column and its label."),
+		raw("b7e2c4a1-3f56-4d89-9a02-1c8e5f7b6d34", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "item",
+			property: "padding-block"
+		}, "0.25rem", "Block padding of a suggestion row.", "The vertical inset of a row's content, so multi-line rows breathe; single-line rows keep their min-height."),
+		raw("5250e47a-3f0d-4167-9699-f5dd42ae6ab4", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "item",
+			property: "border-radius"
+		}, "var(--noctis-radius-sm)", "Corner radius of a suggestion row's highlight.", "The radius of the row's highlight fill."),
+		aliased("e3a9d1c7-5b48-42f6-8e15-7d2a4c9f0b63", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "item",
+			property: "color"
+		}, { role: "secondary" }, "Suggestion row label colour at rest.", "The resting text colour of a row."),
+		aliased("f1c8b5a3-6d29-47e8-9b04-3a5e1f8c7d92", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "item",
+			property: "color",
+			state: "highlighted"
+		}, { role: "foreground" }, "Suggestion row label colour while highlighted.", "The text colour of the keyboard- or pointer-highlighted row."),
+		aliased("a298c8fe-389e-4fb0-b278-73b665591381", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "item",
+			property: "background-color",
+			state: "highlighted"
+		}, { role: "control-ghost-hover" }, "Suggestion row highlight fill.", "The neutral fill behind the highlighted row; the accent stays a signal, not a hover."),
+		aliased("a4d7e2f9-8c13-45b6-9e07-2f6a3c1d5b84", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "item",
+			property: "background-color",
+			state: "active"
+		}, { role: "control-ghost-selected" }, "Suggestion row pressed fill.", "The firmer neutral fill while a row is pressed, as tactile feedback before it commits."),
+		raw("1513ddf0-9085-4cda-895f-92633c80687e", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "empty",
+			property: "padding-block"
+		}, "var(--noctis-space-6)", "Block padding of the empty / no-results message.", "The vertical breathing room around the centred no-results copy."),
+		raw("32f90d66-c5d0-4db7-b658-6e71773a68ae", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "group-label",
+			property: "padding-inline"
+		}, "var(--noctis-space-2\\.5)", "Trailing inline padding of a group label.", "The end inset of a group heading."),
+		raw("c9b3f6a2-7e41-4d58-8a96-5c1e2f4b7d03", {
+			kind: "component",
+			component: "autocomplete",
+			anatomy: "group-label",
+			property: "padding-inline-start"
+		}, "0.625rem", "Leading inset of a group label.", "The start inset that lines a group heading up with the option row's content edge (the same inline padding the rows use). Keep it in step with the item inline padding.")
+	]
+};
+const input = {
+	component: "input",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"input",
+		"input-control",
+		"input-adornment"
+	],
+	options: { size: ["md", "lg"] },
+	states: ["focus", "disabled"],
+	consumes: [],
+	optionSlots: { size: "input" },
+	mints: [
+		aliased("b4aff761-f288-4958-8428-2914bc4ce482", {
+			kind: "component",
+			component: "input",
+			property: "height"
+		}, { raw: "var(--noctis-size-control-md)" }, "Field height.", "The control height of the field shell per size; rides the shared control-height ladder, so it density-scales.", { size: { lg: { raw: "var(--noctis-size-control-lg)" } } }),
+		aliased("d6d86e84-d59a-4648-85e1-a347c2efccab", {
+			kind: "component",
+			component: "input",
+			property: "padding-inline"
+		}, { raw: "var(--noctis-space-3)" }, "Field inline padding.", "The horizontal inset between the field edge and its content per size; rides the spacing scale, so it density-scales with the rest of the field.", { size: { lg: { raw: "var(--noctis-space-4)" } } }),
+		aliased("ba2f6c55-3d79-4bfa-bed9-7befdf85d63e", {
+			kind: "component",
+			component: "input",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-small)" }, "Field text size.", "The type size of the value and placeholder per size step.", { size: { lg: { raw: "var(--noctis-text-regular)" } } }),
+		raw("1b1445f1-be85-416c-a0ab-e8fa8bd69948", {
+			kind: "component",
+			component: "input",
+			property: "gap"
+		}, "var(--noctis-space-2)", "Gap between the field's adornments and its control.", "The spacing between a leading/trailing adornment and the editable input."),
+		raw("bcd7e6af-580c-4215-bd0c-e371ef74b619", {
+			kind: "component",
+			component: "input",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Field corner radius.", "The corner radius of the field shell; follows the radius knob, so it can pill at the Pill setting."),
+		raw("34329a93-1135-44ae-8c27-3fc1786ec9ed", {
+			kind: "component",
+			component: "input",
+			property: "transition-duration"
+		}, "var(--noctis-duration-quick)", "Field colour-transition duration.", "How long the border and surface cross-fade on hover, focus, and validity changes."),
+		aliased("4e8234bc-09d4-4dbd-abeb-fe77e1ff5609", {
+			kind: "component",
+			component: "input",
+			anatomy: "adornment",
+			property: "color"
+		}, { role: "placeholder" }, "Field adornment colour.", "The colour of a leading/trailing adornment's icon or text, quieter than the value."),
+		aliased("7e9304c0-7c53-429b-9f60-7534474f6864", {
+			kind: "component",
+			component: "input",
+			property: "shadow"
+		}, { raw: "var(--noctis-shadow-inset)" }, "Field rest shadow.", "The subtle inset seam painted at rest — the documented field-recipe shadow that gives the field its seated feel."),
+		raw("aef57bd6-cd42-4170-bc64-10a78a9ec3ca", {
+			kind: "component",
+			component: "input",
+			anatomy: "adornment",
+			property: "padding-inline"
+		}, "var(--noctis-space-2)", "Adornment inline inset.", "The breathing room a segmented adornment keeps between its content and the field edge so the text is never crowded."),
+		aliased("0f9acebc-f008-4358-9a36-b8fdb58beb3f", {
+			kind: "component",
+			component: "input",
+			property: "icon-size"
+		}, { raw: "var(--noctis-space-4)" }, "Field icon size.", "The glyph size the field imposes on icons inside its adornments and actions per size, so in-field glyphs don't drift across the family.", { size: { lg: { raw: "var(--noctis-space-5)" } } }),
+		aliased("6c43d854-7918-44b3-b611-cbd31613a951", {
+			kind: "component",
+			component: "input",
+			anatomy: "adornment",
+			property: "segment-background-color"
+		}, { role: "field-hover" }, "Segmented-adornment fill.", "The quiet fill of a bordered segment addon (e.g. `https://` ▸ field ▸ `.com`), a step off the field surface."),
+		aliased("ff62efc6-59cb-4559-85ad-61221158207e", {
+			kind: "component",
+			component: "input",
+			anatomy: "adornment",
+			property: "segment-border-color"
+		}, { role: "field-border" }, "Segmented-adornment divider.", "The logical divider between a bordered segment addon and the editable field.")
+	]
+};
+const textarea = {
+	component: "textarea",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"textarea",
+		"textarea-control",
+		"textarea-toolbar"
+	],
+	options: { size: ["md", "lg"] },
+	states: ["focus", "disabled"],
+	consumes: [],
+	optionSlots: { size: "textarea" },
+	mints: [
+		aliased("b607ce9b-103e-4c70-af65-320ea8c64714", {
+			kind: "component",
+			component: "textarea",
+			property: "padding-inline"
+		}, { raw: "var(--noctis-space-3)" }, "Field inline padding.", "The horizontal inset between the field edge and its text per size; rides the spacing scale, so it density-scales.", { size: { lg: { raw: "var(--noctis-space-4)" } } }),
+		aliased("0549b544-5bb0-4c37-8f23-8b97e0ab8fd8", {
+			kind: "component",
+			component: "textarea",
+			property: "padding-block"
+		}, { raw: "var(--noctis-space-2)" }, "Field block padding.", "The vertical inset between the field edge and its text per size — a textarea top-aligns, unlike the single-line Input.", { size: { lg: { raw: "var(--noctis-space-3)" } } }),
+		aliased("762a91b2-99fe-4a4b-b66f-e764f5fc36c8", {
+			kind: "component",
+			component: "textarea",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-small)" }, "Field text size.", "The type size of the value and placeholder per size step.", { size: { lg: { raw: "var(--noctis-text-regular)" } } }),
+		raw("9d360467-fb0b-4b8a-a5d7-6d32135e1b3b", {
+			kind: "component",
+			component: "textarea",
+			property: "gap"
+		}, "var(--noctis-space-2)", "Gap between the field's regions.", "The vertical spacing between the editable control and the toolbar beneath it."),
+		raw("46fdc4be-b549-432e-aaf2-a9ad666c9455", {
+			kind: "component",
+			component: "textarea",
+			property: "border-radius"
+		}, "var(--noctis-radius-lg)", "Field corner radius.", "The corner radius of the field shell. Uses the `min()`-capped box radius (not the uncapped control radius Input pills with), so a tall multi-line field never balloons into a pill at the Pill knob setting."),
+		raw("c43501ac-8ff5-46ef-9065-9efb87db058a", {
+			kind: "component",
+			component: "textarea",
+			property: "transition-duration"
+		}, "var(--noctis-duration-quick)", "Field colour-transition duration.", "How long the border and surface cross-fade on hover, focus, and validity changes."),
+		aliased("1d1bad1c-89ce-4f99-895d-43396f967aa7", {
+			kind: "component",
+			component: "textarea",
+			property: "shadow"
+		}, { raw: "var(--noctis-shadow-inset)" }, "Field rest shadow.", "The subtle inset seam painted at rest — the shared field-recipe shadow that gives the field its seated feel."),
+		aliased("b2b12ca4-55f8-4d7f-8bae-45262a5cffb1", {
+			kind: "component",
+			component: "textarea",
+			property: "icon-size"
+		}, { raw: "var(--noctis-space-4)" }, "Field icon size.", "The glyph size the field imposes on icons inside its toolbar actions per size, so in-field glyphs don't drift.", { size: { lg: { raw: "var(--noctis-space-5)" } } }),
+		raw("e939583e-b579-4027-8f80-cdbdce021e1c", {
+			kind: "component",
+			component: "textarea",
+			property: "min-block-size"
+		}, "4.5rem", "Minimum field height.", "The floor the auto-growing field starts at — roughly three lines — before it grows with content."),
+		raw("8cfa845c-07ef-49b0-a86b-4c1b0a966444", {
+			kind: "component",
+			component: "textarea",
+			property: "max-block-size"
+		}, "18rem", "Maximum field height.", "The ceiling the auto-growing field stops at before its content scrolls instead of growing further."),
+		raw("5f3f36da-ee0f-4899-98ba-4bf3b9c7b332", {
+			kind: "component",
+			component: "textarea",
+			anatomy: "toolbar",
+			property: "gap"
+		}, "var(--noctis-space-1)", "Gap between toolbar items.", "The spacing between adjacent actions (and the count) in the toolbar row."),
+		aliased("6f636f8c-9a8b-4a58-9ff0-0031ef44f388", {
+			kind: "component",
+			component: "textarea",
+			anatomy: "toolbar",
+			property: "border-color"
+		}, { role: "field-border" }, "Toolbar divider colour.", "The hairline rule separating the toolbar row from the editable control above it."),
+		raw("636e3826-7bf2-4f01-abd8-58de2f279afa", {
+			kind: "component",
+			component: "textarea",
+			anatomy: "toolbar",
+			property: "padding-block"
+		}, "var(--noctis-space-2)", "Toolbar block padding.", "The vertical inset of the toolbar row between its divider and the field's bottom edge.")
+	]
+};
+const previewCard = {
+	component: "preview-card",
+	category: "overlays",
+	slotPrefix: "noctis",
+	anatomy: [
+		"preview-card-trigger",
+		"preview-card-popup",
+		"preview-card-viewport",
+		"preview-card-media",
+		"preview-card-title",
+		"preview-card-description",
+		"preview-card-meta"
+	],
+	options: { density: ["comfortable", "compact"] },
+	optionSlots: { density: "preview-card-popup" },
+	states: [],
+	consumes: [],
+	mints: [
+		raw("13005cc8-d5d9-41dd-b74e-f5f1de3e3f52", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "popup",
+			property: "min-width"
+		}, "14rem", "Minimum width of the preview card popup.", "The popup's min-width — wide enough that a thumbnail and a line of text don't read as cramped."),
+		raw("a800347f-7576-42ea-a018-9e5dd7e538fe", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "popup",
+			property: "max-width"
+		}, "20rem", "Maximum width of the preview card popup.", "The popup's max-width — keeps a long preview from sprawling across the viewport."),
+		aliased("1b93fbf6-6c39-4e2c-a047-fd4456578f66", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "popup",
+			property: "padding"
+		}, { raw: "var(--noctis-space-4)" }, "Padding inside the preview card popup.", "The inset between the popup edge and its content; the compact density tightens it a step.", { density: { compact: { raw: "var(--noctis-space-3)" } } }),
+		raw("5487961c-2294-48b2-a22c-68fe92aa2738", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "popup",
+			property: "border-radius"
+		}, "var(--noctis-radius-md)", "Corner radius of the preview card popup.", "The radius of the popup surface; matches the menu/popover overlay tier, bounded so it never pills."),
+		aliased("951dd69f-ea34-400b-8802-6ed8970ebdeb", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "popup",
+			property: "gap"
+		}, { raw: "var(--noctis-space-2)" }, "Gap between stacked blocks inside the preview card popup.", "The vertical rhythm between a preview's media, heading, and body; the compact density tightens it.", { density: { compact: { raw: "var(--noctis-space-1\\.5)" } } }),
+		raw("6a40049a-60dd-439d-bcf4-8ae53454aa6f", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "popup",
+			property: "font-size"
+		}, "var(--noctis-text-small)", "Base text size inside the preview card popup.", "The popup's resting font size — a notch below body copy, since a preview is supplementary."),
+		aliased("ffbcf047-7d4a-439e-9bb4-fab18c44c7c0", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "popup",
+			property: "color"
+		}, { role: "secondary" }, "Base text colour inside the preview card popup.", "The popup's resting text colour; headings and links inside lift to their own roles."),
+		aliased("eb99a8e4-e924-437b-b781-c053994ae2d8", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "trigger",
+			property: "color"
+		}, { role: "accent" }, "Colour of the preview card trigger link.", "The trigger's link colour — the indigo signal accent, the one legitimate accent use on the component."),
+		raw("941b05f2-7494-4a1d-9167-a4076bedf1f8", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "trigger",
+			property: "underline-offset"
+		}, "var(--noctis-space-1)", "Underline offset of the preview card trigger link.", "How far the trigger's underline sits below the text on hover/focus and while the card is open."),
+		aliased("fec88957-7016-48f0-a4b2-7b0064f3cb8a", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "trigger",
+			property: "ring-color"
+		}, { role: "ring" }, "Focus-ring colour of the preview card trigger.", "The colour of the trigger's keyboard focus-visible outline."),
+		raw("25ce2ef8-9c91-4207-9682-24c258dd5b2a", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "media",
+			property: "aspect-ratio"
+		}, "16 / 9", "Aspect ratio reserved for the preview card media block.", "The ratio the media slot reserves up-front so the card doesn't reflow when a thumbnail loads."),
+		raw("7afeff31-e5ca-48a4-b3aa-353acdffb221", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "media",
+			property: "border-radius"
+		}, "var(--noctis-radius-sm)", "Corner radius of the preview card media block.", "The rounding of the media frame inside the padded card — a step tighter than the popup."),
+		aliased("434262fb-9524-4773-bfc3-4e65d1073f73", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "title",
+			property: "color"
+		}, { role: "foreground" }, "Colour of the preview card title.", "The title lifts to the foreground role so it leads over the secondary body copy."),
+		raw("f01c49e4-fec0-4b13-a6a3-0f48c8138cee", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "title",
+			property: "font-weight"
+		}, "var(--noctis-font-weight-medium)", "Font weight of the preview card title.", "A medium weight — enough to lead the card without shouting over the body."),
+		raw("3f77ac6f-b096-4b31-b00b-9508d8d17d7b", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "title",
+			property: "line-height"
+		}, "var(--noctis-leading-small)", "Line height of the preview card title.", "A tight leading that keeps the heading compact above the description."),
+		raw("e8a00a8b-8850-4842-a956-051aaaca2f18", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "description",
+			property: "line-height"
+		}, "var(--noctis-leading-small)", "Line height of the preview card description.", "Matches the title's leading so the heading and body read as one block."),
+		aliased("2cdb13e4-bd19-4c19-a123-61ab86e4d3cb", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "meta",
+			property: "color"
+		}, { role: "subtle" }, "Colour of the preview card meta row.", "The meta row drops to the subtle role — quieter than the body, for stats and label/value pairs."),
+		raw("ba9f62e8-baa1-4147-811e-c2e0355d7fbc", {
+			kind: "component",
+			component: "preview-card",
+			anatomy: "meta",
+			property: "gap"
+		}, "var(--noctis-space-4)", "Gap between items in the preview card meta row.", "The spacing between adjacent stats or label/value pairs in the meta row.")
+	]
+};
+const popover = {
+	component: "popover",
+	category: "overlays",
+	slotPrefix: "noctis",
+	anatomy: [
+		"popover-trigger",
+		"popover-popup",
+		"popover-viewport",
+		"popover-title",
+		"popover-description",
+		"popover-close"
+	],
+	options: {},
+	states: [],
+	consumes: [],
+	mints: [
+		raw("e75eec01-e980-4158-b16a-e011d846443e", {
+			kind: "component",
+			component: "popover",
+			anatomy: "popup",
+			property: "min-width"
+		}, "12rem", "Minimum width of the popover popup.", "The popup's min-width — wide enough that short content doesn't read as cramped. Set it to `var(--anchor-width)` to floor the popup at the trigger width, combobox-style."),
+		raw("2d2f974f-8f62-45bf-827f-fd0c4b2c1f84", {
+			kind: "component",
+			component: "popover",
+			anatomy: "popup",
+			property: "max-width"
+		}, "min(24rem, var(--available-width))", "Maximum width of the popover popup.", "The popup's max-width — caps wide content and never exceeds the space Base UI leaves to the viewport edge."),
+		raw("e9244b69-6235-44d9-810f-91508a3118e7", {
+			kind: "component",
+			component: "popover",
+			anatomy: "popup",
+			property: "padding"
+		}, "var(--noctis-space-4)", "Padding inside the popover popup.", "The inset between the popup edge and its title/description/content."),
+		raw("4a7eb745-e8b3-4aa5-8880-bf84641706f0", {
+			kind: "component",
+			component: "popover",
+			anatomy: "popup",
+			property: "gap"
+		}, "var(--noctis-space-2)", "Vertical gap between the popup's stacked regions.", "The spacing between the title, description, and the content beneath them."),
+		raw("95dbd134-4792-498c-ab8d-9847b5703dab", {
+			kind: "component",
+			component: "popover",
+			anatomy: "title",
+			property: "font-size"
+		}, "var(--noctis-text-regular)", "Font size of the popover title.", "The size of the popup's heading — a step above the description, the smaller half of the pair."),
+		raw("11a31fd4-b06b-42f8-b317-38c0a7cd1ad5", {
+			kind: "component",
+			component: "popover",
+			anatomy: "title",
+			property: "line-height"
+		}, "var(--noctis-leading-small)", "Line height of the popover title.", "A tight leading that keeps the heading compact and close to the description, not towering above it."),
+		raw("c9762089-f52a-47b9-9ff8-f5e30452b35a", {
+			kind: "component",
+			component: "popover",
+			anatomy: "title",
+			property: "font-weight"
+		}, "var(--noctis-font-weight-medium)", "Font weight of the popover title.", "A medium weight — enough to lead the header without shouting over the description."),
+		aliased("5f3f543e-e9b0-4da3-9667-f5517db9a3ee", {
+			kind: "component",
+			component: "popover",
+			anatomy: "title",
+			property: "color"
+		}, { role: "foreground" }, "Popover title colour.", "The text colour of the popup's heading."),
+		raw("0d19e01a-b920-454a-9ebe-e4dd5ae40ecc", {
+			kind: "component",
+			component: "popover",
+			anatomy: "description",
+			property: "font-size"
+		}, "var(--noctis-text-small)", "Font size of the popover description.", "The size of the supporting copy under the title."),
+		raw("ab621058-9f6c-4c43-9d19-f407baf6d084", {
+			kind: "component",
+			component: "popover",
+			anatomy: "description",
+			property: "line-height"
+		}, "var(--noctis-leading-small)", "Line height of the popover description.", "Matches the title's leading so the two lines sit as one tight header block."),
+		aliased("468d4201-4444-4562-830c-0741950cc61b", {
+			kind: "component",
+			component: "popover",
+			anatomy: "description",
+			property: "color"
+		}, { role: "muted" }, "Popover description colour.", "The muted text colour of the supporting copy under the title.")
+	]
+};
+const tooltip = {
+	component: "tooltip",
+	category: "overlays",
+	slotPrefix: "noctis",
+	anatomy: ["tooltip-trigger", "tooltip-popup"],
+	options: {},
+	states: ["open"],
+	consumes: [],
+	mints: [
+		raw("83dee642-4628-453d-8b9f-a94fe777f538", {
+			kind: "component",
+			component: "tooltip",
+			anatomy: "popup",
+			property: "padding-inline"
+		}, "var(--noctis-space-2)", "Inline padding of the tooltip bubble.", "The horizontal inset between the bubble edge and its label; rides the spacing scale so it retunes with the density knob."),
+		raw("63b0dd76-5eef-4213-b516-8fde3012fc95", {
+			kind: "component",
+			component: "tooltip",
+			anatomy: "popup",
+			property: "padding-block"
+		}, "var(--noctis-space-1)", "Block padding of the tooltip bubble.", "The vertical inset between the bubble edge and its label; rides the spacing scale so it retunes with the density knob."),
+		raw("649fe191-9f4c-42c1-b611-8113a2c1b9b2", {
+			kind: "component",
+			component: "tooltip",
+			anatomy: "popup",
+			property: "max-inline-size"
+		}, "18rem", "Maximum width of the tooltip bubble before its text wraps.", "The width ceiling that keeps a long hint readable instead of stretching across the viewport."),
+		raw("fabd4e2b-08f2-475f-a8ef-56b2730432e7", {
+			kind: "component",
+			component: "tooltip",
+			anatomy: "popup",
+			property: "font-size"
+		}, "var(--noctis-text-small)", "Font size of the tooltip label.", "The text size inside the bubble — a step below body text."),
+		raw("0c5b0df2-fea9-48a1-9b0b-54f2f8e7063b", {
+			kind: "component",
+			component: "tooltip",
+			anatomy: "popup",
+			property: "border-radius"
+		}, "var(--noctis-radius-sm)", "Corner radius of the tooltip bubble.", "The rounding of the bubble's corners; follows the radius knob on the sm step.")
+	]
+};
+const contextMenu = {
+	component: "context-menu",
+	category: "overlays",
+	slotPrefix: "noctis",
+	anatomy: [
+		"context-menu-trigger",
+		"context-menu-content",
+		"context-menu-viewport"
+	],
+	options: {},
+	states: ["active", "open"],
+	consumes: [],
+	mints: [
+		raw("e8c7e463-354d-48f0-aa8f-5a7df95226f5", {
+			kind: "component",
+			component: "context-menu",
+			anatomy: "content",
+			property: "min-width"
+		}, "11rem", "Minimum width of the context-menu popup.", "The popup's min-width — kept the same as Menu's so the two overlays match; wide enough that short labels don't read as cramped."),
+		raw("b03700ad-7008-4382-9b82-b42af3295724", {
+			kind: "component",
+			component: "context-menu",
+			anatomy: "viewport",
+			property: "padding"
+		}, "0.25rem", "Padding around the scrollable list inside the popup.", "The inset between the popup edge and its rows — kept the same as Menu's so the two overlays match."),
+		aliased("f1a9c7d2-3b4e-4c81-9a6f-2e7d8c1b0a55", {
+			kind: "component",
+			component: "context-menu",
+			anatomy: "trigger",
+			property: "background-color",
+			state: "active"
+		}, { role: "control-ghost" }, "Tint of the trigger area while a touch long-press is registering.", "The neutral fill behind the trigger during a long-press (Base UI's `data-pressed`), confirming the hold registered — a control-ghost wash, never accent (accent is signal-only); painted instantly, no transition."),
+		raw("c4e2b8a1-7d63-4f29-8b15-6a0e3d9c2f7b", {
+			kind: "component",
+			component: "context-menu",
+			anatomy: "trigger",
+			property: "background-color",
+			state: "open"
+		}, "transparent", "Tint of the trigger area while its menu is open (off by default).", "An opt-in 'armed' fill behind the trigger for as long as the menu is open (Base UI's `data-popup-open`); transparent by default, override the public var to enable it.")
+	]
+};
+const button = {
+	component: "button",
+	category: "actions",
+	slotPrefix: "noctis",
+	marker: "button",
+	anatomy: ["button", "button-spinner"],
+	options: {
+		variant: [
+			"primary",
+			"accent",
+			"secondary",
+			"outline",
+			"ghost",
+			"danger",
+			"link"
+		],
+		size: [
+			"xs",
+			"sm",
+			"md",
+			"lg"
+		],
+		iconOnly: ["true", "false"],
+		fullWidth: ["true", "false"]
+	},
+	states: [
+		"hover",
+		"active",
+		"focus",
+		"disabled"
+	],
+	consumes: [],
+	optionSlots: { size: "button" },
+	mints: [
+		aliased("b891cff4-6da7-4ac0-a9fb-0ea7ba2ff875", {
+			kind: "component",
+			component: "button",
+			property: "height"
+		}, { raw: "var(--noctis-size-control-md)" }, "Button height (and the side of an icon-only button).", "The control height per size; the icon-only square reads the same token.", { size: {
+			xs: { raw: "var(--noctis-size-control-xs)" },
+			sm: { raw: "var(--noctis-size-control-sm)" },
+			lg: { raw: "var(--noctis-size-control-lg)" }
+		} }),
+		aliased("6f314fb2-7688-4e69-92ba-21af203a22c8", {
+			kind: "component",
+			component: "button",
+			property: "padding-inline"
+		}, { raw: "0.75rem" }, "Button inline padding.", "The horizontal inset of a button's label per size.", { size: {
+			xs: { raw: "0.375rem" },
+			sm: { raw: "0.5rem" },
+			lg: { raw: "1rem" }
+		} }),
+		aliased("0db7797f-cd03-4fb3-9e6e-5ccd53585791", {
+			kind: "component",
+			component: "button",
+			property: "gap"
+		}, { raw: "0.375rem" }, "Gap between a button's icon and its label.", "The spacing between the leading/trailing glyph and the label per size.", { size: {
+			xs: { raw: "0.25rem" },
+			sm: { raw: "0.25rem" },
+			lg: { raw: "0.5rem" }
+		} }),
+		aliased("3c9e1d72-5a84-4f1b-bf3e-7c2a9d6e4b08", {
+			kind: "component",
+			component: "button",
+			property: "icon-size"
+		}, { raw: "var(--noctis-space-4)" }, "Icon-only button glyph size.", "The glyph size an icon-only button imposes on its single icon per size — mirrors the leading/trailing icon scale so a bare glyph reads balanced in the square instead of at its own intrinsic dimensions.", { size: {
+			xs: { raw: "var(--noctis-space-3)" },
+			sm: { raw: "var(--noctis-space-3\\.5)" }
+		} }),
+		raw("b03b3eb4-3ed2-447c-9163-88ae90abbd70", {
+			kind: "component",
+			component: "button",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Button corner radius.", "The corner radius; follows the radius knob uncapped, so buttons go fully pill at the Pill setting."),
+		aliased("d34e7314-d990-43b7-bf06-073b1abb0a4f", {
+			kind: "component",
+			component: "button",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-small)" }, "Button label font size.", "The label type size per size step.", { size: {
+			xs: { raw: "var(--noctis-text-mini)" },
+			sm: { raw: "var(--noctis-text-mini)" },
+			lg: { raw: "var(--noctis-text-regular)" }
+		} }),
+		raw("1645aee9-f8a0-423d-a117-8e45b4eeb556", {
+			kind: "component",
+			component: "button",
+			property: "transition-duration"
+		}, "var(--noctis-duration-quick)", "Button colour-transition duration.", "How long the variant fill/text cross-fades on hover and active.")
+	]
+};
+const buttonGroup = {
+	component: "button-group",
+	category: "actions",
+	slotPrefix: "noctis",
+	anatomy: ["button-group"],
+	options: {},
+	states: [],
+	consumes: [],
+	slotGroups: { seam: ["button-group"] },
+	mints: [raw("75246e80-bc96-4deb-8c94-e59d36e50b6a", {
+		kind: "component",
+		component: "button-group",
+		anatomy: "seam",
+		property: "width"
+	}, "1px", "Width of the divider between two attached segments.", "The thickness of the seam line drawn between welded buttons."), aliased("f4f147f3-dcde-47fb-81ca-ccb023f5bb46", {
+		kind: "component",
+		component: "button-group",
+		anatomy: "seam",
+		property: "color"
+	}, { role: "border-strong" }, "Colour of the divider between two attached segments.", "The seam line's colour — the high-contrast strong role, so it reads across every button variant.")]
+};
+const tabs = {
+	component: "tabs",
+	category: "navigation",
+	slotPrefix: "noctis",
+	anatomy: [
+		"tabs",
+		"tabs-list",
+		"tabs-tab",
+		"tabs-indicator",
+		"tabs-panel"
+	],
+	options: {
+		variant: [
+			"line",
+			"pill",
+			"segmented"
+		],
+		size: ["sm", "md"],
+		color: ["primary", "accent"]
+	},
+	states: [],
+	consumes: [],
+	optionSlots: {
+		variant: "tabs",
+		size: "tabs",
+		color: "tabs"
+	},
+	slotGroups: { root: ["tabs"] },
+	mints: [
+		raw("0ee27dfe-5513-423c-817f-56dc3686efaa", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "root",
+			property: "gap"
+		}, "var(--noctis-space-3)", "Gap between the tab strip and its panels.", "The spacing the root stack holds between the list and the active panel."),
+		aliased("eb6270b9-abb4-43e4-9f10-61ccf75f9789", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "tab",
+			property: "height"
+		}, { raw: "var(--noctis-size-control-md)" }, "Tab height.", "The control height of a tab per size.", { size: { sm: { raw: "var(--noctis-size-control-sm)" } } }),
+		aliased("9d2ea02f-7c5b-4a25-95b5-63baa4d0103b", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "tab",
+			property: "padding-inline"
+		}, { raw: "0.75rem" }, "Tab inline padding.", "The horizontal inset of a tab's label per size.", { size: { sm: { raw: "0.625rem" } } }),
+		aliased("a74c7c08-4edb-4e72-bb24-671ab1efad84", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "tab",
+			property: "gap"
+		}, { raw: "0.5rem" }, "Gap between a tab's icon and its label.", "The spacing between a tab's leading glyph and its label per size.", { size: { sm: { raw: "0.375rem" } } }),
+		aliased("cff0f3d4-a312-4c3a-b9fc-4848354ec0bc", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "tab",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-small)" }, "Tab label font size.", "The tab label type size per size step.", { size: { sm: { raw: "var(--noctis-text-mini)" } } }),
+		raw("a5e25929-a328-489c-beed-69dab9574455", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "list",
+			property: "gap"
+		}, "0.25rem", "Gap between tabs in the strip.", "The spacing between adjacent tabs."),
+		raw("1d9b9ae1-9073-4831-be1a-d162ba95e71d", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "list",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Corner radius of the segmented track.", "The rounding of the sunken track the `segmented` variant holds around its tabs; follows the radius knob uncapped."),
+		raw("306122a4-8c3e-4af2-bcd2-c2484de6fa36", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "tab",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Corner radius of a tab's focus and hover shape.", "The rounding of a tab in the `pill` and `segmented` variants; the `line` variant keeps its own free extreme."),
+		raw("27a8bda9-fe9d-4fcc-b52d-6fa0abb15dbf", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "indicator",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Corner radius of the sliding active-tab indicator.", "The rounding of the `pill` fill and the `segmented` raised surface; the `line` underline keeps its own free extreme."),
+		aliased("6f616208-da90-402a-8254-d4d334842a03", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "list",
+			property: "padding"
+		}, { raw: "0.25rem" }, "Inset between the segmented track and its tabs.", "The padding the sunken `segmented` track holds around its tabs per size; only the segmented look consumes it.", { size: { sm: { raw: "0.125rem" } } }),
+		raw("2922aae3-d953-493a-bd92-669f4e97ad09", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "indicator",
+			property: "height"
+		}, "0.125rem", "Height of the `line` underline indicator.", "The thickness of the underline the `line` variant slides beneath the active tab."),
+		aliased("cc774594-89fa-4235-a3cd-cefc7f36eca5", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "indicator",
+			property: "background-color"
+		}, { role: "foreground" }, "Fill of the sliding active-tab indicator.", "The indicator's colour — the underline (`line`), the raised neutral chip (`pill`, the `control-selected` fill ringed and shadowed into a crisp Linear pill), or the solid checked chip (`segmented`, the bold `primary` key by default — or the `accent`, set in CSS off `color=\"accent\"`).", { variant: {
+			pill: { role: "control-selected" },
+			segmented: { role: "primary" }
+		} }),
+		raw("e16a4e4b-45d3-4996-8205-99321685b677", {
+			kind: "component",
+			component: "tabs",
+			anatomy: "indicator",
+			property: "transition-duration"
+		}, "var(--noctis-duration-regular)", "Duration of the indicator's slide between tabs.", "How long the active highlight takes to travel to the newly selected tab.")
+	]
+};
+const toolbar = {
+	component: "toolbar",
+	category: "navigation",
+	slotPrefix: "noctis",
+	anatomy: [
+		"toolbar",
+		"toolbar-separator",
+		"toolbar-group",
+		"toolbar-input",
+		"toolbar-spacer"
+	],
+	options: {
+		size: ["sm", "md"],
+		variant: [
+			"framed",
+			"plain",
+			"floating"
+		]
+	},
+	states: [],
+	consumes: [],
+	optionSlots: { size: "toolbar" },
+	mints: [
+		raw("8091e5dd-04ad-4a1e-965b-9401f31187e9", {
+			kind: "component",
+			component: "toolbar",
+			property: "gap"
+		}, "var(--noctis-space-1)", "Gap between adjacent toolbar items.", "The spacing the toolbar row holds between its buttons, links, groups, and separators."),
+		raw("394462e3-bfeb-4f6d-8732-ebfc0a6507f0", {
+			kind: "component",
+			component: "toolbar",
+			property: "padding"
+		}, "var(--noctis-space-1)", "Toolbar inner padding.", "The inset between the toolbar's border and its items."),
+		raw("2f26f749-fda6-40e2-b03c-fde8985477f1", {
+			kind: "component",
+			component: "toolbar",
+			property: "border-radius"
+		}, "var(--noctis-radius-md)", "Toolbar corner radius.", "The rounding of the toolbar's framing border; capped surface radius, so it never pills."),
+		raw("9b1d4c7e-2a83-4f06-bd51-8c0e7a2f9d34", {
+			kind: "component",
+			component: "toolbar",
+			property: "item-radius"
+		}, "var(--noctis-radius-sm)", "Corner radius of the hosted toolbar controls.", "The radius the toolbar caps its hosted buttons and toggles to, coordinated with the frame — they follow the radius knob uncapped on their own (`radius-control`), so the toolbar holds them to a subtle `radius-sm` to keep the cluster consistent."),
+		raw("b3a42d3e-7902-4287-8f54-77c04bc8c7fd", {
+			kind: "component",
+			component: "toolbar",
+			anatomy: "group",
+			property: "gap"
+		}, "0", "Gap between items welded inside a group.", "The spacing between buttons in a `Toolbar.Group` — zero by default so a group reads as one segmented cluster."),
+		aliased("3c2080fd-cdaa-4b8b-b550-a890b71f40e4", {
+			kind: "component",
+			component: "toolbar",
+			anatomy: "separator",
+			property: "color"
+		}, { role: "border" }, "Colour of the divider between toolbar item clusters.", "The hairline separator's colour — the default border role, so it reads as a quiet rule."),
+		raw("7671a6be-87e5-464a-a48b-7a368ec7c152", {
+			kind: "component",
+			component: "toolbar",
+			anatomy: "separator",
+			property: "width"
+		}, "1px", "Thickness of the divider between toolbar item clusters.", "The thickness of the hairline separator's rule."),
+		raw("95ce57e0-2659-4bfd-995d-140a8d8379c4", {
+			kind: "component",
+			component: "toolbar",
+			anatomy: "separator",
+			property: "margin-inline"
+		}, "var(--noctis-space-1)", "Inset around a toolbar separator.", "The spacing the hairline separator holds on each side from its neighbouring items."),
+		aliased("a7f3c901-6b25-4e48-8d7a-2c0f9e63b815", {
+			kind: "component",
+			component: "toolbar",
+			anatomy: "input",
+			property: "height"
+		}, { raw: "var(--noctis-size-control-sm)" }, "Toolbar input height.", "The control height of a `Toolbar.Input` field per size, kept level with the buttons beside it; `sm` drops to `control-xs`.", { size: { sm: { raw: "var(--noctis-size-control-xs)" } } }),
+		aliased("c5e0a473-9d18-42f6-b6a1-7e4d8f02c9a3", {
+			kind: "component",
+			component: "toolbar",
+			anatomy: "input",
+			property: "padding-inline"
+		}, { raw: "var(--noctis-space-2)" }, "Toolbar input inline padding.", "The horizontal inset of a `Toolbar.Input`'s text per size; tighter at `sm`.", { size: { sm: { raw: "var(--noctis-space-1\\.5)" } } }),
+		raw("f2b81d60-3a47-4c95-8e0f-1d6c5b9a47e2", {
+			kind: "component",
+			component: "toolbar",
+			anatomy: "input",
+			property: "width"
+		}, "5rem", "Default width of a toolbar input field.", "The resting width of a `Toolbar.Input` — sized for a short value like a zoom percentage; override per use.")
+	]
+};
+const accordion = {
+	component: "accordion",
+	category: "surfaces",
+	slotPrefix: "noctis",
+	anatomy: [
+		"accordion",
+		"accordion-item",
+		"accordion-header",
+		"accordion-trigger",
+		"accordion-trigger-icon",
+		"accordion-panel",
+		"accordion-panel-content"
+	],
+	options: { size: ["sm", "md"] },
+	states: ["open", "disabled"],
+	consumes: [],
+	optionSlots: { size: "accordion" },
+	slotGroups: { root: ["accordion"] },
+	mints: [
+		raw("357d6c6e-03dd-4074-bd96-137131011c84", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "trigger",
+			property: "padding-inline"
+		}, "0", "Inline padding of the trigger row.", "The horizontal inset of the trigger; `0` by default so the row and its dividers run edge to edge — re-point it (or pad the item) to inset a bordered or card layout."),
+		aliased("c0747eaa-8d80-4930-a556-e44b2e3cd33f", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "trigger",
+			property: "padding-block"
+		}, { raw: "var(--noctis-space-4)" }, "Block padding of the trigger row.", "The vertical inset above and below the trigger's label per size, setting the row's generous height (`md` mirrors shadcn's `py-4`).", { size: { sm: { raw: "var(--noctis-space-3)" } } }),
+		raw("eafde3e2-932d-46f0-9301-bfe91a88684e", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "trigger",
+			property: "gap"
+		}, "var(--noctis-space-2)", "Minimum gap between the trigger label and its chevron.", "The least spacing held between the trigger's label and the directional chevron when a long label reaches the row's end."),
+		aliased("b0112ec1-c7c8-47df-89d7-8719940eddad", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "trigger",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-small)" }, "Trigger label font size.", "The type size of the trigger's label per size.", { size: { sm: { raw: "var(--noctis-text-mini)" } } }),
+		raw("317003a0-362e-4355-b543-347518221ad0", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "trigger",
+			property: "font-weight"
+		}, "var(--noctis-font-weight-medium)", "Trigger label font weight.", "The weight of the trigger's label, set a step above body so the section title reads as the control."),
+		aliased("f904600e-393a-4352-a7e2-44135c789fd5", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "trigger-icon",
+			property: "size"
+		}, { raw: "var(--noctis-space-4)" }, "Size of the trigger chevron.", "The width and height of the muted directional chevron that rotates a half-turn when its panel opens, scaled per size.", { size: { sm: { raw: "var(--noctis-space-3\\.5)" } } }),
+		raw("8aed68aa-f33d-4d3e-8527-eb049f5575dd", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "item",
+			property: "border-color"
+		}, "var(--noctis-color-border)", "Colour of the rule dividing items.", "The hairline border drawn under every item but the last, dividing the stack into one continuous list; retone it to match a bordered container."),
+		raw("2895f0b4-a79a-47ae-953b-5a25e463b2c3", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "panel-content",
+			property: "padding-inline"
+		}, "0", "Inline padding of the panel content.", "The horizontal inset of the disclosed content; `0` by default so it aligns to the trigger edge — held on the inner wrapper so the panel can clip to a measured height while animating."),
+		aliased("deefa4ff-ce32-4311-8f11-d47bb997c9f7", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "panel-content",
+			property: "padding-block"
+		}, { raw: "var(--noctis-space-4)" }, "Block padding below the panel content.", "The space below the disclosed content per size (the top is `0`, since the trigger's block-end padding already sets the gap); held on the inner wrapper so the panel can clip to a measured height while animating.", { size: { sm: { raw: "var(--noctis-space-3)" } } }),
+		aliased("c4f8e1a6-9b2d-4e70-8a35-1f6c9d0e2b47", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "panel-content",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-small)" }, "Panel content font size.", "The type size of the disclosed content per size, matched to the trigger's label.", { size: { sm: { raw: "var(--noctis-text-mini)" } } }),
+		raw("c8ad399a-5fcd-4774-baab-c5a22a7523e2", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "panel-content",
+			property: "transition-duration"
+		}, "var(--noctis-duration-quick)", "Duration of the panel content's opacity fade.", "How long the disclosed content fades in and out, synced under the height animation so text doesn't pop at full opacity into a half-open clip."),
+		aliased("f2ca420a-3d97-4fbc-8a2d-89fdc1665510", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "panel",
+			property: "block-size"
+		}, { raw: "var(--accordion-panel-height)" }, "Expanded height of the panel.", "The open height the panel animates to; defaults to Base UI's measured `--accordion-panel-height` so the content sizes itself, and collapses to `0` while closing."),
+		raw("208699c5-333d-443e-ad1d-d925fd9487e4", {
+			kind: "component",
+			component: "accordion",
+			anatomy: "panel",
+			property: "transition-duration"
+		}, "var(--noctis-duration-regular)", "Duration of the panel expand/collapse animation.", "How long the panel takes to animate its height open and closed.")
+	]
+};
+const numberField = {
+	component: "number-field",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"number-field",
+		"number-field-group",
+		"number-field-input",
+		"number-field-prefix",
+		"number-field-suffix",
+		"number-field-increment",
+		"number-field-decrement",
+		"number-field-scrub-area",
+		"number-field-scrub-area-cursor"
+	],
+	options: {
+		size: ["md", "lg"],
+		steppers: [
+			"end",
+			"split",
+			"stacked",
+			"none"
+		]
+	},
+	states: [],
+	consumes: [],
+	optionSlots: { size: "number-field" },
+	slotGroups: {
+		stepper: ["number-field-increment", "number-field-decrement"],
+		affix: ["number-field-prefix", "number-field-suffix"]
+	},
+	mints: [
+		aliased("b8f8e380-c2b9-463e-b545-b4237e29a032", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "group",
+			property: "height"
+		}, { raw: "var(--noctis-size-control-md)" }, "Field height — the input shell and its steppers.", "The control height of the number field per size; the steppers fill it.", { size: { lg: { raw: "var(--noctis-size-control-lg)" } } }),
+		raw("b45d153c-7c15-4bac-9f1f-c52ecff9ca4e", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "group",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Field corner radius.", "The rounding of the input shell; follows the radius knob uncapped, like other controls."),
+		aliased("2a4fd04c-7b0f-4760-bb0a-163a67675a58", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "group",
+			property: "shadow"
+		}, { raw: "var(--noctis-shadow-inset)" }, "Field rest shadow.", "The subtle inset seam painted at rest — the documented field-recipe shadow shared with Input, giving the shell its seated feel."),
+		aliased("cbfa8b51-387e-4535-8952-40fc70cdae04", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "input",
+			property: "padding-inline"
+		}, { raw: "var(--noctis-space-2\\.5)" }, "Inline padding of the numeric input.", "The horizontal inset of the typed value inside the field shell; rides the spacing scale, so it density-scales with the rest of the field."),
+		aliased("2c23e332-5277-4fc2-9226-a2f44eef50d7", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "input",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-small)" }, "Numeric input font size.", "The type size of the typed value per size step.", { size: { lg: { raw: "var(--noctis-text-regular)" } } }),
+		aliased("302a9e30-0c32-4af9-88ec-457ecce01748", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "input",
+			property: "min-inline-size"
+		}, { raw: "var(--noctis-space-12)" }, "Minimum width of the numeric input.", "The least the input column shrinks to (3rem at rest), so short numbers keep a comfortable target; rides the spacing scale, so it density-scales."),
+		aliased("861f77e3-bbcb-411f-ae0f-9e5f82657d0c", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "affix",
+			property: "padding-inline"
+		}, { raw: "var(--noctis-space-2\\.5)" }, "Inline padding of a prefix/suffix affix.", "The horizontal inset of a `$`/`px`-style affix inside the field shell, matching the input's own inset."),
+		aliased("2b3c9d4e-5f60-4a71-8b92-c0d1e2f3a4b5", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "affix",
+			property: "segment-background-color"
+		}, { role: "field-hover" }, "Prefix/suffix affix fill.", "The quiet fill of a segmented affix cell ($, px, …), a step off the field surface — the same recipe as Input's segment adornment."),
+		aliased("3c4d0e5f-6a71-4b82-9ca3-d1e2f3a4b5c6", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "affix",
+			property: "segment-border-color"
+		}, { role: "field-border" }, "Prefix/suffix affix divider.", "The logical divider between a segmented affix cell and the editable value, matching the field border."),
+		aliased("70f2fbe3-ec69-4c7a-b653-5e5c7d7e7f86", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "affix",
+			property: "color"
+		}, { role: "muted" }, "Prefix/suffix affix colour.", "The colour of a non-interactive unit-hint affix, quieter than the typed value."),
+		aliased("e2cb4ea0-8a84-440b-8db4-af77e4973d58", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "stepper",
+			property: "width"
+		}, { raw: "var(--noctis-size-control-sm)" }, "Width of an increment/decrement stepper — shared by both buttons.", "The inline size of a stepper button per field size, so the steppers stay a comfortable target and never pinch at `lg`; its block size fills (split) or halves (side) the shell.", { size: { lg: { raw: "var(--noctis-size-control-md)" } } }),
+		raw("5ce8a07a-284f-4fbf-b191-debe6387a10a", {
+			kind: "component",
+			component: "number-field",
+			anatomy: "scrub-area-cursor",
+			property: "size"
+		}, "var(--noctis-space-5)", "Size of the virtual scrub cursor.", "The edge length of the small inverse cursor block shown while scrubbing the value by drag.")
+	]
+};
+const navigationMenu = {
+	component: "navigation-menu",
+	category: "navigation",
+	slotPrefix: "noctis",
+	anatomy: [
+		"navigation-menu",
+		"navigation-menu-list",
+		"navigation-menu-item",
+		"navigation-menu-trigger",
+		"navigation-menu-icon",
+		"navigation-menu-content",
+		"navigation-menu-link",
+		"navigation-menu-link-title",
+		"navigation-menu-link-description",
+		"navigation-menu-section",
+		"navigation-menu-section-title",
+		"navigation-menu-separator",
+		"navigation-menu-footer",
+		"navigation-menu-positioner",
+		"navigation-menu-popup",
+		"navigation-menu-backdrop",
+		"navigation-menu-viewport"
+	],
+	options: { size: ["md", "sm"] },
+	optionSlots: { size: "navigation-menu" },
+	states: ["open"],
+	consumes: [],
+	mints: [
+		raw("386e94fb-79f7-41b5-af29-ec10e329e28c", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "list",
+			property: "gap"
+		}, "var(--noctis-space-1)", "Gap between top-level navigation items in the bar.", "The spacing between adjacent triggers and links in the navigation bar."),
+		aliased("bd83efc7-9d28-4cd5-abda-5bb5e7cf4c0f", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "trigger",
+			property: "height"
+		}, { raw: "var(--noctis-size-control-md)" }, "Height of a navigation trigger and top-level link.", "The control height of the bar's interactive items per size.", { size: { sm: { raw: "var(--noctis-size-control-sm)" } } }),
+		aliased("8c52af12-8193-4418-b07b-a5f3f10be6b3", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "trigger",
+			property: "padding-inline"
+		}, { raw: "0.75rem" }, "Inline padding of a navigation trigger and top-level link.", "The horizontal inset of a bar item's label per size.", { size: { sm: { raw: "0.5rem" } } }),
+		raw("dc59e936-ecc6-46e1-8572-bc91ad8e4f94", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "trigger",
+			property: "gap"
+		}, "0.375rem", "Gap between a trigger's label and its dropdown chevron.", "The spacing between a trigger's label and its trailing chevron icon."),
+		raw("6abf26c3-eb3c-4b30-8e51-c6ebe72ad018", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "trigger",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Corner radius of a bar item's hover and focus shape.", "The rounding of a trigger and top-level link; follows the radius knob."),
+		raw("04e0a5b9-917f-4146-b178-b74d619985f7", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "popup",
+			property: "min-width"
+		}, "12rem", "Minimum width of the flyout popup.", "The popup's min-width — wide enough that short content doesn't read as cramped."),
+		raw("3ec0c18d-e840-4d9e-80cb-a1649fbece98", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "positioner",
+			property: "duration"
+		}, "var(--noctis-duration-slow)", "Duration of the flyout's open, close, morph, and panel-slide motion.", "The shared motion duration — how long the popup morphs between panels and the panels cross-fade; inherited by the popup and content."),
+		raw("a9ce0d3a-2262-485d-8706-400ef15a33bf", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "positioner",
+			property: "easing"
+		}, "var(--noctis-ease-overlay)", "Easing curve of the flyout's motion.", "The shared easing — a strong ease-out so the box and panels settle smoothly; inherited by the popup and content."),
+		raw("c44c563b-a1b7-4a50-82f5-11da8987205c", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "content",
+			property: "padding"
+		}, "var(--noctis-space-2)", "Padding around the content inside the flyout popup.", "The inset between the popup edge and a panel's content."),
+		raw("8f49c894-819c-4c10-a1f5-66fcc760cdc2", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "content",
+			property: "gap"
+		}, "var(--noctis-space-1)", "Gap between rows of content inside the flyout popup.", "The vertical spacing the panel stack holds between its links."),
+		raw("77e1f9b0-4a02-42ba-8ab2-795ccdcaf011", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "link",
+			property: "padding-inline"
+		}, "var(--noctis-space-4)", "Inline padding of a flyout link row.", "The horizontal inset of a link's content inside a panel; generous so rich rows breathe."),
+		raw("0a7ec4c2-c110-4115-a56b-4376a9ed5bf5", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "link",
+			property: "padding-block"
+		}, "var(--noctis-space-3)", "Block padding of a flyout link row.", "The vertical inset of a link's content inside a panel."),
+		raw("b7e1d2c3-4a05-4f86-9b71-2c8d0e4f6a90", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "link",
+			property: "gap"
+		}, "0.125rem", "Gap between the two lines of a panel link.", "The vertical spacing between a panel link's eyebrow/title and its second line."),
+		raw("a6bb3633-e236-4979-b7c3-188bc465c591", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "link",
+			property: "border-radius"
+		}, "var(--noctis-radius-sm)", "Corner radius of a flyout link row's hover fill.", "The radius of a panel link's hover/active fill."),
+		aliased("f0de9842-4fa1-43dc-b55e-bdba98355afb", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "link-description",
+			property: "color"
+		}, { role: "muted" }, "Colour of a panel link's secondary description line.", "The quieter colour of the supporting line under a two-line panel link's title."),
+		raw("3dd196c0-fef9-4428-afa7-83601b262ea7", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "section",
+			property: "gap"
+		}, "var(--noctis-space-1\\.5)", "Gap between a panel section's title and its link column.", "The vertical spacing between a titled group's heading and the links beneath it."),
+		aliased("03792dc3-193e-43a7-8b30-4d732352fe69", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "section-title",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-mini)" }, "Font size of a panel section's title.", "The type size of a titled group's small heading label."),
+		aliased("e83b274b-4573-415d-b232-b9a96066e6c6", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "section-title",
+			property: "color"
+		}, { role: "muted" }, "Colour of a panel section's title.", "The muted colour of a titled group's heading label."),
+		raw("ee23ea9f-9a05-46c3-8ae1-f022e8189f4a", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "separator",
+			property: "margin-block"
+		}, "var(--noctis-space-1)", "Block spacing around a panel separator.", "The vertical gap a divider holds from the content above and below it."),
+		raw("c27497c5-5b03-4dc3-a434-b717491c9a8f", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "footer",
+			property: "padding-block"
+		}, "var(--noctis-space-2)", "Block padding of a panel's pinned footer row.", "The vertical inset of the 'view all'/CTA row at a panel's end."),
+		raw("92574d68-f4e9-4697-b676-efb7ead57b1c", {
+			kind: "component",
+			component: "navigation-menu",
+			anatomy: "footer",
+			property: "gap"
+		}, "var(--noctis-space-2)", "Gap between a panel footer's content and its trailing call to action.", "The spacing between the footer's lead text and its 'view all' link.")
+	]
+};
+const menubar = {
+	component: "menubar",
+	category: "navigation",
+	slotPrefix: "noctis",
+	anatomy: ["menubar", "menubar-trigger"],
+	options: { size: [
+		"sm",
+		"md",
+		"lg"
+	] },
+	states: [
+		"highlighted",
+		"disabled",
+		"open"
+	],
+	consumes: [],
+	optionSlots: { size: "menubar" },
+	slotGroups: { root: ["menubar"] },
+	mints: [
+		raw("51695f75-e1a5-4507-a874-58ae95940a11", {
+			kind: "component",
+			component: "menubar",
+			anatomy: "root",
+			property: "gap"
+		}, "var(--noctis-space-1)", "Gap between top-level menu triggers in the bar.", "The spacing the bar holds between adjacent menu triggers."),
+		raw("80f9d54e-20cf-415f-8d07-2cfd121a4c9f", {
+			kind: "component",
+			component: "menubar",
+			anatomy: "root",
+			property: "padding"
+		}, "var(--noctis-space-1)", "Inset between the bar edge and its triggers.", "The padding around the row of triggers inside the bar."),
+		aliased("e431a99e-ff34-4c81-ae1c-379b9676342c", {
+			kind: "component",
+			component: "menubar",
+			anatomy: "trigger",
+			property: "height"
+		}, { raw: "var(--noctis-size-control-xs)" }, "Top-level trigger height.", "The control height of a menubar trigger per size; a notch under the control scale so the bar reads as compact chrome, lighter than its own menus.", { size: {
+			md: { raw: "var(--noctis-size-control-sm)" },
+			lg: { raw: "var(--noctis-size-control-md)" }
+		} }),
+		aliased("20129eb2-23a0-4cc7-946f-bf5df6f35b89", {
+			kind: "component",
+			component: "menubar",
+			anatomy: "trigger",
+			property: "padding-inline"
+		}, { raw: "var(--noctis-space-1\\.5)" }, "Top-level trigger inline padding.", "The horizontal inset of a trigger's label per size; mirrors Button (xs/sm/md) so a bare-word trigger and a Button-rendered one match.", { size: {
+			md: { raw: "var(--noctis-space-2)" },
+			lg: { raw: "var(--noctis-space-3)" }
+		} }),
+		aliased("dea2801b-adb2-4a8b-970d-ea5699f9c7b1", {
+			kind: "component",
+			component: "menubar",
+			anatomy: "trigger",
+			property: "gap"
+		}, { raw: "var(--noctis-space-1)" }, "Gap between a trigger's icon and its label.", "The spacing between a trigger's leading glyph and its label, per size; mirrors Button's gap (xs/sm/md).", { size: { lg: { raw: "var(--noctis-space-1\\.5)" } } }),
+		aliased("d6fb17d2-b1d8-4add-921a-354cc6a215c4", {
+			kind: "component",
+			component: "menubar",
+			anatomy: "trigger",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-mini)" }, "Top-level trigger label font size.", "The trigger label type size per size step; mirrors Button (xs/sm/md → mini/mini/small) so the bar reads as compact chrome.", { size: {
+			md: { raw: "var(--noctis-text-mini)" },
+			lg: { raw: "var(--noctis-text-small)" }
+		} }),
+		raw("4b7143eb-4a1b-40dc-b8c6-cda8c620f8f6", {
+			kind: "component",
+			component: "menubar",
+			anatomy: "trigger",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Corner radius of a top-level trigger.", "The rounding of a menubar trigger's hover/open shape; follows the radius knob uncapped."),
+		aliased("948af090-b3c2-4f7a-a4f3-cc1ad4563ab8", {
+			kind: "component",
+			component: "menubar",
+			anatomy: "trigger",
+			property: "color"
+		}, { role: "foreground" }, "Top-level trigger label colour at rest.", "The resting text colour of a menubar trigger; full-contrast chrome, like Tabs."),
+		aliased("49c8ae52-b856-4dbe-ae0d-d07dd03a5c5b", {
+			kind: "component",
+			component: "menubar",
+			anatomy: "trigger",
+			property: "color",
+			state: "highlighted"
+		}, { role: "foreground" }, "Top-level trigger label colour while highlighted or open.", "The text colour of a trigger the pointer/keyboard is over, or whose menu is open."),
+		aliased("76bd5d64-7b08-49f6-bd1c-7abd3896e17c", {
+			kind: "component",
+			component: "menubar",
+			anatomy: "trigger",
+			property: "background-color",
+			state: "highlighted"
+		}, { role: "control-ghost-hover" }, "Top-level trigger highlight fill.", "The neutral fill behind a highlighted or open trigger.")
+	]
+};
+const surface = {
+	component: "surface",
+	category: "surfaces",
+	slotPrefix: "noctis",
+	anatomy: ["surface"],
+	options: {
+		shade: [
+			"base",
+			"surface",
+			"raised",
+			"sunken"
+		],
+		bordered: ["true", "false"],
+		shadow: [
+			"none",
+			"card",
+			"popover",
+			"modal"
+		],
+		elevation: [
+			"elevated",
+			"menu",
+			"sunken"
+		]
+	},
+	states: [],
+	consumes: [],
+	mints: []
+};
+const scrollArea = {
+	component: "scroll-area",
+	category: "surfaces",
+	slotPrefix: "noctis",
+	anatomy: [
+		"scroll-area",
+		"scroll-area-viewport",
+		"scroll-area-content",
+		"scroll-area-scrollbar",
+		"scroll-area-thumb",
+		"scroll-area-corner"
+	],
+	options: {
+		type: [
+			"hover",
+			"scroll",
+			"auto",
+			"always"
+		],
+		size: ["sm", "md"],
+		overscroll: ["contain", "auto"]
+	},
+	states: ["hover", "active"],
+	consumes: [],
+	optionSlots: {
+		type: "scroll-area",
+		size: "scroll-area",
+		overscroll: "scroll-area"
+	},
+	mints: [
+		aliased("c260a347-dff0-4384-8f6b-bbd4ab24951c", {
+			kind: "component",
+			component: "scroll-area",
+			anatomy: "scrollbar",
+			property: "inline-size"
+		}, { raw: "0.5rem" }, "Thickness of a scrollbar track — the vertical bar's width and the horizontal bar's height.", "How wide the thin overlay scrollbar gutter is at rest; the thumb sits inside it. Thinner at `sm`.", { size: { sm: { raw: "0.375rem" } } }),
+		aliased("c3a4bf82-144b-4d48-87aa-a7f099fae2b0", {
+			kind: "component",
+			component: "scroll-area",
+			anatomy: "scrollbar",
+			property: "inline-size",
+			state: "hover"
+		}, { raw: "0.625rem" }, "Expanded gutter thickness while the thumb is hovered.", "How wide the gutter grows when the pointer is over the thumb — the macOS hover-expand. Wider than the idle thickness so the thumb reads as grabbable.", { size: { sm: { raw: "0.5rem" } } }),
+		raw("ce74b110-2e5c-47b7-b544-00b7d9096851", {
+			kind: "component",
+			component: "scroll-area",
+			anatomy: "scrollbar",
+			property: "margin"
+		}, "var(--noctis-space-0\\.5)", "Inset between a scrollbar and the viewport edge.", "The breathing room the scrollbar holds off the viewport's edges so the thumb never touches the border."),
+		aliased("589dcd85-34a6-422a-ad7d-c81a79a414da", {
+			kind: "component",
+			component: "scroll-area",
+			anatomy: "thumb",
+			property: "background-color"
+		}, { role: "scrollbar-thumb" }, "Thumb fill at rest.", "The neutral pill colour; the scope-aware `scrollbar-thumb` role (never the accent), so it re-derives inside a sunken/menu scope."),
+		aliased("a0c86531-d2b2-4875-9acc-8488f95850a9", {
+			kind: "component",
+			component: "scroll-area",
+			anatomy: "thumb",
+			property: "background-color",
+			state: "hover"
+		}, { raw: "color-mix(in oklab, var(--noctis-color-scrollbar-thumb), var(--noctis-color-foreground) 18%)" }, "Thumb fill while hovered.", "The thumb firms up under the pointer — the `scrollbar-thumb` role nudged toward the foreground for more contrast; stays scope-aware because the role does."),
+		aliased("7684b508-2805-4926-b1f9-6daedd26ce5b", {
+			kind: "component",
+			component: "scroll-area",
+			anatomy: "thumb",
+			property: "background-color",
+			state: "active"
+		}, { raw: "color-mix(in oklab, var(--noctis-color-scrollbar-thumb), var(--noctis-color-foreground) 32%)" }, "Thumb fill while dragging or scrolling.", "The darkest thumb shade, held while the thumb is dragged or the area is scrolling so the grabbed handle stays distinct."),
+		raw("ea21eb07-85da-4593-9230-27e114f77f16", {
+			kind: "component",
+			component: "scroll-area",
+			anatomy: "thumb",
+			property: "min-block-size"
+		}, "var(--noctis-space-5)", "Minimum length of the thumb on the vertical scrollbar.", "The floor the vertical thumb never shrinks below, so a long content list keeps a grabbable handle; bumped under a coarse pointer."),
+		raw("ec0bff17-0935-4572-9120-44eeffd2551c", {
+			kind: "component",
+			component: "scroll-area",
+			anatomy: "thumb",
+			property: "min-inline-size"
+		}, "var(--noctis-space-5)", "Minimum length of the thumb on the horizontal scrollbar.", "The floor the horizontal thumb never shrinks below, so a wide content row keeps a grabbable handle; bumped under a coarse pointer."),
+		raw("89b6e2b8-43c9-4b99-8d82-e898574322db", {
+			kind: "component",
+			component: "scroll-area",
+			anatomy: "thumb",
+			property: "border-radius"
+		}, "9999px", "Corner radius of the scrollbar thumb.", "The rounding of the thumb handle; fully pill so it reads as a slim capsule, independent of the radius knob."),
+		raw("bb95080d-cce2-40af-9522-d59e33e78e34", {
+			kind: "component",
+			component: "scroll-area",
+			anatomy: "scrollbar",
+			property: "transition-duration"
+		}, "var(--noctis-duration-regular)", "Duration of the scrollbar's fade in and out.", "How long the scrollbar takes to fade in on hover/scroll and fade back out when idle."),
+		aliased("41e6652b-998f-4a53-bc33-dd69cb59b5f3", {
+			kind: "component",
+			component: "scroll-area",
+			anatomy: "scrollbar",
+			property: "track-background-color"
+		}, { role: "well" }, "Gutter-track fill behind the thumb (the optional `track`).", "The faint channel painted behind the thumb when `track` is set (and for `type=\"always\"`); the surface-adaptive `well` overlay, so the gutter stays visible on any surface, also painting the corner."),
+		raw("c9312dfe-f8ca-4e1d-9f66-966f1c72fb70", {
+			kind: "component",
+			component: "scroll-area",
+			property: "fade-size"
+		}, "var(--noctis-space-6)", "Length of the edge-fade mask.", "How far the scroll-shadow fade reaches in from an overflowing edge when `fade` is set; a colourless mask, so no accent and no rounding.")
+	]
+};
+const separator = {
+	component: "separator",
+	category: "surfaces",
+	slotPrefix: "noctis",
+	anatomy: ["separator"],
+	options: { orientation: ["horizontal", "vertical"] },
+	states: [],
+	consumes: [],
+	optionSlots: { orientation: "separator" },
+	mints: [
+		aliased("5145f0a5-f815-47ef-a208-20eb1346aa6f", {
+			kind: "component",
+			component: "separator",
+			property: "background-color"
+		}, { role: "border" }, "Hairline colour.", "The colour of the separator line; the neutral border role by default."),
+		raw("ce087cf6-db0b-45db-8b90-cc6ee289471c", {
+			kind: "component",
+			component: "separator",
+			property: "size"
+		}, "var(--noctis-space-px)", "Hairline thickness — the line's cross-axis size.", "The thickness of the separator line (its block-size when horizontal, inline-size when vertical); the 1px space-scale step, matching the menu separator."),
+		raw("671f2016-9599-4ec2-b450-36b5da497081", {
+			kind: "component",
+			component: "separator",
+			property: "margin"
+		}, "0px", "Inset pulled off each end of the line.", "The margin taken off both ends of the separator, letting it stop short of its container.")
+	]
+};
+const sheet = {
+	component: "sheet",
+	category: "overlays",
+	slotPrefix: "noctis",
+	anatomy: [
+		"sheet-trigger",
+		"sheet-backdrop",
+		"sheet-viewport",
+		"sheet-popup",
+		"sheet-close",
+		"sheet-header",
+		"sheet-body",
+		"sheet-footer",
+		"sheet-title",
+		"sheet-description"
+	],
+	options: {
+		side: [
+			"start",
+			"end",
+			"top",
+			"bottom"
+		],
+		size: [
+			"sm",
+			"md",
+			"lg",
+			"xl",
+			"full"
+		]
+	},
+	states: [],
+	consumes: [],
+	optionSlots: { size: "sheet-popup" },
+	slotGroups: { region: [
+		"sheet-header",
+		"sheet-body",
+		"sheet-footer"
+	] },
+	mints: [
+		aliased("c821fdd2-5a65-4336-9428-519d76595f2a", {
+			kind: "component",
+			component: "sheet",
+			anatomy: "popup",
+			property: "max-inline-size"
+		}, { raw: "24rem" }, "Cross-axis cap of a side (start/end) sheet — its maximum width.", "The widest a side sheet grows to; the `full` size lifts the cap entirely.", { size: {
+			sm: { raw: "20rem" },
+			md: { raw: "24rem" },
+			lg: { raw: "28rem" },
+			xl: { raw: "32rem" },
+			full: { raw: "none" }
+		} }),
+		aliased("5d35a893-7f16-4088-8c4d-16ff97e75c83", {
+			kind: "component",
+			component: "sheet",
+			anatomy: "region",
+			property: "padding"
+		}, { raw: "var(--noctis-space-region)" }, "Inset of the sheet's header, body, and footer regions.", "The padding inside each panel region; aliases the shared region-padding scale."),
+		raw("f91f5b53-2826-4282-985f-0f4f528a3163", {
+			kind: "component",
+			component: "sheet",
+			anatomy: "header",
+			property: "gap"
+		}, "0.25rem", "Gap between the sheet title and its description.", "The vertical spacing stacking the header's title and description."),
+		raw("bcb1d6ea-b41d-4df8-80cd-7e4dd659244a", {
+			kind: "component",
+			component: "sheet",
+			anatomy: "header",
+			property: "gutter-gap"
+		}, "0.5rem", "Gap between the sheet header text and its corner action.", "The inline spacing reserving room for the close/action gutter beside the title column."),
+		raw("744fb11b-1a10-49ba-9ca9-af6c3865c6cd", {
+			kind: "component",
+			component: "sheet",
+			anatomy: "footer",
+			property: "gap"
+		}, "0.5rem", "Gap between the sheet's footer actions.", "The spacing between the footer's stacked or inline action buttons."),
+		aliased("9fa0787f-aed8-49cb-97fb-bdd8e1598bbe", {
+			kind: "component",
+			component: "sheet",
+			anatomy: "popup",
+			property: "transition-duration"
+		}, { raw: "var(--noctis-duration-regular)" }, "Duration of the sheet's slide-in/out.", "How long the panel takes to slide between docked and off-screen."),
+		raw("1de92eca-e683-48c6-ae94-0e5e6597d210", {
+			kind: "component",
+			component: "sheet",
+			anatomy: "popup",
+			property: "peek-offset"
+		}, "1.5rem", "How far each stacked panel peeks out per level of depth.", "The per-nesting-step distance a backgrounded sheet slides toward its edge so the stack fans out."),
+		raw("46229e05-17b5-4952-93b3-8676639c9182", {
+			kind: "component",
+			component: "sheet",
+			anatomy: "popup",
+			property: "min-block-size"
+		}, "var(--noctis-space-40)", "Height floor of a small top/bottom sheet.", "The min-height under the `sm` size's fractional height, so a shallow viewport never crushes the panel.")
+	]
+};
+const toast = {
+	component: "toast",
+	category: "overlays",
+	slotPrefix: "noctis",
+	anatomy: [
+		"toast",
+		"toast-viewport",
+		"toast-content",
+		"toast-title",
+		"toast-description",
+		"toast-icon",
+		"toast-spinner",
+		"toast-action",
+		"toast-close"
+	],
+	options: { type: [
+		"info",
+		"success",
+		"warning",
+		"danger",
+		"loading",
+		"error"
+	] },
+	states: [],
+	consumes: [],
+	optionSlots: { type: "toast" },
+	mints: [
+		aliased("90451bac-835a-4bcc-b2fa-be6d12de5835", {
+			kind: "component",
+			component: "toast",
+			property: "border-radius"
+		}, { raw: "var(--noctis-radius-md)" }, "Corner radius of a toast.", "The rounding of a toast's corners; follows the radius knob on the md step, capped so it never pills."),
+		raw("ca6a5aa6-1c79-46d9-8216-413b3238d693", {
+			kind: "component",
+			component: "toast",
+			property: "padding"
+		}, "1rem", "Inset of a toast's content.", "The padding between a toast's edge and its title, description, and actions."),
+		raw("03a44014-b874-4f90-98b6-db2aa409ac22", {
+			kind: "component",
+			component: "toast",
+			property: "gap"
+		}, "0.75rem", "Gap between a toast's content column and its close button.", "The spacing separating the title/description/actions column from the trailing close button."),
+		raw("c3f598d7-0cfa-419b-b3aa-7ea072346f8c", {
+			kind: "component",
+			component: "toast",
+			property: "min-width"
+		}, "20rem", "Minimum width of a toast.", "The toast's min-width — wide enough that a short message never reads as cramped."),
+		raw("97900b60-0b7c-45b2-b30a-deceeeec6b8f", {
+			kind: "component",
+			component: "toast",
+			property: "max-width"
+		}, "24rem", "Maximum width of a toast.", "The widest a toast grows to before its description wraps."),
+		aliased("18754e8a-a2d1-4065-8b31-802b12f4cb7a", {
+			kind: "component",
+			component: "toast",
+			property: "color",
+			state: "highlighted"
+		}, { role: "muted" }, "Toast status accent colour — the leading status icon and the status-typed parts.", "The colour of a toast's leading status icon (and bare action); a neutral muted by default (a plain toast is not a signal), re-pointed per type to the matching status role.", { type: {
+			info: { role: "info" },
+			success: { role: "success" },
+			warning: { role: "warning" },
+			danger: { role: "danger" },
+			loading: { role: "muted" },
+			error: { role: "danger" }
+		} }),
+		raw("ea8bbe37-fe5a-44ec-9c60-82b66f52eeda", {
+			kind: "component",
+			component: "toast",
+			property: "peek"
+		}, "0.75rem", "How much of each toast behind the front one shows in the collapsed stack.", "The sliver of every card stacked behind the front one that stays visible when collapsed — the depth of the peek."),
+		raw("67a24991-d2eb-4495-bb6e-ccd1757cb6f1", {
+			kind: "component",
+			component: "toast",
+			anatomy: "content",
+			property: "gap"
+		}, "0.25rem", "Gap between a toast's title and its description.", "The vertical spacing stacking the title above the description and any actions."),
+		raw("c0650095-4956-42a0-87ac-43f4dd5ccee5", {
+			kind: "component",
+			component: "toast",
+			anatomy: "viewport",
+			property: "padding"
+		}, "var(--noctis-space-region)", "Inset of the toast viewport from the screen corner.", "The gap between the viewport's anchored corner and the edges of the screen."),
+		raw("a93e48eb-b4ad-4833-a1c0-fa08679f5c92", {
+			kind: "component",
+			component: "toast",
+			anatomy: "viewport",
+			property: "gap"
+		}, "0.75rem", "Gap between stacked toasts when the viewport is expanded.", "The spacing between adjacent toasts once the stack fans out on hover or focus."),
+		raw("b8c1f6d3-2a47-4e90-9b15-3c7e0a4d8f62", {
+			kind: "component",
+			component: "toast",
+			anatomy: "viewport",
+			property: "inline-size"
+		}, "20rem", "Width of the fixed toast stack.", "The viewport's own inline size (the toasts fill it); matches the toast min-width by default and is capped to the screen on narrow viewports."),
+		raw("3f2a9c14-7b6e-4d51-9a02-1c8e5f0b7d34", {
+			kind: "component",
+			component: "toast",
+			anatomy: "icon",
+			property: "size"
+		}, "1.25rem", "Size of a toast's leading status icon.", "The box size of the optional leading icon, aligned to the title line; it inherits the toast's status colour."),
+		raw("a7d4e9b2-5c61-4f08-8e3a-2b9d6c1f4e57", {
+			kind: "component",
+			component: "toast",
+			anatomy: "spinner",
+			property: "size"
+		}, "1.25rem", "Size of a toast's loading spinner.", "The box size of the spinner shown during a `loading` toast or a promise's pending phase; matches the icon size."),
+		raw("c1b8f3a6-9d27-4e50-8a14-7f2c0b5e9d83", {
+			kind: "component",
+			component: "toast",
+			property: "peek-scale-step"
+		}, "0.05", "Per-index scale step of a collapsed stack.", "How much each toast shrinks behind the front one in the collapsed peek — the larger the step, the deeper the stack reads."),
+		raw("d2f7a410-6c93-4b8e-9f21-5a0e7c4b1d96", {
+			kind: "component",
+			component: "toast",
+			property: "height"
+		}, "var(--toast-height)", "The toast's own measured height — the height it expands to when the stack fans out.", "A passthrough of Base UI's measured `--toast-height`; the natural height each card animates to when expanded."),
+		raw("f4b9c0d7-8e15-42a3-bc6f-1d3a9e2c5b40", {
+			kind: "component",
+			component: "toast",
+			property: "frontmost-height"
+		}, "var(--toast-frontmost-height, var(--toast-height))", "The frontmost toast's height — every card clamps to this while collapsed.", "A passthrough of Base UI's `--toast-frontmost-height`; the collapsed height every card clamps to so none pokes out of the stack.")
+	]
+};
+const collapsible = {
+	component: "collapsible",
+	category: "surfaces",
+	slotPrefix: "noctis",
+	anatomy: [
+		"collapsible",
+		"collapsible-trigger",
+		"collapsible-panel",
+		"collapsible-heading",
+		"collapsible-group"
+	],
+	options: {},
+	states: [],
+	consumes: [],
+	mints: [
+		raw("285e9d2a-4b5e-4880-a006-0bcd48b4ad76", {
+			kind: "component",
+			component: "collapsible",
+			anatomy: "trigger",
+			property: "gap"
+		}, "var(--noctis-space-2)", "Gap between the trigger's label and its disclosure chevron.", "The spacing inside the trigger row; widen it to push the chevron further from the label."),
+		raw("9f69f8f9-c86f-4de9-b690-f1a88a63277d", {
+			kind: "component",
+			component: "collapsible",
+			anatomy: "trigger",
+			property: "padding-block"
+		}, "var(--noctis-space-2)", "Vertical padding of the trigger row.", "How tall the trigger sits; the seam a consumer retunes for a denser or roomier disclosure header."),
+		raw("5e684a33-6c11-47da-a4d6-9a4d14a48c73", {
+			kind: "component",
+			component: "collapsible",
+			anatomy: "trigger",
+			property: "padding-inline"
+		}, "var(--noctis-space-3)", "Horizontal padding of the trigger row.", "The inset of the trigger's label and chevron from the disclosure's edges."),
+		raw("f1d835d9-141f-4d21-94e0-9a54610f8019", {
+			kind: "component",
+			component: "collapsible",
+			anatomy: "trigger",
+			property: "font-size"
+		}, "var(--noctis-text-small)", "The trigger label's font size.", "The disclosure trigger's type scale; the seam a consumer retunes for a larger or smaller header."),
+		raw("221e85c2-0de4-408d-86b1-1c43143a33d9", {
+			kind: "component",
+			component: "collapsible",
+			anatomy: "panel",
+			property: "padding-block"
+		}, "var(--noctis-space-3)", "Vertical padding of the revealed panel content.", "The breathing room above and below the disclosed content when the panel is open."),
+		raw("0c7f9627-b43f-4847-b410-372b30975e67", {
+			kind: "component",
+			component: "collapsible",
+			anatomy: "panel",
+			property: "padding-inline"
+		}, "var(--noctis-space-3)", "Horizontal padding of the revealed panel content.", "The content's inset from the disclosure's edges; the component owns this so an example never hand-pads the content."),
+		raw("a1b1c6af-9255-459e-9933-03798106fa3b", {
+			kind: "component",
+			component: "collapsible",
+			anatomy: "panel",
+			property: "transition-duration"
+		}, "var(--noctis-duration-regular)", "Duration of the panel's open/close height animation.", "How long the panel takes to expand and collapse; the seam a region retunes to speed up or slow down the reveal."),
+		raw("b21e2ade-794f-4ec3-b042-a2ece50ca2c5", {
+			kind: "component",
+			component: "collapsible",
+			anatomy: "panel",
+			property: "height"
+		}, "var(--collapsible-panel-height)", "The height the open/close animation transitions to.", "A passthrough of Base UI's measured panel height; the animated target the panel collapses from and to."),
+		raw("df189ec4-71e7-4a0a-9236-af0f653e4bac", {
+			kind: "component",
+			component: "collapsible",
+			anatomy: "group",
+			property: "divider"
+		}, "var(--noctis-color-divider)", "Divider drawn between stacked disclosures and under an open trigger inside a group.", "Set to retone or remove the rule a `Collapsible.Group` paints around and between its stacked items.")
+	]
+};
+const alertDialog = {
+	component: "alert-dialog",
+	category: "overlays",
+	slotPrefix: "noctis",
+	anatomy: [
+		"alert-dialog-trigger",
+		"alert-dialog-backdrop",
+		"alert-dialog-viewport",
+		"alert-dialog-popup",
+		"alert-dialog-close",
+		"alert-dialog-header",
+		"alert-dialog-body",
+		"alert-dialog-footer",
+		"alert-dialog-icon",
+		"alert-dialog-title",
+		"alert-dialog-description",
+		"alert-dialog-cancel",
+		"alert-dialog-action"
+	],
+	options: {
+		tone: [
+			"neutral",
+			"danger",
+			"warning"
+		],
+		size: ["sm", "md"]
+	},
+	states: [],
+	consumes: [],
+	optionSlots: {
+		tone: "alert-dialog-popup",
+		size: "alert-dialog-popup"
+	},
+	slotGroups: { region: [
+		"alert-dialog-header",
+		"alert-dialog-body",
+		"alert-dialog-footer"
+	] },
+	mints: [
+		aliased("f10dd31d-8c4a-45c3-bd44-d16b482a14dc", {
+			kind: "component",
+			component: "alert-dialog",
+			anatomy: "popup",
+			property: "max-inline-size"
+		}, { raw: "28rem" }, "Maximum width of the centred confirmation panel.", "The widest the dialog grows; size-keyed, and on narrow viewports it shrinks to fit the viewport padding.", { size: {
+			sm: { raw: "22rem" },
+			md: { raw: "28rem" }
+		} }),
+		aliased("f19080db-4983-4c94-8436-a0d2a63ce8f1", {
+			kind: "component",
+			component: "alert-dialog",
+			anatomy: "popup",
+			property: "border-radius"
+		}, { raw: "var(--noctis-radius-lg)" }, "Corner radius of the confirmation panel.", "The rounding of the panel's outer corners; the large foundation step, capped so it stays a surface — matching Dialog."),
+		aliased("8f7577f3-f085-4dfe-96bd-09abf8f340dd", {
+			kind: "component",
+			component: "alert-dialog",
+			anatomy: "region",
+			property: "padding"
+		}, { raw: "var(--noctis-space-region)" }, "Inset of the dialog's header, body, and footer regions.", "The padding inside each panel region; aliases the shared region-padding scale."),
+		raw("591146b5-a126-4b91-beac-b73ec0c51006", {
+			kind: "component",
+			component: "alert-dialog",
+			anatomy: "header",
+			property: "gap"
+		}, "0.25rem", "Gap between the dialog title and its description.", "The vertical spacing stacking the header's title and description."),
+		raw("c59e5325-9dc8-4d8e-83cb-afb5fbe64f39", {
+			kind: "component",
+			component: "alert-dialog",
+			anatomy: "footer",
+			property: "gap"
+		}, "0.5rem", "Gap between the dialog's footer actions.", "The spacing between the Cancel and Action buttons in the footer."),
+		aliased("5641ed41-e4e6-4721-8f6a-56735dca9825", {
+			kind: "component",
+			component: "alert-dialog",
+			anatomy: "popup",
+			property: "transition-duration"
+		}, { raw: "var(--noctis-duration-overlay)" }, "Duration of the dialog's scale-fade in/out.", "How long the panel takes to fade and scale between hidden and centred."),
+		raw("be77f0cf-f759-4eb9-a98e-4c851fe6e668", {
+			kind: "component",
+			component: "alert-dialog",
+			anatomy: "viewport",
+			property: "padding"
+		}, "var(--noctis-space-16)", "Breathing room between the panel and the viewport edges.", "The minimum gap kept around the centred panel so it never touches the screen edges."),
+		raw("df4e3fc5-d304-40e2-99c9-cd04a6bd446b", {
+			kind: "component",
+			component: "alert-dialog",
+			anatomy: "icon",
+			property: "size"
+		}, "var(--noctis-space-10)", "Size of the leading tone-icon badge.", "The square tinted badge holding the header's severity glyph."),
+		raw("50c1c753-bc03-4326-a0b0-6d8c824bdd03", {
+			kind: "component",
+			component: "alert-dialog",
+			anatomy: "icon",
+			property: "glyph-size"
+		}, "var(--noctis-space-5)", "Size of the severity glyph inside its badge.", "The icon itself, set smaller than the badge so it sits in a comfortable tonal field."),
+		raw("9d990400-6fdc-445f-bbcf-69a2530927ac", {
+			kind: "component",
+			component: "alert-dialog",
+			anatomy: "popup",
+			property: "peek-scale"
+		}, "0.97", "Scale of a backgrounded alert dialog when a nested dialog opens over it.", "How far the back layer recedes so a stack of confirmations reads as depth.")
+	]
+};
+const rail = {
+	component: "rail",
+	category: "surfaces",
+	slotPrefix: "noctis",
+	anatomy: [
+		"rail",
+		"rail-trigger",
+		"rail-layout",
+		"rail-content",
+		"rail-panel",
+		"rail-surface",
+		"rail-close",
+		"rail-header",
+		"rail-body",
+		"rail-title"
+	],
+	options: {
+		side: ["start", "end"],
+		size: [
+			"xs",
+			"sm",
+			"md",
+			"lg"
+		],
+		variant: ["squeeze", "push"]
+	},
+	states: [],
+	consumes: [],
+	optionSlots: { size: "rail-panel" },
+	slotGroups: { collapse: ["rail-panel"] },
+	mints: [
+		raw("17f5a4c6-bade-49cf-bd7d-711253c10586", {
+			kind: "component",
+			component: "rail",
+			anatomy: "panel",
+			property: "max-inline-size"
+		}, "90vw", "Viewport-relative cap on the rail panel's width.", "The widest the panel grows on narrow viewports, so a wide size never spans the whole screen."),
+		raw("03a8ddb0-bc05-4b29-b430-2197bf0dd9a5", {
+			kind: "component",
+			component: "rail",
+			anatomy: "collapse",
+			property: "width"
+		}, "var(--collapsible-panel-width)", "The width the collapse animation transitions to.", "A passthrough of Base UI's measured panel width; the animated open target of the docked rail."),
+		aliased("b3501955-fd21-4841-b8e3-ed28ebefd340", {
+			kind: "component",
+			component: "rail",
+			anatomy: "panel",
+			property: "width"
+		}, { raw: "22rem" }, "The rail panel's width.", "How wide the docked rail is; size-keyed, and the seam a consumer retunes per region.", { size: {
+			xs: { raw: "14rem" },
+			sm: { raw: "18rem" },
+			md: { raw: "22rem" },
+			lg: { raw: "28rem" }
+		} }),
+		aliased("da670f86-fae3-4ca0-925f-8bfd0b4c2ba6", {
+			kind: "component",
+			component: "rail",
+			property: "padding"
+		}, { raw: "var(--noctis-space-region)" }, "Inset of the rail's header and body regions.", "The padding inside each rail region; aliases the shared region-padding scale."),
+		raw("3d2cb271-6596-4207-983e-5a8951f0a65b", {
+			kind: "component",
+			component: "rail",
+			anatomy: "header",
+			property: "gap"
+		}, "0.5rem", "Gap between the rail's header title and its corner actions.", "The spacing between the title and the close/action controls in the rail header.")
+	]
+};
+const combobox = {
+	component: "combobox",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"combobox-input",
+		"combobox-list",
+		"combobox-item",
+		"combobox-item-indicator",
+		"combobox-empty",
+		"combobox-group-label",
+		"combobox-chip"
+	],
+	options: { size: ["md", "lg"] },
+	states: [
+		"highlighted",
+		"disabled",
+		"selected",
+		"active"
+	],
+	consumes: [],
+	optionSlots: { size: "combobox-input" },
+	slotGroups: { "item-indicator": ["combobox-item", "combobox-item-indicator"] },
+	mints: [
+		aliased("471417bd-d0ea-4433-b85f-b2d73e45b71a", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "input",
+			property: "height"
+		}, { raw: "var(--noctis-size-control-md)" }, "Height of the text field.", "The control height of the input per size step.", { size: { lg: { raw: "var(--noctis-size-control-lg)" } } }),
+		aliased("75e19bc6-2d0a-4512-9631-a206802daf5a", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "input",
+			property: "padding-inline"
+		}, { raw: "0.75rem" }, "Inline padding of the text field.", "The horizontal inset of the input's text per size step.", { size: { lg: { raw: "0.875rem" } } }),
+		raw("d0891545-f9f4-4c80-b606-6636809f1ca2", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "input",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Corner radius of the text field.", "The rounding of the input; follows the radius knob uncapped, like other controls."),
+		raw("f1a7c2e9-6b04-4d8e-9c31-2a5f8e0b7d63", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "input",
+			property: "shadow"
+		}, "var(--noctis-shadow-inset)", "Resting inset shadow of the text field.", "The subtle inner shadow the field carries at rest, matching the rest of the field family (Input/Textarea)."),
+		raw("d01a0a33-e195-46f6-9e25-835eadee8bf0", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "list",
+			property: "padding"
+		}, "0.25rem", "Padding around the scrollable list inside the popup.", "The inset between the popup edge and its rows."),
+		raw("439d3a8a-c721-4d28-9935-f13dd2dda7aa", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "item",
+			property: "height"
+		}, "2rem", "Minimum height of an option row.", "The row's min-height; the inline padding rhythm fills any extra space."),
+		raw("468b9dae-cd0e-49ce-9663-14ad635e346f", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "item",
+			property: "padding-inline"
+		}, "0.625rem", "Inline padding of an option row.", "The horizontal inset of a row's content."),
+		raw("c05d0e17-3b16-4011-ae00-f727dd04ac44", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "item",
+			property: "gap"
+		}, "0.5rem", "Gap between an option's check column and its label.", "The spacing between the leading indicator column and the label."),
+		raw("d4e7a0c3-8f25-4b19-9a46-3c7e1f6d8a52", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "item",
+			property: "padding-block"
+		}, "0.25rem", "Block padding of an option row.", "The vertical inset of a row's content, so multi-line (structured) rows breathe; single-line rows keep their min-height."),
+		raw("59a10778-a124-4c54-85c8-8e82513b29a6", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "item",
+			property: "border-radius"
+		}, "var(--noctis-radius-sm)", "Corner radius of an option row's highlight.", "The radius of the row's hover/highlight fill."),
+		aliased("66478868-5358-4388-9230-e1a1e5ea5a0e", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "item",
+			property: "color"
+		}, { role: "secondary" }, "Option row label colour at rest.", "The resting text colour of a row."),
+		aliased("2a44da3c-c09a-4730-8084-841488afdf0a", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "item",
+			property: "color",
+			state: "highlighted"
+		}, { role: "foreground" }, "Option row label colour while highlighted.", "The text colour of the keyboard- or pointer-highlighted row."),
+		aliased("7a8806a4-e069-4127-8c2d-31dde43f8947", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "item",
+			property: "background-color",
+			state: "highlighted"
+		}, { role: "control-ghost-hover" }, "Option row highlight fill.", "The neutral fill behind the highlighted row (signal-free, not the accent)."),
+		aliased("b3f4d9e2-7c61-4a08-9e35-1d8f2a6b4c70", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "item",
+			property: "background-color",
+			state: "active"
+		}, { role: "control-ghost-selected" }, "Option row pressed fill.", "The firmer neutral fill while a row is pressed, as tactile feedback before selection commits."),
+		raw("3f2a01a0-5c0c-44e1-b693-1e869d75e181", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "item-indicator",
+			property: "size"
+		}, "0.75rem", "Size of the leading selected-check indicator column.", "The width and height of the check column, kept equal so labels align."),
+		raw("8ae7e3f3-f295-4f7a-a0b7-f33b67859671", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "empty",
+			property: "padding-block"
+		}, "var(--noctis-space-6)", "Block padding of the empty / no-results message.", "The vertical breathing room around the centred no-results copy."),
+		raw("a28d904b-e13c-4ce1-bc46-b426adf102c3", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "group-label",
+			property: "padding-inline"
+		}, "var(--noctis-space-2\\.5)", "Trailing inline padding of a group label.", "The end inset of a group heading."),
+		raw("e5b8c1a4-9d36-4f72-8a05-2c6e4b7f9d18", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "group-label",
+			property: "padding-inline-start"
+		}, "0.625rem", "Leading inset of a group label.", "The start inset that lines a group heading up with the option ROW's content edge (the same inline padding the rows use) — one check column to the left of the option labels, so the heading reads as a header outdented from the options rather than a row aligned with them. Keep it in step with the item inline padding."),
+		raw("20ee59a3-5dbe-4132-8494-d4eb1fbebf8b", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "chip",
+			property: "gap"
+		}, "var(--noctis-space-1\\.5)", "Gap between a multi-select chip's label and its remove control.", "The spacing inside a selected-value chip."),
+		raw("a2bca4c6-3dc5-4bd5-a897-25a992b0a902", {
+			kind: "component",
+			component: "combobox",
+			anatomy: "chip",
+			property: "border-radius"
+		}, "var(--noctis-radius-sm)", "Corner radius of a multi-select chip.", "The rounding of a selected-value chip in the input.")
+	]
+};
+const searchDialog = {
+	component: "search-dialog",
+	category: "overlays",
+	slotPrefix: "noctis",
+	anatomy: [
+		"search-dialog",
+		"search-dialog-header",
+		"search-dialog-input",
+		"search-dialog-results",
+		"search-dialog-result",
+		"search-dialog-footer"
+	],
+	options: {},
+	states: [],
+	consumes: [],
+	slotGroups: {
+		"esc-key": ["search-dialog-header"],
+		"result-body": ["search-dialog-result"],
+		"result-title-row": ["search-dialog-result"],
+		"result-meta": ["search-dialog-result"],
+		"result-mark": ["search-dialog-result"],
+		centered: ["search-dialog"],
+		hint: ["search-dialog-footer"],
+		"hint-keys": ["search-dialog-footer"]
+	},
+	mints: [
+		raw("aaf2efab-787e-40f2-b3ff-b2f7e2ab9a4b", {
+			kind: "component",
+			component: "search-dialog",
+			property: "inset-block-start"
+		}, "12vh", "Distance from the top of the viewport to the dialog.", "How far down the dialog floats; smaller values raise it toward the top."),
+		raw("9fc2ff3d-f120-42fc-b19f-90f9c1a3f721", {
+			kind: "component",
+			component: "search-dialog",
+			property: "height"
+		}, "min(56vh, 420px)", "Fixed height of the dialog so it never jumps as results stream in.", "The dialog's locked height; capped at 420px on tall viewports."),
+		raw("5972b742-5d02-49e9-af3f-ccfc378c5d18", {
+			kind: "component",
+			component: "search-dialog",
+			property: "width"
+		}, "min(40rem, 92vw)", "Width of the dialog.", "The dialog's width; shrinks to 92vw on narrow viewports."),
+		raw("5cc879f2-d37e-4ef3-b6dc-1bac65095b77", {
+			kind: "component",
+			component: "search-dialog",
+			property: "border-radius"
+		}, "var(--noctis-radius-xl)", "Corner radius of the dialog.", "The rounding of the dialog's outer corners."),
+		raw("9cd198d3-302d-4840-b0b1-d202ec6b85b8", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "input",
+			property: "height"
+		}, "3rem", "Height of the search input row.", "The tap target of the query input; taller than a standard control for a command-bar feel."),
+		raw("f41eb94d-b389-442e-8c45-6172c4c5d6f7", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "result",
+			property: "padding-inline"
+		}, "0.625rem", "Inline padding of a result row.", "The horizontal inset of a result row's content."),
+		raw("a96b45bb-989d-48aa-9c6f-2c090e016d5a", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "result",
+			property: "padding-block"
+		}, "0.5rem", "Block padding of a result row.", "The vertical inset of a result row's content."),
+		raw("e2fc2d8c-8b30-4c96-ae5f-40a58343f384", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "result",
+			property: "border-radius"
+		}, "var(--noctis-radius-md)", "Corner radius of a result row's highlight.", "The rounding of the active/hovered row fill."),
+		raw("ff83219b-83f8-4b52-bcf2-d3477973e83d", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "result",
+			property: "gap"
+		}, "0.75rem", "Gap between a result row's icon and its text column.", "The spacing between the leading file icon and the title/excerpt column."),
+		aliased("50663a1d-5f25-4a18-a49b-e2f546701e44", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "result",
+			property: "background-color",
+			state: "highlighted"
+		}, { role: "selected" }, "Fill behind the active result row.", "The selection fill on the active row — the one the keyboard cursor or pointer is on; reads at a glance in both modes."),
+		aliased("5864a13d-f09a-4b10-ac37-3ec449a84430", {
+			kind: "component",
+			component: "search-dialog",
+			property: "transition-duration"
+		}, { raw: "var(--noctis-duration-overlay)" }, "Duration of the dialog's scale-fade enter/exit.", "How long the dialog takes to scale and fade in and out."),
+		raw("c97d3129-3930-4166-87ba-fcd7eb62daab", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "header",
+			property: "gap"
+		}, "var(--noctis-space-3)", "Gap between the header's icon, input, spinner, and Esc chip.", "The spacing between adjacent items in the search header row."),
+		raw("cef01f40-8c98-44d7-a30e-7d0d2d36af20", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "header",
+			property: "padding-inline"
+		}, "var(--noctis-space-4)", "Inline padding of the header row.", "The horizontal inset of the search header's content."),
+		raw("85e1c2b6-2181-4219-81b0-78e08068712a", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "esc-key",
+			property: "height"
+		}, "var(--noctis-size-control-xs)", "Height of the trailing Esc chip.", "The chip's height, on the smallest control step so it stays a hint, not a button."),
+		raw("82f1151d-ea3a-4660-958e-1f26342c971d", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "esc-key",
+			property: "border-radius"
+		}, "0.3em", "Corner radius of the Esc chip.", "The rounding of the Esc chip's corners — the tight keycap radius, matching the footer Kbd caps."),
+		raw("f0d667ae-a836-4940-9bc3-28fc95a4092f", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "esc-key",
+			property: "shadow"
+		}, "inset 0 0.07em 0 0 oklch(from var(--noctis-color-kbd) calc(l + 0.05) c h), inset 0 -0.09em 0 0 oklch(from var(--noctis-color-kbd) calc(l - 0.08) c h), 0 0.1em 0.12em -0.04em oklch(from var(--noctis-engine-shadow-color) l c h / 0.2)", "Depth shadow of the Esc chip.", "The layered keycap shadow that gives the Esc chip its raised, physical-key depth, matching the footer Kbd caps."),
+		raw("b4b54b50-7207-4ff8-b8fe-b1a87a6253dc", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "esc-key",
+			property: "padding-inline"
+		}, "var(--noctis-space-1\\.5)", "Inline padding of the Esc chip.", "The horizontal inset of the chip's label."),
+		raw("7739e514-46d1-4a69-af3e-70bb38ff51fd", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "results",
+			property: "gap"
+		}, "var(--noctis-space-px)", "Gap between result rows.", "The hairline spacing between adjacent rows in the results list."),
+		raw("2c27f37e-0f60-4fc9-883c-b28f934b7dc3", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "results",
+			property: "padding"
+		}, "var(--noctis-space-2)", "Padding around the results list.", "The inset between the scroll area's edge and its rows."),
+		raw("b590919b-b6e1-4758-9895-2e9604174db7", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "result-body",
+			property: "gap"
+		}, "var(--noctis-space-0\\.5)", "Gap between a result's title row and its excerpt.", "The vertical rhythm inside a result's text column."),
+		raw("4c5cfc47-2853-43de-8ab8-d22ee07ad6a0", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "result-title-row",
+			property: "gap"
+		}, "var(--noctis-space-3)", "Gap between a result's title and its trailing breadcrumb.", "The spacing keeping a row's title clear of the page path beside it."),
+		raw("68b4031c-4ffc-44e8-9522-626f3305410a", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "result-meta",
+			property: "gap"
+		}, "var(--noctis-space-1\\.5)", "Gap between a result's breadcrumb segments.", "The spacing between the trailing page-path pieces of a row."),
+		raw("0aa8a08e-cae4-46bf-adf3-92eb0e24abe0", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "result-mark",
+			property: "border-radius"
+		}, "var(--noctis-radius-xs)", "Corner radius of an excerpt's match highlight.", "The rounding of the `<mark>` pill behind a matched term."),
+		raw("8844e8f5-a63a-4006-bd58-c0758c90a34c", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "result-mark",
+			property: "padding-inline"
+		}, "var(--noctis-space-0\\.5)", "Inline padding of an excerpt's match highlight.", "The horizontal inset of the `<mark>` pill around a matched term."),
+		raw("f1ee64cd-7932-4233-bd8c-e0ecd2cdaa85", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "centered",
+			property: "padding-inline"
+		}, "var(--noctis-space-4)", "Inline padding of the centered empty/loading message.", "The horizontal inset of the message shell shown before results arrive."),
+		raw("2b656a19-197a-46fa-a491-90f1f6f5e28c", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "footer",
+			property: "gap"
+		}, "var(--noctis-space-4)", "Gap between the footer's keyboard hints.", "The spacing between adjacent hints in the footer row."),
+		raw("aeba8f89-ab73-41ac-879b-5dfbbda0d355", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "footer",
+			property: "padding-inline"
+		}, "var(--noctis-space-3)", "Inline padding of the footer row.", "The horizontal inset of the footer's hints."),
+		raw("2cee6405-5e0b-413e-8c40-21a4a98cb176", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "footer",
+			property: "padding-block"
+		}, "var(--noctis-space-2)", "Block padding of the footer row.", "The vertical inset of the footer's hints."),
+		raw("da302a5a-f7af-41a0-9853-b9bc947156e3", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "hint",
+			property: "gap"
+		}, "var(--noctis-space-1\\.5)", "Gap between a hint's keys and its label.", "The spacing between a footer hint's key cluster and its caption."),
+		raw("9d9fda2f-f3e3-47bf-bf43-77254d031876", {
+			kind: "component",
+			component: "search-dialog",
+			anatomy: "hint-keys",
+			property: "gap"
+		}, "var(--noctis-space-1)", "Gap between the keys inside a hint's key cluster.", "The spacing between adjacent key glyphs in a footer hint.")
+	]
+};
+const dialog = {
+	component: "dialog",
+	category: "overlays",
+	slotPrefix: "noctis",
+	anatomy: [
+		"dialog-trigger",
+		"dialog-backdrop",
+		"dialog-viewport",
+		"dialog-popup",
+		"dialog-close",
+		"dialog-header",
+		"dialog-body",
+		"dialog-footer",
+		"dialog-title",
+		"dialog-description"
+	],
+	options: { size: [
+		"sm",
+		"md",
+		"lg",
+		"full"
+	] },
+	states: [],
+	consumes: [],
+	optionSlots: { size: "dialog-popup" },
+	slotGroups: { region: [
+		"dialog-header",
+		"dialog-body",
+		"dialog-footer"
+	] },
+	mints: [
+		aliased("32aa7028-8016-4970-86dc-6d6b35f98d09", {
+			kind: "component",
+			component: "dialog",
+			anatomy: "popup",
+			property: "max-inline-size"
+		}, { raw: "32rem" }, "Cross-axis cap of the centered dialog — its maximum width.", "The widest the dialog grows to; size-keyed, and the seam a consumer retunes per region.", { size: {
+			sm: { raw: "24rem" },
+			md: { raw: "32rem" },
+			lg: { raw: "42rem" },
+			full: { raw: "none" }
+		} }),
+		aliased("e52fa585-5eb4-49bb-92bd-37f4ecff4f83", {
+			kind: "component",
+			component: "dialog",
+			anatomy: "popup",
+			property: "border-radius"
+		}, { raw: "var(--noctis-radius-lg)" }, "Corner radius of the dialog frame.", "The rounding of the dialog's outer corners; the large foundation step, capped so it stays a surface."),
+		aliased("b524e510-86f7-4d6b-b0a2-0ba6028e36bf", {
+			kind: "component",
+			component: "dialog",
+			anatomy: "region",
+			property: "padding"
+		}, { raw: "var(--noctis-space-region)" }, "Inset of the dialog's header, body, and footer regions.", "The padding inside each dialog region; aliases the shared region-padding scale."),
+		raw("e6bf0ccc-3938-4a75-a9ee-6d7ebda9edad", {
+			kind: "component",
+			component: "dialog",
+			anatomy: "header",
+			property: "gap"
+		}, "0.25rem", "Gap between the dialog title and its description.", "The vertical spacing stacking the header's title and description."),
+		raw("b31de04d-8654-4537-af4f-9811d55ae3cb", {
+			kind: "component",
+			component: "dialog",
+			anatomy: "header",
+			property: "gutter-gap"
+		}, "0.5rem", "Gap between the dialog header text and its corner action.", "The inline spacing reserving room for the close/action gutter beside the title column."),
+		raw("819dd47c-94ff-4e09-ab4e-2863ba77840d", {
+			kind: "component",
+			component: "dialog",
+			anatomy: "footer",
+			property: "gap"
+		}, "0.5rem", "Gap between the dialog's footer actions.", "The spacing between the footer's stacked or inline action buttons."),
+		raw("c10cabfe-d72a-4c70-8220-37f222078c08", {
+			kind: "component",
+			component: "dialog",
+			anatomy: "popup",
+			property: "min-inline-size"
+		}, "20rem", "Width floor of a small dialog.", "The narrowest a dialog gets so a `sm` panel stays readable."),
+		raw("9e01ef8d-2d14-4590-9051-6635399f341e", {
+			kind: "component",
+			component: "dialog",
+			anatomy: "popup",
+			property: "peek-scale"
+		}, "0.97", "Scale of a backgrounded dialog when a nested dialog opens over it.", "How far the back layer recedes so the stack reads as depth."),
+		raw("ffdf0356-3338-4deb-b48b-8681728a9ea5", {
+			kind: "component",
+			component: "dialog",
+			anatomy: "body",
+			property: "scroll-cue-start"
+		}, "linear-gradient(to bottom, var(--noctis-color-overlay), transparent)", "Shadow revealed at the dialog body's top edge when content is clipped above.", "The scroll-boundary cue fading in at the start edge of the scrollable body."),
+		raw("66160a1b-26ed-4a54-8732-9fc857dc662b", {
+			kind: "component",
+			component: "dialog",
+			anatomy: "body",
+			property: "scroll-cue-end"
+		}, "linear-gradient(to top, var(--noctis-color-overlay), transparent)", "Shadow revealed at the dialog body's bottom edge when content is clipped below.", "The scroll-boundary cue fading in at the end edge of the scrollable body."),
+		aliased("555c035d-8257-430a-982e-9e23fbc51df7", {
+			kind: "component",
+			component: "dialog",
+			anatomy: "popup",
+			property: "transition-duration"
+		}, { raw: "var(--noctis-duration-overlay)" }, "Duration of the dialog's scale-fade enter/exit.", "How long the dialog takes to scale and fade in and out.")
+	]
+};
+const colorPicker = {
+	component: "color-picker",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"color-picker-panel",
+		"color-picker-area",
+		"color-picker-area-thumb",
+		"color-picker-hue",
+		"color-picker-hue-thumb",
+		"color-picker-alpha",
+		"color-picker-alpha-thumb",
+		"color-picker-swatch",
+		"color-picker-eye-dropper",
+		"color-picker-format-tabs",
+		"color-picker-input"
+	],
+	options: {},
+	states: [],
+	consumes: [],
+	slotGroups: {
+		panel: ["color-picker-panel"],
+		"channel-row": ["color-picker-hue", "color-picker-alpha"],
+		"channel-thumb": ["color-picker-hue-thumb", "color-picker-alpha-thumb"],
+		"format-toggle": ["color-picker-format-tabs"]
+	},
+	mints: [
+		raw("cab7d5ec-6e92-4163-9454-b6e46e6eebea", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "panel",
+			property: "width"
+		}, "16rem", "Width of the picker card.", "The fixed width of the inline-panel card."),
+		raw("600b7461-4bfb-42a1-b403-eba082c1a038", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "panel",
+			property: "padding"
+		}, "0.75rem", "Inner padding of the picker card.", "The inset between the card edge and its controls."),
+		raw("1a1261f9-e404-4e1c-a6fa-c29653d6e7ce", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "panel",
+			property: "gap"
+		}, "0.75rem", "Gap between the picker card's stacked controls.", "The vertical rhythm between the field, rails, and input."),
+		raw("5f23bac2-989f-47db-adda-5c9d48607e42", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "panel",
+			property: "border-radius"
+		}, "var(--noctis-radius-md)", "Corner radius of the picker card.", "The radius of the inline-panel card."),
+		raw("84609f2a-6d8d-4ff5-8174-a9de08c393c8", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "area",
+			property: "height"
+		}, "11rem", "Height of the 2D saturation/brightness field.", "The vertical extent of the colour field; its width fills the card."),
+		raw("3ad7dc70-1d16-4cc5-862c-65918ba25616", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "area-thumb",
+			property: "size"
+		}, "1rem", "Size of the field's draggable thumb.", "The width and height of the saturation/brightness handle."),
+		raw("f1aae399-c35b-478a-b71b-3d716c87c662", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "hue",
+			property: "height"
+		}, "0.875rem", "Height of a slider rail (hue, and the alpha rail that aliases it).", "The thickness of the hue and alpha rails."),
+		aliased("540ed088-22dc-4517-b1ca-883e62fbb45c", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "alpha",
+			property: "height"
+		}, { raw: "0.875rem" }, "Height of the alpha rail.", "The thickness of the alpha rail; the same rail height as the hue rail so the two stay matched."),
+		aliased("21285101-e306-43ed-a5fc-fd48e7acafc1", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "swatch",
+			property: "size"
+		}, { raw: "var(--noctis-size-control-sm)" }, "Size of the live preview swatch inside the card.", "The width and height of the preview swatch; the small control size."),
+		raw("4565ac71-7f51-4680-beb5-b9b162417be9", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "input",
+			property: "height"
+		}, "var(--noctis-size-control-md)", "Height of the colour value input.", "The height of the text field that reads and writes the colour."),
+		raw("d4d7951e-196f-4685-8aa1-7265bdebd10d", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "area",
+			property: "border-radius"
+		}, "var(--noctis-radius-sm)", "Corner radius of the 2D saturation/brightness field.", "The rounding of the colour field's corners."),
+		raw("35b6c070-3ac2-453f-8a2c-c63c60b3a5c3", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "area-thumb",
+			property: "border-width"
+		}, "2px", "Border width of the field's draggable thumb.", "The white inner border fencing the saturation/brightness handle off the field."),
+		raw("92eeb98d-184c-4e05-8e86-6566177717ad", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "area-thumb",
+			property: "ring-width"
+		}, "1px", "Ring width of the field's draggable thumb.", "The dark outer ring keeping the handle legible on light hues."),
+		raw("8b16f238-0f1a-471f-ac73-83318bf5b84a", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "channel-row",
+			property: "height"
+		}, "var(--noctis-space-5)", "Height of a channel slider row — shared by the hue and alpha rails.", "The hit-target height of a rail row; the visible track is thinner and centres inside it."),
+		raw("e040c1ee-7e17-4d0e-961e-2f970eeb77d8", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "channel-thumb",
+			property: "size"
+		}, "var(--noctis-space-4)", "Size of a channel slider's thumb — shared by the hue and alpha rails.", "The width and height of the colour-filled disc riding a rail."),
+		raw("84fd60f0-7ea1-4dfb-9064-17a279a333ad", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "swatch",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Corner radius of the live preview swatch.", "The rounding of the preview swatch inside the card; follows the radius knob uncapped."),
+		aliased("5617dcf8-966c-4da3-a733-b0978b57ebd3", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "swatch",
+			property: "border-color"
+		}, { role: "border" }, "Border colour of the live preview swatch.", "The hairline fencing the preview swatch off whatever colour it shows."),
+		raw("fc715b2d-f55b-451a-928d-d3bdd4c53687", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "format-tabs",
+			property: "gap"
+		}, "var(--noctis-space-0\\.5)", "Gap between the format toggle buttons.", "The spacing between adjacent toggles in the format strip."),
+		raw("bdf0470f-dd07-4c9b-9cf1-22e86d0a4243", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "format-tabs",
+			property: "padding"
+		}, "var(--noctis-space-0\\.5)", "Padding around the format toggle strip.", "The inset between the strip's track and its toggles."),
+		raw("41dfcb49-5aa6-4c42-9bd8-6a448997067c", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "format-tabs",
+			property: "border-radius"
+		}, "var(--noctis-radius-sm)", "Corner radius of the format toggle strip.", "The rounding of the track holding the format toggles."),
+		raw("07b31600-43b6-4ba6-911f-b511c5fe5390", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "format-toggle",
+			property: "border-radius"
+		}, "var(--noctis-radius-xs)", "Corner radius of a format toggle button.", "The rounding of a single toggle inside the strip; a step tighter than the track."),
+		raw("c07774cc-ab88-4e01-bf52-e055d2a42dd4", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "format-toggle",
+			property: "padding-inline"
+		}, "var(--noctis-space-2)", "Inline padding of a format toggle button.", "The horizontal inset of a toggle's label."),
+		raw("a1fe2b3d-503b-4c8b-b438-1422470fbeb2", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "format-toggle",
+			property: "padding-block"
+		}, "var(--noctis-space-1)", "Block padding of a format toggle button.", "The vertical inset of a toggle's label."),
+		raw("e6f66663-bb3f-4e79-bd12-95f5b5b30b2b", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "input",
+			property: "border-radius"
+		}, "var(--noctis-radius-sm)", "Corner radius of the colour value input.", "The rounding of the text field that reads and writes the colour."),
+		raw("15517a6e-27ae-4523-a108-ade7ddfc6d0b", {
+			kind: "component",
+			component: "color-picker",
+			anatomy: "input",
+			property: "padding-inline"
+		}, "var(--noctis-space-2)", "Inline padding of the colour value input.", "The horizontal inset of the input's text.")
+	]
+};
+const otpField = {
+	component: "otp-field",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"otp-field",
+		"otp-field-input",
+		"otp-field-separator"
+	],
+	options: { size: ["md", "lg"] },
+	states: [],
+	consumes: [],
+	optionSlots: { size: "otp-field" },
+	mints: [
+		raw("2f176e3a-3a80-45d1-8817-8e8c832db202", {
+			kind: "component",
+			component: "otp-field",
+			property: "gap"
+		}, "0.5rem", "Gap between the OTP slot cells.", "The spacing between adjacent character cells in an OTP field."),
+		aliased("8f5ec28f-8210-4cae-8ecb-b35a1322284e", {
+			kind: "component",
+			component: "otp-field",
+			anatomy: "input",
+			property: "block-size"
+		}, { raw: "var(--noctis-size-control-md)" }, "Height of an OTP slot cell.", "The height of a single character cell; follows the control-height ladder per size.", { size: { lg: { raw: "var(--noctis-size-control-lg)" } } }),
+		aliased("20b98dc7-c5ae-42d6-b2b4-f97b8bf02efa", {
+			kind: "component",
+			component: "otp-field",
+			anatomy: "input",
+			property: "inline-size"
+		}, { raw: "var(--noctis-size-control-md)" }, "Width of an OTP slot cell.", "The width of a single character cell; tracks the cell height for a square 1:1 slot. Minted separately from the height so it can be overridden for a narrower cell without touching the height.", { size: { lg: { raw: "var(--noctis-size-control-lg)" } } }),
+		aliased("ddc3c35b-384c-4444-acdb-05428f1e466a", {
+			kind: "component",
+			component: "otp-field",
+			anatomy: "input",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-regular)" }, "Font size of the character in an OTP slot cell.", "The size of the digit/character rendered in a cell; follows the text scale per size.", { size: { lg: { raw: "var(--noctis-text-large)" } } }),
+		raw("8bf999ab-b69d-4f41-8c2f-07dd2dadc1c0", {
+			kind: "component",
+			component: "otp-field",
+			anatomy: "input",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Corner radius of an OTP slot cell.", "The rounding of a single character cell; follows the radius knob like other controls."),
+		raw("a1c4e7f2-9b3d-4e6a-8c12-5f7d9e2a4b60", {
+			kind: "component",
+			component: "otp-field",
+			anatomy: "input",
+			property: "ring-width"
+		}, "var(--noctis-size-focus-ring-width)", "Focus-ring width of the active OTP slot cell.", "The spread of the single-layer box-shadow ring drawn on the focused cell; aligns the cell's ring seam with the fields family (color-swatch's `ring-width`), kept flush — no offset — because an offset ring reads noisy on adjacent gapped cells."),
+		raw("b2d5f8a3-1c4e-4f7b-9d23-6a8e0f3b5c71", {
+			kind: "component",
+			component: "otp-field",
+			anatomy: "separator",
+			property: "size"
+		}, "1rem", "Length of the group separator bar.", "Height of the thin divider drawn between OTP cell groups (the `123-456` grouping); about 40% of a cell, centred between the groups.")
+	]
+};
+/**
+* A single-select control: a `radio-group` of circular `radio` boxes, each holding a `radio-indicator`
+* dot. The box is a sharp-cornered exception — `rounded-full` for a true circle — with an accent border
+* and dot in the checked state and the focus-ring outline on keyboard focus. The minted seam is the box
+* edge, its border width and radius, the dot edge, and the group gap; the box edge and dot edge re-point
+* per the `size` axis the box stamps as `data-size`.
+*/
+const radio = {
+	component: "radio",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"radio-group",
+		"radio",
+		"radio-indicator",
+		"radio-field",
+		"radio-label",
+		"radio-description",
+		"radio-card"
+	],
+	options: {
+		size: [
+			"sm",
+			"md",
+			"lg"
+		],
+		orientation: ["vertical", "horizontal"]
+	},
+	states: [
+		"checked",
+		"disabled",
+		"focus"
+	],
+	consumes: [],
+	optionSlots: {
+		size: "radio",
+		orientation: "radio-group"
+	},
+	mints: [
+		aliased("df09ca71-5b65-4fa4-af15-c7dca7c99c67", {
+			kind: "component",
+			component: "radio",
+			property: "size"
+		}, { raw: "1.125rem" }, "Edge length of a radio box.", "The width and height of the circular radio control; `md` by default, `sm` for dense rows, `lg` for cards and touch.", { size: {
+			sm: { raw: "1rem" },
+			lg: { raw: "1.25rem" }
+		} }),
+		raw("cdba26a5-eb83-419f-aae4-b439fdc89905", {
+			kind: "component",
+			component: "radio",
+			property: "border-width"
+		}, "1px", "Border width of a radio box.", "The hairline that outlines an unchecked radio; thickens to the accent border when checked."),
+		raw("ad1ba065-7b00-40c7-a067-737dab52f60a", {
+			kind: "component",
+			component: "radio",
+			property: "border-radius"
+		}, "9999px", "Corner radius of a radio box.", "A radio is a genuine circle, so it stays fully round regardless of the radius knob."),
+		aliased("fc8d4315-bfd8-442b-8166-15ada9e5ae07", {
+			kind: "component",
+			component: "radio",
+			anatomy: "indicator",
+			property: "size"
+		}, { raw: "0.5rem" }, "Edge length of the radio dot.", "The accent dot shown inside a checked radio; re-points per the `size` axis to stay proportional.", { size: {
+			sm: { raw: "0.375rem" },
+			lg: { raw: "0.625rem" }
+		} }),
+		raw("3f3d3772-9190-44c5-b242-03973f135952", {
+			kind: "component",
+			component: "radio",
+			anatomy: "group",
+			property: "gap"
+		}, "0.625rem", "Gap between radios in a group.", "The spacing between adjacent radios in a group, in either orientation."),
+		raw("b1d4a7e2-3c6f-4e90-9a2d-7f5c4e8b1a06", {
+			kind: "component",
+			component: "radio",
+			anatomy: "field",
+			property: "gap"
+		}, "0.5rem", "Gap between the radio box and its label in a field row.", "The inline spacing between the box and the label inside `Radio.Field`, mirroring `Checkbox.Field`."),
+		raw("f51d6121-63dd-41a1-ad3e-cb5732f57ae9", {
+			kind: "component",
+			component: "radio",
+			anatomy: "description",
+			property: "gap"
+		}, "0.25rem", "Gap between a radio's label and its description.", "The block spacing between a radio row's label and its helper text in `Radio.Description`."),
+		raw("cd34344b-5975-4a05-8a73-eeeb40823bb9", {
+			kind: "component",
+			component: "radio",
+			anatomy: "card",
+			property: "padding"
+		}, "0.75rem", "Inset of a radio card's content from its border.", "The padding inside the selectable `Radio.Card` target, between its border and the radio + label.")
+	]
+};
+/**
+* The avatar mints its box edge and its initials type, both retuned per the `size` axis (`xs`…`xl`),
+* plus the corner radius the `square` shape reads (the default `circle` shape is the literal
+* `--noctis-radius-full` extreme, never minted). Avatars are static-identity and accent-independent:
+* the fallback fill is a `--noctis-color-avatar-N` role chosen by a stable hash, so it carries its own
+* light/dark values and never re-themes on the accent. Its sizes are a deliberate own scale (not the
+* control-height ladder) — an avatar is an image footprint, not a control.
+*/
+const avatar = {
+	component: "avatar",
+	category: "data",
+	slotPrefix: "noctis",
+	anatomy: [
+		"avatar",
+		"avatar-image",
+		"avatar-fallback",
+		"avatar-indicator",
+		"avatar-skeleton",
+		"avatar-group"
+	],
+	options: {
+		size: [
+			"2xs",
+			"xs",
+			"sm",
+			"md",
+			"lg",
+			"xl"
+		],
+		shape: ["circle", "rounded"],
+		spacing: ["tight", "cozy"]
+	},
+	states: [],
+	consumes: [],
+	optionSlots: {
+		size: "avatar",
+		shape: "avatar",
+		spacing: "avatar-group"
+	},
+	mints: [
+		aliased("cfaab165-a64f-4caa-966e-dc5652317708", {
+			kind: "component",
+			component: "avatar",
+			property: "size"
+		}, { raw: "2.5rem" }, "Edge length of the avatar — its width and height.", "The footprint of an avatar per size step; an own scale, not the control-height ladder.", { size: {
+			"2xs": { raw: "1.25rem" },
+			xs: { raw: "1.5rem" },
+			sm: { raw: "2rem" },
+			lg: { raw: "3rem" },
+			xl: { raw: "4rem" }
+		} }),
+		aliased("57b85114-7cef-468f-aa27-e22a8c2e8365", {
+			kind: "component",
+			component: "avatar",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-small)" }, "Initials type size in the fallback.", "The font size of the initials shown when no image loads, per size step.", { size: {
+			"2xs": { raw: "var(--noctis-text-mini)" },
+			xs: { raw: "var(--noctis-text-mini)" },
+			sm: { raw: "var(--noctis-text-mini)" },
+			lg: { raw: "var(--noctis-text-regular)" },
+			xl: { raw: "var(--noctis-text-large)" }
+		} }),
+		raw("aae1e8f4-c5f2-4e00-af99-b4b63556cdbe", {
+			kind: "component",
+			component: "avatar",
+			property: "border-radius"
+		}, "var(--noctis-radius-md)", "Corner radius of a `rounded` avatar.", "The rounding of the rounded shape; follows the radius knob on the capped md step. The default circle shape stays the literal full-round extreme."),
+		raw("94062749-9a88-45cf-96f6-5ff60798278b", {
+			kind: "component",
+			component: "avatar",
+			property: "ring-width"
+		}, "1px", "Hairline ring width separating an avatar from its surface or its neighbours.", "The box-shadow ring drawn on a `ring`-flagged avatar and on every child of an avatar group."),
+		raw("70e504d7-7c57-410b-9f95-0d156b16f4c9", {
+			kind: "component",
+			component: "avatar",
+			property: "ring-offset-width"
+		}, "2px", "Canvas-coloured gap between an avatar and its separating / selection ring.", "The offset that sets the group separating ring (and the account selection ring) off the avatar so each reads against the next; mirrors color-swatch's ring offset."),
+		aliased("bec30dcf-d9f0-4b72-b17e-4d4a49d0abef", {
+			kind: "component",
+			component: "avatar",
+			property: "group-overlap"
+		}, { raw: "0.625rem" }, "Inline overlap between stacked avatars in a group.", "The amount each avatar in a group slides under its predecessor (applied as a negative inline margin), per size; set on every avatar so a grouped child reads its own size's overlap, and the `cozy`/`tight` spacing axis scales it in CSS.", { size: {
+			"2xs": { raw: "0.3125rem" },
+			xs: { raw: "0.375rem" },
+			sm: { raw: "0.5rem" },
+			lg: { raw: "0.75rem" },
+			xl: { raw: "1rem" }
+		} }),
+		aliased("0cbfaf25-03c8-40f7-ba31-2aeae85a70e2", {
+			kind: "component",
+			component: "avatar",
+			anatomy: "group",
+			property: "ring-color"
+		}, { role: "background" }, "Canvas-coloured separating ring on grouped avatars.", "The colour of the gap ring between overlapping avatars (and behind a corner indicator) so each reads against the next; the page canvas, not a new role."),
+		aliased("ddb85396-6f7b-48b1-ba12-f4f9b8eaa174", {
+			kind: "component",
+			component: "avatar",
+			anatomy: "indicator",
+			property: "size"
+		}, { raw: "0.75rem" }, "Edge length of the corner presence/status dot.", "The diameter of the indicator badge, per avatar size step so the dot scales with the box.", { size: {
+			"2xs": { raw: "0.375rem" },
+			xs: { raw: "0.5rem" },
+			sm: { raw: "0.625rem" },
+			lg: { raw: "0.875rem" },
+			xl: { raw: "1rem" }
+		} }),
+		raw("da63849e-6e91-4bd2-bf4d-fd3a1fa62e2a", {
+			kind: "component",
+			component: "avatar",
+			anatomy: "indicator",
+			property: "inset"
+		}, "0px", "Corner inset of the presence/status indicator.", "How far the indicator is pulled in from the avatar's corner (logical); zero sits it flush against the edge, where the round box curves away from it.")
+	]
+};
+const colorSwatch = {
+	component: "color-swatch",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"color-swatch",
+		"color-swatch-picker",
+		"color-swatch-picker-item"
+	],
+	options: { size: [
+		"xs",
+		"sm",
+		"md",
+		"lg"
+	] },
+	states: [],
+	consumes: [],
+	optionSlots: { size: "color-swatch" },
+	mints: [
+		aliased("7db0ae30-1b8f-4a95-a096-a2f581f2f4b4", {
+			kind: "component",
+			component: "color-swatch",
+			property: "size"
+		}, { raw: "var(--noctis-size-control-md)" }, "Edge length of a colour swatch.", "The width and height of a swatch chip; follows the control-height ladder per size.", { size: {
+			xs: { raw: "var(--noctis-size-control-xs)" },
+			sm: { raw: "var(--noctis-size-control-sm)" },
+			lg: { raw: "var(--noctis-size-control-lg)" }
+		} }),
+		raw("30bcaea9-44b7-49f8-9673-cdc2231769a8", {
+			kind: "component",
+			component: "color-swatch",
+			anatomy: "picker",
+			property: "gap"
+		}, "0.5rem", "Gap between swatches in a picker grid.", "The spacing between adjacent swatches in a swatch picker."),
+		raw("4352ea5f-2cb5-4496-a509-6112bde9f95e", {
+			kind: "component",
+			component: "color-swatch",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Corner radius of a `control`-shaped swatch chip.", "The default chip rounding; follows the radius knob uncapped. The `none` and `full` shapes stay literal extremes."),
+		raw("1d6f88b8-72bf-4706-af3f-74a534f7dd2d", {
+			kind: "component",
+			component: "color-swatch",
+			property: "border-radius-soft"
+		}, "var(--noctis-radius-sm)", "Corner radius of a `soft`-shaped swatch chip.", "The gentler rounding option; follows the radius knob on the capped sm step."),
+		raw("7d8d6e43-82bf-4192-9d91-341fc8a354ac", {
+			kind: "component",
+			component: "color-swatch",
+			anatomy: "picker-item",
+			property: "ring-width"
+		}, "2px", "Ring width of a checked picker swatch.", "The accent selection ring drawn around the chosen swatch in a picker."),
+		raw("4649acc0-e151-4196-b86d-3ffb5b18b708", {
+			kind: "component",
+			component: "color-swatch",
+			anatomy: "picker-item",
+			property: "ring-offset-width"
+		}, "2px", "Ring offset of a checked picker swatch.", "The canvas-coloured gap between the chosen swatch and its selection ring."),
+		raw("b7e9c1a4-3f02-4d6e-9a18-6c0b2f5e8d31", {
+			kind: "component",
+			component: "color-swatch",
+			anatomy: "picker-item",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Corner radius of a `control`-shaped picker swatch.", "Mirrors the chip's control rounding on the picker item itself, so the checked selection ring follows the swatch shape."),
+		raw("c8f0d2b5-4019-4e7f-8b29-7d1c3a6f9e42", {
+			kind: "component",
+			component: "color-swatch",
+			anatomy: "picker-item",
+			property: "border-radius-soft"
+		}, "var(--noctis-radius-sm)", "Corner radius of a `soft`-shaped picker swatch.", "Mirrors the chip's soft rounding on the picker item itself, so the checked selection ring follows the swatch shape.")
+	]
+};
+const slider = {
+	component: "slider",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"slider",
+		"slider-header",
+		"slider-label",
+		"slider-value",
+		"slider-control",
+		"slider-track",
+		"slider-indicator",
+		"slider-thumb",
+		"slider-thumb-value",
+		"slider-marks",
+		"slider-mark",
+		"slider-mark-label"
+	],
+	options: { size: ["sm", "md"] },
+	states: [],
+	consumes: [],
+	optionSlots: { size: "slider" },
+	slotGroups: { root: ["slider"] },
+	mints: [
+		raw("529e5583-27e2-4374-870c-89839e013ba6", {
+			kind: "component",
+			component: "slider",
+			anatomy: "root",
+			property: "gap"
+		}, "var(--noctis-space-2)", "Gap between the slider's label/value row and its control.", "The vertical rhythm the root stack holds between the optional label/value header and the rail."),
+		aliased("e0e7d6ee-bcd1-47c4-8a9a-2706e528f4d8", {
+			kind: "component",
+			component: "slider",
+			anatomy: "control",
+			property: "block-size"
+		}, { raw: "var(--noctis-size-control-md)" }, "Height of the interactive control row.", "The pointer hit-area the rail and thumbs sit centred within, per size; the rail itself is thinner.", { size: { sm: { raw: "var(--noctis-size-control-sm)" } } }),
+		aliased("db7065dc-a80c-48cd-a073-b7ccc626c698", {
+			kind: "component",
+			component: "slider",
+			anatomy: "track",
+			property: "block-size"
+		}, { raw: "0.375rem" }, "Thickness of the rail the indicator fills.", "The block size of the sunken track, per size; a bespoke rail metric (no foundation size step matches a track this thin).", { size: { sm: { raw: "0.25rem" } } }),
+		raw("e821f1fa-999a-4ef5-a2bb-4dfbfa211730", {
+			kind: "component",
+			component: "slider",
+			anatomy: "track",
+			property: "border-radius"
+		}, "var(--noctis-radius-full)", "Corner radius of the rail and its fill.", "The rounding of the sunken track and the indicator fill; the genuine-circle `radius-full` token gives the rail its pill ends (the thumb reads the same token for its disc)."),
+		aliased("5741d4c2-29f2-4c4c-8e97-69c282046c52", {
+			kind: "component",
+			component: "slider",
+			anatomy: "track",
+			property: "background-color"
+		}, { role: "well" }, "Fill of the unfilled rail.", "The recessed track colour behind the indicator; the surface-adaptive `well` overlay, so the rail stays visible on any surface (a `sunken` rail collapses on a sunken or dark backdrop)."),
+		aliased("751b7ae3-05cf-4920-8a9e-7d93a972f71e", {
+			kind: "component",
+			component: "slider",
+			anatomy: "indicator",
+			property: "background-color"
+		}, { role: "accent" }, "Fill of the filled portion of the rail.", "The indicator colour — the accent signals the selected value (or range) up to the thumb."),
+		aliased("58754a66-87f9-40bb-8b25-affdec3edcca", {
+			kind: "component",
+			component: "slider",
+			anatomy: "thumb",
+			property: "size"
+		}, { raw: "1.125rem" }, "Diameter of a draggable thumb.", "The width and height of a handle, per size; a bespoke control metric (no foundation size step matches the disc diameter).", { size: { sm: { raw: "0.875rem" } } }),
+		raw("a9772869-592a-4f12-ab1e-43db5769bc98", {
+			kind: "component",
+			component: "slider",
+			anatomy: "thumb",
+			property: "border-width"
+		}, "2px", "Border width of a thumb.", "The ring of background colour around a thumb that sets it off from the rail beneath it; a bespoke hairline (no foundation border step matches)."),
+		raw("28943965-d2db-4379-b6d9-3699f63dc824", {
+			kind: "component",
+			component: "slider",
+			anatomy: "thumb",
+			property: "outline-width"
+		}, "3px", "Thickness of the soft focus halo outside the thumb's focus ring.", "The accent glow drawn beyond the crisp focus ring when a thumb is focused (mirrors the switch's layered ring)."),
+		aliased("0d4d123c-c584-470c-849e-e5036b825742", {
+			kind: "component",
+			component: "slider",
+			anatomy: "thumb-value",
+			property: "background-color"
+		}, { role: "inverse" }, "Fill of the drag value bubble.", "The background of the optional `Slider.ThumbValue` readout; the inverse role reads on any surface and never borrows the accent (which stays the fill's signal)."),
+		aliased("f3bb30a6-f0ac-4809-8165-16af35b0233d", {
+			kind: "component",
+			component: "slider",
+			anatomy: "thumb-value",
+			property: "color"
+		}, { role: "inverse-foreground" }, "Text colour of the drag value bubble.", "The foreground of the `Slider.ThumbValue` readout, paired with its inverse fill."),
+		raw("054c3f3f-aefd-4600-bc33-3c681a9b2732", {
+			kind: "component",
+			component: "slider",
+			anatomy: "thumb-value",
+			property: "gap"
+		}, "0.5rem", "Offset of the drag value bubble above the thumb.", "The gap between the thumb and the readout floating above it; keeps the value clear of the finger on touch."),
+		raw("f06340eb-9bcb-42f2-abed-99b0b8bff784", {
+			kind: "component",
+			component: "slider",
+			anatomy: "mark",
+			property: "size"
+		}, "2px", "Thickness of a step mark.", "The width of a sharp `Slider.Mark` tick (its block thickness when the slider is vertical)."),
+		aliased("654fc774-cac2-4702-81e7-f4f30bcbb219", {
+			kind: "component",
+			component: "slider",
+			anatomy: "mark",
+			property: "background-color"
+		}, { role: "border" }, "Colour of an unpassed step mark.", "A tick the value has not yet reached reads in the neutral `border` role; ticks the value has passed switch to the accent (the fill's signal) in CSS.")
+	]
+};
+const checkbox = {
+	component: "checkbox",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"checkbox",
+		"checkbox-indicator",
+		"checkbox-group",
+		"checkbox-field",
+		"checkbox-label"
+	],
+	options: {
+		size: [
+			"sm",
+			"md",
+			"lg"
+		],
+		orientation: ["vertical", "horizontal"]
+	},
+	states: [
+		"checked",
+		"disabled",
+		"focus"
+	],
+	consumes: [],
+	optionSlots: {
+		size: "checkbox",
+		orientation: "checkbox-group"
+	},
+	mints: [
+		aliased("ed97d891-867d-4308-8790-c805f1a60d91", {
+			kind: "component",
+			component: "checkbox",
+			property: "size"
+		}, { raw: "1.125rem" }, "Edge length of the checkbox box.", "The width and height of the square box; re-points per size (sm 1rem / md 1.125rem / lg 1.25rem).", { size: {
+			sm: { raw: "1rem" },
+			lg: { raw: "1.25rem" }
+		} }),
+		raw("91e69791-22ad-41e2-8f11-16e976b8949f", {
+			kind: "component",
+			component: "checkbox",
+			property: "border-radius"
+		}, "var(--noctis-radius-xs)", "Corner radius of the checkbox box.", "The rounding of the box's corners; follows the radius knob on the capped xs step."),
+		raw("bf4378a5-fb55-43b0-b340-8387a0837d6b", {
+			kind: "component",
+			component: "checkbox",
+			property: "border-width"
+		}, "1px", "Border width of the checkbox box.", "The hairline outlining the unchecked box."),
+		raw("5ed08efe-52f0-4efc-956b-470a7182d1ac", {
+			kind: "component",
+			component: "checkbox",
+			property: "hit-area"
+		}, "1.5rem", "Minimum tappable target size around the box.", "The edge length of the invisible hit area centred over the box, so every size clears the 24px touch-target minimum without shifting layout."),
+		aliased("a25a518b-41e4-4863-8b8a-b62d36bb9db0", {
+			kind: "component",
+			component: "checkbox",
+			anatomy: "indicator",
+			property: "size"
+		}, { raw: "0.875rem" }, "Edge length of the indicator glyph.", "The width and height of the check / indeterminate glyph; re-points per size to sit inside the box.", { size: {
+			sm: { raw: "0.75rem" },
+			lg: { raw: "1rem" }
+		} }),
+		raw("b96c37aa-373a-4ff8-b90c-7b4a9a35041e", {
+			kind: "component",
+			component: "checkbox",
+			anatomy: "field",
+			property: "gap"
+		}, "0.5rem", "Gap between the box and its label in a field row.", "The inline spacing between the box and the label inside `Checkbox.Field`."),
+		raw("69a56c2e-1b12-41fd-accb-ce0300e5a070", {
+			kind: "component",
+			component: "checkbox",
+			anatomy: "group",
+			property: "gap"
+		}, "0.625rem", "Gap between checkboxes in a group.", "The spacing between adjacent checkbox rows in a `CheckboxGroup`.")
+	]
+};
+/**
+* Switch is a Root track plus a Thumb. The minted seam covers the track geometry (a bespoke compact
+* scale — the track is shorter than a control, so its block/inline sizes are fractions of the
+* `control-xs` rung, re-pointed per `sm`/`md`/`lg`), the framing padding and border
+* width, the thumb diameter, the touch-area cover that keeps the compact sizes tappable, the focus
+* halo, the slide's motion duration, and the track/thumb colours (aliasing the `field`/`accent`/
+* `foreground` roles, re-pointed for the checked signal). The `size` axis stamps `data-size` on the
+* root track; the thumb and its travel re-point off that ancestor compound.
+*/
+const switchControl = {
+	component: "switch",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"switch",
+		"switch-thumb",
+		"switch-field",
+		"switch-label"
+	],
+	options: { size: [
+		"sm",
+		"md",
+		"lg"
+	] },
+	states: [
+		"checked",
+		"disabled",
+		"focus"
+	],
+	consumes: [],
+	optionSlots: { size: "switch" },
+	mints: [
+		aliased("d5686475-b050-4388-a6ce-1e56fff2897c", {
+			kind: "component",
+			component: "switch",
+			property: "block-size"
+		}, { raw: "var(--noctis-size-control-xs)" }, "Track height of a switch.", "The block size of the switch track; a compact fraction of the control ladder, smaller at `sm` and larger at `lg`.", { size: {
+			sm: { raw: "calc(var(--noctis-size-control-xs) * 0.8)" },
+			lg: { raw: "calc(var(--noctis-size-control-xs) * 1.2)" }
+		} }),
+		aliased("5e2888c0-a470-4775-af42-6fb58ac2b21e", {
+			kind: "component",
+			component: "switch",
+			property: "inline-size"
+		}, { raw: "calc(var(--noctis-size-control-xs) * 1.8)" }, "Track width of a switch.", "The inline size of the switch track; sized so the thumb travels a clear gap between off and on.", { size: {
+			sm: { raw: "calc(var(--noctis-size-control-xs) * 1.4)" },
+			lg: { raw: "calc(var(--noctis-size-control-xs) * 2.2)" }
+		} }),
+		raw("2d6d8360-c527-4a28-9012-18b8231e785c", {
+			kind: "component",
+			component: "switch",
+			property: "padding"
+		}, "2px", "Inset framing the thumb inside the track.", "The padding between the track edge and the thumb at rest; also the thumb's travel inset."),
+		raw("b6656354-bebb-4516-b39b-7909dfbe72f5", {
+			kind: "component",
+			component: "switch",
+			property: "border-width"
+		}, "1px", "Border width of the switch track.", "The hairline around the track; also subtracted from the thumb's travel so it stays inside the border."),
+		aliased("1dd7de91-d611-4100-a19d-5978d91bbf17", {
+			kind: "component",
+			component: "switch",
+			anatomy: "thumb",
+			property: "size"
+		}, { raw: "calc(var(--noctis-size-control-xs) * 0.7)" }, "Diameter of the switch thumb.", "The height of the round thumb; the track height minus twice the framing padding and border.", { size: {
+			sm: { raw: "calc(var(--noctis-size-control-xs) * 0.5)" },
+			lg: { raw: "calc(var(--noctis-size-control-xs) * 0.9)" }
+		} }),
+		raw("cf3c0b94-6dc3-4e8d-8a4d-5d2c95e47627", {
+			kind: "component",
+			component: "switch",
+			property: "inset"
+		}, "6px", "Touch-area cover extending the tap target past the track edge.", "How far the invisible hit area reaches beyond every track edge, keeping the compact sizes tappable."),
+		raw("509fddbb-142d-42e8-80e8-5e3d57622c32", {
+			kind: "component",
+			component: "switch",
+			property: "outline-width"
+		}, "3px", "Thickness of the soft focus halo outside the focus ring.", "The accent glow drawn beyond the crisp focus ring when the switch is focused."),
+		raw("d18eceb3-aabb-40d8-b790-783b254a21e9", {
+			kind: "component",
+			component: "switch",
+			property: "transition-duration"
+		}, "var(--noctis-duration-quick)", "Duration of the thumb-slide and track-colour transition.", "How long the thumb takes to slide between off and on; honoured only when motion is allowed."),
+		aliased("1d49b75b-cb6d-4543-9ae9-acf8233ffc30", {
+			kind: "component",
+			component: "switch",
+			property: "background-color"
+		}, { role: "well" }, "Track fill when the switch is off.", "The unchecked track background; the surface-adaptive `well` overlay so the off pill stays visible on any surface (a `control` fill collapses on a control-toned bed), paired with the `border-strong` hairline."),
+		aliased("69c5b983-0741-4cff-abf7-9b1f3649c843", {
+			kind: "component",
+			component: "switch",
+			property: "background-color",
+			state: "checked"
+		}, { role: "accent" }, "Track fill when the switch is on.", "The checked track background; the `accent` signal by default."),
+		aliased("44a9be61-78bd-4c00-bf2b-bc3dcad2cc71", {
+			kind: "component",
+			component: "switch",
+			property: "border-color"
+		}, { role: "border-strong" }, "Track border when the switch is off.", "The unchecked track hairline colour; the load-bearing `border-strong` outline so the off pill stays delimited on any surface (the faint `field-border` collapses on a matching bed)."),
+		aliased("40589e34-ceb5-46a3-9618-53f384393dd1", {
+			kind: "component",
+			component: "switch",
+			property: "border-color",
+			state: "checked"
+		}, { role: "accent" }, "Track border when the switch is on.", "The checked track hairline colour; matches the `accent` fill by default."),
+		aliased("42a0d87f-f49a-42ec-b4fc-848ed75663f1", {
+			kind: "component",
+			component: "switch",
+			anatomy: "thumb",
+			property: "background-color"
+		}, { role: "accent-foreground" }, "Thumb fill when the switch is off.", "The knob colour; the `accent-foreground` knockout, a near-white that stays light in both themes."),
+		aliased("520a93ee-2c88-4eb6-a94a-3ad2b45ed598", {
+			kind: "component",
+			component: "switch",
+			anatomy: "thumb",
+			property: "background-color",
+			state: "checked"
+		}, { role: "accent-foreground" }, "Thumb fill when the switch is on.", "The knob colour when checked; the same `accent-foreground` knockout, so the knob never inverts."),
+		raw("8dbf6d74-0d88-4036-865f-27f19071a1a5", {
+			kind: "component",
+			component: "switch",
+			anatomy: "field",
+			property: "gap"
+		}, "0.75rem", "Gap between a switch and its label in a field row.", "The spacing between the track and its label inside `Switch.Field`.")
+	]
+};
+/**
+* The icon primitive mints its size token, retuned per the `size` axis: one `--noctis-icon-size`
+* seam whose default is the `md` edge and whose other steps re-point under the `data-size` the root
+* `noctis-icon` slot stamps — the same shape as Button's height. Each step aliases the spacing foundation
+* the old `size-*` utility rendered, so a glyph's edge length still follows the density knob.
+*/
+const progress = {
+	component: "progress",
+	category: "data",
+	slotPrefix: "noctis",
+	anatomy: [
+		"progress",
+		"progress-track",
+		"progress-indicator",
+		"progress-label",
+		"progress-value"
+	],
+	options: {
+		tone: [
+			"neutral",
+			"success",
+			"warning",
+			"danger"
+		],
+		size: ["sm", "md"],
+		labels: ["top", "side"]
+	},
+	states: [],
+	consumes: [],
+	optionSlots: {
+		size: "progress",
+		tone: "progress",
+		labels: "progress"
+	},
+	slotGroups: { root: ["progress"] },
+	mints: [
+		raw("412df98c-f906-4b62-a34f-dae13035c1ce", {
+			kind: "component",
+			component: "progress",
+			anatomy: "root",
+			property: "gap"
+		}, "var(--noctis-space-2)", "Gap between the label/value header row and the track.", "The spacing the root stack holds between the header row and the progress track."),
+		aliased("2295eee6-05c5-46e8-b0b5-1dc4d1916e4a", {
+			kind: "component",
+			component: "progress",
+			anatomy: "track",
+			property: "block-size"
+		}, { raw: "0.5rem" }, "Track thickness — the height of the bar.", "The block size of the progress track and its fill per size; a thin 8px rail at `md` (the default) and a 4px rail at `sm`, matching Meter. Override with the `thickness` prop or the public var for any height.", { size: { sm: { raw: "0.25rem" } } }),
+		raw("06db387e-90c5-41c5-8e42-0a08bbbc6e6a", {
+			kind: "component",
+			component: "progress",
+			anatomy: "track",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Track corner radius.", "The rounding of the track and its fill ends; follows the radius knob uncapped so a thin bar reads as a rounded rail."),
+		aliased("d40a6cc0-636f-46b1-a0e1-40e2fbf6d7bd", {
+			kind: "component",
+			component: "progress",
+			anatomy: "track",
+			property: "background-color"
+		}, { role: "well" }, "Track fill colour — the unfilled groove.", "The recessed neutral the track shows behind the indicator; the surface-adaptive `well` overlay, so the groove stays visible on any surface."),
+		aliased("558b48be-bb6d-45cb-b176-6d4992d6bfd5", {
+			kind: "component",
+			component: "progress",
+			anatomy: "indicator",
+			property: "background-color"
+		}, { role: "accent" }, "Indicator fill colour — the completed portion.", "The accent fill the indicator paints over the completed portion; the tone axis re-points it to a status role for a task outcome (failed/at-risk/succeeded).", { tone: {
+			success: { role: "success" },
+			warning: { role: "warning" },
+			danger: { role: "danger" }
+		} }),
+		raw("487c7e44-a426-4acd-8a08-db59393518a0", {
+			kind: "component",
+			component: "progress",
+			anatomy: "indicator",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Indicator corner radius.", "The rounding of the filled portion's ends; its own knob, defaulting to the same radius as the track."),
+		raw("4bd1b7c1-036b-4a05-85e5-4a465f2db80c", {
+			kind: "component",
+			component: "progress",
+			anatomy: "indicator",
+			property: "transition-duration"
+		}, "var(--noctis-duration-regular)", "Duration of the determinate fill's growth.", "How long the indicator takes to animate to a newly set value."),
+		aliased("beca6739-e7e9-4d3a-965f-9802da1aad64", {
+			kind: "component",
+			component: "progress",
+			anatomy: "label",
+			property: "color"
+		}, { role: "foreground" }, "Label text colour.", "The colour of the progress bar's label; minted (not hardcoded) so it is overridable and matches Meter."),
+		aliased("226733a3-7faf-4da1-abf2-0263737a988e", {
+			kind: "component",
+			component: "progress",
+			anatomy: "value",
+			property: "color"
+		}, { role: "muted" }, "Value text colour.", "The colour of the formatted value readout, quieter than the label by design; matches Meter."),
+		raw("adbd2c72-05b2-4260-8850-2dcea7263e5a", {
+			kind: "component",
+			component: "progress",
+			anatomy: "label",
+			property: "font-size"
+		}, "var(--noctis-text-small)", "Label font size.", "The type size of the progress bar's label."),
+		raw("944bce97-5125-4c91-b35d-6278f42269df", {
+			kind: "component",
+			component: "progress",
+			anatomy: "value",
+			property: "font-size"
+		}, "var(--noctis-text-small)", "Value font size.", "The type size of the formatted value text.")
+	]
+};
+const icon = {
+	component: "icon",
+	category: "system",
+	slotPrefix: "noctis",
+	anatomy: ["icon"],
+	options: { size: [
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	] },
+	states: [],
+	consumes: [],
+	optionSlots: { size: "icon" },
+	mints: [aliased("ab895e50-6750-48e6-a59d-2d915654665c", {
+		kind: "component",
+		component: "icon",
+		property: "size"
+	}, { raw: "var(--noctis-space-4)" }, "Edge length of an icon glyph.", "The width and height of a glyph per size step; `md` by default.", { size: {
+		xs: { raw: "var(--noctis-space-3)" },
+		sm: { raw: "var(--noctis-space-3\\.5)" },
+		lg: { raw: "var(--noctis-space-5)" },
+		xl: { raw: "var(--noctis-space-6)" }
+	} })]
+};
+/**
+* The labelling and validation wiring layer. `Field` ties a label, control, description, and error
+* message together (Base UI manages the `aria-describedby`/`aria-labelledby` relationships); `Fieldset`
+* groups related fields under a shared legend; `Form` consolidates submission and validation. It mints
+* the typographic and rhythm knobs a consumer would retune per design — the vertical gaps between a
+* field's parts, the label/description/error/legend type sizes — leaving colour to the semantic roles
+* (the error reads `danger`).
+*/
+const field = {
+	component: "field",
+	category: "fields",
+	slotPrefix: "noctis",
+	anatomy: [
+		"field",
+		"field-label",
+		"field-control",
+		"field-description",
+		"field-error",
+		"field-fieldset",
+		"field-fieldset-legend",
+		"field-form",
+		"field-action",
+		"field-count"
+	],
+	options: {},
+	states: ["disabled"],
+	consumes: [],
+	mints: [
+		raw("71743988-e7bd-41bc-aebb-557d95be3104", {
+			kind: "component",
+			component: "field",
+			property: "gap"
+		}, "var(--noctis-space-1\\.5)", "Vertical rhythm between a field's parts (label, control, description, error).", "The block gap stacking a field's label, control, and helper text."),
+		raw("277c4e3c-ac4e-4f98-81f5-39320b684989", {
+			kind: "component",
+			component: "field",
+			anatomy: "label",
+			property: "font-size"
+		}, "var(--noctis-text-small)", "Field label type size.", "The font size of a field's label."),
+		raw("48dc0204-6b5d-4dbc-a4d8-a5979d07d150", {
+			kind: "component",
+			component: "field",
+			anatomy: "description",
+			property: "font-size"
+		}, "var(--noctis-text-small)", "Field description type size.", "The font size of a field's supporting description text."),
+		raw("c4b49f75-8222-40b8-b533-5ea714574a0e", {
+			kind: "component",
+			component: "field",
+			anatomy: "error",
+			property: "font-size"
+		}, "var(--noctis-text-small)", "Field error-message type size.", "The font size of a field's validation error message."),
+		raw("f0490015-a0c2-4064-b296-8e14b116c93a", {
+			kind: "component",
+			component: "field",
+			anatomy: "fieldset",
+			property: "gap"
+		}, "var(--noctis-space-4)", "Vertical rhythm between the fields grouped in a fieldset.", "The block gap between the legend and fields inside a fieldset."),
+		raw("e374b2f0-b47f-48e3-bfdb-1b6e336e2b64", {
+			kind: "component",
+			component: "field",
+			anatomy: "fieldset-legend",
+			property: "font-size"
+		}, "var(--noctis-text-regular)", "Fieldset legend type size.", "The font size of a fieldset's legend."),
+		raw("c528d129-4091-4c50-b544-262c0895b7f7", {
+			kind: "component",
+			component: "field",
+			anatomy: "form",
+			property: "gap"
+		}, "var(--noctis-space-5)", "Vertical rhythm between the fields and fieldsets stacked in a form.", "The block gap stacking a form's fields and fieldsets."),
+		aliased("5b4d5a86-b46d-448f-836e-9543e1709ded", {
+			kind: "component",
+			component: "field",
+			anatomy: "label",
+			property: "color"
+		}, { role: "foreground" }, "Field label text colour.", "The text colour of a field's label; full-strength foreground so the label leads the field."),
+		aliased("089c2a38-89ec-4025-9602-6f10c10aa310", {
+			kind: "component",
+			component: "field",
+			anatomy: "description",
+			property: "color"
+		}, { role: "muted" }, "Field description text colour.", "The text colour of a field's supporting description; muted so it sits below the label."),
+		aliased("b3b8e944-220c-4d0d-a43a-e64c046ae389", {
+			kind: "component",
+			component: "field",
+			anatomy: "error",
+			property: "color"
+		}, { role: "danger" }, "Field error-message text colour.", "The text colour of a field's validation error; the danger role signals the invalid state."),
+		raw("04ce46ab-bd4c-4036-935e-f6e3c9505539", {
+			kind: "component",
+			component: "field",
+			anatomy: "action",
+			property: "size"
+		}, "var(--noctis-space-6)", "In-field action size.", "The square side of an in-field action — a compact icon button. The host field overrides it per size (roughly its glyph size plus a tight inset); the default is the medium step."),
+		aliased("333c603c-e341-4028-9ab4-ea4434f466be", {
+			kind: "component",
+			component: "field",
+			anatomy: "action",
+			property: "color"
+		}, { role: "placeholder" }, "In-field action colour.", "The rest colour of an in-field action's glyph, as quiet as a placeholder until hovered."),
+		aliased("50a09308-e52a-4d68-92e4-886120e2decd", {
+			kind: "component",
+			component: "field",
+			anatomy: "action",
+			property: "color",
+			state: "hover"
+		}, { role: "foreground" }, "In-field action hover colour.", "The glyph colour an in-field action lifts to on hover — the full foreground, never an accent."),
+		aliased("170e1658-b367-4b1b-bd82-ea3117ff0389", {
+			kind: "component",
+			component: "field",
+			anatomy: "action",
+			property: "background-color",
+			state: "hover"
+		}, { role: "control-ghost-hover" }, "In-field action hover fill.", "The neutral ghost-control fill an in-field action takes on hover — the shared affordance idiom, never an accent wash."),
+		aliased("63041e83-c92c-4b8e-b9e1-7447884d71c5", {
+			kind: "component",
+			component: "field",
+			anatomy: "count",
+			property: "color"
+		}, { role: "muted" }, "Character-count colour.", "The quiet rest colour of the in-field character-count readout, well below the value in emphasis."),
+		aliased("6528fde1-f2f2-449d-8e50-243ee6ea0559", {
+			kind: "component",
+			component: "field",
+			anatomy: "count",
+			property: "color-warning"
+		}, { role: "warning" }, "Character-count near-limit colour.", "The warning colour the count escalates to as it nears the limit, ahead of the danger role at the limit.")
+	]
+};
+/** The polymorphic styled-element base. Zero styling of its own, so it mints nothing. */
+const primitive = {
+	component: "primitive",
+	slotPrefix: "noctis",
+	anatomy: ["primitive"],
+	options: {},
+	states: [],
+	consumes: [],
+	mints: []
+};
+/**
+* The radius escape hatch. It sets the `--radius` knob (and the `data-radius-scope` attribute) the
+* whole `rounded-*` scale re-derives from, so it mints no component token of its own — the knob is the
+* established T1 seam.
+*/
+const radiusScope = {
+	component: "radius-scope",
+	slotPrefix: "noctis",
+	anatomy: ["radius-scope"],
+	options: {},
+	states: [],
+	consumes: [],
+	mints: []
+};
+/** Visually hides content while keeping it in the a11y tree (`sr-only`). No anatomy-level seam to mint. */
+const visuallyHidden = {
+	component: "visually-hidden",
+	slotPrefix: "noctis",
+	anatomy: ["visually-hidden"],
+	options: {},
+	states: [],
+	consumes: [],
+	mints: []
+};
+const toggle = {
+	component: "toggle",
+	category: "actions",
+	slotPrefix: "noctis",
+	anatomy: ["toggle", "toggle-group"],
+	options: {
+		variant: [
+			"ghost",
+			"accent",
+			"primary",
+			"outline"
+		],
+		size: [
+			"xs",
+			"sm",
+			"md",
+			"lg"
+		]
+	},
+	states: ["selected"],
+	consumes: [],
+	optionSlots: {
+		variant: "toggle",
+		size: "toggle"
+	},
+	mints: [
+		aliased("ce74b4fc-3413-43b3-9e7a-56a21b53c5df", {
+			kind: "component",
+			component: "toggle",
+			property: "height"
+		}, { raw: "var(--noctis-size-control-md)" }, "Toggle height (and the side of an icon-only toggle).", "The control height per size; an icon-only square toggle reads the same token.", { size: {
+			xs: { raw: "var(--noctis-size-control-xs)" },
+			sm: { raw: "var(--noctis-size-control-sm)" },
+			lg: { raw: "var(--noctis-size-control-lg)" }
+		} }),
+		aliased("9f3482a0-6901-4a28-82a5-da018a8a9dc9", {
+			kind: "component",
+			component: "toggle",
+			property: "padding-inline"
+		}, { raw: "0.625rem" }, "Toggle inline padding.", "The horizontal inset of a toggle's label per size.", { size: {
+			xs: { raw: "0.375rem" },
+			sm: { raw: "0.5rem" },
+			lg: { raw: "0.875rem" }
+		} }),
+		aliased("b10358a3-7343-421f-bd48-07553ba62742", {
+			kind: "component",
+			component: "toggle",
+			property: "gap"
+		}, { raw: "0.375rem" }, "Gap between a toggle's icon and its label.", "The spacing between the leading glyph and the label per size.", { size: {
+			xs: { raw: "0.1875rem" },
+			sm: { raw: "0.25rem" },
+			lg: { raw: "0.5rem" }
+		} }),
+		raw("95e3d739-6c2a-4a46-ac09-b8c0d4054e3d", {
+			kind: "component",
+			component: "toggle",
+			property: "border-radius"
+		}, "var(--noctis-radius-control)", "Toggle corner radius.", "The corner radius; follows the radius knob uncapped, like Button, so toggles go fully pill at the Pill setting."),
+		aliased("b1d4f8a2-3c7e-4e91-9a6d-2f5c8b0e7d34", {
+			kind: "component",
+			component: "toggle",
+			property: "icon-size"
+		}, { raw: "var(--noctis-space-4)" }, "Icon-only toggle glyph size.", "The glyph size an icon-only toggle imposes on its single icon per size — mirrors the button icon scale so a bare glyph reads balanced in the square instead of at its own intrinsic dimensions.", { size: {
+			xs: { raw: "var(--noctis-space-3)" },
+			sm: { raw: "var(--noctis-space-3\\.5)" }
+		} }),
+		aliased("6e658ecc-0ceb-445c-856e-8ba4f0ef4995", {
+			kind: "component",
+			component: "toggle",
+			property: "font-size"
+		}, { raw: "var(--noctis-text-small)" }, "Toggle label font size.", "The label type size per size step.", { size: {
+			xs: { raw: "var(--noctis-text-mini)" },
+			sm: { raw: "var(--noctis-text-mini)" },
+			lg: { raw: "var(--noctis-text-regular)" }
+		} }),
+		raw("a8cfc863-a2e6-4523-b935-ba4e7e561dc8", {
+			kind: "component",
+			component: "toggle",
+			property: "transition-duration"
+		}, "var(--noctis-duration-quick)", "Toggle colour-transition duration.", "How long the resting/hover/pressed fill cross-fades."),
+		raw("4bfdcb10-60ff-4918-9e14-b0ae113e3ccb", {
+			kind: "component",
+			component: "toggle",
+			anatomy: "group",
+			property: "gap"
+		}, "var(--noctis-space-1)", "Gap between toggles in a group.", "The spacing between adjacent toggle buttons in a toggle group.")
+	]
+};
+const COMPONENT_DECLARATIONS = [
+	autocomplete,
+	field,
+	textarea,
+	kbd,
+	{
+		component: "meter",
+		category: "data",
+		slotPrefix: "noctis",
+		anatomy: [
+			"meter",
+			"meter-track",
+			"meter-indicator",
+			"meter-label",
+			"meter-value"
+		],
+		options: {
+			tone: [
+				"neutral",
+				"success",
+				"warning",
+				"danger"
+			],
+			size: ["sm", "md"],
+			labels: ["top", "side"]
+		},
+		states: [],
+		consumes: [],
+		slotGroups: { root: ["meter"] },
+		optionSlots: {
+			tone: "meter",
+			size: "meter",
+			labels: "meter"
+		},
+		mints: [
+			raw("91495771-19ef-45e2-b7f4-526460524be5", {
+				kind: "component",
+				component: "meter",
+				anatomy: "root",
+				property: "gap"
+			}, "var(--noctis-space-2)", "Gap between the meter's label/value row and its track.", "The spacing the root stack holds between the caption row and the bar; matches Progress's root gap."),
+			aliased("2f8eec2b-c963-4da4-8c33-537308155d79", {
+				kind: "component",
+				component: "meter",
+				anatomy: "track",
+				property: "block-size"
+			}, { raw: "0.5rem" }, "Track thickness — the height of the bar.", "The block size of the meter bar per size; a thin 8px rail at `md` (the default, matching Progress) and a 4px rail at `sm`. Override with the `thickness` prop or the public var for any height.", { size: { sm: { raw: "0.25rem" } } }),
+			raw("0da84751-c276-40fd-943f-2ecbd3e827a5", {
+				kind: "component",
+				component: "meter",
+				anatomy: "track",
+				property: "border-radius"
+			}, "var(--noctis-radius-control)", "Track corner radius.", "The rounding of the track and its fill ends; follows the radius knob uncapped so a thin bar reads as a rounded rail, exactly like Progress."),
+			aliased("8de32fe3-5eaf-4022-9252-eeeb1af7d310", {
+				kind: "component",
+				component: "meter",
+				anatomy: "track",
+				property: "background-color"
+			}, { role: "well" }, "Track fill — the unfilled remainder of the bar.", "The recessed groove the indicator fills against; the surface-adaptive `well` overlay, so the remainder stays visible on any surface."),
+			aliased("5a8beaee-0637-40b4-8100-4850cf770faf", {
+				kind: "component",
+				component: "meter",
+				anatomy: "indicator",
+				property: "background-color"
+			}, { role: "foreground" }, "Indicator fill — the measured portion of the bar.", "The fill colour of the filled portion; the tone axis re-points it to a status role.", { tone: {
+				success: { role: "success" },
+				warning: { role: "warning" },
+				danger: { role: "danger" }
+			} }),
+			raw("45125082-e990-4bab-9dfd-38f53b14c04b", {
+				kind: "component",
+				component: "meter",
+				anatomy: "indicator",
+				property: "border-radius"
+			}, "var(--noctis-radius-control)", "Indicator corner radius.", "The rounding of the filled portion's ends; follows the radius knob, matching the track."),
+			raw("3a416a48-cd55-4cf6-bf93-18ef8c9d5001", {
+				kind: "component",
+				component: "meter",
+				anatomy: "indicator",
+				property: "transition-duration"
+			}, "var(--noctis-duration-regular)", "Duration of the fill's growth.", "How long the indicator takes to ease to a newly set value; mirrors Progress, and is dropped under reduced motion."),
+			aliased("a3c80ee2-4573-44fb-b8a2-9df408316d75", {
+				kind: "component",
+				component: "meter",
+				anatomy: "label",
+				property: "color"
+			}, { role: "foreground" }, "Label text colour.", "The colour of the meter's caption label."),
+			aliased("c86193f2-4390-4b12-8bf1-2528d50863c8", {
+				kind: "component",
+				component: "meter",
+				anatomy: "value",
+				property: "color"
+			}, { role: "muted" }, "Value text colour.", "The colour of the formatted value readout, quieter than the label by design."),
+			raw("3626baf7-024c-41a1-aa1f-28d710e84392", {
+				kind: "component",
+				component: "meter",
+				anatomy: "label",
+				property: "font-size"
+			}, "var(--noctis-text-small)", "Label font size.", "The type size of the meter's caption label; per-part to match Progress's token shape."),
+			raw("5d91fea3-5ab7-4a8a-9e19-9cef2b1277f0", {
+				kind: "component",
+				component: "meter",
+				anatomy: "value",
+				property: "font-size"
+			}, "var(--noctis-text-small)", "Value font size.", "The type size of the formatted value readout; per-part to match Progress's token shape."),
+			aliased("15e1a9a7-570f-495d-9246-8f4429b25714", {
+				kind: "component",
+				component: "meter",
+				anatomy: "track",
+				property: "threshold-marker-color"
+			}, { raw: "color-mix(in oklch, var(--noctis-color-foreground) 30%, transparent)" }, "Threshold marker colour.", "The colour of the optional hairline drawn on the track at the `high` boundary; a translucent foreground overlay just one step more opaque than the `well` track fill (the foreground at 20%), so the tick sits a touch lighter than the empty track — a restrained notch, not a bright line — and still lightens faintly through the coloured indicator where the value has passed the boundary, in either mode. Shown only when thresholds are declared. (Replaces the old `border` role, which painted a near-black hairline darker than the track.)"),
+			raw("a4337dad-e8f2-4e3f-899f-1534021ac8ad", {
+				kind: "component",
+				component: "meter",
+				anatomy: "track",
+				property: "threshold-marker-inline-size"
+			}, "1px", "Threshold marker thickness.", "The width of the `high`-boundary hairline; a single sharp line, not a segmented zone.")
+		]
+	},
+	inlineCode,
+	input,
+	table,
+	codeBlock,
+	codeTabs,
+	codeCopy,
+	menu,
+	menubar,
+	previewCard,
+	popover,
+	tooltip,
+	contextMenu,
+	button,
+	buttonGroup,
+	tabs,
+	toolbar,
+	accordion,
+	toggle,
+	numberField,
+	navigationMenu,
+	surface,
+	scrollArea,
+	separator,
+	sheet,
+	toast,
+	collapsible,
+	alertDialog,
+	rail,
+	combobox,
+	searchDialog,
+	dialog,
+	colorPicker,
+	radio,
+	colorSwatch,
+	slider,
+	checkbox,
+	avatar,
+	otpField,
+	switchControl,
+	progress,
+	{
+		component: "select",
+		category: "fields",
+		slotPrefix: "noctis",
+		anatomy: [
+			"select-trigger",
+			"select-value",
+			"select-icon",
+			"select-backdrop",
+			"select-popup",
+			"select-scroll-up-arrow",
+			"select-list",
+			"select-scroll-down-arrow",
+			"select-item",
+			"select-item-icon",
+			"select-item-text",
+			"select-item-description",
+			"select-item-indicator",
+			"select-group",
+			"select-group-label",
+			"select-separator"
+		],
+		options: { size: ["md", "lg"] },
+		states: [
+			"highlighted",
+			"selected",
+			"disabled",
+			"open"
+		],
+		consumes: [],
+		optionSlots: { size: "select-trigger" },
+		mints: [
+			aliased("869094bf-6153-42fd-b8ba-406f299b7f34", {
+				kind: "component",
+				component: "select",
+				anatomy: "trigger",
+				property: "height"
+			}, { raw: "var(--noctis-size-control-md)" }, "Height of the select trigger.", "The trigger control height per size; rides the shared control-height ladder, so it density-scales.", { size: { lg: { raw: "var(--noctis-size-control-lg)" } } }),
+			aliased("e61a08e8-8f15-4464-8fe7-a0f1838cca5e", {
+				kind: "component",
+				component: "select",
+				anatomy: "trigger",
+				property: "padding-inline"
+			}, { raw: "var(--noctis-space-3)" }, "Inline padding of the select trigger.", "The horizontal inset between the trigger edges and its value/icon per size; rides the spacing scale.", { size: { lg: { raw: "var(--noctis-space-4)" } } }),
+			raw("6e084602-b661-4b79-b656-039563fc06fc", {
+				kind: "component",
+				component: "select",
+				anatomy: "trigger",
+				property: "gap"
+			}, "var(--noctis-space-2)", "Gap between the trigger value and its chevron.", "The spacing separating the selected value from the trailing chevron."),
+			raw("ad91b12d-287d-4980-9457-c81f500bb5cc", {
+				kind: "component",
+				component: "select",
+				anatomy: "trigger",
+				property: "border-radius"
+			}, "var(--noctis-radius-control)", "Corner radius of the select trigger.", "The trigger's corner radius; follows the control radius knob like other fields."),
+			aliased("4a72f934-219a-44a3-ad5b-9975306d2e10", {
+				kind: "component",
+				component: "select",
+				anatomy: "trigger",
+				property: "font-size"
+			}, { raw: "var(--noctis-text-small)" }, "Font size of the select trigger value.", "The type size of the selected value per size step.", { size: { lg: { raw: "var(--noctis-text-regular)" } } }),
+			aliased("5e1ec70a-0001-4a1b-8c2d-3e4f5a6b7c01", {
+				kind: "component",
+				component: "select",
+				anatomy: "trigger",
+				property: "shadow"
+			}, { raw: "var(--noctis-shadow-inset)" }, "Select trigger rest shadow.", "The subtle inset shadow the trigger wears at rest, matching the rest of the field family."),
+			raw("e029e70d-4af2-4a10-89ce-d92841093e92", {
+				kind: "component",
+				component: "select",
+				anatomy: "popup",
+				property: "min-width"
+			}, "8rem", "Minimum width of the select popup.", "The popup's min-width floor; it otherwise matches the trigger width and stretches to the longest row."),
+			raw("5e1ec70a-000d-4a1b-8c2d-3e4f5a6b7c0d", {
+				kind: "component",
+				component: "select",
+				anatomy: "popup",
+				property: "max-width"
+			}, "24rem", "Maximum width of the select popup.", "The cap the popup grows to before rows truncate with an ellipsis (also bounded by the viewport)."),
+			raw("5e1ec70a-000f-4a1b-8c2d-3e4f5a6b7c0f", {
+				kind: "component",
+				component: "select",
+				anatomy: "popup",
+				property: "overlay-inset"
+			}, "0px", "Overlay-placement width compensation for the select popup.", "Extra inline width the popup adds in overlay placement (`alignItemWithTrigger`) so that, once shifted to line the selected row up under the trigger value, it still fully covers the trigger; 0 otherwise. `select.css` resolves it from a row's leading inset (and the icon column when rows carry icons)."),
+			aliased("5e1ec70a-000c-4a1b-8c2d-3e4f5a6b7c0c", {
+				kind: "component",
+				component: "select",
+				anatomy: "backdrop",
+				property: "background-color"
+			}, { raw: "transparent" }, "Select backdrop scrim colour.", "The fill of the modal backdrop behind the popup; transparent by default (no page dimming) — re-point to a scrim role to dim."),
+			raw("5e1ec70a-0008-4a1b-8c2d-3e4f5a6b7c08", {
+				kind: "component",
+				component: "select",
+				anatomy: "scroll-up-arrow",
+				property: "height"
+			}, "var(--noctis-space-6)", "Height of the sticky scroll-up arrow.", "The grab strip pinned to the popup's top edge while there is more to scroll up to."),
+			aliased("5e1ec70a-0009-4a1b-8c2d-3e4f5a6b7c09", {
+				kind: "component",
+				component: "select",
+				anatomy: "scroll-up-arrow",
+				property: "color"
+			}, { role: "muted" }, "Colour of the scroll-up arrow glyph.", "The muted chevron marking that the list scrolls further up."),
+			raw("5e1ec70a-000a-4a1b-8c2d-3e4f5a6b7c0a", {
+				kind: "component",
+				component: "select",
+				anatomy: "scroll-down-arrow",
+				property: "height"
+			}, "var(--noctis-space-6)", "Height of the sticky scroll-down arrow.", "The grab strip pinned to the popup's bottom edge while there is more to scroll down to."),
+			aliased("5e1ec70a-000b-4a1b-8c2d-3e4f5a6b7c0b", {
+				kind: "component",
+				component: "select",
+				anatomy: "scroll-down-arrow",
+				property: "color"
+			}, { role: "muted" }, "Colour of the scroll-down arrow glyph.", "The muted chevron marking that the list scrolls further down."),
+			raw("6a319dbf-06e5-4895-a363-2d51d38860e6", {
+				kind: "component",
+				component: "select",
+				anatomy: "list",
+				property: "padding"
+			}, "0.25rem", "Padding around the scrollable list inside the popup.", "The inset between the popup edge and its rows."),
+			raw("a5f28d78-ebe1-4daf-a417-5b01ded4da36", {
+				kind: "component",
+				component: "select",
+				anatomy: "item",
+				property: "height"
+			}, "2rem", "Minimum height of a select row.", "The row's min-height; the inline padding rhythm fills any extra space."),
+			raw("c2b78994-1f4c-4020-8869-d31e1e39c953", {
+				kind: "component",
+				component: "select",
+				anatomy: "item",
+				property: "padding-inline"
+			}, "0.625rem", "Inline padding of a select row.", "The horizontal inset of a row's content."),
+			raw("8971bb97-fc31-4237-a458-d2274017c492", {
+				kind: "component",
+				component: "select",
+				anatomy: "item",
+				property: "gap"
+			}, "0.625rem", "Gap between a row's leading icon, its label, and the trailing check.", "The spacing between the leading icon column, the label, and the trailing selected-check."),
+			raw("7f48bacf-d976-4c27-b2c9-31c52ac5a473", {
+				kind: "component",
+				component: "select",
+				anatomy: "item",
+				property: "border-radius"
+			}, "var(--noctis-radius-sm)", "Corner radius of a select row's highlight.", "The radius of the row's hover/highlight fill."),
+			aliased("5e1ec70a-0002-4a1b-8c2d-3e4f5a6b7c02", {
+				kind: "component",
+				component: "select",
+				anatomy: "item",
+				property: "color"
+			}, { role: "foreground" }, "Select row label colour.", "The full-strength text colour of a row; the trailing check inherits it."),
+			aliased("5e1ec70a-0003-4a1b-8c2d-3e4f5a6b7c03", {
+				kind: "component",
+				component: "select",
+				anatomy: "item",
+				property: "color",
+				state: "highlighted"
+			}, { role: "foreground" }, "Select row label colour while highlighted.", "The text colour of the pointer/keyboard-highlighted row, at full strength."),
+			aliased("5e1ec70a-0004-4a1b-8c2d-3e4f5a6b7c04", {
+				kind: "component",
+				component: "select",
+				anatomy: "item",
+				property: "background-color",
+				state: "highlighted"
+			}, { role: "control-ghost-hover" }, "Select row highlight fill.", "The neutral fill behind the highlighted row — the only row fill (the selected row is marked by its trailing check, not a tint)."),
+			raw("5e1ec70a-0005-4a1b-8c2d-3e4f5a6b7c05", {
+				kind: "component",
+				component: "select",
+				anatomy: "item",
+				property: "icon-size"
+			}, "1rem", "Size of a row's leading icon, colour dot, or avatar.", "The width and height of the optional leading-content column on a row, kept equal so labels align."),
+			aliased("5e1ec70a-0006-4a1b-8c2d-3e4f5a6b7c06", {
+				kind: "component",
+				component: "select",
+				anatomy: "item-description",
+				property: "font-size"
+			}, { raw: "var(--noctis-text-mini)" }, "Font size of a row's secondary description line.", "The type size of the muted second line on a two-line row."),
+			aliased("5e1ec70a-0007-4a1b-8c2d-3e4f5a6b7c07", {
+				kind: "component",
+				component: "select",
+				anatomy: "item-description",
+				property: "color"
+			}, { role: "muted" }, "Colour of a row's secondary description line.", "The muted colour of the second line on a two-line row."),
+			raw("5379da10-9a25-4470-816e-1f87434156b6", {
+				kind: "component",
+				component: "select",
+				anatomy: "item-indicator",
+				property: "size"
+			}, "0.875rem", "Size of the trailing check on a selected row.", "The width and height of the trailing selected-check glyph."),
+			raw("33b6f5d1-5d0a-4d6a-9d3e-2c7c2f6a91ab", {
+				kind: "component",
+				component: "select",
+				anatomy: "separator",
+				property: "thickness"
+			}, "var(--noctis-space-px)", "Thickness of the rule between select groups.", "The hairline height of a separator; static 1px, never density-scaled."),
+			raw("5e1ec70a-000e-4a1b-8c2d-3e4f5a6b7c0e", {
+				kind: "component",
+				component: "select",
+				anatomy: "group-label",
+				property: "padding-inline"
+			}, "0.625rem", "Inline padding of a group label.", "The horizontal inset of a group heading — matched to a row's inline padding so the heading aligns with the labels beneath it (the heading owns its own inset; the row's internal isn't in scope here)."),
+			raw("114c0575-2e22-42a4-8609-a0254a9a1720", {
+				kind: "component",
+				component: "select",
+				anatomy: "group-label",
+				property: "padding-block-start"
+			}, "var(--noctis-space-2)", "Top inset of a group label.", "The block-start padding above a group heading, separating it from the rows before it."),
+			raw("17a3de33-34f2-4c2d-8336-0df627ceed79", {
+				kind: "component",
+				component: "select",
+				anatomy: "group-label",
+				property: "padding-block-end"
+			}, "var(--noctis-space-1\\.5)", "Bottom inset of a group label.", "The block-end padding tying a group heading to the rows it introduces.")
+		]
+	},
+	icon,
+	primitive,
+	radiusScope,
+	visuallyHidden
+];
+//#endregion
+export { COMPONENT_DECLARATIONS };