@vlrc-fe/components 1.0.7 → 1.0.8

package/dist/index46.js

@@ -1,166 +1,164 @@
-import { arraysEqual as e, buildAllOptions as t, buildBadgeAnimationClass as n, buildPopoverAnimationClass as r, buildWidthConstraints as i, computeResponsiveSettings as ee, countMatchingOptions as a, filterOptions as te } from "./index44.js";
-import { useCallback as o, useEffect as s, useId as ne, useImperativeHandle as re, useMemo as c, useRef as l, useState as u } from "react";
-//#region src/MultiSelect/useMultiSelect.ts
-var d = ({ forwardedRef: d, ...f }) => {
-	let { options: p, onValueChange: m, defaultValue: h = [], animationConfig: g, maxCount: _ = 3, responsive: v, minWidth: y, maxWidth: b, deduplicateOptions: x = !1, resetOnDefaultValueChange: S = !0, closeOnSelect: C = !1, searchable: w = !0, autoSize: T = !1, disabled: E = !1 } = f, [D, O] = u(h), [k, A] = u(!1), [j, M] = u(!1), [N, P] = u(""), [F, ie] = u("desktop"), [I, L] = u(""), [ae, R] = u(""), z = l(D.length), B = l(k), V = l(N), H = ne(), U = `${H}-listbox`, W = `${H}-description`, G = `${H}-count`, K = l(h), q = l(null), J = o((e, t = "polite") => {
-		t === "assertive" ? (R(e), setTimeout(() => R(""), 100)) : (L(e), setTimeout(() => L(""), 100));
-	}, []), Y = o(() => {
-		let { options: e, duplicates: n } = t(p, x);
-		return e;
-	}, [x, p]), X = o((e) => Y().find((t) => t.value === e), [Y]), oe = c(() => te(p, N, w), [
-		p,
-		N,
-		w
-	]), se = (e) => {
-		if (!E) {
-			if (e.key === "Enter") A(!0);
-			else if (e.key === "Backspace" && !e.currentTarget.value) {
-				let e = [...D];
-				e.pop(), O(e), m(e);
+"use client";
+import { createContextScope as e } from "./index6.js";
+import { useComposedRefs as t } from "./index7.js";
+import { Primitive as n } from "./index12.js";
+import { useCallbackRef as r } from "./index15.js";
+import { useLayoutEffect2 as i } from "./index16.js";
+import { autoUpdate as a } from "./index43.js";
+import { arrow as o, flip as s, hide as c, limitShift as l, offset as u, shift as d, size as f, useFloating as p } from "./index44.js";
+import { useSize as m } from "./index45.js";
+import * as h from "react";
+import { jsx as g } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/@radix-ui+react-popper@1.3.7_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react_4e5bda27561956783247cbf95bf4739f/node_modules/@radix-ui/react-popper/dist/index.mjs
+var _ = Object.defineProperty, v = (e, t) => _(e, "name", {
+	value: t,
+	configurable: !0
+}), y = "Popper", [b, x] = e(y), [S, C] = b(y), w = /* @__PURE__ */ v((e) => {
+	let { __scopePopper: t, children: n } = e, [r, i] = h.useState(null), [a, o] = h.useState(void 0);
+	return /* @__PURE__ */ g(S, {
+		scope: t,
+		anchor: r,
+		onAnchorChange: i,
+		placementState: a,
+		setPlacementState: o,
+		children: n
+	});
+}, "Popper"), T = "PopperAnchor", E = /* @__PURE__ */ h.forwardRef(/* @__PURE__ */ v(function(e, r) {
+	let { __scopePopper: i, virtualRef: a, ...o } = e, s = C(T, i), c = h.useRef(null), l = s.onAnchorChange, u = t(r, h.useCallback((e) => {
+		c.current = e, e && l(e);
+	}, [l])), d = h.useRef(null);
+	h.useEffect(() => {
+		if (!a) return;
+		let e = d.current;
+		d.current = a.current, e !== d.current && l(d.current);
+	});
+	let f = s.placementState && M(s.placementState), p = f?.[0], m = f?.[1];
+	return a ? null : /* @__PURE__ */ g(n.div, {
+		"data-radix-popper-side": p,
+		"data-radix-popper-align": m,
+		...o,
+		ref: u
+	});
+}, "PopperAnchor")), D = "PopperContent", [O, k] = b(D), A = /* @__PURE__ */ h.forwardRef(/* @__PURE__ */ v(function(e, _) {
+	let { __scopePopper: y, side: b = "bottom", sideOffset: x = 0, align: S = "center", alignOffset: w = 0, arrowPadding: T = 0, avoidCollisions: E = !0, collisionBoundary: k = [], collisionPadding: A = 0, sticky: N = "partial", hideWhenDetached: P = !1, updatePositionStrategy: F = "optimized", onPlaced: te, ...I } = e, L = C(D, y), [R, ne] = h.useState(null), re = t(_, ne), [z, ie] = h.useState(null), B = m(z), ae = B?.width ?? 0, V = B?.height ?? 0, oe = b + (S === "center" ? "" : "-" + S), se = typeof A == "number" ? A : {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		...A
+	}, H = Array.isArray(k) ? k : [k], U = H.length > 0, W = {
+		padding: se,
+		boundary: H.filter(j),
+		altBoundary: U
+	}, { refs: G, floatingStyles: K, placement: q, isPositioned: J, middlewareData: Y } = p({
+		strategy: "fixed",
+		placement: oe,
+		whileElementsMounted: /* @__PURE__ */ v((...e) => a(...e, { animationFrame: F === "always" }), "whileElementsMounted"),
+		elements: { reference: L.anchor },
+		middleware: [
+			u({
+				mainAxis: x + V,
+				alignmentAxis: w
+			}),
+			E && d({
+				mainAxis: !0,
+				crossAxis: !1,
+				limiter: N === "partial" ? l() : void 0,
+				...W
+			}),
+			E && s({ ...W }),
+			f({
+				...W,
+				apply: /* @__PURE__ */ v(({ elements: e, rects: t, availableWidth: n, availableHeight: r }) => {
+					let { width: i, height: a } = t.reference, o = e.floating.style;
+					o.setProperty("--radix-popper-available-width", `${n}px`), o.setProperty("--radix-popper-available-height", `${r}px`), o.setProperty("--radix-popper-anchor-width", `${i}px`), o.setProperty("--radix-popper-anchor-height", `${a}px`);
+				}, "apply")
+			}),
+			z && o({
+				element: z,
+				padding: T
+			}),
+			ee({
+				arrowWidth: ae,
+				arrowHeight: V
+			}),
+			P && c({
+				strategy: "referenceHidden",
+				...W,
+				boundary: U ? W.boundary : void 0
+			})
+		]
+	}), X = L.setPlacementState;
+	i(() => (X(q), () => {
+		X(void 0);
+	}), [q, X]);
+	let [Z, Q] = M(q), $ = r(te);
+	i(() => {
+		J && $?.();
+	}, [J, $]);
+	let ce = Y.arrow?.x, le = Y.arrow?.y, ue = Y.arrow?.centerOffset !== 0, [de, fe] = h.useState();
+	return i(() => {
+		R && fe(window.getComputedStyle(R).zIndex);
+	}, [R]), /* @__PURE__ */ g("div", {
+		ref: G.setFloating,
+		"data-radix-popper-content-wrapper": "",
+		style: {
+			...K,
+			transform: J ? K.transform : "translate(0, -200%)",
+			minWidth: "max-content",
+			zIndex: de,
+			"--radix-popper-transform-origin": [Y.transformOrigin?.x, Y.transformOrigin?.y].join(" "),
+			...Y.hide?.referenceHidden && {
+				visibility: "hidden",
+				pointerEvents: "none"
 			}
-		}
-	}, ce = (e) => {
-		if (E || X(e)?.disabled) return;
-		let t = D.includes(e) ? D.filter((t) => t !== e) : [...D, e];
-		O(t), m(t), C && A(!1);
-	}, Z = () => {
-		E || (O([]), m([]));
-	}, Q = () => {
-		E || A((e) => !e);
-	}, $ = c(() => ee(v, _, F), [
-		v,
-		_,
-		F
-	]), le = () => {
-		if (E) return;
-		let e = D.slice(0, $.maxCount);
-		O(e), m(e);
-	}, ue = () => {
-		if (E) return;
-		let e = Y().filter((e) => !e.disabled);
-		if (D.length === e.length) Z();
-		else {
-			let t = e.map((e) => e.value);
-			O(t), m(t);
-		}
-		C && A(!1);
-	}, de = c(() => i(F, T, y, b), [
-		T,
-		b,
-		y,
-		F
-	]);
-	s(() => {
-		if (!S) return;
-		let t = K.current;
-		e(t, h) || (e(D, h) || O(h), K.current = [...h]);
-	}, [
-		e,
-		h,
-		S,
-		D
-	]), s(() => {
-		k || P("");
-	}, [k]), s(() => {
-		let e = D.length, t = Y(), n = t.filter((e) => !e.disabled).length;
-		if (e !== z.current) {
-			let r = e - z.current;
-			if (r > 0) {
-				let i = D.slice(-r).map((e) => t.find((t) => t.value === e)?.label).filter(Boolean);
-				i.length === 1 ? J(`${i[0]} selected. ${e} of ${n} options selected.`) : J(`${i.length} options selected. ${e} of ${n} total selected.`);
-			} else r < 0 && J(`Option removed. ${e} of ${n} options selected.`);
-			z.current = e;
-		}
-		if (k !== B.current && (J(k ? `Dropdown opened. ${n} options available. Use arrow keys to navigate.` : "Dropdown closed."), B.current = k), N !== V.current && N !== void 0) {
-			if (N && k) {
-				let e = a(t, N);
-				J(`${e} option${e === 1 ? "" : "s"} found for "${N}"`);
-			}
-			V.current = N;
-		}
-	}, [
-		J,
-		a,
-		Y,
-		k,
-		N,
-		D
-	]), s(() => {
-		if (typeof window > "u") return;
-		let e = () => {
-			let e = window.innerWidth;
-			ie(e < 640 ? "mobile" : e < 1024 ? "tablet" : "desktop");
-		};
-		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, []);
-	let fe = c(() => n(j, g), [g, j]), pe = c(() => r(g), [g]);
-	return re(d, () => ({
-		reset: () => {
-			O(h), A(!1), P(""), m(h);
-		},
-		getSelectedValues: () => D,
-		setSelectedValues: (e) => {
-			O(e), m(e);
-		},
-		clear: () => {
-			O([]), m([]);
-		},
-		focus: () => {
-			if (q.current) {
-				q.current.focus();
-				let e = q.current.style.outline, t = q.current.style.outlineOffset;
-				q.current.style.outline = "2px solid hsl(var(--ring))", q.current.style.outlineOffset = "2px", setTimeout(() => {
-					q.current && (q.current.style.outline = e, q.current.style.outlineOffset = t);
-				}, 1e3);
-			}
-		}
-	}), [
-		h,
-		d,
-		m,
-		D
-	]), {
-		ids: {
-			multiSelectId: H,
-			listboxId: U,
-			triggerDescriptionId: W,
-			selectedCountId: G
-		},
-		state: {
-			selectedValues: D,
-			isPopoverOpen: k,
-			isAnimating: j,
-			searchValue: N,
-			screenSize: F
-		},
-		derived: {
-			filteredOptions: oe,
-			responsiveSettings: $,
-			widthConstraints: de,
-			badgeAnimationClass: fe,
-			popoverAnimationClass: pe
-		},
-		refs: { buttonRef: q },
-		helpers: {
-			getAllOptions: Y,
-			getOptionByValue: X
-		},
-		a11yMessages: {
-			politeMessage: I,
-			assertiveMessage: ae
 		},
-		handlers: {
-			setIsPopoverOpen: A,
-			handleTogglePopover: Q,
-			handleInputKeyDown: se,
-			toggleOption: ce,
-			handleClear: Z,
-			clearExtraOptions: le,
-			toggleAll: ue,
-			setSearchValue: P,
-			setIsAnimating: M
-		}
-	};
-};
+		dir: e.dir,
+		children: /* @__PURE__ */ g(O, {
+			scope: y,
+			placedSide: Z,
+			placedAlign: Q,
+			onArrowChange: ie,
+			arrowX: ce,
+			arrowY: le,
+			shouldHideArrow: ue,
+			children: /* @__PURE__ */ g(n.div, {
+				"data-side": Z,
+				"data-align": Q,
+				...I,
+				ref: re,
+				style: {
+					...I.style,
+					animation: J ? I.style?.animation : "none"
+				}
+			})
+		})
+	});
+}, "PopperContent"));
+function j(e) {
+	return e !== null;
+}
+v(j, "isNotNull");
+var ee = /* @__PURE__ */ v((e) => ({
+	name: "transformOrigin",
+	options: e,
+	fn(t) {
+		let { placement: n, rects: r, middlewareData: i } = t, a = i.arrow?.centerOffset !== 0, o = a ? 0 : e.arrowWidth, s = a ? 0 : e.arrowHeight, [c, l] = M(n), u = {
+			start: "0%",
+			center: "50%",
+			end: "100%"
+		}[l], d = (i.arrow?.x ?? 0) + o / 2, f = (i.arrow?.y ?? 0) + s / 2, p = "", m = "";
+		return c === "bottom" ? (p = a ? u : `${d}px`, m = `${-s}px`) : c === "top" ? (p = a ? u : `${d}px`, m = `${r.floating.height + s}px`) : c === "right" ? (p = `${-s}px`, m = a ? u : `${f}px`) : c === "left" && (p = `${r.floating.width + s}px`, m = a ? u : `${f}px`), { data: {
+			x: p,
+			y: m
+		} };
+	}
+}), "transformOrigin");
+function M(e) {
+	let [t, n = "center"] = e.split("-");
+	return [t, n];
+}
+v(M, "getSideAndAlignFromPlacement");
+var N = w, P = E, F = A;
 //#endregion
-export { d as useMultiSelect };
+export { P as Anchor, F as Content, N as Root2, x as createPopperScope };

package/dist/index47.cjs

@@ -1 +1 @@
-const e=require("./index45.cjs");let t=require("react");var n=({forwardedRef:n,...r})=>{let{options:i,onValueChange:a,defaultValue:o=[],animationConfig:s,maxCount:c=3,responsive:l,minWidth:u,maxWidth:d,deduplicateOptions:f=!1,resetOnDefaultValueChange:p=!0,closeOnSelect:m=!1,searchable:h=!0,autoSize:g=!1,disabled:_=!1}=r,[v,y]=(0,t.useState)(o),[b,x]=(0,t.useState)(!1),[S,C]=(0,t.useState)(!1),[w,T]=(0,t.useState)(``),[E,D]=(0,t.useState)(`desktop`),[O,k]=(0,t.useState)(``),[A,j]=(0,t.useState)(``),M=(0,t.useRef)(v.length),N=(0,t.useRef)(b),P=(0,t.useRef)(w),F=(0,t.useId)(),I=`${F}-listbox`,L=`${F}-description`,R=`${F}-count`,z=(0,t.useRef)(o),B=(0,t.useRef)(null),V=(0,t.useCallback)((e,t=`polite`)=>{t===`assertive`?(j(e),setTimeout(()=>j(``),100)):(k(e),setTimeout(()=>k(``),100))},[]),H=(0,t.useCallback)(()=>{let{options:t,duplicates:n}=e.buildAllOptions(i,f);return t},[f,i]),U=(0,t.useCallback)(e=>H().find(t=>t.value===e),[H]),W=(0,t.useMemo)(()=>e.filterOptions(i,w,h),[i,w,h]),G=e=>{if(!_){if(e.key===`Enter`)x(!0);else if(e.key===`Backspace`&&!e.currentTarget.value){let e=[...v];e.pop(),y(e),a(e)}}},K=e=>{if(_||U(e)?.disabled)return;let t=v.includes(e)?v.filter(t=>t!==e):[...v,e];y(t),a(t),m&&x(!1)},q=()=>{_||(y([]),a([]))},J=()=>{_||x(e=>!e)},Y=(0,t.useMemo)(()=>e.computeResponsiveSettings(l,c,E),[l,c,E]),X=()=>{if(_)return;let e=v.slice(0,Y.maxCount);y(e),a(e)},Z=()=>{if(_)return;let e=H().filter(e=>!e.disabled);if(v.length===e.length)q();else{let t=e.map(e=>e.value);y(t),a(t)}m&&x(!1)},Q=(0,t.useMemo)(()=>e.buildWidthConstraints(E,g,u,d),[g,d,u,E]);(0,t.useEffect)(()=>{if(!p)return;let t=z.current;e.arraysEqual(t,o)||(e.arraysEqual(v,o)||y(o),z.current=[...o])},[e.arraysEqual,o,p,v]),(0,t.useEffect)(()=>{b||T(``)},[b]),(0,t.useEffect)(()=>{let t=v.length,n=H(),r=n.filter(e=>!e.disabled).length;if(t!==M.current){let e=t-M.current;if(e>0){let i=v.slice(-e).map(e=>n.find(t=>t.value===e)?.label).filter(Boolean);i.length===1?V(`${i[0]} selected. ${t} of ${r} options selected.`):V(`${i.length} options selected. ${t} of ${r} total selected.`)}else e<0&&V(`Option removed. ${t} of ${r} options selected.`);M.current=t}if(b!==N.current&&(V(b?`Dropdown opened. ${r} options available. Use arrow keys to navigate.`:`Dropdown closed.`),N.current=b),w!==P.current&&w!==void 0){if(w&&b){let t=e.countMatchingOptions(n,w);V(`${t} option${t===1?``:`s`} found for "${w}"`)}P.current=w}},[V,e.countMatchingOptions,H,b,w,v]),(0,t.useEffect)(()=>{if(typeof window>`u`)return;let e=()=>{let e=window.innerWidth;D(e<640?`mobile`:e<1024?`tablet`:`desktop`)};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let $=(0,t.useMemo)(()=>e.buildBadgeAnimationClass(S,s),[s,S]),ee=(0,t.useMemo)(()=>e.buildPopoverAnimationClass(s),[s]);return(0,t.useImperativeHandle)(n,()=>({reset:()=>{y(o),x(!1),T(``),a(o)},getSelectedValues:()=>v,setSelectedValues:e=>{y(e),a(e)},clear:()=>{y([]),a([])},focus:()=>{if(B.current){B.current.focus();let e=B.current.style.outline,t=B.current.style.outlineOffset;B.current.style.outline=`2px solid hsl(var(--ring))`,B.current.style.outlineOffset=`2px`,setTimeout(()=>{B.current&&(B.current.style.outline=e,B.current.style.outlineOffset=t)},1e3)}}}),[o,n,a,v]),{ids:{multiSelectId:F,listboxId:I,triggerDescriptionId:L,selectedCountId:R},state:{selectedValues:v,isPopoverOpen:b,isAnimating:S,searchValue:w,screenSize:E},derived:{filteredOptions:W,responsiveSettings:Y,widthConstraints:Q,badgeAnimationClass:$,popoverAnimationClass:ee},refs:{buttonRef:B},helpers:{getAllOptions:H,getOptionByValue:U},a11yMessages:{politeMessage:O,assertiveMessage:A},handlers:{setIsPopoverOpen:x,handleTogglePopover:J,handleInputKeyDown:G,toggleOption:K,handleClear:q,clearExtraOptions:X,toggleAll:Z,setSearchValue:T,setIsAnimating:C}}};exports.useMultiSelect=n;
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index8.cjs"),r=require("./index13.cjs"),i=require("./index16.cjs"),a=require("./index17.cjs"),o=require("./index44.cjs"),s=require("./index45.cjs"),c=require("./index46.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=Object.defineProperty,f=(e,t)=>d(e,`name`,{value:t,configurable:!0}),p=`Popper`,[m,h]=t.createContextScope(p),[g,_]=m(p),v=f(e=>{let{__scopePopper:t,children:n}=e,[r,i]=l.useState(null),[a,o]=l.useState(void 0);return(0,u.jsx)(g,{scope:t,anchor:r,onAnchorChange:i,placementState:a,setPlacementState:o,children:n})},`Popper`),y=`PopperAnchor`,b=l.forwardRef(f(function(e,t){let{__scopePopper:i,virtualRef:a,...o}=e,s=_(y,i),c=l.useRef(null),d=s.onAnchorChange,f=n.useComposedRefs(t,l.useCallback(e=>{c.current=e,e&&d(e)},[d])),p=l.useRef(null);l.useEffect(()=>{if(!a)return;let e=p.current;p.current=a.current,e!==p.current&&d(p.current)});let m=s.placementState&&E(s.placementState),h=m?.[0],g=m?.[1];return a?null:(0,u.jsx)(r.Primitive.div,{"data-radix-popper-side":h,"data-radix-popper-align":g,...o,ref:f})},`PopperAnchor`)),x=`PopperContent`,[ee,S]=m(x),C=l.forwardRef(f(function(e,t){let{__scopePopper:d,side:p=`bottom`,sideOffset:m=0,align:h=`center`,alignOffset:g=0,arrowPadding:v=0,avoidCollisions:y=!0,collisionBoundary:b=[],collisionPadding:S=0,sticky:C=`partial`,hideWhenDetached:D=!1,updatePositionStrategy:O=`optimized`,onPlaced:k,...A}=e,j=_(x,d),[M,N]=l.useState(null),P=n.useComposedRefs(t,N),[F,I]=l.useState(null),L=c.useSize(F),R=L?.width??0,z=L?.height??0,B=p+(h===`center`?``:`-`+h),V=typeof S==`number`?S:{top:0,right:0,bottom:0,left:0,...S},H=Array.isArray(b)?b:[b],U=H.length>0,W={padding:V,boundary:H.filter(w),altBoundary:U},{refs:G,floatingStyles:K,placement:q,isPositioned:J,middlewareData:Y}=s.useFloating({strategy:`fixed`,placement:B,whileElementsMounted:f((...e)=>o.autoUpdate(...e,{animationFrame:O===`always`}),`whileElementsMounted`),elements:{reference:j.anchor},middleware:[s.offset({mainAxis:m+z,alignmentAxis:g}),y&&s.shift({mainAxis:!0,crossAxis:!1,limiter:C===`partial`?s.limitShift():void 0,...W}),y&&s.flip({...W}),s.size({...W,apply:f(({elements:e,rects:t,availableWidth:n,availableHeight:r})=>{let{width:i,height:a}=t.reference,o=e.floating.style;o.setProperty(`--radix-popper-available-width`,`${n}px`),o.setProperty(`--radix-popper-available-height`,`${r}px`),o.setProperty(`--radix-popper-anchor-width`,`${i}px`),o.setProperty(`--radix-popper-anchor-height`,`${a}px`)},`apply`)}),F&&s.arrow({element:F,padding:v}),T({arrowWidth:R,arrowHeight:z}),D&&s.hide({strategy:`referenceHidden`,...W,boundary:U?W.boundary:void 0})]}),X=j.setPlacementState;a.useLayoutEffect2(()=>(X(q),()=>{X(void 0)}),[q,X]);let[Z,Q]=E(q),$=i.useCallbackRef(k);a.useLayoutEffect2(()=>{J&&$?.()},[J,$]);let te=Y.arrow?.x,ne=Y.arrow?.y,re=Y.arrow?.centerOffset!==0,[ie,ae]=l.useState();return a.useLayoutEffect2(()=>{M&&ae(window.getComputedStyle(M).zIndex)},[M]),(0,u.jsx)(`div`,{ref:G.setFloating,"data-radix-popper-content-wrapper":``,style:{...K,transform:J?K.transform:`translate(0, -200%)`,minWidth:`max-content`,zIndex:ie,"--radix-popper-transform-origin":[Y.transformOrigin?.x,Y.transformOrigin?.y].join(` `),...Y.hide?.referenceHidden&&{visibility:`hidden`,pointerEvents:`none`}},dir:e.dir,children:(0,u.jsx)(ee,{scope:d,placedSide:Z,placedAlign:Q,onArrowChange:I,arrowX:te,arrowY:ne,shouldHideArrow:re,children:(0,u.jsx)(r.Primitive.div,{"data-side":Z,"data-align":Q,...A,ref:P,style:{...A.style,animation:J?A.style?.animation:`none`}})})})},`PopperContent`));function w(e){return e!==null}f(w,`isNotNull`);var T=f(e=>({name:`transformOrigin`,options:e,fn(t){let{placement:n,rects:r,middlewareData:i}=t,a=i.arrow?.centerOffset!==0,o=a?0:e.arrowWidth,s=a?0:e.arrowHeight,[c,l]=E(n),u={start:`0%`,center:`50%`,end:`100%`}[l],d=(i.arrow?.x??0)+o/2,f=(i.arrow?.y??0)+s/2,p=``,m=``;return c===`bottom`?(p=a?u:`${d}px`,m=`${-s}px`):c===`top`?(p=a?u:`${d}px`,m=`${r.floating.height+s}px`):c===`right`?(p=`${-s}px`,m=a?u:`${f}px`):c===`left`&&(p=`${r.floating.width+s}px`,m=a?u:`${f}px`),{data:{x:p,y:m}}}}),`transformOrigin`);function E(e){let[t,n=`center`]=e.split(`-`);return[t,n]}f(E,`getSideAndAlignFromPlacement`);var D=v,O=b,k=C;exports.Anchor=O,exports.Content=k,exports.Root2=D,exports.createPopperScope=h;

package/dist/index47.js

@@ -1,126 +1,21 @@
-import { cn as e } from "./index3.js";
-import { Button as t } from "./index6.js";
-import { Popover as n, PopoverContent as ee, PopoverTrigger as r } from "./index21.js";
-import { Icons as te } from "./index41.js";
-import { LiveRegion as ne, OptionsContent as re, PlaceholderContent as i, SelectedValuesContent as a } from "./index45.js";
-import { useMultiSelect as o } from "./index46.js";
-import "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/MultiSelect/MultiSelect.tsx
-var u = ({ options: u, onValueChange: d, variant: f, defaultValue: p = [], value: m, placeholder: h = "Select options", animation: g = 0, animationConfig: _, maxCount: ie = 3, modalPopover: ae = !1, className: v, hideSelectAll: y = !1, searchable: b = !0, emptyIndicator: x, autoSize: S = !1, singleLine: C = !1, popoverClassName: w, disabled: T = !1, responsive: E, minWidth: D, maxWidth: O, deduplicateOptions: k = !1, resetOnDefaultValueChange: A = !0, closeOnSelect: j = !1, ref: M, ...N }) => {
-	let { ids: P, state: F, derived: I, refs: L, helpers: R, a11yMessages: z, handlers: B } = o({
-		options: u,
-		onValueChange: d,
-		defaultValue: m || p,
-		animation: g,
-		animationConfig: _,
-		maxCount: ie,
-		responsive: E,
-		minWidth: D,
-		maxWidth: O,
-		deduplicateOptions: k,
-		resetOnDefaultValueChange: A,
-		closeOnSelect: j,
-		searchable: b,
-		autoSize: S,
-		disabled: T,
-		forwardedRef: M
-	}), { selectedValues: V, isPopoverOpen: H, isAnimating: U, searchValue: W, screenSize: G } = F, { filteredOptions: K, responsiveSettings: q, widthConstraints: J, badgeAnimationClass: oe, popoverAnimationClass: se } = I, { buttonRef: ce } = L, { getAllOptions: Y, getOptionByValue: X } = R, { politeMessage: le, assertiveMessage: ue } = z, { setIsPopoverOpen: Z, handleTogglePopover: de, handleInputKeyDown: fe, toggleOption: Q, handleClear: $, clearExtraOptions: pe, toggleAll: me, setSearchValue: he, setIsAnimating: ge } = B, _e = (e) => {
-		T || Z(e);
-	}, ve = `Multi-select: ${V.length} of ${Y().length} options selected. ${h}`;
-	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(ne, {
-		politeMessage: le,
-		assertiveMessage: ue
-	}), /* @__PURE__ */ l(n, {
-		open: H,
-		onOpenChange: _e,
-		modal: ae,
-		children: [
-			/* @__PURE__ */ c("div", {
-				id: P.triggerDescriptionId,
-				className: "sr-only",
-				children: "Multi-select dropdown. Use arrow keys to navigate, Enter to select, and Escape to close."
-			}),
-			/* @__PURE__ */ c("div", {
-				id: P.selectedCountId,
-				className: "sr-only",
-				"aria-live": "polite",
-				children: V.length === 0 ? "No options selected" : `${V.length} option${V.length === 1 ? "" : "s"} selected: ${V.map((e) => X(e)?.label).filter(Boolean).join(", ")}`
-			}),
-			/* @__PURE__ */ c(r, {
-				asChild: !0,
-				children: /* @__PURE__ */ c(t, {
-					ref: ce,
-					...N,
-					onClick: de,
-					disabled: T,
-					role: "combobox",
-					"aria-expanded": H,
-					"aria-haspopup": "listbox",
-					"aria-controls": H ? P.listboxId : void 0,
-					"aria-describedby": `${P.triggerDescriptionId} ${P.selectedCountId}`,
-					"aria-label": ve,
-					className: e("flex p-1 rounded-md border min-h-10 h-auto items-center justify-between bg-inherit hover:bg-inherit [&_svg]:pointer-events-auto", S ? "w-auto" : "w-full", q.compactMode && "min-h-8 text-sm", G === "mobile" && "min-h-12 text-base", T && "opacity-50 cursor-not-allowed", v),
-					style: {
-						...J,
-						maxWidth: `min(${J.maxWidth}, 100%)`
-					},
-					children: V.length > 0 ? /* @__PURE__ */ c(a, {
-						selectedValues: V,
-						responsiveSettings: q,
-						screenSize: G,
-						singleLine: C,
-						animation: g,
-						animationConfig: _,
-						badgeAnimationClass: oe,
-						variant: f,
-						getOptionByValue: X,
-						toggleOption: Q,
-						clearExtraOptions: pe,
-						handleClear: $
-					}) : /* @__PURE__ */ c(i, { placeholder: h })
-				})
-			}),
-			/* @__PURE__ */ c(ee, {
-				id: P.listboxId,
-				role: "listbox",
-				"aria-multiselectable": "true",
-				"aria-label": "Available options",
-				className: e("w-auto p-0", se, G === "mobile" && "w-[85vw] max-w-70", G === "tablet" && "w-[70vw] max-w-md", G === "desktop" && "min-w-75", w),
-				style: {
-					animationDuration: `${_?.duration || g}s`,
-					animationDelay: `${_?.delay || 0}s`,
-					maxWidth: `min(${J.maxWidth}, 85vw)`,
-					maxHeight: G === "mobile" ? "70vh" : "60vh",
-					touchAction: "manipulation"
-				},
-				align: "start",
-				onEscapeKeyDown: () => Z(!1),
-				children: /* @__PURE__ */ c(re, {
-					filteredOptions: K,
-					hideSelectAll: y,
-					searchValue: W,
-					searchable: b,
-					selectedValues: V,
-					getAllOptions: Y,
-					toggleAll: me,
-					toggleOption: Q,
-					handleClear: $,
-					setIsPopoverOpen: Z,
-					handleInputKeyDown: fe,
-					setSearchValue: he,
-					multiSelectId: P.multiSelectId,
-					emptyIndicator: x,
-					screenSize: G
-				})
-			}),
-			g > 0 && V.length > 0 && /* @__PURE__ */ c(te.WandSparkles, {
-				className: e("cursor-pointer my-2 text-foreground bg-background w-3 h-3", U ? "" : "text-muted-foreground"),
-				onClick: () => ge(!U)
-			})
-		]
-	})] });
-};
-u.displayName = "MultiSelect";
+"use client";
+import { Primitive as e } from "./index12.js";
+import { useLayoutEffect2 as t } from "./index16.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react-dom";
+//#region ../../node_modules/.pnpm/@radix-ui+react-portal@1.1.17_@types+react-dom@19.2.3_@types+react@19.2.17__@types+reac_17de5f572cef13944a3e44b7d1e8f104/node_modules/@radix-ui/react-portal/dist/index.mjs
+var a = Object.defineProperty, o = /* @__PURE__ */ n.forwardRef(/* @__PURE__ */ ((e, t) => a(e, "name", {
+	value: t,
+	configurable: !0
+}))(function(a, o) {
+	let { container: s, ...c } = a, [l, u] = n.useState(!1);
+	t(() => u(!0), []);
+	let d = s || l && globalThis?.document?.body;
+	return d ? i.createPortal(/* @__PURE__ */ r(e.div, {
+		...c,
+		ref: o
+	}), d) : null;
+}, "Portal"));
 //#endregion
-export { u as default };
+export { o as Portal };

package/dist/index48.cjs

@@ -1 +1 @@
-const e=require("./index4.cjs"),t=require("./index7.cjs"),n=require("./index22.cjs"),r=require("./index42.cjs"),i=require("./index46.cjs"),a=require("./index47.cjs");require("react");let o=require("react/jsx-runtime");var s=({options:s,onValueChange:c,variant:l,defaultValue:ee=[],value:te,placeholder:u=`Select options`,animation:d=0,animationConfig:f,maxCount:p=3,modalPopover:ne=!1,className:m,hideSelectAll:h=!1,searchable:g=!0,emptyIndicator:_,autoSize:v=!1,singleLine:re=!1,popoverClassName:ie,disabled:y=!1,responsive:b,minWidth:x,maxWidth:S,deduplicateOptions:C=!1,resetOnDefaultValueChange:w=!0,closeOnSelect:T=!1,ref:E,...D})=>{let{ids:O,state:k,derived:A,refs:j,helpers:M,a11yMessages:N,handlers:P}=a.useMultiSelect({options:s,onValueChange:c,defaultValue:te||ee,animation:d,animationConfig:f,maxCount:p,responsive:b,minWidth:x,maxWidth:S,deduplicateOptions:C,resetOnDefaultValueChange:w,closeOnSelect:T,searchable:g,autoSize:v,disabled:y,forwardedRef:E}),{selectedValues:F,isPopoverOpen:I,isAnimating:L,searchValue:R,screenSize:z}=k,{filteredOptions:B,responsiveSettings:V,widthConstraints:H,badgeAnimationClass:U,popoverAnimationClass:W}=A,{buttonRef:G}=j,{getAllOptions:K,getOptionByValue:q}=M,{politeMessage:J,assertiveMessage:Y}=N,{setIsPopoverOpen:X,handleTogglePopover:ae,handleInputKeyDown:oe,toggleOption:Z,handleClear:Q,clearExtraOptions:$,toggleAll:se,setSearchValue:ce,setIsAnimating:le}=P,ue=e=>{y||X(e)},de=`Multi-select: ${F.length} of ${K().length} options selected. ${u}`;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.LiveRegion,{politeMessage:J,assertiveMessage:Y}),(0,o.jsxs)(n.Popover,{open:I,onOpenChange:ue,modal:ne,children:[(0,o.jsx)(`div`,{id:O.triggerDescriptionId,className:`sr-only`,children:`Multi-select dropdown. Use arrow keys to navigate, Enter to select, and Escape to close.`}),(0,o.jsx)(`div`,{id:O.selectedCountId,className:`sr-only`,"aria-live":`polite`,children:F.length===0?`No options selected`:`${F.length} option${F.length===1?``:`s`} selected: ${F.map(e=>q(e)?.label).filter(Boolean).join(`, `)}`}),(0,o.jsx)(n.PopoverTrigger,{asChild:!0,children:(0,o.jsx)(t.Button,{ref:G,...D,onClick:ae,disabled:y,role:`combobox`,"aria-expanded":I,"aria-haspopup":`listbox`,"aria-controls":I?O.listboxId:void 0,"aria-describedby":`${O.triggerDescriptionId} ${O.selectedCountId}`,"aria-label":de,className:e.cn(`flex p-1 rounded-md border min-h-10 h-auto items-center justify-between bg-inherit hover:bg-inherit [&_svg]:pointer-events-auto`,v?`w-auto`:`w-full`,V.compactMode&&`min-h-8 text-sm`,z===`mobile`&&`min-h-12 text-base`,y&&`opacity-50 cursor-not-allowed`,m),style:{...H,maxWidth:`min(${H.maxWidth}, 100%)`},children:F.length>0?(0,o.jsx)(i.SelectedValuesContent,{selectedValues:F,responsiveSettings:V,screenSize:z,singleLine:re,animation:d,animationConfig:f,badgeAnimationClass:U,variant:l,getOptionByValue:q,toggleOption:Z,clearExtraOptions:$,handleClear:Q}):(0,o.jsx)(i.PlaceholderContent,{placeholder:u})})}),(0,o.jsx)(n.PopoverContent,{id:O.listboxId,role:`listbox`,"aria-multiselectable":`true`,"aria-label":`Available options`,className:e.cn(`w-auto p-0`,W,z===`mobile`&&`w-[85vw] max-w-70`,z===`tablet`&&`w-[70vw] max-w-md`,z===`desktop`&&`min-w-75`,ie),style:{animationDuration:`${f?.duration||d}s`,animationDelay:`${f?.delay||0}s`,maxWidth:`min(${H.maxWidth}, 85vw)`,maxHeight:z===`mobile`?`70vh`:`60vh`,touchAction:`manipulation`},align:`start`,onEscapeKeyDown:()=>X(!1),children:(0,o.jsx)(i.OptionsContent,{filteredOptions:B,hideSelectAll:h,searchValue:R,searchable:g,selectedValues:F,getAllOptions:K,toggleAll:se,toggleOption:Z,handleClear:Q,setIsPopoverOpen:X,handleInputKeyDown:oe,setSearchValue:ce,multiSelectId:O.multiSelectId,emptyIndicator:_,screenSize:z})}),d>0&&F.length>0&&(0,o.jsx)(r.Icons.WandSparkles,{className:e.cn(`cursor-pointer my-2 text-foreground bg-background w-3 h-3`,L?``:`text-muted-foreground`),onClick:()=>le(!L)})]})]})};s.displayName=`MultiSelect`,exports.default=s;
+"use client";const e=require("./index2.cjs"),t=require("./index13.cjs"),n=require("./index17.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("react-dom");a=e.__toESM(a,1);var o=Object.defineProperty,s=r.forwardRef(((e,t)=>o(e,`name`,{value:t,configurable:!0}))(function(e,o){let{container:s,...c}=e,[l,u]=r.useState(!1);n.useLayoutEffect2(()=>u(!0),[]);let d=s||l&&globalThis?.document?.body;return d?a.createPortal((0,i.jsx)(t.Primitive.div,{...c,ref:o}),d):null},`Portal`));exports.Portal=s;

package/dist/index48.js

@@ -1,15 +1,25 @@
-import { FormBase as e } from "./index42.js";
-import t from "./index47.js";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/Form/FormMultiSelect/FormMultiSelect.tsx
-var r = ({ options: r, ...i }) => /* @__PURE__ */ n(e, {
-	...i,
-	children: ({ onChange: e, value: i, ...a }) => /* @__PURE__ */ n(t, {
-		...a,
-		options: r,
-		onValueChange: e,
-		value: i
-	})
-});
+import * as e from "react";
+//#region ../../node_modules/.pnpm/@radix-ui+react-use-is-hydrated@0.1.3_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-is-hydrated/dist/index.mjs
+var t = Object.defineProperty, n = (e, n) => t(e, "name", {
+	value: n,
+	configurable: !0
+}), r = !1;
+function i() {
+	let [t, n] = e.useState(r);
+	return e.useEffect(() => {
+		r || (r = !0, n(!0));
+	}, []), t;
+}
+n(i, "useIsHydrated");
+var a = e.useSyncExternalStore;
+function o() {
+	return () => {};
+}
+n(o, "subscribe");
+function s() {
+	return a(o, () => !0, () => !1);
+}
+n(s, "useIsHydratedModern");
+var c = typeof a == "function" ? s : i;
 //#endregion
-export { r as default };
+export { c as useIsHydrated2 };

package/dist/index49.cjs

@@ -1 +1 @@
-const e=require("./index43.cjs"),t=require("./index48.cjs");let n=require("react/jsx-runtime");var r=({options:r,...i})=>(0,n.jsx)(e.FormBase,{...i,children:({onChange:e,value:i,...a})=>(0,n.jsx)(t.default,{...a,options:r,onValueChange:e,value:i})});exports.default=r;
+const e=require("./index2.cjs");let t=require("react");t=e.__toESM(t,1);var n=Object.defineProperty,r=(e,t)=>n(e,`name`,{value:t,configurable:!0}),i=!1;function a(){let[e,n]=t.useState(i);return t.useEffect(()=>{i||(i=!0,n(!0))},[]),e}r(a,`useIsHydrated`);var o=t.useSyncExternalStore;function s(){return()=>{}}r(s,`subscribe`);function c(){return o(s,()=>!0,()=>!1)}r(c,`useIsHydratedModern`);var l=typeof o==`function`?c:a;exports.useIsHydrated2=l;