@astryxdesign/core 0.7.8 → 0.7.9-canary.0200dfe

package/dist/Tokenizer/Tokenizer.js

@@ -8,8 +8,8 @@
  *   useAdaptivePresentation, and TokenizerBottomSheet (lazy)
  * @output Exports Tokenizer multi-select typeahead component
  * @position Composed component; forwards DOM ref and exposes focus control via
- *   handleRef. The `presentation` prop swaps the inline combobox for a
- *   trigger that opens TokenizerBottomSheet.
+ *   handleRef. The `presentation` prop swaps the inline combobox for a field
+ *   box whose trigger opens TokenizerBottomSheet.
  *
  * SYNC: When modified, update:
  * - /packages/core/src/Tokenizer/index.ts
@@ -25,6 +25,7 @@ import { CommittedChoicesKeyContext } from "../Typeahead/committedChoicesKey.js"
 import { useFieldInputStyling } from "../Field/fieldParts.js";
 import { inputDisabledFocusStyles } from "../Field/inputDisabledFocus.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
+import { hasInteractiveAncestor } from "../hooks/useClickableContainer.js";
 import { TokenizerClearAllMessageContext } from "./TokenizerClearAllMessageContext.js";
 import { TokenizerItemRemovableContext } from "./TokenizerItemRemovableContext.js";
 import { useBusyAnnouncement } from "../hooks/useBusyAnnouncement.js";
@@ -167,14 +168,39 @@ const styles = {
     kzqmXN: "x1xgy17j",
     $$css: true
   },
-  sheetTrigger: {
+  sheetField: {
     kzqmXN: "xh8yej3",
+    kkrTdU: "x1ypdohk x16khyan",
+    $$css: true
+  },
+  sheetFieldDisabled: {
+    kkrTdU: "xt0e3qv",
+    $$css: true
+  },
+  sheetTrigger: {
+    kysU6D: "xjyslct",
+    kzQI83: "x1iyjqo2",
+    kSGwAc: "xkh2ocl",
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    k7Eaqz: "xeuugli",
+    kmVPX3: "x1717udv",
+    kogj98: "x1ghz6dp",
+    kMzoRj: "xc342km",
+    ksu8eU: "xng3xce",
+    kWkggS: "xjbqb8w",
     kMv6JI: "xjb2p0i",
     kGuDYH: "x1qlqyl8",
+    kLWn49: "x15bjb6t",
     kMwMTN: "x1heor9g",
     k9WMMc: "x1yc453h",
-    kysU6D: "xjyslct",
     kkrTdU: "x1ypdohk x16khyan",
+    kI3sdo: "x1a2a7pz",
+    $$css: true
+  },
+  sheetTriggerWithTokens: {
+    kVAEAm: "x10l6tqk",
+    kpwlN0: "x10a8y8t",
     $$css: true
   },
   sheetTriggerDisabled: {
@@ -554,7 +580,7 @@ export function Tokenizer({
   // Props that describe the inline combobox have no surface in the sheet
   // presentation. Say so once in development rather than dropping them
   // silently (`architecture:public-component-api` INV3).
-  const inertSheetProps = isSheetPresentation ? [['renderItem', renderItem], ['renderToken', renderToken], ['endContent', endContent], ['hasClear', hasClear || undefined], ['hasEntriesOnFocus', hasEntriesOnFocus || undefined], ['menuWidth', menuWidth], ['tokenOverflowBehavior', tokenOverflowBehavior], ['hasAutoFocus', hasAutoFocus || undefined]].filter(([, v]) => v !== undefined && v !== 'none').map(([name]) => name) : [];
+  const inertSheetProps = isSheetPresentation ? [['renderItem', renderItem], ['hasClear', hasClear || undefined], ['hasEntriesOnFocus', hasEntriesOnFocus || undefined], ['menuWidth', menuWidth], ['tokenOverflowBehavior', tokenOverflowBehavior], ['hasAutoFocus', hasAutoFocus || undefined]].filter(([, v]) => v !== undefined && v !== 'none').map(([name]) => name) : [];
   const inertSheetPropsKey = inertSheetProps.join(',');
   useEffect(() => {
     if (inertSheetPropsKey === '') {
@@ -615,9 +641,27 @@ export function Tokenizer({
     };
   }, [tooltipAnchorRef]);
 
+  // A swap also removes `endContent` and a custom token's remove. If focus is
+  // in the box when it detaches, the new control takes it. The box also anchors
+  // the disabled-message tooltip.
+  const sheetFieldCallbackRef = useCallback(el => {
+    tooltipAnchorRef(el);
+    if (el == null) {
+      return;
+    }
+    return () => {
+      if (el.contains(el.ownerDocument.activeElement)) {
+        isFocusPendingHandOffRef.current = true;
+      }
+      tooltipAnchorRef(null);
+    };
+  }, [tooltipAnchorRef]);
+
   // The sheet presentation has no input; the public ref reaches the trigger,
-  // the control it stands for (`family:input-fields` FR10).
-  const triggerMergedRef = useMergedRefs(triggerRef, ref, disabledMessageTooltip.ref, handOffFocusRef);
+  // the control it stands for (`family:input-fields` FR10). The
+  // disabled-message tooltip anchors to the field box around it, as it
+  // anchors to the inline field's wrapper.
+  const triggerMergedRef = useMergedRefs(triggerRef, ref, handOffFocusRef);
   useImperativeHandle(handleRef, () => ({
     focus() {
       (isSheetPresentation ? triggerRef : inputRef).current?.focus();
@@ -639,6 +683,11 @@ export function Tokenizer({
   // `endContent`, a clear button, or all three — so its width is measured
   // rather than assumed, and the input reserves it.
   const [laneRef, laneReserve] = useEndLaneReserve(END_LANE_INSET);
+  // `laneRef` publishes the lane's width, so token rows and the placeholder
+  // stop short of it. `sheetLaneRef` tells a tap in the lane from a tap on the
+  // field.
+  const sheetLaneRef = useRef(null);
+  const sheetLaneMergedRef = useMergedRefs(laneRef, sheetLaneRef);
   // A composing component can lock tokens (PowerSearch's read-only filters
   // and read-only field). No remove path removes a locked token.
   const isItemRemovable = use(TokenizerItemRemovableContext);
@@ -1070,83 +1119,80 @@ export function Tokenizer({
       })]
     })]
   });
+
+  // A `renderToken` token's own remove control in the sheet field removes at
+  // once, as it does in the inline field. Its control leaves with it, so
+  // focus moves to the trigger.
+  const handleSheetTokenRemove = item => {
+    if (handleRemove(item)) {
+      triggerRef.current?.focus();
+    }
+  };
+  // A tap on a token, the placeholder or empty space opens the sheet, as a tap
+  // on the trigger does. The trigger, `endContent` and a custom token's
+  // controls handle their own clicks.
+  const handleSheetFieldClick = event => {
+    const trigger = triggerRef.current;
+    const target = event.target;
+    if (trigger == null || !(target instanceof Element)) {
+      return;
+    }
+    if (trigger.contains(target) || sheetLaneRef.current?.contains(target) || hasInteractiveAncestor(target, event.currentTarget)) {
+      return;
+    }
+    trigger.click();
+  };
+
+  // The caller's onFocus and onBlur report focus entering and leaving the whole
+  // box, as for the inline wrapper. A move between the trigger, `endContent`
+  // and a custom token's controls stays inside the field.
+  const handleSheetFieldFocus = event => {
+    // BottomSheet focuses the trigger only after its exit completes; that
+    // focus is the signal that the retained sheet can leave. If the
+    // resolution moved to the popover meanwhile, the inline input takes the
+    // focus over once it mounts.
+    const isReturningFromSheet = event.target === triggerRef.current && !isSheetOpen && isSheetPresented;
+    if (isReturningFromSheet) {
+      setIsSheetPresented(false);
+    }
+    const relatedTarget = event.relatedTarget;
+    if (relatedTarget instanceof Node && event.currentTarget.contains(relatedTarget)) {
+      return;
+    }
+    // Focus that returns from the field's own sheet, or that a presentation swap
+    // hands over, does not enter from outside. The caller's onFocus stays quiet
+    // for it (`family:input-fields` FR10).
+    const isInsideTheField = isReturningFromSheet && hasReportedFocusRef.current || isHandingOffFocusRef.current;
+    if (!isInsideTheField) {
+      hasReportedFocusRef.current = true;
+      onFocus?.(event);
+    }
+  };
+  const handleSheetFieldBlur = event => {
+    // Focus moving into the sheet, or to another control in the box, is
+    // still the field's. Only a blur to somewhere else reports.
+    const relatedTarget = event.relatedTarget;
+    if (isSheetOpen || relatedTarget instanceof Node && event.currentTarget.contains(relatedTarget)) {
+      return;
+    }
+    hasReportedFocusRef.current = false;
+    isFocusPendingHandOffRef.current = false;
+    onBlur?.(event);
+  };
   let tokenizerContent;
   if (isSheetPresentation) {
     tokenizerContent = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs("button", {
-        ...restWithoutClick,
-        ref: triggerMergedRef,
-        type: "button",
-        id: inputId,
-        "aria-labelledby": fieldLabelledBy,
-        "aria-haspopup": "dialog",
-        "aria-expanded": isSheetOpen,
-        "aria-disabled": isDisabled || undefined
-        // The description is what the inline input's is, in its order —
-        // the caller's ids, the field description, the status message, the
-        // disabled reason (`spec:AST-085` FR5: a disabled control exposes
-        // its description and reason on itself) — then the hidden count and
-        // the rendered tokens themselves, each by id: the
-        // accessible-description algorithm reads the referenced elements in
-        // order and separates them, so every label renders once
-        // (`architecture:component-style-authoring` INV7) and no locale's
-        // list punctuation is written here (AR6).
-        ,
-        "aria-describedby": [ariaDescribedByProp, ariaDescribedBy, value.length > 0 ? triggerTokensId : null, ...value.map(item => tokenElementId(item.id))].filter(Boolean).join(' ') || undefined
-        // The open runs first and the caller's onClick after it, as the
-        // inline input composes its click: a caller observes the click but
-        // cannot cancel the field's own handling
-        // (`family:input-fields` FR10).
-        ,
-        onClick: composeEventHandlers(() => {
-          if (isDisabled) {
-            return;
-          }
-          setIsSheetPresented(true);
-          setSheetInitialQuery(sheetQueryRef.current);
-          setIsSheetOpen(true);
-        },
-        // Typed for the input by the base props; here the control is the
-        // trigger button, and the handler only reads the event.
-        callerOnClick),
-        onFocus: event => {
-          // BottomSheet focuses the trigger only after its exit completes;
-          // that focus is the signal that the retained sheet can leave. If
-          // the resolution moved to the popover meanwhile, the inline input
-          // takes the focus over once it mounts. The field's own sheet is
-          // part of the field: focus coming back from it, or handed over by
-          // a presentation swap, is not focus entering from outside, so the
-          // caller's onFocus — "when focus enters the tokenizer from
-          // outside" — stays quiet for it (`family:input-fields` FR10).
-          const isReturningFromSheet = !isSheetOpen && isSheetPresented;
-          if (isReturningFromSheet) {
-            setIsSheetPresented(false);
-          }
-          const isInsideTheField = isReturningFromSheet && hasReportedFocusRef.current || isHandingOffFocusRef.current;
-          if (!isInsideTheField) {
-            hasReportedFocusRef.current = true;
-            onFocus?.(event);
-          }
-        },
-        onBlur: event => {
-          // Focus moving into the sheet is still the field's: the flag
-          // stays, and the caller's onBlur — "when focus leaves the
-          // tokenizer entirely" — stays quiet. Only a blur to somewhere
-          // else reports.
-          if (isSheetOpen) {
-            return;
-          }
-          hasReportedFocusRef.current = false;
-          isFocusPendingHandOffRef.current = false;
-          onBlur?.(event);
-        },
-        onKeyDown: onKeyDown,
+      children: [/*#__PURE__*/_jsxs("div", {
+        ref: sheetFieldCallbackRef,
+        onClick: handleSheetFieldClick,
+        onFocus: handleSheetFieldFocus,
+        onBlur: handleSheetFieldBlur,
         ...mergeProps(themeProps('tokenizer', {
           size,
           status: status?.type,
           disabled: isDisabled ? 'disabled' : null
-        }), stylex.props(inputWrapperStyles.base, styles.wrapper, styles.sheetTrigger,
-        // The trigger keeps the inline field's height for its size step,
+        }), stylex.props(inputWrapperStyles.base, styles.wrapper, styles.sheetField, isDisabled && styles.sheetFieldDisabled,
+        // The field keeps the inline field's height for its size step,
         // as Selector's bottom-sheet trigger does; the sheet's own rows
         // and search field carry the touch-sized targets.
         sizeStyles[size], value.length > 0 && styles.wrapperWithTokens, isDisabled && inputWrapperStyles.disabled, isDisabled && styles.sheetTriggerDisabled, status && inputStatusBorderStyles[status.type], status && !isDisabled && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], controlXstyle), controlClassName, controlStyle),
@@ -1161,29 +1207,83 @@ export function Tokenizer({
             size: 'sm',
             color: 'secondary'
           })
-        }), value.length > 0 ? value.map(item => /*#__PURE__*/_jsx(Token, {
+        }), /*#__PURE__*/_jsx("button", {
+          ...restWithoutClick,
+          ref: triggerMergedRef,
+          type: "button",
+          id: inputId,
+          "aria-labelledby": fieldLabelledBy,
+          "aria-haspopup": "dialog",
+          "aria-expanded": isSheetOpen,
+          "aria-disabled": isDisabled || undefined
+          // The description follows the inline input's order: the caller's
+          // ids, the field description, the status message, then the
+          // disabled reason (`spec:AST-085` FR5). The hidden count and the
+          // token labels follow, each by id. The algorithm separates
+          // referenced elements, so no list punctuation is written here
+          // (AR6). A default token is display-only and is its own label. A
+          // custom token can hold controls, so a hidden copy of its item
+          // label stands in.
+          ,
+          "aria-describedby": [ariaDescribedByProp, ariaDescribedBy, value.length > 0 ? triggerTokensId : null, ...value.map(item => tokenElementId(item.id))].filter(Boolean).join(' ') || undefined
+          // The open runs first and the caller's onClick after it, as the
+          // inline input composes its click: a caller observes the click but
+          // cannot cancel the field's own handling
+          // (`family:input-fields` FR10).
+          ,
+          onClick: composeEventHandlers(() => {
+            if (isDisabled) {
+              return;
+            }
+            setIsSheetPresented(true);
+            setSheetInitialQuery(sheetQueryRef.current);
+            setIsSheetOpen(true);
+          },
+          // Typed for the input by the base props; here the control is the
+          // trigger button, and the handler only reads the event.
+          callerOnClick),
+          onKeyDown: onKeyDown,
+          ...stylex.props(styles.sheetTrigger, value.length > 0 && styles.sheetTriggerWithTokens,
+          // With no token the placeholder stops short of the end lane, as
+          // the inline input's text does.
+          value.length === 0 && laneReserve),
+          children: value.length === 0 && /*#__PURE__*/_jsx("span", {
+            ...{
+              0: {
+                className: "xv1l7n4 x7a5moj"
+              },
+              1: {
+                className: "x7a5moj xv1l7n4 x1bhcspo"
+              }
+            }[!!isDisabled << 0],
+            children: placeholder ?? ''
+          })
+        }), value.map(item => renderToken ? /*#__PURE__*/_jsx("span", {
+          ...{
+            className: "x78zum5 x2lah0s x193iq5w x1n2onr6 x1vjfegm"
+          },
+          children: renderToken(item, () => handleSheetTokenRemove(item))
+        }, item.id) : /*#__PURE__*/_jsx(Token, {
           id: tokenElementId(item.id),
           label: item.label,
           size: size,
           isDisabled: isDisabled,
           xstyle: isDisabled ? styles.sheetTokenDisabled : undefined
-        }, item.id)) : /*#__PURE__*/_jsx("span", {
-          ...{
-            0: {
-              className: "xv1l7n4 x7a5moj"
-            },
-            1: {
-              className: "x7a5moj xv1l7n4 x1bhcspo"
-            }
-          }[!!isDisabled << 0],
-          children: placeholder ?? ''
+        }, item.id)), isRenderable(endContent) && /*#__PURE__*/_jsx("div", {
+          ref: sheetLaneMergedRef,
+          ...stylex.props(styles.endSection, endSectionSizeStyles[size]),
+          children: endContent
         })]
       }), value.length > 0 && /*#__PURE__*/_jsx(VisuallyHidden, {
         id: triggerTokensId,
         children: t('@astryx.tokenizer.selectedCount', {
           count: value.length
         })
-      }), htmlName != null && !isDisabled && value.map(item => /*#__PURE__*/_jsx("input", {
+      }), renderToken != null && value.map(item => /*#__PURE__*/_jsx("span", {
+        id: tokenElementId(item.id),
+        hidden: true,
+        children: item.label
+      }, item.id)), htmlName != null && !isDisabled && value.map(item => /*#__PURE__*/_jsx("input", {
         type: "hidden",
         name: htmlName,
         value: item.id

package/dist/Tooltip/useTooltip.d.ts

@@ -104,7 +104,8 @@ export interface TooltipReturn {
     ref: RefCallback<HTMLElement>;
     /**
      * Ref for the positioning anchor element.
-     * Injects anchorName style for CSS anchor positioning.
+     * While the layer is shown, and until its exit animation ends, the trigger
+     * carries the layer's CSS anchor name.
      */
     positionRef: RefCallback<HTMLElement>;
     /**
@@ -116,6 +117,7 @@ export interface TooltipReturn {
     /**
      * The CSS anchor name to use for positioning.
      * Use this when you need to set anchorName manually (e.g., display:contents wrapper).
+     * Set it only while the layer is shown or its exit animation runs.
      */
     anchorId: string;
     /**

package/dist/Tooltip/useTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/useTooltip.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AAEH,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AA8ClC;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAEnC;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAEnC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAE9B;;;OAGG;IACH,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC;;;;OAIG;IACH,cAAc,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEzC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;;;;OAOG;IACH,aAAa,EAAE,CACb,QAAQ,EAAE,SAAS,EACnB,KAAK,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,KAC5C,SAAS,CAAC;IAEf;;;;;;;;;;;;OAYG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IAEjB;;;OAGG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,wBAAgB,UAAU,CAAC,OAAO,GAAE,cAAmB,GAAG,aAAa,CAomBtE"}
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/useTooltip.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AAEH,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AA+ClC;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAEnC;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAEnC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAE9B;;;;OAIG;IACH,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC;;;;OAIG;IACH,cAAc,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEzC;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;;;;OAOG;IACH,aAAa,EAAE,CACb,QAAQ,EAAE,SAAS,EACnB,KAAK,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,KAC5C,SAAS,CAAC;IAEf;;;;;;;;;;;;OAYG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IAEjB;;;OAGG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,wBAAgB,UAAU,CAAC,OAAO,GAAE,cAAmB,GAAG,aAAa,CAqsBtE"}