@techfides/ui-library-design 0.1.0 → 0.2.0

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/index.d.ts

@@ -30,22 +30,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 +62,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, 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

@@ -33,19 +33,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 +62,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, 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 };

package/dist/recipes/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","names":[],"sources":["../../src/recipes/heading.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\ntype HeadingLevel = 'display' | 'h2' | 'h3' | 'h4'\n\nconst defaultHeadingLevel = 'h3' satisfies HeadingLevel\n\nconst headingLevels = ['display', 'h2', 'h3', 'h4'] as const satisfies readonly HeadingLevel[]\n\nconst headingRecipe = cva(['font-tf-display font-bold tracking-tf-tight text-tf-fg'], {\n  defaultVariants: { level: defaultHeadingLevel, tabular: false },\n  variants: {\n    level: {\n      display: 'text-tf-display',\n      h2: 'text-tf-h2',\n      h3: 'text-tf-h3',\n      h4: 'text-tf-h4',\n    } satisfies Record<HeadingLevel, string>,\n    tabular: { false: '', true: 'tabular-nums' },\n  },\n})\n\nconst HEADING_DEFAULT_TAG = {\n  display: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h3',\n} satisfies Record<HeadingLevel, string>\n\nexport { type HeadingLevel, HEADING_DEFAULT_TAG, defaultHeadingLevel, headingLevels, headingRecipe }\n"],"mappings":";;AAIA,MAAM,sBAAsB;AAE5B,MAAM,gBAAgB;CAAC;CAAW;CAAM;CAAM;AAAI;AAElD,MAAM,gBAAgB,IAAI,CAAC,wDAAwD,GAAG;CACpF,iBAAiB;EAAE,OAAA;EAA4B,SAAS;CAAM;CAC9D,UAAU;EACR,OAAO;GACL,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GAAE,OAAO;GAAI,MAAM;EAAe;CAC7C;AACF,CAAC;AAED,MAAM,sBAAsB;CAC1B,SAAS;CACT,IAAI;CACJ,IAAI;CACJ,IAAI;AACN"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../src/recipes/heading.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\ntype HeadingLevel = 'numeral' | 'display' | 'h2' | 'h3' | 'h4'\n\nconst defaultHeadingLevel = 'h3' satisfies HeadingLevel\n\nconst headingLevels = [\n  'numeral',\n  'display',\n  'h2',\n  'h3',\n  'h4',\n] as const satisfies readonly HeadingLevel[]\n\nconst headingRecipe = cva(['font-tf-display font-bold tracking-tf-tight text-tf-fg'], {\n  defaultVariants: { level: defaultHeadingLevel, tabular: false },\n  variants: {\n    level: {\n      display: 'text-tf-display',\n      h2: 'text-tf-h2',\n      h3: 'text-tf-h3',\n      h4: 'text-tf-h4',\n      numeral: 'text-tf-numeral',\n    } satisfies Record<HeadingLevel, string>,\n    tabular: { false: '', true: 'tabular-nums' },\n  },\n})\n\nconst HEADING_DEFAULT_TAG = {\n  display: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h3',\n  numeral: 'p',\n} satisfies Record<HeadingLevel, string>\n\nexport { type HeadingLevel, HEADING_DEFAULT_TAG, defaultHeadingLevel, headingLevels, headingRecipe }\n"],"mappings":";;AAIA,MAAM,sBAAsB;AAE5B,MAAM,gBAAgB;CACpB;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,gBAAgB,IAAI,CAAC,wDAAwD,GAAG;CACpF,iBAAiB;EAAE,OAAA;EAA4B,SAAS;CAAM;CAC9D,UAAU;EACR,OAAO;GACL,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS;EACX;EACA,SAAS;GAAE,OAAO;GAAI,MAAM;EAAe;CAC7C;AACF,CAAC;AAED,MAAM,sBAAsB;CAC1B,SAAS;CACT,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,SAAS;AACX"}

package/dist/recipes/metaRow.d.ts

@@ -1,14 +1,15 @@
 //#region src/recipes/metaRow.d.ts
-type MetaRowLayout = 'justify' | 'inline';
+type MetaRowLayout = 'justify' | 'inline' | 'note';
+type MetaRowPairedLayout = Exclude<MetaRowLayout, 'note'>;
 type MetaRowEmphasis = 'normal' | 'strong';
 declare const defaultMetaRowLayout = "justify";
 declare const defaultMetaRowEmphasis = "normal";
-declare const metaRowLayouts: readonly ["justify", "inline"];
+declare const metaRowLayouts: readonly ["justify", "inline", "note"];
 declare const metaRowEmphases: readonly ["normal", "strong"];
 declare const metaRowTones: readonly ["accent", "success", "warning", "info", "danger"];
 declare const metaRowRecipe: (props?: ({
-  layout?: "inline" | "justify" | null | undefined;
+  layout?: "inline" | "justify" | "note" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
-export { type MetaRowEmphasis, type MetaRowLayout, defaultMetaRowEmphasis, defaultMetaRowLayout, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones };
+export { type MetaRowEmphasis, type MetaRowLayout, type MetaRowPairedLayout, defaultMetaRowEmphasis, defaultMetaRowLayout, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones };
 //# sourceMappingURL=metaRow.d.ts.map

package/dist/recipes/metaRow.js

@@ -3,14 +3,20 @@ import { cva } from "class-variance-authority";
 //#region src/recipes/metaRow.ts
 const defaultMetaRowLayout = "justify";
 const defaultMetaRowEmphasis = "normal";
-const metaRowLayouts = ["justify", "inline"];
+const metaRowLayouts = [
+	"justify",
+	"inline",
+	"note"
+];
 const metaRowEmphases = ["normal", "strong"];
 const metaRowTones = tones;
+const NOTE = ["items-center text-tf-muted", "[&_svg]:size-tf-icon-sm"].join(" ");
 const metaRowRecipe = cva("flex items-baseline gap-2 tf-icons", {
 	defaultVariants: { layout: defaultMetaRowLayout },
 	variants: { layout: {
 		inline: "",
-		justify: "justify-between gap-4"
+		justify: "justify-between gap-4",
+		note: NOTE
 	} }
 });
 //#endregion

package/dist/recipes/metaRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"metaRow.js","names":[],"sources":["../../src/recipes/metaRow.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { tones } from '#parts/tone'\n\ntype MetaRowLayout = 'justify' | 'inline'\n\ntype MetaRowEmphasis = 'normal' | 'strong'\n\nconst defaultMetaRowLayout = 'justify' satisfies MetaRowLayout\n\nconst defaultMetaRowEmphasis = 'normal' satisfies MetaRowEmphasis\n\nconst metaRowLayouts = ['justify', 'inline'] as const satisfies readonly MetaRowLayout[]\n\nconst metaRowEmphases = ['normal', 'strong'] as const satisfies readonly MetaRowEmphasis[]\n\nconst metaRowTones = tones\n\nconst metaRowRecipe = cva('flex items-baseline gap-2 tf-icons', {\n  defaultVariants: { layout: defaultMetaRowLayout },\n  variants: {\n    layout: {\n      inline: '',\n      justify: 'justify-between gap-4',\n    } satisfies Record<MetaRowLayout, string>,\n  },\n})\n\nexport {\n  type MetaRowEmphasis,\n  type MetaRowLayout,\n  defaultMetaRowEmphasis,\n  defaultMetaRowLayout,\n  metaRowEmphases,\n  metaRowLayouts,\n  metaRowRecipe,\n  metaRowTones,\n}\n"],"mappings":";;;AAQA,MAAM,uBAAuB;AAE7B,MAAM,yBAAyB;AAE/B,MAAM,iBAAiB,CAAC,WAAW,QAAQ;AAE3C,MAAM,kBAAkB,CAAC,UAAU,QAAQ;AAE3C,MAAM,eAAe;AAErB,MAAM,gBAAgB,IAAI,sCAAsC;CAC9D,iBAAiB,EAAE,QAAQ,qBAAqB;CAChD,UAAU,EACR,QAAQ;EACN,QAAQ;EACR,SAAS;CACX,EACF;AACF,CAAC"}
+{"version":3,"file":"metaRow.js","names":[],"sources":["../../src/recipes/metaRow.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { tones } from '#parts/tone'\n\ntype MetaRowLayout = 'justify' | 'inline' | 'note'\n\ntype MetaRowPairedLayout = Exclude<MetaRowLayout, 'note'>\n\ntype MetaRowEmphasis = 'normal' | 'strong'\n\nconst defaultMetaRowLayout = 'justify' satisfies MetaRowLayout\n\nconst defaultMetaRowEmphasis = 'normal' satisfies MetaRowEmphasis\n\nconst metaRowLayouts = ['justify', 'inline', 'note'] as const satisfies readonly MetaRowLayout[]\n\nconst metaRowEmphases = ['normal', 'strong'] as const satisfies readonly MetaRowEmphasis[]\n\nconst metaRowTones = tones\n\nconst NOTE = ['items-center text-tf-muted', '[&_svg]:size-tf-icon-sm'].join(' ')\n\nconst metaRowRecipe = cva('flex items-baseline gap-2 tf-icons', {\n  defaultVariants: { layout: defaultMetaRowLayout },\n  variants: {\n    layout: {\n      inline: '',\n      justify: 'justify-between gap-4',\n      note: NOTE,\n    } satisfies Record<MetaRowLayout, string>,\n  },\n})\n\nexport {\n  type MetaRowEmphasis,\n  type MetaRowLayout,\n  type MetaRowPairedLayout,\n  defaultMetaRowEmphasis,\n  defaultMetaRowLayout,\n  metaRowEmphases,\n  metaRowLayouts,\n  metaRowRecipe,\n  metaRowTones,\n}\n"],"mappings":";;;AAUA,MAAM,uBAAuB;AAE7B,MAAM,yBAAyB;AAE/B,MAAM,iBAAiB;CAAC;CAAW;CAAU;AAAM;AAEnD,MAAM,kBAAkB,CAAC,UAAU,QAAQ;AAE3C,MAAM,eAAe;AAErB,MAAM,OAAO,CAAC,8BAA8B,yBAAyB,CAAC,CAAC,KAAK,GAAG;AAE/E,MAAM,gBAAgB,IAAI,sCAAsC;CAC9D,iBAAiB,EAAE,QAAQ,qBAAqB;CAChD,UAAU,EACR,QAAQ;EACN,QAAQ;EACR,SAAS;EACT,MAAM;CACR,EACF;AACF,CAAC"}

package/dist/recipes/nebula.d.ts

@@ -1,9 +1,16 @@
 //#region src/recipes/nebula.d.ts
-declare const nebulaRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+type NebulaOrigin = 'top' | 'top-right' | 'right' | 'bottom-right' | 'bottom' | 'bottom-left' | 'left' | 'top-left';
+declare const defaultNebulaTone = "accent";
+declare const nebulaTones: readonly ["accent", "success", "warning", "info", "danger"];
+declare const nebulaOrigins: readonly ["top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left"];
+declare const nebulaRecipe: (props?: ({
+  origin?: "top" | "top-right" | "right" | "bottom-right" | "bottom" | "bottom-left" | "left" | "top-left" | null | undefined;
+  tone?: "accent" | "success" | "warning" | "info" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const nebulaVeilRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const nebulaCloudRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const nebulaCloudLowRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const nebulaCloudWideRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe };
+export { type NebulaOrigin, defaultNebulaTone, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaOrigins, nebulaRecipe, nebulaTones, nebulaVeilRecipe };
 //# sourceMappingURL=nebula.d.ts.map

package/dist/recipes/nebula.js

@@ -1,15 +1,44 @@
+import { toneBlend } from "../tone.js";
+import { defaultTone, tones } from "../parts/tone.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/nebula.ts
+const defaultNebulaTone = defaultTone;
+const nebulaTones = tones;
+const nebulaOrigins = [
+	"top",
+	"top-right",
+	"right",
+	"bottom-right",
+	"bottom",
+	"bottom-left",
+	"left",
+	"top-left"
+];
 const nebulaRecipe = cva([
 	"pointer-events-none absolute -inset-1/2",
-	"tf-turning tf-nebula blend-tf-accent",
+	"tf-turning tf-nebula",
 	"[animation-duration:calc(var(--tf-sweep-duration)*30)]"
-]);
+], {
+	defaultVariants: { tone: defaultNebulaTone },
+	variants: {
+		origin: {
+			bottom: "[animation-delay:calc(var(--tf-sweep-duration)*-7.5)] motion-reduce:[--tf-sweep:90deg]",
+			"bottom-left": "[animation-delay:calc(var(--tf-sweep-duration)*-11.25)] motion-reduce:[--tf-sweep:135deg]",
+			"bottom-right": "[animation-delay:calc(var(--tf-sweep-duration)*-3.75)] motion-reduce:[--tf-sweep:45deg]",
+			left: "[animation-delay:calc(var(--tf-sweep-duration)*-15)] motion-reduce:[--tf-sweep:180deg]",
+			right: "[animation-delay:0s] motion-reduce:[--tf-sweep:0deg]",
+			top: "[animation-delay:calc(var(--tf-sweep-duration)*-22.5)] motion-reduce:[--tf-sweep:270deg]",
+			"top-left": "[animation-delay:calc(var(--tf-sweep-duration)*-18.75)] motion-reduce:[--tf-sweep:225deg]",
+			"top-right": "[animation-delay:calc(var(--tf-sweep-duration)*-26.25)] motion-reduce:[--tf-sweep:315deg]"
+		},
+		tone: toneBlend
+	}
+});
 const nebulaVeilRecipe = cva("tf-nebula-veil");
 const nebulaCloudRecipe = cva("tf-nebula-cloud");
 const nebulaCloudLowRecipe = cva("tf-nebula-cloud tf-cloud-low");
 const nebulaCloudWideRecipe = cva("tf-nebula-cloud tf-cloud-wide");
 //#endregion
-export { nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe };
+export { defaultNebulaTone, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaOrigins, nebulaRecipe, nebulaTones, nebulaVeilRecipe };
 
 //# sourceMappingURL=nebula.js.map

package/dist/recipes/nebula.js.map

@@ -1 +1 @@
-{"version":3,"file":"nebula.js","names":[],"sources":["../../src/recipes/nebula.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nconst nebulaRecipe = cva([\n  'pointer-events-none absolute -inset-1/2',\n  'tf-turning tf-nebula blend-tf-accent',\n  '[animation-duration:calc(var(--tf-sweep-duration)*30)]',\n])\n\nconst nebulaVeilRecipe = cva('tf-nebula-veil')\n\nconst nebulaCloudRecipe = cva('tf-nebula-cloud')\n\nconst nebulaCloudLowRecipe = cva('tf-nebula-cloud tf-cloud-low')\n\nconst nebulaCloudWideRecipe = cva('tf-nebula-cloud tf-cloud-wide')\n\nexport {\n  nebulaCloudLowRecipe,\n  nebulaCloudRecipe,\n  nebulaCloudWideRecipe,\n  nebulaRecipe,\n  nebulaVeilRecipe,\n}\n"],"mappings":";;AAEA,MAAM,eAAe,IAAI;CACvB;CACA;CACA;AACF,CAAC;AAED,MAAM,mBAAmB,IAAI,gBAAgB;AAE7C,MAAM,oBAAoB,IAAI,iBAAiB;AAE/C,MAAM,uBAAuB,IAAI,8BAA8B;AAE/D,MAAM,wBAAwB,IAAI,+BAA+B"}
+{"version":3,"file":"nebula.js","names":[],"sources":["../../src/recipes/nebula.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { defaultTone, tones } from '#parts/tone'\nimport type { Tone } from '#tone'\nimport { toneBlend } from '#tone'\n\ntype NebulaOrigin =\n  | 'top'\n  | 'top-right'\n  | 'right'\n  | 'bottom-right'\n  | 'bottom'\n  | 'bottom-left'\n  | 'left'\n  | 'top-left'\n\nconst defaultNebulaTone = defaultTone\n\nconst nebulaTones = tones\n\nconst nebulaOrigins = [\n  'top',\n  'top-right',\n  'right',\n  'bottom-right',\n  'bottom',\n  'bottom-left',\n  'left',\n  'top-left',\n] as const satisfies readonly NebulaOrigin[]\n\nconst NEBULA_STARTS = {\n  bottom: '[animation-delay:calc(var(--tf-sweep-duration)*-7.5)] motion-reduce:[--tf-sweep:90deg]',\n  'bottom-left':\n    '[animation-delay:calc(var(--tf-sweep-duration)*-11.25)] motion-reduce:[--tf-sweep:135deg]',\n  'bottom-right':\n    '[animation-delay:calc(var(--tf-sweep-duration)*-3.75)] motion-reduce:[--tf-sweep:45deg]',\n  left: '[animation-delay:calc(var(--tf-sweep-duration)*-15)] motion-reduce:[--tf-sweep:180deg]',\n  right: '[animation-delay:0s] motion-reduce:[--tf-sweep:0deg]',\n  top: '[animation-delay:calc(var(--tf-sweep-duration)*-22.5)] motion-reduce:[--tf-sweep:270deg]',\n  'top-left':\n    '[animation-delay:calc(var(--tf-sweep-duration)*-18.75)] motion-reduce:[--tf-sweep:225deg]',\n  'top-right':\n    '[animation-delay:calc(var(--tf-sweep-duration)*-26.25)] motion-reduce:[--tf-sweep:315deg]',\n} satisfies Record<NebulaOrigin, string>\n\nconst nebulaRecipe = cva(\n  [\n    'pointer-events-none absolute -inset-1/2',\n    'tf-turning tf-nebula',\n    '[animation-duration:calc(var(--tf-sweep-duration)*30)]',\n  ],\n  {\n    defaultVariants: { tone: defaultNebulaTone },\n    variants: {\n      origin: NEBULA_STARTS,\n      tone: toneBlend satisfies Record<Tone, string>,\n    },\n  },\n)\n\nconst nebulaVeilRecipe = cva('tf-nebula-veil')\n\nconst nebulaCloudRecipe = cva('tf-nebula-cloud')\n\nconst nebulaCloudLowRecipe = cva('tf-nebula-cloud tf-cloud-low')\n\nconst nebulaCloudWideRecipe = cva('tf-nebula-cloud tf-cloud-wide')\n\nexport {\n  type NebulaOrigin,\n  defaultNebulaTone,\n  nebulaCloudLowRecipe,\n  nebulaCloudRecipe,\n  nebulaCloudWideRecipe,\n  nebulaOrigins,\n  nebulaRecipe,\n  nebulaTones,\n  nebulaVeilRecipe,\n}\n"],"mappings":";;;;AAgBA,MAAM,oBAAoB;AAE1B,MAAM,cAAc;AAEpB,MAAM,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAiBA,MAAM,eAAe,IACnB;CACE;CACA;CACA;AACF,GACA;CACE,iBAAiB,EAAE,MAAM,kBAAkB;CAC3C,UAAU;EACR,QAAQ;GAvBZ,QAAQ;GACR,eACE;GACF,gBACE;GACF,MAAM;GACN,OAAO;GACP,KAAK;GACL,YACE;GACF,aACE;EAYsB;EACpB,MAAM;CACR;AACF,CACF;AAEA,MAAM,mBAAmB,IAAI,gBAAgB;AAE7C,MAAM,oBAAoB,IAAI,iBAAiB;AAE/C,MAAM,uBAAuB,IAAI,8BAA8B;AAE/D,MAAM,wBAAwB,IAAI,+BAA+B"}

package/dist/recipes/paper.d.ts

@@ -1,22 +1,30 @@
 //#region src/recipes/paper.d.ts
 type PaperVariant = 'plain' | 'elevated';
-type PaperInset = 'padded' | 'flush';
+type PaperInset = 'padded' | 'flush' | 'roomy';
 declare const defaultPaperVariant = "plain";
 declare const defaultPaperInset = "padded";
+declare const defaultPaperTone = "accent";
 declare const paperRecipe: (props?: ({
+  tone?: "accent" | "success" | "warning" | "info" | "danger" | null | undefined;
   variant?: "plain" | "elevated" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const paperBodyRecipe: (props?: ({
-  inset?: "padded" | "flush" | null | undefined;
+  inset?: "roomy" | "padded" | "flush" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const paperHeaderRecipe: (props?: ({
+  inset?: "roomy" | "padded" | "flush" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const paperRuleRecipe: (props?: ({
+  inset?: "roomy" | "padded" | "flush" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const paperHeaderRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-declare const paperRuleRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const paperBadgeRecipe: (props?: ({
   headed?: boolean | null | undefined;
+  inset?: "roomy" | "padded" | "flush" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const paperActionRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const paperVariants: readonly ["plain", "elevated"];
-declare const paperInsets: readonly ["padded", "flush"];
+declare const paperTones: readonly ["accent", "success", "warning", "info", "danger"];
+declare const paperInsets: readonly ["padded", "flush", "roomy"];
 //#endregion
-export { type PaperInset, type PaperVariant, defaultPaperInset, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants };
+export { type PaperInset, type PaperVariant, defaultPaperInset, defaultPaperTone, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperTones, paperVariants };
 //# sourceMappingURL=paper.d.ts.map

package/dist/recipes/paper.js

@@ -1,42 +1,83 @@
+import { toneBlend } from "../tone.js";
 import { ruleFading } from "../parts/rule.js";
-import { surfaceLifted, surfacePanel } from "../parts/surface.js";
+import { defaultTone, tones } from "../parts/tone.js";
+import { surfaceLifted, surfaceSkin } from "../parts/surface.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/paper.ts
 const defaultPaperVariant = "plain";
 const defaultPaperInset = "padded";
+const defaultPaperTone = defaultTone;
 const paperBase = [
 	"@container relative w-full",
-	...surfacePanel,
+	...surfaceSkin,
 	"font-tf-body text-tf-body-sm font-medium text-tf-fg"
 ];
 const paperRecipe = cva(paperBase, {
-	defaultVariants: { variant: defaultPaperVariant },
-	variants: { variant: {
-		elevated: surfaceLifted.join(" "),
-		plain: ""
-	} }
+	defaultVariants: {
+		tone: defaultPaperTone,
+		variant: defaultPaperVariant
+	},
+	variants: {
+		tone: toneBlend,
+		variant: {
+			elevated: surfaceLifted.join(" "),
+			plain: ""
+		}
+	}
 });
 const GUTTER = "px-4 @tf-panel:px-8";
-const paperBodyRecipe = cva("py-6 @tf-panel:py-8", {
+const ROOMY_GUTTER = "px-6 @tf-panel:px-14";
+const RIBS = "py-6 @tf-panel:py-8";
+const paperBodyRecipe = cva("", {
 	defaultVariants: { inset: defaultPaperInset },
 	variants: { inset: {
-		flush: "",
-		padded: GUTTER
+		flush: RIBS,
+		padded: `${RIBS} ${GUTTER}`,
+		roomy: `py-8 @tf-panel:py-14 ${ROOMY_GUTTER}`
 	} }
 });
-const paperHeaderRecipe = cva([`relative flex flex-wrap items-center justify-between gap-4 py-5 ${GUTTER}`, "min-h-[calc(var(--spacing-tf-control-sm)+var(--spacing)*10)]"]);
-const paperRuleRecipe = cva(`absolute inset-x-4 bottom-0 @tf-panel:inset-x-8 ${ruleFading}`);
-const paperBadgeRecipe = cva("absolute right-4 @tf-panel:right-8", {
-	defaultVariants: { headed: false },
-	variants: { headed: {
-		false: "top-4",
-		true: "top-10 -translate-y-1/2"
+const paperHeaderRecipe = cva([`relative flex flex-wrap items-center justify-between gap-4 py-5`, "min-h-[calc(var(--spacing-tf-control-sm)+var(--spacing)*10)]"], {
+	defaultVariants: { inset: defaultPaperInset },
+	variants: { inset: {
+		flush: GUTTER,
+		padded: GUTTER,
+		roomy: ROOMY_GUTTER
 	} }
 });
+const paperRuleRecipe = cva(`absolute bottom-0 ${ruleFading}`, {
+	defaultVariants: { inset: defaultPaperInset },
+	variants: { inset: {
+		flush: "inset-x-4 @tf-panel:inset-x-8",
+		padded: "inset-x-4 @tf-panel:inset-x-8",
+		roomy: "inset-x-6 @tf-panel:inset-x-14"
+	} }
+});
+const paperBadgeRecipe = cva("absolute", {
+	defaultVariants: {
+		headed: false,
+		inset: defaultPaperInset
+	},
+	variants: {
+		headed: {
+			false: "top-4",
+			true: "top-10 -translate-y-1/2"
+		},
+		inset: {
+			flush: "right-4 @tf-panel:right-8",
+			padded: "right-4 @tf-panel:right-8",
+			roomy: "right-6 @tf-panel:right-14"
+		}
+	}
+});
 const paperActionRecipe = cva("-mr-3 flex min-w-0 flex-initial flex-wrap items-center justify-end gap-4");
 const paperVariants = ["plain", "elevated"];
-const paperInsets = ["padded", "flush"];
+const paperTones = tones;
+const paperInsets = [
+	"padded",
+	"flush",
+	"roomy"
+];
 //#endregion
-export { defaultPaperInset, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants };
+export { defaultPaperInset, defaultPaperTone, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperTones, paperVariants };
 
 //# sourceMappingURL=paper.js.map

package/dist/recipes/paper.js.map

@@ -1 +1 @@
-{"version":3,"file":"paper.js","names":[],"sources":["../../src/recipes/paper.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { ruleFading } from '#parts/rule'\nimport { surfaceLifted, surfacePanel } from '#parts/surface'\n\ntype PaperVariant = 'plain' | 'elevated'\n\ntype PaperInset = 'padded' | 'flush'\n\nconst defaultPaperVariant = 'plain' satisfies PaperVariant\n\nconst defaultPaperInset = 'padded' satisfies PaperInset\n\nconst paperBase = [\n  '@container relative w-full',\n  ...surfacePanel,\n  'font-tf-body text-tf-body-sm font-medium text-tf-fg',\n]\n\nconst paperRecipe = cva(paperBase, {\n  defaultVariants: { variant: defaultPaperVariant },\n  variants: {\n    variant: {\n      elevated: surfaceLifted.join(' '),\n      plain: '',\n    } satisfies Record<PaperVariant, string>,\n  },\n})\n\nconst GUTTER = 'px-4 @tf-panel:px-8'\n\nconst paperBodyRecipe = cva('py-6 @tf-panel:py-8', {\n  defaultVariants: { inset: defaultPaperInset },\n  variants: {\n    inset: { flush: '', padded: GUTTER } satisfies Record<PaperInset, string>,\n  },\n})\n\nconst HEAD_ROW = 'min-h-[calc(var(--spacing-tf-control-sm)+var(--spacing)*10)]'\n\nconst paperHeaderRecipe = cva([\n  `relative flex flex-wrap items-center justify-between gap-4 py-5 ${GUTTER}`,\n  HEAD_ROW,\n])\n\nconst paperRuleRecipe = cva(`absolute inset-x-4 bottom-0 @tf-panel:inset-x-8 ${ruleFading}`)\n\nconst paperBadgeRecipe = cva('absolute right-4 @tf-panel:right-8', {\n  defaultVariants: { headed: false },\n  variants: {\n    headed: { false: 'top-4', true: 'top-10 -translate-y-1/2' },\n  },\n})\n\nconst paperActionRecipe = cva(\n  '-mr-3 flex min-w-0 flex-initial flex-wrap items-center justify-end gap-4',\n)\n\nconst paperVariants = ['plain', 'elevated'] as const satisfies readonly PaperVariant[]\n\nconst paperInsets = ['padded', 'flush'] as const satisfies readonly PaperInset[]\n\nexport {\n  type PaperInset,\n  type PaperVariant,\n  defaultPaperInset,\n  defaultPaperVariant,\n  paperActionRecipe,\n  paperBadgeRecipe,\n  paperBodyRecipe,\n  paperHeaderRecipe,\n  paperInsets,\n  paperRecipe,\n  paperRuleRecipe,\n  paperVariants,\n}\n"],"mappings":";;;;AASA,MAAM,sBAAsB;AAE5B,MAAM,oBAAoB;AAE1B,MAAM,YAAY;CAChB;CACA,GAAG;CACH;AACF;AAEA,MAAM,cAAc,IAAI,WAAW;CACjC,iBAAiB,EAAE,SAAS,oBAAoB;CAChD,UAAU,EACR,SAAS;EACP,UAAU,cAAc,KAAK,GAAG;EAChC,OAAO;CACT,EACF;AACF,CAAC;AAED,MAAM,SAAS;AAEf,MAAM,kBAAkB,IAAI,uBAAuB;CACjD,iBAAiB,EAAE,OAAO,kBAAkB;CAC5C,UAAU,EACR,OAAO;EAAE,OAAO;EAAI,QAAQ;CAAO,EACrC;AACF,CAAC;AAID,MAAM,oBAAoB,IAAI,CAC5B,mEAAmE,UACnE,8DACF,CAAC;AAED,MAAM,kBAAkB,IAAI,mDAAmD,YAAY;AAE3F,MAAM,mBAAmB,IAAI,sCAAsC;CACjE,iBAAiB,EAAE,QAAQ,MAAM;CACjC,UAAU,EACR,QAAQ;EAAE,OAAO;EAAS,MAAM;CAA0B,EAC5D;AACF,CAAC;AAED,MAAM,oBAAoB,IACxB,0EACF;AAEA,MAAM,gBAAgB,CAAC,SAAS,UAAU;AAE1C,MAAM,cAAc,CAAC,UAAU,OAAO"}
+{"version":3,"file":"paper.js","names":[],"sources":["../../src/recipes/paper.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { ruleFading } from '#parts/rule'\nimport { surfaceLifted, surfaceSkin } from '#parts/surface'\nimport { defaultTone, tones } from '#parts/tone'\nimport type { Tone } from '#tone'\nimport { toneBlend } from '#tone'\n\ntype PaperVariant = 'plain' | 'elevated'\n\ntype PaperInset = 'padded' | 'flush' | 'roomy'\n\nconst defaultPaperVariant = 'plain' satisfies PaperVariant\n\nconst defaultPaperInset = 'padded' satisfies PaperInset\n\nconst defaultPaperTone = defaultTone\n\nconst paperBase = [\n  '@container relative w-full',\n  ...surfaceSkin,\n  'font-tf-body text-tf-body-sm font-medium text-tf-fg',\n]\n\nconst paperRecipe = cva(paperBase, {\n  defaultVariants: { tone: defaultPaperTone, variant: defaultPaperVariant },\n  variants: {\n    tone: toneBlend satisfies Record<Tone, string>,\n    variant: {\n      elevated: surfaceLifted.join(' '),\n      plain: '',\n    } satisfies Record<PaperVariant, string>,\n  },\n})\n\nconst GUTTER = 'px-4 @tf-panel:px-8'\n\nconst ROOMY_GUTTER = 'px-6 @tf-panel:px-14'\n\nconst RIBS = 'py-6 @tf-panel:py-8'\n\nconst ROOMY_RIBS = 'py-8 @tf-panel:py-14'\n\nconst paperBodyRecipe = cva('', {\n  defaultVariants: { inset: defaultPaperInset },\n  variants: {\n    inset: {\n      flush: RIBS,\n      padded: `${RIBS} ${GUTTER}`,\n      roomy: `${ROOMY_RIBS} ${ROOMY_GUTTER}`,\n    } satisfies Record<PaperInset, string>,\n  },\n})\n\nconst HEAD_ROW = 'min-h-[calc(var(--spacing-tf-control-sm)+var(--spacing)*10)]'\n\nconst paperHeaderRecipe = cva(\n  [`relative flex flex-wrap items-center justify-between gap-4 py-5`, HEAD_ROW],\n  {\n    defaultVariants: { inset: defaultPaperInset },\n    variants: {\n      inset: {\n        flush: GUTTER,\n        padded: GUTTER,\n        roomy: ROOMY_GUTTER,\n      } satisfies Record<PaperInset, string>,\n    },\n  },\n)\n\nconst paperRuleRecipe = cva(`absolute bottom-0 ${ruleFading}`, {\n  defaultVariants: { inset: defaultPaperInset },\n  variants: {\n    inset: {\n      flush: 'inset-x-4 @tf-panel:inset-x-8',\n      padded: 'inset-x-4 @tf-panel:inset-x-8',\n      roomy: 'inset-x-6 @tf-panel:inset-x-14',\n    } satisfies Record<PaperInset, string>,\n  },\n})\n\nconst paperBadgeRecipe = cva('absolute', {\n  defaultVariants: { headed: false, inset: defaultPaperInset },\n  variants: {\n    headed: { false: 'top-4', true: 'top-10 -translate-y-1/2' },\n    inset: {\n      flush: 'right-4 @tf-panel:right-8',\n      padded: 'right-4 @tf-panel:right-8',\n      roomy: 'right-6 @tf-panel:right-14',\n    } satisfies Record<PaperInset, string>,\n  },\n})\n\nconst paperActionRecipe = cva(\n  '-mr-3 flex min-w-0 flex-initial flex-wrap items-center justify-end gap-4',\n)\n\nconst paperVariants = ['plain', 'elevated'] as const satisfies readonly PaperVariant[]\n\nconst paperTones = tones\n\nconst paperInsets = ['padded', 'flush', 'roomy'] as const satisfies readonly PaperInset[]\n\nexport {\n  type PaperInset,\n  type PaperVariant,\n  defaultPaperInset,\n  defaultPaperTone,\n  defaultPaperVariant,\n  paperActionRecipe,\n  paperBadgeRecipe,\n  paperBodyRecipe,\n  paperHeaderRecipe,\n  paperInsets,\n  paperRecipe,\n  paperRuleRecipe,\n  paperTones,\n  paperVariants,\n}\n"],"mappings":";;;;;;AAYA,MAAM,sBAAsB;AAE5B,MAAM,oBAAoB;AAE1B,MAAM,mBAAmB;AAEzB,MAAM,YAAY;CAChB;CACA,GAAG;CACH;AACF;AAEA,MAAM,cAAc,IAAI,WAAW;CACjC,iBAAiB;EAAE,MAAM;EAAkB,SAAS;CAAoB;CACxE,UAAU;EACR,MAAM;EACN,SAAS;GACP,UAAU,cAAc,KAAK,GAAG;GAChC,OAAO;EACT;CACF;AACF,CAAC;AAED,MAAM,SAAS;AAEf,MAAM,eAAe;AAErB,MAAM,OAAO;AAIb,MAAM,kBAAkB,IAAI,IAAI;CAC9B,iBAAiB,EAAE,OAAO,kBAAkB;CAC5C,UAAU,EACR,OAAO;EACL,OAAO;EACP,QAAQ,GAAG,KAAK,GAAG;EACnB,OAAO,wBAAiB;CAC1B,EACF;AACF,CAAC;AAID,MAAM,oBAAoB,IACxB,CAAC,mEAAmE,8DAAQ,GAC5E;CACE,iBAAiB,EAAE,OAAO,kBAAkB;CAC5C,UAAU,EACR,OAAO;EACL,OAAO;EACP,QAAQ;EACR,OAAO;CACT,EACF;AACF,CACF;AAEA,MAAM,kBAAkB,IAAI,qBAAqB,cAAc;CAC7D,iBAAiB,EAAE,OAAO,kBAAkB;CAC5C,UAAU,EACR,OAAO;EACL,OAAO;EACP,QAAQ;EACR,OAAO;CACT,EACF;AACF,CAAC;AAED,MAAM,mBAAmB,IAAI,YAAY;CACvC,iBAAiB;EAAE,QAAQ;EAAO,OAAO;CAAkB;CAC3D,UAAU;EACR,QAAQ;GAAE,OAAO;GAAS,MAAM;EAA0B;EAC1D,OAAO;GACL,OAAO;GACP,QAAQ;GACR,OAAO;EACT;CACF;AACF,CAAC;AAED,MAAM,oBAAoB,IACxB,0EACF;AAEA,MAAM,gBAAgB,CAAC,SAAS,UAAU;AAE1C,MAAM,aAAa;AAEnB,MAAM,cAAc;CAAC;CAAU;CAAS;AAAO"}

package/dist/recipes/sectionHeader.d.ts

@@ -1,9 +1,15 @@
 //#region src/recipes/sectionHeader.d.ts
-type SectionHeaderSize = 'section' | 'hero';
+type SectionHeaderSize = 'section' | 'hero' | 'panel';
+type SectionHeaderEyebrow = 'lead' | 'quiet';
 declare const defaultSectionHeaderSize = "section";
-declare const sectionHeaderSizes: readonly ["section", "hero"];
+declare const sectionHeaderSizes: readonly ["section", "hero", "panel"];
+declare const sectionHeaderEyebrows: readonly ["lead", "quiet"];
+declare const sectionHeaderTones: readonly ["accent", "success", "warning", "info", "danger"];
+declare const restingEyebrow: (size: SectionHeaderSize) => SectionHeaderEyebrow;
 declare const sectionHeaderRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-declare const sectionHeaderLabelStackRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const sectionHeaderLabelStackRecipe: (props?: ({
+  size?: "panel" | "section" | "hero" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
-export { type SectionHeaderSize, defaultSectionHeaderSize, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes };
+export { type SectionHeaderEyebrow, type SectionHeaderSize, defaultSectionHeaderSize, restingEyebrow, sectionHeaderEyebrows, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, sectionHeaderTones };
 //# sourceMappingURL=sectionHeader.d.ts.map

package/dist/recipes/sectionHeader.js

@@ -1,10 +1,30 @@
+import { tones } from "../parts/tone.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/sectionHeader.ts
 const defaultSectionHeaderSize = "section";
-const sectionHeaderSizes = ["section", "hero"];
+const sectionHeaderSizes = [
+	"section",
+	"hero",
+	"panel"
+];
+const sectionHeaderEyebrows = ["lead", "quiet"];
+const sectionHeaderTones = tones;
+const RESTING_EYEBROW = {
+	hero: "lead",
+	panel: "quiet",
+	section: "quiet"
+};
+const restingEyebrow = (size) => RESTING_EYEBROW[size];
 const sectionHeaderRecipe = cva("flex flex-col gap-6");
-const sectionHeaderLabelStackRecipe = cva("flex flex-col gap-4");
+const sectionHeaderLabelStackRecipe = cva("flex flex-col", {
+	defaultVariants: { size: defaultSectionHeaderSize },
+	variants: { size: {
+		hero: "gap-4",
+		panel: "gap-2",
+		section: "gap-4"
+	} }
+});
 //#endregion
-export { defaultSectionHeaderSize, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes };
+export { defaultSectionHeaderSize, restingEyebrow, sectionHeaderEyebrows, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, sectionHeaderTones };
 
 //# sourceMappingURL=sectionHeader.js.map

package/dist/recipes/sectionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"sectionHeader.js","names":[],"sources":["../../src/recipes/sectionHeader.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\ntype SectionHeaderSize = 'section' | 'hero'\n\nconst defaultSectionHeaderSize = 'section' satisfies SectionHeaderSize\n\nconst sectionHeaderSizes = ['section', 'hero'] as const satisfies readonly SectionHeaderSize[]\n\nconst sectionHeaderRecipe = cva('flex flex-col gap-6')\n\nconst sectionHeaderLabelStackRecipe = cva('flex flex-col gap-4')\n\nexport {\n  type SectionHeaderSize,\n  defaultSectionHeaderSize,\n  sectionHeaderLabelStackRecipe,\n  sectionHeaderRecipe,\n  sectionHeaderSizes,\n}\n"],"mappings":";;AAIA,MAAM,2BAA2B;AAEjC,MAAM,qBAAqB,CAAC,WAAW,MAAM;AAE7C,MAAM,sBAAsB,IAAI,qBAAqB;AAErD,MAAM,gCAAgC,IAAI,qBAAqB"}
+{"version":3,"file":"sectionHeader.js","names":[],"sources":["../../src/recipes/sectionHeader.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { tones } from '#parts/tone'\n\ntype SectionHeaderSize = 'section' | 'hero' | 'panel'\n\ntype SectionHeaderEyebrow = 'lead' | 'quiet'\n\nconst defaultSectionHeaderSize = 'section' satisfies SectionHeaderSize\n\nconst sectionHeaderSizes = [\n  'section',\n  'hero',\n  'panel',\n] as const satisfies readonly SectionHeaderSize[]\n\nconst sectionHeaderEyebrows = ['lead', 'quiet'] as const satisfies readonly SectionHeaderEyebrow[]\n\nconst sectionHeaderTones = tones\n\nconst RESTING_EYEBROW = {\n  hero: 'lead',\n  panel: 'quiet',\n  section: 'quiet',\n} satisfies Record<SectionHeaderSize, SectionHeaderEyebrow>\n\nconst restingEyebrow = (size: SectionHeaderSize): SectionHeaderEyebrow => RESTING_EYEBROW[size]\n\nconst sectionHeaderRecipe = cva('flex flex-col gap-6')\n\nconst sectionHeaderLabelStackRecipe = cva('flex flex-col', {\n  defaultVariants: { size: defaultSectionHeaderSize },\n  variants: {\n    size: {\n      hero: 'gap-4',\n      panel: 'gap-2',\n      section: 'gap-4',\n    } satisfies Record<SectionHeaderSize, string>,\n  },\n})\n\nexport {\n  type SectionHeaderEyebrow,\n  type SectionHeaderSize,\n  defaultSectionHeaderSize,\n  restingEyebrow,\n  sectionHeaderEyebrows,\n  sectionHeaderLabelStackRecipe,\n  sectionHeaderRecipe,\n  sectionHeaderSizes,\n  sectionHeaderTones,\n}\n"],"mappings":";;;AAQA,MAAM,2BAA2B;AAEjC,MAAM,qBAAqB;CACzB;CACA;CACA;AACF;AAEA,MAAM,wBAAwB,CAAC,QAAQ,OAAO;AAE9C,MAAM,qBAAqB;AAE3B,MAAM,kBAAkB;CACtB,MAAM;CACN,OAAO;CACP,SAAS;AACX;AAEA,MAAM,kBAAkB,SAAkD,gBAAgB;AAE1F,MAAM,sBAAsB,IAAI,qBAAqB;AAErD,MAAM,gCAAgC,IAAI,iBAAiB;CACzD,iBAAiB,EAAE,MAAM,yBAAyB;CAClD,UAAU,EACR,MAAM;EACJ,MAAM;EACN,OAAO;EACP,SAAS;CACX,EACF;AACF,CAAC"}

package/dist/recipes/separator.d.ts

@@ -3,12 +3,15 @@ type SeparatorOrientation = 'horizontal' | 'vertical';
 type SeparatorVariant = 'fade' | 'filled' | 'quiet';
 declare const defaultSeparatorOrientation = "horizontal";
 declare const defaultSeparatorVariant = "filled";
+declare const defaultSeparatorTone = "accent";
 declare const separatorRecipe: (props?: ({
   orientation?: "vertical" | "horizontal" | null | undefined;
+  tone?: "accent" | "success" | "warning" | "info" | "danger" | null | undefined;
   variant?: "quiet" | "filled" | "fade" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const separatorOrientations: readonly ["horizontal", "vertical"];
 declare const separatorVariants: readonly ["fade", "filled", "quiet"];
+declare const separatorTones: readonly ["accent", "success", "warning", "info", "danger"];
 //#endregion
-export { type SeparatorOrientation, type SeparatorVariant, defaultSeparatorOrientation, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorVariants };
+export { type SeparatorOrientation, type SeparatorVariant, defaultSeparatorOrientation, defaultSeparatorTone, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorTones, separatorVariants };
 //# sourceMappingURL=separator.d.ts.map

package/dist/recipes/separator.js

@@ -1,38 +1,57 @@
-import { ruleFading, ruleFadingDown, ruleFilled, ruleFilledDown, ruleQuiet } from "../parts/rule.js";
+import { toneBlend } from "../tone.js";
+import { fadingDownOf, fadingOf, filledDownOf, filledOf, ruleQuiet, ruleQuietDown } from "../parts/rule.js";
+import { defaultTone, tones } from "../parts/tone.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/separator.ts
 const defaultSeparatorOrientation = "horizontal";
 const defaultSeparatorVariant = "filled";
-const separatorRecipe = cva("shrink-0", {
-	compoundVariants: [
+const defaultSeparatorTone = defaultTone;
+const tonedRules = tones.flatMap((tone) => {
+	const blend = toneBlend[tone];
+	return [
 		{
-			class: ruleFading,
+			class: fadingOf(blend),
 			orientation: "horizontal",
+			tone,
 			variant: "fade"
 		},
 		{
-			class: ruleQuiet,
-			orientation: "horizontal",
-			variant: "quiet"
-		},
-		{
-			class: ruleFilled,
+			class: filledOf(blend),
 			orientation: "horizontal",
+			tone,
 			variant: "filled"
 		},
 		{
-			class: ruleFadingDown,
+			class: fadingDownOf(blend),
 			orientation: "vertical",
+			tone,
 			variant: "fade"
 		},
 		{
-			class: ruleFilledDown,
+			class: filledDownOf(blend),
 			orientation: "vertical",
+			tone,
 			variant: "filled"
 		}
+	];
+});
+const separatorRecipe = cva("shrink-0", {
+	compoundVariants: [
+		{
+			class: ruleQuiet,
+			orientation: "horizontal",
+			variant: "quiet"
+		},
+		{
+			class: ruleQuietDown,
+			orientation: "vertical",
+			variant: "quiet"
+		},
+		...tonedRules
 	],
 	defaultVariants: {
 		orientation: defaultSeparatorOrientation,
+		tone: defaultSeparatorTone,
 		variant: defaultSeparatorVariant
 	},
 	variants: {
@@ -40,6 +59,13 @@ const separatorRecipe = cva("shrink-0", {
 			horizontal: "w-full",
 			vertical: "self-stretch"
 		},
+		tone: {
+			accent: "",
+			danger: "",
+			info: "",
+			success: "",
+			warning: ""
+		},
 		variant: {
 			fade: "",
 			filled: "",
@@ -53,7 +79,8 @@ const separatorVariants = [
 	"filled",
 	"quiet"
 ];
+const separatorTones = tones;
 //#endregion
-export { defaultSeparatorOrientation, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorVariants };
+export { defaultSeparatorOrientation, defaultSeparatorTone, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorTones, separatorVariants };
 
 //# sourceMappingURL=separator.js.map

package/dist/recipes/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../src/recipes/separator.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { ruleFading, ruleFadingDown, ruleFilled, ruleFilledDown, ruleQuiet } from '#parts/rule'\n\ntype SeparatorOrientation = 'horizontal' | 'vertical'\n\ntype SeparatorVariant = 'fade' | 'filled' | 'quiet'\n\nconst defaultSeparatorOrientation = 'horizontal' satisfies SeparatorOrientation\n\nconst defaultSeparatorVariant = 'filled' satisfies SeparatorVariant\n\nconst separatorRecipe = cva('shrink-0', {\n  compoundVariants: [\n    { class: ruleFading, orientation: 'horizontal', variant: 'fade' },\n    { class: ruleQuiet, orientation: 'horizontal', variant: 'quiet' },\n    { class: ruleFilled, orientation: 'horizontal', variant: 'filled' },\n    { class: ruleFadingDown, orientation: 'vertical', variant: 'fade' },\n    { class: ruleFilledDown, orientation: 'vertical', variant: 'filled' },\n  ],\n  defaultVariants: {\n    orientation: defaultSeparatorOrientation,\n    variant: defaultSeparatorVariant,\n  },\n  variants: {\n    orientation: {\n      horizontal: 'w-full',\n      vertical: 'self-stretch',\n    } satisfies Record<SeparatorOrientation, string>,\n    variant: {\n      fade: '',\n      filled: '',\n      quiet: '',\n    } satisfies Record<SeparatorVariant, string>,\n  },\n})\n\nconst separatorOrientations = [\n  'horizontal',\n  'vertical',\n] as const satisfies readonly SeparatorOrientation[]\n\nconst separatorVariants = ['fade', 'filled', 'quiet'] as const satisfies readonly SeparatorVariant[]\n\nexport {\n  type SeparatorOrientation,\n  type SeparatorVariant,\n  defaultSeparatorOrientation,\n  defaultSeparatorVariant,\n  separatorOrientations,\n  separatorRecipe,\n  separatorVariants,\n}\n"],"mappings":";;;AAQA,MAAM,8BAA8B;AAEpC,MAAM,0BAA0B;AAEhC,MAAM,kBAAkB,IAAI,YAAY;CACtC,kBAAkB;EAChB;GAAE,OAAO;GAAY,aAAa;GAAc,SAAS;EAAO;EAChE;GAAE,OAAO;GAAW,aAAa;GAAc,SAAS;EAAQ;EAChE;GAAE,OAAO;GAAY,aAAa;GAAc,SAAS;EAAS;EAClE;GAAE,OAAO;GAAgB,aAAa;GAAY,SAAS;EAAO;EAClE;GAAE,OAAO;GAAgB,aAAa;GAAY,SAAS;EAAS;CACtE;CACA,iBAAiB;EACf,aAAa;EACb,SAAS;CACX;CACA,UAAU;EACR,aAAa;GACX,YAAY;GACZ,UAAU;EACZ;EACA,SAAS;GACP,MAAM;GACN,QAAQ;GACR,OAAO;EACT;CACF;AACF,CAAC;AAED,MAAM,wBAAwB,CAC5B,cACA,UACF;AAEA,MAAM,oBAAoB;CAAC;CAAQ;CAAU;AAAO"}
+{"version":3,"file":"separator.js","names":[],"sources":["../../src/recipes/separator.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport {\n  fadingDownOf,\n  fadingOf,\n  filledDownOf,\n  filledOf,\n  ruleQuiet,\n  ruleQuietDown,\n} from '#parts/rule'\nimport { defaultTone, tones } from '#parts/tone'\nimport type { Tone } from '#tone'\nimport { toneBlend } from '#tone'\n\ntype SeparatorOrientation = 'horizontal' | 'vertical'\n\ntype SeparatorVariant = 'fade' | 'filled' | 'quiet'\n\nconst defaultSeparatorOrientation = 'horizontal' satisfies SeparatorOrientation\n\nconst defaultSeparatorVariant = 'filled' satisfies SeparatorVariant\n\nconst defaultSeparatorTone = defaultTone\n\ninterface TonedRule {\n  class: string\n  orientation: SeparatorOrientation\n  tone: Tone\n  variant: SeparatorVariant\n}\n\nconst tonedRules: TonedRule[] = tones.flatMap((tone) => {\n  const blend = toneBlend[tone]\n\n  return [\n    { class: fadingOf(blend), orientation: 'horizontal', tone, variant: 'fade' },\n    { class: filledOf(blend), orientation: 'horizontal', tone, variant: 'filled' },\n    { class: fadingDownOf(blend), orientation: 'vertical', tone, variant: 'fade' },\n    { class: filledDownOf(blend), orientation: 'vertical', tone, variant: 'filled' },\n  ]\n})\n\nconst separatorRecipe = cva('shrink-0', {\n  compoundVariants: [\n    { class: ruleQuiet, orientation: 'horizontal', variant: 'quiet' },\n    { class: ruleQuietDown, orientation: 'vertical', variant: 'quiet' },\n    ...tonedRules,\n  ],\n  defaultVariants: {\n    orientation: defaultSeparatorOrientation,\n    tone: defaultSeparatorTone,\n    variant: defaultSeparatorVariant,\n  },\n  variants: {\n    orientation: {\n      horizontal: 'w-full',\n      vertical: 'self-stretch',\n    } satisfies Record<SeparatorOrientation, string>,\n    tone: {\n      accent: '',\n      danger: '',\n      info: '',\n      success: '',\n      warning: '',\n    } satisfies Record<Tone, string>,\n    variant: {\n      fade: '',\n      filled: '',\n      quiet: '',\n    } satisfies Record<SeparatorVariant, string>,\n  },\n})\n\nconst separatorOrientations = [\n  'horizontal',\n  'vertical',\n] as const satisfies readonly SeparatorOrientation[]\n\nconst separatorVariants = ['fade', 'filled', 'quiet'] as const satisfies readonly SeparatorVariant[]\n\nconst separatorTones = tones\n\nexport {\n  type SeparatorOrientation,\n  type SeparatorVariant,\n  defaultSeparatorOrientation,\n  defaultSeparatorTone,\n  defaultSeparatorVariant,\n  separatorOrientations,\n  separatorRecipe,\n  separatorTones,\n  separatorVariants,\n}\n"],"mappings":";;;;;AAkBA,MAAM,8BAA8B;AAEpC,MAAM,0BAA0B;AAEhC,MAAM,uBAAuB;AAS7B,MAAM,aAA0B,MAAM,SAAS,SAAS;CACtD,MAAM,QAAQ,UAAU;CAExB,OAAO;EACL;GAAE,OAAO,SAAS,KAAK;GAAG,aAAa;GAAc;GAAM,SAAS;EAAO;EAC3E;GAAE,OAAO,SAAS,KAAK;GAAG,aAAa;GAAc;GAAM,SAAS;EAAS;EAC7E;GAAE,OAAO,aAAa,KAAK;GAAG,aAAa;GAAY;GAAM,SAAS;EAAO;EAC7E;GAAE,OAAO,aAAa,KAAK;GAAG,aAAa;GAAY;GAAM,SAAS;EAAS;CACjF;AACF,CAAC;AAED,MAAM,kBAAkB,IAAI,YAAY;CACtC,kBAAkB;EAChB;GAAE,OAAO;GAAW,aAAa;GAAc,SAAS;EAAQ;EAChE;GAAE,OAAO;GAAe,aAAa;GAAY,SAAS;EAAQ;EAClE,GAAG;CACL;CACA,iBAAiB;EACf,aAAa;EACb,MAAM;EACN,SAAS;CACX;CACA,UAAU;EACR,aAAa;GACX,YAAY;GACZ,UAAU;EACZ;EACA,MAAM;GACJ,QAAQ;GACR,QAAQ;GACR,MAAM;GACN,SAAS;GACT,SAAS;EACX;EACA,SAAS;GACP,MAAM;GACN,QAAQ;GACR,OAAO;EACT;CACF;AACF,CAAC;AAED,MAAM,wBAAwB,CAC5B,cACA,UACF;AAEA,MAAM,oBAAoB;CAAC;CAAQ;CAAU;AAAO;AAEpD,MAAM,iBAAiB"}

package/dist/recipes/slider.d.ts

@@ -1,6 +1,8 @@
 //#region src/recipes/slider.d.ts
 declare const sliderKnobSize = 20;
-declare const sliderRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const sliderRecipe: (props?: ({
+  fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const sliderHeadRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const sliderLabelRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const sliderValueRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/recipes/slider.js

@@ -4,11 +4,17 @@ import { cva } from "class-variance-authority";
 //#region src/recipes/slider.ts
 const sliderKnobSize = 20;
 const sliderRecipe = cva([
-	"flex w-full max-w-tf-panel flex-col gap-2",
+	"flex w-full flex-col gap-2",
 	"font-tf-body",
 	"data-disabled:cursor-not-allowed",
 	"data-disabled:**:data-[part=value-text]:text-tf-muted"
-]);
+], {
+	defaultVariants: { fullWidth: false },
+	variants: { fullWidth: {
+		false: "max-w-tf-panel",
+		true: ""
+	} }
+});
 const sliderHeadRecipe = cva("flex items-baseline justify-between gap-4");
 const sliderLabelRecipe = cva("text-tf-body text-tf-fg data-disabled:text-tf-muted");
 const sliderValueRecipe = cva([

package/dist/recipes/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":[],"sources":["../../src/recipes/slider.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { controlReach } from '#parts/control'\nimport { markKnob } from '#parts/mark'\n\nconst sliderKnobSize = 20\n\nconst sliderRecipe = cva([\n  'flex w-full max-w-tf-panel flex-col gap-2',\n  'font-tf-body',\n  'data-disabled:cursor-not-allowed',\n  'data-disabled:**:data-[part=value-text]:text-tf-muted',\n])\n\nconst sliderHeadRecipe = cva('flex items-baseline justify-between gap-4')\n\nconst sliderLabelRecipe = cva('text-tf-body text-tf-fg data-disabled:text-tf-muted')\n\nconst sliderValueRecipe = cva([\n  'font-tf-display text-tf-h4 font-bold tracking-tf-tight tabular-nums',\n  'text-tf-fg in-data-dragging:text-tf-accent-hi in-data-focus:text-tf-accent-hi',\n  'tf-transition motion-reduce:transition-none',\n])\n\nconst sliderControlRecipe = cva([\n  'relative flex min-h-tf-target w-full items-center',\n  'not-data-readonly:interactive:cursor-pointer',\n  'data-readonly:cursor-default',\n])\n\nconst sliderTrackRecipe = cva([\n  'h-tf-mark-track w-full overflow-hidden rounded-tf-inline bg-tf-line',\n  'data-disabled:opacity-50',\n])\n\nconst sliderRangeRecipe = cva([\n  'h-tf-mark-track',\n  'bg-tf-blend-rise blend-tf-accent',\n  'data-invalid:blend-tf-danger',\n  'tf-transition not-data-dragging:tf-travels motion-reduce:transition-none',\n])\n\nconst sliderNotchesRecipe = cva('pointer-events-none absolute inset-0')\n\nconst sliderNotchRecipe = cva([\n  'h-full w-tf-hairline',\n  'data-[state=over-value]:bg-tf-line-hi data-[state=under-value]:bg-tf-shade-under',\n  'tf-transition motion-reduce:transition-none',\n])\n\nconst sliderThumbRecipe = cva([\n  ...markKnob,\n  'size-tf-icon-solo-sm blend-tf-accent',\n  'inset-ring inset-ring-tf-line-hi',\n  'in-data-invalid:inset-ring-tf-danger-hi',\n  'tf-glow tf-fill-scale tf-settled-quiet',\n  'interactive:hovered:tf-raised',\n  'not-data-dragging:tf-travels',\n  'data-dragging:bg-tf-fg-held data-dragging:tf-raised',\n  'motion-safe:data-dragging:scale-112',\n  'data-disabled:opacity-50',\n  ...controlReach,\n])\n\nconst sliderFootRecipe = cva('flex items-baseline justify-between gap-4')\n\nconst sliderHintRecipe = cva('text-tf-caption font-medium', {\n  defaultVariants: { invalid: false },\n  variants: {\n    invalid: { false: 'text-tf-muted', true: 'text-tf-danger-hi tf-arrives' },\n  },\n})\n\nconst sliderBoundsRecipe = cva(\n  'ms-auto shrink-0 text-tf-caption font-medium text-tf-muted tabular-nums',\n)\n\nexport {\n  sliderBoundsRecipe,\n  sliderControlRecipe,\n  sliderFootRecipe,\n  sliderHeadRecipe,\n  sliderHintRecipe,\n  sliderKnobSize,\n  sliderLabelRecipe,\n  sliderNotchRecipe,\n  sliderNotchesRecipe,\n  sliderRangeRecipe,\n  sliderRecipe,\n  sliderThumbRecipe,\n  sliderTrackRecipe,\n  sliderValueRecipe,\n}\n"],"mappings":";;;;AAKA,MAAM,iBAAiB;AAEvB,MAAM,eAAe,IAAI;CACvB;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,mBAAmB,IAAI,2CAA2C;AAExE,MAAM,oBAAoB,IAAI,qDAAqD;AAEnF,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;AACF,CAAC;AAED,MAAM,sBAAsB,IAAI;CAC9B;CACA;CACA;AACF,CAAC;AAED,MAAM,oBAAoB,IAAI,CAC5B,uEACA,0BACF,CAAC;AAED,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,sBAAsB,IAAI,sCAAsC;AAEtE,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;AACF,CAAC;AAED,MAAM,oBAAoB,IAAI;CAC5B,GAAG;CACH;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;AACL,CAAC;AAED,MAAM,mBAAmB,IAAI,2CAA2C;AAExE,MAAM,mBAAmB,IAAI,+BAA+B;CAC1D,iBAAiB,EAAE,SAAS,MAAM;CAClC,UAAU,EACR,SAAS;EAAE,OAAO;EAAiB,MAAM;CAA+B,EAC1E;AACF,CAAC;AAED,MAAM,qBAAqB,IACzB,yEACF"}
+{"version":3,"file":"slider.js","names":[],"sources":["../../src/recipes/slider.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { controlReach } from '#parts/control'\nimport { markKnob } from '#parts/mark'\n\nconst sliderKnobSize = 20\n\nconst sliderRecipe = cva(\n  [\n    'flex w-full flex-col gap-2',\n    'font-tf-body',\n    'data-disabled:cursor-not-allowed',\n    'data-disabled:**:data-[part=value-text]:text-tf-muted',\n  ],\n  {\n    defaultVariants: { fullWidth: false },\n    variants: {\n      fullWidth: { false: 'max-w-tf-panel', true: '' },\n    },\n  },\n)\n\nconst sliderHeadRecipe = cva('flex items-baseline justify-between gap-4')\n\nconst sliderLabelRecipe = cva('text-tf-body text-tf-fg data-disabled:text-tf-muted')\n\nconst sliderValueRecipe = cva([\n  'font-tf-display text-tf-h4 font-bold tracking-tf-tight tabular-nums',\n  'text-tf-fg in-data-dragging:text-tf-accent-hi in-data-focus:text-tf-accent-hi',\n  'tf-transition motion-reduce:transition-none',\n])\n\nconst sliderControlRecipe = cva([\n  'relative flex min-h-tf-target w-full items-center',\n  'not-data-readonly:interactive:cursor-pointer',\n  'data-readonly:cursor-default',\n])\n\nconst sliderTrackRecipe = cva([\n  'h-tf-mark-track w-full overflow-hidden rounded-tf-inline bg-tf-line',\n  'data-disabled:opacity-50',\n])\n\nconst sliderRangeRecipe = cva([\n  'h-tf-mark-track',\n  'bg-tf-blend-rise blend-tf-accent',\n  'data-invalid:blend-tf-danger',\n  'tf-transition not-data-dragging:tf-travels motion-reduce:transition-none',\n])\n\nconst sliderNotchesRecipe = cva('pointer-events-none absolute inset-0')\n\nconst sliderNotchRecipe = cva([\n  'h-full w-tf-hairline',\n  'data-[state=over-value]:bg-tf-line-hi data-[state=under-value]:bg-tf-shade-under',\n  'tf-transition motion-reduce:transition-none',\n])\n\nconst sliderThumbRecipe = cva([\n  ...markKnob,\n  'size-tf-icon-solo-sm blend-tf-accent',\n  'inset-ring inset-ring-tf-line-hi',\n  'in-data-invalid:inset-ring-tf-danger-hi',\n  'tf-glow tf-fill-scale tf-settled-quiet',\n  'interactive:hovered:tf-raised',\n  'not-data-dragging:tf-travels',\n  'data-dragging:bg-tf-fg-held data-dragging:tf-raised',\n  'motion-safe:data-dragging:scale-112',\n  'data-disabled:opacity-50',\n  ...controlReach,\n])\n\nconst sliderFootRecipe = cva('flex items-baseline justify-between gap-4')\n\nconst sliderHintRecipe = cva('text-tf-caption font-medium', {\n  defaultVariants: { invalid: false },\n  variants: {\n    invalid: { false: 'text-tf-muted', true: 'text-tf-danger-hi tf-arrives' },\n  },\n})\n\nconst sliderBoundsRecipe = cva(\n  'ms-auto shrink-0 text-tf-caption font-medium text-tf-muted tabular-nums',\n)\n\nexport {\n  sliderBoundsRecipe,\n  sliderControlRecipe,\n  sliderFootRecipe,\n  sliderHeadRecipe,\n  sliderHintRecipe,\n  sliderKnobSize,\n  sliderLabelRecipe,\n  sliderNotchRecipe,\n  sliderNotchesRecipe,\n  sliderRangeRecipe,\n  sliderRecipe,\n  sliderThumbRecipe,\n  sliderTrackRecipe,\n  sliderValueRecipe,\n}\n"],"mappings":";;;;AAKA,MAAM,iBAAiB;AAEvB,MAAM,eAAe,IACnB;CACE;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB,EAAE,WAAW,MAAM;CACpC,UAAU,EACR,WAAW;EAAE,OAAO;EAAkB,MAAM;CAAG,EACjD;AACF,CACF;AAEA,MAAM,mBAAmB,IAAI,2CAA2C;AAExE,MAAM,oBAAoB,IAAI,qDAAqD;AAEnF,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;AACF,CAAC;AAED,MAAM,sBAAsB,IAAI;CAC9B;CACA;CACA;AACF,CAAC;AAED,MAAM,oBAAoB,IAAI,CAC5B,uEACA,0BACF,CAAC;AAED,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,sBAAsB,IAAI,sCAAsC;AAEtE,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;AACF,CAAC;AAED,MAAM,oBAAoB,IAAI;CAC5B,GAAG;CACH;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;AACL,CAAC;AAED,MAAM,mBAAmB,IAAI,2CAA2C;AAExE,MAAM,mBAAmB,IAAI,+BAA+B;CAC1D,iBAAiB,EAAE,SAAS,MAAM;CAClC,UAAU,EACR,SAAS;EAAE,OAAO;EAAiB,MAAM;CAA+B,EAC1E;AACF,CAAC;AAED,MAAM,qBAAqB,IACzB,yEACF"}

package/dist/recipes/text.d.ts

@@ -14,7 +14,7 @@ declare const textFamilies: readonly ["sans", "mono", "display"];
 declare const restingWeight: (size: TextSize, uppercase?: boolean) => TextWeight;
 declare const textRecipe: (props?: ({
   family?: "display" | "sans" | "mono" | null | undefined;
-  size?: "caption-sm" | "caption" | "body-sm" | "body" | "lead" | null | undefined;
+  size?: "lead" | "caption-sm" | "caption" | "body-sm" | "body" | null | undefined;
   tabular?: boolean | null | undefined;
   tone?: "accent" | "success" | "warning" | "info" | "danger" | "fg" | "muted" | null | undefined;
   uppercase?: boolean | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techfides/ui-library-design",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Framework-agnostic design core for the TechFides UI library: Tailwind design tokens and component variant recipes",
   "keywords": [
     "cva",
@@ -47,7 +47,7 @@
   },
   "devDependencies": {
     "@arethetypeswrong/core": "^0.18.5",
-    "publint": "^0.3.23",
+    "publint": "^0.3.24",
     "tsdown": "^0.22.14",
     "typescript": "~6.0.3",
     "@techfides/tsconfig": "0.0.0"