@vavt/react-ui 1.0.0

package/dist/Textarea-BEd7ToXv.js

@@ -0,0 +1,68 @@
+import { t as e } from "./effect-nifYL_rH.js";
+import { n as t, t as n } from "./state-oH-YwB7_.js";
+import { n as r } from "./refs-D5IYOBaf.js";
+import { forwardRef as i, useCallback as a, useMemo as o, useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region components/Textarea/Textarea.tsx
+var u = "--vl-textarea-resize", d = i((i, d) => {
+	let { value: f, defaultValue: p = "", placeholder: m, disabled: h = !1, loading: g = !1, size: _ = "md", rows: v = 3, autoSize: y = !1, resize: b = "vertical", className: x, style: S, children: C, onChange: w, ...T } = i, E = s(null), D = o(() => r(E, d), [d]), O = n(i, "value"), [k, A] = t({
+		value: f ?? "",
+		defaultValue: p,
+		controlled: O,
+		onChange: w
+	}), j = !!C, M = o(() => [
+		"vl-textarea",
+		_ ? `size-${_}` : "",
+		h ? "is-disabled" : "",
+		g ? "is-loading" : "",
+		y ? "is-auto" : "",
+		j ? "has-footer" : "",
+		x || ""
+	].filter(Boolean).join(" "), [
+		_,
+		h,
+		g,
+		y,
+		j,
+		x
+	]), N = y ? "none" : b, P = o(() => ({
+		[u]: N,
+		...S || {}
+	}), [N, S]), F = a(() => {
+		if (!y || !E.current) return;
+		let e = E.current;
+		e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
+	}, [y]);
+	return e(() => {
+		F();
+	}, [
+		k,
+		y,
+		v,
+		F
+	]), /* @__PURE__ */ l("div", {
+		className: M,
+		style: P,
+		children: [/* @__PURE__ */ c("textarea", {
+			ref: D,
+			value: k,
+			placeholder: m,
+			disabled: h || g,
+			rows: v,
+			"aria-busy": g || void 0,
+			onInput: (e) => {
+				A(e.target.value);
+			},
+			...T
+		}), j ? /* @__PURE__ */ c("div", {
+			className: "vl-textarea__footer",
+			children: C
+		}) : null]
+	});
+});
+d.displayName = "VlTextarea";
+//#endregion
+//#region components/Textarea/index.ts
+var f = d, p = d;
+//#endregion
+export { f as n, p as t };

package/dist/Textarea-C2dNYM0F.cjs

@@ -0,0 +1 @@
+const e=require("./effect-BpNxm_06.cjs"),t=require("./state-ZBA75xZ_.cjs"),n=require("./refs-DCqd87V8.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=`--vl-textarea-resize`,o=(0,r.forwardRef)((o,s)=>{let{value:c,defaultValue:l=``,placeholder:u,disabled:d=!1,loading:f=!1,size:p=`md`,rows:m=3,autoSize:h=!1,resize:g=`vertical`,className:_,style:v,children:y,onChange:b,...x}=o,S=(0,r.useRef)(null),C=(0,r.useMemo)(()=>n.n(S,s),[s]),w=t.t(o,`value`),[T,E]=t.n({value:c??``,defaultValue:l,controlled:w,onChange:b}),D=!!y,O=(0,r.useMemo)(()=>[`vl-textarea`,p?`size-${p}`:``,d?`is-disabled`:``,f?`is-loading`:``,h?`is-auto`:``,D?`has-footer`:``,_||``].filter(Boolean).join(` `),[p,d,f,h,D,_]),k=h?`none`:g,A=(0,r.useMemo)(()=>({[a]:k,...v||{}}),[k,v]),j=(0,r.useCallback)(()=>{if(!h||!S.current)return;let e=S.current;e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`},[h]);return e.t(()=>{j()},[T,h,m,j]),(0,i.jsxs)(`div`,{className:O,style:A,children:[(0,i.jsx)(`textarea`,{ref:C,value:T,placeholder:u,disabled:d||f,rows:m,"aria-busy":f||void 0,onInput:e=>{E(e.target.value)},...x}),D?(0,i.jsx)(`div`,{className:`vl-textarea__footer`,children:y}):null]})});o.displayName=`VlTextarea`;var s=o,c=o;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/TimePicker-ClQCHa6M.js

@@ -0,0 +1,199 @@
+import { n as e, t } from "./state-oH-YwB7_.js";
+import { t as n } from "./client-pj_wzx28.js";
+import { n as ee } from "./refs-D5IYOBaf.js";
+import { r as te, t as ne } from "./floating-DBAmeQIq.js";
+import { t as r } from "./id-CHixuHb7.js";
+import { t as re } from "./Transition-DiO4GsP3.js";
+import { a as ie, d as ae, i as oe, n as se, o as ce, t as le, v as ue, y as i } from "./time-wheel-BtvYZI6H.js";
+import { Clock3 as a, X as de } from "lucide-react";
+import { forwardRef as o, useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { createPortal as fe } from "react-dom";
+//#region components/TimePicker/TimePicker.tsx
+var m = o((o, m) => {
+	let { value: h, defaultValue: g = null, format: pe = "HH:mm:ss", shortcuts: _ = [], minTime: v, maxTime: y, disabledTime: b, placeholder: x = "请选择时间", disabled: S = !1, clearable: me = !1, size: he = "md", placement: C = "bottom-start", offset: w = 8, className: ge, style: _e, id: ve, "aria-label": ye, "aria-labelledby": T, "aria-describedby": be, onChange: xe, onClear: E, onOpen: D, onClose: O, ...Se } = o, k = u(null), A = u(null), j = u(null), M = n(), Ce = t(o, "value"), [N, we] = e({
+		value: h ?? null,
+		defaultValue: g,
+		controlled: Ce
+	}), [P, Te] = d(!1), [Ee, F] = d({}), [I, L] = d(!1), [De, R] = d(C), Oe = r("vl-time-picker-control", ve), z = r("vl-time-picker-panel"), ke = l(() => ee(k, m), [m]), B = v ? i(v) : null, V = y ? i(y) : null, H = l(() => ({
+		minSeconds: B,
+		maxSeconds: V,
+		disabledTime: b
+	}), [
+		b,
+		V,
+		B
+	]), U = N && i(N) !== null ? N : "", W = U ? ae(ue(U), pe) : "", G = i(U) ?? i("00:00:00") ?? 0, K = Math.floor(G / 3600), q = Math.floor(G % 3600 / 60), J = G % 60, Ae = s((e) => oe(e, H), [H]), Y = s((e, t, n) => se(e, t, n, H), [H]), X = s((e) => {
+		e && S || e !== P && (Te(e), e ? (L(!1), R(C), F({}), D?.()) : O?.());
+	}, [
+		S,
+		O,
+		D,
+		P,
+		C
+	]), Z = s(() => {
+		if (!P || !A.current || !j.current) return;
+		let e = ne({
+			anchorRect: A.current.getBoundingClientRect(),
+			floatingRect: j.current.getBoundingClientRect(),
+			placement: C,
+			offset: w
+		});
+		R(e.placement), F({
+			left: `${Math.round(e.x)}px`,
+			top: `${Math.round(e.y)}px`
+		}), L(!0);
+	}, [
+		w,
+		P,
+		C
+	]);
+	c(() => {
+		P && M && Z();
+	}, [
+		M,
+		P,
+		Z
+	]);
+	let je = s(() => X(!1), [X]), Me = s(() => {
+		X(!1), A.current?.focus();
+	}, [X]);
+	te({
+		active: P && M,
+		rootRef: k,
+		floatingRef: j,
+		onOutsideClick: je,
+		onEscape: Me,
+		onViewportChange: Z
+	}), c(() => {
+		S && P && X(!1);
+	}, [
+		S,
+		P,
+		X
+	]);
+	let Q = (e) => {
+		e !== null && Ae(e) || (we(e), xe?.(e));
+	}, Ne = (e, t) => {
+		let n = ce(e, t, {
+			hours: K,
+			minutes: q,
+			seconds: J
+		}, Y);
+		n !== null && Q(n);
+	}, Pe = s((e, t) => ie(e, t, {
+		hours: K,
+		minutes: q,
+		seconds: J
+	}, Y), [
+		Y,
+		K,
+		q,
+		J
+	]), Fe = (e) => {
+		let t = e.getValue(/* @__PURE__ */ new Date());
+		t && i(t) !== null && Q(t);
+	}, Ie = (e) => {
+		e?.stopPropagation(), !S && (Q(null), E?.());
+	}, Le = (e) => {
+		S || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), X(!P));
+	}, Re = [
+		"vl-time-picker",
+		`size-${he}`,
+		P ? "is-open" : "",
+		S ? "is-disabled" : "",
+		ge || ""
+	].filter(Boolean).join(" "), $ = /* @__PURE__ */ f(re, {
+		show: P,
+		name: "vl-time-picker",
+		deferEffects: !M,
+		children: /* @__PURE__ */ p("div", {
+			ref: j,
+			id: z,
+			className: `vl-time-picker__panel is-${De}${I ? " is-positioned" : ""}`,
+			style: {
+				...Ee,
+				visibility: I ? "visible" : "hidden"
+			},
+			role: "dialog",
+			"aria-label": "时间选择",
+			children: [/* @__PURE__ */ p("div", {
+				className: "vl-time-picker__controls",
+				children: [/* @__PURE__ */ p("div", {
+					className: "vl-time-picker__controls-title",
+					children: [/* @__PURE__ */ f(a, {
+						size: 16,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ f("span", { children: "时间" })]
+				}), /* @__PURE__ */ f(le, {
+					value: {
+						hours: K,
+						minutes: q,
+						seconds: J
+					},
+					isOptionDisabled: Pe,
+					onChange: Ne
+				})]
+			}), _.length ? /* @__PURE__ */ f("div", {
+				className: "vl-time-picker__shortcuts",
+				role: "group",
+				"aria-label": "快捷选择",
+				children: _.map((e) => /* @__PURE__ */ f("button", {
+					type: "button",
+					onClick: () => Fe(e),
+					children: e.label
+				}, e.label))
+			}) : null]
+		})
+	});
+	return /* @__PURE__ */ p("div", {
+		ref: ke,
+		className: "vl-time-picker-wrapper",
+		style: _e,
+		...Se,
+		children: [/* @__PURE__ */ p("div", {
+			ref: A,
+			id: Oe,
+			className: Re,
+			role: "combobox",
+			"aria-expanded": P,
+			"aria-controls": z,
+			"aria-haspopup": "dialog",
+			"aria-disabled": S || void 0,
+			"aria-label": ye ?? (T ? void 0 : x),
+			"aria-labelledby": T,
+			"aria-describedby": be,
+			tabIndex: S ? -1 : 0,
+			onClick: () => X(!P),
+			onKeyDown: Le,
+			children: [
+				/* @__PURE__ */ f("span", {
+					className: "vl-time-picker__icon",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ f(a, { size: 16 })
+				}),
+				/* @__PURE__ */ f("span", {
+					className: `vl-time-picker__value${W ? "" : " is-placeholder"}`,
+					children: W || x
+				}),
+				me && U && !S ? /* @__PURE__ */ f("button", {
+					type: "button",
+					className: "vl-time-picker__clear",
+					"aria-label": "清除已选",
+					onClick: Ie,
+					onMouseDown: (e) => e.preventDefault(),
+					children: /* @__PURE__ */ f(de, {
+						size: 16,
+						"aria-hidden": "true"
+					})
+				}) : null
+			]
+		}), M ? fe($, document.body) : $]
+	});
+});
+m.displayName = "VlTimePicker";
+//#endregion
+//#region components/TimePicker/index.ts
+var h = m, g = m;
+//#endregion
+export { h as n, g as t };

package/dist/TimePicker-DNBo2Rn5.cjs

@@ -0,0 +1 @@
+const e=require("./state-ZBA75xZ_.cjs"),t=require("./client-BkoqeUs3.cjs"),n=require("./refs-DCqd87V8.cjs"),r=require("./floating-DXRnx48N.cjs"),i=require("./id-CF0zOP1G.cjs"),ee=require("./Transition-X_89ga-e.cjs"),a=require("./time-wheel-BaCcA9nk.cjs");let o=require("lucide-react"),s=require("react"),c=require("react/jsx-runtime"),l=require("react-dom");var u=(0,s.forwardRef)((u,d)=>{let{value:f,defaultValue:te=null,format:ne=`HH:mm:ss`,shortcuts:p=[],minTime:m,maxTime:h,disabledTime:g,placeholder:_=`请选择时间`,disabled:v=!1,clearable:re=!1,size:ie=`md`,placement:y=`bottom-start`,offset:b=8,className:ae,style:oe,id:x,"aria-label":se,"aria-labelledby":S,"aria-describedby":ce,onChange:le,onClear:C,onOpen:w,onClose:T,...ue}=u,E=(0,s.useRef)(null),D=(0,s.useRef)(null),O=(0,s.useRef)(null),k=t.t(),de=e.t(u,`value`),[A,fe]=e.n({value:f??null,defaultValue:te,controlled:de}),[j,pe]=(0,s.useState)(!1),[me,M]=(0,s.useState)({}),[N,P]=(0,s.useState)(!1),[F,I]=(0,s.useState)(y),L=i.t(`vl-time-picker-control`,x),R=i.t(`vl-time-picker-panel`),he=(0,s.useMemo)(()=>n.n(E,d),[d]),z=m?a.y(m):null,B=h?a.y(h):null,V=(0,s.useMemo)(()=>({minSeconds:z,maxSeconds:B,disabledTime:g}),[g,B,z]),H=A&&a.y(A)!==null?A:``,U=H?a.d(a.v(H),ne):``,W=a.y(H)??a.y(`00:00:00`)??0,G=Math.floor(W/3600),K=Math.floor(W%3600/60),q=W%60,ge=(0,s.useCallback)(e=>a.i(e,V),[V]),J=(0,s.useCallback)((e,t,n)=>a.n(e,t,n,V),[V]),Y=(0,s.useCallback)(e=>{e&&v||e!==j&&(pe(e),e?(P(!1),I(y),M({}),w?.()):T?.())},[v,T,w,j,y]),X=(0,s.useCallback)(()=>{if(!j||!D.current||!O.current)return;let e=r.t({anchorRect:D.current.getBoundingClientRect(),floatingRect:O.current.getBoundingClientRect(),placement:y,offset:b});I(e.placement),M({left:`${Math.round(e.x)}px`,top:`${Math.round(e.y)}px`}),P(!0)},[b,j,y]);(0,s.useEffect)(()=>{j&&k&&X()},[k,j,X]);let _e=(0,s.useCallback)(()=>Y(!1),[Y]),Z=(0,s.useCallback)(()=>{Y(!1),D.current?.focus()},[Y]);r.r({active:j&&k,rootRef:E,floatingRef:O,onOutsideClick:_e,onEscape:Z,onViewportChange:X}),(0,s.useEffect)(()=>{v&&j&&Y(!1)},[v,j,Y]);let Q=e=>{e!==null&&ge(e)||(fe(e),le?.(e))},ve=(e,t)=>{let n=a.o(e,t,{hours:G,minutes:K,seconds:q},J);n!==null&&Q(n)},ye=(0,s.useCallback)((e,t)=>a.a(e,t,{hours:G,minutes:K,seconds:q},J),[J,G,K,q]),be=e=>{let t=e.getValue(new Date);t&&a.y(t)!==null&&Q(t)},xe=e=>{e?.stopPropagation(),!v&&(Q(null),C?.())},Se=e=>{v||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),Y(!j))},Ce=[`vl-time-picker`,`size-${ie}`,j?`is-open`:``,v?`is-disabled`:``,ae||``].filter(Boolean).join(` `),$=(0,c.jsx)(ee.t,{show:j,name:`vl-time-picker`,deferEffects:!k,children:(0,c.jsxs)(`div`,{ref:O,id:R,className:`vl-time-picker__panel is-${F}${N?` is-positioned`:``}`,style:{...me,visibility:N?`visible`:`hidden`},role:`dialog`,"aria-label":`时间选择`,children:[(0,c.jsxs)(`div`,{className:`vl-time-picker__controls`,children:[(0,c.jsxs)(`div`,{className:`vl-time-picker__controls-title`,children:[(0,c.jsx)(o.Clock3,{size:16,"aria-hidden":`true`}),(0,c.jsx)(`span`,{children:`时间`})]}),(0,c.jsx)(a.t,{value:{hours:G,minutes:K,seconds:q},isOptionDisabled:ye,onChange:ve})]}),p.length?(0,c.jsx)(`div`,{className:`vl-time-picker__shortcuts`,role:`group`,"aria-label":`快捷选择`,children:p.map(e=>(0,c.jsx)(`button`,{type:`button`,onClick:()=>be(e),children:e.label},e.label))}):null]})});return(0,c.jsxs)(`div`,{ref:he,className:`vl-time-picker-wrapper`,style:oe,...ue,children:[(0,c.jsxs)(`div`,{ref:D,id:L,className:Ce,role:`combobox`,"aria-expanded":j,"aria-controls":R,"aria-haspopup":`dialog`,"aria-disabled":v||void 0,"aria-label":se??(S?void 0:_),"aria-labelledby":S,"aria-describedby":ce,tabIndex:v?-1:0,onClick:()=>Y(!j),onKeyDown:Se,children:[(0,c.jsx)(`span`,{className:`vl-time-picker__icon`,"aria-hidden":`true`,children:(0,c.jsx)(o.Clock3,{size:16})}),(0,c.jsx)(`span`,{className:`vl-time-picker__value${U?``:` is-placeholder`}`,children:U||_}),re&&H&&!v?(0,c.jsx)(`button`,{type:`button`,className:`vl-time-picker__clear`,"aria-label":`清除已选`,onClick:xe,onMouseDown:e=>e.preventDefault(),children:(0,c.jsx)(o.X,{size:16,"aria-hidden":`true`})}):null]}),k?(0,l.createPortal)($,document.body):$]})});u.displayName=`VlTimePicker`;var d=u,f=u;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/Timeline-ROggEQnD.cjs

@@ -0,0 +1 @@
+const e=require("./icon-DRLyKu8p.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)((r,i)=>{let{items:a=[],mode:o=`start`,size:s=`md`,reverse:c=!1,pending:l=!1,renderLabel:u,renderContent:d,renderIcon:f,pendingContent:p,pendingIcon:m,className:h,...g}=r,_=(0,t.useMemo)(()=>c?[...a].reverse():a,[a,c]),v=(0,t.useMemo)(()=>[`vl-timeline`,`mode-${o}`,`size-${s}`,h||``].filter(Boolean).join(` `),[o,s,h]),y=e=>[`vl-timeline__item`,e?`is-${e}`:`is-default`].join(` `);return(0,n.jsxs)(`ol`,{ref:i,className:v,...g,children:[_.map((t,r)=>(0,n.jsxs)(`li`,{className:y(t.status),children:[(0,n.jsx)(`div`,{className:`vl-timeline__label`,children:u?u(t,r):t.label?(0,n.jsx)(`span`,{children:t.label}):null}),(0,n.jsxs)(`div`,{className:`vl-timeline__indicator`,children:[(0,n.jsx)(`span`,{className:`vl-timeline__dot`,children:f?f(t,r):e.t(t.icon)}),(0,n.jsx)(`span`,{className:`vl-timeline__line`})]}),(0,n.jsx)(`div`,{className:`vl-timeline__content`,children:d?d(t,r):(0,n.jsxs)(n.Fragment,{children:[t.title?(0,n.jsx)(`span`,{className:`vl-timeline__title`,children:t.title}):null,t.content?(0,n.jsx)(`span`,{className:`vl-timeline__desc`,children:t.content}):null]})})]},t.key??r)),l?(0,n.jsxs)(`li`,{className:`vl-timeline__item is-pending`,"aria-live":`polite`,children:[(0,n.jsx)(`div`,{className:`vl-timeline__label`}),(0,n.jsx)(`div`,{className:`vl-timeline__indicator`,children:(0,n.jsx)(`span`,{className:`vl-timeline__dot is-pending`,children:m??(0,n.jsx)(`span`,{className:`vl-timeline__pending-dot`})})}),(0,n.jsx)(`div`,{className:`vl-timeline__content`,children:p??(0,n.jsx)(`span`,{children:`...`})})]}):null]})});r.displayName=`VlTimeline`;var i=r,a=r;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/dist/Timeline-euWvUS4e.js

@@ -0,0 +1,70 @@
+import { t as e } from "./icon-Cbvuv4yF.js";
+import { forwardRef as t, useMemo as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region components/Timeline/Timeline.tsx
+var o = t((t, o) => {
+	let { items: s = [], mode: c = "start", size: l = "md", reverse: u = !1, pending: d = !1, renderLabel: f, renderContent: p, renderIcon: m, pendingContent: h, pendingIcon: g, className: _, ...v } = t, y = n(() => u ? [...s].reverse() : s, [s, u]), b = n(() => [
+		"vl-timeline",
+		`mode-${c}`,
+		`size-${l}`,
+		_ || ""
+	].filter(Boolean).join(" "), [
+		c,
+		l,
+		_
+	]), x = (e) => ["vl-timeline__item", e ? `is-${e}` : "is-default"].join(" ");
+	return /* @__PURE__ */ a("ol", {
+		ref: o,
+		className: b,
+		...v,
+		children: [y.map((t, n) => /* @__PURE__ */ a("li", {
+			className: x(t.status),
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "vl-timeline__label",
+					children: f ? f(t, n) : t.label ? /* @__PURE__ */ i("span", { children: t.label }) : null
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "vl-timeline__indicator",
+					children: [/* @__PURE__ */ i("span", {
+						className: "vl-timeline__dot",
+						children: m ? m(t, n) : e(t.icon)
+					}), /* @__PURE__ */ i("span", { className: "vl-timeline__line" })]
+				}),
+				/* @__PURE__ */ i("div", {
+					className: "vl-timeline__content",
+					children: p ? p(t, n) : /* @__PURE__ */ a(r, { children: [t.title ? /* @__PURE__ */ i("span", {
+						className: "vl-timeline__title",
+						children: t.title
+					}) : null, t.content ? /* @__PURE__ */ i("span", {
+						className: "vl-timeline__desc",
+						children: t.content
+					}) : null] })
+				})
+			]
+		}, t.key ?? n)), d ? /* @__PURE__ */ a("li", {
+			className: "vl-timeline__item is-pending",
+			"aria-live": "polite",
+			children: [
+				/* @__PURE__ */ i("div", { className: "vl-timeline__label" }),
+				/* @__PURE__ */ i("div", {
+					className: "vl-timeline__indicator",
+					children: /* @__PURE__ */ i("span", {
+						className: "vl-timeline__dot is-pending",
+						children: g ?? /* @__PURE__ */ i("span", { className: "vl-timeline__pending-dot" })
+					})
+				}),
+				/* @__PURE__ */ i("div", {
+					className: "vl-timeline__content",
+					children: h ?? /* @__PURE__ */ i("span", { children: "..." })
+				})
+			]
+		}) : null]
+	});
+});
+o.displayName = "VlTimeline";
+//#endregion
+//#region components/Timeline/index.ts
+var s = o, c = o;
+//#endregion
+export { s as n, c as t };

package/dist/Tooltip-CbPYYr6R.cjs

@@ -0,0 +1 @@
+const e=require("./state-ZBA75xZ_.cjs"),t=require("./client-BkoqeUs3.cjs"),n=require("./refs-DCqd87V8.cjs"),r=require("./number-B7qJF_ZY.cjs"),i=require("./floating-DXRnx48N.cjs"),a=require("./id-CF0zOP1G.cjs"),o=require("./Transition-X_89ga-e.cjs"),s=require("./focus-D-h8CbGr.cjs");let c=require("react"),l=require("react/jsx-runtime"),ee=require("react-dom");var u=(0,c.forwardRef)((u,d)=>{let{content:f,placement:p=`top`,trigger:m=`hover`,disabled:h=!1,offset:g=8,showDelay:_=100,hideDelay:v=100,showArrow:te=!0,maxWidth:y=300,open:ne,defaultOpen:re=!1,className:b,children:x,onChange:ie,onShow:S,onHide:C,...w}=u,T=(0,c.useRef)(null),E=(0,c.useRef)(null),D=(0,c.useRef)(null),O=(0,c.useRef)(null),k=(0,c.useRef)(!1),A=(0,c.useRef)(!1),j=(0,c.useRef)(!1),M=(0,c.useRef)(null),N=(0,c.useRef)(null),ae=(0,c.useMemo)(()=>n.n(T,d),[d]),P=t.t(),oe=e.t(u,`open`),[F,I]=e.n({value:!!ne,defaultValue:re,controlled:oe,onChange:ie}),L=!h&&f!=null,R=L&&F,z=a.t(`vl-tooltip-popup`),[se,ce]=(0,c.useState)(p),[B,V]=(0,c.useState)({}),[H,U]=(0,c.useState)({}),W=(0,c.useMemo)(()=>[`vl-tooltip`,h?`is-disabled`:``,b||``].filter(Boolean).join(` `),[h,b]),le=`vl-tooltip__popup is-${se}`,G=(0,c.useCallback)(()=>{M.current!==null&&window.clearTimeout(M.current),N.current!==null&&window.clearTimeout(N.current),M.current=null,N.current=null},[]),K=(0,c.useCallback)(()=>{let e=O.current;if(e?.isConnected){e.focus();return}E.current?.querySelector(s.i)?.focus()},[]),q=(0,c.useCallback)((e,t=!1)=>{if(!(e&&!L)){if(F===e){t&&K();return}I(e),e?S?.():(C?.(),t&&window.requestAnimationFrame(K))}},[L,F,I,S,C,K]),J=(0,c.useCallback)(()=>{if(G(),L){if(_<=0){q(!0);return}M.current=window.setTimeout(()=>q(!0),_)}},[G,L,_,q]),Y=(0,c.useCallback)(()=>{if(G(),v<=0){q(!1);return}N.current=window.setTimeout(()=>q(!1),v)},[G,v,q]),X=(0,c.useCallback)(()=>{k.current||A.current||j.current||Y()},[Y]),Z=(0,c.useCallback)(()=>{if(!R)return;let e=E.current,t=D.current;if(!e||!t)return;let n=e.getBoundingClientRect(),a=t.getBoundingClientRect(),{placement:o,x:s,y:c}=i.n({anchorRect:n,floatingRect:a,placement:p,offset:g,edgePadding:8});if(ce(o),V({left:`${Math.round(s)}px`,top:`${Math.round(c)}px`}),o.startsWith(`top`)||o.startsWith(`bottom`)){let e=n.left+n.width/2-s;U({left:`${Math.round(r.t(e,10,Math.max(10,a.width-10)))}px`,top:void 0})}else{let e=n.top+n.height/2-c;U({left:void 0,top:`${Math.round(r.t(e,10,Math.max(10,a.height-10)))}px`})}},[R,p,g]),Q=()=>{m===`hover`&&(k.current=!0,J())},ue=()=>{m===`hover`&&(k.current=!1,X())},de=()=>{m===`hover`&&(A.current=!0,G())},fe=()=>{m===`hover`&&(A.current=!1,X())},pe=e=>{if(m!==`click`)return;let t=e.target;t.matches(`button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])`)&&(O.current=t),q(!R)},me=e=>{let t=e.target;t.matches(`button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])`)&&(O.current=t),j.current=!0,(m===`hover`||m===`focus`)&&J()},he=e=>{e.currentTarget.contains(e.relatedTarget)||(j.current=!1,m===`hover`?X():m===`focus`&&Y())};(0,c.useEffect)(()=>{if(!R||!P)return;let e=window.requestAnimationFrame(()=>{Z(),window.requestAnimationFrame(Z)});return()=>window.cancelAnimationFrame(e)},[R,P,Z]),(0,c.useEffect)(()=>{L||!F||q(!1)},[L,F,q]);let ge=(0,c.useCallback)(()=>q(!1),[q]),_e=(0,c.useCallback)(()=>q(!1,!0),[q]);i.r({active:R&&P,rootRef:T,floatingRef:D,closeOnOutsideClick:m===`click`,onOutsideClick:ge,onEscape:_e,onViewportChange:Z}),(0,c.useEffect)(()=>()=>G(),[G]);let ve=[(0,c.isValidElement)(x)?x.props[`aria-describedby`]:void 0,z].filter(Boolean).join(` `),ye=(0,c.isValidElement)(x)&&x.type!==c.Fragment?(0,c.cloneElement)(x,{"aria-describedby":ve}):x,be={...B,maxWidth:typeof y==`number`?`${y}px`:y},$=(0,l.jsx)(o.t,{show:R,name:`vl-tooltip`,unmountOnExit:!1,deferEffects:!P,children:(0,l.jsxs)(`div`,{ref:D,id:z,className:le,style:be,role:`tooltip`,"aria-hidden":!R||void 0,onMouseEnter:de,onMouseLeave:fe,children:[te?(0,l.jsx)(`span`,{className:`vl-tooltip__arrow`,style:H,"aria-hidden":`true`}):null,(0,l.jsx)(`div`,{className:`vl-tooltip__content`,children:f})]})});return(0,l.jsxs)(`div`,{ref:ae,className:W,...w,children:[(0,l.jsx)(`div`,{ref:E,className:`vl-tooltip__trigger`,"aria-describedby":(0,c.isValidElement)(x)?void 0:z,onMouseEnter:Q,onMouseLeave:ue,onClick:pe,onFocus:me,onBlur:he,children:ye}),P?(0,ee.createPortal)($,document.body):$]})});u.displayName=`VlTooltip`;var d=u,f=u;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/Tooltip-Ds4Odm7K.js

@@ -0,0 +1,197 @@
+import { n as e, t } from "./state-oH-YwB7_.js";
+import { t as n } from "./client-pj_wzx28.js";
+import { n as r } from "./refs-D5IYOBaf.js";
+import { t as i } from "./number-BN2jHM6Z.js";
+import { n as ee, r as a } from "./floating-DBAmeQIq.js";
+import { t as o } from "./id-CHixuHb7.js";
+import { t as s } from "./Transition-DiO4GsP3.js";
+import { i as te } from "./focus-BDDJyKk3.js";
+import { Fragment as ne, cloneElement as re, forwardRef as c, isValidElement as l, useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { createPortal as ie } from "react-dom";
+//#region components/Tooltip/Tooltip.tsx
+var _ = c((c, _) => {
+	let { content: v, placement: y = "top", trigger: b = "hover", disabled: x = !1, offset: S = 8, showDelay: C = 100, hideDelay: w = 100, showArrow: ae = !0, maxWidth: T = 300, open: oe, defaultOpen: se = !1, className: E, children: D, onChange: ce, onShow: O, onHide: k, ...le } = c, A = p(null), j = p(null), M = p(null), N = p(null), P = p(!1), F = p(!1), I = p(!1), L = p(null), R = p(null), ue = f(() => r(A, _), [_]), z = n(), de = t(c, "open"), [B, V] = e({
+		value: !!oe,
+		defaultValue: se,
+		controlled: de,
+		onChange: ce
+	}), H = !x && v != null, U = H && B, W = o("vl-tooltip-popup"), [fe, pe] = m(y), [me, he] = m({}), [ge, G] = m({}), _e = f(() => [
+		"vl-tooltip",
+		x ? "is-disabled" : "",
+		E || ""
+	].filter(Boolean).join(" "), [x, E]), ve = `vl-tooltip__popup is-${fe}`, K = u(() => {
+		L.current !== null && window.clearTimeout(L.current), R.current !== null && window.clearTimeout(R.current), L.current = null, R.current = null;
+	}, []), q = u(() => {
+		let e = N.current;
+		if (e?.isConnected) {
+			e.focus();
+			return;
+		}
+		j.current?.querySelector(te)?.focus();
+	}, []), J = u((e, t = !1) => {
+		if (!(e && !H)) {
+			if (B === e) {
+				t && q();
+				return;
+			}
+			V(e), e ? O?.() : (k?.(), t && window.requestAnimationFrame(q));
+		}
+	}, [
+		H,
+		B,
+		V,
+		O,
+		k,
+		q
+	]), Y = u(() => {
+		if (K(), H) {
+			if (C <= 0) {
+				J(!0);
+				return;
+			}
+			L.current = window.setTimeout(() => J(!0), C);
+		}
+	}, [
+		K,
+		H,
+		C,
+		J
+	]), X = u(() => {
+		if (K(), w <= 0) {
+			J(!1);
+			return;
+		}
+		R.current = window.setTimeout(() => J(!1), w);
+	}, [
+		K,
+		w,
+		J
+	]), Z = u(() => {
+		P.current || F.current || I.current || X();
+	}, [X]), Q = u(() => {
+		if (!U) return;
+		let e = j.current, t = M.current;
+		if (!e || !t) return;
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { placement: a, x: o, y: s } = ee({
+			anchorRect: n,
+			floatingRect: r,
+			placement: y,
+			offset: S,
+			edgePadding: 8
+		});
+		if (pe(a), he({
+			left: `${Math.round(o)}px`,
+			top: `${Math.round(s)}px`
+		}), a.startsWith("top") || a.startsWith("bottom")) {
+			let e = n.left + n.width / 2 - o;
+			G({
+				left: `${Math.round(i(e, 10, Math.max(10, r.width - 10)))}px`,
+				top: void 0
+			});
+		} else {
+			let e = n.top + n.height / 2 - s;
+			G({
+				left: void 0,
+				top: `${Math.round(i(e, 10, Math.max(10, r.height - 10)))}px`
+			});
+		}
+	}, [
+		U,
+		y,
+		S
+	]), ye = () => {
+		b === "hover" && (P.current = !0, Y());
+	}, be = () => {
+		b === "hover" && (P.current = !1, Z());
+	}, xe = () => {
+		b === "hover" && (F.current = !0, K());
+	}, Se = () => {
+		b === "hover" && (F.current = !1, Z());
+	}, Ce = (e) => {
+		if (b !== "click") return;
+		let t = e.target;
+		t.matches("button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])") && (N.current = t), J(!U);
+	}, we = (e) => {
+		let t = e.target;
+		t.matches("button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])") && (N.current = t), I.current = !0, (b === "hover" || b === "focus") && Y();
+	}, Te = (e) => {
+		e.currentTarget.contains(e.relatedTarget) || (I.current = !1, b === "hover" ? Z() : b === "focus" && X());
+	};
+	d(() => {
+		if (!U || !z) return;
+		let e = window.requestAnimationFrame(() => {
+			Q(), window.requestAnimationFrame(Q);
+		});
+		return () => window.cancelAnimationFrame(e);
+	}, [
+		U,
+		z,
+		Q
+	]), d(() => {
+		H || !B || J(!1);
+	}, [
+		H,
+		B,
+		J
+	]);
+	let Ee = u(() => J(!1), [J]), De = u(() => J(!1, !0), [J]);
+	a({
+		active: U && z,
+		rootRef: A,
+		floatingRef: M,
+		closeOnOutsideClick: b === "click",
+		onOutsideClick: Ee,
+		onEscape: De,
+		onViewportChange: Q
+	}), d(() => () => K(), [K]);
+	let Oe = [l(D) ? D.props["aria-describedby"] : void 0, W].filter(Boolean).join(" "), ke = l(D) && D.type !== ne ? re(D, { "aria-describedby": Oe }) : D, Ae = {
+		...me,
+		maxWidth: typeof T == "number" ? `${T}px` : T
+	}, $ = /* @__PURE__ */ h(s, {
+		show: U,
+		name: "vl-tooltip",
+		unmountOnExit: !1,
+		deferEffects: !z,
+		children: /* @__PURE__ */ g("div", {
+			ref: M,
+			id: W,
+			className: ve,
+			style: Ae,
+			role: "tooltip",
+			"aria-hidden": !U || void 0,
+			onMouseEnter: xe,
+			onMouseLeave: Se,
+			children: [ae ? /* @__PURE__ */ h("span", {
+				className: "vl-tooltip__arrow",
+				style: ge,
+				"aria-hidden": "true"
+			}) : null, /* @__PURE__ */ h("div", {
+				className: "vl-tooltip__content",
+				children: v
+			})]
+		})
+	});
+	return /* @__PURE__ */ g("div", {
+		ref: ue,
+		className: _e,
+		...le,
+		children: [/* @__PURE__ */ h("div", {
+			ref: j,
+			className: "vl-tooltip__trigger",
+			"aria-describedby": l(D) ? void 0 : W,
+			onMouseEnter: ye,
+			onMouseLeave: be,
+			onClick: Ce,
+			onFocus: we,
+			onBlur: Te,
+			children: ke
+		}), z ? ie($, document.body) : $]
+	});
+});
+_.displayName = "VlTooltip";
+//#endregion
+//#region components/Tooltip/index.ts
+var v = _, y = _;
+//#endregion
+export { v as n, y as t };