@anoki/fse-ui 1.0.0-beta1.47.1 → 1.0.0-beta1.47.2

package/dist/index.es472.js

@@ -1,37 +1,18 @@
-import * as p from "react";
-import * as f from "react-dom";
-import { createSlot as c } from "./index.es479.js";
-import { j as u } from "./index.es241.js";
-var l = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], h = l.reduce((t, i) => {
-  const o = c(`Primitive.${i}`), r = p.forwardRef((e, s) => {
-    const { asChild: m, ...a } = e, n = m ? o : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(n, { ...a, ref: s });
-  });
-  return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
-}, {});
-function w(t, i) {
-  t && f.flushSync(() => t.dispatchEvent(i));
-}
+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());
+    };
+  }, [n, t]);
+};
 export {
-  h as Primitive,
-  w as dispatchDiscreteCustomEvent
+  f as useFocusTrap
 };
 //# sourceMappingURL=index.es472.js.map

package/dist/index.es472.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es472.js","sources":["../node_modules/@radix-ui/react-primitive/dist/index.mjs"],"sourcesContent":["// src/primitive.tsx\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { createSlot } from \"@radix-ui/react-slot\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NODES = [\n  \"a\",\n  \"button\",\n  \"div\",\n  \"form\",\n  \"h2\",\n  \"h3\",\n  \"img\",\n  \"input\",\n  \"label\",\n  \"li\",\n  \"nav\",\n  \"ol\",\n  \"p\",\n  \"select\",\n  \"span\",\n  \"svg\",\n  \"ul\"\n];\nvar Primitive = NODES.reduce((primitive, node) => {\n  const Slot = createSlot(`Primitive.${node}`);\n  const Node = React.forwardRef((props, forwardedRef) => {\n    const { asChild, ...primitiveProps } = props;\n    const Comp = asChild ? Slot : node;\n    if (typeof window !== \"undefined\") {\n      window[Symbol.for(\"radix-ui\")] = true;\n    }\n    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });\n  });\n  Node.displayName = `Primitive.${node}`;\n  return { ...primitive, [node]: Node };\n}, {});\nfunction dispatchDiscreteCustomEvent(target, event) {\n  if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\nvar Root = Primitive;\nexport {\n  Primitive,\n  Root,\n  dispatchDiscreteCustomEvent\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["NODES","Primitive","primitive","node","Slot","createSlot","Node","React","props","forwardedRef","asChild","primitiveProps","Comp","jsx","dispatchDiscreteCustomEvent","target","event","ReactDOM"],"mappings":";;;;AAKA,IAAIA,IAAQ;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACIC,IAAYD,EAAM,OAAO,CAACE,GAAWC,MAAS;AAChD,QAAMC,IAAOC,EAAW,aAAaF,CAAI,EAAE,GACrCG,IAAOC,EAAM,WAAW,CAACC,GAAOC,MAAiB;AACrD,UAAM,EAAE,SAAAC,GAAS,GAAGC,EAAc,IAAKH,GACjCI,IAAOF,IAAUN,IAAOD;AAC9B,WAAI,OAAO,SAAW,QACpB,OAAO,OAAO,IAAI,UAAU,CAAC,IAAI,KAEZU,gBAAAA,EAAAA,IAAID,GAAM,EAAE,GAAGD,GAAgB,KAAKF,GAAc;AAAA,EAC7E,CAAG;AACD,SAAAH,EAAK,cAAc,aAAaH,CAAI,IAC7B,EAAE,GAAGD,GAAW,CAACC,CAAI,GAAGG,EAAM;AACvC,GAAG,CAAE,CAAA;AACL,SAASQ,EAA4BC,GAAQC,GAAO;AAClD,EAAID,KAAQE,EAAS,UAAU,MAAMF,EAAO,cAAcC,CAAK,CAAC;AAClE;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es472.js","sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\r\n\r\nexport const useFocusTrap = (\r\n  ref: React.RefObject<HTMLElement | null>,\r\n  isActive: boolean,\r\n) => {\r\n  useEffect(() => {\r\n    if (!isActive || !ref.current) return;\r\n\r\n    const focusableElements = ref.current.querySelectorAll(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n    const firstFocusableElement = focusableElements[0] as HTMLElement;\r\n    const lastFocusableElement = focusableElements[\r\n      focusableElements.length - 1\r\n    ] as HTMLElement;\r\n\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key !== \"Tab\") return;\r\n\r\n      if (e.shiftKey) {\r\n        if (document.activeElement === firstFocusableElement) {\r\n          lastFocusableElement.focus();\r\n          e.preventDefault();\r\n        }\r\n      } else {\r\n        if (document.activeElement === lastFocusableElement) {\r\n          firstFocusableElement.focus();\r\n          e.preventDefault();\r\n        }\r\n      }\r\n    };\r\n\r\n    const previousActiveElement = document.activeElement as HTMLElement;\r\n\r\n    firstFocusableElement.focus();\r\n\r\n    document.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", handleKeyDown);\r\n\r\n      if (isActive) {\r\n        previousActiveElement?.focus();\r\n      }\r\n    };\r\n  }, [isActive, ref]);\r\n};\r\n"],"names":["useFocusTrap","ref","isActive","useEffect","focusableElements","firstFocusableElement","lastFocusableElement","handleKeyDown","previousActiveElement"],"mappings":";AAEa,MAAAA,IAAe,CAC1BC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,QAAI,CAACD,KAAY,CAACD,EAAI,QAAS;AAEzB,UAAAG,IAAoBH,EAAI,QAAQ;AAAA,MACpC;AAAA,IACF,GACMI,IAAwBD,EAAkB,CAAC,GAC3CE,IAAuBF,EAC3BA,EAAkB,SAAS,CAC7B,GAEMG,IAAgB,CAAC,MAAqB;AACtC,MAAA,EAAE,QAAQ,UAEV,EAAE,WACA,SAAS,kBAAkBF,MAC7BC,EAAqB,MAAM,GAC3B,EAAE,eAAe,KAGf,SAAS,kBAAkBA,MAC7BD,EAAsB,MAAM,GAC5B,EAAE,eAAe;AAAA,IAGvB,GAEMG,IAAwB,SAAS;AAEvC,WAAAH,EAAsB,MAAM,GAEnB,SAAA,iBAAiB,WAAWE,CAAa,GAE3C,MAAM;AACF,eAAA,oBAAoB,WAAWA,CAAa,GAEjDL,MACFM,KAAA,QAAAA,EAAuB;AAAA,IAE3B;AAAA,EAAA,GACC,CAACN,GAAUD,CAAG,CAAC;AACpB;"}

package/dist/index.es48.js

@@ -1,31 +1,31 @@
 import { j as s } from "./index.es241.js";
 import './components/ui/CardSelectDoctor/CardSelectDoctor.css';/* empty css            */
 import { useRef as p } from "react";
-import { Checkbox as u, CheckboxIndicator as w } from "./index.es303.js";
+import { Root as u, Indicator as w } from "./index.es303.js";
 import { useClickOutside as j } from "./index.es304.js";
 import { Col as k } from "./index.es10.js";
 const R = ({
   id: t,
-  title: a,
+  title: c,
   titleTag: l = "h3",
   description: n,
   className: x,
   setSelectedCard: r = () => {
   },
   description2: i,
-  keepSelectionOnNavigation: h = !1,
+  keepSelectionOnNavigation: d = !1,
   disabled: e = !1,
   isActive: o = !1
 }) => {
-  const c = p(null);
+  const a = p(null);
   j(
-    c,
+    a,
     o,
     () => r(void 0),
     () => r(void 0),
-    h
+    d
   );
-  const d = () => /* @__PURE__ */ s.jsx(
+  const f = () => /* @__PURE__ */ s.jsx(
     "svg",
     {
       width: "14",
@@ -45,14 +45,14 @@ const R = ({
         }
       )
     }
-  ), f = `${x} ${o ? "ui-is-active" : "ui-card-search"} shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${e ? "ui-card-disabled" : "cursor-pointer"}`, m = () => {
+  ), h = `${x} ${o ? "ui-is-active" : "ui-card-search"} shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${e ? "ui-card-disabled" : "cursor-pointer"}`, m = () => {
     e || r(t);
   };
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ref: c,
-      className: f,
+      ref: a,
+      className: h,
       onClick: m,
       "aria-disabled": e,
       children: [
@@ -63,11 +63,11 @@ const R = ({
             checked: o,
             disabled: e,
             className: "ui-checkbox-filter",
-            children: /* @__PURE__ */ s.jsx(w, { children: /* @__PURE__ */ s.jsx(d, {}) })
+            children: /* @__PURE__ */ s.jsx(w, { children: /* @__PURE__ */ s.jsx(f, {}) })
           }
         ),
         /* @__PURE__ */ s.jsxs(k, { children: [
-          /* @__PURE__ */ s.jsx(l, { className: "flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold", children: a }),
+          /* @__PURE__ */ s.jsx(l, { className: "flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold", children: c }),
           /* @__PURE__ */ s.jsx("p", { className: "fs-7 md-fs-custom fw-regular text-slate-28", children: n }),
           i && /* @__PURE__ */ s.jsx("p", { className: "fs-7 md-fs-custom fw-regular text-slate-28 pt-x16", children: i })
         ] })

package/dist/index.es48.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es48.js","sources":["../src/components/ui/CardSelectDoctor/index.tsx"],"sourcesContent":["import \"./CardSelectDoctor.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\nimport { Col } from \"../Col\";\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardSelectDoctorProps = {\n  id: string;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  asLink?: \"a\";\n  className?: string;\n  setSelectedCard?: (id?: string) => void;\n  description2?: string;\n  isActive: boolean;\n  keepSelectionOnNavigation?: boolean;\n  disabled?: boolean;\n};\n\nexport const CardSelectDoctor = ({\n  id,\n  title,\n  titleTag: TitleTag = \"h3\",\n  description,\n  className,\n  setSelectedCard = () => {},\n  description2,\n  keepSelectionOnNavigation = false,\n  disabled = false,\n  isActive = false,\n}: CardSelectDoctorProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  useClickOutside(\n    dropdownRef,\n    isActive,\n    () => setSelectedCard(undefined),\n    () => setSelectedCard(undefined),\n    keepSelectionOnNavigation,\n  );\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  // Generate class names based on active and disabled states\n  const cardClasses = `${className} ${\n    isActive ? \"ui-is-active\" : \"ui-card-search\"\n  } shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${\n    disabled ? \"ui-card-disabled\" : \"cursor-pointer\"\n  }`;\n\n  // Handle click only if not disabled\n  const handleClick = () => {\n    if (!disabled) {\n      setSelectedCard(id);\n    }\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={cardClasses}\n      onClick={handleClick}\n      aria-disabled={disabled}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isActive}\n        disabled={disabled}\n        // onCheckedChange={onChange}\n        className={\"ui-checkbox-filter\"}\n        // aria-label={labelText}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Col>\n        <TitleTag className=\"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold\">\n          {title}\n        </TitleTag>\n        <p className=\"fs-7 md-fs-custom fw-regular text-slate-28\">\n          {description}\n        </p>\n        {description2 && (\n          <p className=\"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16\">\n            {description2}\n          </p>\n        )}\n      </Col>\n    </div>\n  );\n};\n"],"names":["CardSelectDoctor","id","title","TitleTag","description","className","setSelectedCard","description2","keepSelectionOnNavigation","disabled","isActive","dropdownRef","useRef","useClickOutside","CheckIcon","jsx","cardClasses","handleClick","jsxs","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":";;;;;;AAwBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AACb,MAA6B;AACrB,QAAAC,IAAcC,EAAuB,IAAI;AAC/C,EAAAC;AAAA,IACEF;AAAA,IACAD;AAAA,IACA,MAAMJ,EAAgB,MAAS;AAAA,IAC/B,MAAMA,EAAgB,MAAS;AAAA,IAC/BE;AAAA,EACF;AAEA,QAAMM,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAIIC,IAAc,GAAGX,CAAS,IAC9BK,IAAW,iBAAiB,gBAC9B,yDACED,IAAW,qBAAqB,gBAClC,IAGMQ,IAAc,MAAM;AACxB,IAAKR,KACHH,EAAgBL,CAAE;AAAA,EAEtB;AAGE,SAAAiB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWK;AAAA,MACX,SAASC;AAAA,MACT,iBAAeR;AAAA,MAEf,UAAA;AAAA,QAAAM,gBAAAA,EAAA;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,IAAAlB;AAAA,YACA,SAASS;AAAA,YACT,UAAAD;AAAA,YAEA,WAAW;AAAA,YAGX,gCAACW,GAAA,EACC,UAAAL,gBAAAA,MAACD,KAAU,EACb,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,+BACCO,GACC,EAAA,UAAA;AAAA,UAACN,gBAAAA,EAAA,IAAAZ,GAAA,EAAS,WAAU,uDACjB,UACHD,GAAA;AAAA,UACCa,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHX,GAAA;AAAA,UACCG,KACCQ,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,qDACV,UACHR,EAAA,CAAA;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es48.js","sources":["../src/components/ui/CardSelectDoctor/index.tsx"],"sourcesContent":["import \"./CardSelectDoctor.scss\";\r\nimport { useRef } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\r\nimport { Col } from \"../Col\";\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardSelectDoctorProps = {\r\n  id: string;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  setSelectedCard?: (id?: string) => void;\r\n  description2?: string;\r\n  isActive: boolean;\r\n  keepSelectionOnNavigation?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const CardSelectDoctor = ({\r\n  id,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  description,\r\n  className,\r\n  setSelectedCard = () => {},\r\n  description2,\r\n  keepSelectionOnNavigation = false,\r\n  disabled = false,\r\n  isActive = false,\r\n}: CardSelectDoctorProps) => {\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  useClickOutside(\r\n    dropdownRef,\r\n    isActive,\r\n    () => setSelectedCard(undefined),\r\n    () => setSelectedCard(undefined),\r\n    keepSelectionOnNavigation,\r\n  );\r\n\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  // Generate class names based on active and disabled states\r\n  const cardClasses = `${className} ${\r\n    isActive ? \"ui-is-active\" : \"ui-card-search\"\r\n  } shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${\r\n    disabled ? \"ui-card-disabled\" : \"cursor-pointer\"\r\n  }`;\r\n\r\n  // Handle click only if not disabled\r\n  const handleClick = () => {\r\n    if (!disabled) {\r\n      setSelectedCard(id);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={cardClasses}\r\n      onClick={handleClick}\r\n      aria-disabled={disabled}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={isActive}\r\n        disabled={disabled}\r\n        // onCheckedChange={onChange}\r\n        className={\"ui-checkbox-filter\"}\r\n        // aria-label={labelText}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Col>\r\n        <TitleTag className=\"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold\">\r\n          {title}\r\n        </TitleTag>\r\n        <p className=\"fs-7 md-fs-custom fw-regular text-slate-28\">\r\n          {description}\r\n        </p>\r\n        {description2 && (\r\n          <p className=\"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16\">\r\n            {description2}\r\n          </p>\r\n        )}\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardSelectDoctor","id","title","TitleTag","description","className","setSelectedCard","description2","keepSelectionOnNavigation","disabled","isActive","dropdownRef","useRef","useClickOutside","CheckIcon","jsx","cardClasses","handleClick","jsxs","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":";;;;;;AAwBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AACb,MAA6B;AACrB,QAAAC,IAAcC,EAAuB,IAAI;AAC/C,EAAAC;AAAA,IACEF;AAAA,IACAD;AAAA,IACA,MAAMJ,EAAgB,MAAS;AAAA,IAC/B,MAAMA,EAAgB,MAAS;AAAA,IAC/BE;AAAA,EACF;AAEA,QAAMM,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAIIC,IAAc,GAAGX,CAAS,IAC9BK,IAAW,iBAAiB,gBAC9B,yDACED,IAAW,qBAAqB,gBAClC,IAGMQ,IAAc,MAAM;AACxB,IAAKR,KACHH,EAAgBL,CAAE;AAAA,EAEtB;AAGE,SAAAiB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWK;AAAA,MACX,SAASC;AAAA,MACT,iBAAeR;AAAA,MAEf,UAAA;AAAA,QAAAM,gBAAAA,EAAA;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,IAAAlB;AAAA,YACA,SAASS;AAAA,YACT,UAAAD;AAAA,YAEA,WAAW;AAAA,YAGX,gCAACW,GAAA,EACC,UAAAL,gBAAAA,MAACD,KAAU,EACb,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,+BACCO,GACC,EAAA,UAAA;AAAA,UAACN,gBAAAA,EAAA,IAAAZ,GAAA,EAAS,WAAU,uDACjB,UACHD,GAAA;AAAA,UACCa,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHX,GAAA;AAAA,UACCG,KACCQ,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,qDACV,UACHR,EAAA,CAAA;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es489.js

@@ -1,53 +1,128 @@
-var S = function(r) {
-  if (typeof document > "u")
-    return null;
-  var u = Array.isArray(r) ? r[0] : r;
-  return u.ownerDocument.body;
-}, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
-  return r && (r.host || W(r.parentNode));
-}, D = function(r, u) {
-  return u.map(function(e) {
-    if (r.contains(e))
-      return e;
-    var n = W(e);
-    return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
-  }).filter(function(e) {
-    return !!e;
+import * as n from "react";
+import { composeEventHandlers as m } from "./index.es462.js";
+import { Primitive as R, dispatchDiscreteCustomEvent as k } from "./index.es466.js";
+import { useComposedRefs as g } from "./index.es463.js";
+import { useCallbackRef as w } from "./index.es519.js";
+import { useEscapeKeydown as U } from "./index.es525.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(() => {
   });
-}, E = function(r, u, e, n) {
-  var i = D(u, Array.isArray(r) ? r : [r]);
-  p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
-  var o = p[e], l = [], s = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
-    !t || s.has(t) || (s.add(t), y(t.parentNode));
+  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);
+    };
+  }, [e, i]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
   };
-  i.forEach(y);
-  var A = function(t) {
-    !t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
-      if (s.has(a))
-        A(a);
-      else
-        try {
-          var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (o.get(a) || 0) + 1;
-          f.set(a, d), o.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
-        } catch (k) {
-          console.error("aria-hidden: cannot operate on ", a, k);
-        }
-    });
+}
+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
   };
-  return A(u), s.clear(), h++, function() {
-    l.forEach(function(t) {
-      var a = f.get(t) - 1, c = o.get(t) - 1;
-      f.set(t, a), o.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
-    }), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
-  };
-}, C = function(r, u, e) {
-  e === void 0 && (e = "data-aria-hidden");
-  var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
-  return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live]"))), E(n, i, e, "aria-hidden")) : function() {
-    return null;
-  };
-};
+}
+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);
+}
 export {
-  C as hideOthers
+  M as DismissableLayer,
+  Y as DismissableLayerBranch
 };
 //# sourceMappingURL=index.es489.js.map

package/dist/index.es489.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es489.js","sources":["../node_modules/aria-hidden/dist/es2015/index.js"],"sourcesContent":["var getDefaultParent = function (originalTarget) {\n    if (typeof document === 'undefined') {\n        return null;\n    }\n    var sampleTarget = Array.isArray(originalTarget) ? originalTarget[0] : originalTarget;\n    return sampleTarget.ownerDocument.body;\n};\nvar counterMap = new WeakMap();\nvar uncontrolledNodes = new WeakMap();\nvar markerMap = {};\nvar lockCount = 0;\nvar unwrapHost = function (node) {\n    return node && (node.host || unwrapHost(node.parentNode));\n};\nvar correctTargets = function (parent, targets) {\n    return targets\n        .map(function (target) {\n        if (parent.contains(target)) {\n            return target;\n        }\n        var correctedTarget = unwrapHost(target);\n        if (correctedTarget && parent.contains(correctedTarget)) {\n            return correctedTarget;\n        }\n        console.error('aria-hidden', target, 'in not contained inside', parent, '. Doing nothing');\n        return null;\n    })\n        .filter(function (x) { return Boolean(x); });\n};\n/**\n * Marks everything except given node(or nodes) as aria-hidden\n * @param {Element | Element[]} originalTarget - elements to keep on the page\n * @param [parentNode] - top element, defaults to document.body\n * @param {String} [markerName] - a special attribute to mark every node\n * @param {String} [controlAttribute] - html Attribute to control\n * @return {Undo} undo command\n */\nvar applyAttributeToOthers = function (originalTarget, parentNode, markerName, controlAttribute) {\n    var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);\n    if (!markerMap[markerName]) {\n        markerMap[markerName] = new WeakMap();\n    }\n    var markerCounter = markerMap[markerName];\n    var hiddenNodes = [];\n    var elementsToKeep = new Set();\n    var elementsToStop = new Set(targets);\n    var keep = function (el) {\n        if (!el || elementsToKeep.has(el)) {\n            return;\n        }\n        elementsToKeep.add(el);\n        keep(el.parentNode);\n    };\n    targets.forEach(keep);\n    var deep = function (parent) {\n        if (!parent || elementsToStop.has(parent)) {\n            return;\n        }\n        Array.prototype.forEach.call(parent.children, function (node) {\n            if (elementsToKeep.has(node)) {\n                deep(node);\n            }\n            else {\n                try {\n                    var attr = node.getAttribute(controlAttribute);\n                    var alreadyHidden = attr !== null && attr !== 'false';\n                    var counterValue = (counterMap.get(node) || 0) + 1;\n                    var markerValue = (markerCounter.get(node) || 0) + 1;\n                    counterMap.set(node, counterValue);\n                    markerCounter.set(node, markerValue);\n                    hiddenNodes.push(node);\n                    if (counterValue === 1 && alreadyHidden) {\n                        uncontrolledNodes.set(node, true);\n                    }\n                    if (markerValue === 1) {\n                        node.setAttribute(markerName, 'true');\n                    }\n                    if (!alreadyHidden) {\n                        node.setAttribute(controlAttribute, 'true');\n                    }\n                }\n                catch (e) {\n                    console.error('aria-hidden: cannot operate on ', node, e);\n                }\n            }\n        });\n    };\n    deep(parentNode);\n    elementsToKeep.clear();\n    lockCount++;\n    return function () {\n        hiddenNodes.forEach(function (node) {\n            var counterValue = counterMap.get(node) - 1;\n            var markerValue = markerCounter.get(node) - 1;\n            counterMap.set(node, counterValue);\n            markerCounter.set(node, markerValue);\n            if (!counterValue) {\n                if (!uncontrolledNodes.has(node)) {\n                    node.removeAttribute(controlAttribute);\n                }\n                uncontrolledNodes.delete(node);\n            }\n            if (!markerValue) {\n                node.removeAttribute(markerName);\n            }\n        });\n        lockCount--;\n        if (!lockCount) {\n            // clear\n            counterMap = new WeakMap();\n            counterMap = new WeakMap();\n            uncontrolledNodes = new WeakMap();\n            markerMap = {};\n        }\n    };\n};\n/**\n * Marks everything except given node(or nodes) as aria-hidden\n * @param {Element | Element[]} originalTarget - elements to keep on the page\n * @param [parentNode] - top element, defaults to document.body\n * @param {String} [markerName] - a special attribute to mark every node\n * @return {Undo} undo command\n */\nexport var hideOthers = function (originalTarget, parentNode, markerName) {\n    if (markerName === void 0) { markerName = 'data-aria-hidden'; }\n    var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);\n    var activeParentNode = parentNode || getDefaultParent(originalTarget);\n    if (!activeParentNode) {\n        return function () { return null; };\n    }\n    // we should not hide ariaLive elements - https://github.com/theKashey/aria-hidden/issues/10\n    targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll('[aria-live]')));\n    return applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');\n};\n/**\n * Marks everything except given node(or nodes) as inert\n * @param {Element | Element[]} originalTarget - elements to keep on the page\n * @param [parentNode] - top element, defaults to document.body\n * @param {String} [markerName] - a special attribute to mark every node\n * @return {Undo} undo command\n */\nexport var inertOthers = function (originalTarget, parentNode, markerName) {\n    if (markerName === void 0) { markerName = 'data-inert-ed'; }\n    var activeParentNode = parentNode || getDefaultParent(originalTarget);\n    if (!activeParentNode) {\n        return function () { return null; };\n    }\n    return applyAttributeToOthers(originalTarget, activeParentNode, markerName, 'inert');\n};\n/**\n * @returns if current browser supports inert\n */\nexport var supportsInert = function () {\n    return typeof HTMLElement !== 'undefined' && HTMLElement.prototype.hasOwnProperty('inert');\n};\n/**\n * Automatic function to \"suppress\" DOM elements - _hide_ or _inert_ in the best possible way\n * @param {Element | Element[]} originalTarget - elements to keep on the page\n * @param [parentNode] - top element, defaults to document.body\n * @param {String} [markerName] - a special attribute to mark every node\n * @return {Undo} undo command\n */\nexport var suppressOthers = function (originalTarget, parentNode, markerName) {\n    if (markerName === void 0) { markerName = 'data-suppressed'; }\n    return (supportsInert() ? inertOthers : hideOthers)(originalTarget, parentNode, markerName);\n};\n"],"names":["getDefaultParent","originalTarget","sampleTarget","counterMap","uncontrolledNodes","markerMap","lockCount","unwrapHost","node","correctTargets","parent","targets","target","correctedTarget","x","applyAttributeToOthers","parentNode","markerName","controlAttribute","markerCounter","hiddenNodes","elementsToKeep","elementsToStop","keep","el","deep","attr","alreadyHidden","counterValue","markerValue","e","hideOthers","activeParentNode"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es489.js","sources":["../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/dismissable-layer/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]}

package/dist/index.es49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es49.js","sources":["../src/components/ui/CardDoctorInfo/index.tsx"],"sourcesContent":["import { Avatar } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./CardDoctorInfo.scss\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport { CategoryHeader, Col, Row } from \"@/components\";\nimport { useState } from \"react\";\nimport React from \"react\";\nimport { DayHours } from \"@anoki/fse-common\";\nimport { DoctorSchedule } from \"../DoctorSchedule\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype Info = {\n  label: string;\n  value: string;\n};\n\ntype ScheduleDay = {\n  label: string;\n  slots: DayHours[];\n};\n\ntype OfficeInfo = {\n  info: Info[];\n  schedule?: {\n    label: string;\n    days: ScheduleDay[];\n  };\n};\n\ntype CardDoctorInfoProps = {\n  titleTag?: HeadingLevel;\n  doctorName: string;\n  specialties?: string[];\n  contactInfo?: Info[];\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  className?: string;\n  officesInfo?: Info[][];\n  officesInfoV2?: OfficeInfo[];\n  officeLabel?: string;\n};\n\nexport const CardDoctorInfo = ({\n  titleTag: TitleTag = \"h3\",\n  doctorName,\n  specialties,\n  contactInfo,\n  avatar,\n  className,\n  officesInfo = [],\n  officesInfoV2 = [],\n  officeLabel = \"Ambulatorio\",\n}: CardDoctorInfoProps) => {\n  const [openOffices, setOpenOffices] = useState<number[]>([]);\n\n  const showContactInfo = () => {\n    return contactInfo && contactInfo?.length > 0;\n  };\n\n  const toggleOffice = (index: number) => {\n    if (openOffices.includes(index)) {\n      setOpenOffices(openOffices.filter((i) => i !== index));\n    } else {\n      setOpenOffices([...openOffices, index]);\n    }\n  };\n\n  return (\n    <article\n      className={clsx(\"bg-white shadow br-x4 ui-card-doctor-info\", className)}\n    >\n      <Row as={\"header\"} gap={\"x16\"}>\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size=\"3\"\n          />\n        )}\n\n        <div>\n          <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\n            {doctorName}\n          </TitleTag>\n          {specialties && specialties?.length > 0 && (\n            <p className=\"fs-6 text-slate-20 fw-regular\">\n              {specialties?.join(\" | \")}\n            </p>\n          )}\n        </div>\n      </Row>\n      <div className=\"ui-card-doctor-content-info\">\n        {showContactInfo() && (\n          <dl className=\"ui-card-doctor-contact-info\">\n            {contactInfo?.map((info) => (\n              <div\n                key={info.label}\n                role=\"group\"\n                className=\"ui-card-doctor-contact-detail-info\"\n              >\n                <dt className=\"fs-6 fw-bold text-slate-28\">{info.label}</dt>\n                <dd className=\"fs-6 fw-regular  text-slate-28\">{info.value}</dd>\n              </div>\n            ))}\n          </dl>\n        )}\n        {officesInfo?.length > 0 && (\n          <Divider\n            bg=\"border-divider\"\n            className=\"ui-card-doctor-divider-info mt-x24\"\n          />\n        )}\n\n        {officesInfoV2?.length > 0 && (\n          <Divider\n            bg=\"border-divider\"\n            className=\"ui-card-doctor-divider-info mt-x24\"\n          />\n        )}\n\n        <Col>\n          {officesInfo?.length > 0 &&\n            officesInfo?.map((office, index) => (\n              <React.Fragment key={index}>\n                <CategoryHeader\n                  title={`${officeLabel} ${index + 1}`}\n                  isOpen={openOffices.includes(index)}\n                  onToggle={() => toggleOffice(index)}\n                  hasBorder={!openOffices.includes(index)}\n                  className={\"pt-x24\"}\n                  titleClassName={\"fw-semibold fs-6 text-primary pb-x16\"}\n                />\n                {openOffices.includes(index) && (\n                  <div className={clsx(\"ui-has-border-bottom\", \"pb-x24\")}>\n                    {office.length > 0 && (\n                      <dl className=\"ui-card-doctor-contact-info\">\n                        {office?.map((info) => (\n                          <div\n                            key={info.label}\n                            role=\"group\"\n                            className=\"ui-card-doctor-contact-detail-info\"\n                          >\n                            <dt className=\"fs-6 fw-bold text-slate-28\">\n                              {info.label}\n                            </dt>\n                            <dd className=\"fs-6 fw-regular  text-slate-28\">\n                              {info.value}\n                            </dd>\n                          </div>\n                        ))}\n                      </dl>\n                    )}\n                  </div>\n                )}\n              </React.Fragment>\n            ))}\n\n          {officesInfoV2?.length > 0 &&\n            officesInfoV2?.map((office, index) => (\n              <React.Fragment key={index}>\n                <CategoryHeader\n                  title={`${officeLabel} ${index + 1}`}\n                  isOpen={openOffices.includes(index)}\n                  onToggle={() => toggleOffice(index)}\n                  hasBorder={!openOffices.includes(index)}\n                  className={\"pt-x24\"}\n                  titleClassName={\"fw-semibold fs-6 text-primary pb-x16\"}\n                />\n                {openOffices.includes(index) && (\n                  <div className={clsx(\"ui-has-border-bottom\", \"pb-x24\")}>\n                    {office.info.length > 0 && (\n                      <dl className=\"ui-card-doctor-contact-info\">\n                        {office?.info.map((info) => (\n                          <div\n                            key={info.label}\n                            role=\"group\"\n                            className=\"ui-card-doctor-contact-detail-info\"\n                          >\n                            <dt className=\"fs-6 fw-bold text-slate-28\">\n                              {info.label}\n                            </dt>\n                            <dd className=\"fs-6 fw-regular  text-slate-28\">\n                              {info.value}\n                            </dd>\n                          </div>\n                        ))}\n                      </dl>\n                    )}\n                    {office.schedule && (\n                      <dl className={\"mt-x16\"}>\n                        <DoctorSchedule\n                          {...office.schedule}\n                          labelClassName={\"fs-6 fw-bold text-slate-28\"}\n                        />\n                      </dl>\n                    )}\n                  </div>\n                )}\n              </React.Fragment>\n            ))}\n        </Col>\n      </div>\n    </article>\n  );\n};\n"],"names":["CardDoctorInfo","TitleTag","doctorName","specialties","contactInfo","avatar","className","officesInfo","officesInfoV2","officeLabel","openOffices","setOpenOffices","useState","showContactInfo","toggleOffice","index","i","jsxs","clsx","Row","jsx","Avatar","info","Divider","Col","office","React","CategoryHeader","DoctorSchedule"],"mappings":"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"}
+{"version":3,"file":"index.es49.js","sources":["../src/components/ui/CardDoctorInfo/index.tsx"],"sourcesContent":["import { Avatar } from \"../Avatar\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./CardDoctorInfo.scss\";\r\nimport clsx from \"clsx\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport { CategoryHeader, Col, Row } from \"@/components\";\r\nimport { useState } from \"react\";\r\nimport React from \"react\";\r\nimport { DayHours } from \"@anoki/fse-common\";\r\nimport { DoctorSchedule } from \"../DoctorSchedule\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\ntype Info = {\r\n  label: string;\r\n  value: string;\r\n};\r\n\r\ntype ScheduleDay = {\r\n  label: string;\r\n  slots: DayHours[];\r\n};\r\n\r\ntype OfficeInfo = {\r\n  info: Info[];\r\n  schedule?: {\r\n    label: string;\r\n    days: ScheduleDay[];\r\n  };\r\n};\r\n\r\ntype CardDoctorInfoProps = {\r\n  titleTag?: HeadingLevel;\r\n  doctorName: string;\r\n  specialties?: string[];\r\n  contactInfo?: Info[];\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  className?: string;\r\n  officesInfo?: Info[][];\r\n  officesInfoV2?: OfficeInfo[];\r\n  officeLabel?: string;\r\n};\r\n\r\nexport const CardDoctorInfo = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  doctorName,\r\n  specialties,\r\n  contactInfo,\r\n  avatar,\r\n  className,\r\n  officesInfo = [],\r\n  officesInfoV2 = [],\r\n  officeLabel = \"Ambulatorio\",\r\n}: CardDoctorInfoProps) => {\r\n  const [openOffices, setOpenOffices] = useState<number[]>([]);\r\n\r\n  const showContactInfo = () => {\r\n    return contactInfo && contactInfo?.length > 0;\r\n  };\r\n\r\n  const toggleOffice = (index: number) => {\r\n    if (openOffices.includes(index)) {\r\n      setOpenOffices(openOffices.filter((i) => i !== index));\r\n    } else {\r\n      setOpenOffices([...openOffices, index]);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <article\r\n      className={clsx(\"bg-white shadow br-x4 ui-card-doctor-info\", className)}\r\n    >\r\n      <Row as={\"header\"} gap={\"x16\"}>\r\n        {avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-doctor-avatar\"\r\n            size=\"3\"\r\n          />\r\n        )}\r\n\r\n        <div>\r\n          <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\r\n            {doctorName}\r\n          </TitleTag>\r\n          {specialties && specialties?.length > 0 && (\r\n            <p className=\"fs-6 text-slate-20 fw-regular\">\r\n              {specialties?.join(\" | \")}\r\n            </p>\r\n          )}\r\n        </div>\r\n      </Row>\r\n      <div className=\"ui-card-doctor-content-info\">\r\n        {showContactInfo() && (\r\n          <dl className=\"ui-card-doctor-contact-info\">\r\n            {contactInfo?.map((info) => (\r\n              <div\r\n                key={info.label}\r\n                role=\"group\"\r\n                className=\"ui-card-doctor-contact-detail-info\"\r\n              >\r\n                <dt className=\"fs-6 fw-bold text-slate-28\">{info.label}</dt>\r\n                <dd className=\"fs-6 fw-regular  text-slate-28\">{info.value}</dd>\r\n              </div>\r\n            ))}\r\n          </dl>\r\n        )}\r\n        {officesInfo?.length > 0 && (\r\n          <Divider\r\n            bg=\"border-divider\"\r\n            className=\"ui-card-doctor-divider-info mt-x24\"\r\n          />\r\n        )}\r\n\r\n        {officesInfoV2?.length > 0 && (\r\n          <Divider\r\n            bg=\"border-divider\"\r\n            className=\"ui-card-doctor-divider-info mt-x24\"\r\n          />\r\n        )}\r\n\r\n        <Col>\r\n          {officesInfo?.length > 0 &&\r\n            officesInfo?.map((office, index) => (\r\n              <React.Fragment key={index}>\r\n                <CategoryHeader\r\n                  title={`${officeLabel} ${index + 1}`}\r\n                  isOpen={openOffices.includes(index)}\r\n                  onToggle={() => toggleOffice(index)}\r\n                  hasBorder={!openOffices.includes(index)}\r\n                  className={\"pt-x24\"}\r\n                  titleClassName={\"fw-semibold fs-6 text-primary pb-x16\"}\r\n                />\r\n                {openOffices.includes(index) && (\r\n                  <div className={clsx(\"ui-has-border-bottom\", \"pb-x24\")}>\r\n                    {office.length > 0 && (\r\n                      <dl className=\"ui-card-doctor-contact-info\">\r\n                        {office?.map((info) => (\r\n                          <div\r\n                            key={info.label}\r\n                            role=\"group\"\r\n                            className=\"ui-card-doctor-contact-detail-info\"\r\n                          >\r\n                            <dt className=\"fs-6 fw-bold text-slate-28\">\r\n                              {info.label}\r\n                            </dt>\r\n                            <dd className=\"fs-6 fw-regular  text-slate-28\">\r\n                              {info.value}\r\n                            </dd>\r\n                          </div>\r\n                        ))}\r\n                      </dl>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </React.Fragment>\r\n            ))}\r\n\r\n          {officesInfoV2?.length > 0 &&\r\n            officesInfoV2?.map((office, index) => (\r\n              <React.Fragment key={index}>\r\n                <CategoryHeader\r\n                  title={`${officeLabel} ${index + 1}`}\r\n                  isOpen={openOffices.includes(index)}\r\n                  onToggle={() => toggleOffice(index)}\r\n                  hasBorder={!openOffices.includes(index)}\r\n                  className={\"pt-x24\"}\r\n                  titleClassName={\"fw-semibold fs-6 text-primary pb-x16\"}\r\n                />\r\n                {openOffices.includes(index) && (\r\n                  <div className={clsx(\"ui-has-border-bottom\", \"pb-x24\")}>\r\n                    {office.info.length > 0 && (\r\n                      <dl className=\"ui-card-doctor-contact-info\">\r\n                        {office?.info.map((info) => (\r\n                          <div\r\n                            key={info.label}\r\n                            role=\"group\"\r\n                            className=\"ui-card-doctor-contact-detail-info\"\r\n                          >\r\n                            <dt className=\"fs-6 fw-bold text-slate-28\">\r\n                              {info.label}\r\n                            </dt>\r\n                            <dd className=\"fs-6 fw-regular  text-slate-28\">\r\n                              {info.value}\r\n                            </dd>\r\n                          </div>\r\n                        ))}\r\n                      </dl>\r\n                    )}\r\n                    {office.schedule && (\r\n                      <dl className={\"mt-x16\"}>\r\n                        <DoctorSchedule\r\n                          {...office.schedule}\r\n                          labelClassName={\"fs-6 fw-bold text-slate-28\"}\r\n                        />\r\n                      </dl>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </React.Fragment>\r\n            ))}\r\n        </Col>\r\n      </div>\r\n    </article>\r\n  );\r\n};\r\n"],"names":["CardDoctorInfo","TitleTag","doctorName","specialties","contactInfo","avatar","className","officesInfo","officesInfoV2","officeLabel","openOffices","setOpenOffices","useState","showContactInfo","toggleOffice","index","i","jsxs","clsx","Row","jsx","Avatar","info","Divider","Col","office","React","CategoryHeader","DoctorSchedule"],"mappings":"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"}

package/dist/index.es490.js

@@ -1,12 +1,138 @@
-import { __assign as m } from "./index.es495.js";
-import * as r from "react";
-import { RemoveScroll as e } from "./index.es496.js";
-import t from "./index.es497.js";
-var s = r.forwardRef(function(a, o) {
-  return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
+import * as d from "react";
+import { useComposedRefs as P } from "./index.es463.js";
+import { Primitive as M } from "./index.es466.js";
+import { useCallbackRef as y } from "./index.es519.js";
+import { j as _ } from "./index.es241.js";
+var F = "focusScope.autoFocusOnMount", T = "focusScope.autoFocusOnUnmount", N = { bubbles: !1, cancelable: !0 }, K = "FocusScope", k = d.forwardRef((e, n) => {
+  const {
+    loop: t = !1,
+    trapped: u = !1,
+    onMountAutoFocus: p,
+    onUnmountAutoFocus: L,
+    ...g
+  } = e, [o, R] = d.useState(null), E = y(p), v = y(L), b = d.useRef(null), U = P(n, (s) => R(s)), a = d.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  d.useEffect(() => {
+    if (u) {
+      let s = function(i) {
+        if (a.paused || !o) return;
+        const c = i.target;
+        o.contains(c) ? b.current = c : f(b.current, { select: !0 });
+      }, l = function(i) {
+        if (a.paused || !o) return;
+        const c = i.relatedTarget;
+        c !== null && (o.contains(c) || f(b.current, { select: !0 }));
+      }, r = function(i) {
+        if (document.activeElement === document.body)
+          for (const h of i)
+            h.removedNodes.length > 0 && f(o);
+      };
+      document.addEventListener("focusin", s), document.addEventListener("focusout", l);
+      const m = new MutationObserver(r);
+      return o && m.observe(o, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", s), document.removeEventListener("focusout", l), m.disconnect();
+      };
+    }
+  }, [u, o, a.paused]), d.useEffect(() => {
+    if (o) {
+      S.add(a);
+      const s = document.activeElement;
+      if (!o.contains(s)) {
+        const r = new CustomEvent(F, N);
+        o.addEventListener(F, E), o.dispatchEvent(r), r.defaultPrevented || (w(V(I(o)), { select: !0 }), document.activeElement === s && f(o));
+      }
+      return () => {
+        o.removeEventListener(F, E), setTimeout(() => {
+          const r = new CustomEvent(T, N);
+          o.addEventListener(T, v), o.dispatchEvent(r), r.defaultPrevented || f(s ?? document.body, { select: !0 }), o.removeEventListener(T, v), S.remove(a);
+        }, 0);
+      };
+    }
+  }, [o, E, v, a]);
+  const A = d.useCallback(
+    (s) => {
+      if (!t && !u || a.paused) return;
+      const l = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, r = document.activeElement;
+      if (l && r) {
+        const m = s.currentTarget, [i, c] = x(m);
+        i && c ? !s.shiftKey && r === c ? (s.preventDefault(), t && f(i, { select: !0 })) : s.shiftKey && r === i && (s.preventDefault(), t && f(c, { select: !0 })) : r === m && s.preventDefault();
+      }
+    },
+    [t, u, a.paused]
+  );
+  return /* @__PURE__ */ _.jsx(M.div, { tabIndex: -1, ...g, ref: U, onKeyDown: A });
 });
-s.classNames = e.classNames;
+k.displayName = K;
+function w(e, { select: n = !1 } = {}) {
+  const t = document.activeElement;
+  for (const u of e)
+    if (f(u, { select: n }), document.activeElement !== t) return;
+}
+function x(e) {
+  const n = I(e), t = O(n, e), u = O(n.reverse(), e);
+  return [t, u];
+}
+function I(e) {
+  const n = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (u) => {
+      const p = u.tagName === "INPUT" && u.type === "hidden";
+      return u.disabled || u.hidden || p ? NodeFilter.FILTER_SKIP : u.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; t.nextNode(); ) n.push(t.currentNode);
+  return n;
+}
+function O(e, n) {
+  for (const t of e)
+    if (!D(t, { upTo: n })) return t;
+}
+function D(e, { upTo: n }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (n !== void 0 && e === n) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function H(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function f(e, { select: n = !1 } = {}) {
+  if (e && e.focus) {
+    const t = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== t && H(e) && n && e.select();
+  }
+}
+var S = j();
+function j() {
+  let e = [];
+  return {
+    add(n) {
+      const t = e[0];
+      n !== t && (t == null || t.pause()), e = C(e, n), e.unshift(n);
+    },
+    remove(n) {
+      var t;
+      e = C(e, n), (t = e[0]) == null || t.resume();
+    }
+  };
+}
+function C(e, n) {
+  const t = [...e], u = t.indexOf(n);
+  return u !== -1 && t.splice(u, 1), t;
+}
+function V(e) {
+  return e.filter((n) => n.tagName !== "A");
+}
 export {
-  s as default
+  k as FocusScope
 };
 //# sourceMappingURL=index.es490.js.map