wimui 0.62.2 → 0.63.1

package/dist/components/data-display/Accordion/Accordion.js

@@ -1,37 +1,38 @@
 "use client";
 import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import t from "../../../icon/chevron-down.js";
-import { Icon as n } from "../../media/Icon/Icon.js";
-import r from "./accordion.module.js";
-import i, { createContext as a, forwardRef as o, useCallback as s, useContext as c, useId as l, useMemo as u, useState as d } from "react";
-import f from "classnames";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { composeEventHandlers as t } from "../../_internal/composeEventHandlers.js";
+import n from "../../../icon/chevron-down.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import i from "./accordion.module.js";
+import a, { createContext as o, forwardRef as s, useCallback as c, useContext as l, useId as u, useMemo as d, useState as f } from "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/data-display/Accordion/Accordion.tsx
-var h = a(null), g = () => {
-	let e = c(h);
+var g = o(null), _ = () => {
+	let e = l(g);
 	if (!e) throw Error("Accordion components must be used within an Accordion");
 	return e;
-}, _ = o(function({ type: t = "single", defaultValue: n, value: a, onChange: o, collapsible: c = !0, className: m, children: g, id: _, asChild: v, ...y }, b) {
-	let x = l(), S = _ || x, [C, w] = d(() => n ? Array.isArray(n) ? n : [n] : []), T = i.useRef(null), E = (e) => {
+}, v = s(function({ type: t = "single", defaultValue: n, value: r, onChange: o, collapsible: s = !0, className: l, children: h, id: _, asChild: v, ...y }, b) {
+	let x = u(), S = _ || x, [C, w] = f(() => n ? Array.isArray(n) ? n : [n] : []), T = a.useRef(null), E = (e) => {
 		T.current = e, typeof b == "function" ? b(e) : b && (b.current = e);
-	}, D = a !== void 0, O = u(() => {
-		let e = D ? a : C;
+	}, D = r !== void 0, O = d(() => {
+		let e = D ? r : C;
 		return Array.isArray(e) ? e : e ? [e] : [];
 	}, [
 		D,
-		a,
+		r,
 		C
-	]), k = s((e) => {
+	]), k = c((e) => {
 		let n;
-		n = t === "single" ? O.includes(e) && c ? [] : [e] : O.includes(e) ? O.filter((t) => t !== e) : [...O, e], D || w(n), o?.(t === "single" ? n[0] ?? "" : n);
+		n = t === "single" ? O.includes(e) && s ? [] : [e] : O.includes(e) ? O.filter((t) => t !== e) : [...O, e], D || w(n), o?.(t === "single" ? n[0] ?? "" : n);
 	}, [
 		O,
-		c,
+		s,
 		D,
 		o,
 		t
 	]), A = v ? e : "div";
-	return /* @__PURE__ */ p(h.Provider, {
+	return /* @__PURE__ */ m(g.Provider, {
 		value: {
 			value: O,
 			onValueChange: k,
@@ -39,95 +40,95 @@ var h = a(null), g = () => {
 			accordionId: S,
 			containerRef: T
 		},
-		children: /* @__PURE__ */ p(A, {
+		children: /* @__PURE__ */ m(A, {
 			ref: E,
-			className: f("wim-accordion", r.root, m),
+			className: p("wim-accordion", i.root, l),
 			...y,
-			children: g
+			children: h
 		})
 	});
-}), v = a(null), y = o(function({ value: t, disabled: n = !1, className: i, children: a, asChild: o, ...s }, c) {
-	let { value: l, accordionId: u } = g(), d = l.includes(t), m = `wim-accordion-trigger-${u}-${t}`, h = `wim-accordion-content-${u}-${t}`, _ = o ? e : "div";
-	return /* @__PURE__ */ p(v.Provider, {
+}), y = o(null), b = s(function({ value: t, disabled: n = !1, className: r, children: a, asChild: o, ...s }, c) {
+	let { value: l, accordionId: u } = _(), d = l.includes(t), f = `wim-accordion-trigger-${u}-${t}`, h = `wim-accordion-content-${u}-${t}`, g = o ? e : "div";
+	return /* @__PURE__ */ m(y.Provider, {
 		value: {
 			value: t,
 			disabled: n,
 			isLogicOpen: d,
-			triggerId: m,
+			triggerId: f,
 			contentId: h
 		},
-		children: /* @__PURE__ */ p(_, {
+		children: /* @__PURE__ */ m(g, {
 			ref: c,
-			className: f(r.item, n && r.disabled, d && r.open, i),
+			className: p(i.item, n && i.disabled, d && i.open, r),
 			...s,
 			children: a
 		})
 	});
-}), b = o(function({ children: i, className: a, asChild: o, ...s }, l) {
-	let { onValueChange: u } = g(), d = c(v);
-	if (!d) throw Error("AccordionTrigger must be used within AccordionItem");
-	let h = (e) => {
-		if (d.disabled) {
+}), x = s(function({ children: a, className: o, asChild: s, ...c }, u) {
+	let { onValueChange: d } = _(), f = l(y);
+	if (!f) throw Error("AccordionTrigger must be used within AccordionItem");
+	let g = (e) => {
+		if (f.disabled) {
 			e.preventDefault();
 			return;
 		}
-		u(d.value);
-	}, { containerRef: _ } = g();
-	return /* @__PURE__ */ m(o ? e : "button", {
-		ref: l,
-		type: o ? void 0 : "button",
-		id: d.triggerId,
-		className: f(r.trigger, a),
-		"aria-expanded": d.isLogicOpen,
-		"aria-controls": d.contentId,
-		"aria-disabled": d.disabled,
-		disabled: d.disabled,
-		onClick: h,
-		onKeyDown: (e) => {
-			if (d.disabled) return;
-			let t = Array.from(_.current?.querySelectorAll(`.${r.trigger}:not(:disabled)`) || []), n = t.indexOf(e.currentTarget);
-			switch (e.key) {
-				case "ArrowDown":
-					e.preventDefault(), t[(n + 1) % t.length]?.focus();
-					break;
-				case "ArrowUp":
-					e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus();
-					break;
-				case "Home":
-					e.preventDefault(), t[0]?.focus();
-					break;
-				case "End": e.preventDefault(), t[t.length - 1]?.focus();
-			}
-			s.onKeyDown?.(e);
-		},
-		...s,
-		children: [/* @__PURE__ */ p("span", {
-			className: r.triggerContent,
-			children: i
-		}), /* @__PURE__ */ p(n, {
-			component: t,
-			className: f(r.chevron, d.isLogicOpen && r.open)
+		d(f.value);
+	}, { containerRef: v } = _(), b = (e) => {
+		if (f.disabled) return;
+		let t = Array.from(v.current?.querySelectorAll(`.${i.trigger}:not(:disabled)`) || []), n = t.indexOf(e.currentTarget);
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), t[(n + 1) % t.length]?.focus();
+				break;
+			case "ArrowUp":
+				e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus();
+				break;
+			case "Home":
+				e.preventDefault(), t[0]?.focus();
+				break;
+			case "End": e.preventDefault(), t[t.length - 1]?.focus();
+		}
+		c.onKeyDown?.(e);
+	};
+	return /* @__PURE__ */ h(s ? e : "button", {
+		ref: u,
+		type: s ? void 0 : "button",
+		id: f.triggerId,
+		className: p(i.trigger, o),
+		"aria-expanded": f.isLogicOpen,
+		"aria-controls": f.contentId,
+		"aria-disabled": f.disabled,
+		disabled: f.disabled,
+		...c,
+		onKeyDown: b,
+		onClick: t(c.onClick, g),
+		children: [/* @__PURE__ */ m("span", {
+			className: i.triggerContent,
+			children: a
+		}), /* @__PURE__ */ m(r, {
+			component: n,
+			className: p(i.chevron, f.isLogicOpen && i.open)
 		})]
 	});
-}), x = o(function({ children: t, className: n, asChild: i, ...a }, o) {
-	let s = c(v);
+}), S = s(function({ children: t, className: n, asChild: r, ...a }, o) {
+	let s = l(y);
 	if (!s) throw Error("AccordionContent must be used within AccordionItem");
-	return /* @__PURE__ */ p(i ? e : "div", {
+	return /* @__PURE__ */ m(r ? e : "div", {
 		ref: o,
 		id: s.contentId,
 		role: "region",
 		"aria-labelledby": s.triggerId,
-		className: f(r.content, s.isLogicOpen && r.open, n),
+		className: p(i.content, s.isLogicOpen && i.open, n),
 		...a,
-		children: /* @__PURE__ */ p("div", {
-			className: r.contentInner,
-			children: /* @__PURE__ */ p("div", {
-				className: r.contentBody,
+		children: /* @__PURE__ */ m("div", {
+			className: i.contentInner,
+			children: /* @__PURE__ */ m("div", {
+				className: i.contentBody,
 				children: t
 			})
 		})
 	});
-}), S = _;
-S.Item = y, S.Trigger = b, S.Content = x, S.displayName = "Accordion", y.displayName = "Accordion.Item", b.displayName = "Accordion.Trigger", x.displayName = "Accordion.Content";
+}), C = v;
+C.Item = b, C.Trigger = x, C.Content = S, C.displayName = "Accordion", b.displayName = "Accordion.Item", x.displayName = "Accordion.Trigger", S.displayName = "Accordion.Content";
 //#endregion
-export { S as Accordion, S as default, x as AccordionContent, y as AccordionItem, b as AccordionTrigger };
+export { C as Accordion, C as default, S as AccordionContent, b as AccordionItem, x as AccordionTrigger };

package/dist/components/data-display/PullToRefresh/PullToRefresh.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/common.cjs"),i=require("../../../icon/chevron-down.cjs"),a=require("../../../icon/loading.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./pull-to-refresh.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=c.default.forwardRef(({onRefresh:e,refreshing:d,threshold:f=60,maxDistance:p=120,children:m,asChild:h=!1,className:g,..._},v)=>{let{t:y}=n.useWimTranslation(r.commonNs),[b,x]=(0,c.useState)(0),[S,C]=(0,c.useState)(!1),[w,T]=(0,c.useState)(!1),[E,D]=(0,c.useState)(`idle`),O=(0,c.useRef)(0),k=(0,c.useRef)(!1),A=(0,c.useRef)(!1),j=(0,c.useRef)(void 0);(0,c.useEffect)(()=>()=>clearTimeout(j.current),[]);let M=d??S;(0,c.useEffect)(()=>{M?(D(`refreshing`),x(f)):(D(`idle`),x(0))},[M,f]);let N=(0,c.useCallback)(e=>{if(!k.current||M)return;let t=(`touches`in e?e.touches[0].clientY:e.clientY)-O.current;if(t>0){e.cancelable&&e.preventDefault();let n=Math.min(t*.4,p);x(n),D(n>f?`releasing`:`pulling`)}else t<-10&&(k.current=!1,A.current=!1,T(!1),x(0),D(`idle`))},[p,f,M]),P=(0,c.useCallback)(async()=>{if(!k.current)return;let t=b>=f;if(k.current=!1,A.current=!1,T(!1),t&&!M){C(!0),D(`refreshing`),x(f);try{await e()}finally{clearTimeout(j.current),j.current=setTimeout(()=>{C(!1),d===void 0&&(D(`idle`),x(0))},50)}}else M||(x(0),D(`idle`))},[b,f,M,e,d]),F=e=>{e.currentTarget.scrollTop>0||M||(O.current=`touches`in e?e.touches[0].clientY:e.clientY,k.current=!0,A.current=!0,T(!0))};(0,c.useEffect)(()=>{if(!w)return;let e=e=>N(e),t=()=>P();return window.addEventListener(`mousemove`,e,{passive:!1}),window.addEventListener(`mouseup`,t),window.addEventListener(`touchmove`,e,{passive:!1}),window.addEventListener(`touchend`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t),window.removeEventListener(`touchmove`,e),window.removeEventListener(`touchend`,t)}},[w,N,P]);let I=h?t.Root:`div`;return(0,u.jsxs)(`div`,{className:(0,l.default)(`wim-pull-to-refresh`,s.default.container,g),role:`none`,onTouchStart:F,onMouseDown:F,..._,children:[(0,u.jsx)(`div`,{className:(0,l.default)(s.default.indicator,s.default[E]),style:{height:b,opacity:+(b>0),transition:w?`none`:`all 0.3s cubic-bezier(0.16, 1, 0.3, 1)`},children:(0,u.jsxs)(`div`,{className:s.default.indicatorContent,children:[E===`refreshing`?(0,u.jsx)(o.Icon,{component:a.default,spin:!0,className:s.default.spinner}):(0,u.jsx)(o.Icon,{component:i.default,className:(0,l.default)(s.default.arrow,E===`releasing`&&s.default.rotate)}),(0,u.jsx)(`span`,{className:s.default.text,children:y(E===`refreshing`?`pullToRefresh.loading`:E===`releasing`?`pullToRefresh.release`:`pullToRefresh.pull`)})]})}),(0,u.jsx)(I,{ref:v,className:s.default.content,children:m})]})});d.displayName=`PullToRefresh`,exports.PullToRefresh=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/common.cjs"),i=require("../../_internal/composeEventHandlers.cjs"),a=require("../../../icon/chevron-down.cjs"),o=require("../../../icon/loading.cjs"),s=require("../../media/Icon/Icon.cjs"),c=require("./pull-to-refresh.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=l.default.forwardRef(({onRefresh:e,refreshing:f,threshold:p=60,maxDistance:m=120,children:h,asChild:g=!1,className:_,...v},y)=>{let{t:b}=n.useWimTranslation(r.commonNs),[x,S]=(0,l.useState)(0),[C,w]=(0,l.useState)(!1),[T,E]=(0,l.useState)(!1),[D,O]=(0,l.useState)(`idle`),k=(0,l.useRef)(0),A=(0,l.useRef)(!1),j=(0,l.useRef)(!1),M=(0,l.useRef)(void 0);(0,l.useEffect)(()=>()=>clearTimeout(M.current),[]);let N=f??C;(0,l.useEffect)(()=>{N?(O(`refreshing`),S(p)):(O(`idle`),S(0))},[N,p]);let P=(0,l.useCallback)(e=>{if(!A.current||N)return;let t=(`touches`in e?e.touches[0].clientY:e.clientY)-k.current;if(t>0){e.cancelable&&e.preventDefault();let n=Math.min(t*.4,m);S(n),O(n>p?`releasing`:`pulling`)}else t<-10&&(A.current=!1,j.current=!1,E(!1),S(0),O(`idle`))},[m,p,N]),F=(0,l.useCallback)(async()=>{if(!A.current)return;let t=x>=p;if(A.current=!1,j.current=!1,E(!1),t&&!N){w(!0),O(`refreshing`),S(p);try{await e()}finally{clearTimeout(M.current),M.current=setTimeout(()=>{w(!1),f===void 0&&(O(`idle`),S(0))},50)}}else N||(S(0),O(`idle`))},[x,p,N,e,f]),I=e=>{e.currentTarget.scrollTop>0||N||(k.current=`touches`in e?e.touches[0].clientY:e.clientY,A.current=!0,j.current=!0,E(!0))};(0,l.useEffect)(()=>{if(!T)return;let e=e=>P(e),t=()=>F();return window.addEventListener(`mousemove`,e,{passive:!1}),window.addEventListener(`mouseup`,t),window.addEventListener(`touchmove`,e,{passive:!1}),window.addEventListener(`touchend`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t),window.removeEventListener(`touchmove`,e),window.removeEventListener(`touchend`,t)}},[T,P,F]);let L=g?t.Root:`div`;return(0,d.jsxs)(`div`,{className:(0,u.default)(`wim-pull-to-refresh`,c.default.container,_),role:`none`,...v,onTouchStart:i.composeEventHandlers(v.onTouchStart,I),onMouseDown:i.composeEventHandlers(v.onMouseDown,I),children:[(0,d.jsx)(`div`,{className:(0,u.default)(c.default.indicator,c.default[D]),style:{height:x,opacity:+(x>0),transition:T?`none`:`all 0.3s cubic-bezier(0.16, 1, 0.3, 1)`},children:(0,d.jsxs)(`div`,{className:c.default.indicatorContent,children:[D===`refreshing`?(0,d.jsx)(s.Icon,{component:o.default,spin:!0,className:c.default.spinner}):(0,d.jsx)(s.Icon,{component:a.default,className:(0,u.default)(c.default.arrow,D===`releasing`&&c.default.rotate)}),(0,d.jsx)(`span`,{className:c.default.text,children:b(D===`refreshing`?`pullToRefresh.loading`:D===`releasing`?`pullToRefresh.release`:`pullToRefresh.pull`)})]})}),(0,d.jsx)(L,{ref:y,className:c.default.content,children:h})]})});f.displayName=`PullToRefresh`,exports.PullToRefresh=f;

package/dist/components/data-display/PullToRefresh/PullToRefresh.js

@@ -2,101 +2,102 @@
 import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useWimTranslation as t } from "../../../i18n/useWimTranslation.js";
 import { commonNs as n } from "../../../i18n/generated/common.js";
-import r from "../../../icon/chevron-down.js";
-import i from "../../../icon/loading.js";
-import { Icon as a } from "../../media/Icon/Icon.js";
-import o from "./pull-to-refresh.module.js";
-import s, { useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
-import f from "classnames";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { composeEventHandlers as r } from "../../_internal/composeEventHandlers.js";
+import i from "../../../icon/chevron-down.js";
+import a from "../../../icon/loading.js";
+import { Icon as o } from "../../media/Icon/Icon.js";
+import s from "./pull-to-refresh.module.js";
+import c, { useCallback as l, useEffect as u, useRef as d, useState as f } from "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/data-display/PullToRefresh/PullToRefresh.tsx
-var h = s.forwardRef(({ onRefresh: s, refreshing: h, threshold: g = 60, maxDistance: _ = 120, children: v, asChild: y = !1, className: b, ...x }, S) => {
-	let { t: C } = t(n), [w, T] = d(0), [E, D] = d(!1), [O, k] = d(!1), [A, j] = d("idle"), M = u(0), N = u(!1), P = u(!1), F = u(void 0);
-	l(() => () => clearTimeout(F.current), []);
-	let I = h ?? E;
-	l(() => {
-		I ? (j("refreshing"), T(g)) : (j("idle"), T(0));
-	}, [I, g]);
-	let L = c((e) => {
-		if (!N.current || I) return;
-		let t = ("touches" in e ? e.touches[0].clientY : e.clientY) - M.current;
+var g = c.forwardRef(({ onRefresh: c, refreshing: g, threshold: _ = 60, maxDistance: v = 120, children: y, asChild: b = !1, className: x, ...S }, C) => {
+	let { t: w } = t(n), [T, E] = f(0), [D, O] = f(!1), [k, A] = f(!1), [j, M] = f("idle"), N = d(0), P = d(!1), F = d(!1), I = d(void 0);
+	u(() => () => clearTimeout(I.current), []);
+	let L = g ?? D;
+	u(() => {
+		L ? (M("refreshing"), E(_)) : (M("idle"), E(0));
+	}, [L, _]);
+	let R = l((e) => {
+		if (!P.current || L) return;
+		let t = ("touches" in e ? e.touches[0].clientY : e.clientY) - N.current;
 		if (t > 0) {
 			e.cancelable && e.preventDefault();
-			let n = Math.min(t * .4, _);
-			T(n), j(n > g ? "releasing" : "pulling");
-		} else t < -10 && (N.current = !1, P.current = !1, k(!1), T(0), j("idle"));
+			let n = Math.min(t * .4, v);
+			E(n), M(n > _ ? "releasing" : "pulling");
+		} else t < -10 && (P.current = !1, F.current = !1, A(!1), E(0), M("idle"));
 	}, [
+		v,
 		_,
-		g,
-		I
-	]), R = c(async () => {
-		if (!N.current) return;
-		let e = w >= g;
-		if (N.current = !1, P.current = !1, k(!1), e && !I) {
-			D(!0), j("refreshing"), T(g);
+		L
+	]), z = l(async () => {
+		if (!P.current) return;
+		let e = T >= _;
+		if (P.current = !1, F.current = !1, A(!1), e && !L) {
+			O(!0), M("refreshing"), E(_);
 			try {
-				await s();
+				await c();
 			} finally {
-				clearTimeout(F.current), F.current = setTimeout(() => {
-					D(!1), h === void 0 && (j("idle"), T(0));
+				clearTimeout(I.current), I.current = setTimeout(() => {
+					O(!1), g === void 0 && (M("idle"), E(0));
 				}, 50);
 			}
-		} else I || (T(0), j("idle"));
+		} else L || (E(0), M("idle"));
 	}, [
-		w,
-		g,
-		I,
-		s,
-		h
-	]), z = (e) => {
-		e.currentTarget.scrollTop > 0 || I || (M.current = "touches" in e ? e.touches[0].clientY : e.clientY, N.current = !0, P.current = !0, k(!0));
+		T,
+		_,
+		L,
+		c,
+		g
+	]), B = (e) => {
+		e.currentTarget.scrollTop > 0 || L || (N.current = "touches" in e ? e.touches[0].clientY : e.clientY, P.current = !0, F.current = !0, A(!0));
 	};
-	l(() => {
-		if (!O) return;
-		let e = (e) => L(e), t = () => R();
+	u(() => {
+		if (!k) return;
+		let e = (e) => R(e), t = () => z();
 		return window.addEventListener("mousemove", e, { passive: !1 }), window.addEventListener("mouseup", t), window.addEventListener("touchmove", e, { passive: !1 }), window.addEventListener("touchend", t), () => {
 			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t), window.removeEventListener("touchmove", e), window.removeEventListener("touchend", t);
 		};
 	}, [
-		O,
-		L,
-		R
+		k,
+		R,
+		z
 	]);
-	let B = y ? e : "div";
-	return /* @__PURE__ */ m("div", {
-		className: f("wim-pull-to-refresh", o.container, b),
+	let V = b ? e : "div";
+	return /* @__PURE__ */ h("div", {
+		className: p("wim-pull-to-refresh", s.container, x),
 		role: "none",
-		onTouchStart: z,
-		onMouseDown: z,
-		...x,
-		children: [/* @__PURE__ */ p("div", {
-			className: f(o.indicator, o[A]),
+		...S,
+		onTouchStart: r(S.onTouchStart, B),
+		onMouseDown: r(S.onMouseDown, B),
+		children: [/* @__PURE__ */ m("div", {
+			className: p(s.indicator, s[j]),
 			style: {
-				height: w,
-				opacity: +(w > 0),
-				transition: O ? "none" : "all 0.3s cubic-bezier(0.16, 1, 0.3, 1)"
+				height: T,
+				opacity: +(T > 0),
+				transition: k ? "none" : "all 0.3s cubic-bezier(0.16, 1, 0.3, 1)"
 			},
-			children: /* @__PURE__ */ m("div", {
-				className: o.indicatorContent,
-				children: [A === "refreshing" ? /* @__PURE__ */ p(a, {
-					component: i,
+			children: /* @__PURE__ */ h("div", {
+				className: s.indicatorContent,
+				children: [j === "refreshing" ? /* @__PURE__ */ m(o, {
+					component: a,
 					spin: !0,
-					className: o.spinner
-				}) : /* @__PURE__ */ p(a, {
-					component: r,
-					className: f(o.arrow, A === "releasing" && o.rotate)
-				}), /* @__PURE__ */ p("span", {
-					className: o.text,
-					children: C(A === "refreshing" ? "pullToRefresh.loading" : A === "releasing" ? "pullToRefresh.release" : "pullToRefresh.pull")
+					className: s.spinner
+				}) : /* @__PURE__ */ m(o, {
+					component: i,
+					className: p(s.arrow, j === "releasing" && s.rotate)
+				}), /* @__PURE__ */ m("span", {
+					className: s.text,
+					children: w(j === "refreshing" ? "pullToRefresh.loading" : j === "releasing" ? "pullToRefresh.release" : "pullToRefresh.pull")
 				})]
 			})
-		}), /* @__PURE__ */ p(B, {
-			ref: S,
-			className: o.content,
-			children: v
+		}), /* @__PURE__ */ m(V, {
+			ref: C,
+			className: s.content,
+			children: y
 		})]
 	});
 });
-h.displayName = "PullToRefresh";
+g.displayName = "PullToRefresh";
 //#endregion
-export { h as PullToRefresh };
+export { g as PullToRefresh };

package/dist/components/data-display/SortableList/SortableList.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/components.cjs"),i=require("../../../icon/grip-vertical.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../_internal/mergeRefs.cjs"),s=require("./sortable-list.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=(0,c.createContext)(null),f=()=>{let e=(0,c.useContext)(d);if(!e)throw Error(`SortableList compound components must be used within SortableList`);return e},p=c.default.forwardRef(({asChild:e=!1,className:n,children:r,onSortEnd:i,disabled:a=!1,...o},f)=>{let[p,m]=(0,c.useState)(null),[h,g]=(0,c.useState)(null),_=(0,c.useCallback)((e,t)=>{e!==t&&i?.(e,t)},[i]),v=e?t.Root:`ul`;return(0,u.jsx)(d.Provider,{value:{draggingIndex:p,overIndex:h,setDraggingIndex:m,setOverIndex:g,onMove:_,disabled:a},children:(0,u.jsx)(v,{ref:f,className:(0,l.default)(`wim-sortable-list`,s.default.root,n),...o,children:(0,u.jsx)(t.Slottable,{children:r})})})});p.displayName=`SortableList`;var m=c.default.forwardRef(({asChild:e=!1,index:i,disabled:a=!1,className:d,children:p,...m},h)=>{let{draggingIndex:g,overIndex:_,setDraggingIndex:v,setOverIndex:y,onMove:b,disabled:x}=f(),S=(0,c.useRef)(null),{t:C}=n.useWimTranslation(r.componentsNs),w=x||a,T=g===i,E=_===i;return(0,u.jsx)(e?t.Root:`li`,{ref:o.mergeRefs(h,S),className:(0,l.default)(s.default.item,T&&s.default.dragging,E&&s.default.over,w&&s.default.disabled,d),draggable:!w,onDragStart:e=>{w||(v(i),e.dataTransfer.effectAllowed=`move`,S.current&&e.dataTransfer.setDragImage(S.current,20,20))},onDragOver:e=>{e.preventDefault(),!(w||g===null||g===i)&&y(i)},onDragEnd:()=>{v(null),y(null)},onDrop:e=>{e.preventDefault(),g!==null&&g!==i&&b(g,i),v(null),y(null)},onKeyDown:e=>{w||(e.key===`ArrowUp`?(e.preventDefault(),i>0&&b(i,i-1)):e.key===`ArrowDown`&&(e.preventDefault(),b(i,i+1)))},tabIndex:w?-1:0,role:`listitem`,"aria-label":C(`sortable_list.drag_handle_label`),...m,children:(0,u.jsx)(t.Slottable,{children:p})})}),h=c.default.forwardRef(({asChild:e=!1,className:n,...r},o)=>(0,u.jsx)(e?t.Root:`div`,{ref:o,className:(0,l.default)(s.default.dragHandle,n),...r,children:(0,u.jsx)(a.Icon,{component:i.default,size:`sm`})})),g=p;g.Item=m,g.DragHandle=h,g.displayName=`SortableList`,m.displayName=`SortableList.Item`,h.displayName=`SortableList.DragHandle`,exports.SortableList=g,exports.default=g,exports.SortableListDragHandle=h,exports.SortableListItem=m;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../_internal/composeEventHandlers.cjs"),i=require("../../../i18n/generated/components.cjs"),a=require("../../../icon/grip-vertical.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../_internal/mergeRefs.cjs"),c=require("./sortable-list.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(0,l.createContext)(null),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`SortableList compound components must be used within SortableList`);return e},m=l.default.forwardRef(({asChild:e=!1,className:n,children:r,onSortEnd:i,disabled:a=!1,...o},s)=>{let[p,m]=(0,l.useState)(null),[h,g]=(0,l.useState)(null),_=(0,l.useCallback)((e,t)=>{e!==t&&i?.(e,t)},[i]),v=e?t.Root:`ul`;return(0,d.jsx)(f.Provider,{value:{draggingIndex:p,overIndex:h,setDraggingIndex:m,setOverIndex:g,onMove:_,disabled:a},children:(0,d.jsx)(v,{ref:s,className:(0,u.default)(`wim-sortable-list`,c.default.root,n),...o,children:(0,d.jsx)(t.Slottable,{children:r})})})});m.displayName=`SortableList`;var h=l.default.forwardRef(({asChild:e=!1,index:a,disabled:o=!1,className:f,children:m,...h},g)=>{let{draggingIndex:_,overIndex:v,setDraggingIndex:y,setOverIndex:b,onMove:x,disabled:S}=p(),C=(0,l.useRef)(null),{t:w}=n.useWimTranslation(i.componentsNs),T=S||o,E=_===a,D=v===a,O=e=>{T||(y(a),e.dataTransfer.effectAllowed=`move`,C.current&&e.dataTransfer.setDragImage(C.current,20,20))},k=e=>{e.preventDefault(),!(T||_===null||_===a)&&b(a)},A=()=>{y(null),b(null)},j=e=>{e.preventDefault(),_!==null&&_!==a&&x(_,a),y(null),b(null)},M=e=>{T||(e.key===`ArrowUp`?(e.preventDefault(),a>0&&x(a,a-1)):e.key===`ArrowDown`&&(e.preventDefault(),x(a,a+1)))};return(0,d.jsx)(e?t.Root:`li`,{ref:s.mergeRefs(g,C),className:(0,u.default)(c.default.item,E&&c.default.dragging,D&&c.default.over,T&&c.default.disabled,f),draggable:!T,tabIndex:T?-1:0,role:`listitem`,"aria-label":w(`sortable_list.drag_handle_label`),...h,onDragStart:e=>r.composeEventHandlers(h.onDragStart,O)(e),onDragOver:r.composeEventHandlers(h.onDragOver,k),onDragEnd:r.composeEventHandlers(h.onDragEnd,A),onDrop:r.composeEventHandlers(h.onDrop,j),onKeyDown:r.composeEventHandlers(h.onKeyDown,M),children:(0,d.jsx)(t.Slottable,{children:m})})}),g=l.default.forwardRef(({asChild:e=!1,className:n,...r},i)=>(0,d.jsx)(e?t.Root:`div`,{ref:i,className:(0,u.default)(c.default.dragHandle,n),...r,children:(0,d.jsx)(o.Icon,{component:a.default,size:`sm`})})),_=m;_.Item=h,_.DragHandle=g,_.displayName=`SortableList`,h.displayName=`SortableList.Item`,g.displayName=`SortableList.DragHandle`,exports.SortableList=_,exports.default=_,exports.SortableListDragHandle=g,exports.SortableListItem=h;

package/dist/components/data-display/SortableList/SortableList.js

@@ -1,77 +1,78 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
-import { componentsNs as r } from "../../../i18n/generated/components.js";
-import i from "../../../icon/grip-vertical.js";
-import { Icon as a } from "../../media/Icon/Icon.js";
-import { mergeRefs as o } from "../../_internal/mergeRefs.js";
-import s from "./sortable-list.module.js";
-import c, { createContext as l, useCallback as u, useContext as d, useRef as f, useState as p } from "react";
-import m from "classnames";
-import { jsx as h } from "react/jsx-runtime";
+import { composeEventHandlers as r } from "../../_internal/composeEventHandlers.js";
+import { componentsNs as i } from "../../../i18n/generated/components.js";
+import a from "../../../icon/grip-vertical.js";
+import { Icon as o } from "../../media/Icon/Icon.js";
+import { mergeRefs as s } from "../../_internal/mergeRefs.js";
+import c from "./sortable-list.module.js";
+import l, { createContext as u, useCallback as d, useContext as f, useRef as p, useState as m } from "react";
+import h from "classnames";
+import { jsx as g } from "react/jsx-runtime";
 //#region src/components/data-display/SortableList/SortableList.tsx
-var g = l(null), _ = () => {
-	let e = d(g);
+var _ = u(null), v = () => {
+	let e = f(_);
 	if (!e) throw Error("SortableList compound components must be used within SortableList");
 	return e;
-}, v = c.forwardRef(({ asChild: n = !1, className: r, children: i, onSortEnd: a, disabled: o = !1, ...c }, l) => {
-	let [d, f] = p(null), [_, v] = p(null), y = u((e, t) => {
+}, y = l.forwardRef(({ asChild: n = !1, className: r, children: i, onSortEnd: a, disabled: o = !1, ...s }, l) => {
+	let [u, f] = m(null), [p, v] = m(null), y = d((e, t) => {
 		e !== t && a?.(e, t);
 	}, [a]), b = n ? e : "ul";
-	return /* @__PURE__ */ h(g.Provider, {
+	return /* @__PURE__ */ g(_.Provider, {
 		value: {
-			draggingIndex: d,
-			overIndex: _,
+			draggingIndex: u,
+			overIndex: p,
 			setDraggingIndex: f,
 			setOverIndex: v,
 			onMove: y,
 			disabled: o
 		},
-		children: /* @__PURE__ */ h(b, {
+		children: /* @__PURE__ */ g(b, {
 			ref: l,
-			className: m("wim-sortable-list", s.root, r),
-			...c,
-			children: /* @__PURE__ */ h(t, { children: i })
+			className: h("wim-sortable-list", c.root, r),
+			...s,
+			children: /* @__PURE__ */ g(t, { children: i })
 		})
 	});
 });
-v.displayName = "SortableList";
-var y = c.forwardRef(({ asChild: i = !1, index: a, disabled: c = !1, className: l, children: u, ...d }, p) => {
-	let { draggingIndex: g, overIndex: v, setDraggingIndex: y, setOverIndex: b, onMove: x, disabled: S } = _(), C = f(null), { t: w } = n(r), T = S || c, E = g === a, D = v === a;
-	return /* @__PURE__ */ h(i ? e : "li", {
-		ref: o(p, C),
-		className: m(s.item, E && s.dragging, D && s.over, T && s.disabled, l),
-		draggable: !T,
-		onDragStart: (e) => {
-			T || (y(a), e.dataTransfer.effectAllowed = "move", C.current && e.dataTransfer.setDragImage(C.current, 20, 20));
-		},
-		onDragOver: (e) => {
-			e.preventDefault(), !(T || g === null || g === a) && b(a);
-		},
-		onDragEnd: () => {
-			y(null), b(null);
-		},
-		onDrop: (e) => {
-			e.preventDefault(), g !== null && g !== a && x(g, a), y(null), b(null);
-		},
-		onKeyDown: (e) => {
-			T || (e.key === "ArrowUp" ? (e.preventDefault(), a > 0 && x(a, a - 1)) : e.key === "ArrowDown" && (e.preventDefault(), x(a, a + 1)));
-		},
-		tabIndex: T ? -1 : 0,
+y.displayName = "SortableList";
+var b = l.forwardRef(({ asChild: a = !1, index: o, disabled: l = !1, className: u, children: d, ...f }, m) => {
+	let { draggingIndex: _, overIndex: y, setDraggingIndex: b, setOverIndex: x, onMove: S, disabled: C } = v(), w = p(null), { t: T } = n(i), E = C || l, D = _ === o, O = y === o, k = (e) => {
+		E || (b(o), e.dataTransfer.effectAllowed = "move", w.current && e.dataTransfer.setDragImage(w.current, 20, 20));
+	}, A = (e) => {
+		e.preventDefault(), !(E || _ === null || _ === o) && x(o);
+	}, j = () => {
+		b(null), x(null);
+	}, M = (e) => {
+		e.preventDefault(), _ !== null && _ !== o && S(_, o), b(null), x(null);
+	}, N = (e) => {
+		E || (e.key === "ArrowUp" ? (e.preventDefault(), o > 0 && S(o, o - 1)) : e.key === "ArrowDown" && (e.preventDefault(), S(o, o + 1)));
+	};
+	return /* @__PURE__ */ g(a ? e : "li", {
+		ref: s(m, w),
+		className: h(c.item, D && c.dragging, O && c.over, E && c.disabled, u),
+		draggable: !E,
+		tabIndex: E ? -1 : 0,
 		role: "listitem",
-		"aria-label": w("sortable_list.drag_handle_label"),
-		...d,
-		children: /* @__PURE__ */ h(t, { children: u })
+		"aria-label": T("sortable_list.drag_handle_label"),
+		...f,
+		onDragStart: (e) => r(f.onDragStart, k)(e),
+		onDragOver: r(f.onDragOver, A),
+		onDragEnd: r(f.onDragEnd, j),
+		onDrop: r(f.onDrop, M),
+		onKeyDown: r(f.onKeyDown, N),
+		children: /* @__PURE__ */ g(t, { children: d })
 	});
-}), b = c.forwardRef(({ asChild: t = !1, className: n, ...r }, o) => /* @__PURE__ */ h(t ? e : "div", {
-	ref: o,
-	className: m(s.dragHandle, n),
+}), x = l.forwardRef(({ asChild: t = !1, className: n, ...r }, i) => /* @__PURE__ */ g(t ? e : "div", {
+	ref: i,
+	className: h(c.dragHandle, n),
 	...r,
-	children: /* @__PURE__ */ h(a, {
-		component: i,
+	children: /* @__PURE__ */ g(o, {
+		component: a,
 		size: "sm"
 	})
-})), x = v;
-x.Item = y, x.DragHandle = b, x.displayName = "SortableList", y.displayName = "SortableList.Item", b.displayName = "SortableList.DragHandle";
+})), S = y;
+S.Item = b, S.DragHandle = x, S.displayName = "SortableList", b.displayName = "SortableList.Item", x.displayName = "SortableList.DragHandle";
 //#endregion
-export { x as SortableList, x as default, b as SortableListDragHandle, y as SortableListItem };
+export { S as SortableList, S as default, x as SortableListDragHandle, b as SortableListItem };

package/dist/components/data-display/SwipeAction/SwipeAction.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../media/Icon/Icon.cjs"),r=require("./swipe-action.module.cjs"),i=require("./SwipeableList.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=a.default.forwardRef(({as:e=`div`,leftActions:c=[],rightActions:l=[],children:u,asChild:d=!1,id:f,closeOnAction:p=!0,fullSwipe:m,className:h,...g},_)=>{let v=(0,a.useId)(),y=f||v,b=i.useSwipeableList(),[x,S]=(0,a.useState)(0),[C,w]=(0,a.useState)(!1),T=(0,a.useRef)(0),E=(0,a.useRef)(0),D=(0,a.useRef)(null);(0,a.useImperativeHandle)(_,()=>({close:()=>{S(0),b?.reportClose(y)}}));let O=(0,a.useRef)(!1);(0,a.useEffect)(()=>{if(C){O.current=!0;return}if(O.current){let e=setTimeout(()=>{O.current=!1},100);return()=>clearTimeout(e)}b?.openedId&&b.openedId!==y&&S(0)},[b?.openedId,y,C]);let k=c.length*80,A=l.length*80,j=k>0&&(m===`left`||m===`both`),M=A>0&&(m===`right`||m===`both`),N=D.current?.offsetWidth??0,P=e=>Math.max(e+40,N/2),F=C&&j&&x>=P(k)?`left`:C&&M&&-x>=P(A)?`right`:null,I=e=>{T.current=`touches`in e?e.touches[0].clientX:e.clientX,E.current=x,w(!0)},L=e=>{if(!C)return;let t=(`touches`in e?e.touches[0].clientX:e.clientX)-T.current,n=E.current+t;Math.abs(t)>5&&b?.openedId!==y&&b?.reportOpen(y),n>k&&!j&&(n=k+(n-k)*.3),n<-A&&!M&&(n=-A+(n+A)*.3),S(n)},R=(e=!0)=>{if(C){if(w(!1),F){let t=F===`left`?c[0]:l[l.length-1];if(e){W(t),p||(S(F===`left`?k:-A),b?.reportOpen(y));return}}x>k/2?(S(k),b?.reportOpen(y)):x<-A/2?(S(-A),b?.reportOpen(y)):(S(0),b?.reportClose(y))}},z=d?t.Root:`div`,B=(0,a.useRef)(null),V=k>0||A>0,H=e=>{let t=e===`left`?k:-A;x!==t&&S(t),b?.reportOpen(y)},U=e=>{let t=e.relatedTarget;t&&D.current?.contains(t)||x!==0&&!C&&(S(0),b?.reportClose(y))},W=(e,t)=>{e.onClick(),p&&(S(0),b?.reportClose(y),t&&document.activeElement===t&&B.current?.focus())},G=(e,t,i)=>{let a=e===`left`?j:M,c=e===`left`?Math.max(0,x):Math.max(0,-x),l=e===`left`?0:t.length-1;return(0,s.jsx)(`div`,{className:(0,o.default)(r.default.actions,r.default[e],a&&c>i&&r.default.stretched,F===e&&r.default.armed),style:{width:a?Math.max(i,c):i,"--_action-w":`80px`},children:t.map((t,i)=>(0,s.jsxs)(`button`,{className:(0,o.default)(r.default.action,t.intent&&r.default[t.intent],a&&i===l&&r.default.outer),style:{backgroundColor:t.color},onFocus:()=>H(e),onClick:e=>W(t,e.currentTarget),type:`button`,children:[(0,s.jsx)(n.Icon,{name:t.icon,size:`md`}),(0,s.jsx)(`span`,{className:r.default.label,children:t.label})]},i))})};return(0,s.jsxs)(e,{ref:D,className:(0,o.default)(`wim-swipe-action`,r.default.container,h),onMouseLeave:()=>R(!1),onBlur:U,...g,children:[(0,s.jsx)(z,{ref:B,className:r.default.content,tabIndex:V?-1:void 0,style:{transform:`translateX(${x}px)`,transition:C?`none`:`transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)`},onTouchStart:I,onTouchMove:L,onTouchEnd:()=>R(),onMouseDown:I,onMouseMove:L,onMouseUp:()=>R(),children:u}),k>0&&G(`left`,c,k),A>0&&G(`right`,l,A)]})});c.displayName=`SwipeAction`,exports.SwipeAction=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./swipe-action.module.cjs"),a=require("./SwipeableList.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=o.default.forwardRef(({as:e=`div`,leftActions:l=[],rightActions:u=[],children:d,asChild:f=!1,id:p,closeOnAction:m=!0,fullSwipe:h,className:g,..._},v)=>{let y=(0,o.useId)(),b=p||y,x=a.useSwipeableList(),[S,C]=(0,o.useState)(0),[w,T]=(0,o.useState)(!1),E=(0,o.useRef)(0),D=(0,o.useRef)(0),O=(0,o.useRef)(null);(0,o.useImperativeHandle)(v,()=>({close:()=>{C(0),x?.reportClose(b)}}));let k=(0,o.useRef)(!1);(0,o.useEffect)(()=>{if(w){k.current=!0;return}if(k.current){let e=setTimeout(()=>{k.current=!1},100);return()=>clearTimeout(e)}x?.openedId&&x.openedId!==b&&C(0)},[x?.openedId,b,w]);let A=l.length*80,j=u.length*80,M=A>0&&(h===`left`||h===`both`),N=j>0&&(h===`right`||h===`both`),P=O.current?.offsetWidth??0,F=e=>Math.max(e+40,P/2),I=w&&M&&S>=F(A)?`left`:w&&N&&-S>=F(j)?`right`:null,L=e=>{E.current=`touches`in e?e.touches[0].clientX:e.clientX,D.current=S,T(!0)},R=e=>{if(!w)return;let t=(`touches`in e?e.touches[0].clientX:e.clientX)-E.current,n=D.current+t;Math.abs(t)>5&&x?.openedId!==b&&x?.reportOpen(b),n>A&&!M&&(n=A+(n-A)*.3),n<-j&&!N&&(n=-j+(n+j)*.3),C(n)},z=(e=!0)=>{if(w){if(T(!1),I){let t=I===`left`?l[0]:u[u.length-1];if(e){G(t),m||(C(I===`left`?A:-j),x?.reportOpen(b));return}}S>A/2?(C(A),x?.reportOpen(b)):S<-j/2?(C(-j),x?.reportOpen(b)):(C(0),x?.reportClose(b))}},B=f?t.Root:`div`,V=(0,o.useRef)(null),H=A>0||j>0,U=e=>{let t=e===`left`?A:-j;S!==t&&C(t),x?.reportOpen(b)},W=e=>{let t=e.relatedTarget;t&&O.current?.contains(t)||S!==0&&!w&&(C(0),x?.reportClose(b))},G=(e,t)=>{e.onClick(),m&&(C(0),x?.reportClose(b),t&&document.activeElement===t&&V.current?.focus())},K=(e,t,n)=>{let a=e===`left`?M:N,o=e===`left`?Math.max(0,S):Math.max(0,-S),l=e===`left`?0:t.length-1;return(0,c.jsx)(`div`,{className:(0,s.default)(i.default.actions,i.default[e],a&&o>n&&i.default.stretched,I===e&&i.default.armed),style:{width:a?Math.max(n,o):n,"--_action-w":`80px`},children:t.map((t,n)=>(0,c.jsxs)(`button`,{className:(0,s.default)(i.default.action,t.intent&&i.default[t.intent],a&&n===l&&i.default.outer),style:{backgroundColor:t.color},onFocus:()=>U(e),onClick:e=>G(t,e.currentTarget),type:`button`,children:[(0,c.jsx)(r.Icon,{name:t.icon,size:`md`}),(0,c.jsx)(`span`,{className:i.default.label,children:t.label})]},n))})};return(0,c.jsxs)(e,{ref:O,className:(0,s.default)(`wim-swipe-action`,i.default.container,g),..._,onMouseLeave:n.composeEventHandlers(_.onMouseLeave,()=>z(!1)),onBlur:n.composeEventHandlers(_.onBlur,W),children:[(0,c.jsx)(B,{ref:V,className:i.default.content,tabIndex:H?-1:void 0,style:{transform:`translateX(${S}px)`,transition:w?`none`:`transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)`},onTouchStart:L,onTouchMove:R,onTouchEnd:()=>z(),onMouseDown:L,onMouseMove:R,onMouseUp:()=>z(),children:d}),A>0&&K(`left`,l,A),j>0&&K(`right`,u,j)]})});l.displayName=`SwipeAction`,exports.SwipeAction=l;