se-design 1.0.83 → 1.0.84-dev.0

package/dist/index53.js

@@ -1,41 +1,46 @@
-import e, { useEffect as d } from "react";
+import e, { useEffect as a } from "react";
 import { delay as m } from "./index245.js";
-import { Icon as i } from "./index6.js";
-const g = (r) => {
+import { announce as i } from "./index75.js";
+import { Icon as s } from "./index6.js";
+const u = (l) => {
   const {
-    title: a = "",
+    title: o = "",
     itemsList: t = [],
-    handleDownload: l,
-    backgroundColor: n = "var(--color-white)",
-    titleBackgroundColor: c = "var(--color-blue-50)"
-  } = r;
-  return d(() => {
-    t?.length > 0 && t?.forEach((o) => {
+    handleDownload: n,
+    backgroundColor: c = "var(--color-white)",
+    titleBackgroundColor: d = "var(--color-blue-50)"
+  } = l;
+  return a(() => {
+    t?.length > 0 && t?.forEach((r) => {
       m(2e3).then(() => {
-        l(o);
+        n(r);
       });
     });
-  }, [t?.length]), /* @__PURE__ */ e.createElement("div", {
+  }, [t?.length]), a(() => {
+    o && i(o, {
+      delay: 300
+    });
+  }, []), /* @__PURE__ */ e.createElement("div", {
     className: "download-widgets-container rounded-t-xl border border-[var(--color-gray-400)] w-[300px] overflow-hidden fixed bottom-0 right-5 z-[1100]",
     style: {
-      backgroundColor: n
+      backgroundColor: c
     }
   }, /* @__PURE__ */ e.createElement("div", {
     className: "p-4 text-base font-medium",
     style: {
-      backgroundColor: c
+      backgroundColor: d
     }
-  }, a), t?.map((o) => /* @__PURE__ */ e.createElement("div", {
+  }, o), t?.map((r) => /* @__PURE__ */ e.createElement("div", {
     className: " download-item flex items-center gap-2 px-4 pt-4 last:pb-4"
   }, /* @__PURE__ */ e.createElement("span", {
     className: "text-base font-normal flex-1"
-  }, o.label), /* @__PURE__ */ e.createElement(i, {
+  }, r.label), /* @__PURE__ */ e.createElement(s, {
     name: "checked-circle",
     stroke: "var(--color-green-500)",
     size: 16
   }))));
 };
 export {
-  g as DownloadWidget
+  u as DownloadWidget
 };
 //# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index53.js","sources":["../src/components/DownloadWidget/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { delay } from 'utils/delay';\n\nimport { Icon } from '../Icon';\n\ntype ItemType = { label: string; id?: number; metadata?: any };\n\ntype DownloadWidgetProps = {\n  title: string;\n  itemsList: ItemType[];\n  handleDownload: (downloadItem?: any) => void;\n  backgroundColor?: string;\n  titleBackgroundColor?: string;\n};\n\nexport const DownloadWidget = (props: DownloadWidgetProps) => {\n  const {\n    title = '',\n    itemsList = [],\n    handleDownload,\n    backgroundColor = 'var(--color-white)',\n    titleBackgroundColor = 'var(--color-blue-50)'\n  } = props;\n\n  useEffect(() => {\n    if (itemsList?.length > 0) {\n      itemsList?.forEach((downloadItem) => {\n        delay(2000).then(() => {\n          handleDownload(downloadItem);\n        });\n      });\n    }\n  }, [itemsList?.length]);\n\n  return (\n    <div\n      className=\"download-widgets-container rounded-t-xl border border-[var(--color-gray-400)] w-[300px] overflow-hidden fixed bottom-0 right-5 z-[1100]\"\n      style={{ backgroundColor }}\n    >\n      <div className=\"p-4 text-base font-medium\" style={{ backgroundColor: titleBackgroundColor }}>\n        {title}\n      </div>\n      {itemsList?.map((item) => (\n        <div className=\" download-item flex items-center gap-2 px-4 pt-4 last:pb-4\">\n          <span className=\"text-base font-normal flex-1\">{item.label}</span>\n          <Icon name=\"checked-circle\" stroke=\"var(--color-green-500)\" size={16} />\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["React__default","useEffect","delay","Icon","DownloadWidget","props","title","itemsList","handleDownload","backgroundColor","titleBackgroundColor","length","forEach","downloadItem","then","React","createElement","className","style","map","item","label","name","stroke","size"],"mappings":"AAgBO,OAAAA,KAAA,aAAAC,SAAA;AAAA,SAAA,SAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAAiBA,CAACC,MAA+B;AAC5D,QAAM;AAAA,IACJC,OAAAA,IAAQ;AAAA,IACRC,WAAAA,IAAY,CAAA;AAAA,IACZC,gBAAAA;AAAAA,IACAC,iBAAAA,IAAkB;AAAA,IAClBC,sBAAAA,IAAuB;AAAA,EAAA,IACrBL;AAEJJ,SAAAA,EAAU,MAAM;AACd,IAAIM,GAAWI,SAAS,KACtBJ,GAAWK,QAASC,CAAAA,MAAiB;AACnCX,MAAAA,EAAM,GAAI,EAAEY,KAAK,MAAM;AACrBN,QAAAA,EAAeK,CAAY;AAAA,MAC7B,CAAC;AAAA,IACH,CAAC;AAAA,EAEL,GAAG,CAACN,GAAWI,MAAM,CAAC,GAGpBI,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAU;AAAA,IACVC,OAAO;AAAA,MAAET,iBAAAA;AAAAA,IAAAA;AAAAA,EAAgB,GAEzBM,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAA4BC,OAAO;AAAA,MAAET,iBAAiBC;AAAAA,IAAAA;AAAAA,EAAqB,GACvFJ,CACE,GACJC,GAAWY,IAAKC,CAAAA,MACfL,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbF,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,EAAA,GAAgCG,EAAKC,KAAY,GACjEN,gBAAAA,EAAAC,cAACb,GAAI;AAAA,IAACmB,MAAK;AAAA,IAAiBC,QAAO;AAAA,IAAyBC,MAAM;AAAA,EAAA,CAAK,CACpE,CACN,CACE;AAET;"}
+{"version":3,"file":"index53.js","sources":["../src/components/DownloadWidget/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { delay } from 'utils/delay';\nimport { announce } from 'src/utils/a11y/liveAnnouncer/LiveAnnouncer';\n\nimport { Icon } from '../Icon';\n\ntype ItemType = { label: string; id?: number; metadata?: any };\n\ntype DownloadWidgetProps = {\n  title: string;\n  itemsList: ItemType[];\n  handleDownload: (downloadItem?: any) => void;\n  backgroundColor?: string;\n  titleBackgroundColor?: string;\n};\n\nexport const DownloadWidget = (props: DownloadWidgetProps) => {\n  const {\n    title = '',\n    itemsList = [],\n    handleDownload,\n    backgroundColor = 'var(--color-white)',\n    titleBackgroundColor = 'var(--color-blue-50)'\n  } = props;\n\n  useEffect(() => {\n    if (itemsList?.length > 0) {\n      itemsList?.forEach((downloadItem) => {\n        delay(2000).then(() => {\n          handleDownload(downloadItem);\n        });\n      });\n    }\n  }, [itemsList?.length]);\n\n  useEffect(() => {\n    if (title) {\n      announce(title, { delay: 300 });\n    }\n  }, []);\n\n  return (\n    <div\n      className=\"download-widgets-container rounded-t-xl border border-[var(--color-gray-400)] w-[300px] overflow-hidden fixed bottom-0 right-5 z-[1100]\"\n      style={{ backgroundColor }}\n    >\n      <div className=\"p-4 text-base font-medium\" style={{ backgroundColor: titleBackgroundColor }}>\n        {title}\n      </div>\n      {itemsList?.map((item) => (\n        <div className=\" download-item flex items-center gap-2 px-4 pt-4 last:pb-4\">\n          <span className=\"text-base font-normal flex-1\">{item.label}</span>\n          <Icon name=\"checked-circle\" stroke=\"var(--color-green-500)\" size={16} />\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["React__default","useEffect","delay","announce","Icon","DownloadWidget","props","title","itemsList","handleDownload","backgroundColor","titleBackgroundColor","length","forEach","downloadItem","then","React","createElement","className","style","map","item","label","name","stroke","size"],"mappings":"AAiBO,OAAAA,KAAA,aAAAC,SAAA;AAAA,SAAA,SAAAC,SAAA;AAAA,SAAA,YAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAAiBA,CAACC,MAA+B;AAC5D,QAAM;AAAA,IACJC,OAAAA,IAAQ;AAAA,IACRC,WAAAA,IAAY,CAAA;AAAA,IACZC,gBAAAA;AAAAA,IACAC,iBAAAA,IAAkB;AAAA,IAClBC,sBAAAA,IAAuB;AAAA,EAAA,IACrBL;AAEJL,SAAAA,EAAU,MAAM;AACd,IAAIO,GAAWI,SAAS,KACtBJ,GAAWK,QAASC,CAAAA,MAAiB;AACnCZ,MAAAA,EAAM,GAAI,EAAEa,KAAK,MAAM;AACrBN,QAAAA,EAAeK,CAAY;AAAA,MAC7B,CAAC;AAAA,IACH,CAAC;AAAA,EAEL,GAAG,CAACN,GAAWI,MAAM,CAAC,GAEtBX,EAAU,MAAM;AACd,IAAIM,KACFJ,EAASI,GAAO;AAAA,MAAEL,OAAO;AAAA,IAAA,CAAK;AAAA,EAElC,GAAG,CAAA,CAAE,GAGHc,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAU;AAAA,IACVC,OAAO;AAAA,MAAET,iBAAAA;AAAAA,IAAAA;AAAAA,EAAgB,GAEzBM,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAA4BC,OAAO;AAAA,MAAET,iBAAiBC;AAAAA,IAAAA;AAAAA,EAAqB,GACvFJ,CACE,GACJC,GAAWY,IAAKC,CAAAA,MACfL,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbF,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,EAAA,GAAgCG,EAAKC,KAAY,GACjEN,gBAAAA,EAAAC,cAACb,GAAI;AAAA,IAACmB,MAAK;AAAA,IAAiBC,QAAO;AAAA,IAAyBC,MAAM;AAAA,EAAA,CAAK,CACpE,CACN,CACE;AAET;"}

package/dist/index61.js

@@ -1,61 +1,71 @@
-import l, { useState as p, useCallback as E, useEffect as y } from "react";
-import { Popover as P } from "./index19.js";
+import n, { useState as u, useCallback as y, useEffect as P } from "react";
+import { Popover as I } from "./index19.js";
+import { useStableId as k } from "./index205.js";
 /* empty css         */
-function f() {
-  return f = Object.assign ? Object.assign.bind() : function(s) {
-    for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var e in n) ({}).hasOwnProperty.call(n, e) && (s[e] = n[e]);
+function p() {
+  return p = Object.assign ? Object.assign.bind() : function(r) {
+    for (var o = 1; o < arguments.length; o++) {
+      var s = arguments[o];
+      for (var t in s) ({}).hasOwnProperty.call(s, t) && (r[t] = s[t]);
     }
-    return s;
-  }, f.apply(null, arguments);
+    return r;
+  }, p.apply(null, arguments);
 }
-const I = ({
-  label: s,
-  children: t,
-  iconColor: n = "",
-  hoverBackgroundColor: e,
-  isDisabled: r = !1,
-  noPadding: u = !1
+const N = ({
+  label: r,
+  children: o,
+  iconColor: s = "",
+  hoverBackgroundColor: t,
+  isDisabled: i = !1,
+  noPadding: m = !1,
+  noDescribedBy: g = !1
 }) => {
-  const [m, i] = p(!1), [g, a] = p(!1), c = m || g, d = E((o) => {
-    o.key === "Escape" && (i(!1), a(!1), o.stopImmediatePropagation());
+  const c = k(void 0, "info-tooltip"), [v, a] = u(!1), [E, l] = u(!1), d = v || E, f = y((e) => {
+    e.key === "Escape" && (a(!1), l(!1), e.stopImmediatePropagation());
   }, []);
-  y(() => {
-    if (c)
-      return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
-  }, [c, d]);
-  const v = {
-    onMouseEnter: () => i(!0),
-    onMouseLeave: () => i(!1),
-    onFocus: (o) => {
-      o.target.matches(":focus-visible") && a(!0);
+  P(() => {
+    if (d)
+      return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, [d, f]);
+  const b = {
+    onMouseEnter: () => a(!0),
+    onMouseLeave: () => a(!1),
+    onFocus: (e) => {
+      e.target.matches(":focus-visible") && l(!0);
     },
-    onBlur: () => a(!1)
+    onBlur: () => l(!1)
   };
-  return /* @__PURE__ */ l.createElement("div", f({
-    className: `se-design-info-tooltip-outer ${r ? "se-design-info-tooltip-wrapper-disabled" : ""}`
-  }, r ? {} : v), /* @__PURE__ */ l.createElement(P, {
+  return /* @__PURE__ */ n.createElement("div", p({
+    className: `se-design-info-tooltip-outer ${i ? "se-design-info-tooltip-wrapper-disabled" : ""}`
+  }, i ? {} : b), /* @__PURE__ */ n.createElement(I, {
     className: "inline-flex items-center",
     position: "bottom-center",
-    isPopoverOpen: c,
-    onPopoverToggle: (o) => {
-      o || (i(!1), a(!1));
+    isPopoverOpen: d,
+    onPopoverToggle: (e) => {
+      e || (a(!1), l(!1));
     },
-    renderPopoverSrcElement: () => /* @__PURE__ */ l.createElement("div", {
-      className: `se-design-info-tooltip-src ${u ? "no-padding" : ""} ${r ? "se-design-info-tooltip-disabled" : ""}`,
-      style: {
-        "--info-tooltip-icon-color": n,
-        ...e ? {
-          "--info-tooltip-hover-bg": e
-        } : {},
-        cursor: r ? "not-allowed" : "pointer"
-      }
-    }, t),
-    renderPopoverContents: () => /* @__PURE__ */ l.createElement("div", {
+    renderPopoverSrcElement: () => {
+      const e = !g && /* @__PURE__ */ n.isValidElement(o) ? /* @__PURE__ */ n.cloneElement(o, {
+        "aria-describedby": c,
+        ariaDescribedBy: c
+      }) : o;
+      return /* @__PURE__ */ n.createElement("div", {
+        className: `se-design-info-tooltip-src ${m ? "no-padding" : ""} ${i ? "se-design-info-tooltip-disabled" : ""}`,
+        style: {
+          "--info-tooltip-icon-color": s,
+          ...t ? {
+            "--info-tooltip-hover-bg": t
+          } : {},
+          cursor: i ? "not-allowed" : "pointer"
+        }
+      }, e);
+    },
+    renderPopoverContents: () => /* @__PURE__ */ n.createElement("div", {
+      id: c,
+      role: "tooltip",
       className: "se-design-info-tooltip-content",
       "data-automation-id": "se-design-info-tooltip-content"
-    }, s),
+    }, r),
     isWithPortal: !0,
     noBorder: !0,
     disableClickToggle: !0,
@@ -66,6 +76,6 @@ const I = ({
   }));
 };
 export {
-  I as InfoTooltip
+  N as InfoTooltip
 };
 //# sourceMappingURL=index61.js.map

package/dist/index61.js.map

@@ -1 +1 @@
-{"version":3,"file":"index61.js","sources":["../src/components/InfoTooltip/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { Popover } from '../Popover';\nimport './styles.scss';\n\nexport interface InfoTooltipProps {\n  label: string;\n  children: React.ReactNode;\n  iconColor?: string;\n  /**\n   * Background color shown on hover. Defaults to var(--color-blue-200).\n   */\n  hoverBackgroundColor?: string;\n  isDisabled?: boolean;\n  /**\n   * Remove padding from tooltip wrapper (useful for precise alignment)\n   */\n  noPadding?: boolean;\n}\n\nexport const InfoTooltip = ({\n  label,\n  children,\n  iconColor = '',\n  hoverBackgroundColor,\n  isDisabled = false,\n  noPadding = false\n}: InfoTooltipProps) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n\n  // Show tooltip on hover OR focus (for keyboard accessibility)\n  const isOpen = isHovered || isFocused;\n\n  // Global Escape key handler (W3C WAI-ARIA tooltip pattern requirement)\n  const handleEscapeKey = useCallback((event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      setIsHovered(false);\n      setIsFocused(false);\n      // Prevent other handlers (e.g., modal) from also closing - \"innermost first\" pattern\n      event.stopImmediatePropagation();\n    }\n  }, []);\n\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscapeKey);\n      return () => document.removeEventListener('keydown', handleEscapeKey);\n    }\n  }, [isOpen, handleEscapeKey]);\n\n  const interactionHandlers = {\n    onMouseEnter: () => setIsHovered(true),\n    onMouseLeave: () => setIsHovered(false),\n    onFocus: (event: React.FocusEvent<HTMLDivElement>) => {\n      const focusTarget = event.target as HTMLElement;\n      if (focusTarget.matches(':focus-visible')) {\n        setIsFocused(true);\n      }\n    },\n    onBlur: () => setIsFocused(false)\n  };\n\n  return (\n    <div\n      className={`se-design-info-tooltip-outer ${isDisabled ? 'se-design-info-tooltip-wrapper-disabled' : ''}`}\n      {...(isDisabled ? {} : interactionHandlers)}\n    >\n      <Popover\n        className=\"inline-flex items-center\"\n        position={'bottom-center'}\n        isPopoverOpen={isOpen}\n        onPopoverToggle={(open) => {\n          // Sync popover state changes (e.g., Escape key) back to component state\n          if (!open) {\n            setIsHovered(false);\n            setIsFocused(false);\n          }\n        }}\n        renderPopoverSrcElement={() => (\n          <div\n            className={`se-design-info-tooltip-src ${noPadding ? 'no-padding' : ''} ${\n              isDisabled ? 'se-design-info-tooltip-disabled' : ''\n            }`}\n            style={\n              {\n                '--info-tooltip-icon-color': iconColor,\n                ...(hoverBackgroundColor ? { '--info-tooltip-hover-bg': hoverBackgroundColor } : {}),\n                cursor: isDisabled ? 'not-allowed' : 'pointer'\n              } as React.CSSProperties\n            }\n          >\n            {children}\n          </div>\n        )}\n        renderPopoverContents={() => (\n          <div className=\"se-design-info-tooltip-content\" data-automation-id=\"se-design-info-tooltip-content\">\n            {label}\n          </div>\n        )}\n        isWithPortal\n        noBorder\n        disableClickToggle\n        popoverContentStyleProperty={{\n          zIndex: 2000,\n          backgroundColor: ''\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["InfoTooltip","label","children","iconColor","hoverBackgroundColor","isDisabled","noPadding","isHovered","setIsHovered","useState","isFocused","setIsFocused","isOpen","handleEscapeKey","useCallback","event","key","stopImmediatePropagation","useEffect","document","addEventListener","removeEventListener","interactionHandlers","onMouseEnter","onMouseLeave","onFocus","target","matches","onBlur","React","createElement","_extends","className","Popover","position","isPopoverOpen","onPopoverToggle","open","renderPopoverSrcElement","style","cursor","renderPopoverContents","isWithPortal","noBorder","disableClickToggle","popoverContentStyleProperty","zIndex","backgroundColor"],"mappings":";;;;;;;;;;;;AAmBO,MAAMA,IAAcA,CAAC;AAAA,EAC1BC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,sBAAAA;AAAAA,EACAC,YAAAA,IAAa;AAAA,EACbC,WAAAA,IAAY;AACI,MAAM;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAG1CG,IAASL,KAAaG,GAGtBG,IAAkBC,EAAY,CAACC,MAAyB;AAC5D,IAAIA,EAAMC,QAAQ,aAChBR,EAAa,EAAK,GAClBG,EAAa,EAAK,GAElBI,EAAME,yBAAAA;AAAAA,EAEV,GAAG,CAAA,CAAE;AAELC,EAAAA,EAAU,MAAM;AACd,QAAIN;AACFO,sBAASC,iBAAiB,WAAWP,CAAe,GAC7C,MAAMM,SAASE,oBAAoB,WAAWR,CAAe;AAAA,EAExE,GAAG,CAACD,GAAQC,CAAe,CAAC;AAE5B,QAAMS,IAAsB;AAAA,IAC1BC,cAAcA,MAAMf,EAAa,EAAI;AAAA,IACrCgB,cAAcA,MAAMhB,EAAa,EAAK;AAAA,IACtCiB,SAASA,CAACV,MAA4C;AAEpD,MADoBA,EAAMW,OACVC,QAAQ,gBAAgB,KACtChB,EAAa,EAAI;AAAA,IAErB;AAAA,IACAiB,QAAQA,MAAMjB,EAAa,EAAK;AAAA,EAAA;AAGlC,SACEkB,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACEC,WAAW,gCAAgC3B,IAAa,4CAA4C,EAAE;AAAA,EAAA,GACjGA,IAAa,CAAA,IAAKiB,CAAmB,GAE1CO,gBAAAA,EAAAC,cAACG,GAAO;AAAA,IACND,WAAU;AAAA,IACVE,UAAU;AAAA,IACVC,eAAevB;AAAAA,IACfwB,iBAAkBC,CAAAA,MAAS;AAEzB,MAAKA,MACH7B,EAAa,EAAK,GAClBG,EAAa,EAAK;AAAA,IAEtB;AAAA,IACA2B,yBAAyBA,MACvBT,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACEE,WAAW,8BAA8B1B,IAAY,eAAe,EAAE,IACpED,IAAa,oCAAoC,EAAE;AAAA,MAErDkC,OACE;AAAA,QACE,6BAA6BpC;AAAAA,QAC7B,GAAIC,IAAuB;AAAA,UAAE,2BAA2BA;AAAAA,QAAAA,IAAyB,CAAA;AAAA,QACjFoC,QAAQnC,IAAa,gBAAgB;AAAA,MAAA;AAAA,IACvC,GAGDH,CACE;AAAA,IAEPuC,uBAAuBA,MACrBZ,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKE,WAAU;AAAA,MAAiC,sBAAmB;AAAA,IAAA,GAChE/B,CACE;AAAA,IAEPyC,cAAY;AAAA,IACZC,UAAQ;AAAA,IACRC,oBAAkB;AAAA,IAClBC,6BAA6B;AAAA,MAC3BC,QAAQ;AAAA,MACRC,iBAAiB;AAAA,IAAA;AAAA,EACnB,CACD,CACE;AAET;"}
+{"version":3,"file":"index61.js","sources":["../src/components/InfoTooltip/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { Popover } from '../Popover';\nimport { useStableId } from '../../utils/useStableId';\nimport './styles.scss';\n\nexport interface InfoTooltipProps {\n  label: string;\n  children: React.ReactNode;\n  iconColor?: string;\n  /**\n   * Background color shown on hover. Defaults to var(--color-blue-200).\n   */\n  hoverBackgroundColor?: string;\n  isDisabled?: boolean;\n  /**\n   * Remove padding from tooltip wrapper (useful for precise alignment)\n   */\n  noPadding?: boolean;\n  /**\n   * When true, skips wiring aria-describedby between the trigger and tooltip content.\n   * Use when the tooltip label duplicates the trigger's accessible name — avoids redundant announcements.\n   */\n  noDescribedBy?: boolean;\n}\n\nexport const InfoTooltip = ({\n  label,\n  children,\n  iconColor = '',\n  hoverBackgroundColor,\n  isDisabled = false,\n  noPadding = false,\n  noDescribedBy = false\n}: InfoTooltipProps) => {\n  const tooltipContentId = useStableId(undefined, 'info-tooltip');\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n\n  // Show tooltip on hover OR focus (for keyboard accessibility)\n  const isOpen = isHovered || isFocused;\n\n  // Global Escape key handler (W3C WAI-ARIA tooltip pattern requirement)\n  const handleEscapeKey = useCallback((event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      setIsHovered(false);\n      setIsFocused(false);\n      // Prevent other handlers (e.g., modal) from also closing - \"innermost first\" pattern\n      event.stopImmediatePropagation();\n    }\n  }, []);\n\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscapeKey);\n      return () => document.removeEventListener('keydown', handleEscapeKey);\n    }\n  }, [isOpen, handleEscapeKey]);\n\n  const interactionHandlers = {\n    onMouseEnter: () => setIsHovered(true),\n    onMouseLeave: () => setIsHovered(false),\n    onFocus: (event: React.FocusEvent<HTMLDivElement>) => {\n      const focusTarget = event.target as HTMLElement;\n      if (focusTarget.matches(':focus-visible')) {\n        setIsFocused(true);\n      }\n    },\n    onBlur: () => setIsFocused(false)\n  };\n\n  return (\n    <div\n      className={`se-design-info-tooltip-outer ${isDisabled ? 'se-design-info-tooltip-wrapper-disabled' : ''}`}\n      {...(isDisabled ? {} : interactionHandlers)}\n    >\n      <Popover\n        className=\"inline-flex items-center\"\n        position={'bottom-center'}\n        isPopoverOpen={isOpen}\n        onPopoverToggle={(open) => {\n          // Sync popover state changes (e.g., Escape key) back to component state\n          if (!open) {\n            setIsHovered(false);\n            setIsFocused(false);\n          }\n        }}\n        renderPopoverSrcElement={() => {\n          const trigger =\n            !noDescribedBy && React.isValidElement(children)\n              ? React.cloneElement(children as React.ReactElement<Record<string, unknown>>, {\n                  'aria-describedby': tooltipContentId,\n                  ariaDescribedBy: tooltipContentId\n                })\n              : children;\n          return (\n            <div\n              className={`se-design-info-tooltip-src ${noPadding ? 'no-padding' : ''} ${\n                isDisabled ? 'se-design-info-tooltip-disabled' : ''\n              }`}\n              style={\n                {\n                  '--info-tooltip-icon-color': iconColor,\n                  ...(hoverBackgroundColor ? { '--info-tooltip-hover-bg': hoverBackgroundColor } : {}),\n                  cursor: isDisabled ? 'not-allowed' : 'pointer'\n                } as React.CSSProperties\n              }\n            >\n              {trigger}\n            </div>\n          );\n        }}\n        renderPopoverContents={() => (\n          <div\n            id={tooltipContentId}\n            role=\"tooltip\"\n            className=\"se-design-info-tooltip-content\"\n            data-automation-id=\"se-design-info-tooltip-content\"\n          >\n            {label}\n          </div>\n        )}\n        isWithPortal\n        noBorder\n        disableClickToggle\n        popoverContentStyleProperty={{\n          zIndex: 2000,\n          backgroundColor: ''\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["InfoTooltip","label","children","iconColor","hoverBackgroundColor","isDisabled","noPadding","noDescribedBy","tooltipContentId","useStableId","undefined","isHovered","setIsHovered","useState","isFocused","setIsFocused","isOpen","handleEscapeKey","useCallback","event","key","stopImmediatePropagation","useEffect","document","addEventListener","removeEventListener","interactionHandlers","onMouseEnter","onMouseLeave","onFocus","target","matches","onBlur","React","createElement","_extends","className","Popover","position","isPopoverOpen","onPopoverToggle","open","renderPopoverSrcElement","trigger","isValidElement","cloneElement","ariaDescribedBy","style","cursor","renderPopoverContents","id","role","isWithPortal","noBorder","disableClickToggle","popoverContentStyleProperty","zIndex","backgroundColor"],"mappings":";;;;;;;;;;;;;AAyBO,MAAMA,IAAcA,CAAC;AAAA,EAC1BC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,sBAAAA;AAAAA,EACAC,YAAAA,IAAa;AAAA,EACbC,WAAAA,IAAY;AAAA,EACZC,eAAAA,IAAgB;AACA,MAAM;AACtB,QAAMC,IAAmBC,EAAYC,QAAW,cAAc,GACxD,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAG1CG,IAASL,KAAaG,GAGtBG,IAAkBC,EAAY,CAACC,MAAyB;AAC5D,IAAIA,EAAMC,QAAQ,aAChBR,EAAa,EAAK,GAClBG,EAAa,EAAK,GAElBI,EAAME,yBAAAA;AAAAA,EAEV,GAAG,CAAA,CAAE;AAELC,EAAAA,EAAU,MAAM;AACd,QAAIN;AACFO,sBAASC,iBAAiB,WAAWP,CAAe,GAC7C,MAAMM,SAASE,oBAAoB,WAAWR,CAAe;AAAA,EAExE,GAAG,CAACD,GAAQC,CAAe,CAAC;AAE5B,QAAMS,IAAsB;AAAA,IAC1BC,cAAcA,MAAMf,EAAa,EAAI;AAAA,IACrCgB,cAAcA,MAAMhB,EAAa,EAAK;AAAA,IACtCiB,SAASA,CAACV,MAA4C;AAEpD,MADoBA,EAAMW,OACVC,QAAQ,gBAAgB,KACtChB,EAAa,EAAI;AAAA,IAErB;AAAA,IACAiB,QAAQA,MAAMjB,EAAa,EAAK;AAAA,EAAA;AAGlC,SACEkB,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACEC,WAAW,gCAAgC/B,IAAa,4CAA4C,EAAE;AAAA,EAAA,GACjGA,IAAa,CAAA,IAAKqB,CAAmB,GAE1CO,gBAAAA,EAAAC,cAACG,GAAO;AAAA,IACND,WAAU;AAAA,IACVE,UAAU;AAAA,IACVC,eAAevB;AAAAA,IACfwB,iBAAkBC,CAAAA,MAAS;AAEzB,MAAKA,MACH7B,EAAa,EAAK,GAClBG,EAAa,EAAK;AAAA,IAEtB;AAAA,IACA2B,yBAAyBA,MAAM;AAC7B,YAAMC,IACJ,CAACpC,KAAiB0B,gBAAAA,EAAMW,eAAe1C,CAAQ,IAC3C+B,gBAAAA,EAAMY,aAAa3C,GAAyD;AAAA,QAC1E,oBAAoBM;AAAAA,QACpBsC,iBAAiBtC;AAAAA,MAAAA,CAClB,IACDN;AACN,aACE+B,gBAAAA,EAAAC,cAAA,OAAA;AAAA,QACEE,WAAW,8BAA8B9B,IAAY,eAAe,EAAE,IACpED,IAAa,oCAAoC,EAAE;AAAA,QAErD0C,OACE;AAAA,UACE,6BAA6B5C;AAAAA,UAC7B,GAAIC,IAAuB;AAAA,YAAE,2BAA2BA;AAAAA,UAAAA,IAAyB,CAAA;AAAA,UACjF4C,QAAQ3C,IAAa,gBAAgB;AAAA,QAAA;AAAA,MACvC,GAGDsC,CACE;AAAA,IAET;AAAA,IACAM,uBAAuBA,MACrBhB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACEgB,IAAI1C;AAAAA,MACJ2C,MAAK;AAAA,MACLf,WAAU;AAAA,MACV,sBAAmB;AAAA,IAAA,GAElBnC,CACE;AAAA,IAEPmD,cAAY;AAAA,IACZC,UAAQ;AAAA,IACRC,oBAAkB;AAAA,IAClBC,6BAA6B;AAAA,MAC3BC,QAAQ;AAAA,MACRC,iBAAiB;AAAA,IAAA;AAAA,EACnB,CACD,CACE;AAET;"}

package/dist/index68.js

@@ -1,70 +1,67 @@
-import { useRef as i, useState as k, useCallback as b, useEffect as M } from "react";
-import { useComboboxNavigation as A } from "./index79.js";
-import { useDismissOnFocusOut as E } from "./index80.js";
+import { useRef as i, useState as R, useCallback as w, useEffect as A } from "react";
+import { useComboboxNavigation as M } from "./index79.js";
+import { useDismissOnFocusOut as U } from "./index80.js";
 function _({
-  items: f,
+  items: d,
   isOpen: t,
-  onOpenChange: u,
-  onSelect: x,
+  onOpenChange: l,
+  onSelect: b,
   listboxId: n,
-  loop: m = !0,
-  disabled: w = !1,
-  optionSelector: y = '[role="option"]',
+  loop: x = !0,
+  disabled: y = !1,
+  optionSelector: D = '[role="option"]',
   hasItems: p,
-  keepHighlightOnSelect: C = !1,
-  closeOnTab: D = !0
+  keepHighlightOnSelect: m = !1,
+  closeOnTab: C = !0
 }) {
-  const g = i(null), s = i(!1), l = i(!1), c = i(!1), [h, r] = k(!1), v = p !== void 0 ? p : f.length > 0, d = b(() => {
-    u(!1);
-  }, [u]);
-  M(() => {
-    t || (s.current = !1);
+  const g = i(null), s = i(!1), c = i(!1), a = i(!1), [h, r] = R(!1), v = p !== void 0 ? p : d.length > 0, f = w(() => {
+    l(!1);
+  }, [l]);
+  A(() => {
+    t || (s.current = !1, a.current = !1);
   }, [t]);
-  const o = A({
-    items: f,
+  const o = M({
+    items: d,
     isOpen: t,
-    onSelect: x,
-    onClose: d,
-    onOpen: () => u(!0),
-    loop: m,
-    disabled: w,
+    onSelect: b,
+    onClose: f,
+    onOpen: () => l(!0),
+    loop: x,
+    disabled: y,
     listboxRef: g,
-    optionSelector: y,
-    keepHighlightOnSelect: C,
-    closeOnTab: D
-  }), a = E({
-    onFocusOut: d,
-    onEscape: d,
+    optionSelector: D,
+    keepHighlightOnSelect: m,
+    closeOnTab: C
+  }), u = U({
+    onFocusOut: f,
+    onEscape: f,
     disabled: !t
-  }), F = {
-    ...a,
+  }), I = {
+    ...u,
     onPointerMove: () => {
       h && r(!1);
     },
     onPointerDown: () => {
-      c.current = !0, r(!1);
+      a.current = !0, r(!1);
     },
     onPointerUp: () => {
-      requestAnimationFrame(() => {
-        c.current = !1;
-      });
     },
     onFocusCapture: (e) => {
-      a.onFocusCapture(e), c.current ? r(!1) : r(!0);
+      u.onFocusCapture(e), a.current ? r(!1) : r(!0);
     },
     onKeyDownCapture: (e) => {
-      a.onKeyDownCapture(e), (e.key === "ArrowDown" || e.key === "ArrowUp") && r(!0);
+      u.onKeyDownCapture(e), (e.key === "Tab" || e.key === "ArrowDown" || e.key === "ArrowUp") && (a.current = !1), (e.key === "ArrowDown" || e.key === "ArrowUp") && r(!0);
     },
     onBlurCapture: (e) => {
       if (r(!1), !s.current) {
-        if (l.current) {
-          l.current = !1;
+        if (c.current) {
+          c.current = !1;
           return;
         }
-        a.onBlurCapture(e);
+        u.onBlurCapture(e);
       }
     }
-  }, I = {
+  }, P = {
     role: "combobox",
     "aria-expanded": t && v,
     "aria-haspopup": "listbox",
@@ -72,9 +69,9 @@ function _({
     "aria-autocomplete": "list",
     "aria-activedescendant": o.highlightedIndex >= 0 ? o.getOptionId(n, o.highlightedIndex) : void 0,
     onKeyDown: (e) => {
-      e.key === "Tab" && (l.current = !0), o.handleKeyDown(e);
+      e.key === "Tab" && (c.current = !0), o.handleKeyDown(e);
     }
-  }, P = {
+  }, k = {
     id: n,
     role: "listbox",
     ref: g,
@@ -87,16 +84,16 @@ function _({
     onMouseLeave: (e) => {
       s.current = !1;
     }
-  }, K = b((e, R = !1) => ({
+  }, F = w((e, K = !1) => ({
     id: o.getOptionId(n, e),
     role: "option",
-    "aria-selected": R
+    "aria-selected": K
   }), [o.getOptionId, n]);
   return {
-    containerProps: F,
-    inputProps: I,
-    listboxProps: P,
-    getOptionProps: K,
+    containerProps: I,
+    inputProps: P,
+    listboxProps: k,
+    getOptionProps: F,
     highlightedIndex: o.highlightedIndex,
     setHighlightedIndex: o.setHighlightedIndex,
     getOptionId: o.getOptionId,

package/dist/index68.js.map

@@ -1 +1 @@
-{"version":3,"file":"index68.js","sources":["../src/utils/a11y/useCombobox.ts"],"sourcesContent":["import { useRef, useCallback, useEffect, useState } from 'react';\nimport type { RefObject } from 'react';\nimport { useComboboxNavigation } from './useComboboxNavigation';\nimport { useDismissOnFocusOut } from './useDismissOnFocusOut';\nimport type { UseDismissOnFocusOutReturn } from './useDismissOnFocusOut';\n\nexport interface UseComboboxOptions<T = any> {\n  /**\n   * Array of items to navigate through\n   */\n  items: T[];\n  \n  /**\n   * Whether the dropdown is currently open\n   */\n  isOpen: boolean;\n  \n  /**\n   * Callback to change the open state\n   */\n  onOpenChange: (open: boolean) => void;\n  \n  /**\n   * Callback when an item is selected (Enter key)\n   */\n  onSelect: (item: T, index: number) => void;\n  \n  /**\n   * Stable ID for the listbox element\n   */\n  listboxId: string;\n  \n  /**\n   * Whether to wrap around at the ends of the list.\n   * Default: true\n   */\n  loop?: boolean;\n  \n  /**\n   * Whether keyboard navigation is disabled\n   * (e.g., for custom rendered content)\n   */\n  disabled?: boolean;\n  \n  /**\n   * CSS selector for option elements (default: '[role=\"option\"]')\n   */\n  optionSelector?: string;\n  \n  /**\n   * Whether the listbox has any items to show\n   * Used for aria-expanded logic\n   * Default: items.length > 0\n   */\n  hasItems?: boolean;\n\n  /**\n   * Whether to keep the highlighted index after selecting an item.\n   * Useful for multi-select where the dropdown stays open after selection.\n   * Default: false\n   */\n  keepHighlightOnSelect?: boolean;\n\n  /**\n   * Whether Tab should close the dropdown.\n   * Set to false when Tab should move focus to elements within the popup (e.g. CTAs).\n   * Default: true\n   */\n  closeOnTab?: boolean;\n}\n\nexport interface UseComboboxReturn {\n  /**\n   * Props to spread on the container element (handles dismiss on focus out + keyboard focus tracking)\n   */\n  containerProps: UseDismissOnFocusOutReturn<HTMLElement> & {\n    onPointerMove: () => void;\n    onPointerDown: () => void;\n    onPointerUp: () => void;\n  };\n  \n  /**\n   * Props to spread on the combobox input element\n   */\n  inputProps: {\n    role: 'combobox';\n    'aria-expanded': boolean;\n    'aria-haspopup': 'listbox';\n    'aria-controls': string | undefined;\n    'aria-autocomplete': 'list';\n    'aria-activedescendant': string | undefined;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n  };\n  \n  /**\n   * Props to spread on the listbox element\n   */\n  listboxProps: {\n    id: string;\n    role: 'listbox';\n    ref: RefObject<HTMLDivElement | null>;\n    onMouseDownCapture: (e: React.MouseEvent) => void;\n    onMouseUpCapture: (e: React.MouseEvent) => void;\n    onMouseLeave: (e: React.MouseEvent) => void;\n  };\n  \n  /**\n   * Generate props for an option element at the given index\n   * @param selected - Whether this option is the currently selected/chosen value (not keyboard highlight)\n   */\n  getOptionProps: (index: number, selected?: boolean) => {\n    id: string;\n    role: 'option';\n    'aria-selected': boolean;\n  };\n  \n  /**\n   * Currently highlighted index (-1 if none)\n   */\n  highlightedIndex: number;\n  \n  /**\n   * Set the highlighted index manually\n   */\n  setHighlightedIndex: (index: number | ((prev: number) => number)) => void;\n  \n  /**\n   * Generate stable ID for an option\n   */\n  getOptionId: (listboxId: string, index: number) => string;\n\n  /**\n   * Whether the combobox input was focused via keyboard (Tab) rather than pointer.\n   * Use to conditionally show focus ring only on keyboard interaction.\n   */\n  isKeyboardFocused: boolean;\n}\n\n/**\n * Comprehensive hook for implementing WAI-ARIA combobox pattern.\n * \n * Combines:\n * - Keyboard navigation (Arrow Up/Down, Enter, Escape, Tab)\n * - Focus management and dismissal\n * - ARIA attributes for accessibility\n * - Auto-scroll highlighted item into view\n * \n * This hook provides a complete, batteries-included solution for building\n * accessible combobox components (autocomplete, select, search with suggestions, etc.)\n * \n * @example Basic usage\n * ```tsx\n * const MyCombobox = () => {\n *   const [isOpen, setIsOpen] = useState(false);\n *   const [items, setItems] = useState(['Apple', 'Banana', 'Cherry']);\n *   \n *   const {\n *     containerProps,\n *     inputProps,\n *     listboxProps,\n *     getOptionProps,\n *     highlightedIndex\n *   } = useCombobox({\n *     items,\n *     isOpen,\n *     onOpenChange: setIsOpen,\n *     onSelect: (item) => console.log('Selected:', item),\n *     listboxId: 'my-listbox'\n *   });\n *   \n *   return (\n *     <div {...containerProps}>\n *       <input {...inputProps} />\n *       {isOpen && (\n *         <div {...listboxProps}>\n *           {items.map((item, i) => (\n *             <div key={i} {...getOptionProps(i)}>\n *               {item}\n *             </div>\n *           ))}\n *         </div>\n *       )}\n *     </div>\n *   );\n * };\n * ```\n * \n * @example With custom ARIA labels and handlers\n * ```tsx\n * const MySearchBox = () => {\n *   const [query, setQuery] = useState('');\n *   const [suggestions, setSuggestions] = useState([]);\n *   const [isOpen, setIsOpen] = useState(false);\n *   \n *   const { containerProps, inputProps, listboxProps, getOptionProps } = useCombobox({\n *     items: suggestions,\n *     isOpen,\n *     onOpenChange: setIsOpen,\n *     onSelect: (suggestion) => {\n *       setQuery(suggestion);\n *       setIsOpen(false);\n *     },\n *     listboxId: 'search-suggestions'\n *   });\n *   \n *   return (\n *     <div {...containerProps}>\n *       <input\n *         {...inputProps}\n *         value={query}\n *         onChange={(e) => setQuery(e.target.value)}\n *         aria-label=\"Search\"\n *       />\n *       {isOpen && suggestions.length > 0 && (\n *         <div {...listboxProps} aria-label=\"Search suggestions\">\n *           {suggestions.map((suggestion, i) => (\n *             <div\n *               key={i}\n *               {...getOptionProps(i)}\n *               onClick={() => {\n *                 setQuery(suggestion);\n *                 setIsOpen(false);\n *               }}\n *             >\n *               {suggestion}\n *             </div>\n *           ))}\n *         </div>\n *       )}\n *     </div>\n *   );\n * };\n * ```\n */\nexport function useCombobox<T = any>({\n  items,\n  isOpen,\n  onOpenChange,\n  onSelect,\n  listboxId,\n  loop = true,\n  disabled = false,\n  optionSelector = '[role=\"option\"]',\n  hasItems,\n  keepHighlightOnSelect = false,\n  closeOnTab = true\n}: UseComboboxOptions<T>): UseComboboxReturn {\n  const listboxRef = useRef<HTMLDivElement | null>(null);\n  const pointerDownInListboxRef = useRef(false);\n  const tabKeyPressedRef = useRef(false);\n  const pointerFocusRef = useRef(false);\n  const [isKeyboardFocused, setIsKeyboardFocused] = useState(false);\n  \n  // Determine if we should show as expanded\n  const shouldShowExpanded = hasItems !== undefined ? hasItems : items.length > 0;\n  \n  // Close dropdown callback\n  const closeDropdown = useCallback(() => {\n    onOpenChange(false);\n  }, [onOpenChange]);\n\n  // Ensure pointer state doesn't get stuck when listbox unmounts\n  useEffect(() => {\n    if (!isOpen) {\n      pointerDownInListboxRef.current = false;\n    }\n  }, [isOpen]);\n  \n  // Keyboard navigation with aria-activedescendant\n  const navigation = useComboboxNavigation<T>({\n    items,\n    isOpen,\n    onSelect,\n    onClose: closeDropdown,\n    onOpen: () => onOpenChange(true),\n    loop,\n    disabled,\n    listboxRef,\n    optionSelector,\n    keepHighlightOnSelect,\n    closeOnTab\n  });\n  \n  // Focus out / Escape dismissal\n  const dismissHandlers = useDismissOnFocusOut({\n    onFocusOut: closeDropdown,\n    onEscape: closeDropdown,\n    disabled: !isOpen\n  });\n\n  const containerProps = {\n    ...dismissHandlers,\n    onPointerMove: () => {\n      if (isKeyboardFocused) {\n        setIsKeyboardFocused(false);\n      }\n    },\n    onPointerDown: () => {\n      pointerFocusRef.current = true;\n      setIsKeyboardFocused(false);\n    },\n    onPointerUp: () => {\n      // Reset after the full pointer interaction (down → focus → up).\n      // Delayed so any setTimeout-based auto-focus (e.g. Popover open)\n      // still sees pointerFocusRef=true and doesn't flip to keyboard mode.\n      requestAnimationFrame(() => {\n        pointerFocusRef.current = false;\n      });\n    },\n    onFocusCapture: (e: React.FocusEvent<HTMLElement>) => {\n      dismissHandlers.onFocusCapture(e);\n\n      if (pointerFocusRef.current) {\n        setIsKeyboardFocused(false);\n      } else {\n        setIsKeyboardFocused(true);\n      }\n    },\n    onKeyDownCapture: (e: React.KeyboardEvent<HTMLElement>) => {\n      dismissHandlers.onKeyDownCapture(e);\n\n      // Arrow keys mean keyboard navigation — show focus outline even if\n      // the combobox was opened with mouse (activedescendant doesn't move\n      // DOM focus, so onFocusCapture alone can't detect the switch).\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        setIsKeyboardFocused(true);\n      }\n    },\n    onBlurCapture: (e: React.FocusEvent<HTMLElement>) => {\n      setIsKeyboardFocused(false);\n\n      // Clicking inside a listbox option can blur the input (relatedTarget is null),\n      // which would dismiss before the click handler runs. Prevent that.\n      if (pointerDownInListboxRef.current) return;\n\n      // Tab key pressed - let Tab handler close dropdown, skip blur detection\n      if (tabKeyPressedRef.current) {\n        tabKeyPressedRef.current = false;\n        return;\n      }\n\n      dismissHandlers.onBlurCapture(e);\n    }\n  };\n  \n  // Build input props\n  const inputProps = {\n    role: 'combobox' as const,\n    'aria-expanded': isOpen && shouldShowExpanded,\n    'aria-haspopup': 'listbox' as const,\n    'aria-controls': isOpen ? listboxId : undefined,\n    'aria-autocomplete': 'list' as const,\n    'aria-activedescendant': \n      navigation.highlightedIndex >= 0 \n        ? navigation.getOptionId(listboxId, navigation.highlightedIndex) \n        : undefined,\n    onKeyDown: (e: React.KeyboardEvent) => {\n      // Set flag when Tab is pressed (before blur fires)\n      if (e.key === 'Tab') {\n        tabKeyPressedRef.current = true;\n      }\n      navigation.handleKeyDown(e);\n    }\n  };\n  \n  // Build listbox props\n  const listboxProps = {\n    id: listboxId,\n    role: 'listbox' as const,\n    ref: listboxRef,\n    onMouseDownCapture: (_e: React.MouseEvent) => {\n      pointerDownInListboxRef.current = true;\n    },\n    onMouseUpCapture: (_e: React.MouseEvent) => {\n      pointerDownInListboxRef.current = false;\n    },\n    onMouseLeave: (_e: React.MouseEvent) => {\n      pointerDownInListboxRef.current = false;\n    }\n  };\n  \n  // Option props generator\n  const getOptionProps = useCallback(\n    (index: number, selected: boolean = false) => ({\n      id: navigation.getOptionId(listboxId, index),\n      role: 'option' as const,\n      'aria-selected': selected\n    }),\n    [navigation.getOptionId, listboxId]\n  );\n  \n  return {\n    containerProps,\n    inputProps,\n    listboxProps,\n    getOptionProps,\n    highlightedIndex: navigation.highlightedIndex,\n    setHighlightedIndex: navigation.setHighlightedIndex,\n    getOptionId: navigation.getOptionId,\n    isKeyboardFocused\n  };\n}\n"],"names":["useRef","useState","useCallback","useEffect","useComboboxNavigation","useDismissOnFocusOut","useCombobox","items","isOpen","onOpenChange","onSelect","listboxId","loop","disabled","optionSelector","hasItems","keepHighlightOnSelect","closeOnTab","listboxRef","pointerDownInListboxRef","tabKeyPressedRef","pointerFocusRef","isKeyboardFocused","setIsKeyboardFocused","shouldShowExpanded","undefined","length","closeDropdown","current","navigation","onClose","onOpen","dismissHandlers","onFocusOut","onEscape","containerProps","onPointerMove","onPointerDown","onPointerUp","requestAnimationFrame","onFocusCapture","e","onKeyDownCapture","key","onBlurCapture","inputProps","role","highlightedIndex","getOptionId","onKeyDown","handleKeyDown","listboxProps","id","ref","onMouseDownCapture","_e","onMouseUpCapture","onMouseLeave","getOptionProps","index","selected","setHighlightedIndex"],"mappings":"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"}
+{"version":3,"file":"index68.js","sources":["../src/utils/a11y/useCombobox.ts"],"sourcesContent":["import { useRef, useCallback, useEffect, useState } from 'react';\nimport type { RefObject } from 'react';\nimport { useComboboxNavigation } from './useComboboxNavigation';\nimport { useDismissOnFocusOut } from './useDismissOnFocusOut';\nimport type { UseDismissOnFocusOutReturn } from './useDismissOnFocusOut';\n\nexport interface UseComboboxOptions<T = any> {\n  /**\n   * Array of items to navigate through\n   */\n  items: T[];\n  \n  /**\n   * Whether the dropdown is currently open\n   */\n  isOpen: boolean;\n  \n  /**\n   * Callback to change the open state\n   */\n  onOpenChange: (open: boolean) => void;\n  \n  /**\n   * Callback when an item is selected (Enter key)\n   */\n  onSelect: (item: T, index: number) => void;\n  \n  /**\n   * Stable ID for the listbox element\n   */\n  listboxId: string;\n  \n  /**\n   * Whether to wrap around at the ends of the list.\n   * Default: true\n   */\n  loop?: boolean;\n  \n  /**\n   * Whether keyboard navigation is disabled\n   * (e.g., for custom rendered content)\n   */\n  disabled?: boolean;\n  \n  /**\n   * CSS selector for option elements (default: '[role=\"option\"]')\n   */\n  optionSelector?: string;\n  \n  /**\n   * Whether the listbox has any items to show\n   * Used for aria-expanded logic\n   * Default: items.length > 0\n   */\n  hasItems?: boolean;\n\n  /**\n   * Whether to keep the highlighted index after selecting an item.\n   * Useful for multi-select where the dropdown stays open after selection.\n   * Default: false\n   */\n  keepHighlightOnSelect?: boolean;\n\n  /**\n   * Whether Tab should close the dropdown.\n   * Set to false when Tab should move focus to elements within the popup (e.g. CTAs).\n   * Default: true\n   */\n  closeOnTab?: boolean;\n}\n\nexport interface UseComboboxReturn {\n  /**\n   * Props to spread on the container element (handles dismiss on focus out + keyboard focus tracking)\n   */\n  containerProps: UseDismissOnFocusOutReturn<HTMLElement> & {\n    onPointerMove: () => void;\n    onPointerDown: () => void;\n    onPointerUp: () => void;\n  };\n  \n  /**\n   * Props to spread on the combobox input element\n   */\n  inputProps: {\n    role: 'combobox';\n    'aria-expanded': boolean;\n    'aria-haspopup': 'listbox';\n    'aria-controls': string | undefined;\n    'aria-autocomplete': 'list';\n    'aria-activedescendant': string | undefined;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n  };\n  \n  /**\n   * Props to spread on the listbox element\n   */\n  listboxProps: {\n    id: string;\n    role: 'listbox';\n    ref: RefObject<HTMLDivElement | null>;\n    onMouseDownCapture: (e: React.MouseEvent) => void;\n    onMouseUpCapture: (e: React.MouseEvent) => void;\n    onMouseLeave: (e: React.MouseEvent) => void;\n  };\n  \n  /**\n   * Generate props for an option element at the given index\n   * @param selected - Whether this option is the currently selected/chosen value (not keyboard highlight)\n   */\n  getOptionProps: (index: number, selected?: boolean) => {\n    id: string;\n    role: 'option';\n    'aria-selected': boolean;\n  };\n  \n  /**\n   * Currently highlighted index (-1 if none)\n   */\n  highlightedIndex: number;\n  \n  /**\n   * Set the highlighted index manually\n   */\n  setHighlightedIndex: (index: number | ((prev: number) => number)) => void;\n  \n  /**\n   * Generate stable ID for an option\n   */\n  getOptionId: (listboxId: string, index: number) => string;\n\n  /**\n   * Whether the combobox input was focused via keyboard (Tab) rather than pointer.\n   * Use to conditionally show focus ring only on keyboard interaction.\n   */\n  isKeyboardFocused: boolean;\n}\n\n/**\n * Comprehensive hook for implementing WAI-ARIA combobox pattern.\n * \n * Combines:\n * - Keyboard navigation (Arrow Up/Down, Enter, Escape, Tab)\n * - Focus management and dismissal\n * - ARIA attributes for accessibility\n * - Auto-scroll highlighted item into view\n * \n * This hook provides a complete, batteries-included solution for building\n * accessible combobox components (autocomplete, select, search with suggestions, etc.)\n * \n * @example Basic usage\n * ```tsx\n * const MyCombobox = () => {\n *   const [isOpen, setIsOpen] = useState(false);\n *   const [items, setItems] = useState(['Apple', 'Banana', 'Cherry']);\n *   \n *   const {\n *     containerProps,\n *     inputProps,\n *     listboxProps,\n *     getOptionProps,\n *     highlightedIndex\n *   } = useCombobox({\n *     items,\n *     isOpen,\n *     onOpenChange: setIsOpen,\n *     onSelect: (item) => console.log('Selected:', item),\n *     listboxId: 'my-listbox'\n *   });\n *   \n *   return (\n *     <div {...containerProps}>\n *       <input {...inputProps} />\n *       {isOpen && (\n *         <div {...listboxProps}>\n *           {items.map((item, i) => (\n *             <div key={i} {...getOptionProps(i)}>\n *               {item}\n *             </div>\n *           ))}\n *         </div>\n *       )}\n *     </div>\n *   );\n * };\n * ```\n * \n * @example With custom ARIA labels and handlers\n * ```tsx\n * const MySearchBox = () => {\n *   const [query, setQuery] = useState('');\n *   const [suggestions, setSuggestions] = useState([]);\n *   const [isOpen, setIsOpen] = useState(false);\n *   \n *   const { containerProps, inputProps, listboxProps, getOptionProps } = useCombobox({\n *     items: suggestions,\n *     isOpen,\n *     onOpenChange: setIsOpen,\n *     onSelect: (suggestion) => {\n *       setQuery(suggestion);\n *       setIsOpen(false);\n *     },\n *     listboxId: 'search-suggestions'\n *   });\n *   \n *   return (\n *     <div {...containerProps}>\n *       <input\n *         {...inputProps}\n *         value={query}\n *         onChange={(e) => setQuery(e.target.value)}\n *         aria-label=\"Search\"\n *       />\n *       {isOpen && suggestions.length > 0 && (\n *         <div {...listboxProps} aria-label=\"Search suggestions\">\n *           {suggestions.map((suggestion, i) => (\n *             <div\n *               key={i}\n *               {...getOptionProps(i)}\n *               onClick={() => {\n *                 setQuery(suggestion);\n *                 setIsOpen(false);\n *               }}\n *             >\n *               {suggestion}\n *             </div>\n *           ))}\n *         </div>\n *       )}\n *     </div>\n *   );\n * };\n * ```\n */\nexport function useCombobox<T = any>({\n  items,\n  isOpen,\n  onOpenChange,\n  onSelect,\n  listboxId,\n  loop = true,\n  disabled = false,\n  optionSelector = '[role=\"option\"]',\n  hasItems,\n  keepHighlightOnSelect = false,\n  closeOnTab = true\n}: UseComboboxOptions<T>): UseComboboxReturn {\n  const listboxRef = useRef<HTMLDivElement | null>(null);\n  const pointerDownInListboxRef = useRef(false);\n  const tabKeyPressedRef = useRef(false);\n  const pointerFocusRef = useRef(false);\n  const [isKeyboardFocused, setIsKeyboardFocused] = useState(false);\n  \n  // Determine if we should show as expanded\n  const shouldShowExpanded = hasItems !== undefined ? hasItems : items.length > 0;\n  \n  // Close dropdown callback\n  const closeDropdown = useCallback(() => {\n    onOpenChange(false);\n  }, [onOpenChange]);\n\n  // Ensure pointer state doesn't get stuck when listbox unmounts\n  useEffect(() => {\n    if (!isOpen) {\n      pointerDownInListboxRef.current = false;\n      pointerFocusRef.current = false;\n    }\n  }, [isOpen]);\n  \n  // Keyboard navigation with aria-activedescendant\n  const navigation = useComboboxNavigation<T>({\n    items,\n    isOpen,\n    onSelect,\n    onClose: closeDropdown,\n    onOpen: () => onOpenChange(true),\n    loop,\n    disabled,\n    listboxRef,\n    optionSelector,\n    keepHighlightOnSelect,\n    closeOnTab\n  });\n  \n  // Focus out / Escape dismissal\n  const dismissHandlers = useDismissOnFocusOut({\n    onFocusOut: closeDropdown,\n    onEscape: closeDropdown,\n    disabled: !isOpen\n  });\n\n  const containerProps = {\n    ...dismissHandlers,\n    onPointerMove: () => {\n      if (isKeyboardFocused) {\n        setIsKeyboardFocused(false);\n      }\n    },\n    onPointerDown: () => {\n      pointerFocusRef.current = true;\n      setIsKeyboardFocused(false);\n    },\n    onPointerUp: () => {\n      // Don't reset pointerFocusRef here — timing races with programmatic focus\n      // (e.g. focus-on-open via double rAF) cause it to clear before onFocusCapture\n      // fires, incorrectly setting isKeyboardFocused=true.\n      // Instead, pointerFocusRef is reset only when keyboard navigation starts\n      // (Tab/Arrow in onKeyDownCapture), ensuring any programmatic focus after a\n      // click is always treated as pointer context.\n    },\n    onFocusCapture: (e: React.FocusEvent<HTMLElement>) => {\n      dismissHandlers.onFocusCapture(e);\n\n      if (pointerFocusRef.current) {\n        setIsKeyboardFocused(false);\n      } else {\n        setIsKeyboardFocused(true);\n      }\n    },\n    onKeyDownCapture: (e: React.KeyboardEvent<HTMLElement>) => {\n      dismissHandlers.onKeyDownCapture(e);\n\n      // Keyboard interaction starts — clear pointer context so subsequent\n      // focus events are correctly identified as keyboard-initiated.\n      if (e.key === 'Tab' || e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        pointerFocusRef.current = false;\n      }\n\n      // Arrow keys mean keyboard navigation — show focus outline even if\n      // the combobox was opened with mouse (activedescendant doesn't move\n      // DOM focus, so onFocusCapture alone can't detect the switch).\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        setIsKeyboardFocused(true);\n      }\n    },\n    onBlurCapture: (e: React.FocusEvent<HTMLElement>) => {\n      setIsKeyboardFocused(false);\n\n      // Clicking inside a listbox option can blur the input (relatedTarget is null),\n      // which would dismiss before the click handler runs. Prevent that.\n      if (pointerDownInListboxRef.current) return;\n\n      // Tab key pressed - let Tab handler close dropdown, skip blur detection\n      if (tabKeyPressedRef.current) {\n        tabKeyPressedRef.current = false;\n        return;\n      }\n\n      dismissHandlers.onBlurCapture(e);\n    }\n  };\n  \n  // Build input props\n  const inputProps = {\n    role: 'combobox' as const,\n    'aria-expanded': isOpen && shouldShowExpanded,\n    'aria-haspopup': 'listbox' as const,\n    'aria-controls': isOpen ? listboxId : undefined,\n    'aria-autocomplete': 'list' as const,\n    'aria-activedescendant': \n      navigation.highlightedIndex >= 0 \n        ? navigation.getOptionId(listboxId, navigation.highlightedIndex) \n        : undefined,\n    onKeyDown: (e: React.KeyboardEvent) => {\n      // Set flag when Tab is pressed (before blur fires)\n      if (e.key === 'Tab') {\n        tabKeyPressedRef.current = true;\n      }\n      navigation.handleKeyDown(e);\n    }\n  };\n  \n  // Build listbox props\n  const listboxProps = {\n    id: listboxId,\n    role: 'listbox' as const,\n    ref: listboxRef,\n    onMouseDownCapture: (_e: React.MouseEvent) => {\n      pointerDownInListboxRef.current = true;\n    },\n    onMouseUpCapture: (_e: React.MouseEvent) => {\n      pointerDownInListboxRef.current = false;\n    },\n    onMouseLeave: (_e: React.MouseEvent) => {\n      pointerDownInListboxRef.current = false;\n    }\n  };\n  \n  // Option props generator\n  const getOptionProps = useCallback(\n    (index: number, selected: boolean = false) => ({\n      id: navigation.getOptionId(listboxId, index),\n      role: 'option' as const,\n      'aria-selected': selected\n    }),\n    [navigation.getOptionId, listboxId]\n  );\n  \n  return {\n    containerProps,\n    inputProps,\n    listboxProps,\n    getOptionProps,\n    highlightedIndex: navigation.highlightedIndex,\n    setHighlightedIndex: navigation.setHighlightedIndex,\n    getOptionId: navigation.getOptionId,\n    isKeyboardFocused\n  };\n}\n"],"names":["useRef","useState","useCallback","useEffect","useComboboxNavigation","useDismissOnFocusOut","useCombobox","items","isOpen","onOpenChange","onSelect","listboxId","loop","disabled","optionSelector","hasItems","keepHighlightOnSelect","closeOnTab","listboxRef","pointerDownInListboxRef","tabKeyPressedRef","pointerFocusRef","isKeyboardFocused","setIsKeyboardFocused","shouldShowExpanded","undefined","length","closeDropdown","current","navigation","onClose","onOpen","dismissHandlers","onFocusOut","onEscape","containerProps","onPointerMove","onPointerDown","onPointerUp","onFocusCapture","e","onKeyDownCapture","key","onBlurCapture","inputProps","role","highlightedIndex","getOptionId","onKeyDown","handleKeyDown","listboxProps","id","ref","onMouseDownCapture","_e","onMouseUpCapture","onMouseLeave","getOptionProps","index","selected","setHighlightedIndex"],"mappings":"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"}