@dynatrace/strato-components 0.84.12

package/core/components/app-root/AppRoot.d.ts

@@ -0,0 +1,17 @@
+import React, { type PropsWithChildren } from 'react';
+import 'wicg-inert';
+import './AppRoot.css.js';
+import { type DataTestId } from '../../types/data-props.js';
+import { type StylingProps } from '../../types/styling-props.js';
+/** AppRoot component props. */
+export type AppRootProps = PropsWithChildren<DataTestId & StylingProps>;
+/**
+ * In order to have all the providers in place for rendering overlays, applying
+ * global styles or internationalization, you need to wrap your app in the
+ * `AppRoot`. If you're using the `dt-app` to create your app, this is
+ * automatically taken care of and you can start working on your app without
+ * further ado.
+ */
+export declare const AppRoot: React.ForwardRefExoticComponent<DataTestId & StylingProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

package/core/components/app-root/AppRoot.js

@@ -0,0 +1 @@
+var T=Object.create;var i=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var R=(e,t)=>{for(var s in t)i(e,s,{get:t[s],enumerable:!0})},u=(e,t,s,m)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of A(t))!F.call(e,n)&&n!==s&&i(e,n,{get:()=>t[n],enumerable:!(m=I(t,n))||m.enumerable});return e};var D=(e,t,s)=>(s=e!=null?T(C(e)):{},u(t||!e||!e.__esModule?i(s,"default",{value:e,enumerable:!0}):s,e)),L=e=>u(i({},"__esModule",{value:!0}),e);var b={};R(b,{AppRoot:()=>E});module.exports=L(b);var f=require("lodash"),o=D(require("react")),h=require("react-intl"),W=require("wicg-inert"),d=require("@dynatrace-sdk/user-preferences"),Z=require("./AppRoot.sty.js"),g=require("../../hooks/useCurrentTheme.js"),y=require("../../providers/FocusProvider.js");function N(){const t=document.querySelector("base")?.href??"/";return t.endsWith("/")?t:`${t}/`}const S="en",E=(0,o.forwardRef)((e,t)=>{const{style:s,className:m,"data-testid":n="app-root"}=e,[P,c]=(0,o.useState)({}),{children:v}=e,l=(0,g.useCurrentTheme)(),a=(0,d.getLanguage)();let p=(0,d.getTimezone)();try{new Intl.DateTimeFormat(a,{timeZone:p})}catch{p=Intl.DateTimeFormat().resolvedOptions().timeZone}return(0,o.useLayoutEffect)(()=>{const r=document.createElement("link");return r.rel="stylesheet",r.href="https://dt-cdn.net/fonts/fonts-v004.css",document.head.appendChild(r),()=>{document.head.removeChild(r)}},[]),(0,o.useLayoutEffect)(()=>{document!==void 0&&document.documentElement.setAttribute("data-theme",l)},[l]),(0,o.useEffect)(()=>{a!=="en"&&fetch(`${N()}lang/${a}.json`).then(r=>r.json()).then(r=>{c(r)}).catch(()=>{c(r=>(0,f.isEmpty)(r)?r:{})})},[a]),o.default.createElement("div",{ref:t,"data-testid":n,className:m,style:s,"data-theme":l},o.default.createElement(h.IntlProvider,{locale:a,timeZone:p,messages:P,defaultLocale:S},o.default.createElement(y.FocusProvider,null,v)))});E.displayName="AppRoot";

package/core/components/app-root/AppRoot.sty.d.ts

@@ -0,0 +1 @@
+export {};

package/core/components/app-root/AppRoot.sty.js

@@ -0,0 +1 @@
+var i=require("./AppRoot.css");

package/core/components/focus-scope/FocusScope.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { WithChildren } from '../../types/with-children.js';
+/**
+ * Prop definition of the `FocusScope` component.
+ * @internal
+ */
+export interface FocusScopeProps extends WithChildren {
+    /**
+     * If set to true, the focus scope automatically focuses the first focusable element inside.
+     * @defaultValue false
+     */
+    autoFocus?: boolean;
+    /**
+     * If set to true, the focus scope traps the focus inside.
+     * @defaultValue false
+     */
+    contain?: boolean;
+}
+/**
+ * @internal
+ * The `FocusScope` helps you manage the focus when opening any overlay. If you
+ * want to create a custom overlay, you can wrap the content of your overlay in the
+ * `FocusScope` to help you make the overlay accessible and handle focus
+ * appropriately.
+ */
+export declare const FocusScope: {
+    (props: FocusScopeProps): React.JSX.Element;
+    displayName: string;
+};

package/core/components/focus-scope/FocusScope.js

@@ -0,0 +1 @@
+var y=Object.create;var u=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var F=(e,t)=>{for(var n in t)u(e,n,{get:t[n],enumerable:!0})},f=(e,t,n,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of v(t))!E.call(e,o)&&o!==n&&u(e,o,{get:()=>t[o],enumerable:!(c=b(t,o))||c.enumerable});return e};var x=(e,t,n)=>(n=e!=null?y(w(e)):{},f(t||!e||!e.__esModule?u(n,"default",{value:e,enumerable:!0}):n,e)),C=e=>f(u({},"__esModule",{value:!0}),e);var k={};F(k,{FocusScope:()=>m});module.exports=C(k);var r=x(require("react")),d=require("../../hooks/useActiveElement.js"),p=require("../../hooks/useFocusContext.js"),l=require("../../utils/focus-management/focus-first-descendant.js");const m=e=>{const{autoFocus:t,contain:n,children:c}=e,o=(0,p.useFocusContext)(),a=(0,r.useRef)(null),h=(0,d.useActiveElement)(),i=(0,r.useRef)(h);return(0,r.useEffect)(()=>{if((n||t)&&(0,l.focusFirstDescendant)(a.current),n){o.setBackgroundInertness(!0);const s=i.current;return()=>{o.setBackgroundInertness(!1),window.setTimeout(()=>s.focus(),0)}}!t&&!n&&document.addEventListener("keydown",s=>{s.key==="Tab"&&s.target===i.current&&(s.preventDefault(),(0,l.focusFirstDescendant)(a.current))});const g=i.current;return()=>{g.focus()}},[n,t]),r.default.createElement("div",{style:{display:"contents"},ref:a,"aria-labelledby":i.current.id},c)};m.displayName="FocusScope";

package/core/contexts/FocusContext.d.ts

@@ -0,0 +1,19 @@
+import { Modality } from '../providers/FocusProvider.js';
+/**
+ * Defines the contents of the FocusContext.
+ * @internal
+ */
+export type FocusContextProps = {
+    backgroundInertness?: boolean;
+    modality: Modality;
+    setBackgroundInertness: (value: boolean) => void;
+};
+/**
+ * @internal
+ *
+ * This context keeps all information needed for proper focus management.
+ * @param modality - currently used pointer device
+ * @param backgroundInertness - if the background (behind overlays) is currently inert (inactive)
+ * @param setBackgroundInertness - updates the backgrounds active status
+ */
+export declare const FocusContext: import("react").Context<FocusContextProps>;

package/core/contexts/FocusContext.js

@@ -0,0 +1 @@
+var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var c=(e,o)=>{for(var t in o)r(e,t,{get:o[t],enumerable:!0})},i=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of d(o))!l.call(e,n)&&n!==t&&r(e,n,{get:()=>o[n],enumerable:!(s=u(o,n))||s.enumerable});return e};var p=e=>i(r({},"__esModule",{value:!0}),e);var x={};c(x,{FocusContext:()=>m});module.exports=p(x);var a=require("react");const m=(0,a.createContext)({modality:"unknown",backgroundInertness:void 0,setBackgroundInertness:e=>null});

package/core/hooks/useActiveElement.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @internal
+ * Hook used for getting the active element.
+ * @returns the currently focused element.
+ */
+export declare const useActiveElement: () => HTMLElement;

package/core/hooks/useActiveElement.js

@@ -0,0 +1 @@
+var m=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var E=(t,e)=>{for(var n in e)m(t,n,{get:e[n],enumerable:!0})},v=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of i(e))!r.call(t,c)&&c!==n&&m(t,c,{get:()=>e[c],enumerable:!(s=u(e,c))||s.enumerable});return t};var a=t=>v(m({},"__esModule",{value:!0}),t);var l={};E(l,{useActiveElement:()=>d});module.exports=a(l);var o=require("react");const d=()=>{const[t,e]=(0,o.useState)(document.activeElement),n=s=>{e(document.activeElement)};return(0,o.useEffect)(()=>(document.addEventListener("focusin",n),()=>{document.removeEventListener("focusin",n)}),[]),t};

package/core/hooks/useCurrentTheme.d.ts

@@ -0,0 +1,2 @@
+/** Returns the current theme based on sdk-setting or browsers preferred color-scheme */
+export declare function useCurrentTheme(): 'light' | 'dark';

package/core/hooks/useCurrentTheme.js

@@ -0,0 +1 @@
+var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var f=(r,e)=>{for(var o in e)s(r,o,{get:e[o],enumerable:!0})},g=(r,e,o,h)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of u(e))!d.call(r,t)&&t!==o&&s(r,t,{get:()=>e[t],enumerable:!(h=c(e,t))||h.enumerable});return r};var l=r=>g(s({},"__esModule",{value:!0}),r);var p={};f(p,{useCurrentTheme:()=>k});module.exports=l(p);var n=require("react"),m=require("@dynatrace-sdk/user-preferences"),i=require("../utils/isBrowser.js");function k(){const r=(0,n.useMemo)(()=>(0,m.getTheme)(),[]);if(r==="dark"||r==="light")return r;if(!i.isBrowser)return"light";const e=(0,n.useMemo)(()=>window&&window.matchMedia("(prefers-color-scheme: dark)"),[]),[o,h]=(0,n.useState)(e.matches?"dark":"light");return(0,n.useEffect)(()=>{const t=()=>{const a=e.matches;h(a?"dark":"light")};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[e]),o}

package/core/hooks/useFocusContext.d.ts

@@ -0,0 +1,6 @@
+import { type FocusContextProps } from '../contexts/FocusContext.js';
+/**
+ * Internal hook wrapper for accessing the FocusContext.
+ * @internal
+ */
+export declare const useFocusContext: () => FocusContextProps;

package/core/hooks/useFocusContext.js

@@ -0,0 +1 @@
+var s=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var m=(t,o)=>{for(var r in o)s(t,r,{get:o[r],enumerable:!0})},F=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!C.call(t,e)&&e!==r&&s(t,e,{get:()=>o[e],enumerable:!(n=x(o,e))||n.enumerable});return t};var f=t=>F(s({},"__esModule",{value:!0}),t);var P={};m(P,{useFocusContext:()=>i});module.exports=f(P);var u=require("react"),p=require("../contexts/FocusContext.js");const i=()=>(0,u.useContext)(p.FocusContext);

package/core/index.d.ts

@@ -0,0 +1,16 @@
+export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';
+export { FocusScope as _FocusScope, type FocusScopeProps as _FocusScopeProps, } from './components/focus-scope/FocusScope.js';
+export { type FocusContextProps as _FocusContextProps } from './contexts/FocusContext.js';
+export { useCurrentTheme } from './hooks/useCurrentTheme.js';
+export { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';
+export { FocusProvider as _FocusProvider, type Modality as _Modality, } from './providers/FocusProvider.js';
+export type { DataTestId } from './types/data-props.js';
+export type { StylingProps } from './types/styling-props.js';
+export type { WithChildren } from './types/with-children.js';
+export { attemptFocus as _attemptFocus } from './utils/focus-management/attempt-focus.js';
+export { focusFirstDescendant as _focusFirstDescendant } from './utils/focus-management/focus-first-descendant.js';
+export { getFirstFocusableChild as _getFirstFocusableChild } from './utils/focus-management/get-first-focusable-child.js';
+export { getLastFocusableChild as _getLastFocusableChild } from './utils/focus-management/get-last-focusable-child.js';
+export { isFocusable as _isFocusable } from './utils/focus-management/is-focusable.js';
+export { isBrowser as _isBrowser } from './utils/isBrowser.js';
+export { mergeProps as _mergeProps, type NullToObject as _NullToObject, type TupleTypes as _TupleTypes, type UnionToIntersection as _UnionToIntersection, } from './utils/merge-props.js';

package/core/index.js

@@ -0,0 +1 @@
+var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var T=(e,o)=>{for(var t in o)r(e,t,{get:o[t],enumerable:!0})},h=(e,o,t,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of C(o))!P.call(e,s)&&s!==t&&r(e,s,{get:()=>o[s],enumerable:!(p=d(o,s))||p.enumerable});return e};var b=e=>h(r({},"__esModule",{value:!0}),e);var g={};T(g,{AppRoot:()=>a.AppRoot,_FocusProvider:()=>l.FocusProvider,_FocusScope:()=>c.FocusScope,_attemptFocus:()=>F.attemptFocus,_focusFirstDescendant:()=>m.focusFirstDescendant,_getFirstFocusableChild:()=>n.getFirstFocusableChild,_getLastFocusableChild:()=>x.getLastFocusableChild,_isBrowser:()=>f.isBrowser,_isFocusable:()=>y.isFocusable,_mergeProps:()=>_.mergeProps,_useFocusContext:()=>i.useFocusContext,useCurrentTheme:()=>u.useCurrentTheme});module.exports=b(g);var a=require("./components/app-root/AppRoot.js"),c=require("./components/focus-scope/FocusScope.js"),u=require("./hooks/useCurrentTheme.js"),i=require("./hooks/useFocusContext.js"),l=require("./providers/FocusProvider.js"),F=require("./utils/focus-management/attempt-focus.js"),m=require("./utils/focus-management/focus-first-descendant.js"),n=require("./utils/focus-management/get-first-focusable-child.js"),x=require("./utils/focus-management/get-last-focusable-child.js"),y=require("./utils/focus-management/is-focusable.js"),f=require("./utils/isBrowser.js"),_=require("./utils/merge-props.js");

package/core/providers/FocusProvider.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { WithChildren } from '../types/with-children.js';
+/**
+ * @internal
+ * Type defining the modality options for the focus handling.
+ */
+export type Modality = 'keyboard' | 'pointer' | 'touch' | 'unknown';
+/**
+ * @internal
+ *
+ * Provider that can be reused in components for storing the focus context props.
+ * Loosely inspired by [what-input-js](https://github.com/ten1seven/what-input/blob/main/src/scripts/what-input.js).
+ */
+export declare const FocusProvider: {
+    ({ children }: WithChildren): React.JSX.Element;
+    displayName: string;
+};

package/core/providers/FocusProvider.js

@@ -0,0 +1 @@
+var k=Object.create;var a=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var M=(e,o)=>{for(var n in o)a(e,n,{get:o[n],enumerable:!0})},p=(e,o,n,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of f(o))!L.call(e,r)&&r!==n&&a(e,r,{get:()=>o[r],enumerable:!(d=v(o,r))||d.enumerable});return e};var g=(e,o,n)=>(n=e!=null?k(b(e)):{},p(o||!e||!e.__esModule?a(n,"default",{value:e,enumerable:!0}):n,e)),E=e=>p(a({},"__esModule",{value:!0}),e);var S={};M(S,{FocusProvider:()=>m});module.exports=E(S);var t=g(require("react")),w=require("../contexts/FocusContext.js"),l=require("../hooks/useFocusContext.js"),y=require("../utils/merge-props.js");const P=["Alt","AltGraph","CapsLock","Control","Fn","FnLock","Hyper","Meta","NumLock","OS","ScrollLock","Super","Symbol","SymbolLock"],C={keydown:"keyboard",keyup:"keyboard",mousedown:"mouse",mousemove:"mouse",MSPointerDown:"pointer",MSPointerMove:"pointer",pointerdown:"pointer",pointermove:"pointer",touchstart:"touch",touchend:"touch",wheel:"wheel"},x=["Tab","Esc","Escape"," ","ArrowDown","Down","ArrowUp","Up","ArrowLeft","Left","ArrowRight","Right","End","Home","PageDown","PageUp"],m=({children:e})=>{const[o,n]=(0,t.useState)(!1),d=(0,l.useFocusContext)(),[r,u]=(0,t.useState)("unknown"),c=(0,t.useCallback)(s=>{if(P.includes(s.key)){u("pointer");return}(!s.target||x.includes(s.key))&&u("keyboard")},[]),i=(0,t.useCallback)(s=>{switch(C[s.type]){case"touch":case"pen":return u("touch");case"mouse":case"pointer":case"wheel":return u("pointer");default:return"unknown"}},[]);(0,t.useEffect)(()=>(window.addEventListener("pointerdown",i),window.addEventListener("keydown",c,{capture:!0}),window.addEventListener("wheel",i),()=>{window.removeEventListener("pointerdown",i),window.removeEventListener("keydown",c,{capture:!0}),window.removeEventListener("wheel",i)}),[c,i]);const h=o?{inert:"true",tabIndex:-1,"aria-hidden":!0}:{inert:void 0,tabIndex:void 0,"aria-hidden":!1};return t.default.createElement(w.FocusContext.Provider,{value:{...(0,y.mergeProps)(d,{backgroundInertness:o,setBackgroundInertness:n,modality:r})}},t.default.createElement("div",{...h},e))};m.displayName="FocusProvider";

package/core/types/data-props.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Type defining the data-testid prop that is mapped to the rendered components root node.
+ */
+export type DataTestId = {
+    /** Test id used for selecting the component's container. */
+    'data-testid'?: string;
+};

package/core/types/data-props.js

@@ -0,0 +1 @@
+var s=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var n=(a,t,i,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of r(t))!g.call(a,e)&&e!==i&&s(a,e,{get:()=>t[e],enumerable:!(d=p(t,e))||d.enumerable});return a};var o=a=>n(s({},"__esModule",{value:!0}),a);var x={};module.exports=o(x);

package/core/types/styling-props.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Collection of component styling props including `style` and `className` types.
+ */
+export interface StylingProps {
+    /**
+     * Classname that gets applied to the root element of the component.
+     *
+     * Be aware that overriding certain styles may result in unexpected behavior!
+     */
+    className?: string;
+    /**
+     * Style attribute that will be mapped to the root element of the component.
+     *
+     * Be aware that overriding certain styles may result in unexpected behavior!
+     */
+    style?: React.CSSProperties;
+}

package/core/types/styling-props.js

@@ -0,0 +1 @@
+var a=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var l=(t,e,i,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of c(e))!p.call(t,r)&&r!==i&&a(t,r,{get:()=>e[r],enumerable:!(s=o(e,r))||s.enumerable});return t};var m=t=>l(a({},"__esModule",{value:!0}),t);var n={};module.exports=m(n);

package/core/types/with-children.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+/** Helper type to add children to props */
+export interface WithChildren {
+    /** Children provided to the component. */
+    children?: ReactNode;
+}

package/core/types/with-children.js

@@ -0,0 +1 @@
+var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var n=(t,e,o,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of d(e))!h.call(t,r)&&r!==o&&i(t,r,{get:()=>e[r],enumerable:!(c=a(e,r))||c.enumerable});return t};var p=t=>n(i({},"__esModule",{value:!0}),t);var f={};module.exports=p(f);

package/core/utils/focus-management/attempt-focus.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @internal
+ *
+ * Set Attempt to set focus on the current node.
+ * @param element - The node to attempt to focus on.
+ * @returns - true if element is focused.
+ */
+export declare const attemptFocus: (element: HTMLElement) => boolean;

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

@@ -0,0 +1 @@
+var o=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var i=(t,r)=>{for(var c in r)o(t,c,{get:r[c],enumerable:!0})},l=(t,r,c,u)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of n(r))!f.call(t,e)&&e!==c&&o(t,e,{get:()=>r[e],enumerable:!(u=a(r,e))||u.enumerable});return t};var m=t=>l(o({},"__esModule",{value:!0}),t);var v={};i(v,{attemptFocus:()=>p});module.exports=m(v);var s=require("./is-focusable.js");const p=t=>{if(!(0,s.isFocusable)(t))return!1;try{t.focus({preventScroll:!0})}catch{}return document.activeElement===t};

package/core/utils/focus-management/focus-first-descendant.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @internal
+ *
+ * Set focus on descendant nodes until the first focusable element is found.
+ * @param element - DOM node for which to find the first focusable descendant.
+ * @returns true if a focusable element is found and focus is set.
+ */
+export declare const focusFirstDescendant: (element: HTMLElement | null) => boolean;

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

@@ -0,0 +1 @@
+var l=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var a=(r,t)=>{for(var e in t)l(r,e,{get:t[e],enumerable:!0})},d=(r,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of f(t))!u.call(r,n)&&n!==e&&l(r,n,{get:()=>t[n],enumerable:!(s=o(t,n))||s.enumerable});return r};var h=r=>d(l({},"__esModule",{value:!0}),r);var m={};a(m,{focusFirstDescendant:()=>i});module.exports=h(m);var c=require("./attempt-focus.js");const i=r=>{if(!r)return!1;for(let t=0;t<r.children.length;t++){const e=r.children[t];if((0,c.attemptFocus)(e)||i(e))return!0}return!1};

package/core/utils/focus-management/get-first-focusable-child.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ *
+ * If you need access to the first focusable descendant of a container, you can use
+ * `getFirstFocusableChild`. The function uses the
+ * https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker to
+ * iterate over the children of the container and returns either a `Node` if a
+ * focusable element is found, or `null`.
+ */
+export declare function getFirstFocusableChild(container: HTMLElement | Node): Node | null;

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

@@ -0,0 +1 @@
+var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var i=Object.prototype.hasOwnProperty;var a=(r,e)=>{for(var o in e)n(r,o,{get:e[o],enumerable:!0})},s=(r,e,o,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of d(e))!i.call(r,t)&&t!==o&&n(r,t,{get:()=>e[t],enumerable:!(l=c(e,t))||l.enumerable});return r};var N=r=>s(n({},"__esModule",{value:!0}),r);var f={};a(f,{getFirstFocusableChild:()=>m});module.exports=N(f);var u=require("./is-focusable.js");function m(r){const e=document.createTreeWalker(r);for(;e.nextNode();)if((0,u.isFocusable)(e.currentNode))return e.currentNode;return null}

package/core/utils/focus-management/get-last-focusable-child.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ *
+ * If you need access to the last focusable descendant of a container, you can use
+ * `getLastFocusableChild`. The function uses the
+ * https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker to
+ * iterate over the children of the container and returns either a `Node` if a
+ * focusable element is found, or `null`.
+ */
+export declare function getLastFocusableChild(container: HTMLElement): Node | null;

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

@@ -0,0 +1 @@
+var o=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var c=(r,e)=>{for(var t in e)o(r,t,{get:e[t],enumerable:!0})},s=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of d(e))!a.call(r,l)&&l!==t&&o(r,l,{get:()=>e[l],enumerable:!(n=i(e,l))||n.enumerable});return r};var h=r=>s(o({},"__esModule",{value:!0}),r);var N={};c(N,{getLastFocusableChild:()=>m});module.exports=h(N);var u=require("./is-focusable.js");function m(r){const e=document.createTreeWalker(r);for(;e.lastChild();)e.lastChild();do if((0,u.isFocusable)(e.currentNode))return e.currentNode;while(e.previousNode());return null}

package/core/utils/focus-management/is-focusable.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @internal
+ *
+ * Use the `isFocusable` utility function to check whether an element can receive
+ * focus.
+ */
+export declare function isFocusable(element: any): boolean;

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

@@ -0,0 +1 @@
+var c=Object.defineProperty;var e=Object.getOwnPropertyDescriptor;var t=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var i=(a,r)=>{for(var u in r)c(a,u,{get:r[u],enumerable:!0})},T=(a,r,u,d)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of t(r))!n.call(a,s)&&s!==u&&c(a,s,{get:()=>r[s],enumerable:!(d=e(r,s))||d.enumerable});return a};var f=a=>T(c({},"__esModule",{value:!0}),a);var o={};i(o,{isFocusable:()=>b});module.exports=f(o);function b(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}}

package/core/utils/isBrowser.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @internal
+ *
+ * Whether the code is currently executed in a browser
+ * @see https://github.com/chakra-ui/chakra-ui/blob/main/packages/utils/src/dom.ts
+ */
+export declare const isBrowser: boolean;

package/core/utils/isBrowser.js

@@ -0,0 +1 @@
+var d=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var u=(n,e)=>{for(var t in e)d(n,t,{get:e[t],enumerable:!0})},m=(n,e,t,w)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of i(e))!c.call(n,o)&&o!==t&&d(n,o,{get:()=>e[o],enumerable:!(w=r(e,o))||w.enumerable});return n};var s=n=>m(d({},"__esModule",{value:!0}),n);var p={};u(p,{isBrowser:()=>f});module.exports=s(p);const f=!!(typeof window<"u"&&window.document&&window.document.createElement);

package/core/utils/merge-props.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @internal
+ * Internal helper mapper type for mergeProps
+ */
+export type TupleTypes<T> = {
+    [P in keyof T]: T[P];
+} extends {
+    [key: number]: infer V;
+} ? NullToObject<V> : never;
+/**
+ * @internal
+ * Internal helper mapper type for mergeProps
+ */
+export type NullToObject<T> = T extends null | undefined ? {} : T;
+/**
+ * @internal
+ * Internal helper mapper type for mergeProps
+ */
+export type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+/**
+ * @internal
+ *
+ * Merges multiple props objects together. Event handlers are chained,
+ * classNames are combined, and ids are deduplicated - different ids
+ * will trigger a side-effect and re-render components hooked up with `useId`.
+ * For all other props, the last prop object overrides all previous ones.
+ * @param args - Multiple sets of props to merge together.
+ */
+export declare function mergeProps<T extends ({
+    [key: string]: any;
+} | null | undefined)[]>(...args: T): UnionToIntersection<TupleTypes<T>>;

package/core/utils/merge-props.js

@@ -0,0 +1 @@
+var c=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(o,e)=>{for(var t in e)c(o,t,{get:e[t],enumerable:!0})},y=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of f(e))!p.call(o,n)&&n!==t&&c(o,n,{get:()=>e[n],enumerable:!(i=T(e,n))||i.enumerable});return o};var l=o=>y(c({},"__esModule",{value:!0}),o);var x={};u(x,{mergeProps:()=>a});module.exports=l(x);function d(...o){return(...e)=>{for(const t of o)typeof t=="function"&&t(...e)}}function a(...o){const e={...o[0]};for(let t=1;t<o.length;t++){const i=o[t];for(const n in i){const s=e[n],r=i[n];typeof s=="function"&&typeof r=="function"&&n[0]==="o"&&n[1]==="n"&&n.charCodeAt(2)>=65&&n.charCodeAt(2)<=90?e[n]=d(s,r):e[n]=r!==void 0?r:s}}return e}