@commercetools/nimbus 3.3.0 → 3.5.0

package/dist/chunks/use-focus-input-on-field-click-VZY1eI97.es.js

@@ -0,0 +1,19 @@
+import { useEffect as e } from "react";
+//#region src/hooks/use-focus-input-on-field-click/use-focus-input-on-field-click.ts
+function t(t, n) {
+	e(() => {
+		let e = t.current;
+		if (!e) return;
+		let r = (e) => {
+			let t = e.target, r = n.current;
+			!t || !r || t === r || t.closest("button") || (e.preventDefault(), r.focus());
+		};
+		return e.addEventListener("mousedown", r), () => {
+			e.removeEventListener("mousedown", r);
+		};
+	}, [t, n]);
+}
+//#endregion
+export { t };
+
+//# sourceMappingURL=use-focus-input-on-field-click-VZY1eI97.es.js.map

package/dist/chunks/use-focus-input-on-field-click-VZY1eI97.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-input-on-field-click-VZY1eI97.es.js","names":[],"sources":["../../src/hooks/use-focus-input-on-field-click/use-focus-input-on-field-click.ts"],"sourcesContent":["import { useEffect, type RefObject } from \"react\";\n\n/**\n * Focuses the inner input when the user presses down on the surrounding field\n * chrome (leading/trailing icons, padding, or empty space), mirroring the\n * native click-to-focus behavior of a bare `<input>` for composite field\n * components like TextInput and SearchInput.\n *\n * The listener is attached natively to the root element rather than as an\n * `onMouseDown` prop so it never clobbers a consumer-forwarded handler. Using\n * `mousedown` (over `click`) lets us preventDefault before focus moves, avoiding\n * a focus/selection flicker. Clicks on the input itself or on interactive\n * children (e.g. a clear button) are ignored so they keep their own behavior.\n *\n * @param rootRef - Ref to the field's root/wrapper element\n * @param inputRef - Ref to the inner `<input>` to focus\n */\nexport function useFocusInputOnFieldClick(\n  rootRef: RefObject<HTMLElement | null>,\n  inputRef: RefObject<HTMLInputElement | null>\n): void {\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    const handleMouseDown = (event: MouseEvent) => {\n      const target = event.target as HTMLElement | null;\n      const input = inputRef.current;\n      if (!target || !input) return;\n      if (target === input || target.closest(\"button\")) return;\n      event.preventDefault();\n      input.focus();\n    };\n\n    root.addEventListener(\"mousedown\", handleMouseDown);\n    return () => {\n      root.removeEventListener(\"mousedown\", handleMouseDown);\n    };\n  }, [rootRef, inputRef]);\n}\n"],"mappings":";;AAiBA,SAAgB,EACd,GACA,GACM;CACN,QAAgB;EACd,IAAM,IAAO,EAAQ;EACrB,IAAI,CAAC,GAAM;EAEX,IAAM,KAAmB,MAAsB;GAC7C,IAAM,IAAS,EAAM,QACf,IAAQ,EAAS;GACnB,CAAC,KAAU,CAAC,KACZ,MAAW,KAAS,EAAO,QAAQ,QAAQ,MAC/C,EAAM,eAAe,GACrB,EAAM,MAAM;EACd;EAGA,OADA,EAAK,iBAAiB,aAAa,CAAe,SACrC;GACX,EAAK,oBAAoB,aAAa,CAAe;EACvD;CACF,GAAG,CAAC,GAAS,CAAQ,CAAC;AACxB"}

package/dist/chunks/use-region-CJQSeHKL.es.js

@@ -0,0 +1,54 @@
+import { n as e, t } from "./region.provider-CobXE1H5.es.js";
+import { useCallback as n, useContext as r, useEffect as i, useMemo as a, useRef as o, useSyncExternalStore as s } from "react";
+import { createPortal as c } from "react-dom";
+import { jsx as l } from "react/jsx-runtime";
+import { Box as u } from "@chakra-ui/react/box";
+//#region src/components/region/region.target.tsx
+var d = ({ name: t, value: a, ref: s, ...c }) => {
+	let d = r(e), f = o(s);
+	f.current = s;
+	let p = o(null), m = n((e) => {
+		let n = f.current;
+		typeof n == "function" ? n(e) : n != null && (n.current = e), e ? d?.setNode(t, e) : d?.clearNode(t, p.current), p.current = e;
+	}, [d, t]);
+	return i(() => d?.claim(t, "target"), [d, t]), i(() => {
+		if (a !== void 0) return d?.setValue(t, a), () => d?.clearValue(t, a);
+	}, [
+		d,
+		t,
+		a
+	]), /* @__PURE__ */ l(u, {
+		ref: m,
+		display: "contents",
+		...c
+	});
+};
+d.displayName = "Region";
+//#endregion
+//#region src/components/region/region.tsx
+var f = Object.assign(d, { Provider: t }), p = (t) => {
+	let n = ({ children: n }) => {
+		let o = r(e), [l, u] = a(() => [(e) => o ? o.subscribe(t, e) : () => {}, () => o ? o.get(t) : null], [o]), d = s(l, u, () => null);
+		i(() => o?.claim(t, "filler"), [o, t]);
+		let f = d?.node ?? null;
+		return f ? c(n, f) : null;
+	};
+	return n.displayName = `Region.Portal(${t})`, n;
+}, m = () => null;
+m.displayName = "Region.Portal(none)";
+var h = (t) => {
+	let n = r(e), i = o(/* @__PURE__ */ new Map()), c = m;
+	if (t) {
+		let e = i.current.get(t);
+		e || (e = p(t), i.current.set(t, e)), c = e;
+	}
+	let [l, u] = a(() => [(e) => t && n ? n.subscribe(t, e) : () => {}, () => t && n ? n.get(t) : null], [n, t]), d = s(l, u, () => null);
+	return {
+		Region: c,
+		value: d?.value ?? null
+	};
+};
+//#endregion
+export { f as n, d as r, h as t };
+
+//# sourceMappingURL=use-region-CJQSeHKL.es.js.map

package/dist/chunks/use-region-CJQSeHKL.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-region-CJQSeHKL.es.js","names":[],"sources":["../../src/components/region/region.target.tsx","../../src/components/region/region.tsx","../../src/components/region/region.portal.tsx","../../src/components/region/use-region.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from \"react\";\nimport type { Ref } from \"react\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionProps } from \"./region.types\";\n\n/**\n * The `<Region name>` **target**: marks where a named region renders and\n * registers its DOM node under `name` so consumers can fill it via\n * `useRegion(name)`. Optionally publishes a `value` (control callbacks + state)\n * for that region.\n *\n * Renders a **layout-transparent** element — `display: contents`, so it\n * generates no box of its own and the projected children lay out as direct\n * children of the region's parent (precise layout, no extra wrapper). A portal\n * still needs a real DOM node as its container, which is why an element exists\n * at all; `display: contents` keeps that node out of the layout. Pass `style` to\n * override (e.g. `display: \"block\"`) if you want the target to be a real box.\n *\n * A `Region.Provider` must be an ancestor (it is, ambiently, inside\n * `NimbusProvider`); without one the target still renders but registers nowhere,\n * so no consumer can fill it.\n */\nexport const RegionTarget = ({ name, value, ref, ...props }: RegionProps) => {\n  const registry = useContext(RegionRegistryContext);\n\n  // Stable merged ref: forwards to the consumer's `ref` and registers/clears the\n  // node under `name`. Read the consumer ref from a holder so identity is stable.\n  const consumerRef = useRef<Ref<HTMLDivElement> | undefined>(ref);\n  consumerRef.current = ref;\n  // The node we last registered, so detach can release the slot owner-checked\n  // (clearing only if we still hold it) rather than clobbering a newer target.\n  const ownNodeRef = useRef<HTMLDivElement | null>(null);\n  const setRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      const r = consumerRef.current;\n      if (typeof r === \"function\") r(node);\n      else if (r != null)\n        (r as { current: HTMLDivElement | null }).current = node;\n      if (node) registry?.setNode(name, node);\n      else registry?.clearNode(name, ownNodeRef.current);\n      ownNodeRef.current = node;\n    },\n    [registry, name]\n  );\n\n  // Declare this target as the region's single occupant for the mount's lifetime;\n  // a second concurrent target for the same name warns in development.\n  useEffect(() => registry?.claim(name, \"target\"), [registry, name]);\n\n  // Publish the value (when provided). Memoize `value` at the call site — its\n  // identity changing is exactly what notifies consumers.\n  useEffect(() => {\n    if (value === undefined) return;\n    registry?.setValue(name, value);\n    return () => registry?.clearValue(name, value);\n  }, [registry, name, value]);\n\n  // `display: contents` — the target generates no box; projected children lay\n  // out as if placed directly at the region's position. `{...props}` comes after\n  // so a consumer can override (e.g. `display=\"block\"`) and add style props.\n  return <ChakraBox ref={setRef} display=\"contents\" {...props} />;\n};\n\nRegionTarget.displayName = \"Region\";\n","import { RegionTarget } from \"./region.target\";\nimport { RegionProvider } from \"./region.provider\";\n\n/**\n * Region\n * ============================================================\n * A headless, component-agnostic primitive for **named regions** — \"render this\n * content over there.\" Two sides:\n *\n * - **place a target**: `<Region name=\"foo\" />` marks where a named region\n *   renders. It's layout-transparent (`display: contents`), so projected content\n *   lays out as a direct child of the target's parent.\n * - **fill it**: `const { Region, value } = useRegion(\"foo\")` returns a stable\n *   portal to project content into the target (plus any `value` the target\n *   published). Projected content paints at the target while staying in the\n *   author's React tree, so all ancestor context is preserved.\n *\n * The scope is provided by `Region.Provider`, which is mounted **ambiently**\n * inside `NimbusProvider` — so in a Nimbus app you place targets and call\n * `useRegion` without ever wrapping anything yourself.\n *\n * @example\n * // somewhere in the layout (e.g. an app shell):\n * <Region name=\"sidebar\" />\n *\n * // anywhere else, even a different package:\n * const { Region: Sidebar } = useRegion(\"sidebar\");\n * return <Sidebar>{content}</Sidebar>;\n */\nexport const Region = Object.assign(RegionTarget, {\n  /**\n   * # Region.Provider\n   *\n   * Establishes a named-region scope. Mounted ambiently by `NimbusProvider`, so\n   * you rarely write it directly. Reuses an ancestor provider's registry when\n   * nested, and renders no DOM element of its own — hence `.Provider`, not\n   * `.Root`.\n   */\n  Provider: RegionProvider,\n});\n\n// Underscore-prefixed re-exports for react-docgen-typescript prop-table\n// extraction. Consumers should use `Region` / `Region.Provider`.\nexport { RegionTarget as _Region, RegionProvider as _RegionProvider };\n","import { useContext, useEffect, useMemo, useSyncExternalStore } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionPortal } from \"./region.types\";\n\n/**\n * Build a stable portal component bound to one region `name`. The returned\n * component renders its `children` into that region's target node, or `null`\n * until the target mounts. It resolves the registry from context at its own\n * render position, so it targets the correct (shared, outermost) registry\n * regardless of where the consumer renders it.\n *\n * @internal\n */\nexport const createRegionPortal = (name: string): RegionPortal => {\n  const Portal: RegionPortal = ({ children }) => {\n    const registry = useContext(RegionRegistryContext);\n    const [subscribe, getSnapshot] = useMemo(\n      () =>\n        [\n          (listener: () => void) =>\n            registry ? registry.subscribe(name, listener) : () => {},\n          () => (registry ? registry.get(name) : null),\n        ] as const,\n      [registry]\n    );\n    // Server snapshot is `null`: no targets exist during SSR and `createPortal`\n    // is client-only, so the portal renders nothing until hydration.\n    const record = useSyncExternalStore(subscribe, getSnapshot, () => null);\n    // Declare this portal as the region's single filler while mounted; a second\n    // concurrent filler for the same name warns in development (their content\n    // would otherwise stack into the one target in an undefined order).\n    useEffect(() => registry?.claim(name, \"filler\"), [registry, name]);\n    const node = record?.node ?? null;\n    return node ? createPortal(children, node) : null;\n  };\n  Portal.displayName = `Region.Portal(${name})`;\n  return Portal;\n};\n","import { useContext, useMemo, useRef, useSyncExternalStore } from \"react\";\nimport { createRegionPortal } from \"./region.portal\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionPortal, UseRegionResult } from \"./region.types\";\n\n/** Stable no-op portal for the `name`-less call (renders nothing). */\nconst EmptyRegion: RegionPortal = () => null;\nEmptyRegion.displayName = \"Region.Portal(none)\";\n\n/**\n * Access a named region: a stable `Region` portal component to project content\n * into it, plus the `value` its target published (control callbacks + state).\n * `value` is `null` until a target with that name mounts and publishes one, so\n * it is safe to call before the target exists.\n *\n * Pass `undefined` (or omit `name`) to get a no-op portal that renders nothing —\n * useful for conditional projection without violating the rules of hooks:\n * `useRegion(isEnabled ? \"sidebar\" : undefined)`.\n *\n * @example\n * const { Region, value } = useRegion<PanelControls>(\"my-sidebar\");\n * value?.expand();\n * return <Region>{content}</Region>; // paints at the target, stays in this tree\n */\nexport const useRegion = <T = unknown>(name?: string): UseRegionResult<T> => {\n  const registry = useContext(RegionRegistryContext);\n\n  // Cache one stable portal per name so the projected subtree never remounts.\n  // Intentionally unbounded — names should be static strings, not dynamic IDs.\n  const cacheRef = useRef<Map<string, RegionPortal>>(new Map());\n  let Region: RegionPortal = EmptyRegion;\n  if (name) {\n    let cached = cacheRef.current.get(name);\n    if (!cached) {\n      cached = createRegionPortal(name);\n      cacheRef.current.set(name, cached);\n    }\n    Region = cached;\n  }\n\n  const [subscribe, getSnapshot] = useMemo(\n    () =>\n      [\n        (listener: () => void) =>\n          name && registry ? registry.subscribe(name, listener) : () => {},\n        () => (name && registry ? registry.get(name) : null),\n      ] as const,\n    [registry, name]\n  );\n  // Server snapshot is `null`: there are no outlets during SSR and `createPortal`\n  // is client-only, so a region resolves to nothing until hydration.\n  const record = useSyncExternalStore(subscribe, getSnapshot, () => null);\n\n  return {\n    Region,\n    value: (record?.value ?? null) as T | null,\n  };\n};\n"],"mappings":";;;;;;AAuBA,IAAa,KAAgB,EAAE,SAAM,UAAO,QAAK,GAAG,QAAyB;CAC3E,IAAM,IAAW,EAAW,CAAqB,GAI3C,IAAc,EAAwC,CAAG;CAC/D,EAAY,UAAU;CAGtB,IAAM,IAAa,EAA8B,IAAI,GAC/C,IAAS,GACZ,MAAgC;EAC/B,IAAM,IAAI,EAAY;EAMtB,AALI,OAAO,KAAM,aAAY,EAAE,CAAI,IAC1B,KAAK,SACZ,EAA0C,UAAU,IAClD,IAAM,GAAU,QAAQ,GAAM,CAAI,IACjC,GAAU,UAAU,GAAM,EAAW,OAAO,GACjD,EAAW,UAAU;CACvB,GACA,CAAC,GAAU,CAAI,CACjB;CAiBA,OAbA,QAAgB,GAAU,MAAM,GAAM,QAAQ,GAAG,CAAC,GAAU,CAAI,CAAC,GAIjE,QAAgB;EACV,UAAU,KAAA,GAEd,OADA,GAAU,SAAS,GAAM,CAAK,SACjB,GAAU,WAAW,GAAM,CAAK;CAC/C,GAAG;EAAC;EAAU;EAAM;CAAK,CAAC,GAKnB,kBAAC,GAAD;EAAW,KAAK;EAAQ,SAAQ;EAAW,GAAI;CAAQ,CAAA;AAChE;AAEA,EAAa,cAAc;;;ACnC3B,IAAa,IAAS,OAAO,OAAO,GAAc,EAShD,UAAU,EACZ,CAAC,GCzBY,KAAsB,MAA+B;CAChE,IAAM,KAAwB,EAAE,kBAAe;EAC7C,IAAM,IAAW,EAAW,CAAqB,GAC3C,CAAC,GAAW,KAAe,QAE7B,EACG,MACC,IAAW,EAAS,UAAU,GAAM,CAAQ,UAAU,CAAC,SAClD,IAAW,EAAS,IAAI,CAAI,IAAI,IACzC,GACF,CAAC,CAAQ,CACX,GAGM,IAAS,EAAqB,GAAW,SAAmB,IAAI;EAItE,QAAgB,GAAU,MAAM,GAAM,QAAQ,GAAG,CAAC,GAAU,CAAI,CAAC;EACjE,IAAM,IAAO,GAAQ,QAAQ;EAC7B,OAAO,IAAO,EAAa,GAAU,CAAI,IAAI;CAC/C;CAEA,OADA,EAAO,cAAc,iBAAiB,EAAK,IACpC;AACT,GChCM,UAAkC;AACxC,EAAY,cAAc;AAiB1B,IAAa,KAA0B,MAAsC;CAC3E,IAAM,IAAW,EAAW,CAAqB,GAI3C,IAAW,kBAAkC,IAAI,IAAI,CAAC,GACxD,IAAuB;CAC3B,IAAI,GAAM;EACR,IAAI,IAAS,EAAS,QAAQ,IAAI,CAAI;EAKtC,AAJK,MACH,IAAS,EAAmB,CAAI,GAChC,EAAS,QAAQ,IAAI,GAAM,CAAM,IAEnC,IAAS;CACX;CAEA,IAAM,CAAC,GAAW,KAAe,QAE7B,EACG,MACC,KAAQ,IAAW,EAAS,UAAU,GAAM,CAAQ,UAAU,CAAC,SAC1D,KAAQ,IAAW,EAAS,IAAI,CAAI,IAAI,IACjD,GACF,CAAC,GAAU,CAAI,CACjB,GAGM,IAAS,EAAqB,GAAW,SAAmB,IAAI;CAEtE,OAAO;EACL;EACA,OAAQ,GAAQ,SAAS;CAC3B;AACF"}

package/dist/chunks/use-region-DAQ1j-8C.cjs

@@ -1,2 +1,2 @@
-const e=require("./region.provider-5EyBYWeJ.cjs.js");let t=require("react"),n=require("react-dom"),r=require("react/jsx-runtime"),i=require("@chakra-ui/react/box");var a=({name:n,value:a,ref:o,...s})=>{let c=(0,t.useContext)(e.n),l=(0,t.useRef)(o);l.current=o;let u=(0,t.useRef)(null),d=(0,t.useCallback)(e=>{let t=l.current;typeof t==`function`?t(e):t!=null&&(t.current=e),e?c?.setNode(n,e):c?.clearNode(n,u.current),u.current=e},[c,n]);return(0,t.useEffect)(()=>c?.claim(n,`target`),[c,n]),(0,t.useEffect)(()=>{if(a!==void 0)return c?.setValue(n,a),()=>c?.clearValue(n,a)},[c,n,a]),(0,r.jsx)(i.Box,{ref:d,display:`contents`,...s})};a.displayName=`Region`;var o=Object.assign(a,{Provider:e.t}),s=r=>{let i=({children:i})=>{let a=(0,t.useContext)(e.n),[o,s]=(0,t.useMemo)(()=>[e=>a?a.subscribe(r,e):()=>{},()=>a?a.get(r):null],[a]),c=(0,t.useSyncExternalStore)(o,s,()=>null);(0,t.useEffect)(()=>a?.claim(r,`filler`),[a,r]);let l=c?.node??null;return l?(0,n.createPortal)(i,l):null};return i.displayName=`Region.Portal(${r})`,i},c=()=>null;c.displayName=`Region.Portal(none)`;var l=n=>{let r=(0,t.useContext)(e.n),i=(0,t.useRef)(new Map),a=c;if(n){let e=i.current.get(n);e||(e=s(n),i.current.set(n,e)),a=e}let[o,l]=(0,t.useMemo)(()=>[e=>n&&r?r.subscribe(n,e):()=>{},()=>n&&r?r.get(n):null],[r,n]),u=(0,t.useSyncExternalStore)(o,l,()=>null);return{Region:a,value:u?.value??null}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
-//# sourceMappingURL=use-region-DAQ1j-8C.cjs.js.map
+const e=require("./region.provider-5EyBYWeJ.cjs");let t=require("react"),n=require("react-dom"),r=require("react/jsx-runtime"),i=require("@chakra-ui/react/box");var a=({name:n,value:a,ref:o,...s})=>{let c=(0,t.useContext)(e.n),l=(0,t.useRef)(o);l.current=o;let u=(0,t.useRef)(null),d=(0,t.useCallback)(e=>{let t=l.current;typeof t==`function`?t(e):t!=null&&(t.current=e),e?c?.setNode(n,e):c?.clearNode(n,u.current),u.current=e},[c,n]);return(0,t.useEffect)(()=>c?.claim(n,`target`),[c,n]),(0,t.useEffect)(()=>{if(a!==void 0)return c?.setValue(n,a),()=>c?.clearValue(n,a)},[c,n,a]),(0,r.jsx)(i.Box,{ref:d,display:`contents`,...s})};a.displayName=`Region`;var o=Object.assign(a,{Provider:e.t}),s=r=>{let i=({children:i})=>{let a=(0,t.useContext)(e.n),[o,s]=(0,t.useMemo)(()=>[e=>a?a.subscribe(r,e):()=>{},()=>a?a.get(r):null],[a]),c=(0,t.useSyncExternalStore)(o,s,()=>null);(0,t.useEffect)(()=>a?.claim(r,`filler`),[a,r]);let l=c?.node??null;return l?(0,n.createPortal)(i,l):null};return i.displayName=`Region.Portal(${r})`,i},c=()=>null;c.displayName=`Region.Portal(none)`;var l=n=>{let r=(0,t.useContext)(e.n),i=(0,t.useRef)(new Map),a=c;if(n){let e=i.current.get(n);e||(e=s(n),i.current.set(n,e)),a=e}let[o,l]=(0,t.useMemo)(()=>[e=>n&&r?r.subscribe(n,e):()=>{},()=>n&&r?r.get(n):null],[r,n]),u=(0,t.useSyncExternalStore)(o,l,()=>null);return{Region:a,value:u?.value??null}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=use-region-DAQ1j-8C.cjs.map

package/dist/chunks/use-region-DAQ1j-8C.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-region-DAQ1j-8C.cjs.js","names":[],"sources":["../../src/components/region/region.target.tsx","../../src/components/region/region.tsx","../../src/components/region/region.portal.tsx","../../src/components/region/use-region.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from \"react\";\nimport type { Ref } from \"react\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionProps } from \"./region.types\";\n\n/**\n * The `<Region name>` **target**: marks where a named region renders and\n * registers its DOM node under `name` so consumers can fill it via\n * `useRegion(name)`. Optionally publishes a `value` (control callbacks + state)\n * for that region.\n *\n * Renders a **layout-transparent** element — `display: contents`, so it\n * generates no box of its own and the projected children lay out as direct\n * children of the region's parent (precise layout, no extra wrapper). A portal\n * still needs a real DOM node as its container, which is why an element exists\n * at all; `display: contents` keeps that node out of the layout. Pass `style` to\n * override (e.g. `display: \"block\"`) if you want the target to be a real box.\n *\n * A `Region.Provider` must be an ancestor (it is, ambiently, inside\n * `NimbusProvider`); without one the target still renders but registers nowhere,\n * so no consumer can fill it.\n */\nexport const RegionTarget = ({ name, value, ref, ...props }: RegionProps) => {\n  const registry = useContext(RegionRegistryContext);\n\n  // Stable merged ref: forwards to the consumer's `ref` and registers/clears the\n  // node under `name`. Read the consumer ref from a holder so identity is stable.\n  const consumerRef = useRef<Ref<HTMLDivElement> | undefined>(ref);\n  consumerRef.current = ref;\n  // The node we last registered, so detach can release the slot owner-checked\n  // (clearing only if we still hold it) rather than clobbering a newer target.\n  const ownNodeRef = useRef<HTMLDivElement | null>(null);\n  const setRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      const r = consumerRef.current;\n      if (typeof r === \"function\") r(node);\n      else if (r != null)\n        (r as { current: HTMLDivElement | null }).current = node;\n      if (node) registry?.setNode(name, node);\n      else registry?.clearNode(name, ownNodeRef.current);\n      ownNodeRef.current = node;\n    },\n    [registry, name]\n  );\n\n  // Declare this target as the region's single occupant for the mount's lifetime;\n  // a second concurrent target for the same name warns in development.\n  useEffect(() => registry?.claim(name, \"target\"), [registry, name]);\n\n  // Publish the value (when provided). Memoize `value` at the call site — its\n  // identity changing is exactly what notifies consumers.\n  useEffect(() => {\n    if (value === undefined) return;\n    registry?.setValue(name, value);\n    return () => registry?.clearValue(name, value);\n  }, [registry, name, value]);\n\n  // `display: contents` — the target generates no box; projected children lay\n  // out as if placed directly at the region's position. `{...props}` comes after\n  // so a consumer can override (e.g. `display=\"block\"`) and add style props.\n  return <ChakraBox ref={setRef} display=\"contents\" {...props} />;\n};\n\nRegionTarget.displayName = \"Region\";\n","import { RegionTarget } from \"./region.target\";\nimport { RegionProvider } from \"./region.provider\";\n\n/**\n * Region\n * ============================================================\n * A headless, component-agnostic primitive for **named regions** — \"render this\n * content over there.\" Two sides:\n *\n * - **place a target**: `<Region name=\"foo\" />` marks where a named region\n *   renders. It's layout-transparent (`display: contents`), so projected content\n *   lays out as a direct child of the target's parent.\n * - **fill it**: `const { Region, value } = useRegion(\"foo\")` returns a stable\n *   portal to project content into the target (plus any `value` the target\n *   published). Projected content paints at the target while staying in the\n *   author's React tree, so all ancestor context is preserved.\n *\n * The scope is provided by `Region.Provider`, which is mounted **ambiently**\n * inside `NimbusProvider` — so in a Nimbus app you place targets and call\n * `useRegion` without ever wrapping anything yourself.\n *\n * @example\n * // somewhere in the layout (e.g. an app shell):\n * <Region name=\"sidebar\" />\n *\n * // anywhere else, even a different package:\n * const { Region: Sidebar } = useRegion(\"sidebar\");\n * return <Sidebar>{content}</Sidebar>;\n */\nexport const Region = Object.assign(RegionTarget, {\n  /**\n   * # Region.Provider\n   *\n   * Establishes a named-region scope. Mounted ambiently by `NimbusProvider`, so\n   * you rarely write it directly. Reuses an ancestor provider's registry when\n   * nested, and renders no DOM element of its own — hence `.Provider`, not\n   * `.Root`.\n   */\n  Provider: RegionProvider,\n});\n\n// Underscore-prefixed re-exports for react-docgen-typescript prop-table\n// extraction. Consumers should use `Region` / `Region.Provider`.\nexport { RegionTarget as _Region, RegionProvider as _RegionProvider };\n","import { useContext, useEffect, useMemo, useSyncExternalStore } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionPortal } from \"./region.types\";\n\n/**\n * Build a stable portal component bound to one region `name`. The returned\n * component renders its `children` into that region's target node, or `null`\n * until the target mounts. It resolves the registry from context at its own\n * render position, so it targets the correct (shared, outermost) registry\n * regardless of where the consumer renders it.\n *\n * @internal\n */\nexport const createRegionPortal = (name: string): RegionPortal => {\n  const Portal: RegionPortal = ({ children }) => {\n    const registry = useContext(RegionRegistryContext);\n    const [subscribe, getSnapshot] = useMemo(\n      () =>\n        [\n          (listener: () => void) =>\n            registry ? registry.subscribe(name, listener) : () => {},\n          () => (registry ? registry.get(name) : null),\n        ] as const,\n      [registry]\n    );\n    // Server snapshot is `null`: no targets exist during SSR and `createPortal`\n    // is client-only, so the portal renders nothing until hydration.\n    const record = useSyncExternalStore(subscribe, getSnapshot, () => null);\n    // Declare this portal as the region's single filler while mounted; a second\n    // concurrent filler for the same name warns in development (their content\n    // would otherwise stack into the one target in an undefined order).\n    useEffect(() => registry?.claim(name, \"filler\"), [registry, name]);\n    const node = record?.node ?? null;\n    return node ? createPortal(children, node) : null;\n  };\n  Portal.displayName = `Region.Portal(${name})`;\n  return Portal;\n};\n","import { useContext, useMemo, useRef, useSyncExternalStore } from \"react\";\nimport { createRegionPortal } from \"./region.portal\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionPortal, UseRegionResult } from \"./region.types\";\n\n/** Stable no-op portal for the `name`-less call (renders nothing). */\nconst EmptyRegion: RegionPortal = () => null;\nEmptyRegion.displayName = \"Region.Portal(none)\";\n\n/**\n * Access a named region: a stable `Region` portal component to project content\n * into it, plus the `value` its target published (control callbacks + state).\n * `value` is `null` until a target with that name mounts and publishes one, so\n * it is safe to call before the target exists.\n *\n * Pass `undefined` (or omit `name`) to get a no-op portal that renders nothing —\n * useful for conditional projection without violating the rules of hooks:\n * `useRegion(isEnabled ? \"sidebar\" : undefined)`.\n *\n * @example\n * const { Region, value } = useRegion<PanelControls>(\"my-sidebar\");\n * value?.expand();\n * return <Region>{content}</Region>; // paints at the target, stays in this tree\n */\nexport const useRegion = <T = unknown>(name?: string): UseRegionResult<T> => {\n  const registry = useContext(RegionRegistryContext);\n\n  // Cache one stable portal per name so the projected subtree never remounts.\n  // Intentionally unbounded — names should be static strings, not dynamic IDs.\n  const cacheRef = useRef<Map<string, RegionPortal>>(new Map());\n  let Region: RegionPortal = EmptyRegion;\n  if (name) {\n    let cached = cacheRef.current.get(name);\n    if (!cached) {\n      cached = createRegionPortal(name);\n      cacheRef.current.set(name, cached);\n    }\n    Region = cached;\n  }\n\n  const [subscribe, getSnapshot] = useMemo(\n    () =>\n      [\n        (listener: () => void) =>\n          name && registry ? registry.subscribe(name, listener) : () => {},\n        () => (name && registry ? registry.get(name) : null),\n      ] as const,\n    [registry, name]\n  );\n  // Server snapshot is `null`: there are no outlets during SSR and `createPortal`\n  // is client-only, so a region resolves to nothing until hydration.\n  const record = useSyncExternalStore(subscribe, getSnapshot, () => null);\n\n  return {\n    Region,\n    value: (record?.value ?? null) as T | null,\n  };\n};\n"],"mappings":"oKAuBA,IAAa,GAAgB,CAAE,OAAM,QAAO,MAAK,GAAG,KAAyB,CAC3E,IAAM,GAAA,EAAA,EAAA,WAAA,CAAsB,EAAA,CAAqB,EAI3C,GAAA,EAAA,EAAA,OAAA,CAAsD,CAAG,EAC/D,EAAY,QAAU,EAGtB,IAAM,GAAA,EAAA,EAAA,OAAA,CAA2C,IAAI,EAC/C,GAAA,EAAA,EAAA,YAAA,CACH,GAAgC,CAC/B,IAAM,EAAI,EAAY,QAClB,OAAO,GAAM,WAAY,EAAE,CAAI,EAC1B,GAAK,OACZ,EAA0C,QAAU,GAClD,EAAM,GAAU,QAAQ,EAAM,CAAI,EACjC,GAAU,UAAU,EAAM,EAAW,OAAO,EACjD,EAAW,QAAU,CACvB,EACA,CAAC,EAAU,CAAI,CACjB,EAiBA,OAbA,EAAA,EAAA,UAAA,KAAgB,GAAU,MAAM,EAAM,QAAQ,EAAG,CAAC,EAAU,CAAI,CAAC,GAIjE,EAAA,EAAA,UAAA,KAAgB,CACV,OAAU,IAAA,GAEd,OADA,GAAU,SAAS,EAAM,CAAK,MACjB,GAAU,WAAW,EAAM,CAAK,CAC/C,EAAG,CAAC,EAAU,EAAM,CAAK,CAAC,GAKnB,EAAA,EAAA,IAAA,CAAC,EAAA,IAAD,CAAW,IAAK,EAAQ,QAAQ,WAAW,GAAI,CAAQ,CAAA,CAChE,EAEA,EAAa,YAAc,SCnC3B,IAAa,EAAS,OAAO,OAAO,EAAc,CAShD,SAAU,EAAA,CACZ,CAAC,ECzBY,EAAsB,GAA+B,CAChE,IAAM,GAAwB,CAAE,cAAe,CAC7C,IAAM,GAAA,EAAA,EAAA,WAAA,CAAsB,EAAA,CAAqB,EAC3C,CAAC,EAAW,IAAA,EAAA,EAAA,QAAA,KAEd,CACG,GACC,EAAW,EAAS,UAAU,EAAM,CAAQ,MAAU,CAAC,MAClD,EAAW,EAAS,IAAI,CAAI,EAAI,IACzC,EACF,CAAC,CAAQ,CACX,EAGM,GAAA,EAAA,EAAA,qBAAA,CAA8B,EAAW,MAAmB,IAAI,GAItE,EAAA,EAAA,UAAA,KAAgB,GAAU,MAAM,EAAM,QAAQ,EAAG,CAAC,EAAU,CAAI,CAAC,EACjE,IAAM,EAAO,GAAQ,MAAQ,KAC7B,OAAO,GAAA,EAAA,EAAA,aAAA,CAAoB,EAAU,CAAI,EAAI,IAC/C,EAEA,MADA,GAAO,YAAc,iBAAiB,EAAK,GACpC,CACT,EChCM,MAAkC,KACxC,EAAY,YAAc,sBAiB1B,IAAa,EAA0B,GAAsC,CAC3E,IAAM,GAAA,EAAA,EAAA,WAAA,CAAsB,EAAA,CAAqB,EAI3C,GAAA,EAAA,EAAA,OAAA,CAA6C,IAAI,GAAK,EACxD,EAAuB,EAC3B,GAAI,EAAM,CACR,IAAI,EAAS,EAAS,QAAQ,IAAI,CAAI,EACjC,IACH,EAAS,EAAmB,CAAI,EAChC,EAAS,QAAQ,IAAI,EAAM,CAAM,GAEnC,EAAS,CACX,CAEA,GAAM,CAAC,EAAW,IAAA,EAAA,EAAA,QAAA,KAEd,CACG,GACC,GAAQ,EAAW,EAAS,UAAU,EAAM,CAAQ,MAAU,CAAC,MAC1D,GAAQ,EAAW,EAAS,IAAI,CAAI,EAAI,IACjD,EACF,CAAC,EAAU,CAAI,CACjB,EAGM,GAAA,EAAA,EAAA,qBAAA,CAA8B,EAAW,MAAmB,IAAI,EAEtE,MAAO,CACL,SACA,MAAQ,GAAQ,OAAS,IAC3B,CACF"}
+{"version":3,"file":"use-region-DAQ1j-8C.cjs.js","names":[],"sources":["../../src/components/region/region.target.tsx","../../src/components/region/region.tsx","../../src/components/region/region.portal.tsx","../../src/components/region/use-region.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from \"react\";\nimport type { Ref } from \"react\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionProps } from \"./region.types\";\n\n/**\n * The `<Region name>` **target**: marks where a named region renders and\n * registers its DOM node under `name` so consumers can fill it via\n * `useRegion(name)`. Optionally publishes a `value` (control callbacks + state)\n * for that region.\n *\n * Renders a **layout-transparent** element — `display: contents`, so it\n * generates no box of its own and the projected children lay out as direct\n * children of the region's parent (precise layout, no extra wrapper). A portal\n * still needs a real DOM node as its container, which is why an element exists\n * at all; `display: contents` keeps that node out of the layout. Pass `style` to\n * override (e.g. `display: \"block\"`) if you want the target to be a real box.\n *\n * A `Region.Provider` must be an ancestor (it is, ambiently, inside\n * `NimbusProvider`); without one the target still renders but registers nowhere,\n * so no consumer can fill it.\n */\nexport const RegionTarget = ({ name, value, ref, ...props }: RegionProps) => {\n  const registry = useContext(RegionRegistryContext);\n\n  // Stable merged ref: forwards to the consumer's `ref` and registers/clears the\n  // node under `name`. Read the consumer ref from a holder so identity is stable.\n  const consumerRef = useRef<Ref<HTMLDivElement> | undefined>(ref);\n  consumerRef.current = ref;\n  // The node we last registered, so detach can release the slot owner-checked\n  // (clearing only if we still hold it) rather than clobbering a newer target.\n  const ownNodeRef = useRef<HTMLDivElement | null>(null);\n  const setRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      const r = consumerRef.current;\n      if (typeof r === \"function\") r(node);\n      else if (r != null)\n        (r as { current: HTMLDivElement | null }).current = node;\n      if (node) registry?.setNode(name, node);\n      else registry?.clearNode(name, ownNodeRef.current);\n      ownNodeRef.current = node;\n    },\n    [registry, name]\n  );\n\n  // Declare this target as the region's single occupant for the mount's lifetime;\n  // a second concurrent target for the same name warns in development.\n  useEffect(() => registry?.claim(name, \"target\"), [registry, name]);\n\n  // Publish the value (when provided). Memoize `value` at the call site — its\n  // identity changing is exactly what notifies consumers.\n  useEffect(() => {\n    if (value === undefined) return;\n    registry?.setValue(name, value);\n    return () => registry?.clearValue(name, value);\n  }, [registry, name, value]);\n\n  // `display: contents` — the target generates no box; projected children lay\n  // out as if placed directly at the region's position. `{...props}` comes after\n  // so a consumer can override (e.g. `display=\"block\"`) and add style props.\n  return <ChakraBox ref={setRef} display=\"contents\" {...props} />;\n};\n\nRegionTarget.displayName = \"Region\";\n","import { RegionTarget } from \"./region.target\";\nimport { RegionProvider } from \"./region.provider\";\n\n/**\n * Region\n * ============================================================\n * A headless, component-agnostic primitive for **named regions** — \"render this\n * content over there.\" Two sides:\n *\n * - **place a target**: `<Region name=\"foo\" />` marks where a named region\n *   renders. It's layout-transparent (`display: contents`), so projected content\n *   lays out as a direct child of the target's parent.\n * - **fill it**: `const { Region, value } = useRegion(\"foo\")` returns a stable\n *   portal to project content into the target (plus any `value` the target\n *   published). Projected content paints at the target while staying in the\n *   author's React tree, so all ancestor context is preserved.\n *\n * The scope is provided by `Region.Provider`, which is mounted **ambiently**\n * inside `NimbusProvider` — so in a Nimbus app you place targets and call\n * `useRegion` without ever wrapping anything yourself.\n *\n * @example\n * // somewhere in the layout (e.g. an app shell):\n * <Region name=\"sidebar\" />\n *\n * // anywhere else, even a different package:\n * const { Region: Sidebar } = useRegion(\"sidebar\");\n * return <Sidebar>{content}</Sidebar>;\n */\nexport const Region = Object.assign(RegionTarget, {\n  /**\n   * # Region.Provider\n   *\n   * Establishes a named-region scope. Mounted ambiently by `NimbusProvider`, so\n   * you rarely write it directly. Reuses an ancestor provider's registry when\n   * nested, and renders no DOM element of its own — hence `.Provider`, not\n   * `.Root`.\n   */\n  Provider: RegionProvider,\n});\n\n// Underscore-prefixed re-exports for react-docgen-typescript prop-table\n// extraction. Consumers should use `Region` / `Region.Provider`.\nexport { RegionTarget as _Region, RegionProvider as _RegionProvider };\n","import { useContext, useEffect, useMemo, useSyncExternalStore } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionPortal } from \"./region.types\";\n\n/**\n * Build a stable portal component bound to one region `name`. The returned\n * component renders its `children` into that region's target node, or `null`\n * until the target mounts. It resolves the registry from context at its own\n * render position, so it targets the correct (shared, outermost) registry\n * regardless of where the consumer renders it.\n *\n * @internal\n */\nexport const createRegionPortal = (name: string): RegionPortal => {\n  const Portal: RegionPortal = ({ children }) => {\n    const registry = useContext(RegionRegistryContext);\n    const [subscribe, getSnapshot] = useMemo(\n      () =>\n        [\n          (listener: () => void) =>\n            registry ? registry.subscribe(name, listener) : () => {},\n          () => (registry ? registry.get(name) : null),\n        ] as const,\n      [registry]\n    );\n    // Server snapshot is `null`: no targets exist during SSR and `createPortal`\n    // is client-only, so the portal renders nothing until hydration.\n    const record = useSyncExternalStore(subscribe, getSnapshot, () => null);\n    // Declare this portal as the region's single filler while mounted; a second\n    // concurrent filler for the same name warns in development (their content\n    // would otherwise stack into the one target in an undefined order).\n    useEffect(() => registry?.claim(name, \"filler\"), [registry, name]);\n    const node = record?.node ?? null;\n    return node ? createPortal(children, node) : null;\n  };\n  Portal.displayName = `Region.Portal(${name})`;\n  return Portal;\n};\n","import { useContext, useMemo, useRef, useSyncExternalStore } from \"react\";\nimport { createRegionPortal } from \"./region.portal\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionPortal, UseRegionResult } from \"./region.types\";\n\n/** Stable no-op portal for the `name`-less call (renders nothing). */\nconst EmptyRegion: RegionPortal = () => null;\nEmptyRegion.displayName = \"Region.Portal(none)\";\n\n/**\n * Access a named region: a stable `Region` portal component to project content\n * into it, plus the `value` its target published (control callbacks + state).\n * `value` is `null` until a target with that name mounts and publishes one, so\n * it is safe to call before the target exists.\n *\n * Pass `undefined` (or omit `name`) to get a no-op portal that renders nothing —\n * useful for conditional projection without violating the rules of hooks:\n * `useRegion(isEnabled ? \"sidebar\" : undefined)`.\n *\n * @example\n * const { Region, value } = useRegion<PanelControls>(\"my-sidebar\");\n * value?.expand();\n * return <Region>{content}</Region>; // paints at the target, stays in this tree\n */\nexport const useRegion = <T = unknown>(name?: string): UseRegionResult<T> => {\n  const registry = useContext(RegionRegistryContext);\n\n  // Cache one stable portal per name so the projected subtree never remounts.\n  // Intentionally unbounded — names should be static strings, not dynamic IDs.\n  const cacheRef = useRef<Map<string, RegionPortal>>(new Map());\n  let Region: RegionPortal = EmptyRegion;\n  if (name) {\n    let cached = cacheRef.current.get(name);\n    if (!cached) {\n      cached = createRegionPortal(name);\n      cacheRef.current.set(name, cached);\n    }\n    Region = cached;\n  }\n\n  const [subscribe, getSnapshot] = useMemo(\n    () =>\n      [\n        (listener: () => void) =>\n          name && registry ? registry.subscribe(name, listener) : () => {},\n        () => (name && registry ? registry.get(name) : null),\n      ] as const,\n    [registry, name]\n  );\n  // Server snapshot is `null`: there are no outlets during SSR and `createPortal`\n  // is client-only, so a region resolves to nothing until hydration.\n  const record = useSyncExternalStore(subscribe, getSnapshot, () => null);\n\n  return {\n    Region,\n    value: (record?.value ?? null) as T | null,\n  };\n};\n"],"mappings":"oKAuBA,IAAa,GAAgB,CAAE,OAAM,QAAO,MAAK,GAAG,KAAyB,CAC3E,IAAM,GAAA,EAAW,EAAA,WAAA,CAAW,EAAA,CAAqB,EAI3C,GAAA,EAAc,EAAA,OAAA,CAAwC,CAAG,EAC/D,EAAY,QAAU,EAGtB,IAAM,GAAA,EAAa,EAAA,OAAA,CAA8B,IAAI,EAC/C,GAAA,EAAS,EAAA,YAAA,CACZ,GAAgC,CAC/B,IAAM,EAAI,EAAY,QAClB,OAAO,GAAM,WAAY,EAAE,CAAI,EAC1B,GAAK,OACZ,EAA0C,QAAU,GAClD,EAAM,GAAU,QAAQ,EAAM,CAAI,EACjC,GAAU,UAAU,EAAM,EAAW,OAAO,EACjD,EAAW,QAAU,CACvB,EACA,CAAC,EAAU,CAAI,CACjB,EAiBA,OAbA,EAAA,EAAA,UAAA,KAAgB,GAAU,MAAM,EAAM,QAAQ,EAAG,CAAC,EAAU,CAAI,CAAC,GAIjE,EAAA,EAAA,UAAA,KAAgB,CACV,OAAU,IAAA,GAEd,OADA,GAAU,SAAS,EAAM,CAAK,MACjB,GAAU,WAAW,EAAM,CAAK,CAC/C,EAAG,CAAC,EAAU,EAAM,CAAK,CAAC,GAKnB,EAAA,EAAA,IAAA,CAAC,EAAA,IAAD,CAAW,IAAK,EAAQ,QAAQ,WAAW,GAAI,CAAQ,CAAA,CAChE,EAEA,EAAa,YAAc,SCnC3B,IAAa,EAAS,OAAO,OAAO,EAAc,CAShD,SAAU,EAAA,CACZ,CAAC,ECzBY,EAAsB,GAA+B,CAChE,IAAM,GAAwB,CAAE,cAAe,CAC7C,IAAM,GAAA,EAAW,EAAA,WAAA,CAAW,EAAA,CAAqB,EAC3C,CAAC,EAAW,IAAA,EAAe,EAAA,QAAA,KAE7B,CACG,GACC,EAAW,EAAS,UAAU,EAAM,CAAQ,MAAU,CAAC,MAClD,EAAW,EAAS,IAAI,CAAI,EAAI,IACzC,EACF,CAAC,CAAQ,CACX,EAGM,GAAA,EAAS,EAAA,qBAAA,CAAqB,EAAW,MAAmB,IAAI,GAItE,EAAA,EAAA,UAAA,KAAgB,GAAU,MAAM,EAAM,QAAQ,EAAG,CAAC,EAAU,CAAI,CAAC,EACjE,IAAM,EAAO,GAAQ,MAAQ,KAC7B,OAAO,GAAA,EAAO,EAAA,aAAA,CAAa,EAAU,CAAI,EAAI,IAC/C,EAEA,MADA,GAAO,YAAc,iBAAiB,EAAK,GACpC,CACT,EChCM,MAAkC,KACxC,EAAY,YAAc,sBAiB1B,IAAa,EAA0B,GAAsC,CAC3E,IAAM,GAAA,EAAW,EAAA,WAAA,CAAW,EAAA,CAAqB,EAI3C,GAAA,EAAW,EAAA,OAAA,CAAkC,IAAI,GAAK,EACxD,EAAuB,EAC3B,GAAI,EAAM,CACR,IAAI,EAAS,EAAS,QAAQ,IAAI,CAAI,EACjC,IACH,EAAS,EAAmB,CAAI,EAChC,EAAS,QAAQ,IAAI,EAAM,CAAM,GAEnC,EAAS,CACX,CAEA,GAAM,CAAC,EAAW,IAAA,EAAe,EAAA,QAAA,KAE7B,CACG,GACC,GAAQ,EAAW,EAAS,UAAU,EAAM,CAAQ,MAAU,CAAC,MAC1D,GAAQ,EAAW,EAAS,IAAI,CAAI,EAAI,IACjD,EACF,CAAC,EAAU,CAAI,CACjB,EAGM,GAAA,EAAS,EAAA,qBAAA,CAAqB,EAAW,MAAmB,IAAI,EAEtE,MAAO,CACL,SACA,MAAQ,GAAQ,OAAS,IAC3B,CACF"}