se-design 1.0.82 → 1.0.83-dev.2

package/dist/index61.js

@@ -18,28 +18,29 @@ const I = ({
   isDisabled: r = !1,
   noPadding: u = !1
 }) => {
-  const [m, a] = p(!1), [g, i] = p(!1), c = m || g, d = E((o) => {
-    o.key === "Escape" && (a(!1), i(!1), o.stopImmediatePropagation());
+  const [m, i] = p(!1), [g, a] = p(!1), c = m || g, d = E((o) => {
+    o.key === "Escape" && (i(!1), a(!1), o.stopImmediatePropagation());
   }, []);
   y(() => {
     if (c)
       return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
   }, [c, d]);
   const v = {
-    onMouseEnter: () => a(!0),
-    onMouseLeave: () => a(!1),
+    onMouseEnter: () => i(!0),
+    onMouseLeave: () => i(!1),
     onFocus: (o) => {
-      o.target.matches(":focus-visible") && i(!0);
+      o.target.matches(":focus-visible") && a(!0);
     },
-    onBlur: () => i(!1)
+    onBlur: () => a(!1)
   };
   return /* @__PURE__ */ l.createElement("div", f({
-    className: r ? "se-design-info-tooltip-wrapper-disabled" : ""
+    className: `se-design-info-tooltip-outer ${r ? "se-design-info-tooltip-wrapper-disabled" : ""}`
   }, r ? {} : v), /* @__PURE__ */ l.createElement(P, {
+    className: "inline-flex items-center",
     position: "bottom-center",
     isPopoverOpen: c,
     onPopoverToggle: (o) => {
-      o || (a(!1), i(!1));
+      o || (i(!1), a(!1));
     },
     renderPopoverSrcElement: () => /* @__PURE__ */ l.createElement("div", {
       className: `se-design-info-tooltip-src ${u ? "no-padding" : ""} ${r ? "se-design-info-tooltip-disabled" : ""}`,

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={isDisabled ? 'se-design-info-tooltip-wrapper-disabled' : ''}\n      {...(isDisabled ? {} : interactionHandlers)}\n    >\n      <Popover\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,WAAW3B,IAAa,4CAA4C;AAAA,EAAA,GAC/DA,IAAa,CAAA,IAAKiB,CAAmB,GAE1CO,gBAAAA,EAAAC,cAACG,GAAO;AAAA,IACNC,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 './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;"}

package/dist/index63.js

@@ -2,7 +2,7 @@ import F, { useState as ot, useRef as X, useEffect as $ } from "react";
 import { createPortal as nt } from "react-dom";
 import { Icon as it } from "./index6.js";
 import { Button as rt } from "./index4.js";
-import { debounce as lt } from "./index220.js";
+import { debounce as lt } from "./index224.js";
 const q = 500, S = 50, U = 150, st = {
   "top-left": {
     rotate: "315",

package/dist/index64.js

@@ -1,49 +1,50 @@
-import N, { forwardRef as _ } from "react";
-import { getA11yNameAttributes as k } from "./index78.js";
+import v, { forwardRef as k } from "react";
+import { getA11yNameAttributes as L } from "./index81.js";
 import "./index72.js";
 /* empty css         */
-function a() {
-  return a = Object.assign ? Object.assign.bind() : function(r) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
-      for (var t in e) ({}).hasOwnProperty.call(e, t) && (r[t] = e[t]);
+function r() {
+  return r = Object.assign ? Object.assign.bind() : function(o) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var e in n) ({}).hasOwnProperty.call(n, e) && (o[e] = n[e]);
     }
-    return r;
-  }, a.apply(null, arguments);
+    return o;
+  }, r.apply(null, arguments);
 }
-const v = " (opens in a new tab)", y = /* @__PURE__ */ _(({
-  href: r,
-  label: n,
+const y = " (opens in a new tab)", R = /* @__PURE__ */ k(({
+  href: o,
+  label: t,
+  children: n,
   external: e = !1,
-  className: t = "",
+  className: l = "",
   automationId: c = "",
-  ariaLabel: o,
-  ariaLabelledBy: l,
-  ariaDescribedBy: m,
-  onClick: u,
+  ariaLabel: a,
+  ariaLabelledBy: m,
+  ariaDescribedBy: u,
+  onClick: f,
   target: s,
   rel: i,
-  ...f
-}, p) => {
-  const d = e ? s ?? "_blank" : s, g = e ? i ?? "noopener noreferrer" : i, b = k({
+  ...p
+}, d) => {
+  const g = n ? void 0 : t, b = e ? s ?? "_blank" : s, A = e ? i ?? "noopener noreferrer" : i, N = L({
     // External link aria-label enhancement for screen readers:
     // When external={true}, always append "(opens in a new tab)"
-    ariaLabel: e ? `${o ?? n}${v}` : o,
-    ariaLabelledBy: l,
-    ariaDescribedBy: m
-  }), A = ["se-design-link", "focus-outline", "focus-visible:underline", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ N.createElement("a", a({
-    ref: p,
-    href: r,
-    target: d,
-    rel: g,
-    className: A,
+    ariaLabel: e ? `${a ?? g ?? ""}${y}` : a,
+    ariaLabelledBy: m,
+    ariaDescribedBy: u
+  }), _ = ["se-design-link", "focus-outline", "focus-visible:underline", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ v.createElement("a", r({
+    ref: d,
+    href: o,
+    target: b,
+    rel: A,
+    className: _,
     "data-automation-id": c,
-    onClick: u
-  }, f, b), n);
+    onClick: f
+  }, p, N), n ?? t);
 });
-y.displayName = "Link";
+R.displayName = "Link";
 export {
-  y as Link
+  R as Link
 };
 //# sourceMappingURL=index64.js.map

package/dist/index64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index64.js","sources":["../src/components/Link/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { getA11yNameAttributes } from '../../utils/a11y';\nimport './style.scss';\n\n/**\n * Allows native anchor attributes (aria-*, data-*, etc.) to be passed through,\n * but keeps our own href/onClick/aria-label/aria-labelledby/aria-describedby typing.\n */\ntype NativeAnchorProps = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  'href' | 'onClick' | 'target' | 'rel' | 'aria-label' | 'aria-labelledby' | 'aria-describedby'\n>;\n\nexport interface LinkProps extends NativeAnchorProps {\n  /**\n   * URL to navigate to (required for actual links)\n   */\n  href: string;\n  /**\n   * Link text content (string only)\n   */\n  label: string;\n  /**\n   * If true, automatically adds target=\"_blank\" and rel=\"noopener noreferrer\"\n   * Also appends \" (opens in a new tab)\" to aria-label for screen readers\n   */\n  external?: boolean;\n  /**\n   * Accessible name for the link. Use when link text is generic or unclear.\n   * Prefer ariaLabelledBy when a visible label exists.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of element(s) that label this link.\n   * Preferred over ariaLabel when a visible label exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this link.\n   * Provides additional context announced after the accessible name.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Click handler (e.g., for analytics tracking)\n   */\n  onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n  /**\n   * Custom class name\n   */\n  className?: string;\n  /**\n   * Automation ID for testing\n   */\n  automationId?: string;\n  /**\n   * Override target (if you need something other than \"_blank\" for external links).\n   * Note: If external={true} and target is provided, the provided target will be used.\n   */\n  target?: string;\n  /**\n   * Override rel (if you need something other than \"noopener noreferrer\" for external links).\n   * Note: If external={true} and rel is provided, the provided rel will be used.\n   */\n  rel?: string;\n}\n\nconst EXTERNAL_LINK_ARIA_SUFFIX = ' (opens in a new tab)';\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      href,\n      label,\n      external = false,\n      className = '',\n      automationId = '',\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      onClick,\n      target,\n      rel,\n      ...props\n    },\n    ref\n  ) => {\n    // Handle external link attributes\n    // If external={true}, default to target=\"_blank\" and rel=\"noopener noreferrer\"\n    // Explicit target/rel props can override these defaults\n    const targetAttr = external ? (target ?? '_blank') : target;\n    const relAttr = external ? (rel ?? 'noopener noreferrer') : rel;\n\n    // Compute accessible name/description props with correct precedence\n    // Precedence: ariaLabelledBy > ariaLabel > visible text content\n    const accessibleNameProps = getA11yNameAttributes({\n      // External link aria-label enhancement for screen readers:\n      // When external={true}, always append \"(opens in a new tab)\"\n      ariaLabel:\n        external ? `${ariaLabel ?? label}${EXTERNAL_LINK_ARIA_SUFFIX}` : ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy\n    });\n\n    const linkClassName = ['se-design-link', 'focus-outline', 'focus-visible:underline', className]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={targetAttr}\n        rel={relAttr}\n        className={linkClassName}\n        data-automation-id={automationId}\n        onClick={onClick}\n        {...props}\n        {...accessibleNameProps}\n      >\n        {label}\n      </a>\n    );\n  }\n);\n\nLink.displayName = 'Link';\n"],"names":["EXTERNAL_LINK_ARIA_SUFFIX","Link","href","label","external","className","automationId","ariaLabel","ariaLabelledBy","ariaDescribedBy","onClick","target","rel","props","ref","targetAttr","relAttr","accessibleNameProps","getA11yNameAttributes","linkClassName","filter","Boolean","join","React","createElement","_extends","displayName"],"mappings":";;;;;;;;;;;;;AAkEA,MAAMA,IAA4B,yBAErBC,sBACX,CACE;AAAA,EACEC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACA,GAAGC;AACL,GACAC,MACG;AAIH,QAAMC,IAAaX,IAAYO,KAAU,WAAYA,GAC/CK,IAAUZ,IAAYQ,KAAO,wBAAyBA,GAItDK,IAAsBC,EAAsB;AAAA;AAAA;AAAA,IAGhDX,WACEH,IAAW,GAAGG,KAAaJ,CAAK,GAAGH,CAAyB,KAAKO;AAAAA,IACnEC,gBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,EAAAA,CACD,GAEKU,IAAgB,CAAC,kBAAkB,iBAAiB,2BAA2Bd,CAAS,EAC3Fe,OAAOC,OAAO,EACdC,KAAK,GAAG;AAEX,SACEC,gBAAAA,EAAAC,cAAA,KAAAC,EAAA;AAAA,IACEX,KAAAA;AAAAA,IACAZ,MAAAA;AAAAA,IACAS,QAAQI;AAAAA,IACRH,KAAKI;AAAAA,IACLX,WAAWc;AAAAA,IACX,sBAAoBb;AAAAA,IACpBI,SAAAA;AAAAA,EAAAA,GACIG,GACAI,CAAmB,GAEtBd,CACA;AAEP,CACF;AAEAF,EAAKyB,cAAc;"}
+{"version":3,"file":"index64.js","sources":["../src/components/Link/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { getA11yNameAttributes } from '../../utils/a11y';\nimport './style.scss';\n\n/**\n * Allows native anchor attributes (aria-*, data-*, etc.) to be passed through,\n * but keeps our own href/onClick/aria-label/aria-labelledby/aria-describedby typing.\n */\ntype NativeAnchorProps = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  'href' | 'onClick' | 'target' | 'rel' | 'aria-label' | 'aria-labelledby' | 'aria-describedby'\n>;\n\nexport interface LinkProps extends NativeAnchorProps {\n  /**\n   * URL to navigate to (required for actual links)\n   */\n  href: string;\n  /**\n   * Link text content (string only). Ignored when children are provided.\n   */\n  label?: string;\n  /**\n   * Rich content to render inside the link. Takes precedence over label.\n   */\n  children?: React.ReactNode;\n  /**\n   * If true, automatically adds target=\"_blank\" and rel=\"noopener noreferrer\"\n   * Also appends \" (opens in a new tab)\" to aria-label for screen readers\n   */\n  external?: boolean;\n  /**\n   * Accessible name for the link. Use when link text is generic or unclear.\n   * Prefer ariaLabelledBy when a visible label exists.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of element(s) that label this link.\n   * Preferred over ariaLabel when a visible label exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this link.\n   * Provides additional context announced after the accessible name.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Click handler (e.g., for analytics tracking)\n   */\n  onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n  /**\n   * Custom class name\n   */\n  className?: string;\n  /**\n   * Automation ID for testing\n   */\n  automationId?: string;\n  /**\n   * Override target (if you need something other than \"_blank\" for external links).\n   * Note: If external={true} and target is provided, the provided target will be used.\n   */\n  target?: string;\n  /**\n   * Override rel (if you need something other than \"noopener noreferrer\" for external links).\n   * Note: If external={true} and rel is provided, the provided rel will be used.\n   */\n  rel?: string;\n}\n\nconst EXTERNAL_LINK_ARIA_SUFFIX = ' (opens in a new tab)';\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      href,\n      label,\n      children,\n      external = false,\n      className = '',\n      automationId = '',\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      onClick,\n      target,\n      rel,\n      ...props\n    },\n    ref\n  ) => {\n    const resolvedLabel = children ? undefined : label;\n    // Handle external link attributes\n    // If external={true}, default to target=\"_blank\" and rel=\"noopener noreferrer\"\n    // Explicit target/rel props can override these defaults\n    const targetAttr = external ? (target ?? '_blank') : target;\n    const relAttr = external ? (rel ?? 'noopener noreferrer') : rel;\n\n    // Compute accessible name/description props with correct precedence\n    // Precedence: ariaLabelledBy > ariaLabel > visible text content\n    const accessibleNameProps = getA11yNameAttributes({\n      // External link aria-label enhancement for screen readers:\n      // When external={true}, always append \"(opens in a new tab)\"\n      ariaLabel:\n        external ? `${ariaLabel ?? resolvedLabel ?? ''}${EXTERNAL_LINK_ARIA_SUFFIX}` : ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy\n    });\n\n    const linkClassName = ['se-design-link', 'focus-outline', 'focus-visible:underline', className]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={targetAttr}\n        rel={relAttr}\n        className={linkClassName}\n        data-automation-id={automationId}\n        onClick={onClick}\n        {...props}\n        {...accessibleNameProps}\n      >\n        {children ?? label}\n      </a>\n    );\n  }\n);\n\nLink.displayName = 'Link';\n"],"names":["EXTERNAL_LINK_ARIA_SUFFIX","Link","href","label","children","external","className","automationId","ariaLabel","ariaLabelledBy","ariaDescribedBy","onClick","target","rel","props","ref","resolvedLabel","undefined","targetAttr","relAttr","accessibleNameProps","getA11yNameAttributes","linkClassName","filter","Boolean","join","React","createElement","_extends","displayName"],"mappings":";;;;;;;;;;;;;AAsEA,MAAMA,IAA4B,yBAErBC,sBACX,CACE;AAAA,EACEC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAgBZ,IAAWa,SAAYd,GAIvCe,IAAab,IAAYO,KAAU,WAAYA,GAC/CO,IAAUd,IAAYQ,KAAO,wBAAyBA,GAItDO,IAAsBC,EAAsB;AAAA;AAAA;AAAA,IAGhDb,WACEH,IAAW,GAAGG,KAAaQ,KAAiB,EAAE,GAAGhB,CAAyB,KAAKQ;AAAAA,IACjFC,gBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,EAAAA,CACD,GAEKY,IAAgB,CAAC,kBAAkB,iBAAiB,2BAA2BhB,CAAS,EAC3FiB,OAAOC,OAAO,EACdC,KAAK,GAAG;AAEX,SACEC,gBAAAA,EAAAC,cAAA,KAAAC,EAAA;AAAA,IACEb,KAAAA;AAAAA,IACAb,MAAAA;AAAAA,IACAU,QAAQM;AAAAA,IACRL,KAAKM;AAAAA,IACLb,WAAWgB;AAAAA,IACX,sBAAoBf;AAAAA,IACpBI,SAAAA;AAAAA,EAAAA,GACIG,GACAM,CAAmB,GAEtBhB,KAAYD,CACZ;AAEP,CACF;AAEAF,EAAK4B,cAAc;"}

package/dist/index65.js

@@ -4,7 +4,7 @@ import { Badge as j } from "./index10.js";
 import { Icon as q } from "./index6.js";
 import { Link as N } from "./index64.js";
 import { CustomModal as G } from "./index13.js";
-import { useStableId as J } from "./index201.js";
+import { useStableId as J } from "./index205.js";
 /* empty css         */
 const K = {
   lg: {

package/dist/index67.js

@@ -1,5 +1,5 @@
 import * as t from "react";
-import { isVirtualClick as w } from "./index75.js";
+import { isVirtualClick as w } from "./index78.js";
 function R({
   disabled: p = !1,
   loading: i = !1,

package/dist/index68.js

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

package/dist/index68.js.map

@@ -1 +1 @@
-{"version":3,"file":"index68.js","sources":["../src/utils/a11y/useCombobox.ts"],"sourcesContent":["import { useRef, useCallback, useEffect } 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\nexport interface UseComboboxReturn {\n  /**\n   * Props to spread on the container element (handles dismiss on focus out)\n   */\n  containerProps: UseDismissOnFocusOutReturn<HTMLElement>;\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/**\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}: UseComboboxOptions<T>): UseComboboxReturn {\n  const listboxRef = useRef<HTMLDivElement | null>(null);\n  const pointerDownInListboxRef = useRef(false);\n  const tabKeyPressedRef = useRef(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  });\n  \n  // Focus out / Escape dismissal\n  const dismissHandlers = useDismissOnFocusOut({\n    onFocusOut: closeDropdown,\n    onEscape: closeDropdown,\n    disabled: !isOpen\n  });\n\n  const containerProps: UseDismissOnFocusOutReturn<HTMLElement> = {\n    ...dismissHandlers,\n    onBlurCapture: (e) => {\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  };\n}\n"],"names":["useRef","useCallback","useEffect","useComboboxNavigation","useDismissOnFocusOut","useCombobox","items","isOpen","onOpenChange","onSelect","listboxId","loop","disabled","optionSelector","hasItems","listboxRef","pointerDownInListboxRef","tabKeyPressedRef","shouldShowExpanded","undefined","length","closeDropdown","current","navigation","onClose","onOpen","dismissHandlers","onFocusOut","onEscape","containerProps","onBlurCapture","e","inputProps","role","highlightedIndex","getOptionId","onKeyDown","key","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    }\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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"}

package/dist/index7.js

@@ -1,6 +1,6 @@
 import s, { useState as h, useCallback as i } from "react";
 import "./index72.js";
-import { isElementVisible as p } from "./index200.js";
+import { isElementVisible as p } from "./index204.js";
 const x = ({
   skipLinks: n,
   className: c = ""

package/dist/index70.js

@@ -1,5 +1,5 @@
 import * as n from "react";
-import { getA11yNameAttributes as C } from "./index78.js";
+import { getA11yNameAttributes as C } from "./index81.js";
 function M({
   itemIds: r,
   tabIndex: v = 0,

package/dist/index75.js

@@ -1,8 +1,111 @@
-const t = () => typeof navigator < "u" && /Android/i.test(navigator.userAgent), o = (i) => {
-  const r = "pointerType" in i ? i.pointerType : void 0;
-  return r === "" && i.isTrusted ? !0 : t() && r ? i.type === "click" && i.buttons === 1 : i.detail === 0 && !r;
-};
+var u = Object.defineProperty;
+var l = (i, e, t) => e in i ? u(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var r = (i, e, t) => l(i, typeof e != "symbol" ? e + "" : e, t);
+const h = "sr-only", a = "data-batch-id";
+let s = null;
+function d() {
+  return s || (s = new f()), s;
+}
+class f {
+  constructor() {
+    r(this, "container", null);
+    r(this, "assertiveLog", null);
+    r(this, "politeLog", null);
+    r(this, "cleanupTimers", /* @__PURE__ */ new Map());
+    r(this, "ready", !1);
+    r(this, "pendingQueue", []);
+    typeof document > "u" || (this.container = document.createElement("div"), this.container.dataset.liveAnnouncer = "true", this.container.className = h, this.assertiveLog = this.createLog("assertive"), this.politeLog = this.createLog("polite"), this.container.appendChild(this.assertiveLog), this.container.appendChild(this.politeLog), document.body.prepend(this.container), this.isTestEnvironment() ? this.ready = !0 : setTimeout(() => {
+      this.ready = !0, this.flushPendingQueue();
+    }, 100));
+  }
+  // -----------------------------------------------------------------------
+  // Public
+  // -----------------------------------------------------------------------
+  announce(e, t = {}) {
+    const n = {
+      assertiveness: t.assertiveness ?? "polite",
+      timeout: t.timeout ?? 7e3,
+      batchId: t.batchId ?? ""
+    };
+    if (!this.ready) {
+      this.pendingQueue.push({
+        message: e,
+        options: n
+      });
+      return;
+    }
+    this.doAnnounce(e, n);
+  }
+  clear(e) {
+    (!e || e === "assertive") && this.clearLog(this.assertiveLog), (!e || e === "polite") && this.clearLog(this.politeLog);
+  }
+  destroy() {
+    this.cleanupTimers.forEach((e) => clearTimeout(e)), this.cleanupTimers.clear(), this.container?.remove(), this.container = null, this.assertiveLog = null, this.politeLog = null, this.ready = !1, this.pendingQueue = [], s === this && (s = null);
+  }
+  isAttached() {
+    return this.container?.isConnected ?? !1;
+  }
+  // -----------------------------------------------------------------------
+  // Private
+  // -----------------------------------------------------------------------
+  createLog(e) {
+    const t = document.createElement("div");
+    return t.setAttribute("role", "log"), t.setAttribute("aria-live", e), t.setAttribute("aria-relevant", "additions"), t;
+  }
+  doAnnounce(e, t) {
+    const n = t.assertiveness === "assertive" ? this.assertiveLog : this.politeLog;
+    if (!n) return;
+    if (t.batchId) {
+      const c = n.querySelector(`[${a}="${CSS.escape(t.batchId)}"]`);
+      c && this.removeNode(c);
+    }
+    const o = document.createElement("div");
+    if (o.textContent = e, t.batchId && o.setAttribute(a, t.batchId), n.appendChild(o), e !== "") {
+      const c = setTimeout(() => {
+        this.removeNode(o);
+      }, t.timeout);
+      this.cleanupTimers.set(o, c);
+    }
+  }
+  removeNode(e) {
+    const t = this.cleanupTimers.get(e);
+    t && (clearTimeout(t), this.cleanupTimers.delete(e)), e.remove();
+  }
+  clearLog(e) {
+    e && (Array.from(e.children).forEach((t) => {
+      const n = this.cleanupTimers.get(t);
+      n && (clearTimeout(n), this.cleanupTimers.delete(t));
+    }), e.innerHTML = "");
+  }
+  flushPendingQueue() {
+    this.pendingQueue.splice(0).forEach(({
+      message: t,
+      options: n
+    }) => this.doAnnounce(t, n));
+  }
+  isTestEnvironment() {
+    try {
+      if (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" && IS_REACT_ACT_ENVIRONMENT || typeof jest < "u" || typeof vitest < "u") return !0;
+    } catch {
+    }
+    return !1;
+  }
+}
+function T(i, e) {
+  const t = typeof e == "string" ? {
+    assertiveness: e
+  } : e ?? {};
+  d().announce(i, t);
+}
+function p(i) {
+  s?.clear(i);
+}
+function g() {
+  s?.destroy();
+}
 export {
-  o as isVirtualClick
+  T as announce,
+  p as clearAnnouncer,
+  g as destroyAnnouncer
 };
 //# sourceMappingURL=index75.js.map

package/dist/index75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index75.js","sources":["../src/utils/virtualClick.ts"],"sourcesContent":["/**\n * Input/virtual click detection helpers.\n */\n\nconst isAndroid = () =>\n  typeof navigator !== 'undefined' && /Android/i.test(navigator.userAgent);\n\nexport const isVirtualClick = (event: MouseEvent | PointerEvent): boolean => {\n  const pointerType = 'pointerType' in event ? event.pointerType : undefined;\n\n  // JAWS/NVDA with Firefox.\n  if (pointerType === '' && event.isTrusted) {\n    return true;\n  }\n\n  // Android TalkBack's detail value varies depending on listener type.\n  if (isAndroid() && pointerType) {\n    return event.type === 'click' && event.buttons === 1;\n  }\n\n  // Most browsers: virtual click has detail === 0 and no pointerType.\n  return event.detail === 0 && !pointerType;\n};\n\n\n"],"names":["isAndroid","navigator","test","userAgent","isVirtualClick","event","pointerType","undefined","isTrusted","type","buttons","detail"],"mappings":"AAIA,MAAMA,IAAYA,MAChB,OAAOC,YAAc,OAAe,WAAWC,KAAKD,UAAUE,SAAS,GAE5DC,IAAiBA,CAACC,MAA8C;AAC3E,QAAMC,IAAc,iBAAiBD,IAAQA,EAAMC,cAAcC;AAGjE,SAAID,MAAgB,MAAMD,EAAMG,YACvB,KAILR,EAAAA,KAAeM,IACVD,EAAMI,SAAS,WAAWJ,EAAMK,YAAY,IAI9CL,EAAMM,WAAW,KAAK,CAACL;AAChC;"}
+{"version":3,"file":"index75.js","sources":["../src/utils/a11y/liveAnnouncer/LiveAnnouncer.ts"],"sourcesContent":["/**\n * LiveAnnouncer — singleton vanilla-DOM announcer for screen readers.\n *\n * Architecture:\n *   - Prepends a visually-hidden container to document.body on first use.\n *   - Two <div role=\"log\" aria-live=\"...\"> regions: one polite, one assertive.\n *   - Each announce() appends a NEW child node (aria-relevant=\"additions\" makes\n *     screen readers announce only additions, never re-read existing content).\n *   - Child nodes auto-remove after a timeout (default 7 s) to keep the DOM clean.\n *   - batchId option: if a node with the same batchId already exists in a log,\n *     it is replaced — so only the final value is announced (e.g. \"N results\").\n *\n * No React dependency. No role=\"status\" or role=\"alert\" (avoids double-announce\n * bugs on iOS VoiceOver).\n */\n\nexport type Assertiveness = 'assertive' | 'polite';\n\nexport interface AnnounceOptions {\n  /** Default: 'polite' */\n  assertiveness?: Assertiveness;\n  /** Auto-clear timeout in ms. Default: 7000 */\n  timeout?: number;\n  /**\n   * When provided, any pending node with the same batchId is replaced rather\n   * than appending a second node. Useful for rapidly-updating counts\n   * (e.g. search results, selection count).\n   */\n  batchId?: string;\n}\n\nconst DEFAULT_TIMEOUT = 7000;\nconst SAFARI_INIT_DELAY = 100;\n\nconst SR_ONLY_CLASS = 'sr-only';\n\n/** Attribute used to find batchId nodes for replacement. */\nconst BATCH_ATTR = 'data-batch-id';\n\n// ---------------------------------------------------------------------------\n// Singleton\n// ---------------------------------------------------------------------------\n\nlet instance: LiveAnnouncer | null = null;\n\n/**\n * Get or create the singleton LiveAnnouncer.\n * Safe to call multiple times — returns the same instance.\n */\nfunction getInstance(): LiveAnnouncer {\n  if (!instance) {\n    instance = new LiveAnnouncer();\n  }\n  return instance;\n}\n\n// ---------------------------------------------------------------------------\n// Class\n// ---------------------------------------------------------------------------\n\nclass LiveAnnouncer {\n  private container: HTMLDivElement | null = null;\n  private assertiveLog: HTMLDivElement | null = null;\n  private politeLog: HTMLDivElement | null = null;\n  private cleanupTimers: Map<HTMLElement, ReturnType<typeof setTimeout>> = new Map();\n  private ready = false;\n  private pendingQueue: Array<{ message: string; options: Required<AnnounceOptions> }> = [];\n\n  constructor() {\n    if (typeof document === 'undefined') return;\n\n    this.container = document.createElement('div');\n    this.container.dataset.liveAnnouncer = 'true';\n    this.container.className = SR_ONLY_CLASS;\n\n    this.assertiveLog = this.createLog('assertive');\n    this.politeLog = this.createLog('polite');\n\n    this.container.appendChild(this.assertiveLog);\n    this.container.appendChild(this.politeLog);\n\n    // Prepend so screen readers encounter it early in the DOM.\n    document.body.prepend(this.container);\n\n    // Safari/VoiceOver ignores content injected within ~100 ms of the live\n    // region being added to the DOM. Delay readiness accordingly.\n    // In test environments, skip the delay.\n    if (this.isTestEnvironment()) {\n      this.ready = true;\n    } else {\n      setTimeout(() => {\n        this.ready = true;\n        this.flushPendingQueue();\n      }, SAFARI_INIT_DELAY);\n    }\n  }\n\n  // -----------------------------------------------------------------------\n  // Public\n  // -----------------------------------------------------------------------\n\n  announce(message: string, options: AnnounceOptions = {}): void {\n    const resolved: Required<AnnounceOptions> = {\n      assertiveness: options.assertiveness ?? 'polite',\n      timeout: options.timeout ?? DEFAULT_TIMEOUT,\n      batchId: options.batchId ?? '',\n    };\n\n    if (!this.ready) {\n      this.pendingQueue.push({ message, options: resolved });\n      return;\n    }\n\n    this.doAnnounce(message, resolved);\n  }\n\n  clear(assertiveness?: Assertiveness): void {\n    if (!assertiveness || assertiveness === 'assertive') {\n      this.clearLog(this.assertiveLog);\n    }\n    if (!assertiveness || assertiveness === 'polite') {\n      this.clearLog(this.politeLog);\n    }\n  }\n\n  destroy(): void {\n    // Cancel all pending auto-clear timers.\n    this.cleanupTimers.forEach((timer) => clearTimeout(timer));\n    this.cleanupTimers.clear();\n\n    this.container?.remove();\n    this.container = null;\n    this.assertiveLog = null;\n    this.politeLog = null;\n    this.ready = false;\n    this.pendingQueue = [];\n\n    if (instance === this) {\n      instance = null;\n    }\n  }\n\n  isAttached(): boolean {\n    return this.container?.isConnected ?? false;\n  }\n\n  // -----------------------------------------------------------------------\n  // Private\n  // -----------------------------------------------------------------------\n\n  private createLog(ariaLive: Assertiveness): HTMLDivElement {\n    const log = document.createElement('div');\n    log.setAttribute('role', 'log');\n    log.setAttribute('aria-live', ariaLive);\n    log.setAttribute('aria-relevant', 'additions');\n    return log;\n  }\n\n  private doAnnounce(message: string, options: Required<AnnounceOptions>): void {\n    const log = options.assertiveness === 'assertive' ? this.assertiveLog : this.politeLog;\n    if (!log) return;\n\n    // batchId dedup: remove any existing node with the same batchId.\n    if (options.batchId) {\n      const existing = log.querySelector(`[${BATCH_ATTR}=\"${CSS.escape(options.batchId)}\"]`) as HTMLElement | null;\n      if (existing) {\n        this.removeNode(existing);\n      }\n    }\n\n    const node = document.createElement('div');\n    node.textContent = message;\n\n    if (options.batchId) {\n      node.setAttribute(BATCH_ATTR, options.batchId);\n    }\n\n    log.appendChild(node);\n\n    // Auto-remove after timeout to keep the DOM clean.\n    if (message !== '') {\n      const timer = setTimeout(() => {\n        this.removeNode(node);\n      }, options.timeout);\n      this.cleanupTimers.set(node, timer);\n    }\n  }\n\n  private removeNode(node: HTMLElement): void {\n    const timer = this.cleanupTimers.get(node);\n    if (timer) {\n      clearTimeout(timer);\n      this.cleanupTimers.delete(node);\n    }\n    node.remove();\n  }\n\n  private clearLog(log: HTMLDivElement | null): void {\n    if (!log) return;\n    // Cancel timers for all children in this log.\n    Array.from(log.children).forEach((child) => {\n      const timer = this.cleanupTimers.get(child as HTMLElement);\n      if (timer) {\n        clearTimeout(timer);\n        this.cleanupTimers.delete(child as HTMLElement);\n      }\n    });\n    log.innerHTML = '';\n  }\n\n  private flushPendingQueue(): void {\n    const queued = this.pendingQueue.splice(0);\n    queued.forEach(({ message, options }) => this.doAnnounce(message, options));\n  }\n\n  private isTestEnvironment(): boolean {\n    try {\n      // React 18+ test flag\n      // @ts-expect-error – global test flag\n      if (typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' && IS_REACT_ACT_ENVIRONMENT) return true;\n      // Jest / Vitest\n      // @ts-expect-error – jest global may not be typed\n      if (typeof jest !== 'undefined') return true;\n      // @ts-expect-error – Vitest global\n      if (typeof vitest !== 'undefined') return true;\n    } catch {\n      // ignore\n    }\n    return false;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Public imperative API (module-level)\n// ---------------------------------------------------------------------------\n\n/**\n * Announce a message to screen readers.\n *\n * Works anywhere — React components, event handlers, thunks, vanilla JS.\n * The singleton live region is lazily created on first call.\n *\n * @example\n *   announce('5 results found');\n *   announce('Error: upload failed', { assertiveness: 'assertive' });\n *   announce('3 items selected', { batchId: 'selection-count' });\n */\nexport function announce(message: string, options?: AnnounceOptions): void;\nexport function announce(message: string, assertiveness?: Assertiveness): void;\nexport function announce(\n  message: string,\n  optionsOrAssertiveness?: AnnounceOptions | Assertiveness\n): void {\n  const options: AnnounceOptions =\n    typeof optionsOrAssertiveness === 'string'\n      ? { assertiveness: optionsOrAssertiveness }\n      : optionsOrAssertiveness ?? {};\n\n  getInstance().announce(message, options);\n}\n\n/**\n * Clear all pending announcements.\n * @param assertiveness — if omitted, clears both polite and assertive logs.\n */\nexport function clearAnnouncer(assertiveness?: Assertiveness): void {\n  instance?.clear(assertiveness);\n}\n\n/**\n * Remove the live-region container from the DOM and reset the singleton.\n * Typically called when the host app unmounts (via LiveAnnouncerProvider).\n */\nexport function destroyAnnouncer(): void {\n  instance?.destroy();\n}\n\n/**\n * Check whether the live-region container is currently in the DOM.\n */\nexport function isAnnouncerAttached(): boolean {\n  return instance?.isAttached() ?? false;\n}\n"],"names":["SR_ONLY_CLASS","BATCH_ATTR","instance","getInstance","LiveAnnouncer","constructor","container","assertiveLog","politeLog","cleanupTimers","Map","ready","pendingQueue","document","createElement","dataset","liveAnnouncer","className","createLog","appendChild","body","prepend","isTestEnvironment","setTimeout","flushPendingQueue","SAFARI_INIT_DELAY","announce","message","options","resolved","assertiveness","timeout","DEFAULT_TIMEOUT","batchId","push","doAnnounce","clear","clearLog","destroy","forEach","timer","clearTimeout","remove","isAttached","isConnected","ariaLive","log","setAttribute","existing","querySelector","CSS","escape","removeNode","node","textContent","set","get","delete","Array","from","children","child","innerHTML","queued","splice","IS_REACT_ACT_ENVIRONMENT","jest","vitest","optionsOrAssertiveness","clearAnnouncer","destroyAnnouncer"],"mappings":"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"}