iryx-ui 0.15.0 → 0.17.0

package/dist/components/Sparkline.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,16 @@
 import { useIryxUiConfig as e } from "../config.js";
 import { extent as t, linearScale as n } from "../composables/scale.js";
-import { sparklineTheme as r } from "../theme/sparkline.js";
-import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p } from "vue";
+import { useChartAnimation as r, useChartReveal as i } from "../composables/chart-reveal.js";
+import { sparklineTheme as a } from "../theme/sparkline.js";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, renderList as h, useId as g } from "vue";
 //#region src/components/Sparkline.vue?vue&type=script&setup=true&lang.ts
-var m = [
+var _ = [
 	"viewBox",
 	"height",
 	"role",
 	"aria-label",
 	"aria-hidden"
-], h = ["d"], g = ["d"], _ = ["d"], v = ["d"], y = 100, b = /*@__PURE__*/ l({
+], v = ["clip-path"], y = ["d", "fill"], b = ["d"], x = ["d"], S = ["d"], C = 100, w = /*@__PURE__*/ d({
 	__name: "Sparkline",
 	props: {
 		data: { default: () => [] },
@@ -21,6 +22,10 @@ var m = [
 		muted: { type: Boolean },
 		label: {},
 		height: { default: 32 },
+		animate: {
+			type: [Boolean, Object],
+			default: !1
+		},
 		unstyled: {
 			type: Boolean,
 			default: void 0
@@ -28,83 +33,115 @@ var m = [
 		class: {},
 		ui: {}
 	},
-	setup(l) {
-		let b = l, x = e(), S = a(() => b.unstyled ?? x.unstyled), C = a(() => b.endDot ? 6 : 1), w = a(() => Math.max(b.height - C.value * 2, 1)), T = a(() => {
-			let e = b.data, r = t(e);
+	setup(d) {
+		let w = d, T = e(), E = s(() => w.unstyled ?? T.unstyled), D = s(() => w.endDot ? 6 : 1), O = s(() => Math.max(w.height - D.value * 2, 1)), k = s(() => {
+			let e = w.data, r = t(e);
 			if (!r) return [];
-			let [i, a] = r, o = b.min ?? i, s = b.max ?? a, c = n([0, Math.max(e.length - 1, 0)], [0, y]), l = n([o, s], [y, 0]), u = [], d = [];
+			let [i, a] = r, o = w.min ?? i, s = w.max ?? a, c = n([0, Math.max(e.length - 1, 0)], [0, C]), l = n([o, s], [C, 0]), u = [], d = [];
 			return e.forEach((e, t) => {
 				if (typeof e != "number" || !Number.isFinite(e)) {
 					d.length && u.push(d), d = [];
 					return;
 				}
 				d.push({
-					x: E(c(t)),
-					y: E(l(e))
+					x: A(c(t)),
+					y: A(l(e))
 				});
 			}), d.length && u.push(d), u;
 		});
-		function E(e) {
+		function A(e) {
 			return Math.round(e * 100) / 100;
 		}
-		function D(e) {
+		function j(e) {
 			return e.map((e, t) => `${t === 0 ? "M" : "L"}${e.x} ${e.y}`).join(" ");
 		}
-		let O = a(() => {
-			let e = t(b.data);
-			if (!e) return y;
-			let r = b.min ?? e[0], i = b.max ?? e[1];
-			return b.baseline === "zero" && r <= 0 && i >= 0 ? E(n([r, i], [y, 0])(0)) : y;
+		let M = s(() => {
+			let e = t(w.data);
+			if (!e) return C;
+			let r = w.min ?? e[0], i = w.max ?? e[1];
+			return w.baseline === "zero" && r <= 0 && i >= 0 ? A(n([r, i], [C, 0])(0)) : C;
 		});
-		function k(e) {
+		function N(e) {
 			let t = e[0], n = e[e.length - 1];
-			return `${D(e)} L${n.x} ${O.value} L${t.x} ${O.value} Z`;
+			return `${j(e)} L${n.x} ${M.value} L${t.x} ${M.value} Z`;
 		}
-		let A = a(() => {
-			let e = T.value[T.value.length - 1];
+		let P = r(s(() => w.animate)), { revealed: F } = i(s(() => k.value.length > 0), P), I = s(() => ({
+			transform: `scaleX(${+!!F.value})`,
+			transformOrigin: "0px 0px",
+			transition: `transform ${P.value.duration}ms ${P.value.css}`
+		})), L = s(() => ({
+			opacity: +!!F.value,
+			transition: `opacity ${Math.round(P.value.duration * .3)}ms ${P.value.css}`,
+			transitionDelay: `${Math.round(P.value.duration * .8)}ms`
+		})), R = `iryx-spark-clip-${g()}`, z = `iryx-spark-area-${g()}`, B = s(() => {
+			let e = k.value[k.value.length - 1];
 			return e?.[e.length - 1];
-		}), j = a(() => r({ muted: b.muted }));
-		function M(e, t) {
-			let n = b.ui?.[e];
-			return S.value ? [n, t] : j.value[e]({ class: [n, t] });
+		}), V = s(() => a({ muted: w.muted }));
+		function H(e, t) {
+			let n = w.ui?.[e];
+			return E.value ? [n, t] : V.value[e]({ class: [n, t] });
 		}
-		return (e, t) => (f(), s("span", {
-			class: u(M("root", b.class)),
-			style: d({ padding: `${C.value}px` })
-		}, [(f(), s("svg", {
-			viewBox: `0 0 ${y} ${y}`,
+		return (e, t) => (m(), l("span", {
+			class: f(H("root", w.class)),
+			style: p({ padding: `${D.value}px` })
+		}, [(m(), l("svg", {
+			viewBox: `0 0 ${C} ${C}`,
 			preserveAspectRatio: "none",
-			height: w.value,
-			style: d({ height: `${w.value}px` }),
-			role: b.label ? "img" : void 0,
-			"aria-label": b.label,
-			"aria-hidden": b.label ? void 0 : !0,
-			class: u(M("plot"))
+			height: O.value,
+			style: p({ height: `${O.value}px` }),
+			role: w.label ? "img" : void 0,
+			"aria-label": w.label,
+			"aria-hidden": w.label ? void 0 : !0,
+			class: f(H("plot"))
 		}, [
-			b.variant === "area" ? (f(!0), s(i, { key: 0 }, p(T.value, (e, t) => (f(), s("path", {
+			u("defs", null, [u("linearGradient", {
+				id: z,
+				gradientUnits: "userSpaceOnUse",
+				x1: 0,
+				y1: 0,
+				x2: 0,
+				y2: C
+			}, [...t[0] ||= [u("stop", {
+				offset: "0%",
+				"stop-color": "currentColor",
+				"stop-opacity": "0.35"
+			}, null, -1), u("stop", {
+				offset: "100%",
+				"stop-color": "currentColor",
+				"stop-opacity": "0"
+			}, null, -1)]]), u("clipPath", { id: R }, [u("rect", {
+				x: "0",
+				y: "0",
+				width: C,
+				height: C,
+				style: p(I.value)
+			}, null, 4)])]),
+			u("g", { "clip-path": `url(#${R})` }, [(m(!0), l(o, null, h(w.variant === "area" ? k.value : [], (e, t) => (m(), l("path", {
 				key: `area-${t}`,
-				d: k(e),
-				class: u(M("area"))
-			}, null, 10, h))), 128)) : o("", !0),
-			(f(!0), s(i, null, p(T.value, (e, t) => (f(), s("path", {
+				d: N(e),
+				fill: `url(#${z})`,
+				class: f(H("area"))
+			}, null, 10, y))), 128)), (m(!0), l(o, null, h(k.value, (e, t) => (m(), l("path", {
 				key: `line-${t}`,
-				d: D(e),
+				d: j(e),
 				"vector-effect": "non-scaling-stroke",
-				class: u(M("line"))
-			}, null, 10, g))), 128)),
-			b.endDot && A.value ? (f(), s(i, { key: 1 }, [c("path", {
-				d: `M${A.value.x} ${A.value.y} L${A.value.x} ${A.value.y}`,
+				class: f(H("line"))
+			}, null, 10, b))), 128))], 8, v),
+			w.endDot && B.value ? (m(), l(o, { key: 0 }, [u("path", {
+				d: `M${B.value.x} ${B.value.y} L${B.value.x} ${B.value.y}`,
 				"stroke-width": "12",
 				"vector-effect": "non-scaling-stroke",
-				class: u(M("ring"))
-			}, null, 10, _), c("path", {
-				d: `M${A.value.x} ${A.value.y} L${A.value.x} ${A.value.y}`,
+				style: p(L.value),
+				class: f(H("ring"))
+			}, null, 14, x), u("path", {
+				d: `M${B.value.x} ${B.value.y} L${B.value.x} ${B.value.y}`,
 				"stroke-width": "8",
 				"vector-effect": "non-scaling-stroke",
-				class: u(M("dot"))
-			}, null, 10, v)], 64)) : o("", !0)
-		], 14, m))], 6));
+				style: p(L.value),
+				class: f(H("dot"))
+			}, null, 14, S)], 64)) : c("", !0)
+		], 14, _))], 6));
 	}
 });
 //#endregion
-export { b as default };
+export { w as default };

package/dist/components/TagsInput.vue.d.ts

@@ -48,14 +48,14 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<TagsInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string[]) => any;
-    invalidTag: (value: string) => any;
     addTag: (value: string) => any;
     removeTag: (value: string) => any;
+    invalidTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
-    onInvalidTag?: ((value: string) => any) | undefined;
     onAddTag?: ((value: string) => any) | undefined;
     onRemoveTag?: ((value: string) => any) | undefined;
+    onInvalidTag?: ((value: string) => any) | undefined;
 }>, {
     unstyled: boolean;
     invalid: boolean;

package/dist/components/TimeField.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useIryxUiConfig as e } from "../config.js";
-import { useFormField as t } from "../composables/form.js";
-import { toIsoTime as n, toTime as r } from "../composables/date.js";
+import { toIsoTime as t, toTime as n } from "../composables/date.js";
+import { useFormField as r } from "../composables/form.js";
 import { timeFieldTheme as i } from "../theme/time-field.js";
 import { Fragment as a, computed as o, createBlock as s, createElementBlock as c, createTextVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 import { TimeFieldInput as _, TimeFieldRoot as v } from "reka-ui";
@@ -32,33 +32,36 @@ var y = /*@__PURE__*/ u({
 	},
 	emits: ["update:modelValue"],
 	setup(u, { emit: y }) {
-		let b = u, x = y, S = t(), C = o(() => b.id ?? S?.id.value), w = o(() => b.invalid ?? S?.invalid.value ?? !1), T = e(), E = o(() => b.unstyled ?? T.unstyled), D = o(() => i({
+		let b = u, x = y, S = r(), C = o(() => b.id ?? S?.id.value), w = o(() => {
+			let e = b.modelValue;
+			return !e || !n(e) ? !1 : !!(b.minValue && e < b.minValue || b.maxValue && e > b.maxValue);
+		}), T = o(() => (b.invalid ?? S?.invalid.value ?? !1) || w.value), E = e(), D = o(() => b.unstyled ?? E.unstyled), O = o(() => i({
 			size: b.size,
-			invalid: w.value
-		})), O = o(() => E.value ? [b.ui?.root, b.class] : D.value.root({ class: [b.ui?.root, b.class] })), k = o(() => E.value ? b.ui?.segment : D.value.segment({ class: b.ui?.segment })), A = o(() => E.value ? b.ui?.literal : D.value.literal({ class: b.ui?.literal }));
-		return (e, t) => (f(), s(h(v), {
+			invalid: T.value
+		})), k = o(() => D.value ? [b.ui?.root, b.class] : O.value.root({ class: [b.ui?.root, b.class] })), A = o(() => D.value ? b.ui?.segment : O.value.segment({ class: b.ui?.segment })), j = o(() => D.value ? b.ui?.literal : O.value.literal({ class: b.ui?.literal }));
+		return (e, r) => (f(), s(h(v), {
 			id: C.value,
-			"model-value": h(r)(b.modelValue),
+			"model-value": h(n)(b.modelValue),
 			granularity: b.granularity,
 			"hour-cycle": b.hourCycle,
 			locale: b.locale,
 			step: b.step,
-			"min-value": h(r)(b.minValue),
-			"max-value": h(r)(b.maxValue),
+			"min-value": h(n)(b.minValue),
+			"max-value": h(n)(b.maxValue),
 			disabled: b.disabled,
 			readonly: b.readonly,
-			"aria-invalid": w.value || void 0,
+			"aria-invalid": T.value || void 0,
 			"aria-describedby": h(S)?.describedBy.value,
-			class: d(O.value),
-			"onUpdate:modelValue": t[0] ||= (e) => x("update:modelValue", h(n)(e))
+			class: d(k.value),
+			"onUpdate:modelValue": r[0] ||= (e) => x("update:modelValue", h(t)(e))
 		}, {
 			default: g(({ segments: e }) => [(f(!0), c(a, null, p(e, (e) => (f(), c(a, { key: e.part }, [e.part === "literal" ? (f(), c("span", {
 				key: 0,
-				class: d(A.value)
+				class: d(j.value)
 			}, m(e.value), 3)) : (f(), s(h(_), {
 				key: 1,
 				part: e.part,
-				class: d(k.value)
+				class: d(A.value)
 			}, {
 				default: g(() => [l(m(e.value), 1)]),
 				_: 2

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export { default as BarChart } from './BarChart.vue';
 export { default as Breadcrumb } from './Breadcrumb.vue';
 export { default as Button } from './Button.vue';
 export { default as ButtonGroup } from './ButtonGroup.vue';
+export { default as Calendar } from './Calendar.vue';
 export { default as Card } from './Card.vue';
 export { default as ChartLegend } from './ChartLegend.vue';
 export { default as Checkbox } from './Checkbox.vue';
@@ -21,15 +22,19 @@ export { default as CommandPalette } from './CommandPalette.vue';
 export { default as ConfirmDialog } from './ConfirmDialog.vue';
 export { default as Container } from './Container.vue';
 export { default as ContextMenu } from './ContextMenu.vue';
+export { default as DateField } from './DateField.vue';
 export { default as DatePicker } from './DatePicker.vue';
 export { default as DateRangePicker } from './DateRangePicker.vue';
 export { default as Dialog } from './Dialog.vue';
+export { default as DonutChart } from './DonutChart.vue';
 export { default as Drawer } from './Drawer.vue';
 export { default as DropdownMenu } from './DropdownMenu.vue';
+export { default as Editable } from './Editable.vue';
 export { default as EmptyState } from './EmptyState.vue';
 export { default as FileUpload } from './FileUpload.vue';
 export { default as Form } from './Form.vue';
 export { default as FormField } from './FormField.vue';
+export { default as HoverCard } from './HoverCard.vue';
 export { default as Icon } from './Icon.vue';
 export { default as Input } from './Input.vue';
 export { default as Kbd } from './Kbd.vue';

package/dist/components/index.js

@@ -15,64 +15,69 @@ import p from "./BarChart.js";
 import m from "./Breadcrumb.js";
 import h from "./Button.js";
 import g from "./ButtonGroup.js";
-import _ from "./Card.js";
-import v from "./Checkbox.js";
-import y from "./Collapsible.js";
-import b from "./ColorPicker.js";
-import x from "./Combobox.js";
-import S from "./Kbd.js";
-import C from "./CommandPalette.js";
-import w from "./Dialog.js";
-import T from "./ConfirmDialog.js";
-import E from "./Container.js";
-import D from "./ContextMenu.js";
-import O from "./DatePicker.js";
-import k from "./DateRangePicker.js";
-import A from "./DropdownMenu.js";
-import j from "./EmptyState.js";
-import M from "./FileUpload.js";
-import N from "./Form.js";
-import P from "./Label.js";
-import F from "./FormField.js";
-import I from "./Input.js";
-import L from "./LineChart.js";
-import R from "./Menubar.js";
-import z from "./NavigationMenu.js";
-import B from "./NumberInput.js";
-import V from "./PageHeader.js";
-import H from "./Pagination.js";
-import U from "./PasswordInput.js";
-import W from "./PinInput.js";
-import G from "./Popover.js";
-import K from "./Progress.js";
-import q from "./RadioGroup.js";
-import J from "./ScrollArea.js";
-import Y from "./ScrollFade.js";
-import X from "./Select.js";
-import Z from "./Separator.js";
-import Q from "./Sidebar.js";
-import $ from "./SignaturePad.js";
-import ee from "./Skeleton.js";
-import te from "./Slider.js";
-import ne from "./Sparkline.js";
-import re from "./Splitter.js";
-import ie from "./Stat.js";
-import ae from "./Stepper.js";
-import oe from "./Switch.js";
-import se from "./Table.js";
-import ce from "./Tabs.js";
-import le from "./TagsInput.js";
-import ue from "./Textarea.js";
-import de from "./TimeField.js";
-import fe from "./Timeline.js";
-import pe from "./Toaster.js";
-import me from "./Toggle.js";
-import he from "./ToggleGroup.js";
-import ge from "./Toolbar.js";
-import _e from "./Tooltip.js";
-import ve from "./Tree.js";
+import _ from "./Calendar.js";
+import v from "./Card.js";
+import y from "./Checkbox.js";
+import b from "./Collapsible.js";
+import x from "./ColorPicker.js";
+import S from "./Combobox.js";
+import C from "./Kbd.js";
+import w from "./CommandPalette.js";
+import T from "./Dialog.js";
+import E from "./ConfirmDialog.js";
+import D from "./Container.js";
+import O from "./ContextMenu.js";
+import k from "./DateField.js";
+import A from "./DatePicker.js";
+import j from "./DateRangePicker.js";
+import M from "./DonutChart.js";
+import N from "./DropdownMenu.js";
+import P from "./Editable.js";
+import F from "./EmptyState.js";
+import I from "./FileUpload.js";
+import L from "./Form.js";
+import R from "./Label.js";
+import z from "./FormField.js";
+import B from "./HoverCard.js";
+import V from "./Input.js";
+import H from "./LineChart.js";
+import U from "./Menubar.js";
+import W from "./NavigationMenu.js";
+import G from "./NumberInput.js";
+import K from "./PageHeader.js";
+import q from "./Pagination.js";
+import J from "./PasswordInput.js";
+import Y from "./PinInput.js";
+import X from "./Popover.js";
+import Z from "./Progress.js";
+import Q from "./RadioGroup.js";
+import $ from "./ScrollArea.js";
+import ee from "./ScrollFade.js";
+import te from "./Select.js";
+import ne from "./Separator.js";
+import re from "./Sidebar.js";
+import ie from "./SignaturePad.js";
+import ae from "./Skeleton.js";
+import oe from "./Slider.js";
+import se from "./Sparkline.js";
+import ce from "./Splitter.js";
+import le from "./Stat.js";
+import ue from "./Stepper.js";
+import de from "./Switch.js";
+import fe from "./Table.js";
+import pe from "./Tabs.js";
+import me from "./TagsInput.js";
+import he from "./Textarea.js";
+import ge from "./TimeField.js";
+import _e from "./Timeline.js";
+import ve from "./Toaster.js";
+import ye from "./Toggle.js";
+import be from "./ToggleGroup.js";
+import xe from "./Toolbar.js";
+import Se from "./Tooltip.js";
+import Ce from "./Tree.js";
 //#region src/components/index.ts
-var ye = /* @__PURE__ */ e({
+var we = /* @__PURE__ */ e({
 	Accordion: () => n,
 	Alert: () => r,
 	App: () => i,
@@ -86,65 +91,70 @@ var ye = /* @__PURE__ */ e({
 	Breadcrumb: () => m,
 	Button: () => h,
 	ButtonGroup: () => g,
-	Card: () => _,
+	Calendar: () => _,
+	Card: () => v,
 	ChartLegend: () => f,
-	Checkbox: () => v,
-	Collapsible: () => y,
-	ColorPicker: () => b,
-	Combobox: () => x,
-	CommandPalette: () => C,
-	ConfirmDialog: () => T,
-	Container: () => E,
-	ContextMenu: () => D,
-	DatePicker: () => O,
-	DateRangePicker: () => k,
-	Dialog: () => w,
+	Checkbox: () => y,
+	Collapsible: () => b,
+	ColorPicker: () => x,
+	Combobox: () => S,
+	CommandPalette: () => w,
+	ConfirmDialog: () => E,
+	Container: () => D,
+	ContextMenu: () => O,
+	DateField: () => k,
+	DatePicker: () => A,
+	DateRangePicker: () => j,
+	Dialog: () => T,
+	DonutChart: () => M,
 	Drawer: () => a,
-	DropdownMenu: () => A,
-	EmptyState: () => j,
-	FileUpload: () => M,
-	Form: () => N,
-	FormField: () => F,
+	DropdownMenu: () => N,
+	Editable: () => P,
+	EmptyState: () => F,
+	FileUpload: () => I,
+	Form: () => L,
+	FormField: () => z,
+	HoverCard: () => B,
 	Icon: () => t,
-	Input: () => I,
-	Kbd: () => S,
-	Label: () => P,
-	LineChart: () => L,
-	Menubar: () => R,
-	NavigationMenu: () => z,
-	NumberInput: () => B,
-	PageHeader: () => V,
-	Pagination: () => H,
-	PasswordInput: () => U,
-	PinInput: () => W,
-	Popover: () => G,
-	Progress: () => K,
-	RadioGroup: () => q,
-	ScrollArea: () => J,
-	ScrollFade: () => Y,
-	Select: () => X,
-	Separator: () => Z,
-	Sidebar: () => Q,
-	SignaturePad: () => $,
-	Skeleton: () => ee,
-	Slider: () => te,
-	Sparkline: () => ne,
-	Splitter: () => re,
-	Stat: () => ie,
-	Stepper: () => ae,
-	Switch: () => oe,
-	Table: () => se,
-	Tabs: () => ce,
-	TagsInput: () => le,
-	Textarea: () => ue,
-	TimeField: () => de,
-	Timeline: () => fe,
-	Toaster: () => pe,
-	Toggle: () => me,
-	ToggleGroup: () => he,
-	Toolbar: () => ge,
-	Tooltip: () => _e,
-	Tree: () => ve
+	Input: () => V,
+	Kbd: () => C,
+	Label: () => R,
+	LineChart: () => H,
+	Menubar: () => U,
+	NavigationMenu: () => W,
+	NumberInput: () => G,
+	PageHeader: () => K,
+	Pagination: () => q,
+	PasswordInput: () => J,
+	PinInput: () => Y,
+	Popover: () => X,
+	Progress: () => Z,
+	RadioGroup: () => Q,
+	ScrollArea: () => $,
+	ScrollFade: () => ee,
+	Select: () => te,
+	Separator: () => ne,
+	Sidebar: () => re,
+	SignaturePad: () => ie,
+	Skeleton: () => ae,
+	Slider: () => oe,
+	Sparkline: () => se,
+	Splitter: () => ce,
+	Stat: () => le,
+	Stepper: () => ue,
+	Switch: () => de,
+	Table: () => fe,
+	Tabs: () => pe,
+	TagsInput: () => me,
+	Textarea: () => he,
+	TimeField: () => ge,
+	Timeline: () => _e,
+	Toaster: () => ve,
+	Toggle: () => ye,
+	ToggleGroup: () => be,
+	Toolbar: () => xe,
+	Tooltip: () => Se,
+	Tree: () => Ce
 });
 //#endregion
-export { ye as components_exports };
+export { we as components_exports };

package/dist/composables/cartesian.d.ts

@@ -100,8 +100,16 @@ export declare const SERIES_SLOTS = 8;
  * than saying so.
  */
 export declare function seriesColor(index: number): string;
-/** A series' palette slot: pinned if it has one, otherwise its position. */
-export declare function slotOf(entry: ChartSeries, index: number): number;
+/**
+ * A series' palette slot: pinned if it has one, otherwise its position.
+ *
+ * Typed on the pin alone rather than on `ChartSeries`, so the charts with no
+ * second axis — a donut's rows are their own identity — can share the rule
+ * without inventing a `key` they have no use for.
+ */
+export declare function slotOf(entry: {
+    slot?: number;
+}, index: number): number;
 /**
  * Dev-only warning.
  *

package/dist/composables/chart-reveal.d.ts

@@ -0,0 +1,45 @@
+import type { Ref } from 'vue';
+/**
+ * The reveal every chart plays on its first paint, once per instance — a
+ * dashboard that re-animated on every poll would read as a fault.
+ *
+ * A CSS transition where the marks can be transformed, a per-frame value
+ * where they cannot: `d` is not an animatable property, so a donut has to
+ * recompute its geometry.
+ */
+export declare const REVEAL_DURATION = 700;
+/**
+ * A closed set rather than any CSS timing function: the same curve is handed
+ * to CSS as a string and solved in JavaScript for the donut, so both come
+ * from one set of control points.
+ */
+export type ChartEasing = 'ease-out' | 'ease-in' | 'ease-in-out' | 'linear';
+export interface ChartAnimation {
+    /** How long the reveal runs, in ms. */
+    duration?: number;
+    easing?: ChartEasing;
+}
+/** `false` turns the reveal off; an object tunes it. */
+export type ChartAnimate = boolean | ChartAnimation;
+export interface ResolvedAnimation {
+    enabled: boolean;
+    duration: number;
+    /** The curve as a CSS timing function. */
+    css: string;
+    /** The same curve, solved: progress in, eased progress out. */
+    ease: (t: number) => number;
+}
+export declare function useChartAnimation(animate: Ref<ChartAnimate | undefined>): import("vue").ComputedRef<ResolvedAnimation>;
+/**
+ * `false` for the first painted frame, `true` from the next — which is what
+ * makes a transition run. Gated on `ready` rather than on mount: a chart with
+ * no measured width yet would animate an empty box and be finished before the
+ * `ResizeObserver` reported.
+ */
+export declare function useChartReveal(ready: Ref<boolean>, animation: Ref<ResolvedAnimation>): {
+    revealed: Ref<boolean, boolean>;
+};
+/** Eased 0 to 1, for marks that have to be recomputed to be revealed. */
+export declare function useChartProgress(ready: Ref<boolean>, animation: Ref<ResolvedAnimation>): {
+    progress: Ref<number, number>;
+};