@techfides/ui-library-design 0.5.0 → 0.8.0

package/dist/recipes/feature.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature.js","names":[],"sources":["../../src/recipes/feature.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { tileReached, tileRoused } from '#parts/rouse'\nimport { surfacePanel } from '#parts/surface'\n\nconst featureLevels = ['h2', 'h3', 'h4', 'h5', 'h6'] as const\n\ntype FeatureLevel = (typeof featureLevels)[number]\n\nconst defaultFeatureLevel = 'h3' satisfies FeatureLevel\n\nconst ROUSED_TILE = [tileRoused, tileReached].join(' ')\n\nconst LIFTS = ['motion-safe:hovered:-translate-y-0.5', 'motion-safe:reached:-translate-y-0.5'].join(\n  ' ',\n)\n\nconst featureRecipe = cva(\n  [\n    ...surfacePanel,\n    'flex flex-col gap-5 p-6 font-tf-body text-tf-fg',\n    'tf-fill-scale tf-blend-drift tf-transition motion-reduce:transition-none',\n  ],\n  {\n    defaultVariants: { interactive: false },\n    variants: {\n      interactive: {\n        false: '',\n        true: [\n          'hovered:tf-edge-lit hovered:tf-nudged reached:tf-edge-lit reached:tf-nudged',\n          ROUSED_TILE,\n          LIFTS,\n        ].join(' '),\n      },\n    },\n  },\n)\n\nconst featureTileRecipe = cva('self-start')\n\nconst featureTitleRecipe = cva('font-tf-display text-tf-h4 font-bold tracking-tf-tight text-tf-fg')\n\nconst featureLinkRecipe = cva([\n  'outline-hidden',\n  \"before:absolute before:inset-0 before:rounded-tf-card before:content-['']\",\n  'focused:before:outline-2 focused:before:outline-solid',\n  'focused:before:outline-offset-2 focused:before:outline-tf-accent-hi',\n])\n\nconst featureBodyRecipe = cva('text-tf-body-sm font-medium text-tf-muted')\n\nconst featureFootRecipe = cva([\n  'relative mt-auto inline-flex items-center gap-1 self-start tf-icons',\n  'text-tf-caption font-medium text-tf-accent-hi',\n  '[&_svg]:size-tf-icon-sm [&_svg]:tf-nudge-follow',\n  'pointer-events-none [&_a]:pointer-events-auto [&_button]:pointer-events-auto',\n])\n\nexport {\n  type FeatureLevel,\n  defaultFeatureLevel,\n  featureBodyRecipe,\n  featureFootRecipe,\n  featureLevels,\n  featureLinkRecipe,\n  featureRecipe,\n  featureTileRecipe,\n  featureTitleRecipe,\n}\n"],"mappings":";;;;AAKA,MAAM,gBAAgB;CAAC;CAAM;CAAM;CAAM;CAAM;AAAI;AAInD,MAAM,sBAAsB;AAE5B,MAAM,cAAc,CAAC,YAAY,WAAW,CAAC,CAAC,KAAK,GAAG;AAEtD,MAAM,QAAQ,CAAC,wCAAwC,sCAAsC,CAAC,CAAC,KAC7F,GACF;AAEA,MAAM,gBAAgB,IACpB;CACE,GAAG;CACH;CACA;AACF,GACA;CACE,iBAAiB,EAAE,aAAa,MAAM;CACtC,UAAU,EACR,aAAa;EACX,OAAO;EACP,MAAM;GACJ;GACA;GACA;EACF,CAAC,CAAC,KAAK,GAAG;CACZ,EACF;AACF,CACF;AAEA,MAAM,oBAAoB,IAAI,YAAY;AAE1C,MAAM,qBAAqB,IAAI,mEAAmE;AAElG,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,oBAAoB,IAAI,2CAA2C;AAEzE,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;CACA;AACF,CAAC"}
+{"version":3,"file":"feature.js","names":[],"sources":["../../src/recipes/feature.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\nimport { tileReached, tileRoused } from '#parts/rouse'\nimport { surfacePanel } from '#parts/surface'\n\nconst featureLevels = ['h2', 'h3', 'h4', 'h5', 'h6'] as const\n\ntype FeatureLevel = (typeof featureLevels)[number]\n\nconst defaultFeatureLevel = 'h3' satisfies FeatureLevel\n\nconst ROUSED_TILE = [tileRoused, tileReached].join(' ')\n\nconst LIFTS = ['motion-safe:hovered:-translate-y-0.5', 'motion-safe:reached:-translate-y-0.5'].join(\n  ' ',\n)\n\nconst featureRecipe = cva(\n  [\n    ...surfacePanel,\n    'flex flex-col gap-5 p-6 font-tf-body text-tf-fg',\n    'tf-fill-scale tf-blend-drift tf-transition motion-reduce:transition-none',\n  ],\n  {\n    defaultVariants: { interactive: false },\n    variants: {\n      interactive: {\n        false: '',\n        true: [\n          'hovered:tf-edge-lit hovered:tf-nudged reached:tf-edge-lit reached:tf-nudged',\n          ROUSED_TILE,\n          LIFTS,\n        ].join(' '),\n      },\n    },\n  },\n)\n\nconst featureTileRecipe = cva('self-start')\n\nconst featureTitleRecipe = cva('font-tf-display text-tf-h4 font-bold tracking-tf-tight text-tf-fg')\n\nconst featureLinkRecipe = cva([\n  'outline-hidden',\n  \"before:absolute before:inset-0 before:rounded-tf-card before:content-['']\",\n  'focused:before:outline-2 focused:before:outline-solid',\n  'focused:before:outline-offset-2 focused:before:outline-tf-accent-hi',\n])\n\nconst featureBodyRecipe = cva('text-tf-body-sm font-medium text-tf-muted')\n\nconst featureFootRecipe = cva([\n  'relative mt-auto inline-flex items-center gap-1 self-start tf-icons',\n  'text-tf-caption font-medium text-tf-accent-hi',\n  '[&_svg]:size-tf-icon-sm [&_svg]:tf-nudge-follow',\n  'pointer-events-none [&_a]:pointer-events-auto [&_button]:pointer-events-auto',\n])\n\nconst featureAnatomy = anatomy({\n  action: { part: 'action', recipe: featureFootRecipe, required: false },\n  description: { part: 'description', recipe: featureBodyRecipe, required: false },\n  link: { part: 'link', recipe: featureLinkRecipe, required: false },\n  root: { part: 'feature', recipe: featureRecipe, required: true },\n  title: { part: 'title', recipe: featureTitleRecipe, required: true },\n})\n\nexport {\n  type FeatureLevel,\n  defaultFeatureLevel,\n  featureAnatomy,\n  featureBodyRecipe,\n  featureFootRecipe,\n  featureLevels,\n  featureLinkRecipe,\n  featureRecipe,\n  featureTileRecipe,\n  featureTitleRecipe,\n}\n"],"mappings":";;;;;AAMA,MAAM,gBAAgB;CAAC;CAAM;CAAM;CAAM;CAAM;AAAI;AAInD,MAAM,sBAAsB;AAE5B,MAAM,cAAc,CAAC,YAAY,WAAW,CAAC,CAAC,KAAK,GAAG;AAEtD,MAAM,QAAQ,CAAC,wCAAwC,sCAAsC,CAAC,CAAC,KAC7F,GACF;AAEA,MAAM,gBAAgB,IACpB;CACE,GAAG;CACH;CACA;AACF,GACA;CACE,iBAAiB,EAAE,aAAa,MAAM;CACtC,UAAU,EACR,aAAa;EACX,OAAO;EACP,MAAM;GACJ;GACA;GACA;EACF,CAAC,CAAC,KAAK,GAAG;CACZ,EACF;AACF,CACF;AAEA,MAAM,oBAAoB,IAAI,YAAY;AAE1C,MAAM,qBAAqB,IAAI,mEAAmE;AAElG,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,oBAAoB,IAAI,2CAA2C;AAEzE,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,iBAAiB,QAAQ;CAC7B,QAAQ;EAAE,MAAM;EAAU,QAAQ;EAAmB,UAAU;CAAM;CACrE,aAAa;EAAE,MAAM;EAAe,QAAQ;EAAmB,UAAU;CAAM;CAC/E,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAmB,UAAU;CAAM;CACjE,MAAM;EAAE,MAAM;EAAW,QAAQ;EAAe,UAAU;CAAK;CAC/D,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAoB,UAAU;CAAK;AACrE,CAAC"}

package/dist/recipes/field.js

@@ -1,5 +1,5 @@
-import "../control.js";
 import { controlBase, controlBox, controlInert, controlReach, hitArea } from "../parts/control.js";
+import "../control.js";
 import { controlFailed, controlHealthy, controlShell } from "../parts/shell.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/field.ts

package/dist/recipes/findings.d.ts

@@ -6,6 +6,38 @@ declare const findingTextRecipe: (props?: import("class-variance-authority/types
 declare const findingPathRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const findingMessageRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const findingsSummaryRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const findingsAnatomy: {
+  readonly item: {
+    readonly part: "item";
+    readonly recipe: (props?: ({} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly message: {
+    readonly part: "message";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly path: {
+    readonly part: "path";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly root: {
+    readonly part: "findings";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly summary: {
+    readonly part: "summary";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly text: {
+    readonly part: "text";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+};
 //#endregion
-export { findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe };
+export { findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsAnatomy, findingsRecipe, findingsSummaryRecipe };
 //# sourceMappingURL=findings.d.ts.map

package/dist/recipes/findings.js

@@ -1,3 +1,4 @@
+import { anatomy } from "../anatomy.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/findings.ts
 const findingsRecipe = cva("flex flex-col gap-1");
@@ -10,7 +11,39 @@ const findingTextRecipe = cva("flex min-w-0 flex-col gap-0");
 const findingPathRecipe = cva("truncate font-mono text-tf-caption-sm");
 const findingMessageRecipe = cva("text-tf-body-sm font-medium text-tf-fg");
 const findingsSummaryRecipe = cva("flex items-center gap-2 px-4 py-3 text-tf-caption-sm text-tf-muted");
+const findingsAnatomy = anatomy({
+	item: {
+		part: "item",
+		recipe: findingRecipe,
+		required: true
+	},
+	message: {
+		part: "message",
+		recipe: findingMessageRecipe,
+		required: true
+	},
+	path: {
+		part: "path",
+		recipe: findingPathRecipe,
+		required: true
+	},
+	root: {
+		part: "findings",
+		recipe: findingsRecipe,
+		required: true
+	},
+	summary: {
+		part: "summary",
+		recipe: findingsSummaryRecipe,
+		required: false
+	},
+	text: {
+		part: "text",
+		recipe: findingTextRecipe,
+		required: true
+	}
+});
 //#endregion
-export { findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe };
+export { findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsAnatomy, findingsRecipe, findingsSummaryRecipe };
 
 //# sourceMappingURL=findings.js.map

package/dist/recipes/findings.js.map

@@ -1 +1 @@
-{"version":3,"file":"findings.js","names":[],"sources":["../../src/recipes/findings.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nconst findingsRecipe = cva('flex flex-col gap-1')\n\nconst findingRecipe = cva(\n  [\n    'flex items-start gap-2 rounded-tf-control tf-tinted px-4 py-3 blend-tf-accent',\n    '[&_svg]:size-tf-icon-sm [&_svg]:shrink-0',\n  ],\n  { defaultVariants: {}, variants: {} },\n)\n\nconst findingIconRecipe = cva('mt-0.5 flex-none')\n\nconst findingTextRecipe = cva('flex min-w-0 flex-col gap-0')\n\nconst findingPathRecipe = cva('truncate font-mono text-tf-caption-sm')\n\nconst findingMessageRecipe = cva('text-tf-body-sm font-medium text-tf-fg')\n\nconst findingsSummaryRecipe = cva(\n  'flex items-center gap-2 px-4 py-3 text-tf-caption-sm text-tf-muted',\n)\n\nexport {\n  findingIconRecipe,\n  findingMessageRecipe,\n  findingPathRecipe,\n  findingRecipe,\n  findingTextRecipe,\n  findingsRecipe,\n  findingsSummaryRecipe,\n}\n"],"mappings":";;AAEA,MAAM,iBAAiB,IAAI,qBAAqB;AAEhD,MAAM,gBAAgB,IACpB,CACE,iFACA,0CACF,GACA;CAAE,iBAAiB,CAAC;CAAG,UAAU,CAAC;AAAE,CACtC;AAEA,MAAM,oBAAoB,IAAI,kBAAkB;AAEhD,MAAM,oBAAoB,IAAI,6BAA6B;AAE3D,MAAM,oBAAoB,IAAI,uCAAuC;AAErE,MAAM,uBAAuB,IAAI,wCAAwC;AAEzE,MAAM,wBAAwB,IAC5B,oEACF"}
+{"version":3,"file":"findings.js","names":[],"sources":["../../src/recipes/findings.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\n\nconst findingsRecipe = cva('flex flex-col gap-1')\n\nconst findingRecipe = cva(\n  [\n    'flex items-start gap-2 rounded-tf-control tf-tinted px-4 py-3 blend-tf-accent',\n    '[&_svg]:size-tf-icon-sm [&_svg]:shrink-0',\n  ],\n  { defaultVariants: {}, variants: {} },\n)\n\nconst findingIconRecipe = cva('mt-0.5 flex-none')\n\nconst findingTextRecipe = cva('flex min-w-0 flex-col gap-0')\n\nconst findingPathRecipe = cva('truncate font-mono text-tf-caption-sm')\n\nconst findingMessageRecipe = cva('text-tf-body-sm font-medium text-tf-fg')\n\nconst findingsSummaryRecipe = cva(\n  'flex items-center gap-2 px-4 py-3 text-tf-caption-sm text-tf-muted',\n)\n\nconst findingsAnatomy = anatomy({\n  item: { part: 'item', recipe: findingRecipe, required: true },\n  message: { part: 'message', recipe: findingMessageRecipe, required: true },\n  path: { part: 'path', recipe: findingPathRecipe, required: true },\n  root: { part: 'findings', recipe: findingsRecipe, required: true },\n  summary: { part: 'summary', recipe: findingsSummaryRecipe, required: false },\n  text: { part: 'text', recipe: findingTextRecipe, required: true },\n})\n\nexport {\n  findingIconRecipe,\n  findingMessageRecipe,\n  findingPathRecipe,\n  findingRecipe,\n  findingTextRecipe,\n  findingsAnatomy,\n  findingsRecipe,\n  findingsSummaryRecipe,\n}\n"],"mappings":";;;AAIA,MAAM,iBAAiB,IAAI,qBAAqB;AAEhD,MAAM,gBAAgB,IACpB,CACE,iFACA,0CACF,GACA;CAAE,iBAAiB,CAAC;CAAG,UAAU,CAAC;AAAE,CACtC;AAEA,MAAM,oBAAoB,IAAI,kBAAkB;AAEhD,MAAM,oBAAoB,IAAI,6BAA6B;AAE3D,MAAM,oBAAoB,IAAI,uCAAuC;AAErE,MAAM,uBAAuB,IAAI,wCAAwC;AAEzE,MAAM,wBAAwB,IAC5B,oEACF;AAEA,MAAM,kBAAkB,QAAQ;CAC9B,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAe,UAAU;CAAK;CAC5D,SAAS;EAAE,MAAM;EAAW,QAAQ;EAAsB,UAAU;CAAK;CACzE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAmB,UAAU;CAAK;CAChE,MAAM;EAAE,MAAM;EAAY,QAAQ;EAAgB,UAAU;CAAK;CACjE,SAAS;EAAE,MAAM;EAAW,QAAQ;EAAuB,UAAU;CAAM;CAC3E,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAmB,UAAU;CAAK;AAClE,CAAC"}

package/dist/recipes/heading.d.ts

@@ -3,7 +3,7 @@ type HeadingLevel = 'numeral' | 'display' | 'h2' | 'h3' | 'h4';
 declare const defaultHeadingLevel = "h3";
 declare const headingLevels: readonly ["numeral", "display", "h2", "h3", "h4"];
 declare const headingRecipe: (props?: ({
-  level?: "h2" | "h3" | "h4" | "numeral" | "display" | null | undefined;
+  level?: "numeral" | "display" | "h2" | "h3" | "h4" | null | undefined;
   tabular?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const HEADING_DEFAULT_TAG: {
@@ -13,6 +13,16 @@ declare const HEADING_DEFAULT_TAG: {
   h4: string;
   numeral: string;
 };
+declare const headingAnatomy: {
+  readonly root: {
+    readonly part: "heading";
+    readonly recipe: (props?: ({
+      level?: "numeral" | "display" | "h2" | "h3" | "h4" | null | undefined;
+      tabular?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+};
 //#endregion
-export { HEADING_DEFAULT_TAG, type HeadingLevel, defaultHeadingLevel, headingLevels, headingRecipe };
+export { HEADING_DEFAULT_TAG, type HeadingLevel, defaultHeadingLevel, headingAnatomy, headingLevels, headingRecipe };
 //# sourceMappingURL=heading.d.ts.map

package/dist/recipes/heading.js

@@ -1,3 +1,4 @@
+import { anatomy } from "../anatomy.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/heading.ts
 const defaultHeadingLevel = "h3";
@@ -34,7 +35,12 @@ const HEADING_DEFAULT_TAG = {
 	h4: "h3",
 	numeral: "p"
 };
+const headingAnatomy = anatomy({ root: {
+	part: "heading",
+	recipe: headingRecipe,
+	required: true
+} });
 //#endregion
-export { HEADING_DEFAULT_TAG, defaultHeadingLevel, headingLevels, headingRecipe };
+export { HEADING_DEFAULT_TAG, defaultHeadingLevel, headingAnatomy, headingLevels, headingRecipe };
 
 //# sourceMappingURL=heading.js.map

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 = '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"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../src/recipes/heading.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\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\nconst headingAnatomy = anatomy({\n  root: { part: 'heading', recipe: headingRecipe, required: true },\n})\n\nexport {\n  type HeadingLevel,\n  HEADING_DEFAULT_TAG,\n  defaultHeadingLevel,\n  headingAnatomy,\n  headingLevels,\n  headingRecipe,\n}\n"],"mappings":";;;AAMA,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;AAEA,MAAM,iBAAiB,QAAQ,EAC7B,MAAM;CAAE,MAAM;CAAW,QAAQ;CAAe,UAAU;AAAK,EACjE,CAAC"}

package/dist/recipes/heartbeat.d.ts

@@ -1,7 +1,6 @@
 //#region src/recipes/heartbeat.d.ts
 declare const heartbeatStates: readonly ["beating", "late", "silent"];
 type HeartbeatState = (typeof heartbeatStates)[number];
-declare const defaultHeartbeatState = "beating";
 declare const heartbeatRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const heartbeatRowRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const heartbeatMarkRecipe: (props?: ({
@@ -18,6 +17,57 @@ declare const heartbeatBeatsRecipe: (props?: import("class-variance-authority/ty
 declare const heartbeatBeatRecipe: (props?: ({
   flagged?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const heartbeatAnatomy: {
+  readonly beats: {
+    readonly part: "beats";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly dot: {
+    readonly part: "dot";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly hint: {
+    readonly part: "hint";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly label: {
+    readonly part: "label";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly mark: {
+    readonly part: "mark";
+    readonly recipe: (props?: ({
+      state?: "beating" | "late" | "silent" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly ring: {
+    readonly part: "ring";
+    readonly recipe: (props?: ({
+      state?: "beating" | "late" | "silent" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly root: {
+    readonly part: "heartbeat";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly row: {
+    readonly part: "row";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly text: {
+    readonly part: "text";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+};
 //#endregion
-export { type HeartbeatState, defaultHeartbeatState, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe };
+export { type HeartbeatState, heartbeatAnatomy, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe };
 //# sourceMappingURL=heartbeat.d.ts.map

package/dist/recipes/heartbeat.js

@@ -1,3 +1,4 @@
+import { anatomy } from "../anatomy.js";
 import { toneBlend } from "../tone.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/heartbeat.ts
@@ -6,11 +7,10 @@ const heartbeatStates = [
 	"late",
 	"silent"
 ];
-const defaultHeartbeatState = "beating";
 const heartbeatRecipe = cva(["flex flex-col gap-4 rounded-tf-block bg-tf-sunken p-6", "font-tf-body text-tf-fg"]);
 const heartbeatRowRecipe = cva("flex items-center gap-3");
 const heartbeatMarkRecipe = cva("relative flex size-tf-mark-dot flex-none", {
-	defaultVariants: { state: defaultHeartbeatState },
+	defaultVariants: { state: "beating" },
 	variants: { state: {
 		beating: toneBlend.success,
 		late: toneBlend.warning,
@@ -18,7 +18,7 @@ const heartbeatMarkRecipe = cva("relative flex size-tf-mark-dot flex-none", {
 	} }
 });
 const heartbeatRingRecipe = cva(["absolute inset-0 rounded-tf-pill bg-tf-blend"], {
-	defaultVariants: { state: defaultHeartbeatState },
+	defaultVariants: { state: "beating" },
 	variants: { state: {
 		beating: "tf-pinging",
 		late: "tf-pinging",
@@ -37,7 +37,54 @@ const heartbeatBeatRecipe = cva("flex-1 rounded-tf-inline", {
 		true: "bg-tf-warning-hi"
 	} }
 });
+const heartbeatAnatomy = anatomy({
+	beats: {
+		part: "beats",
+		recipe: heartbeatBeatsRecipe,
+		required: false
+	},
+	dot: {
+		part: "dot",
+		recipe: heartbeatDotRecipe,
+		required: true
+	},
+	hint: {
+		part: "hint",
+		recipe: heartbeatHintRecipe,
+		required: false
+	},
+	label: {
+		part: "label",
+		recipe: heartbeatLabelRecipe,
+		required: true
+	},
+	mark: {
+		part: "mark",
+		recipe: heartbeatMarkRecipe,
+		required: true
+	},
+	ring: {
+		part: "ring",
+		recipe: heartbeatRingRecipe,
+		required: true
+	},
+	root: {
+		part: "heartbeat",
+		recipe: heartbeatRecipe,
+		required: true
+	},
+	row: {
+		part: "row",
+		recipe: heartbeatRowRecipe,
+		required: true
+	},
+	text: {
+		part: "text",
+		recipe: heartbeatTextRecipe,
+		required: true
+	}
+});
 //#endregion
-export { defaultHeartbeatState, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe };
+export { heartbeatAnatomy, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe };
 
 //# sourceMappingURL=heartbeat.js.map

package/dist/recipes/heartbeat.js.map

@@ -1 +1 @@
-{"version":3,"file":"heartbeat.js","names":[],"sources":["../../src/recipes/heartbeat.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { toneBlend } from '#tone'\n\nconst heartbeatStates = ['beating', 'late', 'silent'] as const\n\ntype HeartbeatState = (typeof heartbeatStates)[number]\n\nconst defaultHeartbeatState = 'beating' satisfies HeartbeatState\n\nconst heartbeatRecipe = cva([\n  'flex flex-col gap-4 rounded-tf-block bg-tf-sunken p-6',\n  'font-tf-body text-tf-fg',\n])\n\nconst heartbeatRowRecipe = cva('flex items-center gap-3')\n\nconst heartbeatMarkRecipe = cva('relative flex size-tf-mark-dot flex-none', {\n  defaultVariants: { state: defaultHeartbeatState },\n  variants: {\n    state: {\n      beating: toneBlend.success,\n      late: toneBlend.warning,\n      silent: toneBlend.danger,\n    },\n  },\n})\n\nconst heartbeatRingRecipe = cva(['absolute inset-0 rounded-tf-pill bg-tf-blend'], {\n  defaultVariants: { state: defaultHeartbeatState },\n  variants: {\n    state: {\n      beating: 'tf-pinging',\n      late: 'tf-pinging',\n      silent: '',\n    } satisfies Record<HeartbeatState, string>,\n  },\n})\n\nconst heartbeatDotRecipe = cva(['relative size-tf-mark-dot rounded-tf-pill bg-tf-blend'])\n\nconst heartbeatTextRecipe = cva('flex min-w-0 flex-1 flex-col gap-0')\n\nconst heartbeatLabelRecipe = cva('text-tf-body-sm font-medium text-tf-fg')\n\nconst heartbeatHintRecipe = cva('text-tf-caption-sm text-tf-muted')\n\nconst heartbeatBeatsRecipe = cva('flex h-9 items-end gap-0.5')\n\nconst heartbeatBeatRecipe = cva('flex-1 rounded-tf-inline', {\n  defaultVariants: { flagged: false },\n  variants: {\n    flagged: {\n      false: 'bg-tf-accent-surface',\n      true: 'bg-tf-warning-hi',\n    },\n  },\n})\n\nexport {\n  type HeartbeatState,\n  defaultHeartbeatState,\n  heartbeatBeatRecipe,\n  heartbeatBeatsRecipe,\n  heartbeatDotRecipe,\n  heartbeatHintRecipe,\n  heartbeatLabelRecipe,\n  heartbeatMarkRecipe,\n  heartbeatRecipe,\n  heartbeatRingRecipe,\n  heartbeatRowRecipe,\n  heartbeatStates,\n  heartbeatTextRecipe,\n}\n"],"mappings":";;;AAIA,MAAM,kBAAkB;CAAC;CAAW;CAAQ;AAAQ;AAIpD,MAAM,wBAAwB;AAE9B,MAAM,kBAAkB,IAAI,CAC1B,yDACA,yBACF,CAAC;AAED,MAAM,qBAAqB,IAAI,yBAAyB;AAExD,MAAM,sBAAsB,IAAI,4CAA4C;CAC1E,iBAAiB,EAAE,OAAO,sBAAsB;CAChD,UAAU,EACR,OAAO;EACL,SAAS,UAAU;EACnB,MAAM,UAAU;EAChB,QAAQ,UAAU;CACpB,EACF;AACF,CAAC;AAED,MAAM,sBAAsB,IAAI,CAAC,8CAA8C,GAAG;CAChF,iBAAiB,EAAE,OAAO,sBAAsB;CAChD,UAAU,EACR,OAAO;EACL,SAAS;EACT,MAAM;EACN,QAAQ;CACV,EACF;AACF,CAAC;AAED,MAAM,qBAAqB,IAAI,CAAC,uDAAuD,CAAC;AAExF,MAAM,sBAAsB,IAAI,oCAAoC;AAEpE,MAAM,uBAAuB,IAAI,wCAAwC;AAEzE,MAAM,sBAAsB,IAAI,kCAAkC;AAElE,MAAM,uBAAuB,IAAI,4BAA4B;AAE7D,MAAM,sBAAsB,IAAI,4BAA4B;CAC1D,iBAAiB,EAAE,SAAS,MAAM;CAClC,UAAU,EACR,SAAS;EACP,OAAO;EACP,MAAM;CACR,EACF;AACF,CAAC"}
+{"version":3,"file":"heartbeat.js","names":[],"sources":["../../src/recipes/heartbeat.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\nimport { toneBlend } from '#tone'\n\nconst heartbeatStates = ['beating', 'late', 'silent'] as const\n\ntype HeartbeatState = (typeof heartbeatStates)[number]\n\nconst heartbeatRecipe = cva([\n  'flex flex-col gap-4 rounded-tf-block bg-tf-sunken p-6',\n  'font-tf-body text-tf-fg',\n])\n\nconst heartbeatRowRecipe = cva('flex items-center gap-3')\n\nconst heartbeatMarkRecipe = cva('relative flex size-tf-mark-dot flex-none', {\n  defaultVariants: { state: 'beating' },\n  variants: {\n    state: {\n      beating: toneBlend.success,\n      late: toneBlend.warning,\n      silent: toneBlend.danger,\n    },\n  },\n})\n\nconst heartbeatRingRecipe = cva(['absolute inset-0 rounded-tf-pill bg-tf-blend'], {\n  defaultVariants: { state: 'beating' },\n  variants: {\n    state: {\n      beating: 'tf-pinging',\n      late: 'tf-pinging',\n      silent: '',\n    } satisfies Record<HeartbeatState, string>,\n  },\n})\n\nconst heartbeatDotRecipe = cva(['relative size-tf-mark-dot rounded-tf-pill bg-tf-blend'])\n\nconst heartbeatTextRecipe = cva('flex min-w-0 flex-1 flex-col gap-0')\n\nconst heartbeatLabelRecipe = cva('text-tf-body-sm font-medium text-tf-fg')\n\nconst heartbeatHintRecipe = cva('text-tf-caption-sm text-tf-muted')\n\nconst heartbeatBeatsRecipe = cva('flex h-9 items-end gap-0.5')\n\nconst heartbeatBeatRecipe = cva('flex-1 rounded-tf-inline', {\n  defaultVariants: { flagged: false },\n  variants: {\n    flagged: {\n      false: 'bg-tf-accent-surface',\n      true: 'bg-tf-warning-hi',\n    },\n  },\n})\n\nconst heartbeatAnatomy = anatomy({\n  beats: { part: 'beats', recipe: heartbeatBeatsRecipe, required: false },\n  dot: { part: 'dot', recipe: heartbeatDotRecipe, required: true },\n  hint: { part: 'hint', recipe: heartbeatHintRecipe, required: false },\n  label: { part: 'label', recipe: heartbeatLabelRecipe, required: true },\n  mark: { part: 'mark', recipe: heartbeatMarkRecipe, required: true },\n  ring: { part: 'ring', recipe: heartbeatRingRecipe, required: true },\n  root: { part: 'heartbeat', recipe: heartbeatRecipe, required: true },\n  row: { part: 'row', recipe: heartbeatRowRecipe, required: true },\n  text: { part: 'text', recipe: heartbeatTextRecipe, required: true },\n})\n\nexport {\n  type HeartbeatState,\n  heartbeatAnatomy,\n  heartbeatBeatRecipe,\n  heartbeatBeatsRecipe,\n  heartbeatDotRecipe,\n  heartbeatHintRecipe,\n  heartbeatLabelRecipe,\n  heartbeatMarkRecipe,\n  heartbeatRecipe,\n  heartbeatRingRecipe,\n  heartbeatRowRecipe,\n  heartbeatStates,\n  heartbeatTextRecipe,\n}\n"],"mappings":";;;;AAKA,MAAM,kBAAkB;CAAC;CAAW;CAAQ;AAAQ;AAIpD,MAAM,kBAAkB,IAAI,CAC1B,yDACA,yBACF,CAAC;AAED,MAAM,qBAAqB,IAAI,yBAAyB;AAExD,MAAM,sBAAsB,IAAI,4CAA4C;CAC1E,iBAAiB,EAAE,OAAO,UAAU;CACpC,UAAU,EACR,OAAO;EACL,SAAS,UAAU;EACnB,MAAM,UAAU;EAChB,QAAQ,UAAU;CACpB,EACF;AACF,CAAC;AAED,MAAM,sBAAsB,IAAI,CAAC,8CAA8C,GAAG;CAChF,iBAAiB,EAAE,OAAO,UAAU;CACpC,UAAU,EACR,OAAO;EACL,SAAS;EACT,MAAM;EACN,QAAQ;CACV,EACF;AACF,CAAC;AAED,MAAM,qBAAqB,IAAI,CAAC,uDAAuD,CAAC;AAExF,MAAM,sBAAsB,IAAI,oCAAoC;AAEpE,MAAM,uBAAuB,IAAI,wCAAwC;AAEzE,MAAM,sBAAsB,IAAI,kCAAkC;AAElE,MAAM,uBAAuB,IAAI,4BAA4B;AAE7D,MAAM,sBAAsB,IAAI,4BAA4B;CAC1D,iBAAiB,EAAE,SAAS,MAAM;CAClC,UAAU,EACR,SAAS;EACP,OAAO;EACP,MAAM;CACR,EACF;AACF,CAAC;AAED,MAAM,mBAAmB,QAAQ;CAC/B,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAsB,UAAU;CAAM;CACtE,KAAK;EAAE,MAAM;EAAO,QAAQ;EAAoB,UAAU;CAAK;CAC/D,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAqB,UAAU;CAAM;CACnE,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAsB,UAAU;CAAK;CACrE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAqB,UAAU;CAAK;CAClE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAqB,UAAU;CAAK;CAClE,MAAM;EAAE,MAAM;EAAa,QAAQ;EAAiB,UAAU;CAAK;CACnE,KAAK;EAAE,MAAM;EAAO,QAAQ;EAAoB,UAAU;CAAK;CAC/D,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAqB,UAAU;CAAK;AACpE,CAAC"}

package/dist/recipes/ink.d.ts

@@ -0,0 +1,11 @@
+//#region src/recipes/ink.d.ts
+declare const inkAnatomy: {
+  readonly root: {
+    readonly part: "ink";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+};
+//#endregion
+export { inkAnatomy };
+//# sourceMappingURL=ink.d.ts.map

package/dist/recipes/ink.js

@@ -0,0 +1,13 @@
+import { anatomy } from "../anatomy.js";
+import { cva } from "class-variance-authority";
+//#region src/recipes/ink.ts
+const inkRecipe = cva("tf-ink-well");
+const inkAnatomy = anatomy({ root: {
+	part: "ink",
+	recipe: inkRecipe,
+	required: true
+} });
+//#endregion
+export { inkAnatomy };
+
+//# sourceMappingURL=ink.js.map

package/dist/recipes/ink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ink.js","names":[],"sources":["../../src/recipes/ink.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\n\nconst inkRecipe = cva('tf-ink-well')\n\nconst inkAnatomy = anatomy({\n  root: { part: 'ink', recipe: inkRecipe, required: true },\n})\n\nexport { inkAnatomy }\n"],"mappings":";;;AAIA,MAAM,YAAY,IAAI,aAAa;AAEnC,MAAM,aAAa,QAAQ,EACzB,MAAM;CAAE,MAAM;CAAO,QAAQ;CAAW,UAAU;AAAK,EACzD,CAAC"}

package/dist/recipes/input.d.ts

@@ -12,6 +12,60 @@ declare const inputRecipe: (props?: ({
   size?: "md" | "lg" | null | undefined;
   trailing?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const inputAnatomy: {
+  readonly cloud: {
+    readonly part: "cloud";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly foot: {
+    readonly part: "foot";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly leading: {
+    readonly part: "leading";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly nebula: {
+    readonly part: "nebula";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly root: {
+    readonly part: "input";
+    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;
+      size?: "md" | "lg" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly spinner: {
+    readonly part: "spinner";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly trailing: {
+    readonly part: "trailing";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly unit: {
+    readonly part: "unit";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+};
 //#endregion
-export { type InputType, TRAILING_INSET, inputRecipe, inputTypes, labelRoom };
+export { type InputType, TRAILING_INSET, inputAnatomy, inputRecipe, inputTypes, labelRoom };
 //# sourceMappingURL=input.d.ts.map

package/dist/recipes/input.js

@@ -1,5 +1,8 @@
-import "../control.js";
+import { anatomy } from "../anatomy.js";
 import { controlFocus, controlInert } from "../parts/control.js";
+import { nebulaCloudLowRecipe, nebulaVeilRecipe } from "./nebula.js";
+import "../control.js";
+import { fieldFootRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, leadingRecipe, trailingRecipe } from "./field.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/input.ts
 const inputTypes = [
@@ -84,7 +87,54 @@ const inputRecipe = cva([
 		}
 	}
 });
+const inputAnatomy = anatomy({
+	cloud: {
+		part: "cloud",
+		recipe: nebulaCloudLowRecipe,
+		required: true
+	},
+	foot: {
+		part: "foot",
+		recipe: fieldFootRecipe,
+		required: true
+	},
+	leading: {
+		part: "leading",
+		recipe: leadingRecipe,
+		required: false
+	},
+	nebula: {
+		part: "nebula",
+		recipe: nebulaVeilRecipe,
+		required: true
+	},
+	root: {
+		part: "input",
+		recipe: fieldRecipe,
+		required: true
+	},
+	row: {
+		part: "row",
+		recipe: fieldRowRecipe,
+		required: true
+	},
+	spinner: {
+		part: "spinner",
+		recipe: trailingRecipe,
+		required: false
+	},
+	trailing: {
+		part: "trailing",
+		recipe: trailingRecipe,
+		required: false
+	},
+	unit: {
+		part: "unit",
+		recipe: fieldUnitRecipe,
+		required: false
+	}
+});
 //#endregion
-export { TRAILING_INSET, inputRecipe, inputTypes, labelRoom };
+export { TRAILING_INSET, inputAnatomy, inputRecipe, inputTypes, labelRoom };
 
 //# sourceMappingURL=input.js.map

package/dist/recipes/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../src/recipes/input.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport type { FieldSize } from '#control'\nimport { defaultFieldSize } from '#control'\nimport { controlFocus, controlInert } from '#parts/control'\n\nconst inputTypes = ['text', 'email', 'tel', 'url', 'search', 'password'] as const\n\ntype InputType = (typeof inputTypes)[number]\n\nconst INPUT_INSET = 'px-4'\nconst LEADING_INSET = 'pl-13'\nconst TRAILING_INSET = 'pr-13'\n\nconst labelRoom = {\n  lg: 'pt-6 pb-2',\n  md: 'pt-5 pb-1',\n} satisfies Record<FieldSize, string>\n\nconst inputSurface = [\n  'size-full bg-transparent text-tf-fg tf-writes',\n  'placeholder:text-tf-muted placeholder:opacity-0',\n  'data-readonly:text-tf-muted',\n  'disabled:cursor-not-allowed',\n]\n\nconst inputRecipe = cva([...inputSurface, ...controlFocus, ...controlInert], {\n  compoundVariants: [\n    { class: labelRoom.lg, labelled: true, size: 'lg' },\n    { class: labelRoom.md, labelled: true, size: 'md' },\n    { class: INPUT_INSET, leading: false, trailing: false },\n    { class: `${LEADING_INSET} pr-3`, leading: true, trailing: false },\n    { class: `${TRAILING_INSET} pl-4`, leading: false, trailing: true },\n    { class: `${LEADING_INSET} ${TRAILING_INSET}`, leading: true, trailing: true },\n  ],\n  defaultVariants: {\n    labelled: true,\n    leading: false,\n    size: defaultFieldSize,\n    trailing: false,\n  },\n  variants: {\n    labelled: { false: 'placeholder:opacity-100', true: '' },\n    leading: { false: '', true: '' },\n    size: { lg: '', md: '' } satisfies Record<FieldSize, string>,\n    trailing: { false: '', true: '' },\n  },\n})\n\nexport { type InputType, inputRecipe, inputTypes, labelRoom, TRAILING_INSET }\n"],"mappings":";;;;AAMA,MAAM,aAAa;CAAC;CAAQ;CAAS;CAAO;CAAO;CAAU;AAAU;AAIvE,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AAEvB,MAAM,YAAY;CAChB,IAAI;CACJ,IAAI;AACN;AASA,MAAM,cAAc,IAAI;CAAC,GAAG;EAN1B;EACA;EACA;EACA;CAGqC;CAAG,GAAG;CAAc,GAAG;AAAY,GAAG;CAC3E,kBAAkB;EAChB;GAAE,OAAO,UAAU;GAAI,UAAU;GAAM,MAAM;EAAK;EAClD;GAAE,OAAO,UAAU;GAAI,UAAU;GAAM,MAAM;EAAK;EAClD;GAAE,OAAO;GAAa,SAAS;GAAO,UAAU;EAAM;EACtD;GAAE,OAAO,GAAG,cAAc;GAAQ,SAAS;GAAM,UAAU;EAAM;EACjE;GAAE,OAAO,GAAG,eAAe;GAAQ,SAAS;GAAO,UAAU;EAAK;EAClE;GAAE,OAAO,GAAG,cAAc,GAAG;GAAkB,SAAS;GAAM,UAAU;EAAK;CAC/E;CACA,iBAAiB;EACf,UAAU;EACV,SAAS;EACT,MAAA;EACA,UAAU;CACZ;CACA,UAAU;EACR,UAAU;GAAE,OAAO;GAA2B,MAAM;EAAG;EACvD,SAAS;GAAE,OAAO;GAAI,MAAM;EAAG;EAC/B,MAAM;GAAE,IAAI;GAAI,IAAI;EAAG;EACvB,UAAU;GAAE,OAAO;GAAI,MAAM;EAAG;CAClC;AACF,CAAC"}
+{"version":3,"file":"input.js","names":[],"sources":["../../src/recipes/input.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\nimport type { FieldSize } from '#control'\nimport { defaultFieldSize } from '#control'\nimport { controlFocus, controlInert } from '#parts/control'\n\nimport {\n  fieldFootRecipe,\n  fieldRecipe,\n  fieldRowRecipe,\n  fieldUnitRecipe,\n  leadingRecipe,\n  trailingRecipe,\n} from './field'\nimport { nebulaCloudLowRecipe, nebulaVeilRecipe } from './nebula'\n\nconst inputTypes = ['text', 'email', 'tel', 'url', 'search', 'password'] as const\n\ntype InputType = (typeof inputTypes)[number]\n\nconst INPUT_INSET = 'px-4'\nconst LEADING_INSET = 'pl-13'\nconst TRAILING_INSET = 'pr-13'\n\nconst labelRoom = {\n  lg: 'pt-6 pb-2',\n  md: 'pt-5 pb-1',\n} satisfies Record<FieldSize, string>\n\nconst inputSurface = [\n  'size-full bg-transparent text-tf-fg tf-writes',\n  'placeholder:text-tf-muted placeholder:opacity-0',\n  'data-readonly:text-tf-muted',\n  'disabled:cursor-not-allowed',\n]\n\nconst inputRecipe = cva([...inputSurface, ...controlFocus, ...controlInert], {\n  compoundVariants: [\n    { class: labelRoom.lg, labelled: true, size: 'lg' },\n    { class: labelRoom.md, labelled: true, size: 'md' },\n    { class: INPUT_INSET, leading: false, trailing: false },\n    { class: `${LEADING_INSET} pr-3`, leading: true, trailing: false },\n    { class: `${TRAILING_INSET} pl-4`, leading: false, trailing: true },\n    { class: `${LEADING_INSET} ${TRAILING_INSET}`, leading: true, trailing: true },\n  ],\n  defaultVariants: {\n    labelled: true,\n    leading: false,\n    size: defaultFieldSize,\n    trailing: false,\n  },\n  variants: {\n    labelled: { false: 'placeholder:opacity-100', true: '' },\n    leading: { false: '', true: '' },\n    size: { lg: '', md: '' } satisfies Record<FieldSize, string>,\n    trailing: { false: '', true: '' },\n  },\n})\n\nconst inputAnatomy = anatomy({\n  cloud: { part: 'cloud', recipe: nebulaCloudLowRecipe, required: true },\n  foot: { part: 'foot', recipe: fieldFootRecipe, required: true },\n  leading: { part: 'leading', recipe: leadingRecipe, required: false },\n  nebula: { part: 'nebula', recipe: nebulaVeilRecipe, required: true },\n  root: { part: 'input', recipe: fieldRecipe, required: true },\n  row: { part: 'row', recipe: fieldRowRecipe, required: true },\n  spinner: { part: 'spinner', recipe: trailingRecipe, required: false },\n  trailing: { part: 'trailing', recipe: trailingRecipe, required: false },\n  unit: { part: 'unit', recipe: fieldUnitRecipe, required: false },\n})\n\nexport { type InputType, inputAnatomy, inputRecipe, inputTypes, labelRoom, TRAILING_INSET }\n"],"mappings":";;;;;;;AAiBA,MAAM,aAAa;CAAC;CAAQ;CAAS;CAAO;CAAO;CAAU;AAAU;AAIvE,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AAEvB,MAAM,YAAY;CAChB,IAAI;CACJ,IAAI;AACN;AASA,MAAM,cAAc,IAAI;CAAC,GAAG;EAN1B;EACA;EACA;EACA;CAGqC;CAAG,GAAG;CAAc,GAAG;AAAY,GAAG;CAC3E,kBAAkB;EAChB;GAAE,OAAO,UAAU;GAAI,UAAU;GAAM,MAAM;EAAK;EAClD;GAAE,OAAO,UAAU;GAAI,UAAU;GAAM,MAAM;EAAK;EAClD;GAAE,OAAO;GAAa,SAAS;GAAO,UAAU;EAAM;EACtD;GAAE,OAAO,GAAG,cAAc;GAAQ,SAAS;GAAM,UAAU;EAAM;EACjE;GAAE,OAAO,GAAG,eAAe;GAAQ,SAAS;GAAO,UAAU;EAAK;EAClE;GAAE,OAAO,GAAG,cAAc,GAAG;GAAkB,SAAS;GAAM,UAAU;EAAK;CAC/E;CACA,iBAAiB;EACf,UAAU;EACV,SAAS;EACT,MAAA;EACA,UAAU;CACZ;CACA,UAAU;EACR,UAAU;GAAE,OAAO;GAA2B,MAAM;EAAG;EACvD,SAAS;GAAE,OAAO;GAAI,MAAM;EAAG;EAC/B,MAAM;GAAE,IAAI;GAAI,IAAI;EAAG;EACvB,UAAU;GAAE,OAAO;GAAI,MAAM;EAAG;CAClC;AACF,CAAC;AAED,MAAM,eAAe,QAAQ;CAC3B,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAsB,UAAU;CAAK;CACrE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAiB,UAAU;CAAK;CAC9D,SAAS;EAAE,MAAM;EAAW,QAAQ;EAAe,UAAU;CAAM;CACnE,QAAQ;EAAE,MAAM;EAAU,QAAQ;EAAkB,UAAU;CAAK;CACnE,MAAM;EAAE,MAAM;EAAS,QAAQ;EAAa,UAAU;CAAK;CAC3D,KAAK;EAAE,MAAM;EAAO,QAAQ;EAAgB,UAAU;CAAK;CAC3D,SAAS;EAAE,MAAM;EAAW,QAAQ;EAAgB,UAAU;CAAM;CACpE,UAAU;EAAE,MAAM;EAAY,QAAQ;EAAgB,UAAU;CAAM;CACtE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAiB,UAAU;CAAM;AACjE,CAAC"}

package/dist/recipes/listItem.d.ts

@@ -1,6 +1,23 @@
 //#region src/recipes/listItem.d.ts
 declare const listItemRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const listItemStackRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const listItemAnatomy: {
+  readonly root: {
+    readonly part: "list-item";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly stack: {
+    readonly part: "stack";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly trailing: {
+    readonly part: "trailing";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+};
 //#endregion
-export { listItemRecipe, listItemStackRecipe };
+export { listItemAnatomy, listItemRecipe, listItemStackRecipe };
 //# sourceMappingURL=listItem.d.ts.map

package/dist/recipes/listItem.js

@@ -1,8 +1,27 @@
+import { anatomy } from "../anatomy.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/listItem.ts
 const listItemRecipe = cva("flex min-w-0 items-center gap-4");
 const listItemStackRecipe = cva("flex min-w-0 flex-1 flex-col gap-0");
+const listItemTrailingRecipe = cva("flex-none");
+const listItemAnatomy = anatomy({
+	root: {
+		part: "list-item",
+		recipe: listItemRecipe,
+		required: true
+	},
+	stack: {
+		part: "stack",
+		recipe: listItemStackRecipe,
+		required: true
+	},
+	trailing: {
+		part: "trailing",
+		recipe: listItemTrailingRecipe,
+		required: false
+	}
+});
 //#endregion
-export { listItemRecipe, listItemStackRecipe };
+export { listItemAnatomy, listItemRecipe, listItemStackRecipe };
 
 //# sourceMappingURL=listItem.js.map

package/dist/recipes/listItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.js","names":[],"sources":["../../src/recipes/listItem.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nconst listItemRecipe = cva('flex min-w-0 items-center gap-4')\n\nconst listItemStackRecipe = cva('flex min-w-0 flex-1 flex-col gap-0')\n\nexport { listItemRecipe, listItemStackRecipe }\n"],"mappings":";;AAEA,MAAM,iBAAiB,IAAI,iCAAiC;AAE5D,MAAM,sBAAsB,IAAI,oCAAoC"}
+{"version":3,"file":"listItem.js","names":[],"sources":["../../src/recipes/listItem.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\n\nconst listItemRecipe = cva('flex min-w-0 items-center gap-4')\n\nconst listItemStackRecipe = cva('flex min-w-0 flex-1 flex-col gap-0')\n\nconst listItemTrailingRecipe = cva('flex-none')\n\nconst listItemAnatomy = anatomy({\n  root: { part: 'list-item', recipe: listItemRecipe, required: true },\n  stack: { part: 'stack', recipe: listItemStackRecipe, required: true },\n  trailing: { part: 'trailing', recipe: listItemTrailingRecipe, required: false },\n})\n\nexport { listItemAnatomy, listItemRecipe, listItemStackRecipe }\n"],"mappings":";;;AAIA,MAAM,iBAAiB,IAAI,iCAAiC;AAE5D,MAAM,sBAAsB,IAAI,oCAAoC;AAEpE,MAAM,yBAAyB,IAAI,WAAW;AAE9C,MAAM,kBAAkB,QAAQ;CAC9B,MAAM;EAAE,MAAM;EAAa,QAAQ;EAAgB,UAAU;CAAK;CAClE,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAqB,UAAU;CAAK;CACpE,UAAU;EAAE,MAAM;EAAY,QAAQ;EAAwB,UAAU;CAAM;AAChF,CAAC"}

package/dist/recipes/listbox.d.ts

@@ -1,5 +1,4 @@
 //#region src/recipes/listbox.d.ts
-type ListboxMark = 'lit' | 'chosen';
 declare const listboxRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const listboxLabelRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const listboxItemRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
@@ -7,6 +6,27 @@ declare const listboxMarkRecipe: (props?: ({
   mark?: "lit" | "chosen" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const listboxEmptyRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const listboxAnatomy: {
+  readonly held: {
+    readonly part: "held";
+    readonly recipe: (props?: ({
+      mark?: "lit" | "chosen" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly mark: {
+    readonly part: "mark";
+    readonly recipe: (props?: ({
+      mark?: "lit" | "chosen" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly root: {
+    readonly part: "listbox";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+};
 //#endregion
-export { type ListboxMark, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe };
+export { listboxAnatomy, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe };
 //# sourceMappingURL=listbox.d.ts.map