@multiplatform.one/forms 7.4.0 → 7.5.0

package/dist/esm/fields/SearchInput/index.native.js

@@ -1,16 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MagnifyingGlassIcon, XIcon } from "@phosphor-icons/react";
-import { FOCUS_VISIBLE_RING, ensureCompositeFocusRing, pressTargetHitSlop, sizeRecipeForToken } from "@multiplatform.one/theme";
+import { MIN_PRESS_TARGET, ensureCompositeFocusRing, isTouchSurface, pressTargetHitSlop, sizeRecipeForToken } from "@multiplatform.one/theme";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { View, getVariable, isWeb, styled, useTheme } from "tamagui";
-import { FieldLayout } from "../../fieldLayout.native.js";
+import { View, isWeb } from "tamagui";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
 import { Input as InputParts } from "../../InputParts/index.native.js";
 import { formControlColors } from "../../shared/colorRamps.native.js";
 import { bidiIsolate, t } from "../../shared/t.native.js";
-import { useFormField } from "../../shared/utils.native.js";
-var iconSizeForToken = function iconSizeForToken2(token) {
-  return sizeRecipeForToken(token).iconSize;
-};
+import { getFieldError, getFieldHeight, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
 var SEARCH_STYLE_ID = "mp-search-input-chrome";
 var searchInputCss = `input.mp-search-input {
   -webkit-appearance: none;
@@ -28,14 +26,6 @@ input.mp-search-input:focus,
 input.mp-search-input:focus-visible {
   outline: none !important;
   box-shadow: none !important;
-}
-.mp-search-clear:focus,
-.mp-search-clear:focus-visible {
-  outline: none !important;
-}
-.mp-search-clear:focus-visible .mp-search-clear-ring {
-  outline: 2px solid var(--outlineColor, var(--c-outlineColor, CanvasText));
-  outline-offset: -2px;
 }`;
 function ensureSearchInputChrome() {
   if (typeof document === "undefined") return;
@@ -46,50 +36,21 @@ function ensureSearchInputChrome() {
   tag.textContent = searchInputCss;
   document.head.appendChild(tag);
 }
-var ClearButton = styled(View, {
-  name: "SearchClear",
-  cursor: "pointer",
-  alignItems: "center",
-  justifyContent: "center",
-  opacity: 0.85,
-  outlineWidth: 0,
-  hoverStyle: {
-    opacity: 1
-  },
-  pressStyle: {
-    opacity: 0.9
-  },
-  focusStyle: {
-    outlineWidth: 0
-  },
-  focusVisibleStyle: {
-    opacity: 1,
-    ...FOCUS_VISIBLE_RING
-  }
-});
-var ClearWell = styled(View, {
-  name: "SearchClearWell",
-  alignItems: "center",
-  justifyContent: "center",
-  backgroundColor: "$color8",
-  hoverStyle: {
-    backgroundColor: "$color9"
-  },
-  pressStyle: {
-    backgroundColor: "$color10"
-  }
-});
 function focusArea(ref) {
   var _ref_current_focus, _ref_current;
   (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : (_ref_current_focus = _ref_current.focus) === null || _ref_current_focus === void 0 ? void 0 : _ref_current_focus.call(_ref_current);
 }
 function SearchInput(param) {
   var {
+    name,
+    form: formProp,
+    validators,
     value,
     defaultValue,
     onChange,
     onSearch,
     onClear,
+    onBlur,
     debounceMs = 300,
     // Bidi-isolated at the interpolation site (LC-58): under RTL the trailing
     // weak "..." otherwise reorders to the start ("…Search"). First-strong
@@ -98,29 +59,47 @@ function SearchInput(param) {
     placeholder = bidiIsolate(t("Search...")),
     clearable = true,
     disabled,
+    readOnly,
+    required,
+    helperText,
+    error,
     size,
     compact,
     chromeless,
+    skeleton,
     label,
+    labelProps,
+    id: idProp,
     "aria-label": ariaLabel,
     iconSize,
     inputProps
   } = param;
   var {
+    resolvedForm,
     knobProps,
+    control,
     id
   } = useFormField({
+    form: formProp,
+    id: idProp,
     compact
   });
-  var theme = useTheme();
-  var clearInk = getVariable(theme.color1);
+  var resolvedValidators = useResolvedValidators(required, validators, label, name);
+  var resolvedSize = size !== null && size !== void 0 ? size : knobProps.sizeToken;
+  var recipe = sizeRecipeForToken(String(resolvedSize), {
+    touch: isTouchSurface()
+  });
+  var visualHeight = getFieldHeight(resolvedSize);
+  var belowFloor = visualHeight < MIN_PRESS_TARGET;
   var isControlled = value !== void 0;
   var [internalText, setInternalText] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : "");
-  var text = isControlled ? value : internalText;
+  var standaloneText = isControlled ? value : internalText;
   var inputRef = useRef(null);
   var timerRef = useRef(void 0);
   var onSearchRef = useRef(onSearch);
   onSearchRef.current = onSearch;
+  var onClearRef = useRef(onClear);
+  onClearRef.current = onClear;
   if (isWeb) ensureSearchInputChrome();
   useEffect(function () {
     return function () {
@@ -143,151 +122,242 @@ function SearchInput(param) {
       return fireSearch(next);
     }, debounceMs);
   }, [debounceMs, fireSearch]);
-  var handleChangeText = useCallback(function (next) {
-    if (!isControlled) setInternalText(next);
+  var writeText = useCallback(function (next, fieldChange) {
+    if (!isControlled && !fieldChange) setInternalText(next);
+    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(next);
     onChange === null || onChange === void 0 ? void 0 : onChange(next);
     scheduleSearch(next);
   }, [isControlled, onChange, scheduleSearch]);
-  var onClearRef = useRef(onClear);
-  onClearRef.current = onClear;
-  var handleClear = useCallback(function () {
+  var clearText = useCallback(function (fieldChange) {
     var _onClearRef_current;
-    if (!isControlled) setInternalText("");
+    if (!isControlled && !fieldChange) setInternalText("");
+    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange("");
     onChange === null || onChange === void 0 ? void 0 : onChange("");
     fireSearch("");
     (_onClearRef_current = onClearRef.current) === null || _onClearRef_current === void 0 ? void 0 : _onClearRef_current.call(onClearRef);
     focusArea(inputRef);
   }, [isControlled, onChange, fireSearch]);
-  var resolvedIconSize = iconSize !== null && iconSize !== void 0 ? iconSize : iconSizeForToken(String(size !== null && size !== void 0 ? size : knobProps.sizeToken));
-  var clearWell = resolvedIconSize;
-  var clearGlyph = Math.max(8, resolvedIconSize - 6);
-  var wellRadius = knobProps.pointy ? 0 : 1e3;
-  var showClear = Boolean(clearable && !disabled && text);
+  var resolvedIconSize = iconSize !== null && iconSize !== void 0 ? iconSize : recipe.iconSize;
+  var boxContract = {
+    size: resolvedSize,
+    "data-density": knobProps.density,
+    "data-size": String(resolvedSize),
+    "data-visual-height": String(visualHeight),
+    "data-press-floor": belowFloor ? "slop" : "box",
+    "data-ring-target": "box",
+    ...(belowFloor ? {
+      hitSlop: pressTargetHitSlop(visualHeight)
+    } : void 0)
+  };
   var chromelessProps = chromeless ? {
     borderWidth: 0,
     backgroundColor: "transparent",
     hoverStyle: {
-      borderColor: "transparent"
+      borderColor: "transparent",
+      ...control.hoverKnobProps
     },
     focusStyle: {
-      borderColor: "transparent"
+      borderColor: "transparent",
+      ...control.focusKnobProps
     }
   } : void 0;
+  var layoutBind = {
+    id,
+    label,
+    labelProps,
+    helperText,
+    required,
+    disabled,
+    size: resolvedSize,
+    knobProps,
+    placeholder,
+    "aria-label": ariaLabel
+  };
   var leadingWebProps = isWeb ? {
     tabIndex: -1,
     "aria-hidden": true,
     onMouseDown: function onMouseDown(e) {
       var _e_preventDefault;
       (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
-      if (!disabled) focusArea(inputRef);
+      if (!disabled && !readOnly) focusArea(inputRef);
     }
   } : {
     focusable: false,
     accessibilityElementsHidden: true,
     importantForAccessibility: "no-hide-descendants",
     onPress: function onPress() {
-      if (!disabled) focusArea(inputRef);
+      if (!disabled && !readOnly) focusArea(inputRef);
     }
   };
-  var areaProps = {
-    id,
-    role: "searchbox",
-    "aria-label": label ? void 0 : ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : t("Search"),
-    type: "search",
-    autoComplete: "off",
-    spellCheck: false,
-    inputMode: "search",
-    enterKeyHint: "search",
-    value: text,
-    disabled,
-    placeholder,
-    paddingInlineStart: 0,
-    paddingInlineEnd: showClear ? 0 : void 0,
-    className: isWeb ? "mp-input-area mp-search-input" : void 0,
-    outlineWidth: 0,
-    outlineStyle: "none",
-    outlineColor: "transparent",
-    focusStyle: {
+  var renderBox = function renderBox2(current, fieldChange, hasError) {
+    var showClear = Boolean(clearable && !disabled && !readOnly && current);
+    var areaProps = {
+      id,
+      role: "searchbox",
+      "aria-label": label ? void 0 : ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : t("Search"),
+      "aria-invalid": hasError || void 0,
+      "aria-required": required || void 0,
+      "aria-readonly": readOnly || void 0,
+      type: "search",
+      autoComplete: "off",
+      spellCheck: false,
+      inputMode: "search",
+      enterKeyHint: "search",
+      value: current,
+      disabled,
+      readOnly,
+      placeholder,
+      paddingInlineStart: 0,
+      paddingInlineEnd: showClear ? 0 : void 0,
+      className: isWeb ? "mp-input-area mp-search-input" : void 0,
       outlineWidth: 0,
       outlineStyle: "none",
-      outlineColor: "transparent"
-    },
-    focusVisibleStyle: {
-      outlineWidth: 0,
-      outlineStyle: "none",
-      outlineColor: "transparent"
-    },
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === "Escape") {
-        if (!text) return;
-        e.preventDefault();
-        handleClear();
-      } else if (e.key === "Enter") {
-        fireSearch(text);
-      }
-    },
-    onSubmitEditing: function onSubmitEditing() {
-      return fireSearch(text);
-    },
-    ...inputProps
-  };
-  return /* @__PURE__ */_jsx(FieldLayout, {
-    id,
-    label,
-    disabled,
-    size,
-    knobProps,
-    children: /* @__PURE__ */_jsx(InputParts, {
-      size: size || knobProps.sizeToken,
-      children: /* @__PURE__ */_jsxs(InputParts.Box, {
-        disabled,
-        ...chromelessProps,
-        children: [/* @__PURE__ */_jsx(InputParts.Icon, {
-          adornment: "leading",
-          color: formControlColors.boundary,
-          className: isWeb ? "mp-search-leading" : void 0,
-          ...leadingWebProps,
-          children: /* @__PURE__ */_jsx(MagnifyingGlassIcon, {
-            size: resolvedIconSize
-          })
-        }), /* @__PURE__ */_jsx(InputParts.Area, {
-          ref: inputRef,
-          ...areaProps,
-          onChangeText: handleChangeText
-        }), showClear ? /* @__PURE__ */_jsx(View, {
-          justifyContent: "center",
+      outlineColor: "transparent",
+      focusStyle: {
+        outlineWidth: 0,
+        outlineStyle: "none",
+        outlineColor: "transparent"
+      },
+      focusVisibleStyle: {
+        outlineWidth: 0,
+        outlineStyle: "none",
+        outlineColor: "transparent"
+      },
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === "Escape") {
+          if (!current) return;
+          e.preventDefault();
+          clearText(fieldChange);
+        } else if (e.key === "Enter") {
+          fireSearch(current);
+        }
+      },
+      onSubmitEditing: function onSubmitEditing() {
+        return fireSearch(current);
+      },
+      ...inputProps
+    };
+    return /* @__PURE__ */_jsxs(InputParts.Box, {
+      ...boxContract,
+      disabled,
+      ...chromelessProps,
+      ...(hasError ? {
+        theme: "red"
+      } : void 0),
+      children: [/* @__PURE__ */_jsx(InputParts.Icon, {
+        adornment: "leading",
+        color: formControlColors.boundary,
+        className: isWeb ? "mp-search-leading" : void 0,
+        ...leadingWebProps,
+        children: /* @__PURE__ */_jsx(MagnifyingGlassIcon, {
+          size: resolvedIconSize
+        })
+      }), /* @__PURE__ */_jsx(InputParts.Area, {
+        ref: inputRef,
+        ...areaProps,
+        onChangeText: function onChangeText(next) {
+          return writeText(next, fieldChange);
+        }
+      }), showClear ? /* @__PURE__ */_jsx(View, {
+        role: "button",
+        tabIndex: 0,
+        "aria-label": t("Clear search"),
+        className: isWeb ? "mp-chip-dismiss" : void 0,
+        "data-end-cap": visualHeight,
+        width: visualHeight,
+        height: visualHeight,
+        alignItems: "center",
+        justifyContent: "center",
+        cursor: "pointer",
+        outlineWidth: 0,
+        hoverStyle: {
+          opacity: 1
+        },
+        pressStyle: {
+          opacity: 0.9
+        },
+        focusStyle: {
+          outlineWidth: 0
+        },
+        focusVisibleStyle: {
+          outlineWidth: 0
+        },
+        opacity: 0.85,
+        flexShrink: 0,
+        hitSlop: belowFloor ? pressTargetHitSlop(visualHeight) : void 0,
+        onPress: function onPress() {
+          return clearText(fieldChange);
+        },
+        onKeyDown: function onKeyDown(e) {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            e.stopPropagation();
+            clearText(fieldChange);
+          }
+        },
+        children: /* @__PURE__ */_jsx(View, {
+          className: isWeb ? "mp-chip-dismiss-ring" : void 0,
           alignItems: "center",
-          paddingInlineEnd: "$2.5",
-          paddingInlineStart: 0,
-          flexShrink: 0,
-          children: /* @__PURE__ */_jsx(ClearButton, {
-            role: "button",
-            tabIndex: 0,
-            "aria-label": t("Clear search"),
-            className: isWeb ? "mp-search-clear" : void 0,
-            hitSlop: pressTargetHitSlop(clearWell),
-            onPress: handleClear,
-            onKeyDown: function onKeyDown(e) {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                e.stopPropagation();
-                handleClear();
-              }
-            },
-            children: /* @__PURE__ */_jsx(ClearWell, {
-              className: isWeb ? "mp-search-clear-ring" : void 0,
-              width: clearWell,
-              height: clearWell,
-              borderRadius: wellRadius,
-              children: /* @__PURE__ */_jsx(XIcon, {
-                size: clearGlyph,
-                color: clearInk
-              })
+          justifyContent: "center",
+          children: /* @__PURE__ */_jsx(InputParts.Icon, {
+            "aria-hidden": true,
+            color: formControlColors.boundary,
+            children: /* @__PURE__ */_jsx(XIcon, {
+              size: resolvedIconSize
             })
           })
-        }) : null]
+        })
+      }) : null]
+    });
+  };
+  if (skeleton) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      ...layoutBind,
+      error,
+      children: /* @__PURE__ */_jsx(InputParts, {
+        size: resolvedSize,
+        children: /* @__PURE__ */_jsx(Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: visualHeight
+        })
       })
-    })
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      ...layoutBind,
+      error,
+      onBlur,
+      children: /* @__PURE__ */_jsx(InputParts, {
+        size: resolvedSize,
+        children: renderBox(standaloneText, void 0, !!error)
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var _field_state_value;
+      var resolvedError = getFieldError(field, error);
+      return /* @__PURE__ */_jsx(FieldLayout, {
+        ...layoutBind,
+        error: resolvedError,
+        onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+        children: /* @__PURE__ */_jsx(InputParts, {
+          size: resolvedSize,
+          ...(resolvedError ? {
+            theme: "red"
+          } : void 0),
+          children: renderBox(String((_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : ""), function (next) {
+            return field.handleChange(next);
+          }, !!resolvedError)
+        })
+      });
+    }
   });
 }
 export { SearchInput };

package/dist/esm/fields/SearchInput/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","MagnifyingGlassIcon","XIcon","FOCUS_VISIBLE_RING","ensureCompositeFocusRing","pressTargetHitSlop","sizeRecipeForToken","useCallback","useEffect","useRef","useState","View","getVariable","isWeb","styled","useTheme","FieldLayout","Input","InputParts","formControlColors","bidiIsolate","t","useFormField","iconSizeForToken","iconSizeForToken2","token","iconSize","SEARCH_STYLE_ID","searchInputCss","ensureSearchInputChrome","document","getElementById","tag","createElement","id","textContent","head","appendChild","ClearButton","name","cursor","alignItems","justifyContent","opacity","outlineWidth","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","ClearWell","backgroundColor","focusArea","ref","_ref_current_focus","_ref_current","current","focus","call","SearchInput","param","value","defaultValue","onChange","onSearch","onClear","debounceMs","placeholder","clearable","disabled","size","compact","chromeless","label","ariaLabel","inputProps","knobProps","theme","clearInk","color1","isControlled","internalText","setInternalText","text","inputRef","timerRef","onSearchRef","clearTimeout","fireSearch","next","_onSearchRef_current","scheduleSearch","setTimeout","handleChangeText","onClearRef","handleClear","_onClearRef_current","resolvedIconSize","String","sizeToken","clearWell","clearGlyph","Math","max","wellRadius","pointy","showClear","Boolean","chromelessProps","borderWidth","borderColor","leadingWebProps","tabIndex","onMouseDown","e","_e_preventDefault","preventDefault","focusable","accessibilityElementsHidden","importantForAccessibility","onPress","areaProps","role","type","autoComplete","spellCheck","inputMode","enterKeyHint","paddingInlineStart","paddingInlineEnd","className","outlineStyle","outlineColor","onKeyDown","key","onSubmitEditing","children","Box","Icon","adornment","color","boundary","Area","onChangeText","flexShrink","hitSlop","stopPropagation","width","height","borderRadius"],"sources":["index.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { MagnifyingGlassIcon, XIcon } from \"@phosphor-icons/react\";\nimport { FOCUS_VISIBLE_RING, ensureCompositeFocusRing, pressTargetHitSlop, sizeRecipeForToken } from \"@multiplatform.one/theme\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { View, getVariable, isWeb, styled, useTheme } from \"tamagui\";\nimport { FieldLayout } from \"../../fieldLayout\";\nimport { Input as InputParts } from \"../../InputParts\";\nimport { formControlColors } from \"../../shared/colorRamps\";\nimport { bidiIsolate, t } from \"../../shared/t\";\nimport { useFormField } from \"../../shared/utils\";\nvar iconSizeForToken = function iconSizeForToken2(token) {\n  return sizeRecipeForToken(token).iconSize;\n};\nvar SEARCH_STYLE_ID = \"mp-search-input-chrome\";\nvar searchInputCss = `input.mp-search-input {\n  -webkit-appearance: none;\n  appearance: none;\n}\ninput.mp-search-input::-webkit-search-cancel-button,\ninput.mp-search-input::-webkit-search-decoration,\ninput.mp-search-input::-webkit-search-results-button,\ninput.mp-search-input::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n  appearance: none;\n  display: none;\n}\ninput.mp-search-input:focus,\ninput.mp-search-input:focus-visible {\n  outline: none !important;\n  box-shadow: none !important;\n}\n.mp-search-clear:focus,\n.mp-search-clear:focus-visible {\n  outline: none !important;\n}\n.mp-search-clear:focus-visible .mp-search-clear-ring {\n  outline: 2px solid var(--outlineColor, var(--c-outlineColor, CanvasText));\n  outline-offset: -2px;\n}`;\nfunction ensureSearchInputChrome() {\n  if (typeof document === \"undefined\") return;\n  ensureCompositeFocusRing();\n  if (document.getElementById(SEARCH_STYLE_ID)) return;\n  var tag = document.createElement(\"style\");\n  tag.id = SEARCH_STYLE_ID;\n  tag.textContent = searchInputCss;\n  document.head.appendChild(tag);\n}\nvar ClearButton = styled(View, {\n  name: \"SearchClear\",\n  cursor: \"pointer\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  opacity: 0.85,\n  outlineWidth: 0,\n  hoverStyle: {\n    opacity: 1\n  },\n  pressStyle: {\n    opacity: 0.9\n  },\n  focusStyle: {\n    outlineWidth: 0\n  },\n  focusVisibleStyle: {\n    opacity: 1,\n    ...FOCUS_VISIBLE_RING\n  }\n});\nvar ClearWell = styled(View, {\n  name: \"SearchClearWell\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  backgroundColor: \"$color8\",\n  hoverStyle: {\n    backgroundColor: \"$color9\"\n  },\n  pressStyle: {\n    backgroundColor: \"$color10\"\n  }\n});\nfunction focusArea(ref) {\n  var _ref_current_focus, _ref_current;\n  (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : (_ref_current_focus = _ref_current.focus) === null || _ref_current_focus === void 0 ? void 0 : _ref_current_focus.call(_ref_current);\n}\nfunction SearchInput(param) {\n  var {\n    value,\n    defaultValue,\n    onChange,\n    onSearch,\n    onClear,\n    debounceMs = 300,\n    // Bidi-isolated at the interpolation site (LC-58): under RTL the trailing\n    // weak \"...\" otherwise reorders to the start (\"…Search\"). First-strong\n    // isolation keeps a translated RTL placeholder rendering RTL. Consumer\n    // placeholders are the consumer's interpolation site — passed through.\n    placeholder = bidiIsolate(t(\"Search...\")),\n    clearable = true,\n    disabled,\n    size,\n    compact,\n    chromeless,\n    label,\n    \"aria-label\": ariaLabel,\n    iconSize,\n    inputProps\n  } = param;\n  var { knobProps, id } = useFormField({\n    compact\n  });\n  var theme = useTheme();\n  var clearInk = getVariable(theme.color1);\n  var isControlled = value !== void 0;\n  var [internalText, setInternalText] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : \"\");\n  var text = isControlled ? value : internalText;\n  var inputRef = useRef(null);\n  var timerRef = useRef(void 0);\n  var onSearchRef = useRef(onSearch);\n  onSearchRef.current = onSearch;\n  if (isWeb) ensureSearchInputChrome();\n  useEffect(function() {\n    return function() {\n      if (timerRef.current !== void 0) clearTimeout(timerRef.current);\n    };\n  }, []);\n  var fireSearch = useCallback(function(next) {\n    var _onSearchRef_current;\n    if (timerRef.current !== void 0) clearTimeout(timerRef.current);\n    timerRef.current = void 0;\n    (_onSearchRef_current = onSearchRef.current) === null || _onSearchRef_current === void 0 ? void 0 : _onSearchRef_current.call(onSearchRef, next);\n  }, []);\n  var scheduleSearch = useCallback(function(next) {\n    if (debounceMs <= 0) {\n      fireSearch(next);\n      return;\n    }\n    if (timerRef.current !== void 0) clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(function() {\n      return fireSearch(next);\n    }, debounceMs);\n  }, [\n    debounceMs,\n    fireSearch\n  ]);\n  var handleChangeText = useCallback(function(next) {\n    if (!isControlled) setInternalText(next);\n    onChange === null || onChange === void 0 ? void 0 : onChange(next);\n    scheduleSearch(next);\n  }, [\n    isControlled,\n    onChange,\n    scheduleSearch\n  ]);\n  var onClearRef = useRef(onClear);\n  onClearRef.current = onClear;\n  var handleClear = useCallback(function() {\n    var _onClearRef_current;\n    if (!isControlled) setInternalText(\"\");\n    onChange === null || onChange === void 0 ? void 0 : onChange(\"\");\n    fireSearch(\"\");\n    (_onClearRef_current = onClearRef.current) === null || _onClearRef_current === void 0 ? void 0 : _onClearRef_current.call(onClearRef);\n    focusArea(inputRef);\n  }, [\n    isControlled,\n    onChange,\n    fireSearch\n  ]);\n  var resolvedIconSize = iconSize !== null && iconSize !== void 0 ? iconSize : iconSizeForToken(String(size !== null && size !== void 0 ? size : knobProps.sizeToken));\n  var clearWell = resolvedIconSize;\n  var clearGlyph = Math.max(8, resolvedIconSize - 6);\n  var wellRadius = knobProps.pointy ? 0 : 1e3;\n  var showClear = Boolean(clearable && !disabled && text);\n  var chromelessProps = chromeless ? {\n    borderWidth: 0,\n    backgroundColor: \"transparent\",\n    hoverStyle: {\n      borderColor: \"transparent\"\n    },\n    focusStyle: {\n      borderColor: \"transparent\"\n    }\n  } : void 0;\n  var leadingWebProps = isWeb ? {\n    tabIndex: -1,\n    \"aria-hidden\": true,\n    onMouseDown: function onMouseDown(e) {\n      var _e_preventDefault;\n      (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);\n      if (!disabled) focusArea(inputRef);\n    }\n  } : {\n    focusable: false,\n    accessibilityElementsHidden: true,\n    importantForAccessibility: \"no-hide-descendants\",\n    onPress: function onPress() {\n      if (!disabled) focusArea(inputRef);\n    }\n  };\n  var areaProps = {\n    id,\n    role: \"searchbox\",\n    \"aria-label\": label ? void 0 : ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : t(\"Search\"),\n    type: \"search\",\n    autoComplete: \"off\",\n    spellCheck: false,\n    inputMode: \"search\",\n    enterKeyHint: \"search\",\n    value: text,\n    disabled,\n    placeholder,\n    paddingInlineStart: 0,\n    paddingInlineEnd: showClear ? 0 : void 0,\n    className: isWeb ? \"mp-input-area mp-search-input\" : void 0,\n    outlineWidth: 0,\n    outlineStyle: \"none\",\n    outlineColor: \"transparent\",\n    focusStyle: {\n      outlineWidth: 0,\n      outlineStyle: \"none\",\n      outlineColor: \"transparent\"\n    },\n    focusVisibleStyle: {\n      outlineWidth: 0,\n      outlineStyle: \"none\",\n      outlineColor: \"transparent\"\n    },\n    onKeyDown: function onKeyDown(e) {\n      if (e.key === \"Escape\") {\n        if (!text) return;\n        e.preventDefault();\n        handleClear();\n      } else if (e.key === \"Enter\") {\n        fireSearch(text);\n      }\n    },\n    onSubmitEditing: function onSubmitEditing() {\n      return fireSearch(text);\n    },\n    ...inputProps\n  };\n  return /* @__PURE__ */ _jsx(FieldLayout, {\n    id,\n    label,\n    disabled,\n    size,\n    knobProps,\n    children: /* @__PURE__ */ _jsx(InputParts, {\n      size: size || knobProps.sizeToken,\n      children: /* @__PURE__ */ _jsxs(InputParts.Box, {\n        disabled,\n        ...chromelessProps,\n        children: [\n          /* @__PURE__ */ _jsx(InputParts.Icon, {\n            adornment: \"leading\",\n            color: formControlColors.boundary,\n            className: isWeb ? \"mp-search-leading\" : void 0,\n            ...leadingWebProps,\n            children: /* @__PURE__ */ _jsx(MagnifyingGlassIcon, {\n              size: resolvedIconSize\n            })\n          }),\n          /* @__PURE__ */ _jsx(InputParts.Area, {\n            ref: inputRef,\n            ...areaProps,\n            onChangeText: handleChangeText\n          }),\n          showClear ? /* @__PURE__ */ _jsx(View, {\n            justifyContent: \"center\",\n            alignItems: \"center\",\n            paddingInlineEnd: \"$2.5\",\n            paddingInlineStart: 0,\n            flexShrink: 0,\n            children: /* @__PURE__ */ _jsx(ClearButton, {\n              role: \"button\",\n              tabIndex: 0,\n              \"aria-label\": t(\"Clear search\"),\n              className: isWeb ? \"mp-search-clear\" : void 0,\n              hitSlop: pressTargetHitSlop(clearWell),\n              onPress: handleClear,\n              onKeyDown: function onKeyDown(e) {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                  e.preventDefault();\n                  e.stopPropagation();\n                  handleClear();\n                }\n              },\n              children: /* @__PURE__ */ _jsx(ClearWell, {\n                className: isWeb ? \"mp-search-clear-ring\" : void 0,\n                width: clearWell,\n                height: clearWell,\n                borderRadius: wellRadius,\n                children: /* @__PURE__ */ _jsx(XIcon, {\n                  size: clearGlyph,\n                  color: clearInk\n                })\n              })\n            })\n          }) : null\n        ]\n      })\n    })\n  });\n}\nexport {\n  SearchInput\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","MagnifyingGlassIcon","XIcon","MIN_PRESS_TARGET","ensureCompositeFocusRing","isTouchSurface","pressTargetHitSlop","sizeRecipeForToken","useCallback","useEffect","useRef","useState","View","isWeb","Skeleton","Field","FieldLayout","Input","InputParts","formControlColors","bidiIsolate","t","getFieldError","getFieldHeight","mergeFieldHandler","useFormField","useResolvedValidators","SEARCH_STYLE_ID","searchInputCss","ensureSearchInputChrome","document","getElementById","tag","createElement","id","textContent","head","appendChild","focusArea","ref","_ref_current_focus","_ref_current","current","focus","call","SearchInput","param","name","form","formProp","validators","value","defaultValue","onChange","onSearch","onClear","onBlur","debounceMs","placeholder","clearable","disabled","readOnly","required","helperText","error","size","compact","chromeless","skeleton","label","labelProps","idProp","ariaLabel","iconSize","inputProps","resolvedForm","knobProps","control","resolvedValidators","resolvedSize","sizeToken","recipe","String","touch","visualHeight","belowFloor","isControlled","internalText","setInternalText","standaloneText","inputRef","timerRef","onSearchRef","onClearRef","clearTimeout","fireSearch","next","_onSearchRef_current","scheduleSearch","setTimeout","writeText","fieldChange","clearText","_onClearRef_current","resolvedIconSize","boxContract","density","hitSlop","chromelessProps","borderWidth","backgroundColor","hoverStyle","borderColor","hoverKnobProps","focusStyle","focusKnobProps","layoutBind","leadingWebProps","tabIndex","onMouseDown","e","_e_preventDefault","preventDefault","focusable","accessibilityElementsHidden","importantForAccessibility","onPress","renderBox","renderBox2","hasError","showClear","Boolean","areaProps","role","type","autoComplete","spellCheck","inputMode","enterKeyHint","paddingInlineStart","paddingInlineEnd","className","outlineWidth","outlineStyle","outlineColor","focusVisibleStyle","onKeyDown","key","onSubmitEditing","Box","theme","children","Icon","adornment","color","boundary","Area","onChangeText","width","height","alignItems","justifyContent","cursor","opacity","pressStyle","flexShrink","stopPropagation","variant"],"sources":["../../../../src/fields/SearchInput/index.tsx"],"sourcesContent":[null],"mappings":"AAaA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAqBC,KAAA,QAAa;AAC3C,SAAAC,mBAAA,EAAAC,KAAA;AAAA,SACEC,gBAAA,EAAAC,wBAAA,EAAAC,cAAA,EAAAC,kBAAA,EAAAC,kBAAA;AAAA,SACAC,WAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,QAAA;AAAA,SACAC,IAAA,EAAAC,KAAA;AAAA,SACAC,QAAA;AAAA,SACAC,KAAA,EAAAC,WAAA;AAAA,SACKC,KAAA,IAAAC,UAAA;AAEP,SAASC,iBAAa,QAAW,mCAAwB;AAEzD,SAASC,WAAM,EAAAC,CAAA,QAAa;AAC5B,SAASC,aAAA,EAAAC,cAAgB,EAAAC,iBAAA,EAAAC,YAAA,EAAAC,qBAAA;AACzB,IAAAC,eAAgB,2BAAmB;AACnC,IAAAC,cAAkB;AAClB;AACA;AAEA;AAAA;AACE;AACA;AACA;AACA;AACA;AAiSI;AArPN;AAGA;AAAuB;AAAA;AAAA;AAAA;AAAA,SAAAC,wBAAA;EAAA,WAAAC,QAAA;EAAA1B,wBAAA;EAAA,IAAA0B,QAAA,CAAAC,cAAA,CAAAJ,eAAA;EAAA,IAAAK,GAAA,GAAAF,QAAA,CAAAG,aAAA;EAAAD,GAAA,CAAAE,EAAA,GAAAP,eAAA;EAAAK,GAAA,CAAAG,WAAA,GAAAP,cAAA;EAAAE,QAAA,CAAAM,IAAA,CAAAC,WAAA,CAAAL,GAAA;AAAA;AAAA,SAAAM,UAAAC,GAAA;EAAA,IAAAC,kBAAA,EAAAC,YAAA;EAAA,CAAAA,YAAA,GAAAF,GAAA,CAAAG,OAAA,cAAAD,YAAA,wBAAAD,kBAAA,GAAAC,YAAA,CAAAE,KAAA,cAAAH,kBAAA,uBAAAA,kBAAA,CAAAI,IAAA,CAAAH,YAAA;AAkBvB;AACE,SAAII,WAAOA,CAAAC,KAAa;EACxB;IACAC,IAAI;IACJC,IAAM,EAAAC,QAAM;IACZC,UAAS;IACTC,KAAI;IACJC,YAAc;IAChBC,QAAA;IAEAC,QAAS;IACNC,OAAI;IACPC,MAAA;IAEOC,UAAS;IACd;IACA;IACA;IACA;IACAC,WAAA,GAAAtC,WAAA,CAAAC,CAAA;IACAsC,SAAA;IACAC,QAAA;IACAC,QAAA;IACAC,QAAA;IACAC,UAAA;IAAaC,KAAA;IAAAC,IAAA;IAAAC,OAAA;IAAAC,UAAA;IAKbC,QAAA;IACAC,KAAA;IACAC,UAAA;IACApC,EAAA,EAAAqC,MAAA;IACA,cAAAC,SAAA;IACAC,QAAA;IACAC;EACA,IAAA5B,KAAA;EACA;IAAA6B,YAAA;IAAAC,SAAA;IAAAC,OAAA;IAAA3C;EAAA,IAAAT,YAAA;IACAuB,IAAA,EAAAC,QAAA;IACAf,EAAA,EAAAqC,MAAA;IACAL;EACA;EACA,IAAIY,kBAAA,GAAApD,qBAAA,CAAAoC,QAAA,EAAAZ,UAAA,EAAAmB,KAAA,EAAAtB,IAAA;EACJ,IAAAgC,YAAc,GAAAd,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAAW,SAAA,CAAAI,SAAA;EACd,IAAAC,MAAA,GAAA1E,kBAAA,CAAA2E,MAAA,CAAAH,YAAA;IACAI,KAAA,EAAA9E,cAAA;EACF,CAAqB;EACnB,IAAA+E,YAAQ,GAAA7D,cAAyB,CAAAwD,YAAY;EAAiB,IAC5DM,UAAM,GAAAD,YAAA,GAAAjF,gBAAA;EAAA,IACNmF,YAAI,GAAAnC,KAAA;EAAA,IACJ,CAAAoC,YAAA,EAAAC,eAAA,IAAA7E,QAAA,CAAAyC,YAAA,aAAAA,YAAA,cAAAA,YAAA;EACF,IAACqC,cAAA,GAAAH,YAAA,GAAAnC,KAAA,GAAAoC,YAAA;EACD,IAAAG,QAAM,GAAAhF,MAAA,MAAqB;EAC3B,IAAAiF,QAAM,GAAAjF,MAAgB,QAAQ;EAC9B,IAAAkF,WAAe,GAAAlF,MAAA,CAAA4C,QAAA,CAAmB;EAClCsC,WAAM,CAAAlD,OAAA,GAAeY,QAAA;EACrB,IAAAuC,UAAM,GAAAnF,MAAa,CAAA6C,OAAA;EACnBsC,UAAM,CAAAnD,OAAA,GAAea,OAAA;EACrB,IAAA1C,KAAO,EAAAgB,uBAAc,EAAe;EACpCpB,SAAM;IACN,OAAM,YAAW;MAEjB,IAAMkF,QAAA,CAAWjD,OAAkD,UAAS,GAAAoD,YAAA,CAAAH,QAAA,CAAAjD,OAAA;IAC5E;EACA;EACA,IAAAqD,UAAM,GAAAvF,WAAoB,WAAOwF,IAAA;IACjC,IAAAC,oBAAqB;IAErB,IAAIN,QAAO,CAAAjD,OAAA,aAAwBoD,YAAA,CAAAH,QAAA,CAAAjD,OAAA;IAEnCiD,QAAA,CAAAjD,OAAA;IACE,CAAAuD,oBAAY,GAAAL,WAAA,CAAAlD,OAAA,cAAAuD,oBAAA,uBAAAA,oBAAA,CAAArD,IAAA,CAAAgD,WAAA,EAAAI,IAAA;EACV;EAAiE,IACnEE,cAAA,GAAA1F,WAAA,WAAAwF,IAAA;IACA,IAACvC,UAAA;MACHsC,UAAA,CAAAC,IAAA;MAEA;IACE;IACA,IAAAL,QAAS,CAAAjD,OAAU,aAAAoD,YAAA,CAAAH,QAAA,CAAAjD,OAAA;IACnBiD,QAAA,CAAAjD,OAAY,GAAAyD,UAAc;MACxB,OAACJ,UAAA,CAAAC,IAAA;IAEL,GAAAvC,UAAM;EAAiB,GACpB,CACCA,UAAI,EACFsC,UAAA,CACA;EAAA,IACFK,SAAA,GAAA5F,WAAA,WAAAwF,IAAA,EAAAK,WAAA;IACA,KAAAf,YAAa,KAAAe,WAAY,EAAWb,eAAa,CAAAQ,IAAA;IACjDK,WAAS,aAAUA,WAAW,KAAM,SAAW,KAAI,IAAGA,WAAU,CAAAL,IAAA;IAClE3C,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAA2C,IAAA;IACAE,cAAa,CAAAF,IAAA;EACf,IAEAV,YAAM,EACJjC,QAAe,EACb6C,cAAK,CACL;EACA,IAAAI,SAAA,GAAW9F,WAAI,WAAA6F,WAAA;IACf,IAAAE,mBAAmB;IACrB,KAAAjB,YAAA,KAAAe,WAAA,EAAAb,eAAA;IACAa,WAAC,KAAc,QAAAA,WAAU,KAAc,kBAAAA,WAAA;IACzChD,QAAA,aAAAA,QAAA,uBAAAA,QAAA;IAEA0C,UAAM;IACJ,CAACQ,mBAAyC,GAAAV,UAAA,CAAAnD,OAAA,cAAA6D,mBAAA,uBAAAA,mBAAA,CAAA3D,IAAA,CAAAiD,UAAA;IACxCvD,SAAK,CAAAoD,QAAA;EACL,IACAJ,YAAA,EACAjC,QAAA,EACA0C,UAAA,CAGA;EAAkB,IACpBS,gBAAA,GAAA/B,QAAA,aAAAA,QAAA,cAAAA,QAAA,GAAAQ,MAAA,CAAAR,QAAA;EAAA,IACCgC,WAAA,GAAc;IACjBxC,IAAA,EAAAc,YAAA;IAEA,cAAM,EAAAH,SAAmB,CAAA8B,OAAA;IACzB,WAAM,EAAAxB,MAAc,CAAAH,YAAA;IAClB,oBAAM,EAAAG,MAAA,CAAAE,YAAA;IACN,kBAAgB,EAAAC,UAAU;IAC1B,kBAAa,EAAO;IACpB,IAAAA,UAAA;MACAsB,OAAA,EAAArG,kBAAoB,CAAA8E,YAAsB;IAC1C;EAAoB;EAEtB,IAAAwB,eAAA,GAAAzC,UAAA;IAEA0C,WAAM;IAEAC,eAAa;IACbC,UAAA;MACAC,WAAY;MACV,GAAAnC,OAAA,CAAAoC;IAAa;IAEfC,UAAA;MACAF,WAAY;MACV,GAAAnC,OAAA,CAAAsC;IAAa;EACF,IACb;EACF,IACAC,UAAA;IAEJlF,EAAA;IACEmC,KAAA;IACAC,UAAA;IACAP,UAAA;IACAD,QAAA;IACAF,QAAA;IACAK,IAAA,EAAAc,YAAA;IACAH,SAAM;IACNlB,WAAA;IACA,cAAAc;EAAA;EAEF,IAAA6C,eAAA,GAAAxG,KAAA;IAEAyG,QAAM;IAEA,aAAU;IACVC,WAAA,WAAeA,YAAAC,CAAA;MACf,IAAAC,iBAAqD;MACnD,CAAAA,iBAAE,GAAiBD,CAAA,CAAAE,cAAA,cAAAD,iBAAA,uBAAAA,iBAAA,CAAA7E,IAAA,CAAA4E,CAAA;MACnB,IAAI,CAAC5D,QAAA,IAAY,CAACC,QAAA,EAAUvB,SAAA,CAAUoD,QAAQ;IAChD;EACF,IACA;IACEiC,SAAA,EAAW;IACXC,2BAAA,EAA6B;IAC7BC,yBAAA,EAA2B;IAC3BC,OAAA,EAAS,SAAMA,QAAA;MACb,IAAI,CAAClE,QAAA,IAAY,CAACC,QAAA,EAAUvB,SAAA,CAAUoD,QAAQ;IAChD;EACF;EAEJ,IAAAqC,SAAM,YAAaC,UAAiBA,CAAAtF,OAAsC,EAAA2D,WAAuB,EAAA4B,QAAA;IAC/F,IAAAC,SAAM,GAAAC,OAAY,CAAAxE,SAAQ,KAAAC,QAAc,KAAAC,QAAa,IAAAnB,OAAY;IACjE,IAAA0F,SAAM;MACJlG,EAAA;MACAmG,IAAA,EAAM;MACN,cAAchE,KAAA,GAAQ,SAAaG,SAAA,KAAa,IAAE,IAAAA,SAAQ,cAAAA,SAAA,GAAAnD,CAAA;MAC1D,gBAAgB4G,QAAA,IAAY;MAC5B,iBAAiBnE,QAAA,IAAY;MAC7B,iBAAiBD,QAAA,IAAY;MAC7ByE,IAAA,EAAM;MACNC,YAAA,EAAc;MACdC,UAAA,EAAY;MACZC,SAAA,EAAW;MACXC,YAAA,EAAc;MACdvF,KAAA,EAAOT,OAAA;MACPkB,QAAA;MACAC,QAAA;MACAH,WAAA;MACAiF,kBAAA,EAAoB;MACpBC,gBAAA,EAAkBV,SAAA,GAAY,IAAI;MAClCW,SAAA,EAAWhI,KAAA,GAAQ,kCAAkC;MACrDiI,YAAA,EAAc;MACdC,YAAA,EAAc;MACdC,YAAA,EAAc;MACd9B,UAAA,EAAY;QACV4B,YAAA,EAAc;QACdC,YAAA,EAAc;QACdC,YAAA,EAAc;MAChB;MACAC,iBAAA,EAAmB;QACjBH,YAAA,EAAc;QACdC,YAAA,EAAc;QACdC,YAAA,EAAc;MAChB;MACAE,SAAA,EAAW,SAAsBA,UAAA1B,CAAA;QAC/B,IAAIA,CAAA,CAAE2B,GAAA,KAAQ,UAAU;UACtB,IAAI,CAACzG,OAAA,EAAS;UACd8E,CAAA,CAAEE,cAAA,CAAe;UACjBpB,SAAA,CAAUD,WAAW;QACvB,WAAWmB,CAAA,CAAE2B,GAAA,KAAQ,SAAS;UAC5BpD,UAAA,CAAWrD,OAAO;QACpB;MACF;MACA0G,eAAA,EAAiB,SAAMA,eAAkBA,CAAA;QACzC,OAAGrD,UAAA,CAAArD,OAAA;MACL;MAEA,GAAAgC;IACE;IAAY,OAAX,eAAA1E,KAAA,CAAAkB,UAAA,CAAAmI,GAAA;MAAA,GACE5C,WAAG;MAAA7C,QACJ;MAAA,GACCgD,eAAG;MAAA,IACHqB,QAAI;QAELqB,KAAA;MAAA;MAAAC,QAAC,GAAW,eAAXzJ,IAAA,CAAAoB,UAAA,CAAAsI,IAAA;QAAAC,SACC,WAAU;QAAAC,KACV,EAAAvI,iBAAO,CAAAwI,QAAkB;QAAAd,SACzB,EAAAhI,KAAW,sBAAQ,QAAsB;QAAA,GAAAwG,eACrC;QAAAkC,QAEJ,iBAAAzJ,IAAA,CAAAG,mBAAC;UAA4CgE,IAAA,EAAAuC;QAC/C;MAAA,EACA,iBAAY1G,IAAA,CAAAoB,UAAA,CAAA0I,IAAA;QAAArH,GAAX,EAAAmD,QAAA;QAAA,GAAA0C,SACM;QAAAyB,YACD,WAAAA,aAAA7D,IAAA;UAAA,OACJI,SAAc,CAACJ,IAAA,EAAAK,WAAiB;QAA2B;MAAA,EAC7D,EAAA6B,SACC,kBACCpI,IAAA,CAAAc,IAAA;QAAAyH,IAAC;QAAAf,QAAA;QAAA,YACM,EAAAjG,CAAA;QAAAwH,SACL,EAAAhI,KAAU;QAAA,cACV,EAAAuE,YAAc;QAAc0E,KAC5B,EAAA1E,YAAW;QAA4B2E,MACvC,EAAA3E,YAAc;QAAA4E,UACd,EAAO;QAAAC,cACC;QAAAC,MACR,WAAW;QAAApB,YACX;QAAe/B,UACf,EAAO;UAAAoD,OACP;QAAc;QACWC,UACzB;UAA2BD,OAC3B;QAA8B;QACOjD,UACrC;UAAS4B,YACT,EAAY;QAAA;QAC6CG,iBAChD,EAAM;UAAqBH,YACpC,EACG;QACC;QACEqB,OAAA,MAAE;QACFE,UAAE;QACF1D,OAAA,EAAAtB,UAAU,GAAA/E,kBAAW,CAAA8E,YAAA;QAAA0C,OACvB,WAAAA,QAAA;UAAA,OACFxB,SAAA,CAAAD,WAAA;QAAA;QAGF6C,SAAC,WAAAA,UAAA1B,CAAA;UAAA,IAAAA,CAAA,CAAA2B,GAAA,gBAAA3B,CAAA,CAAA2B,GAAA;YAAA3B,CAAA,CAAAE,cACY;YAAiCF,CAAA,CAAA8C,eACjC;YAAAhE,SACX,CAAAD,WAAe;UAAA;QAIf;QAAAkD,QACF,iBAAAzJ,IAAA,CAAAc,IAAA;UAAAiI,SAAA,EAAAhI,KAAA;UACFmJ,UACE;UAAAC,cAAA;UAAAV,QAAA,iBAAAzJ,IAAA,CAAAoB,UAAA,CAAAsI,IAAA;YACN;YAEJE,KAAA,EAAAvI,iBAAA,CAAAwI,QAAA;YAEIJ,QAAU,iBAAAzJ,IAAA,CAAAI,KAAA;cAEV+D,IAAA,EAAAuC;YAMJ;UAEK;QACH,CACE;MAIJ;IAGG;EAAA;EAAA,IACCpC,QAAM;IAAA,OACN,eAAAtE,IAAA,CAAAkB,WAAA;MACA,GAAAoG,UAAA;MACApD,KAAA;MAECuF,QAAA,iBAAWzJ,IAAA,CAAAoB,UAAA;QACV+C,IAAA,EAAMc,YAAA;QACNwE,QACE,iBAAAzJ,IAAA,CAAAgB,QAAA;UAACyJ,OAAA;UAAAT,KAAA;UAAAC,MACK,EAAA3E;QAAA;MACG;IAC8C;EAGlD;EAC+B,KAAAT,YAC7B,KAAS5B,IAAA,EAAM;IAA0B,sBACxCjD,IAAA,CAAAkB,WAAA;MAAA,GAAAoG,UAEN;MAAApD,KAAA;MAAAR,MACF;MAEJ+F,QAAA,iBAAAzJ,IAAA,CAAAoB,UAAA;QAAA+C,IAAA,EAAAc,YAAA;QACFwE,QAAA,EAAAxB,SAAA,CAAAtC,cAAA,YAAAzB,KAAA;MAEJ","ignoreList":[]}