@dynatrace/strato-components 0.84.12 → 0.84.31

package/esm/core/contexts/FocusContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/contexts/FocusContext.tsx"],
-  "sourcesContent": ["import { createContext } from 'react';\n\nimport { Modality } from '../providers/FocusProvider.js';\n\n/**\n * Defines the contents of the FocusContext.\n * @internal\n */\nexport type FocusContextProps = {\n  backgroundInertness?: boolean;\n  modality: Modality;\n  setBackgroundInertness: (value: boolean) => void;\n};\n\n/**\n * @internal\n *\n * This context keeps all information needed for proper focus management.\n * @param modality - currently used pointer device\n * @param backgroundInertness - if the background (behind overlays) is currently inert (inactive)\n * @param setBackgroundInertness - updates the backgrounds active status\n */\nexport const FocusContext = createContext<FocusContextProps>({\n  modality: 'unknown',\n  backgroundInertness: undefined,\n  setBackgroundInertness: (value) => null,\n});\n"],
-  "mappings": "AAAA,OAAS,iBAAAA,MAAqB,QAsBvB,MAAMC,EAAeD,EAAiC,CAC3D,SAAU,UACV,oBAAqB,OACrB,uBAAyBE,GAAU,IACrC,CAAC",
-  "names": ["createContext", "FocusContext", "value"]
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { Modality } from '../providers/FocusProvider.js';\n\n/**\n * Defines the contents of the FocusContext.\n * @internal\n */\nexport type FocusContextProps = {\n  backgroundInertness?: boolean;\n  modality: Modality;\n  setBackgroundInertness: (value: boolean) => void;\n};\n\n/**\n * @internal\n *\n * This context keeps all information needed for proper focus management.\n * @param modality - currently used pointer device\n * @param backgroundInertness - if the background (behind overlays) is currently inert (inactive)\n * @param setBackgroundInertness - updates the backgrounds active status\n */\nexport const FocusContext = createContext<FocusContextProps>({\n  modality: 'unknown',\n  backgroundInertness: undefined,\n  setBackgroundInertness: (value) => null,\n});\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAsBvB,MAAM,eAAe,cAAiC;AAAA,EAC3D,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,wBAAwB,CAAC,UAAU;AACrC,CAAC;",
+  "names": []
 }

package/esm/core/hooks/useActiveElement.js

@@ -1,2 +1,18 @@
-import{useState as c,useEffect as o}from"react";const u=()=>{const[t,n]=c(document.activeElement),e=s=>{n(document.activeElement)};return o(()=>(document.addEventListener("focusin",e),()=>{document.removeEventListener("focusin",e)}),[]),t};export{u as useActiveElement};
+import { useState, useEffect } from "react";
+const useActiveElement = () => {
+  const [active, setActive] = useState(document.activeElement);
+  const handleFocusIn = (e) => {
+    setActive(document.activeElement);
+  };
+  useEffect(() => {
+    document.addEventListener("focusin", handleFocusIn);
+    return () => {
+      document.removeEventListener("focusin", handleFocusIn);
+    };
+  }, []);
+  return active;
+};
+export {
+  useActiveElement
+};
 //# sourceMappingURL=useActiveElement.js.map

package/esm/core/hooks/useActiveElement.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/core/hooks/useActiveElement.ts"],
   "sourcesContent": ["import { useState, useEffect } from 'react';\n\n/**\n * @internal\n * Hook used for getting the active element.\n * @returns the currently focused element.\n */\nexport const useActiveElement = (): HTMLElement => {\n  const [active, setActive] = useState(document.activeElement as HTMLElement);\n\n  const handleFocusIn = (e: FocusEvent) => {\n    setActive(document.activeElement as HTMLElement);\n  };\n\n  useEffect(() => {\n    document.addEventListener('focusin', handleFocusIn);\n    return () => {\n      document.removeEventListener('focusin', handleFocusIn);\n    };\n  }, []);\n\n  return active;\n};\n"],
-  "mappings": "AAAA,OAAS,YAAAA,EAAU,aAAAC,MAAiB,QAO7B,MAAMC,EAAmB,IAAmB,CACjD,KAAM,CAACC,EAAQC,CAAS,EAAIJ,EAAS,SAAS,aAA4B,EAEpEK,EAAiBC,GAAkB,CACvCF,EAAU,SAAS,aAA4B,CACjD,EAEA,OAAAH,EAAU,KACR,SAAS,iBAAiB,UAAWI,CAAa,EAC3C,IAAM,CACX,SAAS,oBAAoB,UAAWA,CAAa,CACvD,GACC,CAAC,CAAC,EAEEF,CACT",
-  "names": ["useState", "useEffect", "useActiveElement", "active", "setActive", "handleFocusIn", "e"]
+  "mappings": "AAAA,SAAS,UAAU,iBAAiB;AAO7B,MAAM,mBAAmB,MAAmB;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,SAAS,aAA4B;AAE1E,QAAM,gBAAgB,CAAC,MAAkB;AACvC,cAAU,SAAS,aAA4B;AAAA,EACjD;AAEA,YAAU,MAAM;AACd,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,aAAa;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;",
+  "names": []
 }

package/esm/core/hooks/useCurrentTheme.js

@@ -1,2 +1,36 @@
-import{useEffect as m,useMemo as n,useState as i}from"react";import{getTheme as a}from"@dynatrace-sdk/user-preferences";import{isBrowser as c}from"../utils/isBrowser.js";function g(){const r=n(()=>a(),[]);if(r==="dark"||r==="light")return r;if(!c)return"light";const e=n(()=>window&&window.matchMedia("(prefers-color-scheme: dark)"),[]),[o,h]=i(e.matches?"dark":"light");return m(()=>{const t=()=>{const s=e.matches;h(s?"dark":"light")};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[e]),o}export{g as useCurrentTheme};
+import { useEffect, useMemo, useState } from "react";
+import { getTheme } from "@dynatrace-sdk/user-preferences";
+import { isBrowser } from "../utils/isBrowser.js";
+function useCurrentTheme() {
+  const sdkTheme = useMemo(() => {
+    return getTheme();
+  }, []);
+  if (sdkTheme === "dark" || sdkTheme === "light") {
+    return sdkTheme;
+  }
+  if (!isBrowser) {
+    return "light";
+  }
+  const themeQuery = useMemo(
+    () => window && window.matchMedia("(prefers-color-scheme: dark)"),
+    []
+  );
+  const [currentTheme, setCurrentTheme] = useState(
+    themeQuery.matches ? "dark" : "light"
+  );
+  useEffect(() => {
+    const handlePrefersColorSchemeChange = () => {
+      const prefersDark = themeQuery.matches;
+      setCurrentTheme(prefersDark ? "dark" : "light");
+    };
+    themeQuery.addEventListener("change", handlePrefersColorSchemeChange);
+    return () => {
+      themeQuery.removeEventListener("change", handlePrefersColorSchemeChange);
+    };
+  }, [themeQuery]);
+  return currentTheme;
+}
+export {
+  useCurrentTheme
+};
 //# sourceMappingURL=useCurrentTheme.js.map

package/esm/core/hooks/useCurrentTheme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/useCurrentTheme.tsx"],
-  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react';\n\nimport { getTheme } from '@dynatrace-sdk/user-preferences';\n\nimport { isBrowser } from '../utils/isBrowser.js';\n\n/** Returns the current theme based on sdk-setting or browsers preferred color-scheme */\nexport function useCurrentTheme(): 'light' | 'dark' {\n  const sdkTheme = useMemo(() => {\n    return getTheme();\n  }, []);\n\n  if (sdkTheme === 'dark' || sdkTheme === 'light') {\n    return sdkTheme;\n  }\n\n  if (!isBrowser) {\n    return 'light';\n  }\n\n  // suppressing the rules of hooks because the sdkTheme is a constant that cannot\n  // change through the applications' lifecycle.\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const themeQuery = useMemo(\n    () => window && window.matchMedia('(prefers-color-scheme: dark)'),\n    [],\n  );\n\n  // suppressing the rules of hooks because the sdkTheme is a constant that cannot\n  // change through the applications' lifecycle.\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const [currentTheme, setCurrentTheme] = useState<'light' | 'dark'>(\n    themeQuery.matches ? 'dark' : 'light',\n  );\n\n  // suppressing the rules of hooks because the sdkTheme is a constant that cannot\n  // change through the applications' lifecycle.\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  useEffect(() => {\n    const handlePrefersColorSchemeChange = () => {\n      const prefersDark = themeQuery.matches;\n      setCurrentTheme(prefersDark ? 'dark' : 'light');\n    };\n\n    themeQuery.addEventListener('change', handlePrefersColorSchemeChange);\n    return () => {\n      themeQuery.removeEventListener('change', handlePrefersColorSchemeChange);\n    };\n  }, [themeQuery]);\n\n  return currentTheme;\n}\n"],
-  "mappings": "AAAA,OAAS,aAAAA,EAAW,WAAAC,EAAS,YAAAC,MAAgB,QAE7C,OAAS,YAAAC,MAAgB,kCAEzB,OAAS,aAAAC,MAAiB,wBAGnB,SAASC,GAAoC,CAClD,MAAMC,EAAWL,EAAQ,IAChBE,EAAS,EACf,CAAC,CAAC,EAEL,GAAIG,IAAa,QAAUA,IAAa,QACtC,OAAOA,EAGT,GAAI,CAACF,EACH,MAAO,QAMT,MAAMG,EAAaN,EACjB,IAAM,QAAU,OAAO,WAAW,8BAA8B,EAChE,CAAC,CACH,EAKM,CAACO,EAAcC,CAAe,EAAIP,EACtCK,EAAW,QAAU,OAAS,OAChC,EAKA,OAAAP,EAAU,IAAM,CACd,MAAMU,EAAiC,IAAM,CAC3C,MAAMC,EAAcJ,EAAW,QAC/BE,EAAgBE,EAAc,OAAS,OAAO,CAChD,EAEA,OAAAJ,EAAW,iBAAiB,SAAUG,CAA8B,EAC7D,IAAM,CACXH,EAAW,oBAAoB,SAAUG,CAA8B,CACzE,CACF,EAAG,CAACH,CAAU,CAAC,EAERC,CACT",
-  "names": ["useEffect", "useMemo", "useState", "getTheme", "isBrowser", "useCurrentTheme", "sdkTheme", "themeQuery", "currentTheme", "setCurrentTheme", "handlePrefersColorSchemeChange", "prefersDark"]
+  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react';\n\nimport { getTheme } from '@dynatrace-sdk/user-preferences';\n\nimport { isBrowser } from '../utils/isBrowser.js';\n\n/**\n * @public\n * Returns the current theme based on sdk-setting or browsers preferred color-scheme\n */\nexport function useCurrentTheme(): 'light' | 'dark' {\n  const sdkTheme = useMemo(() => {\n    return getTheme();\n  }, []);\n\n  if (sdkTheme === 'dark' || sdkTheme === 'light') {\n    return sdkTheme;\n  }\n\n  if (!isBrowser) {\n    return 'light';\n  }\n\n  // suppressing the rules of hooks because the sdkTheme is a constant that cannot\n  // change through the applications' lifecycle.\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const themeQuery = useMemo(\n    () => window && window.matchMedia('(prefers-color-scheme: dark)'),\n    [],\n  );\n\n  // suppressing the rules of hooks because the sdkTheme is a constant that cannot\n  // change through the applications' lifecycle.\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const [currentTheme, setCurrentTheme] = useState<'light' | 'dark'>(\n    themeQuery.matches ? 'dark' : 'light',\n  );\n\n  // suppressing the rules of hooks because the sdkTheme is a constant that cannot\n  // change through the applications' lifecycle.\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  useEffect(() => {\n    const handlePrefersColorSchemeChange = () => {\n      const prefersDark = themeQuery.matches;\n      setCurrentTheme(prefersDark ? 'dark' : 'light');\n    };\n\n    themeQuery.addEventListener('change', handlePrefersColorSchemeChange);\n    return () => {\n      themeQuery.removeEventListener('change', handlePrefersColorSchemeChange);\n    };\n  }, [themeQuery]);\n\n  return currentTheme;\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW,SAAS,gBAAgB;AAE7C,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAMnB,SAAS,kBAAoC;AAClD,QAAM,WAAW,QAAQ,MAAM;AAC7B,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,MAAI,aAAa,UAAU,aAAa,SAAS;AAC/C,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAKA,QAAM,aAAa;AAAA,IACjB,MAAM,UAAU,OAAO,WAAW,8BAA8B;AAAA,IAChE,CAAC;AAAA,EACH;AAKA,QAAM,CAAC,cAAc,eAAe,IAAI;AAAA,IACtC,WAAW,UAAU,SAAS;AAAA,EAChC;AAKA,YAAU,MAAM;AACd,UAAM,iCAAiC,MAAM;AAC3C,YAAM,cAAc,WAAW;AAC/B,sBAAgB,cAAc,SAAS,OAAO;AAAA,IAChD;AAEA,eAAW,iBAAiB,UAAU,8BAA8B;AACpE,WAAO,MAAM;AACX,iBAAW,oBAAoB,UAAU,8BAA8B;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AACT;",
+  "names": []
 }

package/esm/core/hooks/useFocusContext.js

@@ -1,2 +1,11 @@
-import{useContext as o}from"react";import{FocusContext as t}from"../contexts/FocusContext.js";const s=()=>o(t);export{s as useFocusContext};
+import { useContext } from "react";
+import {
+  FocusContext
+} from "../contexts/FocusContext.js";
+const useFocusContext = () => {
+  return useContext(FocusContext);
+};
+export {
+  useFocusContext
+};
 //# sourceMappingURL=useFocusContext.js.map

package/esm/core/hooks/useFocusContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/core/hooks/useFocusContext.ts"],
   "sourcesContent": ["import { useContext } from 'react';\n\nimport {\n  type FocusContextProps,\n  FocusContext,\n} from '../contexts/FocusContext.js';\n\n/**\n * Internal hook wrapper for accessing the FocusContext.\n * @internal\n */\nexport const useFocusContext = (): FocusContextProps => {\n  return useContext(FocusContext);\n};\n"],
-  "mappings": "AAAA,OAAS,cAAAA,MAAkB,QAE3B,OAEE,gBAAAC,MACK,8BAMA,MAAMC,EAAkB,IACtBF,EAAWC,CAAY",
-  "names": ["useContext", "FocusContext", "useFocusContext"]
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B;AAAA,EAEE;AAAA,OACK;AAMA,MAAM,kBAAkB,MAAyB;AACtD,SAAO,WAAW,YAAY;AAChC;",
+  "names": []
 }

package/esm/core/index.js

@@ -1,2 +1,33 @@
-import{AppRoot as s}from"./components/app-root/AppRoot.js";import{FocusScope as r}from"./components/focus-scope/FocusScope.js";import{useCurrentTheme as c}from"./hooks/useCurrentTheme.js";import{useFocusContext as i}from"./hooks/useFocusContext.js";import{FocusProvider as F}from"./providers/FocusProvider.js";import{attemptFocus as n}from"./utils/focus-management/attempt-focus.js";import{focusFirstDescendant as y}from"./utils/focus-management/focus-first-descendant.js";import{getFirstFocusableChild as _}from"./utils/focus-management/get-first-focusable-child.js";import{getLastFocusableChild as C}from"./utils/focus-management/get-last-focusable-child.js";import{isFocusable as T}from"./utils/focus-management/is-focusable.js";import{isBrowser as b}from"./utils/isBrowser.js";import{mergeProps as j}from"./utils/merge-props.js";export{s as AppRoot,F as _FocusProvider,r as _FocusScope,n as _attemptFocus,y as _focusFirstDescendant,_ as _getFirstFocusableChild,C as _getLastFocusableChild,b as _isBrowser,T as _isFocusable,j as _mergeProps,i as _useFocusContext,c as useCurrentTheme};
+import { AppRoot } from "./components/app-root/AppRoot.js";
+import {
+  FocusScope
+} from "./components/focus-scope/FocusScope.js";
+import { useCurrentTheme } from "./hooks/useCurrentTheme.js";
+import { useFocusContext } from "./hooks/useFocusContext.js";
+import {
+  FocusProvider
+} from "./providers/FocusProvider.js";
+import { attemptFocus } from "./utils/focus-management/attempt-focus.js";
+import { focusFirstDescendant } from "./utils/focus-management/focus-first-descendant.js";
+import { getFirstFocusableChild } from "./utils/focus-management/get-first-focusable-child.js";
+import { getLastFocusableChild } from "./utils/focus-management/get-last-focusable-child.js";
+import { isFocusable } from "./utils/focus-management/is-focusable.js";
+import { isBrowser } from "./utils/isBrowser.js";
+import {
+  mergeProps
+} from "./utils/merge-props.js";
+export {
+  AppRoot,
+  FocusProvider as _FocusProvider,
+  FocusScope as _FocusScope,
+  attemptFocus as _attemptFocus,
+  focusFirstDescendant as _focusFirstDescendant,
+  getFirstFocusableChild as _getFirstFocusableChild,
+  getLastFocusableChild as _getLastFocusableChild,
+  isBrowser as _isBrowser,
+  isFocusable as _isFocusable,
+  mergeProps as _mergeProps,
+  useFocusContext as _useFocusContext,
+  useCurrentTheme
+};
 //# sourceMappingURL=index.js.map

package/esm/core/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/core/index.ts"],
-  "sourcesContent": ["export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';\nexport {\n  FocusScope as _FocusScope,\n  type FocusScopeProps as _FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport { type FocusContextProps as _FocusContextProps } from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n  FocusProvider as _FocusProvider,\n  type Modality as _Modality,\n} from './providers/FocusProvider.js';\nexport type { DataTestId } from './types/data-props.js';\nexport type { StylingProps } from './types/styling-props.js';\nexport type { WithChildren } from './types/with-children.js';\n\nexport { attemptFocus as _attemptFocus } from './utils/focus-management/attempt-focus.js';\nexport { focusFirstDescendant as _focusFirstDescendant } from './utils/focus-management/focus-first-descendant.js';\nexport { getFirstFocusableChild as _getFirstFocusableChild } from './utils/focus-management/get-first-focusable-child.js';\nexport { getLastFocusableChild as _getLastFocusableChild } from './utils/focus-management/get-last-focusable-child.js';\nexport { isFocusable as _isFocusable } from './utils/focus-management/is-focusable.js';\nexport { isBrowser as _isBrowser } from './utils/isBrowser.js';\nexport {\n  mergeProps as _mergeProps,\n  type NullToObject as _NullToObject,\n  type TupleTypes as _TupleTypes,\n  type UnionToIntersection as _UnionToIntersection,\n} from './utils/merge-props.js';\n"],
-  "mappings": "AAAA,OAAS,WAAAA,MAAkC,mCAC3C,OACgB,cAAdC,MAEK,yCAIP,OAAS,mBAAAC,MAAuB,6BAChC,OAA4B,mBAAnBC,MAA2C,6BACpD,OACmB,iBAAjBC,MAEK,+BAKP,OAAyB,gBAAhBC,MAAqC,4CAC9C,OAAiC,wBAAxBC,MAAqD,qDAC9D,OAAmC,0BAA1BC,MAAyD,wDAClE,OAAkC,yBAAzBC,MAAuD,uDAChE,OAAwB,eAAfC,MAAmC,2CAC5C,OAAsB,aAAbC,MAA+B,uBACxC,OACgB,cAAdC,MAIK",
-  "names": ["AppRoot", "FocusScope", "useCurrentTheme", "useFocusContext", "FocusProvider", "attemptFocus", "focusFirstDescendant", "getFirstFocusableChild", "getLastFocusableChild", "isFocusable", "isBrowser", "mergeProps"]
+  "sourcesContent": ["export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';\nexport {\n  FocusScope as _FocusScope,\n  type FocusScopeProps as _FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport { type FocusContextProps as _FocusContextProps } from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n  FocusProvider as _FocusProvider,\n  type Modality as _Modality,\n} from './providers/FocusProvider.js';\nexport type { MaskingProps } from './types/masking-props.js';\nexport type { DataTestId } from './types/data-props.js';\nexport type { StylingProps } from './types/styling-props.js';\nexport type { WithChildren } from './types/with-children.js';\n\nexport { attemptFocus as _attemptFocus } from './utils/focus-management/attempt-focus.js';\nexport { focusFirstDescendant as _focusFirstDescendant } from './utils/focus-management/focus-first-descendant.js';\nexport { getFirstFocusableChild as _getFirstFocusableChild } from './utils/focus-management/get-first-focusable-child.js';\nexport { getLastFocusableChild as _getLastFocusableChild } from './utils/focus-management/get-last-focusable-child.js';\nexport { isFocusable as _isFocusable } from './utils/focus-management/is-focusable.js';\nexport { isBrowser as _isBrowser } from './utils/isBrowser.js';\nexport {\n  mergeProps as _mergeProps,\n  type NullToObject as _NullToObject,\n  type TupleTypes as _TupleTypes,\n  type UnionToIntersection as _UnionToIntersection,\n} from './utils/merge-props.js';\n"],
+  "mappings": "AAAA,SAAS,eAAkC;AAC3C;AAAA,EACgB;AAAA,OAET;AAIP,SAAS,uBAAuB;AAChC,SAA4B,uBAAwB;AACpD;AAAA,EACmB;AAAA,OAEZ;AAMP,SAAyB,oBAAqB;AAC9C,SAAiC,4BAA6B;AAC9D,SAAmC,8BAA+B;AAClE,SAAkC,6BAA8B;AAChE,SAAwB,mBAAoB;AAC5C,SAAsB,iBAAkB;AACxC;AAAA,EACgB;AAAA,OAIT;",
+  "names": []
 }

package/esm/core/providers/FocusProvider.js

@@ -1,2 +1,118 @@
-import i,{useCallback as s,useEffect as l,useState as d}from"react";import{FocusContext as y}from"../contexts/FocusContext.js";import{useFocusContext as m}from"../hooks/useFocusContext.js";import{mergeProps as h}from"../utils/merge-props.js";const k=["Alt","AltGraph","CapsLock","Control","Fn","FnLock","Hyper","Meta","NumLock","OS","ScrollLock","Super","Symbol","SymbolLock"],v={keydown:"keyboard",keyup:"keyboard",mousedown:"mouse",mousemove:"mouse",MSPointerDown:"pointer",MSPointerMove:"pointer",pointerdown:"pointer",pointermove:"pointer",touchstart:"touch",touchend:"touch",wheel:"wheel"},f=["Tab","Esc","Escape"," ","ArrowDown","Down","ArrowUp","Up","ArrowLeft","Left","ArrowRight","Right","End","Home","PageDown","PageUp"],b=({children:u})=>{const[r,a]=d(!1),c=m(),[p,t]=d("unknown"),n=s(o=>{if(k.includes(o.key)){t("pointer");return}(!o.target||f.includes(o.key))&&t("keyboard")},[]),e=s(o=>{switch(v[o.type]){case"touch":case"pen":return t("touch");case"mouse":case"pointer":case"wheel":return t("pointer");default:return"unknown"}},[]);l(()=>(window.addEventListener("pointerdown",e),window.addEventListener("keydown",n,{capture:!0}),window.addEventListener("wheel",e),()=>{window.removeEventListener("pointerdown",e),window.removeEventListener("keydown",n,{capture:!0}),window.removeEventListener("wheel",e)}),[n,e]);const w=r?{inert:"true",tabIndex:-1,"aria-hidden":!0}:{inert:void 0,tabIndex:void 0,"aria-hidden":!1};return i.createElement(y.Provider,{value:{...h(c,{backgroundInertness:r,setBackgroundInertness:a,modality:p})}},i.createElement("div",{...w},u))};b.displayName="FocusProvider";export{b as FocusProvider};
+import React, { useCallback, useEffect, useState } from "react";
+import { FocusContext } from "../contexts/FocusContext.js";
+import { useFocusContext } from "../hooks/useFocusContext.js";
+import { mergeProps } from "../utils/merge-props.js";
+const ignoreMap = [
+  "Alt",
+  "AltGraph",
+  "CapsLock",
+  "Control",
+  "Fn",
+  "FnLock",
+  "Hyper",
+  "Meta",
+  // Command (Mac), in some browsers also Windows-key
+  "NumLock",
+  "OS",
+  // Windows-key
+  "ScrollLock",
+  "Super",
+  // Virtual keyboard key
+  "Symbol",
+  "SymbolLock"
+];
+const eventTypeMap = {
+  keydown: "keyboard",
+  keyup: "keyboard",
+  mousedown: "mouse",
+  mousemove: "mouse",
+  MSPointerDown: "pointer",
+  MSPointerMove: "pointer",
+  pointerdown: "pointer",
+  pointermove: "pointer",
+  touchstart: "touch",
+  touchend: "touch",
+  wheel: "wheel"
+};
+const navigationalKeys = [
+  "Tab",
+  "Esc",
+  "Escape",
+  " ",
+  "ArrowDown",
+  "Down",
+  "ArrowUp",
+  "Up",
+  "ArrowLeft",
+  "Left",
+  "ArrowRight",
+  "Right",
+  "End",
+  "Home",
+  "PageDown",
+  "PageUp"
+];
+const FocusProvider = ({ children }) => {
+  const [backgroundInertness, setBackgroundInertness] = useState(false);
+  const focusContext = useFocusContext();
+  const [modality, setModality] = useState("unknown");
+  const setKeyboardInputModality = useCallback((event) => {
+    if (ignoreMap.includes(event.key)) {
+      setModality("pointer");
+      return;
+    }
+    if (!event.target || navigationalKeys.includes(event.key)) {
+      setModality("keyboard");
+    }
+  }, []);
+  const setMouseInputModality = useCallback((event) => {
+    switch (eventTypeMap[event.type]) {
+      case "touch":
+      case "pen":
+        return setModality("touch");
+      case "mouse":
+      case "pointer":
+      case "wheel":
+        return setModality("pointer");
+      default:
+        return "unknown";
+    }
+  }, []);
+  useEffect(() => {
+    window.addEventListener("pointerdown", setMouseInputModality);
+    window.addEventListener("keydown", setKeyboardInputModality, {
+      capture: true
+    });
+    window.addEventListener("wheel", setMouseInputModality);
+    return () => {
+      window.removeEventListener("pointerdown", setMouseInputModality);
+      window.removeEventListener("keydown", setKeyboardInputModality, {
+        capture: true
+      });
+      window.removeEventListener("wheel", setMouseInputModality);
+    };
+  }, [setKeyboardInputModality, setMouseInputModality]);
+  const focusProps = backgroundInertness ? {
+    inert: "true",
+    tabIndex: -1,
+    "aria-hidden": true
+  } : { inert: void 0, tabIndex: void 0, "aria-hidden": false };
+  return /* @__PURE__ */ React.createElement(
+    FocusContext.Provider,
+    {
+      value: {
+        ...mergeProps(focusContext, {
+          backgroundInertness,
+          setBackgroundInertness,
+          modality
+        })
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", { ...focusProps }, children)
+  );
+};
+FocusProvider["displayName"] = "FocusProvider";
+export {
+  FocusProvider
+};
 //# sourceMappingURL=FocusProvider.js.map

package/esm/core/providers/FocusProvider.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/core/providers/FocusProvider.tsx"],
   "sourcesContent": ["import React, { useCallback, useEffect, useState } from 'react';\n\nimport { FocusContext } from '../contexts/FocusContext.js';\nimport { useFocusContext } from '../hooks/useFocusContext.js';\nimport type { WithChildren } from '../types/with-children.js';\nimport { mergeProps } from '../utils/merge-props.js';\n\n// list of modifier keys commonly used in a mouse or keyboard combination,\n// see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#modifier_keys.\nconst ignoreMap = [\n  'Alt',\n  'AltGraph',\n  'CapsLock',\n  'Control',\n  'Fn',\n  'FnLock',\n  'Hyper',\n  'Meta', // Command (Mac), in some browsers also Windows-key\n  'NumLock',\n  'OS', // Windows-key\n  'ScrollLock',\n  'Super', // Virtual keyboard key\n  'Symbol',\n  'SymbolLock',\n];\n\n/** Look-up map of all event types and the corresponding modalities. */\nconst eventTypeMap: Record<string, string> = {\n  keydown: 'keyboard',\n  keyup: 'keyboard',\n  mousedown: 'mouse',\n  mousemove: 'mouse',\n  MSPointerDown: 'pointer',\n  MSPointerMove: 'pointer',\n  pointerdown: 'pointer',\n  pointermove: 'pointer',\n  touchstart: 'touch',\n  touchend: 'touch',\n  wheel: 'wheel',\n};\n\n/**\n * @internal\n * Type defining the modality options for the focus handling.\n */\nexport type Modality = 'keyboard' | 'pointer' | 'touch' | 'unknown';\n\n/**\n * All navigational keys that should be considered keyboard users,\n * see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#navigation_keys\n */\nconst navigationalKeys = [\n  'Tab',\n  'Esc',\n  'Escape',\n  ' ',\n  'ArrowDown',\n  'Down',\n  'ArrowUp',\n  'Up',\n  'ArrowLeft',\n  'Left',\n  'ArrowRight',\n  'Right',\n  'End',\n  'Home',\n  'PageDown',\n  'PageUp',\n];\n\n/**\n * @internal\n *\n * Provider that can be reused in components for storing the focus context props.\n * Loosely inspired by [what-input-js](https://github.com/ten1seven/what-input/blob/main/src/scripts/what-input.js).\n */\nexport const FocusProvider = ({ children }: WithChildren) => {\n  const [backgroundInertness, setBackgroundInertness] = useState(false);\n  const focusContext = useFocusContext();\n  const [modality, setModality] = useState<Modality>('unknown');\n\n  const setKeyboardInputModality = useCallback((event: KeyboardEvent) => {\n    if (ignoreMap.includes(event.key)) {\n      setModality('pointer');\n      return;\n    }\n\n    if (!event.target || navigationalKeys.includes(event.key)) {\n      setModality('keyboard');\n    }\n  }, []);\n\n  const setMouseInputModality = useCallback((event: MouseEvent) => {\n    switch (eventTypeMap[event.type]) {\n      case 'touch':\n      case 'pen':\n        return setModality('touch');\n      case 'mouse':\n      case 'pointer':\n      case 'wheel':\n        return setModality('pointer');\n      default:\n        return 'unknown';\n    }\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('pointerdown', setMouseInputModality);\n    // we need to rely on the keydown event (already in the capture phase) here so we don't break usages where the event default behavior is prevented or propagation is stopped,\n    // which would otherwise get the wrong, initial, modality (unknown); by using the capture phase, we can ensure we set the modality correctly before the other events occur\n    window.addEventListener('keydown', setKeyboardInputModality, {\n      capture: true,\n    });\n    window.addEventListener('wheel', setMouseInputModality);\n\n    return () => {\n      window.removeEventListener('pointerdown', setMouseInputModality);\n      window.removeEventListener('keydown', setKeyboardInputModality, {\n        capture: true,\n      });\n      window.removeEventListener('wheel', setMouseInputModality);\n    };\n  }, [setKeyboardInputModality, setMouseInputModality]);\n\n  const focusProps = backgroundInertness\n    ? {\n        inert: 'true',\n        tabIndex: -1,\n        'aria-hidden': true,\n      }\n    : { inert: undefined, tabIndex: undefined, 'aria-hidden': false };\n\n  return (\n    <FocusContext.Provider\n      value={{\n        ...mergeProps(focusContext, {\n          backgroundInertness,\n          setBackgroundInertness,\n          modality,\n        }),\n      }}\n    >\n      <div {...focusProps}>{children}</div>\n    </FocusContext.Provider>\n  );\n};\n\nFocusProvider['displayName'] = 'FocusProvider';\n"],
-  "mappings": "AAAA,OAAOA,GAAS,eAAAC,EAAa,aAAAC,EAAW,YAAAC,MAAgB,QAExD,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,mBAAAC,MAAuB,8BAEhC,OAAS,cAAAC,MAAkB,0BAI3B,MAAMC,EAAY,CAChB,MACA,WACA,WACA,UACA,KACA,SACA,QACA,OACA,UACA,KACA,aACA,QACA,SACA,YACF,EAGMC,EAAuC,CAC3C,QAAS,WACT,MAAO,WACP,UAAW,QACX,UAAW,QACX,cAAe,UACf,cAAe,UACf,YAAa,UACb,YAAa,UACb,WAAY,QACZ,SAAU,QACV,MAAO,OACT,EAYMC,EAAmB,CACvB,MACA,MACA,SACA,IACA,YACA,OACA,UACA,KACA,YACA,OACA,aACA,QACA,MACA,OACA,WACA,QACF,EAQaC,EAAgB,CAAC,CAAE,SAAAC,CAAS,IAAoB,CAC3D,KAAM,CAACC,EAAqBC,CAAsB,EAAIV,EAAS,EAAK,EAC9DW,EAAeT,EAAgB,EAC/B,CAACU,EAAUC,CAAW,EAAIb,EAAmB,SAAS,EAEtDc,EAA2BhB,EAAaiB,GAAyB,CACrE,GAAIX,EAAU,SAASW,EAAM,GAAG,EAAG,CACjCF,EAAY,SAAS,EACrB,MACF,EAEI,CAACE,EAAM,QAAUT,EAAiB,SAASS,EAAM,GAAG,IACtDF,EAAY,UAAU,CAE1B,EAAG,CAAC,CAAC,EAECG,EAAwBlB,EAAaiB,GAAsB,CAC/D,OAAQV,EAAaU,EAAM,IAAI,EAAG,CAChC,IAAK,QACL,IAAK,MACH,OAAOF,EAAY,OAAO,EAC5B,IAAK,QACL,IAAK,UACL,IAAK,QACH,OAAOA,EAAY,SAAS,EAC9B,QACE,MAAO,SACX,CACF,EAAG,CAAC,CAAC,EAELd,EAAU,KACR,OAAO,iBAAiB,cAAeiB,CAAqB,EAG5D,OAAO,iBAAiB,UAAWF,EAA0B,CAC3D,QAAS,EACX,CAAC,EACD,OAAO,iBAAiB,QAASE,CAAqB,EAE/C,IAAM,CACX,OAAO,oBAAoB,cAAeA,CAAqB,EAC/D,OAAO,oBAAoB,UAAWF,EAA0B,CAC9D,QAAS,EACX,CAAC,EACD,OAAO,oBAAoB,QAASE,CAAqB,CAC3D,GACC,CAACF,EAA0BE,CAAqB,CAAC,EAEpD,MAAMC,EAAaR,EACf,CACE,MAAO,OACP,SAAU,GACV,cAAe,EACjB,EACA,CAAE,MAAO,OAAW,SAAU,OAAW,cAAe,EAAM,EAElE,OACEZ,EAAA,cAACI,EAAa,SAAb,CACC,MAAO,CACL,GAAGE,EAAWQ,EAAc,CAC1B,oBAAAF,EACA,uBAAAC,EACA,SAAAE,CACF,CAAC,CACH,GAEAf,EAAA,cAAC,OAAK,GAAGoB,GAAaT,CAAS,CACjC,CAEJ,EAEAD,EAAc,YAAiB",
-  "names": ["React", "useCallback", "useEffect", "useState", "FocusContext", "useFocusContext", "mergeProps", "ignoreMap", "eventTypeMap", "navigationalKeys", "FocusProvider", "children", "backgroundInertness", "setBackgroundInertness", "focusContext", "modality", "setModality", "setKeyboardInputModality", "event", "setMouseInputModality", "focusProps"]
+  "mappings": "AAAA,OAAO,SAAS,aAAa,WAAW,gBAAgB;AAExD,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAEhC,SAAS,kBAAkB;AAI3B,MAAM,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EACA;AAAA,EACA;AACF;AAGA,MAAM,eAAuC;AAAA,EAC3C,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,OAAO;AACT;AAYA,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAoB;AAC3D,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,KAAK;AACpE,QAAM,eAAe,gBAAgB;AACrC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,SAAS;AAE5D,QAAM,2BAA2B,YAAY,CAAC,UAAyB;AACrE,QAAI,UAAU,SAAS,MAAM,GAAG,GAAG;AACjC,kBAAY,SAAS;AACrB;AAAA,IACF;AAEA,QAAI,CAAC,MAAM,UAAU,iBAAiB,SAAS,MAAM,GAAG,GAAG;AACzD,kBAAY,UAAU;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,wBAAwB,YAAY,CAAC,UAAsB;AAC/D,YAAQ,aAAa,MAAM,IAAI,GAAG;AAAA,MAChC,KAAK;AAAA,MACL,KAAK;AACH,eAAO,YAAY,OAAO;AAAA,MAC5B,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,YAAY,SAAS;AAAA,MAC9B;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,WAAO,iBAAiB,eAAe,qBAAqB;AAG5D,WAAO,iBAAiB,WAAW,0BAA0B;AAAA,MAC3D,SAAS;AAAA,IACX,CAAC;AACD,WAAO,iBAAiB,SAAS,qBAAqB;AAEtD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,qBAAqB;AAC/D,aAAO,oBAAoB,WAAW,0BAA0B;AAAA,QAC9D,SAAS;AAAA,MACX,CAAC;AACD,aAAO,oBAAoB,SAAS,qBAAqB;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,0BAA0B,qBAAqB,CAAC;AAEpD,QAAM,aAAa,sBACf;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,IACV,eAAe;AAAA,EACjB,IACA,EAAE,OAAO,QAAW,UAAU,QAAW,eAAe,MAAM;AAElE,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL,GAAG,WAAW,cAAc;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,IAEA,oCAAC,SAAK,GAAG,cAAa,QAAS;AAAA,EACjC;AAEJ;AAEA,cAAc,aAAa,IAAI;",
+  "names": []
 }

package/esm/core/types/masking-props.js

@@ -0,0 +1 @@
+//# sourceMappingURL=masking-props.js.map

package/esm/core/types/masking-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/esm/core/utils/focus-management/attempt-focus.js

@@ -1,2 +1,15 @@
-import{isFocusable as r}from"./is-focusable.js";const o=t=>{if(!r(t))return!1;try{t.focus({preventScroll:!0})}catch{}return document.activeElement===t};export{o as attemptFocus};
+import { isFocusable } from "./is-focusable.js";
+const attemptFocus = (element) => {
+  if (!isFocusable(element)) {
+    return false;
+  }
+  try {
+    element.focus({ preventScroll: true });
+  } catch (e) {
+  }
+  return document.activeElement === element;
+};
+export {
+  attemptFocus
+};
 //# sourceMappingURL=attempt-focus.js.map

package/esm/core/utils/focus-management/attempt-focus.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/core/utils/focus-management/attempt-focus.ts"],
   "sourcesContent": ["import { isFocusable } from './is-focusable.js';\n\n/**\n * @internal\n *\n * Set Attempt to set focus on the current node.\n * @param element - The node to attempt to focus on.\n * @returns - true if element is focused.\n */\nexport const attemptFocus = (element: HTMLElement) => {\n  if (!isFocusable(element)) {\n    return false;\n  }\n\n  try {\n    element.focus({ preventScroll: true });\n  } catch (e) {\n    // continue regardless of error\n  }\n\n  return document.activeElement === element;\n};\n"],
-  "mappings": "AAAA,OAAS,eAAAA,MAAmB,oBASrB,MAAMC,EAAgBC,GAAyB,CACpD,GAAI,CAACF,EAAYE,CAAO,EACtB,MAAO,GAGT,GAAI,CACFA,EAAQ,MAAM,CAAE,cAAe,EAAK,CAAC,CACvC,MAAY,CAEZ,CAEA,OAAO,SAAS,gBAAkBA,CACpC",
-  "names": ["isFocusable", "attemptFocus", "element"]
+  "mappings": "AAAA,SAAS,mBAAmB;AASrB,MAAM,eAAe,CAAC,YAAyB;AACpD,MAAI,CAAC,YAAY,OAAO,GAAG;AACzB,WAAO;AAAA,EACT;AAEA,MAAI;AACF,YAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,EACvC,SAAS,GAAG;AAAA,EAEZ;AAEA,SAAO,SAAS,kBAAkB;AACpC;",
+  "names": []
 }

package/esm/core/utils/focus-management/focus-first-descendant.js

@@ -1,2 +1,17 @@
-import{attemptFocus as n}from"./attempt-focus.js";const l=t=>{if(!t)return!1;for(let r=0;r<t.children.length;r++){const e=t.children[r];if(n(e)||l(e))return!0}return!1};export{l as focusFirstDescendant};
+import { attemptFocus } from "./attempt-focus.js";
+const focusFirstDescendant = (element) => {
+  if (!element) {
+    return false;
+  }
+  for (let i = 0; i < element.children.length; i++) {
+    const child = element.children[i];
+    if (attemptFocus(child) || focusFirstDescendant(child)) {
+      return true;
+    }
+  }
+  return false;
+};
+export {
+  focusFirstDescendant
+};
 //# sourceMappingURL=focus-first-descendant.js.map

package/esm/core/utils/focus-management/focus-first-descendant.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/core/utils/focus-management/focus-first-descendant.ts"],
   "sourcesContent": ["import { attemptFocus } from './attempt-focus.js';\n\n/**\n * @internal\n *\n * Set focus on descendant nodes until the first focusable element is found.\n * @param element - DOM node for which to find the first focusable descendant.\n * @returns true if a focusable element is found and focus is set.\n */\nexport const focusFirstDescendant = (element: HTMLElement | null) => {\n  if (!element) {\n    return false;\n  }\n\n  for (let i = 0; i < element.children.length; i++) {\n    const child = element.children[i] as HTMLElement;\n    if (attemptFocus(child) || focusFirstDescendant(child)) {\n      return true;\n    }\n  }\n\n  return false;\n};\n"],
-  "mappings": "AAAA,OAAS,gBAAAA,MAAoB,qBAStB,MAAMC,EAAwBC,GAAgC,CACnE,GAAI,CAACA,EACH,MAAO,GAGT,QAASC,EAAI,EAAGA,EAAID,EAAQ,SAAS,OAAQC,IAAK,CAChD,MAAMC,EAAQF,EAAQ,SAASC,CAAC,EAChC,GAAIH,EAAaI,CAAK,GAAKH,EAAqBG,CAAK,EACnD,MAAO,EAEX,CAEA,MAAO,EACT",
-  "names": ["attemptFocus", "focusFirstDescendant", "element", "i", "child"]
+  "mappings": "AAAA,SAAS,oBAAoB;AAStB,MAAM,uBAAuB,CAAC,YAAgC;AACnE,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,WAAS,IAAI,GAAG,IAAI,QAAQ,SAAS,QAAQ,KAAK;AAChD,UAAM,QAAQ,QAAQ,SAAS,CAAC;AAChC,QAAI,aAAa,KAAK,KAAK,qBAAqB,KAAK,GAAG;AACtD,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
 }

package/esm/core/utils/focus-management/get-first-focusable-child.js

@@ -1,2 +1,14 @@
-import{isFocusable as t}from"./is-focusable.js";function n(r){const e=document.createTreeWalker(r);for(;e.nextNode();)if(t(e.currentNode))return e.currentNode;return null}export{n as getFirstFocusableChild};
+import { isFocusable } from "./is-focusable.js";
+function getFirstFocusableChild(container) {
+  const treeWalker = document.createTreeWalker(container);
+  while (treeWalker.nextNode()) {
+    if (isFocusable(treeWalker.currentNode)) {
+      return treeWalker.currentNode;
+    }
+  }
+  return null;
+}
+export {
+  getFirstFocusableChild
+};
 //# sourceMappingURL=get-first-focusable-child.js.map

package/esm/core/utils/focus-management/get-first-focusable-child.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/core/utils/focus-management/get-first-focusable-child.ts"],
   "sourcesContent": ["import { isFocusable } from './is-focusable.js';\n\n/**\n * @internal\n *\n * If you need access to the first focusable descendant of a container, you can use\n * `getFirstFocusableChild`. The function uses the\n * https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker to\n * iterate over the children of the container and returns either a `Node` if a\n * focusable element is found, or `null`.\n */\nexport function getFirstFocusableChild(\n  container: HTMLElement | Node,\n): Node | null {\n  const treeWalker = document.createTreeWalker(container);\n\n  // Iterate over all the nodes inside the container and return the current node if it is focusable.\n  while (treeWalker.nextNode()) {\n    if (isFocusable(treeWalker.currentNode)) {\n      return treeWalker.currentNode;\n    }\n  }\n\n  return null;\n}\n"],
-  "mappings": "AAAA,OAAS,eAAAA,MAAmB,oBAWrB,SAASC,EACdC,EACa,CACb,MAAMC,EAAa,SAAS,iBAAiBD,CAAS,EAGtD,KAAOC,EAAW,SAAS,GACzB,GAAIH,EAAYG,EAAW,WAAW,EACpC,OAAOA,EAAW,YAItB,OAAO,IACT",
-  "names": ["isFocusable", "getFirstFocusableChild", "container", "treeWalker"]
+  "mappings": "AAAA,SAAS,mBAAmB;AAWrB,SAAS,uBACd,WACa;AACb,QAAM,aAAa,SAAS,iBAAiB,SAAS;AAGtD,SAAO,WAAW,SAAS,GAAG;AAC5B,QAAI,YAAY,WAAW,WAAW,GAAG;AACvC,aAAO,WAAW;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
 }

package/esm/core/utils/focus-management/get-last-focusable-child.js

@@ -1,2 +1,17 @@
-import{isFocusable as l}from"./is-focusable.js";function o(r){const e=document.createTreeWalker(r);for(;e.lastChild();)e.lastChild();do if(l(e.currentNode))return e.currentNode;while(e.previousNode());return null}export{o as getLastFocusableChild};
+import { isFocusable } from "./is-focusable.js";
+function getLastFocusableChild(container) {
+  const treeWalker = document.createTreeWalker(container);
+  while (treeWalker.lastChild()) {
+    treeWalker.lastChild();
+  }
+  do {
+    if (isFocusable(treeWalker.currentNode)) {
+      return treeWalker.currentNode;
+    }
+  } while (treeWalker.previousNode());
+  return null;
+}
+export {
+  getLastFocusableChild
+};
 //# sourceMappingURL=get-last-focusable-child.js.map

package/esm/core/utils/focus-management/get-last-focusable-child.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/core/utils/focus-management/get-last-focusable-child.ts"],
   "sourcesContent": ["import { isFocusable } from './is-focusable.js';\n\n/**\n * @internal\n *\n * If you need access to the last focusable descendant of a container, you can use\n * `getLastFocusableChild`. The function uses the\n * https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker to\n * iterate over the children of the container and returns either a `Node` if a\n * focusable element is found, or `null`.\n */\nexport function getLastFocusableChild(container: HTMLElement): Node | null {\n  const treeWalker = document.createTreeWalker(container);\n\n  // Move the current node to the last node of the container.\n  while (treeWalker.lastChild()) {\n    treeWalker.lastChild();\n  }\n\n  // Iterate backwards over all the nodes inside the container and return the current node if it is focusable.\n  do {\n    if (isFocusable(treeWalker.currentNode)) {\n      return treeWalker.currentNode;\n    }\n  } while (treeWalker.previousNode());\n\n  return null;\n}\n"],
-  "mappings": "AAAA,OAAS,eAAAA,MAAmB,oBAWrB,SAASC,EAAsBC,EAAqC,CACzE,MAAMC,EAAa,SAAS,iBAAiBD,CAAS,EAGtD,KAAOC,EAAW,UAAU,GAC1BA,EAAW,UAAU,EAIvB,EACE,IAAIH,EAAYG,EAAW,WAAW,EACpC,OAAOA,EAAW,kBAEbA,EAAW,aAAa,GAEjC,OAAO,IACT",
-  "names": ["isFocusable", "getLastFocusableChild", "container", "treeWalker"]
+  "mappings": "AAAA,SAAS,mBAAmB;AAWrB,SAAS,sBAAsB,WAAqC;AACzE,QAAM,aAAa,SAAS,iBAAiB,SAAS;AAGtD,SAAO,WAAW,UAAU,GAAG;AAC7B,eAAW,UAAU;AAAA,EACvB;AAGA,KAAG;AACD,QAAI,YAAY,WAAW,WAAW,GAAG;AACvC,aAAO,WAAW;AAAA,IACpB;AAAA,EACF,SAAS,WAAW,aAAa;AAEjC,SAAO;AACT;",
+  "names": []
 }

package/esm/core/utils/focus-management/is-focusable.js

@@ -1,2 +1,21 @@
-function r(a){if(a.tabIndex<0||a.disabled)return!1;switch(a.nodeName){case"A":return!!a.href;case"INPUT":return a.type!=="hidden";case"BUTTON":case"SELECT":case"TEXTAREA":return!0;default:return a.tabIndex>=0}}export{r as isFocusable};
+function isFocusable(element) {
+  if (element.tabIndex < 0 || element.disabled) {
+    return false;
+  }
+  switch (element.nodeName) {
+    case "A":
+      return !!element.href;
+    case "INPUT":
+      return element.type !== "hidden";
+    case "BUTTON":
+    case "SELECT":
+    case "TEXTAREA":
+      return true;
+    default:
+      return element.tabIndex >= 0;
+  }
+}
+export {
+  isFocusable
+};
 //# sourceMappingURL=is-focusable.js.map

package/esm/core/utils/focus-management/is-focusable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/core/utils/focus-management/is-focusable.ts"],
   "sourcesContent": ["/**\n * @internal\n *\n * Use the `isFocusable` utility function to check whether an element can receive\n * focus.\n */\nexport function isFocusable(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  element: any,\n) {\n  if (element.tabIndex < 0 || element.disabled) {\n    return false;\n  }\n\n  switch (element.nodeName) {\n    case 'A':\n      return !!element.href;\n    case 'INPUT':\n      return element.type !== 'hidden';\n    case 'BUTTON':\n    case 'SELECT':\n    case 'TEXTAREA':\n      return true;\n    default:\n      return element.tabIndex >= 0;\n  }\n}\n"],
-  "mappings": "AAMO,SAASA,EAEdC,EACA,CACA,GAAIA,EAAQ,SAAW,GAAKA,EAAQ,SAClC,MAAO,GAGT,OAAQA,EAAQ,SAAU,CACxB,IAAK,IACH,MAAO,CAAC,CAACA,EAAQ,KACnB,IAAK,QACH,OAAOA,EAAQ,OAAS,SAC1B,IAAK,SACL,IAAK,SACL,IAAK,WACH,MAAO,GACT,QACE,OAAOA,EAAQ,UAAY,CAC/B,CACF",
-  "names": ["isFocusable", "element"]
+  "mappings": "AAMO,SAAS,YAEd,SACA;AACA,MAAI,QAAQ,WAAW,KAAK,QAAQ,UAAU;AAC5C,WAAO;AAAA,EACT;AAEA,UAAQ,QAAQ,UAAU;AAAA,IACxB,KAAK;AACH,aAAO,CAAC,CAAC,QAAQ;AAAA,IACnB,KAAK;AACH,aAAO,QAAQ,SAAS;AAAA,IAC1B,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO,QAAQ,YAAY;AAAA,EAC/B;AACF;",
+  "names": []
 }

package/esm/core/utils/isBrowser.js

@@ -1,2 +1,7 @@
-const e=!!(typeof window<"u"&&window.document&&window.document.createElement);export{e as isBrowser};
+const isBrowser = (() => {
+  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+})();
+export {
+  isBrowser
+};
 //# sourceMappingURL=isBrowser.js.map

package/esm/core/utils/isBrowser.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/core/utils/isBrowser.ts"],
   "sourcesContent": ["/**\n * @internal\n *\n * Whether the code is currently executed in a browser\n * @see https://github.com/chakra-ui/chakra-ui/blob/main/packages/utils/src/dom.ts\n */\nexport const isBrowser = (() => {\n  return !!(\n    typeof window !== 'undefined' &&\n    window.document &&\n    window.document.createElement\n  );\n})();\n"],
-  "mappings": "AAMO,MAAMA,EACJ,CAAC,EACN,OAAO,OAAW,KAClB,OAAO,UACP,OAAO,SAAS",
-  "names": ["isBrowser"]
+  "mappings": "AAMO,MAAM,aAAa,MAAM;AAC9B,SAAO,CAAC,EACN,OAAO,WAAW,eAClB,OAAO,YACP,OAAO,SAAS;AAEpB,GAAG;",
+  "names": []
 }

package/esm/core/utils/merge-props.js

@@ -1,2 +1,32 @@
-function c(...t){return(...n)=>{for(const o of t)typeof o=="function"&&o(...n)}}function T(...t){const n={...t[0]};for(let o=1;o<t.length;o++){const s=t[o];for(const e in s){const r=n[e],i=s[e];typeof r=="function"&&typeof i=="function"&&e[0]==="o"&&e[1]==="n"&&e.charCodeAt(2)>=65&&e.charCodeAt(2)<=90?n[e]=c(r,i):n[e]=i!==void 0?i:r}}return n}export{T as mergeProps};
+function chain(...callbacks) {
+  return (...args) => {
+    for (const callback of callbacks) {
+      if (typeof callback === "function") {
+        callback(...args);
+      }
+    }
+  };
+}
+function mergeProps(...args) {
+  const result = { ...args[0] };
+  for (let i = 1; i < args.length; i++) {
+    const props = args[i];
+    for (const key in props) {
+      const a = result[key];
+      const b = props[key];
+      if (typeof a === "function" && typeof b === "function" && // This is a lot faster than a regex.
+      key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */
+      65 && key.charCodeAt(2) <= /* 'Z' */
+      90) {
+        result[key] = chain(a, b);
+      } else {
+        result[key] = b !== void 0 ? b : a;
+      }
+    }
+  }
+  return result;
+}
+export {
+  mergeProps
+};
 //# sourceMappingURL=merge-props.js.map

package/esm/core/utils/merge-props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/core/utils/merge-props.ts"],
   "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/**\n * Calls all functions in the order they were chained with the same arguments.\n */\nfunction chain(...callbacks: any[]): (...args: any[]) => void {\n  return (...args: any[]) => {\n    for (const callback of callbacks) {\n      if (typeof callback === 'function') {\n        callback(...args);\n      }\n    }\n  };\n}\n\n// taken from: https://stackoverflow.com/questions/51603250/typescript-3-parameter-list-intersection-type/51604379#51604379\n/**\n * @internal\n * Internal helper mapper type for mergeProps\n */\nexport type TupleTypes<T> = { [P in keyof T]: T[P] } extends {\n  [key: number]: infer V;\n}\n  ? NullToObject<V>\n  : never;\n\n/**\n * @internal\n * Internal helper mapper type for mergeProps\n */\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type NullToObject<T> = T extends null | undefined ? {} : T;\n\n/**\n * @internal\n * Internal helper mapper type for mergeProps\n */\n// eslint-disable-next-line no-undef, @typescript-eslint/no-unused-vars\nexport type UnionToIntersection<U> = (\n  U extends any ? (k: U) => void : never\n) extends (k: infer I) => void\n  ? I\n  : never;\n\n/**\n * @internal\n *\n * Merges multiple props objects together. Event handlers are chained,\n * classNames are combined, and ids are deduplicated - different ids\n * will trigger a side-effect and re-render components hooked up with `useId`.\n * For all other props, the last prop object overrides all previous ones.\n * @param args - Multiple sets of props to merge together.\n */\nexport function mergeProps<\n  T extends (\n    | {\n        [key: string]: any;\n      }\n    | null\n    | undefined\n  )[],\n>(...args: T): UnionToIntersection<TupleTypes<T>> {\n  // Start with a base clone of the first argument. This is a lot faster than starting\n  // with an empty object and adding properties as we go.\n  const result = { ...args[0] };\n  for (let i = 1; i < args.length; i++) {\n    const props = args[i];\n    for (const key in props) {\n      const a = result[key];\n      const b = props[key];\n\n      // Chain events\n      if (\n        typeof a === 'function' &&\n        typeof b === 'function' &&\n        // This is a lot faster than a regex.\n        key[0] === 'o' &&\n        key[1] === 'n' &&\n        key.charCodeAt(2) >= /* 'A' */ 65 &&\n        key.charCodeAt(2) <= /* 'Z' */ 90\n      ) {\n        result[key] = chain(a, b);\n      } else {\n        result[key] = b !== undefined ? b : a;\n      }\n    }\n  }\n\n  return result as UnionToIntersection<TupleTypes<T>>;\n}\n"],
-  "mappings": "AAKA,SAASA,KAASC,EAA4C,CAC5D,MAAO,IAAIC,IAAgB,CACzB,UAAWC,KAAYF,EACjB,OAAOE,GAAa,YACtBA,EAAS,GAAGD,CAAI,CAGtB,CACF,CAwCO,SAASE,KAQXF,EAA6C,CAGhD,MAAMG,EAAS,CAAE,GAAGH,EAAK,CAAC,CAAE,EAC5B,QAASI,EAAI,EAAGA,EAAIJ,EAAK,OAAQI,IAAK,CACpC,MAAMC,EAAQL,EAAKI,CAAC,EACpB,UAAWE,KAAOD,EAAO,CACvB,MAAME,EAAIJ,EAAOG,CAAG,EACdE,EAAIH,EAAMC,CAAG,EAIjB,OAAOC,GAAM,YACb,OAAOC,GAAM,YAEbF,EAAI,CAAC,IAAM,KACXA,EAAI,CAAC,IAAM,KACXA,EAAI,WAAW,CAAC,GAAe,IAC/BA,EAAI,WAAW,CAAC,GAAe,GAE/BH,EAAOG,CAAG,EAAIR,EAAMS,EAAGC,CAAC,EAExBL,EAAOG,CAAG,EAAIE,IAAM,OAAYA,EAAID,CAExC,CACF,CAEA,OAAOJ,CACT",
-  "names": ["chain", "callbacks", "args", "callback", "mergeProps", "result", "i", "props", "key", "a", "b"]
+  "mappings": "AAKA,SAAS,SAAS,WAA4C;AAC5D,SAAO,IAAI,SAAgB;AACzB,eAAW,YAAY,WAAW;AAChC,UAAI,OAAO,aAAa,YAAY;AAClC,iBAAS,GAAG,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF;AAwCO,SAAS,cAQX,MAA6C;AAGhD,QAAM,SAAS,EAAE,GAAG,KAAK,CAAC,EAAE;AAC5B,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,QAAQ,KAAK,CAAC;AACpB,eAAW,OAAO,OAAO;AACvB,YAAM,IAAI,OAAO,GAAG;AACpB,YAAM,IAAI,MAAM,GAAG;AAGnB,UACE,OAAO,MAAM,cACb,OAAO,MAAM;AAAA,MAEb,IAAI,CAAC,MAAM,OACX,IAAI,CAAC,MAAM,OACX,IAAI,WAAW,CAAC;AAAA,MAAe,MAC/B,IAAI,WAAW,CAAC;AAAA,MAAe,IAC/B;AACA,eAAO,GAAG,IAAI,MAAM,GAAG,CAAC;AAAA,MAC1B,OAAO;AACL,eAAO,GAAG,IAAI,MAAM,SAAY,IAAI;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
 }

package/esm/index.js

@@ -1,2 +1,2 @@
-export*from"./core/index.js";
+export * from "./core/index.js";
 //# sourceMappingURL=index.js.map