@techfides/ui-library-design 0.5.0 → 0.7.0

package/dist/recipes/tail.js

@@ -1,3 +1,4 @@
+import { anatomy } from "../anatomy.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/tail.ts
 const tailSeverities = [
@@ -7,11 +8,10 @@ const tailSeverities = [
 	"danger",
 	"success"
 ];
-const defaultTailSeverity = "plain";
 const tailRecipe = cva(["overflow-hidden rounded-tf-block bg-tf-sunken-quiet", "shadow-[inset_0_0_0_var(--spacing-tf-hairline)_var(--color-tf-line-2)]"]);
 const tailScrollRecipe = cva("tf-scroll-thin overflow-x-auto overflow-y-auto");
 const tailLineRecipe = cva("grid min-w-max grid-cols-[3px_6.5rem_1fr] items-center gap-x-3 py-0.5", {
-	defaultVariants: { severity: defaultTailSeverity },
+	defaultVariants: { severity: "plain" },
 	variants: { severity: {
 		danger: "bg-tf-danger-wash",
 		plain: "",
@@ -21,7 +21,7 @@ const tailLineRecipe = cva("grid min-w-max grid-cols-[3px_6.5rem_1fr] items-cent
 	} }
 });
 const tailGutterRecipe = cva("h-full", {
-	defaultVariants: { severity: defaultTailSeverity },
+	defaultVariants: { severity: "plain" },
 	variants: { severity: {
 		danger: "bg-tf-danger-hi",
 		plain: "bg-transparent",
@@ -32,7 +32,7 @@ const tailGutterRecipe = cva("h-full", {
 });
 const tailAtRecipe = cva("py-0.5 pl-3 font-mono text-tf-caption-sm text-tf-muted");
 const tailTextRecipe = cva("py-0.5 pr-3 font-mono text-tf-caption-sm whitespace-nowrap", {
-	defaultVariants: { severity: defaultTailSeverity },
+	defaultVariants: { severity: "plain" },
 	variants: { severity: {
 		danger: "text-tf-danger-hi",
 		plain: "text-tf-fg",
@@ -42,7 +42,39 @@ const tailTextRecipe = cva("py-0.5 pr-3 font-mono text-tf-caption-sm whitespace-
 	} }
 });
 const tailEmptyRecipe = cva("p-5 text-center text-tf-caption font-medium text-tf-muted");
+const tailAnatomy = anatomy({
+	at: {
+		part: "at",
+		recipe: tailAtRecipe,
+		required: false
+	},
+	empty: {
+		part: "empty",
+		recipe: tailEmptyRecipe,
+		required: false
+	},
+	line: {
+		part: "line",
+		recipe: tailLineRecipe,
+		required: false
+	},
+	root: {
+		part: "tail",
+		recipe: tailRecipe,
+		required: true
+	},
+	scroll: {
+		part: "scroll",
+		recipe: tailScrollRecipe,
+		required: true
+	},
+	text: {
+		part: "text",
+		recipe: tailTextRecipe,
+		required: false
+	}
+});
 //#endregion
-export { defaultTailSeverity, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe };
+export { tailAnatomy, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe };
 
 //# sourceMappingURL=tail.js.map

package/dist/recipes/tail.js.map

@@ -1 +1 @@
-{"version":3,"file":"tail.js","names":[],"sources":["../../src/recipes/tail.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nconst tailSeverities = ['quiet', 'plain', 'warning', 'danger', 'success'] as const\n\ntype TailSeverity = (typeof tailSeverities)[number]\n\nconst defaultTailSeverity = 'plain' satisfies TailSeverity\n\nconst tailRecipe = cva([\n  'overflow-hidden rounded-tf-block bg-tf-sunken-quiet',\n  'shadow-[inset_0_0_0_var(--spacing-tf-hairline)_var(--color-tf-line-2)]',\n])\n\nconst tailScrollRecipe = cva('tf-scroll-thin overflow-x-auto overflow-y-auto')\n\nconst tailLineRecipe = cva(\n  'grid min-w-max grid-cols-[3px_6.5rem_1fr] items-center gap-x-3 py-0.5',\n  {\n    defaultVariants: { severity: defaultTailSeverity },\n    variants: {\n      severity: {\n        danger: 'bg-tf-danger-wash',\n        plain: '',\n        quiet: '',\n        success: 'bg-tf-success-tint',\n        warning: 'bg-tf-warning-tint',\n      } satisfies Record<TailSeverity, string>,\n    },\n  },\n)\n\nconst tailGutterRecipe = cva('h-full', {\n  defaultVariants: { severity: defaultTailSeverity },\n  variants: {\n    severity: {\n      danger: 'bg-tf-danger-hi',\n      plain: 'bg-transparent',\n      quiet: 'bg-transparent',\n      success: 'bg-tf-success-hi',\n      warning: 'bg-tf-warning-hi',\n    } satisfies Record<TailSeverity, string>,\n  },\n})\n\nconst tailAtRecipe = cva('py-0.5 pl-3 font-mono text-tf-caption-sm text-tf-muted')\n\nconst tailTextRecipe = cva('py-0.5 pr-3 font-mono text-tf-caption-sm whitespace-nowrap', {\n  defaultVariants: { severity: defaultTailSeverity },\n  variants: {\n    severity: {\n      danger: 'text-tf-danger-hi',\n      plain: 'text-tf-fg',\n      quiet: 'text-tf-muted',\n      success: 'text-tf-success-hi',\n      warning: 'text-tf-warning-hi',\n    } satisfies Record<TailSeverity, string>,\n  },\n})\n\nconst tailEmptyRecipe = cva('p-5 text-center text-tf-caption font-medium text-tf-muted')\n\nexport {\n  type TailSeverity,\n  defaultTailSeverity,\n  tailAtRecipe,\n  tailEmptyRecipe,\n  tailGutterRecipe,\n  tailLineRecipe,\n  tailRecipe,\n  tailScrollRecipe,\n  tailSeverities,\n  tailTextRecipe,\n}\n"],"mappings":";;AAEA,MAAM,iBAAiB;CAAC;CAAS;CAAS;CAAW;CAAU;AAAS;AAIxE,MAAM,sBAAsB;AAE5B,MAAM,aAAa,IAAI,CACrB,uDACA,wEACF,CAAC;AAED,MAAM,mBAAmB,IAAI,gDAAgD;AAE7E,MAAM,iBAAiB,IACrB,yEACA;CACE,iBAAiB,EAAE,UAAU,oBAAoB;CACjD,UAAU,EACR,UAAU;EACR,QAAQ;EACR,OAAO;EACP,OAAO;EACP,SAAS;EACT,SAAS;CACX,EACF;AACF,CACF;AAEA,MAAM,mBAAmB,IAAI,UAAU;CACrC,iBAAiB,EAAE,UAAU,oBAAoB;CACjD,UAAU,EACR,UAAU;EACR,QAAQ;EACR,OAAO;EACP,OAAO;EACP,SAAS;EACT,SAAS;CACX,EACF;AACF,CAAC;AAED,MAAM,eAAe,IAAI,wDAAwD;AAEjF,MAAM,iBAAiB,IAAI,8DAA8D;CACvF,iBAAiB,EAAE,UAAU,oBAAoB;CACjD,UAAU,EACR,UAAU;EACR,QAAQ;EACR,OAAO;EACP,OAAO;EACP,SAAS;EACT,SAAS;CACX,EACF;AACF,CAAC;AAED,MAAM,kBAAkB,IAAI,2DAA2D"}
+{"version":3,"file":"tail.js","names":[],"sources":["../../src/recipes/tail.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\n\nconst tailSeverities = ['quiet', 'plain', 'warning', 'danger', 'success'] as const\n\ntype TailSeverity = (typeof tailSeverities)[number]\n\nconst tailRecipe = cva([\n  'overflow-hidden rounded-tf-block bg-tf-sunken-quiet',\n  'shadow-[inset_0_0_0_var(--spacing-tf-hairline)_var(--color-tf-line-2)]',\n])\n\nconst tailScrollRecipe = cva('tf-scroll-thin overflow-x-auto overflow-y-auto')\n\nconst tailLineRecipe = cva(\n  'grid min-w-max grid-cols-[3px_6.5rem_1fr] items-center gap-x-3 py-0.5',\n  {\n    defaultVariants: { severity: 'plain' },\n    variants: {\n      severity: {\n        danger: 'bg-tf-danger-wash',\n        plain: '',\n        quiet: '',\n        success: 'bg-tf-success-tint',\n        warning: 'bg-tf-warning-tint',\n      } satisfies Record<TailSeverity, string>,\n    },\n  },\n)\n\nconst tailGutterRecipe = cva('h-full', {\n  defaultVariants: { severity: 'plain' },\n  variants: {\n    severity: {\n      danger: 'bg-tf-danger-hi',\n      plain: 'bg-transparent',\n      quiet: 'bg-transparent',\n      success: 'bg-tf-success-hi',\n      warning: 'bg-tf-warning-hi',\n    } satisfies Record<TailSeverity, string>,\n  },\n})\n\nconst tailAtRecipe = cva('py-0.5 pl-3 font-mono text-tf-caption-sm text-tf-muted')\n\nconst tailTextRecipe = cva('py-0.5 pr-3 font-mono text-tf-caption-sm whitespace-nowrap', {\n  defaultVariants: { severity: 'plain' },\n  variants: {\n    severity: {\n      danger: 'text-tf-danger-hi',\n      plain: 'text-tf-fg',\n      quiet: 'text-tf-muted',\n      success: 'text-tf-success-hi',\n      warning: 'text-tf-warning-hi',\n    } satisfies Record<TailSeverity, string>,\n  },\n})\n\nconst tailEmptyRecipe = cva('p-5 text-center text-tf-caption font-medium text-tf-muted')\n\nconst tailAnatomy = anatomy({\n  at: { part: 'at', recipe: tailAtRecipe, required: false },\n  empty: { part: 'empty', recipe: tailEmptyRecipe, required: false },\n  line: { part: 'line', recipe: tailLineRecipe, required: false },\n  root: { part: 'tail', recipe: tailRecipe, required: true },\n  scroll: { part: 'scroll', recipe: tailScrollRecipe, required: true },\n  text: { part: 'text', recipe: tailTextRecipe, required: false },\n})\n\nexport {\n  type TailSeverity,\n  tailAnatomy,\n  tailAtRecipe,\n  tailEmptyRecipe,\n  tailGutterRecipe,\n  tailLineRecipe,\n  tailRecipe,\n  tailScrollRecipe,\n  tailSeverities,\n  tailTextRecipe,\n}\n"],"mappings":";;;AAIA,MAAM,iBAAiB;CAAC;CAAS;CAAS;CAAW;CAAU;AAAS;AAIxE,MAAM,aAAa,IAAI,CACrB,uDACA,wEACF,CAAC;AAED,MAAM,mBAAmB,IAAI,gDAAgD;AAE7E,MAAM,iBAAiB,IACrB,yEACA;CACE,iBAAiB,EAAE,UAAU,QAAQ;CACrC,UAAU,EACR,UAAU;EACR,QAAQ;EACR,OAAO;EACP,OAAO;EACP,SAAS;EACT,SAAS;CACX,EACF;AACF,CACF;AAEA,MAAM,mBAAmB,IAAI,UAAU;CACrC,iBAAiB,EAAE,UAAU,QAAQ;CACrC,UAAU,EACR,UAAU;EACR,QAAQ;EACR,OAAO;EACP,OAAO;EACP,SAAS;EACT,SAAS;CACX,EACF;AACF,CAAC;AAED,MAAM,eAAe,IAAI,wDAAwD;AAEjF,MAAM,iBAAiB,IAAI,8DAA8D;CACvF,iBAAiB,EAAE,UAAU,QAAQ;CACrC,UAAU,EACR,UAAU;EACR,QAAQ;EACR,OAAO;EACP,OAAO;EACP,SAAS;EACT,SAAS;CACX,EACF;AACF,CAAC;AAED,MAAM,kBAAkB,IAAI,2DAA2D;AAEvF,MAAM,cAAc,QAAQ;CAC1B,IAAI;EAAE,MAAM;EAAM,QAAQ;EAAc,UAAU;CAAM;CACxD,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAiB,UAAU;CAAM;CACjE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAgB,UAAU;CAAM;CAC9D,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAY,UAAU;CAAK;CACzD,QAAQ;EAAE,MAAM;EAAU,QAAQ;EAAkB,UAAU;CAAK;CACnE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAgB,UAAU;CAAM;AAChE,CAAC"}

package/dist/recipes/text.d.ts

@@ -5,7 +5,6 @@ type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
 type TextFamily = 'sans' | 'mono' | 'display';
 declare const defaultTextSize = "body";
 declare const defaultTextTone = "fg";
-declare const defaultTextWeight = "normal";
 declare const defaultTextFamily = "sans";
 declare const textSizes: readonly ["caption-sm", "caption", "body-sm", "body", "lead"];
 declare const textTones: readonly ["fg", "muted", "accent", "danger", "info", "success", "warning"];
@@ -14,12 +13,26 @@ 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?: "lead" | "caption-sm" | "caption" | "body-sm" | "body" | null | undefined;
+  size?: "body" | "caption" | "lead" | "caption-sm" | "body-sm" | null | undefined;
   tabular?: boolean | null | undefined;
   tone?: "accent" | "success" | "warning" | "info" | "danger" | "fg" | "muted" | null | undefined;
   uppercase?: boolean | null | undefined;
   weight?: "normal" | "medium" | "semibold" | "bold" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const textAnatomy: {
+  readonly root: {
+    readonly part: "text";
+    readonly recipe: (props?: ({
+      family?: "display" | "sans" | "mono" | null | undefined;
+      size?: "body" | "caption" | "lead" | "caption-sm" | "body-sm" | null | undefined;
+      tabular?: boolean | null | undefined;
+      tone?: "accent" | "success" | "warning" | "info" | "danger" | "fg" | "muted" | null | undefined;
+      uppercase?: boolean | null | undefined;
+      weight?: "normal" | "medium" | "semibold" | "bold" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+};
 //#endregion
-export { type TextFamily, type TextSize, type TextTone, type TextWeight, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, restingWeight, textFamilies, textRecipe, textSizes, textTones, textWeights };
+export { type TextFamily, type TextSize, type TextTone, type TextWeight, defaultTextFamily, defaultTextSize, defaultTextTone, restingWeight, textAnatomy, textFamilies, textRecipe, textSizes, textTones, textWeights };
 //# sourceMappingURL=text.d.ts.map

package/dist/recipes/text.js

@@ -1,10 +1,10 @@
+import { anatomy } from "../anatomy.js";
 import { toneText } from "../tone.js";
 import { eyebrowType } from "../parts/eyebrow.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/text.ts
 const defaultTextSize = "body";
 const defaultTextTone = "fg";
-const defaultTextWeight = "normal";
 const defaultTextFamily = "sans";
 const textSizes = [
 	"caption-sm",
@@ -56,7 +56,7 @@ const textRecipe = cva("tf-transition motion-reduce:transition-none", {
 		tabular: false,
 		tone: "fg",
 		uppercase: false,
-		weight: defaultTextWeight
+		weight: "normal"
 	},
 	variants: {
 		family: {
@@ -88,7 +88,12 @@ const textRecipe = cva("tf-transition motion-reduce:transition-none", {
 		}
 	}
 });
+const textAnatomy = anatomy({ root: {
+	part: "text",
+	recipe: textRecipe,
+	required: true
+} });
 //#endregion
-export { defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, restingWeight, textFamilies, textRecipe, textSizes, textTones, textWeights };
+export { defaultTextFamily, defaultTextSize, defaultTextTone, restingWeight, textAnatomy, textFamilies, textRecipe, textSizes, textTones, textWeights };
 
 //# sourceMappingURL=text.js.map

package/dist/recipes/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":[],"sources":["../../src/recipes/text.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { eyebrowType } from '#parts/eyebrow'\nimport { toneText } from '#tone'\n\ntype TextSize = 'caption-sm' | 'caption' | 'body-sm' | 'body' | 'lead'\n\ntype TextTone = 'fg' | 'muted' | 'accent' | 'danger' | 'info' | 'success' | 'warning'\n\ntype TextWeight = 'normal' | 'medium' | 'semibold' | 'bold'\n\ntype TextFamily = 'sans' | 'mono' | 'display'\n\nconst defaultTextSize = 'body' satisfies TextSize\n\nconst defaultTextTone = 'fg' satisfies TextTone\n\nconst defaultTextWeight = 'normal' satisfies TextWeight\n\nconst defaultTextFamily = 'sans' satisfies TextFamily\n\nconst textSizes = [\n  'caption-sm',\n  'caption',\n  'body-sm',\n  'body',\n  'lead',\n] as const satisfies readonly TextSize[]\n\nconst textTones = [\n  'fg',\n  'muted',\n  'accent',\n  'danger',\n  'info',\n  'success',\n  'warning',\n] as const satisfies readonly TextTone[]\n\nconst textWeights = [\n  'normal',\n  'medium',\n  'semibold',\n  'bold',\n] as const satisfies readonly TextWeight[]\n\nconst textFamilies = ['sans', 'mono', 'display'] as const satisfies readonly TextFamily[]\n\nconst SIZE_WEIGHT = {\n  body: 'normal',\n  'body-sm': 'medium',\n  caption: 'medium',\n  'caption-sm': 'medium',\n  lead: 'normal',\n} satisfies Record<TextSize, TextWeight>\n\nconst restingWeight = (size: TextSize, uppercase?: boolean): TextWeight => {\n  if (uppercase === true) {\n    return 'medium'\n  }\n  return SIZE_WEIGHT[size]\n}\n\nconst TONE_CLASS = {\n  ...toneText,\n  fg: 'text-tf-fg',\n  muted: 'text-tf-muted',\n} satisfies Record<TextTone, string>\n\nconst textRecipe = cva('tf-transition motion-reduce:transition-none', {\n  defaultVariants: {\n    family: defaultTextFamily,\n    size: defaultTextSize,\n    tabular: false,\n    tone: defaultTextTone,\n    uppercase: false,\n    weight: defaultTextWeight,\n  },\n  variants: {\n    family: {\n      display: 'font-tf-display',\n      mono: 'font-mono',\n      sans: 'font-tf-body',\n    } satisfies Record<TextFamily, string>,\n    size: {\n      body: 'text-tf-body',\n      'body-sm': 'text-tf-body-sm',\n      caption: 'text-tf-caption',\n      'caption-sm': 'text-tf-caption-sm',\n      lead: 'max-w-tf-measure text-tf-lead',\n    } satisfies Record<TextSize, string>,\n    tabular: { false: '', true: 'tabular-nums' },\n    tone: TONE_CLASS,\n    uppercase: { false: '', true: eyebrowType },\n    weight: {\n      bold: 'font-bold',\n      medium: 'font-medium',\n      normal: 'font-normal',\n      semibold: 'font-semibold',\n    } satisfies Record<TextWeight, string>,\n  },\n})\n\nexport {\n  type TextFamily,\n  type TextSize,\n  type TextTone,\n  type TextWeight,\n  defaultTextFamily,\n  defaultTextSize,\n  defaultTextTone,\n  defaultTextWeight,\n  restingWeight,\n  textFamilies,\n  textRecipe,\n  textSizes,\n  textTones,\n  textWeights,\n}\n"],"mappings":";;;;AAaA,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;AAExB,MAAM,oBAAoB;AAE1B,MAAM,oBAAoB;AAE1B,MAAM,YAAY;CAChB;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,YAAY;CAChB;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,cAAc;CAClB;CACA;CACA;CACA;AACF;AAEA,MAAM,eAAe;CAAC;CAAQ;CAAQ;AAAS;AAE/C,MAAM,cAAc;CAClB,MAAM;CACN,WAAW;CACX,SAAS;CACT,cAAc;CACd,MAAM;AACR;AAEA,MAAM,iBAAiB,MAAgB,cAAoC;CACzE,IAAI,cAAc,MAChB,OAAO;CAET,OAAO,YAAY;AACrB;AAEA,MAAM,aAAa;CACjB,GAAG;CACH,IAAI;CACJ,OAAO;AACT;AAEA,MAAM,aAAa,IAAI,+CAA+C;CACpE,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;EACT,MAAA;EACA,WAAW;EACX,QAAQ;CACV;CACA,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,MAAM;EACR;EACA,MAAM;GACJ,MAAM;GACN,WAAW;GACX,SAAS;GACT,cAAc;GACd,MAAM;EACR;EACA,SAAS;GAAE,OAAO;GAAI,MAAM;EAAe;EAC3C,MAAM;EACN,WAAW;GAAE,OAAO;GAAI,MAAM;EAAY;EAC1C,QAAQ;GACN,MAAM;GACN,QAAQ;GACR,QAAQ;GACR,UAAU;EACZ;CACF;AACF,CAAC"}
+{"version":3,"file":"text.js","names":[],"sources":["../../src/recipes/text.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\nimport { eyebrowType } from '#parts/eyebrow'\nimport { toneText } from '#tone'\n\ntype TextSize = 'caption-sm' | 'caption' | 'body-sm' | 'body' | 'lead'\n\ntype TextTone = 'fg' | 'muted' | 'accent' | 'danger' | 'info' | 'success' | 'warning'\n\ntype TextWeight = 'normal' | 'medium' | 'semibold' | 'bold'\n\ntype TextFamily = 'sans' | 'mono' | 'display'\n\nconst defaultTextSize = 'body' satisfies TextSize\n\nconst defaultTextTone = 'fg' satisfies TextTone\n\nconst defaultTextFamily = 'sans' satisfies TextFamily\n\nconst textSizes = [\n  'caption-sm',\n  'caption',\n  'body-sm',\n  'body',\n  'lead',\n] as const satisfies readonly TextSize[]\n\nconst textTones = [\n  'fg',\n  'muted',\n  'accent',\n  'danger',\n  'info',\n  'success',\n  'warning',\n] as const satisfies readonly TextTone[]\n\nconst textWeights = [\n  'normal',\n  'medium',\n  'semibold',\n  'bold',\n] as const satisfies readonly TextWeight[]\n\nconst textFamilies = ['sans', 'mono', 'display'] as const satisfies readonly TextFamily[]\n\nconst SIZE_WEIGHT = {\n  body: 'normal',\n  'body-sm': 'medium',\n  caption: 'medium',\n  'caption-sm': 'medium',\n  lead: 'normal',\n} satisfies Record<TextSize, TextWeight>\n\nconst restingWeight = (size: TextSize, uppercase?: boolean): TextWeight => {\n  if (uppercase === true) {\n    return 'medium'\n  }\n  return SIZE_WEIGHT[size]\n}\n\nconst TONE_CLASS = {\n  ...toneText,\n  fg: 'text-tf-fg',\n  muted: 'text-tf-muted',\n} satisfies Record<TextTone, string>\n\nconst textRecipe = cva('tf-transition motion-reduce:transition-none', {\n  defaultVariants: {\n    family: defaultTextFamily,\n    size: defaultTextSize,\n    tabular: false,\n    tone: defaultTextTone,\n    uppercase: false,\n    weight: 'normal',\n  },\n  variants: {\n    family: {\n      display: 'font-tf-display',\n      mono: 'font-mono',\n      sans: 'font-tf-body',\n    } satisfies Record<TextFamily, string>,\n    size: {\n      body: 'text-tf-body',\n      'body-sm': 'text-tf-body-sm',\n      caption: 'text-tf-caption',\n      'caption-sm': 'text-tf-caption-sm',\n      lead: 'max-w-tf-measure text-tf-lead',\n    } satisfies Record<TextSize, string>,\n    tabular: { false: '', true: 'tabular-nums' },\n    tone: TONE_CLASS,\n    uppercase: { false: '', true: eyebrowType },\n    weight: {\n      bold: 'font-bold',\n      medium: 'font-medium',\n      normal: 'font-normal',\n      semibold: 'font-semibold',\n    } satisfies Record<TextWeight, string>,\n  },\n})\n\nconst textAnatomy = anatomy({\n  root: { part: 'text', recipe: textRecipe, required: true },\n})\n\nexport {\n  type TextFamily,\n  type TextSize,\n  type TextTone,\n  type TextWeight,\n  defaultTextFamily,\n  defaultTextSize,\n  defaultTextTone,\n  restingWeight,\n  textAnatomy,\n  textFamilies,\n  textRecipe,\n  textSizes,\n  textTones,\n  textWeights,\n}\n"],"mappings":";;;;;AAcA,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;AAExB,MAAM,oBAAoB;AAE1B,MAAM,YAAY;CAChB;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,YAAY;CAChB;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,cAAc;CAClB;CACA;CACA;CACA;AACF;AAEA,MAAM,eAAe;CAAC;CAAQ;CAAQ;AAAS;AAE/C,MAAM,cAAc;CAClB,MAAM;CACN,WAAW;CACX,SAAS;CACT,cAAc;CACd,MAAM;AACR;AAEA,MAAM,iBAAiB,MAAgB,cAAoC;CACzE,IAAI,cAAc,MAChB,OAAO;CAET,OAAO,YAAY;AACrB;AAEA,MAAM,aAAa;CACjB,GAAG;CACH,IAAI;CACJ,OAAO;AACT;AAEA,MAAM,aAAa,IAAI,+CAA+C;CACpE,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;EACT,MAAA;EACA,WAAW;EACX,QAAQ;CACV;CACA,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,MAAM;EACR;EACA,MAAM;GACJ,MAAM;GACN,WAAW;GACX,SAAS;GACT,cAAc;GACd,MAAM;EACR;EACA,SAAS;GAAE,OAAO;GAAI,MAAM;EAAe;EAC3C,MAAM;EACN,WAAW;GAAE,OAAO;GAAI,MAAM;EAAY;EAC1C,QAAQ;GACN,MAAM;GACN,QAAQ;GACR,QAAQ;GACR,UAAU;EACZ;CACF;AACF,CAAC;AAED,MAAM,cAAc,QAAQ,EAC1B,MAAM;CAAE,MAAM;CAAQ,QAAQ;CAAY,UAAU;AAAK,EAC3D,CAAC"}

package/dist/recipes/textarea.d.ts

@@ -8,6 +8,51 @@ declare const textareaRecipe: (props?: import("class-variance-authority/types").
 declare const textareaCountRecipe: (props?: ({
   reach?: "clear" | "near" | "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const textareaAnatomy: {
+  readonly cloud: {
+    readonly part: "cloud";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly count: {
+    readonly part: "count";
+    readonly recipe: (props?: ({
+      reach?: "clear" | "near" | "full" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: false;
+  };
+  readonly foot: {
+    readonly part: "foot";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly nebula: {
+    readonly part: "nebula";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly root: {
+    readonly part: "textarea";
+    readonly recipe: (props?: ({
+      fullWidth?: boolean | null | undefined;
+      message?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly row: {
+    readonly part: "row";
+    readonly recipe: (props?: ({
+      invalid?: boolean | null | undefined;
+      loading?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly spoken: {
+    readonly part: "spoken";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+};
 //#endregion
-export { type TextareaReach, textareaCountRecipe, textareaRecipe, textareaShellRecipe };
+export { type TextareaReach, textareaAnatomy, textareaCountRecipe, textareaRecipe, textareaShellRecipe };
 //# sourceMappingURL=textarea.d.ts.map

package/dist/recipes/textarea.js

@@ -1,5 +1,8 @@
+import { anatomy } from "../anatomy.js";
 import { controlBase, controlInert } from "../parts/control.js";
+import { nebulaCloudLowRecipe, nebulaVeilRecipe } from "./nebula.js";
 import { controlFailed, controlHealthy, controlShell } from "../parts/shell.js";
+import { fieldFootRecipe, fieldRecipe } from "./field.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/textarea.ts
 const shellSurface = [
@@ -42,7 +45,44 @@ const textareaCountRecipe = cva(["flex-none pt-2 font-mono text-tf-caption-sm ta
 		near: "text-tf-warning-hi"
 	} }
 });
+const textareaAnatomy = anatomy({
+	cloud: {
+		part: "cloud",
+		recipe: nebulaCloudLowRecipe,
+		required: true
+	},
+	count: {
+		part: "count",
+		recipe: textareaCountRecipe,
+		required: false
+	},
+	foot: {
+		part: "foot",
+		recipe: fieldFootRecipe,
+		required: true
+	},
+	nebula: {
+		part: "nebula",
+		recipe: nebulaVeilRecipe,
+		required: true
+	},
+	root: {
+		part: "textarea",
+		recipe: fieldRecipe,
+		required: true
+	},
+	row: {
+		part: "row",
+		recipe: textareaShellRecipe,
+		required: true
+	},
+	spoken: {
+		part: "spoken",
+		recipe: fieldFootRecipe,
+		required: false
+	}
+});
 //#endregion
-export { textareaCountRecipe, textareaRecipe, textareaShellRecipe };
+export { textareaAnatomy, textareaCountRecipe, textareaRecipe, textareaShellRecipe };
 
 //# sourceMappingURL=textarea.js.map

package/dist/recipes/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":[],"sources":["../../src/recipes/textarea.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { controlBase, controlInert } from '#parts/control'\nimport { controlFailed, controlHealthy, controlShell } from '#parts/shell'\n\ntype TextareaReach = 'clear' | 'near' | 'full'\n\nconst TEXTAREA_WAKES = [\n  'reached:[&_textarea]:placeholder:opacity-100',\n  'reached:[&_textarea]:placeholder:delay-(--tf-duration-1)',\n]\n\nconst LABEL_RESTS_BY_THE_FIRST_LINE = 'asleep:**:data-[part=label]:translate-y-2.5'\n\nconst shellSurface = [\n  'relative isolate w-full flex-col',\n  'rounded-tf-control font-tf-body',\n  ...controlShell(TEXTAREA_WAKES, LABEL_RESTS_BY_THE_FIRST_LINE),\n]\n\nconst PENDING = [\n  'tf-edge-lit tf-pulsing tf-clouding',\n  '**:data-[part=nebula]:tf-cloud-breathing',\n].join(' ')\n\nconst textareaShellRecipe = cva([...controlBase, ...shellSurface], {\n  defaultVariants: { invalid: false, loading: false },\n  variants: {\n    invalid: { false: controlHealthy, true: controlFailed },\n    loading: { false: '', true: PENDING },\n  },\n})\n\nconst textareaRecipe = cva([\n  'max-h-59 min-h-29 w-full resize-none',\n  'tf-writes bg-transparent px-4 pt-6 pb-5',\n  'tf-scroll-faded [--tf-fade-foot:calc(var(--spacing)*5)] [--tf-fade-head:calc(var(--spacing)*6)]',\n  'text-tf-body text-tf-fg',\n  'placeholder:text-tf-muted placeholder:opacity-0',\n  'data-readonly:text-tf-muted',\n  'tf-scroll-thin outline-hidden',\n  ...controlInert,\n])\n\nconst textareaCountRecipe = cva(\n  [\n    'flex-none pt-2 font-mono text-tf-caption-sm tabular-nums',\n    'tf-transition motion-reduce:transition-none',\n  ],\n  {\n    defaultVariants: { reach: 'clear' },\n    variants: {\n      reach: {\n        clear: 'text-tf-muted',\n        full: 'text-tf-danger-hi',\n        near: 'text-tf-warning-hi',\n      } satisfies Record<TextareaReach, string>,\n    },\n  },\n)\n\nexport { type TextareaReach, textareaCountRecipe, textareaRecipe, textareaShellRecipe }\n"],"mappings":";;;;AAcA,MAAM,eAAe;CACnB;CACA;CACA,GAAG,aAAa,CAThB,gDACA,0DAQ6B,GAAG,6CAA6B;AAC/D;AAEA,MAAM,UAAU,CACd,sCACA,0CACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,sBAAsB,IAAI,CAAC,GAAG,aAAa,GAAG,YAAY,GAAG;CACjE,iBAAiB;EAAE,SAAS;EAAO,SAAS;CAAM;CAClD,UAAU;EACR,SAAS;GAAE,OAAO;GAAgB,MAAM;EAAc;EACtD,SAAS;GAAE,OAAO;GAAI,MAAM;EAAQ;CACtC;AACF,CAAC;AAED,MAAM,iBAAiB,IAAI;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;AACL,CAAC;AAED,MAAM,sBAAsB,IAC1B,CACE,4DACA,6CACF,GACA;CACE,iBAAiB,EAAE,OAAO,QAAQ;CAClC,UAAU,EACR,OAAO;EACL,OAAO;EACP,MAAM;EACN,MAAM;CACR,EACF;AACF,CACF"}
+{"version":3,"file":"textarea.js","names":[],"sources":["../../src/recipes/textarea.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\nimport { controlBase, controlInert } from '#parts/control'\nimport { controlFailed, controlHealthy, controlShell } from '#parts/shell'\n\nimport { fieldFootRecipe, fieldRecipe } from './field'\nimport { nebulaCloudLowRecipe, nebulaVeilRecipe } from './nebula'\n\ntype TextareaReach = 'clear' | 'near' | 'full'\n\nconst TEXTAREA_WAKES = [\n  'reached:[&_textarea]:placeholder:opacity-100',\n  'reached:[&_textarea]:placeholder:delay-(--tf-duration-1)',\n]\n\nconst LABEL_RESTS_BY_THE_FIRST_LINE = 'asleep:**:data-[part=label]:translate-y-2.5'\n\nconst shellSurface = [\n  'relative isolate w-full flex-col',\n  'rounded-tf-control font-tf-body',\n  ...controlShell(TEXTAREA_WAKES, LABEL_RESTS_BY_THE_FIRST_LINE),\n]\n\nconst PENDING = [\n  'tf-edge-lit tf-pulsing tf-clouding',\n  '**:data-[part=nebula]:tf-cloud-breathing',\n].join(' ')\n\nconst textareaShellRecipe = cva([...controlBase, ...shellSurface], {\n  defaultVariants: { invalid: false, loading: false },\n  variants: {\n    invalid: { false: controlHealthy, true: controlFailed },\n    loading: { false: '', true: PENDING },\n  },\n})\n\nconst textareaRecipe = cva([\n  'max-h-59 min-h-29 w-full resize-none',\n  'tf-writes bg-transparent px-4 pt-6 pb-5',\n  'tf-scroll-faded [--tf-fade-foot:calc(var(--spacing)*5)] [--tf-fade-head:calc(var(--spacing)*6)]',\n  'text-tf-body text-tf-fg',\n  'placeholder:text-tf-muted placeholder:opacity-0',\n  'data-readonly:text-tf-muted',\n  'tf-scroll-thin outline-hidden',\n  ...controlInert,\n])\n\nconst textareaCountRecipe = cva(\n  [\n    'flex-none pt-2 font-mono text-tf-caption-sm tabular-nums',\n    'tf-transition motion-reduce:transition-none',\n  ],\n  {\n    defaultVariants: { reach: 'clear' },\n    variants: {\n      reach: {\n        clear: 'text-tf-muted',\n        full: 'text-tf-danger-hi',\n        near: 'text-tf-warning-hi',\n      } satisfies Record<TextareaReach, string>,\n    },\n  },\n)\n\nconst textareaAnatomy = anatomy({\n  cloud: { part: 'cloud', recipe: nebulaCloudLowRecipe, required: true },\n  count: { part: 'count', recipe: textareaCountRecipe, required: false },\n  foot: { part: 'foot', recipe: fieldFootRecipe, required: true },\n  nebula: { part: 'nebula', recipe: nebulaVeilRecipe, required: true },\n  root: { part: 'textarea', recipe: fieldRecipe, required: true },\n  row: { part: 'row', recipe: textareaShellRecipe, required: true },\n  spoken: { part: 'spoken', recipe: fieldFootRecipe, required: false },\n})\n\nexport {\n  type TextareaReach,\n  textareaAnatomy,\n  textareaCountRecipe,\n  textareaRecipe,\n  textareaShellRecipe,\n}\n"],"mappings":";;;;;;;AAkBA,MAAM,eAAe;CACnB;CACA;CACA,GAAG,aAAa,CAThB,gDACA,0DAQ6B,GAAG,6CAA6B;AAC/D;AAEA,MAAM,UAAU,CACd,sCACA,0CACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,sBAAsB,IAAI,CAAC,GAAG,aAAa,GAAG,YAAY,GAAG;CACjE,iBAAiB;EAAE,SAAS;EAAO,SAAS;CAAM;CAClD,UAAU;EACR,SAAS;GAAE,OAAO;GAAgB,MAAM;EAAc;EACtD,SAAS;GAAE,OAAO;GAAI,MAAM;EAAQ;CACtC;AACF,CAAC;AAED,MAAM,iBAAiB,IAAI;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;AACL,CAAC;AAED,MAAM,sBAAsB,IAC1B,CACE,4DACA,6CACF,GACA;CACE,iBAAiB,EAAE,OAAO,QAAQ;CAClC,UAAU,EACR,OAAO;EACL,OAAO;EACP,MAAM;EACN,MAAM;CACR,EACF;AACF,CACF;AAEA,MAAM,kBAAkB,QAAQ;CAC9B,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAsB,UAAU;CAAK;CACrE,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAqB,UAAU;CAAM;CACrE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAiB,UAAU;CAAK;CAC9D,QAAQ;EAAE,MAAM;EAAU,QAAQ;EAAkB,UAAU;CAAK;CACnE,MAAM;EAAE,MAAM;EAAY,QAAQ;EAAa,UAAU;CAAK;CAC9D,KAAK;EAAE,MAAM;EAAO,QAAQ;EAAqB,UAAU;CAAK;CAChE,QAAQ;EAAE,MAAM;EAAU,QAAQ;EAAiB,UAAU;CAAM;AACrE,CAAC"}

package/dist/recipes/tile.d.ts

@@ -13,6 +13,28 @@ declare const tileGlyphRecipe: (props?: ({
   rest?: "quiet" | "filled" | "lit" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const tileCloudRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const tileAnatomy: {
+  readonly cloud: {
+    readonly part: "cloud";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly glyph: {
+    readonly part: "glyph";
+    readonly recipe: (props?: ({
+      rest?: "quiet" | "filled" | "lit" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly root: {
+    readonly part: "tile";
+    readonly recipe: (props?: ({
+      rest?: "quiet" | "filled" | "lit" | null | undefined;
+      tone?: "accent" | "success" | "warning" | "info" | "danger" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+};
 //#endregion
-export { type TileRest, type TileTone, defaultTileRest, defaultTileTone, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones };
+export { type TileRest, type TileTone, defaultTileRest, defaultTileTone, tileAnatomy, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones };
 //# sourceMappingURL=tile.d.ts.map

package/dist/recipes/tile.js

@@ -1,3 +1,4 @@
+import { anatomy } from "../anatomy.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/tile.ts
 const tileTones = [
@@ -79,7 +80,24 @@ const tileGlyphRecipe = cva([
 	} }
 });
 const tileCloudRecipe = cva("tf-nebula-cloud tf-cloud-tight");
+const tileAnatomy = anatomy({
+	cloud: {
+		part: "cloud",
+		recipe: tileCloudRecipe,
+		required: false
+	},
+	glyph: {
+		part: "glyph",
+		recipe: tileGlyphRecipe,
+		required: true
+	},
+	root: {
+		part: "tile",
+		recipe: tileRecipe,
+		required: true
+	}
+});
 //#endregion
-export { defaultTileRest, defaultTileTone, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones };
+export { defaultTileRest, defaultTileTone, tileAnatomy, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones };
 
 //# sourceMappingURL=tile.js.map

package/dist/recipes/tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile.js","names":[],"sources":["../../src/recipes/tile.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nconst tileTones = ['accent', 'success', 'warning', 'info', 'danger'] as const\n\ntype TileTone = (typeof tileTones)[number]\n\nconst defaultTileTone = 'accent' satisfies TileTone\n\nconst tileRests = ['lit', 'quiet', 'filled'] as const\n\ntype TileRest = (typeof tileRests)[number]\n\nconst defaultTileRest = 'lit' satisfies TileRest\n\nconst BLEND = {\n  accent: 'blend-tf-accent',\n  danger: 'blend-tf-danger',\n  info: 'blend-tf-info',\n  success: 'blend-tf-success',\n  warning: 'blend-tf-warning',\n} satisfies Record<TileTone, string>\n\nconst INK = {\n  accent: 'text-tf-accent-hi',\n  danger: 'text-tf-danger-hi',\n  info: 'text-tf-info-hi',\n  success: 'text-tf-success-hi',\n  warning: 'text-tf-warning-hi',\n} satisfies Record<TileTone, string>\n\nconst FILLED_INK = {\n  accent: 'text-tf-on-accent',\n  danger: 'text-tf-on-semantic',\n  info: 'text-tf-on-semantic',\n  success: 'text-tf-on-semantic',\n  warning: 'text-tf-on-semantic',\n} satisfies Record<TileTone, string>\n\nconst LIT = 'tf-edge-sweep tf-swept tf-inner-lit tf-glass-plate stroke-tf-ink tf-icons-solo'\n\nconst QUIET = [\n  'bg-tf-panel-hi tf-ramp tf-cloud-brand tf-cloud-hidden',\n  'text-tf-fg tf-blend-drift tf-icons',\n].join(' ')\n\nconst FILLED = [\n  'bg-tf-blend tf-cloud-brand tf-clouded tf-blend-drift',\n  'tf-edge-sweep tf-swept tf-inner-lit tf-icons-solo',\n].join(' ')\n\nconst tileRecipe = cva(\n  [\n    'relative isolate flex size-tf-control-lg shrink-0 items-center justify-center',\n    'rounded-tf-card',\n    'tf-transition motion-reduce:transition-none',\n    '[&_svg]:size-tf-icon-solo-lg [&_svg]:shrink-0',\n  ],\n  {\n    compoundVariants: [\n      ...tileTones.map((tone) => ({ class: INK[tone], rest: 'lit' as const, tone })),\n      ...tileTones.map((tone) => ({ class: FILLED_INK[tone], rest: 'filled' as const, tone })),\n    ],\n    defaultVariants: { rest: defaultTileRest, tone: defaultTileTone },\n    variants: {\n      rest: { filled: FILLED, lit: LIT, quiet: QUIET } satisfies Record<TileRest, string>,\n      tone: BLEND,\n    },\n  },\n)\n\nconst tileGlyphRecipe = cva(\n  [\n    'inline-flex items-center justify-center',\n    '[&_svg]:size-tf-icon-solo-lg [&_svg]:shrink-0',\n    'tf-moves-spring tf-transition motion-reduce:transition-none',\n  ],\n  {\n    defaultVariants: { rest: defaultTileRest },\n    variants: {\n      rest: {\n        filled: 'motion-safe:tf-pops',\n        lit: 'motion-safe:tf-pops',\n        quiet: '',\n      } satisfies Record<TileRest, string>,\n    },\n  },\n)\n\nconst tileCloudRecipe = cva('tf-nebula-cloud tf-cloud-tight')\n\nexport {\n  type TileRest,\n  type TileTone,\n  defaultTileRest,\n  defaultTileTone,\n  tileCloudRecipe,\n  tileGlyphRecipe,\n  tileRecipe,\n  tileRests,\n  tileTones,\n}\n"],"mappings":";;AAEA,MAAM,YAAY;CAAC;CAAU;CAAW;CAAW;CAAQ;AAAQ;AAInE,MAAM,kBAAkB;AAExB,MAAM,YAAY;CAAC;CAAO;CAAS;AAAQ;AAI3C,MAAM,kBAAkB;AAExB,MAAM,QAAQ;CACZ,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;AAEA,MAAM,MAAM;CACV,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;AAEA,MAAM,aAAa;CACjB,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;AAEA,MAAM,MAAM;AAEZ,MAAM,QAAQ,CACZ,yDACA,oCACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,SAAS,CACb,wDACA,mDACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,aAAa,IACjB;CACE;CACA;CACA;CACA;AACF,GACA;CACE,kBAAkB,CAChB,GAAG,UAAU,KAAK,UAAU;EAAE,OAAO,IAAI;EAAO,MAAM;EAAgB;CAAK,EAAE,GAC7E,GAAG,UAAU,KAAK,UAAU;EAAE,OAAO,WAAW;EAAO,MAAM;EAAmB;CAAK,EAAE,CACzF;CACA,iBAAiB;EAAE,MAAA;EAAuB,MAAM;CAAgB;CAChE,UAAU;EACR,MAAM;GAAE,QAAQ;GAAQ,KAAK;GAAK,OAAO;EAAM;EAC/C,MAAM;CACR;AACF,CACF;AAEA,MAAM,kBAAkB,IACtB;CACE;CACA;CACA;AACF,GACA;CACE,iBAAiB,EAAE,MAAA,MAAsB;CACzC,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,KAAK;EACL,OAAO;CACT,EACF;AACF,CACF;AAEA,MAAM,kBAAkB,IAAI,gCAAgC"}
+{"version":3,"file":"tile.js","names":[],"sources":["../../src/recipes/tile.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\n\nconst tileTones = ['accent', 'success', 'warning', 'info', 'danger'] as const\n\ntype TileTone = (typeof tileTones)[number]\n\nconst defaultTileTone = 'accent' satisfies TileTone\n\nconst tileRests = ['lit', 'quiet', 'filled'] as const\n\ntype TileRest = (typeof tileRests)[number]\n\nconst defaultTileRest = 'lit' satisfies TileRest\n\nconst BLEND = {\n  accent: 'blend-tf-accent',\n  danger: 'blend-tf-danger',\n  info: 'blend-tf-info',\n  success: 'blend-tf-success',\n  warning: 'blend-tf-warning',\n} satisfies Record<TileTone, string>\n\nconst INK = {\n  accent: 'text-tf-accent-hi',\n  danger: 'text-tf-danger-hi',\n  info: 'text-tf-info-hi',\n  success: 'text-tf-success-hi',\n  warning: 'text-tf-warning-hi',\n} satisfies Record<TileTone, string>\n\nconst FILLED_INK = {\n  accent: 'text-tf-on-accent',\n  danger: 'text-tf-on-semantic',\n  info: 'text-tf-on-semantic',\n  success: 'text-tf-on-semantic',\n  warning: 'text-tf-on-semantic',\n} satisfies Record<TileTone, string>\n\nconst LIT = 'tf-edge-sweep tf-swept tf-inner-lit tf-glass-plate stroke-tf-ink tf-icons-solo'\n\nconst QUIET = [\n  'bg-tf-panel-hi tf-ramp tf-cloud-brand tf-cloud-hidden',\n  'text-tf-fg tf-blend-drift tf-icons',\n].join(' ')\n\nconst FILLED = [\n  'bg-tf-blend tf-cloud-brand tf-clouded tf-blend-drift',\n  'tf-edge-sweep tf-swept tf-inner-lit tf-icons-solo',\n].join(' ')\n\nconst tileRecipe = cva(\n  [\n    'relative isolate flex size-tf-control-lg shrink-0 items-center justify-center',\n    'rounded-tf-card',\n    'tf-transition motion-reduce:transition-none',\n    '[&_svg]:size-tf-icon-solo-lg [&_svg]:shrink-0',\n  ],\n  {\n    compoundVariants: [\n      ...tileTones.map((tone) => ({ class: INK[tone], rest: 'lit' as const, tone })),\n      ...tileTones.map((tone) => ({ class: FILLED_INK[tone], rest: 'filled' as const, tone })),\n    ],\n    defaultVariants: { rest: defaultTileRest, tone: defaultTileTone },\n    variants: {\n      rest: { filled: FILLED, lit: LIT, quiet: QUIET } satisfies Record<TileRest, string>,\n      tone: BLEND,\n    },\n  },\n)\n\nconst tileGlyphRecipe = cva(\n  [\n    'inline-flex items-center justify-center',\n    '[&_svg]:size-tf-icon-solo-lg [&_svg]:shrink-0',\n    'tf-moves-spring tf-transition motion-reduce:transition-none',\n  ],\n  {\n    defaultVariants: { rest: defaultTileRest },\n    variants: {\n      rest: {\n        filled: 'motion-safe:tf-pops',\n        lit: 'motion-safe:tf-pops',\n        quiet: '',\n      } satisfies Record<TileRest, string>,\n    },\n  },\n)\n\nconst tileCloudRecipe = cva('tf-nebula-cloud tf-cloud-tight')\n\nconst tileAnatomy = anatomy({\n  cloud: { part: 'cloud', recipe: tileCloudRecipe, required: false },\n  glyph: { part: 'glyph', recipe: tileGlyphRecipe, required: true },\n  root: { part: 'tile', recipe: tileRecipe, required: true },\n})\n\nexport {\n  type TileRest,\n  type TileTone,\n  defaultTileRest,\n  defaultTileTone,\n  tileAnatomy,\n  tileCloudRecipe,\n  tileGlyphRecipe,\n  tileRecipe,\n  tileRests,\n  tileTones,\n}\n"],"mappings":";;;AAIA,MAAM,YAAY;CAAC;CAAU;CAAW;CAAW;CAAQ;AAAQ;AAInE,MAAM,kBAAkB;AAExB,MAAM,YAAY;CAAC;CAAO;CAAS;AAAQ;AAI3C,MAAM,kBAAkB;AAExB,MAAM,QAAQ;CACZ,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;AAEA,MAAM,MAAM;CACV,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;AAEA,MAAM,aAAa;CACjB,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;AAEA,MAAM,MAAM;AAEZ,MAAM,QAAQ,CACZ,yDACA,oCACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,SAAS,CACb,wDACA,mDACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,aAAa,IACjB;CACE;CACA;CACA;CACA;AACF,GACA;CACE,kBAAkB,CAChB,GAAG,UAAU,KAAK,UAAU;EAAE,OAAO,IAAI;EAAO,MAAM;EAAgB;CAAK,EAAE,GAC7E,GAAG,UAAU,KAAK,UAAU;EAAE,OAAO,WAAW;EAAO,MAAM;EAAmB;CAAK,EAAE,CACzF;CACA,iBAAiB;EAAE,MAAA;EAAuB,MAAM;CAAgB;CAChE,UAAU;EACR,MAAM;GAAE,QAAQ;GAAQ,KAAK;GAAK,OAAO;EAAM;EAC/C,MAAM;CACR;AACF,CACF;AAEA,MAAM,kBAAkB,IACtB;CACE;CACA;CACA;AACF,GACA;CACE,iBAAiB,EAAE,MAAA,MAAsB;CACzC,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,KAAK;EACL,OAAO;CACT,EACF;AACF,CACF;AAEA,MAAM,kBAAkB,IAAI,gCAAgC;AAE5D,MAAM,cAAc,QAAQ;CAC1B,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAiB,UAAU;CAAM;CACjE,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAiB,UAAU;CAAK;CAChE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAY,UAAU;CAAK;AAC3D,CAAC"}

package/dist/recipes/tooltip.d.ts

@@ -7,6 +7,13 @@ declare const tooltipPlacements: readonly ["top", "right", "bottom", "left"];
 declare const tooltipRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tooltipArrowRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tooltipArrowTipRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const tooltipAnatomy: {
+  readonly root: {
+    readonly part: "tooltip";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+};
 //#endregion
-export { type TooltipPlacement, defaultTooltipPlacement, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe };
+export { type TooltipPlacement, defaultTooltipPlacement, tooltipAnatomy, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/recipes/tooltip.js

@@ -1,3 +1,4 @@
+import { anatomy } from "../anatomy.js";
 import { arrivalMotion } from "./motion.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/tooltip.ts
@@ -20,7 +21,12 @@ const tooltipRecipe = cva([
 ]);
 const tooltipArrowRecipe = cva(["[--arrow-size:0.5rem]", "[--arrow-background:var(--tf-glass-flat)]"]);
 const tooltipArrowTipRecipe = cva("border-t border-l border-tf-line");
+const tooltipAnatomy = anatomy({ root: {
+	part: "tooltip",
+	recipe: tooltipRecipe,
+	required: true
+} });
 //#endregion
-export { defaultTooltipPlacement, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe };
+export { defaultTooltipPlacement, tooltipAnatomy, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe };
 
 //# sourceMappingURL=tooltip.js.map

package/dist/recipes/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/recipes/tooltip.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { arrivalMotion } from './motion'\n\ntype TooltipPlacement = 'top' | 'right' | 'bottom' | 'left'\n\nconst defaultTooltipPlacement = 'right' satisfies TooltipPlacement\n\nconst tooltipOpenToken = '--tf-duration-2'\n\nconst tooltipCloseToken = '--tf-duration-1'\n\nconst tooltipPlacements = [\n  'top',\n  'right',\n  'bottom',\n  'left',\n] as const satisfies readonly TooltipPlacement[]\n\nconst tooltipRecipe = cva([\n  'z-tf-tooltip max-w-tf-panel rounded-tf-inline px-1.5 py-0.75',\n  'bg-tf-glass shadow-tf-float backdrop-blur-tf-glass',\n  'tf-edge-sweep tf-edge-plain',\n  'font-tf-body text-tf-caption-sm text-tf-fg',\n  ...arrivalMotion,\n  'motion-reduce:animate-none',\n])\n\nconst tooltipArrowRecipe = cva([\n  '[--arrow-size:0.5rem]',\n  '[--arrow-background:var(--tf-glass-flat)]',\n])\n\nconst tooltipArrowTipRecipe = cva('border-t border-l border-tf-line')\n\nexport {\n  type TooltipPlacement,\n  defaultTooltipPlacement,\n  tooltipCloseToken,\n  tooltipOpenToken,\n  tooltipArrowRecipe,\n  tooltipArrowTipRecipe,\n  tooltipPlacements,\n  tooltipRecipe,\n}\n"],"mappings":";;;AAMA,MAAM,0BAA0B;AAEhC,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAE1B,MAAM,oBAAoB;CACxB;CACA;CACA;CACA;AACF;AAEA,MAAM,gBAAgB,IAAI;CACxB;CACA;CACA;CACA;CACA,GAAG;CACH;AACF,CAAC;AAED,MAAM,qBAAqB,IAAI,CAC7B,yBACA,2CACF,CAAC;AAED,MAAM,wBAAwB,IAAI,kCAAkC"}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/recipes/tooltip.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\n\nimport { arrivalMotion } from './motion'\n\ntype TooltipPlacement = 'top' | 'right' | 'bottom' | 'left'\n\nconst defaultTooltipPlacement = 'right' satisfies TooltipPlacement\n\nconst tooltipOpenToken = '--tf-duration-2'\n\nconst tooltipCloseToken = '--tf-duration-1'\n\nconst tooltipPlacements = [\n  'top',\n  'right',\n  'bottom',\n  'left',\n] as const satisfies readonly TooltipPlacement[]\n\nconst tooltipRecipe = cva([\n  'z-tf-tooltip max-w-tf-panel rounded-tf-inline px-1.5 py-0.75',\n  'bg-tf-glass shadow-tf-float backdrop-blur-tf-glass',\n  'tf-edge-sweep tf-edge-plain',\n  'font-tf-body text-tf-caption-sm text-tf-fg',\n  ...arrivalMotion,\n  'motion-reduce:animate-none',\n])\n\nconst tooltipArrowRecipe = cva([\n  '[--arrow-size:0.5rem]',\n  '[--arrow-background:var(--tf-glass-flat)]',\n])\n\nconst tooltipArrowTipRecipe = cva('border-t border-l border-tf-line')\n\nconst tooltipAnatomy = anatomy({\n  root: { part: 'tooltip', recipe: tooltipRecipe, required: true },\n})\n\nexport {\n  type TooltipPlacement,\n  defaultTooltipPlacement,\n  tooltipAnatomy,\n  tooltipCloseToken,\n  tooltipOpenToken,\n  tooltipArrowRecipe,\n  tooltipArrowTipRecipe,\n  tooltipPlacements,\n  tooltipRecipe,\n}\n"],"mappings":";;;;AAQA,MAAM,0BAA0B;AAEhC,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAE1B,MAAM,oBAAoB;CACxB;CACA;CACA;CACA;AACF;AAEA,MAAM,gBAAgB,IAAI;CACxB;CACA;CACA;CACA;CACA,GAAG;CACH;AACF,CAAC;AAED,MAAM,qBAAqB,IAAI,CAC7B,yBACA,2CACF,CAAC;AAED,MAAM,wBAAwB,IAAI,kCAAkC;AAEpE,MAAM,iBAAiB,QAAQ,EAC7B,MAAM;CAAE,MAAM;CAAW,QAAQ;CAAe,UAAU;AAAK,EACjE,CAAC"}

package/dist/recipes/topBar.d.ts

@@ -10,6 +10,48 @@ declare const topBarActionsRecipe: (props?: import("class-variance-authority/typ
 declare const topBarLevels: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
 type TopBarLevel = (typeof topBarLevels)[number];
 declare const defaultTopBarLevel = "h1";
+declare const topBarAnatomy: {
+  readonly actions: {
+    readonly part: "actions";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly content: {
+    readonly part: "content";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly edge: {
+    readonly part: "edge";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly eyebrow: {
+    readonly part: "eyebrow";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly headings: {
+    readonly part: "headings";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly root: {
+    readonly part: "top-bar";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly rule: {
+    readonly part: "rule";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly title: {
+    readonly part: "title";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+};
 //#endregion
-export { type TopBarLevel, defaultTopBarLevel, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe };
+export { type TopBarLevel, defaultTopBarLevel, topBarActionsRecipe, topBarAnatomy, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe };
 //# sourceMappingURL=topBar.d.ts.map

package/dist/recipes/topBar.js

@@ -1,3 +1,4 @@
+import { anatomy } from "../anatomy.js";
 import { ruleFading } from "../parts/rule.js";
 import { eyebrowLead } from "../parts/eyebrow.js";
 import { cva } from "class-variance-authority";
@@ -29,7 +30,49 @@ const topBarLevels = [
 	"h6"
 ];
 const defaultTopBarLevel = "h1";
+const topBarAnatomy = anatomy({
+	actions: {
+		part: "actions",
+		recipe: topBarActionsRecipe,
+		required: false
+	},
+	content: {
+		part: "content",
+		recipe: topBarContentRecipe,
+		required: true
+	},
+	edge: {
+		part: "edge",
+		recipe: topBarEdgeRecipe,
+		required: true
+	},
+	eyebrow: {
+		part: "eyebrow",
+		recipe: topBarEyebrowRecipe,
+		required: false
+	},
+	headings: {
+		part: "headings",
+		recipe: topBarHeadingsRecipe,
+		required: true
+	},
+	root: {
+		part: "top-bar",
+		recipe: topBarRecipe,
+		required: true
+	},
+	rule: {
+		part: "rule",
+		recipe: topBarRuleRecipe,
+		required: true
+	},
+	title: {
+		part: "title",
+		recipe: topBarTitleRecipe,
+		required: true
+	}
+});
 //#endregion
-export { defaultTopBarLevel, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe };
+export { defaultTopBarLevel, topBarActionsRecipe, topBarAnatomy, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe };
 
 //# sourceMappingURL=topBar.js.map

package/dist/recipes/topBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"topBar.js","names":[],"sources":["../../src/recipes/topBar.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { eyebrowLead } from '#parts/eyebrow'\nimport { ruleFading } from '#parts/rule'\n\nconst topBarRecipe = cva([\n  'sticky top-0 isolate z-tf-raised w-full',\n  'bg-tf-panel-2 backdrop-blur-tf-panel',\n  'tf-icons font-tf-body text-tf-fg',\n  'tf-transition motion-reduce:transition-none',\n  'data-lifted:shadow-tf-float',\n])\n\nconst topBarContentRecipe = cva([\n  'mx-auto flex w-full max-w-tf-canvas flex-wrap items-center gap-4 px-6 py-4 sm:px-12',\n  'min-h-[calc(var(--spacing-tf-control-lg)+var(--spacing)*8)]',\n])\n\nconst topBarEdgeRecipe = cva('-mb-px block h-px w-full')\n\nconst topBarRuleRecipe = cva([\n  `absolute inset-x-0 bottom-0 ${ruleFading}`,\n  'opacity-0 tf-transition motion-reduce:transition-none',\n  'in-data-lifted:opacity-100',\n])\n\nconst topBarHeadingsRecipe = cva('flex min-w-0 flex-1 flex-col gap-1')\n\nconst topBarEyebrowRecipe = cva(eyebrowLead)\n\nconst topBarTitleRecipe = cva(\n  'truncate font-tf-display text-tf-h3 font-bold tracking-tf-tight text-tf-fg',\n)\n\nconst topBarActionsRecipe = cva('flex flex-wrap items-center gap-4')\n\nconst topBarLevels = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const\n\ntype TopBarLevel = (typeof topBarLevels)[number]\n\nconst defaultTopBarLevel = 'h1' satisfies TopBarLevel\n\nexport {\n  type TopBarLevel,\n  defaultTopBarLevel,\n  topBarLevels,\n  topBarRuleRecipe,\n  topBarActionsRecipe,\n  topBarContentRecipe,\n  topBarEdgeRecipe,\n  topBarEyebrowRecipe,\n  topBarHeadingsRecipe,\n  topBarRecipe,\n  topBarTitleRecipe,\n}\n"],"mappings":";;;;AAKA,MAAM,eAAe,IAAI;CACvB;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,sBAAsB,IAAI,CAC9B,uFACA,6DACF,CAAC;AAED,MAAM,mBAAmB,IAAI,0BAA0B;AAEvD,MAAM,mBAAmB,IAAI;CAC3B,+BAA+B;CAC/B;CACA;AACF,CAAC;AAED,MAAM,uBAAuB,IAAI,oCAAoC;AAErE,MAAM,sBAAsB,IAAI,WAAW;AAE3C,MAAM,oBAAoB,IACxB,4EACF;AAEA,MAAM,sBAAsB,IAAI,mCAAmC;AAEnE,MAAM,eAAe;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;AAAI;AAIxD,MAAM,qBAAqB"}
+{"version":3,"file":"topBar.js","names":[],"sources":["../../src/recipes/topBar.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\nimport { eyebrowLead } from '#parts/eyebrow'\nimport { ruleFading } from '#parts/rule'\n\nconst topBarRecipe = cva([\n  'sticky top-0 isolate z-tf-raised w-full',\n  'bg-tf-panel-2 backdrop-blur-tf-panel',\n  'tf-icons font-tf-body text-tf-fg',\n  'tf-transition motion-reduce:transition-none',\n  'data-lifted:shadow-tf-float',\n])\n\nconst topBarContentRecipe = cva([\n  'mx-auto flex w-full max-w-tf-canvas flex-wrap items-center gap-4 px-6 py-4 sm:px-12',\n  'min-h-[calc(var(--spacing-tf-control-lg)+var(--spacing)*8)]',\n])\n\nconst topBarEdgeRecipe = cva('-mb-px block h-px w-full')\n\nconst topBarRuleRecipe = cva([\n  `absolute inset-x-0 bottom-0 ${ruleFading}`,\n  'opacity-0 tf-transition motion-reduce:transition-none',\n  'in-data-lifted:opacity-100',\n])\n\nconst topBarHeadingsRecipe = cva('flex min-w-0 flex-1 flex-col gap-1')\n\nconst topBarEyebrowRecipe = cva(eyebrowLead)\n\nconst topBarTitleRecipe = cva(\n  'truncate font-tf-display text-tf-h3 font-bold tracking-tf-tight text-tf-fg',\n)\n\nconst topBarActionsRecipe = cva('flex flex-wrap items-center gap-4')\n\nconst topBarLevels = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const\n\ntype TopBarLevel = (typeof topBarLevels)[number]\n\nconst defaultTopBarLevel = 'h1' satisfies TopBarLevel\n\nconst topBarAnatomy = anatomy({\n  actions: { part: 'actions', recipe: topBarActionsRecipe, required: false },\n  content: { part: 'content', recipe: topBarContentRecipe, required: true },\n  edge: { part: 'edge', recipe: topBarEdgeRecipe, required: true },\n  eyebrow: { part: 'eyebrow', recipe: topBarEyebrowRecipe, required: false },\n  headings: { part: 'headings', recipe: topBarHeadingsRecipe, required: true },\n  root: { part: 'top-bar', recipe: topBarRecipe, required: true },\n  rule: { part: 'rule', recipe: topBarRuleRecipe, required: true },\n  title: { part: 'title', recipe: topBarTitleRecipe, required: true },\n})\n\nexport {\n  type TopBarLevel,\n  defaultTopBarLevel,\n  topBarAnatomy,\n  topBarLevels,\n  topBarRuleRecipe,\n  topBarActionsRecipe,\n  topBarContentRecipe,\n  topBarEdgeRecipe,\n  topBarEyebrowRecipe,\n  topBarHeadingsRecipe,\n  topBarRecipe,\n  topBarTitleRecipe,\n}\n"],"mappings":";;;;;AAMA,MAAM,eAAe,IAAI;CACvB;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,sBAAsB,IAAI,CAC9B,uFACA,6DACF,CAAC;AAED,MAAM,mBAAmB,IAAI,0BAA0B;AAEvD,MAAM,mBAAmB,IAAI;CAC3B,+BAA+B;CAC/B;CACA;AACF,CAAC;AAED,MAAM,uBAAuB,IAAI,oCAAoC;AAErE,MAAM,sBAAsB,IAAI,WAAW;AAE3C,MAAM,oBAAoB,IACxB,4EACF;AAEA,MAAM,sBAAsB,IAAI,mCAAmC;AAEnE,MAAM,eAAe;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;AAAI;AAIxD,MAAM,qBAAqB;AAE3B,MAAM,gBAAgB,QAAQ;CAC5B,SAAS;EAAE,MAAM;EAAW,QAAQ;EAAqB,UAAU;CAAM;CACzE,SAAS;EAAE,MAAM;EAAW,QAAQ;EAAqB,UAAU;CAAK;CACxE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAkB,UAAU;CAAK;CAC/D,SAAS;EAAE,MAAM;EAAW,QAAQ;EAAqB,UAAU;CAAM;CACzE,UAAU;EAAE,MAAM;EAAY,QAAQ;EAAsB,UAAU;CAAK;CAC3E,MAAM;EAAE,MAAM;EAAW,QAAQ;EAAc,UAAU;CAAK;CAC9D,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAkB,UAAU;CAAK;CAC/D,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAmB,UAAU;CAAK;AACpE,CAAC"}