@vlrc-fe/components 1.0.7 → 1.0.8

package/dist/index44.cjs

@@ -1 +1 @@
-var e=(0,require("class-variance-authority").cva)(`m-1 transition-all duration-300 ease-in-out`,{variants:{variant:{default:`border-foreground/10 text-foreground bg-card hover:bg-card/80`,secondary:`border-foreground/10 bg-secondary text-secondary-foreground hover:bg-secondary/80`,destructive:`border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80`,inverted:`inverted`},badgeAnimation:{bounce:`hover:-translate-y-1 hover:scale-110`,pulse:`hover:animate-pulse`,wiggle:`hover:animate-wiggle`,fade:`hover:opacity-80`,slide:`hover:translate-x-1`,none:``}},defaultVariants:{variant:`default`,badgeAnimation:`bounce`}});exports.multiSelectVariants=e;
+const e=require("./index41.cjs"),t=require("./index42.cjs"),n=require("./index43.cjs");function r(t){let r=n.getComputedStyle(t),i=parseFloat(r.width)||0,a=parseFloat(r.height)||0,o=n.isHTMLElement(t),s=o?t.offsetWidth:i,c=o?t.offsetHeight:a,l=e.round(i)!==s||e.round(a)!==c;return l&&(i=s,a=c),{width:i,height:a,$:l}}function i(e){return n.isElement(e)?e:e.contextElement}function a(t){let a=i(t);if(!n.isHTMLElement(a))return e.createCoords(1);let o=a.getBoundingClientRect(),{width:s,height:c,$:l}=r(a),u=(l?e.round(o.width):o.width)/s,d=(l?e.round(o.height):o.height)/c;return(!u||!Number.isFinite(u))&&(u=1),(!d||!Number.isFinite(d))&&(d=1),{x:u,y:d}}var o=e.createCoords(0);function s(e){let t=n.getWindow(e);return!n.isWebKit()||!t.visualViewport?o:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function c(e,t,r){return t===void 0&&(t=!1),!!r&&t&&r===n.getWindow(e)}function l(t,r,o,l){r===void 0&&(r=!1),o===void 0&&(o=!1);let u=t.getBoundingClientRect(),d=i(t),f=e.createCoords(1);r&&(l?n.isElement(l)&&(f=a(l)):f=a(t));let p=c(d,o,l)?s(d):e.createCoords(0),m=(u.left+p.x)/f.x,h=(u.top+p.y)/f.y,g=u.width/f.x,_=u.height/f.y;if(d&&l){let e=n.getWindow(d),t=n.isElement(l)?n.getWindow(l):l,r=e,i=n.getFrameElement(r);for(;i&&t!==r;){let e=a(i),t=i.getBoundingClientRect(),o=n.getComputedStyle(i),s=t.left+(i.clientLeft+parseFloat(o.paddingLeft))*e.x,c=t.top+(i.clientTop+parseFloat(o.paddingTop))*e.y;m*=e.x,h*=e.y,g*=e.x,_*=e.y,m+=s,h+=c,r=n.getWindow(i),i=n.getFrameElement(r)}}return e.rectToClientRect({width:g,height:_,x:m,y:h})}function u(e,t){let r=n.getNodeScroll(e).scrollLeft;return t?t.left+r:l(n.getDocumentElement(e)).left+r}function d(e,t){let n=e.getBoundingClientRect();return{x:n.left+t.scrollLeft-u(e,n),y:n.top+t.scrollTop}}function f(t){let{elements:r,rect:i,offsetParent:o,strategy:s}=t,c=s===`fixed`,u=n.getDocumentElement(o),f=r?n.isTopLayer(r.floating):!1;if(o===u||f&&c)return i;let p={scrollLeft:0,scrollTop:0},m=e.createCoords(1),h=e.createCoords(0),g=n.isHTMLElement(o);if((g||!c)&&((n.getNodeName(o)!==`body`||n.isOverflowElement(u))&&(p=n.getNodeScroll(o)),g)){let e=l(o);m=a(o),h.x=e.x+o.clientLeft,h.y=e.y+o.clientTop}let _=u&&!g&&!c?d(u,p):e.createCoords(0);return{width:i.width*m.x,height:i.height*m.y,x:i.x*m.x-p.scrollLeft*m.x+h.x+_.x,y:i.y*m.y-p.scrollTop*m.y+h.y+_.y}}function p(e){return e.getClientRects?Array.from(e.getClientRects()):[]}function m(t){let r=n.getNodeScroll(t),i=t.ownerDocument.body,a=e.max(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),o=e.max(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight),s=-r.scrollLeft+u(t),c=-r.scrollTop;return n.getComputedStyle(i).direction===`rtl`&&(s+=e.max(t.clientWidth,i.clientWidth)-a),{width:a,height:o,x:s,y:c}}var h=25;function g(e,t,r){r===void 0&&(r=`viewport`);let i=r===`layoutViewport`,a=n.getWindow(e),o=n.getDocumentElement(e),s=a.visualViewport,c=o.clientWidth,l=o.clientHeight,d=0,f=0;if(s){let e=!n.isWebKit()||t===`fixed`;i?e||(d=-s.offsetLeft,f=-s.offsetTop):(c=s.width,l=s.height,e&&(d=s.offsetLeft,f=s.offsetTop))}if(u(o)<=0){let e=o.ownerDocument,t=e.body,n=getComputedStyle(t),r=e.compatMode===`CSS1Compat`&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,i=Math.abs(o.clientWidth-t.clientWidth-r),a=getComputedStyle(o).scrollbarGutter===`stable both-edges`?i/2:i;a<=h&&(c-=a)}return{width:c,height:l,x:d,y:f}}function _(e,t){let n=l(e,!0,t===`fixed`),r=n.top+e.clientTop,i=n.left+e.clientLeft,o=a(e);return{width:e.clientWidth*o.x,height:e.clientHeight*o.y,x:i*o.x,y:r*o.y}}function v(t,r,i){let a;if(r===`viewport`||r===`layoutViewport`)a=g(t,i,r);else if(r===`document`)a=m(n.getDocumentElement(t));else if(n.isElement(r))a=_(r,i);else{let e=s(t);a={x:r.x-e.x,y:r.y-e.y,width:r.width,height:r.height}}return e.rectToClientRect(a)}function y(e,t){let r=t.get(e);if(r)return r;let i=n.getOverflowAncestors(e,[],!1).filter(e=>n.isElement(e)&&n.getNodeName(e)!==`body`),a=null,o=n.getComputedStyle(e).position===`fixed`,s=o?n.getParentNode(e):e;for(;n.isElement(s)&&!n.isLastTraversableNode(s);){let e=n.getComputedStyle(s),t=n.isContainingBlock(s),r=a?a.position:o?`fixed`:``;!t&&(r===`fixed`||r===`absolute`&&e.position===`static`)?i=i.filter(e=>e!==s):a=e,s=n.getParentNode(s)}return t.set(e,i),i}function b(t){let{element:r,boundary:i,rootBoundary:a,strategy:o}=t,s=[...i===`clippingAncestors`?n.isTopLayer(r)?[]:y(r,this._c):[].concat(i),a],c=v(r,s[0],o),l=c.top,u=c.right,d=c.bottom,f=c.left;for(let t=1;t<s.length;t++){let n=v(r,s[t],o);l=e.max(n.top,l),u=e.min(n.right,u),d=e.min(n.bottom,d),f=e.max(n.left,f)}return{width:u-f,height:d-l,x:f,y:l}}function x(e){let{width:t,height:n}=r(e);return{width:t,height:n}}function S(t,r,i){let a=n.isHTMLElement(r),o=n.getDocumentElement(r),s=i===`fixed`,c=l(t,!0,s,r),f={scrollLeft:0,scrollTop:0},p=e.createCoords(0);if((a||!s)&&((n.getNodeName(r)!==`body`||n.isOverflowElement(o))&&(f=n.getNodeScroll(r)),a)){let e=l(r,!0,s,r);p.x=e.x+r.clientLeft,p.y=e.y+r.clientTop}!a&&o&&(p.x=u(o));let m=o&&!a&&!s?d(o,f):e.createCoords(0);return{x:c.left+f.scrollLeft-p.x-m.x,y:c.top+f.scrollTop-p.y-m.y,width:c.width,height:c.height}}function C(e){return n.getComputedStyle(e).position===`static`}function w(e,t){if(!n.isHTMLElement(e)||n.getComputedStyle(e).position===`fixed`)return null;if(t)return t(e);let r=e.offsetParent;return n.getDocumentElement(e)===r&&(r=r.ownerDocument.body),r}function T(e,t){let r=n.getWindow(e);if(n.isTopLayer(e))return r;if(!n.isHTMLElement(e)){let t=n.getParentNode(e);for(;t&&!n.isLastTraversableNode(t);){if(n.isElement(t)&&!C(t))return t;t=n.getParentNode(t)}return r}let i=w(e,t);for(;i&&n.isTableElement(i)&&C(i);)i=w(i,t);return i&&n.isLastTraversableNode(i)&&C(i)&&!n.isContainingBlock(i)?r:i||n.getContainingBlock(e)||r}var E=async function(e){let t=this.getOffsetParent||T,n=this.getDimensions,r=await n(e.floating);return{reference:S(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function D(e){return n.getComputedStyle(e).direction===`rtl`}var O={convertOffsetParentRelativeRectToViewportRelativeRect:f,getDocumentElement:n.getDocumentElement,getClippingRect:b,getOffsetParent:T,getElementRects:E,getClientRects:p,getDimensions:x,getScale:a,isElement:n.isElement,isRTL:D};function k(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function A(t,r,i){let a=null,o,s=n.getDocumentElement(t);function c(){var e;clearTimeout(o),(e=a)==null||e.disconnect(),a=null}function l(n,i){n===void 0&&(n=!1),i===void 0&&(i=1),c();let u=t.getBoundingClientRect(),{left:d,top:f,width:p,height:m}=u;if(n||r(),!p||!m)return;let h=e.floor(f),g=e.floor(s.clientWidth-(d+p)),_=e.floor(s.clientHeight-(f+m)),v=e.floor(d),y={rootMargin:-h+`px `+-g+`px `+-_+`px `+-v+`px`,threshold:e.max(0,e.min(1,i))||1},b=!0;function x(e){let n=e[0].intersectionRatio;if(!k(u,t.getBoundingClientRect()))return l();if(n!==i){if(!b)return l();n?l(!1,n):o=setTimeout(()=>{l(!1,1e-7)},1e3)}b=!1}try{a=new IntersectionObserver(x,{...y,root:s.ownerDocument})}catch{a=new IntersectionObserver(x,y)}a.observe(t)}let u=n.getWindow(t),d=()=>l(i);return u.addEventListener(`resize`,d),l(!0),()=>{u.removeEventListener(`resize`,d),c()}}function j(e,t,r,a){a===void 0&&(a={});let{ancestorScroll:o=!0,ancestorResize:s=!0,elementResize:c=typeof ResizeObserver==`function`,layoutShift:u=typeof IntersectionObserver==`function`,animationFrame:d=!1}=a,f=i(e),p=o||s?[...f?n.getOverflowAncestors(f):[],...t?n.getOverflowAncestors(t):[]]:[];p.forEach(e=>{o&&e.addEventListener(`scroll`,r),s&&e.addEventListener(`resize`,r)});let m=f&&u?A(f,r,s):null,h=-1,g=null;c&&(g=new ResizeObserver(e=>{let[n]=e;n&&n.target===f&&g&&t&&(g.unobserve(t),cancelAnimationFrame(h),h=requestAnimationFrame(()=>{var e;(e=g)==null||e.observe(t)})),r()}),f&&!d&&g.observe(f),t&&g.observe(t));let _,v=d?l(e):null;d&&y();function y(){let t=l(e);v&&!k(v,t)&&r(),v=t,_=requestAnimationFrame(y)}return r(),()=>{var e;p.forEach(e=>{o&&e.removeEventListener(`scroll`,r),s&&e.removeEventListener(`resize`,r)}),m?.(),(e=g)==null||e.disconnect(),g=null,d&&cancelAnimationFrame(_)}}var M=t.offset,N=t.shift,P=t.flip,F=t.size,I=t.hide,L=t.arrow,R=t.limitShift,z=(e,n,r)=>{let i=new Map,a=r??{},o={...O,...a.platform,_c:i};return t.computePosition(e,n,{...a,platform:o})};exports.arrow=L,exports.autoUpdate=j,exports.computePosition=z,exports.flip=P,exports.hide=I,exports.limitShift=R,exports.offset=M,exports.platform=O,exports.shift=N,exports.size=F;

package/dist/index44.js

@@ -1,88 +1,212 @@
-//#region src/MultiSelect/utils.ts
-var e = (e) => Array.isArray(e) && e.length > 0 && "heading" in e[0], t = (e, t) => {
-	if (e.length !== t.length) return !1;
-	let n = [...e].sort(), r = [...t].sort();
-	return n.every((e, t) => e === r[t]);
-}, n = (t, n) => {
-	if (t.length === 0) return {
-		options: [],
-		duplicates: []
-	};
-	let r = e(t) ? t.flatMap((e) => e.options) : t, i = /* @__PURE__ */ new Set(), a = [], o = [];
-	return r.forEach((e) => {
-		i.has(e.value) ? (a.push(e.value), n || o.push(e)) : (i.add(e.value), o.push(e));
-	}), {
-		options: n ? o : r,
-		duplicates: a
-	};
-}, r = (e, t, n) => {
-	if (!e) return {
-		maxCount: t,
-		hideIcons: !1,
-		compactMode: !1
-	};
-	if (e === !0) {
+import "./index42.js";
+import { arrow as e, computePosition as t, flip as n, hide as r, limitShift as i, offset as a, shift as o, size as s } from "./index43.js";
+import * as c from "react";
+import { useLayoutEffect as l } from "react";
+import * as u from "react-dom";
+//#region ../../node_modules/.pnpm/@floating-ui+react-dom@2.1.9_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
+var d = typeof document < "u" ? l : function() {};
+function f(e, t) {
+	if (e === t) return !0;
+	if (typeof e != typeof t) return !1;
+	if (typeof e == "function" && e.toString() === t.toString()) return !0;
+	let n, r, i;
+	if (e && t && typeof e == "object") {
+		if (Array.isArray(e)) {
+			if (n = e.length, n !== t.length) return !1;
+			for (r = n; r-- !== 0;) if (!f(e[r], t[r])) return !1;
+			return !0;
+		}
+		if (i = Object.keys(e), n = i.length, n !== Object.keys(t).length) return !1;
+		for (r = n; r-- !== 0;) if (!{}.hasOwnProperty.call(t, i[r])) return !1;
+		for (r = n; r-- !== 0;) {
+			let n = i[r];
+			if (!(n === "_owner" && e.$$typeof) && !f(e[n], t[n])) return !1;
+		}
+		return !0;
+	}
+	return e !== e && t !== t;
+}
+function p(e) {
+	return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function m(e, t) {
+	let n = p(e);
+	return Math.round(t * n) / n;
+}
+function h(e) {
+	let t = c.useRef(e);
+	return d(() => {
+		t.current = e;
+	}), t;
+}
+function g(e) {
+	e === void 0 && (e = {});
+	let { placement: n = "bottom", strategy: r = "absolute", middleware: i = [], platform: a, elements: { reference: o, floating: s } = {}, transform: l = !0, whileElementsMounted: g, open: _ } = e, [v, y] = c.useState({
+		x: 0,
+		y: 0,
+		strategy: r,
+		placement: n,
+		middlewareData: {},
+		isPositioned: !1
+	}), [b, x] = c.useState(i);
+	f(b, i) || x(i);
+	let [S, C] = c.useState(null), [w, T] = c.useState(null), E = c.useCallback((e) => {
+		e !== A.current && (A.current = e, C(e));
+	}, []), D = c.useCallback((e) => {
+		e !== j.current && (j.current = e, T(e));
+	}, []), O = o || S, k = s || w, A = c.useRef(null), j = c.useRef(null), M = c.useRef(v), N = g != null, P = h(g), F = h(a), I = h(_), L = c.useCallback(() => {
+		if (!A.current || !j.current) return;
+		let e = {
+			placement: n,
+			strategy: r,
+			middleware: b
+		};
+		F.current && (e.platform = F.current), t(A.current, j.current, e).then((e) => {
+			let t = {
+				...e,
+				isPositioned: I.current !== !1
+			};
+			R.current && !f(M.current, t) && (M.current = t, u.flushSync(() => {
+				y(t);
+			}));
+		});
+	}, [
+		b,
+		n,
+		r,
+		F,
+		I
+	]);
+	d(() => {
+		_ === !1 && M.current.isPositioned && (M.current.isPositioned = !1, y((e) => ({
+			...e,
+			isPositioned: !1
+		})));
+	}, [_]);
+	let R = c.useRef(!1);
+	d(() => (R.current = !0, () => {
+		R.current = !1;
+	}), []), d(() => {
+		if (O && (A.current = O), k && (j.current = k), O && k) {
+			if (P.current) return P.current(O, k, L);
+			L();
+		}
+	}, [
+		O,
+		k,
+		L,
+		P,
+		N
+	]);
+	let z = c.useMemo(() => ({
+		reference: A,
+		floating: j,
+		setReference: E,
+		setFloating: D
+	}), [E, D]), B = c.useMemo(() => ({
+		reference: O,
+		floating: k
+	}), [O, k]), V = c.useMemo(() => {
 		let e = {
-			mobile: {
-				maxCount: 2,
-				hideIcons: !1,
-				compactMode: !0
-			},
-			tablet: {
-				maxCount: 4,
-				hideIcons: !1,
-				compactMode: !1
-			},
-			desktop: {
-				maxCount: 6,
-				hideIcons: !1,
-				compactMode: !1
-			}
-		}[n];
-		return {
-			maxCount: e?.maxCount ?? t,
-			hideIcons: e?.hideIcons ?? !1,
-			compactMode: e?.compactMode ?? !1
+			position: r,
+			left: 0,
+			top: 0
 		};
+		if (!B.floating) return e;
+		let t = m(B.floating, v.x), n = m(B.floating, v.y);
+		return l ? {
+			...e,
+			transform: "translate(" + t + "px, " + n + "px)",
+			...p(B.floating) >= 1.5 && { willChange: "transform" }
+		} : {
+			position: r,
+			left: t,
+			top: n
+		};
+	}, [
+		r,
+		l,
+		B.floating,
+		v.x,
+		v.y
+	]);
+	return c.useMemo(() => ({
+		...v,
+		update: L,
+		refs: z,
+		elements: B,
+		floatingStyles: V
+	}), [
+		v,
+		L,
+		z,
+		B,
+		V
+	]);
+}
+var _ = (t) => {
+	function n(e) {
+		return {}.hasOwnProperty.call(e, "current");
 	}
-	let r = e[n];
 	return {
-		maxCount: r?.maxCount ?? t,
-		hideIcons: r?.hideIcons ?? !1,
-		compactMode: r?.compactMode ?? !1
+		name: "arrow",
+		options: t,
+		fn(r) {
+			let { element: i, padding: a } = typeof t == "function" ? t(r) : t;
+			return i && n(i) ? i.current == null ? {} : e({
+				element: i.current,
+				padding: a
+			}).fn(r) : i ? e({
+				element: i,
+				padding: a
+			}).fn(r) : {};
+		}
+	};
+}, v = (e, t) => {
+	let n = a(e);
+	return {
+		name: n.name,
+		fn: n.fn,
+		options: [e, t]
+	};
+}, y = (e, t) => {
+	let n = o(e);
+	return {
+		name: n.name,
+		fn: n.fn,
+		options: [e, t]
+	};
+}, b = (e, t) => ({
+	fn: i(e).fn,
+	options: [e, t]
+}), x = (e, t) => {
+	let r = n(e);
+	return {
+		name: r.name,
+		fn: r.fn,
+		options: [e, t]
+	};
+}, S = (e, t) => {
+	let n = s(e);
+	return {
+		name: n.name,
+		fn: n.fn,
+		options: [e, t]
+	};
+}, C = (e, t) => {
+	let n = r(e);
+	return {
+		name: n.name,
+		fn: n.fn,
+		options: [e, t]
+	};
+}, w = (e, t) => {
+	let n = _(e);
+	return {
+		name: n.name,
+		fn: n.fn,
+		options: [e, t]
 	};
-}, i = (e, t) => {
-	if (t?.badgeAnimation) switch (t.badgeAnimation) {
-		case "bounce": return e ? "animate-bounce" : "hover:-translate-y-1 hover:scale-110";
-		case "pulse": return "hover:animate-pulse";
-		case "wiggle": return "hover:animate-wiggle";
-		case "fade": return "hover:opacity-80";
-		case "slide": return "hover:translate-x-1";
-		case "none": return "";
-		default: return "";
-	}
-	return e ? "animate-bounce" : "";
-}, a = (e) => {
-	if (e?.popoverAnimation) switch (e.popoverAnimation) {
-		case "scale": return "animate-scaleIn";
-		case "slide": return "animate-slideInDown";
-		case "fade": return "animate-fadeIn";
-		case "flip": return "animate-flipIn";
-		case "none": return "";
-		default: return "";
-	}
-	return "";
-}, o = (t, n, r) => !r || !n ? t : t.length === 0 ? [] : e(t) ? t.map((e) => ({
-	...e,
-	options: e.options.filter((e) => e.label.toLowerCase().includes(n.toLowerCase()) || e.value.toLowerCase().includes(n.toLowerCase()))
-})).filter((e) => e.options.length > 0) : t.filter((e) => e.label.toLowerCase().includes(n.toLowerCase()) || e.value.toLowerCase().includes(n.toLowerCase())), s = (e, t, n, r) => ({
-	minWidth: n || (e === "mobile" ? "0px" : "200px"),
-	maxWidth: r || "100%",
-	width: t ? "auto" : "100%"
-}), c = (e, t) => {
-	if (!t) return e.length;
-	let n = t.toLowerCase();
-	return e.filter((e) => e.label.toLowerCase().includes(n) || e.value.toLowerCase().includes(n)).length;
 };
 //#endregion
-export { t as arraysEqual, n as buildAllOptions, i as buildBadgeAnimationClass, a as buildPopoverAnimationClass, s as buildWidthConstraints, r as computeResponsiveSettings, c as countMatchingOptions, o as filterOptions, e as isGroupedOptions };
+export { w as arrow, x as flip, C as hide, b as limitShift, v as offset, y as shift, S as size, g as useFloating };

package/dist/index45.cjs

@@ -1 +1 @@
-var e=e=>Array.isArray(e)&&e.length>0&&`heading`in e[0],t=(e,t)=>{if(e.length!==t.length)return!1;let n=[...e].sort(),r=[...t].sort();return n.every((e,t)=>e===r[t])},n=(t,n)=>{if(t.length===0)return{options:[],duplicates:[]};let r=e(t)?t.flatMap(e=>e.options):t,i=new Set,a=[],o=[];return r.forEach(e=>{i.has(e.value)?(a.push(e.value),n||o.push(e)):(i.add(e.value),o.push(e))}),{options:n?o:r,duplicates:a}},r=(e,t,n)=>{if(!e)return{maxCount:t,hideIcons:!1,compactMode:!1};if(e===!0){let e={mobile:{maxCount:2,hideIcons:!1,compactMode:!0},tablet:{maxCount:4,hideIcons:!1,compactMode:!1},desktop:{maxCount:6,hideIcons:!1,compactMode:!1}}[n];return{maxCount:e?.maxCount??t,hideIcons:e?.hideIcons??!1,compactMode:e?.compactMode??!1}}let r=e[n];return{maxCount:r?.maxCount??t,hideIcons:r?.hideIcons??!1,compactMode:r?.compactMode??!1}},i=(e,t)=>{if(t?.badgeAnimation)switch(t.badgeAnimation){case`bounce`:return e?`animate-bounce`:`hover:-translate-y-1 hover:scale-110`;case`pulse`:return`hover:animate-pulse`;case`wiggle`:return`hover:animate-wiggle`;case`fade`:return`hover:opacity-80`;case`slide`:return`hover:translate-x-1`;case`none`:return``;default:return``}return e?`animate-bounce`:``},a=e=>{if(e?.popoverAnimation)switch(e.popoverAnimation){case`scale`:return`animate-scaleIn`;case`slide`:return`animate-slideInDown`;case`fade`:return`animate-fadeIn`;case`flip`:return`animate-flipIn`;case`none`:return``;default:return``}return``},o=(t,n,r)=>!r||!n?t:t.length===0?[]:e(t)?t.map(e=>({...e,options:e.options.filter(e=>e.label.toLowerCase().includes(n.toLowerCase())||e.value.toLowerCase().includes(n.toLowerCase()))})).filter(e=>e.options.length>0):t.filter(e=>e.label.toLowerCase().includes(n.toLowerCase())||e.value.toLowerCase().includes(n.toLowerCase())),s=(e,t,n,r)=>({minWidth:n||(e===`mobile`?`0px`:`200px`),maxWidth:r||`100%`,width:t?`auto`:`100%`}),c=(e,t)=>{if(!t)return e.length;let n=t.toLowerCase();return e.filter(e=>e.label.toLowerCase().includes(n)||e.value.toLowerCase().includes(n)).length};exports.arraysEqual=t,exports.buildAllOptions=n,exports.buildBadgeAnimationClass=i,exports.buildPopoverAnimationClass=a,exports.buildWidthConstraints=s,exports.computeResponsiveSettings=r,exports.countMatchingOptions=c,exports.filterOptions=o,exports.isGroupedOptions=e;
+const e=require("./index2.cjs");require("./index43.cjs");const t=require("./index44.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react-dom");r=e.__toESM(r,1);var i=typeof document<`u`?n.useLayoutEffect:function(){};function a(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e==`function`&&e.toString()===t.toString())return!0;let n,r,i;if(e&&t&&typeof e==`object`){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(r=n;r--!==0;)if(!a(e[r],t[r]))return!1;return!0}if(i=Object.keys(e),n=i.length,n!==Object.keys(t).length)return!1;for(r=n;r--!==0;)if(!{}.hasOwnProperty.call(t,i[r]))return!1;for(r=n;r--!==0;){let n=i[r];if(!(n===`_owner`&&e.$$typeof)&&!a(e[n],t[n]))return!1}return!0}return e!==e&&t!==t}function o(e){return typeof window>`u`?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function s(e,t){let n=o(e);return Math.round(t*n)/n}function c(e){let t=n.useRef(e);return i(()=>{t.current=e}),t}function l(e){e===void 0&&(e={});let{placement:l=`bottom`,strategy:u=`absolute`,middleware:d=[],platform:f,elements:{reference:p,floating:m}={},transform:h=!0,whileElementsMounted:g,open:_}=e,[v,y]=n.useState({x:0,y:0,strategy:u,placement:l,middlewareData:{},isPositioned:!1}),[b,x]=n.useState(d);a(b,d)||x(d);let[S,C]=n.useState(null),[w,T]=n.useState(null),E=n.useCallback(e=>{e!==A.current&&(A.current=e,C(e))},[]),D=n.useCallback(e=>{e!==j.current&&(j.current=e,T(e))},[]),O=p||S,k=m||w,A=n.useRef(null),j=n.useRef(null),M=n.useRef(v),N=g!=null,P=c(g),F=c(f),I=c(_),L=n.useCallback(()=>{if(!A.current||!j.current)return;let e={placement:l,strategy:u,middleware:b};F.current&&(e.platform=F.current),t.computePosition(A.current,j.current,e).then(e=>{let t={...e,isPositioned:I.current!==!1};R.current&&!a(M.current,t)&&(M.current=t,r.flushSync(()=>{y(t)}))})},[b,l,u,F,I]);i(()=>{_===!1&&M.current.isPositioned&&(M.current.isPositioned=!1,y(e=>({...e,isPositioned:!1})))},[_]);let R=n.useRef(!1);i(()=>(R.current=!0,()=>{R.current=!1}),[]),i(()=>{if(O&&(A.current=O),k&&(j.current=k),O&&k){if(P.current)return P.current(O,k,L);L()}},[O,k,L,P,N]);let z=n.useMemo(()=>({reference:A,floating:j,setReference:E,setFloating:D}),[E,D]),B=n.useMemo(()=>({reference:O,floating:k}),[O,k]),V=n.useMemo(()=>{let e={position:u,left:0,top:0};if(!B.floating)return e;let t=s(B.floating,v.x),n=s(B.floating,v.y);return h?{...e,transform:`translate(`+t+`px, `+n+`px)`,...o(B.floating)>=1.5&&{willChange:`transform`}}:{position:u,left:t,top:n}},[u,h,B.floating,v.x,v.y]);return n.useMemo(()=>({...v,update:L,refs:z,elements:B,floatingStyles:V}),[v,L,z,B,V])}var u=e=>{function n(e){return{}.hasOwnProperty.call(e,`current`)}return{name:`arrow`,options:e,fn(r){let{element:i,padding:a}=typeof e==`function`?e(r):e;return i&&n(i)?i.current==null?{}:t.arrow({element:i.current,padding:a}).fn(r):i?t.arrow({element:i,padding:a}).fn(r):{}}}},d=(e,n)=>{let r=t.offset(e);return{name:r.name,fn:r.fn,options:[e,n]}},f=(e,n)=>{let r=t.shift(e);return{name:r.name,fn:r.fn,options:[e,n]}},p=(e,n)=>({fn:t.limitShift(e).fn,options:[e,n]}),m=(e,n)=>{let r=t.flip(e);return{name:r.name,fn:r.fn,options:[e,n]}},h=(e,n)=>{let r=t.size(e);return{name:r.name,fn:r.fn,options:[e,n]}},g=(e,n)=>{let r=t.hide(e);return{name:r.name,fn:r.fn,options:[e,n]}},_=(e,t)=>{let n=u(e);return{name:n.name,fn:n.fn,options:[e,t]}};exports.arrow=_,exports.flip=m,exports.hide=g,exports.limitShift=p,exports.offset=d,exports.shift=f,exports.size=h,exports.useFloating=l;

package/dist/index45.js

@@ -1,221 +1,34 @@
-import { cn as e } from "./index3.js";
-import { Badge as t } from "./index5.js";
-import { Command as n, CommandEmpty as r, CommandGroup as i, CommandInput as a, CommandItem as o, CommandList as s, CommandSeparator as c } from "./index11.js";
-import { Separator as l } from "./index14.js";
-import { multiSelectVariants as u } from "./index43.js";
-import { isGroupedOptions as d } from "./index44.js";
-import { CheckIcon as f, ChevronDown as p, XCircle as m, XIcon as h } from "lucide-react";
-import "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-//#region src/MultiSelect/renderers.tsx
-var y = ({ politeMessage: e, assertiveMessage: t }) => /* @__PURE__ */ v("div", {
-	className: "sr-only",
-	children: [/* @__PURE__ */ _("div", {
-		"aria-live": "polite",
-		"aria-atomic": "true",
-		role: "status",
-		children: e
-	}), /* @__PURE__ */ _("div", {
-		"aria-live": "assertive",
-		"aria-atomic": "true",
-		role: "alert",
-		children: t
-	})]
-}), b = ({ selectedValues: n, responsiveSettings: r, screenSize: i, singleLine: a, animation: o, animationConfig: s, badgeAnimationClass: c, variant: d, getOptionByValue: f, toggleOption: g, clearExtraOptions: y, handleClear: b }) => /* @__PURE__ */ v("div", {
-	className: "flex justify-between items-center w-full",
-	children: [/* @__PURE__ */ v("div", {
-		className: e("flex items-center gap-1", a ? "overflow-x-auto multiselect-singleline-scroll" : "flex-wrap", r.compactMode && "gap-0.5"),
-		style: a ? { paddingBottom: "4px" } : {},
-		children: [n.slice(0, r.maxCount).map((n) => {
-			let l = f(n), p = l?.icon, h = l?.style;
-			if (!l) return null;
-			let y = {
-				animationDuration: `${o}s`,
-				...h?.badgeColor && { backgroundColor: h.badgeColor },
-				...h?.gradient && {
-					background: h.gradient,
-					color: "white"
-				}
-			};
-			return /* @__PURE__ */ v(t, {
-				className: e(c, u({ variant: d }), h?.gradient && "text-white border-transparent", r.compactMode && "text-xs px-1.5 py-0.5", i === "mobile" && "max-w-30 truncate", a && "shrink-0 whitespace-nowrap", "[&>svg]:pointer-events-auto"),
-				style: {
-					...y,
-					animationDuration: `${s?.duration || o}s`,
-					animationDelay: `${s?.delay || 0}s`
-				},
-				children: [
-					p && !r.hideIcons && /* @__PURE__ */ _(p, {
-						className: e("h-4 w-4 mr-2", r.compactMode && "h-3 w-3 mr-1", h?.iconColor && "text-current"),
-						...h?.iconColor && { style: { color: h.iconColor } }
-					}),
-					/* @__PURE__ */ _("span", {
-						className: e(i === "mobile" && "truncate"),
-						children: l.label
-					}),
-					/* @__PURE__ */ _("div", {
-						role: "button",
-						tabIndex: 0,
-						onClick: (e) => {
-							e.stopPropagation(), g(n);
-						},
-						onKeyDown: (e) => {
-							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), g(n));
-						},
-						"aria-label": `Remove ${l.label} from selection`,
-						className: "ml-2 h-4 w-4 cursor-pointer hover:bg-white/20 rounded-sm p-0.5 -m-0.5 focus:outline-none focus:ring-1 focus:ring-white/50",
-						children: /* @__PURE__ */ _(m, { className: e("h-3 w-3", r.compactMode && "h-2.5 w-2.5") })
-					})
-				]
-			}, n);
-		}).filter(Boolean), n.length > r.maxCount && /* @__PURE__ */ v(t, {
-			className: e("bg-transparent text-foreground border-foreground/1 hover:bg-transparent", c, u({ variant: d }), r.compactMode && "text-xs px-1.5 py-0.5", a && "shrink-0 whitespace-nowrap", "[&>svg]:pointer-events-auto"),
-			style: {
-				animationDuration: `${s?.duration || o}s`,
-				animationDelay: `${s?.delay || 0}s`
-			},
-			children: [`+ ${n.length - r.maxCount} more`, /* @__PURE__ */ _(m, {
-				className: e("ml-2 h-4 w-4 cursor-pointer", r.compactMode && "ml-1 h-3 w-3"),
-				onClick: (e) => {
-					e.stopPropagation(), y();
-				}
-			})]
-		})]
-	}), /* @__PURE__ */ v("div", {
-		className: "flex items-center justify-between",
-		children: [
-			/* @__PURE__ */ _("div", {
-				role: "button",
-				tabIndex: 0,
-				onClick: (e) => {
-					e.stopPropagation(), b();
-				},
-				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), b());
-				},
-				"aria-label": `Clear all ${n.length} selected options`,
-				className: "flex items-center justify-center h-4 w-4 mx-2 cursor-pointer text-muted-foreground hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 rounded-sm",
-				children: /* @__PURE__ */ _(h, { className: "h-4 w-4" })
-			}),
-			/* @__PURE__ */ _(l, {
-				orientation: "vertical",
-				className: "flex min-h-6 h-full"
-			}),
-			/* @__PURE__ */ _(p, {
-				className: "h-4 mx-2 cursor-pointer text-muted-foreground",
-				"aria-hidden": "true"
-			})
-		]
-	})]
-}), x = ({ placeholder: e }) => /* @__PURE__ */ v("div", {
-	className: "flex items-center justify-between w-full mx-auto",
-	children: [/* @__PURE__ */ _("span", {
-		className: "text-sm text-muted-foreground mx-3",
-		children: e
-	}), /* @__PURE__ */ _(p, { className: "h-4 cursor-pointer text-muted-foreground mx-2" })]
-}), S = ({ filteredOptions: t, hideSelectAll: u, searchValue: p, searchable: m, selectedValues: h, getAllOptions: y, toggleAll: b, toggleOption: x, handleClear: S, setIsPopoverOpen: C, handleInputKeyDown: w, setSearchValue: T, multiSelectId: E, emptyIndicator: D, screenSize: O }) => /* @__PURE__ */ v(n, { children: [
-	m && /* @__PURE__ */ _(a, {
-		placeholder: "Search options...",
-		onKeyDown: w,
-		value: p,
-		onValueChange: T,
-		"aria-label": "Search through available options",
-		"aria-describedby": `${E}-search-help`
-	}),
-	m && /* @__PURE__ */ _("div", {
-		id: `${E}-search-help`,
-		className: "sr-only",
-		children: "Type to filter options. Use arrow keys to navigate results."
-	}),
-	/* @__PURE__ */ v(s, {
-		className: e("max-h-[40vh] overflow-y-auto multiselect-scrollbar", O === "mobile" && "max-h-[50vh]", "overscroll-behavior-y-contain"),
-		children: [
-			/* @__PURE__ */ _(r, { children: D || "No results found." }),
-			" ",
-			!u && !p && /* @__PURE__ */ _(i, { children: /* @__PURE__ */ v(o, {
-				onSelect: b,
-				role: "option",
-				"aria-selected": h.length === y().filter((e) => !e.disabled).length,
-				"aria-label": `Select all ${y().length} options`,
-				className: "cursor-pointer",
-				children: [/* @__PURE__ */ _("div", {
-					className: e("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary", h.length === y().filter((e) => !e.disabled).length ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"),
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ _(f, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ v("span", { children: [
-					"(Select All",
-					y().length > 20 ? ` - ${y().length} options` : "",
-					")"
-				] })]
-			}, "all") }),
-			d(t) ? t.map((t) => /* @__PURE__ */ _(i, {
-				heading: t.heading,
-				children: t.options.map((t) => {
-					let n = h.includes(t.value);
-					return /* @__PURE__ */ v(o, {
-						onSelect: () => x(t.value),
-						role: "option",
-						"aria-selected": n,
-						"aria-disabled": t.disabled,
-						"aria-label": `${t.label}${n ? ", selected" : ", not selected"}${t.disabled ? ", disabled" : ""}`,
-						className: e("cursor-pointer", t.disabled && "opacity-50 cursor-not-allowed"),
-						disabled: t.disabled,
-						children: [
-							/* @__PURE__ */ _("div", {
-								className: e("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary", n ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"),
-								"aria-hidden": "true",
-								children: /* @__PURE__ */ _(f, { className: "h-4 w-4" })
-							}),
-							t.icon && /* @__PURE__ */ _(t.icon, {
-								className: "mr-2 h-4 w-4 text-muted-foreground",
-								"aria-hidden": "true"
-							}),
-							/* @__PURE__ */ _("span", { children: t.label })
-						]
-					}, t.value);
-				})
-			}, t.heading)) : /* @__PURE__ */ _(i, { children: t.map((t) => {
-				let n = h.includes(t.value);
-				return /* @__PURE__ */ v(o, {
-					onSelect: () => x(t.value),
-					role: "option",
-					"aria-selected": n,
-					"aria-disabled": t.disabled,
-					"aria-label": `${t.label}${n ? ", selected" : ", not selected"}${t.disabled ? ", disabled" : ""}`,
-					className: e("cursor-pointer", t.disabled && "opacity-50 cursor-not-allowed"),
-					disabled: t.disabled,
-					children: [
-						/* @__PURE__ */ _("div", {
-							className: e("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary", n ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"),
-							"aria-hidden": "true",
-							children: /* @__PURE__ */ _(f, { className: "h-4 w-4" })
-						}),
-						t.icon && /* @__PURE__ */ _(t.icon, {
-							className: "mr-2 h-4 w-4 text-muted-foreground",
-							"aria-hidden": "true"
-						}),
-						/* @__PURE__ */ _("span", { children: t.label })
-					]
-				}, t.value);
-			}) }),
-			/* @__PURE__ */ _(c, {}),
-			/* @__PURE__ */ _(i, { children: /* @__PURE__ */ v("div", {
-				className: "flex items-center justify-between",
-				children: [h.length > 0 && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(o, {
-					onSelect: S,
-					className: "flex-1 justify-center cursor-pointer",
-					children: "Clear"
-				}), /* @__PURE__ */ _(l, {
-					orientation: "vertical",
-					className: "flex min-h-6 h-full"
-				})] }), /* @__PURE__ */ _(o, {
-					onSelect: () => C(!1),
-					className: "flex-1 justify-center cursor-pointer max-w-full",
-					children: "Close"
-				})]
-			}) })
-		]
-	})
-] });
+import { useLayoutEffect2 as e } from "./index16.js";
+import * as t from "react";
+//#region ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-size/dist/index.mjs
+var n = Object.defineProperty, r = (e, t) => n(e, "name", {
+	value: t,
+	configurable: !0
+});
+function i(n) {
+	let [r, i] = t.useState(void 0);
+	return e(() => {
+		if (n) {
+			i({
+				width: n.offsetWidth,
+				height: n.offsetHeight
+			});
+			let e = new ResizeObserver((e) => {
+				if (!Array.isArray(e) || !e.length) return;
+				let t = e[0], r, a;
+				if ("borderBoxSize" in t) {
+					let e = t.borderBoxSize, n = Array.isArray(e) ? e[0] : e;
+					r = n.inlineSize, a = n.blockSize;
+				} else r = n.offsetWidth, a = n.offsetHeight;
+				i({
+					width: r,
+					height: a
+				});
+			});
+			return e.observe(n, { box: "border-box" }), () => e.unobserve(n);
+		} else i(void 0);
+	}, [n]), r;
+}
+r(i, "useSize");
 //#endregion
-export { y as LiveRegion, S as OptionsContent, x as PlaceholderContent, b as SelectedValuesContent };
+export { i as useSize };

package/dist/index46.cjs

@@ -1 +1 @@
-const e=require("./index4.cjs"),t=require("./index6.cjs"),n=require("./index12.cjs"),r=require("./index15.cjs"),i=require("./index44.cjs"),a=require("./index45.cjs");let o=require("lucide-react");require("react");let s=require("react/jsx-runtime");var c=({politeMessage:e,assertiveMessage:t})=>(0,s.jsxs)(`div`,{className:`sr-only`,children:[(0,s.jsx)(`div`,{"aria-live":`polite`,"aria-atomic":`true`,role:`status`,children:e}),(0,s.jsx)(`div`,{"aria-live":`assertive`,"aria-atomic":`true`,role:`alert`,children:t})]}),l=({selectedValues:n,responsiveSettings:a,screenSize:c,singleLine:l,animation:u,animationConfig:d,badgeAnimationClass:f,variant:p,getOptionByValue:m,toggleOption:h,clearExtraOptions:g,handleClear:_})=>(0,s.jsxs)(`div`,{className:`flex justify-between items-center w-full`,children:[(0,s.jsxs)(`div`,{className:e.cn(`flex items-center gap-1`,l?`overflow-x-auto multiselect-singleline-scroll`:`flex-wrap`,a.compactMode&&`gap-0.5`),style:l?{paddingBottom:`4px`}:{},children:[n.slice(0,a.maxCount).map(n=>{let r=m(n),g=r?.icon,_=r?.style;if(!r)return null;let v={animationDuration:`${u}s`,..._?.badgeColor&&{backgroundColor:_.badgeColor},..._?.gradient&&{background:_.gradient,color:`white`}};return(0,s.jsxs)(t.Badge,{className:e.cn(f,i.multiSelectVariants({variant:p}),_?.gradient&&`text-white border-transparent`,a.compactMode&&`text-xs px-1.5 py-0.5`,c===`mobile`&&`max-w-30 truncate`,l&&`shrink-0 whitespace-nowrap`,`[&>svg]:pointer-events-auto`),style:{...v,animationDuration:`${d?.duration||u}s`,animationDelay:`${d?.delay||0}s`},children:[g&&!a.hideIcons&&(0,s.jsx)(g,{className:e.cn(`h-4 w-4 mr-2`,a.compactMode&&`h-3 w-3 mr-1`,_?.iconColor&&`text-current`),..._?.iconColor&&{style:{color:_.iconColor}}}),(0,s.jsx)(`span`,{className:e.cn(c===`mobile`&&`truncate`),children:r.label}),(0,s.jsx)(`div`,{role:`button`,tabIndex:0,onClick:e=>{e.stopPropagation(),h(n)},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),h(n))},"aria-label":`Remove ${r.label} from selection`,className:`ml-2 h-4 w-4 cursor-pointer hover:bg-white/20 rounded-sm p-0.5 -m-0.5 focus:outline-none focus:ring-1 focus:ring-white/50`,children:(0,s.jsx)(o.XCircle,{className:e.cn(`h-3 w-3`,a.compactMode&&`h-2.5 w-2.5`)})})]},n)}).filter(Boolean),n.length>a.maxCount&&(0,s.jsxs)(t.Badge,{className:e.cn(`bg-transparent text-foreground border-foreground/1 hover:bg-transparent`,f,i.multiSelectVariants({variant:p}),a.compactMode&&`text-xs px-1.5 py-0.5`,l&&`shrink-0 whitespace-nowrap`,`[&>svg]:pointer-events-auto`),style:{animationDuration:`${d?.duration||u}s`,animationDelay:`${d?.delay||0}s`},children:[`+ ${n.length-a.maxCount} more`,(0,s.jsx)(o.XCircle,{className:e.cn(`ml-2 h-4 w-4 cursor-pointer`,a.compactMode&&`ml-1 h-3 w-3`),onClick:e=>{e.stopPropagation(),g()}})]})]}),(0,s.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,s.jsx)(`div`,{role:`button`,tabIndex:0,onClick:e=>{e.stopPropagation(),_()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),_())},"aria-label":`Clear all ${n.length} selected options`,className:`flex items-center justify-center h-4 w-4 mx-2 cursor-pointer text-muted-foreground hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 rounded-sm`,children:(0,s.jsx)(o.XIcon,{className:`h-4 w-4`})}),(0,s.jsx)(r.Separator,{orientation:`vertical`,className:`flex min-h-6 h-full`}),(0,s.jsx)(o.ChevronDown,{className:`h-4 mx-2 cursor-pointer text-muted-foreground`,"aria-hidden":`true`})]})]}),u=({placeholder:e})=>(0,s.jsxs)(`div`,{className:`flex items-center justify-between w-full mx-auto`,children:[(0,s.jsx)(`span`,{className:`text-sm text-muted-foreground mx-3`,children:e}),(0,s.jsx)(o.ChevronDown,{className:`h-4 cursor-pointer text-muted-foreground mx-2`})]}),d=({filteredOptions:t,hideSelectAll:i,searchValue:c,searchable:l,selectedValues:u,getAllOptions:d,toggleAll:f,toggleOption:p,handleClear:m,setIsPopoverOpen:h,handleInputKeyDown:g,setSearchValue:_,multiSelectId:v,emptyIndicator:y,screenSize:b})=>(0,s.jsxs)(n.Command,{children:[l&&(0,s.jsx)(n.CommandInput,{placeholder:`Search options...`,onKeyDown:g,value:c,onValueChange:_,"aria-label":`Search through available options`,"aria-describedby":`${v}-search-help`}),l&&(0,s.jsx)(`div`,{id:`${v}-search-help`,className:`sr-only`,children:`Type to filter options. Use arrow keys to navigate results.`}),(0,s.jsxs)(n.CommandList,{className:e.cn(`max-h-[40vh] overflow-y-auto multiselect-scrollbar`,b===`mobile`&&`max-h-[50vh]`,`overscroll-behavior-y-contain`),children:[(0,s.jsx)(n.CommandEmpty,{children:y||`No results found.`}),` `,!i&&!c&&(0,s.jsx)(n.CommandGroup,{children:(0,s.jsxs)(n.CommandItem,{onSelect:f,role:`option`,"aria-selected":u.length===d().filter(e=>!e.disabled).length,"aria-label":`Select all ${d().length} options`,className:`cursor-pointer`,children:[(0,s.jsx)(`div`,{className:e.cn(`mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary`,u.length===d().filter(e=>!e.disabled).length?`bg-primary text-primary-foreground`:`opacity-50 [&_svg]:invisible`),"aria-hidden":`true`,children:(0,s.jsx)(o.CheckIcon,{className:`h-4 w-4`})}),(0,s.jsxs)(`span`,{children:[`(Select All`,d().length>20?` - ${d().length} options`:``,`)`]})]},`all`)}),a.isGroupedOptions(t)?t.map(t=>(0,s.jsx)(n.CommandGroup,{heading:t.heading,children:t.options.map(t=>{let r=u.includes(t.value);return(0,s.jsxs)(n.CommandItem,{onSelect:()=>p(t.value),role:`option`,"aria-selected":r,"aria-disabled":t.disabled,"aria-label":`${t.label}${r?`, selected`:`, not selected`}${t.disabled?`, disabled`:``}`,className:e.cn(`cursor-pointer`,t.disabled&&`opacity-50 cursor-not-allowed`),disabled:t.disabled,children:[(0,s.jsx)(`div`,{className:e.cn(`mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary`,r?`bg-primary text-primary-foreground`:`opacity-50 [&_svg]:invisible`),"aria-hidden":`true`,children:(0,s.jsx)(o.CheckIcon,{className:`h-4 w-4`})}),t.icon&&(0,s.jsx)(t.icon,{className:`mr-2 h-4 w-4 text-muted-foreground`,"aria-hidden":`true`}),(0,s.jsx)(`span`,{children:t.label})]},t.value)})},t.heading)):(0,s.jsx)(n.CommandGroup,{children:t.map(t=>{let r=u.includes(t.value);return(0,s.jsxs)(n.CommandItem,{onSelect:()=>p(t.value),role:`option`,"aria-selected":r,"aria-disabled":t.disabled,"aria-label":`${t.label}${r?`, selected`:`, not selected`}${t.disabled?`, disabled`:``}`,className:e.cn(`cursor-pointer`,t.disabled&&`opacity-50 cursor-not-allowed`),disabled:t.disabled,children:[(0,s.jsx)(`div`,{className:e.cn(`mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary`,r?`bg-primary text-primary-foreground`:`opacity-50 [&_svg]:invisible`),"aria-hidden":`true`,children:(0,s.jsx)(o.CheckIcon,{className:`h-4 w-4`})}),t.icon&&(0,s.jsx)(t.icon,{className:`mr-2 h-4 w-4 text-muted-foreground`,"aria-hidden":`true`}),(0,s.jsx)(`span`,{children:t.label})]},t.value)})}),(0,s.jsx)(n.CommandSeparator,{}),(0,s.jsx)(n.CommandGroup,{children:(0,s.jsxs)(`div`,{className:`flex items-center justify-between`,children:[u.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.CommandItem,{onSelect:m,className:`flex-1 justify-center cursor-pointer`,children:`Clear`}),(0,s.jsx)(r.Separator,{orientation:`vertical`,className:`flex min-h-6 h-full`})]}),(0,s.jsx)(n.CommandItem,{onSelect:()=>h(!1),className:`flex-1 justify-center cursor-pointer max-w-full`,children:`Close`})]})})]})]});exports.LiveRegion=c,exports.OptionsContent=d,exports.PlaceholderContent=u,exports.SelectedValuesContent=l;
+const e=require("./index2.cjs"),t=require("./index17.cjs");let n=require("react");n=e.__toESM(n,1);var r=Object.defineProperty,i=(e,t)=>r(e,`name`,{value:t,configurable:!0});function a(e){let[r,i]=n.useState(void 0);return t.useLayoutEffect2(()=>{if(e){i({width:e.offsetWidth,height:e.offsetHeight});let t=new ResizeObserver(t=>{if(!Array.isArray(t)||!t.length)return;let n=t[0],r,a;if(`borderBoxSize`in n){let e=n.borderBoxSize,t=Array.isArray(e)?e[0]:e;r=t.inlineSize,a=t.blockSize}else r=e.offsetWidth,a=e.offsetHeight;i({width:r,height:a})});return t.observe(e,{box:`border-box`}),()=>t.unobserve(e)}else i(void 0)},[e]),r}i(a,`useSize`),exports.useSize=a;