@techfides/ui-library-design 0.5.0 → 0.8.0

package/dist/recipes/table.d.ts

@@ -17,7 +17,7 @@ declare const tableScrollRecipe: (props?: import("class-variance-authority/types
 declare const tableGridRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tableHeadRowRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tableHeadCellRecipe: (props?: ({
-  align?: "end" | "start" | null | undefined;
+  align?: "start" | "end" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const tableHeadingRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tableSortRecipe: (props?: ({
@@ -47,7 +47,7 @@ declare const tableRowRecipe: (props?: ({
 declare const tableSelectCellRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tableMarkRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tableCellRecipe: (props?: ({
-  align?: "end" | "start" | null | undefined;
+  align?: "start" | "end" | null | undefined;
   mono?: boolean | null | undefined;
   tabular?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -69,6 +69,66 @@ declare const tableSkeletonMarkRecipe: (props?: import("class-variance-authority
 declare const tableEmptyRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tableEmptyTitleRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tableEmptyHintRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const tableAnatomy: {
+  readonly bar: {
+    readonly part: "bar";
+    readonly recipe: (props?: ({
+      numeric?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: false;
+  };
+  readonly filterRule: {
+    readonly part: "filter-rule";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly head: {
+    readonly part: "head";
+    readonly recipe: (props?: ({
+      align?: "start" | "end" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly mark: {
+    readonly part: "mark";
+    readonly recipe: (props?: ({
+      sorted?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: false;
+  };
+  readonly rank: {
+    readonly part: "rank";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly root: {
+    readonly part: "table";
+    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 ruled: {
+    readonly part: "ruled";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly tableFilter: {
+    readonly part: "table-filter";
+    readonly recipe: (props?: ({
+      on?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: false;
+  };
+  readonly toolbar: {
+    readonly part: "table-toolbar";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+};
 //#endregion
-export { type TableAlign, type TableFilterKind, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterMarkRecipe, tableFilterRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePinWidth, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe };
+export { type TableAlign, type TableFilterKind, tableActionsCellRecipe, tableActionsWidth, tableAnatomy, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterMarkRecipe, tableFilterRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePinWidth, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe };
 //# sourceMappingURL=table.d.ts.map

package/dist/recipes/table.js

@@ -1,8 +1,10 @@
-import { toneTint } from "../tone.js";
+import { anatomy } from "../anatomy.js";
 import { controlInert, controlPress, controlQuietIcon, controlReach } from "../parts/control.js";
 import { ruleFading } from "../parts/rule.js";
+import { toneTint } from "../tone.js";
 import { eyebrowQuiet, eyebrowType } from "../parts/eyebrow.js";
 import { revealedControl, revealedIcon, shownControl, shownIcon } from "../parts/reveal.js";
+import { tableFilterRuleRecipe } from "./tableFilter.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/table.ts
 const defaultTableAlign = "start";
@@ -176,7 +178,59 @@ const tableSkeletonMarkRecipe = cva("size-tf-icon-lg flex-none tf-breathing roun
 const tableEmptyRecipe = cva("flex flex-col items-center gap-2 px-6 py-14 text-center");
 const tableEmptyTitleRecipe = cva("font-tf-display text-tf-h4 font-bold tracking-tf-tight text-tf-fg");
 const tableEmptyHintRecipe = cva("text-tf-body-sm font-medium text-tf-muted");
+const tableAnatomy = anatomy({
+	bar: {
+		part: "bar",
+		recipe: tableSkeletonBarRecipe,
+		required: false
+	},
+	filterRule: {
+		part: "filter-rule",
+		recipe: tableFilterRuleRecipe,
+		required: true
+	},
+	head: {
+		part: "head",
+		recipe: tableHeadCellRecipe,
+		required: true
+	},
+	mark: {
+		part: "mark",
+		recipe: tableSortMarkRecipe,
+		required: false
+	},
+	rank: {
+		part: "rank",
+		recipe: tableRankRecipe,
+		required: false
+	},
+	root: {
+		part: "table",
+		recipe: tableRecipe,
+		required: true
+	},
+	rule: {
+		part: "rule",
+		recipe: tableRuleRecipe,
+		required: true
+	},
+	ruled: {
+		part: "ruled",
+		recipe: tableGroupRecipe,
+		required: true
+	},
+	tableFilter: {
+		part: "table-filter",
+		recipe: tableFilterRecipe,
+		required: false
+	},
+	toolbar: {
+		part: "table-toolbar",
+		recipe: tableToolbarRecipe,
+		required: false
+	}
+});
 //#endregion
-export { tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterMarkRecipe, tableFilterRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePinWidth, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe };
+export { tableActionsCellRecipe, tableActionsWidth, tableAnatomy, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterMarkRecipe, tableFilterRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePinWidth, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe };
 
 //# sourceMappingURL=table.js.map

package/dist/recipes/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../src/recipes/table.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { controlInert, controlPress, controlQuietIcon, controlReach } from '#parts/control'\nimport { eyebrowQuiet, eyebrowType } from '#parts/eyebrow'\nimport { revealedControl, revealedIcon, shownControl, shownIcon } from '#parts/reveal'\nimport { ruleFading } from '#parts/rule'\nimport { toneTint } from '#tone'\n\ntype TableAlign = 'start' | 'end'\n\ntype TableFilterKind = 'text' | 'enum' | 'range'\n\nconst defaultTableAlign = 'start' satisfies TableAlign\n\nconst TIGHT = [\n  'flex size-tf-control-2xs flex-none items-center justify-center rounded-tf-inline',\n  'tf-icons [&_svg]:size-tf-icon-2xs [&_svg]:shrink-0',\n  'cursor-pointer tf-transition motion-reduce:transition-none',\n  'interactive:hovered:bg-tf-panel-hi interactive:hovered:text-tf-fg',\n  ...controlReach,\n  ...controlInert,\n]\n\nconst CELL = 'flex min-w-0 items-center px-4'\n\nconst tablePinWidth = 52\n\nconst tableActionsWidth = 160\n\nconst tableRecipe = cva('flex w-full min-w-0 flex-col gap-8 font-tf-body')\n\nconst tableToolbarRecipe = cva('flex flex-wrap items-center gap-3')\n\nconst tableSearchRecipe = cva('max-w-tf-panel flex-none')\n\nconst tableAppliedRecipe = cva('flex flex-1 flex-wrap items-center justify-end gap-2')\n\nconst tableSelectionRecipe = cva([\n  'flex flex-wrap items-center gap-4 rounded-tf-control bg-tf-accent-tint px-4 py-3',\n  'animate-tf-in motion-reduce:animate-none',\n])\n\nconst tableSelectionCountRecipe = cva('text-tf-body-sm font-medium text-tf-accent-hi')\n\nconst tableSelectionActionsRecipe = cva('ml-auto flex flex-wrap items-center gap-2')\n\nconst tableCardRecipe = cva('relative isolate rounded-tf-card', {\n  defaultVariants: { bordered: true },\n  variants: {\n    bordered: {\n      false: '',\n      true: 'tf-edge-sweep tf-swept blend-tf-accent tf-edge-plain',\n    },\n  },\n})\n\nconst tableScrollRecipe = cva([\n  'tf-scroll-thin overflow-x-auto rounded-tf-card',\n  'tf-resizes motion-reduce:transition-none',\n])\n\nconst tableGridRecipe = cva('overflow-x-clip text-tf-body-sm font-medium text-tf-fg')\n\nconst tableHeadRowRecipe = cva('grid h-tf-control-md')\n\nconst tableHeadCellRecipe = cva([CELL, 'gap-1 whitespace-nowrap'], {\n  defaultVariants: { align: defaultTableAlign },\n  variants: {\n    align: {\n      end: 'justify-end',\n      start: '',\n    } satisfies Record<TableAlign, string>,\n  },\n})\n\nconst tableHeadingRecipe = cva([`flex-none text-tf-caption ${eyebrowQuiet}`])\n\nconst tableSortRecipe = cva(\n  [\n    '-ml-2 flex h-tf-row min-w-0 items-center gap-2 rounded-tf-inline px-2',\n    `text-tf-caption ${eyebrowType}`,\n    'tf-icons [&_svg]:size-tf-icon-2xs [&_svg]:shrink-0',\n    'cursor-pointer tf-transition motion-reduce:transition-none',\n    'interactive:hovered:bg-tf-panel-hi interactive:hovered:text-tf-fg',\n    ...controlReach,\n    ...controlPress,\n    ...controlInert,\n  ],\n  {\n    defaultVariants: { sorted: false },\n    variants: {\n      sorted: { false: 'text-tf-muted', true: 'text-tf-accent-hi' },\n    },\n  },\n)\n\nconst tableSortLabelRecipe = cva('min-w-0 truncate')\n\nconst tableSortIconRecipe = cva('tf-transition motion-reduce:transition-none', {\n  defaultVariants: { descending: false },\n  variants: {\n    descending: { false: '', true: 'rotate-180' },\n  },\n})\n\nconst tableSortMarkRecipe = cva('', {\n  defaultVariants: { sorted: false },\n  variants: {\n    sorted: { false: revealedIcon, true: shownIcon },\n  },\n})\n\nconst tableFilterMarkRecipe = cva('', {\n  defaultVariants: { on: false },\n  variants: {\n    on: { false: revealedControl, true: shownControl },\n  },\n})\n\nconst tableRankRecipe = cva([\n  'flex-none rounded-tf-pill bg-tf-accent-tint px-1.5',\n  'text-tf-caption-sm font-normal text-tf-accent-hi tabular-nums',\n])\n\nconst tableFilterRecipe = cva(TIGHT, {\n  defaultVariants: { on: false },\n  variants: {\n    on: { false: 'text-tf-muted', true: 'bg-tf-accent-tint text-tf-accent-hi' },\n  },\n})\n\nconst tableRuleRecipe = cva(`block ${ruleFading}`)\n\nconst PAGING = [\n  'data-[going=forward]:[--tf-page-from:calc(var(--spacing)*4)]',\n  'data-[going=back]:[--tf-page-from:calc(var(--spacing)*-4)]',\n  'data-[step=a]:motion-safe:animate-tf-page',\n  'data-[step=b]:motion-safe:animate-tf-page-again',\n]\n\nconst tableBodyRecipe = cva(PAGING)\n\nconst tableGroupRecipe = cva('border-b border-tf-line-2 last:border-b-0')\n\nconst A_WASH_OVER_WHATEVER_IS_THERE = [\n  'relative',\n  \"before:pointer-events-none before:absolute before:inset-0 before:content-['']\",\n  'before:tf-transition before:motion-reduce:transition-none',\n  'not-data-selected:hovered:before:bg-tf-panel-2',\n  'data-selected:before:bg-tf-accent-tint',\n]\n\nconst tableRowRecipe = cva(\n  ['grid tf-transition motion-reduce:transition-none', ...A_WASH_OVER_WHATEVER_IS_THERE],\n  {\n    defaultVariants: { accent: 'none', dense: false },\n    variants: {\n      accent: { ...toneTint, none: '' },\n      dense: { false: 'h-tf-control-lg', true: 'h-tf-control-md' },\n    },\n  },\n)\n\nconst tableSelectCellRecipe = cva('flex items-center justify-center')\n\nconst tableMarkRecipe = cva('flex')\n\nconst tableCellRecipe = cva([CELL, 'gap-3'], {\n  defaultVariants: { align: defaultTableAlign, mono: false, tabular: false },\n  variants: {\n    align: {\n      end: 'justify-end text-right',\n      start: '',\n    } satisfies Record<TableAlign, string>,\n    mono: { false: '', true: 'font-mono' },\n    tabular: { false: '', true: 'whitespace-nowrap tabular-nums' },\n  },\n})\n\nconst tableValueRecipe = cva('min-w-0 truncate')\n\nconst tableExpandRecipe = cva(TIGHT, {\n  defaultVariants: { open: false },\n  variants: {\n    open: { false: 'text-tf-muted', true: 'text-tf-accent-hi' },\n  },\n})\n\nconst tableExpandIconRecipe = cva('tf-transition motion-reduce:transition-none', {\n  defaultVariants: { open: false },\n  variants: {\n    open: { false: '', true: 'rotate-90' },\n  },\n})\n\nconst tableActionsCellRecipe = cva([\n  'sticky right-0 flex items-center justify-end gap-2 pr-3 pl-6',\n  'backdrop-blur-tf-panel in-data-turning:bg-tf-surface-quiet',\n  'before:absolute before:inset-y-0 before:left-0 before:w-tf-hairline before:bg-tf-line-2',\n  \"before:content-['']\",\n])\n\nconst tableStepRecipe = cva(controlQuietIcon)\n\nconst tableDetailRecipe = cva('tf-unfolds bg-tf-sunken-hi motion-reduce:transition-none')\n\nconst tableDetailBodyRecipe = cva([\n  'py-5 pr-6 pl-16',\n  'animate-tf-fade-in motion-reduce:animate-none',\n])\n\nconst tableSkeletonBarRecipe = cva('h-3 tf-breathing rounded-tf-pill bg-tf-panel', {\n  defaultVariants: { numeric: false },\n  variants: {\n    numeric: { false: 'w-3/5', true: 'w-2/5' },\n  },\n})\n\nconst tableSkeletonMarkRecipe = cva(\n  'size-tf-icon-lg flex-none tf-breathing rounded-tf-inline bg-tf-panel',\n)\n\nconst tableEmptyRecipe = cva('flex flex-col items-center gap-2 px-6 py-14 text-center')\n\nconst tableEmptyTitleRecipe = cva(\n  'font-tf-display text-tf-h4 font-bold tracking-tf-tight text-tf-fg',\n)\n\nconst tableEmptyHintRecipe = cva('text-tf-body-sm font-medium text-tf-muted')\n\nexport {\n  type TableAlign,\n  type TableFilterKind,\n  tableActionsCellRecipe,\n  tableActionsWidth,\n  tableAppliedRecipe,\n  tableBodyRecipe,\n  tableCardRecipe,\n  tableCellRecipe,\n  tableDetailBodyRecipe,\n  tableDetailRecipe,\n  tableEmptyHintRecipe,\n  tableEmptyRecipe,\n  tableEmptyTitleRecipe,\n  tableExpandIconRecipe,\n  tableExpandRecipe,\n  tableFilterRecipe,\n  tableGridRecipe,\n  tableGroupRecipe,\n  tableHeadCellRecipe,\n  tableHeadRowRecipe,\n  tableHeadingRecipe,\n  tableMarkRecipe,\n  tablePinWidth,\n  tableRecipe,\n  tableRowRecipe,\n  tableRuleRecipe,\n  tableScrollRecipe,\n  tableSearchRecipe,\n  tableSelectCellRecipe,\n  tableSelectionActionsRecipe,\n  tableSelectionCountRecipe,\n  tableSelectionRecipe,\n  tableSkeletonBarRecipe,\n  tableSkeletonMarkRecipe,\n  tableFilterMarkRecipe,\n  tableRankRecipe,\n  tableSortIconRecipe,\n  tableSortMarkRecipe,\n  tableSortLabelRecipe,\n  tableSortRecipe,\n  tableStepRecipe,\n  tableToolbarRecipe,\n  tableValueRecipe,\n}\n"],"mappings":"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"}
+{"version":3,"file":"table.js","names":[],"sources":["../../src/recipes/table.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\nimport { controlInert, controlPress, controlQuietIcon, controlReach } from '#parts/control'\nimport { eyebrowQuiet, eyebrowType } from '#parts/eyebrow'\nimport { revealedControl, revealedIcon, shownControl, shownIcon } from '#parts/reveal'\nimport { ruleFading } from '#parts/rule'\nimport { toneTint } from '#tone'\n\nimport { tableFilterRuleRecipe } from './tableFilter'\n\ntype TableAlign = 'start' | 'end'\n\ntype TableFilterKind = 'text' | 'enum' | 'range'\n\nconst defaultTableAlign = 'start' satisfies TableAlign\n\nconst TIGHT = [\n  'flex size-tf-control-2xs flex-none items-center justify-center rounded-tf-inline',\n  'tf-icons [&_svg]:size-tf-icon-2xs [&_svg]:shrink-0',\n  'cursor-pointer tf-transition motion-reduce:transition-none',\n  'interactive:hovered:bg-tf-panel-hi interactive:hovered:text-tf-fg',\n  ...controlReach,\n  ...controlInert,\n]\n\nconst CELL = 'flex min-w-0 items-center px-4'\n\nconst tablePinWidth = 52\n\nconst tableActionsWidth = 160\n\nconst tableRecipe = cva('flex w-full min-w-0 flex-col gap-8 font-tf-body')\n\nconst tableToolbarRecipe = cva('flex flex-wrap items-center gap-3')\n\nconst tableSearchRecipe = cva('max-w-tf-panel flex-none')\n\nconst tableAppliedRecipe = cva('flex flex-1 flex-wrap items-center justify-end gap-2')\n\nconst tableSelectionRecipe = cva([\n  'flex flex-wrap items-center gap-4 rounded-tf-control bg-tf-accent-tint px-4 py-3',\n  'animate-tf-in motion-reduce:animate-none',\n])\n\nconst tableSelectionCountRecipe = cva('text-tf-body-sm font-medium text-tf-accent-hi')\n\nconst tableSelectionActionsRecipe = cva('ml-auto flex flex-wrap items-center gap-2')\n\nconst tableCardRecipe = cva('relative isolate rounded-tf-card', {\n  defaultVariants: { bordered: true },\n  variants: {\n    bordered: {\n      false: '',\n      true: 'tf-edge-sweep tf-swept blend-tf-accent tf-edge-plain',\n    },\n  },\n})\n\nconst tableScrollRecipe = cva([\n  'tf-scroll-thin overflow-x-auto rounded-tf-card',\n  'tf-resizes motion-reduce:transition-none',\n])\n\nconst tableGridRecipe = cva('overflow-x-clip text-tf-body-sm font-medium text-tf-fg')\n\nconst tableHeadRowRecipe = cva('grid h-tf-control-md')\n\nconst tableHeadCellRecipe = cva([CELL, 'gap-1 whitespace-nowrap'], {\n  defaultVariants: { align: defaultTableAlign },\n  variants: {\n    align: {\n      end: 'justify-end',\n      start: '',\n    } satisfies Record<TableAlign, string>,\n  },\n})\n\nconst tableHeadingRecipe = cva([`flex-none text-tf-caption ${eyebrowQuiet}`])\n\nconst tableSortRecipe = cva(\n  [\n    '-ml-2 flex h-tf-row min-w-0 items-center gap-2 rounded-tf-inline px-2',\n    `text-tf-caption ${eyebrowType}`,\n    'tf-icons [&_svg]:size-tf-icon-2xs [&_svg]:shrink-0',\n    'cursor-pointer tf-transition motion-reduce:transition-none',\n    'interactive:hovered:bg-tf-panel-hi interactive:hovered:text-tf-fg',\n    ...controlReach,\n    ...controlPress,\n    ...controlInert,\n  ],\n  {\n    defaultVariants: { sorted: false },\n    variants: {\n      sorted: { false: 'text-tf-muted', true: 'text-tf-accent-hi' },\n    },\n  },\n)\n\nconst tableSortLabelRecipe = cva('min-w-0 truncate')\n\nconst tableSortIconRecipe = cva('tf-transition motion-reduce:transition-none', {\n  defaultVariants: { descending: false },\n  variants: {\n    descending: { false: '', true: 'rotate-180' },\n  },\n})\n\nconst tableSortMarkRecipe = cva('', {\n  defaultVariants: { sorted: false },\n  variants: {\n    sorted: { false: revealedIcon, true: shownIcon },\n  },\n})\n\nconst tableFilterMarkRecipe = cva('', {\n  defaultVariants: { on: false },\n  variants: {\n    on: { false: revealedControl, true: shownControl },\n  },\n})\n\nconst tableRankRecipe = cva([\n  'flex-none rounded-tf-pill bg-tf-accent-tint px-1.5',\n  'text-tf-caption-sm font-normal text-tf-accent-hi tabular-nums',\n])\n\nconst tableFilterRecipe = cva(TIGHT, {\n  defaultVariants: { on: false },\n  variants: {\n    on: { false: 'text-tf-muted', true: 'bg-tf-accent-tint text-tf-accent-hi' },\n  },\n})\n\nconst tableRuleRecipe = cva(`block ${ruleFading}`)\n\nconst PAGING = [\n  'data-[going=forward]:[--tf-page-from:calc(var(--spacing)*4)]',\n  'data-[going=back]:[--tf-page-from:calc(var(--spacing)*-4)]',\n  'data-[step=a]:motion-safe:animate-tf-page',\n  'data-[step=b]:motion-safe:animate-tf-page-again',\n]\n\nconst tableBodyRecipe = cva(PAGING)\n\nconst tableGroupRecipe = cva('border-b border-tf-line-2 last:border-b-0')\n\nconst A_WASH_OVER_WHATEVER_IS_THERE = [\n  'relative',\n  \"before:pointer-events-none before:absolute before:inset-0 before:content-['']\",\n  'before:tf-transition before:motion-reduce:transition-none',\n  'not-data-selected:hovered:before:bg-tf-panel-2',\n  'data-selected:before:bg-tf-accent-tint',\n]\n\nconst tableRowRecipe = cva(\n  ['grid tf-transition motion-reduce:transition-none', ...A_WASH_OVER_WHATEVER_IS_THERE],\n  {\n    defaultVariants: { accent: 'none', dense: false },\n    variants: {\n      accent: { ...toneTint, none: '' },\n      dense: { false: 'h-tf-control-lg', true: 'h-tf-control-md' },\n    },\n  },\n)\n\nconst tableSelectCellRecipe = cva('flex items-center justify-center')\n\nconst tableMarkRecipe = cva('flex')\n\nconst tableCellRecipe = cva([CELL, 'gap-3'], {\n  defaultVariants: { align: defaultTableAlign, mono: false, tabular: false },\n  variants: {\n    align: {\n      end: 'justify-end text-right',\n      start: '',\n    } satisfies Record<TableAlign, string>,\n    mono: { false: '', true: 'font-mono' },\n    tabular: { false: '', true: 'whitespace-nowrap tabular-nums' },\n  },\n})\n\nconst tableValueRecipe = cva('min-w-0 truncate')\n\nconst tableExpandRecipe = cva(TIGHT, {\n  defaultVariants: { open: false },\n  variants: {\n    open: { false: 'text-tf-muted', true: 'text-tf-accent-hi' },\n  },\n})\n\nconst tableExpandIconRecipe = cva('tf-transition motion-reduce:transition-none', {\n  defaultVariants: { open: false },\n  variants: {\n    open: { false: '', true: 'rotate-90' },\n  },\n})\n\nconst tableActionsCellRecipe = cva([\n  'sticky right-0 flex items-center justify-end gap-2 pr-3 pl-6',\n  'backdrop-blur-tf-panel in-data-turning:bg-tf-surface-quiet',\n  'before:absolute before:inset-y-0 before:left-0 before:w-tf-hairline before:bg-tf-line-2',\n  \"before:content-['']\",\n])\n\nconst tableStepRecipe = cva(controlQuietIcon)\n\nconst tableDetailRecipe = cva('tf-unfolds bg-tf-sunken-hi motion-reduce:transition-none')\n\nconst tableDetailBodyRecipe = cva([\n  'py-5 pr-6 pl-16',\n  'animate-tf-fade-in motion-reduce:animate-none',\n])\n\nconst tableSkeletonBarRecipe = cva('h-3 tf-breathing rounded-tf-pill bg-tf-panel', {\n  defaultVariants: { numeric: false },\n  variants: {\n    numeric: { false: 'w-3/5', true: 'w-2/5' },\n  },\n})\n\nconst tableSkeletonMarkRecipe = cva(\n  'size-tf-icon-lg flex-none tf-breathing rounded-tf-inline bg-tf-panel',\n)\n\nconst tableEmptyRecipe = cva('flex flex-col items-center gap-2 px-6 py-14 text-center')\n\nconst tableEmptyTitleRecipe = cva(\n  'font-tf-display text-tf-h4 font-bold tracking-tf-tight text-tf-fg',\n)\n\nconst tableEmptyHintRecipe = cva('text-tf-body-sm font-medium text-tf-muted')\n\nconst tableAnatomy = anatomy({\n  bar: { part: 'bar', recipe: tableSkeletonBarRecipe, required: false },\n  filterRule: { part: 'filter-rule', recipe: tableFilterRuleRecipe, required: true },\n  head: { part: 'head', recipe: tableHeadCellRecipe, required: true },\n  mark: { part: 'mark', recipe: tableSortMarkRecipe, required: false },\n  rank: { part: 'rank', recipe: tableRankRecipe, required: false },\n  root: { part: 'table', recipe: tableRecipe, required: true },\n  rule: { part: 'rule', recipe: tableRuleRecipe, required: true },\n  ruled: { part: 'ruled', recipe: tableGroupRecipe, required: true },\n  tableFilter: { part: 'table-filter', recipe: tableFilterRecipe, required: false },\n  toolbar: { part: 'table-toolbar', recipe: tableToolbarRecipe, required: false },\n})\n\nexport {\n  type TableAlign,\n  type TableFilterKind,\n  tableAnatomy,\n  tableActionsCellRecipe,\n  tableActionsWidth,\n  tableAppliedRecipe,\n  tableBodyRecipe,\n  tableCardRecipe,\n  tableCellRecipe,\n  tableDetailBodyRecipe,\n  tableDetailRecipe,\n  tableEmptyHintRecipe,\n  tableEmptyRecipe,\n  tableEmptyTitleRecipe,\n  tableExpandIconRecipe,\n  tableExpandRecipe,\n  tableFilterRecipe,\n  tableGridRecipe,\n  tableGroupRecipe,\n  tableHeadCellRecipe,\n  tableHeadRowRecipe,\n  tableHeadingRecipe,\n  tableMarkRecipe,\n  tablePinWidth,\n  tableRecipe,\n  tableRowRecipe,\n  tableRuleRecipe,\n  tableScrollRecipe,\n  tableSearchRecipe,\n  tableSelectCellRecipe,\n  tableSelectionActionsRecipe,\n  tableSelectionCountRecipe,\n  tableSelectionRecipe,\n  tableSkeletonBarRecipe,\n  tableSkeletonMarkRecipe,\n  tableFilterMarkRecipe,\n  tableRankRecipe,\n  tableSortIconRecipe,\n  tableSortMarkRecipe,\n  tableSortLabelRecipe,\n  tableSortRecipe,\n  tableStepRecipe,\n  tableToolbarRecipe,\n  tableValueRecipe,\n}\n"],"mappings":"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"}

package/dist/recipes/tail.d.ts

@@ -1,20 +1,55 @@
 //#region src/recipes/tail.d.ts
 declare const tailSeverities: readonly ["quiet", "plain", "warning", "danger", "success"];
 type TailSeverity = (typeof tailSeverities)[number];
-declare const defaultTailSeverity = "plain";
 declare const tailRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tailScrollRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tailLineRecipe: (props?: ({
-  severity?: "success" | "warning" | "danger" | "plain" | "quiet" | null | undefined;
+  severity?: "plain" | "success" | "warning" | "danger" | "quiet" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const tailGutterRecipe: (props?: ({
-  severity?: "success" | "warning" | "danger" | "plain" | "quiet" | null | undefined;
+  severity?: "plain" | "success" | "warning" | "danger" | "quiet" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const tailAtRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const tailTextRecipe: (props?: ({
-  severity?: "success" | "warning" | "danger" | "plain" | "quiet" | null | undefined;
+  severity?: "plain" | "success" | "warning" | "danger" | "quiet" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const tailEmptyRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const tailAnatomy: {
+  readonly at: {
+    readonly part: "at";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly empty: {
+    readonly part: "empty";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly line: {
+    readonly part: "line";
+    readonly recipe: (props?: ({
+      severity?: "plain" | "success" | "warning" | "danger" | "quiet" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: false;
+  };
+  readonly root: {
+    readonly part: "tail";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly scroll: {
+    readonly part: "scroll";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly text: {
+    readonly part: "text";
+    readonly recipe: (props?: ({
+      severity?: "plain" | "success" | "warning" | "danger" | "quiet" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: false;
+  };
+};
 //#endregion
-export { type TailSeverity, defaultTailSeverity, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe };
+export { type TailSeverity, tailAnatomy, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe };
 //# sourceMappingURL=tail.d.ts.map

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