@anoki/fse-ui 2.3.0-5-SNAPSHOT2 → 2.3.0-5-SNAPSHOT3

package/dist/index.es468.js

@@ -1,55 +1,5 @@
-import * as n from "react";
-import { useLayoutEffect as v } from "./index.es502.js";
-var E = n[" useInsertionEffect ".trim().toString()] || v;
-function y({
-  prop: t,
-  defaultProp: u,
-  onChange: o = () => {
-  },
-  caller: i
-}) {
-  const [l, e, r] = w({
-    defaultProp: u,
-    onChange: o
-  }), c = t !== void 0, a = c ? t : l;
-  {
-    const s = n.useRef(t !== void 0);
-    n.useEffect(() => {
-      const f = s.current;
-      f !== c && console.warn(
-        `${i} is changing from ${f ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), s.current = c;
-    }, [c, i]);
-  }
-  const m = n.useCallback(
-    (s) => {
-      var f;
-      if (c) {
-        const d = R(s) ? s(t) : s;
-        d !== t && ((f = r.current) == null || f.call(r, d));
-      } else
-        e(s);
-    },
-    [c, t, e, r]
-  );
-  return [a, m];
-}
-function w({
-  defaultProp: t,
-  onChange: u
-}) {
-  const [o, i] = n.useState(t), l = n.useRef(o), e = n.useRef(u);
-  return E(() => {
-    e.current = u;
-  }, [u]), n.useEffect(() => {
-    var r;
-    l.current !== o && ((r = e.current) == null || r.call(e, o), l.current = o);
-  }, [o, l]), [o, i, e];
-}
-function R(t) {
-  return typeof t == "function";
-}
+var o = { exports: {} };
 export {
-  y as useControllableState
+  o as __module
 };
 //# sourceMappingURL=index.es468.js.map

package/dist/index.es468.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es468.js","sources":["../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"],"sourcesContent":["// src/use-controllable-state.tsx\nimport * as React from \"react\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nvar useInsertionEffect = React[\" useInsertionEffect \".trim().toString()] || useLayoutEffect;\nfunction useControllableState({\n  prop,\n  defaultProp,\n  onChange = () => {\n  },\n  caller\n}) {\n  const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({\n    defaultProp,\n    onChange\n  });\n  const isControlled = prop !== void 0;\n  const value = isControlled ? prop : uncontrolledProp;\n  if (true) {\n    const isControlledRef = React.useRef(prop !== void 0);\n    React.useEffect(() => {\n      const wasControlled = isControlledRef.current;\n      if (wasControlled !== isControlled) {\n        const from = wasControlled ? \"controlled\" : \"uncontrolled\";\n        const to = isControlled ? \"controlled\" : \"uncontrolled\";\n        console.warn(\n          `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`\n        );\n      }\n      isControlledRef.current = isControlled;\n    }, [isControlled, caller]);\n  }\n  const setValue = React.useCallback(\n    (nextValue) => {\n      if (isControlled) {\n        const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;\n        if (value2 !== prop) {\n          onChangeRef.current?.(value2);\n        }\n      } else {\n        setUncontrolledProp(nextValue);\n      }\n    },\n    [isControlled, prop, setUncontrolledProp, onChangeRef]\n  );\n  return [value, setValue];\n}\nfunction useUncontrolledState({\n  defaultProp,\n  onChange\n}) {\n  const [value, setValue] = React.useState(defaultProp);\n  const prevValueRef = React.useRef(value);\n  const onChangeRef = React.useRef(onChange);\n  useInsertionEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n  React.useEffect(() => {\n    if (prevValueRef.current !== value) {\n      onChangeRef.current?.(value);\n      prevValueRef.current = value;\n    }\n  }, [value, prevValueRef]);\n  return [value, setValue, onChangeRef];\n}\nfunction isFunction(value) {\n  return typeof value === \"function\";\n}\n\n// src/use-controllable-state-reducer.tsx\nimport * as React2 from \"react\";\nimport { useEffectEvent } from \"@radix-ui/react-use-effect-event\";\nvar SYNC_STATE = Symbol(\"RADIX:SYNC_STATE\");\nfunction useControllableStateReducer(reducer, userArgs, initialArg, init) {\n  const { prop: controlledState, defaultProp, onChange: onChangeProp, caller } = userArgs;\n  const isControlled = controlledState !== void 0;\n  const onChange = useEffectEvent(onChangeProp);\n  if (true) {\n    const isControlledRef = React2.useRef(controlledState !== void 0);\n    React2.useEffect(() => {\n      const wasControlled = isControlledRef.current;\n      if (wasControlled !== isControlled) {\n        const from = wasControlled ? \"controlled\" : \"uncontrolled\";\n        const to = isControlled ? \"controlled\" : \"uncontrolled\";\n        console.warn(\n          `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`\n        );\n      }\n      isControlledRef.current = isControlled;\n    }, [isControlled, caller]);\n  }\n  const args = [{ ...initialArg, state: defaultProp }];\n  if (init) {\n    args.push(init);\n  }\n  const [internalState, dispatch] = React2.useReducer(\n    (state2, action) => {\n      if (action.type === SYNC_STATE) {\n        return { ...state2, state: action.state };\n      }\n      const next = reducer(state2, action);\n      if (isControlled && !Object.is(next.state, state2.state)) {\n        onChange(next.state);\n      }\n      return next;\n    },\n    ...args\n  );\n  const uncontrolledState = internalState.state;\n  const prevValueRef = React2.useRef(uncontrolledState);\n  React2.useEffect(() => {\n    if (prevValueRef.current !== uncontrolledState) {\n      prevValueRef.current = uncontrolledState;\n      if (!isControlled) {\n        onChange(uncontrolledState);\n      }\n    }\n  }, [onChange, uncontrolledState, prevValueRef, isControlled]);\n  const state = React2.useMemo(() => {\n    const isControlled2 = controlledState !== void 0;\n    if (isControlled2) {\n      return { ...internalState, state: controlledState };\n    }\n    return internalState;\n  }, [internalState, controlledState]);\n  React2.useEffect(() => {\n    if (isControlled && !Object.is(controlledState, internalState.state)) {\n      dispatch({ type: SYNC_STATE, state: controlledState });\n    }\n  }, [controlledState, internalState.state, isControlled]);\n  return [state, dispatch];\n}\nexport {\n  useControllableState,\n  useControllableStateReducer\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useInsertionEffect","React","useLayoutEffect","useControllableState","prop","defaultProp","onChange","caller","uncontrolledProp","setUncontrolledProp","onChangeRef","useUncontrolledState","isControlled","value","isControlledRef","wasControlled","setValue","nextValue","value2","isFunction","_a","prevValueRef"],"mappings":";;AAGA,IAAIA,IAAqBC,EAAM,uBAAuB,KAAI,EAAG,SAAQ,CAAE,KAAKC;AAC5E,SAASC,EAAqB;AAAA,EAC5B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAAC;AACF,GAAG;AACD,QAAM,CAACC,GAAkBC,GAAqBC,CAAW,IAAIC,EAAqB;AAAA,IAChF,aAAAN;AAAA,IACA,UAAAC;AAAA,EACJ,CAAG,GACKM,IAAeR,MAAS,QACxBS,IAAQD,IAAeR,IAAOI;AAC1B;AACR,UAAMM,IAAkBb,EAAM,OAAOG,MAAS,MAAM;AACpD,IAAAH,EAAM,UAAU,MAAM;AACpB,YAAMc,IAAgBD,EAAgB;AACtC,MAAIC,MAAkBH,KAGpB,QAAQ;AAAA,QACN,GAAGL,CAAM,qBAHEQ,IAAgB,eAAe,cAGR,OAFzBH,IAAe,eAAe,cAEI;AAAA,MACrD,GAEME,EAAgB,UAAUF;AAAA,IAC5B,GAAG,CAACA,GAAcL,CAAM,CAAC;AAAA,EAC3B;AACA,QAAMS,IAAWf,EAAM;AAAA,IACrB,CAACgB,MAAc;;AACb,UAAIL,GAAc;AAChB,cAAMM,IAASC,EAAWF,CAAS,IAAIA,EAAUb,CAAI,IAAIa;AACzD,QAAIC,MAAWd,OACbgB,IAAAV,EAAY,YAAZ,QAAAU,EAAA,KAAAV,GAAsBQ;AAAA,MAE1B;AACE,QAAAT,EAAoBQ,CAAS;AAAA,IAEjC;AAAA,IACA,CAACL,GAAcR,GAAMK,GAAqBC,CAAW;AAAA,EACzD;AACE,SAAO,CAACG,GAAOG,CAAQ;AACzB;AACA,SAASL,EAAqB;AAAA,EAC5B,aAAAN;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAM,CAACO,GAAOG,CAAQ,IAAIf,EAAM,SAASI,CAAW,GAC9CgB,IAAepB,EAAM,OAAOY,CAAK,GACjCH,IAAcT,EAAM,OAAOK,CAAQ;AACzC,SAAAN,EAAmB,MAAM;AACvB,IAAAU,EAAY,UAAUJ;AAAA,EACxB,GAAG,CAACA,CAAQ,CAAC,GACbL,EAAM,UAAU,MAAM;;AACpB,IAAIoB,EAAa,YAAYR,OAC3BO,IAAAV,EAAY,YAAZ,QAAAU,EAAA,KAAAV,GAAsBG,IACtBQ,EAAa,UAAUR;AAAA,EAE3B,GAAG,CAACA,GAAOQ,CAAY,CAAC,GACjB,CAACR,GAAOG,GAAUN,CAAW;AACtC;AACA,SAASS,EAAWN,GAAO;AACzB,SAAO,OAAOA,KAAU;AAC1B;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es468.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index.es469.js

@@ -1,128 +1,18 @@
-import * as n from "react";
-import { composeEventHandlers as m } from "./index.es464.js";
-import { Primitive as R, dispatchDiscreteCustomEvent as k } from "./index.es473.js";
-import { useComposedRefs as g } from "./index.es465.js";
-import { useCallbackRef as w } from "./index.es503.js";
-import { useEscapeKeydown as U } from "./index.es504.js";
-import { j as x } from "./index.es241.js";
-var j = "DismissableLayer", p = "dismissableLayer.update", z = "dismissableLayer.pointerDownOutside", H = "dismissableLayer.focusOutside", L, T = n.createContext({
-  layers: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set()
-}), M = n.forwardRef(
-  (r, e) => {
-    const {
-      disableOutsidePointerEvents: i = !1,
-      onEscapeKeyDown: o,
-      onPointerDownOutside: t,
-      onFocusOutside: a,
-      onInteractOutside: l,
-      onDismiss: d,
-      ...v
-    } = r, c = n.useContext(T), [u, S] = n.useState(null), f = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = n.useState({}), W = g(e, (s) => S(s)), y = Array.from(c.layers), [A] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), N = y.indexOf(A), b = u ? y.indexOf(u) : -1, I = c.layersWithOutsidePointerEventsDisabled.size > 0, P = b >= N, _ = q((s) => {
-      const E = s.target, C = [...c.branches].some((h) => h.contains(E));
-      !P || C || (t == null || t(s), l == null || l(s), s.defaultPrevented || d == null || d());
-    }, f), D = G((s) => {
-      const E = s.target;
-      [...c.branches].some((h) => h.contains(E)) || (a == null || a(s), l == null || l(s), s.defaultPrevented || d == null || d());
-    }, f);
-    return U((s) => {
-      b === c.layers.size - 1 && (o == null || o(s), !s.defaultPrevented && d && (s.preventDefault(), d()));
-    }, f), n.useEffect(() => {
-      if (u)
-        return i && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (L = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), O(), () => {
-          i && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = L);
-        };
-    }, [u, f, i, c]), n.useEffect(() => () => {
-      u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), O());
-    }, [u, c]), n.useEffect(() => {
-      const s = () => F({});
-      return document.addEventListener(p, s), () => document.removeEventListener(p, s);
-    }, []), /* @__PURE__ */ x.jsx(
-      R.div,
-      {
-        ...v,
-        ref: W,
-        style: {
-          pointerEvents: I ? P ? "auto" : "none" : void 0,
-          ...r.style
-        },
-        onFocusCapture: m(r.onFocusCapture, D.onFocusCapture),
-        onBlurCapture: m(r.onBlurCapture, D.onBlurCapture),
-        onPointerDownCapture: m(
-          r.onPointerDownCapture,
-          _.onPointerDownCapture
-        )
-      }
-    );
-  }
-);
-M.displayName = j;
-var X = "DismissableLayerBranch", Y = n.forwardRef((r, e) => {
-  const i = n.useContext(T), o = n.useRef(null), t = g(e, o);
-  return n.useEffect(() => {
-    const a = o.current;
-    if (a)
-      return i.branches.add(a), () => {
-        i.branches.delete(a);
-      };
-  }, [i.branches]), /* @__PURE__ */ x.jsx(R.div, { ...r, ref: t });
-});
-Y.displayName = X;
-function q(r, e = globalThis == null ? void 0 : globalThis.document) {
-  const i = w(r), o = n.useRef(!1), t = n.useRef(() => {
-  });
-  return n.useEffect(() => {
-    const a = (d) => {
-      if (d.target && !o.current) {
-        let v = function() {
-          B(
-            z,
-            i,
-            c,
-            { discrete: !0 }
-          );
-        };
-        const c = { originalEvent: d };
-        d.pointerType === "touch" ? (e.removeEventListener("click", t.current), t.current = v, e.addEventListener("click", t.current, { once: !0 })) : v();
-      } else
-        e.removeEventListener("click", t.current);
-      o.current = !1;
-    }, l = window.setTimeout(() => {
-      e.addEventListener("pointerdown", a);
-    }, 0);
-    return () => {
-      window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", t.current);
+import { useEffect as l } from "react";
+const f = (t, n) => {
+  l(() => {
+    if (!n || !t.current) return;
+    const o = t.current.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    ), c = o[0], r = o[o.length - 1], s = (e) => {
+      e.key === "Tab" && (e.shiftKey ? document.activeElement === c && (r.focus(), e.preventDefault()) : document.activeElement === r && (c.focus(), e.preventDefault()));
+    }, u = document.activeElement;
+    return c.focus(), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s), n && (u == null || u.focus());
     };
-  }, [e, i]), {
-    // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => o.current = !0
-  };
-}
-function G(r, e = globalThis == null ? void 0 : globalThis.document) {
-  const i = w(r), o = n.useRef(!1);
-  return n.useEffect(() => {
-    const t = (a) => {
-      a.target && !o.current && B(H, i, { originalEvent: a }, {
-        discrete: !1
-      });
-    };
-    return e.addEventListener("focusin", t), () => e.removeEventListener("focusin", t);
-  }, [e, i]), {
-    onFocusCapture: () => o.current = !0,
-    onBlurCapture: () => o.current = !1
-  };
-}
-function O() {
-  const r = new CustomEvent(p);
-  document.dispatchEvent(r);
-}
-function B(r, e, i, { discrete: o }) {
-  const t = i.originalEvent.target, a = new CustomEvent(r, { bubbles: !1, cancelable: !0, detail: i });
-  e && t.addEventListener(r, e, { once: !0 }), o ? k(t, a) : t.dispatchEvent(a);
-}
+  }, [n, t]);
+};
 export {
-  M as DismissableLayer,
-  Y as DismissableLayerBranch
+  f as useFocusTrap
 };
 //# sourceMappingURL=index.es469.js.map

package/dist/index.es469.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es469.js","sources":["../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/dismissable-layer.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Primitive, dispatchDiscreteCustomEvent } from \"@radix-ui/react-primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { jsx } from \"react/jsx-runtime\";\nvar DISMISSABLE_LAYER_NAME = \"DismissableLayer\";\nvar CONTEXT_UPDATE = \"dismissableLayer.update\";\nvar POINTER_DOWN_OUTSIDE = \"dismissableLayer.pointerDownOutside\";\nvar FOCUS_OUTSIDE = \"dismissableLayer.focusOutside\";\nvar originalBodyPointerEvents;\nvar DismissableLayerContext = React.createContext({\n  layers: /* @__PURE__ */ new Set(),\n  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),\n  branches: /* @__PURE__ */ new Set()\n});\nvar DismissableLayer = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      disableOutsidePointerEvents = false,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      onDismiss,\n      ...layerProps\n    } = props;\n    const context = React.useContext(DismissableLayerContext);\n    const [node, setNode] = React.useState(null);\n    const ownerDocument = node?.ownerDocument ?? globalThis?.document;\n    const [, force] = React.useState({});\n    const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));\n    const layers = Array.from(context.layers);\n    const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);\n    const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);\n    const index = node ? layers.indexOf(node) : -1;\n    const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n    const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n    const pointerDownOutside = usePointerDownOutside((event) => {\n      const target = event.target;\n      const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n      onPointerDownOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    }, ownerDocument);\n    const focusOutside = useFocusOutside((event) => {\n      const target = event.target;\n      const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (isFocusInBranch) return;\n      onFocusOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    }, ownerDocument);\n    useEscapeKeydown((event) => {\n      const isHighestLayer = index === context.layers.size - 1;\n      if (!isHighestLayer) return;\n      onEscapeKeyDown?.(event);\n      if (!event.defaultPrevented && onDismiss) {\n        event.preventDefault();\n        onDismiss();\n      }\n    }, ownerDocument);\n    React.useEffect(() => {\n      if (!node) return;\n      if (disableOutsidePointerEvents) {\n        if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n          originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;\n          ownerDocument.body.style.pointerEvents = \"none\";\n        }\n        context.layersWithOutsidePointerEventsDisabled.add(node);\n      }\n      context.layers.add(node);\n      dispatchUpdate();\n      return () => {\n        if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {\n          ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;\n        }\n      };\n    }, [node, ownerDocument, disableOutsidePointerEvents, context]);\n    React.useEffect(() => {\n      return () => {\n        if (!node) return;\n        context.layers.delete(node);\n        context.layersWithOutsidePointerEventsDisabled.delete(node);\n        dispatchUpdate();\n      };\n    }, [node, context]);\n    React.useEffect(() => {\n      const handleUpdate = () => force({});\n      document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n      return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n    }, []);\n    return /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        ...layerProps,\n        ref: composedRefs,\n        style: {\n          pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? \"auto\" : \"none\" : void 0,\n          ...props.style\n        },\n        onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),\n        onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),\n        onPointerDownCapture: composeEventHandlers(\n          props.onPointerDownCapture,\n          pointerDownOutside.onPointerDownCapture\n        )\n      }\n    );\n  }\n);\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\nvar BRANCH_NAME = \"DismissableLayerBranch\";\nvar DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {\n  const context = React.useContext(DismissableLayerContext);\n  const ref = React.useRef(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n  React.useEffect(() => {\n    const node = ref.current;\n    if (node) {\n      context.branches.add(node);\n      return () => {\n        context.branches.delete(node);\n      };\n    }\n  }, [context.branches]);\n  return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });\n});\nDismissableLayerBranch.displayName = BRANCH_NAME;\nfunction usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {\n  const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);\n  const isPointerInsideReactTreeRef = React.useRef(false);\n  const handleClickRef = React.useRef(() => {\n  });\n  React.useEffect(() => {\n    const handlePointerDown = (event) => {\n      if (event.target && !isPointerInsideReactTreeRef.current) {\n        let handleAndDispatchPointerDownOutsideEvent2 = function() {\n          handleAndDispatchCustomEvent(\n            POINTER_DOWN_OUTSIDE,\n            handlePointerDownOutside,\n            eventDetail,\n            { discrete: true }\n          );\n        };\n        var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;\n        const eventDetail = { originalEvent: event };\n        if (event.pointerType === \"touch\") {\n          ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;\n          ownerDocument.addEventListener(\"click\", handleClickRef.current, { once: true });\n        } else {\n          handleAndDispatchPointerDownOutsideEvent2();\n        }\n      } else {\n        ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n      }\n      isPointerInsideReactTreeRef.current = false;\n    };\n    const timerId = window.setTimeout(() => {\n      ownerDocument.addEventListener(\"pointerdown\", handlePointerDown);\n    }, 0);\n    return () => {\n      window.clearTimeout(timerId);\n      ownerDocument.removeEventListener(\"pointerdown\", handlePointerDown);\n      ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n    };\n  }, [ownerDocument, handlePointerDownOutside]);\n  return {\n    // ensures we check React component tree (not just DOM tree)\n    onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true\n  };\n}\nfunction useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {\n  const handleFocusOutside = useCallbackRef(onFocusOutside);\n  const isFocusInsideReactTreeRef = React.useRef(false);\n  React.useEffect(() => {\n    const handleFocus = (event) => {\n      if (event.target && !isFocusInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event };\n        handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n          discrete: false\n        });\n      }\n    };\n    ownerDocument.addEventListener(\"focusin\", handleFocus);\n    return () => ownerDocument.removeEventListener(\"focusin\", handleFocus);\n  }, [ownerDocument, handleFocusOutside]);\n  return {\n    onFocusCapture: () => isFocusInsideReactTreeRef.current = true,\n    onBlurCapture: () => isFocusInsideReactTreeRef.current = false\n  };\n}\nfunction dispatchUpdate() {\n  const event = new CustomEvent(CONTEXT_UPDATE);\n  document.dispatchEvent(event);\n}\nfunction handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {\n  const target = detail.originalEvent.target;\n  const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n  if (handler) target.addEventListener(name, handler, { once: true });\n  if (discrete) {\n    dispatchDiscreteCustomEvent(target, event);\n  } else {\n    target.dispatchEvent(event);\n  }\n}\nvar Root = DismissableLayer;\nvar Branch = DismissableLayerBranch;\nexport {\n  Branch,\n  DismissableLayer,\n  DismissableLayerBranch,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["DISMISSABLE_LAYER_NAME","CONTEXT_UPDATE","POINTER_DOWN_OUTSIDE","FOCUS_OUTSIDE","originalBodyPointerEvents","DismissableLayerContext","React","DismissableLayer","props","forwardedRef","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","layerProps","context","node","setNode","ownerDocument","force","composedRefs","useComposedRefs","node2","layers","highestLayerWithOutsidePointerEventsDisabled","highestLayerWithOutsidePointerEventsDisabledIndex","index","isBodyPointerEventsDisabled","isPointerEventsEnabled","pointerDownOutside","usePointerDownOutside","event","target","isPointerDownOnBranch","branch","focusOutside","useFocusOutside","useEscapeKeydown","dispatchUpdate","handleUpdate","jsx","Primitive","composeEventHandlers","BRANCH_NAME","DismissableLayerBranch","ref","handlePointerDownOutside","useCallbackRef","isPointerInsideReactTreeRef","handleClickRef","handlePointerDown","handleAndDispatchPointerDownOutsideEvent2","handleAndDispatchCustomEvent","eventDetail","timerId","handleFocusOutside","isFocusInsideReactTreeRef","handleFocus","name","handler","detail","discrete","dispatchDiscreteCustomEvent"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es469.js","sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport const useFocusTrap = (\n  ref: React.RefObject<HTMLElement | null>,\n  isActive: boolean,\n) => {\n  useEffect(() => {\n    if (!isActive || !ref.current) return;\n\n    const focusableElements = ref.current.querySelectorAll(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    const firstFocusableElement = focusableElements[0] as HTMLElement;\n    const lastFocusableElement = focusableElements[\n      focusableElements.length - 1\n    ] as HTMLElement;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\") return;\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    };\n\n    const previousActiveElement = document.activeElement as HTMLElement;\n\n    firstFocusableElement.focus();\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n\n      if (isActive) {\n        previousActiveElement?.focus();\n      }\n    };\n  }, [isActive, ref]);\n};\n"],"names":["useFocusTrap","ref","isActive","useEffect","focusableElements","firstFocusableElement","lastFocusableElement","handleKeyDown","previousActiveElement"],"mappings":";AAEO,MAAMA,IAAe,CAC1BC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,QAAI,CAACD,KAAY,CAACD,EAAI,QAAS;AAE/B,UAAMG,IAAoBH,EAAI,QAAQ;AAAA,MACpC;AAAA,IAAA,GAEII,IAAwBD,EAAkB,CAAC,GAC3CE,IAAuBF,EAC3BA,EAAkB,SAAS,CAC7B,GAEMG,IAAgB,CAAC,MAAqB;AAC1C,MAAI,EAAE,QAAQ,UAEV,EAAE,WACA,SAAS,kBAAkBF,MAC7BC,EAAqB,MAAA,GACrB,EAAE,eAAA,KAGA,SAAS,kBAAkBA,MAC7BD,EAAsB,MAAA,GACtB,EAAE,eAAA;AAAA,IAGR,GAEMG,IAAwB,SAAS;AAEvC,WAAAH,EAAsB,MAAA,GAEtB,SAAS,iBAAiB,WAAWE,CAAa,GAE3C,MAAM;AACX,eAAS,oBAAoB,WAAWA,CAAa,GAEjDL,MACFM,KAAA,QAAAA,EAAuB;AAAA,IAE3B;AAAA,EACF,GAAG,CAACN,GAAUD,CAAG,CAAC;AACpB;"}

package/dist/index.es47.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es241.js";
 import './components/ui/CardMapDoctor/CardMapDoctor.css';/* empty css            */
 import { useRef as j } from "react";
-import { Checkbox as w, CheckboxIndicator as b } from "./index.es309.js";
-import { useClickOutside as N } from "./index.es310.js";
+import { Checkbox as w, CheckboxIndicator as b } from "./index.es342.js";
+import { useClickOutside as N } from "./index.es343.js";
 import { Row as n } from "./index.es116.js";
 import { CheckIcon as k } from "./index.es177.js";
 import { Col as x } from "./index.es61.js";

package/dist/index.es47.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es47.js","sources":["../src/components/ui/CardMapDoctorV2/index.tsx"],"sourcesContent":["import \"./CardMapDoctorV2.scss\";\r\nimport { useRef } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\r\nimport { ArrowLink, Col, Row } from \"@/components\";\r\nimport { CheckIcon } from \"@/icons\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype CardMapDoctorProps = {\r\n  doctorCode: string;\r\n  titleTag: HeadingLevel;\r\n  title: string;\r\n  specialization?: string;\r\n  tag?: string;\r\n  officeAddressLabel?: string;\r\n  officeAddress?: string;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  isActive: boolean;\r\n  setSelectedDoctorCode: (code?: string) => void;\r\n  keepSelectionOnNavigation?: boolean;\r\n  ctaTitle?: string;\r\n  ctaAction?: () => void;\r\n};\r\n\r\nexport const CardMapDoctorV2 = ({\r\n  titleTag: TitleTag = \"h1\",\r\n  title,\r\n  specialization,\r\n  tag,\r\n  officeAddressLabel,\r\n  officeAddress,\r\n  className,\r\n  doctorCode,\r\n  setSelectedDoctorCode,\r\n  keepSelectionOnNavigation = false,\r\n  ctaTitle,\r\n  ctaAction,\r\n  isActive,\r\n}: CardMapDoctorProps) => {\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  useClickOutside(\r\n    dropdownRef,\r\n    isActive,\r\n    () => setSelectedDoctorCode(undefined),\r\n    () => setSelectedDoctorCode(undefined),\r\n    keepSelectionOnNavigation,\r\n  );\r\n\r\n  return (\r\n    <Row\r\n      br={\"x4\"}\r\n      p={\"x24\"}\r\n      gap={\"x16\"}\r\n      bg={\"white\"}\r\n      text={\"slate-20\"}\r\n      ref={dropdownRef}\r\n      className={`${className} ${isActive ? \"ui-is-active ui-card-search\" : \"ui-card-search\"} shadow cursor-pointer`}\r\n      onClick={() => {\r\n        setSelectedDoctorCode(doctorCode);\r\n      }}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={doctorCode}\r\n        checked={isActive}\r\n        className={\"ui-checkbox-filter\"}\r\n        title={`Seleziona ${title}`}\r\n        aria-label={`Seleziona ${title}`}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon width={14} height={14} color=\"white\" />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Col justifyContent={\"center\"} className={`w-full`}>\r\n        <Col pb={\"x16\"}>\r\n          <TitleTag className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\r\n            {title}\r\n          </TitleTag>\r\n          {!!specialization && (\r\n            <p className=\"fs-6 fw-regular text-slate-28\">{specialization}</p>\r\n          )}\r\n          <div\r\n            className={\r\n              \"ui-available-label mt-x4 px-x16 py-x4 bg-status-success text-white rounded fw-semibold fs-7\"\r\n            }\r\n          >\r\n            {tag}\r\n          </div>\r\n        </Col>\r\n        <Row justifyContent={\"space-between\"} alignItems={\"end\"}>\r\n          <div className={\"text-slate-28 fs-6\"}>\r\n            <div className={\"fw-bold\"}>{officeAddressLabel}</div>\r\n            <div className={\"w-full\"}>\r\n              <p className={\"fw-regular\"}>{officeAddress}</p>\r\n            </div>\r\n          </div>\r\n          {ctaTitle && ctaAction && (\r\n            <ArrowLink\r\n              asButton\r\n              onClick={ctaAction}\r\n              arrowVisible={false}\r\n              className={\"cursor-pointer\"}\r\n            >\r\n              {ctaTitle}\r\n            </ArrowLink>\r\n          )}\r\n        </Row>\r\n      </Col>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["CardMapDoctorV2","TitleTag","title","specialization","tag","officeAddressLabel","officeAddress","className","doctorCode","setSelectedDoctorCode","keepSelectionOnNavigation","ctaTitle","ctaAction","isActive","dropdownRef","useRef","useClickOutside","jsxs","Row","jsx","CheckboxRadix.Root","CheckboxRadix.Indicator","CheckIcon","Col","ArrowLink"],"mappings":";;;;;;;;;AAyBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,KAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAA0B;AACxB,QAAMC,IAAcC,EAAuB,IAAI;AAC/C,SAAAC;AAAA,IACEF;AAAA,IACAD;AAAA,IACA,MAAMJ,EAAsB,MAAS;AAAA,IACrC,MAAMA,EAAsB,MAAS;AAAA,IACrCC;AAAA,EAAA,GAIAO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,KAAKJ;AAAA,MACL,WAAW,GAAGP,CAAS,IAAIM,IAAW,gCAAgC,gBAAgB;AAAA,MACtF,SAAS,MAAM;AACb,QAAAJ,EAAsBD,CAAU;AAAA,MAClC;AAAA,MAEA,UAAA;AAAA,QAAAW,gBAAAA,EAAAA;AAAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAIZ;AAAA,YACJ,SAASK;AAAA,YACT,WAAW;AAAA,YACX,OAAO,aAAaX,CAAK;AAAA,YACzB,cAAY,aAAaA,CAAK;AAAA,YAE9B,UAAAiB,gBAAAA,EAAAA,IAACE,GAAA,EACC,UAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAA,CAAQ,EAAA,CAClD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFL,gBAAAA,OAACM,GAAA,EAAI,gBAAgB,UAAU,WAAW,UACxC,UAAA;AAAA,UAAAN,gBAAAA,EAAAA,KAACM,GAAA,EAAI,IAAI,OACP,UAAA;AAAA,YAAAJ,gBAAAA,EAAAA,IAAClB,GAAA,EAAS,WAAU,gDACjB,UAAAC,GACH;AAAA,YACC,CAAC,CAACC,2BACA,KAAA,EAAE,WAAU,iCAAiC,UAAAA,GAAe;AAAA,YAE/DgB,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WACE;AAAA,gBAGD,UAAAf;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,GACF;AAAA,UACAa,gBAAAA,EAAAA,KAACC,GAAA,EAAI,gBAAgB,iBAAiB,YAAY,OAChD,UAAA;AAAA,YAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,sBACd,UAAA;AAAA,cAAAE,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,WAAY,UAAAd,GAAmB;AAAA,cAC/Cc,gBAAAA,EAAAA,IAAC,SAAI,WAAW,UACd,gCAAC,KAAA,EAAE,WAAW,cAAe,UAAAb,EAAA,CAAc,EAAA,CAC7C;AAAA,YAAA,GACF;AAAA,YACCK,KAAYC,KACXO,gBAAAA,EAAAA;AAAAA,cAACK;AAAA,cAAA;AAAA,gBACC,UAAQ;AAAA,gBACR,SAASZ;AAAA,gBACT,cAAc;AAAA,gBACd,WAAW;AAAA,gBAEV,UAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAAA,CAEJ;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es47.js","sources":["../src/components/ui/CardMapDoctorV2/index.tsx"],"sourcesContent":["import \"./CardMapDoctorV2.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\nimport { ArrowLink, Col, Row } from \"@/components\";\nimport { CheckIcon } from \"@/icons\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype CardMapDoctorProps = {\n  doctorCode: string;\n  titleTag: HeadingLevel;\n  title: string;\n  specialization?: string;\n  tag?: string;\n  officeAddressLabel?: string;\n  officeAddress?: string;\n  asLink?: \"a\";\n  className?: string;\n  isActive: boolean;\n  setSelectedDoctorCode: (code?: string) => void;\n  keepSelectionOnNavigation?: boolean;\n  ctaTitle?: string;\n  ctaAction?: () => void;\n};\n\nexport const CardMapDoctorV2 = ({\n  titleTag: TitleTag = \"h1\",\n  title,\n  specialization,\n  tag,\n  officeAddressLabel,\n  officeAddress,\n  className,\n  doctorCode,\n  setSelectedDoctorCode,\n  keepSelectionOnNavigation = false,\n  ctaTitle,\n  ctaAction,\n  isActive,\n}: CardMapDoctorProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  useClickOutside(\n    dropdownRef,\n    isActive,\n    () => setSelectedDoctorCode(undefined),\n    () => setSelectedDoctorCode(undefined),\n    keepSelectionOnNavigation,\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isActive ? \"ui-is-active ui-card-search\" : \"ui-card-search\"} shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedDoctorCode(doctorCode);\n      }}\n    >\n      <CheckboxRadix.Root\n        id={doctorCode}\n        checked={isActive}\n        className={\"ui-checkbox-filter\"}\n        title={`Seleziona ${title}`}\n        aria-label={`Seleziona ${title}`}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon width={14} height={14} color=\"white\" />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Col justifyContent={\"center\"} className={`w-full`}>\n        <Col pb={\"x16\"}>\n          <TitleTag className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n            {title}\n          </TitleTag>\n          {!!specialization && (\n            <p className=\"fs-6 fw-regular text-slate-28\">{specialization}</p>\n          )}\n          <div\n            className={\n              \"ui-available-label mt-x4 px-x16 py-x4 bg-status-success text-white rounded fw-semibold fs-7\"\n            }\n          >\n            {tag}\n          </div>\n        </Col>\n        <Row justifyContent={\"space-between\"} alignItems={\"end\"}>\n          <div className={\"text-slate-28 fs-6\"}>\n            <div className={\"fw-bold\"}>{officeAddressLabel}</div>\n            <div className={\"w-full\"}>\n              <p className={\"fw-regular\"}>{officeAddress}</p>\n            </div>\n          </div>\n          {ctaTitle && ctaAction && (\n            <ArrowLink\n              asButton\n              onClick={ctaAction}\n              arrowVisible={false}\n              className={\"cursor-pointer\"}\n            >\n              {ctaTitle}\n            </ArrowLink>\n          )}\n        </Row>\n      </Col>\n    </Row>\n  );\n};\n"],"names":["CardMapDoctorV2","TitleTag","title","specialization","tag","officeAddressLabel","officeAddress","className","doctorCode","setSelectedDoctorCode","keepSelectionOnNavigation","ctaTitle","ctaAction","isActive","dropdownRef","useRef","useClickOutside","jsxs","Row","jsx","CheckboxRadix.Root","CheckboxRadix.Indicator","CheckIcon","Col","ArrowLink"],"mappings":";;;;;;;;;AAyBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,KAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAA0B;AACxB,QAAMC,IAAcC,EAAuB,IAAI;AAC/C,SAAAC;AAAA,IACEF;AAAA,IACAD;AAAA,IACA,MAAMJ,EAAsB,MAAS;AAAA,IACrC,MAAMA,EAAsB,MAAS;AAAA,IACrCC;AAAA,EAAA,GAIAO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,KAAKJ;AAAA,MACL,WAAW,GAAGP,CAAS,IAAIM,IAAW,gCAAgC,gBAAgB;AAAA,MACtF,SAAS,MAAM;AACb,QAAAJ,EAAsBD,CAAU;AAAA,MAClC;AAAA,MAEA,UAAA;AAAA,QAAAW,gBAAAA,EAAAA;AAAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAIZ;AAAA,YACJ,SAASK;AAAA,YACT,WAAW;AAAA,YACX,OAAO,aAAaX,CAAK;AAAA,YACzB,cAAY,aAAaA,CAAK;AAAA,YAE9B,UAAAiB,gBAAAA,EAAAA,IAACE,GAAA,EACC,UAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAA,CAAQ,EAAA,CAClD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFL,gBAAAA,OAACM,GAAA,EAAI,gBAAgB,UAAU,WAAW,UACxC,UAAA;AAAA,UAAAN,gBAAAA,EAAAA,KAACM,GAAA,EAAI,IAAI,OACP,UAAA;AAAA,YAAAJ,gBAAAA,EAAAA,IAAClB,GAAA,EAAS,WAAU,gDACjB,UAAAC,GACH;AAAA,YACC,CAAC,CAACC,2BACA,KAAA,EAAE,WAAU,iCAAiC,UAAAA,GAAe;AAAA,YAE/DgB,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WACE;AAAA,gBAGD,UAAAf;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,GACF;AAAA,UACAa,gBAAAA,EAAAA,KAACC,GAAA,EAAI,gBAAgB,iBAAiB,YAAY,OAChD,UAAA;AAAA,YAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,sBACd,UAAA;AAAA,cAAAE,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,WAAY,UAAAd,GAAmB;AAAA,cAC/Cc,gBAAAA,EAAAA,IAAC,SAAI,WAAW,UACd,gCAAC,KAAA,EAAE,WAAW,cAAe,UAAAb,EAAA,CAAc,EAAA,CAC7C;AAAA,YAAA,GACF;AAAA,YACCK,KAAYC,KACXO,gBAAAA,EAAAA;AAAAA,cAACK;AAAA,cAAA;AAAA,gBACC,UAAQ;AAAA,gBACR,SAASZ;AAAA,gBACT,cAAc;AAAA,gBACd,WAAW;AAAA,gBAEV,UAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAAA,CAEJ;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}