@techfides/ui-library-design 0.3.1 → 0.7.0

package/dist/recipes/trail.d.ts

@@ -1,7 +1,6 @@
 //#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";
@@ -11,17 +10,68 @@ declare const trailRecipe: (props?: ({
 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;
+  state?: "pending" | "done" | "failed" | "current" | 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;
+  state?: "pending" | "done" | "failed" | "current" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const trailLabelRecipe: (props?: ({
-  state?: "current" | "done" | "failed" | "pending" | null | undefined;
+  state?: "pending" | "done" | "failed" | "current" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const trailHintRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const trailAnatomy: {
+  readonly badge: {
+    readonly part: "badge";
+    readonly recipe: (props?: ({
+      state?: "pending" | "done" | "failed" | "current" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly caption: {
+    readonly part: "caption";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly connector: {
+    readonly part: "connector";
+    readonly recipe: (props?: ({
+      flow?: "row" | "column" | null | undefined;
+      state?: "pending" | "done" | "failed" | "current" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: false;
+  };
+  readonly hint: {
+    readonly part: "hint";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly label: {
+    readonly part: "label";
+    readonly recipe: (props?: ({
+      state?: "pending" | "done" | "failed" | "current" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly meta: {
+    readonly part: "meta";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+  readonly root: {
+    readonly part: "trail";
+    readonly recipe: (props?: ({
+      flow?: "row" | "column" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    readonly required: true;
+  };
+  readonly step: {
+    readonly part: "step";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+};
 //#endregion
-export { type TrailFlow, type TrailState, defaultTrailFlow, defaultTrailState, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe };
+export { type TrailFlow, type TrailState, defaultTrailFlow, trailAnatomy, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe };
 //# sourceMappingURL=trail.d.ts.map

package/dist/recipes/trail.js

@@ -1,3 +1,4 @@
+import { anatomy } from "../anatomy.js";
 import { cva } from "class-variance-authority";
 //#region src/recipes/trail.ts
 const trailStates = [
@@ -6,7 +7,6 @@ const trailStates = [
 	"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", {
@@ -23,7 +23,7 @@ const trailBadgeRecipe = cva([
 	"tf-icons",
 	"[&_svg]:size-tf-icon-2xs [&_svg]:shrink-0"
 ], {
-	defaultVariants: { state: defaultTrailState },
+	defaultVariants: { state: "pending" },
 	variants: { state: {
 		current: "bg-tf-blend text-tf-on-accent blend-tf-accent",
 		done: "bg-tf-blend text-tf-on-semantic blend-tf-success",
@@ -35,7 +35,7 @@ const trailSpinRecipe = cva("[&_svg]:animate-spin motion-reduce:[&_svg]:animate-
 const trailConnectorRecipe = cva("", {
 	defaultVariants: {
 		flow: "row",
-		state: defaultTrailState
+		state: "pending"
 	},
 	variants: {
 		flow: {
@@ -51,7 +51,7 @@ const trailConnectorRecipe = cva("", {
 	}
 });
 const trailLabelRecipe = cva("text-tf-caption font-medium", {
-	defaultVariants: { state: defaultTrailState },
+	defaultVariants: { state: "pending" },
 	variants: { state: {
 		current: "text-tf-accent-hi",
 		done: "text-tf-fg",
@@ -60,7 +60,49 @@ const trailLabelRecipe = cva("text-tf-caption font-medium", {
 	} }
 });
 const trailHintRecipe = cva("text-tf-caption-sm text-tf-muted");
+const trailAnatomy = anatomy({
+	badge: {
+		part: "badge",
+		recipe: trailBadgeRecipe,
+		required: true
+	},
+	caption: {
+		part: "caption",
+		recipe: trailCaptionRecipe,
+		required: true
+	},
+	connector: {
+		part: "connector",
+		recipe: trailConnectorRecipe,
+		required: false
+	},
+	hint: {
+		part: "hint",
+		recipe: trailHintRecipe,
+		required: false
+	},
+	label: {
+		part: "label",
+		recipe: trailLabelRecipe,
+		required: true
+	},
+	meta: {
+		part: "meta",
+		recipe: trailHintRecipe,
+		required: false
+	},
+	root: {
+		part: "trail",
+		recipe: trailRecipe,
+		required: true
+	},
+	step: {
+		part: "step",
+		recipe: trailStepRecipe,
+		required: false
+	}
+});
 //#endregion
-export { defaultTrailFlow, defaultTrailState, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe };
+export { defaultTrailFlow, trailAnatomy, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe };
 
 //# sourceMappingURL=trail.js.map

package/dist/recipes/trail.js.map

@@ -1 +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"}
+{"version":3,"file":"trail.js","names":[],"sources":["../../src/recipes/trail.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\n\nconst trailStates = ['done', 'failed', 'current', 'pending'] as const\n\ntype TrailState = (typeof trailStates)[number]\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: 'pending' },\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: 'pending' },\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: 'pending' },\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\nconst trailAnatomy = anatomy({\n  badge: { part: 'badge', recipe: trailBadgeRecipe, required: true },\n  caption: { part: 'caption', recipe: trailCaptionRecipe, required: true },\n  connector: { part: 'connector', recipe: trailConnectorRecipe, required: false },\n  hint: { part: 'hint', recipe: trailHintRecipe, required: false },\n  label: { part: 'label', recipe: trailLabelRecipe, required: true },\n  meta: { part: 'meta', recipe: trailHintRecipe, required: false },\n  root: { part: 'trail', recipe: trailRecipe, required: true },\n  step: { part: 'step', recipe: trailStepRecipe, required: false },\n})\n\nexport {\n  type TrailFlow,\n  type TrailState,\n  defaultTrailFlow,\n  trailAnatomy,\n  trailBadgeRecipe,\n  trailCaptionRecipe,\n  trailConnectorRecipe,\n  trailFlows,\n  trailHintRecipe,\n  trailLabelRecipe,\n  trailRecipe,\n  trailSpinRecipe,\n  trailStates,\n  trailStepRecipe,\n}\n"],"mappings":";;;AAIA,MAAM,cAAc;CAAC;CAAQ;CAAU;CAAW;AAAS;AAI3D,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,UAAU;CACpC,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;CAAU;CAC5D,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,UAAU;CACpC,UAAU,EACR,OAAO;EACL,SAAS;EACT,MAAM;EACN,QAAQ;EACR,SAAS;CACX,EACF;AACF,CAAC;AAED,MAAM,kBAAkB,IAAI,kCAAkC;AAE9D,MAAM,eAAe,QAAQ;CAC3B,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAkB,UAAU;CAAK;CACjE,SAAS;EAAE,MAAM;EAAW,QAAQ;EAAoB,UAAU;CAAK;CACvE,WAAW;EAAE,MAAM;EAAa,QAAQ;EAAsB,UAAU;CAAM;CAC9E,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAiB,UAAU;CAAM;CAC/D,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAkB,UAAU;CAAK;CACjE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAiB,UAAU;CAAM;CAC/D,MAAM;EAAE,MAAM;EAAS,QAAQ;EAAa,UAAU;CAAK;CAC3D,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAiB,UAAU;CAAM;AACjE,CAAC"}

package/dist/recipes/userMenu.d.ts

@@ -6,6 +6,28 @@ declare const userIdentityRecipe: (props?: import("class-variance-authority/type
 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;
+declare const userMenuAnatomy: {
+  readonly identity: {
+    readonly part: "identity";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly name: {
+    readonly part: "name";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly root: {
+    readonly part: "account";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: true;
+  };
+  readonly subtitle: {
+    readonly part: "subtitle";
+    readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+    readonly required: false;
+  };
+};
 //#endregion
-export { userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
+export { userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userMenuAnatomy, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
 //# sourceMappingURL=userMenu.d.ts.map

package/dist/recipes/userMenu.js

@@ -1,3 +1,4 @@
+import { anatomy } from "../anatomy.js";
 import { controlInert, controlPress } from "../parts/control.js";
 import { railCollapse, railMorph } from "./motion.js";
 import { cva } from "class-variance-authority";
@@ -32,7 +33,29 @@ const userChevronRecipe = cva([
 	"[--tf-travel:opacity_var(--tf-timing-glide)]",
 	railMorph
 ]);
+const userMenuAnatomy = anatomy({
+	identity: {
+		part: "identity",
+		recipe: userIdentityRecipe,
+		required: true
+	},
+	name: {
+		part: "name",
+		recipe: userNameRecipe,
+		required: true
+	},
+	root: {
+		part: "account",
+		recipe: userTriggerRecipe,
+		required: true
+	},
+	subtitle: {
+		part: "subtitle",
+		recipe: userRoleRecipe,
+		required: false
+	}
+});
 //#endregion
-export { userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
+export { userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userMenuAnatomy, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
 
 //# sourceMappingURL=userMenu.js.map

package/dist/recipes/userMenu.js.map

@@ -1 +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"}
+{"version":3,"file":"userMenu.js","names":[],"sources":["../../src/recipes/userMenu.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\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\nconst userMenuAnatomy = anatomy({\n  identity: { part: 'identity', recipe: userIdentityRecipe, required: true },\n  name: { part: 'name', recipe: userNameRecipe, required: true },\n  root: { part: 'account', recipe: userTriggerRecipe, required: true },\n  subtitle: { part: 'subtitle', recipe: userRoleRecipe, required: false },\n})\n\nexport {\n  userAvatarRecipe,\n  userMenuAnatomy,\n  userPortraitRecipe,\n  userChevronRecipe,\n  userIdentityRecipe,\n  userNameRecipe,\n  userRoleRecipe,\n  userTriggerRecipe,\n}\n"],"mappings":";;;;;AAOA,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;AAED,MAAM,kBAAkB,QAAQ;CAC9B,UAAU;EAAE,MAAM;EAAY,QAAQ;EAAoB,UAAU;CAAK;CACzE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAgB,UAAU;CAAK;CAC7D,MAAM;EAAE,MAAM;EAAW,QAAQ;EAAmB,UAAU;CAAK;CACnE,UAAU;EAAE,MAAM;EAAY,QAAQ;EAAgB,UAAU;CAAM;AACxE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techfides/ui-library-design",
-  "version": "0.3.1",
+  "version": "0.7.0",
   "description": "Framework-agnostic design core for the TechFides UI library: Tailwind design tokens and component variant recipes",
   "keywords": [
     "cva",
@@ -42,7 +42,6 @@
     "@fontsource/poppins": "^5.3.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "echarts": "^6.1.0",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {

package/dist/charts/animation.js

@@ -1,14 +0,0 @@
-//#region src/charts/animation.ts
-const CHART_EASING = "cubicOut";
-const chartAnimation = (durationMs) => ({
-	animation: true,
-	animationDuration: durationMs,
-	animationDurationUpdate: durationMs,
-	animationEasing: CHART_EASING,
-	animationEasingUpdate: CHART_EASING
-});
-const chartStagger = (stepMs) => (index) => index * stepMs;
-//#endregion
-export { CHART_EASING, chartAnimation, chartStagger };
-
-//# sourceMappingURL=animation.js.map

package/dist/charts/animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animation.js","names":[],"sources":["../../src/charts/animation.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts'\n\nconst CHART_EASING = 'cubicOut'\n\ntype ChartAnimation = Pick<\n  EChartsOption,\n  | 'animation'\n  | 'animationDuration'\n  | 'animationDurationUpdate'\n  | 'animationEasing'\n  | 'animationEasingUpdate'\n>\n\nconst chartAnimation = (durationMs: number): ChartAnimation => ({\n  animation: true,\n  animationDuration: durationMs,\n  animationDurationUpdate: durationMs,\n  animationEasing: CHART_EASING,\n  animationEasingUpdate: CHART_EASING,\n})\n\nconst chartStagger =\n  (stepMs: number) =>\n  (index: number): number =>\n    index * stepMs\n\nexport { CHART_EASING, chartAnimation, chartStagger }\n"],"mappings":";AAEA,MAAM,eAAe;AAWrB,MAAM,kBAAkB,gBAAwC;CAC9D,WAAW;CACX,mBAAmB;CACnB,yBAAyB;CACzB,iBAAiB;CACjB,uBAAuB;AACzB;AAEA,MAAM,gBACH,YACA,UACC,QAAQ"}

package/dist/charts/bars.d.ts

@@ -1,22 +0,0 @@
-import { EChartsOption } from "echarts";
-//#region src/charts/bars.d.ts
-interface BarsAccent {
-  hi: string;
-  surface: string;
-}
-interface BarsPoint {
-  label: string;
-  value: number | null;
-}
-interface BarsOptionInput {
-  accent: BarsAccent;
-  durationMs: number;
-  labelColor: string;
-  radius: number;
-  stateDurationMs: number;
-  values: readonly BarsPoint[];
-}
-declare const barsOption: (input: BarsOptionInput) => EChartsOption;
-//#endregion
-export { type BarsAccent, type BarsOptionInput, type BarsPoint, barsOption };
-//# sourceMappingURL=bars.d.ts.map

package/dist/charts/bars.js

@@ -1,61 +0,0 @@
-import { CHART_EASING, chartAnimation, chartStagger } from "./animation.js";
-import { verticalGradient } from "./paint.js";
-import { chartTooltip, formatCallbackValue } from "./tooltip.js";
-//#region src/charts/bars.ts
-const GRID = {
-	bottom: 22,
-	left: 4,
-	right: 4,
-	top: 8
-};
-const BAR_CATEGORY_GAP = "35%";
-const LABEL_FONT_SIZE = 11;
-const STAGGER_MS = 40;
-const EMPTY_LENGTH = 0;
-const FIRST_INDEX = 0;
-const barPointFormatter = (params) => {
-	const point = params[FIRST_INDEX];
-	if (!point) return "";
-	return `${point.name}: ${formatCallbackValue(point.value)}`;
-};
-const barsOption = (input) => {
-	if (input.values.length === EMPTY_LENGTH) return { series: [] };
-	return {
-		...chartAnimation(input.durationMs),
-		grid: GRID,
-		series: [{
-			animationDelay: chartStagger(STAGGER_MS),
-			barCategoryGap: BAR_CATEGORY_GAP,
-			data: input.values.map((point) => point.value),
-			emphasis: { disabled: true },
-			itemStyle: {
-				borderRadius: input.radius,
-				color: verticalGradient(input.accent.hi, input.accent.surface)
-			},
-			stateAnimation: {
-				duration: input.stateDurationMs,
-				easing: CHART_EASING
-			},
-			type: "bar"
-		}],
-		tooltip: chartTooltip(barPointFormatter),
-		xAxis: {
-			axisLabel: {
-				color: input.labelColor,
-				fontSize: LABEL_FONT_SIZE
-			},
-			axisLine: { show: false },
-			axisTick: { show: false },
-			data: input.values.map((point) => point.label),
-			type: "category"
-		},
-		yAxis: {
-			show: false,
-			type: "value"
-		}
-	};
-};
-//#endregion
-export { barsOption };
-
-//# sourceMappingURL=bars.js.map

package/dist/charts/bars.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bars.js","names":[],"sources":["../../src/charts/bars.ts"],"sourcesContent":["import type { DefaultLabelFormatterCallbackParams, EChartsOption } from 'echarts'\n\nimport { CHART_EASING, chartAnimation, chartStagger } from './animation'\nimport { verticalGradient } from './paint'\nimport { chartTooltip, formatCallbackValue } from './tooltip'\n\ninterface BarsAccent {\n  hi: string\n\n  surface: string\n}\n\ninterface BarsPoint {\n  label: string\n\n  value: number | null\n}\n\ninterface BarsOptionInput {\n  accent: BarsAccent\n\n  durationMs: number\n\n  labelColor: string\n\n  radius: number\n\n  stateDurationMs: number\n\n  values: readonly BarsPoint[]\n}\n\nconst GRID = { bottom: 22, left: 4, right: 4, top: 8 }\n\nconst BAR_CATEGORY_GAP = '35%'\n\nconst LABEL_FONT_SIZE = 11\n\nconst STAGGER_MS = 40\n\nconst EMPTY_LENGTH = 0\n\nconst FIRST_INDEX = 0\n\nconst barPointFormatter = (params: readonly DefaultLabelFormatterCallbackParams[]): string => {\n  const point = params[FIRST_INDEX]\n\n  if (!point) {\n    return ''\n  }\n  return `${point.name}: ${formatCallbackValue(point.value)}`\n}\n\nconst barsOption = (input: BarsOptionInput): EChartsOption => {\n  if (input.values.length === EMPTY_LENGTH) {\n    return { series: [] }\n  }\n  return {\n    ...chartAnimation(input.durationMs),\n    grid: GRID,\n    series: [\n      {\n        animationDelay: chartStagger(STAGGER_MS),\n        barCategoryGap: BAR_CATEGORY_GAP,\n        data: input.values.map((point) => point.value),\n        emphasis: { disabled: true },\n        itemStyle: {\n          borderRadius: input.radius,\n          color: verticalGradient(input.accent.hi, input.accent.surface),\n        },\n        stateAnimation: { duration: input.stateDurationMs, easing: CHART_EASING },\n        type: 'bar',\n      },\n    ],\n    tooltip: chartTooltip(barPointFormatter),\n    xAxis: {\n      axisLabel: { color: input.labelColor, fontSize: LABEL_FONT_SIZE },\n      axisLine: { show: false },\n      axisTick: { show: false },\n      data: input.values.map((point) => point.label),\n      type: 'category',\n    },\n    yAxis: { show: false, type: 'value' },\n  }\n}\n\nexport { type BarsAccent, type BarsOptionInput, type BarsPoint, barsOption }\n"],"mappings":";;;;AAgCA,MAAM,OAAO;CAAE,QAAQ;CAAI,MAAM;CAAG,OAAO;CAAG,KAAK;AAAE;AAErD,MAAM,mBAAmB;AAEzB,MAAM,kBAAkB;AAExB,MAAM,aAAa;AAEnB,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,qBAAqB,WAAmE;CAC5F,MAAM,QAAQ,OAAO;CAErB,IAAI,CAAC,OACH,OAAO;CAET,OAAO,GAAG,MAAM,KAAK,IAAI,oBAAoB,MAAM,KAAK;AAC1D;AAEA,MAAM,cAAc,UAA0C;CAC5D,IAAI,MAAM,OAAO,WAAW,cAC1B,OAAO,EAAE,QAAQ,CAAC,EAAE;CAEtB,OAAO;EACL,GAAG,eAAe,MAAM,UAAU;EAClC,MAAM;EACN,QAAQ,CACN;GACE,gBAAgB,aAAa,UAAU;GACvC,gBAAgB;GAChB,MAAM,MAAM,OAAO,KAAK,UAAU,MAAM,KAAK;GAC7C,UAAU,EAAE,UAAU,KAAK;GAC3B,WAAW;IACT,cAAc,MAAM;IACpB,OAAO,iBAAiB,MAAM,OAAO,IAAI,MAAM,OAAO,OAAO;GAC/D;GACA,gBAAgB;IAAE,UAAU,MAAM;IAAiB,QAAQ;GAAa;GACxE,MAAM;EACR,CACF;EACA,SAAS,aAAa,iBAAiB;EACvC,OAAO;GACL,WAAW;IAAE,OAAO,MAAM;IAAY,UAAU;GAAgB;GAChE,UAAU,EAAE,MAAM,MAAM;GACxB,UAAU,EAAE,MAAM,MAAM;GACxB,MAAM,MAAM,OAAO,KAAK,UAAU,MAAM,KAAK;GAC7C,MAAM;EACR;EACA,OAAO;GAAE,MAAM;GAAO,MAAM;EAAQ;CACtC;AACF"}

package/dist/charts/groupedBars.d.ts

@@ -1,20 +0,0 @@
-import { EChartsOption } from "echarts";
-//#region src/charts/groupedBars.d.ts
-interface GroupedBarsSeries {
-  color: string;
-  name: string;
-  values: readonly (number | null)[];
-}
-interface GroupedBarsOptionInput {
-  categories: readonly string[];
-  durationMs: number;
-  labelColor: string;
-  radius: number;
-  series: readonly GroupedBarsSeries[];
-  stateDurationMs: number;
-  valueFormat?: (value: number) => string;
-}
-declare const groupedBarsOption: (input: GroupedBarsOptionInput) => EChartsOption;
-//#endregion
-export { type GroupedBarsOptionInput, type GroupedBarsSeries, groupedBarsOption };
-//# sourceMappingURL=groupedBars.d.ts.map

package/dist/charts/groupedBars.js

@@ -1,82 +0,0 @@
-import { CHART_EASING, chartAnimation } from "./animation.js";
-import { chartTooltip, formatCallbackValue } from "./tooltip.js";
-//#region src/charts/groupedBars.ts
-const GRID = {
-	bottom: 22,
-	left: 4,
-	right: 4,
-	top: 8
-};
-const BAR_CATEGORY_GAP = "35%";
-const LABEL_FONT_SIZE = 11;
-const EMPTY_LENGTH = 0;
-const FIRST_INDEX = 0;
-const DOT_CLASS = "inline-block size-2 flex-none rounded-tf-pill";
-const ROW_CLASS = "flex items-center justify-between gap-3";
-const NAME_CLASS = "flex items-center gap-1.5";
-const VALUE_CLASS = "font-semibold tabular-nums";
-const formatValue = (value, valueFormat) => {
-	if (typeof value === "number") return valueFormat(value);
-	return formatCallbackValue(value);
-};
-const NO_COLOR = "";
-const colorOf = (point) => {
-	if (typeof point.color === "string") return point.color;
-	return NO_COLOR;
-};
-const groupedBarRow = (point, valueFormat) => {
-	const color = colorOf(point);
-	const name = formatCallbackValue(point.seriesName);
-	return `<div class="${ROW_CLASS}"><span class="${NAME_CLASS}"><span aria-hidden="true" class="${DOT_CLASS}" style="background:${color}"></span>${name}</span><span class="${VALUE_CLASS}">${formatValue(point.value, valueFormat)}</span></div>`;
-};
-const groupedBarsFormatter = (valueFormat) => (params) => {
-	const first = params[FIRST_INDEX];
-	if (!first) return "";
-	return `<div class="flex flex-col gap-1"><span class="font-semibold">${formatCallbackValue(first.name)}</span>${params.map((point) => groupedBarRow(point, valueFormat)).join("")}</div>`;
-};
-const IDENTITY_FORMAT = String;
-const AXIS_SHADOW_COLOR = "rgb(255 255 255 / 9%)";
-const groupedBarsOption = (input) => {
-	if (input.categories.length === EMPTY_LENGTH) return { series: [] };
-	const valueFormat = input.valueFormat ?? IDENTITY_FORMAT;
-	return {
-		...chartAnimation(input.durationMs),
-		grid: GRID,
-		series: input.series.map((series) => ({
-			barCategoryGap: BAR_CATEGORY_GAP,
-			data: [...series.values],
-			itemStyle: {
-				borderRadius: input.radius,
-				color: series.color
-			},
-			name: series.name,
-			stateAnimation: {
-				duration: input.stateDurationMs,
-				easing: CHART_EASING
-			},
-			type: "bar"
-		})),
-		tooltip: chartTooltip(groupedBarsFormatter(valueFormat), "axis", {
-			shadowStyle: { color: AXIS_SHADOW_COLOR },
-			type: "shadow"
-		}),
-		xAxis: {
-			axisLabel: {
-				color: input.labelColor,
-				fontSize: LABEL_FONT_SIZE
-			},
-			axisLine: { show: false },
-			axisTick: { show: false },
-			data: [...input.categories],
-			type: "category"
-		},
-		yAxis: {
-			show: false,
-			type: "value"
-		}
-	};
-};
-//#endregion
-export { groupedBarsOption };
-
-//# sourceMappingURL=groupedBars.js.map

package/dist/charts/groupedBars.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"groupedBars.js","names":[],"sources":["../../src/charts/groupedBars.ts"],"sourcesContent":["import type { DefaultLabelFormatterCallbackParams, EChartsOption } from 'echarts'\n\nimport { CHART_EASING, chartAnimation } from './animation'\nimport { chartTooltip, formatCallbackValue } from './tooltip'\n\ninterface GroupedBarsSeries {\n  color: string\n\n  name: string\n\n  values: readonly (number | null)[]\n}\n\ninterface GroupedBarsOptionInput {\n  categories: readonly string[]\n\n  durationMs: number\n\n  labelColor: string\n\n  radius: number\n\n  series: readonly GroupedBarsSeries[]\n\n  stateDurationMs: number\n\n  valueFormat?: (value: number) => string\n}\n\nconst GRID = { bottom: 22, left: 4, right: 4, top: 8 }\n\nconst BAR_CATEGORY_GAP = '35%'\n\nconst LABEL_FONT_SIZE = 11\n\nconst EMPTY_LENGTH = 0\n\nconst FIRST_INDEX = 0\n\nconst DOT_CLASS = 'inline-block size-2 flex-none rounded-tf-pill'\n\nconst ROW_CLASS = 'flex items-center justify-between gap-3'\n\nconst NAME_CLASS = 'flex items-center gap-1.5'\n\nconst VALUE_CLASS = 'font-semibold tabular-nums'\n\nconst formatValue = (value: unknown, valueFormat: (value: number) => string): string => {\n  if (typeof value === 'number') {\n    return valueFormat(value)\n  }\n  return formatCallbackValue(value)\n}\n\nconst NO_COLOR = ''\n\nconst colorOf = (point: DefaultLabelFormatterCallbackParams): string => {\n  if (typeof point.color === 'string') {\n    return point.color\n  }\n  return NO_COLOR\n}\n\nconst groupedBarRow = (\n  point: DefaultLabelFormatterCallbackParams,\n  valueFormat: (value: number) => string,\n): string => {\n  const color = colorOf(point)\n  const name = formatCallbackValue(point.seriesName)\n\n  return (\n    `<div class=\"${ROW_CLASS}\">` +\n    `<span class=\"${NAME_CLASS}\"><span aria-hidden=\"true\" class=\"${DOT_CLASS}\" style=\"background:${color}\"></span>${name}</span>` +\n    `<span class=\"${VALUE_CLASS}\">${formatValue(point.value, valueFormat)}</span>` +\n    `</div>`\n  )\n}\n\nconst groupedBarsFormatter =\n  (valueFormat: (value: number) => string) =>\n  (params: readonly DefaultLabelFormatterCallbackParams[]): string => {\n    const first = params[FIRST_INDEX]\n\n    if (!first) {\n      return ''\n    }\n    const heading = formatCallbackValue(first.name)\n    const rows = params.map((point) => groupedBarRow(point, valueFormat)).join('')\n\n    return `<div class=\"flex flex-col gap-1\"><span class=\"font-semibold\">${heading}</span>${rows}</div>`\n  }\n\nconst IDENTITY_FORMAT = String\n\nconst AXIS_SHADOW_COLOR = 'rgb(255 255 255 / 9%)'\n\nconst groupedBarsOption = (input: GroupedBarsOptionInput): EChartsOption => {\n  if (input.categories.length === EMPTY_LENGTH) {\n    return { series: [] }\n  }\n  const valueFormat = input.valueFormat ?? IDENTITY_FORMAT\n\n  return {\n    ...chartAnimation(input.durationMs),\n    grid: GRID,\n    series: input.series.map((series) => ({\n      barCategoryGap: BAR_CATEGORY_GAP,\n      data: [...series.values],\n      itemStyle: { borderRadius: input.radius, color: series.color },\n      name: series.name,\n      stateAnimation: { duration: input.stateDurationMs, easing: CHART_EASING },\n      type: 'bar' as const,\n    })),\n    tooltip: chartTooltip(groupedBarsFormatter(valueFormat), 'axis', {\n      shadowStyle: { color: AXIS_SHADOW_COLOR },\n      type: 'shadow',\n    }),\n    xAxis: {\n      axisLabel: { color: input.labelColor, fontSize: LABEL_FONT_SIZE },\n      axisLine: { show: false },\n      axisTick: { show: false },\n      data: [...input.categories],\n      type: 'category',\n    },\n    yAxis: { show: false, type: 'value' },\n  }\n}\n\nexport { type GroupedBarsOptionInput, type GroupedBarsSeries, groupedBarsOption }\n"],"mappings":";;;AA6BA,MAAM,OAAO;CAAE,QAAQ;CAAI,MAAM;CAAG,OAAO;CAAG,KAAK;AAAE;AAErD,MAAM,mBAAmB;AAEzB,MAAM,kBAAkB;AAExB,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,YAAY;AAElB,MAAM,YAAY;AAElB,MAAM,aAAa;AAEnB,MAAM,cAAc;AAEpB,MAAM,eAAe,OAAgB,gBAAmD;CACtF,IAAI,OAAO,UAAU,UACnB,OAAO,YAAY,KAAK;CAE1B,OAAO,oBAAoB,KAAK;AAClC;AAEA,MAAM,WAAW;AAEjB,MAAM,WAAW,UAAuD;CACtE,IAAI,OAAO,MAAM,UAAU,UACzB,OAAO,MAAM;CAEf,OAAO;AACT;AAEA,MAAM,iBACJ,OACA,gBACW;CACX,MAAM,QAAQ,QAAQ,KAAK;CAC3B,MAAM,OAAO,oBAAoB,MAAM,UAAU;CAEjD,OACE,eAAe,UAAU,iBACT,WAAW,oCAAoC,UAAU,sBAAsB,MAAM,WAAW,KAAK,sBACrG,YAAY,IAAI,YAAY,MAAM,OAAO,WAAW,EAAE;AAG1E;AAEA,MAAM,wBACH,iBACA,WAAmE;CAClE,MAAM,QAAQ,OAAO;CAErB,IAAI,CAAC,OACH,OAAO;CAKT,OAAO,gEAHS,oBAAoB,MAAM,IAGmC,EAAE,SAFlE,OAAO,KAAK,UAAU,cAAc,OAAO,WAAW,CAAC,CAAC,CAAC,KAAK,EAEgB,EAAE;AAC/F;AAEF,MAAM,kBAAkB;AAExB,MAAM,oBAAoB;AAE1B,MAAM,qBAAqB,UAAiD;CAC1E,IAAI,MAAM,WAAW,WAAW,cAC9B,OAAO,EAAE,QAAQ,CAAC,EAAE;CAEtB,MAAM,cAAc,MAAM,eAAe;CAEzC,OAAO;EACL,GAAG,eAAe,MAAM,UAAU;EAClC,MAAM;EACN,QAAQ,MAAM,OAAO,KAAK,YAAY;GACpC,gBAAgB;GAChB,MAAM,CAAC,GAAG,OAAO,MAAM;GACvB,WAAW;IAAE,cAAc,MAAM;IAAQ,OAAO,OAAO;GAAM;GAC7D,MAAM,OAAO;GACb,gBAAgB;IAAE,UAAU,MAAM;IAAiB,QAAQ;GAAa;GACxE,MAAM;EACR,EAAE;EACF,SAAS,aAAa,qBAAqB,WAAW,GAAG,QAAQ;GAC/D,aAAa,EAAE,OAAO,kBAAkB;GACxC,MAAM;EACR,CAAC;EACD,OAAO;GACL,WAAW;IAAE,OAAO,MAAM;IAAY,UAAU;GAAgB;GAChE,UAAU,EAAE,MAAM,MAAM;GACxB,UAAU,EAAE,MAAM,MAAM;GACxB,MAAM,CAAC,GAAG,MAAM,UAAU;GAC1B,MAAM;EACR;EACA,OAAO;GAAE,MAAM;GAAO,MAAM;EAAQ;CACtC;AACF"}

package/dist/charts/paint.js

@@ -1,19 +0,0 @@
-import { graphic } from "echarts/core";
-//#region src/charts/paint.ts
-const TOP = 0;
-const BOTTOM = 1;
-const LEFT = 0;
-const START = 0;
-const END = 1;
-const verticalGradient = (from, to) => new graphic.LinearGradient(LEFT, TOP, LEFT, BOTTOM, [{
-	color: from,
-	offset: START
-}, {
-	color: to,
-	offset: END
-}]);
-const TRANSPARENT = "rgba(0, 0, 0, 0)";
-//#endregion
-export { TRANSPARENT, verticalGradient };
-
-//# sourceMappingURL=paint.js.map

package/dist/charts/paint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"paint.js","names":[],"sources":["../../src/charts/paint.ts"],"sourcesContent":["import { graphic } from 'echarts/core'\n\nconst TOP = 0\n\nconst BOTTOM = 1\n\nconst LEFT = 0\n\nconst START = 0\n\nconst END = 1\n\nconst verticalGradient = (from: string, to: string): graphic.LinearGradient =>\n  new graphic.LinearGradient(LEFT, TOP, LEFT, BOTTOM, [\n    { color: from, offset: START },\n    { color: to, offset: END },\n  ])\n\nconst TRANSPARENT = 'rgba(0, 0, 0, 0)'\n\nexport { TRANSPARENT, verticalGradient }\n"],"mappings":";;AAEA,MAAM,MAAM;AAEZ,MAAM,SAAS;AAEf,MAAM,OAAO;AAEb,MAAM,QAAQ;AAEd,MAAM,MAAM;AAEZ,MAAM,oBAAoB,MAAc,OACtC,IAAI,QAAQ,eAAe,MAAM,KAAK,MAAM,QAAQ,CAClD;CAAE,OAAO;CAAM,QAAQ;AAAM,GAC7B;CAAE,OAAO;CAAI,QAAQ;AAAI,CAC3B,CAAC;AAEH,MAAM,cAAc"}

package/dist/charts/spark.d.ts

@@ -1,17 +0,0 @@
-import { BarsAccent } from "./bars.js";
-import { EChartsOption } from "echarts";
-//#region src/charts/spark.d.ts
-type SparkShape = 'line' | 'bars';
-type SparkAccent = BarsAccent;
-interface SparkOptionInput {
-  accent: SparkAccent;
-  durationMs: number;
-  stateDurationMs: number;
-  radius: number;
-  shape: SparkShape;
-  values: readonly number[];
-}
-declare const sparkOption: (input: SparkOptionInput) => EChartsOption;
-//#endregion
-export { type SparkAccent, type SparkOptionInput, type SparkShape, sparkOption };
-//# sourceMappingURL=spark.d.ts.map