@techfides/ui-library-design 0.1.0

package/dist/recipes/textarea.d.ts

@@ -0,0 +1,13 @@
+//#region src/recipes/textarea.d.ts
+type TextareaReach = 'clear' | 'near' | 'full';
+declare const textareaShellRecipe: (props?: ({
+  invalid?: boolean | null | undefined;
+  loading?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const textareaRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const textareaCountRecipe: (props?: ({
+  reach?: "clear" | "near" | "full" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+export { type TextareaReach, textareaCountRecipe, textareaRecipe, textareaShellRecipe };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/recipes/textarea.js

@@ -0,0 +1,48 @@
+import { controlBase, controlInert } from "../parts/control.js";
+import { controlFailed, controlHealthy, controlShell } from "../parts/shell.js";
+import { cva } from "class-variance-authority";
+//#region src/recipes/textarea.ts
+const shellSurface = [
+	"relative isolate w-full flex-col",
+	"rounded-tf-control font-tf-body",
+	...controlShell(["reached:[&_textarea]:placeholder:opacity-100", "reached:[&_textarea]:placeholder:delay-(--tf-duration-1)"], "asleep:**:data-[part=label]:translate-y-2.5")
+];
+const PENDING = ["tf-edge-lit tf-pulsing tf-clouding", "**:data-[part=nebula]:tf-cloud-breathing"].join(" ");
+const textareaShellRecipe = cva([...controlBase, ...shellSurface], {
+	defaultVariants: {
+		invalid: false,
+		loading: false
+	},
+	variants: {
+		invalid: {
+			false: controlHealthy,
+			true: controlFailed
+		},
+		loading: {
+			false: "",
+			true: PENDING
+		}
+	}
+});
+const textareaRecipe = cva([
+	"max-h-59 min-h-29 w-full resize-none",
+	"tf-writes bg-transparent px-4 pt-6 pb-5",
+	"tf-scroll-faded [--tf-fade-foot:calc(var(--spacing)*5)] [--tf-fade-head:calc(var(--spacing)*6)]",
+	"text-tf-body text-tf-fg",
+	"placeholder:text-tf-muted placeholder:opacity-0",
+	"data-readonly:text-tf-muted",
+	"tf-scroll-thin outline-hidden",
+	...controlInert
+]);
+const textareaCountRecipe = cva(["flex-none pt-2 font-mono text-tf-caption-sm tabular-nums", "tf-transition motion-reduce:transition-none"], {
+	defaultVariants: { reach: "clear" },
+	variants: { reach: {
+		clear: "text-tf-muted",
+		full: "text-tf-danger-hi",
+		near: "text-tf-warning-hi"
+	} }
+});
+//#endregion
+export { textareaCountRecipe, textareaRecipe, textareaShellRecipe };
+
+//# sourceMappingURL=textarea.js.map

package/dist/recipes/textarea.js.map

@@ -0,0 +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"}

package/dist/recipes/tile.d.ts

@@ -0,0 +1,18 @@
+//#region src/recipes/tile.d.ts
+declare const tileTones: readonly ["accent", "success", "warning", "info", "danger"];
+type TileTone = (typeof tileTones)[number];
+declare const defaultTileTone = "accent";
+declare const tileRests: readonly ["lit", "quiet", "filled"];
+type TileRest = (typeof tileRests)[number];
+declare const defaultTileRest = "lit";
+declare const tileRecipe: (props?: ({
+  rest?: "quiet" | "filled" | "lit" | null | undefined;
+  tone?: "accent" | "success" | "warning" | "info" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+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;
+//#endregion
+export { type TileRest, type TileTone, defaultTileRest, defaultTileTone, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones };
+//# sourceMappingURL=tile.d.ts.map

package/dist/recipes/tile.js

@@ -0,0 +1,85 @@
+import { cva } from "class-variance-authority";
+//#region src/recipes/tile.ts
+const tileTones = [
+	"accent",
+	"success",
+	"warning",
+	"info",
+	"danger"
+];
+const defaultTileTone = "accent";
+const tileRests = [
+	"lit",
+	"quiet",
+	"filled"
+];
+const defaultTileRest = "lit";
+const BLEND = {
+	accent: "blend-tf-accent",
+	danger: "blend-tf-danger",
+	info: "blend-tf-info",
+	success: "blend-tf-success",
+	warning: "blend-tf-warning"
+};
+const INK = {
+	accent: "text-tf-accent-hi",
+	danger: "text-tf-danger-hi",
+	info: "text-tf-info-hi",
+	success: "text-tf-success-hi",
+	warning: "text-tf-warning-hi"
+};
+const FILLED_INK = {
+	accent: "text-tf-on-accent",
+	danger: "text-tf-on-semantic",
+	info: "text-tf-on-semantic",
+	success: "text-tf-on-semantic",
+	warning: "text-tf-on-semantic"
+};
+const LIT = "tf-edge-sweep tf-swept tf-inner-lit tf-glass-plate stroke-tf-ink tf-icons-solo";
+const QUIET = ["bg-tf-panel-hi tf-ramp tf-cloud-brand tf-cloud-hidden", "text-tf-fg tf-blend-drift tf-icons"].join(" ");
+const FILLED = ["bg-tf-blend tf-cloud-brand tf-clouded tf-blend-drift", "tf-edge-sweep tf-swept tf-inner-lit tf-icons-solo"].join(" ");
+const tileRecipe = cva([
+	"relative isolate flex size-tf-control-lg shrink-0 items-center justify-center",
+	"rounded-tf-card",
+	"tf-transition motion-reduce:transition-none",
+	"[&_svg]:size-tf-icon-solo-lg [&_svg]:shrink-0"
+], {
+	compoundVariants: [...tileTones.map((tone) => ({
+		class: INK[tone],
+		rest: "lit",
+		tone
+	})), ...tileTones.map((tone) => ({
+		class: FILLED_INK[tone],
+		rest: "filled",
+		tone
+	}))],
+	defaultVariants: {
+		rest: "lit",
+		tone: defaultTileTone
+	},
+	variants: {
+		rest: {
+			filled: FILLED,
+			lit: LIT,
+			quiet: QUIET
+		},
+		tone: BLEND
+	}
+});
+const tileGlyphRecipe = cva([
+	"inline-flex items-center justify-center",
+	"[&_svg]:size-tf-icon-solo-lg [&_svg]:shrink-0",
+	"tf-moves-spring tf-transition motion-reduce:transition-none"
+], {
+	defaultVariants: { rest: "lit" },
+	variants: { rest: {
+		filled: "motion-safe:tf-pops",
+		lit: "motion-safe:tf-pops",
+		quiet: ""
+	} }
+});
+const tileCloudRecipe = cva("tf-nebula-cloud tf-cloud-tight");
+//#endregion
+export { defaultTileRest, defaultTileTone, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones };
+
+//# sourceMappingURL=tile.js.map

package/dist/recipes/tile.js.map

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

package/dist/recipes/tooltip.d.ts

@@ -0,0 +1,12 @@
+//#region src/recipes/tooltip.d.ts
+type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
+declare const defaultTooltipPlacement = "right";
+declare const tooltipOpenToken = "--tf-duration-2";
+declare const tooltipCloseToken = "--tf-duration-1";
+declare const tooltipPlacements: readonly ["top", "right", "bottom", "left"];
+declare const tooltipRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const tooltipArrowRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const tooltipArrowTipRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { type TooltipPlacement, defaultTooltipPlacement, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/recipes/tooltip.js

@@ -0,0 +1,26 @@
+import { arrivalMotion } from "./motion.js";
+import { cva } from "class-variance-authority";
+//#region src/recipes/tooltip.ts
+const defaultTooltipPlacement = "right";
+const tooltipOpenToken = "--tf-duration-2";
+const tooltipCloseToken = "--tf-duration-1";
+const tooltipPlacements = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+];
+const tooltipRecipe = cva([
+	"z-tf-tooltip max-w-tf-panel rounded-tf-inline px-1.5 py-0.75",
+	"bg-tf-glass shadow-tf-float backdrop-blur-tf-glass",
+	"tf-edge-sweep tf-edge-plain",
+	"font-tf-body text-tf-caption-sm text-tf-fg",
+	...arrivalMotion,
+	"motion-reduce:animate-none"
+]);
+const tooltipArrowRecipe = cva(["[--arrow-size:0.5rem]", "[--arrow-background:var(--tf-glass-flat)]"]);
+const tooltipArrowTipRecipe = cva("border-t border-l border-tf-line");
+//#endregion
+export { defaultTooltipPlacement, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/recipes/tooltip.js.map

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

package/dist/recipes/topBar.d.ts

@@ -0,0 +1,15 @@
+//#region src/recipes/topBar.d.ts
+declare const topBarRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const topBarContentRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const topBarEdgeRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const topBarRuleRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const topBarHeadingsRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const topBarEyebrowRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const topBarTitleRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const topBarActionsRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const topBarLevels: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
+type TopBarLevel = (typeof topBarLevels)[number];
+declare const defaultTopBarLevel = "h1";
+//#endregion
+export { type TopBarLevel, defaultTopBarLevel, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe };
+//# sourceMappingURL=topBar.d.ts.map

package/dist/recipes/topBar.js

@@ -0,0 +1,35 @@
+import { ruleFading } from "../parts/rule.js";
+import { eyebrowLead } from "../parts/eyebrow.js";
+import { cva } from "class-variance-authority";
+//#region src/recipes/topBar.ts
+const topBarRecipe = cva([
+	"sticky top-0 isolate z-tf-raised w-full",
+	"bg-tf-panel-2 backdrop-blur-tf-panel",
+	"tf-icons font-tf-body text-tf-fg",
+	"tf-transition motion-reduce:transition-none",
+	"data-lifted:shadow-tf-float"
+]);
+const topBarContentRecipe = cva(["mx-auto flex w-full max-w-tf-canvas flex-wrap items-center gap-4 px-6 py-4 sm:px-12", "min-h-[calc(var(--spacing-tf-control-lg)+var(--spacing)*8)]"]);
+const topBarEdgeRecipe = cva("-mb-px block h-px w-full");
+const topBarRuleRecipe = cva([
+	`absolute inset-x-0 bottom-0 ${ruleFading}`,
+	"opacity-0 tf-transition motion-reduce:transition-none",
+	"in-data-lifted:opacity-100"
+]);
+const topBarHeadingsRecipe = cva("flex min-w-0 flex-1 flex-col gap-1");
+const topBarEyebrowRecipe = cva(eyebrowLead);
+const topBarTitleRecipe = cva("truncate font-tf-display text-tf-h3 font-bold tracking-tf-tight text-tf-fg");
+const topBarActionsRecipe = cva("flex flex-wrap items-center gap-4");
+const topBarLevels = [
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
+];
+const defaultTopBarLevel = "h1";
+//#endregion
+export { defaultTopBarLevel, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe };
+
+//# sourceMappingURL=topBar.js.map

package/dist/recipes/topBar.js.map

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

package/dist/recipes/trail.d.ts

@@ -0,0 +1,27 @@
+//#region src/recipes/trail.d.ts
+declare const trailStates: readonly ["done", "failed", "current", "pending"];
+type TrailState = (typeof trailStates)[number];
+declare const defaultTrailState = "pending";
+declare const trailFlows: readonly ["row", "column"];
+type TrailFlow = (typeof trailFlows)[number];
+declare const defaultTrailFlow = "row";
+declare const trailRecipe: (props?: ({
+  flow?: "row" | "column" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const trailStepRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const trailCaptionRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const trailBadgeRecipe: (props?: ({
+  state?: "current" | "done" | "failed" | "pending" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const trailSpinRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const trailConnectorRecipe: (props?: ({
+  flow?: "row" | "column" | null | undefined;
+  state?: "current" | "done" | "failed" | "pending" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const trailLabelRecipe: (props?: ({
+  state?: "current" | "done" | "failed" | "pending" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const trailHintRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { type TrailFlow, type TrailState, defaultTrailFlow, defaultTrailState, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe };
+//# sourceMappingURL=trail.d.ts.map

package/dist/recipes/trail.js

@@ -0,0 +1,66 @@
+import { cva } from "class-variance-authority";
+//#region src/recipes/trail.ts
+const trailStates = [
+	"done",
+	"failed",
+	"current",
+	"pending"
+];
+const defaultTrailState = "pending";
+const trailFlows = ["row", "column"];
+const defaultTrailFlow = "row";
+const trailRecipe = cva("rounded-tf-block bg-tf-sunken p-6 font-tf-body", {
+	defaultVariants: { flow: "row" },
+	variants: { flow: {
+		column: "grid grid-cols-1 gap-3",
+		row: "grid gap-y-2"
+	} }
+});
+const trailStepRecipe = cva("relative flex flex-row items-start gap-2");
+const trailCaptionRecipe = cva("[grid-column:span_2] flex min-w-0 flex-1 flex-col gap-0 pr-3 last:[grid-column:span_1] last:pr-0");
+const trailBadgeRecipe = cva([
+	"relative isolate flex size-6.5 flex-none items-center justify-center rounded-tf-pill",
+	"tf-icons",
+	"[&_svg]:size-tf-icon-2xs [&_svg]:shrink-0"
+], {
+	defaultVariants: { state: defaultTrailState },
+	variants: { state: {
+		current: "bg-tf-blend text-tf-on-accent blend-tf-accent",
+		done: "bg-tf-blend text-tf-on-semantic blend-tf-success",
+		failed: "bg-tf-blend text-tf-on-semantic blend-tf-danger",
+		pending: "bg-tf-panel text-tf-muted opacity-55"
+	} }
+});
+const trailSpinRecipe = cva("[&_svg]:animate-spin motion-reduce:[&_svg]:animate-none");
+const trailConnectorRecipe = cva("", {
+	defaultVariants: {
+		flow: "row",
+		state: defaultTrailState
+	},
+	variants: {
+		flow: {
+			column: "absolute top-6.5 -bottom-3 left-[calc(1.625rem/2-1px)] w-0.5",
+			row: "mx-1 mt-[calc(1.625rem/2)] h-0.5 min-w-6"
+		},
+		state: {
+			current: "bg-tf-line",
+			done: "bg-tf-success-hi",
+			failed: "bg-tf-danger-hi",
+			pending: "bg-tf-line"
+		}
+	}
+});
+const trailLabelRecipe = cva("text-tf-caption font-medium", {
+	defaultVariants: { state: defaultTrailState },
+	variants: { state: {
+		current: "text-tf-accent-hi",
+		done: "text-tf-fg",
+		failed: "text-tf-danger-hi",
+		pending: "text-tf-muted"
+	} }
+});
+const trailHintRecipe = cva("text-tf-caption-sm text-tf-muted");
+//#endregion
+export { defaultTrailFlow, defaultTrailState, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe };
+
+//# sourceMappingURL=trail.js.map

package/dist/recipes/trail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trail.js","names":[],"sources":["../../src/recipes/trail.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nconst trailStates = ['done', 'failed', 'current', 'pending'] as const\n\ntype TrailState = (typeof trailStates)[number]\n\nconst defaultTrailState = 'pending' satisfies TrailState\n\nconst trailFlows = ['row', 'column'] as const\n\ntype TrailFlow = (typeof trailFlows)[number]\n\nconst defaultTrailFlow = 'row' satisfies TrailFlow\n\nconst trailRecipe = cva('rounded-tf-block bg-tf-sunken p-6 font-tf-body', {\n  defaultVariants: { flow: defaultTrailFlow },\n  variants: {\n    flow: {\n      column: 'grid grid-cols-1 gap-3',\n      row: 'grid gap-y-2',\n    } satisfies Record<TrailFlow, string>,\n  },\n})\n\nconst trailStepRecipe = cva('relative flex flex-row items-start gap-2')\n\nconst trailCaptionRecipe = cva(\n  '[grid-column:span_2] flex min-w-0 flex-1 flex-col gap-0 pr-3 last:[grid-column:span_1] last:pr-0',\n)\n\nconst trailBadgeRecipe = cva(\n  [\n    'relative isolate flex size-6.5 flex-none items-center justify-center rounded-tf-pill',\n    'tf-icons',\n    '[&_svg]:size-tf-icon-2xs [&_svg]:shrink-0',\n  ],\n  {\n    defaultVariants: { state: defaultTrailState },\n    variants: {\n      state: {\n        current: 'bg-tf-blend text-tf-on-accent blend-tf-accent',\n        done: 'bg-tf-blend text-tf-on-semantic blend-tf-success',\n        failed: 'bg-tf-blend text-tf-on-semantic blend-tf-danger',\n        pending: 'bg-tf-panel text-tf-muted opacity-55',\n      } satisfies Record<TrailState, string>,\n    },\n  },\n)\n\nconst trailSpinRecipe = cva('[&_svg]:animate-spin motion-reduce:[&_svg]:animate-none')\n\nconst trailConnectorRecipe = cva('', {\n  defaultVariants: { flow: defaultTrailFlow, state: defaultTrailState },\n  variants: {\n    flow: {\n      column: 'absolute top-6.5 -bottom-3 left-[calc(1.625rem/2-1px)] w-0.5',\n      row: 'mx-1 mt-[calc(1.625rem/2)] h-0.5 min-w-6',\n    } satisfies Record<TrailFlow, string>,\n    state: {\n      current: 'bg-tf-line',\n      done: 'bg-tf-success-hi',\n      failed: 'bg-tf-danger-hi',\n      pending: 'bg-tf-line',\n    } satisfies Record<TrailState, string>,\n  },\n})\n\nconst trailLabelRecipe = cva('text-tf-caption font-medium', {\n  defaultVariants: { state: defaultTrailState },\n  variants: {\n    state: {\n      current: 'text-tf-accent-hi',\n      done: 'text-tf-fg',\n      failed: 'text-tf-danger-hi',\n      pending: 'text-tf-muted',\n    } satisfies Record<TrailState, string>,\n  },\n})\n\nconst trailHintRecipe = cva('text-tf-caption-sm text-tf-muted')\n\nexport {\n  type TrailFlow,\n  type TrailState,\n  defaultTrailFlow,\n  defaultTrailState,\n  trailBadgeRecipe,\n  trailCaptionRecipe,\n  trailConnectorRecipe,\n  trailFlows,\n  trailHintRecipe,\n  trailLabelRecipe,\n  trailRecipe,\n  trailSpinRecipe,\n  trailStates,\n  trailStepRecipe,\n}\n"],"mappings":";;AAEA,MAAM,cAAc;CAAC;CAAQ;CAAU;CAAW;AAAS;AAI3D,MAAM,oBAAoB;AAE1B,MAAM,aAAa,CAAC,OAAO,QAAQ;AAInC,MAAM,mBAAmB;AAEzB,MAAM,cAAc,IAAI,kDAAkD;CACxE,iBAAiB,EAAE,MAAA,MAAuB;CAC1C,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,KAAK;CACP,EACF;AACF,CAAC;AAED,MAAM,kBAAkB,IAAI,0CAA0C;AAEtE,MAAM,qBAAqB,IACzB,kGACF;AAEA,MAAM,mBAAmB,IACvB;CACE;CACA;CACA;AACF,GACA;CACE,iBAAiB,EAAE,OAAO,kBAAkB;CAC5C,UAAU,EACR,OAAO;EACL,SAAS;EACT,MAAM;EACN,QAAQ;EACR,SAAS;CACX,EACF;AACF,CACF;AAEA,MAAM,kBAAkB,IAAI,yDAAyD;AAErF,MAAM,uBAAuB,IAAI,IAAI;CACnC,iBAAiB;EAAE,MAAA;EAAwB,OAAO;CAAkB;CACpE,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,KAAK;EACP;EACA,OAAO;GACL,SAAS;GACT,MAAM;GACN,QAAQ;GACR,SAAS;EACX;CACF;AACF,CAAC;AAED,MAAM,mBAAmB,IAAI,+BAA+B;CAC1D,iBAAiB,EAAE,OAAO,kBAAkB;CAC5C,UAAU,EACR,OAAO;EACL,SAAS;EACT,MAAM;EACN,QAAQ;EACR,SAAS;CACX,EACF;AACF,CAAC;AAED,MAAM,kBAAkB,IAAI,kCAAkC"}

package/dist/recipes/userMenu.d.ts

@@ -0,0 +1,11 @@
+//#region src/recipes/userMenu.d.ts
+declare const userTriggerRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const userAvatarRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const userPortraitRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const userIdentityRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const userNameRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const userRoleRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const userChevronRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
+//# sourceMappingURL=userMenu.d.ts.map

package/dist/recipes/userMenu.js

@@ -0,0 +1,38 @@
+import { controlInert, controlPress } from "../parts/control.js";
+import { railCollapse, railMorph } from "./motion.js";
+import { cva } from "class-variance-authority";
+//#region src/recipes/userMenu.ts
+const userTriggerRecipe = cva([
+	"flex w-full items-center justify-center gap-3 rounded-tf-control p-3 text-left",
+	"text-tf-fg data-rail:gap-0 data-rail:py-2",
+	"data-rail:px-2",
+	"interactive:hovered:bg-tf-panel",
+	"hovered:**:data-[scope=avatar]:tf-edge-lit",
+	"focused:**:data-[scope=avatar]:tf-edge-lit",
+	"outline-hidden",
+	"focused:outline-2 focused:outline-offset-2 focused:outline-tf-accent-hi focused:outline-solid",
+	`cursor-pointer ${railMorph}`,
+	"[&_svg]:size-tf-icon-sm [&_svg]:shrink-0",
+	...controlPress,
+	...controlInert
+]);
+const userAvatarRecipe = cva([
+	"relative isolate flex size-tf-control-sm flex-none items-center justify-center",
+	"rounded-tf-pill bg-tf-panel-hi text-tf-caption font-medium text-tf-fg",
+	"tf-edge-sweep tf-swept blend-tf-accent",
+	"tf-transition motion-reduce:transition-none"
+]);
+const userPortraitRecipe = cva("size-full rounded-tf-pill object-cover");
+const userIdentityRecipe = cva(`flex flex-col gap-0 ${railCollapse}`);
+const userNameRecipe = cva("truncate text-tf-body-sm font-medium");
+const userRoleRecipe = cva("truncate text-tf-caption-sm text-tf-muted");
+const userChevronRecipe = cva([
+	"flex-none text-tf-muted",
+	"in-data-rail:size-0! in-data-rail:opacity-0",
+	"[--tf-travel:opacity_var(--tf-timing-glide)]",
+	railMorph
+]);
+//#endregion
+export { userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
+
+//# sourceMappingURL=userMenu.js.map

package/dist/recipes/userMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"userMenu.js","names":[],"sources":["../../src/recipes/userMenu.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { controlInert, controlPress } from '#parts/control'\n\nimport { railCollapse, railMorph } from './motion'\n\nconst userTriggerRecipe = cva([\n  'flex w-full items-center justify-center gap-3 rounded-tf-control p-3 text-left',\n  'text-tf-fg data-rail:gap-0 data-rail:py-2',\n  'data-rail:px-2',\n  'interactive:hovered:bg-tf-panel',\n  'hovered:**:data-[scope=avatar]:tf-edge-lit',\n  'focused:**:data-[scope=avatar]:tf-edge-lit',\n  'outline-hidden',\n  'focused:outline-2 focused:outline-offset-2 focused:outline-tf-accent-hi focused:outline-solid',\n  `cursor-pointer ${railMorph}`,\n  '[&_svg]:size-tf-icon-sm [&_svg]:shrink-0',\n  ...controlPress,\n  ...controlInert,\n])\n\nconst userAvatarRecipe = cva([\n  'relative isolate flex size-tf-control-sm flex-none items-center justify-center',\n  'rounded-tf-pill bg-tf-panel-hi text-tf-caption font-medium text-tf-fg',\n  'tf-edge-sweep tf-swept blend-tf-accent',\n  'tf-transition motion-reduce:transition-none',\n])\n\nconst userPortraitRecipe = cva('size-full rounded-tf-pill object-cover')\n\nconst userIdentityRecipe = cva(`flex flex-col gap-0 ${railCollapse}`)\n\nconst userNameRecipe = cva('truncate text-tf-body-sm font-medium')\n\nconst userRoleRecipe = cva('truncate text-tf-caption-sm text-tf-muted')\n\nconst userChevronRecipe = cva([\n  'flex-none text-tf-muted',\n  'in-data-rail:size-0! in-data-rail:opacity-0',\n  '[--tf-travel:opacity_var(--tf-timing-glide)]',\n  railMorph,\n])\n\nexport {\n  userAvatarRecipe,\n  userPortraitRecipe,\n  userChevronRecipe,\n  userIdentityRecipe,\n  userNameRecipe,\n  userRoleRecipe,\n  userTriggerRecipe,\n}\n"],"mappings":";;;;AAMA,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,kBAAkB;CAClB;CACA,GAAG;CACH,GAAG;AACL,CAAC;AAED,MAAM,mBAAmB,IAAI;CAC3B;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,qBAAqB,IAAI,wCAAwC;AAEvE,MAAM,qBAAqB,IAAI,uBAAuB,cAAc;AAEpE,MAAM,iBAAiB,IAAI,sCAAsC;AAEjE,MAAM,iBAAiB,IAAI,2CAA2C;AAEtE,MAAM,oBAAoB,IAAI;CAC5B;CACA;CACA;CACA;AACF,CAAC"}

package/dist/tally.d.ts

@@ -0,0 +1,17 @@
+//#region src/tally.d.ts
+declare const WHOLE = 1;
+interface Tally {
+  counts: boolean;
+  group: string;
+  head: string;
+  places: number;
+  point: string;
+  tail: string;
+  target: number;
+  whole: string;
+}
+declare const tallyOf: (value: string) => Tally;
+declare const tallyAt: (tally: Tally, part: number) => string;
+//#endregion
+export { type Tally, WHOLE, tallyAt, tallyOf };
+//# sourceMappingURL=tally.d.ts.map

package/dist/tally.js

@@ -0,0 +1,75 @@
+//#region src/tally.ts
+const RUN = /\d(?:[\S\s]*\d)?/u;
+const MARKS = /\D/gu;
+const LAST = -1;
+const ONCE = 1;
+const ONE = 1;
+const NONE = 0;
+const WHOLE = 1;
+const GROUP_SIZE = 3;
+const DECIMAL_MAX = 2;
+const marksIn = (run) => run.match(MARKS) ?? [];
+const pointOf = (run) => {
+	const marks = marksIn(run);
+	const last = marks.at(LAST) ?? "";
+	if (last === "" || marks.filter((mark) => mark === last).length > ONCE) return "";
+	if (run.length - run.lastIndexOf(last) - ONE > DECIMAL_MAX) return "";
+	return last;
+};
+const groupOf = (run, point) => marksIn(run).filter((mark) => mark !== point).at(LAST) ?? "";
+const NOT_DIGITS = /[^\d]/gu;
+const targetOf = (run, point) => {
+	if (point === "") return Number(run.replace(NOT_DIGITS, ""));
+	const [body = "", fraction = ""] = run.split(point);
+	return Number(`${body.replace(NOT_DIGITS, "")}.${fraction.replace(NOT_DIGITS, "")}`);
+};
+const placesOf = (run, point) => {
+	if (point === "") return NONE;
+	return run.length - run.lastIndexOf(point) - ONE;
+};
+const RESTS = {
+	counts: false,
+	group: "",
+	head: "",
+	places: NONE,
+	point: "",
+	tail: "",
+	target: NONE,
+	whole: ""
+};
+const tallyOf = (value) => {
+	const found = RUN.exec(value);
+	if (!found) return {
+		...RESTS,
+		whole: value
+	};
+	const [run] = found;
+	const point = pointOf(run);
+	return {
+		counts: true,
+		group: groupOf(run, point),
+		head: value.slice(NONE, found.index),
+		places: placesOf(run, point),
+		point,
+		tail: value.slice(found.index + run.length),
+		target: targetOf(run, point),
+		whole: value
+	};
+};
+const grouped = (body, group) => {
+	if (group === "") return body;
+	const parts = [];
+	for (let edge = body.length; edge > NONE; edge -= GROUP_SIZE) parts.unshift(body.slice(Math.max(edge - GROUP_SIZE, NONE), edge));
+	return parts.join(group);
+};
+const tallyAt = (tally, part) => {
+	if (!tally.counts || part >= 1) return tally.whole;
+	const [body = "", fraction = ""] = (tally.target * part).toFixed(tally.places).split(".");
+	const shown = grouped(body, tally.group);
+	if (tally.point === "") return `${tally.head}${shown}${tally.tail}`;
+	return `${tally.head}${shown}${tally.point}${fraction}${tally.tail}`;
+};
+//#endregion
+export { WHOLE, tallyAt, tallyOf };
+
+//# sourceMappingURL=tally.js.map

package/dist/tally.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tally.js","names":[],"sources":["../src/tally.ts"],"sourcesContent":["const RUN = /\\d(?:[\\S\\s]*\\d)?/u\n\nconst MARKS = /\\D/gu\n\nconst LAST = -1\nconst ONCE = 1\nconst ONE = 1\nconst NONE = 0\nconst WHOLE = 1\nconst GROUP_SIZE = 3\nconst DECIMAL_MAX = 2\n\ninterface Tally {\n  counts: boolean\n  group: string\n  head: string\n  places: number\n  point: string\n  tail: string\n  target: number\n  whole: string\n}\n\nconst marksIn = (run: string): string[] => run.match(MARKS) ?? []\n\nconst pointOf = (run: string): string => {\n  const marks = marksIn(run)\n  const last = marks.at(LAST) ?? ''\n\n  if (last === '' || marks.filter((mark) => mark === last).length > ONCE) {\n    return ''\n  }\n  if (run.length - run.lastIndexOf(last) - ONE > DECIMAL_MAX) {\n    return ''\n  }\n  return last\n}\n\nconst groupOf = (run: string, point: string): string =>\n  marksIn(run)\n    .filter((mark) => mark !== point)\n    .at(LAST) ?? ''\n\nconst NOT_DIGITS = /[^\\d]/gu\n\nconst targetOf = (run: string, point: string): number => {\n  if (point === '') {\n    return Number(run.replace(NOT_DIGITS, ''))\n  }\n  const [body = '', fraction = ''] = run.split(point)\n\n  return Number(`${body.replace(NOT_DIGITS, '')}.${fraction.replace(NOT_DIGITS, '')}`)\n}\n\nconst placesOf = (run: string, point: string): number => {\n  if (point === '') {\n    return NONE\n  }\n  return run.length - run.lastIndexOf(point) - ONE\n}\n\nconst RESTS: Tally = {\n  counts: false,\n  group: '',\n  head: '',\n  places: NONE,\n  point: '',\n  tail: '',\n  target: NONE,\n  whole: '',\n}\n\nconst tallyOf = (value: string): Tally => {\n  const found = RUN.exec(value)\n\n  if (!found) {\n    return { ...RESTS, whole: value }\n  }\n  const [run] = found\n  const point = pointOf(run)\n\n  return {\n    counts: true,\n    group: groupOf(run, point),\n    head: value.slice(NONE, found.index),\n    places: placesOf(run, point),\n    point,\n    tail: value.slice(found.index + run.length),\n    target: targetOf(run, point),\n    whole: value,\n  }\n}\n\nconst grouped = (body: string, group: string): string => {\n  if (group === '') {\n    return body\n  }\n  const parts: string[] = []\n\n  for (let edge = body.length; edge > NONE; edge -= GROUP_SIZE) {\n    parts.unshift(body.slice(Math.max(edge - GROUP_SIZE, NONE), edge))\n  }\n  return parts.join(group)\n}\n\nconst tallyAt = (tally: Tally, part: number): string => {\n  if (!tally.counts || part >= WHOLE) {\n    return tally.whole\n  }\n  const [body = '', fraction = ''] = (tally.target * part).toFixed(tally.places).split('.')\n  const shown = grouped(body, tally.group)\n\n  if (tally.point === '') {\n    return `${tally.head}${shown}${tally.tail}`\n  }\n  return `${tally.head}${shown}${tally.point}${fraction}${tally.tail}`\n}\n\nexport { type Tally, WHOLE, tallyAt, tallyOf }\n"],"mappings":";AAAA,MAAM,MAAM;AAEZ,MAAM,QAAQ;AAEd,MAAM,OAAO;AACb,MAAM,OAAO;AACb,MAAM,MAAM;AACZ,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,aAAa;AACnB,MAAM,cAAc;AAapB,MAAM,WAAW,QAA0B,IAAI,MAAM,KAAK,KAAK,CAAC;AAEhE,MAAM,WAAW,QAAwB;CACvC,MAAM,QAAQ,QAAQ,GAAG;CACzB,MAAM,OAAO,MAAM,GAAG,IAAI,KAAK;CAE/B,IAAI,SAAS,MAAM,MAAM,QAAQ,SAAS,SAAS,IAAI,CAAC,CAAC,SAAS,MAChE,OAAO;CAET,IAAI,IAAI,SAAS,IAAI,YAAY,IAAI,IAAI,MAAM,aAC7C,OAAO;CAET,OAAO;AACT;AAEA,MAAM,WAAW,KAAa,UAC5B,QAAQ,GAAG,CAAC,CACT,QAAQ,SAAS,SAAS,KAAK,CAAC,CAChC,GAAG,IAAI,KAAK;AAEjB,MAAM,aAAa;AAEnB,MAAM,YAAY,KAAa,UAA0B;CACvD,IAAI,UAAU,IACZ,OAAO,OAAO,IAAI,QAAQ,YAAY,EAAE,CAAC;CAE3C,MAAM,CAAC,OAAO,IAAI,WAAW,MAAM,IAAI,MAAM,KAAK;CAElD,OAAO,OAAO,GAAG,KAAK,QAAQ,YAAY,EAAE,EAAE,GAAG,SAAS,QAAQ,YAAY,EAAE,GAAG;AACrF;AAEA,MAAM,YAAY,KAAa,UAA0B;CACvD,IAAI,UAAU,IACZ,OAAO;CAET,OAAO,IAAI,SAAS,IAAI,YAAY,KAAK,IAAI;AAC/C;AAEA,MAAM,QAAe;CACnB,QAAQ;CACR,OAAO;CACP,MAAM;CACN,QAAQ;CACR,OAAO;CACP,MAAM;CACN,QAAQ;CACR,OAAO;AACT;AAEA,MAAM,WAAW,UAAyB;CACxC,MAAM,QAAQ,IAAI,KAAK,KAAK;CAE5B,IAAI,CAAC,OACH,OAAO;EAAE,GAAG;EAAO,OAAO;CAAM;CAElC,MAAM,CAAC,OAAO;CACd,MAAM,QAAQ,QAAQ,GAAG;CAEzB,OAAO;EACL,QAAQ;EACR,OAAO,QAAQ,KAAK,KAAK;EACzB,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;EACnC,QAAQ,SAAS,KAAK,KAAK;EAC3B;EACA,MAAM,MAAM,MAAM,MAAM,QAAQ,IAAI,MAAM;EAC1C,QAAQ,SAAS,KAAK,KAAK;EAC3B,OAAO;CACT;AACF;AAEA,MAAM,WAAW,MAAc,UAA0B;CACvD,IAAI,UAAU,IACZ,OAAO;CAET,MAAM,QAAkB,CAAC;CAEzB,KAAK,IAAI,OAAO,KAAK,QAAQ,OAAO,MAAM,QAAQ,YAChD,MAAM,QAAQ,KAAK,MAAM,KAAK,IAAI,OAAO,YAAY,IAAI,GAAG,IAAI,CAAC;CAEnE,OAAO,MAAM,KAAK,KAAK;AACzB;AAEA,MAAM,WAAW,OAAc,SAAyB;CACtD,IAAI,CAAC,MAAM,UAAU,QAAA,GACnB,OAAO,MAAM;CAEf,MAAM,CAAC,OAAO,IAAI,WAAW,OAAO,MAAM,SAAS,KAAA,CAAM,QAAQ,MAAM,MAAM,CAAC,CAAC,MAAM,GAAG;CACxF,MAAM,QAAQ,QAAQ,MAAM,MAAM,KAAK;CAEvC,IAAI,MAAM,UAAU,IAClB,OAAO,GAAG,MAAM,OAAO,QAAQ,MAAM;CAEvC,OAAO,GAAG,MAAM,OAAO,QAAQ,MAAM,QAAQ,WAAW,MAAM;AAChE"}

package/dist/tone.d.ts

@@ -0,0 +1,26 @@
+//#region src/tone.d.ts
+type Tone = 'accent' | 'success' | 'warning' | 'info' | 'danger';
+declare const toneBlend: {
+  accent: string;
+  danger: string;
+  info: string;
+  success: string;
+  warning: string;
+};
+declare const toneText: {
+  accent: string;
+  danger: string;
+  info: string;
+  success: string;
+  warning: string;
+};
+declare const toneTint: {
+  accent: string;
+  danger: string;
+  info: string;
+  success: string;
+  warning: string;
+};
+//#endregion
+export { type Tone, toneBlend, toneText, toneTint };
+//# sourceMappingURL=tone.d.ts.map

package/dist/tone.js

@@ -0,0 +1,26 @@
+//#region src/tone.ts
+const toneBlend = {
+	accent: "blend-tf-accent",
+	danger: "blend-tf-danger",
+	info: "blend-tf-info",
+	success: "blend-tf-success",
+	warning: "blend-tf-warning"
+};
+const toneText = {
+	accent: "text-tf-accent-hi",
+	danger: "text-tf-danger-hi",
+	info: "text-tf-info-hi",
+	success: "text-tf-success-hi",
+	warning: "text-tf-warning-hi"
+};
+const toneTint = {
+	accent: "bg-tf-accent-tint",
+	danger: "bg-tf-danger-tint",
+	info: "bg-tf-info-tint",
+	success: "bg-tf-success-tint",
+	warning: "bg-tf-warning-tint"
+};
+//#endregion
+export { toneBlend, toneText, toneTint };
+
+//# sourceMappingURL=tone.js.map

package/dist/tone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tone.js","names":[],"sources":["../src/tone.ts"],"sourcesContent":["type Tone = 'accent' | 'success' | 'warning' | 'info' | 'danger'\n\nconst toneBlend = {\n  accent: 'blend-tf-accent',\n  danger: 'blend-tf-danger',\n  info: 'blend-tf-info',\n  success: 'blend-tf-success',\n  warning: 'blend-tf-warning',\n} satisfies Record<Tone, string>\n\nconst toneText = {\n  accent: 'text-tf-accent-hi',\n  danger: 'text-tf-danger-hi',\n  info: 'text-tf-info-hi',\n  success: 'text-tf-success-hi',\n  warning: 'text-tf-warning-hi',\n} satisfies Record<Tone, string>\n\nconst toneTint = {\n  accent: 'bg-tf-accent-tint',\n  danger: 'bg-tf-danger-tint',\n  info: 'bg-tf-info-tint',\n  success: 'bg-tf-success-tint',\n  warning: 'bg-tf-warning-tint',\n} satisfies Record<Tone, string>\n\nexport { type Tone, toneBlend, toneText, toneTint }\n"],"mappings":";AAEA,MAAM,YAAY;CAChB,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;AAEA,MAAM,WAAW;CACf,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;AAEA,MAAM,WAAW;CACf,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX"}