@pixpilot/shadcn-ui 0.4.0 → 0.4.1

package/dist/node_modules/.pnpm/@diceui_tags-input@0.7.2_@floating-ui_react@0.27.16_react-dom@19.2.0_react@19.2.0__reac_e193dc2ff0d426ed009417f8d89778fd/node_modules/@diceui/tags-input/dist/index.cjs

@@ -1 +1,566 @@
-"use client";const e=require(`../../../../../../../_virtual/rolldown_runtime.cjs`),t=require(`../../../../../@diceui_shared@0.12.0_@floating-ui_react@0.27.16_react-dom@19.2.0_react@19.2.0__react@1_2c51ffe880f01dd537d5b6a13313daf4/node_modules/@diceui/shared/dist/index.cjs`);let n=require(`react`);n=e.__toESM(n);var r=e.__toESM(t.require_dist(),1),i=`TagsInputRoot`,[a,o]=(0,r.createContext)(i),s=n.forwardRef((e,t)=>{let{value:i,defaultValue:o,onValueChange:s,onValidate:c,onInvalid:l,displayValue:u=e=>e.toString(),addOnPaste:d=!1,addOnTab:f=!1,disabled:p=!1,editable:m=!1,loop:h=!1,blurBehavior:g,delimiter:_=`,`,max:v=1/0,readOnly:y=!1,required:b=!1,name:x,children:S,dir:C,id:w,...T}=e,[E=[],D]=(0,r.useControllableState)({prop:i,defaultProp:o,onChange:s}),[O,k]=n.useState(null),[A,j]=n.useState(null),[M,N]=n.useState(!1),P=n.useRef(null),F=n.useRef(null),I=(0,r.useId)(),L=(0,r.useId)(),R=(0,r.useId)(),z=(0,r.useDirection)(C),{getEnabledItems:B}=(0,r.useItemCollection)({ref:P}),{isFormControl:V,onTriggerChange:H}=(0,r.useFormControl)(),U=(0,r.useComposedRefs)(t,P,e=>H(e)),W=n.useCallback((e,t)=>{if(p||y)return!1;if(d&&t?.viaPaste){let t=e.split(_).map(e=>e.trim()).filter(Boolean);if(E.length+t.length>v&&v>0)return l?.(e),!1;let n=[];for(let e of t)E.includes(e)&&l?.(e);n=[...new Set(t.filter(e=>!E.includes(e)))];let r=n.filter(e=>!c||c(e));return r.length===0?!1:(D([...E,...r]),!0)}if(E.length>=v&&v>0)return l?.(e),!1;let n=e.trim();if(c&&!c(n))return N(!0),l?.(n),!1;if(E.some(e=>e===n))return N(!0),l?.(n),!0;let r=n;return D([...E,r]),k(null),j(null),N(!1),!0},[E,v,d,_,D,l,c,p,y]),G=n.useCallback((e,t)=>{if(!(p||y)&&e!==-1){let n=t.trim();if(E.some((t,r)=>r===e?!1:t===n)){N(!0),l?.(n);return}if(c&&!c(n)){N(!0),l?.(n);return}let r=u(n),i=[...E];i[e]=r,D(i),k(e),j(null),N(!1),requestAnimationFrame(()=>F.current?.focus())}},[E,D,u,l,c,p,y]),K=n.useCallback(e=>{if(!(p||y)&&e!==-1){let t=[...E];t.splice(e,1),D(t),k(null),j(null),F.current?.focus()}},[E,D,p,y]),q=n.useCallback(()=>{k(null),j(null),F.current?.focus()},[]),J=n.useCallback(e=>{let t=e.target;if(!(t instanceof HTMLInputElement))return;let n=e.key===`ArrowLeft`&&z===`ltr`||e.key===`ArrowRight`&&z===`rtl`,r=e.key===`ArrowRight`&&z===`ltr`||e.key===`ArrowLeft`&&z===`rtl`;if(t.value&&t.selectionStart!==0){k(null),j(null);return}function i(e,t){if(!P.current)return null;let n=B().map((e,t)=>t);if(n.length===0)return null;if(e===null)return t===`prev`?n[n.length-1]??null:n[0]??null;let r=n.indexOf(e);return t===`next`?r>=n.length-1?h?n[0]??null:null:n[r+1]??null:r<=0?h?n[n.length-1]??null:null:n[r-1]??null}switch(e.key){case`Delete`:case`Backspace`:if(t.selectionStart!==0||t.selectionEnd!==0)break;if(O!==null){let t=i(O,`prev`);K(O),k(t),e.preventDefault()}else e.key===`Backspace`&&E.length>0&&(k(i(null,`prev`)),e.preventDefault());break;case`Enter`:if(O!==null&&m&&!p){j(O),e.preventDefault();return}break;case`ArrowLeft`:case`ArrowRight`:if(t.selectionStart===0&&n&&O===null&&E.length>0)k(i(null,`prev`)),e.preventDefault();else if(O!==null){let a=i(O,n?`prev`:`next`);a===null?r&&(k(null),requestAnimationFrame(()=>t.setSelectionRange(0,0))):(k(a),e.preventDefault())}break;case`Home`:O!==null&&(k(i(null,`next`)),e.preventDefault());break;case`End`:O!==null&&(k(i(null,`prev`)),e.preventDefault());break;case`Escape`:O!==null&&k(null),A!==null&&j(null),requestAnimationFrame(()=>t.setSelectionRange(0,0));break}},[z,A,O,E,K,B,m,p,h]),Y=n.useCallback(e=>P.current?.contains(e)&&!e.hasAttribute(r.DATA_ITEM_ATTR)&&e.tagName!==`INPUT`,[]);return n.createElement(a,{value:E,onValueChange:D,onItemAdd:W,onItemRemove:K,onItemUpdate:G,onInputKeydown:J,highlightedIndex:O,setHighlightedIndex:k,editingIndex:A,setEditingIndex:j,displayValue:u,onItemLeave:q,inputRef:F,isInvalidInput:M,addOnPaste:d,addOnTab:f,disabled:p,editable:m,loop:h,readOnly:y,blurBehavior:g,delimiter:_,max:v,dir:z,id:I,inputId:L,labelId:R},n.createElement(r.Primitive.div,{id:I,"data-disabled":p?``:void 0,"data-invalid":M?``:void 0,"data-readonly":y?``:void 0,dir:z,...T,ref:U,onClick:(0,r.composeEventHandlers)(T.onClick,e=>{let t=e.target;t instanceof HTMLElement&&Y(t)&&document.activeElement!==F.current&&(e.currentTarget.focus(),F.current?.focus())}),onMouseDown:(0,r.composeEventHandlers)(T.onMouseDown,e=>{let t=e.target;t instanceof HTMLElement&&Y(t)&&e.preventDefault()}),onBlur:(0,r.composeEventHandlers)(T.onBlur,e=>{e.relatedTarget!==F.current&&!P.current?.contains(e.relatedTarget)&&requestAnimationFrame(()=>k(null))})},typeof S==`function`?n.createElement(n.Fragment,null,S({value:E})):S,V&&x&&n.createElement(r.VisuallyHiddenInput,{type:`hidden`,control:P.current,name:x,value:E,disabled:p,required:b})))});s.displayName=i;var c=`TagsInputLabel`,l=n.forwardRef((e,t)=>{let i=o(c);return n.createElement(r.Primitive.label,{id:i.labelId,htmlFor:i.inputId,...e,ref:t})});l.displayName=c;var u=`TagsInputItem`,[d,f]=(0,r.createContext)(u),p=n.forwardRef((e,t)=>{let{value:i,disabled:a,...s}=e,c=n.useRef(`touch`),l=o(u),f=(0,r.useId)(),p=`${f}text`,m=l.value.indexOf(i),h=m===l.highlightedIndex,g=m===l.editingIndex,_=a||l.disabled,v=l.displayValue(i),y=n.useCallback(()=>{l.setHighlightedIndex(m),l.inputRef.current?.focus()},[l.setHighlightedIndex,l.inputRef,m]);return n.createElement(d,{id:f,value:i,index:m,isHighlighted:h,isEditing:g,disabled:_,textId:p,displayValue:v},n.createElement(r.Primitive.div,{id:f,"aria-labelledby":p,"aria-current":h,"aria-disabled":_,[r.DATA_ITEM_ATTR]:``,"data-state":h?`active`:`inactive`,"data-highlighted":h?``:void 0,"data-editing":g?``:void 0,"data-editable":l.editable?``:void 0,"data-disabled":_?``:void 0,...s,ref:t,onClick:(0,r.composeEventHandlers)(s.onClick,e=>{e.stopPropagation(),!g&&c.current!==`mouse`&&y()}),onDoubleClick:(0,r.composeEventHandlers)(s.onDoubleClick,()=>{l.editable&&!_&&requestAnimationFrame(()=>l.setEditingIndex(m))}),onPointerUp:(0,r.composeEventHandlers)(s.onPointerUp,()=>{c.current===`mouse`&&y()}),onPointerDown:(0,r.composeEventHandlers)(s.onPointerDown,e=>c.current=e.pointerType),onPointerMove:(0,r.composeEventHandlers)(s.onPointerMove,e=>{c.current=e.pointerType,a?l.onItemLeave():c.current===`mouse`&&e.currentTarget.focus({preventScroll:!0})}),onPointerLeave:(0,r.composeEventHandlers)(s.onPointerLeave,e=>{e.currentTarget===document.activeElement&&l.onItemLeave()})}))});p.displayName=u;var m=`TagsInputInput`,h=n.forwardRef((e,t)=>{let{autoFocus:i,...a}=e,s=o(m),c=n.useCallback(e=>{s.addOnTab&&l(e)},[s.addOnTab]),l=n.useCallback(e=>{if(e.defaultPrevented)return;let t=e.currentTarget.value;t&&(s.onItemAdd(t)&&(e.currentTarget.value=``,s.setHighlightedIndex(null)),e.preventDefault())},[s.onItemAdd,s.setHighlightedIndex]);return n.useEffect(()=>{if(!i)return;let e=requestAnimationFrame(()=>s.inputRef.current?.focus());return()=>cancelAnimationFrame(e)},[i,s.inputRef]),n.createElement(r.Primitive.input,{type:`text`,id:s.inputId,autoCapitalize:`off`,autoComplete:`off`,autoCorrect:`off`,spellCheck:`false`,autoFocus:i,"aria-labelledby":s.labelId,"aria-readonly":s.readOnly,"data-invalid":s.isInvalidInput?``:void 0,dir:s.dir,disabled:s.disabled,readOnly:s.readOnly,...a,ref:(0,r.composeRefs)(s.inputRef,t),onBlur:(0,r.composeEventHandlers)(a.onBlur,e=>{if(!s.readOnly){if(s.blurBehavior===`add`){let t=e.target.value;t&&s.onItemAdd(t)&&(e.target.value=``)}s.blurBehavior===`clear`&&(e.target.value=``)}}),onChange:(0,r.composeEventHandlers)(a.onChange,e=>{if(s.readOnly)return;let t=e.target;if(t instanceof HTMLInputElement&&s.delimiter===t.value.slice(-1)){let e=t.value.slice(0,-1);t.value=``,e&&(s.onItemAdd(e),s.setHighlightedIndex(null))}}),onKeyDown:(0,r.composeEventHandlers)(a.onKeyDown,e=>{s.readOnly||(e.key===`Enter`&&l(e),e.key===`Tab`&&c(e),s.onInputKeydown(e),e.key.length===1&&s.setHighlightedIndex(null))}),onPaste:(0,r.composeEventHandlers)(a.onPaste,e=>{if(!s.readOnly&&s.addOnPaste){e.preventDefault();let t=e.clipboardData.getData(`text`);s.onItemAdd(t,{viaPaste:!0}),s.setHighlightedIndex(null)}})})});h.displayName=m;var g=`TagsInputItemDelete`,_=n.forwardRef((e,t)=>{let i=o(g),a=f(g),s=a.disabled||i.disabled;return a.isEditing?null:n.createElement(r.Primitive.button,{type:`button`,tabIndex:s?void 0:-1,"aria-labelledby":a.textId,"aria-controls":a.id,"aria-current":a.isHighlighted,"data-state":a.isHighlighted?`active`:`inactive`,"data-disabled":s?``:void 0,...e,ref:t,onClick:(0,r.composeEventHandlers)(e.onClick,()=>{if(s)return;let e=i.value.findIndex(e=>e===a.value);i.onItemRemove(e)})})});_.displayName=g;var v=`TagsInputItemText`,y=n.forwardRef((e,t)=>{let{children:i,...a}=e,s=o(v),c=f(v);return c.isEditing&&s.editable&&!c.disabled?n.createElement(b,null):n.createElement(r.Primitive.span,{id:c.textId,...a,ref:t},i??c.displayValue)});function b(){let e=o(v),t=f(v),[i,a]=n.useState(t.displayValue),s=n.useCallback(()=>{a(t.displayValue),e.setEditingIndex(null)},[e.setEditingIndex,t.displayValue]),c=n.useCallback(e=>{let t=e.target;t.style.width=`0`,t.style.width=`${t.scrollWidth+4}px`,a(e.target.value)},[]),l=n.useCallback(e=>{e.target.select(),e.target.style.width=`0`,e.target.style.width=`${e.target.scrollWidth+4}px`},[]),u=n.useCallback(n=>{if(n.key===`Enter`){let n=e.value.findIndex(e=>e===t.value);e.onItemUpdate(n,i)}else n.key===`Escape`&&(a(t.displayValue),e.setEditingIndex(null),e.setHighlightedIndex(t.index),e.inputRef.current?.focus());n.stopPropagation()},[e.value,e.onItemUpdate,e.setEditingIndex,t.displayValue,e.inputRef.current?.focus,i,t.value,e.setHighlightedIndex,t.index]);return n.createElement(r.Primitive.input,{type:`text`,autoCapitalize:`off`,autoComplete:`off`,autoCorrect:`off`,spellCheck:`false`,autoFocus:!0,"aria-describedby":t.textId,value:i,onChange:c,onKeyDown:u,onFocus:l,onBlur:s,style:{outline:`none`,background:`inherit`,border:`none`,font:`inherit`,color:`inherit`,padding:0,minWidth:`1ch`}})}var x=`TagsInputClear`,S=n.forwardRef((e,t)=>{let{forceMount:i,...a}=e,s=o(x);return n.createElement(r.Presence,{present:i||s.value.length>0},n.createElement(r.Primitive.button,{type:`button`,"aria-disabled":s.disabled,"data-state":s.value.length>0?`visible`:`invisible`,"data-disabled":s.disabled?``:void 0,...a,ref:t,onClick:(0,r.composeEventHandlers)(e.onClick,()=>{s.disabled||(s.onValueChange([]),s.inputRef.current?.focus())})}))});S.displayName=x;
+'use client';
+
+
+const require_rolldown_runtime = require('../../../../../../../_virtual/rolldown_runtime.cjs');
+const require_index = require('../../../../../@diceui_shared@0.12.0_@floating-ui_react@0.27.16_react-dom@19.2.0_react@19.2.0__react@1_2c51ffe880f01dd537d5b6a13313daf4/node_modules/@diceui/shared/dist/index.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region ../../node_modules/.pnpm/@diceui+tags-input@0.7.2_@floating-ui+react@0.27.16_react-dom@19.2.0_react@19.2.0__reac_e193dc2ff0d426ed009417f8d89778fd/node_modules/@diceui/tags-input/dist/index.js
+var import_dist = /* @__PURE__ */ require_rolldown_runtime.__toESM(require_index.require_dist(), 1);
+var ROOT_NAME = "TagsInputRoot";
+var [TagsInputProvider, useTagsInput] = (0, import_dist.createContext)(ROOT_NAME);
+var TagsInputRoot = react.forwardRef((props, ref) => {
+	const { value: valueProp, defaultValue, onValueChange, onValidate, onInvalid, displayValue = (value2) => value2.toString(), addOnPaste = false, addOnTab = false, disabled = false, editable = false, loop = false, blurBehavior, delimiter = ",", max = Number.POSITIVE_INFINITY, readOnly = false, required = false, name, children, dir: dirProp, id: idProp,...rootProps } = props;
+	const [value = [], setValue] = (0, import_dist.useControllableState)({
+		prop: valueProp,
+		defaultProp: defaultValue,
+		onChange: onValueChange
+	});
+	const [highlightedIndex, setHighlightedIndex] = react.useState(null);
+	const [editingIndex, setEditingIndex] = react.useState(null);
+	const [isInvalidInput, setIsInvalidInput] = react.useState(false);
+	const collectionRef = react.useRef(null);
+	const inputRef = react.useRef(null);
+	const id = (0, import_dist.useId)();
+	const inputId = (0, import_dist.useId)();
+	const labelId = (0, import_dist.useId)();
+	const dir = (0, import_dist.useDirection)(dirProp);
+	const { getEnabledItems } = (0, import_dist.useItemCollection)({ ref: collectionRef });
+	const { isFormControl, onTriggerChange } = (0, import_dist.useFormControl)();
+	const composedRef = (0, import_dist.useComposedRefs)(ref, collectionRef, (node) => onTriggerChange(node));
+	const onItemAdd = react.useCallback((textValue, options) => {
+		if (disabled || readOnly) return false;
+		if (addOnPaste && options?.viaPaste) {
+			const splitValues = textValue.split(delimiter).map((v) => v.trim()).filter(Boolean);
+			if (value.length + splitValues.length > max && max > 0) {
+				onInvalid?.(textValue);
+				return false;
+			}
+			let newValues2 = [];
+			for (const v of splitValues) if (value.includes(v)) onInvalid?.(v);
+			newValues2 = [...new Set(splitValues.filter((v) => !value.includes(v)))];
+			const validValues = newValues2.filter((v) => !onValidate || onValidate(v));
+			if (validValues.length === 0) return false;
+			setValue([...value, ...validValues]);
+			return true;
+		}
+		if (value.length >= max && max > 0) {
+			onInvalid?.(textValue);
+			return false;
+		}
+		const trimmedValue = textValue.trim();
+		if (onValidate && !onValidate(trimmedValue)) {
+			setIsInvalidInput(true);
+			onInvalid?.(trimmedValue);
+			return false;
+		}
+		if (value.some((v) => {
+			return v === trimmedValue;
+		})) {
+			setIsInvalidInput(true);
+			onInvalid?.(trimmedValue);
+			return true;
+		}
+		const newValue = trimmedValue;
+		setValue([...value, newValue]);
+		setHighlightedIndex(null);
+		setEditingIndex(null);
+		setIsInvalidInput(false);
+		return true;
+	}, [
+		value,
+		max,
+		addOnPaste,
+		delimiter,
+		setValue,
+		onInvalid,
+		onValidate,
+		disabled,
+		readOnly
+	]);
+	const onItemUpdate = react.useCallback((index, newTextValue) => {
+		if (disabled || readOnly) return;
+		if (index !== -1) {
+			const trimmedValue = newTextValue.trim();
+			if (value.some((v, i) => {
+				if (i === index) return false;
+				return v === trimmedValue;
+			})) {
+				setIsInvalidInput(true);
+				onInvalid?.(trimmedValue);
+				return;
+			}
+			if (onValidate && !onValidate(trimmedValue)) {
+				setIsInvalidInput(true);
+				onInvalid?.(trimmedValue);
+				return;
+			}
+			const updatedValue = displayValue(trimmedValue);
+			const newValues = [...value];
+			newValues[index] = updatedValue;
+			setValue(newValues);
+			setHighlightedIndex(index);
+			setEditingIndex(null);
+			setIsInvalidInput(false);
+			requestAnimationFrame(() => inputRef.current?.focus());
+		}
+	}, [
+		value,
+		setValue,
+		displayValue,
+		onInvalid,
+		onValidate,
+		disabled,
+		readOnly
+	]);
+	const onItemRemove = react.useCallback((index) => {
+		if (disabled || readOnly) return;
+		if (index !== -1) {
+			const newValues = [...value];
+			newValues.splice(index, 1);
+			setValue(newValues);
+			setHighlightedIndex(null);
+			setEditingIndex(null);
+			inputRef.current?.focus();
+		}
+	}, [
+		value,
+		setValue,
+		disabled,
+		readOnly
+	]);
+	const onItemLeave = react.useCallback(() => {
+		setHighlightedIndex(null);
+		setEditingIndex(null);
+		inputRef.current?.focus();
+	}, []);
+	const onInputKeydown = react.useCallback((event) => {
+		const target = event.target;
+		if (!(target instanceof HTMLInputElement)) return;
+		const isArrowLeft = event.key === "ArrowLeft" && dir === "ltr" || event.key === "ArrowRight" && dir === "rtl";
+		const isArrowRight = event.key === "ArrowRight" && dir === "ltr" || event.key === "ArrowLeft" && dir === "rtl";
+		if (target.value && target.selectionStart !== 0) {
+			setHighlightedIndex(null);
+			setEditingIndex(null);
+			return;
+		}
+		function findNextEnabledIndex(currentIndex, direction) {
+			if (!collectionRef.current) return null;
+			const enabledIndices = getEnabledItems().map((_, index) => index);
+			if (enabledIndices.length === 0) return null;
+			if (currentIndex === null) return direction === "prev" ? enabledIndices[enabledIndices.length - 1] ?? null : enabledIndices[0] ?? null;
+			const currentEnabledIndex = enabledIndices.indexOf(currentIndex);
+			if (direction === "next") return currentEnabledIndex >= enabledIndices.length - 1 ? loop ? enabledIndices[0] ?? null : null : enabledIndices[currentEnabledIndex + 1] ?? null;
+			return currentEnabledIndex <= 0 ? loop ? enabledIndices[enabledIndices.length - 1] ?? null : null : enabledIndices[currentEnabledIndex - 1] ?? null;
+		}
+		switch (event.key) {
+			case "Delete":
+			case "Backspace":
+				if (target.selectionStart !== 0 || target.selectionEnd !== 0) break;
+				if (highlightedIndex !== null) {
+					const newIndex = findNextEnabledIndex(highlightedIndex, "prev");
+					onItemRemove(highlightedIndex);
+					setHighlightedIndex(newIndex);
+					event.preventDefault();
+				} else if (event.key === "Backspace" && value.length > 0) {
+					setHighlightedIndex(findNextEnabledIndex(null, "prev"));
+					event.preventDefault();
+				}
+				break;
+			case "Enter":
+				if (highlightedIndex !== null && editable && !disabled) {
+					setEditingIndex(highlightedIndex);
+					event.preventDefault();
+					return;
+				}
+				break;
+			case "ArrowLeft":
+			case "ArrowRight":
+				if (target.selectionStart === 0 && isArrowLeft && highlightedIndex === null && value.length > 0) {
+					setHighlightedIndex(findNextEnabledIndex(null, "prev"));
+					event.preventDefault();
+				} else if (highlightedIndex !== null) {
+					const nextIndex = findNextEnabledIndex(highlightedIndex, isArrowLeft ? "prev" : "next");
+					if (nextIndex !== null) {
+						setHighlightedIndex(nextIndex);
+						event.preventDefault();
+					} else if (isArrowRight) {
+						setHighlightedIndex(null);
+						requestAnimationFrame(() => target.setSelectionRange(0, 0));
+					}
+				}
+				break;
+			case "Home":
+				if (highlightedIndex !== null) {
+					setHighlightedIndex(findNextEnabledIndex(null, "next"));
+					event.preventDefault();
+				}
+				break;
+			case "End":
+				if (highlightedIndex !== null) {
+					setHighlightedIndex(findNextEnabledIndex(null, "prev"));
+					event.preventDefault();
+				}
+				break;
+			case "Escape":
+				if (highlightedIndex !== null) setHighlightedIndex(null);
+				if (editingIndex !== null) setEditingIndex(null);
+				requestAnimationFrame(() => target.setSelectionRange(0, 0));
+				break;
+		}
+	}, [
+		dir,
+		editingIndex,
+		highlightedIndex,
+		value,
+		onItemRemove,
+		getEnabledItems,
+		editable,
+		disabled,
+		loop
+	]);
+	const getIsClickedInEmptyRoot = react.useCallback((target) => {
+		return collectionRef.current?.contains(target) && !target.hasAttribute(import_dist.DATA_ITEM_ATTR) && target.tagName !== "INPUT";
+	}, []);
+	return /* @__PURE__ */ react.createElement(TagsInputProvider, {
+		value,
+		onValueChange: setValue,
+		onItemAdd,
+		onItemRemove,
+		onItemUpdate,
+		onInputKeydown,
+		highlightedIndex,
+		setHighlightedIndex,
+		editingIndex,
+		setEditingIndex,
+		displayValue,
+		onItemLeave,
+		inputRef,
+		isInvalidInput,
+		addOnPaste,
+		addOnTab,
+		disabled,
+		editable,
+		loop,
+		readOnly,
+		blurBehavior,
+		delimiter,
+		max,
+		dir,
+		id,
+		inputId,
+		labelId
+	}, /* @__PURE__ */ react.createElement(import_dist.Primitive.div, {
+		id,
+		"data-disabled": disabled ? "" : void 0,
+		"data-invalid": isInvalidInput ? "" : void 0,
+		"data-readonly": readOnly ? "" : void 0,
+		dir,
+		...rootProps,
+		ref: composedRef,
+		onClick: (0, import_dist.composeEventHandlers)(rootProps.onClick, (event) => {
+			const target = event.target;
+			if (!(target instanceof HTMLElement)) return;
+			if (getIsClickedInEmptyRoot(target) && document.activeElement !== inputRef.current) {
+				event.currentTarget.focus();
+				inputRef.current?.focus();
+			}
+		}),
+		onMouseDown: (0, import_dist.composeEventHandlers)(rootProps.onMouseDown, (event) => {
+			const target = event.target;
+			if (!(target instanceof HTMLElement)) return;
+			if (getIsClickedInEmptyRoot(target)) event.preventDefault();
+		}),
+		onBlur: (0, import_dist.composeEventHandlers)(rootProps.onBlur, (event) => {
+			if (event.relatedTarget !== inputRef.current && !collectionRef.current?.contains(event.relatedTarget)) requestAnimationFrame(() => setHighlightedIndex(null));
+		})
+	}, typeof children === "function" ? /* @__PURE__ */ react.createElement(react.Fragment, null, children({ value })) : children, isFormControl && name && /* @__PURE__ */ react.createElement(import_dist.VisuallyHiddenInput, {
+		type: "hidden",
+		control: collectionRef.current,
+		name,
+		value,
+		disabled,
+		required
+	})));
+});
+TagsInputRoot.displayName = ROOT_NAME;
+var LABEL_NAME = "TagsInputLabel";
+var TagsInputLabel = react.forwardRef((props, ref) => {
+	const context = useTagsInput(LABEL_NAME);
+	return /* @__PURE__ */ react.createElement(import_dist.Primitive.label, {
+		id: context.labelId,
+		htmlFor: context.inputId,
+		...props,
+		ref
+	});
+});
+TagsInputLabel.displayName = LABEL_NAME;
+var ITEM_NAME = "TagsInputItem";
+var [TagsInputItemProvider, useTagsInputItem] = (0, import_dist.createContext)(ITEM_NAME);
+var TagsInputItem = react.forwardRef((props, ref) => {
+	const { value, disabled,...itemProps } = props;
+	const pointerTypeRef = react.useRef("touch");
+	const context = useTagsInput(ITEM_NAME);
+	const id = (0, import_dist.useId)();
+	const textId = `${id}text`;
+	const index = context.value.indexOf(value);
+	const isHighlighted = index === context.highlightedIndex;
+	const isEditing = index === context.editingIndex;
+	const itemDisabled = disabled || context.disabled;
+	const displayValue = context.displayValue(value);
+	const onItemSelect = react.useCallback(() => {
+		context.setHighlightedIndex(index);
+		context.inputRef.current?.focus();
+	}, [
+		context.setHighlightedIndex,
+		context.inputRef,
+		index
+	]);
+	return /* @__PURE__ */ react.createElement(TagsInputItemProvider, {
+		id,
+		value,
+		index,
+		isHighlighted,
+		isEditing,
+		disabled: itemDisabled,
+		textId,
+		displayValue
+	}, /* @__PURE__ */ react.createElement(import_dist.Primitive.div, {
+		id,
+		"aria-labelledby": textId,
+		"aria-current": isHighlighted,
+		"aria-disabled": itemDisabled,
+		[import_dist.DATA_ITEM_ATTR]: "",
+		"data-state": isHighlighted ? "active" : "inactive",
+		"data-highlighted": isHighlighted ? "" : void 0,
+		"data-editing": isEditing ? "" : void 0,
+		"data-editable": context.editable ? "" : void 0,
+		"data-disabled": itemDisabled ? "" : void 0,
+		...itemProps,
+		ref,
+		onClick: (0, import_dist.composeEventHandlers)(itemProps.onClick, (event) => {
+			event.stopPropagation();
+			if (!isEditing && pointerTypeRef.current !== "mouse") onItemSelect();
+		}),
+		onDoubleClick: (0, import_dist.composeEventHandlers)(itemProps.onDoubleClick, () => {
+			if (context.editable && !itemDisabled) requestAnimationFrame(() => context.setEditingIndex(index));
+		}),
+		onPointerUp: (0, import_dist.composeEventHandlers)(itemProps.onPointerUp, () => {
+			if (pointerTypeRef.current === "mouse") onItemSelect();
+		}),
+		onPointerDown: (0, import_dist.composeEventHandlers)(itemProps.onPointerDown, (event) => pointerTypeRef.current = event.pointerType),
+		onPointerMove: (0, import_dist.composeEventHandlers)(itemProps.onPointerMove, (event) => {
+			pointerTypeRef.current = event.pointerType;
+			if (disabled) context.onItemLeave();
+			else if (pointerTypeRef.current === "mouse") event.currentTarget.focus({ preventScroll: true });
+		}),
+		onPointerLeave: (0, import_dist.composeEventHandlers)(itemProps.onPointerLeave, (event) => {
+			if (event.currentTarget === document.activeElement) context.onItemLeave();
+		})
+	}));
+});
+TagsInputItem.displayName = ITEM_NAME;
+var INPUT_NAME = "TagsInputInput";
+var TagsInputInput = react.forwardRef((props, ref) => {
+	const { autoFocus,...inputProps } = props;
+	const context = useTagsInput(INPUT_NAME);
+	const onTab = react.useCallback((event) => {
+		if (!context.addOnTab) return;
+		onCustomKeydown(event);
+	}, [context.addOnTab]);
+	const onCustomKeydown = react.useCallback((event) => {
+		if (event.defaultPrevented) return;
+		const value = event.currentTarget.value;
+		if (!value) return;
+		if (context.onItemAdd(value)) {
+			event.currentTarget.value = "";
+			context.setHighlightedIndex(null);
+		}
+		event.preventDefault();
+	}, [context.onItemAdd, context.setHighlightedIndex]);
+	react.useEffect(() => {
+		if (!autoFocus) return;
+		const animationFrameId = requestAnimationFrame(() => context.inputRef.current?.focus());
+		return () => cancelAnimationFrame(animationFrameId);
+	}, [autoFocus, context.inputRef]);
+	return /* @__PURE__ */ react.createElement(import_dist.Primitive.input, {
+		type: "text",
+		id: context.inputId,
+		autoCapitalize: "off",
+		autoComplete: "off",
+		autoCorrect: "off",
+		spellCheck: "false",
+		autoFocus,
+		"aria-labelledby": context.labelId,
+		"aria-readonly": context.readOnly,
+		"data-invalid": context.isInvalidInput ? "" : void 0,
+		dir: context.dir,
+		disabled: context.disabled,
+		readOnly: context.readOnly,
+		...inputProps,
+		ref: (0, import_dist.composeRefs)(context.inputRef, ref),
+		onBlur: (0, import_dist.composeEventHandlers)(inputProps.onBlur, (event) => {
+			if (context.readOnly) return;
+			if (context.blurBehavior === "add") {
+				const value = event.target.value;
+				if (value) {
+					if (context.onItemAdd(value)) event.target.value = "";
+				}
+			}
+			if (context.blurBehavior === "clear") event.target.value = "";
+		}),
+		onChange: (0, import_dist.composeEventHandlers)(inputProps.onChange, (event) => {
+			if (context.readOnly) return;
+			const target = event.target;
+			if (!(target instanceof HTMLInputElement)) return;
+			if (context.delimiter === target.value.slice(-1)) {
+				const value = target.value.slice(0, -1);
+				target.value = "";
+				if (value) {
+					context.onItemAdd(value);
+					context.setHighlightedIndex(null);
+				}
+			}
+		}),
+		onKeyDown: (0, import_dist.composeEventHandlers)(inputProps.onKeyDown, (event) => {
+			if (context.readOnly) return;
+			if (event.key === "Enter") onCustomKeydown(event);
+			if (event.key === "Tab") onTab(event);
+			context.onInputKeydown(event);
+			if (event.key.length === 1) context.setHighlightedIndex(null);
+		}),
+		onPaste: (0, import_dist.composeEventHandlers)(inputProps.onPaste, (event) => {
+			if (context.readOnly) return;
+			if (context.addOnPaste) {
+				event.preventDefault();
+				const value = event.clipboardData.getData("text");
+				context.onItemAdd(value, { viaPaste: true });
+				context.setHighlightedIndex(null);
+			}
+		})
+	});
+});
+TagsInputInput.displayName = INPUT_NAME;
+var ITEM_DELETE_NAME = "TagsInputItemDelete";
+var TagsInputItemDelete = react.forwardRef((props, ref) => {
+	const context = useTagsInput(ITEM_DELETE_NAME);
+	const itemContext = useTagsInputItem(ITEM_DELETE_NAME);
+	const disabled = itemContext.disabled || context.disabled;
+	if (itemContext.isEditing) return null;
+	return /* @__PURE__ */ react.createElement(import_dist.Primitive.button, {
+		type: "button",
+		tabIndex: disabled ? void 0 : -1,
+		"aria-labelledby": itemContext.textId,
+		"aria-controls": itemContext.id,
+		"aria-current": itemContext.isHighlighted,
+		"data-state": itemContext.isHighlighted ? "active" : "inactive",
+		"data-disabled": disabled ? "" : void 0,
+		...props,
+		ref,
+		onClick: (0, import_dist.composeEventHandlers)(props.onClick, () => {
+			if (disabled) return;
+			const index = context.value.findIndex((i) => i === itemContext.value);
+			context.onItemRemove(index);
+		})
+	});
+});
+TagsInputItemDelete.displayName = ITEM_DELETE_NAME;
+var ITEM_TEXT_NAME = "TagsInputItemText";
+var TagsInputItemText = react.forwardRef((props, ref) => {
+	const { children,...itemTextProps } = props;
+	const context = useTagsInput(ITEM_TEXT_NAME);
+	const itemContext = useTagsInputItem(ITEM_TEXT_NAME);
+	if (itemContext.isEditing && context.editable && !itemContext.disabled) return /* @__PURE__ */ react.createElement(TagsInputEditableItemText, null);
+	return /* @__PURE__ */ react.createElement(import_dist.Primitive.span, {
+		id: itemContext.textId,
+		...itemTextProps,
+		ref
+	}, children ?? itemContext.displayValue);
+});
+function TagsInputEditableItemText() {
+	const context = useTagsInput(ITEM_TEXT_NAME);
+	const itemContext = useTagsInputItem(ITEM_TEXT_NAME);
+	const [editValue, setEditValue] = react.useState(itemContext.displayValue);
+	const onBlur = react.useCallback(() => {
+		setEditValue(itemContext.displayValue);
+		context.setEditingIndex(null);
+	}, [context.setEditingIndex, itemContext.displayValue]);
+	const onChange = react.useCallback((event) => {
+		const target = event.target;
+		target.style.width = "0";
+		target.style.width = `${target.scrollWidth + 4}px`;
+		setEditValue(event.target.value);
+	}, []);
+	const onFocus = react.useCallback((event) => {
+		event.target.select();
+		event.target.style.width = "0";
+		event.target.style.width = `${event.target.scrollWidth + 4}px`;
+	}, []);
+	const onKeyDown = react.useCallback((event) => {
+		if (event.key === "Enter") {
+			const index = context.value.findIndex((v) => v === itemContext.value);
+			context.onItemUpdate(index, editValue);
+		} else if (event.key === "Escape") {
+			setEditValue(itemContext.displayValue);
+			context.setEditingIndex(null);
+			context.setHighlightedIndex(itemContext.index);
+			context.inputRef.current?.focus();
+		}
+		event.stopPropagation();
+	}, [
+		context.value,
+		context.onItemUpdate,
+		context.setEditingIndex,
+		itemContext.displayValue,
+		context.inputRef.current?.focus,
+		editValue,
+		itemContext.value,
+		context.setHighlightedIndex,
+		itemContext.index
+	]);
+	return /* @__PURE__ */ react.createElement(import_dist.Primitive.input, {
+		type: "text",
+		autoCapitalize: "off",
+		autoComplete: "off",
+		autoCorrect: "off",
+		spellCheck: "false",
+		autoFocus: true,
+		"aria-describedby": itemContext.textId,
+		value: editValue,
+		onChange,
+		onKeyDown,
+		onFocus,
+		onBlur,
+		style: {
+			outline: "none",
+			background: "inherit",
+			border: "none",
+			font: "inherit",
+			color: "inherit",
+			padding: 0,
+			minWidth: "1ch"
+		}
+	});
+}
+var CLEAR_NAME = "TagsInputClear";
+var TagsInputClear = react.forwardRef((props, ref) => {
+	const { forceMount,...clearProps } = props;
+	const context = useTagsInput(CLEAR_NAME);
+	return /* @__PURE__ */ react.createElement(import_dist.Presence, { present: forceMount || context.value.length > 0 }, /* @__PURE__ */ react.createElement(import_dist.Primitive.button, {
+		type: "button",
+		"aria-disabled": context.disabled,
+		"data-state": context.value.length > 0 ? "visible" : "invisible",
+		"data-disabled": context.disabled ? "" : void 0,
+		...clearProps,
+		ref,
+		onClick: (0, import_dist.composeEventHandlers)(props.onClick, () => {
+			if (context.disabled) return;
+			context.onValueChange([]);
+			context.inputRef.current?.focus();
+		})
+	}));
+});
+TagsInputClear.displayName = CLEAR_NAME;
+
+//#endregion