@fluentui/react-utilities 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1

package/lib/hooks/useOnScrollOutside.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { useEventCallback } from "./useEventCallback";
+import * as React from 'react';
+import { useEventCallback } from './useEventCallback';
 /**
  * @internal
  * Utility to perform checks where a click/touch event was made outside a component
@@ -13,7 +13,9 @@ export const useOnScrollOutside = options => {
     contains: containsProp
   } = options;
   const listener = useEventCallback(ev => {
-    const contains = containsProp || ((parent, child) => !!parent?.contains(child));
+    const contains = containsProp || ((parent, child) => {
+      return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
+    });
     const isOutside = refs.every(ref => !contains(ref.current || null, ev.target));
     if (isOutside && !disabled) {
       callback(ev);
@@ -21,12 +23,12 @@ export const useOnScrollOutside = options => {
   });
   React.useEffect(() => {
     if (!disabled) {
-      element?.addEventListener("wheel", listener);
-      element?.addEventListener("touchmove", listener);
+      element === null || element === void 0 ? void 0 : element.addEventListener('wheel', listener);
+      element === null || element === void 0 ? void 0 : element.addEventListener('touchmove', listener);
     }
     return () => {
-      element?.removeEventListener("wheel", listener);
-      element?.removeEventListener("touchmove", listener);
+      element === null || element === void 0 ? void 0 : element.removeEventListener('wheel', listener);
+      element === null || element === void 0 ? void 0 : element.removeEventListener('touchmove', listener);
     };
   }, [listener, element, disabled]);
 };

package/lib/hooks/useOnScrollOutside.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEventCallback","useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","ev","parent","child","isOutside","every","ref","current","target","useEffect","addEventListener","removeEventListener"],"sources":["../../src/hooks/useOnScrollOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\nimport type { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnScrollOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n  const { refs, callback, element, disabled, contains: containsProp } = options;\n\n  const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n    const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n      containsProp || ((parent, child) => !!parent?.contains(child));\n\n    const isOutside = refs.every(ref => !contains(ref.current || null, ev.target as HTMLElement));\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    if (!disabled) {\n      element?.addEventListener('wheel', listener);\n      element?.addEventListener('touchmove', listener);\n    }\n\n    return () => {\n      element?.removeEventListener('wheel', listener);\n      element?.removeEventListener('touchmove', listener);\n    };\n  }, [listener, element, disabled]);\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AAGjC;;;;AAIA,OAAO,MAAMC,kBAAA,GAAsBC,OAAA,IAA8C;EAC/E,MAAM;IAAEC,IAAA;IAAMC,QAAA;IAAUC,OAAA;IAASC,QAAA;IAAUC,QAAA,EAAUC;EAAY,CAAE,GAAGN,OAAA;EAEtE,MAAMO,QAAA,GAAWT,gBAAA,CAAkBU,EAAA,IAAgC;IACjE,MAAMH,QAAA,GACJC,YAAA,KAAiB,CAACG,MAAA,EAAQC,KAAA,KAAU,CAAC,CAACD,MAAA,EAAQJ,QAAA,CAASK,KAAA,CAAK;IAE9D,MAAMC,SAAA,GAAYV,IAAA,CAAKW,KAAK,CAACC,GAAA,IAAO,CAACR,QAAA,CAASQ,GAAA,CAAIC,OAAO,IAAI,IAAI,EAAEN,EAAA,CAAGO,MAAM;IAC5E,IAAIJ,SAAA,IAAa,CAACP,QAAA,EAAU;MAC1BF,QAAA,CAASM,EAAA;IACX;EACF;EAEAX,KAAA,CAAMmB,SAAS,CAAC,MAAM;IACpB,IAAI,CAACZ,QAAA,EAAU;MACbD,OAAA,EAASc,gBAAA,CAAiB,SAASV,QAAA;MACnCJ,OAAA,EAASc,gBAAA,CAAiB,aAAaV,QAAA;IACzC;IAEA,OAAO,MAAM;MACXJ,OAAA,EAASe,mBAAA,CAAoB,SAASX,QAAA;MACtCJ,OAAA,EAASe,mBAAA,CAAoB,aAAaX,QAAA;IAC5C;EACF,GAAG,CAACA,QAAA,EAAUJ,OAAA,EAASC,QAAA,CAAS;AAClC"}
+{"version":3,"names":["React","useEventCallback","useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","ev","parent","child","isOutside","every","ref","current","target","useEffect","addEventListener","removeEventListener"],"sources":["../../src/hooks/useOnScrollOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\nimport type { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnScrollOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n  const { refs, callback, element, disabled, contains: containsProp } = options;\n\n  const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n    const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n      containsProp || ((parent, child) => !!parent?.contains(child));\n\n    const isOutside = refs.every(ref => !contains(ref.current || null, ev.target as HTMLElement));\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    if (!disabled) {\n      element?.addEventListener('wheel', listener);\n      element?.addEventListener('touchmove', listener);\n    }\n\n    return () => {\n      element?.removeEventListener('wheel', listener);\n      element?.removeEventListener('touchmove', listener);\n    };\n  }, [listener, element, disabled]);\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AAGjC;;;;AAIA,OAAO,MAAMC,kBAAA,GAAsBC,OAAA,IAA8C;EAC/E,MAAM;IAAEC,IAAA;IAAMC,QAAA;IAAUC,OAAA;IAASC,QAAA;IAAUC,QAAA,EAAUC;EAAY,CAAE,GAAGN,OAAA;EAEtE,MAAMO,QAAA,GAAWT,gBAAA,CAAkBU,EAAA,IAAgC;IACjE,MAAMH,QAAA,GACJC,YAAA,KAAiB,CAACG,MAAA,EAAQC,KAAA;MAAU,QAAC,EAACD,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAQJ,QAAQ,CAACK,KAAA;KAAK;IAE9D,MAAMC,SAAA,GAAYV,IAAA,CAAKW,KAAK,CAACC,GAAA,IAAO,CAACR,QAAA,CAASQ,GAAA,CAAIC,OAAO,IAAI,IAAI,EAAEN,EAAA,CAAGO,MAAM;IAC5E,IAAIJ,SAAA,IAAa,CAACP,QAAA,EAAU;MAC1BF,QAAA,CAASM,EAAA;IACX;EACF;EAEAX,KAAA,CAAMmB,SAAS,CAAC,MAAM;IACpB,IAAI,CAACZ,QAAA,EAAU;MACbD,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASc,gBAAgB,CAAC,SAASV,QAAA;MACnCJ,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASc,gBAAgB,CAAC,aAAaV,QAAA;IACzC;IAEA,OAAO,MAAM;MACXJ,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASe,mBAAmB,CAAC,SAASX,QAAA;MACtCJ,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASe,mBAAmB,CAAC,aAAaX,QAAA;IAC5C;EACF,GAAG,CAACA,QAAA,EAAUJ,OAAA,EAASC,QAAA,CAAS;AAClC"}

package/lib/hooks/usePrevious.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 /**
  * @internal
  */

package/lib/hooks/useScrollbarWidth.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 const cache = /*#__PURE__*/new WeakMap();
 /**
  * @returns The width in pixels of the scrollbar in the user agent
@@ -15,10 +15,10 @@ export function useScrollbarWidth(options) {
     if (!force && cache.has(targetDocument)) {
       return cache.get(targetDocument);
     }
-    const outer = targetDocument.createElement("div");
-    outer.style.visibility = "hidden";
-    outer.style.overflow = "scroll";
-    const inner = targetDocument.createElement("div");
+    const outer = targetDocument.createElement('div');
+    outer.style.visibility = 'hidden';
+    outer.style.overflow = 'scroll';
+    const inner = targetDocument.createElement('div');
     outer.appendChild(inner);
     targetDocument.body.appendChild(outer);
     const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;

package/lib/hooks/useTimeout.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 /**
  * @internal
  * Helper to manage a browser timeout.

package/lib/index.js

@@ -1,7 +1,7 @@
-export { getSlots, resolveShorthand, isResolvedShorthand } from "./compose/index";
-export { IdPrefixProvider, resetIdsForTests, useControllableState, useEventCallback, useFirstMount, useForceUpdate, useId, useIsomorphicLayoutEffect, useMergedRefs, useOnClickOutside, useOnScrollOutside, usePrevious, useScrollbarWidth, useTimeout } from "./hooks/index";
-export { canUseDOM, useIsSSR, SSRProvider } from "./ssr/index";
-export { clamp, getNativeElementProps, getPartitionedNativeProps, getRTLSafeKey, mergeCallbacks, isHTMLElement, isInteractiveHTMLElement, omit } from "./utils/index";
-export { applyTriggerPropsToChildren, getTriggerChild, isFluentTrigger } from "./trigger/index";
-export { isTouchEvent, isMouseEvent, getEventClientCoords } from "./events/index";
+export { getSlots, resolveShorthand, isResolvedShorthand } from './compose/index';
+export { IdPrefixProvider, resetIdsForTests, useControllableState, useEventCallback, useFirstMount, useForceUpdate, useId, useIsomorphicLayoutEffect, useMergedRefs, useOnClickOutside, useOnScrollOutside, usePrevious, useScrollbarWidth, useTimeout } from './hooks/index';
+export { canUseDOM, useIsSSR, SSRProvider } from './ssr/index';
+export { clamp, getNativeElementProps, getPartitionedNativeProps, getRTLSafeKey, mergeCallbacks, isHTMLElement, isInteractiveHTMLElement, omit } from './utils/index';
+export { applyTriggerPropsToChildren, getTriggerChild, isFluentTrigger } from './trigger/index';
+export { isTouchEvent, isMouseEvent, getEventClientCoords } from './events/index';
 //# sourceMappingURL=index.js.map

package/lib/ssr/SSRContext.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { canUseDOM } from "./canUseDOM";
+import * as React from 'react';
+import { canUseDOM } from './canUseDOM';
 /**
  * Default context value to use in case there is no SSRProvider. This is fine for client-only apps.
  *
@@ -13,7 +13,8 @@ export const SSRContext = /*#__PURE__*/React.createContext(undefined);
  * @internal
  */
 export function useSSRContext() {
-  return React.useContext(SSRContext) ?? defaultSSRContextValue;
+  var _React_useContext;
+  return (_React_useContext = React.useContext(SSRContext)) !== null && _React_useContext !== void 0 ? _React_useContext : defaultSSRContextValue;
 }
 /**
  * When using SSR with Fluent UI, applications must be wrapped in an SSRProvider. This ensures that auto generated ids
@@ -38,10 +39,10 @@ export function useIsSSR() {
   const [isSSR, setIsSSR] = React.useState(isInSSRContext);
   // If we are rendering in a non-DOM environment, and there's no SSRProvider, provide a warning to hint to the
   // developer to add one.
-  if (process.env.NODE_ENV !== "production") {
+  if (process.env.NODE_ENV !== 'production') {
     if (!isInSSRContext && !canUseDOM()) {
       // eslint-disable-next-line no-console
-      console.error(["@fluentui/react-components: ", "When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are " + "generated between the client and server.", "\n", "\n", "Check documentation at https://aka.ms/fluentui-ssr"].join(""));
+      console.error(['@fluentui/react-components: ', 'When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are ' + 'generated between the client and server.', '\n', '\n', 'Check documentation at https://aka.ms/fluentui-ssr'].join(''));
     }
   }
   // If on the client, and the component was initially server rendered, then schedule a layout effect to update the

package/lib/ssr/SSRContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","canUseDOM","defaultSSRContextValue","current","SSRContext","createContext","undefined","useSSRContext","useContext","SSRProvider","props","value","useState","createElement","Provider","children","useIsSSR","isInSSRContext","isSSR","setIsSSR","process","env","NODE_ENV","console","error","join","useLayoutEffect"],"sources":["../../src/ssr/SSRContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from './canUseDOM';\n\n/**\n * To support SSR, the auto incrementing id counter is stored in a context. This allows it to be reset on every request\n * to ensure the client and server are consistent.\n *\n * @internal\n */\nexport type SSRContextValue = {\n  current: number;\n};\n\n/**\n * Default context value to use in case there is no SSRProvider. This is fine for client-only apps.\n *\n * @internal\n */\nexport const defaultSSRContextValue: SSRContextValue = {\n  current: 0,\n};\n\nexport const SSRContext = React.createContext<SSRContextValue | undefined>(undefined) as React.Context<SSRContextValue>;\n\n/**\n * @internal\n */\nexport function useSSRContext(): SSRContextValue {\n  return React.useContext(SSRContext) ?? defaultSSRContextValue;\n}\n\n/**\n * When using SSR with Fluent UI, applications must be wrapped in an SSRProvider. This ensures that auto generated ids\n * are consistent between the client and server.\n *\n * @public\n */\nexport const SSRProvider: React.FC<{ children: React.ReactNode }> = props => {\n  const [value] = React.useState<SSRContextValue>(() => ({ current: 0 }));\n\n  return <SSRContext.Provider value={value}>{props.children}</SSRContext.Provider>;\n};\n\n/**\n * Returns whether the component is currently being server side rendered or hydrated on the client. Can be used to delay\n * browser-specific rendering until after hydration. May cause re-renders on a client when is used within SSRProvider.\n */\nexport function useIsSSR(): boolean {\n  const isInSSRContext = useSSRContext() !== defaultSSRContextValue;\n  const [isSSR, setIsSSR] = React.useState(isInSSRContext);\n\n  // If we are rendering in a non-DOM environment, and there's no SSRProvider, provide a warning to hint to the\n  // developer to add one.\n  if (process.env.NODE_ENV !== 'production') {\n    if (!isInSSRContext && !canUseDOM()) {\n      // eslint-disable-next-line no-console\n      console.error(\n        [\n          '@fluentui/react-components: ',\n          'When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are ' +\n            'generated between the client and server.',\n          '\\n',\n          '\\n',\n          'Check documentation at https://aka.ms/fluentui-ssr',\n        ].join(''),\n      );\n    }\n  }\n\n  // If on the client, and the component was initially server rendered, then schedule a layout effect to update the\n  // component after hydration.\n  if (canUseDOM() && isInSSRContext) {\n    // This if statement technically breaks the rules of hooks, but is safe because the condition never changes after\n    // mounting.\n    // eslint-disable-next-line\n    React.useLayoutEffect(() => {\n      setIsSSR(false);\n    }, []);\n  }\n\n  return isSSR;\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,SAAS,QAAQ;AAY1B;;;;;AAKA,OAAO,MAAMC,sBAAA,GAA0C;EACrDC,OAAA,EAAS;AACX;AAEA,OAAO,MAAMC,UAAA,gBAAaJ,KAAA,CAAMK,aAAa,CAA8BC,SAAA;AAE3E;;;AAGA,OAAO,SAASC,cAAA,EAAiC;EAC/C,OAAOP,KAAA,CAAMQ,UAAU,CAACJ,UAAA,KAAeF,sBAAA;AACzC;AAEA;;;;;;AAMA,OAAO,MAAMO,WAAA,GAAuDC,KAAA,IAAS;EAC3E,MAAM,CAACC,KAAA,CAAM,GAAGX,KAAA,CAAMY,QAAQ,CAAkB,OAAO;IAAET,OAAA,EAAS;EAAE;EAEpE,oBAAOH,KAAA,CAAAa,aAAA,CAACT,UAAA,CAAWU,QAAQ;IAACH,KAAA,EAAOA;KAAQD,KAAA,CAAMK,QAAQ;AAC3D;AAEA;;;;AAIA,OAAO,SAASC,SAAA,EAAoB;EAClC,MAAMC,cAAA,GAAiBV,aAAA,OAAoBL,sBAAA;EAC3C,MAAM,CAACgB,KAAA,EAAOC,QAAA,CAAS,GAAGnB,KAAA,CAAMY,QAAQ,CAACK,cAAA;EAEzC;EACA;EACA,IAAIG,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzC,IAAI,CAACL,cAAA,IAAkB,CAAChB,SAAA,IAAa;MACnC;MACAsB,OAAA,CAAQC,KAAK,CACX,CACE,gCACA,4GACE,4CACF,MACA,MACA,qDACD,CAACC,IAAI,CAAC;IAEX;EACF;EAEA;EACA;EACA,IAAIxB,SAAA,MAAegB,cAAA,EAAgB;IACjC;IACA;IACA;IACAjB,KAAA,CAAM0B,eAAe,CAAC,MAAM;MAC1BP,QAAA,CAAS,KAAK;IAChB,GAAG,EAAE;EACP;EAEA,OAAOD,KAAA;AACT"}
+{"version":3,"names":["React","canUseDOM","defaultSSRContextValue","current","SSRContext","createContext","undefined","useSSRContext","_React_useContext","useContext","SSRProvider","props","value","useState","createElement","Provider","children","useIsSSR","isInSSRContext","isSSR","setIsSSR","process","env","NODE_ENV","console","error","join","useLayoutEffect"],"sources":["../../src/ssr/SSRContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from './canUseDOM';\n\n/**\n * To support SSR, the auto incrementing id counter is stored in a context. This allows it to be reset on every request\n * to ensure the client and server are consistent.\n *\n * @internal\n */\nexport type SSRContextValue = {\n  current: number;\n};\n\n/**\n * Default context value to use in case there is no SSRProvider. This is fine for client-only apps.\n *\n * @internal\n */\nexport const defaultSSRContextValue: SSRContextValue = {\n  current: 0,\n};\n\nexport const SSRContext = React.createContext<SSRContextValue | undefined>(undefined) as React.Context<SSRContextValue>;\n\n/**\n * @internal\n */\nexport function useSSRContext(): SSRContextValue {\n  return React.useContext(SSRContext) ?? defaultSSRContextValue;\n}\n\n/**\n * When using SSR with Fluent UI, applications must be wrapped in an SSRProvider. This ensures that auto generated ids\n * are consistent between the client and server.\n *\n * @public\n */\nexport const SSRProvider: React.FC<{ children: React.ReactNode }> = props => {\n  const [value] = React.useState<SSRContextValue>(() => ({ current: 0 }));\n\n  return <SSRContext.Provider value={value}>{props.children}</SSRContext.Provider>;\n};\n\n/**\n * Returns whether the component is currently being server side rendered or hydrated on the client. Can be used to delay\n * browser-specific rendering until after hydration. May cause re-renders on a client when is used within SSRProvider.\n */\nexport function useIsSSR(): boolean {\n  const isInSSRContext = useSSRContext() !== defaultSSRContextValue;\n  const [isSSR, setIsSSR] = React.useState(isInSSRContext);\n\n  // If we are rendering in a non-DOM environment, and there's no SSRProvider, provide a warning to hint to the\n  // developer to add one.\n  if (process.env.NODE_ENV !== 'production') {\n    if (!isInSSRContext && !canUseDOM()) {\n      // eslint-disable-next-line no-console\n      console.error(\n        [\n          '@fluentui/react-components: ',\n          'When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are ' +\n            'generated between the client and server.',\n          '\\n',\n          '\\n',\n          'Check documentation at https://aka.ms/fluentui-ssr',\n        ].join(''),\n      );\n    }\n  }\n\n  // If on the client, and the component was initially server rendered, then schedule a layout effect to update the\n  // component after hydration.\n  if (canUseDOM() && isInSSRContext) {\n    // This if statement technically breaks the rules of hooks, but is safe because the condition never changes after\n    // mounting.\n    // eslint-disable-next-line\n    React.useLayoutEffect(() => {\n      setIsSSR(false);\n    }, []);\n  }\n\n  return isSSR;\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,SAAS,QAAQ;AAY1B;;;;;AAKA,OAAO,MAAMC,sBAAA,GAA0C;EACrDC,OAAA,EAAS;AACX;AAEA,OAAO,MAAMC,UAAA,gBAAaJ,KAAA,CAAMK,aAAa,CAA8BC,SAAA;AAE3E;;;AAGA,OAAO,SAASC,cAAA,EAAiC;MACxCC,iBAAA;EAAP,OAAO,CAAAA,iBAAA,GAAAR,KAAA,CAAMS,UAAU,CAACL,UAAA,eAAjBI,iBAAA,cAAAA,iBAAA,GAAgCN,sBAAsB;AAC/D;AAEA;;;;;;AAMA,OAAO,MAAMQ,WAAA,GAAuDC,KAAA,IAAS;EAC3E,MAAM,CAACC,KAAA,CAAM,GAAGZ,KAAA,CAAMa,QAAQ,CAAkB,OAAO;IAAEV,OAAA,EAAS;EAAE;EAEpE,oBAAOH,KAAA,CAAAc,aAAA,CAACV,UAAA,CAAWW,QAAQ;IAACH,KAAA,EAAOA;KAAQD,KAAA,CAAMK,QAAQ;AAC3D;AAEA;;;;AAIA,OAAO,SAASC,SAAA,EAAoB;EAClC,MAAMC,cAAA,GAAiBX,aAAA,OAAoBL,sBAAA;EAC3C,MAAM,CAACiB,KAAA,EAAOC,QAAA,CAAS,GAAGpB,KAAA,CAAMa,QAAQ,CAACK,cAAA;EAEzC;EACA;EACA,IAAIG,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzC,IAAI,CAACL,cAAA,IAAkB,CAACjB,SAAA,IAAa;MACnC;MACAuB,OAAA,CAAQC,KAAK,CACX,CACE,gCACA,4GACE,4CACF,MACA,MACA,qDACD,CAACC,IAAI,CAAC;IAEX;EACF;EAEA;EACA;EACA,IAAIzB,SAAA,MAAeiB,cAAA,EAAgB;IACjC;IACA;IACA;IACAlB,KAAA,CAAM2B,eAAe,CAAC,MAAM;MAC1BP,QAAA,CAAS,KAAK;IAChB,GAAG,EAAE;EACP;EAEA,OAAOD,KAAA;AACT"}

package/lib/ssr/canUseDOM.js

@@ -1,7 +1,7 @@
 /**
  * Verifies if an application can use DOM.
  */export function canUseDOM() {
-  return typeof window !== "undefined" && !!(window.document &&
+  return typeof window !== 'undefined' && !!(window.document &&
   // eslint-disable-next-line deprecation/deprecation
   window.document.createElement);
 }

package/lib/ssr/index.js

@@ -1,3 +1,3 @@
-export * from "./canUseDOM";
-export * from "./SSRContext";
+export * from './canUseDOM';
+export * from './SSRContext';
 //# sourceMappingURL=index.js.map

package/lib/trigger/applyTriggerPropsToChildren.js

@@ -1,11 +1,11 @@
-import * as React from "react";
-import { isFluentTrigger } from "./isFluentTrigger";
+import * as React from 'react';
+import { isFluentTrigger } from './isFluentTrigger';
 /**
  * @internal
  * resolve the trigger props to the children, either by calling the render function, or cloning with the new props.
  */
 export function applyTriggerPropsToChildren(children, triggerChildProps) {
-  if (typeof children === "function") {
+  if (typeof children === 'function') {
     return children(triggerChildProps);
   } else if (children) {
     return cloneTriggerTree(children, triggerChildProps);
@@ -21,7 +21,7 @@ export function applyTriggerPropsToChildren(children, triggerChildProps) {
  */
 function cloneTriggerTree(child, triggerProps) {
   if (! /*#__PURE__*/React.isValidElement(child) || child.type === React.Fragment) {
-    throw new Error("A trigger element must be a single element for this component. " + "Please ensure that you're not using React Fragments.");
+    throw new Error('A trigger element must be a single element for this component. ' + "Please ensure that you're not using React Fragments.");
   }
   if (isFluentTrigger(child)) {
     const grandchild = cloneTriggerTree(child.props.children, triggerProps);

package/lib/trigger/getTriggerChild.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { isFluentTrigger } from "./isFluentTrigger";
+import * as React from 'react';
+import { isFluentTrigger } from './isFluentTrigger';
 /**
  * @internal
  * Gets the trigger element of a FluentTriggerComponent (such as Tooltip or MenuTrigger).

package/lib/trigger/index.js

@@ -1,5 +1,5 @@
-export * from "./applyTriggerPropsToChildren";
-export * from "./getTriggerChild";
-export * from "./isFluentTrigger";
-export * from "./types";
+export * from './applyTriggerPropsToChildren';
+export * from './getTriggerChild';
+export * from './isFluentTrigger';
+export * from './types';
 //# sourceMappingURL=index.js.map

package/lib/trigger/isFluentTrigger.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 /**
  * @internal
  * Checks if a given element is a FluentUI trigger (e.g. `MenuTrigger` or `Tooltip`).

package/lib/trigger/types.js

@@ -1,2 +1,2 @@
-import * as React from "react";
+import * as React from 'react';
 //# sourceMappingURL=types.js.map

package/lib/utils/getNativeElementProps.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { labelProperties, audioProperties, videoProperties, olProperties, liProperties, anchorProperties, buttonProperties, inputProperties, textAreaProperties, selectProperties, optionProperties, tableProperties, trProperties, thProperties, tdProperties, colGroupProperties, colProperties, fieldsetProperties, formProperties, iframeProperties, imgProperties, htmlElementProperties, getNativeProps, timeProperties, dialogProperties } from "./properties";
+import * as React from 'react';
+import { labelProperties, audioProperties, videoProperties, olProperties, liProperties, anchorProperties, buttonProperties, inputProperties, textAreaProperties, selectProperties, optionProperties, tableProperties, trProperties, thProperties, tdProperties, colGroupProperties, colProperties, fieldsetProperties, formProperties, iframeProperties, imgProperties, htmlElementProperties, getNativeProps, timeProperties, dialogProperties } from './properties';
 const nativeElementMap = {
   label: labelProperties,
   audio: audioProperties,
@@ -55,7 +55,7 @@ export const getPartitionedNativeProps = ({
       style: props.style,
       className: props.className
     },
-    primary: getNativeElementProps(primarySlotTagName, props, [...(excludedPropNames || []), "style", "className"])
+    primary: getNativeElementProps(primarySlotTagName, props, [...(excludedPropNames || []), 'style', 'className'])
   };
 };
 //# sourceMappingURL=getNativeElementProps.js.map

package/lib/utils/getRTLSafeKey.js

@@ -2,15 +2,15 @@
  * @internal
  * Finds and swaps a provided key for it's right to left format.
  */export const getRTLSafeKey = (key, dir) => {
-  if (dir === "rtl") {
+  if (dir === 'rtl') {
     switch (key) {
-      case "ArrowLeft":
+      case 'ArrowLeft':
         {
-          return "ArrowRight";
+          return 'ArrowRight';
         }
-      case "ArrowRight":
+      case 'ArrowRight':
         {
-          return "ArrowLeft";
+          return 'ArrowLeft';
         }
     }
   }

package/lib/utils/getReactCallbackName.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 /**
  * React.SyntheticEvent contains name of a callback that should be fired, this function returns it.
  *
@@ -16,9 +16,9 @@ export function getReactCallbackName(event) {
     }
     return event.dispatchConfig.phasedRegistrationNames.bubbled;
   }
-  if (process.env.NODE_ENV !== "production") {
+  if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line no-console
-    console.error(['Passed React.SyntheticEvent does not contain ".dispatchConfig" or "._reactName".', "This should not happen, please report it to https://github.com/microsoft/fluentui"]);
+    console.error(['Passed React.SyntheticEvent does not contain ".dispatchConfig" or "._reactName".', 'This should not happen, please report it to https://github.com/microsoft/fluentui']);
   }
 }
 //# sourceMappingURL=getReactCallbackName.js.map

package/lib/utils/index.js

@@ -1,9 +1,9 @@
-export * from "./clamp";
-export * from "./getNativeElementProps";
-export * from "./getRTLSafeKey";
-export * from "./mergeCallbacks";
-export * from "./omit";
-export * from "./properties";
-export * from "./isHTMLElement";
-export * from "./isInteractiveHTMLElement";
+export * from './clamp';
+export * from './getNativeElementProps';
+export * from './getRTLSafeKey';
+export * from './mergeCallbacks';
+export * from './omit';
+export * from './properties';
+export * from './isHTMLElement';
+export * from './isInteractiveHTMLElement';
 //# sourceMappingURL=index.js.map

package/lib/utils/isHTMLElement.js

@@ -12,7 +12,9 @@
  * ```
  *
  */export function isHTMLElement(element, options) {
+  var _typedElement_ownerDocument;
   const typedElement = element;
-  return Boolean(typedElement?.ownerDocument?.defaultView && typedElement instanceof typedElement.ownerDocument.defaultView[options?.constructorName ?? "HTMLElement"]);
+  var _options_constructorName;
+  return Boolean((typedElement === null || typedElement === void 0 ? void 0 : (_typedElement_ownerDocument = typedElement.ownerDocument) === null || _typedElement_ownerDocument === void 0 ? void 0 : _typedElement_ownerDocument.defaultView) && typedElement instanceof typedElement.ownerDocument.defaultView[(_options_constructorName = options === null || options === void 0 ? void 0 : options.constructorName) !== null && _options_constructorName !== void 0 ? _options_constructorName : 'HTMLElement']);
 }
 //# sourceMappingURL=isHTMLElement.js.map

package/lib/utils/isHTMLElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["isHTMLElement","element","options","typedElement","Boolean","ownerDocument","defaultView","constructorName"],"sources":["../../src/utils/isHTMLElement.ts"],"sourcesContent":["/**\n * Verifies if a given node is an HTMLElement,\n * this method works seamlessly with frames and elements from different documents\n *\n * This is preferred over simply using `instanceof`.\n * Since `instanceof` might be problematic while operating with [multiple realms](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms)\n *\n * @example\n * ```ts\n * isHTMLElement(event.target) && event.target.focus()\n * isHTMLElement(event.target, {constructorName: 'HTMLInputElement'}) && event.target.value // some value\n * ```\n *\n */\nexport function isHTMLElement<ConstructorName extends HTMLElementConstructorName = 'HTMLElement'>(\n  element?: unknown,\n  options?: {\n    /**\n     * Can be used to provide a custom constructor instead of `HTMLElement`,\n     * Like `HTMLInputElement` for example.\n     */\n    constructorName?: ConstructorName;\n  },\n): element is InstanceType<(typeof globalThis)[ConstructorName]> {\n  const typedElement = element as Node | null | undefined;\n  return Boolean(\n    typedElement?.ownerDocument?.defaultView &&\n      typedElement instanceof typedElement.ownerDocument.defaultView[options?.constructorName ?? 'HTMLElement'],\n  );\n}\n\n/**\n * @internal\n */\nexport type HTMLElementConstructorName =\n  | 'HTMLElement'\n  | 'HTMLAnchorElement'\n  | 'HTMLAreaElement'\n  | 'HTMLAudioElement'\n  | 'HTMLBaseElement'\n  | 'HTMLBodyElement'\n  | 'HTMLBRElement'\n  | 'HTMLButtonElement'\n  | 'HTMLCanvasElement'\n  | 'HTMLDataElement'\n  | 'HTMLDataListElement'\n  | 'HTMLDetailsElement'\n  | 'HTMLDialogElement'\n  | 'HTMLDivElement'\n  | 'HTMLDListElement'\n  | 'HTMLEmbedElement'\n  | 'HTMLFieldSetElement'\n  | 'HTMLFormElement'\n  | 'HTMLHeadingElement'\n  | 'HTMLHeadElement'\n  | 'HTMLHRElement'\n  | 'HTMLHtmlElement'\n  | 'HTMLIFrameElement'\n  | 'HTMLImageElement'\n  | 'HTMLInputElement'\n  | 'HTMLModElement'\n  | 'HTMLLabelElement'\n  | 'HTMLLegendElement'\n  | 'HTMLLIElement'\n  | 'HTMLLinkElement'\n  | 'HTMLMapElement'\n  | 'HTMLMetaElement'\n  | 'HTMLMeterElement'\n  | 'HTMLObjectElement'\n  | 'HTMLOListElement'\n  | 'HTMLOptGroupElement'\n  | 'HTMLOptionElement'\n  | 'HTMLOutputElement'\n  | 'HTMLParagraphElement'\n  | 'HTMLParamElement'\n  | 'HTMLPreElement'\n  | 'HTMLProgressElement'\n  | 'HTMLQuoteElement'\n  | 'HTMLSlotElement'\n  | 'HTMLScriptElement'\n  | 'HTMLSelectElement'\n  | 'HTMLSourceElement'\n  | 'HTMLSpanElement'\n  | 'HTMLStyleElement'\n  | 'HTMLTableElement'\n  | 'HTMLTableColElement'\n  | 'HTMLTableRowElement'\n  | 'HTMLTableSectionElement'\n  | 'HTMLTemplateElement'\n  | 'HTMLTextAreaElement'\n  | 'HTMLTimeElement'\n  | 'HTMLTitleElement'\n  | 'HTMLTrackElement'\n  | 'HTMLUListElement'\n  | 'HTMLVideoElement';\n"],"mappings":"AAAA;;;;;;;;;;;;;GAcA,OAAO,SAASA,cACdC,OAAiB,EACjBC,OAMC,EAC8D;EAC/D,MAAMC,YAAA,GAAeF,OAAA;EACrB,OAAOG,OAAA,CACLD,YAAA,EAAcE,aAAA,EAAeC,WAAA,IAC3BH,YAAA,YAAwBA,YAAA,CAAaE,aAAa,CAACC,WAAW,CAACJ,OAAA,EAASK,eAAA,IAAmB,cAAc;AAE/G"}
+{"version":3,"names":["isHTMLElement","element","options","_typedElement_ownerDocument","typedElement","_options_constructorName","Boolean","ownerDocument","defaultView","constructorName"],"sources":["../../src/utils/isHTMLElement.ts"],"sourcesContent":["/**\n * Verifies if a given node is an HTMLElement,\n * this method works seamlessly with frames and elements from different documents\n *\n * This is preferred over simply using `instanceof`.\n * Since `instanceof` might be problematic while operating with [multiple realms](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms)\n *\n * @example\n * ```ts\n * isHTMLElement(event.target) && event.target.focus()\n * isHTMLElement(event.target, {constructorName: 'HTMLInputElement'}) && event.target.value // some value\n * ```\n *\n */\nexport function isHTMLElement<ConstructorName extends HTMLElementConstructorName = 'HTMLElement'>(\n  element?: unknown,\n  options?: {\n    /**\n     * Can be used to provide a custom constructor instead of `HTMLElement`,\n     * Like `HTMLInputElement` for example.\n     */\n    constructorName?: ConstructorName;\n  },\n): element is InstanceType<(typeof globalThis)[ConstructorName]> {\n  const typedElement = element as Node | null | undefined;\n  return Boolean(\n    typedElement?.ownerDocument?.defaultView &&\n      typedElement instanceof typedElement.ownerDocument.defaultView[options?.constructorName ?? 'HTMLElement'],\n  );\n}\n\n/**\n * @internal\n */\nexport type HTMLElementConstructorName =\n  | 'HTMLElement'\n  | 'HTMLAnchorElement'\n  | 'HTMLAreaElement'\n  | 'HTMLAudioElement'\n  | 'HTMLBaseElement'\n  | 'HTMLBodyElement'\n  | 'HTMLBRElement'\n  | 'HTMLButtonElement'\n  | 'HTMLCanvasElement'\n  | 'HTMLDataElement'\n  | 'HTMLDataListElement'\n  | 'HTMLDetailsElement'\n  | 'HTMLDialogElement'\n  | 'HTMLDivElement'\n  | 'HTMLDListElement'\n  | 'HTMLEmbedElement'\n  | 'HTMLFieldSetElement'\n  | 'HTMLFormElement'\n  | 'HTMLHeadingElement'\n  | 'HTMLHeadElement'\n  | 'HTMLHRElement'\n  | 'HTMLHtmlElement'\n  | 'HTMLIFrameElement'\n  | 'HTMLImageElement'\n  | 'HTMLInputElement'\n  | 'HTMLModElement'\n  | 'HTMLLabelElement'\n  | 'HTMLLegendElement'\n  | 'HTMLLIElement'\n  | 'HTMLLinkElement'\n  | 'HTMLMapElement'\n  | 'HTMLMetaElement'\n  | 'HTMLMeterElement'\n  | 'HTMLObjectElement'\n  | 'HTMLOListElement'\n  | 'HTMLOptGroupElement'\n  | 'HTMLOptionElement'\n  | 'HTMLOutputElement'\n  | 'HTMLParagraphElement'\n  | 'HTMLParamElement'\n  | 'HTMLPreElement'\n  | 'HTMLProgressElement'\n  | 'HTMLQuoteElement'\n  | 'HTMLSlotElement'\n  | 'HTMLScriptElement'\n  | 'HTMLSelectElement'\n  | 'HTMLSourceElement'\n  | 'HTMLSpanElement'\n  | 'HTMLStyleElement'\n  | 'HTMLTableElement'\n  | 'HTMLTableColElement'\n  | 'HTMLTableRowElement'\n  | 'HTMLTableSectionElement'\n  | 'HTMLTemplateElement'\n  | 'HTMLTextAreaElement'\n  | 'HTMLTimeElement'\n  | 'HTMLTitleElement'\n  | 'HTMLTrackElement'\n  | 'HTMLUListElement'\n  | 'HTMLVideoElement';\n"],"mappings":"AAAA;;;;;;;;;;;;;GAcA,OAAO,SAASA,cACdC,OAAiB,EACjBC,OAMC,EAC8D;MAG7DC,2BAAA;EAFF,MAAMC,YAAA,GAAeH,OAAA;MAG8CI,wBAAA;EAFnE,OAAOC,OAAA,CACL,CAAAF,YAAA,aAAAA,YAAA,wBAAAD,2BAAA,GAAAC,YAAA,CAAcG,aAAa,cAA3BJ,2BAAA,uBAAAA,2BAAA,CAA6BK,WAAF,KACzBJ,YAAA,YAAwBA,YAAA,CAAaG,aAAa,CAACC,WAAW,CAAC,CAAAH,wBAAA,GAAAH,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASO,eAAe,cAAxBJ,wBAAA,cAAAA,wBAAA,GAA4B,aAAa,CAAC;AAE/G"}

package/lib/utils/isInteractiveHTMLElement.js

@@ -1,4 +1,4 @@
-import { isHTMLElement } from "./isHTMLElement";
+import { isHTMLElement } from './isHTMLElement';
 /**
  * @internal
  * Checks that the element has default behaviour from user input on click or 'Enter'/'Space' keys
@@ -11,10 +11,10 @@ export function isInteractiveHTMLElement(element) {
     tagName
   } = element;
   switch (tagName) {
-    case "BUTTON":
-    case "A":
-    case "INPUT":
-    case "TEXTAREA":
+    case 'BUTTON':
+    case 'A':
+    case 'INPUT':
+    case 'TEXTAREA':
       return true;
   }
   return element.isContentEditable;

package/lib/utils/mergeCallbacks.js

@@ -22,8 +22,8 @@
  * @returns A function that that calls the provided functions in order
  */export function mergeCallbacks(callback1, callback2) {
   return (...args) => {
-    callback1?.(...args);
-    callback2?.(...args);
+    callback1 === null || callback1 === void 0 ? void 0 : callback1(...args);
+    callback2 === null || callback2 === void 0 ? void 0 : callback2(...args);
   };
 }
 //# sourceMappingURL=mergeCallbacks.js.map

package/lib/utils/mergeCallbacks.js.map

@@ -1 +1 @@
-{"version":3,"names":["mergeCallbacks","callback1","callback2","args"],"sources":["../../src/utils/mergeCallbacks.ts"],"sourcesContent":["/**\n * @internal\n * Combine two event callbacks into a single callback function that calls each one in order.\n *\n * Usage example:\n * ```ts\n * state.slot.onChange = mergeCallbacks(state.slot.onChange, ev => {\n *   // Handle onChange\n * });\n * ```\n *\n * The primary use is to avoid the need to capture an existing callback (`state.slot.onChange` in the example) to a\n * local variable before replacing with a new listener that calls the existing one. This helps avoid bugs like:\n * * Infinite recursion by calling the re-assigned state.slot.onChange if it's not captured to a local variable.\n * * Missing a call to the original onChange due to an early return or other conditional.\n *\n * If you need a callback that is stable between renders, wrap the result in {@link useEventCallback}.\n *\n * @param callback1 - The first callback to be called, or undefined\n * @param callback2 - The second callback to be called, or undefined\n *\n * @returns A function that that calls the provided functions in order\n */\nexport function mergeCallbacks<Args extends unknown[]>(\n  callback1: ((...args: Args) => void) | undefined,\n  callback2: ((...args: Args) => void) | undefined,\n) {\n  return (...args: Args) => {\n    callback1?.(...args);\n    callback2?.(...args);\n  };\n}\n"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAuBA,OAAO,SAASA,eACdC,SAAgD,EAChDC,SAAgD,EAChD;EACA,OAAO,CAAC,GAAGC,IAAA,KAAe;IACxBF,SAAA,MAAeE,IAAA;IACfD,SAAA,MAAeC,IAAA;EACjB;AACF"}
+{"version":3,"names":["mergeCallbacks","callback1","callback2","args"],"sources":["../../src/utils/mergeCallbacks.ts"],"sourcesContent":["/**\n * @internal\n * Combine two event callbacks into a single callback function that calls each one in order.\n *\n * Usage example:\n * ```ts\n * state.slot.onChange = mergeCallbacks(state.slot.onChange, ev => {\n *   // Handle onChange\n * });\n * ```\n *\n * The primary use is to avoid the need to capture an existing callback (`state.slot.onChange` in the example) to a\n * local variable before replacing with a new listener that calls the existing one. This helps avoid bugs like:\n * * Infinite recursion by calling the re-assigned state.slot.onChange if it's not captured to a local variable.\n * * Missing a call to the original onChange due to an early return or other conditional.\n *\n * If you need a callback that is stable between renders, wrap the result in {@link useEventCallback}.\n *\n * @param callback1 - The first callback to be called, or undefined\n * @param callback2 - The second callback to be called, or undefined\n *\n * @returns A function that that calls the provided functions in order\n */\nexport function mergeCallbacks<Args extends unknown[]>(\n  callback1: ((...args: Args) => void) | undefined,\n  callback2: ((...args: Args) => void) | undefined,\n) {\n  return (...args: Args) => {\n    callback1?.(...args);\n    callback2?.(...args);\n  };\n}\n"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAuBA,OAAO,SAASA,eACdC,SAAgD,EAChDC,SAAgD,EAChD;EACA,OAAO,CAAC,GAAGC,IAAA,KAAe;IACxBF,SAAA,aAAAA,SAAA,uBAAAA,SAAA,IAAeE,IAAA;IACfD,SAAA,aAAAA,SAAA,uBAAAA,SAAA,IAAeC,IAAA;EACjB;AACF"}

package/lib/utils/properties.js

@@ -13,19 +13,19 @@ const toObjectMap = (...items) => {
  *
  * @public
  */
-export const baseElementEvents = /*#__PURE__*/toObjectMap(["onAuxClick", "onCopy", "onCut", "onPaste", "onCompositionEnd", "onCompositionStart", "onCompositionUpdate", "onFocus", "onFocusCapture", "onBlur", "onBlurCapture", "onChange", "onInput", "onSubmit", "onLoad", "onError", "onKeyDown", "onKeyDownCapture", "onKeyPress", "onKeyUp", "onAbort", "onCanPlay", "onCanPlayThrough", "onDurationChange", "onEmptied", "onEncrypted", "onEnded", "onLoadedData", "onLoadedMetadata", "onLoadStart", "onPause", "onPlay", "onPlaying", "onProgress", "onRateChange", "onSeeked", "onSeeking", "onStalled", "onSuspend", "onTimeUpdate", "onVolumeChange", "onWaiting", "onClick", "onClickCapture", "onContextMenu", "onDoubleClick", "onDrag", "onDragEnd", "onDragEnter", "onDragExit", "onDragLeave", "onDragOver", "onDragStart", "onDrop", "onMouseDown", "onMouseDownCapture", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onMouseUpCapture", "onSelect", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "onScroll", "onWheel", "onPointerCancel", "onPointerDown", "onPointerEnter", "onPointerLeave", "onPointerMove", "onPointerOut", "onPointerOver", "onPointerUp", "onGotPointerCapture", "onLostPointerCapture"]);
+export const baseElementEvents = /*#__PURE__*/toObjectMap(['onAuxClick', 'onCopy', 'onCut', 'onPaste', 'onCompositionEnd', 'onCompositionStart', 'onCompositionUpdate', 'onFocus', 'onFocusCapture', 'onBlur', 'onBlurCapture', 'onChange', 'onInput', 'onSubmit', 'onLoad', 'onError', 'onKeyDown', 'onKeyDownCapture', 'onKeyPress', 'onKeyUp', 'onAbort', 'onCanPlay', 'onCanPlayThrough', 'onDurationChange', 'onEmptied', 'onEncrypted', 'onEnded', 'onLoadedData', 'onLoadedMetadata', 'onLoadStart', 'onPause', 'onPlay', 'onPlaying', 'onProgress', 'onRateChange', 'onSeeked', 'onSeeking', 'onStalled', 'onSuspend', 'onTimeUpdate', 'onVolumeChange', 'onWaiting', 'onClick', 'onClickCapture', 'onContextMenu', 'onDoubleClick', 'onDrag', 'onDragEnd', 'onDragEnter', 'onDragExit', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onMouseDown', 'onMouseDownCapture', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'onMouseUpCapture', 'onSelect', 'onTouchCancel', 'onTouchEnd', 'onTouchMove', 'onTouchStart', 'onScroll', 'onWheel', 'onPointerCancel', 'onPointerDown', 'onPointerEnter', 'onPointerLeave', 'onPointerMove', 'onPointerOut', 'onPointerOver', 'onPointerUp', 'onGotPointerCapture', 'onLostPointerCapture']);
 /**
  * An array of element attributes which are allowed on every html element type.
  *
  * @public
  */
-export const baseElementProperties = /*#__PURE__*/toObjectMap(["accessKey", "children", "className", "contentEditable", "dir", "draggable", "hidden", "htmlFor", "id", "lang", "ref", "role", "style", "tabIndex", "title", "translate", "spellCheck", "name"]);
+export const baseElementProperties = /*#__PURE__*/toObjectMap(['accessKey', 'children', 'className', 'contentEditable', 'dir', 'draggable', 'hidden', 'htmlFor', 'id', 'lang', 'ref', 'role', 'style', 'tabIndex', 'title', 'translate', 'spellCheck', 'name']);
 /**
  * An array of microdata attributes that are allowed on every html element type.
  *
  * @public
  */
-export const microdataProperties = /*#__PURE__*/toObjectMap(["itemID", "itemProp", "itemRef", "itemScope", "itemType"]);
+export const microdataProperties = /*#__PURE__*/toObjectMap(['itemID', 'itemProp', 'itemRef', 'itemScope', 'itemType']);
 /**
  * An array of HTML element properties and events.
  *
@@ -37,74 +37,74 @@ export const htmlElementProperties = /*#__PURE__*/toObjectMap(baseElementPropert
  *
  * @public
  */
-export const labelProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["form"]);
+export const labelProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['form']);
 /**
  * An array of AUDIO tag properties and events.
 
  * @public
  */
-export const audioProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["height", "loop", "muted", "preload", "src", "width"]);
+export const audioProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['height', 'loop', 'muted', 'preload', 'src', 'width']);
 /**
  * An array of VIDEO tag properties and events.
  *
  * @public
  */
-export const videoProperties = /*#__PURE__*/toObjectMap(audioProperties, ["poster"]);
+export const videoProperties = /*#__PURE__*/toObjectMap(audioProperties, ['poster']);
 /**
  * An array of OL tag properties and events.
  *
  * @public
  */
-export const olProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["start"]);
+export const olProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['start']);
 /**
  * An array of LI tag properties and events.
  *
  * @public
  */
-export const liProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["value"]);
+export const liProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['value']);
 /**
  * An array of A tag properties and events.
  *
  * @public
  */
-export const anchorProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["download", "href", "hrefLang", "media", "rel", "target", "type"]);
+export const anchorProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['download', 'href', 'hrefLang', 'media', 'rel', 'target', 'type']);
 /**
  * An array of TIME tag properties and events.
  *
  * @public
  */
-export const timeProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["dateTime"]);
+export const timeProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['dateTime']);
 /**
  * An array of BUTTON tag properties and events.
  *
  * @public
  */
-export const buttonProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["autoFocus", "disabled", "form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "type", "value"]);
+export const buttonProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['autoFocus', 'disabled', 'form', 'formAction', 'formEncType', 'formMethod', 'formNoValidate', 'formTarget', 'type', 'value']);
 /**
  * An array of INPUT tag properties and events.
  *
  * @public
  */
-export const inputProperties = /*#__PURE__*/toObjectMap(buttonProperties, ["accept", "alt", "autoCapitalize", "autoComplete", "checked", "dirname", "form", "height", "inputMode", "list", "max", "maxLength", "min", "multiple", "pattern", "placeholder", "readOnly", "required", "src", "step", "size", "type", "value", "width"]);
+export const inputProperties = /*#__PURE__*/toObjectMap(buttonProperties, ['accept', 'alt', 'autoCapitalize', 'autoComplete', 'checked', 'dirname', 'form', 'height', 'inputMode', 'list', 'max', 'maxLength', 'min', 'multiple', 'pattern', 'placeholder', 'readOnly', 'required', 'src', 'step', 'size', 'type', 'value', 'width']);
 /**
  * An array of TEXTAREA tag properties and events.
  *
  * @public
  */
-export const textAreaProperties = /*#__PURE__*/toObjectMap(buttonProperties, ["autoCapitalize", "cols", "dirname", "form", "maxLength", "placeholder", "readOnly", "required", "rows", "wrap"]);
+export const textAreaProperties = /*#__PURE__*/toObjectMap(buttonProperties, ['autoCapitalize', 'cols', 'dirname', 'form', 'maxLength', 'placeholder', 'readOnly', 'required', 'rows', 'wrap']);
 /**
  * An array of SELECT tag properties and events.
  *
  * @public
  */
-export const selectProperties = /*#__PURE__*/toObjectMap(buttonProperties, ["form", "multiple", "required"]);
-export const optionProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["selected", "value"]);
+export const selectProperties = /*#__PURE__*/toObjectMap(buttonProperties, ['form', 'multiple', 'required']);
+export const optionProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['selected', 'value']);
 /**
  * An array of TABLE tag properties and events.
  *
  * @public
  */
-export const tableProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["cellPadding", "cellSpacing"]);
+export const tableProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['cellPadding', 'cellSpacing']);
 /**
  * An array of TR tag properties and events.
  *
@@ -116,45 +116,45 @@ export const trProperties = htmlElementProperties;
  *
  * @public
  */
-export const thProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["colSpan", "rowSpan", "scope"]);
+export const thProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['colSpan', 'rowSpan', 'scope']);
 /**
  * An array of TD tag properties and events.
  *
  * @public
  */
-export const tdProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["colSpan", "headers", "rowSpan", "scope"]);
-export const colGroupProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["span"]);
-export const colProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["span"]);
+export const tdProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['colSpan', 'headers', 'rowSpan', 'scope']);
+export const colGroupProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['span']);
+export const colProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['span']);
 /**
  * An array of FIELDSET tag properties and events.
  *
  * @public
  */
-export const fieldsetProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["disabled", "form"]);
+export const fieldsetProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['disabled', 'form']);
 /**
  * An array of FORM tag properties and events.
  *
  * @public
  */
-export const formProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["acceptCharset", "action", "encType", "encType", "method", "noValidate", "target"]);
+export const formProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['acceptCharset', 'action', 'encType', 'encType', 'method', 'noValidate', 'target']);
 /**
  * An array of IFRAME tag properties and events.
  *
  * @public
  */
-export const iframeProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["allow", "allowFullScreen", "allowPaymentRequest", "allowTransparency", "csp", "height", "importance", "referrerPolicy", "sandbox", "src", "srcDoc", "width"]);
+export const iframeProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['allow', 'allowFullScreen', 'allowPaymentRequest', 'allowTransparency', 'csp', 'height', 'importance', 'referrerPolicy', 'sandbox', 'src', 'srcDoc', 'width']);
 /**
  * An array of IMAGE tag properties and events.
  *
  * @public
  */
-export const imgProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["alt", "crossOrigin", "height", "src", "srcSet", "useMap", "width"]);
+export const imgProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['alt', 'crossOrigin', 'height', 'src', 'srcSet', 'useMap', 'width']);
 /**
  * An array of DIALOG tag properties and events.
  *
  * @public
  */
-export const dialogProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ["open", "onCancel", "onClose"]);
+export const dialogProperties = /*#__PURE__*/toObjectMap(htmlElementProperties, ['open', 'onCancel', 'onClose']);
 /**
  * An array of DIV tag properties and events.
  *
@@ -189,8 +189,8 @@ props, allowedPropNames, excludedPropNames) {
   const result = {};
   const keys = Object.keys(props);
   for (const key of keys) {
-    const isNativeProp = !isArray && allowedPropNames[key] || isArray && allowedPropNames.indexOf(key) >= 0 || key.indexOf("data-") === 0 || key.indexOf("aria-") === 0;
-    if (isNativeProp && (!excludedPropNames || excludedPropNames?.indexOf(key) === -1)) {
+    const isNativeProp = !isArray && allowedPropNames[key] || isArray && allowedPropNames.indexOf(key) >= 0 || key.indexOf('data-') === 0 || key.indexOf('aria-') === 0;
+    if (isNativeProp && (!excludedPropNames || (excludedPropNames === null || excludedPropNames === void 0 ? void 0 : excludedPropNames.indexOf(key)) === -1)) {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       result[key] = props[key];
     }