@slotted/react 0.0.0-stage → 0.1.0-beta.0

package/dist/side-navigation.js

@@ -0,0 +1,2 @@
+import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./side-navigation-YUiJRpng.js";
+export { r as SIDE_NAVIGATION_FALLBACK, t as SIDE_NAVIGATION_ROW_SELECTOR, y as SideNavigation, _ as SideNavigationActions, f as SideNavigationCount, b as SideNavigationDefaultsProvider, h as SideNavigationDescription, l as SideNavigationDivider, n as SideNavigationEnd, p as SideNavigationGroup, g as SideNavigationIcon, i as SideNavigationItem, u as SideNavigationLabel, v as SideNavigationLink, a as SideNavigationList, o as SideNavigationSection, m as SideNavigationSectionLabel, d as SideNavigationSkeleton, c as SideNavigationTrigger, x as useSideNavigation, e as useSideNavigationDefaults, s as useSideNavigationItem };

package/dist/skeleton-2LSpg84Z.js

@@ -0,0 +1,143 @@
+import { r as e } from "./i18n-DpW8lqJ1.js";
+/* empty css                         */
+/* empty css                  */
+import { createContext as t, useContext as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { skeletonMessages as u } from "@slotted/core/i18n";
+import { initialLoadingVisibility as d, nextLoadingVisibility as f } from "@slotted/core/loading";
+//#region src/skeleton/skeleton-defaults.tsx
+var p = t({});
+function m() {
+	return n(p);
+}
+function h({ children: e, ...t }) {
+	let n = m();
+	return /* @__PURE__ */ c(p.Provider, {
+		value: {
+			animation: t.animation ?? n.animation,
+			delay: t.delay ?? n.delay,
+			lastLineSize: t.lastLineSize ?? n.lastLineSize,
+			live: t.live ?? n.live,
+			loadedLabel: t.loadedLabel ?? n.loadedLabel,
+			minDuration: t.minDuration ?? n.minDuration
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/skeleton/skeleton-region-context.tsx
+var g = t(null), _ = g.Provider;
+function v() {
+	return n(g);
+}
+//#endregion
+//#region src/skeleton/skeleton.tsx
+function y({ blockSize: e, inlineSize: t }, n) {
+	return e === void 0 && t === void 0 ? n : {
+		...n,
+		...e === void 0 ? {} : { "--slotted-skeleton-block-size": b(e) },
+		...t === void 0 ? {} : { "--slotted-skeleton-inline-size": b(t) }
+	};
+}
+var b = (e) => typeof e == "number" ? `${e}px` : e;
+function x({ animation: e, "aria-hidden": t, blockSize: n, children: r, inlineSize: i, loading: a, render: o, shape: s = "text", size: l = "md", style: u, ...d }) {
+	let f = m(), p = v(), h = a ?? p?.loading ?? !0, g = { animation: e ?? p?.animation ?? f.animation ?? "shimmer" }, _ = {
+		...d,
+		"aria-hidden": h ? t ?? "true" : t,
+		children: r,
+		"data-animation": g.animation,
+		"data-loading": h || void 0,
+		"data-part": "root",
+		"data-shape": s,
+		"data-size": l,
+		"data-ui": "skeleton",
+		inert: h || void 0,
+		style: y({
+			blockSize: n,
+			inlineSize: i
+		}, u)
+	};
+	return o === void 0 ? /* @__PURE__ */ c("span", { ..._ }) : o(_);
+}
+//#endregion
+//#region src/skeleton/use-loading-visibility.ts
+function S({ delay: e, loading: t, minDuration: n }) {
+	let i = a(d), [, s] = o(0), c = f({
+		delay: e,
+		loading: t,
+		minDuration: n,
+		now: Date.now(),
+		state: i.current
+	});
+	i.current = c.state;
+	let { wait: l } = c;
+	return r(() => {
+		if (l === null) return;
+		let e = setTimeout(() => s((e) => e + 1), l);
+		return () => clearTimeout(e);
+	}, [l, t]), c.state.visible;
+}
+//#endregion
+//#region src/skeleton/skeleton-region.tsx
+function C({ animation: t, children: n, delay: o, live: d, loadedLabel: f, loading: p = !0, messages: h, minDuration: g, onReveal: v, render: y, ...b }) {
+	let x = m(), C = e(u, h), w = {
+		animation: t ?? x.animation ?? "shimmer",
+		delay: o ?? x.delay ?? 0,
+		label: C("label"),
+		live: d ?? x.live ?? "polite",
+		loadedLabel: f ?? x.loadedLabel,
+		minDuration: g ?? x.minDuration ?? 0
+	}, T = S({
+		delay: w.delay,
+		loading: p,
+		minDuration: w.minDuration
+	}), E = a(T);
+	r(() => {
+		E.current && !T && v?.(), E.current = T;
+	}, [T, v]);
+	let D = i(() => ({
+		animation: w.animation,
+		loading: T
+	}), [w.animation, T]), O = T ? w.label : w.loadedLabel ?? "", k = {
+		...b,
+		"aria-busy": T || void 0,
+		children: /* @__PURE__ */ l(s, { children: [w.live === "off" ? null : /* @__PURE__ */ c("span", {
+			"data-part": "announcement",
+			"data-ui": "visually-hidden",
+			role: "status",
+			children: O
+		}), n] }),
+		"data-animation": w.animation,
+		"data-loading": T || void 0,
+		"data-part": "region",
+		"data-ui": "skeleton"
+	};
+	return /* @__PURE__ */ c(_, {
+		value: D,
+		children: y === void 0 ? /* @__PURE__ */ c("div", { ...k }) : y(k)
+	});
+}
+//#endregion
+//#region src/skeleton/skeleton-text.tsx
+function w({ animation: e, "aria-hidden": t, inlineSize: n, lastLineSize: r, lines: i = 3, loading: a, render: o, style: s, ...l }) {
+	let u = m(), d = v(), f = a ?? d?.loading ?? !0, p = e ?? d?.animation ?? u.animation ?? "shimmer", h = r ?? u.lastLineSize, g = {
+		...l,
+		"aria-hidden": f ? t ?? "true" : t,
+		children: f ? Array.from({ length: Math.max(1, Math.trunc(i)) }, (e, t) => /* @__PURE__ */ c("span", { "data-part": "line" }, t)) : null,
+		"data-animation": p,
+		"data-loading": f || void 0,
+		"data-part": "text",
+		"data-ui": "skeleton",
+		inert: f || void 0,
+		style: T(h, y({ inlineSize: n }, s))
+	};
+	return o === void 0 ? /* @__PURE__ */ c("div", { ...g }) : o(g);
+}
+function T(e, t) {
+	return e === void 0 ? t : {
+		...t,
+		"--slotted-skeleton-last-line-size": e
+	};
+}
+//#endregion
+export { h as a, x as i, C as n, m as o, S as r, w as t };

package/dist/skeleton.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, t as i } from "./skeleton-2LSpg84Z.js";
+export { t as Skeleton, e as SkeletonDefaultsProvider, n as SkeletonRegion, i as SkeletonText, r as useSkeletonDefaults };

package/dist/slider-B432T6nD.js

@@ -0,0 +1,256 @@
+import { n as e } from "./i18n-DpW8lqJ1.js";
+import { b as t } from "./field-BJh5HI7w.js";
+import { createControllable as n } from "@slotted/core/state";
+import { createContext as r, useCallback as i, useContext as a, useEffect as o, useId as ee, useImperativeHandle as te, useMemo as s, useRef as c, useState as l } from "react";
+import { Fragment as ne, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { createNumberFormat as re } from "@slotted/core/number";
+import { fractionAtPoint as ie, fractionOfValue as f, moveThumb as ae, nearestThumb as oe, normaliseValues as p, sameValues as se, thumbBounds as m, valueAtFraction as ce } from "@slotted/core/slider";
+//#region src/slider/slider-defaults.tsx
+var h = r({
+	orientation: "horizontal",
+	size: "md",
+	valueLabel: "auto"
+});
+function g() {
+	return a(h);
+}
+function le({ children: e, ...t }) {
+	let n = g();
+	return /* @__PURE__ */ u(h.Provider, {
+		value: {
+			orientation: t.orientation ?? n.orientation,
+			size: t.size ?? n.size,
+			valueLabel: t.valueLabel ?? n.valueLabel
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/slider/slider.tsx
+var _ = (e) => Array.isArray(e) ? [...e] : [e], ue = (e) => ({ "--_position": e * 100 }), de = (e, t) => ({
+	"--_start": e * 100,
+	"--_end": t * 100
+}), fe = (e) => e.map((e) => typeof e == "number" ? { value: e } : e);
+function pe({ "aria-describedby": r, "aria-invalid": a, "aria-label": h, "aria-required": le, className: pe, defaultValue: v = 0, disabled: me, form: he, format: y, handle: ge, id: _e, invalid: ve, largeStep: ye, locale: be, marks: b, max: x = 100, min: S = 0, minStepsBetween: C = 0, name: xe, onKeyDown: Se, onValueChange: w, onValueCommit: T, orientation: Ce, origin: E = "min", readOnly: we, ref: D, render: Te, size: Ee, step: O = 1, style: De, thumbLabels: Oe, value: k, valueLabel: ke, ...Ae }) {
+	let A = t(), j = g(), je = e(), Me = ee(), M = c(null), N = c([]), Ne = Ee ?? A?.size ?? j.size, P = Ce ?? j.orientation, Pe = ke ?? j.valueLabel, Fe = be ?? je, F = me ?? A?.disabled, I = we ?? A?.readOnly, Ie = ve ?? A?.invalid, Le = F === !0 || I === !0, L = s(() => ({
+		min: S,
+		max: x,
+		step: O
+	}), [
+		x,
+		S,
+		O
+	]), R = ye ?? O * 10, Re = y === void 0 ? "" : JSON.stringify(y), z = s(() => re({
+		locale: Fe,
+		...y === void 0 ? {} : { options: y }
+	}), [
+		Fe,
+		Re,
+		y
+	]), B = Array.isArray(k ?? v), V = i((e) => B ? e : e[0] ?? S, [B, S]), [H, U] = l(() => p(_(v), L)), W = k !== void 0, G = s(() => W ? p(_(k), L) : H, [
+		W,
+		H,
+		L,
+		k
+	]), ze = A?.registerControl;
+	o(() => ze?.(), [ze]);
+	let Be = i((e, t, r) => {
+		let i = n({
+			...W ? { controlled: G } : {},
+			initial: G,
+			equals: se,
+			onRequest: (e) => w?.(V(e.value), e)
+		}).request(e, t, r);
+		return i && U(e), i;
+	}, [
+		W,
+		w,
+		V,
+		G
+	]), K = i((e, t) => {
+		T?.(V(e), t);
+	}, [T, V]), q = s(() => b === void 0 ? [] : fe(b), [b]), J = i((e) => q.find((t) => t.value === e && t.label !== void 0)?.label ?? z.format(e), [z, q]), Ve = E === "min" ? S : E === "max" ? x : E, Y = G[0] ?? S, He = G[G.length - 1] ?? S, Ue = G.length > 1 ? Y : Math.min(Ve, Y), We = G.length > 1 ? He : Math.max(Ve, Y), [X, Ge] = l(null), Z = i(() => M.current !== null && getComputedStyle(M.current).direction === "rtl", []), Q = i((e, t, n, r) => {
+		let i = ae({
+			...L,
+			values: G,
+			index: e,
+			next: t,
+			minStepsBetween: C
+		});
+		return i === G ? G : (Be(i, n, r), i);
+	}, [
+		C,
+		Be,
+		L,
+		G
+	]), Ke = i((e) => {
+		let t = M.current;
+		if (t === null) return null;
+		let n = t.getBoundingClientRect(), r = ie({
+			x: e.clientX,
+			y: e.clientY
+		}, {
+			rect: n,
+			orientation: P,
+			rtl: Z()
+		});
+		return ce(r, L);
+	}, [
+		Z,
+		P,
+		L
+	]), qe = (e) => {
+		if (Le || e.button !== 0) return;
+		let t = Ke(e);
+		if (t === null) return;
+		let n = oe(G, t);
+		n !== -1 && (e.preventDefault(), N.current[n]?.focus(), e.currentTarget.setPointerCapture(e.pointerId), Ge(n), Q(n, t, "pointer", e));
+	}, Je = (e) => {
+		if (X === null) return;
+		let t = Ke(e);
+		t !== null && Q(X, t, "pointer", e);
+	}, Ye = (e) => {
+		X !== null && (e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), Ge(null), K(G, "pointer"));
+	}, Xe = (e) => (t) => {
+		if (Se?.(t), t.defaultPrevented || Le) return;
+		let n = t.shiftKey ? R : O, r = Z() ? -1 : 1, i = m({
+			...L,
+			values: G,
+			index: e,
+			minStepsBetween: C
+		}), a = G[e] ?? S, o = (n, r) => {
+			t.preventDefault();
+			let i = Q(e, a + n * r, "keyboard", t);
+			K(i, "keyboard");
+		};
+		switch (t.key) {
+			case "ArrowRight":
+				o(r, n);
+				return;
+			case "ArrowLeft":
+				o(-r, n);
+				return;
+			case "ArrowUp":
+				o(1, n);
+				return;
+			case "ArrowDown":
+				o(-1, n);
+				return;
+			case "PageUp":
+				o(1, R);
+				return;
+			case "PageDown":
+				o(-1, R);
+				return;
+			case "Home": {
+				t.preventDefault();
+				let n = Q(e, i.min, "keyboard", t);
+				K(n, "keyboard");
+				return;
+			}
+			case "End": {
+				t.preventDefault();
+				let n = Q(e, i.max, "keyboard", t);
+				K(n, "keyboard");
+				return;
+			}
+		}
+	};
+	te(ge, () => ({ focusThumb: (e = 0) => N.current[e]?.focus() }), []), o(() => {
+		let e = N.current[0]?.form;
+		if (e == null) return;
+		let t = () => U(p(_(v), L));
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [v, L]);
+	let $ = _e ?? A?.ids.control ?? Me, Ze = q.length === 0 ? void 0 : q.some((e) => e.label !== void 0) ? "labelled" : "ticks", Qe = {
+		children: /* @__PURE__ */ d(ne, { children: [Pe === "none" ? null : /* @__PURE__ */ u("output", {
+			"data-part": "output",
+			htmlFor: $,
+			children: G.map((e) => J(e)).join(" – ")
+		}), /* @__PURE__ */ u("div", {
+			"data-part": "control",
+			onPointerCancel: Ye,
+			onPointerDown: qe,
+			onPointerMove: Je,
+			onPointerUp: Ye,
+			children: /* @__PURE__ */ d("div", {
+				"data-part": "track",
+				ref: M,
+				children: [
+					/* @__PURE__ */ u("div", {
+						"data-part": "indicator",
+						style: de(f(Ue, L), f(We, L))
+					}),
+					q.map((e) => /* @__PURE__ */ u("span", {
+						"data-part": "mark",
+						style: ue(f(e.value, L)),
+						...e.value === S ? { "data-edge": "start" } : {},
+						...e.value === x ? { "data-edge": "end" } : {},
+						children: e.label === void 0 ? null : /* @__PURE__ */ u("span", {
+							"data-part": "mark-label",
+							children: e.label
+						})
+					}, e.value)),
+					G.map((e, t) => {
+						let n = m({
+							...L,
+							values: G,
+							index: t,
+							minStepsBetween: C
+						});
+						return /* @__PURE__ */ d("div", {
+							"data-index": t,
+							"data-part": "thumb",
+							style: ue(f(e, L)),
+							...X === t ? { "data-active": "" } : {},
+							children: [/* @__PURE__ */ u("input", {
+								...Ae,
+								"aria-describedby": [r, A?.describedBy].filter(Boolean).join(" ") || void 0,
+								"aria-invalid": a ?? (Ie === !0 || void 0),
+								"aria-label": Oe?.[t] ?? (G.length > 1 ? void 0 : h),
+								"aria-orientation": P,
+								"aria-readonly": I === !0 || void 0,
+								"aria-required": le ?? (A?.required === !0 || void 0),
+								"aria-valuetext": J(e),
+								"data-part": "input",
+								disabled: F,
+								form: he,
+								id: t === 0 ? $ : `${$}-${t}`,
+								max: n.max,
+								min: n.min,
+								name: xe,
+								onKeyDown: Xe(t),
+								ref: (e) => {
+									N.current[t] = e, t === 0 && (typeof D == "function" ? D(e) : D != null && (D.current = e));
+								},
+								step: O,
+								type: "range",
+								value: e,
+								onChange: () => void 0
+							}), /* @__PURE__ */ u("span", {
+								"aria-hidden": "true",
+								"data-part": "bubble",
+								children: J(e)
+							})]
+						}, t);
+					})
+				]
+			})
+		})] }),
+		className: pe,
+		style: De,
+		...F === !0 ? { "data-disabled": "" } : {},
+		...X === null ? {} : { "data-dragging": "" },
+		...Ie === !0 ? { "data-invalid": "" } : {},
+		...Ze === void 0 ? {} : { "data-marks": Ze },
+		...I === !0 ? { "data-readonly": "" } : {},
+		"data-orientation": P,
+		"data-part": "root",
+		"data-size": Ne,
+		"data-ui": "slider",
+		"data-value-label": Pe
+	};
+	return Te === void 0 ? /* @__PURE__ */ u("div", { ...Qe }) : Te(Qe);
+}
+//#endregion
+export { le as n, g as r, pe as t };

package/dist/slider.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "./slider-B432T6nD.js";
+export { n as Slider, e as SliderDefaultsProvider, t as useSliderDefaults };

package/dist/sparkline-rY7HIFE4.js

@@ -0,0 +1,131 @@
+import { n as e, r as t } from "./i18n-DpW8lqJ1.js";
+import { createContext as n, useContext as r, useLayoutEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { sparklineMessages as d } from "@slotted/core/i18n";
+import { SPARKLINE_STEPS as f, describeSparkline as p, layoutSparkline as m, observeSparklineBox as h, sparklineInset as g } from "@slotted/core/sparkline";
+//#region src/sparkline/sparkline-defaults.tsx
+var _ = n({});
+function v() {
+	return r(_);
+}
+function y({ children: e, ...t }) {
+	let n = v();
+	return /* @__PURE__ */ l(_.Provider, {
+		value: {
+			area: t.area ?? n.area,
+			curve: t.curve ?? n.curve,
+			formatOptions: t.formatOptions ?? n.formatOptions,
+			marker: t.marker ?? n.marker
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/sparkline/sparkline.tsx
+var b = 2, x = 2;
+function S({ area: n, curve: r, data: _, description: y, formatOptions: S, label: C, locale: w, marker: T, max: E, messages: D, min: O, ref: k, reference: A, render: j, series: M, size: N = "md", tone: P, type: F = "line", valueFormatter: I, ...L }) {
+	let R = v(), z = e(), B = t(d, D), V = {
+		area: n ?? R.area ?? !1,
+		curve: r ?? R.curve ?? "linear",
+		marker: T ?? R.marker ?? !0,
+		locale: w ?? z,
+		formatOptions: S ?? R.formatOptions
+	}, H = o(null), [U, W] = s(null);
+	i(() => {
+		let e = H.current;
+		if (e === null) return;
+		let t = h(e, W);
+		return () => t.destroy();
+	}, []);
+	let G = f[N], K = U?.width || G.width, q = U?.height || G.height, J = a(() => m({
+		data: _,
+		width: K,
+		height: q,
+		inset: g(N, F, V.marker),
+		type: F,
+		curve: V.curve,
+		area: V.area,
+		min: O,
+		max: E,
+		reference: A,
+		gap: b,
+		radius: x
+	}), [
+		_,
+		K,
+		q,
+		N,
+		F,
+		V.marker,
+		V.curve,
+		V.area,
+		O,
+		E,
+		A
+	]), Y = a(() => {
+		if (I) return I;
+		let e = new Intl.NumberFormat(V.locale, V.formatOptions);
+		return (t) => e.format(t);
+	}, [
+		I,
+		V.locale,
+		V.formatOptions
+	]), X = y ?? p(_, {
+		t: B,
+		format: Y,
+		label: C
+	}), Z = {
+		...L,
+		"aria-label": X,
+		children: /* @__PURE__ */ u("svg", {
+			"aria-hidden": "true",
+			"data-part": "plot",
+			focusable: "false",
+			preserveAspectRatio: "none",
+			viewBox: `0 0 ${K} ${q}`,
+			children: [
+				J.area ? /* @__PURE__ */ l("path", {
+					d: J.area,
+					"data-part": "area"
+				}) : null,
+				J.line ? /* @__PURE__ */ l("path", {
+					d: J.line,
+					"data-part": "line"
+				}) : null,
+				J.bars.map((e, t) => /* @__PURE__ */ l("path", {
+					d: e.path,
+					"data-current": t === J.bars.length - 1 ? "" : void 0,
+					"data-part": "bar"
+				}, e.index)),
+				J.reference === null ? null : /* @__PURE__ */ l("line", {
+					"data-part": "reference",
+					x1: 0,
+					x2: K,
+					y1: J.reference,
+					y2: J.reference
+				}),
+				V.marker && F === "line" && J.marker ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("path", {
+					d: `M${J.marker.x} ${J.marker.y}h0.001`,
+					"data-part": "ring"
+				}), /* @__PURE__ */ l("path", {
+					d: `M${J.marker.x} ${J.marker.y}h0.001`,
+					"data-part": "marker"
+				})] }) : null
+			]
+		}),
+		"data-curve": V.curve,
+		"data-part": "root",
+		"data-series": M === void 0 ? void 0 : String(M),
+		"data-size": N,
+		"data-tone": P,
+		"data-type": F,
+		"data-ui": "sparkline",
+		ref: (e) => {
+			H.current = e, typeof k == "function" ? k(e) : k != null && (k.current = e);
+		},
+		role: "img"
+	};
+	return j === void 0 ? /* @__PURE__ */ l("span", { ...Z }) : j(Z);
+}
+//#endregion
+export { y as n, v as r, S as t };

package/dist/sparkline.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "./sparkline-rY7HIFE4.js";
+export { n as Sparkline, e as SparklineDefaultsProvider, t as useSparklineDefaults };

package/dist/split-button-DHF3v3PJ.js

@@ -0,0 +1,135 @@
+import { n as e, t } from "./button-defaults-DNq_DDJh.js";
+import { n, t as r } from "./icon-T9Yt4tnm.js";
+import { _ as i, m as a, n as o } from "./menu-parts-BQej6eU9.js";
+import { n as s, t as c } from "./icon-button-TnvMhK4o.js";
+import { createControllable as l } from "@slotted/core/state";
+import { createContext as u, useCallback as d, useContext as f, useRef as p, useState as m } from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region src/split-button/split-button-defaults.tsx
+var g = u({});
+function _() {
+	return f(g);
+}
+function v({ children: e, ...t }) {
+	let n = _();
+	return /* @__PURE__ */ h(g.Provider, {
+		value: {
+			size: t.size ?? n.size,
+			tone: t.tone ?? n.tone,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/split-button/split-button.tsx
+var y = u(null);
+function b() {
+	let e = f(y);
+	if (e === null) throw Error("A split button part has to be inside a SplitButton.");
+	return e;
+}
+function x({ children: n, defaultValue: r, disabled: i = !1, fullWidth: a = !1, loading: o = !1, onValueChange: s, remember: c = !1, render: u, size: d, tone: f, value: p, variant: g, ...v }) {
+	let b = _(), x = e(), S = {
+		size: d ?? b.size ?? x.size ?? "md",
+		tone: f ?? b.tone ?? x.tone ?? "accent",
+		variant: g ?? b.variant ?? x.variant ?? "solid"
+	}, [C, w] = m(r), T = l({
+		controlled: p,
+		initial: C,
+		onRequest: (e) => s?.(e.value, e)
+	}), E = {
+		disabled: i,
+		loading: o,
+		remember: c,
+		select: (e, t, n) => {
+			T.request(e, t, n) && w(e);
+		},
+		value: c ? T.value : void 0
+	}, D = {
+		role: "group",
+		...v,
+		children: /* @__PURE__ */ h(y.Provider, {
+			value: E,
+			children: /* @__PURE__ */ h(t, {
+				size: S.size,
+				tone: S.tone,
+				variant: S.variant,
+				children: n
+			})
+		}),
+		...i ? { "data-disabled": "" } : {},
+		...a ? { "data-full-width": "" } : {},
+		...o ? { "data-loading": "" } : {},
+		"data-part": "root",
+		"data-size": S.size,
+		"data-tone": S.tone,
+		"data-ui": "split-button",
+		"data-variant": S.variant
+	};
+	return u === void 0 ? /* @__PURE__ */ h("div", { ...D }) : u(D);
+}
+//#endregion
+//#region src/split-button/split-button-parts.tsx
+function S(e, ...t) {
+	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
+}
+function C({ disabled: e = !1, loading: t = !1, render: n, ...r }) {
+	let i = b();
+	return /* @__PURE__ */ h(s, {
+		...r,
+		disabled: e || i.disabled,
+		loading: t || i.loading,
+		render: (e) => {
+			let t = {
+				...e,
+				"data-part": "primary"
+			};
+			return n === void 0 ? /* @__PURE__ */ h("button", { ...t }) : n(t);
+		}
+	});
+}
+function w({ children: e, disabled: t, ref: n, ...r }) {
+	let a = b(), o = t || a.disabled || a.loading;
+	return /* @__PURE__ */ h(i, {
+		...r,
+		...o ? { disabled: !0 } : {},
+		...n === void 0 ? {} : { ref: n },
+		children: e
+	});
+}
+function T({ children: e, disabled: t = !1, ref: i, render: a, ...s }) {
+	let l = b(), u = p(void 0), f = d((e) => {
+		S(e, u.current), S(e, i);
+	}, [i]);
+	return /* @__PURE__ */ h(o, {
+		...s,
+		render: ({ ref: i, "data-disabled": o, ...s }) => (u.current = i, /* @__PURE__ */ h(c, {
+			...s,
+			disabled: t || l.disabled,
+			ref: f,
+			render: (e) => {
+				let t = {
+					...e,
+					...l.loading ? { "aria-disabled": !0 } : {},
+					"data-part": "menu-trigger"
+				};
+				return a === void 0 ? /* @__PURE__ */ h("button", { ...t }) : a(t);
+			},
+			shape: "square",
+			children: e ?? /* @__PURE__ */ h(r, { children: /* @__PURE__ */ h(n, { name: "chevron-down" }) })
+		}))
+	});
+}
+function E({ children: e, ...t }) {
+	let n = b();
+	if (!n.remember) throw Error("SplitButtonChoices needs a SplitButton with `remember`.");
+	return /* @__PURE__ */ h(a, {
+		...t,
+		onValueChange: (e, t) => n.select(e, t.reason, t.source),
+		value: n.value,
+		children: e
+	});
+}
+//#endregion
+export { x as a, _ as c, C as i, w as n, b as o, T as r, v as s, E as t };

package/dist/split-button.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./split-button-DHF3v3PJ.js";
+export { e as SplitButton, s as SplitButtonChoices, o as SplitButtonDefaultsProvider, r as SplitButtonMenu, a as SplitButtonMenuTrigger, n as SplitButtonPrimary, i as useSplitButton, t as useSplitButtonDefaults };