@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

package/dist/components/forms/Slider/Slider.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/Slider/Slider.module.css
+// src/components/forms/Slider/Slider.module.css
 var e = "_tonePrimary_dj5ma_27", t = "_toneNeutral_dj5ma_37", n = "_toneAccent_dj5ma_47", r = "_toneSuccess_dj5ma_57", i = "_toneWarning_dj5ma_67", a = "_toneDanger_dj5ma_77", o = "_toneInfo_dj5ma_87", s = "_sizeSm_dj5ma_101", c = "_sizeMd_dj5ma_113", l = "_sizeLg_dj5ma_125", u = "_root_dj5ma_145", d = "_horizontal_dj5ma_159", f = "_vertical_dj5ma_169", p = "_control_dj5ma_179", m = "_rail_dj5ma_219", h = "_track_dj5ma_245", g = "_range_dj5ma_287", _ = "_tick_dj5ma_319", v = "_thumb_dj5ma_373", y = "_knob_dj5ma_461", b = "_bubble_dj5ma_521", x = "_marks_dj5ma_687", S = "_markAnchor_dj5ma_725", C = "_markLabel_dj5ma_745", w = {
 	tonePrimary: e,
 	toneNeutral: t,
@@ -25,5 +25,4 @@ var e = "_tonePrimary_dj5ma_27", t = "_toneNeutral_dj5ma_37", n = "_toneAccent_d
 	markAnchor: S,
 	markLabel: C
 };
-//#endregion
 export { b as bubble, p as control, w as default, d as horizontal, y as knob, S as markAnchor, C as markLabel, x as marks, m as rail, g as range, u as root, l as sizeLg, c as sizeMd, s as sizeSm, v as thumb, _ as tick, n as toneAccent, a as toneDanger, o as toneInfo, t as toneNeutral, e as tonePrimary, r as toneSuccess, i as toneWarning, h as track, f as vertical };

package/dist/components/forms/Switch/Switch.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useFormReset.cjs.js"),n=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("../Field/FieldContext.cjs.js"),s=require("./Switch.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={sm:s.default.sm,md:s.default.md,lg:s.default.lg},d={neutral:s.default.neutral,primary:s.default.primary,accent:s.default.accent,success:s.default.success,warning:s.default.warning,danger:s.default.danger,info:s.default.info},f={start:s.default.start,end:s.default.end,between:s.default.between};function p({checked:p,defaultChecked:m=!1,onCheckedChange:h,label:g,description:_,labelPosition:v=`end`,size:y,tone:b=`primary`,invalid:x,disabled:S,required:C,readOnly:w,thumbIcon:T,showStateLabels:ee=!1,stateLabels:te,loading:E=!1,loadingLabel:D,className:O,style:k,id:A,onChange:j,"aria-describedby":M,"aria-labelledby":N,"aria-label":P,ref:F,...I}){let L=n.useMessages(),R=te??{on:L.switch.on,off:L.switch.off},z=D??L.switch.saving,B=(0,c.useId)(),V=`${B}-label`,H=`${B}-description`,U=`${B}-loading`,W=g!=null&&g!==!1,G=_!=null&&_!==!1,K=o.useFieldControl({id:A,invalid:x,required:C,disabled:S,readOnly:w,size:y,"aria-describedby":[M,G&&H,E&&U].filter(Boolean).join(` `)||void 0}),q=K.size??`md`,J=o.useFieldContext(),Y=N??(W?V:P===void 0&&J&&!J.isGroup?J.labelId:void 0),[X,Z]=e.useControllableState({value:p,defaultValue:m,onChange:h});t.useFormReset(()=>K.id?document.getElementById(K.id):null,()=>Z(m??!1),p===void 0);let ne=K.readOnly||E,re=e=>{ne||(Z(e.target.checked),j?.(e))},ie=(0,l.jsxs)(`span`,{className:s.default.control,children:[(0,l.jsx)(`input`,{...I,...K.ariaProps,ref:F,id:K.id,type:`checkbox`,role:`switch`,className:s.default.input,checked:X,onChange:re,disabled:K.disabled,required:K.required,"aria-label":P,"aria-labelledby":Y,"aria-readonly":K.readOnly||void 0,"aria-busy":E||void 0}),(0,l.jsx)(`span`,{className:s.default.track,"aria-hidden":`true`,children:(0,l.jsx)(`span`,{className:s.default.thumb,children:E?(0,l.jsx)(a.LoaderIcon,{spin:!0,className:s.default.thumbIcon}):T&&(0,l.jsx)(`span`,{className:s.default.thumbIcon,children:X?T.on:T.off})})}),ee&&(0,l.jsxs)(`span`,{className:s.default.stateLabels,"aria-hidden":`true`,children:[(0,l.jsx)(`span`,{className:s.default.stateOn,children:R.on}),(0,l.jsx)(`span`,{className:s.default.stateOff,children:R.off})]})]}),Q=W||G?(0,l.jsxs)(`span`,{className:s.default.text,children:[W&&(0,l.jsx)(`span`,{id:V,className:s.default.label,children:g}),G&&(0,l.jsx)(`span`,{id:H,className:s.default.description,children:_})]}):null,$=v!==`end`;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(`label`,{className:r.cx(s.default.root,u[q],d[b],f[v],O),style:k,"data-checked":X||void 0,"data-disabled":K.disabled||void 0,"data-invalid":K.invalid||void 0,"data-readonly":K.readOnly||void 0,"data-loading":E||void 0,children:[$&&Q,ie,!$&&Q,E&&(0,l.jsx)(`span`,{id:U,hidden:!0,children:z})]}),(0,l.jsx)(i.VisuallyHidden,{role:`status`,children:E?z:``})]})}exports.Switch=p;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useFormReset.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),ee=require("../../primitives/Icon/icons.cjs.js"),i=require("../Field/FieldContext.cjs.js"),a=require("./Switch.module.css.cjs.js"),o=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let s=require("react"),c=require("react/jsx-runtime");var l={sm:a.default.sm,md:a.default.md,lg:a.default.lg},u={neutral:a.default.neutral,primary:a.default.primary,accent:a.default.accent,success:a.default.success,warning:a.default.warning,danger:a.default.danger,info:a.default.info},d={start:a.default.start,end:a.default.end,between:a.default.between};function f({checked:f,defaultChecked:p=!1,onCheckedChange:m,label:h,description:g,labelPosition:_=`end`,size:v,tone:y=`primary`,invalid:b,disabled:x,required:S,readOnly:C,thumbIcon:w,showStateLabels:T=!1,stateLabels:te,loading:E=!1,loadingLabel:D,className:O,style:k,id:A,onChange:j,"aria-describedby":M,"aria-labelledby":N,"aria-label":P,ref:F,...I}){let L=o.useMessages(),R=te??{on:L.switch.on,off:L.switch.off},z=D??L.switch.saving,B=(0,s.useId)(),V=`${B}-label`,H=`${B}-description`,U=`${B}-loading`,W=h!=null&&h!==!1,G=g!=null&&g!==!1,K=i.useFieldControl({id:A,invalid:b,required:S,disabled:x,readOnly:C,size:v,"aria-describedby":[M,G&&H,E&&U].filter(Boolean).join(` `)||void 0}),q=K.size??`md`,J=i.useFieldContext(),Y=N??(W?V:P===void 0&&J&&!J.isGroup?J.labelId:void 0),[X,Z]=e.useControllableState({value:f,defaultValue:p,onChange:m});t.useFormReset(()=>K.id?document.getElementById(K.id):null,()=>Z(p??!1),f===void 0);let ne=K.readOnly||E,re=e=>{ne||(Z(e.target.checked),j?.(e))},ie=(0,c.jsxs)(`span`,{className:a.default.control,children:[(0,c.jsx)(`input`,{...I,...K.ariaProps,ref:F,id:K.id,type:`checkbox`,role:`switch`,className:a.default.input,checked:X,onChange:re,disabled:K.disabled,required:K.required,"aria-label":P,"aria-labelledby":Y,"aria-readonly":K.readOnly||void 0,"aria-busy":E||void 0}),(0,c.jsx)(`span`,{className:a.default.track,"aria-hidden":`true`,children:(0,c.jsx)(`span`,{className:a.default.thumb,children:E?(0,c.jsx)(ee.LoaderIcon,{spin:!0,className:a.default.thumbIcon}):w&&(0,c.jsx)(`span`,{className:a.default.thumbIcon,children:X?w.on:w.off})})}),T&&(0,c.jsxs)(`span`,{className:a.default.stateLabels,"aria-hidden":`true`,children:[(0,c.jsx)(`span`,{className:a.default.stateOn,children:R.on}),(0,c.jsx)(`span`,{className:a.default.stateOff,children:R.off})]})]}),Q=W||G?(0,c.jsxs)(`span`,{className:a.default.text,children:[W&&(0,c.jsx)(`span`,{id:V,className:a.default.label,children:h}),G&&(0,c.jsx)(`span`,{id:H,className:a.default.description,children:g})]}):null,$=_!==`end`;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`label`,{className:n.cx(a.default.root,l[q],u[y],d[_],O),style:k,"data-checked":X||void 0,"data-disabled":K.disabled||void 0,"data-invalid":K.invalid||void 0,"data-readonly":K.readOnly||void 0,"data-loading":E||void 0,children:[$&&Q,ie,!$&&Q,E&&(0,c.jsx)(`span`,{id:U,hidden:!0,children:z})]}),(0,c.jsx)(r.VisuallyHidden,{role:`status`,children:E?z:``})]})}exports.Switch=f;

package/dist/components/forms/Switch/Switch.mjs

@@ -1,36 +1,37 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
 import { useFormReset as t } from "../../../hooks/useFormReset.mjs";
-import { useMessages as n } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as r } from "../../../utils/cx.mjs";
-import { VisuallyHidden as i } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { LoaderIcon as a } from "../../primitives/Icon/icons.mjs";
-import { useFieldContext as o, useFieldControl as s } from "../Field/FieldContext.mjs";
-import c from "./Switch.module.css.mjs";
+import { cx as n } from "../../../utils/cx.mjs";
+import { VisuallyHidden as r } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { LoaderIcon as i } from "../../primitives/Icon/icons.mjs";
+import { useFieldContext as a, useFieldControl as o } from "../Field/FieldContext.mjs";
+import s from "./Switch.module.css.mjs";
+import { useMessages as c } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useId as ee } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/components/forms/Switch/Switch.tsx
+// src/components/forms/Switch/Switch.tsx
 var te = {
-	sm: c.sm,
-	md: c.md,
-	lg: c.lg
+	sm: s.sm,
+	md: s.md,
+	lg: s.lg
 }, f = {
-	neutral: c.neutral,
-	primary: c.primary,
-	accent: c.accent,
-	success: c.success,
-	warning: c.warning,
-	danger: c.danger,
-	info: c.info
+	neutral: s.neutral,
+	primary: s.primary,
+	accent: s.accent,
+	success: s.success,
+	warning: s.warning,
+	danger: s.danger,
+	info: s.info
 }, p = {
-	start: c.start,
-	end: c.end,
-	between: c.between
+	start: s.start,
+	end: s.end,
+	between: s.between
 };
 function m({ checked: m, defaultChecked: h = !1, onCheckedChange: g, label: _, description: v, labelPosition: y = "end", size: b, tone: x = "primary", invalid: S, disabled: ne, required: re, readOnly: ie, thumbIcon: C, showStateLabels: w = !1, stateLabels: T, loading: E = !1, loadingLabel: D, className: O, style: k, id: A, onChange: j, "aria-describedby": M, "aria-labelledby": N, "aria-label": P, ref: F, ...I }) {
-	let L = n(), R = T ?? {
+	let L = c(), R = T ?? {
 		on: L.switch.on,
 		off: L.switch.off
-	}, z = D ?? L.switch.saving, B = ee(), V = `${B}-label`, H = `${B}-description`, U = `${B}-loading`, W = _ != null && _ !== !1, G = v != null && v !== !1, K = s({
+	}, z = D ?? L.switch.saving, B = ee(), V = `${B}-label`, H = `${B}-description`, U = `${B}-loading`, W = _ != null && _ !== !1, G = v != null && v !== !1, K = o({
 		id: A,
 		invalid: S,
 		required: re,
@@ -42,7 +43,7 @@ function m({ checked: m, defaultChecked: h = !1, onCheckedChange: g, label: _, d
 			G && H,
 			E && U
 		].filter(Boolean).join(" ") || void 0
-	}), q = K.size ?? "md", J = o(), Y = N ?? (W ? V : P === void 0 && J && !J.isGroup ? J.labelId : void 0), [X, Z] = e({
+	}), q = K.size ?? "md", J = a(), Y = N ?? (W ? V : P === void 0 && J && !J.isGroup ? J.labelId : void 0), [X, Z] = e({
 		value: m,
 		defaultValue: h,
 		onChange: g
@@ -51,7 +52,7 @@ function m({ checked: m, defaultChecked: h = !1, onCheckedChange: g, label: _, d
 	let ae = K.readOnly || E, oe = (e) => {
 		ae || (Z(e.target.checked), j?.(e));
 	}, se = /* @__PURE__ */ d("span", {
-		className: c.control,
+		className: s.control,
 		children: [
 			/* @__PURE__ */ u("input", {
 				...I,
@@ -60,7 +61,7 @@ function m({ checked: m, defaultChecked: h = !1, onCheckedChange: g, label: _, d
 				id: K.id,
 				type: "checkbox",
 				role: "switch",
-				className: c.input,
+				className: s.input,
 				checked: X,
 				onChange: oe,
 				disabled: K.disabled,
@@ -71,45 +72,45 @@ function m({ checked: m, defaultChecked: h = !1, onCheckedChange: g, label: _, d
 				"aria-busy": E || void 0
 			}),
 			/* @__PURE__ */ u("span", {
-				className: c.track,
+				className: s.track,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ u("span", {
-					className: c.thumb,
-					children: E ? /* @__PURE__ */ u(a, {
+					className: s.thumb,
+					children: E ? /* @__PURE__ */ u(i, {
 						spin: !0,
-						className: c.thumbIcon
+						className: s.thumbIcon
 					}) : C && /* @__PURE__ */ u("span", {
-						className: c.thumbIcon,
+						className: s.thumbIcon,
 						children: X ? C.on : C.off
 					})
 				})
 			}),
 			w && /* @__PURE__ */ d("span", {
-				className: c.stateLabels,
+				className: s.stateLabels,
 				"aria-hidden": "true",
 				children: [/* @__PURE__ */ u("span", {
-					className: c.stateOn,
+					className: s.stateOn,
 					children: R.on
 				}), /* @__PURE__ */ u("span", {
-					className: c.stateOff,
+					className: s.stateOff,
 					children: R.off
 				})]
 			})
 		]
 	}), Q = W || G ? /* @__PURE__ */ d("span", {
-		className: c.text,
+		className: s.text,
 		children: [W && /* @__PURE__ */ u("span", {
 			id: V,
-			className: c.label,
+			className: s.label,
 			children: _
 		}), G && /* @__PURE__ */ u("span", {
 			id: H,
-			className: c.description,
+			className: s.description,
 			children: v
 		})]
 	}) : null, $ = y !== "end";
 	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("label", {
-		className: r(c.root, te[q], f[x], p[y], O),
+		className: n(s.root, te[q], f[x], p[y], O),
 		style: k,
 		"data-checked": X || void 0,
 		"data-disabled": K.disabled || void 0,
@@ -126,10 +127,9 @@ function m({ checked: m, defaultChecked: h = !1, onCheckedChange: g, label: _, d
 				children: z
 			})
 		]
-	}), /* @__PURE__ */ u(i, {
+	}), /* @__PURE__ */ u(r, {
 		role: "status",
 		children: E ? z : ""
 	})] });
 }
-//#endregion
 export { m as Switch };

package/dist/components/forms/Switch/Switch.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/Switch/Switch.module.css
+// src/components/forms/Switch/Switch.module.css
 var e = "_root_1lkta_29", t = "_sm_1lkta_113", n = "_md_1lkta_129", r = "_lg_1lkta_145", i = "_neutral_1lkta_169", a = "_primary_1lkta_185", o = "_accent_1lkta_201", s = "_success_1lkta_217", c = "_warning_1lkta_233", l = "_danger_1lkta_249", u = "_info_1lkta_265", d = "_end_1lkta_303", f = "_start_1lkta_305", p = "_between_1lkta_315", m = "_control_1lkta_333", h = "_input_1lkta_353", g = "_track_1lkta_379", _ = "_thumb_1lkta_409", v = "_thumbIcon_1lkta_473", y = "_stateLabels_1lkta_501", b = "_stateOn_1lkta_523", x = "_stateOff_1lkta_525", S = "_text_1lkta_555", C = "_label_1lkta_579", w = "_description_1lkta_589", T = {
 	root: e,
 	sm: t,
@@ -26,5 +26,4 @@ var e = "_root_1lkta_29", t = "_sm_1lkta_113", n = "_md_1lkta_129", r = "_lg_1lk
 	label: C,
 	description: w
 };
-//#endregion
 export { o as accent, p as between, m as control, l as danger, T as default, w as description, d as end, u as info, h as input, C as label, r as lg, n as md, i as neutral, a as primary, e as root, t as sm, f as start, y as stateLabels, x as stateOff, b as stateOn, s as success, S as text, _ as thumb, v as thumbIcon, g as track, c as warning };

package/dist/components/forms/TagInput/TagInput.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("../Field/FieldContext.cjs.js"),s=require("../../data-display/Chip/Chip.cjs.js"),c=require("./TagInput.module.css.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var ee={sm:`sm`,md:`md`,lg:`lg`},te={sm:c.default.sm,md:c.default.md,lg:c.default.lg},d=e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`);function f(e,t){return{",":t.comma,";":t.semicolon," ":t.space,"|":t.pipe,"	":t.tab}[e]??t.other(e)}function ne(e,t,n,r){let i=[n.keys.enter,...t?[n.keys.tab]:[],...e.map(e=>f(e,n.keys))],a=Intl.ListFormat,o=a?new a(r,{type:`disjunction`}).format(i):i.join(`, `);return n.instructions(o)}var p=({value:f,defaultValue:p,onValueChange:re,inputValue:ie,defaultInputValue:m,onInputValueChange:ae,delimiters:h=[`,`],addOnTab:g=!1,addOnBlur:oe=!1,allowDuplicates:se=!1,maxTags:_,validate:ce,transform:le,size:ue,disabled:de,readOnly:fe,invalid:pe,required:me,placeholder:he,name:ge,chipVariant:_e,chipTone:ve,removeLabel:ye,tagListLabel:be,instructions:xe,messages:Se,className:Ce,inputClassName:we,style:Te,ref:v,id:Ee,onChange:De,onKeyDown:Oe,onPaste:ke,onBlur:Ae,form:y,"aria-describedby":je,"aria-labelledby":b,...x})=>{let{messages:S,locale:Me}=t.useLocale(),Ne=ye??S.tagInput.remove,C={...S.tagInput,...Se},w=(0,l.useId)(),T=`${w}-instructions`,E=`${w}-error`,D=`${w}-max`,O=o.useFieldContext(),[k,A]=e.useControllableState({value:f,defaultValue:p??[],onChange:re}),[j,M]=e.useControllableState({value:ie,defaultValue:m??``,onChange:ae}),[N,P]=(0,l.useState)(null),[Pe,F]=(0,l.useState)(null),[I,L]=(0,l.useState)(null),[R,Fe]=(0,l.useState)({text:``,n:0}),z=_!==void 0&&k.length>=_,Ie=[je,T,z?D:void 0,N?E:void 0].filter(Boolean).join(` `)||void 0,B=o.useFieldControl({id:Ee,invalid:pe,required:me,disabled:de,readOnly:fe,size:ue,"aria-describedby":Ie},{nativeRequired:!1}),V=B.size??`md`,Le=B.invalid||N!==null,H=!B.disabled&&!B.readOnly,U=(0,l.useRef)(null),W=(0,l.useRef)(null),Re=(0,l.useRef)([]),G=(0,l.useRef)(null),K=(0,l.useRef)(void 0),ze=(0,l.useCallback)(e=>{U.current=e,n.assignRef(v,e)},[v]);(0,l.useEffect)(()=>()=>window.clearTimeout(K.current),[]);let Be=e=>{e&&Fe(t=>({text:e,n:t.n+1}))},[Ve,He]=(0,l.useState)(0),q=()=>U.current?.focus(),J=e=>{let t=Re.current[e]?.querySelector(`button:not(:disabled)`);return t?(t.focus(),!0):!1};(0,l.useLayoutEffect)(()=>{let e=G.current;e!==null&&(G.current=null,!(e<k.length&&J(e))&&q())}),(0,l.useEffect)(()=>{let e=U.current;e&&e.setCustomValidity(B.required&&k.length===0?C.required:``)});let Ue=(0,l.useRef)(p??[]),We=(0,l.useRef)(m??``);(0,l.useEffect)(()=>{let e=U.current?.form??W.current?.closest(`form`);if(!e)return;let t=()=>{A(Ue.current),M(We.current),P(null)};return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[A,M]);let Y=h.length>0?new RegExp(h.map(d).join(`|`)):null,Ge=new RegExp([...h.map(d),`\\r?\\n`,`\\t`].join(`|`)),X=e=>{let t=[...k],n=[],r=[],i=[],a=null,o=!1;for(let s of e){let e=s.trim();if(!e)continue;let c=(le?le(e):e).trim();if(c){if(_!==void 0&&t.length>=_){o=!0;continue}if(!se&&t.includes(c)){r.push(c);continue}if(ce){let t=ce(c);if(t!==!0){a??=typeof t==`string`&&t?t:C.invalid(c),i.push(e);continue}}t.push(c),n.push(c)}}n.length>0&&A(t),P(a),r.length>0&&(window.clearTimeout(K.current),F(r[0]),L(C.duplicate(r[0])),K.current=window.setTimeout(()=>F(null),1200));let s=_!==void 0&&t.length>=_&&n.length>0,c=[n.length>0?C.added(n):null,...r.map(C.duplicate),a,o||s?C.maxReached(_):null].filter(Boolean);return Be(c.join(`. `)),{rejected:i,added:n.length>0}},Ke=e=>{let t=k[e];t!==void 0&&H&&(G.current=e,A(k.filter((t,n)=>n!==e)),P(null),Be(C.removed(t)))},Z=(e,t=``)=>{let n=h[0],r=n===void 0||n.trim()===``?` `:`${n} `;return[...e,t].filter(Boolean).join(r)},Q=()=>{let e=X([j]);return M(e.rejected.length>0?j:``),e},qe=e=>{De?.(e),I&&L(null);let t=e.target.value;if(Y&&Y.test(t)){let e=t.split(Y),n=e.pop()??``,r=X(e);M(Z(r.rejected,n));return}N&&P(null),M(t)},Je=e=>{if(ke?.(e),e.defaultPrevented)return;let t=e.clipboardData.getData(`text`);if(!Ge.test(t))return;e.preventDefault();let n=e.currentTarget,r=n.selectionStart??j.length,i=n.selectionEnd??j.length,a=j.slice(0,r)+t+j.slice(i),o=X(a.split(Ge));M(Z(o.rejected))},Ye=()=>W.current?getComputedStyle(W.current).direction===`rtl`:!1,Xe=e=>{if(Oe?.(e),e.defaultPrevented||e.nativeEvent.isComposing)return;let t=e.currentTarget,n=t.selectionStart===0&&t.selectionEnd===0,r=Ye()?`ArrowRight`:`ArrowLeft`;switch(e.key){case`Enter`:if(e.repeat){e.preventDefault();return}if(!j.trim())return;e.preventDefault(),Q();return;case`Tab`:{if(!g||e.shiftKey||!j.trim())return;let t=Q();t.added&&t.rejected.length===0&&e.preventDefault();return}case`Backspace`:if(e.repeat||j!==``||k.length===0)return;J(k.length-1)&&e.preventDefault();return;case r:if(!n||k.length===0||e.shiftKey)return;J(k.length-1)&&e.preventDefault();return;default:return}},Ze=e=>{Ae?.(e),oe&&j.trim()&&Q()},Qe=(e,t)=>{let n=Ye(),r=n?`ArrowRight`:`ArrowLeft`,i=n?`ArrowLeft`:`ArrowRight`,a=!0;switch(e.key){case r:t>0&&J(t-1);break;case i:t<k.length-1&&J(t+1)||q();break;case`Home`:J(0);break;case`End`:q();break;default:a=!1}a&&e.preventDefault()},$e=e=>{let t=U.current;if(!t||B.disabled)return;let n=e.target;n===t||n.closest(`button, a, input, [tabindex]`)||(e.preventDefault(),t.focus())},$=be===void 0?b??(O&&!O.isGroup?O.labelId:void 0):void 0,et=be??($?void 0:S.tagInput.list),tt=xe??ne(h,g,S.tagInput,Me),nt=k.length===0&&!z;return(0,u.jsxs)(`div`,{ref:W,className:r.cx(c.default.root,Ce),style:Te,"data-size":V,children:[(0,u.jsxs)(`div`,{className:r.cx(c.default.box,te[V],k.length>0&&c.default.hasTags,Le&&c.default.invalid,B.disabled&&c.default.disabled,B.readOnly&&!B.disabled&&c.default.readOnly),onPointerDown:$e,children:[k.length>0&&(0,u.jsx)(`ul`,{className:c.default.list,"aria-labelledby":$,"aria-label":et,"aria-describedby":B.readOnly?B.ariaProps[`aria-describedby`]:void 0,children:k.map((e,t)=>(0,u.jsx)(`li`,{ref:e=>{Re.current[t]=e},className:c.default.item,"data-highlighted":Pe===e||void 0,onKeyDown:e=>Qe(e,t),onFocus:()=>He(t),children:(0,u.jsx)(s.Chip,{size:ee[V],variant:_e,tone:ve,disabled:B.disabled,onRemove:H?()=>Ke(t):void 0,removeLabel:H?Ne(e):void 0,removeTabIndex:t===Math.min(Ve,k.length-1)?0:-1,children:e})},`${e}-${t}`))}),B.readOnly&&!B.disabled?k.length===0&&(0,u.jsx)(`span`,{className:c.default.empty,children:C.empty}):(0,u.jsx)(`input`,{...x,ref:ze,id:B.id,type:`text`,form:y,value:j,placeholder:nt?he:void 0,disabled:B.disabled,readOnly:z,autoComplete:x.autoComplete??`off`,...B.ariaProps,"aria-labelledby":b,"aria-invalid":Le||void 0,"aria-errormessage":N?E:B.ariaProps[`aria-errormessage`],className:r.cx(c.default.input,we),onChange:qe,onKeyDown:Xe,onPaste:Je,onBlur:Ze})]}),N&&(0,u.jsxs)(`p`,{id:E,className:c.default.error,children:[(0,u.jsx)(a.ErrorIcon,{size:`sm`,className:c.default.errorIcon}),(0,u.jsx)(`span`,{children:N})]}),(0,u.jsx)(i.VisuallyHidden,{id:T,children:tt}),I&&(0,u.jsx)(`p`,{className:c.default.limit,children:I}),z&&(0,u.jsx)(`p`,{id:D,className:c.default.limit,children:C.maxReached(_)}),(0,u.jsxs)(i.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:[R.text,R.n%2==1?`\xA0`:``]}),ge!==void 0&&k.map((e,t)=>(0,u.jsx)(`input`,{type:`hidden`,name:ge,value:e,form:y,disabled:B.disabled},`${e}-${t}`))]})};exports.TagInput=p;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../data-display/Chip/Chip.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),a=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),o=require("../Field/FieldContext.cjs.js"),s=require("./TagInput.module.css.cjs.js"),c=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var ee={sm:`sm`,md:`md`,lg:`lg`},te={sm:s.default.sm,md:s.default.md,lg:s.default.lg},d=e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`);function f(e,t){return{",":t.comma,";":t.semicolon," ":t.space,"|":t.pipe,"	":t.tab}[e]??t.other(e)}function ne(e,t,n,r){let i=[n.keys.enter,...t?[n.keys.tab]:[],...e.map(e=>f(e,n.keys))],a=Intl.ListFormat,o=a?new a(r,{type:`disjunction`}).format(i):i.join(`, `);return n.instructions(o)}var p=({value:f,defaultValue:p,onValueChange:re,inputValue:ie,defaultInputValue:m,onInputValueChange:ae,delimiters:h=[`,`],addOnTab:g=!1,addOnBlur:oe=!1,allowDuplicates:se=!1,maxTags:_,validate:ce,transform:le,size:ue,disabled:de,readOnly:fe,invalid:pe,required:me,placeholder:he,name:ge,chipVariant:_e,chipTone:ve,removeLabel:ye,tagListLabel:be,instructions:xe,messages:Se,className:Ce,inputClassName:we,style:Te,ref:v,id:Ee,onChange:De,onKeyDown:Oe,onPaste:ke,onBlur:Ae,form:y,"aria-describedby":je,"aria-labelledby":b,...x})=>{let{messages:S,locale:Me}=c.useLocale(),Ne=ye??S.tagInput.remove,C={...S.tagInput,...Se},w=(0,l.useId)(),T=`${w}-instructions`,E=`${w}-error`,D=`${w}-max`,O=o.useFieldContext(),[k,A]=e.useControllableState({value:f,defaultValue:p??[],onChange:re}),[j,M]=e.useControllableState({value:ie,defaultValue:m??``,onChange:ae}),[N,P]=(0,l.useState)(null),[Pe,F]=(0,l.useState)(null),[I,L]=(0,l.useState)(null),[R,Fe]=(0,l.useState)({text:``,n:0}),z=_!==void 0&&k.length>=_,Ie=[je,T,z?D:void 0,N?E:void 0].filter(Boolean).join(` `)||void 0,B=o.useFieldControl({id:Ee,invalid:pe,required:me,disabled:de,readOnly:fe,size:ue,"aria-describedby":Ie},{nativeRequired:!1}),V=B.size??`md`,Le=B.invalid||N!==null,H=!B.disabled&&!B.readOnly,U=(0,l.useRef)(null),W=(0,l.useRef)(null),Re=(0,l.useRef)([]),G=(0,l.useRef)(null),K=(0,l.useRef)(void 0),ze=(0,l.useCallback)(e=>{U.current=e,n.assignRef(v,e)},[v]);(0,l.useEffect)(()=>()=>window.clearTimeout(K.current),[]);let Be=e=>{e&&Fe(t=>({text:e,n:t.n+1}))},[Ve,He]=(0,l.useState)(0),q=()=>U.current?.focus(),J=e=>{let t=Re.current[e]?.querySelector(`button:not(:disabled)`);return t?(t.focus(),!0):!1};(0,l.useLayoutEffect)(()=>{let e=G.current;e!==null&&(G.current=null,e<k.length&&J(e)||q())}),(0,l.useEffect)(()=>{let e=U.current;e&&e.setCustomValidity(B.required&&k.length===0?C.required:``)});let Ue=(0,l.useRef)(p??[]),We=(0,l.useRef)(m??``);(0,l.useEffect)(()=>{let e=U.current?.form??W.current?.closest(`form`);if(!e)return;let t=()=>{A(Ue.current),M(We.current),P(null)};return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[A,M]);let Y=h.length>0?new RegExp(h.map(d).join(`|`)):null,Ge=new RegExp([...h.map(d),`\\r?\\n`,`\\t`].join(`|`)),X=e=>{let t=[...k],n=[],r=[],i=[],a=null,o=!1;for(let s of e){let e=s.trim();if(!e)continue;let c=(le?le(e):e).trim();if(c){if(_!==void 0&&t.length>=_)o=!0;else if(!se&&t.includes(c))r.push(c);else{if(ce){let t=ce(c);if(t!==!0){a??=typeof t==`string`&&t?t:C.invalid(c),i.push(e);continue}}t.push(c),n.push(c)}}}n.length>0&&A(t),P(a),r.length>0&&(window.clearTimeout(K.current),F(r[0]),L(C.duplicate(r[0])),K.current=window.setTimeout(()=>F(null),1200));let s=_!==void 0&&t.length>=_&&n.length>0,c=[n.length>0?C.added(n):null,...r.map(C.duplicate),a,o||s?C.maxReached(_):null].filter(Boolean);return Be(c.join(`. `)),{rejected:i,added:n.length>0}},Ke=e=>{let t=k[e];t!==void 0&&H&&(G.current=e,A(k.filter((t,n)=>n!==e)),P(null),Be(C.removed(t)))},Z=(e,t=``)=>{let n=h[0],r=n===void 0||n.trim()===``?` `:`${n} `;return[...e,t].filter(Boolean).join(r)},Q=()=>{let e=X([j]);return M(e.rejected.length>0?j:``),e},qe=e=>{De?.(e),I&&L(null);let t=e.target.value;if(Y&&Y.test(t)){let e=t.split(Y),n=e.pop()??``,r=X(e);M(Z(r.rejected,n))}else N&&P(null),M(t)},Je=e=>{if(ke?.(e),e.defaultPrevented)return;let t=e.clipboardData.getData(`text`);if(!Ge.test(t))return;e.preventDefault();let n=e.currentTarget,r=n.selectionStart??j.length,i=n.selectionEnd??j.length,a=j.slice(0,r)+t+j.slice(i),o=X(a.split(Ge));M(Z(o.rejected))},Ye=()=>W.current?getComputedStyle(W.current).direction===`rtl`:!1,Xe=e=>{if(Oe?.(e),e.defaultPrevented||e.nativeEvent.isComposing)return;let t=e.currentTarget,n=t.selectionStart===0&&t.selectionEnd===0,r=Ye()?`ArrowRight`:`ArrowLeft`;switch(e.key){case`Enter`:if(e.repeat){e.preventDefault();return}if(!j.trim())return;e.preventDefault(),Q();return;case`Tab`:{if(!g||e.shiftKey||!j.trim())return;let t=Q();t.added&&t.rejected.length===0&&e.preventDefault();return}case`Backspace`:if(e.repeat||j!==``||k.length===0)return;J(k.length-1)&&e.preventDefault();return;case r:if(!n||k.length===0||e.shiftKey)return;J(k.length-1)&&e.preventDefault();return;default:return}},Ze=e=>{Ae?.(e),oe&&j.trim()&&Q()},Qe=(e,t)=>{let n=Ye(),r=n?`ArrowRight`:`ArrowLeft`,i=n?`ArrowLeft`:`ArrowRight`,a=!0;switch(e.key){case r:t>0&&J(t-1);break;case i:t<k.length-1&&J(t+1)||q();break;case`Home`:J(0);break;case`End`:q();break;default:a=!1}a&&e.preventDefault()},$e=e=>{let t=U.current;if(!t||B.disabled)return;let n=e.target;n===t||n.closest(`button, a, input, [tabindex]`)||(e.preventDefault(),t.focus())},$=be===void 0?b??(O&&!O.isGroup?O.labelId:void 0):void 0,et=be??($?void 0:S.tagInput.list),tt=xe??ne(h,g,S.tagInput,Me),nt=k.length===0&&!z;return(0,u.jsxs)(`div`,{ref:W,className:t.cx(s.default.root,Ce),style:Te,"data-size":V,children:[(0,u.jsxs)(`div`,{className:t.cx(s.default.box,te[V],k.length>0&&s.default.hasTags,Le&&s.default.invalid,B.disabled&&s.default.disabled,B.readOnly&&!B.disabled&&s.default.readOnly),onPointerDown:$e,children:[k.length>0&&(0,u.jsx)(`ul`,{className:s.default.list,"aria-labelledby":$,"aria-label":et,"aria-describedby":B.readOnly?B.ariaProps[`aria-describedby`]:void 0,children:k.map((e,t)=>(0,u.jsx)(`li`,{ref:e=>{Re.current[t]=e},className:s.default.item,"data-highlighted":Pe===e||void 0,onKeyDown:e=>Qe(e,t),onFocus:()=>He(t),children:(0,u.jsx)(r.Chip,{size:ee[V],variant:_e,tone:ve,disabled:B.disabled,onRemove:H?()=>Ke(t):void 0,removeLabel:H?Ne(e):void 0,removeTabIndex:t===Math.min(Ve,k.length-1)?0:-1,children:e})},`${e}-${t}`))}),B.readOnly&&!B.disabled?k.length===0&&(0,u.jsx)(`span`,{className:s.default.empty,children:C.empty}):(0,u.jsx)(`input`,{...x,ref:ze,id:B.id,type:`text`,form:y,value:j,placeholder:nt?he:void 0,disabled:B.disabled,readOnly:z,autoComplete:x.autoComplete??`off`,...B.ariaProps,"aria-labelledby":b,"aria-invalid":Le||void 0,"aria-errormessage":N?E:B.ariaProps[`aria-errormessage`],className:t.cx(s.default.input,we),onChange:qe,onKeyDown:Xe,onPaste:Je,onBlur:Ze})]}),N&&(0,u.jsxs)(`p`,{id:E,className:s.default.error,children:[(0,u.jsx)(i.ErrorIcon,{size:`sm`,className:s.default.errorIcon}),(0,u.jsx)(`span`,{children:N})]}),(0,u.jsx)(a.VisuallyHidden,{id:T,children:tt}),I&&(0,u.jsx)(`p`,{className:s.default.limit,children:I}),z&&(0,u.jsx)(`p`,{id:D,className:s.default.limit,children:C.maxReached(_)}),(0,u.jsxs)(a.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:[R.text,R.n%2==1?`\xA0`:``]}),ge!==void 0&&k.map((e,t)=>(0,u.jsx)(`input`,{type:`hidden`,name:ge,value:e,form:y,disabled:B.disabled},`${e}-${t}`))]})};exports.TagInput=p;