@techfides/ui-library-design 0.1.0 → 0.3.0

package/README.md

@@ -37,6 +37,8 @@ cn('bg-tf-panel p-6', props.class)
 
 **Brand** — four accents, switched by a `data-brand` attribute on the root. Every accent role in the system derives from the one the brand names.
 
+**Words** — every string a component says on its own behalf, as a `Language`. `english` and `czech` ship; the framework binding hands one to `provideLanguage`. Words live here rather than in the binding so both bindings say the same thing ([ADR 0004](https://github.com/TechFides/ui-library/blob/main/docs/adr/0004-words-live-in-the-framework-free-package.md)).
+
 ## The one thing to know about surfaces
 
 Depth is carried by lightness, not by shadow: on a dark screen a black shadow has almost nothing to fall on. There are five surface steps and each is measurably lighter than the one below it. A shadow means something different — that a thing has left the page altogether.

package/css/theme.css

@@ -72,6 +72,7 @@
   --color-tf-line: rgb(255 255 255 / 11%);
   --color-tf-line-2: rgb(255 255 255 / 6.5%);
   --color-tf-line-hi: rgb(255 255 255 / 18%);
+  --color-tf-rule: rgb(255 255 255 / 22%);
   --color-tf-fg: #eef1f6;
   --color-tf-fg-held: color-mix(in oklab, #eef1f6 82%, var(--color-tf-bg));
   --color-tf-muted: #98a1b2;
@@ -152,6 +153,8 @@
   --font-tf-display: 'Poppins', system-ui, sans-serif;
   --font-tf-body: 'Inter Variable', 'Inter', system-ui, sans-serif;
 
+  --text-tf-numeral: clamp(96px, 11vw, 160px);
+  --text-tf-numeral--line-height: 1;
   --text-tf-display: clamp(38px, 4.5vw, 54px);
   --text-tf-display--line-height: 1.04;
   --text-tf-h1: clamp(32px, 4vw, 44px);
@@ -190,6 +193,7 @@
   --max-width-*: initial;
   --container-tf-panel: 24rem;
   --container-tf-list: 26rem;
+  --container-tf-placard: 47rem;
   --container-tf-measure: 65ch;
   --container-tf-page: 56rem;
   --container-tf-canvas: 100rem;
@@ -1336,7 +1340,16 @@
   background-image: linear-gradient(
     var(--tf-rest-angle),
     transparent 0%,
-    var(--color-tf-line) 50%,
+    var(--color-tf-rule) 50%,
+    transparent 100%
+  );
+}
+
+@utility tf-rule-quiet-fall {
+  background-image: linear-gradient(
+    var(--tf-fall-angle),
+    transparent 0%,
+    var(--color-tf-rule) 50%,
     transparent 100%
   );
 }

package/dist/cn.js

@@ -61,6 +61,7 @@ const { color, duration, ...themeScales } = {
 		"tf-line",
 		"tf-line-2",
 		"tf-line-hi",
+		"tf-rule",
 		"tf-fg",
 		"tf-fg-held",
 		"tf-muted",
@@ -85,6 +86,7 @@ const { color, duration, ...themeScales } = {
 	],
 	container: [
 		"tf-panel",
+		"tf-placard",
 		"tf-measure",
 		"tf-page",
 		"tf-canvas"
@@ -139,6 +141,7 @@ const { color, duration, ...themeScales } = {
 		"tf-mark-inset"
 	],
 	text: [
+		"tf-numeral",
 		"tf-display",
 		"tf-h1",
 		"tf-h2",

package/dist/cn.js.map

@@ -1 +1 @@
-{"version":3,"file":"cn.js","names":[],"sources":["../src/cn.ts"],"sourcesContent":["import type { ClassValue } from 'clsx'\nimport { clsx } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twScales: Record<string, string[]> = {\n  animate: [\n    'tf-arrive',\n    'tf-blend-in',\n    'tf-in',\n    'tf-out',\n    'tf-chip-in',\n    'tf-chip-out',\n    'tf-rewind',\n    'tf-lift',\n    'tf-lift-rewind',\n    'tf-expand',\n    'tf-collapse',\n    'tf-depart',\n    'tf-shake',\n    'tf-pop',\n    'tf-nudge',\n    'tf-fade-in',\n    'tf-fade-out',\n    'tf-fade-rewind',\n    'tf-page',\n    'tf-page-again',\n    'tf-rise',\n    'tf-draw',\n  ],\n  blur: ['tf-panel', 'tf-glass', 'tf-scrim', 'tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n  color: [\n    'tf-accent',\n    'tf-accent-hi',\n    'tf-accent-deep',\n    'tf-accent-surface',\n    'tf-accent-tint',\n    'tf-accent-edge',\n    'tf-on-accent',\n    'tf-bg',\n    'tf-surface',\n    'tf-surface-hi',\n    'tf-surface-quiet',\n    'tf-sunken',\n    'tf-sunken-hi',\n    'tf-sunken-quiet',\n    'tf-control',\n    'tf-control-hi',\n    'tf-panel',\n    'tf-panel-2',\n    'tf-panel-hi',\n    'tf-glass',\n    'tf-shade-under',\n    'tf-shade-deep',\n    'tf-scrim',\n    'tf-line',\n    'tf-line-2',\n    'tf-line-hi',\n    'tf-fg',\n    'tf-fg-held',\n    'tf-muted',\n    'tf-success',\n    'tf-success-hi',\n    'tf-warning',\n    'tf-warning-hi',\n    'tf-info',\n    'tf-info-hi',\n    'tf-danger',\n    'tf-danger-hi',\n    'tf-danger-wash',\n    'tf-success-tint',\n    'tf-success-edge',\n    'tf-warning-tint',\n    'tf-warning-edge',\n    'tf-info-tint',\n    'tf-info-edge',\n    'tf-danger-tint',\n    'tf-danger-edge',\n    'tf-on-semantic',\n  ],\n  container: ['tf-panel', 'tf-measure', 'tf-page', 'tf-canvas'],\n  duration: ['tf-1', 'tf-2', 'tf-3', 'tf-4'],\n  ease: ['tf', 'tf-spring', 'tf-glide', 'tf-settle'],\n  font: ['tf-display', 'tf-body'],\n  radius: ['tf-none', 'tf-inline', 'tf-control', 'tf-block', 'tf-card', 'tf-pill'],\n  shadow: ['tf-float', 'tf-mark'],\n  spacing: [\n    'tf-hairline',\n    'tf-control-2xs',\n    'tf-control-xs',\n    'tf-control-sm',\n    'tf-control-md',\n    'tf-control-lg',\n    'tf-row',\n    'tf-chip-sm',\n    'tf-target',\n    'tf-menu',\n    'tf-sidebar',\n    'tf-rail',\n    'tf-icon-2xs',\n    'tf-icon-xs',\n    'tf-icon-sm',\n    'tf-icon-md',\n    'tf-icon-lg',\n    'tf-icon-solo-xs',\n    'tf-icon-solo-sm',\n    'tf-icon-solo-md',\n    'tf-icon-solo-lg',\n    'tf-mark-glyph',\n    'tf-mark-dot',\n    'tf-mark-track',\n    'tf-mark-inset',\n  ],\n  text: [\n    'tf-display',\n    'tf-h1',\n    'tf-h2',\n    'tf-h3',\n    'tf-h4',\n    'tf-figure',\n    'tf-unit',\n    'tf-lead',\n    'tf-body',\n    'tf-body-sm',\n    'tf-caption',\n    'tf-caption-sm',\n  ],\n  tracking: ['tf-tight', 'tf-eyebrow'],\n}\n\nconst { color, duration, ...themeScales } = twScales\n\nconst twMerge = extendTailwindMerge<'blend-base' | 'cloud-blur'>({\n  extend: {\n    classGroups: {\n      'bg-image': [{ bg: ['tf-blend'] }],\n      'blend-base': [{ blend: color ?? [] }],\n      'cloud-blur': ['tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n      duration: [{ duration: duration ?? [] }],\n      'text-color': [{ text: ['tf-blend'] }],\n    },\n    theme: { ...themeScales, color: color ?? [] },\n  },\n})\n\nconst cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs))\n\nexport { cn }\n"],"mappings":";;;AAiIA,MAAM,EAAE,OAAO,UAAU,GAAG,gBAAgB;CA5H1C,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EAAC;EAAY;EAAY;EAAY;EAAe;EAAkB;CAAe;CAC3F,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,WAAW;EAAC;EAAY;EAAc;EAAW;CAAW;CAC5D,UAAU;EAAC;EAAQ;EAAQ;EAAQ;CAAM;CACzC,MAAM;EAAC;EAAM;EAAa;EAAY;CAAW;CACjD,MAAM,CAAC,cAAc,SAAS;CAC9B,QAAQ;EAAC;EAAW;EAAa;EAAc;EAAY;EAAW;CAAS;CAC/E,QAAQ,CAAC,YAAY,SAAS;CAC9B,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU,CAAC,YAAY,YAAY;AAGc;AAEnD,MAAM,UAAU,oBAAiD,EAC/D,QAAQ;CACN,aAAa;EACX,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;EACjC,cAAc,CAAC,EAAE,OAAO,SAAS,CAAC,EAAE,CAAC;EACrC,cAAc;GAAC;GAAe;GAAkB;EAAe;EAC/D,UAAU,CAAC,EAAE,UAAU,YAAY,CAAC,EAAE,CAAC;EACvC,cAAc,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC;CACvC;CACA,OAAO;EAAE,GAAG;EAAa,OAAO,SAAS,CAAC;CAAE;AAC9C,EACF,CAAC;AAED,MAAM,MAAM,GAAG,WAAiC,QAAQ,KAAK,MAAM,CAAC"}
+{"version":3,"file":"cn.js","names":[],"sources":["../src/cn.ts"],"sourcesContent":["import type { ClassValue } from 'clsx'\nimport { clsx } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twScales: Record<string, string[]> = {\n  animate: [\n    'tf-arrive',\n    'tf-blend-in',\n    'tf-in',\n    'tf-out',\n    'tf-chip-in',\n    'tf-chip-out',\n    'tf-rewind',\n    'tf-lift',\n    'tf-lift-rewind',\n    'tf-expand',\n    'tf-collapse',\n    'tf-depart',\n    'tf-shake',\n    'tf-pop',\n    'tf-nudge',\n    'tf-fade-in',\n    'tf-fade-out',\n    'tf-fade-rewind',\n    'tf-page',\n    'tf-page-again',\n    'tf-rise',\n    'tf-draw',\n  ],\n  blur: ['tf-panel', 'tf-glass', 'tf-scrim', 'tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n  color: [\n    'tf-accent',\n    'tf-accent-hi',\n    'tf-accent-deep',\n    'tf-accent-surface',\n    'tf-accent-tint',\n    'tf-accent-edge',\n    'tf-on-accent',\n    'tf-bg',\n    'tf-surface',\n    'tf-surface-hi',\n    'tf-surface-quiet',\n    'tf-sunken',\n    'tf-sunken-hi',\n    'tf-sunken-quiet',\n    'tf-control',\n    'tf-control-hi',\n    'tf-panel',\n    'tf-panel-2',\n    'tf-panel-hi',\n    'tf-glass',\n    'tf-shade-under',\n    'tf-shade-deep',\n    'tf-scrim',\n    'tf-line',\n    'tf-line-2',\n    'tf-line-hi',\n    'tf-rule',\n    'tf-fg',\n    'tf-fg-held',\n    'tf-muted',\n    'tf-success',\n    'tf-success-hi',\n    'tf-warning',\n    'tf-warning-hi',\n    'tf-info',\n    'tf-info-hi',\n    'tf-danger',\n    'tf-danger-hi',\n    'tf-danger-wash',\n    'tf-success-tint',\n    'tf-success-edge',\n    'tf-warning-tint',\n    'tf-warning-edge',\n    'tf-info-tint',\n    'tf-info-edge',\n    'tf-danger-tint',\n    'tf-danger-edge',\n    'tf-on-semantic',\n  ],\n  container: ['tf-panel', 'tf-placard', 'tf-measure', 'tf-page', 'tf-canvas'],\n  duration: ['tf-1', 'tf-2', 'tf-3', 'tf-4'],\n  ease: ['tf', 'tf-spring', 'tf-glide', 'tf-settle'],\n  font: ['tf-display', 'tf-body'],\n  radius: ['tf-none', 'tf-inline', 'tf-control', 'tf-block', 'tf-card', 'tf-pill'],\n  shadow: ['tf-float', 'tf-mark'],\n  spacing: [\n    'tf-hairline',\n    'tf-control-2xs',\n    'tf-control-xs',\n    'tf-control-sm',\n    'tf-control-md',\n    'tf-control-lg',\n    'tf-row',\n    'tf-chip-sm',\n    'tf-target',\n    'tf-menu',\n    'tf-sidebar',\n    'tf-rail',\n    'tf-icon-2xs',\n    'tf-icon-xs',\n    'tf-icon-sm',\n    'tf-icon-md',\n    'tf-icon-lg',\n    'tf-icon-solo-xs',\n    'tf-icon-solo-sm',\n    'tf-icon-solo-md',\n    'tf-icon-solo-lg',\n    'tf-mark-glyph',\n    'tf-mark-dot',\n    'tf-mark-track',\n    'tf-mark-inset',\n  ],\n  text: [\n    'tf-numeral',\n    'tf-display',\n    'tf-h1',\n    'tf-h2',\n    'tf-h3',\n    'tf-h4',\n    'tf-figure',\n    'tf-unit',\n    'tf-lead',\n    'tf-body',\n    'tf-body-sm',\n    'tf-caption',\n    'tf-caption-sm',\n  ],\n  tracking: ['tf-tight', 'tf-eyebrow'],\n}\n\nconst { color, duration, ...themeScales } = twScales\n\nconst twMerge = extendTailwindMerge<'blend-base' | 'cloud-blur'>({\n  extend: {\n    classGroups: {\n      'bg-image': [{ bg: ['tf-blend'] }],\n      'blend-base': [{ blend: color ?? [] }],\n      'cloud-blur': ['tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n      duration: [{ duration: duration ?? [] }],\n      'text-color': [{ text: ['tf-blend'] }],\n    },\n    theme: { ...themeScales, color: color ?? [] },\n  },\n})\n\nconst cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs))\n\nexport { cn }\n"],"mappings":";;;AAmIA,MAAM,EAAE,OAAO,UAAU,GAAG,gBAAgB;CA9H1C,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EAAC;EAAY;EAAY;EAAY;EAAe;EAAkB;CAAe;CAC3F,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,WAAW;EAAC;EAAY;EAAc;EAAc;EAAW;CAAW;CAC1E,UAAU;EAAC;EAAQ;EAAQ;EAAQ;CAAM;CACzC,MAAM;EAAC;EAAM;EAAa;EAAY;CAAW;CACjD,MAAM,CAAC,cAAc,SAAS;CAC9B,QAAQ;EAAC;EAAW;EAAa;EAAc;EAAY;EAAW;CAAS;CAC/E,QAAQ,CAAC,YAAY,SAAS;CAC9B,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU,CAAC,YAAY,YAAY;AAGc;AAEnD,MAAM,UAAU,oBAAiD,EAC/D,QAAQ;CACN,aAAa;EACX,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;EACjC,cAAc,CAAC,EAAE,OAAO,SAAS,CAAC,EAAE,CAAC;EACrC,cAAc;GAAC;GAAe;GAAkB;EAAe;EAC/D,UAAU,CAAC,EAAE,UAAU,YAAY,CAAC,EAAE,CAAC;EACvC,cAAc,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC;CACvC;CACA,OAAO;EAAE,GAAG;EAAa,OAAO,SAAS,CAAC;CAAE;AAC9C,EACF,CAAC;AAED,MAAM,MAAM,GAAG,WAAiC,QAAQ,KAAK,MAAM,CAAC"}

package/dist/czech.d.ts

@@ -0,0 +1,6 @@
+import { Language } from "./words.js";
+//#region src/czech.d.ts
+declare const czech: Language;
+//#endregion
+export { czech };
+//# sourceMappingURL=czech.d.ts.map

package/dist/czech.js

@@ -0,0 +1,100 @@
+//#region src/czech.ts
+const SINGLE = 1;
+const FEW_FIRST = 2;
+const FEW_LAST = 4;
+const results = (count, written) => {
+	if (count === SINGLE) return "1 výsledek";
+	if (count >= FEW_FIRST && count <= FEW_LAST) return `${written} výsledky`;
+	return `${written} výsledků`;
+};
+const czech = {
+	locale: "cs-CZ",
+	words: {
+		datePicker: {
+			calendar: "Kalendář",
+			choose: (day) => `Vybrat ${day}`,
+			chosen: (day) => `Vybráno, ${day}`,
+			clear: "Smazat data",
+			close: "Zavřít kalendář",
+			nextDecade: "Další dekáda",
+			nextMonth: "Další měsíc",
+			nextYear: "Další rok",
+			open: "Otevřít kalendář",
+			patternDay: "dd",
+			patternMonth: "mm",
+			patternYear: "rrrr",
+			pickMonth: "Vyberte měsíc",
+			pickYear: "Vyberte rok",
+			preset: (span) => `Vybrat ${span}`,
+			previousDecade: "Předchozí dekáda",
+			previousMonth: "Předchozí měsíc",
+			previousYear: "Předchozí rok",
+			rangeFrom: (day) => `Začít rozsah na ${day}`,
+			rangeTo: (day) => `Ukončit rozsah na ${day}`,
+			showDays: "Zobrazit dny",
+			showMonths: "Zobrazit měsíce",
+			showYears: "Zobrazit roky",
+			unavailable: (day) => `Nedostupné, ${day}`,
+			week: "Týd.",
+			weekNumber: (week) => `${week}. týden`
+		},
+		dialog: { close: "Zavřít" },
+		listbox: { empty: "Není z čeho vybírat" },
+		queue: { label: "Fronta" },
+		search: {
+			dismiss: "Esc zavře",
+			nothing: "Tomu nic neodpovídá",
+			results
+		},
+		select: { clear: "Zrušit výběr" },
+		sidebar: {
+			collapse: "Sbalit panel",
+			expand: "Rozbalit panel",
+			openMenu: "Otevřít menu"
+		},
+		stat: {
+			change: "Změna",
+			fell: "dolů",
+			rose: "nahoru"
+		},
+		table: {
+			actions: "Akce",
+			anything: "Cokoli",
+			clear: "Zrušit",
+			clearAll: "Zrušit filtry",
+			clearFilter: (column) => `Zrušit filtr na ${column}`,
+			clearSelection: "Zrušit označení",
+			done: "Hotovo",
+			emptyHint: "Až tu něco bude, uvidíte to zde.",
+			emptyTitle: "Zatím tu nic není",
+			expandRow: (row) => `Zobrazit více o řádku ${row}`,
+			filterBy: (column) => `Filtrovat ${column}`,
+			filterPick: (column) => `Vyberte z ${column}`,
+			filterRange: (column) => `Rozsah ${column}`,
+			filterSearch: (column) => `Hledat v ${column}`,
+			from: "Od",
+			nextPage: "Další stránka",
+			noRows: "Žádné řádky",
+			nothingHint: "Zrušte jednu z podmínek, nebo smažte hledání.",
+			nothingTitle: "Těmto filtrům nic neodpovídá",
+			pages: "Stránky",
+			previousPage: "Předchozí stránka",
+			rowsPerPage: "Řádků na stránku",
+			selectAll: "Označit řádky na této stránce",
+			selectRow: (row) => `Označit řádek ${row}`,
+			selected: (_count, written) => `${written} označeno`,
+			shown: (from, to, total) => `${from}–${to} z ${total}`,
+			sortAscending: (column) => `Řadit ${column} od nejmenšího`,
+			sortBy: (column) => `Řadit podle ${column}`,
+			sortClear: (column) => `Přestat řadit podle ${column}`,
+			sortDescending: (column) => `Řadit ${column} od největšího`,
+			to: "Do"
+		},
+		tail: { empty: "Žádné řádky logu" },
+		userMenu: { account: "účet" }
+	}
+};
+//#endregion
+export { czech };
+
+//# sourceMappingURL=czech.js.map

package/dist/czech.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"czech.js","names":[],"sources":["../src/czech.ts"],"sourcesContent":["import type { Language } from './words'\n\nconst SINGLE = 1\n\nconst FEW_FIRST = 2\n\nconst FEW_LAST = 4\n\nconst results = (count: number, written: string): string => {\n  if (count === SINGLE) {\n    return '1 výsledek'\n  }\n  if (count >= FEW_FIRST && count <= FEW_LAST) {\n    return `${written} výsledky`\n  }\n  return `${written} výsledků`\n}\n\nconst czech: Language = {\n  locale: 'cs-CZ',\n\n  words: {\n    datePicker: {\n      calendar: 'Kalendář',\n      choose: (day) => `Vybrat ${day}`,\n      chosen: (day) => `Vybráno, ${day}`,\n      clear: 'Smazat data',\n      close: 'Zavřít kalendář',\n      nextDecade: 'Další dekáda',\n      nextMonth: 'Další měsíc',\n      nextYear: 'Další rok',\n      open: 'Otevřít kalendář',\n      patternDay: 'dd',\n      patternMonth: 'mm',\n      patternYear: 'rrrr',\n      pickMonth: 'Vyberte měsíc',\n      pickYear: 'Vyberte rok',\n      preset: (span) => `Vybrat ${span}`,\n      previousDecade: 'Předchozí dekáda',\n      previousMonth: 'Předchozí měsíc',\n      previousYear: 'Předchozí rok',\n      rangeFrom: (day) => `Začít rozsah na ${day}`,\n      rangeTo: (day) => `Ukončit rozsah na ${day}`,\n      showDays: 'Zobrazit dny',\n      showMonths: 'Zobrazit měsíce',\n      showYears: 'Zobrazit roky',\n      unavailable: (day) => `Nedostupné, ${day}`,\n      week: 'Týd.',\n      weekNumber: (week) => `${week}. týden`,\n    },\n\n    dialog: {\n      close: 'Zavřít',\n    },\n\n    listbox: {\n      empty: 'Není z čeho vybírat',\n    },\n\n    queue: {\n      label: 'Fronta',\n    },\n\n    search: {\n      dismiss: 'Esc zavře',\n      nothing: 'Tomu nic neodpovídá',\n      results,\n    },\n\n    select: {\n      clear: 'Zrušit výběr',\n    },\n\n    sidebar: {\n      collapse: 'Sbalit panel',\n      expand: 'Rozbalit panel',\n      openMenu: 'Otevřít menu',\n    },\n\n    stat: {\n      change: 'Změna',\n      fell: 'dolů',\n      rose: 'nahoru',\n    },\n\n    table: {\n      actions: 'Akce',\n      anything: 'Cokoli',\n      clear: 'Zrušit',\n      clearAll: 'Zrušit filtry',\n      clearFilter: (column) => `Zrušit filtr na ${column}`,\n      clearSelection: 'Zrušit označení',\n      done: 'Hotovo',\n      emptyHint: 'Až tu něco bude, uvidíte to zde.',\n      emptyTitle: 'Zatím tu nic není',\n      expandRow: (row) => `Zobrazit více o řádku ${row}`,\n      filterBy: (column) => `Filtrovat ${column}`,\n      filterPick: (column) => `Vyberte z ${column}`,\n      filterRange: (column) => `Rozsah ${column}`,\n      filterSearch: (column) => `Hledat v ${column}`,\n      from: 'Od',\n      nextPage: 'Další stránka',\n      noRows: 'Žádné řádky',\n      nothingHint: 'Zrušte jednu z podmínek, nebo smažte hledání.',\n      nothingTitle: 'Těmto filtrům nic neodpovídá',\n      pages: 'Stránky',\n      previousPage: 'Předchozí stránka',\n      rowsPerPage: 'Řádků na stránku',\n      selectAll: 'Označit řádky na této stránce',\n      selectRow: (row) => `Označit řádek ${row}`,\n      selected: (_count, written) => `${written} označeno`,\n      shown: (from, to, total) => `${from}–${to} z ${total}`,\n      sortAscending: (column) => `Řadit ${column} od nejmenšího`,\n      sortBy: (column) => `Řadit podle ${column}`,\n      sortClear: (column) => `Přestat řadit podle ${column}`,\n      sortDescending: (column) => `Řadit ${column} od největšího`,\n      to: 'Do',\n    },\n\n    tail: {\n      empty: 'Žádné řádky logu',\n    },\n\n    userMenu: {\n      account: 'účet',\n    },\n  },\n}\n\nexport { czech }\n"],"mappings":";AAEA,MAAM,SAAS;AAEf,MAAM,YAAY;AAElB,MAAM,WAAW;AAEjB,MAAM,WAAW,OAAe,YAA4B;CAC1D,IAAI,UAAU,QACZ,OAAO;CAET,IAAI,SAAS,aAAa,SAAS,UACjC,OAAO,GAAG,QAAQ;CAEpB,OAAO,GAAG,QAAQ;AACpB;AAEA,MAAM,QAAkB;CACtB,QAAQ;CAER,OAAO;EACL,YAAY;GACV,UAAU;GACV,SAAS,QAAQ,UAAU;GAC3B,SAAS,QAAQ,YAAY;GAC7B,OAAO;GACP,OAAO;GACP,YAAY;GACZ,WAAW;GACX,UAAU;GACV,MAAM;GACN,YAAY;GACZ,cAAc;GACd,aAAa;GACb,WAAW;GACX,UAAU;GACV,SAAS,SAAS,UAAU;GAC5B,gBAAgB;GAChB,eAAe;GACf,cAAc;GACd,YAAY,QAAQ,mBAAmB;GACvC,UAAU,QAAQ,qBAAqB;GACvC,UAAU;GACV,YAAY;GACZ,WAAW;GACX,cAAc,QAAQ,eAAe;GACrC,MAAM;GACN,aAAa,SAAS,GAAG,KAAK;EAChC;EAEA,QAAQ,EACN,OAAO,SACT;EAEA,SAAS,EACP,OAAO,sBACT;EAEA,OAAO,EACL,OAAO,SACT;EAEA,QAAQ;GACN,SAAS;GACT,SAAS;GACT;EACF;EAEA,QAAQ,EACN,OAAO,eACT;EAEA,SAAS;GACP,UAAU;GACV,QAAQ;GACR,UAAU;EACZ;EAEA,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,MAAM;EACR;EAEA,OAAO;GACL,SAAS;GACT,UAAU;GACV,OAAO;GACP,UAAU;GACV,cAAc,WAAW,mBAAmB;GAC5C,gBAAgB;GAChB,MAAM;GACN,WAAW;GACX,YAAY;GACZ,YAAY,QAAQ,yBAAyB;GAC7C,WAAW,WAAW,aAAa;GACnC,aAAa,WAAW,aAAa;GACrC,cAAc,WAAW,UAAU;GACnC,eAAe,WAAW,YAAY;GACtC,MAAM;GACN,UAAU;GACV,QAAQ;GACR,aAAa;GACb,cAAc;GACd,OAAO;GACP,cAAc;GACd,aAAa;GACb,WAAW;GACX,YAAY,QAAQ,iBAAiB;GACrC,WAAW,QAAQ,YAAY,GAAG,QAAQ;GAC1C,QAAQ,MAAM,IAAI,UAAU,GAAG,KAAK,GAAG,GAAG,KAAK;GAC/C,gBAAgB,WAAW,SAAS,OAAO;GAC3C,SAAS,WAAW,eAAe;GACnC,YAAY,WAAW,uBAAuB;GAC9C,iBAAiB,WAAW,SAAS,OAAO;GAC5C,IAAI;EACN;EAEA,MAAM,EACJ,OAAO,mBACT;EAEA,UAAU,EACR,SAAS,OACX;CACF;AACF"}

package/dist/index.d.ts

@@ -4,10 +4,11 @@ import { GroupedBarsOptionInput, GroupedBarsSeries, groupedBarsOption } from "./
 import { SparkAccent, SparkOptionInput, SparkShape, sparkOption } from "./charts/spark.js";
 import { cn } from "./cn.js";
 import { ButtonSize, ControlSize, FieldSize, controlIcon, defaultControlSize, defaultFieldSize } from "./control.js";
+import { DatePickerWords, DialogWords, Language, SearchWords, SelectWords, SidebarWords, StatWords, TableWords, TailWords, UserMenuWords, Words, english } from "./words.js";
+import { czech } from "./czech.js";
 import { MarkPlate, defaultMarkPlate, markPlates } from "./mark.js";
 import { Tally, WHOLE, tallyAt, tallyOf } from "./tally.js";
 import { Tone, toneBlend, toneText, toneTint } from "./tone.js";
-import { DatePickerWords, DialogWords, Language, SearchWords, SelectWords, SidebarWords, StatWords, TableWords, TailWords, UserMenuWords, Words, english } from "./words.js";
 import { accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe } from "./recipes/accordion.js";
 import { AlertVariant, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, defaultAlertVariant } from "./recipes/alert.js";
 import { bandRecipe } from "./recipes/band.js";
@@ -30,22 +31,22 @@ import { listItemRecipe, listItemStackRecipe } from "./recipes/listItem.js";
 import { ListboxMark, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe } from "./recipes/listbox.js";
 import { MarqueeItem, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe } from "./recipes/marquee.js";
 import { MenuPlacement, MenuTone, defaultMenuPlacement, defaultMenuTone, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones } from "./recipes/menu.js";
-import { MetaRowEmphasis, MetaRowLayout, defaultMetaRowEmphasis, defaultMetaRowLayout, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones } from "./recipes/metaRow.js";
+import { MetaRowEmphasis, MetaRowLayout, MetaRowPairedLayout, defaultMetaRowEmphasis, defaultMetaRowLayout, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones } from "./recipes/metaRow.js";
 import { MeterPartEdge, MeterVariant, defaultMeterVariant, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants } from "./recipes/meter.js";
 import { collapseMotion, overlayMotion } from "./recipes/motion.js";
-import { nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe } from "./recipes/nebula.js";
+import { NebulaOrigin, defaultNebulaTone, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaOrigins, nebulaRecipe, nebulaTones, nebulaVeilRecipe } from "./recipes/nebula.js";
 import { numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe } from "./recipes/numberRange.js";
-import { PaperInset, PaperVariant, defaultPaperInset, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants } from "./recipes/paper.js";
+import { PaperInset, PaperVariant, defaultPaperInset, defaultPaperTone, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperTones, paperVariants } from "./recipes/paper.js";
 import { progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe } from "./recipes/progressBar.js";
 import { queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe } from "./recipes/queue.js";
 import { RadioAccent, defaultRadioAccent, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe } from "./recipes/radioGroup.js";
 import { scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe } from "./recipes/scopeSwitcher.js";
 import { ScrollAreaSurface, defaultScrollAreaSurface, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe } from "./recipes/scrollArea.js";
 import { searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe } from "./recipes/searchPalette.js";
-import { SectionHeaderSize, defaultSectionHeaderSize, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes } from "./recipes/sectionHeader.js";
+import { SectionHeaderEyebrow, SectionHeaderSize, defaultSectionHeaderSize, restingEyebrow, sectionHeaderEyebrows, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, sectionHeaderTones } from "./recipes/sectionHeader.js";
 import { segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe } from "./recipes/segmentedControl.js";
 import { selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe } from "./recipes/select.js";
-import { SeparatorOrientation, SeparatorVariant, defaultSeparatorOrientation, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorVariants } from "./recipes/separator.js";
+import { SeparatorOrientation, SeparatorVariant, defaultSeparatorOrientation, defaultSeparatorTone, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorTones, separatorVariants } from "./recipes/separator.js";
 import { sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe } from "./recipes/sidebar.js";
 import { sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe } from "./recipes/slider.js";
 import { Cloud, StarLayer, cloudDrift, contentRecipe, driftRecipe, skyRecipe, starLayers, starRecipe } from "./recipes/sky.js";
@@ -62,4 +63,4 @@ import { tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe,
 import { tableFootRecipe, tableGapRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tableRangeRecipe } from "./recipes/tablePaging.js";
 import { SwitchAccent, defaultSwitchAccent, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe } from "./recipes/switch.js";
 import { TextareaReach, textareaCountRecipe, textareaRecipe, textareaShellRecipe } from "./recipes/textarea.js";
-export { type AlertVariant, type BarsAccent, type BarsOptionInput, type BarsPoint, type Brand, type BrandSlug, type ButtonAccent, type ButtonSize, type ButtonVariant, type CardHeaderRank, type CheckboxAccent, type ChipAccent, type ChipSize, type ChipTone, type Cloud, type ControlSize, type DatePickerMode, type DatePickerRangePreset, type DatePickerWords, type DialogLayout, type DialogSize, type DialogWords, type FeatureLevel, type FieldSize, type GroupedBarsOptionInput, type GroupedBarsSeries, HEADING_DEFAULT_TAG, type HeadingLevel, type HeartbeatState, type InputType, type Language, type ListboxMark, type MarkPlate, type MarqueeItem, type MenuPlacement, type MenuTone, type MetaRowEmphasis, type MetaRowLayout, type MeterPartEdge, type MeterVariant, type PaperInset, type PaperVariant, type RadioAccent, type ScrollAreaSurface, type SearchWords, type SectionHeaderSize, type SelectWords, type SeparatorOrientation, type SeparatorVariant, type SidebarWords, type SparkAccent, type SparkOptionInput, type SparkShape, type StarLayer, type StatAccent, type StatDirection, type StatSparkShape, type StatSurface, type StatWords, type SwitchAccent, TRAILING_INSET, type TableAlign, type TableFilterKind, type TableWords, type TailSeverity, type TailWords, type Tally, type TextFamily, type TextSize, type TextTone, type TextWeight, type TextareaReach, type TileRest, type TileTone, type Tone, type TooltipPlacement, type TopBarLevel, type TrailFlow, type TrailState, type UserMenuWords, WHOLE, type Words, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, bandRecipe, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsOption, barsRecipe, barsSummaryRecipe, barsTextRecipe, brandMarkRecipe, brandTitle, brands, buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe, cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, cloudDrift, cn, codeEditorRecipe, codeEditorTheme, codeSyntaxColors, collapseMotion, contentRecipe, controlIcon, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultAlertVariant, defaultBrand, defaultCardHeaderRank, defaultCheckboxAccent, defaultChipAccent, defaultChipSize, defaultChipTone, defaultControlSize, defaultDatePickerMode, defaultDialogLayout, defaultDialogSize, defaultFeatureLevel, defaultFieldSize, defaultHeadingLevel, defaultHeartbeatState, defaultMarkPlate, defaultMenuPlacement, defaultMenuTone, defaultMetaRowEmphasis, defaultMetaRowLayout, defaultMeterVariant, defaultPaperInset, defaultPaperVariant, defaultRadioAccent, defaultScrollAreaSurface, defaultSectionHeaderSize, defaultSeparatorOrientation, defaultSeparatorVariant, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, defaultSwitchAccent, defaultTailSeverity, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, defaultTileRest, defaultTileTone, defaultTooltipPlacement, defaultTopBarLevel, defaultTrailFlow, defaultTrailState, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe, driftRecipe, english, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe, fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe, groupedBarsOption, headingLevels, headingRecipe, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe, inputRecipe, inputTypes, labelRoom, leadingRecipe, listItemRecipe, listItemStackRecipe, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe, markPlates, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe, numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe, overlayMotion, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants, progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe, queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe, restingWeight, scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe, searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe, selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe, separatorOrientations, separatorRecipe, separatorVariants, sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe, skyRecipe, sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe, sparkOption, starLayers, starRecipe, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterMarkRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe, tableFootRecipe, tableGapRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tablePinWidth, tableRangeRecipe, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe, tallyAt, tallyOf, textFamilies, textRecipe, textSizes, textTones, textWeights, textareaCountRecipe, textareaRecipe, textareaShellRecipe, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones, toneBlend, toneText, toneTint, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe, trailingActionRecipe, trailingRecipe, userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
+export { type AlertVariant, type BarsAccent, type BarsOptionInput, type BarsPoint, type Brand, type BrandSlug, type ButtonAccent, type ButtonSize, type ButtonVariant, type CardHeaderRank, type CheckboxAccent, type ChipAccent, type ChipSize, type ChipTone, type Cloud, type ControlSize, type DatePickerMode, type DatePickerRangePreset, type DatePickerWords, type DialogLayout, type DialogSize, type DialogWords, type FeatureLevel, type FieldSize, type GroupedBarsOptionInput, type GroupedBarsSeries, HEADING_DEFAULT_TAG, type HeadingLevel, type HeartbeatState, type InputType, type Language, type ListboxMark, type MarkPlate, type MarqueeItem, type MenuPlacement, type MenuTone, type MetaRowEmphasis, type MetaRowLayout, type MetaRowPairedLayout, type MeterPartEdge, type MeterVariant, type NebulaOrigin, type PaperInset, type PaperVariant, type RadioAccent, type ScrollAreaSurface, type SearchWords, type SectionHeaderEyebrow, type SectionHeaderSize, type SelectWords, type SeparatorOrientation, type SeparatorVariant, type SidebarWords, type SparkAccent, type SparkOptionInput, type SparkShape, type StarLayer, type StatAccent, type StatDirection, type StatSparkShape, type StatSurface, type StatWords, type SwitchAccent, TRAILING_INSET, type TableAlign, type TableFilterKind, type TableWords, type TailSeverity, type TailWords, type Tally, type TextFamily, type TextSize, type TextTone, type TextWeight, type TextareaReach, type TileRest, type TileTone, type Tone, type TooltipPlacement, type TopBarLevel, type TrailFlow, type TrailState, type UserMenuWords, WHOLE, type Words, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, bandRecipe, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsOption, barsRecipe, barsSummaryRecipe, barsTextRecipe, brandMarkRecipe, brandTitle, brands, buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe, cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, cloudDrift, cn, codeEditorRecipe, codeEditorTheme, codeSyntaxColors, collapseMotion, contentRecipe, controlIcon, czech, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultAlertVariant, defaultBrand, defaultCardHeaderRank, defaultCheckboxAccent, defaultChipAccent, defaultChipSize, defaultChipTone, defaultControlSize, defaultDatePickerMode, defaultDialogLayout, defaultDialogSize, defaultFeatureLevel, defaultFieldSize, defaultHeadingLevel, defaultHeartbeatState, defaultMarkPlate, defaultMenuPlacement, defaultMenuTone, defaultMetaRowEmphasis, defaultMetaRowLayout, defaultMeterVariant, defaultNebulaTone, defaultPaperInset, defaultPaperTone, defaultPaperVariant, defaultRadioAccent, defaultScrollAreaSurface, defaultSectionHeaderSize, defaultSeparatorOrientation, defaultSeparatorTone, defaultSeparatorVariant, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, defaultSwitchAccent, defaultTailSeverity, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, defaultTileRest, defaultTileTone, defaultTooltipPlacement, defaultTopBarLevel, defaultTrailFlow, defaultTrailState, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe, driftRecipe, english, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe, fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe, groupedBarsOption, headingLevels, headingRecipe, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe, inputRecipe, inputTypes, labelRoom, leadingRecipe, listItemRecipe, listItemStackRecipe, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe, markPlates, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaOrigins, nebulaRecipe, nebulaTones, nebulaVeilRecipe, numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe, overlayMotion, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperTones, paperVariants, progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe, queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe, restingEyebrow, restingWeight, scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe, searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe, sectionHeaderEyebrows, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, sectionHeaderTones, segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe, selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe, separatorOrientations, separatorRecipe, separatorTones, separatorVariants, sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe, skyRecipe, sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe, sparkOption, starLayers, starRecipe, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterMarkRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe, tableFootRecipe, tableGapRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tablePinWidth, tableRangeRecipe, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe, tallyAt, tallyOf, textFamilies, textRecipe, textSizes, textTones, textWeights, textareaCountRecipe, textareaRecipe, textareaShellRecipe, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones, toneBlend, toneText, toneTint, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe, trailingActionRecipe, trailingRecipe, userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };

package/dist/index.js

@@ -4,6 +4,7 @@ import { groupedBarsOption } from "./charts/groupedBars.js";
 import { sparkOption } from "./charts/spark.js";
 import { cn } from "./cn.js";
 import { controlIcon, defaultControlSize, defaultFieldSize } from "./control.js";
+import { czech } from "./czech.js";
 import { defaultMarkPlate, markPlates } from "./mark.js";
 import { WHOLE, tallyAt, tallyOf } from "./tally.js";
 import { toneBlend, toneText, toneTint } from "./tone.js";
@@ -33,19 +34,19 @@ import { marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRec
 import { defaultMenuPlacement, defaultMenuTone, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones } from "./recipes/menu.js";
 import { defaultMetaRowEmphasis, defaultMetaRowLayout, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones } from "./recipes/metaRow.js";
 import { defaultMeterVariant, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants } from "./recipes/meter.js";
-import { nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe } from "./recipes/nebula.js";
+import { defaultNebulaTone, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaOrigins, nebulaRecipe, nebulaTones, nebulaVeilRecipe } from "./recipes/nebula.js";
 import { numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe } from "./recipes/numberRange.js";
-import { defaultPaperInset, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants } from "./recipes/paper.js";
+import { defaultPaperInset, defaultPaperTone, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperTones, paperVariants } from "./recipes/paper.js";
 import { progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe } from "./recipes/progressBar.js";
 import { queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe } from "./recipes/queue.js";
 import { defaultRadioAccent, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe } from "./recipes/radioGroup.js";
 import { scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe } from "./recipes/scopeSwitcher.js";
 import { defaultScrollAreaSurface, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe } from "./recipes/scrollArea.js";
 import { searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe } from "./recipes/searchPalette.js";
-import { defaultSectionHeaderSize, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes } from "./recipes/sectionHeader.js";
+import { defaultSectionHeaderSize, restingEyebrow, sectionHeaderEyebrows, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, sectionHeaderTones } from "./recipes/sectionHeader.js";
 import { segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe } from "./recipes/segmentedControl.js";
 import { selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe } from "./recipes/select.js";
-import { defaultSeparatorOrientation, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorVariants } from "./recipes/separator.js";
+import { defaultSeparatorOrientation, defaultSeparatorTone, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorTones, separatorVariants } from "./recipes/separator.js";
 import { sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe } from "./recipes/sidebar.js";
 import { sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe } from "./recipes/slider.js";
 import { cloudDrift, contentRecipe, driftRecipe, skyRecipe, starLayers, starRecipe } from "./recipes/sky.js";
@@ -62,4 +63,4 @@ import { tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe,
 import { tableFootRecipe, tableGapRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tableRangeRecipe } from "./recipes/tablePaging.js";
 import { defaultSwitchAccent, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe } from "./recipes/switch.js";
 import { textareaCountRecipe, textareaRecipe, textareaShellRecipe } from "./recipes/textarea.js";
-export { HEADING_DEFAULT_TAG, TRAILING_INSET, WHOLE, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, bandRecipe, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsOption, barsRecipe, barsSummaryRecipe, barsTextRecipe, brandMarkRecipe, brandTitle, brands, buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe, cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, cloudDrift, cn, codeEditorRecipe, codeEditorTheme, codeSyntaxColors, collapseMotion, contentRecipe, controlIcon, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultAlertVariant, defaultBrand, defaultCardHeaderRank, defaultCheckboxAccent, defaultChipAccent, defaultChipSize, defaultChipTone, defaultControlSize, defaultDatePickerMode, defaultDialogLayout, defaultDialogSize, defaultFeatureLevel, defaultFieldSize, defaultHeadingLevel, defaultHeartbeatState, defaultMarkPlate, defaultMenuPlacement, defaultMenuTone, defaultMetaRowEmphasis, defaultMetaRowLayout, defaultMeterVariant, defaultPaperInset, defaultPaperVariant, defaultRadioAccent, defaultScrollAreaSurface, defaultSectionHeaderSize, defaultSeparatorOrientation, defaultSeparatorVariant, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, defaultSwitchAccent, defaultTailSeverity, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, defaultTileRest, defaultTileTone, defaultTooltipPlacement, defaultTopBarLevel, defaultTrailFlow, defaultTrailState, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe, driftRecipe, english, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe, fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe, groupedBarsOption, headingLevels, headingRecipe, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe, inputRecipe, inputTypes, labelRoom, leadingRecipe, listItemRecipe, listItemStackRecipe, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe, markPlates, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe, numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe, overlayMotion, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants, progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe, queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe, restingWeight, scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe, searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe, selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe, separatorOrientations, separatorRecipe, separatorVariants, sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe, skyRecipe, sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe, sparkOption, starLayers, starRecipe, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterMarkRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe, tableFootRecipe, tableGapRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tablePinWidth, tableRangeRecipe, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe, tallyAt, tallyOf, textFamilies, textRecipe, textSizes, textTones, textWeights, textareaCountRecipe, textareaRecipe, textareaShellRecipe, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones, toneBlend, toneText, toneTint, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe, trailingActionRecipe, trailingRecipe, userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
+export { HEADING_DEFAULT_TAG, TRAILING_INSET, WHOLE, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, bandRecipe, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsOption, barsRecipe, barsSummaryRecipe, barsTextRecipe, brandMarkRecipe, brandTitle, brands, buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe, cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, cloudDrift, cn, codeEditorRecipe, codeEditorTheme, codeSyntaxColors, collapseMotion, contentRecipe, controlIcon, czech, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultAlertVariant, defaultBrand, defaultCardHeaderRank, defaultCheckboxAccent, defaultChipAccent, defaultChipSize, defaultChipTone, defaultControlSize, defaultDatePickerMode, defaultDialogLayout, defaultDialogSize, defaultFeatureLevel, defaultFieldSize, defaultHeadingLevel, defaultHeartbeatState, defaultMarkPlate, defaultMenuPlacement, defaultMenuTone, defaultMetaRowEmphasis, defaultMetaRowLayout, defaultMeterVariant, defaultNebulaTone, defaultPaperInset, defaultPaperTone, defaultPaperVariant, defaultRadioAccent, defaultScrollAreaSurface, defaultSectionHeaderSize, defaultSeparatorOrientation, defaultSeparatorTone, defaultSeparatorVariant, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, defaultSwitchAccent, defaultTailSeverity, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, defaultTileRest, defaultTileTone, defaultTooltipPlacement, defaultTopBarLevel, defaultTrailFlow, defaultTrailState, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe, driftRecipe, english, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe, fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe, groupedBarsOption, headingLevels, headingRecipe, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe, inputRecipe, inputTypes, labelRoom, leadingRecipe, listItemRecipe, listItemStackRecipe, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe, markPlates, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaOrigins, nebulaRecipe, nebulaTones, nebulaVeilRecipe, numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe, overlayMotion, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperTones, paperVariants, progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe, queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe, restingEyebrow, restingWeight, scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe, searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe, sectionHeaderEyebrows, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, sectionHeaderTones, segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe, selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe, separatorOrientations, separatorRecipe, separatorTones, separatorVariants, sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe, skyRecipe, sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe, sparkOption, starLayers, starRecipe, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterMarkRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe, tableFootRecipe, tableGapRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tablePinWidth, tableRangeRecipe, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe, tallyAt, tallyOf, textFamilies, textRecipe, textSizes, textTones, textWeights, textareaCountRecipe, textareaRecipe, textareaShellRecipe, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones, toneBlend, toneText, toneTint, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe, trailingActionRecipe, trailingRecipe, userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };

package/dist/parts/rule.js

@@ -1,12 +1,15 @@
 //#region src/parts/rule.ts
-const HAIRLINE_ACROSS = "h-tf-hairline blend-tf-accent";
-const HAIRLINE_DOWN = "w-tf-hairline min-h-tf-row blend-tf-accent";
-const ruleFading = `${HAIRLINE_ACROSS} tf-rule`;
-const ruleQuiet = "h-tf-hairline tf-rule-quiet";
-const ruleFilled = `${HAIRLINE_ACROSS} tf-rule-filled`;
-const ruleFadingDown = `${HAIRLINE_DOWN} tf-rule-fall`;
-const ruleFilledDown = `${HAIRLINE_DOWN} tf-rule-filled-fall`;
+const HAIRLINE_ACROSS = "h-tf-hairline";
+const HAIRLINE_DOWN = "w-tf-hairline min-h-tf-row";
+const RULE_ACCENT = "blend-tf-accent";
+const fadingOf = (blend) => `${HAIRLINE_ACROSS} ${blend} tf-rule`;
+const filledOf = (blend) => `${HAIRLINE_ACROSS} ${blend} tf-rule-filled`;
+const fadingDownOf = (blend) => `${HAIRLINE_DOWN} ${blend} tf-rule-fall`;
+const filledDownOf = (blend) => `${HAIRLINE_DOWN} ${blend} tf-rule-filled-fall`;
+const ruleFading = fadingOf(RULE_ACCENT);
+const ruleQuiet = `${HAIRLINE_ACROSS} tf-rule-quiet`;
+const ruleQuietDown = `${HAIRLINE_DOWN} tf-rule-quiet-fall`;
 //#endregion
-export { ruleFading, ruleFadingDown, ruleFilled, ruleFilledDown, ruleQuiet };
+export { fadingDownOf, fadingOf, filledDownOf, filledOf, ruleFading, ruleQuiet, ruleQuietDown };
 
 //# sourceMappingURL=rule.js.map

package/dist/parts/rule.js.map

@@ -1 +1 @@
-{"version":3,"file":"rule.js","names":[],"sources":["../../src/parts/rule.ts"],"sourcesContent":["const HAIRLINE_ACROSS = 'h-tf-hairline blend-tf-accent'\n\nconst HAIRLINE_DOWN = 'w-tf-hairline min-h-tf-row blend-tf-accent'\n\nconst ruleFading = `${HAIRLINE_ACROSS} tf-rule`\n\nconst ruleQuiet = 'h-tf-hairline tf-rule-quiet'\n\nconst ruleFilled = `${HAIRLINE_ACROSS} tf-rule-filled`\n\nconst ruleFadingDown = `${HAIRLINE_DOWN} tf-rule-fall`\n\nconst ruleFilledDown = `${HAIRLINE_DOWN} tf-rule-filled-fall`\n\nexport { ruleFading, ruleFadingDown, ruleFilled, ruleFilledDown, ruleQuiet }\n"],"mappings":";AAAA,MAAM,kBAAkB;AAExB,MAAM,gBAAgB;AAEtB,MAAM,aAAa,GAAG,gBAAgB;AAEtC,MAAM,YAAY;AAElB,MAAM,aAAa,GAAG,gBAAgB;AAEtC,MAAM,iBAAiB,GAAG,cAAc;AAExC,MAAM,iBAAiB,GAAG,cAAc"}
+{"version":3,"file":"rule.js","names":[],"sources":["../../src/parts/rule.ts"],"sourcesContent":["const HAIRLINE_ACROSS = 'h-tf-hairline'\n\nconst HAIRLINE_DOWN = 'w-tf-hairline min-h-tf-row'\n\nconst RULE_ACCENT = 'blend-tf-accent'\n\nconst fadingOf = (blend: string): string => `${HAIRLINE_ACROSS} ${blend} tf-rule`\n\nconst filledOf = (blend: string): string => `${HAIRLINE_ACROSS} ${blend} tf-rule-filled`\n\nconst fadingDownOf = (blend: string): string => `${HAIRLINE_DOWN} ${blend} tf-rule-fall`\n\nconst filledDownOf = (blend: string): string => `${HAIRLINE_DOWN} ${blend} tf-rule-filled-fall`\n\nconst ruleFading = fadingOf(RULE_ACCENT)\n\nconst ruleQuiet = `${HAIRLINE_ACROSS} tf-rule-quiet`\n\nconst ruleQuietDown = `${HAIRLINE_DOWN} tf-rule-quiet-fall`\n\nexport { fadingDownOf, fadingOf, filledDownOf, filledOf, ruleFading, ruleQuiet, ruleQuietDown }\n"],"mappings":";AAAA,MAAM,kBAAkB;AAExB,MAAM,gBAAgB;AAEtB,MAAM,cAAc;AAEpB,MAAM,YAAY,UAA0B,GAAG,gBAAgB,GAAG,MAAM;AAExE,MAAM,YAAY,UAA0B,GAAG,gBAAgB,GAAG,MAAM;AAExE,MAAM,gBAAgB,UAA0B,GAAG,cAAc,GAAG,MAAM;AAE1E,MAAM,gBAAgB,UAA0B,GAAG,cAAc,GAAG,MAAM;AAE1E,MAAM,aAAa,SAAS,WAAW;AAEvC,MAAM,YAAY,GAAG,gBAAgB;AAErC,MAAM,gBAAgB,GAAG,cAAc"}

package/dist/parts/surface.js

@@ -2,14 +2,14 @@
 const surfaceShape = ["relative isolate", "rounded-tf-card"];
 const surfaceFill = ["bg-tf-panel backdrop-blur-tf-panel"];
 const surfaceEdge = ["tf-edge-sweep tf-swept"];
-const surfacePanel = [
+const surfaceSkin = [
 	...surfaceShape,
 	...surfaceFill,
-	...surfaceEdge,
-	"blend-tf-accent"
+	...surfaceEdge
 ];
+const surfacePanel = [...surfaceSkin, "blend-tf-accent"];
 const surfaceLifted = ["shadow-tf-float", "tf-cloud-brand tf-clouded-lifted tf-fill-scale"];
 //#endregion
-export { surfaceLifted, surfacePanel };
+export { surfaceLifted, surfacePanel, surfaceSkin };
 
 //# sourceMappingURL=surface.js.map

package/dist/parts/surface.js.map

@@ -1 +1 @@
-{"version":3,"file":"surface.js","names":[],"sources":["../../src/parts/surface.ts"],"sourcesContent":["const surfaceShape = ['relative isolate', 'rounded-tf-card']\n\nconst surfaceFill = ['bg-tf-panel backdrop-blur-tf-panel']\n\nconst surfaceEdge = ['tf-edge-sweep tf-swept']\n\nconst surfacePanel = [...surfaceShape, ...surfaceFill, ...surfaceEdge, 'blend-tf-accent']\n\nconst surfaceLifted = ['shadow-tf-float', 'tf-cloud-brand tf-clouded-lifted tf-fill-scale']\n\nexport { surfaceLifted, surfacePanel }\n"],"mappings":";AAAA,MAAM,eAAe,CAAC,oBAAoB,iBAAiB;AAE3D,MAAM,cAAc,CAAC,oCAAoC;AAEzD,MAAM,cAAc,CAAC,wBAAwB;AAE7C,MAAM,eAAe;CAAC,GAAG;CAAc,GAAG;CAAa,GAAG;CAAa;AAAiB;AAExF,MAAM,gBAAgB,CAAC,mBAAmB,gDAAgD"}
+{"version":3,"file":"surface.js","names":[],"sources":["../../src/parts/surface.ts"],"sourcesContent":["const surfaceShape = ['relative isolate', 'rounded-tf-card']\n\nconst surfaceFill = ['bg-tf-panel backdrop-blur-tf-panel']\n\nconst surfaceEdge = ['tf-edge-sweep tf-swept']\n\nconst surfaceSkin = [...surfaceShape, ...surfaceFill, ...surfaceEdge]\n\nconst surfacePanel = [...surfaceSkin, 'blend-tf-accent']\n\nconst surfaceLifted = ['shadow-tf-float', 'tf-cloud-brand tf-clouded-lifted tf-fill-scale']\n\nexport { surfaceLifted, surfacePanel, surfaceSkin }\n"],"mappings":";AAAA,MAAM,eAAe,CAAC,oBAAoB,iBAAiB;AAE3D,MAAM,cAAc,CAAC,oCAAoC;AAEzD,MAAM,cAAc,CAAC,wBAAwB;AAE7C,MAAM,cAAc;CAAC,GAAG;CAAc,GAAG;CAAa,GAAG;AAAW;AAEpE,MAAM,eAAe,CAAC,GAAG,aAAa,iBAAiB;AAEvD,MAAM,gBAAgB,CAAC,mBAAmB,gDAAgD"}

package/dist/recipes/field.d.ts

@@ -1,5 +1,6 @@
 //#region src/recipes/field.d.ts
 declare const fieldRecipe: (props?: ({
+  fullWidth?: boolean | null | undefined;
   message?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const fieldRowRecipe: (props?: ({

package/dist/recipes/field.js

@@ -43,12 +43,21 @@ const SHELLS = {
 	lg: [...shellOf("lg"), controlBox.lg].join(" "),
 	md: [...shellOf("md"), controlBox.md].join(" ")
 };
-const fieldRecipe = cva(["grid w-full max-w-tf-panel grid-cols-1 font-tf-body", "tf-grows"], {
-	defaultVariants: { message: false },
-	variants: { message: {
-		false: "grid-rows-[auto_0fr]",
-		true: "grid-rows-[auto_1fr]"
-	} }
+const fieldRecipe = cva(["grid w-full grid-cols-1 font-tf-body", "tf-grows"], {
+	defaultVariants: {
+		fullWidth: false,
+		message: false
+	},
+	variants: {
+		fullWidth: {
+			false: "max-w-tf-panel",
+			true: ""
+		},
+		message: {
+			false: "grid-rows-[auto_0fr]",
+			true: "grid-rows-[auto_1fr]"
+		}
+	}
 });
 const fieldRowRecipe = cva(controlBase, {
 	defaultVariants: {

package/dist/recipes/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":[],"sources":["../../src/recipes/field.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport type { FieldSize } from '#control'\nimport { defaultFieldSize } from '#control'\nimport { controlBase, controlBox, controlInert, controlReach, hitArea } from '#parts/control'\nimport { controlFailed, controlHealthy, controlShell } from '#parts/shell'\n\nconst HEALTHY = [\n  controlHealthy,\n  'reached:**:data-[part=leading]:text-tf-accent-hi',\n  'reached:**:data-[part=leading]:stroke-tf-ink',\n  'reached:**:data-[part=unit]:tf-blended',\n].join(' ')\n\nconst FAILED = [\n  controlFailed,\n  '**:data-[part=leading]:text-tf-danger-hi',\n  '**:data-[part=trailing]:text-tf-danger-hi',\n  '**:data-[part=leading]:stroke-tf-ink',\n  '**:data-[part=trailing]:stroke-tf-ink',\n].join(' ')\n\nconst PENDING = [\n  'tf-edge-lit tf-pulsing tf-clouding',\n  '**:data-[part=nebula]:tf-cloud-breathing',\n  '**:data-[part=leading]:text-tf-accent-hi',\n  '**:data-[part=trailing]:text-tf-accent-hi',\n  '**:data-[part=trailing]:stroke-tf-ink',\n].join(' ')\n\nconst INPUT_WAKES = [\n  'reached:[&_input]:placeholder:opacity-100',\n  'reached:[&_input]:placeholder:delay-(--tf-duration-1)',\n]\n\nconst LABEL_RESTS_CENTRED = {\n  lg: 'asleep:**:data-[part=label]:translate-y-1.5',\n  md: 'asleep:**:data-[part=label]:translate-y-1.75',\n} satisfies Record<FieldSize, string>\n\nconst LABEL_FLOATS_AT = {\n  lg: 'top-3 text-tf-body',\n  md: 'top-2 text-tf-body-sm',\n} satisfies Record<FieldSize, string>\n\nconst A_HALF_IS_ENOUGH = [\n  'data-filled:asleep:**:data-[part=label]:translate-y-0',\n  'data-filled:asleep:**:data-[part=label]:scale-80',\n]\n\nconst shellOf = (size: FieldSize): string[] => [\n  'relative isolate w-full',\n  'font-tf-body',\n  ...controlShell(INPUT_WAKES, LABEL_RESTS_CENTRED[size]),\n  ...A_HALF_IS_ENOUGH,\n]\n\nconst SHELLS = {\n  lg: [...shellOf('lg'), controlBox.lg].join(' '),\n  md: [...shellOf('md'), controlBox.md].join(' '),\n} satisfies Record<FieldSize, string>\n\nconst fieldRecipe = cva(['grid w-full max-w-tf-panel grid-cols-1 font-tf-body', 'tf-grows'], {\n  defaultVariants: { message: false },\n  variants: {\n    message: { false: 'grid-rows-[auto_0fr]', true: 'grid-rows-[auto_1fr]' },\n  },\n})\n\nconst fieldRowRecipe = cva(controlBase, {\n  defaultVariants: { invalid: false, loading: false, size: defaultFieldSize },\n  variants: {\n    invalid: { false: HEALTHY, true: FAILED },\n    loading: { false: '', true: PENDING },\n    size: SHELLS,\n  },\n})\n\nconst fieldLabelRecipe = cva(\n  [\n    'pointer-events-none absolute origin-top-left',\n    'scale-80 tf-label-ramp tf-label-lit',\n    'tf-moves-glide tf-transition motion-reduce:transition-none',\n    'data-disabled:opacity-50',\n    '**:data-[part=required-indicator]:text-tf-danger-hi',\n  ],\n  {\n    defaultVariants: { hidden: false, leading: false, size: defaultFieldSize },\n    variants: {\n      hidden: { false: '', true: 'sr-only' },\n      leading: { false: 'left-4', true: 'left-13' },\n      size: LABEL_FLOATS_AT,\n    },\n  },\n)\n\nconst MESSAGE = 'min-w-0 flex-1 pt-2 text-tf-caption font-medium sm:truncate'\n\nconst fieldHintRecipe = cva(`${MESSAGE} text-tf-muted`)\n\nconst fieldErrorRecipe = cva(`${MESSAGE} text-tf-danger-hi tf-arrives`, {\n  defaultVariants: { alone: false },\n  variants: {\n    alone: { false: 'text-right', true: 'text-left' },\n  },\n})\n\nconst fieldFootRecipe = cva([\n  'flex min-h-0 items-start justify-between overflow-hidden',\n  'gap-x-4 gap-y-1',\n  '**:[text-box-trim:trim-start]',\n])\n\nconst fieldUnitRecipe = cva('text-tf-unit [font-size:var(--text-tf-body-sm)] font-medium')\n\nconst ADORNMENT_BOX = 'absolute top-1/2 flex -translate-y-1/2 items-center text-tf-muted tf-icons'\n\nconst ADORNMENT = `pointer-events-none ${ADORNMENT_BOX}`\n\nconst ADORNMENT_EDGE = 'text-tf-body [&_svg]:size-tf-icon-lg'\n\nconst leadingRecipe = cva(`${ADORNMENT} left-4 ${ADORNMENT_EDGE}`)\n\nconst trailingRecipe = cva(`${ADORNMENT} right-4 ${ADORNMENT_EDGE}`)\n\nconst TRAILING_HIT = hitArea('after:h-tf-control-sm', 'after:w-tf-control-sm')\n\nconst trailingActionRecipe = cva([\n  ADORNMENT_BOX,\n  ADORNMENT_EDGE,\n  'right-4 cursor-pointer',\n  'interactive:hovered:text-tf-fg',\n  'tf-transition motion-reduce:transition-none',\n  TRAILING_HIT,\n  ...controlReach,\n  ...controlInert,\n])\n\nexport {\n  fieldErrorRecipe,\n  fieldFootRecipe,\n  fieldHintRecipe,\n  fieldLabelRecipe,\n  fieldRecipe,\n  fieldRowRecipe,\n  fieldUnitRecipe,\n  leadingRecipe,\n  trailingActionRecipe,\n  trailingRecipe,\n}\n"],"mappings":";;;;;AAOA,MAAM,UAAU;CACd;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,SAAS;CACb;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,cAAc,CAClB,6CACA,uDACF;AAEA,MAAM,sBAAsB;CAC1B,IAAI;CACJ,IAAI;AACN;AAEA,MAAM,kBAAkB;CACtB,IAAI;CACJ,IAAI;AACN;AAEA,MAAM,mBAAmB,CACvB,yDACA,kDACF;AAEA,MAAM,WAAW,SAA8B;CAC7C;CACA;CACA,GAAG,aAAa,aAAa,oBAAoB,KAAK;CACtD,GAAG;AACL;AAEA,MAAM,SAAS;CACb,IAAI,CAAC,GAAG,QAAQ,IAAI,GAAG,WAAW,EAAE,CAAC,CAAC,KAAK,GAAG;CAC9C,IAAI,CAAC,GAAG,QAAQ,IAAI,GAAG,WAAW,EAAE,CAAC,CAAC,KAAK,GAAG;AAChD;AAEA,MAAM,cAAc,IAAI,CAAC,uDAAuD,UAAU,GAAG;CAC3F,iBAAiB,EAAE,SAAS,MAAM;CAClC,UAAU,EACR,SAAS;EAAE,OAAO;EAAwB,MAAM;CAAuB,EACzE;AACF,CAAC;AAED,MAAM,iBAAiB,IAAI,aAAa;CACtC,iBAAiB;EAAE,SAAS;EAAO,SAAS;EAAO,MAAA;CAAuB;CAC1E,UAAU;EACR,SAAS;GAAE,OAAO;GAAS,MAAM;EAAO;EACxC,SAAS;GAAE,OAAO;GAAI,MAAM;EAAQ;EACpC,MAAM;CACR;AACF,CAAC;AAED,MAAM,mBAAmB,IACvB;CACE;CACA;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB;EAAE,QAAQ;EAAO,SAAS;EAAO,MAAA;CAAuB;CACzE,UAAU;EACR,QAAQ;GAAE,OAAO;GAAI,MAAM;EAAU;EACrC,SAAS;GAAE,OAAO;GAAU,MAAM;EAAU;EAC5C,MAAM;CACR;AACF,CACF;AAEA,MAAM,UAAU;AAEhB,MAAM,kBAAkB,IAAI,GAAG,QAAQ,eAAe;AAEtD,MAAM,mBAAmB,IAAI,GAAG,QAAQ,gCAAgC;CACtE,iBAAiB,EAAE,OAAO,MAAM;CAChC,UAAU,EACR,OAAO;EAAE,OAAO;EAAc,MAAM;CAAY,EAClD;AACF,CAAC;AAED,MAAM,kBAAkB,IAAI;CAC1B;CACA;CACA;AACF,CAAC;AAED,MAAM,kBAAkB,IAAI,6DAA6D;AAEzF,MAAM,gBAAgB;AAEtB,MAAM,YAAY,uBAAuB;AAEzC,MAAM,iBAAiB;AAEvB,MAAM,gBAAgB,IAAI,GAAG,UAAU,UAAU,gBAAgB;AAEjE,MAAM,iBAAiB,IAAI,GAAG,UAAU,WAAW,gBAAgB;AAEnE,MAAM,eAAe,QAAQ,yBAAyB,uBAAuB;AAE7E,MAAM,uBAAuB,IAAI;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;CACH,GAAG;AACL,CAAC"}
+{"version":3,"file":"field.js","names":[],"sources":["../../src/recipes/field.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport type { FieldSize } from '#control'\nimport { defaultFieldSize } from '#control'\nimport { controlBase, controlBox, controlInert, controlReach, hitArea } from '#parts/control'\nimport { controlFailed, controlHealthy, controlShell } from '#parts/shell'\n\nconst HEALTHY = [\n  controlHealthy,\n  'reached:**:data-[part=leading]:text-tf-accent-hi',\n  'reached:**:data-[part=leading]:stroke-tf-ink',\n  'reached:**:data-[part=unit]:tf-blended',\n].join(' ')\n\nconst FAILED = [\n  controlFailed,\n  '**:data-[part=leading]:text-tf-danger-hi',\n  '**:data-[part=trailing]:text-tf-danger-hi',\n  '**:data-[part=leading]:stroke-tf-ink',\n  '**:data-[part=trailing]:stroke-tf-ink',\n].join(' ')\n\nconst PENDING = [\n  'tf-edge-lit tf-pulsing tf-clouding',\n  '**:data-[part=nebula]:tf-cloud-breathing',\n  '**:data-[part=leading]:text-tf-accent-hi',\n  '**:data-[part=trailing]:text-tf-accent-hi',\n  '**:data-[part=trailing]:stroke-tf-ink',\n].join(' ')\n\nconst INPUT_WAKES = [\n  'reached:[&_input]:placeholder:opacity-100',\n  'reached:[&_input]:placeholder:delay-(--tf-duration-1)',\n]\n\nconst LABEL_RESTS_CENTRED = {\n  lg: 'asleep:**:data-[part=label]:translate-y-1.5',\n  md: 'asleep:**:data-[part=label]:translate-y-1.75',\n} satisfies Record<FieldSize, string>\n\nconst LABEL_FLOATS_AT = {\n  lg: 'top-3 text-tf-body',\n  md: 'top-2 text-tf-body-sm',\n} satisfies Record<FieldSize, string>\n\nconst A_HALF_IS_ENOUGH = [\n  'data-filled:asleep:**:data-[part=label]:translate-y-0',\n  'data-filled:asleep:**:data-[part=label]:scale-80',\n]\n\nconst shellOf = (size: FieldSize): string[] => [\n  'relative isolate w-full',\n  'font-tf-body',\n  ...controlShell(INPUT_WAKES, LABEL_RESTS_CENTRED[size]),\n  ...A_HALF_IS_ENOUGH,\n]\n\nconst SHELLS = {\n  lg: [...shellOf('lg'), controlBox.lg].join(' '),\n  md: [...shellOf('md'), controlBox.md].join(' '),\n} satisfies Record<FieldSize, string>\n\nconst FIELD_CEILING = 'max-w-tf-panel'\n\nconst fieldRecipe = cva(['grid w-full grid-cols-1 font-tf-body', 'tf-grows'], {\n  defaultVariants: { fullWidth: false, message: false },\n  variants: {\n    fullWidth: { false: FIELD_CEILING, true: '' },\n    message: { false: 'grid-rows-[auto_0fr]', true: 'grid-rows-[auto_1fr]' },\n  },\n})\n\nconst fieldRowRecipe = cva(controlBase, {\n  defaultVariants: { invalid: false, loading: false, size: defaultFieldSize },\n  variants: {\n    invalid: { false: HEALTHY, true: FAILED },\n    loading: { false: '', true: PENDING },\n    size: SHELLS,\n  },\n})\n\nconst fieldLabelRecipe = cva(\n  [\n    'pointer-events-none absolute origin-top-left',\n    'scale-80 tf-label-ramp tf-label-lit',\n    'tf-moves-glide tf-transition motion-reduce:transition-none',\n    'data-disabled:opacity-50',\n    '**:data-[part=required-indicator]:text-tf-danger-hi',\n  ],\n  {\n    defaultVariants: { hidden: false, leading: false, size: defaultFieldSize },\n    variants: {\n      hidden: { false: '', true: 'sr-only' },\n      leading: { false: 'left-4', true: 'left-13' },\n      size: LABEL_FLOATS_AT,\n    },\n  },\n)\n\nconst MESSAGE = 'min-w-0 flex-1 pt-2 text-tf-caption font-medium sm:truncate'\n\nconst fieldHintRecipe = cva(`${MESSAGE} text-tf-muted`)\n\nconst fieldErrorRecipe = cva(`${MESSAGE} text-tf-danger-hi tf-arrives`, {\n  defaultVariants: { alone: false },\n  variants: {\n    alone: { false: 'text-right', true: 'text-left' },\n  },\n})\n\nconst fieldFootRecipe = cva([\n  'flex min-h-0 items-start justify-between overflow-hidden',\n  'gap-x-4 gap-y-1',\n  '**:[text-box-trim:trim-start]',\n])\n\nconst fieldUnitRecipe = cva('text-tf-unit [font-size:var(--text-tf-body-sm)] font-medium')\n\nconst ADORNMENT_BOX = 'absolute top-1/2 flex -translate-y-1/2 items-center text-tf-muted tf-icons'\n\nconst ADORNMENT = `pointer-events-none ${ADORNMENT_BOX}`\n\nconst ADORNMENT_EDGE = 'text-tf-body [&_svg]:size-tf-icon-lg'\n\nconst leadingRecipe = cva(`${ADORNMENT} left-4 ${ADORNMENT_EDGE}`)\n\nconst trailingRecipe = cva(`${ADORNMENT} right-4 ${ADORNMENT_EDGE}`)\n\nconst TRAILING_HIT = hitArea('after:h-tf-control-sm', 'after:w-tf-control-sm')\n\nconst trailingActionRecipe = cva([\n  ADORNMENT_BOX,\n  ADORNMENT_EDGE,\n  'right-4 cursor-pointer',\n  'interactive:hovered:text-tf-fg',\n  'tf-transition motion-reduce:transition-none',\n  TRAILING_HIT,\n  ...controlReach,\n  ...controlInert,\n])\n\nexport {\n  fieldErrorRecipe,\n  fieldFootRecipe,\n  fieldHintRecipe,\n  fieldLabelRecipe,\n  fieldRecipe,\n  fieldRowRecipe,\n  fieldUnitRecipe,\n  leadingRecipe,\n  trailingActionRecipe,\n  trailingRecipe,\n}\n"],"mappings":";;;;;AAOA,MAAM,UAAU;CACd;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,SAAS;CACb;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,cAAc,CAClB,6CACA,uDACF;AAEA,MAAM,sBAAsB;CAC1B,IAAI;CACJ,IAAI;AACN;AAEA,MAAM,kBAAkB;CACtB,IAAI;CACJ,IAAI;AACN;AAEA,MAAM,mBAAmB,CACvB,yDACA,kDACF;AAEA,MAAM,WAAW,SAA8B;CAC7C;CACA;CACA,GAAG,aAAa,aAAa,oBAAoB,KAAK;CACtD,GAAG;AACL;AAEA,MAAM,SAAS;CACb,IAAI,CAAC,GAAG,QAAQ,IAAI,GAAG,WAAW,EAAE,CAAC,CAAC,KAAK,GAAG;CAC9C,IAAI,CAAC,GAAG,QAAQ,IAAI,GAAG,WAAW,EAAE,CAAC,CAAC,KAAK,GAAG;AAChD;AAIA,MAAM,cAAc,IAAI,CAAC,wCAAwC,UAAU,GAAG;CAC5E,iBAAiB;EAAE,WAAW;EAAO,SAAS;CAAM;CACpD,UAAU;EACR,WAAW;GAAE,OAAO;GAAe,MAAM;EAAG;EAC5C,SAAS;GAAE,OAAO;GAAwB,MAAM;EAAuB;CACzE;AACF,CAAC;AAED,MAAM,iBAAiB,IAAI,aAAa;CACtC,iBAAiB;EAAE,SAAS;EAAO,SAAS;EAAO,MAAA;CAAuB;CAC1E,UAAU;EACR,SAAS;GAAE,OAAO;GAAS,MAAM;EAAO;EACxC,SAAS;GAAE,OAAO;GAAI,MAAM;EAAQ;EACpC,MAAM;CACR;AACF,CAAC;AAED,MAAM,mBAAmB,IACvB;CACE;CACA;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB;EAAE,QAAQ;EAAO,SAAS;EAAO,MAAA;CAAuB;CACzE,UAAU;EACR,QAAQ;GAAE,OAAO;GAAI,MAAM;EAAU;EACrC,SAAS;GAAE,OAAO;GAAU,MAAM;EAAU;EAC5C,MAAM;CACR;AACF,CACF;AAEA,MAAM,UAAU;AAEhB,MAAM,kBAAkB,IAAI,GAAG,QAAQ,eAAe;AAEtD,MAAM,mBAAmB,IAAI,GAAG,QAAQ,gCAAgC;CACtE,iBAAiB,EAAE,OAAO,MAAM;CAChC,UAAU,EACR,OAAO;EAAE,OAAO;EAAc,MAAM;CAAY,EAClD;AACF,CAAC;AAED,MAAM,kBAAkB,IAAI;CAC1B;CACA;CACA;AACF,CAAC;AAED,MAAM,kBAAkB,IAAI,6DAA6D;AAEzF,MAAM,gBAAgB;AAEtB,MAAM,YAAY,uBAAuB;AAEzC,MAAM,iBAAiB;AAEvB,MAAM,gBAAgB,IAAI,GAAG,UAAU,UAAU,gBAAgB;AAEjE,MAAM,iBAAiB,IAAI,GAAG,UAAU,WAAW,gBAAgB;AAEnE,MAAM,eAAe,QAAQ,yBAAyB,uBAAuB;AAE7E,MAAM,uBAAuB,IAAI;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;CACH,GAAG;AACL,CAAC"}

package/dist/recipes/heading.d.ts

@@ -1,9 +1,9 @@
 //#region src/recipes/heading.d.ts
-type HeadingLevel = 'display' | 'h2' | 'h3' | 'h4';
+type HeadingLevel = 'numeral' | 'display' | 'h2' | 'h3' | 'h4';
 declare const defaultHeadingLevel = "h3";
-declare const headingLevels: readonly ["display", "h2", "h3", "h4"];
+declare const headingLevels: readonly ["numeral", "display", "h2", "h3", "h4"];
 declare const headingRecipe: (props?: ({
-  level?: "h2" | "h3" | "h4" | "display" | null | undefined;
+  level?: "h2" | "h3" | "h4" | "numeral" | "display" | null | undefined;
   tabular?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const HEADING_DEFAULT_TAG: {
@@ -11,6 +11,7 @@ declare const HEADING_DEFAULT_TAG: {
   h2: string;
   h3: string;
   h4: string;
+  numeral: string;
 };
 //#endregion
 export { HEADING_DEFAULT_TAG, type HeadingLevel, defaultHeadingLevel, headingLevels, headingRecipe };

package/dist/recipes/heading.js

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority";
 //#region src/recipes/heading.ts
 const defaultHeadingLevel = "h3";
 const headingLevels = [
+	"numeral",
 	"display",
 	"h2",
 	"h3",
@@ -17,7 +18,8 @@ const headingRecipe = cva(["font-tf-display font-bold tracking-tf-tight text-tf-
 			display: "text-tf-display",
 			h2: "text-tf-h2",
 			h3: "text-tf-h3",
-			h4: "text-tf-h4"
+			h4: "text-tf-h4",
+			numeral: "text-tf-numeral"
 		},
 		tabular: {
 			false: "",
@@ -29,7 +31,8 @@ const HEADING_DEFAULT_TAG = {
 	display: "h1",
 	h2: "h2",
 	h3: "h3",
-	h4: "h3"
+	h4: "h3",
+	numeral: "p"
 };
 //#endregion
 export { HEADING_DEFAULT_TAG, defaultHeadingLevel, headingLevels, headingRecipe };