@vlrc-fe/components 1.0.6 → 1.0.8

package/dist/index138.cjs

@@ -0,0 +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;

package/dist/index138.js

@@ -0,0 +1,221 @@
+import { cn as e } from "./index3.js";
+import { Badge as t } from "./index19.js";
+import { Command as n, CommandEmpty as r, CommandGroup as i, CommandInput as a, CommandItem as o, CommandList as s, CommandSeparator as c } from "./index35.js";
+import { Separator as l } from "./index80.js";
+import { multiSelectVariants as u } from "./index136.js";
+import { isGroupedOptions as d } from "./index137.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"
+				})]
+			}) })
+		]
+	})
+] });
+//#endregion
+export { y as LiveRegion, S as OptionsContent, x as PlaceholderContent, b as SelectedValuesContent };

package/dist/index139.cjs

@@ -0,0 +1 @@
+const e=require("./index4.cjs"),t=require("./index20.cjs"),n=require("./index36.cjs"),r=require("./index81.cjs"),i=require("./index137.cjs"),a=require("./index138.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;

package/dist/index139.js

@@ -0,0 +1,166 @@
+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 "./index137.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);
+			}
+		}
+	}, 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
+		}
+	};
+};
+//#endregion
+export { d as useMultiSelect };

package/dist/index14.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"),i=require("@radix-ui/react-label");i=e.__toESM(i,1);function a({className:e,...n}){return(0,r.jsx)(i.Root,{"data-slot":`label`,className:t.cn(`flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...n})}exports.Label=a;
+const e=require("./index2.cjs"),t=require("./index13.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=Object.defineProperty,a=n.forwardRef(((e,t)=>i(e,`name`,{value:t,configurable:!0}))(function(e,n){let{ratio:i=1/1,style:a,...o}=e;return(0,r.jsx)(`div`,{style:{position:`relative`,width:`100%`,paddingBottom:`${100/i}%`},"data-radix-aspect-ratio-wrapper":``,children:(0,r.jsx)(t.Primitive.div,{...o,ref:n,style:{...a,position:`absolute`,top:0,right:0,bottom:0,left:0}})})},`AspectRatio`));exports.Root=a;

package/dist/index14.js

@@ -1,16 +1,12 @@
-import { cn as e } from "./index3.js";
-import "react";
+"use client";
+import { Root as e } from "./index13.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "@radix-ui/react-separator";
-//#region src/ui/separator.tsx
-function r({ className: r, orientation: i = "horizontal", decorative: a = !0, ...o }) {
-	return /* @__PURE__ */ t(n.Root, {
-		"data-slot": "separator",
-		decorative: a,
-		orientation: i,
-		className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", r),
-		...o
+//#region src/ui/aspect-ratio.tsx
+function n({ ...n }) {
+	return /* @__PURE__ */ t(e, {
+		"data-slot": "aspect-ratio",
+		...n
 	});
 }
 //#endregion
-export { r as Separator };
+export { n as AspectRatio };

package/dist/index140.cjs

@@ -0,0 +1 @@
+const e=require("./index138.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;

package/dist/index140.js

@@ -0,0 +1,126 @@
+import { cn as e } from "./index3.js";
+import { Button as t } from "./index10.js";
+import { Popover as n, PopoverContent as ee, PopoverTrigger as r } from "./index98.js";
+import { Icons as te } from "./index134.js";
+import { LiveRegion as ne, OptionsContent as re, PlaceholderContent as i, SelectedValuesContent as a } from "./index138.js";
+import { useMultiSelect as o } from "./index139.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";
+//#endregion
+export { u as default };

package/dist/index141.cjs

@@ -0,0 +1 @@
+const e=require("./index4.cjs"),t=require("./index11.cjs"),n=require("./index99.cjs"),r=require("./index135.cjs"),i=require("./index139.cjs"),a=require("./index140.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;

package/dist/index141.js

@@ -0,0 +1,15 @@
+import { FormBase as e } from "./index135.js";
+import t from "./index140.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
+	})
+});
+//#endregion
+export { r as default };

package/dist/index142.cjs

@@ -0,0 +1 @@
+const e=require("./index136.cjs"),t=require("./index141.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;

package/dist/index142.js

@@ -0,0 +1,9 @@
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/_lib/buildFormatLongFn.js
+function e(e) {
+	return (t = {}) => {
+		let n = t.width ? String(t.width) : e.defaultWidth;
+		return e.formats[n] || e.formats[e.defaultWidth];
+	};
+}
+//#endregion
+export { e as buildFormatLongFn };

package/dist/index143.cjs

@@ -0,0 +1 @@
+function e(e){return(t={})=>{let n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}exports.buildFormatLongFn=e;

package/dist/index143.js

@@ -0,0 +1,17 @@
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/_lib/buildLocalizeFn.js
+function e(e) {
+	return (t, n) => {
+		let r = n?.context ? String(n.context) : "standalone", i;
+		if (r === "formatting" && e.formattingValues) {
+			let t = e.defaultFormattingWidth || e.defaultWidth, r = n?.width ? String(n.width) : t;
+			i = e.formattingValues[r] || e.formattingValues[t];
+		} else {
+			let t = e.defaultWidth, r = n?.width ? String(n.width) : e.defaultWidth;
+			i = e.values[r] || e.values[t];
+		}
+		let a = e.argumentCallback ? e.argumentCallback(t) : t;
+		return i[a];
+	};
+}
+//#endregion
+export { e as buildLocalizeFn };

package/dist/index144.cjs

@@ -0,0 +1 @@
+function e(e){return(t,n)=>{let r=n?.context?String(n.context):`standalone`,i;if(r===`formatting`&&e.formattingValues){let t=e.defaultFormattingWidth||e.defaultWidth,r=n?.width?String(n.width):t;i=e.formattingValues[r]||e.formattingValues[t]}else{let t=e.defaultWidth,r=n?.width?String(n.width):e.defaultWidth;i=e.values[r]||e.values[t]}let a=e.argumentCallback?e.argumentCallback(t):t;return i[a]}}exports.buildLocalizeFn=e;