@box-kite/react 2.2.15 → 2.2.16

package/components/swipeItem.mjs

@@ -1,16 +1,16 @@
 "use client";
 import { f as e } from "../react-shared.mjs";
-import { f as t, l as n, p as r, t as i } from "../platform.mjs";
-import { n as a } from "../effects.mjs";
-import { useBoxElement as o } from "../box.mjs";
-import { a as s, o as c } from "../behavior.mjs";
-import { a as l, i as u } from "../reporting.mjs";
-import { n as d } from "../motion.mjs";
-import f, { i as ee, n as p, r as m, t as h } from "./list.mjs";
-import { createContext as g, useCallback as te, useContext as _, useEffect as v, useRef as y, useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { l as t, m as n, p as r, t as i, u as a } from "../platform.mjs";
+import { n as o } from "../effects.mjs";
+import { useBoxElement as s } from "../box.mjs";
+import { a as c, o as l } from "../behavior.mjs";
+import { a as u, i as d } from "../reporting.mjs";
+import { n as f } from "../motion.mjs";
+import ee, { i as p, n as m, r as h, t as g } from "./list.mjs";
+import { createContext as _, useCallback as te, useContext as v, useEffect as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/utils/swipe/swipeUtils.ts
-var w;
+var T;
 (function(e) {
 	let t = e.SLOP = 8, n = e.FLICK = .4, r = e.FULL_RATIO = .6;
 	function i(e, n) {
@@ -68,94 +68,94 @@ var w;
 		return e === "start" ? t.start : e === "end" ? -t.end : 0;
 	}
 	e.restOffset = f;
-})(w ||= {});
-var T = w, E = g(null), ne = {
+})(T ||= {});
+var E = T, D = _(null), ne = {
 	start: 0,
 	end: 0
 };
-function D(e, p) {
-	let { size: m = "md", wrap: g = !1, selected: _ = !1, chevron: w = !1, startActions: D, endActions: O, fullSwipe: k = !1, open: A, defaultOpen: ae = null, onOpenChange: oe, variant: se, children: j, props: ce, ...le } = e, M = y(null), N = y(null), P = y(null), F = y(null), I = y(!1), [L, R] = l({
-		value: A,
+function O(e, m) {
+	let { size: h = "md", wrap: _ = !1, selected: v = !1, chevron: T = !1, startActions: O, endActions: k, fullSwipe: A = !1, open: j, defaultOpen: ae = null, onOpenChange: oe, variant: se, children: ce, props: le, ...ue } = e, M = b(null), N = b(null), P = b(null), F = b(null), I = b(!1), [L, R] = u({
+		value: j,
 		defaultValue: ae,
 		onChange: oe,
 		interaction: {
 			component: "swipeItem",
 			type: "openChange"
 		}
-	}), [z, B] = b(null), [V, H] = b(null), [U, W] = b({
+	}), [z, B] = x(null), [V, H] = x(null), [U, de] = x({
 		trays: ne,
 		width: 0,
 		rtl: !1
-	}), G = c(U), ue = te((e) => {
-		M.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
-	}, [p]), K = s(() => {
+	}), W = l(U), fe = te((e) => {
+		M.current = e, t(m, e);
+	}, [m]), G = c(() => {
 		let e = (e) => e?.firstElementChild?.offsetWidth ?? 0, t = {
 			trays: {
-				start: D ? e(N.current) : 0,
-				end: O ? e(P.current) : 0
+				start: O ? e(N.current) : 0,
+				end: k ? e(P.current) : 0
 			},
 			width: M.current?.offsetWidth ?? 0,
-			rtl: r(M.current)
-		}, n = G.current;
-		return (n.trays.start !== t.trays.start || n.trays.end !== t.trays.end || n.width !== t.width || n.rtl !== t.rtl) && W(t), t;
+			rtl: n(M.current)
+		}, r = W.current;
+		return (r.trays.start !== t.trays.start || r.trays.end !== t.trays.end || r.width !== t.width || r.rtl !== t.rtl) && de(t), t;
 	});
-	a(() => {
-		L && K();
-	}, [L, K]);
-	let q = s((e) => R(null, e)), de = u("swipeItem");
-	v(() => {
+	o(() => {
+		L && G();
+	}, [L, G]);
+	let K = c((e) => R(null, e)), pe = d("swipeItem");
+	y(() => {
 		let e = i();
 		if (!L || !e) return;
-		let n = (e) => {
-			t(e, [M]) || q({
+		let t = (e) => {
+			r(e, [M]) || K({
 				reason: "outside-pointer",
 				event: e
 			});
 		};
-		return e.addEventListener("pointerdown", n, !0), () => e.removeEventListener("pointerdown", n, !0);
-	}, [L, q]), v(() => {
+		return e.addEventListener("pointerdown", t, !0), () => e.removeEventListener("pointerdown", t, !0);
+	}, [L, K]), y(() => {
 		if (!V) return;
-		let e = (V === "start" ? N : P).current, t = M.current?.firstElementChild, n = t && typeof getComputedStyle == "function" ? d.activeDuration(getComputedStyle(t)) : 0, r = setTimeout(() => {
+		let e = (V === "start" ? N : P).current, t = M.current?.firstElementChild, n = t && typeof getComputedStyle == "function" ? f.activeDuration(getComputedStyle(t)) : 0, r = setTimeout(() => {
 			H(null), e?.querySelector("[data-swipe-action]")?.click();
-		}, n + d.SETTLE_FRAME);
+		}, n + f.SETTLE_FRAME);
 		return () => clearTimeout(r);
 	}, [V]);
-	let fe = s((e) => {
-		if (I.current = !1, e.button !== 0 || V || !D && !O) return;
-		let { trays: t } = K();
+	let me = c((e) => {
+		if (I.current = !1, e.button !== 0 || V || !O && !k) return;
+		let { trays: t } = G();
 		F.current = {
 			pointerId: e.pointerId,
 			x: e.clientX,
 			y: e.clientY,
-			rest: T.restOffset(L, t),
+			rest: E.restOffset(L, t),
 			intent: null,
 			samples: [{
 				t: e.timeStamp,
 				x: e.clientX
 			}]
 		};
-	}), pe = s((e) => {
+	}), he = c((e) => {
 		let t = F.current;
 		if (!t || t.pointerId !== e.pointerId || t.intent === "scroll") return;
-		let r = e.clientX - t.x;
+		let n = e.clientX - t.x;
 		if (!t.intent) {
-			if (t.intent = T.intent(r, e.clientY - t.y), t.intent !== "swipe") return;
-			e.currentTarget.setPointerCapture?.(e.pointerId), n(e.currentTarget);
+			if (t.intent = E.intent(n, e.clientY - t.y), t.intent !== "swipe") return;
+			e.currentTarget.setPointerCapture?.(e.pointerId), a(e.currentTarget);
 		}
-		let { trays: i, width: a, rtl: o } = G.current;
-		t.samples = T.track(t.samples, {
+		let { trays: r, width: i, rtl: o } = W.current;
+		t.samples = E.track(t.samples, {
 			t: e.timeStamp,
 			x: e.clientX
-		}), B(T.offsetFor(t.rest, o ? -r : r, i, a, k));
-	}), J = s((e) => {
+		}), B(E.offsetFor(t.rest, o ? -n : n, r, i, A));
+	}), q = c((e) => {
 		let t = F.current;
 		if (!t || t.pointerId !== e.pointerId || (F.current = null, t.intent !== "swipe" || z === null)) return;
 		e.currentTarget.releasePointerCapture?.(e.pointerId), I.current = !0;
-		let { trays: n, width: r, rtl: i } = G.current, a = T.velocity(t.samples) * (i ? -1 : 1), o = e.type === "pointercancel" ? {
+		let { trays: n, width: r, rtl: i } = W.current, a = E.velocity(t.samples) * (i ? -1 : 1), o = e.type === "pointercancel" ? {
 			open: L,
 			full: null
-		} : T.settle(z, a, n, r, k);
-		B(null), o.full ? (H(o.full), de("fullSwipe", o.full, {
+		} : E.settle(z, a, n, r, A);
+		B(null), o.full ? (H(o.full), pe("fullSwipe", o.full, {
 			reason: "swipe",
 			event: e
 		}), R(null, {
@@ -165,89 +165,89 @@ function D(e, p) {
 			reason: "swipe",
 			event: e
 		});
-	}), me = s((e) => {
+	}), ge = c((e) => {
 		if (I.current) {
 			I.current = !1, e.preventDefault(), e.stopPropagation();
 			return;
 		}
-		L && (e.preventDefault(), e.stopPropagation(), q({
+		L && (e.preventDefault(), e.stopPropagation(), K({
 			reason: "outside-pointer",
 			event: e
 		}));
-	}), he = s((e) => {
+	}), J = c((e) => {
 		let t = N.current?.contains(e.target) ? "start" : P.current?.contains(e.target) ? "end" : null;
-		t && t !== L && (K(), R(t, {
+		t && t !== L && (G(), R(t, {
 			reason: "focus",
 			event: e
 		}));
-	}), ge = s((e) => {
+	}), _e = c((e) => {
 		let t = e.relatedTarget;
-		L && (!t || !M.current?.contains(t)) && q({
+		L && (!t || !M.current?.contains(t)) && K({
 			reason: "focus",
 			event: e
 		});
-	}), _e = s((e) => {
-		e.key !== "Escape" || !L || e.defaultPrevented || (e.preventDefault(), q({
+	}), ve = c((e) => {
+		e.key !== "Escape" || !L || e.defaultPrevented || (e.preventDefault(), K({
 			reason: "escape",
 			event: e
 		}), M.current?.querySelector("[data-list-action]")?.focus());
-	}), { trays: Y, width: X, rtl: ve } = U, Z = z ?? (V ? V === "start" ? X : -X : T.restOffset(L, Y)), ye = z === null ? V : T.armed(z, Y, X, k), Q = z !== null, $ = (e, t) => /* @__PURE__ */ S(ie, {
+	}), { trays: Y, width: X, rtl: ye } = U, Z = z ?? (V ? V === "start" ? X : -X : E.restOffset(L, Y)), be = z === null ? V : E.armed(z, Y, X, A), Q = z !== null, $ = (e, t) => /* @__PURE__ */ C(ie, {
 		side: e,
 		trayRef: e === "start" ? N : P,
 		width: e === "start" ? Math.max(0, Z) : Math.max(0, -Z),
 		dragging: Q,
-		children: /* @__PURE__ */ S(E.Provider, {
+		children: /* @__PURE__ */ C(D.Provider, {
 			value: {
 				side: e,
-				armed: ye === e,
-				close: q
+				armed: be === e,
+				close: K
 			},
 			children: t
 		})
 	});
-	return o({
+	return s({
 		tag: "li",
 		component: "list.item",
-		...ee({
-			...h,
+		...p({
+			...g,
 			css: {
-				...h.css,
+				...g.css,
 				overflow: "clip"
 			}
-		}, le),
-		variant: [se, { selected: _ }],
+		}, ue),
+		variant: [se, { selected: v }],
 		props: {
-			...ce,
-			onFocus: he,
-			onBlur: ge,
-			onKeyDown: _e
+			...le,
+			onFocus: J,
+			onBlur: _e,
+			onKeyDown: ve
 		},
-		children: /* @__PURE__ */ C(x, { children: [
-			/* @__PURE__ */ C(re, {
-				size: m,
-				wrap: g,
+		children: /* @__PURE__ */ w(S, { children: [
+			/* @__PURE__ */ w(re, {
+				size: h,
+				wrap: _,
 				dragging: Q,
-				translate: Z === 0 ? void 0 : `${Math.round(ve ? -Z : Z)}px`,
+				translate: Z === 0 ? void 0 : `${Math.round(ye ? -Z : Z)}px`,
 				handlers: {
-					onPointerDown: fe,
-					onPointerMove: pe,
-					onPointerUp: J,
-					onPointerCancel: J,
-					onClickCapture: me,
+					onPointerDown: me,
+					onPointerMove: he,
+					onPointerUp: q,
+					onPointerCancel: q,
+					onClickCapture: ge,
 					onDragStart: (e) => e.preventDefault()
 				},
-				children: [j, w && /* @__PURE__ */ S(f.Chevron, {})]
+				children: [ce, T && /* @__PURE__ */ C(ee.Chevron, {})]
 			}),
-			D ? $("start", D) : null,
-			O ? $("end", O) : null
+			O ? $("start", O) : null,
+			k ? $("end", k) : null
 		] })
-	}, ue);
+	}, fe);
 }
 function re({ size: e, wrap: t, dragging: n, translate: r, handlers: i, children: a }) {
-	return o({
+	return s({
 		component: "swipeItem.row",
-		...p,
-		...m[e],
+		...m,
+		...h[e],
 		...t ? { flexWrap: "wrap" } : {},
 		position: "relative",
 		css: { touchAction: "pan-y" },
@@ -258,7 +258,7 @@ function re({ size: e, wrap: t, dragging: n, translate: r, handlers: i, children
 	});
 }
 function ie({ side: e, trayRef: t, width: n, dragging: r, children: i }) {
-	let a = o({
+	let a = s({
 		display: "flex",
 		d: e === "end" ? "row-reverse" : "row",
 		position: "absolute",
@@ -269,7 +269,7 @@ function ie({ side: e, trayRef: t, width: n, dragging: r, children: i }) {
 		css: { width: "max-content" },
 		children: i
 	});
-	return o({
+	return s({
 		component: "swipeItem.tray",
 		position: "absolute",
 		top: 0,
@@ -281,14 +281,14 @@ function ie({ side: e, trayRef: t, width: n, dragging: r, children: i }) {
 		children: a
 	}, t);
 }
-function O(e, t) {
-	let { icon: n, onClick: r, closeOnSelect: i = !0, variant: a, children: s, props: c, ...l } = e, u = _(E), d = (e) => {
+function k(e, t) {
+	let { icon: n, onClick: r, closeOnSelect: i = !0, variant: a, children: o, props: c, ...l } = e, u = v(D), d = (e) => {
 		r?.(e), i && !e.defaultPrevented && u?.close({
 			reason: "action",
 			event: e
 		});
 	};
-	return o({
+	return s({
 		tag: "button",
 		component: "swipeItem.action",
 		display: "flex",
@@ -312,18 +312,18 @@ function O(e, t) {
 			...c,
 			onClick: d
 		},
-		children: n ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(k, { children: n }), s] }) : s
+		children: n ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(A, { children: n }), o] }) : o
 	}, t);
 }
-function k({ children: e }) {
-	return o({
+function A({ children: e }) {
+	return s({
 		tag: "span",
 		display: "flex",
 		props: { "aria-hidden": !0 },
 		children: e
 	});
 }
-var A = e(D, "SwipeItem");
-A.Action = e(O, "SwipeItem.Action");
+var j = e(O, "SwipeItem");
+j.Action = e(k, "SwipeItem.Action");
 //#endregion
-export { T as SwipeUtils, A as default };
+export { E as SwipeUtils, j as default };

package/components/tabs.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../platform.cjs"),t=require("../effects.cjs"),n=require("../box.cjs"),r=require("../behavior.cjs"),i=require("../identity.cjs"),a=require("../reporting.cjs"),o=require("../motion.cjs");let s=require("react"),c=require("react/jsx-runtime");var l;(function(e){let t=e.TAB_SELECTOR=`[role="tab"]`,n=e.LIST_SELECTOR=`[role="tablist"]`,r=e.PANEL_SELECTOR=`[role="tabpanel"]`;function i(e,t){return t instanceof Element&&t.closest(n)===e}e.owns=i;function a(e){return e?[...e.querySelectorAll(t)].filter(t=>i(e,t)):[]}e.tabs=a;function o(e){return e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`}e.isDisabled=o;function s(e){return e.dataset.value}e.valueOf=s;function c(e){return e.replace(/[^A-Za-z0-9-]/g,e=>`_${e.codePointAt(0).toString(36)}_`)}e.token=c;function l(e,t,n,r){let i=e.length;if(i===0)return;let a=t<0||t>=i?n>0?-1:i:t;for(let t=0;t<i;t++){if(a+=n,a<0||a>=i){if(!r)return;a=(a%i+i)%i}if(!o(e[a]))return e[a]}}e.step=l;function u(e,t){return l(e,t===1?-1:e.length,t,!1)}e.edge=u;function d(e,t){return t instanceof HTMLElement?e.indexOf(t):-1}e.indexOf=d;function f(e,t,n=!1){if(e===`Home`)return{kind:`edge`,delta:1};if(e===`End`)return{kind:`edge`,delta:-1};let r=t===`vertical`,i=r?`ArrowDown`:n?`ArrowLeft`:`ArrowRight`,a=r?`ArrowUp`:n?`ArrowRight`:`ArrowLeft`;if(e===i)return{kind:`step`,delta:1};if(e===a)return{kind:`step`,delta:-1}}e.moveFor=f;function p(e,t,n,r){return n.kind===`edge`?u(e,n.delta):l(e,t,n.delta,r)}e.target=p;function m(e){if(e)return a(e).find(e=>e.getAttribute(`aria-selected`)===`true`)}e.selectedTab=m;function h(e,t,n){let r=e.getBoundingClientRect(),i=t.getBoundingClientRect();return n===`vertical`?{start:i.top-r.top+e.scrollTop,size:i.height}:{start:i.left-r.left+e.scrollLeft,size:i.width}}e.bounds=h;function g(e,t){return!e||!t?e===t:e.start===t.start&&e.size===t.size}e.sameBounds=g;function _(e){if(e)return[...e.querySelectorAll(r)].find(e=>!e.hasAttribute(`hidden`))}e.visiblePanel=_})(l||={});var u=l,d=(0,s.createContext)(null);function f(e){let t=(0,s.useContext)(d);if(!t)throw Error(`<${e}> has to be rendered inside a <Tabs>.`);return t}function p(e){let{children:r,value:o,defaultValue:l,onValueChange:f,orientation:p=`horizontal`,activation:m=`automatic`,loop:h=!0,keepMounted:g=!1,indicator:_=`static`,props:v,...y}=e,b=i.t(`tabs`),[x,S]=a.a({value:o,defaultValue:l,onChange:f,interaction:{component:`tabs`,type:`valueChange`}}),[C,w]=(0,s.useState)(),[T,E]=(0,s.useState)(!1);t.n(()=>{x!==void 0&&w(x)},[x]);let D=(0,s.useMemo)(()=>({identifier:b,value:x,orientation:p,activation:m,loop:h,keepMounted:g,indicator:_,indicatorLive:T,setIndicatorLive:E,tabStop:C??x,setTabStop:w,select:S,tabId:e=>`${b}-tab-${u.token(e)}`,panelId:e=>`${b}-panel-${u.token(e)}`}),[b,x,p,m,h,g,_,T,C,S]);return(0,c.jsx)(d.Provider,{value:D,children:(0,c.jsx)(n.default,{component:`tabs`,...y,variant:[y.variant,{vertical:p===`vertical`}],props:v,children:r})})}function m(i){let{children:a,label:o,labelledBy:l,props:d,...p}=i,{value:m,orientation:h,activation:g,loop:_,indicator:v,tabStop:y,setTabStop:b,setIndicatorLive:x,select:S}=f(`Tabs.List`),C=(0,s.useRef)(null),[w,T]=(0,s.useState)(),E=v===`sliding`;t.n(()=>{let e=C.current;if(!E||!e)return;let t=()=>{let t=u.selectedTab(e),n=t&&u.bounds(e,t,h);T(e=>u.sameBounds(e,n)?e:n)};if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(t);n.observe(e);for(let t of u.tabs(e))n.observe(t);return()=>n.disconnect()},[E,h,m]);let D=E&&w&&w.size>0?w:void 0;t.n(()=>{x(D!==void 0)},[D,x]),t.n(()=>{if(y!==void 0)return;let e=u.edge(u.tabs(C.current),1),t=e&&u.valueOf(e);t!==void 0&&b(t)},[y,b]);let O=r.a(t=>{let n=C.current;if(!n||t.defaultPrevented||!u.owns(n,t.target))return;let r=u.tabs(n),i=u.indexOf(r,t.target);if(i===-1)return;if(g===`manual`&&(t.key===`Enter`||t.key===` `)){let e=u.valueOf(r[i]);if(e===void 0)return;t.preventDefault(),S(e,{reason:`keyboard`,event:t});return}let a=u.moveFor(t.key,h,e.p(n));if(!a)return;let o=u.target(r,i,a,_);if(!o)return;t.preventDefault(),o.focus();let s=u.valueOf(o);g===`automatic`&&s!==void 0&&S(s,{reason:`keyboard`,event:t})});return(0,c.jsxs)(n.default,{ref:C,component:`tabs.list`,...p,variant:[p.variant,{vertical:h===`vertical`,sliding:E}],props:{role:`tablist`,"aria-label":o,"aria-labelledby":l,"aria-orientation":h,...d,onKeyDown:O},children:[a,D&&(0,c.jsx)(n.default,{tag:`span`,component:`tabs.indicator`,variant:{vertical:h===`vertical`},style:h===`vertical`?{top:`${D.start}px`,height:`${D.size}px`}:{left:`${D.start}px`,width:`${D.size}px`},props:{"aria-hidden":!0}})]})}m.displayName=`Tabs.List`;function h(e){let{value:t,children:i,disabled:a,props:o,...s}=e,{value:l,orientation:u,keepMounted:d,indicatorLive:p,tabStop:m,setTabStop:h,select:g,tabId:_,panelId:v}=f(`Tabs.Tab`),y=l===t,b=r.a(e=>g(t,{reason:`click`,event:e})),x=r.a(()=>h(t));return(0,c.jsx)(n.default,{tag:`button`,component:`tabs.tab`,...s,variant:[s.variant,{vertical:u===`vertical`,underline:!p}],disabled:a,id:_(t),props:{type:`button`,role:`tab`,"aria-selected":y,"aria-controls":y||d?v(t):void 0,tabIndex:m===t?0:-1,"data-value":t,...o,onClick:b,onFocus:x},children:i})}h.displayName=`Tabs.Tab`;function g(e){let{children:i,props:a,...l}=e,{value:d}=f(`Tabs.Panels`),p=(0,s.useRef)(null),[m,h]=(0,s.useState)(),[g,_]=(0,s.useState)(!1),v=r.a(()=>{let e=p.current;if(!e)return;let t=u.visiblePanel(e)?.offsetHeight;t!==m&&(m!==void 0&&t!==void 0&&_(!0),h(t))});return t.n(()=>{let e=p.current;if(!e||(v(),typeof ResizeObserver>`u`))return;let t=u.visiblePanel(e);if(!t)return;let n=new ResizeObserver(v);return n.observe(t),()=>n.disconnect()},[d,v]),t.n(()=>{let e=p.current;if(!e||!g)return;let t=setTimeout(()=>_(!1),o.n.activeDuration(getComputedStyle(e))+o.n.SETTLE_FRAME);return()=>clearTimeout(t)},[g,m]),(0,c.jsx)(n.default,{ref:p,component:`tabs.panels`,...l,variant:[l.variant,{resizing:g}],style:{height:m===void 0?void 0:`${m}px`,...l.style},props:a,children:i})}g.displayName=`Tabs.Panels`;function _(e){let{value:t,children:r,props:i,...a}=e,{value:o,keepMounted:s,tabId:l,panelId:u}=f(`Tabs.Panel`),d=o===t;return!d&&!s?null:(0,c.jsx)(n.default,{component:`tabs.panel`,...a,variant:[a.variant,{hidden:!d}],id:u(t),props:{role:`tabpanel`,"aria-labelledby":l(t),hidden:!d||void 0,tabIndex:0,...i},children:r})}_.displayName=`Tabs.Panel`;var v=p;v.List=m,v.Tab=h,v.Panels=g,v.Panel=_,v.displayName=`Tabs`,exports.default=v;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../effects.cjs"),r=require("../box.cjs"),i=require("../behavior.cjs"),a=require("../identity.cjs"),o=require("../reporting.cjs"),s=require("../motion.cjs");let c=require("react"),l=require("react/jsx-runtime");var u;(function(e){let t=e.TAB_SELECTOR=`[role="tab"]`,n=e.LIST_SELECTOR=`[role="tablist"]`,r=e.PANEL_SELECTOR=`[role="tabpanel"]`;function i(e,t){return t instanceof Element&&t.closest(n)===e}e.owns=i;function a(e){return e?[...e.querySelectorAll(t)].filter(t=>i(e,t)):[]}e.tabs=a;function o(e){return e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`}e.isDisabled=o;function s(e){return e.dataset.value}e.valueOf=s;function c(e){return e.replace(/[^A-Za-z0-9-]/g,e=>`_${e.codePointAt(0).toString(36)}_`)}e.token=c;function l(e,t,n,r){let i=e.length;if(i===0)return;let a=t<0||t>=i?n>0?-1:i:t;for(let t=0;t<i;t++){if(a+=n,a<0||a>=i){if(!r)return;a=(a%i+i)%i}if(!o(e[a]))return e[a]}}e.step=l;function u(e,t){return l(e,t===1?-1:e.length,t,!1)}e.edge=u;function d(e,t){return t instanceof HTMLElement?e.indexOf(t):-1}e.indexOf=d;function f(e,t,n=!1){if(e===`Home`)return{kind:`edge`,delta:1};if(e===`End`)return{kind:`edge`,delta:-1};let r=t===`vertical`,i=r?`ArrowDown`:n?`ArrowLeft`:`ArrowRight`,a=r?`ArrowUp`:n?`ArrowRight`:`ArrowLeft`;if(e===i)return{kind:`step`,delta:1};if(e===a)return{kind:`step`,delta:-1}}e.moveFor=f;function p(e,t,n,r){return n.kind===`edge`?u(e,n.delta):l(e,t,n.delta,r)}e.target=p;function m(e){if(e)return a(e).find(e=>e.getAttribute(`aria-selected`)===`true`)}e.selectedTab=m;function h(e,t,n){let r=e.getBoundingClientRect(),i=t.getBoundingClientRect();return n===`vertical`?{start:i.top-r.top+e.scrollTop,size:i.height}:{start:i.left-r.left+e.scrollLeft,size:i.width}}e.bounds=h;function g(e,t){return!e||!t?e===t:e.start===t.start&&e.size===t.size}e.sameBounds=g;function _(e){if(e)return[...e.querySelectorAll(r)].find(e=>!e.hasAttribute(`hidden`))}e.visiblePanel=_})(u||={});var d=u,f=(0,c.createContext)(null);function p(e){let t=(0,c.useContext)(f);if(!t)throw Error(`<${e}> has to be rendered inside a <Tabs>.`);return t}function m(e){let{children:t,value:i,defaultValue:s,onValueChange:u,orientation:p=`horizontal`,activation:m=`automatic`,loop:h=!0,keepMounted:g=!1,indicator:_=`static`,props:v,...y}=e,b=a.t(`tabs`),[x,S]=o.a({value:i,defaultValue:s,onChange:u,interaction:{component:`tabs`,type:`valueChange`}}),[C,w]=(0,c.useState)(),[T,E]=(0,c.useState)(!1);n.n(()=>{x!==void 0&&w(x)},[x]);let D=(0,c.useMemo)(()=>({identifier:b,value:x,orientation:p,activation:m,loop:h,keepMounted:g,indicator:_,indicatorLive:T,setIndicatorLive:E,tabStop:C??x,setTabStop:w,select:S,tabId:e=>`${b}-tab-${d.token(e)}`,panelId:e=>`${b}-panel-${d.token(e)}`}),[b,x,p,m,h,g,_,T,C,S]);return(0,l.jsx)(f.Provider,{value:D,children:(0,l.jsx)(r.default,{component:`tabs`,...y,variant:[y.variant,{vertical:p===`vertical`}],props:v,children:t})})}function h(e,a){let{children:o,label:s,labelledBy:u,props:f,...m}=e,{value:h,orientation:g,activation:_,loop:v,indicator:y,tabStop:b,setTabStop:x,setIndicatorLive:S,select:C}=p(`Tabs.List`),w=(0,c.useRef)(null),T=(0,c.useCallback)(e=>{w.current=e,t.l(a,e)},[a]),[E,D]=(0,c.useState)(),O=y===`sliding`;n.n(()=>{let e=w.current;if(!O||!e)return;let t=()=>{let t=d.selectedTab(e),n=t&&d.bounds(e,t,g);D(e=>d.sameBounds(e,n)?e:n)};if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(t);n.observe(e);for(let t of d.tabs(e))n.observe(t);return()=>n.disconnect()},[O,g,h]);let k=O&&E&&E.size>0?E:void 0;n.n(()=>{S(k!==void 0)},[k,S]),n.n(()=>{if(b!==void 0)return;let e=d.edge(d.tabs(w.current),1),t=e&&d.valueOf(e);t!==void 0&&x(t)},[b,x]);let A=i.a(e=>{let n=w.current;if(!n||e.defaultPrevented||!d.owns(n,e.target))return;let r=d.tabs(n),i=d.indexOf(r,e.target);if(i===-1)return;if(_===`manual`&&(e.key===`Enter`||e.key===` `)){let t=d.valueOf(r[i]);if(t===void 0)return;e.preventDefault(),C(t,{reason:`keyboard`,event:e});return}let a=d.moveFor(e.key,g,t.m(n));if(!a)return;let o=d.target(r,i,a,v);if(!o)return;e.preventDefault(),o.focus();let s=d.valueOf(o);_===`automatic`&&s!==void 0&&C(s,{reason:`keyboard`,event:e})});return(0,l.jsxs)(r.default,{ref:T,component:`tabs.list`,...m,variant:[m.variant,{vertical:g===`vertical`,sliding:O}],props:{role:`tablist`,"aria-label":s,"aria-labelledby":u,"aria-orientation":g,...f,onKeyDown:A},children:[o,k&&(0,l.jsx)(r.default,{tag:`span`,component:`tabs.indicator`,variant:{vertical:g===`vertical`},style:g===`vertical`?{top:`${k.start}px`,height:`${k.size}px`}:{left:`${k.start}px`,width:`${k.size}px`},props:{"aria-hidden":!0}})]})}function g(e){let{value:t,children:n,disabled:a,props:o,...s}=e,{value:c,orientation:u,keepMounted:d,indicatorLive:f,tabStop:m,setTabStop:h,select:g,tabId:_,panelId:v}=p(`Tabs.Tab`),y=c===t,b=i.a(e=>g(t,{reason:`click`,event:e})),x=i.a(()=>h(t));return(0,l.jsx)(r.default,{tag:`button`,component:`tabs.tab`,...s,variant:[s.variant,{vertical:u===`vertical`,underline:!f}],disabled:a,id:_(t),props:{type:`button`,role:`tab`,"aria-selected":y,"aria-controls":y||d?v(t):void 0,tabIndex:m===t?0:-1,"data-value":t,...o,onClick:b,onFocus:x},children:n})}g.displayName=`Tabs.Tab`;function _(e,a){let{children:o,props:u,...f}=e,{value:m}=p(`Tabs.Panels`),h=(0,c.useRef)(null),g=(0,c.useCallback)(e=>{h.current=e,t.l(a,e)},[a]),[_,v]=(0,c.useState)(),[y,b]=(0,c.useState)(!1),x=i.a(()=>{let e=h.current;if(!e)return;let t=d.visiblePanel(e)?.offsetHeight;t!==_&&(_!==void 0&&t!==void 0&&b(!0),v(t))});return n.n(()=>{let e=h.current;if(!e||(x(),typeof ResizeObserver>`u`))return;let t=d.visiblePanel(e);if(!t)return;let n=new ResizeObserver(x);return n.observe(t),()=>n.disconnect()},[m,x]),n.n(()=>{let e=h.current;if(!e||!y)return;let t=setTimeout(()=>b(!1),s.n.activeDuration(getComputedStyle(e))+s.n.SETTLE_FRAME);return()=>clearTimeout(t)},[y,_]),(0,l.jsx)(r.default,{ref:g,component:`tabs.panels`,...f,variant:[f.variant,{resizing:y}],style:{height:_===void 0?void 0:`${_}px`,...f.style},props:u,children:o})}function v(e){let{value:t,children:n,props:i,...a}=e,{value:o,keepMounted:s,tabId:c,panelId:u}=p(`Tabs.Panel`),d=o===t;return!d&&!s?null:(0,l.jsx)(r.default,{component:`tabs.panel`,...a,variant:[a.variant,{hidden:!d}],id:u(t),props:{role:`tabpanel`,"aria-labelledby":c(t),hidden:!d||void 0,tabIndex:0,...i},children:n})}v.displayName=`Tabs.Panel`;var y=m;y.List=e.f(h,`Tabs.List`),y.Tab=g,y.Panels=e.f(_,`Tabs.Panels`),y.Panel=v,y.displayName=`Tabs`,exports.default=y;