@adam-milo/ui 1.0.22 → 1.0.24

package/dist/index21.js

@@ -1,16 +1,301 @@
-import { useCallback } from "react";
-function useMergedRef(...refs) {
-  return useCallback((element) => {
-    refs.forEach((ref) => {
-      if (!ref) return;
-      if (typeof ref === "function") {
-        ref(element);
-      } else {
-        ref.current = element;
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useRef, useId, useMemo, useEffect } from "react";
+import { cn } from "./index18.js";
+/* empty css        */
+import { useMergedRef } from "./index22.js";
+import { debounce } from "./index36.js";
+const Input = forwardRef(
+  ({
+    type = "text",
+    label,
+    error: externalError,
+    helperText,
+    fullWidth = false,
+    showPasswordToggle = true,
+    showLastChar = true,
+    lastCharDelay = 500,
+    validate,
+    onValidationChange,
+    className,
+    id: providedId,
+    onChange,
+    onBlur,
+    required,
+    value: controlledValue,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+    const [internalError, setInternalError] = useState();
+    const [isFocused, setIsFocused] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    const touchedRef = useRef(false);
+    const [displayPassword, setDisplayPassword] = useState("");
+    const actualPasswordRef = useRef("");
+    const timeoutRef = useRef(null);
+    const inputRef = useRef(null);
+    const mergedRef = useMergedRef(ref, inputRef);
+    const generatedId = useId();
+    const id = providedId || generatedId;
+    const errorId = `${id}-error`;
+    const helperId = `${id}-helper`;
+    const finalDataCy = dataCy || "input";
+    const finalTestId = dataTestId || "input";
+    const isPasswordType = type === "password";
+    const showToggle = isPasswordType && showPasswordToggle;
+    const shouldEnableLastCharPreview = isPasswordType && showLastChar && !isPasswordVisible;
+    const inputType = isPasswordType && (isPasswordVisible || shouldEnableLastCharPreview && actualPasswordRef.current.length > 0) ? "text" : type;
+    const displayLabel = label && required && !label.includes("*") ? `${label} *` : label;
+    const togglePasswordVisibility = () => {
+      setIsPasswordVisible((prev) => !prev);
+      setTimeout(() => {
+        var _a;
+        return (_a = inputRef.current) == null ? void 0 : _a.focus();
+      }, 0);
+    };
+    const debouncedValidate = useMemo(
+      () => debounce((value) => {
+        if (validate && touchedRef.current) {
+          const validationError = validate(value);
+          setInternalError(validationError);
+          onValidationChange == null ? void 0 : onValidationChange(!validationError);
+        }
+      }, 300),
+      [validate, onValidationChange]
+    );
+    const debouncedValidateRef = useRef(debouncedValidate);
+    useEffect(() => {
+      debouncedValidateRef.current = debouncedValidate;
+    }, [debouncedValidate]);
+    useEffect(() => {
+      if (process.env.NODE_ENV === "development") {
+        if (isPasswordType && showLastChar && controlledValue !== void 0) {
+          console.warn(
+            "[Input] Password last character preview (showLastChar) only works in uncontrolled mode. Remove the value prop to use this feature, or set showLastChar={false}."
+          );
+        }
       }
-    });
-  }, refs);
-}
+    }, [isPasswordType, showLastChar, controlledValue]);
+    useEffect(() => {
+      return () => {
+        if (timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+        }
+        debouncedValidateRef.current.cancel();
+      };
+    }, []);
+    const inputValue = shouldEnableLastCharPreview && controlledValue === void 0 ? displayPassword : isPasswordVisible && isPasswordType && controlledValue === void 0 ? actualPasswordRef.current || "" : controlledValue;
+    const handleChange = (e) => {
+      onChange == null ? void 0 : onChange(e);
+      let value = e.target.value;
+      if (shouldEnableLastCharPreview) {
+        const input = e.target;
+        const newValue = input.value;
+        actualPasswordRef.current = newValue;
+        const masked = newValue ? "•".repeat(newValue.length - 1) + newValue.slice(-1) : "";
+        setDisplayPassword(masked);
+        input.value = masked;
+        value = newValue;
+        if (timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(() => {
+          setDisplayPassword("•".repeat(newValue.length));
+        }, lastCharDelay);
+      }
+      if (touchedRef.current) {
+        debouncedValidate(value);
+      }
+    };
+    const handleFocus = (e) => {
+      var _a;
+      setIsFocused(true);
+      (_a = props.onFocus) == null ? void 0 : _a.call(props, e);
+    };
+    const handleBlur = (e) => {
+      setIsFocused(false);
+      touchedRef.current = true;
+      if (validate) {
+        const valueToValidate = shouldEnableLastCharPreview ? actualPasswordRef.current : e.target.value;
+        const validationError = validate(valueToValidate);
+        setInternalError(validationError);
+        onValidationChange == null ? void 0 : onValidationChange(!validationError);
+      }
+      onBlur == null ? void 0 : onBlur(e);
+    };
+    const handleMouseEnter = () => {
+      setIsHovered(true);
+    };
+    const handleMouseLeave = () => {
+      setIsHovered(false);
+    };
+    const displayError = externalError || internalError;
+    const inputState = props.disabled ? "disabled" : displayError ? "error" : isFocused ? "focus" : isHovered ? "hover" : "idle";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("input-wrapper", fullWidth && "input-wrapper--full-width"),
+        "data-cy": `${finalDataCy}-wrapper`,
+        "data-testid": `${finalTestId}-wrapper`,
+        children: [
+          label && /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: id,
+              className: "input__label",
+              "data-cy": `${finalDataCy}-label`,
+              "data-testid": `${finalTestId}-label`,
+              children: displayLabel
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "input__field-container", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: mergedRef,
+                id,
+                type: inputType,
+                value: inputValue,
+                className: cn(
+                  "input",
+                  displayError && "input--error",
+                  fullWidth && "input--full-width",
+                  showToggle && "input--with-toggle",
+                  className
+                ),
+                "aria-invalid": displayError ? "true" : "false",
+                "aria-required": required ? "true" : void 0,
+                "aria-describedby": displayError ? errorId : helperText ? helperId : void 0,
+                "data-cy": finalDataCy,
+                "data-testid": finalTestId,
+                "data-state": inputState,
+                onChange: handleChange,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onMouseEnter: handleMouseEnter,
+                onMouseLeave: handleMouseLeave,
+                required,
+                ...props
+              }
+            ),
+            showToggle && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "input__toggle",
+                onClick: togglePasswordVisibility,
+                "aria-label": isPasswordVisible ? "Hide password" : "Show password",
+                "data-cy": `${finalDataCy}-toggle`,
+                "data-testid": `${finalTestId}-toggle`,
+                children: isPasswordVisible ? /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 20 20",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "aria-hidden": "true",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          d: "M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",
+                          stroke: "currentColor",
+                          strokeWidth: "1.5",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          fill: "none"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "circle",
+                        {
+                          cx: "10",
+                          cy: "10",
+                          r: "2.5",
+                          stroke: "currentColor",
+                          strokeWidth: "1.5",
+                          fill: "none"
+                        }
+                      )
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 20 20",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "aria-hidden": "true",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          d: "M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",
+                          stroke: "currentColor",
+                          strokeWidth: "1.5",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          fill: "none"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "circle",
+                        {
+                          cx: "10",
+                          cy: "10",
+                          r: "2.5",
+                          stroke: "currentColor",
+                          strokeWidth: "1.5",
+                          fill: "none"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          d: "M3 3l14 14",
+                          stroke: "currentColor",
+                          strokeWidth: "1.5",
+                          strokeLinecap: "round"
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          displayError && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: errorId,
+              className: "input__error",
+              role: "alert",
+              "data-cy": `${finalDataCy}-error`,
+              "data-testid": `${finalTestId}-error`,
+              children: displayError
+            }
+          ),
+          helperText && !displayError && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: helperId,
+              className: "input__helper",
+              "data-cy": `${finalDataCy}-helper`,
+              "data-testid": `${finalTestId}-helper`,
+              children: helperText
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
 export {
-  useMergedRef
+  Input
 };

package/dist/index22.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useMergedRef=function(...r){return e.useCallback(e=>{r.forEach(r=>{r&&("function"==typeof r?r(e):r.current=e)})},r)};

package/dist/index22.js

@@ -0,0 +1,16 @@
+import { useCallback } from "react";
+function useMergedRef(...refs) {
+  return useCallback((element) => {
+    refs.forEach((ref) => {
+      if (!ref) return;
+      if (typeof ref === "function") {
+        ref(element);
+      } else {
+        ref.current = element;
+      }
+    });
+  }, refs);
+}
+export {
+  useMergedRef
+};

package/dist/index25.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),o=require("./index38.cjs"),r=require("./index39.cjs"),n=require("./index40.cjs"),l=require("./index41.cjs"),s=require("./index42.cjs"),i=require("./index43.cjs"),a=require("./index44.cjs"),c=require("./index45.cjs"),d=require("./index46.cjs"),u=require("./index47.cjs"),p=require("./index48.cjs"),f=require("./index49.cjs"),v=require("./index50.cjs"),m=require("./index51.cjs"),h=require("./index52.cjs"),x=require("./index53.cjs"),g=require("./index54.cjs"),w=require("./index55.cjs"),S=require("./index56.cjs"),y=require("./index57.cjs"),b=require("./index58.cjs"),C=require("react/jsx-runtime");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const o in e)if("default"!==o){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}return t.default=e,Object.freeze(t)}const P=j(e),E=j(t);var R=[" ","Enter","ArrowUp","ArrowDown"],I=[" ","Enter"],T="Select",[_,D,k]=n.createCollection(T),[H]=s.createContextScope(T,[k,p.createPopperScope]),L=p.createPopperScope(),[N,O]=H(T),[q,M]=H(T),A=e=>{const{__scopeSelect:t,children:o,open:r,defaultOpen:n,onOpenChange:l,value:s,defaultValue:a,onValueChange:c,dir:d,name:f,autoComplete:v,disabled:m,required:h,form:g}=e,w=L(t),[S,y]=P.useState(null),[b,j]=P.useState(null),[E,R]=P.useState(!1),I=i.useDirection(d),[D,k]=x.useControllableState({prop:r,defaultProp:n??!1,onChange:l,caller:T}),[H,O]=x.useControllableState({prop:s,defaultProp:a,onChange:c,caller:T}),M=P.useRef(null),A=!S||(g||!!S.closest("form")),[V,B]=P.useState(new Set),F=Array.from(V).map(e=>e.props.value).join(";");return C.jsx(p.Root,{...w,children:C.jsxs(N,{required:h,scope:t,trigger:S,onTriggerChange:y,valueNode:b,onValueNodeChange:j,valueNodeHasChildren:E,onValueNodeHasChildrenChange:R,contentId:u.useId(),value:H,onValueChange:O,open:D,onOpenChange:k,dir:I,triggerPointerDownPosRef:M,disabled:m,children:[C.jsx(_.Provider,{scope:t,children:C.jsx(q,{scope:e.__scopeSelect,onNativeOptionAdd:P.useCallback(e=>{B(t=>new Set(t).add(e))},[]),onNativeOptionRemove:P.useCallback(e=>{B(t=>{const o=new Set(t);return o.delete(e),o})},[]),children:o})}),A?C.jsxs(Re,{"aria-hidden":!0,required:h,tabIndex:-1,name:f,autoComplete:v,value:H,onChange:e=>O(e.target.value),disabled:m,form:g,children:[void 0===H?C.jsx("option",{value:""}):null,Array.from(V)]},F):null]})})};A.displayName=T;var V="SelectTrigger",B=P.forwardRef((e,t)=>{const{__scopeSelect:o,disabled:n=!1,...s}=e,i=L(o),a=O(V,o),c=a.disabled||n,d=l.useComposedRefs(t,a.onTriggerChange),u=D(o),f=P.useRef("touch"),[m,h,x]=Te(e=>{const t=u().filter(e=>!e.disabled),o=t.find(e=>e.value===a.value),r=_e(t,e,o);void 0!==r&&a.onValueChange(r.value)}),g=e=>{c||(a.onOpenChange(!0),x()),e&&(a.triggerPointerDownPosRef.current={x:Math.round(e.pageX),y:Math.round(e.pageY)})};return C.jsx(p.Anchor,{asChild:!0,...i,children:C.jsx(v.Primitive.button,{type:"button",role:"combobox","aria-controls":a.contentId,"aria-expanded":a.open,"aria-required":a.required,"aria-autocomplete":"none",dir:a.dir,"data-state":a.open?"open":"closed",disabled:c,"data-disabled":c?"":void 0,"data-placeholder":Ie(a.value)?"":void 0,...s,ref:d,onClick:r.composeEventHandlers(s.onClick,e=>{e.currentTarget.focus(),"mouse"!==f.current&&g(e)}),onPointerDown:r.composeEventHandlers(s.onPointerDown,e=>{f.current=e.pointerType;const t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),0===e.button&&!1===e.ctrlKey&&"mouse"===e.pointerType&&(g(e),e.preventDefault())}),onKeyDown:r.composeEventHandlers(s.onKeyDown,e=>{const t=""!==m.current;e.ctrlKey||e.altKey||e.metaKey||1!==e.key.length||h(e.key),t&&" "===e.key||R.includes(e.key)&&(g(),e.preventDefault())})})})});B.displayName=V;var F="SelectValue",K=P.forwardRef((e,t)=>{const{__scopeSelect:o,className:r,style:n,children:s,placeholder:i="",...a}=e,c=O(F,o),{onValueNodeHasChildrenChange:d}=c,u=void 0!==s,p=l.useComposedRefs(t,c.onValueNodeChange);return g.useLayoutEffect(()=>{d(u)},[d,u]),C.jsx(v.Primitive.span,{...a,ref:p,style:{pointerEvents:"none"},children:Ie(c.value)?C.jsx(C.Fragment,{children:i}):s})});K.displayName=F;var W=P.forwardRef((e,t)=>{const{__scopeSelect:o,children:r,...n}=e;return C.jsx(v.Primitive.span,{"aria-hidden":!0,...n,ref:t,children:r||"▼"})});W.displayName="SelectIcon";var U=e=>C.jsx(f.Portal,{asChild:!0,...e});U.displayName="SelectPortal";var z="SelectContent",G=P.forwardRef((e,t)=>{const o=O(z,e.__scopeSelect),[r,n]=P.useState();if(g.useLayoutEffect(()=>{n(new DocumentFragment)},[]),!o.open){const t=r;return t?E.createPortal(C.jsx(X,{scope:e.__scopeSelect,children:C.jsx(_.Slot,{scope:e.__scopeSelect,children:C.jsx("div",{children:e.children})})}),t):null}return C.jsx(J,{...e,ref:t})});G.displayName=z;var Y=10,[X,Z]=H(z),$=m.createSlot("SelectContent.RemoveScroll"),J=P.forwardRef((e,t)=>{const{__scopeSelect:o,position:n="item-aligned",onCloseAutoFocus:s,onEscapeKeyDown:i,onPointerDownOutside:u,side:p,sideOffset:f,align:v,alignOffset:m,arrowPadding:h,collisionBoundary:x,collisionPadding:g,sticky:w,hideWhenDetached:S,avoidCollisions:j,...E}=e,R=O(z,o),[I,T]=P.useState(null),[_,k]=P.useState(null),H=l.useComposedRefs(t,e=>T(e)),[L,N]=P.useState(null),[q,M]=P.useState(null),A=D(o),[V,B]=P.useState(!1),F=P.useRef(!1);P.useEffect(()=>{if(I)return y.hideOthers(I)},[I]),c.useFocusGuards();const K=P.useCallback(e=>{const[t,...o]=A().map(e=>e.ref.current),[r]=o.slice(-1),n=document.activeElement;for(const l of e){if(l===n)return;if(null==l||l.scrollIntoView({block:"nearest"}),l===t&&_&&(_.scrollTop=0),l===r&&_&&(_.scrollTop=_.scrollHeight),null==l||l.focus(),document.activeElement!==n)return}},[A,_]),W=P.useCallback(()=>K([L,I]),[K,L,I]);P.useEffect(()=>{V&&W()},[V,W]);const{onOpenChange:U,triggerPointerDownPosRef:G}=R;P.useEffect(()=>{if(I){let e={x:0,y:0};const t=t=>{var o,r;e={x:Math.abs(Math.round(t.pageX)-((null==(o=G.current)?void 0:o.x)??0)),y:Math.abs(Math.round(t.pageY)-((null==(r=G.current)?void 0:r.y)??0))}},o=o=>{e.x<=10&&e.y<=10?o.preventDefault():I.contains(o.target)||U(!1),document.removeEventListener("pointermove",t),G.current=null};return null!==G.current&&(document.addEventListener("pointermove",t),document.addEventListener("pointerup",o,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",o,{capture:!0})}}},[I,U,G]),P.useEffect(()=>{const e=()=>U(!1);return window.addEventListener("blur",e),window.addEventListener("resize",e),()=>{window.removeEventListener("blur",e),window.removeEventListener("resize",e)}},[U]);const[Y,Z]=Te(e=>{const t=A().filter(e=>!e.disabled),o=t.find(e=>e.ref.current===document.activeElement),r=_e(t,e,o);r&&setTimeout(()=>r.ref.current.focus())}),J=P.useCallback((e,t,o)=>{const r=!F.current&&!o;(void 0!==R.value&&R.value===t||r)&&(N(e),r&&(F.current=!0))},[R.value]),te=P.useCallback(()=>null==I?void 0:I.focus(),[I]),oe=P.useCallback((e,t,o)=>{const r=!F.current&&!o;(void 0!==R.value&&R.value===t||r)&&M(e)},[R.value]),re="popper"===n?ee:Q,ne=re===ee?{side:p,sideOffset:f,align:v,alignOffset:m,arrowPadding:h,collisionBoundary:x,collisionPadding:g,sticky:w,hideWhenDetached:S,avoidCollisions:j}:{};return C.jsx(X,{scope:o,content:I,viewport:_,onViewportChange:k,itemRefCallback:J,selectedItem:L,onItemLeave:te,itemTextRefCallback:oe,focusSelectedItem:W,selectedItemText:q,position:n,isPositioned:V,searchRef:Y,children:C.jsx(b,{as:$,allowPinchZoom:!0,children:C.jsx(d.FocusScope,{asChild:!0,trapped:R.open,onMountAutoFocus:e=>{e.preventDefault()},onUnmountAutoFocus:r.composeEventHandlers(s,e=>{var t;null==(t=R.trigger)||t.focus({preventScroll:!0}),e.preventDefault()}),children:C.jsx(a.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:i,onPointerDownOutside:u,onFocusOutside:e=>e.preventDefault(),onDismiss:()=>R.onOpenChange(!1),children:C.jsx(re,{role:"listbox",id:R.contentId,"data-state":R.open?"open":"closed",dir:R.dir,onContextMenu:e=>e.preventDefault(),...E,...ne,onPlaced:()=>B(!0),ref:H,style:{display:"flex",flexDirection:"column",outline:"none",...E.style},onKeyDown:r.composeEventHandlers(E.onKeyDown,e=>{const t=e.ctrlKey||e.altKey||e.metaKey;if("Tab"===e.key&&e.preventDefault(),t||1!==e.key.length||Z(e.key),["ArrowUp","ArrowDown","Home","End"].includes(e.key)){let t=A().filter(e=>!e.disabled).map(e=>e.ref.current);if(["ArrowUp","End"].includes(e.key)&&(t=t.slice().reverse()),["ArrowUp","ArrowDown"].includes(e.key)){const o=e.target,r=t.indexOf(o);t=t.slice(r+1)}setTimeout(()=>K(t)),e.preventDefault()}})})})})})})});J.displayName="SelectContentImpl";var Q=P.forwardRef((e,t)=>{const{__scopeSelect:r,onPlaced:n,...s}=e,i=O(z,r),a=Z(z,r),[c,d]=P.useState(null),[u,p]=P.useState(null),f=l.useComposedRefs(t,e=>p(e)),m=D(r),h=P.useRef(!1),x=P.useRef(!0),{viewport:w,selectedItem:S,selectedItemText:y,focusSelectedItem:b}=a,j=P.useCallback(()=>{if(i.trigger&&i.valueNode&&c&&u&&w&&S&&y){const e=i.trigger.getBoundingClientRect(),t=u.getBoundingClientRect(),r=i.valueNode.getBoundingClientRect(),l=y.getBoundingClientRect();if("rtl"!==i.dir){const n=l.left-t.left,s=r.left-n,i=e.left-s,a=e.width+i,d=Math.max(a,t.width),u=window.innerWidth-Y,p=o.clamp(s,[Y,Math.max(Y,u-d)]);c.style.minWidth=a+"px",c.style.left=p+"px"}else{const n=t.right-l.right,s=window.innerWidth-r.right-n,i=window.innerWidth-e.right-s,a=e.width+i,d=Math.max(a,t.width),u=window.innerWidth-Y,p=o.clamp(s,[Y,Math.max(Y,u-d)]);c.style.minWidth=a+"px",c.style.right=p+"px"}const s=m(),a=window.innerHeight-2*Y,d=w.scrollHeight,p=window.getComputedStyle(u),f=parseInt(p.borderTopWidth,10),v=parseInt(p.paddingTop,10),x=parseInt(p.borderBottomWidth,10),g=f+v+d+parseInt(p.paddingBottom,10)+x,b=Math.min(5*S.offsetHeight,g),C=window.getComputedStyle(w),j=parseInt(C.paddingTop,10),P=parseInt(C.paddingBottom,10),E=e.top+e.height/2-Y,R=a-E,I=S.offsetHeight/2,T=f+v+(S.offsetTop+I),_=g-T;if(T<=E){const e=s.length>0&&S===s[s.length-1].ref.current;c.style.bottom="0px";const t=u.clientHeight-w.offsetTop-w.offsetHeight,o=T+Math.max(R,I+(e?P:0)+t+x);c.style.height=o+"px"}else{const e=s.length>0&&S===s[0].ref.current;c.style.top="0px";const t=Math.max(E,f+w.offsetTop+(e?j:0)+I)+_;c.style.height=t+"px",w.scrollTop=T-E+w.offsetTop}c.style.margin=`${Y}px 0`,c.style.minHeight=b+"px",c.style.maxHeight=a+"px",null==n||n(),requestAnimationFrame(()=>h.current=!0)}},[m,i.trigger,i.valueNode,c,u,w,S,y,i.dir,n]);g.useLayoutEffect(()=>j(),[j]);const[E,R]=P.useState();g.useLayoutEffect(()=>{u&&R(window.getComputedStyle(u).zIndex)},[u]);const I=P.useCallback(e=>{e&&!0===x.current&&(j(),null==b||b(),x.current=!1)},[j,b]);return C.jsx(te,{scope:r,contentWrapper:c,shouldExpandOnScrollRef:h,onScrollButtonChange:I,children:C.jsx("div",{ref:d,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:E},children:C.jsx(v.Primitive.div,{...s,ref:f,style:{boxSizing:"border-box",maxHeight:"100%",...s.style}})})})});Q.displayName="SelectItemAlignedPosition";var ee=P.forwardRef((e,t)=>{const{__scopeSelect:o,align:r="start",collisionPadding:n=Y,...l}=e,s=L(o);return C.jsx(p.Content,{...s,...l,ref:t,align:r,collisionPadding:n,style:{boxSizing:"border-box",...l.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}})});ee.displayName="SelectPopperPosition";var[te,oe]=H(z,{}),re="SelectViewport",ne=P.forwardRef((e,t)=>{const{__scopeSelect:o,nonce:n,...s}=e,i=Z(re,o),a=oe(re,o),c=l.useComposedRefs(t,i.onViewportChange),d=P.useRef(0);return C.jsxs(C.Fragment,{children:[C.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"},nonce:n}),C.jsx(_.Slot,{scope:o,children:C.jsx(v.Primitive.div,{"data-radix-select-viewport":"",role:"presentation",...s,ref:c,style:{position:"relative",flex:1,overflow:"hidden auto",...s.style},onScroll:r.composeEventHandlers(s.onScroll,e=>{const t=e.currentTarget,{contentWrapper:o,shouldExpandOnScrollRef:r}=a;if((null==r?void 0:r.current)&&o){const e=Math.abs(d.current-t.scrollTop);if(e>0){const r=window.innerHeight-2*Y,n=parseFloat(o.style.minHeight),l=parseFloat(o.style.height),s=Math.max(n,l);if(s<r){const n=s+e,l=Math.min(r,n),i=n-l;o.style.height=l+"px","0px"===o.style.bottom&&(t.scrollTop=i>0?i:0,o.style.justifyContent="flex-end")}}}d.current=t.scrollTop})})})]})});ne.displayName=re;var le="SelectGroup",[se,ie]=H(le),ae=P.forwardRef((e,t)=>{const{__scopeSelect:o,...r}=e,n=u.useId();return C.jsx(se,{scope:o,id:n,children:C.jsx(v.Primitive.div,{role:"group","aria-labelledby":n,...r,ref:t})})});ae.displayName=le;var ce="SelectLabel",de=P.forwardRef((e,t)=>{const{__scopeSelect:o,...r}=e,n=ie(ce,o);return C.jsx(v.Primitive.div,{id:n.id,...r,ref:t})});de.displayName=ce;var ue="SelectItem",[pe,fe]=H(ue),ve=P.forwardRef((e,t)=>{const{__scopeSelect:o,value:n,disabled:s=!1,textValue:i,...a}=e,c=O(ue,o),d=Z(ue,o),p=c.value===n,[f,m]=P.useState(i??""),[h,x]=P.useState(!1),g=l.useComposedRefs(t,e=>{var t;return null==(t=d.itemRefCallback)?void 0:t.call(d,e,n,s)}),w=u.useId(),S=P.useRef("touch"),y=()=>{s||(c.onValueChange(n),c.onOpenChange(!1))};if(""===n)throw new Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");return C.jsx(pe,{scope:o,value:n,disabled:s,textId:w,isSelected:p,onItemTextChange:P.useCallback(e=>{m(t=>t||((null==e?void 0:e.textContent)??"").trim())},[]),children:C.jsx(_.ItemSlot,{scope:o,value:n,disabled:s,textValue:f,children:C.jsx(v.Primitive.div,{role:"option","aria-labelledby":w,"data-highlighted":h?"":void 0,"aria-selected":p&&h,"data-state":p?"checked":"unchecked","aria-disabled":s||void 0,"data-disabled":s?"":void 0,tabIndex:s?void 0:-1,...a,ref:g,onFocus:r.composeEventHandlers(a.onFocus,()=>x(!0)),onBlur:r.composeEventHandlers(a.onBlur,()=>x(!1)),onClick:r.composeEventHandlers(a.onClick,()=>{"mouse"!==S.current&&y()}),onPointerUp:r.composeEventHandlers(a.onPointerUp,()=>{"mouse"===S.current&&y()}),onPointerDown:r.composeEventHandlers(a.onPointerDown,e=>{S.current=e.pointerType}),onPointerMove:r.composeEventHandlers(a.onPointerMove,e=>{var t;S.current=e.pointerType,s?null==(t=d.onItemLeave)||t.call(d):"mouse"===S.current&&e.currentTarget.focus({preventScroll:!0})}),onPointerLeave:r.composeEventHandlers(a.onPointerLeave,e=>{var t;e.currentTarget===document.activeElement&&(null==(t=d.onItemLeave)||t.call(d))}),onKeyDown:r.composeEventHandlers(a.onKeyDown,e=>{var t;""!==(null==(t=d.searchRef)?void 0:t.current)&&" "===e.key||(I.includes(e.key)&&y()," "===e.key&&e.preventDefault())})})})})});ve.displayName=ue;var me="SelectItemText",he=P.forwardRef((e,t)=>{const{__scopeSelect:o,className:r,style:n,...s}=e,i=O(me,o),a=Z(me,o),c=fe(me,o),d=M(me,o),[u,p]=P.useState(null),f=l.useComposedRefs(t,e=>p(e),c.onItemTextChange,e=>{var t;return null==(t=a.itemTextRefCallback)?void 0:t.call(a,e,c.value,c.disabled)}),m=null==u?void 0:u.textContent,h=P.useMemo(()=>C.jsx("option",{value:c.value,disabled:c.disabled,children:m},c.value),[c.disabled,c.value,m]),{onNativeOptionAdd:x,onNativeOptionRemove:w}=d;return g.useLayoutEffect(()=>(x(h),()=>w(h)),[x,w,h]),C.jsxs(C.Fragment,{children:[C.jsx(v.Primitive.span,{id:c.textId,...s,ref:f}),c.isSelected&&i.valueNode&&!i.valueNodeHasChildren?E.createPortal(s.children,i.valueNode):null]})});he.displayName=me;var xe="SelectItemIndicator",ge=P.forwardRef((e,t)=>{const{__scopeSelect:o,...r}=e;return fe(xe,o).isSelected?C.jsx(v.Primitive.span,{"aria-hidden":!0,...r,ref:t}):null});ge.displayName=xe;var we="SelectScrollUpButton",Se=P.forwardRef((e,t)=>{const o=Z(we,e.__scopeSelect),r=oe(we,e.__scopeSelect),[n,s]=P.useState(!1),i=l.useComposedRefs(t,r.onScrollButtonChange);return g.useLayoutEffect(()=>{if(o.viewport&&o.isPositioned){let e=function(){const e=t.scrollTop>0;s(e)};const t=o.viewport;return e(),t.addEventListener("scroll",e),()=>t.removeEventListener("scroll",e)}},[o.viewport,o.isPositioned]),n?C.jsx(Ce,{...e,ref:i,onAutoScroll:()=>{const{viewport:e,selectedItem:t}=o;e&&t&&(e.scrollTop=e.scrollTop-t.offsetHeight)}}):null});Se.displayName=we;var ye="SelectScrollDownButton",be=P.forwardRef((e,t)=>{const o=Z(ye,e.__scopeSelect),r=oe(ye,e.__scopeSelect),[n,s]=P.useState(!1),i=l.useComposedRefs(t,r.onScrollButtonChange);return g.useLayoutEffect(()=>{if(o.viewport&&o.isPositioned){let e=function(){const e=t.scrollHeight-t.clientHeight,o=Math.ceil(t.scrollTop)<e;s(o)};const t=o.viewport;return e(),t.addEventListener("scroll",e),()=>t.removeEventListener("scroll",e)}},[o.viewport,o.isPositioned]),n?C.jsx(Ce,{...e,ref:i,onAutoScroll:()=>{const{viewport:e,selectedItem:t}=o;e&&t&&(e.scrollTop=e.scrollTop+t.offsetHeight)}}):null});be.displayName=ye;var Ce=P.forwardRef((e,t)=>{const{__scopeSelect:o,onAutoScroll:n,...l}=e,s=Z("SelectScrollButton",o),i=P.useRef(null),a=D(o),c=P.useCallback(()=>{null!==i.current&&(window.clearInterval(i.current),i.current=null)},[]);return P.useEffect(()=>()=>c(),[c]),g.useLayoutEffect(()=>{var e;const t=a().find(e=>e.ref.current===document.activeElement);null==(e=null==t?void 0:t.ref.current)||e.scrollIntoView({block:"nearest"})},[a]),C.jsx(v.Primitive.div,{"aria-hidden":!0,...l,ref:t,style:{flexShrink:0,...l.style},onPointerDown:r.composeEventHandlers(l.onPointerDown,()=>{null===i.current&&(i.current=window.setInterval(n,50))}),onPointerMove:r.composeEventHandlers(l.onPointerMove,()=>{var e;null==(e=s.onItemLeave)||e.call(s),null===i.current&&(i.current=window.setInterval(n,50))}),onPointerLeave:r.composeEventHandlers(l.onPointerLeave,()=>{c()})})}),je=P.forwardRef((e,t)=>{const{__scopeSelect:o,...r}=e;return C.jsx(v.Primitive.div,{"aria-hidden":!0,...r,ref:t})});je.displayName="SelectSeparator";var Pe="SelectArrow",Ee=P.forwardRef((e,t)=>{const{__scopeSelect:o,...r}=e,n=L(o),l=O(Pe,o),s=Z(Pe,o);return l.open&&"popper"===s.position?C.jsx(p.Arrow,{...n,...r,ref:t}):null});Ee.displayName=Pe;var Re=P.forwardRef(({__scopeSelect:e,value:t,...o},r)=>{const n=P.useRef(null),s=l.useComposedRefs(r,n),i=w.usePrevious(t);return P.useEffect(()=>{const e=n.current;if(!e)return;const o=window.HTMLSelectElement.prototype,r=Object.getOwnPropertyDescriptor(o,"value").set;if(i!==t&&r){const o=new Event("change",{bubbles:!0});r.call(e,t),e.dispatchEvent(o)}},[i,t]),C.jsx(v.Primitive.select,{...o,style:{...S.VISUALLY_HIDDEN_STYLES,...o.style},ref:s,defaultValue:t})});function Ie(e){return""===e||void 0===e}function Te(e){const t=h.useCallbackRef(e),o=P.useRef(""),r=P.useRef(0),n=P.useCallback(e=>{const n=o.current+e;t(n),function e(t){o.current=t,window.clearTimeout(r.current),""!==t&&(r.current=window.setTimeout(()=>e(""),1e3))}(n)},[t]),l=P.useCallback(()=>{o.current="",window.clearTimeout(r.current)},[]);return P.useEffect(()=>()=>window.clearTimeout(r.current),[]),[o,n,l]}function _e(e,t,o){const r=t.length>1&&Array.from(t).every(e=>e===t[0])?t[0]:t,n=o?e.indexOf(o):-1;let l=(s=e,i=Math.max(n,0),s.map((e,t)=>s[(i+t)%s.length]));var s,i;1===r.length&&(l=l.filter(e=>e!==o));const a=l.find(e=>e.textValue.toLowerCase().startsWith(r.toLowerCase()));return a!==o?a:void 0}Re.displayName="SelectBubbleInput";var De=A,ke=B,He=K,Le=W,Ne=U,Oe=G,qe=ne,Me=ae,Ae=de,Ve=ve,Be=he,Fe=je;exports.Content=Oe,exports.Group=Me,exports.Icon=Le,exports.Item=Ve,exports.ItemText=Be,exports.Label=Ae,exports.Portal=Ne,exports.Root=De,exports.Select=A,exports.SelectArrow=Ee,exports.SelectContent=G,exports.SelectGroup=ae,exports.SelectIcon=W,exports.SelectItem=ve,exports.SelectItemIndicator=ge,exports.SelectItemText=he,exports.SelectLabel=de,exports.SelectPortal=U,exports.SelectScrollDownButton=be,exports.SelectScrollUpButton=Se,exports.SelectSeparator=je,exports.SelectTrigger=B,exports.SelectValue=K,exports.SelectViewport=ne,exports.Separator=Fe,exports.Trigger=ke,exports.Value=He,exports.Viewport=qe;