@iamfiro/design 0.3.0 → 0.3.2

package/lib/components/Toolbar/Toolbar2.js

@@ -1,130 +1,130 @@
 "use client";
-const e = C;
-(function(e, t) {
-	let n = C, r = e();
-	for (;;) try {
-		if (-parseInt(n(285)) / 1 + parseInt(n(250)) / 2 + -parseInt(n(284)) / 3 + -parseInt(n(279)) / 4 + -parseInt(n(276)) / 5 + -parseInt(n(272)) / 6 + parseInt(n(255)) / 7 == t) break;
-		r.push(r.shift());
-	} catch {
-		r.push(r.shift());
-	}
-})(a, 534518);
-import { Kbd as t } from "../../primitives/Kbd2.js";
-import { Tooltip as n } from "../../primitives/Tooltip2.js";
-import { Separator as r } from "../../primitives/Layout2.js";
-import { useControllableState as i } from "../../hooks/useControllableState.js";
-function a() {
-	let e = /* @__PURE__ */ "u2vWyxjHDg9Y.qNv0Dg9U.nJqXnZG1zhDXALrv.y2HPBgrYzw4.zhmTDg9VBgjHCI0T.mJmXmtq3mMD5EwTTBq.AgfZqxr0CMLIDxrL.y29SDw1Ur2fW.C2vWyxjHDg9Y.y2XVC2vZDa.nZm1mZGXtunpterT.otG1otuXC2DutMjd.zw5K.zhmTDg9VBgjHCL9FBw9Yzq.642u67o06RIW.Bwf0y2HLCW.D2LKDgG.w2rHDgeTDg9VBgjHCI1Pzf0.z2v0qM91BMrPBMDdBgLLBNrszwn0.AxndB21WB3nPBMC.y3vYCMvUDa.DgfIsw5KzxG.B3jPzw50yxrPB24.AgfZ.zhmTDg9VBgjHCL9FC2vW.B2jZzxj2zq.CMvNAxn0zxi.y2XPy2S.C3bSAxq.Dg9VBgjHCG.AgLKzgvU.BgvUz3rO.rw5K.AM9PBG.Ag9YAxPVBNrHBa.zgLZy29UBMvJDa.qxjYB3DsAwDODa.zgL2.zgf0ys10B29SyMfYlxnLCa.CgfKzgLUz1jPz2H0.y3rYBeTLEq.AwnVBG.Dw5ZAgLMDa.ywX0s2v5.u3bHy2vY.C2vW.qxjYB3DvCa.zw50CNK.A2v5.BMf0AxzLrxzLBNq.yNv0Dg9UlcbPBNb1DcWGC2vSzwn0lcb0zxH0yxjLysWGyvTOCMvMxsWGw2rHDgeTDg9VBgjHCI1PDgvTxq.w3jVBgu9iNrVB2XIyxiIxq.sg9Tzq.DgfYz2v0.C3r5Bgu.B2zMC2v0sgvPz2H0.CgXHAw4.y29UDgfPBNm.w2rHDgeTDg9VBgjHCI1ZCgfJzxjD.Aw5JBhvKzxm.C2L6zq.x19TB3jL.C3bHBG.zMLUzeLUzgv4.y2XPzw50v2LKDgG.Dg9VBgjHCKLK.mtK1nZG5offyEKjMCG.zhmTDg9VBgjHCL9FC3bHy2vY.CMLNAhq.uhjVDMLKzxi.zhmTDg9VBgjHCL9FyNrU.mteXnJG1nZbWB1b1zfi.B3zLCMzSB3C.qxjYB3Dmzwz0.ChjLC3nLza.CgfKzgLUz0XLzNq.z2v0q2XPzw50uMvJDhm.zgf0yxnLDa.DMvYDgLJywW.C2v0.zhmTDg9VBgjHCG.CgfYzw50rwXLBwvUDa.z2v0.zMLSDgvY.zgLZywjSzwq.CxvLCNLtzwXLy3rVCKfSBa.Dw5YzwDPC3rLCG.BM9Uzq.nJe1odi4uMndyNrY.zgvMyxvSDfbYzxzLBNrLza".split(".");
-	return a = function() {
+const e = n;
+function t() {
+	let e = /* @__PURE__ */ "zhmTDg9VBgjHCL9FC3bHy2vY.C2L6zq.z2v0q2XPzw50uMvJDhm.mJGXndCXmdbZwLPfqMe.sg9Tzq.zgLZywjSzwq.AM9PBG.zMLUzeLUzgv4.mJq3odDZwKnJyMi.zMLSDgvY.y3vYCMvUDa.ywX0s2v5.C2v0.zhmTDg9VBgjHCL9FyNrU.DgfYz2v0.AxndB21WB3nPBMC.CgfKzgLUz1jPz2H0.AwnVBG.B2zM.Bwv0yuTLEq.CxvLCNLtzwXLy3rVCKfSBa.AgfZqxr0CMLIDxrL.Bwf0y2HLCW.y2XPy2S.CgfKzgLUz0XLzNq.zhmTDg9VBgjHCL9FBw9Yzq.mti2odC4y2H4z1rU.BM9Uzq.y29UDgfPBNm.zgLZy29UBMvJDa.mJzTuK5cDg4.Dg9VBgjHCG.qxjYB3DeB3DU.ChjLDMvUDerLzMf1Bhq.CMLNAhq.Dg9VBgjHCKLK.CMvKDwnL.qNv0Dg9U.C2vW.Aw5JBhvKzxm.zgf0ys10B29SyMfYlxnLCa.A2v5.y2HPBgrYzw4.AgLKzgvU.qxjYB3DsAwDODa.Dw5ZAgLMDa.u3bHy2vY.BgfIzwW.C2HVCNrJDxq.nte5mtK3nfHOAK9wtq.yNv0Dg9UlcbPBNb1DcWGC2vSzwn0lcb0zxH0yxjLysWGyvTOCMvMxsWGw2rHDgeTDg9VBgjHCI1PDgvTxq.CgfYzw50rwXLBwvUDa.z2HVC3q.B3zLCMzSB3C.qxjYB3Dmzwz0.Aw5WDxq6BM90kfT0ExbLpwj1DhrVBL0PoM5VDcHBDhLWzt1JAgvJA2jVEf0PoM5VDcHBDhLWzt1YywrPB10Plcb0zxH0yxjLysWGC2vSzwn0lcbBy29UDgvUDgvKAxrHyMXLpsj0CNvLiL0.D2LKDgG.Dw5YzwDPC3rLCG.nde2mdi3n2jADKrUyW.BwfW.B2jZzxj2zq.CxvLCNLtzwXLy3rVCG.zgL2.AgfZ.DgfIsw5KzxG.zhmTDg9VBgjHCI0T.x19TB3jL.BgvUz3rO.zhmTDg9VBgjHCG.DMvYDgLJywW.mta2nJu0odzurfLIwe8.C2vWyxjHDg9Y.BMf0AxzLrxzLBNq.B2zMC2v0sgvPz2H0.C3r5Bgu.ChjLC3nLza.Ag9YAxPVBNrHBa.zw50CNK.z2v0.zhmTDg9VBgjHCI0TDMvYDgLJywW.ndvuA0PovLu.zgf0yxnLDa.w2rHDgeTDg9VBgjHCI1Pzf0.C3bHBG.w3jVBgu9iNrVB2XIyxiIxq.mZC1nJKYq2fOz1bA.mJuWnfHjsLfSAG.CMvNAxn0zxi".split(".");
+	return t = function() {
 		return e;
-	}, a();
+	}, t();
 }
-import { Button as o, cx as s } from "../../primitives/index.js";
-import { DropdownMenu as c, DropdownMenuCheckboxItem as l, DropdownMenuItem as u, DropdownMenuSeparator as d } from "../DropdownMenu/DropdownMenu2.js";
-/* empty css        */
-import { createContext as f, forwardRef as p, useCallback as m, useContext as h, useEffect as g, useId as _, useImperativeHandle as v, useLayoutEffect as y, useMemo as b, useRef as x, useState as S } from "react";
-function C(e, t) {
-	e -= 219;
-	let n = a(), r = n[e];
-	C.ZETlEh === void 0 && (C.iMGEdN = function(e) {
+function n(e, r) {
+	e -= 144;
+	let i = t(), a = i[e];
+	n.kEyECX === void 0 && (n.btabFN = function(e) {
 		let t = "", n = "";
 		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
 		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
 		return decodeURIComponent(n);
-	}, C.rhNKcN = {}, C.ZETlEh = !0);
-	let i = n[0];
-	C.kBHmcZ !== i && (C.rhNKcN = {}, C.kBHmcZ = i);
-	let o = C.rhNKcN[e];
-	return o === void 0 ? (r = C.iMGEdN(r), C.rhNKcN[e] = r) : r = o, r;
+	}, n.hSXnYo = {}, n.kEyECX = !0);
+	let o = i[0];
+	n.mcHlkV !== o && (n.hSXnYo = {}, n.mcHlkV = o);
+	let s = n.hSXnYo[e];
+	return s === void 0 ? (a = n.btabFN(a), n.hSXnYo[e] = a) : a = s, a;
 }
+(function(e, t) {
+	let r = n, i = e();
+	for (;;) try {
+		if (parseInt(r(175)) / 1 * (parseInt(r(179)) / 2) + parseInt(r(207)) / 3 + parseInt(r(146)) / 4 * (parseInt(r(229)) / 5) + -parseInt(r(219)) / 6 + -parseInt(r(157)) / 7 * (-parseInt(r(147)) / 8) + parseInt(r(198)) / 9 + -parseInt(r(152)) / 10 == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(t, 974408);
+import { Kbd as r } from "../../primitives/Kbd2.js";
+import { Tooltip as i } from "../../primitives/Tooltip2.js";
+import { Separator as a } from "../../primitives/Layout2.js";
+import { useControllableState as o } from "../../hooks/useControllableState.js";
+import { Button as s, cx as c } from "../../primitives/index.js";
+import { DropdownMenu as l, DropdownMenuCheckboxItem as u, DropdownMenuItem as d, DropdownMenuSeparator as f } from "../DropdownMenu/DropdownMenu2.js";
+/* empty css        */
+import { createContext as p, forwardRef as m, useCallback as h, useContext as g, useEffect as _, useId as v, useImperativeHandle as y, useLayoutEffect as b, useMemo as x, useRef as S, useState as C } from "react";
 import { MoreHorizontal as w } from "lucide-react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-var O = f(null), k = e(234), A = "input:not([type=button]):not([type=checkbox]):not([type=radio]), textarea, select, [contenteditable=\"true\"]";
-function j({ children: t, "aria-label": n, "aria-labelledby": r, orientation: i = e(308), variant: a = e(240), size: o = "md", loop: f = !0, overflow: p = !1, overflowLabel: h = e(288), className: g, style: _ }) {
-	let v = e, C = x(null), T = x(null), j = p && i === v(308), N = m(() => {
-		let e = v, t = C.current;
-		return t ? [...t[e(269)](k)][e(267)]((n) => !n[e(268)] && n.getClientRects()[e(305)] > 0 && n[e(283)](e(235)) === t && !n[e(265)]?.[e(283)](k)) : [];
-	}, []), P = m(() => {
+var O = p(null), k = e(199), A = e(204);
+function j({ children: t, "aria-label": n, "aria-labelledby": r, orientation: i = e(225), variant: a = "plain", size: o = "md", loop: s = !0, overflow: p = !1, overflowLabel: m = "더보기", className: g, style: _ }) {
+	let v = e, y = S(null), T = S(null), j = p && i === v(225), N = h(() => {
+		let e = v, t = y[e(159)];
+		return t ? [...t[e(169)](k)].filter((n) => !n[e(154)] && n[e(151)]().length > 0 && n.closest(e(145)) === t && !n[e(200)]?.closest(k)) : [];
+	}, []), P = h(() => {
 		let e = v, t = N();
-		T.current && t[e(243)](T[e(294)]) || (T[e(294)] = t[0] ?? null);
-		for (let t of C[e(294)]?.[e(269)](k) ?? []) t.closest(e(235)) === C[e(294)] && (t[e(295)] = t === T[e(294)] ? 0 : -1);
+		T[e(159)] && t[e(188)](T[e(159)]) || (T[e(159)] = t[0] ?? null);
+		for (let t of y.current?.querySelectorAll(k) ?? []) t.closest(e(145)) === y.current && (t[e(213)] = t === T[e(159)] ? 0 : -1);
 	}, [N]);
-	y(() => {
+	b(() => {
 		let e = v;
 		P();
-		let t = C[e(294)];
+		let t = y[e(159)];
 		if (!t) return;
 		let n = new MutationObserver(P);
-		return n.observe(t, {
+		return n[e(209)](t, {
 			childList: !0,
 			subtree: !0,
 			attributes: !0,
-			attributeFilter: [e(268), e(238)]
-		}), () => n.disconnect();
+			attributeFilter: ["disabled", e(223)]
+		}), () => n[e(178)]();
 	}, [P]);
 	let F = (e) => {
-		let t = v, n = e.target;
-		C[t(294)]?.[t(241)](n) && N()[t(243)](n) && T[t(294)] !== n && (T[t(294)] = n, P());
+		let t = v, n = e[t(163)];
+		y[t(159)]?.contains(n) && N()[t(188)](n) && T.current !== n && (T[t(159)] = n, P());
 	}, I = (e) => {
-		let t = v, n = e[t(237)];
-		if (e[t(273)] || !C.current?.[t(241)](n) || n[t(289)](A) || e[t(227)] || e[t(224)] || e.metaKey || e[t(233)][t(293)]) return;
-		let r = i === t(308) ? t(257) : t(230), a = i === t(308) ? t(220) : "ArrowDown", o = N(), s = o[t(247)]((e) => e === n || e[t(241)](n));
-		if (s < 0) return;
-		let c;
-		if (e.key === a) c = s + 1 < o[t(305)] ? o[s + 1] : f ? o[0] : void 0;
-		else if (e[t(232)] === r) c = s > 0 ? o[s - 1] : f ? o[o.length - 1] : void 0;
-		else if (e[t(232)] === t(236)) c = o[0];
-		else if (e[t(232)] === t(306)) c = o[o[t(305)] - 1];
+		let t = v, n = e[t(163)];
+		if (e.defaultPrevented || !y[t(159)]?.[t(177)](n) || n[t(171)](A) || e[t(160)] || e.ctrlKey || e[t(168)] || e[t(221)][t(164)]) return;
+		let r = i === t(225) ? t(203) : "ArrowUp", a = i === t(225) ? t(193) : t(181), o = N(), c = o[t(156)]((e) => e === n || e[t(177)](n));
+		if (c < 0) return;
+		let l;
+		if (e[t(190)] === a) l = c + 1 < o[t(216)] ? o[c + 1] : s ? o[0] : void 0;
+		else if (e[t(190)] === r) l = c > 0 ? o[c - 1] : s ? o[o.length - 1] : void 0;
+		else if (e[t(190)] === t(153)) l = o[0];
+		else if (e[t(190)] === "End") l = o[o[t(216)] - 1];
 		else return;
-		e.preventDefault(), c?.focus();
-	}, [L, R] = S(() => /* @__PURE__ */ new Map()), [z, B] = S([]), V = b(() => new Set(z), [z]), H = x(/* @__PURE__ */ new Map()), U = x(null), W = m((e, t) => R((n) => new Map(n)[v(263)](e, t)), []), G = m((e) => R((t) => {
+		e[t(182)](), l?.focus();
+	}, [L, R] = C(() => /* @__PURE__ */ new Map()), [z, B] = C([]), V = x(() => new Set(z), [z]), H = S(/* @__PURE__ */ new Map()), U = S(null), W = h((e, t) => R((n) => new Map(n)[v(161)](e, t)), []), G = h((e) => R((t) => {
 		let n = new Map(t);
 		return n.delete(e), n;
 	}), []);
-	y(() => {
-		let e = v, t = C[e(294)];
+	b(() => {
+		let e = v, t = y[e(159)];
 		if (!j || !t) {
-			B((t) => t[e(305)] ? [] : t);
+			B((t) => t[e(216)] ? [] : t);
 			return;
 		}
 		let n = () => {
-			let n = e, r = U[n(294)], i = getComputedStyle(t), a = parseFloat(i[n(281)]) || 0, o = t[n(248)] - parseFloat(i[n(259)]) - parseFloat(i[n(223)]);
-			r && r[n(260)]()[n(305)] && H[n(294)][n(263)](n(245), r[n(292)]().width);
-			let s = H.current[n(266)]("__more") ?? t.querySelector(".ds-btn")?.[n(239)] ?? 34, c = [...t[n(277)]].filter((e) => e !== r).map((e) => {
-				let t = n, r = e.matches(t(291)) ? e : e.querySelector(":scope > [data-toolbar-id]"), i = r?.[t(261)][t(249)], a = e[t(260)]()[t(305)] > 0;
-				i && a && H.current[t(263)](i, e[t(292)]().width);
-				let o = e[t(289)](t(242)) ? 0 : i ? H[t(294)][t(266)](i) ?? 0 : a ? e[t(292)]()[t(290)] : 0;
+			let n = e, r = U[n(159)], i = getComputedStyle(t), a = parseFloat(i.columnGap) || 0, o = t.clientWidth - parseFloat(i[n(173)]) - parseFloat(i[n(165)]);
+			r && r.getClientRects()[n(216)] && H[n(159)][n(161)](n(215), r.getBoundingClientRect()[n(205)]);
+			let s = H[n(159)][n(227)](n(215)) ?? t[n(210)](".ds-btn")?.[n(222)] ?? 34, c = [...t[n(191)]][n(158)]((e) => e !== r)[n(208)]((e) => {
+				let t = n, r = e[t(171)](t(231)) ? e : e[t(210)](":scope > [data-toolbar-id]"), i = r?.[t(230)][t(184)], a = e.getClientRects()[t(216)] > 0;
+				i && a && H[t(159)][t(161)](i, e.getBoundingClientRect()[t(205)]);
+				let o = e[t(171)]("[data-toolbar-spacer]") ? 0 : i ? H[t(159)].get(i) ?? 0 : a ? e.getBoundingClientRect()[t(205)] : 0;
 				return {
 					id: i,
-					sep: r?.[t(280)](t(222)) ?? !1,
+					sep: r?.[t(170)](t(189)) ?? !1,
 					w: o
 				};
-			}), l = (e) => e.reduce((e, t) => e + t.w, 0) + a * Math.max(e[n(305)] - 1, 0), u = c, d = [];
+			}), l = (e) => e[n(185)]((e, t) => e + t.w, 0) + a * Math.max(e[n(216)] - 1, 0), u = c, d = [];
 			if (l(c) > o + .5) {
-				for (let e = c[n(305)] - 1; e >= 0 && l(u) + a + s > o + .5; e--) {
+				for (let e = c[n(216)] - 1; e >= 0 && l(u) + a + s > o + .5; e--) {
 					let t = c[e].id;
-					t && (d.unshift(t), u = u[n(267)]((t) => t !== c[e]));
+					t && (d[n(194)](t), u = u[n(158)]((t) => t !== c[e]));
 				}
-				for (; u[n(305)] && u[u[n(305)] - 1][n(229)];) {
-					let e = u[u[n(305)] - 1];
-					d[n(226)](e.id), u = u.slice(0, -1);
+				for (; u[n(216)] && u[u.length - 1][n(187)];) {
+					let e = u[u[n(216)] - 1];
+					d[n(194)](e.id), u = u.slice(0, -1);
 				}
 			}
-			let f = d[n(307)]("|");
-			B((e) => e[n(307)]("|") === f ? e : d);
+			let f = d[n(155)]("|");
+			B((e) => e[n(155)]("|") === f ? e : d);
 		};
 		n();
 		let r = new ResizeObserver(n);
-		r[e(299)](t);
+		r[e(209)](t);
 		let i = new MutationObserver(n);
-		return i[e(299)](t, { childList: !0 }), () => {
-			r[e(219)](), i.disconnect();
+		return i.observe(t, { childList: !0 }), () => {
+			r.disconnect(), i.disconnect();
 		};
 	}, [j, L]);
 	let K = z.map((e) => ({
 		id: e,
-		entry: L.get(e)
-	}))[v(267)]((e) => !!e[v(231)])[v(267)]((e, t, n) => !e[v(231)].separator || t > 0 && t < n[v(305)] - 1 && !n[t - 1][v(231)][v(282)]), q = b(() => ({
+		entry: L[v(227)](e)
+	}))[v(158)]((e) => !!e[v(226)]).filter((e, t, n) => !e.entry[v(220)] || t > 0 && t < n[v(216)] - 1 && !n[t - 1][v(226)][v(220)]), q = x(() => ({
 		size: o,
 		orientation: i,
 		overflow: j,
@@ -139,143 +139,143 @@ function j({ children: t, "aria-label": n, "aria-labelledby": r, orientation: i
 		W,
 		G
 	]);
-	return E(O[v(253)], {
+	return E(O.Provider, {
 		value: q,
-		children: D(v(221), {
-			ref: C,
-			role: v(303),
+		children: D(v(211), {
+			ref: y,
+			role: v(180),
 			"aria-label": n,
 			"aria-labelledby": r,
 			"aria-orientation": i,
-			className: s(v(264), v(278) + a, v(278) + o, i === "vertical" && "ds-toolbar--vertical", j && "ds-toolbar--overflow", g),
+			className: c(v(217), v(214) + a, v(214) + o, i === v(218) && v(228), j && "ds-toolbar--overflow", g),
 			style: _,
 			onFocus: F,
 			onKeyDown: I,
-			children: [t, j && E(v(246), {
+			children: [t, j && E(v(144), {
 				ref: U,
-				className: v(287),
-				style: K[v(305)] ? void 0 : { display: v(271) },
-				children: E(c, {
-					align: v(286),
-					"aria-label": h,
+				className: v(174),
+				style: K[v(216)] ? void 0 : { display: v(176) },
+				children: E(l, {
+					align: "end",
+					"aria-label": m,
 					trigger: E(M, {
-						label: h,
+						label: m,
 						icon: E(w, {}),
 						collapsible: !1
 					}),
-					children: K.map(({ id: e, entry: t }) => t[v(282)] ? E(d, {}, e) : t[v(258)] === void 0 ? E(u, {
-						icon: t[v(225)],
-						shortcut: t.shortcut,
-						disabled: t[v(268)],
-						onSelect: () => t[v(301)]?.(),
+					children: K.map(({ id: e, entry: t }) => t.separator ? E(f, {}, e) : t.pressed === void 0 ? E(d, {
+						icon: t[v(166)],
+						shortcut: t[v(197)],
+						disabled: t[v(154)],
+						onSelect: () => t[v(172)]?.(),
 						children: t.label
-					}, e) : E(l, {
-						icon: t[v(225)],
+					}, e) : E(u, {
+						icon: t[v(166)],
 						shortcut: t.shortcut,
-						disabled: t[v(268)],
-						checked: t[v(258)],
+						disabled: t[v(154)],
+						checked: t[v(224)],
 						closeOnSelect: !0,
-						onCheckedChange: () => t[v(301)]?.(),
-						children: t.label
+						onCheckedChange: () => t[v(172)]?.(),
+						children: t[v(196)]
 					}, e))
 				})
 			})]
 		})
 	});
 }
-var M = p(function({ label: r, variant: a = "ghost", pressed: c, defaultPressed: l, onPressedChange: u, shortcut: d, tooltip: f, tooltipSide: p, collapsible: m = !0, icon: b, children: S, className: C, disabled: w, onClick: k, style: A, ...j }, M) {
-	let N = e, P = h(O), F = x(null);
-	v(M, () => F[N(294)]);
-	let I = c !== void 0 || l !== void 0, [L, R] = i(c, l ?? !1, u), z = !!b && S == null, B = _(), V = !!P?.[N(256)] && m, H = V && P[N(304)][N(297)](B), U = d?.[N(307)]("\n"), W = P?.register, G = P?.unregister;
-	y(() => {
+var M = m(function({ label: t, variant: n = e(201), pressed: a, defaultPressed: l, onPressedChange: u, shortcut: d, tooltip: f, tooltipSide: p, collapsible: m = !0, icon: h, children: x, className: C, disabled: w, onClick: k, style: A, ...j }, M) {
+	let N = e, P = g(O), F = S(null);
+	y(M, () => F[N(159)]);
+	let I = a !== void 0 || l !== void 0, [L, R] = o(a, l ?? !1, u), z = !!h && x == null, B = v(), V = !!P?.[N(202)] && m, H = V && P[N(192)][N(212)](B), U = d?.join("\n"), W = P?.[N(148)], G = P?.[N(206)];
+	b(() => {
 		let e = N;
 		V && W && W(B, {
-			label: r,
-			icon: b,
-			shortcut: U?.[e(302)]("\n"),
+			label: t,
+			icon: h,
+			shortcut: U?.split("\n"),
 			pressed: I ? L : void 0,
 			disabled: w,
-			click: () => F[e(294)]?.click()
+			click: () => F[e(159)]?.[e(172)]()
 		});
 	}, [
 		V,
 		W,
 		B,
-		r,
-		b,
+		t,
+		h,
 		U,
 		I,
 		L,
 		w
-	]), g(() => V && G ? () => G(B) : void 0, [
+	]), _(() => V && G ? () => G(B) : void 0, [
 		V,
 		G,
 		B
 	]);
-	let K = E(o, {
+	let K = E(s, {
 		ref: F,
-		variant: a,
-		size: P?.[N(244)] ?? "md",
-		icon: b,
+		variant: n,
+		size: P?.[N(150)] ?? "md",
+		icon: h,
 		iconOnly: z,
 		shortcut: d,
-		"aria-label": z ? r : void 0,
+		"aria-label": z ? t : void 0,
 		"aria-pressed": I ? L : void 0,
-		"data-state": I ? L ? "on" : "off" : void 0,
+		"data-state": I ? L ? "on" : N(167) : void 0,
 		"data-toolbar-id": V ? B : void 0,
 		disabled: w,
-		className: s(N(254), C),
+		className: c(N(162), C),
 		style: H ? {
 			...A,
-			display: N(271)
+			display: N(176)
 		} : A,
 		onClick: (e) => {
 			k?.(e), I && !e.defaultPrevented && R(!L);
 		},
 		...j,
-		children: S
+		children: x
 	});
-	return !(f === void 0 ? z : f !== !1) || H ? K : E(n, {
-		content: f !== void 0 && f !== !0 ? f : D(T, { children: [r, d && E(t, {
+	return !(f === void 0 ? z : f !== !1) || H ? K : E(i, {
+		content: f !== void 0 && f !== !0 ? f : D(T, { children: [t, d && E(r, {
 			keys: d,
 			size: "sm"
 		})] }),
-		side: p ?? (P?.[N(296)] === "vertical" ? N(252) : "top"),
+		side: p ?? (P?.orientation === N(218) ? N(183) : "top"),
 		children: K
 	});
 });
 function N() {
-	let t = e, n = h(O), i = _(), a = !!n?.[t(256)], o = n?.[t(300)], s = n?.[t(270)];
-	y(() => {
-		a && o && o(i, { separator: !0 });
+	let t = e, n = g(O), r = v(), i = !!n?.[t(202)], o = n?.[t(148)], s = n?.[t(206)];
+	b(() => {
+		i && o && o(r, { separator: !0 });
 	}, [
-		a,
+		i,
 		o,
-		i
-	]), g(() => a && s ? () => s(i) : void 0, [
-		a,
+		r
+	]), _(() => i && s ? () => s(r) : void 0, [
+		i,
 		s,
-		i
+		r
 	]);
-	let c = a && n.hidden[t(297)](i);
-	return E(t(246), {
-		className: t(298),
-		"data-toolbar-id": a ? i : void 0,
+	let c = i && n.hidden[t(212)](r);
+	return E(t(144), {
+		className: "ds-toolbar__sep",
+		"data-toolbar-id": i ? r : void 0,
 		"data-toolbar-sep": "",
-		style: c ? { display: t(271) } : void 0,
-		children: E(r, {
-			orientation: n?.orientation === t(262) ? "horizontal" : t(262),
+		style: c ? { display: t(176) } : void 0,
+		children: E(a, {
+			orientation: n?.orientation === t(218) ? t(225) : "vertical",
 			decorative: !1
 		})
 	});
 }
 function P() {
 	let t = e;
-	return E(t(246), {
-		className: t(251),
+	return E(t(144), {
+		className: t(149),
 		"data-toolbar-spacer": "",
 		"aria-hidden": !0
 	});
 }
-j[e(275)] = M, j[e(274)] = N, j[e(228)] = P;
+j[e(186)] = M, j.Separator = N, j[e(195)] = P;
 export { j as Toolbar, M as ToolbarButton, N as ToolbarSeparator, P as ToolbarSpacer };