@vlrc-fe/components 1.0.6 → 1.0.8

package/dist/index88.js

@@ -1,40 +1,348 @@
-//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/format/longFormatters.js
-var e = (e, t) => {
-	switch (e) {
-		case "P": return t.date({ width: "short" });
-		case "PP": return t.date({ width: "medium" });
-		case "PPP": return t.date({ width: "long" });
-		default: return t.date({ width: "full" });
-	}
-}, t = (e, t) => {
-	switch (e) {
-		case "p": return t.time({ width: "short" });
-		case "pp": return t.time({ width: "medium" });
-		case "ppp": return t.time({ width: "long" });
-		default: return t.time({ width: "full" });
-	}
-}, n = {
-	p: t,
-	P: (n, r) => {
-		let i = n.match(/(P+)(p+)?/) || [], a = i[1], o = i[2];
-		if (!o) return e(n, r);
-		let s;
-		switch (a) {
-			case "P":
-				s = r.dateTime({ width: "short" });
-				break;
-			case "PP":
-				s = r.dateTime({ width: "medium" });
-				break;
-			case "PPP":
-				s = r.dateTime({ width: "long" });
-				break;
-			default:
-				s = r.dateTime({ width: "full" });
-				break;
+import * as e from "react";
+//#region ../../node_modules/.pnpm/input-otp@1.4.2_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/input-otp/dist/index.mjs
+var t = Object.defineProperty, n = Object.defineProperties, r = Object.getOwnPropertyDescriptors, i = Object.getOwnPropertySymbols, a = Object.prototype.hasOwnProperty, o = Object.prototype.propertyIsEnumerable, s = (e, n, r) => n in e ? t(e, n, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: r
+}) : e[n] = r, c = (e, t) => {
+	for (var n in t ||= {}) a.call(t, n) && s(e, n, t[n]);
+	if (i) for (var n of i(t)) o.call(t, n) && s(e, n, t[n]);
+	return e;
+}, l = (e, t) => n(e, r(t)), u = (e, t) => {
+	var n = {};
+	for (var r in e) a.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+	if (e != null && i) for (var r of i(e)) t.indexOf(r) < 0 && o.call(e, r) && (n[r] = e[r]);
+	return n;
+};
+function d(e) {
+	return [
+		setTimeout(e, 0),
+		setTimeout(e, 10),
+		setTimeout(e, 50)
+	];
+}
+function f(t) {
+	let n = e.useRef();
+	return e.useEffect(() => {
+		n.current = t;
+	}), n.current;
+}
+var p = 18, m = 40, h = `${m}px`, g = [
+	"[data-lastpass-icon-root]",
+	"com-1password-button",
+	"[data-dashlanecreated]",
+	"[style$=\"2147483647 !important;\"]"
+].join(",");
+function _({ containerRef: t, inputRef: n, pushPasswordManagerStrategy: r, isFocused: i }) {
+	let [a, o] = e.useState(!1), [s, c] = e.useState(!1), [l, u] = e.useState(!1), d = e.useMemo(() => r === "none" ? !1 : (r === "increase-width" || r === "experimental-no-flickering") && a && s, [
+		a,
+		s,
+		r
+	]), f = e.useCallback(() => {
+		let e = t.current, i = n.current;
+		if (!e || !i || l || r === "none") return;
+		let a = e, s = a.getBoundingClientRect().left + a.offsetWidth, c = a.getBoundingClientRect().top + a.offsetHeight / 2, d = s - p, f = c;
+		document.querySelectorAll(g).length === 0 && document.elementFromPoint(d, f) === e || (o(!0), u(!0));
+	}, [
+		t,
+		n,
+		l,
+		r
+	]);
+	return e.useEffect(() => {
+		let e = t.current;
+		if (!e || r === "none") return;
+		function n() {
+			c(window.innerWidth - e.getBoundingClientRect().right >= m);
+		}
+		n();
+		let i = setInterval(n, 1e3);
+		return () => {
+			clearInterval(i);
+		};
+	}, [t, r]), e.useEffect(() => {
+		let e = i || document.activeElement === n.current;
+		if (r === "none" || !e) return;
+		let t = setTimeout(f, 0), a = setTimeout(f, 2e3), o = setTimeout(f, 5e3), s = setTimeout(() => {
+			u(!0);
+		}, 6e3);
+		return () => {
+			clearTimeout(t), clearTimeout(a), clearTimeout(o), clearTimeout(s);
+		};
+	}, [
+		n,
+		i,
+		r,
+		f
+	]), {
+		hasPWMBadge: a,
+		willPushPWMBadge: d,
+		PWM_BADGE_SPACE_WIDTH: h
+	};
+}
+var v = e.createContext({}), y = e.forwardRef((t, n) => {
+	var r = t, { value: i, onChange: a, maxLength: o, textAlign: s = "left", pattern: p, placeholder: m, inputMode: h = "numeric", onComplete: g, pushPasswordManagerStrategy: y = "increase-width", pasteTransformer: S, containerClassName: C, noScriptCSSFallback: w = x, render: T, children: E } = r, D = u(r, [
+		"value",
+		"onChange",
+		"maxLength",
+		"textAlign",
+		"pattern",
+		"placeholder",
+		"inputMode",
+		"onComplete",
+		"pushPasswordManagerStrategy",
+		"pasteTransformer",
+		"containerClassName",
+		"noScriptCSSFallback",
+		"render",
+		"children"
+	]), O;
+	let [ee, k] = e.useState(typeof D.defaultValue == "string" ? D.defaultValue : ""), A = i ?? ee, j = f(A), M = e.useCallback((e) => {
+		a?.(e), k(e);
+	}, [a]), N = e.useMemo(() => p ? typeof p == "string" ? new RegExp(p) : p : null, [p]), P = e.useRef(null), F = e.useRef(null), I = e.useRef({
+		value: A,
+		onChange: M,
+		isIOS: typeof window < "u" && ((O = window == null ? void 0 : window.CSS)?.supports)?.call(O, "-webkit-touch-callout", "none")
+	}), L = e.useRef({ prev: [
+		P.current?.selectionStart,
+		P.current?.selectionEnd,
+		P.current?.selectionDirection
+	] });
+	e.useImperativeHandle(n, () => P.current, []), e.useEffect(() => {
+		let e = P.current, t = F.current;
+		if (!e || !t) return;
+		I.current.value !== e.value && I.current.onChange(e.value), L.current.prev = [
+			e.selectionStart,
+			e.selectionEnd,
+			e.selectionDirection
+		];
+		function n() {
+			if (document.activeElement !== e) {
+				U(null), G(null);
+				return;
+			}
+			let t = e.selectionStart, n = e.selectionEnd, r = e.selectionDirection, i = e.maxLength, a = e.value, o = L.current.prev, s = -1, c = -1, l;
+			if (a.length !== 0 && t !== null && n !== null) {
+				let e = t === n, r = t === a.length && a.length < i;
+				if (e && !r) {
+					let e = t;
+					if (e === 0) s = 0, c = 1, l = "forward";
+					else if (e === i) s = e - 1, c = e, l = "backward";
+					else if (i > 1 && a.length > 1) {
+						let t = 0;
+						if (o[0] !== null && o[1] !== null) {
+							l = e < o[1] ? "backward" : "forward";
+							let n = o[0] === o[1] && o[0] < i;
+							l === "backward" && !n && (t = -1);
+						}
+						s = t + e, c = t + e + 1;
+					}
+				}
+				s !== -1 && c !== -1 && s !== c && P.current.setSelectionRange(s, c, l);
+			}
+			let u = s === -1 ? t : s, d = c === -1 ? n : c, f = l ?? r;
+			U(u), G(d), L.current.prev = [
+				u,
+				d,
+				f
+			];
+		}
+		if (document.addEventListener("selectionchange", n, { capture: !0 }), n(), document.activeElement === e && V(!0), !document.getElementById("input-otp-style")) {
+			let e = document.createElement("style");
+			if (e.id = "input-otp-style", document.head.appendChild(e), e.sheet) {
+				let t = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
+				b(e.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), b(e.sheet, `[data-input-otp]:autofill { ${t} }`), b(e.sheet, `[data-input-otp]:-webkit-autofill { ${t} }`), b(e.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), b(e.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
+			}
 		}
-		return s.replace("{{date}}", e(a, r)).replace("{{time}}", t(o, r));
+		let r = () => {
+			t && t.style.setProperty("--root-height", `${e.clientHeight}px`);
+		};
+		r();
+		let i = new ResizeObserver(r);
+		return i.observe(e), () => {
+			document.removeEventListener("selectionchange", n, { capture: !0 }), i.disconnect();
+		};
+	}, []);
+	let [R, z] = e.useState(!1), [B, V] = e.useState(!1), [H, U] = e.useState(null), [W, G] = e.useState(null);
+	e.useEffect(() => {
+		d(() => {
+			var e;
+			(e = P.current) == null || e.dispatchEvent(new Event("input"));
+			let t = P.current?.selectionStart, n = P.current?.selectionEnd, r = P.current?.selectionDirection;
+			t !== null && n !== null && (U(t), G(n), L.current.prev = [
+				t,
+				n,
+				r
+			]);
+		});
+	}, [A, B]), e.useEffect(() => {
+		j !== void 0 && A !== j && j.length < o && A.length === o && g?.(A);
+	}, [
+		o,
+		g,
+		j,
+		A
+	]);
+	let K = _({
+		containerRef: F,
+		inputRef: P,
+		pushPasswordManagerStrategy: y,
+		isFocused: B
+	}), q = e.useCallback((e) => {
+		let t = e.currentTarget.value.slice(0, o);
+		if (t.length > 0 && N && !N.test(t)) {
+			e.preventDefault();
+			return;
+		}
+		typeof j == "string" && t.length < j.length && document.dispatchEvent(new Event("selectionchange")), M(t);
+	}, [
+		o,
+		M,
+		j,
+		N
+	]), J = e.useCallback(() => {
+		var e;
+		if (P.current) {
+			let t = Math.min(P.current.value.length, o - 1), n = P.current.value.length;
+			(e = P.current) == null || e.setSelectionRange(t, n), U(t), G(n);
+		}
+		V(!0);
+	}, [o]), Y = e.useCallback((e) => {
+		let t = P.current;
+		if (!S && (!I.current.isIOS || !e.clipboardData || !t)) return;
+		let n = e.clipboardData.getData("text/plain"), r = S ? S(n) : n;
+		e.preventDefault();
+		let i = P.current?.selectionStart, a = P.current?.selectionEnd, s = (i === a ? A.slice(0, i) + r + A.slice(i) : A.slice(0, i) + r + A.slice(a)).slice(0, o);
+		if (s.length > 0 && N && !N.test(s)) return;
+		t.value = s, M(s);
+		let c = Math.min(s.length, o - 1), l = s.length;
+		t.setSelectionRange(c, l), U(c), G(l);
+	}, [
+		o,
+		M,
+		N,
+		A
+	]), X = e.useMemo(() => ({
+		position: "relative",
+		cursor: D.disabled ? "default" : "text",
+		userSelect: "none",
+		WebkitUserSelect: "none",
+		pointerEvents: "none"
+	}), [D.disabled]), Z = e.useMemo(() => ({
+		position: "absolute",
+		inset: 0,
+		width: K.willPushPWMBadge ? `calc(100% + ${K.PWM_BADGE_SPACE_WIDTH})` : "100%",
+		clipPath: K.willPushPWMBadge ? `inset(0 ${K.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0,
+		height: "100%",
+		display: "flex",
+		textAlign: s,
+		opacity: "1",
+		color: "transparent",
+		pointerEvents: "all",
+		background: "transparent",
+		caretColor: "transparent",
+		border: "0 solid transparent",
+		outline: "0 solid transparent",
+		boxShadow: "none",
+		lineHeight: "1",
+		letterSpacing: "-.5em",
+		fontSize: "var(--root-height)",
+		fontFamily: "monospace",
+		fontVariantNumeric: "tabular-nums"
+	}), [
+		K.PWM_BADGE_SPACE_WIDTH,
+		K.willPushPWMBadge,
+		s
+	]), Q = e.useMemo(() => e.createElement("input", l(c({ autoComplete: D.autoComplete || "one-time-code" }, D), {
+		"data-input-otp": !0,
+		"data-input-otp-placeholder-shown": A.length === 0 || void 0,
+		"data-input-otp-mss": H,
+		"data-input-otp-mse": W,
+		inputMode: h,
+		pattern: N?.source,
+		"aria-placeholder": m,
+		style: Z,
+		maxLength: o,
+		value: A,
+		ref: P,
+		onPaste: (e) => {
+			var t;
+			Y(e), (t = D.onPaste) == null || t.call(D, e);
+		},
+		onChange: q,
+		onMouseOver: (e) => {
+			var t;
+			z(!0), (t = D.onMouseOver) == null || t.call(D, e);
+		},
+		onMouseLeave: (e) => {
+			var t;
+			z(!1), (t = D.onMouseLeave) == null || t.call(D, e);
+		},
+		onFocus: (e) => {
+			var t;
+			J(), (t = D.onFocus) == null || t.call(D, e);
+		},
+		onBlur: (e) => {
+			var t;
+			V(!1), (t = D.onBlur) == null || t.call(D, e);
+		}
+	})), [
+		q,
+		J,
+		Y,
+		h,
+		Z,
+		o,
+		W,
+		H,
+		D,
+		N?.source,
+		A
+	]), $ = e.useMemo(() => ({
+		slots: Array.from({ length: o }).map((e, t) => {
+			let n = B && H !== null && W !== null && (H === W && t === H || t >= H && t < W), r = A[t] === void 0 ? null : A[t];
+			return {
+				char: r,
+				placeholderChar: A[0] === void 0 ? m?.[t] ?? null : null,
+				isActive: n,
+				hasFakeCaret: n && r === null
+			};
+		}),
+		isFocused: B,
+		isHovering: !D.disabled && R
+	}), [
+		B,
+		R,
+		o,
+		W,
+		H,
+		D.disabled,
+		A
+	]), te = e.useMemo(() => T ? T($) : e.createElement(v.Provider, { value: $ }, E), [
+		E,
+		$,
+		T
+	]);
+	return e.createElement(e.Fragment, null, w !== null && e.createElement("noscript", null, e.createElement("style", null, w)), e.createElement("div", {
+		ref: F,
+		"data-input-otp-container": !0,
+		style: X,
+		className: C
+	}, te, e.createElement("div", { style: {
+		position: "absolute",
+		inset: 0,
+		pointerEvents: "none"
+	} }, Q)));
+});
+y.displayName = "Input";
+function b(e, t) {
+	try {
+		e.insertRule(t);
+	} catch {
+		console.error("input-otp could not insert CSS rule:", t);
 	}
-};
+}
+var x = "\n[data-input-otp] {\n  --nojs-bg: white !important;\n  --nojs-fg: black !important;\n\n  background-color: var(--nojs-bg) !important;\n  color: var(--nojs-fg) !important;\n  caret-color: var(--nojs-fg) !important;\n  letter-spacing: .25em !important;\n  text-align: center !important;\n  border: 1px solid var(--nojs-fg) !important;\n  border-radius: 4px !important;\n  width: 100% !important;\n}\n@media (prefers-color-scheme: dark) {\n  [data-input-otp] {\n    --nojs-bg: black !important;\n    --nojs-fg: white !important;\n  }\n}";
 //#endregion
-export { n as longFormatters };
+export { y as Lt, v as jt };

package/dist/index89.cjs

@@ -1 +1,20 @@
-var e=(e,t)=>{switch(e){case`P`:return t.date({width:`short`});case`PP`:return t.date({width:`medium`});case`PPP`:return t.date({width:`long`});default:return t.date({width:`full`})}},t=(e,t)=>{switch(e){case`p`:return t.time({width:`short`});case`pp`:return t.time({width:`medium`});case`ppp`:return t.time({width:`long`});default:return t.time({width:`full`})}},n={p:t,P:(n,r)=>{let i=n.match(/(P+)(p+)?/)||[],a=i[1],o=i[2];if(!o)return e(n,r);let s;switch(a){case`P`:s=r.dateTime({width:`short`});break;case`PP`:s=r.dateTime({width:`medium`});break;case`PPP`:s=r.dateTime({width:`long`});break;default:s=r.dateTime({width:`full`});break}return s.replace(`{{date}}`,e(a,r)).replace(`{{time}}`,t(o,r))}};exports.longFormatters=n;
+const e=require("./index2.cjs");let t=require("react");t=e.__toESM(t,1);var n=Object.defineProperty,r=Object.defineProperties,i=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var n in t||={})o.call(t,n)&&c(e,n,t[n]);if(a)for(var n of a(t))s.call(t,n)&&c(e,n,t[n]);return e},u=(e,t)=>r(e,i(t)),d=(e,t)=>{var n={};for(var r in e)o.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&a)for(var r of a(e))t.indexOf(r)<0&&s.call(e,r)&&(n[r]=e[r]);return n};function f(e){return[setTimeout(e,0),setTimeout(e,10),setTimeout(e,50)]}function p(e){let n=t.useRef();return t.useEffect(()=>{n.current=e}),n.current}var m=18,h=40,g=`${h}px`,_=[`[data-lastpass-icon-root]`,`com-1password-button`,`[data-dashlanecreated]`,`[style$="2147483647 !important;"]`].join(`,`);function ee({containerRef:e,inputRef:n,pushPasswordManagerStrategy:r,isFocused:i}){let[a,o]=t.useState(!1),[s,c]=t.useState(!1),[l,u]=t.useState(!1),d=t.useMemo(()=>r===`none`?!1:(r===`increase-width`||r===`experimental-no-flickering`)&&a&&s,[a,s,r]),f=t.useCallback(()=>{let t=e.current,i=n.current;if(!t||!i||l||r===`none`)return;let a=t,s=a.getBoundingClientRect().left+a.offsetWidth,c=a.getBoundingClientRect().top+a.offsetHeight/2,d=s-m,f=c;document.querySelectorAll(_).length===0&&document.elementFromPoint(d,f)===t||(o(!0),u(!0))},[e,n,l,r]);return t.useEffect(()=>{let t=e.current;if(!t||r===`none`)return;function n(){c(window.innerWidth-t.getBoundingClientRect().right>=h)}n();let i=setInterval(n,1e3);return()=>{clearInterval(i)}},[e,r]),t.useEffect(()=>{let e=i||document.activeElement===n.current;if(r===`none`||!e)return;let t=setTimeout(f,0),a=setTimeout(f,2e3),o=setTimeout(f,5e3),s=setTimeout(()=>{u(!0)},6e3);return()=>{clearTimeout(t),clearTimeout(a),clearTimeout(o),clearTimeout(s)}},[n,i,r,f]),{hasPWMBadge:a,willPushPWMBadge:d,PWM_BADGE_SPACE_WIDTH:g}}var v=t.createContext({}),y=t.forwardRef((e,n)=>{var r=e,{value:i,onChange:a,maxLength:o,textAlign:s=`left`,pattern:c,placeholder:m,inputMode:h=`numeric`,onComplete:g,pushPasswordManagerStrategy:_=`increase-width`,pasteTransformer:y,containerClassName:S,noScriptCSSFallback:C=x,render:w,children:T}=r,E=d(r,[`value`,`onChange`,`maxLength`,`textAlign`,`pattern`,`placeholder`,`inputMode`,`onComplete`,`pushPasswordManagerStrategy`,`pasteTransformer`,`containerClassName`,`noScriptCSSFallback`,`render`,`children`]),D;let[O,k]=t.useState(typeof E.defaultValue==`string`?E.defaultValue:``),A=i??O,j=p(A),M=t.useCallback(e=>{a?.(e),k(e)},[a]),N=t.useMemo(()=>c?typeof c==`string`?new RegExp(c):c:null,[c]),P=t.useRef(null),F=t.useRef(null),I=t.useRef({value:A,onChange:M,isIOS:typeof window<`u`&&((D=window==null?void 0:window.CSS)?.supports)?.call(D,`-webkit-touch-callout`,`none`)}),L=t.useRef({prev:[P.current?.selectionStart,P.current?.selectionEnd,P.current?.selectionDirection]});t.useImperativeHandle(n,()=>P.current,[]),t.useEffect(()=>{let e=P.current,t=F.current;if(!e||!t)return;I.current.value!==e.value&&I.current.onChange(e.value),L.current.prev=[e.selectionStart,e.selectionEnd,e.selectionDirection];function n(){if(document.activeElement!==e){U(null),G(null);return}let t=e.selectionStart,n=e.selectionEnd,r=e.selectionDirection,i=e.maxLength,a=e.value,o=L.current.prev,s=-1,c=-1,l;if(a.length!==0&&t!==null&&n!==null){let e=t===n,r=t===a.length&&a.length<i;if(e&&!r){let e=t;if(e===0)s=0,c=1,l=`forward`;else if(e===i)s=e-1,c=e,l=`backward`;else if(i>1&&a.length>1){let t=0;if(o[0]!==null&&o[1]!==null){l=e<o[1]?`backward`:`forward`;let n=o[0]===o[1]&&o[0]<i;l===`backward`&&!n&&(t=-1)}s=t+e,c=t+e+1}}s!==-1&&c!==-1&&s!==c&&P.current.setSelectionRange(s,c,l)}let u=s===-1?t:s,d=c===-1?n:c,f=l??r;U(u),G(d),L.current.prev=[u,d,f]}if(document.addEventListener(`selectionchange`,n,{capture:!0}),n(),document.activeElement===e&&V(!0),!document.getElementById(`input-otp-style`)){let e=document.createElement(`style`);if(e.id=`input-otp-style`,document.head.appendChild(e),e.sheet){let t=`background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;`;b(e.sheet,`[data-input-otp]::selection { background: transparent !important; color: transparent !important; }`),b(e.sheet,`[data-input-otp]:autofill { ${t} }`),b(e.sheet,`[data-input-otp]:-webkit-autofill { ${t} }`),b(e.sheet,`@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }`),b(e.sheet,`[data-input-otp] + * { pointer-events: all !important; }`)}}let r=()=>{t&&t.style.setProperty(`--root-height`,`${e.clientHeight}px`)};r();let i=new ResizeObserver(r);return i.observe(e),()=>{document.removeEventListener(`selectionchange`,n,{capture:!0}),i.disconnect()}},[]);let[R,z]=t.useState(!1),[B,V]=t.useState(!1),[H,U]=t.useState(null),[W,G]=t.useState(null);t.useEffect(()=>{f(()=>{var e;(e=P.current)==null||e.dispatchEvent(new Event(`input`));let t=P.current?.selectionStart,n=P.current?.selectionEnd,r=P.current?.selectionDirection;t!==null&&n!==null&&(U(t),G(n),L.current.prev=[t,n,r])})},[A,B]),t.useEffect(()=>{j!==void 0&&A!==j&&j.length<o&&A.length===o&&g?.(A)},[o,g,j,A]);let K=ee({containerRef:F,inputRef:P,pushPasswordManagerStrategy:_,isFocused:B}),q=t.useCallback(e=>{let t=e.currentTarget.value.slice(0,o);if(t.length>0&&N&&!N.test(t)){e.preventDefault();return}typeof j==`string`&&t.length<j.length&&document.dispatchEvent(new Event(`selectionchange`)),M(t)},[o,M,j,N]),J=t.useCallback(()=>{var e;if(P.current){let t=Math.min(P.current.value.length,o-1),n=P.current.value.length;(e=P.current)==null||e.setSelectionRange(t,n),U(t),G(n)}V(!0)},[o]),Y=t.useCallback(e=>{let t=P.current;if(!y&&(!I.current.isIOS||!e.clipboardData||!t))return;let n=e.clipboardData.getData(`text/plain`),r=y?y(n):n;e.preventDefault();let i=P.current?.selectionStart,a=P.current?.selectionEnd,s=(i===a?A.slice(0,i)+r+A.slice(i):A.slice(0,i)+r+A.slice(a)).slice(0,o);if(s.length>0&&N&&!N.test(s))return;t.value=s,M(s);let c=Math.min(s.length,o-1),l=s.length;t.setSelectionRange(c,l),U(c),G(l)},[o,M,N,A]),X=t.useMemo(()=>({position:`relative`,cursor:E.disabled?`default`:`text`,userSelect:`none`,WebkitUserSelect:`none`,pointerEvents:`none`}),[E.disabled]),Z=t.useMemo(()=>({position:`absolute`,inset:0,width:K.willPushPWMBadge?`calc(100% + ${K.PWM_BADGE_SPACE_WIDTH})`:`100%`,clipPath:K.willPushPWMBadge?`inset(0 ${K.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:`100%`,display:`flex`,textAlign:s,opacity:`1`,color:`transparent`,pointerEvents:`all`,background:`transparent`,caretColor:`transparent`,border:`0 solid transparent`,outline:`0 solid transparent`,boxShadow:`none`,lineHeight:`1`,letterSpacing:`-.5em`,fontSize:`var(--root-height)`,fontFamily:`monospace`,fontVariantNumeric:`tabular-nums`}),[K.PWM_BADGE_SPACE_WIDTH,K.willPushPWMBadge,s]),Q=t.useMemo(()=>t.createElement(`input`,u(l({autoComplete:E.autoComplete||`one-time-code`},E),{"data-input-otp":!0,"data-input-otp-placeholder-shown":A.length===0||void 0,"data-input-otp-mss":H,"data-input-otp-mse":W,inputMode:h,pattern:N?.source,"aria-placeholder":m,style:Z,maxLength:o,value:A,ref:P,onPaste:e=>{var t;Y(e),(t=E.onPaste)==null||t.call(E,e)},onChange:q,onMouseOver:e=>{var t;z(!0),(t=E.onMouseOver)==null||t.call(E,e)},onMouseLeave:e=>{var t;z(!1),(t=E.onMouseLeave)==null||t.call(E,e)},onFocus:e=>{var t;J(),(t=E.onFocus)==null||t.call(E,e)},onBlur:e=>{var t;V(!1),(t=E.onBlur)==null||t.call(E,e)}})),[q,J,Y,h,Z,o,W,H,E,N?.source,A]),$=t.useMemo(()=>({slots:Array.from({length:o}).map((e,t)=>{let n=B&&H!==null&&W!==null&&(H===W&&t===H||t>=H&&t<W),r=A[t]===void 0?null:A[t];return{char:r,placeholderChar:A[0]===void 0?m?.[t]??null:null,isActive:n,hasFakeCaret:n&&r===null}}),isFocused:B,isHovering:!E.disabled&&R}),[B,R,o,W,H,E.disabled,A]),te=t.useMemo(()=>w?w($):t.createElement(v.Provider,{value:$},T),[T,$,w]);return t.createElement(t.Fragment,null,C!==null&&t.createElement(`noscript`,null,t.createElement(`style`,null,C)),t.createElement(`div`,{ref:F,"data-input-otp-container":!0,style:X,className:S},te,t.createElement(`div`,{style:{position:`absolute`,inset:0,pointerEvents:`none`}},Q)))});y.displayName=`Input`;function b(e,t){try{e.insertRule(t)}catch{console.error(`input-otp could not insert CSS rule:`,t)}}var x=`
+[data-input-otp] {
+  --nojs-bg: white !important;
+  --nojs-fg: black !important;
+
+  background-color: var(--nojs-bg) !important;
+  color: var(--nojs-fg) !important;
+  caret-color: var(--nojs-fg) !important;
+  letter-spacing: .25em !important;
+  text-align: center !important;
+  border: 1px solid var(--nojs-fg) !important;
+  border-radius: 4px !important;
+  width: 100% !important;
+}
+@media (prefers-color-scheme: dark) {
+  [data-input-otp] {
+    --nojs-bg: black !important;
+    --nojs-fg: white !important;
+  }
+}`;exports.Lt=y,exports.jt=v;

package/dist/index89.js

@@ -1,23 +1,45 @@
-//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/protectedTokens.js
-var e = /^D+$/, t = /^Y+$/, n = [
-	"D",
-	"DD",
-	"YY",
-	"YYYY"
-];
-function r(t) {
-	return e.test(t);
+"use client";
+import { cn as e } from "./index3.js";
+import { Lt as t, jt as n } from "./index88.js";
+import { MinusIcon as r } from "lucide-react";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ui/input-otp.tsx
+function s({ className: n, containerClassName: r, ...i }) {
+	return /* @__PURE__ */ a(t, {
+		"data-slot": "input-otp",
+		containerClassName: e("flex items-center gap-2 has-disabled:opacity-50", r),
+		className: e("disabled:cursor-not-allowed", n),
+		...i
+	});
 }
-function i(e) {
-	return t.test(e);
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "input-otp-group",
+		className: e("flex items-center", t),
+		...n
+	});
 }
-function a(e, t, r) {
-	let i = o(e, t, r);
-	if (console.warn(i), n.includes(e)) throw RangeError(i);
+function l({ index: t, className: r, ...s }) {
+	let { char: c, hasFakeCaret: l, isActive: u } = i.useContext(n)?.slots[t] ?? {};
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "input-otp-slot",
+		"data-active": u,
+		className: e("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]", r),
+		...s,
+		children: [c, l && /* @__PURE__ */ a("div", {
+			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ a("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" })
+		})]
+	});
 }
-function o(e, t, n) {
-	let r = e[0] === "Y" ? "years" : "days of the month";
-	return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
+function u({ ...e }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "input-otp-separator",
+		role: "separator",
+		...e,
+		children: /* @__PURE__ */ a(r, {})
+	});
 }
 //#endregion
-export { r as isProtectedDayOfYearToken, i as isProtectedWeekYearToken, a as warnOrThrowProtectedError };
+export { s as InputOTP, c as InputOTPGroup, u as InputOTPSeparator, l as InputOTPSlot };

package/dist/index9.cjs

@@ -1 +1 @@
-const e=require("./index2.cjs"),t=require("./index4.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=(0,require("class-variance-authority").cva)(`bg-card text-card-foreground flex flex-col rounded-xl border shadow-sm`,{variants:{variant:{default:`gap-6 py-6`,glass:`gap-6 py-6 bg-card/80 backdrop-blur-sm dark:bg-card/40 dark:border-white/10`,"glass-strong":`gap-6 py-6 bg-card/60 backdrop-blur-md dark:bg-card/60 dark:backdrop-blur-md dark:border dark:border-white/10`,elevated:`gap-6 py-6 border-0 shadow-lg hover:-translate-y-1 hover:shadow-xl transition-all`,"elevated-glass":`gap-6 py-6 border-0 shadow-lg hover:-translate-y-2 hover:shadow-xl transition-all dark:bg-card/60 dark:backdrop-blur-md dark:border dark:border-white/10`,auth:`w-full max-w-md mx-auto bg-card/80 dark:bg-card/60 backdrop-blur-xl backdrop-saturate-150 border-border/60 dark:border-white/10 rounded-2xl shadow-2xl shadow-primary/10 dark:shadow-black/30`}},defaultVariants:{variant:`default`}});function a({className:e,variant:n,...a}){return(0,r.jsx)(`div`,{"data-slot":`card`,"data-variant":n,className:t.cn(i({variant:n}),e),...a})}function o({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-header`,className:t.cn(`@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-title`,className:t.cn(`leading-none font-semibold`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-description`,className:t.cn(`text-muted-foreground text-sm`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-content`,className:t.cn(`px-6`,e),...n})}function d({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-footer`,className:t.cn(`flex items-center px-6 [.border-t]:pt-6`,e),...n})}exports.Card=a,exports.CardAction=l,exports.CardContent=u,exports.CardDescription=c,exports.CardFooter=d,exports.CardHeader=o,exports.CardTitle=s,exports.cardVariants=i;
+var e=Object.defineProperty,t=(t,n)=>e(t,`name`,{value:n,configurable:!0}),n=!!(typeof window<`u`&&window.document&&window.document.createElement);function r(e,n,{checkForDefaultPrevented:r=!0}={}){return t(function(t){if(e?.(t),r===!1||!t||!t.defaultPrevented)return n?.(t)},`handleEvent`)}t(r,`composeEventHandlers`);function i(e){if(!n)throw Error(`Cannot access window outside of the DOM`);return e?.ownerDocument?.defaultView??window}t(i,`getOwnerWindow`);function a(e){if(!n)throw Error(`Cannot access document outside of the DOM`);return e?.ownerDocument??document}t(a,`getOwnerDocument`);function o(e,t=!1){let{activeElement:n}=a(e);if(!n?.nodeName)return null;if(s(n)&&n.contentDocument)return o(n.contentDocument.body,t);if(t){let e=n.getAttribute(`aria-activedescendant`);if(e){let t=a(n).getElementById(e);if(t)return t}}return n}t(o,`getActiveElement`);function s(e){return e.tagName===`IFRAME`}t(s,`isFrame`),exports.composeEventHandlers=r;

package/dist/index9.js

@@ -1,20 +1,88 @@
-import { cn as e } from "./index3.js";
-import { CheckIcon as t } from "lucide-react";
-import "react";
-import { jsx as n } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-checkbox";
-//#region src/ui/checkbox.tsx
-function i({ className: i, ...a }) {
-	return /* @__PURE__ */ n(r.Root, {
-		"data-slot": "checkbox",
-		className: e("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", i),
-		...a,
-		children: /* @__PURE__ */ n(r.Indicator, {
-			"data-slot": "checkbox-indicator",
-			className: "grid place-content-center text-current transition-none",
-			children: /* @__PURE__ */ n(t, { className: "size-3.5" })
+"use client";
+import { createContextScope as e } from "./index6.js";
+import { useComposedRefs as t } from "./index7.js";
+import { composeEventHandlers as n } from "./index8.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-dialog";
+import { createDialogScope as o } from "@radix-ui/react-dialog";
+//#region ../../node_modules/.pnpm/@radix-ui+react-alert-dialog@1.1.23_@types+react-dom@19.2.3_@types+react@19.2.17__@type_a115413e28d5eaa4b219b4b3475e6b12/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs
+var s = Object.defineProperty, c = (e, t) => s(e, "name", {
+	value: t,
+	configurable: !0
+}), [l, u] = e("AlertDialog", [o]), d = o(), f = /* @__PURE__ */ c((e) => {
+	let { __scopeAlertDialog: t, ...n } = e, r = d(t);
+	return /* @__PURE__ */ i(a.Root, {
+		...r,
+		...n,
+		modal: !0
+	});
+}, "AlertDialog"), p = r.forwardRef(/* @__PURE__ */ c(function(e, t) {
+	let { __scopeAlertDialog: n, ...r } = e, o = d(n);
+	return /* @__PURE__ */ i(a.Trigger, {
+		...o,
+		...r,
+		ref: t
+	});
+}, "AlertDialogTrigger")), m = /* @__PURE__ */ c((e) => {
+	let { __scopeAlertDialog: t, ...n } = e, r = d(t);
+	return /* @__PURE__ */ i(a.Portal, {
+		...r,
+		...n
+	});
+}, "AlertDialogPortal"), h = r.forwardRef(/* @__PURE__ */ c(function(e, t) {
+	let { __scopeAlertDialog: n, ...r } = e, o = d(n);
+	return /* @__PURE__ */ i(a.Overlay, {
+		...o,
+		...r,
+		ref: t
+	});
+}, "AlertDialogOverlay")), [g, _] = l("AlertDialogContent"), v = r.forwardRef(/* @__PURE__ */ c(function(e, o) {
+	let { __scopeAlertDialog: s, children: c, ...l } = e, u = d(s), f = t(o, r.useRef(null)), p = r.useRef(null);
+	return /* @__PURE__ */ i(g, {
+		scope: s,
+		cancelRef: p,
+		children: /* @__PURE__ */ i(a.Content, {
+			role: "alertdialog",
+			...u,
+			...l,
+			ref: f,
+			onOpenAutoFocus: n(l.onOpenAutoFocus, (e) => {
+				e.preventDefault(), p.current?.focus({ preventScroll: !0 });
+			}),
+			onPointerDownOutside: (e) => e.preventDefault(),
+			onInteractOutside: (e) => e.preventDefault(),
+			children: c
 		})
 	});
-}
+}, "AlertDialogContent")), y = r.forwardRef(/* @__PURE__ */ c(function(e, t) {
+	let { __scopeAlertDialog: n, ...r } = e, o = d(n);
+	return /* @__PURE__ */ i(a.Title, {
+		...o,
+		...r,
+		ref: t
+	});
+}, "AlertDialogTitle")), b = r.forwardRef(/* @__PURE__ */ c(function(e, t) {
+	let { __scopeAlertDialog: n, ...r } = e, o = d(n);
+	return /* @__PURE__ */ i(a.Description, {
+		...o,
+		...r,
+		ref: t
+	});
+}, "AlertDialogDescription")), x = r.forwardRef(/* @__PURE__ */ c(function(e, t) {
+	let { __scopeAlertDialog: n, ...r } = e, o = d(n);
+	return /* @__PURE__ */ i(a.Close, {
+		...o,
+		...r,
+		ref: t
+	});
+}, "AlertDialogAction")), S = "AlertDialogCancel", C = r.forwardRef(/* @__PURE__ */ c(function(e, n) {
+	let { __scopeAlertDialog: r, ...o } = e, { cancelRef: s } = _(S, r), c = d(r), l = t(n, s);
+	return /* @__PURE__ */ i(a.Close, {
+		...c,
+		...o,
+		ref: l
+	});
+}, "AlertDialogCancel")), w = f, T = p, E = m, D = h, O = v, k = x, A = C, j = y, M = b;
 //#endregion
-export { i as Checkbox };
+export { k as Action, A as Cancel, O as Content2, M as Description2, D as Overlay2, E as Portal2, w as Root2, j as Title2, T as Trigger2 };

package/dist/index90.cjs

@@ -1 +1 @@
-var e=/^D+$/,t=/^Y+$/,n=[`D`,`DD`,`YY`,`YYYY`];function r(t){return e.test(t)}function i(e){return t.test(e)}function a(e,t,r){let i=o(e,t,r);if(console.warn(i),n.includes(e))throw RangeError(i)}function o(e,t,n){let r=e[0]===`Y`?`years`:`days of the month`;return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}exports.isProtectedDayOfYearToken=r,exports.isProtectedWeekYearToken=i,exports.warnOrThrowProtectedError=a;
+"use client";const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index89.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({className:e,containerClassName:r,...i}){return(0,a.jsx)(n.Lt,{"data-slot":`input-otp`,containerClassName:t.cn(`flex items-center gap-2 has-disabled:opacity-50`,r),className:t.cn(`disabled:cursor-not-allowed`,e),...i})}function s({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`input-otp-group`,className:t.cn(`flex items-center`,e),...n})}function c({index:e,className:r,...o}){let{char:s,hasFakeCaret:c,isActive:l}=i.useContext(n.jt)?.slots[e]??{};return(0,a.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":l,className:t.cn(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,r),...o,children:[s,c&&(0,a.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,a.jsx)(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function l({...e}){return(0,a.jsx)(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:(0,a.jsx)(r.MinusIcon,{})})}exports.InputOTP=o,exports.InputOTPGroup=s,exports.InputOTPSeparator=l,exports.InputOTPSlot=c;