@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/core/components/time-indicator/TimeIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/core/components/time-indicator/TimeIndicator.tsx"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { FormattedMessage, FormattedRelativeTime } from 'react-intl';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { useIntervalCallback } from '../../time/useIntervalCallback.js';\nimport { DataTestId } from '../../types/data-props.js';\nimport { MaskingProps } from '../../types/masking-props.js';\nimport { StylingProps } from '../../types/styling-props.js';\n\nconst MilliSecondsInfo = {\n  OneMinute: 60_000,\n  OneHour: 3_600_000,\n  OneDay: 86_400_000,\n} as const;\n\n/**\n * Props for the TimeIndicator component.\n * @internal\n */\nexport interface TimeIndicatorProps\n  extends StylingProps,\n    DataTestId,\n    MaskingProps {\n  /**\n   * The timestamp in milliseconds when the last update happened.\n   */\n  time: number;\n}\n\n/**\n * Displays a relative time indicator for a given timestamp.\n * Shows \"Just now\" for recent times, otherwise uses minutes/hours/days.\n * @internal\n */\nexport const TimeIndicator = (props: TimeIndicatorProps) => {\n  const {\n    time,\n    'data-testid': dataTestId,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n  const date = TZDateMini.tz(getTimezone());\n\n  const { value: now } = useIntervalCallback(\n    () => date.getTime(),\n    [],\n    (time - date.getSeconds() * 1000) % MilliSecondsInfo.OneMinute,\n    MilliSecondsInfo.OneMinute,\n  );\n\n  const currentTime = now ?? date.getTime();\n  const diff = currentTime - time;\n\n  let content;\n\n  if (diff < MilliSecondsInfo.OneMinute) {\n    content = (\n      <FormattedMessage\n        defaultMessage=\"Just now\"\n        id=\"HPbv8ZQrbBL7hRCT\"\n        description=\"Just now marker in the FilterField recent suggestions\"\n      />\n    );\n  } else if (diff < MilliSecondsInfo.OneHour) {\n    const minutes = -Math.floor(diff / MilliSecondsInfo.OneMinute);\n    content = (\n      // eslint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n      // eslint-disable-next-line react/style-prop-object\n      <FormattedRelativeTime value={minutes} unit=\"minute\" style=\"narrow\" />\n    );\n  } else if (diff < MilliSecondsInfo.OneDay) {\n    const hours = -Math.floor(diff / MilliSecondsInfo.OneHour);\n    content = (\n      // eslint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n      // eslint-disable-next-line react/style-prop-object\n      <FormattedRelativeTime value={hours} unit=\"hour\" style=\"narrow\" />\n    );\n  } else {\n    const days = -Math.floor(diff / MilliSecondsInfo.OneDay);\n    // eslint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n    // eslint-disable-next-line react/style-prop-object\n    content = <FormattedRelativeTime value={days} unit=\"day\" style=\"narrow\" />;\n  }\n\n  return (\n    <span\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...remainingProps}\n    >\n      {content}\n    </span>\n  );\n};\n"],
-  "mappings": "AA6DM;AA7DN,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB,6BAA6B;AAExD,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AAKpC,MAAM,mBAAmB;AAAA,EACvB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AACV;AAqBO,MAAM,gBAAgB,CAAC,UAA8B;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,IACf,WAAW;AAAA,IACX,OAAO;AAAA,IACP,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,OAAO,WAAW,GAAG,YAAY,CAAC;AAExC,QAAM,EAAE,OAAO,IAAI,IAAI;AAAA,IACrB,MAAM,KAAK,QAAQ;AAAA,IACnB,CAAC;AAAA,KACA,OAAO,KAAK,WAAW,IAAI,OAAQ,iBAAiB;AAAA,IACrD,iBAAiB;AAAA,EACnB;AAEA,QAAM,cAAc,OAAO,KAAK,QAAQ;AACxC,QAAM,OAAO,cAAc;AAE3B,MAAI;AAEJ,MAAI,OAAO,iBAAiB,WAAW;AACrC,cACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd;AAAA,EAEJ,WAAW,OAAO,iBAAiB,SAAS;AAC1C,UAAM,UAAU,CAAC,KAAK,MAAM,OAAO,iBAAiB,SAAS;AAC7D;AAAA;AAAA,IAGE,oBAAC,yBAAsB,OAAO,SAAS,MAAK,UAAS,OAAM,UAAS;AAAA,EAExE,WAAW,OAAO,iBAAiB,QAAQ;AACzC,UAAM,QAAQ,CAAC,KAAK,MAAM,OAAO,iBAAiB,OAAO;AACzD;AAAA;AAAA,IAGE,oBAAC,yBAAsB,OAAO,OAAO,MAAK,QAAO,OAAM,UAAS;AAAA,EAEpE,OAAO;AACL,UAAM,OAAO,CAAC,KAAK,MAAM,OAAO,iBAAiB,MAAM;AAGvD,cAAU,oBAAC,yBAAsB,OAAO,MAAM,MAAK,OAAM,OAAM,UAAS;AAAA,EAC1E;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { FormattedMessage, FormattedRelativeTime } from 'react-intl';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { useIntervalCallback } from '../../time/useIntervalCallback.js';\nimport { DataTestId } from '../../types/data-props.js';\nimport { MaskingProps } from '../../types/masking-props.js';\nimport { StylingProps } from '../../types/styling-props.js';\n\nconst MilliSecondsInfo = {\n  OneMinute: 60_000,\n  OneHour: 3_600_000,\n  OneDay: 86_400_000,\n} as const;\n\n/**\n * Props for the TimeIndicator component.\n * @internal\n */\nexport interface TimeIndicatorProps\n  extends StylingProps, DataTestId, MaskingProps {\n  /**\n   * The timestamp in milliseconds when the last update happened.\n   */\n  time: number;\n}\n\n/**\n * Displays a relative time indicator for a given timestamp.\n * Shows \"Just now\" for recent times, otherwise uses minutes/hours/days.\n * @internal\n */\nexport const TimeIndicator = (props: TimeIndicatorProps) => {\n  const {\n    time,\n    'data-testid': dataTestId,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n  const date = TZDateMini.tz(getTimezone());\n\n  const { value: now } = useIntervalCallback(\n    () => date.getTime(),\n    [],\n    (time - date.getSeconds() * 1000) % MilliSecondsInfo.OneMinute,\n    MilliSecondsInfo.OneMinute,\n  );\n\n  const currentTime = now ?? date.getTime();\n  const diff = currentTime - time;\n\n  let content;\n\n  if (diff < MilliSecondsInfo.OneMinute) {\n    content = (\n      <FormattedMessage\n        defaultMessage=\"Just now\"\n        id=\"HPbv8ZQrbBL7hRCT\"\n        description=\"Just now marker in the FilterField recent suggestions\"\n      />\n    );\n  } else if (diff < MilliSecondsInfo.OneHour) {\n    const minutes = -Math.floor(diff / MilliSecondsInfo.OneMinute);\n    content = (\n      // oxlint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n      // oxlint-disable-next-line react/style-prop-object\n      <FormattedRelativeTime value={minutes} unit=\"minute\" style=\"narrow\" />\n    );\n  } else if (diff < MilliSecondsInfo.OneDay) {\n    const hours = -Math.floor(diff / MilliSecondsInfo.OneHour);\n    content = (\n      // oxlint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n      // oxlint-disable-next-line react/style-prop-object\n      <FormattedRelativeTime value={hours} unit=\"hour\" style=\"narrow\" />\n    );\n  } else {\n    const days = -Math.floor(diff / MilliSecondsInfo.OneDay);\n    // oxlint rule is not smart in checking this. The style prop comes from the lib.Intl types, where it defines the style of the formatted value.\n    // oxlint-disable-next-line react/style-prop-object\n    content = <FormattedRelativeTime value={days} unit=\"day\" style=\"narrow\" />;\n  }\n\n  return (\n    <span\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...remainingProps}\n    >\n      {content}\n    </span>\n  );\n};\n"],
+  "mappings": "AA2DM;AA3DN,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB,6BAA6B;AAExD,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AAKpC,MAAM,mBAAmB;AAAA,EACvB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AACV;AAmBO,MAAM,gBAAgB,CAAC,UAA8B;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,IACf,WAAW;AAAA,IACX,OAAO;AAAA,IACP,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,OAAO,WAAW,GAAG,YAAY,CAAC;AAExC,QAAM,EAAE,OAAO,IAAI,IAAI;AAAA,IACrB,MAAM,KAAK,QAAQ;AAAA,IACnB,CAAC;AAAA,KACA,OAAO,KAAK,WAAW,IAAI,OAAQ,iBAAiB;AAAA,IACrD,iBAAiB;AAAA,EACnB;AAEA,QAAM,cAAc,OAAO,KAAK,QAAQ;AACxC,QAAM,OAAO,cAAc;AAE3B,MAAI;AAEJ,MAAI,OAAO,iBAAiB,WAAW;AACrC,cACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd;AAAA,EAEJ,WAAW,OAAO,iBAAiB,SAAS;AAC1C,UAAM,UAAU,CAAC,KAAK,MAAM,OAAO,iBAAiB,SAAS;AAC7D;AAAA;AAAA,IAGE,oBAAC,yBAAsB,OAAO,SAAS,MAAK,UAAS,OAAM,UAAS;AAAA,EAExE,WAAW,OAAO,iBAAiB,QAAQ;AACzC,UAAM,QAAQ,CAAC,KAAK,MAAM,OAAO,iBAAiB,OAAO;AACzD;AAAA;AAAA,IAGE,oBAAC,yBAAsB,OAAO,OAAO,MAAK,QAAO,OAAM,UAAS;AAAA,EAEpE,OAAO;AACL,UAAM,OAAO,CAAC,KAAK,MAAM,OAAO,iBAAiB,MAAM;AAGvD,cAAU,oBAAC,yBAAsB,OAAO,MAAM,MAAK,OAAM,OAAM,UAAS;AAAA,EAC1E;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/esm/core/components/visually-hidden/VisuallyHidden.css

@@ -1,4 +1,4 @@
-._1xz8nhz0-3-12-2 {
+._1xz8nhz0-3-13-0 {
   width: 0;
   height: 0;
   opacity: 0;

package/esm/core/components/visually-hidden/VisuallyHidden.sty.js

@@ -1,5 +1,5 @@
 import "./VisuallyHidden.css";
-var visuallyHidden = "_1xz8nhz0-3-12-2";
+var visuallyHidden = "_1xz8nhz0-3-13-0";
 export {
   visuallyHidden
 };

package/esm/core/components/visually-hidden/VisuallyHidden.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/core/components/visually-hidden/VisuallyHidden.css.ts"],
-  "sourcesContent": ["import './VisuallyHidden.css';\nexport var visuallyHidden = '_1xz8nhz0-3-12-2';"],
+  "sourcesContent": ["import './VisuallyHidden.css';\nexport var visuallyHidden = '_1xz8nhz0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/useCallbackRef.ts"],
-  "sourcesContent": ["import { useRef, useCallback, DependencyList } from 'react';\n\nimport { useSafeLayoutEffect } from './useSafeLayoutEffect.js';\n\n/**\n * React hook to persist any value between renders,\n * but keeps it up-to-date if it changes.\n * @see {@link https://github.com/chakra-ui/chakra-ui/blob/main/packages/hooks/src/use-callback-ref.ts}\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useCallbackRef<T extends (...args: any[]) => unknown>(\n  fn: T | undefined,\n  deps: DependencyList = [],\n): T {\n  const ref = useRef(fn);\n\n  useSafeLayoutEffect(() => {\n    ref.current = fn;\n  });\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useCallback(((...args) => ref.current?.(...args)) as T, deps);\n}\n"],
+  "sourcesContent": ["import { useRef, useCallback, DependencyList } from 'react';\n\nimport { useSafeLayoutEffect } from './useSafeLayoutEffect.js';\n\n/**\n * React hook to persist any value between renders,\n * but keeps it up-to-date if it changes.\n * @see {@link https://github.com/chakra-ui/chakra-ui/blob/main/packages/hooks/src/use-callback-ref.ts}\n */\n// oxlint-disable-next-line typescript/no-explicit-any\nexport function useCallbackRef<T extends (...args: any[]) => unknown>(\n  fn: T | undefined,\n  deps: DependencyList = [],\n): T {\n  const ref = useRef(fn);\n\n  useSafeLayoutEffect(() => {\n    ref.current = fn;\n  });\n\n  // oxlint-disable-next-line react-hooks/exhaustive-deps\n  return useCallback(((...args) => ref.current?.(...args)) as T, deps);\n}\n"],
   "mappings": "AAAA,SAAS,QAAQ,mBAAmC;AAEpD,SAAS,2BAA2B;AAQ7B,SAAS,eACd,IACA,OAAuB,CAAC,GACrB;AACH,QAAM,MAAM,OAAO,EAAE;AAErB,sBAAoB,MAAM;AACxB,QAAI,UAAU;AAAA,EAChB,CAAC;AAGD,SAAO,aAAa,IAAI,SAAS,IAAI,UAAU,GAAG,IAAI,IAAS,IAAI;AACrE;",
   "names": []
 }

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/**\n * Returns the current theme based on sdk-setting or browsers preferred color-scheme.\n * @public\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"],
+  "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 * Returns the current theme based on sdk-setting or browsers preferred color-scheme.\n * @public\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  // oxlint-disable-next-line react/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  // oxlint-disable-next-line react/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  // oxlint-disable-next-line react/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/useFocusRing.js

@@ -7,7 +7,7 @@ import { modalityStore } from "../utils/modality.js";
 function useFocusRing(props = {}) {
   const {
     color,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     variant,
     ignoreModality = false,
     isMinimal = false,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/useFocusRing.ts"],
-  "sourcesContent": ["import {\n  useCallback,\n  useState,\n  type FocusEvent as ReactFocusEvent,\n} from 'react';\n\nimport * as styles from '../styles/focusRing.sty.js';\nimport { modalityStore } from '../utils/modality.js';\n\n/** @public */\nexport interface UseFocusRingProps {\n  /**\n   * A minimal focus outline is available for smaller content elements like links. This variant is applied when set to true.\n   * @defaultValue false\n   */\n  isMinimal?: boolean;\n\n  /**\n   * Whether or not the modality should be ignored, so that the focus ring is also present if users clicks the element (not just by tabbing to it).\n   * @defaultValue false\n   */\n  ignoreModality?: boolean;\n\n  /**\n   * The styling color of the element.\n   * @defaultValue neutral\n   */\n  color?: 'neutral' | 'primary' | 'success' | 'warning' | 'critical';\n\n  /**\n   * The styling color of the element.\n   * @defaultValue neutral\n   * @deprecated - `variant` is deprecated, please use `color` instead.\n   */\n  variant?: 'neutral' | 'primary' | 'success' | 'warning' | 'critical';\n\n  /**\n   * Apply the focus ring styling if an embedded element gains the focus\n   */\n  focusWithin?: boolean;\n\n  /**\n   * Whether the element is disabled. If disabled changes to true, the focus will be removed.\n   */\n  disabled?: boolean;\n}\n\n/** @public */\nexport type FocusRingProps = {\n  /** The focus styles that depend on modality. */\n  focusClassName: string;\n  /** Focus handlers used to manage the focus state. Must be applied to the element that receives the focus.*/\n  focusProps: {\n    onFocus: (e: ReactFocusEvent | FocusEvent) => void;\n    onBlur: (e: ReactFocusEvent | FocusEvent) => void;\n  };\n  /** Whether or not the element got focus via keyboard. */\n  isFocusVisible: boolean;\n};\n\n/**\n * Custom hook used to determine focus styling depending on modality.\n * Returns the css classes (vanilla) that can be applied to the component in order to show the correct focus outline.\n * @public\n */\nexport function useFocusRing(props: UseFocusRingProps = {}): FocusRingProps {\n  const {\n    color,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    variant,\n    ignoreModality = false,\n    isMinimal = false,\n    focusWithin = false,\n    disabled = false,\n  } = props;\n  const [isFocused, setIsFocused] = useState(false);\n\n  const modality = modalityStore.getState();\n\n  const usedColor = color ?? variant ?? 'neutral';\n\n  const onBlur = useCallback((event: ReactFocusEvent | FocusEvent) => {\n    // trigger only when the self element is unfocused (stopPropagation)\n    if (event.currentTarget === event.target) {\n      setIsFocused(false);\n    }\n  }, []);\n\n  const onFocus = useCallback((event: ReactFocusEvent | FocusEvent) => {\n    // trigger only when the self element is focused (stopPropagation)\n    if (event.currentTarget === event.target) {\n      setIsFocused(true);\n    }\n  }, []);\n\n  const focusProps = {\n    onFocus,\n    onBlur,\n  };\n\n  if (\n    (ignoreModality || modality === 'keyboard') &&\n    (isFocused || focusWithin) &&\n    !disabled\n  ) {\n    if (isMinimal) {\n      return {\n        focusClassName: focusWithin\n          ? styles.focusRingFocusWithin({\n              minimal: true,\n              color: usedColor,\n            })\n          : styles.focusRing({ minimal: true, color: usedColor }),\n        isFocusVisible: !focusWithin,\n        focusProps,\n      };\n    }\n\n    return {\n      focusClassName: focusWithin\n        ? styles.focusRingFocusWithin({ minimal: false, color: usedColor })\n        : styles.focusRing({ minimal: false, color: usedColor }),\n      isFocusVisible: !focusWithin,\n      focusProps,\n    };\n  }\n\n  return {\n    focusClassName: focusWithin\n      ? styles.focusRingFocusWithin()\n      : styles.focusRing(),\n    isFocusVisible: false,\n    focusProps,\n  };\n}\n"],
+  "sourcesContent": ["import {\n  useCallback,\n  useState,\n  type FocusEvent as ReactFocusEvent,\n} from 'react';\n\nimport * as styles from '../styles/focusRing.sty.js';\nimport { modalityStore } from '../utils/modality.js';\n\n/** @public */\nexport interface UseFocusRingProps {\n  /**\n   * A minimal focus outline is available for smaller content elements like links. This variant is applied when set to true.\n   * @defaultValue false\n   */\n  isMinimal?: boolean;\n\n  /**\n   * Whether or not the modality should be ignored, so that the focus ring is also present if users clicks the element (not just by tabbing to it).\n   * @defaultValue false\n   */\n  ignoreModality?: boolean;\n\n  /**\n   * The styling color of the element.\n   * @defaultValue neutral\n   */\n  color?: 'neutral' | 'primary' | 'success' | 'warning' | 'critical';\n\n  /**\n   * The styling color of the element.\n   * @defaultValue neutral\n   * @deprecated - `variant` is deprecated, please use `color` instead.\n   */\n  variant?: 'neutral' | 'primary' | 'success' | 'warning' | 'critical';\n\n  /**\n   * Apply the focus ring styling if an embedded element gains the focus\n   */\n  focusWithin?: boolean;\n\n  /**\n   * Whether the element is disabled. If disabled changes to true, the focus will be removed.\n   */\n  disabled?: boolean;\n}\n\n/** @public */\nexport type FocusRingProps = {\n  /** The focus styles that depend on modality. */\n  focusClassName: string;\n  /** Focus handlers used to manage the focus state. Must be applied to the element that receives the focus.*/\n  focusProps: {\n    onFocus: (e: ReactFocusEvent | FocusEvent) => void;\n    onBlur: (e: ReactFocusEvent | FocusEvent) => void;\n  };\n  /** Whether or not the element got focus via keyboard. */\n  isFocusVisible: boolean;\n};\n\n/**\n * Custom hook used to determine focus styling depending on modality.\n * Returns the css classes (vanilla) that can be applied to the component in order to show the correct focus outline.\n * @public\n */\nexport function useFocusRing(props: UseFocusRingProps = {}): FocusRingProps {\n  const {\n    color,\n    // oxlint-disable-next-line typescript/no-deprecated\n    variant,\n    ignoreModality = false,\n    isMinimal = false,\n    focusWithin = false,\n    disabled = false,\n  } = props;\n  const [isFocused, setIsFocused] = useState(false);\n\n  const modality = modalityStore.getState();\n\n  const usedColor = color ?? variant ?? 'neutral';\n\n  const onBlur = useCallback((event: ReactFocusEvent | FocusEvent) => {\n    // trigger only when the self element is unfocused (stopPropagation)\n    if (event.currentTarget === event.target) {\n      setIsFocused(false);\n    }\n  }, []);\n\n  const onFocus = useCallback((event: ReactFocusEvent | FocusEvent) => {\n    // trigger only when the self element is focused (stopPropagation)\n    if (event.currentTarget === event.target) {\n      setIsFocused(true);\n    }\n  }, []);\n\n  const focusProps = {\n    onFocus,\n    onBlur,\n  };\n\n  if (\n    (ignoreModality || modality === 'keyboard') &&\n    (isFocused || focusWithin) &&\n    !disabled\n  ) {\n    if (isMinimal) {\n      return {\n        focusClassName: focusWithin\n          ? styles.focusRingFocusWithin({\n              minimal: true,\n              color: usedColor,\n            })\n          : styles.focusRing({ minimal: true, color: usedColor }),\n        isFocusVisible: !focusWithin,\n        focusProps,\n      };\n    }\n\n    return {\n      focusClassName: focusWithin\n        ? styles.focusRingFocusWithin({ minimal: false, color: usedColor })\n        : styles.focusRing({ minimal: false, color: usedColor }),\n      isFocusVisible: !focusWithin,\n      focusProps,\n    };\n  }\n\n  return {\n    focusClassName: focusWithin\n      ? styles.focusRingFocusWithin()\n      : styles.focusRing(),\n    isFocusVisible: false,\n    focusProps,\n  };\n}\n"],
   "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEP,YAAY,YAAY;AACxB,SAAS,qBAAqB;AA0DvB,SAAS,aAAa,QAA2B,CAAC,GAAmB;AAC1E,QAAM;AAAA,IACJ;AAAA;AAAA,IAEA;AAAA,IACA,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,EACb,IAAI;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,WAAW,cAAc,SAAS;AAExC,QAAM,YAAY,SAAS,WAAW;AAEtC,QAAM,SAAS,YAAY,CAAC,UAAwC;AAElE,QAAI,MAAM,kBAAkB,MAAM,QAAQ;AACxC,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,CAAC,UAAwC;AAEnE,QAAI,MAAM,kBAAkB,MAAM,QAAQ;AACxC,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AAEA,OACG,kBAAkB,aAAa,gBAC/B,aAAa,gBACd,CAAC,UACD;AACA,QAAI,WAAW;AACb,aAAO;AAAA,QACL,gBAAgB,cACZ,OAAO,qBAAqB;AAAA,UAC1B,SAAS;AAAA,UACT,OAAO;AAAA,QACT,CAAC,IACD,OAAO,UAAU,EAAE,SAAS,MAAM,OAAO,UAAU,CAAC;AAAA,QACxD,gBAAgB,CAAC;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,gBAAgB,cACZ,OAAO,qBAAqB,EAAE,SAAS,OAAO,OAAO,UAAU,CAAC,IAChE,OAAO,UAAU,EAAE,SAAS,OAAO,OAAO,UAAU,CAAC;AAAA,MACzD,gBAAgB,CAAC;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,gBAAgB,cACZ,OAAO,qBAAqB,IAC5B,OAAO,UAAU;AAAA,IACrB,gBAAgB;AAAA,IAChB;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/useFormControlState.ts"],
-  "sourcesContent": ["import { useMemo, type ReactNode } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nimport type { FormControlState } from '../types/form-control-state.js';\n\n/**\n * Array tuple informing whether the form control state features errors or not and\n * an optional React node element informing about error details.\n * @internal\n */\nexport type useFormControlStateReturnType = [\n  /** Boolean flag that informs if the input control is in error state.  */\n  boolean,\n  /** Error hint details, if any, as retrieved from the `FormControlState` value. */\n  ReactNode,\n];\n\n/**\n * Convenience hook for reading the `FormControlState` details of\n * a form control implementing the `FormControlStateProps` interface.\n * @internal\n */\nexport function useFormControlState(\n  /** Value for the form control state property derived from the `FormControlStateProps` interface. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  formControlState?: FormControlState,\n): useFormControlStateReturnType {\n  const [isError, hint] = useMemo(() => {\n    const controlState =\n      formControlState && typeof formControlState === 'string'\n        ? { state: formControlState }\n        : formControlState;\n\n    return [controlState?.state === 'error', controlState?.hint];\n  }, [formControlState]);\n\n  return [isError, hint];\n}\n"],
+  "sourcesContent": ["import { useMemo, type ReactNode } from 'react';\n\n// oxlint-disable-next-line typescript/no-deprecated\nimport type { FormControlState } from '../types/form-control-state.js';\n\n/**\n * Array tuple informing whether the form control state features errors or not and\n * an optional React node element informing about error details.\n * @internal\n */\nexport type useFormControlStateReturnType = [\n  /** Boolean flag that informs if the input control is in error state.  */\n  boolean,\n  /** Error hint details, if any, as retrieved from the `FormControlState` value. */\n  ReactNode,\n];\n\n/**\n * Convenience hook for reading the `FormControlState` details of\n * a form control implementing the `FormControlStateProps` interface.\n * @internal\n */\nexport function useFormControlState(\n  /** Value for the form control state property derived from the `FormControlStateProps` interface. */\n  // oxlint-disable-next-line typescript/no-deprecated\n  formControlState?: FormControlState,\n): useFormControlStateReturnType {\n  const [isError, hint] = useMemo(() => {\n    const controlState =\n      formControlState && typeof formControlState === 'string'\n        ? { state: formControlState }\n        : formControlState;\n\n    return [controlState?.state === 'error', controlState?.hint];\n  }, [formControlState]);\n\n  return [isError, hint];\n}\n"],
   "mappings": "AAAA,SAAS,eAA+B;AAsBjC,SAAS,oBAGd,kBAC+B;AAC/B,QAAM,CAAC,SAAS,IAAI,IAAI,QAAQ,MAAM;AACpC,UAAM,eACJ,oBAAoB,OAAO,qBAAqB,WAC5C,EAAE,OAAO,iBAAiB,IAC1B;AAEN,WAAO,CAAC,cAAc,UAAU,SAAS,cAAc,IAAI;AAAA,EAC7D,GAAG,CAAC,gBAAgB,CAAC;AAErB,SAAO,CAAC,SAAS,IAAI;AACvB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/useId.ts"],
-  "sourcesContent": ["// The one place where we actually need to use this import.\n// eslint-disable-next-line no-restricted-imports\nimport { useMemo, useId as useReactId } from 'react';\n\n/**\n * Replaces the colons in a React 18-style `useId()` value (e.g. `:r1:`) with\n * `\u00AB` / `\u00BB` so the result is a valid CSS identifier.\n *\n * React 18 uses colons as delimiters which are invalid in CSS selectors.\n * React 19.2+ switched to underscores (`_R_<id>_`) so no replacement is\n * needed there, but this function is still applied for safety \u2014 if the input\n * contains no colons it is returned unchanged.\n *\n * @internal\n */\nexport function sanitizeReactId(id: string): string {\n  return id.replace(':', '\\u00AB').replace(':', '\\u00BB');\n}\n\n/**\n * Custom hook to generate a sanitized react useId for use in DOM selectors.\n *\n * React's `useId()` may return IDs containing colons (e.g., `:r1:`), which are valid in HTML\n * but **not valid CSS identifiers**. This can cause issues when using `querySelector` or when\n * libraries like `nwsapi` attempt to parse selectors, especially in test environments like jest\n * with jsdom.\n *\n * This hook replaces colons with a safe, reversible encoding (`\u00AB` and `\u00BB`) to ensure the ID\n * remains unique and usable in CSS selectors. The characters are chosen to be the same as in the\n * react 19.2+ implementation.\n *\n * Background:\n * - React previously used colons in generated IDs to avoid collisions.\n * - This caused parsing errors in selector engines like `nwsapi` when used in test environments.\n * - React addressed this in [facebook/react#32001](https://github.com/facebook/react/pull/32001) in React 19.2+.\n *\n * This hook provides a workaround for environments still using older React versions or needing\n * compatibility with selector engines that strictly enforce CSS syntax.\n *\n * @returns A sanitized ID string safe for use in `querySelector` and CSS selectors.\n * @public\n */\nexport function useId(): string {\n  const id = useReactId();\n\n  const sanitizedId = useMemo(() => sanitizeReactId(id), [id]);\n\n  return sanitizedId;\n}\n"],
+  "sourcesContent": ["// The one place where we actually need to use this import.\n// oxlint-disable-next-line no-restricted-imports\nimport { useMemo, useId as useReactId } from 'react';\n\n/**\n * Replaces the colons in a React 18-style `useId()` value (e.g. `:r1:`) with\n * `\u00AB` / `\u00BB` so the result is a valid CSS identifier.\n *\n * React 18 uses colons as delimiters which are invalid in CSS selectors.\n * React 19.2+ switched to underscores (`_R_<id>_`) so no replacement is\n * needed there, but this function is still applied for safety \u2014 if the input\n * contains no colons it is returned unchanged.\n *\n * @internal\n */\nexport function sanitizeReactId(id: string): string {\n  return id.replace(':', '\\u00AB').replace(':', '\\u00BB');\n}\n\n/**\n * Custom hook to generate a sanitized react useId for use in DOM selectors.\n *\n * React's `useId()` may return IDs containing colons (e.g., `:r1:`), which are valid in HTML\n * but **not valid CSS identifiers**. This can cause issues when using `querySelector` or when\n * libraries like `nwsapi` attempt to parse selectors, especially in test environments like jest\n * with jsdom.\n *\n * This hook replaces colons with a safe, reversible encoding (`\u00AB` and `\u00BB`) to ensure the ID\n * remains unique and usable in CSS selectors. The characters are chosen to be the same as in the\n * react 19.2+ implementation.\n *\n * Background:\n * - React previously used colons in generated IDs to avoid collisions.\n * - This caused parsing errors in selector engines like `nwsapi` when used in test environments.\n * - React addressed this in [facebook/react#32001](https://github.com/facebook/react/pull/32001) in React 19.2+.\n *\n * This hook provides a workaround for environments still using older React versions or needing\n * compatibility with selector engines that strictly enforce CSS syntax.\n *\n * @returns A sanitized ID string safe for use in `querySelector` and CSS selectors.\n * @public\n */\nexport function useId(): string {\n  const id = useReactId();\n\n  const sanitizedId = useMemo(() => sanitizeReactId(id), [id]);\n\n  return sanitizedId;\n}\n"],
   "mappings": "AAEA,SAAS,SAAS,SAAS,kBAAkB;AAatC,SAAS,gBAAgB,IAAoB;AAClD,SAAO,GAAG,QAAQ,KAAK,MAAQ,EAAE,QAAQ,KAAK,MAAQ;AACxD;AAyBO,SAAS,QAAgB;AAC9B,QAAM,KAAK,WAAW;AAEtB,QAAM,cAAc,QAAQ,MAAM,gBAAgB,EAAE,GAAG,CAAC,EAAE,CAAC;AAE3D,SAAO;AACT;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/useMeasureChildren.ts"],
-  "sourcesContent": ["import { omit, uniqueId } from 'lodash-es';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport ReactDOM, { flushSync } from 'react-dom';\n\n/** @internal */\nexport interface ContainerSize {\n  /** The width of the container. */\n  width: number;\n  /** The height of the container. */\n  height: number;\n}\n\n/**\n * Child props that need to be spread on each child for proper measurment\n * @internal\n */\nexport type UseMeasureChildrenChildProps = {\n  /**\n   * Unique child id used to identify the child\n   */\n  'data-id'?: string;\n};\n\n/** @internal */\nexport type UseMeasureChildrenReturnType<T> = {\n  /**\n   * CallbackRef for the container element containing the children to be measured\n   */\n  containerRef: (node: T) => void;\n  /**\n   * Contains an entry for each child with its corresponding measurements.\n   * The unique data-id is used as a key.\n   */\n  measurements: { [key: string]: ContainerSize | undefined };\n  /**\n   * Array of child props that need to be spread on each child for proper measurement\n   */\n  childProps: UseMeasureChildrenChildProps[];\n};\n\n/**\n * The hook _useMeasureChildren can be used to measure each direct child in a container.\n * @internal\n */\nexport const useMeasureChildren = <\n  T extends HTMLElement = HTMLDivElement,\n>(): UseMeasureChildrenReturnType<T> => {\n  const [measurements, setMeasurements] = useState({});\n  const [childProps, setChildProps] = useState<UseMeasureChildrenChildProps[]>(\n    [],\n  );\n\n  // Container used for querying all the children for measuring.\n  const containerRef = useRef<T | null>(null);\n\n  // Internally used child props state to avoid running into endless updates\n  // with the mutation callback and effect for initializing the resize observer.\n  const _childProps = useRef<UseMeasureChildrenChildProps[]>([]);\n  const resizeObserver = useRef<ResizeObserver | null>(null);\n  const mutationObserver = useRef<MutationObserver | null>(null);\n\n  // Callback updating the measurements if the size of a child changes.\n  const handleResize = useCallback((entries: ResizeObserverEntry[]) => {\n    const updatedEntries: { [key: string]: ContainerSize } = {};\n\n    for (const entry of entries) {\n      const entryId = (entry.target as HTMLElement).dataset.id;\n\n      if (!entryId) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          'No ID found for element so there will be no measurement available. Maybe you need to spread props?',\n        );\n        continue;\n      }\n\n      // Originally wanted to use entry.target.clientWidth, but due to the\n      // browser rounding the values there already, collapsing components might\n      // run into endlessly collapsing / expanding.\n      // Have to use the client rect to get the floating point values.\n      const { width, height } = entry.target.getBoundingClientRect();\n\n      updatedEntries[entryId] = {\n        width,\n        height,\n      };\n    }\n\n    setMeasurements((prevEntries) => ({\n      ...prevEntries,\n      ...updatedEntries,\n    }));\n  }, []);\n\n  // Callback handling added / removed children.\n  const handleMutation = useCallback((mutationList: MutationRecord[]) => {\n    for (const mutation of mutationList) {\n      if (mutation.type === 'childList') {\n        // An item has been added to the children.\n        if (mutation.addedNodes.length) {\n          // Get the index of the previous sibling to insert the needed childProps\n          // at the appropriate position.\n          const previousSiblingId =\n            (mutation.previousSibling as HTMLElement)?.dataset.id || -1;\n          const previousSiblingIndex = _childProps.current.indexOf(\n            _childProps.current.find((props) => {\n              return props['data-id'] === previousSiblingId;\n            }) || {},\n          );\n\n          // Add the new item to the resize observer.\n          resizeObserver.current?.observe(\n            mutation.addedNodes[0] as HTMLElement,\n          );\n\n          // Create new unique ID for the added child.\n          const uniqueChildId = uniqueId();\n          // Re-arrange child props array to match the order of the currently rendered\n          // children without changing the IDs of already existing children.\n          _childProps.current.splice(Math.max(previousSiblingIndex + 1, 0), 0, {\n            'data-id': uniqueChildId,\n          });\n\n          // Needed to correctly apply the child props to measured children with react 18.\n          flushSync(() => {\n            setChildProps([..._childProps.current]);\n          });\n        } else if (mutation.removedNodes.length) {\n          // A child has been removed from the container.\n          const childId =\n            (mutation.removedNodes[0] as HTMLElement).dataset.id || '';\n          const childIndex = _childProps.current.indexOf(\n            _childProps.current.find((props) => {\n              return props['data-id'] === childId;\n            }) || {},\n          );\n\n          // Remove child from the observed entries.\n          resizeObserver.current?.unobserve(\n            mutation.removedNodes[0] as HTMLElement,\n          );\n\n          // Re-arrange child props array to match the order of the currently rendered\n          // children without changing the IDs of already existing children.\n          _childProps.current.splice(childIndex, 1);\n\n          // State updates inside native event handlers are not batched and would cause\n          // the component using the hook to rerender multiple times.\n          ReactDOM.unstable_batchedUpdates(() => {\n            setChildProps([..._childProps.current]);\n            // Clean up state removing the measurement of the removed node.\n            setMeasurements((prevMeasurements) => ({\n              ...omit(prevMeasurements, childId),\n            }));\n          });\n        }\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      // Clean up observer when unmounting.\n      resizeObserver.current?.disconnect();\n      mutationObserver.current?.disconnect();\n    };\n  }, []);\n\n  const setContainerRef = useCallback(\n    (node: T) => {\n      if (node && containerRef.current !== node) {\n        containerRef.current = node;\n\n        if (resizeObserver.current && mutationObserver.current) {\n          resizeObserver.current.disconnect();\n          mutationObserver.current.disconnect();\n          setMeasurements({});\n        }\n\n        const observer = new ResizeObserver(handleResize);\n        resizeObserver.current = observer;\n\n        const childIds: UseMeasureChildrenChildProps[] = [];\n\n        // Observe all the children of the container.\n        for (const [index, item] of Array.from(\n          containerRef.current?.children || [],\n        ).entries()) {\n          let childId = (item as HTMLElement).dataset.id;\n          if (!childId) {\n            childId = uniqueId();\n          }\n          childIds[index] = { 'data-id': childId };\n\n          observer.observe(item);\n        }\n\n        _childProps.current = childIds;\n        setChildProps([..._childProps.current]);\n\n        const _mutationObserver = new MutationObserver(handleMutation);\n        mutationObserver.current = _mutationObserver;\n        containerRef.current &&\n          _mutationObserver.observe(containerRef.current, {\n            childList: true,\n          });\n      }\n    },\n    [handleMutation, handleResize],\n  );\n\n  return {\n    containerRef: setContainerRef,\n    measurements,\n    childProps,\n  };\n};\n"],
+  "sourcesContent": ["import { omit, uniqueId } from 'lodash-es';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport ReactDOM, { flushSync } from 'react-dom';\n\n/** @internal */\nexport interface ContainerSize {\n  /** The width of the container. */\n  width: number;\n  /** The height of the container. */\n  height: number;\n}\n\n/**\n * Child props that need to be spread on each child for proper measurment\n * @internal\n */\nexport type UseMeasureChildrenChildProps = {\n  /**\n   * Unique child id used to identify the child\n   */\n  'data-id'?: string;\n};\n\n/** @internal */\nexport type UseMeasureChildrenReturnType<T> = {\n  /**\n   * CallbackRef for the container element containing the children to be measured\n   */\n  containerRef: (node: T) => void;\n  /**\n   * Contains an entry for each child with its corresponding measurements.\n   * The unique data-id is used as a key.\n   */\n  measurements: { [key: string]: ContainerSize | undefined };\n  /**\n   * Array of child props that need to be spread on each child for proper measurement\n   */\n  childProps: UseMeasureChildrenChildProps[];\n};\n\n/**\n * The hook _useMeasureChildren can be used to measure each direct child in a container.\n * @internal\n */\nexport const useMeasureChildren = <\n  T extends HTMLElement = HTMLDivElement,\n>(): UseMeasureChildrenReturnType<T> => {\n  const [measurements, setMeasurements] = useState({});\n  const [childProps, setChildProps] = useState<UseMeasureChildrenChildProps[]>(\n    [],\n  );\n\n  // Container used for querying all the children for measuring.\n  const containerRef = useRef<T | null>(null);\n\n  // Internally used child props state to avoid running into endless updates\n  // with the mutation callback and effect for initializing the resize observer.\n  const _childProps = useRef<UseMeasureChildrenChildProps[]>([]);\n  const resizeObserver = useRef<ResizeObserver | null>(null);\n  const mutationObserver = useRef<MutationObserver | null>(null);\n\n  // Callback updating the measurements if the size of a child changes.\n  const handleResize = useCallback((entries: ResizeObserverEntry[]) => {\n    const updatedEntries: { [key: string]: ContainerSize } = {};\n\n    for (const entry of entries) {\n      const entryId = (entry.target as HTMLElement).dataset.id;\n\n      if (!entryId) {\n        // oxlint-disable-next-line no-console\n        console.warn(\n          'No ID found for element so there will be no measurement available. Maybe you need to spread props?',\n        );\n        continue;\n      }\n\n      // Originally wanted to use entry.target.clientWidth, but due to the\n      // browser rounding the values there already, collapsing components might\n      // run into endlessly collapsing / expanding.\n      // Have to use the client rect to get the floating point values.\n      const { width, height } = entry.target.getBoundingClientRect();\n\n      updatedEntries[entryId] = {\n        width,\n        height,\n      };\n    }\n\n    setMeasurements((prevEntries) => ({\n      ...prevEntries,\n      ...updatedEntries,\n    }));\n  }, []);\n\n  // Callback handling added / removed children.\n  const handleMutation = useCallback((mutationList: MutationRecord[]) => {\n    for (const mutation of mutationList) {\n      if (mutation.type === 'childList') {\n        // An item has been added to the children.\n        if (mutation.addedNodes.length) {\n          // Get the index of the previous sibling to insert the needed childProps\n          // at the appropriate position.\n          const previousSiblingId =\n            (mutation.previousSibling as HTMLElement)?.dataset.id || -1;\n          const previousSiblingIndex = _childProps.current.indexOf(\n            _childProps.current.find((props) => {\n              return props['data-id'] === previousSiblingId;\n            }) || {},\n          );\n\n          // Add the new item to the resize observer.\n          resizeObserver.current?.observe(\n            mutation.addedNodes[0] as HTMLElement,\n          );\n\n          // Create new unique ID for the added child.\n          const uniqueChildId = uniqueId();\n          // Re-arrange child props array to match the order of the currently rendered\n          // children without changing the IDs of already existing children.\n          _childProps.current.splice(Math.max(previousSiblingIndex + 1, 0), 0, {\n            'data-id': uniqueChildId,\n          });\n\n          // Needed to correctly apply the child props to measured children with react 18.\n          flushSync(() => {\n            setChildProps([..._childProps.current]);\n          });\n        } else if (mutation.removedNodes.length) {\n          // A child has been removed from the container.\n          const childId =\n            (mutation.removedNodes[0] as HTMLElement).dataset.id || '';\n          const childIndex = _childProps.current.indexOf(\n            _childProps.current.find((props) => {\n              return props['data-id'] === childId;\n            }) || {},\n          );\n\n          // Remove child from the observed entries.\n          resizeObserver.current?.unobserve(\n            mutation.removedNodes[0] as HTMLElement,\n          );\n\n          // Re-arrange child props array to match the order of the currently rendered\n          // children without changing the IDs of already existing children.\n          _childProps.current.splice(childIndex, 1);\n\n          // State updates inside native event handlers are not batched and would cause\n          // the component using the hook to rerender multiple times.\n          ReactDOM.unstable_batchedUpdates(() => {\n            setChildProps([..._childProps.current]);\n            // Clean up state removing the measurement of the removed node.\n            setMeasurements((prevMeasurements) => ({\n              ...omit(prevMeasurements, childId),\n            }));\n          });\n        }\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      // Clean up observer when unmounting.\n      resizeObserver.current?.disconnect();\n      mutationObserver.current?.disconnect();\n    };\n  }, []);\n\n  const setContainerRef = useCallback(\n    (node: T) => {\n      if (node && containerRef.current !== node) {\n        containerRef.current = node;\n\n        if (resizeObserver.current && mutationObserver.current) {\n          resizeObserver.current.disconnect();\n          mutationObserver.current.disconnect();\n          setMeasurements({});\n        }\n\n        const observer = new ResizeObserver(handleResize);\n        resizeObserver.current = observer;\n\n        const childIds: UseMeasureChildrenChildProps[] = [];\n\n        // Observe all the children of the container.\n        for (const [index, item] of Array.from(\n          containerRef.current?.children || [],\n        ).entries()) {\n          let childId = (item as HTMLElement).dataset.id;\n          if (!childId) {\n            childId = uniqueId();\n          }\n          childIds[index] = { 'data-id': childId };\n\n          observer.observe(item);\n        }\n\n        _childProps.current = childIds;\n        setChildProps([..._childProps.current]);\n\n        const _mutationObserver = new MutationObserver(handleMutation);\n        mutationObserver.current = _mutationObserver;\n        containerRef.current &&\n          _mutationObserver.observe(containerRef.current, {\n            childList: true,\n          });\n      }\n    },\n    [handleMutation, handleResize],\n  );\n\n  return {\n    containerRef: setContainerRef,\n    measurements,\n    childProps,\n  };\n};\n"],
   "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/useMergeRefs.ts"],
-  "sourcesContent": ["import {\n  useCallback,\n  type Ref,\n  type RefObject,\n  type SetStateAction,\n  type Dispatch,\n  type RefCallback,\n} from 'react';\n\n/**\n * If you have multiple references (e.g. from different hooks) you need to apply to\n * the same element, you can use the `useMergeRefs` hook to combine them into one\n * reference.\n * @public\n */\nexport function useMergeRefs<T = unknown>(\n  refs: Array<\n    | RefObject<T | null>\n    | Ref<T>\n    | Dispatch<SetStateAction<T | null>>\n    | undefined\n  >,\n): RefCallback<T> {\n  return useCallback((value) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref !== undefined && ref !== null) {\n        (ref as { current: T | null }).current = value;\n      }\n    }\n  }, refs); // eslint-disable-line react-hooks/exhaustive-deps\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,OAMK;AAQA,SAAS,aACd,MAMgB;AAChB,SAAO,YAAY,CAAC,UAAU;AAC5B,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,KAAK;AAAA,MACX,WAAW,QAAQ,UAAa,QAAQ,MAAM;AAC5C,QAAC,IAA8B,UAAU;AAAA,MAC3C;AAAA,IACF;AAAA,EACF,GAAG,IAAI;AACT;",
+  "sourcesContent": ["import {\n  useCallback,\n  type Ref,\n  type RefObject,\n  type SetStateAction,\n  type Dispatch,\n  type RefCallback,\n} from 'react';\n\n/**\n * If you have multiple references (e.g. from different hooks) you need to apply to\n * the same element, you can use the `useMergeRefs` hook to combine them into one\n * reference.\n * @public\n */\nexport function useMergeRefs<T = unknown>(\n  refs: Array<\n    | RefObject<T | null>\n    | Ref<T>\n    | Dispatch<SetStateAction<T | null>>\n    | undefined\n  >,\n): RefCallback<T> {\n  return useCallback((value) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref !== undefined && ref !== null) {\n        (ref as { current: T | null }).current = value;\n      }\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, refs);\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OAMK;AAQA,SAAS,aACd,MAMgB;AAChB,SAAO,YAAY,CAAC,UAAU;AAC5B,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,KAAK;AAAA,MACX,WAAW,QAAQ,UAAa,QAAQ,MAAM;AAC5C,QAAC,IAA8B,UAAU;AAAA,MAC3C;AAAA,IACF;AAAA,EAEF,GAAG,IAAI;AACT;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/usePrevious.ts"],
-  "sourcesContent": ["import { useEffect, useRef } from 'react';\n\n/**\n * The `usePrevious` hook gives you access to the value of a state of the previous\n * render cycle.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function usePrevious<T = any>(value: T) {\n  const ref = useRef<T>(undefined);\n  useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],
+  "sourcesContent": ["import { useEffect, useRef } from 'react';\n\n/**\n * The `usePrevious` hook gives you access to the value of a state of the previous\n * render cycle.\n * @public\n */\n// oxlint-disable-next-line typescript/no-explicit-any\nexport function usePrevious<T = any>(value: T) {\n  const ref = useRef<T>(undefined);\n  useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],
   "mappings": "AAAA,SAAS,WAAW,cAAc;AAQ3B,SAAS,YAAqB,OAAU;AAC7C,QAAM,MAAM,OAAU,MAAS;AAC/B,YAAU,MAAM;AACd,QAAI,UAAU;AAAA,EAChB,CAAC;AAED,SAAO,IAAI;AACb;",
   "names": []
 }

package/esm/core/hooks/useRovingFocus.js

@@ -254,7 +254,7 @@ function useRovingFocus({
     // Excluding initialIndex and activeElement.
     // A change in neither of them should lead to this effect running again, since
     // it would clean-up and re-add the event listeners every time.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
     [focusableChildrenSelector, handleKeydown, childNodesCount]
   );
   useEffect(() => {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/useRovingFocus.ts"],
-  "sourcesContent": ["import { clamp } from 'lodash-es';\nimport {\n  type RefCallback,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { usePrevious } from './usePrevious.js';\nimport { getFirstFocusableChild as _getFirstFocusableChild } from '../utils/focus-management/get-first-focusable-child.js';\nimport { getLastFocusableChild as _getLastFocusableChild } from '../utils/focus-management/get-last-focusable-child.js';\n\n\n// #region Typings\n\n/**\n * Option type for the `useRovingFocus` hook, allowing to configure certain behaviors.\n * @public\n */\nexport type RovingFocusOptions = {\n  /**\n   * Index of the item that should initially be set to tabIndex = 0.\n   * @defaultValue 0\n   */\n  initialIndex?: number;\n\n  /**\n   * The arrangement of the navigable items. Determines which arrow keys are used for navigation.\n   * @defaultValue vertical\n   */\n  direction?: 'horizontal' | 'vertical' | 'both';\n\n  /**\n   * Determines whether the elements should be loopable.\n   * @defaultValue true\n   */\n  loopFocus?: boolean;\n\n  /**\n   * The selector used to retrieve all the navigable children.\n   * @defaultValue *\n   */\n  focusableChildrenSelector?: string;\n};\n\n/**\n * @public\n */\nexport type RovingFocusReturnType<T, V> = {\n  /**\n   * Reference of the container using roving focus.\n   * @defaultValue RefCallback<T>\n   */\n  containerRef: RefCallback<T>;\n\n  /**\n   * Currently active element.\n   * @defaultValue undefined\n   */\n  activeElement: V | undefined;\n};\n// #endregion Typings\n\n// TODO: Do we want to support nested roving containers?\n// Could also work with adding additional options for grouping children.\n// see: ADES-369\n\n// TODO: Use TreeWalker instead of just selecting all children matching given selector\n// see: ADES-607\n\n/**\n * Check if the element is focusable and focus it if it is.\n * @param element - DOM node to focus.\n * @returns true if the element was focused and false if it's not focusable\n */\nconst tryFocusElement = (element: HTMLElement) => {\n  // if focus is already where we want to focus, we don't want to keep going\n  if (element === document.activeElement) {\n    return true;\n  }\n\n  try {\n    element.focus();\n  } catch {\n    // continue regardless of error\n  }\n\n  return document.activeElement === element;\n};\n\n/**\n * Set focus on the first focusable element of the roving focus children or the child at the given index.\n * @param rovingFocusChildren - DOM node for which to find the first focusable descendant.\n * @returns The index of the element that was focused or undefined if nothing was focused\n */\nconst focusFirstOrAtIndex = (\n  rovingFocusChildren: HTMLElement[] | null,\n  index?: number,\n) => {\n  if (!rovingFocusChildren) {\n    return;\n  }\n\n  const previouslyFocusedEl = document.activeElement;\n  const elIndex =\n    index !== undefined ? clamp(index, 0, rovingFocusChildren.length - 1) : 0;\n\n  const element = rovingFocusChildren[elIndex];\n\n  // if focus is already where we want to focus, we don't want to keep going\n  if (tryFocusElement(element)) {\n    return elIndex;\n  } else {\n    element?.setAttribute('tabindex', '-1'); // set tabindex to -1, because it's not focusable and might have had tabindex 0\n  }\n\n  for (const [key, el] of rovingFocusChildren.entries()) {\n    if (key === elIndex) {\n      continue; // we already checked the initial index\n    }\n\n    // if focus is already where we want to focus, we don't want to keep going\n    if (el === previouslyFocusedEl) {\n      return;\n    }\n\n    try {\n      el.focus();\n    } catch {\n      // continue regardless of error\n    }\n\n    if (document.activeElement !== previouslyFocusedEl) {\n      return key;\n    }\n\n    el.setAttribute('tabindex', '-1'); // set tabindex to -1, because it's not focusable and might have had tabindex 0\n  }\n};\n\n/**\n * Given an array of elements and the key code, determine which is the next element that can be focused and focus it if it's focusable.\n * @returns the index of the focused element\n */\nconst tryFocusElementAtNextIndex = (\n  code: string,\n  elementIndex: number,\n  elements: HTMLElement[],\n  loopFocus: boolean,\n  initialElementIndex?: number,\n): number | null => {\n  // if we're trying to focus an element at index -1, it means the element can't be found in the array of focusable elements (e.g. all children inside the container were hidden)\n  if (elementIndex === -1) {\n    return null;\n  }\n\n  if (initialElementIndex === elementIndex) {\n    return null; // then we already looped through all elements and if we are back at the initialElementIndex, there was nothing focusable, so we need to abort to avoid running into an endless loop\n  }\n\n  let nextIndex = -1;\n  const lastElementIndex = elements.length - 1;\n\n  if (code === 'ArrowRight' || code === 'ArrowDown') {\n    // Move focus to next focusable element.\n    // If not loopable, clamp to the last element index.\n    nextIndex = loopFocus\n      ? (elementIndex + 1) % elements.length\n      : clamp(elementIndex + 1, lastElementIndex);\n  } else if (code === 'ArrowLeft' || code === 'ArrowUp') {\n    // Move focus to previous focusable element.\n    // If not loopable, clamp to zero.\n    const newIndex = elementIndex - 1;\n    if (loopFocus) {\n      nextIndex = newIndex < 0 ? lastElementIndex : newIndex;\n    } else {\n      nextIndex = Math.max(newIndex, 0);\n    }\n  }\n\n  const element = elements[nextIndex];\n\n  // Focus the new focusable element if it's focusable\n  // This triggers the event listener updating the active element, which\n  // in turn triggers the effect for setting the tab index.\n  if (tryFocusElement(element)) {\n    return nextIndex;\n  } else {\n    // when we navigate the items via keyboard or to the container, we need to set the tabIndex to -1 if an item is not focusable anymore (due to conditional rendering)\n    // it also might have had tabindex 0 before conditional rendering\n    element?.setAttribute('tabindex', '-1');\n    // try to focus the next element if the previous one wasn't focusable\n    return tryFocusElementAtNextIndex(\n      code,\n      nextIndex,\n      elements,\n      loopFocus,\n      initialElementIndex ?? elementIndex,\n    );\n  }\n};\n\n/**\n * The `useRovingFocus` hook applies a roving tab index to the children matching\n * the given selector and enables you to navigate the elements using the arrow\n * keys. Applying a roving tab index to a list of items enables you to efficiently\n * navigate through the app, having a single tab-stop for a collection of items.\n * Navigating back to the collection restores the focus to the item that has been\n * focused when navigating away, enabling you to return to where you left off.\n * @public\n */\nexport function useRovingFocus<\n  T extends HTMLElement,\n  V extends HTMLElement = HTMLElement,\n>({\n  initialIndex = 0,\n  direction = 'vertical',\n  loopFocus = true,\n  focusableChildrenSelector = ':scope > *',\n}: RovingFocusOptions = {}): RovingFocusReturnType<T, V> {\n  const [activeElement, setActiveElement] = useState<V | undefined>();\n  const previousActiveElement = usePrevious<V | undefined>(activeElement);\n  const containerRef = useRef<T | null>(null);\n  const isTabbingBackOutRef = useRef(false);\n  const initialIndexRef = useRef(initialIndex); // ref used to store the index when navigating via keyboard and reset it when more/fewer elements become focusable (e.g. on resize)\n  const isClickFocusRef = useRef(false); // ref used for fixing issues when an item is clicked and there's an attached focus handler that can collide with our roving focus handling (e.g. clicking on a radio button focuses/selects the first element and then the clicked one - ADES-3361)\n\n  const [childNodesCount, setChildNodesCount] = useState(0);\n\n  useEffect(() => {\n    const observer = new MutationObserver((mutationsList) => {\n      for (const mutation of mutationsList) {\n        if (mutation.type === 'childList') {\n          setChildNodesCount(containerRef.current?.childNodes.length ?? 0);\n        }\n      }\n    });\n\n    if (containerRef.current) {\n      observer.observe(containerRef.current, {\n        childList: true,\n        attributes: false,\n      });\n    }\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  const focusableElementsRefs = useRef<V[]>([]);\n\n  const resetActiveElement = useCallback(() => {\n    initialIndexRef.current = initialIndex;\n    setActiveElement(\n      focusableElementsRefs.current[\n        clamp(initialIndex, 0, focusableElementsRefs.current.length - 1)\n      ],\n    );\n  }, [initialIndex]);\n\n  // Set the currently active element to the event target when it receives focus.\n  const handleElementFocus = ({ target }: FocusEvent) => {\n    if (target !== null && target instanceof HTMLElement) {\n      setActiveElement(target as V);\n    }\n  };\n\n  // Focus clicked element to update currently active element.\n  const handleElementClick = ({ currentTarget }: MouseEvent) => {\n    if (currentTarget !== null && currentTarget instanceof HTMLElement) {\n      currentTarget.focus();\n      initialIndexRef.current = focusableElementsRefs.current.indexOf(\n        currentTarget as V,\n      );\n    }\n  };\n\n  const handleFocus = ({ target }: FocusEvent) => {\n    if (isTabbingBackOutRef.current) {\n      if (target !== null && target instanceof HTMLElement) {\n        handleShiftTab(target);\n      }\n      return;\n    }\n\n    if (isClickFocusRef.current) {\n      return;\n    }\n\n    const newIndex = focusFirstOrAtIndex(\n      focusableElementsRefs.current,\n      initialIndexRef.current,\n    );\n\n    if (newIndex !== undefined) {\n      initialIndexRef.current = newIndex;\n    }\n  };\n\n  /**\n   * We need to handle shift tabbing manually to move the focus to the previously focusable element (and the container has tabindex 0 in order to make it focusable even if a previously focused child has been hidden).\n   * Otherwise, the focus would be on the wrapping container and the user would need to shift tab again to get there.\n   */\n  const handleShiftTab = (target: HTMLElement) => {\n    focusPreviousFocusableNode(target);\n    isTabbingBackOutRef.current = false; // reset the tabbing back out state\n  };\n\n  /**\n   * Find the first focusable node closest to the roving focus container and set the focus to that node. If no focusable node can be found, reset the focus to the body.\n   * So when we shift-tab, we just move the focus to the previously focused element and we don't change any tabindex attribute.\n   */\n  const focusPreviousFocusableNode = (\n    target?: HTMLElement | Node | null,\n  ): HTMLElement | null => {\n    if (!target) {\n      return null;\n    }\n\n    const prevSibling = target.previousSibling as HTMLElement;\n\n    if (prevSibling !== null) {\n      // if the previous sibling has one child only or none, we don't need a tree walker and can just try to focus the element and see if it's focusable => then we could have an early exit\n      if (prevSibling.children?.length <= 1 && tryFocusElement(prevSibling)) {\n        return prevSibling;\n      }\n\n      // if there are more children, we need to check the last focusable child with the tree walker to shift-tab to it\n      /* e.g. (second button should be focused)\n      <div>\n        <Button onClick={() => setShowItem1(!showItem1)}>Toggle button 1</Button>\n        <Button onClick={() => setShowItem2(!showItem2)}>Toggle button 2</Button>\n        <div>I'm not focusable</div>\n      </div>\n      <RadioGroup >\n      {...}\n      </RadioGroup>\n      */\n      const lastFocusableChild = _getLastFocusableChild(\n        prevSibling,\n      ) as HTMLElement;\n\n      if (lastFocusableChild && tryFocusElement(lastFocusableChild)) {\n        return lastFocusableChild; // if it's focusable, we can return it\n      }\n\n      if (prevSibling.previousSibling !== null) {\n        // if there's still a previous sibling in the container, we need to check from there if we can focus any element inside\n        return focusPreviousFocusableNode(prevSibling);\n      }\n\n      // if there is no previous sibling, there is no focusable element left to check in the container, so we need to go up one level in the tree and check from there again\n      return focusPreviousFocusableNode(prevSibling.parentNode);\n    }\n\n    // if there's no previous sibling, we check the parent node\n    const prevFocusableEl = target.parentNode\n      ? _getFirstFocusableChild(target.parentNode)\n      : null;\n\n    // no previous sibling and the parent node has a focusable child\n    if (prevFocusableEl) {\n      // if the first focusable element of the parent node is still the roving focus container, we need to check the parent node for previous focusable nodes\n      /* e.g.: The container-parent div has the roving focus container as first focusable element, so we need to check recursively from the container-parent div (if there is a previous sibling - button - it gets the focus, or continue to the parent div if there was no focusable element).\n      Otherwise, we would focus the roving focus container, which is only focusable to be able to handle shift-tabbing properly but should not actually receive focus.\n\n      <div id=\"parent\">\n        <Button onClick={() => setShowItem1(!showItem1)}>Toggle button 1</Button>\n        <div id=\"container-parent\">\n          <RadioGroup>\n          {...}\n          </RadioGroup>\n        </div>\n      </div>\n      */\n      return focusPreviousFocusableNode(target.parentNode);\n    }\n\n    if (\n      document.activeElement &&\n      document.activeElement instanceof HTMLElement\n    ) {\n      document.activeElement.blur();\n    }\n\n    document.body.focus(); // if we reach this, it means there is no focusable element before the container in the DOM, so we need to focus the body\n    /* e.g.\n      <body>\n        <div>\n          <RadioGroup>\n          {...}\n          </RadioGroup>\n        </div>\n      </body>\n    */\n    return null;\n  };\n\n  const handleBlur = () => {\n    isTabbingBackOutRef.current = false;\n    isClickFocusRef.current = false;\n  };\n\n  const handleMouseDown = () => (isClickFocusRef.current = true);\n\n  // Moves focus according to the direction and pressed key.\n  const handleKeydown = useCallback(\n    (event: KeyboardEvent) => {\n      const { key, target } = event;\n\n      // Only change indices when navigating with arrow keys corresponding to the roving focus direction.\n      const isValidKeystroke =\n        ((direction === 'horizontal' || direction === 'both') &&\n          ['ArrowLeft', 'ArrowRight'].includes(key)) ||\n        ((direction === 'vertical' || direction === 'both') &&\n          ['ArrowUp', 'ArrowDown'].includes(key));\n\n      if (isValidKeystroke) {\n        event.preventDefault();\n\n        // Get index of event target.\n        const elementIndex = focusableElementsRefs.current.indexOf(target as V);\n\n        const nextIndex = tryFocusElementAtNextIndex(\n          key,\n          elementIndex,\n          focusableElementsRefs.current,\n          loopFocus,\n        );\n\n        if (nextIndex !== null) {\n          initialIndexRef.current = nextIndex;\n        }\n      } else if (key === 'Tab' && event.shiftKey) {\n        isTabbingBackOutRef.current = true;\n      }\n    },\n    [direction, loopFocus],\n  );\n\n  // Use a callback ref for the roving focus hook container to be able to react\n  // to updates changing references and conditionally rendered containers.\n  const setRef = useCallback(\n    (node: T) => {\n      const container = containerRef.current;\n      // Clean up event listeners of previous container\n      if (container) {\n        container.removeEventListener('keydown', handleKeydown);\n        container.removeEventListener('focus', handleFocus);\n        container.removeEventListener('blur', handleBlur);\n        container.removeEventListener('mouseDown', handleMouseDown);\n\n        for (const element of focusableElementsRefs.current) {\n          element.removeEventListener('focus', handleElementFocus);\n          element.removeEventListener('click', handleElementClick);\n        }\n      }\n\n      // Initialize event listeners for roving focus container and children.\n      if (node) {\n        focusableElementsRefs.current = Array.from(\n          node.querySelectorAll<V>(focusableChildrenSelector),\n        );\n\n        node.addEventListener('keydown', handleKeydown);\n\n        for (const [\n          index,\n          element,\n        ] of focusableElementsRefs.current.entries()) {\n          // Set all tab indices to -1 if the active element is not yet set (initial render).\n          // Else, when changing props, the active element's tab index would also be set to -1\n          // and nothing would be focusable anymore.\n\n          (!activeElement || activeElement !== element) &&\n            element.setAttribute(\n              'tabindex',\n              index === initialIndexRef.current ? '0' : '-1',\n            );\n          // reset the initial index when the container is reset (e.g. when resizing causes for example the AppHeader home link to switch to/from the\n          // burger menu, which would offset the initialIndex used when navigating via keyboard)\n          initialIndexRef.current = initialIndex;\n          element.addEventListener('click', handleElementClick);\n          element.addEventListener('focus', handleElementFocus);\n        }\n      }\n\n      containerRef.current = node;\n\n      if (containerRef.current) {\n        containerRef.current.style.outline = 'none';\n        containerRef.current.setAttribute('tabIndex', '0');\n        containerRef.current.addEventListener('focus', handleFocus);\n        containerRef.current.addEventListener('blur', handleBlur);\n        containerRef.current.addEventListener('mousedown', handleMouseDown);\n        isClickFocusRef.current = false;\n      }\n    },\n    // Excluding initialIndex and activeElement.\n    // A change in neither of them should lead to this effect running again, since\n    // it would clean-up and re-add the event listeners every time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [focusableChildrenSelector, handleKeydown, childNodesCount],\n  );\n\n  // Update tab indices of previous and active element.\n  useEffect(() => {\n    if (activeElement !== previousActiveElement) {\n      previousActiveElement?.setAttribute('tabindex', '-1');\n      activeElement?.setAttribute('tabindex', '0');\n    }\n  }, [activeElement, previousActiveElement]);\n\n  // Set the currently active element and update the initialIndexRef if the initial index or focusableChildrenSelector changes.\n  useEffect(resetActiveElement, [\n    focusableChildrenSelector,\n    resetActiveElement,\n  ]);\n\n  return { containerRef: setRef, activeElement };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { clamp } from 'lodash-es';\nimport {\n  type RefCallback,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { usePrevious } from './usePrevious.js';\nimport { getFirstFocusableChild as _getFirstFocusableChild } from '../utils/focus-management/get-first-focusable-child.js';\nimport { getLastFocusableChild as _getLastFocusableChild } from '../utils/focus-management/get-last-focusable-child.js';\n\n// #region Typings\n\n/**\n * Option type for the `useRovingFocus` hook, allowing to configure certain behaviors.\n * @public\n */\nexport type RovingFocusOptions = {\n  /**\n   * Index of the item that should initially be set to tabIndex = 0.\n   * @defaultValue 0\n   */\n  initialIndex?: number;\n\n  /**\n   * The arrangement of the navigable items. Determines which arrow keys are used for navigation.\n   * @defaultValue vertical\n   */\n  direction?: 'horizontal' | 'vertical' | 'both';\n\n  /**\n   * Determines whether the elements should be loopable.\n   * @defaultValue true\n   */\n  loopFocus?: boolean;\n\n  /**\n   * The selector used to retrieve all the navigable children.\n   * @defaultValue *\n   */\n  focusableChildrenSelector?: string;\n};\n\n/**\n * @public\n */\nexport type RovingFocusReturnType<T, V> = {\n  /**\n   * Reference of the container using roving focus.\n   * @defaultValue RefCallback<T>\n   */\n  containerRef: RefCallback<T>;\n\n  /**\n   * Currently active element.\n   * @defaultValue undefined\n   */\n  activeElement: V | undefined;\n};\n// #endregion Typings\n\n// TODO: Do we want to support nested roving containers?\n// Could also work with adding additional options for grouping children.\n// see: ADES-369\n\n// TODO: Use TreeWalker instead of just selecting all children matching given selector\n// see: ADES-607\n\n/**\n * Check if the element is focusable and focus it if it is.\n * @param element - DOM node to focus.\n * @returns true if the element was focused and false if it's not focusable\n */\nconst tryFocusElement = (element: HTMLElement) => {\n  // if focus is already where we want to focus, we don't want to keep going\n  if (element === document.activeElement) {\n    return true;\n  }\n\n  try {\n    element.focus();\n  } catch {\n    // continue regardless of error\n  }\n\n  return document.activeElement === element;\n};\n\n/**\n * Set focus on the first focusable element of the roving focus children or the child at the given index.\n * @param rovingFocusChildren - DOM node for which to find the first focusable descendant.\n * @returns The index of the element that was focused or undefined if nothing was focused\n */\nconst focusFirstOrAtIndex = (\n  rovingFocusChildren: HTMLElement[] | null,\n  index?: number,\n) => {\n  if (!rovingFocusChildren) {\n    return;\n  }\n\n  const previouslyFocusedEl = document.activeElement;\n  const elIndex =\n    index !== undefined ? clamp(index, 0, rovingFocusChildren.length - 1) : 0;\n\n  const element = rovingFocusChildren[elIndex];\n\n  // if focus is already where we want to focus, we don't want to keep going\n  if (tryFocusElement(element)) {\n    return elIndex;\n  } else {\n    element?.setAttribute('tabindex', '-1'); // set tabindex to -1, because it's not focusable and might have had tabindex 0\n  }\n\n  for (const [key, el] of rovingFocusChildren.entries()) {\n    if (key === elIndex) {\n      continue; // we already checked the initial index\n    }\n\n    // if focus is already where we want to focus, we don't want to keep going\n    if (el === previouslyFocusedEl) {\n      return;\n    }\n\n    try {\n      el.focus();\n    } catch {\n      // continue regardless of error\n    }\n\n    if (document.activeElement !== previouslyFocusedEl) {\n      return key;\n    }\n\n    el.setAttribute('tabindex', '-1'); // set tabindex to -1, because it's not focusable and might have had tabindex 0\n  }\n};\n\n/**\n * Given an array of elements and the key code, determine which is the next element that can be focused and focus it if it's focusable.\n * @returns the index of the focused element\n */\nconst tryFocusElementAtNextIndex = (\n  code: string,\n  elementIndex: number,\n  elements: HTMLElement[],\n  loopFocus: boolean,\n  initialElementIndex?: number,\n): number | null => {\n  // if we're trying to focus an element at index -1, it means the element can't be found in the array of focusable elements (e.g. all children inside the container were hidden)\n  if (elementIndex === -1) {\n    return null;\n  }\n\n  if (initialElementIndex === elementIndex) {\n    return null; // then we already looped through all elements and if we are back at the initialElementIndex, there was nothing focusable, so we need to abort to avoid running into an endless loop\n  }\n\n  let nextIndex = -1;\n  const lastElementIndex = elements.length - 1;\n\n  if (code === 'ArrowRight' || code === 'ArrowDown') {\n    // Move focus to next focusable element.\n    // If not loopable, clamp to the last element index.\n    nextIndex = loopFocus\n      ? (elementIndex + 1) % elements.length\n      : clamp(elementIndex + 1, lastElementIndex);\n  } else if (code === 'ArrowLeft' || code === 'ArrowUp') {\n    // Move focus to previous focusable element.\n    // If not loopable, clamp to zero.\n    const newIndex = elementIndex - 1;\n    if (loopFocus) {\n      nextIndex = newIndex < 0 ? lastElementIndex : newIndex;\n    } else {\n      nextIndex = Math.max(newIndex, 0);\n    }\n  }\n\n  const element = elements[nextIndex];\n\n  // Focus the new focusable element if it's focusable\n  // This triggers the event listener updating the active element, which\n  // in turn triggers the effect for setting the tab index.\n  if (tryFocusElement(element)) {\n    return nextIndex;\n  } else {\n    // when we navigate the items via keyboard or to the container, we need to set the tabIndex to -1 if an item is not focusable anymore (due to conditional rendering)\n    // it also might have had tabindex 0 before conditional rendering\n    element?.setAttribute('tabindex', '-1');\n    // try to focus the next element if the previous one wasn't focusable\n    return tryFocusElementAtNextIndex(\n      code,\n      nextIndex,\n      elements,\n      loopFocus,\n      initialElementIndex ?? elementIndex,\n    );\n  }\n};\n\n/**\n * The `useRovingFocus` hook applies a roving tab index to the children matching\n * the given selector and enables you to navigate the elements using the arrow\n * keys. Applying a roving tab index to a list of items enables you to efficiently\n * navigate through the app, having a single tab-stop for a collection of items.\n * Navigating back to the collection restores the focus to the item that has been\n * focused when navigating away, enabling you to return to where you left off.\n * @public\n */\nexport function useRovingFocus<\n  T extends HTMLElement,\n  V extends HTMLElement = HTMLElement,\n>({\n  initialIndex = 0,\n  direction = 'vertical',\n  loopFocus = true,\n  focusableChildrenSelector = ':scope > *',\n}: RovingFocusOptions = {}): RovingFocusReturnType<T, V> {\n  const [activeElement, setActiveElement] = useState<V | undefined>();\n  const previousActiveElement = usePrevious<V | undefined>(activeElement);\n  const containerRef = useRef<T | null>(null);\n  const isTabbingBackOutRef = useRef(false);\n  const initialIndexRef = useRef(initialIndex); // ref used to store the index when navigating via keyboard and reset it when more/fewer elements become focusable (e.g. on resize)\n  const isClickFocusRef = useRef(false); // ref used for fixing issues when an item is clicked and there's an attached focus handler that can collide with our roving focus handling (e.g. clicking on a radio button focuses/selects the first element and then the clicked one - ADES-3361)\n\n  const [childNodesCount, setChildNodesCount] = useState(0);\n\n  useEffect(() => {\n    const observer = new MutationObserver((mutationsList) => {\n      for (const mutation of mutationsList) {\n        if (mutation.type === 'childList') {\n          setChildNodesCount(containerRef.current?.childNodes.length ?? 0);\n        }\n      }\n    });\n\n    if (containerRef.current) {\n      observer.observe(containerRef.current, {\n        childList: true,\n        attributes: false,\n      });\n    }\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  const focusableElementsRefs = useRef<V[]>([]);\n\n  const resetActiveElement = useCallback(() => {\n    initialIndexRef.current = initialIndex;\n    setActiveElement(\n      focusableElementsRefs.current[\n        clamp(initialIndex, 0, focusableElementsRefs.current.length - 1)\n      ],\n    );\n  }, [initialIndex]);\n\n  // Set the currently active element to the event target when it receives focus.\n  const handleElementFocus = ({ target }: FocusEvent) => {\n    if (target !== null && target instanceof HTMLElement) {\n      setActiveElement(target as V);\n    }\n  };\n\n  // Focus clicked element to update currently active element.\n  const handleElementClick = ({ currentTarget }: MouseEvent) => {\n    if (currentTarget !== null && currentTarget instanceof HTMLElement) {\n      currentTarget.focus();\n      initialIndexRef.current = focusableElementsRefs.current.indexOf(\n        currentTarget as V,\n      );\n    }\n  };\n\n  const handleFocus = ({ target }: FocusEvent) => {\n    if (isTabbingBackOutRef.current) {\n      if (target !== null && target instanceof HTMLElement) {\n        handleShiftTab(target);\n      }\n      return;\n    }\n\n    if (isClickFocusRef.current) {\n      return;\n    }\n\n    const newIndex = focusFirstOrAtIndex(\n      focusableElementsRefs.current,\n      initialIndexRef.current,\n    );\n\n    if (newIndex !== undefined) {\n      initialIndexRef.current = newIndex;\n    }\n  };\n\n  /**\n   * We need to handle shift tabbing manually to move the focus to the previously focusable element (and the container has tabindex 0 in order to make it focusable even if a previously focused child has been hidden).\n   * Otherwise, the focus would be on the wrapping container and the user would need to shift tab again to get there.\n   */\n  const handleShiftTab = (target: HTMLElement) => {\n    focusPreviousFocusableNode(target);\n    isTabbingBackOutRef.current = false; // reset the tabbing back out state\n  };\n\n  /**\n   * Find the first focusable node closest to the roving focus container and set the focus to that node. If no focusable node can be found, reset the focus to the body.\n   * So when we shift-tab, we just move the focus to the previously focused element and we don't change any tabindex attribute.\n   */\n  const focusPreviousFocusableNode = (\n    target?: HTMLElement | Node | null,\n  ): HTMLElement | null => {\n    if (!target) {\n      return null;\n    }\n\n    const prevSibling = target.previousSibling as HTMLElement;\n\n    if (prevSibling !== null) {\n      // if the previous sibling has one child only or none, we don't need a tree walker and can just try to focus the element and see if it's focusable => then we could have an early exit\n      if (prevSibling.children?.length <= 1 && tryFocusElement(prevSibling)) {\n        return prevSibling;\n      }\n\n      // if there are more children, we need to check the last focusable child with the tree walker to shift-tab to it\n      /* e.g. (second button should be focused)\n      <div>\n        <Button onClick={() => setShowItem1(!showItem1)}>Toggle button 1</Button>\n        <Button onClick={() => setShowItem2(!showItem2)}>Toggle button 2</Button>\n        <div>I'm not focusable</div>\n      </div>\n      <RadioGroup >\n      {...}\n      </RadioGroup>\n      */\n      const lastFocusableChild = _getLastFocusableChild(\n        prevSibling,\n      ) as HTMLElement;\n\n      if (lastFocusableChild && tryFocusElement(lastFocusableChild)) {\n        return lastFocusableChild; // if it's focusable, we can return it\n      }\n\n      if (prevSibling.previousSibling !== null) {\n        // if there's still a previous sibling in the container, we need to check from there if we can focus any element inside\n        return focusPreviousFocusableNode(prevSibling);\n      }\n\n      // if there is no previous sibling, there is no focusable element left to check in the container, so we need to go up one level in the tree and check from there again\n      return focusPreviousFocusableNode(prevSibling.parentNode);\n    }\n\n    // if there's no previous sibling, we check the parent node\n    const prevFocusableEl = target.parentNode\n      ? _getFirstFocusableChild(target.parentNode)\n      : null;\n\n    // no previous sibling and the parent node has a focusable child\n    if (prevFocusableEl) {\n      // if the first focusable element of the parent node is still the roving focus container, we need to check the parent node for previous focusable nodes\n      /* e.g.: The container-parent div has the roving focus container as first focusable element, so we need to check recursively from the container-parent div (if there is a previous sibling - button - it gets the focus, or continue to the parent div if there was no focusable element).\n      Otherwise, we would focus the roving focus container, which is only focusable to be able to handle shift-tabbing properly but should not actually receive focus.\n\n      <div id=\"parent\">\n        <Button onClick={() => setShowItem1(!showItem1)}>Toggle button 1</Button>\n        <div id=\"container-parent\">\n          <RadioGroup>\n          {...}\n          </RadioGroup>\n        </div>\n      </div>\n      */\n      return focusPreviousFocusableNode(target.parentNode);\n    }\n\n    if (\n      document.activeElement &&\n      document.activeElement instanceof HTMLElement\n    ) {\n      document.activeElement.blur();\n    }\n\n    document.body.focus(); // if we reach this, it means there is no focusable element before the container in the DOM, so we need to focus the body\n    /* e.g.\n      <body>\n        <div>\n          <RadioGroup>\n          {...}\n          </RadioGroup>\n        </div>\n      </body>\n    */\n    return null;\n  };\n\n  const handleBlur = () => {\n    isTabbingBackOutRef.current = false;\n    isClickFocusRef.current = false;\n  };\n\n  const handleMouseDown = () => (isClickFocusRef.current = true);\n\n  // Moves focus according to the direction and pressed key.\n  const handleKeydown = useCallback(\n    (event: KeyboardEvent) => {\n      const { key, target } = event;\n\n      // Only change indices when navigating with arrow keys corresponding to the roving focus direction.\n      const isValidKeystroke =\n        ((direction === 'horizontal' || direction === 'both') &&\n          ['ArrowLeft', 'ArrowRight'].includes(key)) ||\n        ((direction === 'vertical' || direction === 'both') &&\n          ['ArrowUp', 'ArrowDown'].includes(key));\n\n      if (isValidKeystroke) {\n        event.preventDefault();\n\n        // Get index of event target.\n        const elementIndex = focusableElementsRefs.current.indexOf(target as V);\n\n        const nextIndex = tryFocusElementAtNextIndex(\n          key,\n          elementIndex,\n          focusableElementsRefs.current,\n          loopFocus,\n        );\n\n        if (nextIndex !== null) {\n          initialIndexRef.current = nextIndex;\n        }\n      } else if (key === 'Tab' && event.shiftKey) {\n        isTabbingBackOutRef.current = true;\n      }\n    },\n    [direction, loopFocus],\n  );\n\n  // Use a callback ref for the roving focus hook container to be able to react\n  // to updates changing references and conditionally rendered containers.\n  const setRef = useCallback(\n    (node: T) => {\n      const container = containerRef.current;\n      // Clean up event listeners of previous container\n      if (container) {\n        container.removeEventListener('keydown', handleKeydown);\n        container.removeEventListener('focus', handleFocus);\n        container.removeEventListener('blur', handleBlur);\n        container.removeEventListener('mouseDown', handleMouseDown);\n\n        for (const element of focusableElementsRefs.current) {\n          element.removeEventListener('focus', handleElementFocus);\n          element.removeEventListener('click', handleElementClick);\n        }\n      }\n\n      // Initialize event listeners for roving focus container and children.\n      if (node) {\n        focusableElementsRefs.current = Array.from(\n          node.querySelectorAll<V>(focusableChildrenSelector),\n        );\n\n        node.addEventListener('keydown', handleKeydown);\n\n        for (const [\n          index,\n          element,\n        ] of focusableElementsRefs.current.entries()) {\n          // Set all tab indices to -1 if the active element is not yet set (initial render).\n          // Else, when changing props, the active element's tab index would also be set to -1\n          // and nothing would be focusable anymore.\n\n          (!activeElement || activeElement !== element) &&\n            element.setAttribute(\n              'tabindex',\n              index === initialIndexRef.current ? '0' : '-1',\n            );\n          // reset the initial index when the container is reset (e.g. when resizing causes for example the AppHeader home link to switch to/from the\n          // burger menu, which would offset the initialIndex used when navigating via keyboard)\n          initialIndexRef.current = initialIndex;\n          element.addEventListener('click', handleElementClick);\n          element.addEventListener('focus', handleElementFocus);\n        }\n      }\n\n      containerRef.current = node;\n\n      if (containerRef.current) {\n        containerRef.current.style.outline = 'none';\n        containerRef.current.setAttribute('tabIndex', '0');\n        containerRef.current.addEventListener('focus', handleFocus);\n        containerRef.current.addEventListener('blur', handleBlur);\n        containerRef.current.addEventListener('mousedown', handleMouseDown);\n        isClickFocusRef.current = false;\n      }\n    },\n    // Excluding initialIndex and activeElement.\n    // A change in neither of them should lead to this effect running again, since\n    // it would clean-up and re-add the event listeners every time.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [focusableChildrenSelector, handleKeydown, childNodesCount],\n  );\n\n  // Update tab indices of previous and active element.\n  useEffect(() => {\n    if (activeElement !== previousActiveElement) {\n      previousActiveElement?.setAttribute('tabindex', '-1');\n      activeElement?.setAttribute('tabindex', '0');\n    }\n  }, [activeElement, previousActiveElement]);\n\n  // Set the currently active element and update the initialIndexRef if the initial index or focusableChildrenSelector changes.\n  useEffect(resetActiveElement, [\n    focusableChildrenSelector,\n    resetActiveElement,\n  ]);\n\n  return { containerRef: setRef, activeElement };\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B,+BAA+B;AAClE,SAAS,yBAAyB,8BAA8B;AAgEhE,MAAM,kBAAkB,CAAC,YAAyB;AAEhD,MAAI,YAAY,SAAS,eAAe;AACtC,WAAO;AAAA,EACT;AAEA,MAAI;AACF,YAAQ,MAAM;AAAA,EAChB,QAAQ;AAAA,EAER;AAEA,SAAO,SAAS,kBAAkB;AACpC;AAOA,MAAM,sBAAsB,CAC1B,qBACA,UACG;AACH,MAAI,CAAC,qBAAqB;AACxB;AAAA,EACF;AAEA,QAAM,sBAAsB,SAAS;AACrC,QAAM,UACJ,UAAU,SAAY,MAAM,OAAO,GAAG,oBAAoB,SAAS,CAAC,IAAI;AAE1E,QAAM,UAAU,oBAAoB,OAAO;AAG3C,MAAI,gBAAgB,OAAO,GAAG;AAC5B,WAAO;AAAA,EACT,OAAO;AACL,aAAS,aAAa,YAAY,IAAI;AAAA,EACxC;AAEA,aAAW,CAAC,KAAK,EAAE,KAAK,oBAAoB,QAAQ,GAAG;AACrD,QAAI,QAAQ,SAAS;AACnB;AAAA,IACF;AAGA,QAAI,OAAO,qBAAqB;AAC9B;AAAA,IACF;AAEA,QAAI;AACF,SAAG,MAAM;AAAA,IACX,QAAQ;AAAA,IAER;AAEA,QAAI,SAAS,kBAAkB,qBAAqB;AAClD,aAAO;AAAA,IACT;AAEA,OAAG,aAAa,YAAY,IAAI;AAAA,EAClC;AACF;AAMA,MAAM,6BAA6B,CACjC,MACA,cACA,UACA,WACA,wBACkB;AAElB,MAAI,iBAAiB,IAAI;AACvB,WAAO;AAAA,EACT;AAEA,MAAI,wBAAwB,cAAc;AACxC,WAAO;AAAA,EACT;AAEA,MAAI,YAAY;AAChB,QAAM,mBAAmB,SAAS,SAAS;AAE3C,MAAI,SAAS,gBAAgB,SAAS,aAAa;AAGjD,gBAAY,aACP,eAAe,KAAK,SAAS,SAC9B,MAAM,eAAe,GAAG,gBAAgB;AAAA,EAC9C,WAAW,SAAS,eAAe,SAAS,WAAW;AAGrD,UAAM,WAAW,eAAe;AAChC,QAAI,WAAW;AACb,kBAAY,WAAW,IAAI,mBAAmB;AAAA,IAChD,OAAO;AACL,kBAAY,KAAK,IAAI,UAAU,CAAC;AAAA,IAClC;AAAA,EACF;AAEA,QAAM,UAAU,SAAS,SAAS;AAKlC,MAAI,gBAAgB,OAAO,GAAG;AAC5B,WAAO;AAAA,EACT,OAAO;AAGL,aAAS,aAAa,YAAY,IAAI;AAEtC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,uBAAuB;AAAA,IACzB;AAAA,EACF;AACF;AAWO,SAAS,eAGd;AAAA,EACA,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,4BAA4B;AAC9B,IAAwB,CAAC,GAAgC;AACvD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB;AAClE,QAAM,wBAAwB,YAA2B,aAAa;AACtE,QAAM,eAAe,OAAiB,IAAI;AAC1C,QAAM,sBAAsB,OAAO,KAAK;AACxC,QAAM,kBAAkB,OAAO,YAAY;AAC3C,QAAM,kBAAkB,OAAO,KAAK;AAEpC,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,CAAC;AAExD,YAAU,MAAM;AACd,UAAM,WAAW,IAAI,iBAAiB,CAAC,kBAAkB;AACvD,iBAAW,YAAY,eAAe;AACpC,YAAI,SAAS,SAAS,aAAa;AACjC,6BAAmB,aAAa,SAAS,WAAW,UAAU,CAAC;AAAA,QACjE;AAAA,MACF;AAAA,IACF,CAAC;AAED,QAAI,aAAa,SAAS;AACxB,eAAS,QAAQ,aAAa,SAAS;AAAA,QACrC,WAAW;AAAA,QACX,YAAY;AAAA,MACd,CAAC;AAAA,IACH;AAEA,WAAO,MAAM;AACX,eAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,wBAAwB,OAAY,CAAC,CAAC;AAE5C,QAAM,qBAAqB,YAAY,MAAM;AAC3C,oBAAgB,UAAU;AAC1B;AAAA,MACE,sBAAsB,QACpB,MAAM,cAAc,GAAG,sBAAsB,QAAQ,SAAS,CAAC,CACjE;AAAA,IACF;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAGjB,QAAM,qBAAqB,CAAC,EAAE,OAAO,MAAkB;AACrD,QAAI,WAAW,QAAQ,kBAAkB,aAAa;AACpD,uBAAiB,MAAW;AAAA,IAC9B;AAAA,EACF;AAGA,QAAM,qBAAqB,CAAC,EAAE,cAAc,MAAkB;AAC5D,QAAI,kBAAkB,QAAQ,yBAAyB,aAAa;AAClE,oBAAc,MAAM;AACpB,sBAAgB,UAAU,sBAAsB,QAAQ;AAAA,QACtD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,EAAE,OAAO,MAAkB;AAC9C,QAAI,oBAAoB,SAAS;AAC/B,UAAI,WAAW,QAAQ,kBAAkB,aAAa;AACpD,uBAAe,MAAM;AAAA,MACvB;AACA;AAAA,IACF;AAEA,QAAI,gBAAgB,SAAS;AAC3B;AAAA,IACF;AAEA,UAAM,WAAW;AAAA,MACf,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IAClB;AAEA,QAAI,aAAa,QAAW;AAC1B,sBAAgB,UAAU;AAAA,IAC5B;AAAA,EACF;AAMA,QAAM,iBAAiB,CAAC,WAAwB;AAC9C,+BAA2B,MAAM;AACjC,wBAAoB,UAAU;AAAA,EAChC;AAMA,QAAM,6BAA6B,CACjC,WACuB;AACvB,QAAI,CAAC,QAAQ;AACX,aAAO;AAAA,IACT;AAEA,UAAM,cAAc,OAAO;AAE3B,QAAI,gBAAgB,MAAM;AAExB,UAAI,YAAY,UAAU,UAAU,KAAK,gBAAgB,WAAW,GAAG;AACrE,eAAO;AAAA,MACT;AAaA,YAAM,qBAAqB;AAAA,QACzB;AAAA,MACF;AAEA,UAAI,sBAAsB,gBAAgB,kBAAkB,GAAG;AAC7D,eAAO;AAAA,MACT;AAEA,UAAI,YAAY,oBAAoB,MAAM;AAExC,eAAO,2BAA2B,WAAW;AAAA,MAC/C;AAGA,aAAO,2BAA2B,YAAY,UAAU;AAAA,IAC1D;AAGA,UAAM,kBAAkB,OAAO,aAC3B,wBAAwB,OAAO,UAAU,IACzC;AAGJ,QAAI,iBAAiB;AAcnB,aAAO,2BAA2B,OAAO,UAAU;AAAA,IACrD;AAEA,QACE,SAAS,iBACT,SAAS,yBAAyB,aAClC;AACA,eAAS,cAAc,KAAK;AAAA,IAC9B;AAEA,aAAS,KAAK,MAAM;AAUpB,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,MAAM;AACvB,wBAAoB,UAAU;AAC9B,oBAAgB,UAAU;AAAA,EAC5B;AAEA,QAAM,kBAAkB,MAAO,gBAAgB,UAAU;AAGzD,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAAyB;AACxB,YAAM,EAAE,KAAK,OAAO,IAAI;AAGxB,YAAM,oBACF,cAAc,gBAAgB,cAAc,WAC5C,CAAC,aAAa,YAAY,EAAE,SAAS,GAAG,MACxC,cAAc,cAAc,cAAc,WAC1C,CAAC,WAAW,WAAW,EAAE,SAAS,GAAG;AAEzC,UAAI,kBAAkB;AACpB,cAAM,eAAe;AAGrB,cAAM,eAAe,sBAAsB,QAAQ,QAAQ,MAAW;AAEtE,cAAM,YAAY;AAAA,UAChB;AAAA,UACA;AAAA,UACA,sBAAsB;AAAA,UACtB;AAAA,QACF;AAEA,YAAI,cAAc,MAAM;AACtB,0BAAgB,UAAU;AAAA,QAC5B;AAAA,MACF,WAAW,QAAQ,SAAS,MAAM,UAAU;AAC1C,4BAAoB,UAAU;AAAA,MAChC;AAAA,IACF;AAAA,IACA,CAAC,WAAW,SAAS;AAAA,EACvB;AAIA,QAAM,SAAS;AAAA,IACb,CAAC,SAAY;AACX,YAAM,YAAY,aAAa;AAE/B,UAAI,WAAW;AACb,kBAAU,oBAAoB,WAAW,aAAa;AACtD,kBAAU,oBAAoB,SAAS,WAAW;AAClD,kBAAU,oBAAoB,QAAQ,UAAU;AAChD,kBAAU,oBAAoB,aAAa,eAAe;AAE1D,mBAAW,WAAW,sBAAsB,SAAS;AACnD,kBAAQ,oBAAoB,SAAS,kBAAkB;AACvD,kBAAQ,oBAAoB,SAAS,kBAAkB;AAAA,QACzD;AAAA,MACF;AAGA,UAAI,MAAM;AACR,8BAAsB,UAAU,MAAM;AAAA,UACpC,KAAK,iBAAoB,yBAAyB;AAAA,QACpD;AAEA,aAAK,iBAAiB,WAAW,aAAa;AAE9C,mBAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF,KAAK,sBAAsB,QAAQ,QAAQ,GAAG;AAK5C,WAAC,CAAC,iBAAiB,kBAAkB,YACnC,QAAQ;AAAA,YACN;AAAA,YACA,UAAU,gBAAgB,UAAU,MAAM;AAAA,UAC5C;AAGF,0BAAgB,UAAU;AAC1B,kBAAQ,iBAAiB,SAAS,kBAAkB;AACpD,kBAAQ,iBAAiB,SAAS,kBAAkB;AAAA,QACtD;AAAA,MACF;AAEA,mBAAa,UAAU;AAEvB,UAAI,aAAa,SAAS;AACxB,qBAAa,QAAQ,MAAM,UAAU;AACrC,qBAAa,QAAQ,aAAa,YAAY,GAAG;AACjD,qBAAa,QAAQ,iBAAiB,SAAS,WAAW;AAC1D,qBAAa,QAAQ,iBAAiB,QAAQ,UAAU;AACxD,qBAAa,QAAQ,iBAAiB,aAAa,eAAe;AAClE,wBAAgB,UAAU;AAAA,MAC5B;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,CAAC,2BAA2B,eAAe,eAAe;AAAA,EAC5D;AAGA,YAAU,MAAM;AACd,QAAI,kBAAkB,uBAAuB;AAC3C,6BAAuB,aAAa,YAAY,IAAI;AACpD,qBAAe,aAAa,YAAY,GAAG;AAAA,IAC7C;AAAA,EACF,GAAG,CAAC,eAAe,qBAAqB,CAAC;AAGzC,YAAU,oBAAoB;AAAA,IAC5B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,EAAE,cAAc,QAAQ,cAAc;AAC/C;",
   "names": []
 }

package/esm/core/hooks/useSlots.js

@@ -4,10 +4,13 @@ import {
 } from "react";
 import { isDev } from "../utils/is-node-environment.js";
 function mapValues(obj, fn) {
-  return Object.keys(obj).reduce((result, key) => {
-    result[key] = fn(obj[key]);
-    return result;
-  }, {});
+  return Object.keys(obj).reduce(
+    (result, key) => {
+      result[key] = fn(obj[key]);
+      return result;
+    },
+    {}
+  );
 }
 function useSlots(children, config) {
   const slots = mapValues(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/useSlots.ts"],
-  "sourcesContent": ["// Based on githubs primer useSlots\n// https://github.com/primer/react/blob/main/packages/react/src/hooks/useSlots.ts\nimport {\n  Children,\n  isValidElement,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type ElementType as ReactElementType,\n  type ReactNode,\n} from 'react';\n\nimport { isDev } from '../utils/is-node-environment.js';\n\n// slot config allows 2 options:\n// 1. Component to match, example: { leadingVisual: LeadingVisual }\ntype ComponentMatcher = ReactElementType<Props>;\n// Component to match + a configuration paramter to match multiple ones of the provided component\ntype ComponentArrayMatcher = { match: ComponentMatcher; multiple: true };\n\n/**\n * @internal\n */\nexport type SlotConfig = Record<\n  string,\n  ComponentMatcher | ComponentArrayMatcher\n>;\n\n// We don't know what the props are yet, we set them later based on slot config\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Props = any;\n\ntype SlotElements<Config extends SlotConfig> = {\n  [Property in keyof Config]: SlotValue<Config, Property>;\n};\n\ntype SlotValue<\n  Config,\n  Property extends keyof Config,\n> = Config[Property] extends { match: infer Match; multiple: true }\n  ? Match extends ReactElementType\n    ? Array<ReactElement<ComponentPropsWithoutRef<Match>, Match>>\n    : // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    Match extends [infer ElementType extends ReactElementType, any]\n    ? Array<ReactElement<ComponentPropsWithoutRef<ElementType>, ElementType>>\n    : never\n  : Config[Property] extends ReactElementType\n  ? ReactElement<ComponentPropsWithoutRef<Config[Property]>, Config[Property]>\n  : never;\n\n/** Map the values of an object */\nfunction mapValues<T extends Record<string, unknown>, V>(\n  obj: T,\n  fn: (value: T[keyof T]) => V,\n) {\n  return Object.keys(obj).reduce((result, key: keyof T) => {\n    result[key] = fn(obj[key]);\n    return result;\n  }, {} as Record<keyof T, V>);\n}\n\n/**\n * Extract components from `children` so we can render them in different places,\n * allowing us to implement components with SSR-compatible slot APIs.\n * Note: We can only extract direct children, not nested ones.\n * @internal\n */\nexport function useSlots<Config extends SlotConfig>(\n  children: ReactNode,\n  config: Config,\n): [Partial<SlotElements<Config>>, ReactNode[]] {\n  // Object mapping slot names to their elements\n  // @ts-expect-error Check overlap with Array<never>\n  const slots: Partial<SlotElements<Config>> = mapValues(\n    config,\n    (slotConfig) => {\n      if (\n        typeof slotConfig === 'object' &&\n        'multiple' in slotConfig &&\n        slotConfig.multiple === true\n      ) {\n        return [];\n      }\n      return undefined;\n    },\n  );\n\n  // Array of elements that are not slots\n  const rest: ReactNode[] = [];\n\n  const keys = Object.keys(config) as Array<keyof Config>;\n  const values = Object.values(config);\n\n  Children.forEach(children, (child) => {\n    // Ensure no empty elements are passed or rendered\n    if (child === undefined || child === null || child === false) {\n      return;\n    }\n    // If the child is not a valid element, push it immediately to the rest\n    if (!isValidElement(child)) {\n      rest.push(child);\n      return;\n    }\n    // Find if the child matches one of the provided components.\n    const index = values.findIndex((value) => {\n      if (typeof value === 'object' && 'match' in value) {\n        return child.type === value.match;\n      }\n\n      return child.type === value;\n    });\n\n    // If the child is not a slot, add it to the `rest` array\n    if (index === -1) {\n      rest.push(child);\n      return;\n    }\n\n    const slotKey = keys[index];\n\n    // If slot is already filled, ignore duplicates\n    if (!Array.isArray(slots[slotKey]) && slots[slotKey]) {\n      if (isDev()) {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Found duplicate \"${String(\n            slotKey,\n          )}\" slot. Only the first will be rendered.`,\n        );\n      }\n\n      return;\n    }\n\n    // If the child is a slot, add it to the `slots` object\n    if (Array.isArray(slots[slotKey])) {\n      slots[slotKey].push(child);\n    } else {\n      slots[slotKey] = child as SlotValue<Config, keyof Config>;\n    }\n  });\n\n  return [slots, rest];\n}\n"],
-  "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,OAKK;AAEP,SAAS,aAAa;AAuCtB,SAAS,UACP,KACA,IACA;AACA,SAAO,OAAO,KAAK,GAAG,EAAE,OAAO,CAAC,QAAQ,QAAiB;AACvD,WAAO,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC;AACzB,WAAO;AAAA,EACT,GAAG,CAAC,CAAuB;AAC7B;AAQO,SAAS,SACd,UACA,QAC8C;AAG9C,QAAM,QAAuC;AAAA,IAC3C;AAAA,IACA,CAAC,eAAe;AACd,UACE,OAAO,eAAe,YACtB,cAAc,cACd,WAAW,aAAa,MACxB;AACA,eAAO,CAAC;AAAA,MACV;AACA,aAAO;AAAA,IACT;AAAA,EACF;AAGA,QAAM,OAAoB,CAAC;AAE3B,QAAM,OAAO,OAAO,KAAK,MAAM;AAC/B,QAAM,SAAS,OAAO,OAAO,MAAM;AAEnC,WAAS,QAAQ,UAAU,CAAC,UAAU;AAEpC,QAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,OAAO;AAC5D;AAAA,IACF;AAEA,QAAI,CAAC,eAAe,KAAK,GAAG;AAC1B,WAAK,KAAK,KAAK;AACf;AAAA,IACF;AAEA,UAAM,QAAQ,OAAO,UAAU,CAAC,UAAU;AACxC,UAAI,OAAO,UAAU,YAAY,WAAW,OAAO;AACjD,eAAO,MAAM,SAAS,MAAM;AAAA,MAC9B;AAEA,aAAO,MAAM,SAAS;AAAA,IACxB,CAAC;AAGD,QAAI,UAAU,IAAI;AAChB,WAAK,KAAK,KAAK;AACf;AAAA,IACF;AAEA,UAAM,UAAU,KAAK,KAAK;AAG1B,QAAI,CAAC,MAAM,QAAQ,MAAM,OAAO,CAAC,KAAK,MAAM,OAAO,GAAG;AACpD,UAAI,MAAM,GAAG;AAEX,gBAAQ;AAAA,UACN,oBAAoB;AAAA,YAClB;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAEA;AAAA,IACF;AAGA,QAAI,MAAM,QAAQ,MAAM,OAAO,CAAC,GAAG;AACjC,YAAM,OAAO,EAAE,KAAK,KAAK;AAAA,IAC3B,OAAO;AACL,YAAM,OAAO,IAAI;AAAA,IACnB;AAAA,EACF,CAAC;AAED,SAAO,CAAC,OAAO,IAAI;AACrB;",
+  "sourcesContent": ["// Based on githubs primer useSlots\n// https://github.com/primer/react/blob/main/packages/react/src/hooks/useSlots.ts\nimport {\n  Children,\n  isValidElement,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type ElementType as ReactElementType,\n  type ReactNode,\n} from 'react';\n\nimport { isDev } from '../utils/is-node-environment.js';\n\n// slot config allows 2 options:\n// 1. Component to match, example: { leadingVisual: LeadingVisual }\ntype ComponentMatcher = ReactElementType<Props>;\n// Component to match + a configuration paramter to match multiple ones of the provided component\ntype ComponentArrayMatcher = { match: ComponentMatcher; multiple: true };\n\n/**\n * @internal\n */\nexport type SlotConfig = Record<\n  string,\n  ComponentMatcher | ComponentArrayMatcher\n>;\n\n// We don't know what the props are yet, we set them later based on slot config\n// oxlint-disable-next-line typescript/no-explicit-any\ntype Props = any;\n\ntype SlotElements<Config extends SlotConfig> = {\n  [Property in keyof Config]: SlotValue<Config, Property>;\n};\n\ntype SlotValue<\n  Config,\n  Property extends keyof Config,\n> = Config[Property] extends { match: infer Match; multiple: true }\n  ? Match extends ReactElementType\n    ? Array<ReactElement<ComponentPropsWithoutRef<Match>, Match>>\n    : // oxlint-disable-next-line typescript/no-explicit-any\n      Match extends [infer ElementType extends ReactElementType, any]\n      ? Array<ReactElement<ComponentPropsWithoutRef<ElementType>, ElementType>>\n      : never\n  : Config[Property] extends ReactElementType\n    ? ReactElement<ComponentPropsWithoutRef<Config[Property]>, Config[Property]>\n    : never;\n\n/** Map the values of an object */\nfunction mapValues<T extends Record<string, unknown>, V>(\n  obj: T,\n  fn: (value: T[keyof T]) => V,\n) {\n  return Object.keys(obj).reduce(\n    (result, key: keyof T) => {\n      result[key] = fn(obj[key]);\n      return result;\n    },\n    {} as Record<keyof T, V>,\n  );\n}\n\n/**\n * Extract components from `children` so we can render them in different places,\n * allowing us to implement components with SSR-compatible slot APIs.\n * Note: We can only extract direct children, not nested ones.\n * @internal\n */\nexport function useSlots<Config extends SlotConfig>(\n  children: ReactNode,\n  config: Config,\n): [Partial<SlotElements<Config>>, ReactNode[]] {\n  // Object mapping slot names to their elements\n  // @ts-expect-error Check overlap with Array<never>\n  const slots: Partial<SlotElements<Config>> = mapValues(\n    config,\n    (slotConfig) => {\n      if (\n        typeof slotConfig === 'object' &&\n        'multiple' in slotConfig &&\n        slotConfig.multiple === true\n      ) {\n        return [];\n      }\n      return undefined;\n    },\n  );\n\n  // Array of elements that are not slots\n  const rest: ReactNode[] = [];\n\n  const keys = Object.keys(config) as Array<keyof Config>;\n  const values = Object.values(config);\n\n  Children.forEach(children, (child) => {\n    // Ensure no empty elements are passed or rendered\n    if (child === undefined || child === null || child === false) {\n      return;\n    }\n    // If the child is not a valid element, push it immediately to the rest\n    if (!isValidElement(child)) {\n      rest.push(child);\n      return;\n    }\n    // Find if the child matches one of the provided components.\n    const index = values.findIndex((value) => {\n      if (typeof value === 'object' && 'match' in value) {\n        return child.type === value.match;\n      }\n\n      return child.type === value;\n    });\n\n    // If the child is not a slot, add it to the `rest` array\n    if (index === -1) {\n      rest.push(child);\n      return;\n    }\n\n    const slotKey = keys[index];\n\n    // If slot is already filled, ignore duplicates\n    if (!Array.isArray(slots[slotKey]) && slots[slotKey]) {\n      if (isDev()) {\n        // oxlint-disable-next-line no-console\n        console.log(\n          `Found duplicate \"${String(\n            slotKey,\n          )}\" slot. Only the first will be rendered.`,\n        );\n      }\n\n      return;\n    }\n\n    // If the child is a slot, add it to the `slots` object\n    if (Array.isArray(slots[slotKey])) {\n      slots[slotKey].push(child);\n    } else {\n      slots[slotKey] = child as SlotValue<Config, keyof Config>;\n    }\n  });\n\n  return [slots, rest];\n}\n"],
+  "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,OAKK;AAEP,SAAS,aAAa;AAuCtB,SAAS,UACP,KACA,IACA;AACA,SAAO,OAAO,KAAK,GAAG,EAAE;AAAA,IACtB,CAAC,QAAQ,QAAiB;AACxB,aAAO,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC;AACzB,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAQO,SAAS,SACd,UACA,QAC8C;AAG9C,QAAM,QAAuC;AAAA,IAC3C;AAAA,IACA,CAAC,eAAe;AACd,UACE,OAAO,eAAe,YACtB,cAAc,cACd,WAAW,aAAa,MACxB;AACA,eAAO,CAAC;AAAA,MACV;AACA,aAAO;AAAA,IACT;AAAA,EACF;AAGA,QAAM,OAAoB,CAAC;AAE3B,QAAM,OAAO,OAAO,KAAK,MAAM;AAC/B,QAAM,SAAS,OAAO,OAAO,MAAM;AAEnC,WAAS,QAAQ,UAAU,CAAC,UAAU;AAEpC,QAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,OAAO;AAC5D;AAAA,IACF;AAEA,QAAI,CAAC,eAAe,KAAK,GAAG;AAC1B,WAAK,KAAK,KAAK;AACf;AAAA,IACF;AAEA,UAAM,QAAQ,OAAO,UAAU,CAAC,UAAU;AACxC,UAAI,OAAO,UAAU,YAAY,WAAW,OAAO;AACjD,eAAO,MAAM,SAAS,MAAM;AAAA,MAC9B;AAEA,aAAO,MAAM,SAAS;AAAA,IACxB,CAAC;AAGD,QAAI,UAAU,IAAI;AAChB,WAAK,KAAK,KAAK;AACf;AAAA,IACF;AAEA,UAAM,UAAU,KAAK,KAAK;AAG1B,QAAI,CAAC,MAAM,QAAQ,MAAM,OAAO,CAAC,KAAK,MAAM,OAAO,GAAG;AACpD,UAAI,MAAM,GAAG;AAEX,gBAAQ;AAAA,UACN,oBAAoB;AAAA,YAClB;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAEA;AAAA,IACF;AAGA,QAAI,MAAM,QAAQ,MAAM,OAAO,CAAC,GAAG;AACjC,YAAM,OAAO,EAAE,KAAK,KAAK;AAAA,IAC3B,OAAO;AACL,YAAM,OAAO,IAAI;AAAA,IACnB;AAAA,EACF,CAAC;AAED,SAAO,CAAC,OAAO,IAAI;AACrB;",
   "names": []
 }

package/esm/core/hooks/useVisualRefreshEnabled.js

@@ -2,7 +2,7 @@ import { useSyncExternalStore } from "react";
 import { isVisualRefreshEnabled } from "../utils/is-visual-refresh-enabled.js";
 function useVisualRefreshEnabled() {
   return useSyncExternalStore(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // oxlint-disable-next-line typescript/no-explicit-any
     () => () => globalThis.dtVisualRefreshEnabled,
     () => isVisualRefreshEnabled(),
     () => false

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/useVisualRefreshEnabled.ts"],
-  "sourcesContent": ["import { useSyncExternalStore } from 'react';\n\nimport { isVisualRefreshEnabled } from '../utils/is-visual-refresh-enabled.js';\n\n/**\n * @internal\n */\nexport function useVisualRefreshEnabled(): boolean {\n  return useSyncExternalStore(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    () => () => (globalThis as any).dtVisualRefreshEnabled,\n    () => isVisualRefreshEnabled(),\n    () => false,\n  );\n}\n"],
+  "sourcesContent": ["import { useSyncExternalStore } from 'react';\n\nimport { isVisualRefreshEnabled } from '../utils/is-visual-refresh-enabled.js';\n\n/**\n * @internal\n */\nexport function useVisualRefreshEnabled(): boolean {\n  return useSyncExternalStore(\n    // oxlint-disable-next-line typescript/no-explicit-any\n    () => () => (globalThis as any).dtVisualRefreshEnabled,\n    () => isVisualRefreshEnabled(),\n    () => false,\n  );\n}\n"],
   "mappings": "AAAA,SAAS,4BAA4B;AAErC,SAAS,8BAA8B;AAKhC,SAAS,0BAAmC;AACjD,SAAO;AAAA;AAAA,IAEL,MAAM,MAAO,WAAmB;AAAA,IAChC,MAAM,uBAAuB;AAAA,IAC7B,MAAM;AAAA,EACR;AACF;",
   "names": []
 }

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 { dtVisualRefreshEnabled as _dtVisualRefreshEnabled } from './components/app-root/AppRoot.sty.js';\nexport {\n  FocusScope,\n  type FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport type {\n  FocusContextProps as _FocusContextProps,\n  FocusScopeRegistration as _FocusScopeRegistration,\n} from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n  type UseFocusRingProps,\n  type FocusRingProps,\n  useFocusRing,\n} from './hooks/useFocusRing.js';\nexport { FocusProvider as _FocusProvider } 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';\nexport type {\n  PolymorphOwnProps,\n  PolymorphProps,\n  PolymorphicComponentProps,\n} from './types/polymorph.js';\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';\nexport { type _HeadingLevel, type _HeadingTag } from './types/heading.js';\nexport { useAriaLabelingProps as _useAriaLabelingProps } from './hooks/useAriaLabelingProps.js';\nexport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from './hooks/useBehavioralTrackingProps.js';\nexport { useId } from './hooks/useId.js';\nexport { useSafeForwardProps as _useSafeForwardProps } from './hooks/useSafeForwardProps.js';\nexport type { UseSafeForwardReturnProps as _UseSafeForwardReturnProps } from './hooks/useSafeForwardProps.js';\nexport type {\n  AriaDisabledProps,\n  AriaLabelingProps,\n} from './types/a11y-props.js';\nexport type { DOMProps } from './types/dom.js';\nexport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from './utils/can-receive-default-text-format.js';\nexport { parseBoolean as _parseBoolean } from './utils/parse-boolean.js';\nexport type { BehaviorTrackingProps } from './types/behavior-tracking-props.js';\nexport { OverlayContainer } from './components/OverlayContainer.js';\nexport type { OverlayContainerProps } from './components/OverlayContainer.js';\nexport { VisuallyHidden as _VisuallyHidden } from './components/visually-hidden/VisuallyHidden.js';\nexport { ModalContext } from './contexts/ModalContext.js';\nexport type { ModalContextProps } from './contexts/ModalContext.js';\nexport { OverlayStackingContext } from './contexts/OverlayStacking.js';\nexport { SharedInputPropsContext } from './contexts/SharedInputPropsContext.js';\nexport type { SharedInputProps } from './contexts/SharedInputPropsContext.js';\nexport { useBreakpointProps } from './hooks/useBreakpointProps.js';\nexport type { BreakpointProps } from './hooks/useBreakpointProps.js';\nexport { useContainerBreakpoint } from './hooks/useContainerBreakpoint.js';\nexport { useContainerSize } from './hooks/useContainerSize.js';\nexport type { ContainerSize } from './hooks/useContainerSize.js';\nexport { useControllableState as _useControllableState } from './hooks/useControllableState.js';\nexport type { useControllableStateProps as _useControllableStateProps } from './hooks/useControllableState.js';\nexport { useFocusRing as _useFocusRing } from './hooks/useFocusRing.js';\nexport type {\n  FocusRingProps as _FocusRingProps,\n  UseFocusRingProps as _UseFocusRingProps,\n} from './hooks/useFocusRing.js';\nexport { useFormControlState as _useFormControlState } from './hooks/useFormControlState.js';\nexport type { useFormControlStateReturnType as _useFormControlStateReturnType } from './hooks/useFormControlState.js';\nexport { useIsInViewport as _useIsInViewport } from './hooks/useIsInViewport.js';\nexport { useMeasureChildren as _useMeasureChildren } from './hooks/useMeasureChildren.js';\nexport type {\n  UseMeasureChildrenChildProps as _UseMeasureChildrenChildProps,\n  UseMeasureChildrenReturnType as _UseMeasureChildrenReturnType,\n  ContainerSize as _ContainerSize,\n} from './hooks/useMeasureChildren.js';\nexport { useMergeRefs } from './hooks/useMergeRefs.js';\nexport { useOverlayStacking } from './hooks/useOverlayStacking.js';\nexport type { Elevation } from './hooks/useOverlayStacking.js';\nexport { usePrevious } from './hooks/usePrevious.js';\nexport { useRequestAnimationFrame as _useRequestAnimationFrame } from './hooks/useRequestAnimationFrame.js';\nexport type { useThrottleReturnType as _useThrottleReturnType } from './hooks/useRequestAnimationFrame.js';\nexport { useRovingFocus } from './hooks/useRovingFocus.js';\nexport type {\n  RovingFocusOptions,\n  RovingFocusReturnType,\n} from './hooks/useRovingFocus.js';\nexport { useSafeLayoutEffect } from './hooks/useSafeLayoutEffect.js';\nexport { useSharedInputPropsContext as _useSharedInputPropsContext } from './hooks/useSharedInputPropsContext.js';\nexport type {\n  NumberFormatParser as _NumberFormatParser,\n  NumberFormatParserArgs as _NumberFormatParserArgs,\n} from '../filters/filter-field/parser/getNumberParser.js';\nexport { ModalContextProvider } from './providers/ModalContextProvider.js';\nexport type { ModalContextProviderProps } from './providers/ModalContextProvider.js';\nexport { OverlayProvider } from './providers/OverlayProvider.js';\nexport { OverlayStackingProvider } from './providers/OverlayStackingProvider.js';\nexport { ScrollProvider } from './providers/ScrollProvider.js';\nexport type { ScrollProviderProps } from './providers/ScrollProvider.js';\nexport { useStoreSelector } from './store/selector.js';\nexport { createStore } from './store/store.js';\nexport type { Store } from './store/store.js';\nexport type {\n  BaseEvent,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FocusEvents,\n  KeyboardEvent,\n  KeyboardEvents,\n  PressEvent,\n} from './types/events.js';\nexport type {\n  FormControlProps,\n  FormControlBaseProps,\n  FormControlControlledProps,\n  FormControlUncontrolledProps,\n} from './types/form-control-props.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FormControlState,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FormControlStateProps,\n  FormControlValueState,\n} from './types/form-control-state.js';\nexport type {\n  Components,\n  NormalComponents as ReactMarkdownNormalComponents,\n  SpecialComponents as ReactMarkdownSpecialComponents,\n  UnorderedListComponent as ReactMarkdownUnorderedListComponent,\n  TableRowComponent as ReactMarkdownTableRowComponent,\n  TableCellComponent as ReactMarkdownTableCellComponent,\n  OrderedListComponent as ReactMarkdownOrderedListComponent,\n  LiComponent as ReactMarkdownLiComponent,\n  HeadingComponent as ReactMarkdownHeadingComponent,\n  CodeComponent as ReactMarkdownCodeComponent,\n  ReactMarkdownProps as ReactMarkdownReactMarkdownProps,\n  ReactMarkdownNames as ReactMarkdownReactMarkdownNames,\n  IntrinsicElements as ReactMarkdownIntrinsicElements,\n} from './types/markdown/react-markdown.js';\nexport type {\n  Position as UnistPosition,\n  Point as UnistPoint,\n  Parent as UnistParent,\n  Node as UnistNode,\n  Literal as UnistLiteral,\n  NodeData as UnistNodeData,\n  Data as UnistData,\n} from './types/markdown/unist.js';\nexport type {\n  Element as HastElement,\n  Properties as HastProperties,\n  Root as HastRoot,\n  Parent as HastParent,\n  Content as HastContent,\n  RootContent as HastRootContent,\n  ElementContent as HastElementContent,\n  RootContentMap as HastRootContentMap,\n  ElementContentMap as HastElementContentMap,\n  Comment as HastComment,\n  DocType as HastDocType,\n  Text as HastText,\n  Literal as HastLiteral,\n} from './types/markdown/hast.js';\nexport type { Orientation } from './types/orientation.js';\nexport type { PointerType } from './types/pointer.js';\nexport type {\n  CombinedThresholds,\n  ThresholdPropsWithBackgroundColorOptional,\n  ThresholdPropsWithColorOptional,\n  SingleThreshold,\n  Threshold,\n  ThresholdColor,\n  ThresholdColors,\n  ThresholdExtended,\n  ThresholdForNumbers,\n  ThresholdForStrings,\n  ThresholdNumbersComparator,\n  ThresholdOptions,\n  ThresholdRule,\n  ThresholdStringsComparator,\n} from './types/threshold-types.js';\nexport type {\n  // DEPRECATION: [APPDEV-16487] BREAKING-CHANGE: Forms - Remove deprecated parseTime.\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TimeDetails,\n  Timeframe,\n  TimeValue,\n} from './types/time.js';\nexport { isNumber, isPotentialDateValue } from './types/type-guards.js';\n// DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\nexport {\n  /**\n   * @deprecated Will be removed in the future.\n   */\n  formatDatetimeDefault as _formatDate,\n} from './utils/default-formatters.js';\nexport { _sanitizeSymbol } from './utils/sanitize-symbol.js';\nexport { convertToNumberIfPureNumber as _convertToNumberIfPureNumber } from './utils/string-utils.js';\nexport { _InteractiveSelector } from './utils/styles/interactiveSelector.js';\nexport {\n  _checkCombinedThresholdRules,\n  _matchesThreshold,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  getThresholdColor,\n} from './utils/threshold-utils.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { TIMEFRAME_EXPRESSION, parseTime } from './utils/timeParser.js';\nexport {\n  downloadBlob as _downloadBlob,\n  downloadCSV as _downloadCSV,\n  downloadFromUrl as _downloadFromUrl,\n} from './utils/download.js';\nexport { accessValue as _accessValue } from './utils/accessors/access-value.js';\nexport type {\n  IntentProps,\n  IntentWithResponseProps,\n  IntentWithoutResponseProps,\n  SuccessRes,\n  ErrorRes,\n  IntentBaseProps,\n} from './slots/Intent/Intent.js';\nexport { Intent } from './slots/Intent/Intent.js';\n\nexport {\n  usePermissions,\n  type PermissionsResult,\n  type PermissionDetail,\n} from './hooks/usePermissions.js';\nexport {\n  useAppState as _useAppState,\n  useUserAppState as _useUserAppState,\n} from './sdk/app-state/useAppState.js';\nexport {\n  useAppStateValue as _useAppStateValue,\n  useUserAppStateValue as _useUserAppStateValue,\n  type UseAppStateValueResult as _UseAppStateValueResult,\n  type UseUserAppStateValueResult as _UseUserAppStateValueResult,\n} from './sdk/app-state/useAppStateValue.js';\n\nexport type {\n  _SetOptions,\n  _UseAppStateResult,\n} from './sdk/app-state/useAppStateInternal.js';\n"],
+  "sourcesContent": ["export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';\nexport { dtVisualRefreshEnabled as _dtVisualRefreshEnabled } from './components/app-root/AppRoot.sty.js';\nexport {\n  FocusScope,\n  type FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport type {\n  FocusContextProps as _FocusContextProps,\n  FocusScopeRegistration as _FocusScopeRegistration,\n} from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n  type UseFocusRingProps,\n  type FocusRingProps,\n  useFocusRing,\n} from './hooks/useFocusRing.js';\nexport { FocusProvider as _FocusProvider } 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';\nexport type {\n  PolymorphOwnProps,\n  PolymorphProps,\n  PolymorphicComponentProps,\n} from './types/polymorph.js';\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';\nexport { type _HeadingLevel, type _HeadingTag } from './types/heading.js';\nexport { useAriaLabelingProps as _useAriaLabelingProps } from './hooks/useAriaLabelingProps.js';\nexport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from './hooks/useBehavioralTrackingProps.js';\nexport { useId } from './hooks/useId.js';\nexport { useSafeForwardProps as _useSafeForwardProps } from './hooks/useSafeForwardProps.js';\nexport type { UseSafeForwardReturnProps as _UseSafeForwardReturnProps } from './hooks/useSafeForwardProps.js';\nexport type {\n  AriaDisabledProps,\n  AriaLabelingProps,\n} from './types/a11y-props.js';\nexport type { DOMProps } from './types/dom.js';\nexport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from './utils/can-receive-default-text-format.js';\nexport { parseBoolean as _parseBoolean } from './utils/parse-boolean.js';\nexport type { BehaviorTrackingProps } from './types/behavior-tracking-props.js';\nexport { OverlayContainer } from './components/OverlayContainer.js';\nexport type { OverlayContainerProps } from './components/OverlayContainer.js';\nexport { VisuallyHidden as _VisuallyHidden } from './components/visually-hidden/VisuallyHidden.js';\nexport { ModalContext } from './contexts/ModalContext.js';\nexport type { ModalContextProps } from './contexts/ModalContext.js';\nexport { OverlayStackingContext } from './contexts/OverlayStacking.js';\nexport { SharedInputPropsContext } from './contexts/SharedInputPropsContext.js';\nexport type { SharedInputProps } from './contexts/SharedInputPropsContext.js';\nexport { useBreakpointProps } from './hooks/useBreakpointProps.js';\nexport type { BreakpointProps } from './hooks/useBreakpointProps.js';\nexport { useContainerBreakpoint } from './hooks/useContainerBreakpoint.js';\nexport { useContainerSize } from './hooks/useContainerSize.js';\nexport type { ContainerSize } from './hooks/useContainerSize.js';\nexport { useControllableState as _useControllableState } from './hooks/useControllableState.js';\nexport type { useControllableStateProps as _useControllableStateProps } from './hooks/useControllableState.js';\nexport { useFocusRing as _useFocusRing } from './hooks/useFocusRing.js';\nexport type {\n  FocusRingProps as _FocusRingProps,\n  UseFocusRingProps as _UseFocusRingProps,\n} from './hooks/useFocusRing.js';\nexport { useFormControlState as _useFormControlState } from './hooks/useFormControlState.js';\nexport type { useFormControlStateReturnType as _useFormControlStateReturnType } from './hooks/useFormControlState.js';\nexport { useIsInViewport as _useIsInViewport } from './hooks/useIsInViewport.js';\nexport { useMeasureChildren as _useMeasureChildren } from './hooks/useMeasureChildren.js';\nexport type {\n  UseMeasureChildrenChildProps as _UseMeasureChildrenChildProps,\n  UseMeasureChildrenReturnType as _UseMeasureChildrenReturnType,\n  ContainerSize as _ContainerSize,\n} from './hooks/useMeasureChildren.js';\nexport { useMergeRefs } from './hooks/useMergeRefs.js';\nexport { useOverlayStacking } from './hooks/useOverlayStacking.js';\nexport type { Elevation } from './hooks/useOverlayStacking.js';\nexport { usePrevious } from './hooks/usePrevious.js';\nexport { useRequestAnimationFrame as _useRequestAnimationFrame } from './hooks/useRequestAnimationFrame.js';\nexport type { useThrottleReturnType as _useThrottleReturnType } from './hooks/useRequestAnimationFrame.js';\nexport { useRovingFocus } from './hooks/useRovingFocus.js';\nexport type {\n  RovingFocusOptions,\n  RovingFocusReturnType,\n} from './hooks/useRovingFocus.js';\nexport { useSafeLayoutEffect } from './hooks/useSafeLayoutEffect.js';\nexport { useSharedInputPropsContext as _useSharedInputPropsContext } from './hooks/useSharedInputPropsContext.js';\nexport type {\n  NumberFormatParser as _NumberFormatParser,\n  NumberFormatParserArgs as _NumberFormatParserArgs,\n} from '../filters/filter-field/parser/getNumberParser.js';\nexport { ModalContextProvider } from './providers/ModalContextProvider.js';\nexport type { ModalContextProviderProps } from './providers/ModalContextProvider.js';\nexport { OverlayProvider } from './providers/OverlayProvider.js';\nexport { OverlayStackingProvider } from './providers/OverlayStackingProvider.js';\nexport { ScrollProvider } from './providers/ScrollProvider.js';\nexport type { ScrollProviderProps } from './providers/ScrollProvider.js';\nexport { useStoreSelector } from './store/selector.js';\nexport { createStore } from './store/store.js';\nexport type { Store } from './store/store.js';\nexport type {\n  BaseEvent,\n  // oxlint-disable-next-line typescript/no-deprecated\n  FocusEvents,\n  KeyboardEvent,\n  KeyboardEvents,\n  PressEvent,\n} from './types/events.js';\nexport type {\n  FormControlProps,\n  FormControlBaseProps,\n  FormControlControlledProps,\n  FormControlUncontrolledProps,\n} from './types/form-control-props.js';\nexport type {\n  // oxlint-disable-next-line typescript/no-deprecated\n  FormControlState,\n  // oxlint-disable-next-line typescript/no-deprecated\n  FormControlStateProps,\n  FormControlValueState,\n} from './types/form-control-state.js';\nexport type {\n  Components,\n  NormalComponents as ReactMarkdownNormalComponents,\n  SpecialComponents as ReactMarkdownSpecialComponents,\n  UnorderedListComponent as ReactMarkdownUnorderedListComponent,\n  TableRowComponent as ReactMarkdownTableRowComponent,\n  TableCellComponent as ReactMarkdownTableCellComponent,\n  OrderedListComponent as ReactMarkdownOrderedListComponent,\n  LiComponent as ReactMarkdownLiComponent,\n  HeadingComponent as ReactMarkdownHeadingComponent,\n  CodeComponent as ReactMarkdownCodeComponent,\n  ReactMarkdownProps as ReactMarkdownReactMarkdownProps,\n  ReactMarkdownNames as ReactMarkdownReactMarkdownNames,\n  IntrinsicElements as ReactMarkdownIntrinsicElements,\n} from './types/markdown/react-markdown.js';\nexport type {\n  Position as UnistPosition,\n  Point as UnistPoint,\n  Parent as UnistParent,\n  Node as UnistNode,\n  Literal as UnistLiteral,\n  NodeData as UnistNodeData,\n  Data as UnistData,\n} from './types/markdown/unist.js';\nexport type {\n  Element as HastElement,\n  Properties as HastProperties,\n  Root as HastRoot,\n  Parent as HastParent,\n  Content as HastContent,\n  RootContent as HastRootContent,\n  ElementContent as HastElementContent,\n  RootContentMap as HastRootContentMap,\n  ElementContentMap as HastElementContentMap,\n  Comment as HastComment,\n  DocType as HastDocType,\n  Text as HastText,\n  Literal as HastLiteral,\n} from './types/markdown/hast.js';\nexport type { Orientation } from './types/orientation.js';\nexport type { PointerType } from './types/pointer.js';\nexport type {\n  CombinedThresholds,\n  ThresholdPropsWithBackgroundColorOptional,\n  ThresholdPropsWithColorOptional,\n  SingleThreshold,\n  Threshold,\n  ThresholdColor,\n  ThresholdColors,\n  ThresholdExtended,\n  ThresholdForNumbers,\n  ThresholdForStrings,\n  ThresholdNumbersComparator,\n  ThresholdOptions,\n  ThresholdRule,\n  ThresholdStringsComparator,\n} from './types/threshold-types.js';\nexport type {\n  // DEPRECATION: [APPDEV-16487] BREAKING-CHANGE: Forms - Remove deprecated parseTime.\n  // oxlint-disable-next-line typescript/no-deprecated\n  TimeDetails,\n  Timeframe,\n  TimeValue,\n} from './types/time.js';\nexport { isNumber, isPotentialDateValue } from './types/type-guards.js';\n// DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\nexport {\n  /**\n   * @deprecated Will be removed in the future.\n   */\n  formatDatetimeDefault as _formatDate,\n} from './utils/default-formatters.js';\nexport { _sanitizeSymbol } from './utils/sanitize-symbol.js';\nexport { convertToNumberIfPureNumber as _convertToNumberIfPureNumber } from './utils/string-utils.js';\nexport { _InteractiveSelector } from './utils/styles/interactiveSelector.js';\nexport {\n  _checkCombinedThresholdRules,\n  _matchesThreshold,\n  // oxlint-disable-next-line typescript/no-deprecated\n  getThresholdColor,\n} from './utils/threshold-utils.js';\n// oxlint-disable-next-line typescript/no-deprecated\nexport { TIMEFRAME_EXPRESSION, parseTime } from './utils/timeParser.js';\nexport {\n  downloadBlob as _downloadBlob,\n  downloadCSV as _downloadCSV,\n  downloadFromUrl as _downloadFromUrl,\n} from './utils/download.js';\nexport { accessValue as _accessValue } from './utils/accessors/access-value.js';\nexport type {\n  IntentProps,\n  IntentWithResponseProps,\n  IntentWithoutResponseProps,\n  SuccessRes,\n  ErrorRes,\n  IntentBaseProps,\n} from './slots/Intent/Intent.js';\nexport { Intent } from './slots/Intent/Intent.js';\n\nexport {\n  usePermissions,\n  type PermissionsResult,\n  type PermissionDetail,\n} from './hooks/usePermissions.js';\nexport {\n  useAppState as _useAppState,\n  useUserAppState as _useUserAppState,\n} from './sdk/app-state/useAppState.js';\nexport {\n  useAppStateValue as _useAppStateValue,\n  useUserAppStateValue as _useUserAppStateValue,\n  type UseAppStateValueResult as _UseAppStateValueResult,\n  type UseUserAppStateValueResult as _UseUserAppStateValueResult,\n} from './sdk/app-state/useAppStateValue.js';\n\nexport type {\n  _SetOptions,\n  _UseAppStateResult,\n} from './sdk/app-state/useAppStateInternal.js';\n"],
   "mappings": "AAAA,SAAS,eAAkC;AAC3C,SAAmC,8BAA+B;AAClE;AAAA,EACE;AAAA,OAEK;AAOP,SAAS,uBAAuB;AAChC,SAA4B,uBAAwB;AACpD;AAAA,EAGE;AAAA,OACK;AACP,SAA0B,qBAAsB;AAUhD,SAAyB,oBAAqB;AAC9C,SAAiC,4BAA6B;AAC9D,SAAmC,8BAA+B;AAClE,SAAkC,6BAA8B;AAChE,SAAwB,mBAAoB;AAC5C,SAAsB,iBAAkB;AACxC;AAAA,EACgB;AAAA,OAIT;AAEP,SAAiC,4BAA6B;AAC9D,SAAuC,kCAAmC;AAC1E,SAAS,aAAa;AACtB,SAAgC,2BAA4B;AAO5D,SAAwC,mCAAoC;AAC5E,SAAyB,oBAAqB;AAE9C,SAAS,wBAAwB;AAEjC,SAA2B,sBAAuB;AAClD,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AAExC,SAAS,0BAA0B;AAEnC,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AAEjC,SAAiC,4BAA6B;AAE9D,SAAyB,gBAAhBA,qBAAqC;AAK9C,SAAgC,2BAA4B;AAE5D,SAA4B,uBAAwB;AACpD,SAA+B,0BAA2B;AAM1D,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAC5B,SAAqC,gCAAiC;AAEtE,SAAS,sBAAsB;AAK/B,SAAS,2BAA2B;AACpC,SAAuC,kCAAmC;AAK1E,SAAS,4BAA4B;AAErC,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAE/B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAuF5B,SAAS,UAAU,4BAA4B;AAE/C;AAAA,EAI2B;AAAA,OACpB;AACP,SAAS,uBAAuB;AAChC,SAAwC,mCAAoC;AAC5E,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEP,SAAS,sBAAsB,iBAAiB;AAChD;AAAA,EACkB;AAAA,EACD;AAAA,EACI;AAAA,OACd;AACP,SAAwB,mBAAoB;AAS5C,SAAS,cAAc;AAEvB;AAAA,EACE;AAAA,OAGK;AACP;AAAA,EACiB;AAAA,EACI;AAAA,OACd;AACP;AAAA,EACsB;AAAA,EACI;AAAA,OAGnB;",
   "names": ["useFocusRing"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/providers/ScrollProvider.tsx"],
-  "sourcesContent": ["import { type RefObject, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { ScrollContext } from '../contexts/ScrollContext.js';\nimport type { WithChildren } from '../types/with-children.js';\n\n\n/**\n * @public\n */\nexport interface ScrollProviderProps extends WithChildren {\n  /** reference to the scrollable container that this context should provide information about.\n   * @defaultValue window\n   * */\n  containerRef?: RefObject<HTMLElement | typeof window | null>;\n}\n\n/** continuous id for every ScrollProvider that is created */\nlet scrollProviderId = 0;\n/** global Map to store all scrollPositions before setting them on animation frame */\nconst scrollPositionMap = new Map();\n\n/**\n * ScrollProvider component that provides scroll information context to it's children\n * @public\n */\nexport const ScrollProvider = (props: ScrollProviderProps) => {\n  const { children } = props;\n\n  // To not use hooks conditionally we need to get the window ref every time. Based on a given\n  // containerRef in the props we either choose the containerRef or the windowRef as a fallback.\n  const windowRef = useRef(window);\n  const containerRef = props.containerRef ?? windowRef;\n\n  const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 });\n  const [isScrolling, setIsScrolling] = useState(false);\n  const [timeoutId, setTimeoutId] = useState(0);\n  const [calculateTick, setCalculateTick] = useState(false);\n\n  // create a name for the scrollProvider component on first render to remember global scrollPosition in Map\n  const name = useMemo(\n    () => `strato-scroll-provider-${scrollProviderId++}`,\n    [],\n  );\n\n  // onScroll function that is bound as scroll event\n  const onScroll = () => {\n    refreshIsScrolling();\n    refreshScrollPosition();\n  };\n\n  // manages store of component in scrollPosition\n  useEffect(() => {\n    scrollPositionMap.set(name, scrollPosition);\n    return () => {\n      scrollPositionMap.delete(name);\n    };\n  }, [name, scrollPosition]);\n\n  // calculates the scrollPosition but only sets it on animation frame\n  const refreshScrollPosition = () => {\n    if (containerRef && containerRef.current) {\n      if (containerRef.current === window) {\n        scrollPositionMap.set(name, { x: window.scrollX, y: window.scrollY });\n      } else if (containerRef.current instanceof HTMLElement) {\n        scrollPositionMap.set(name, {\n          x: containerRef.current.scrollLeft,\n          y: containerRef.current.scrollTop,\n        });\n      }\n    }\n\n    if (!calculateTick) {\n      window.requestAnimationFrame(() => {\n        setScrollPosition(scrollPositionMap.get(name));\n        setCalculateTick(false);\n      });\n\n      setCalculateTick(true);\n    }\n  };\n\n  // refreshes isScrolling state\n  const refreshIsScrolling = () => {\n    window.clearTimeout(timeoutId);\n    setIsScrolling(true);\n\n    // store the timeoutID to clear it next run\n    // using 66ms for 15fps - there is not noticeable difference if you would go higher.\n    // 66ms is a sweet spot that improves performance:\n    // https://gomakethings.com/why-66ms-when-using-settimeout/\n    setTimeoutId(\n      window.setTimeout(() => {\n        setIsScrolling(false);\n      }, 66),\n    );\n  };\n\n  // binds and unbinds the onScroll event on the containerRef\n  useEffect(() => {\n    refreshScrollPosition();\n    const node = containerRef?.current;\n    if (node) {\n      node.addEventListener('scroll', onScroll);\n    }\n\n    return () => {\n      if (node) {\n        node.removeEventListener('scroll', onScroll);\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [containerRef]);\n\n  return (\n    <ScrollContext.Provider\n      value={{ scrollPosition, isScrolling }}\n      data-testid=\"scroll-provider\"\n    >\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\nScrollProvider.displayName = 'ScrollProvider';\n"],
-  "mappings": "AAkHI;AAlHJ,SAAyB,WAAW,SAAS,QAAQ,gBAAgB;AAErE,SAAS,qBAAqB;AAe9B,IAAI,mBAAmB;AAEvB,MAAM,oBAAoB,oBAAI,IAAI;AAM3B,MAAM,iBAAiB,CAAC,UAA+B;AAC5D,QAAM,EAAE,SAAS,IAAI;AAIrB,QAAM,YAAY,OAAO,MAAM;AAC/B,QAAM,eAAe,MAAM,gBAAgB;AAE3C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;AACnE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAGxD,QAAM,OAAO;AAAA,IACX,MAAM,0BAA0B,kBAAkB;AAAA,IAClD,CAAC;AAAA,EACH;AAGA,QAAM,WAAW,MAAM;AACrB,uBAAmB;AACnB,0BAAsB;AAAA,EACxB;AAGA,YAAU,MAAM;AACd,sBAAkB,IAAI,MAAM,cAAc;AAC1C,WAAO,MAAM;AACX,wBAAkB,OAAO,IAAI;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,MAAM,cAAc,CAAC;AAGzB,QAAM,wBAAwB,MAAM;AAClC,QAAI,gBAAgB,aAAa,SAAS;AACxC,UAAI,aAAa,YAAY,QAAQ;AACnC,0BAAkB,IAAI,MAAM,EAAE,GAAG,OAAO,SAAS,GAAG,OAAO,QAAQ,CAAC;AAAA,MACtE,WAAW,aAAa,mBAAmB,aAAa;AACtD,0BAAkB,IAAI,MAAM;AAAA,UAC1B,GAAG,aAAa,QAAQ;AAAA,UACxB,GAAG,aAAa,QAAQ;AAAA,QAC1B,CAAC;AAAA,MACH;AAAA,IACF;AAEA,QAAI,CAAC,eAAe;AAClB,aAAO,sBAAsB,MAAM;AACjC,0BAAkB,kBAAkB,IAAI,IAAI,CAAC;AAC7C,yBAAiB,KAAK;AAAA,MACxB,CAAC;AAED,uBAAiB,IAAI;AAAA,IACvB;AAAA,EACF;AAGA,QAAM,qBAAqB,MAAM;AAC/B,WAAO,aAAa,SAAS;AAC7B,mBAAe,IAAI;AAMnB;AAAA,MACE,OAAO,WAAW,MAAM;AACtB,uBAAe,KAAK;AAAA,MACtB,GAAG,EAAE;AAAA,IACP;AAAA,EACF;AAGA,YAAU,MAAM;AACd,0BAAsB;AACtB,UAAM,OAAO,cAAc;AAC3B,QAAI,MAAM;AACR,WAAK,iBAAiB,UAAU,QAAQ;AAAA,IAC1C;AAEA,WAAO,MAAM;AACX,UAAI,MAAM;AACR,aAAK,oBAAoB,UAAU,QAAQ;AAAA,MAC7C;AAAA,IACF;AAAA,EAEF,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,OAAO,EAAE,gBAAgB,YAAY;AAAA,MACrC,eAAY;AAAA,MAEX;AAAA;AAAA,EACH;AAEJ;AAEA,eAAe,cAAc;",
+  "sourcesContent": ["import { type RefObject, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { ScrollContext } from '../contexts/ScrollContext.js';\nimport type { WithChildren } from '../types/with-children.js';\n\n/**\n * @public\n */\nexport interface ScrollProviderProps extends WithChildren {\n  /** reference to the scrollable container that this context should provide information about.\n   * @defaultValue window\n   * */\n  containerRef?: RefObject<HTMLElement | typeof window | null>;\n}\n\n/** continuous id for every ScrollProvider that is created */\nlet scrollProviderId = 0;\n/** global Map to store all scrollPositions before setting them on animation frame */\nconst scrollPositionMap = new Map();\n\n/**\n * ScrollProvider component that provides scroll information context to it's children\n * @public\n */\nexport const ScrollProvider = (props: ScrollProviderProps) => {\n  const { children } = props;\n\n  // To not use hooks conditionally we need to get the window ref every time. Based on a given\n  // containerRef in the props we either choose the containerRef or the windowRef as a fallback.\n  const windowRef = useRef(window);\n  const containerRef = props.containerRef ?? windowRef;\n\n  const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 });\n  const [isScrolling, setIsScrolling] = useState(false);\n  const [timeoutId, setTimeoutId] = useState(0);\n  const [calculateTick, setCalculateTick] = useState(false);\n\n  // create a name for the scrollProvider component on first render to remember global scrollPosition in Map\n  const name = useMemo(\n    () => `strato-scroll-provider-${scrollProviderId++}`,\n    [],\n  );\n\n  // onScroll function that is bound as scroll event\n  const onScroll = () => {\n    refreshIsScrolling();\n    refreshScrollPosition();\n  };\n\n  // manages store of component in scrollPosition\n  useEffect(() => {\n    scrollPositionMap.set(name, scrollPosition);\n    return () => {\n      scrollPositionMap.delete(name);\n    };\n  }, [name, scrollPosition]);\n\n  // calculates the scrollPosition but only sets it on animation frame\n  const refreshScrollPosition = () => {\n    if (containerRef && containerRef.current) {\n      if (containerRef.current === window) {\n        scrollPositionMap.set(name, { x: window.scrollX, y: window.scrollY });\n      } else if (containerRef.current instanceof HTMLElement) {\n        scrollPositionMap.set(name, {\n          x: containerRef.current.scrollLeft,\n          y: containerRef.current.scrollTop,\n        });\n      }\n    }\n\n    if (!calculateTick) {\n      window.requestAnimationFrame(() => {\n        setScrollPosition(scrollPositionMap.get(name));\n        setCalculateTick(false);\n      });\n\n      setCalculateTick(true);\n    }\n  };\n\n  // refreshes isScrolling state\n  const refreshIsScrolling = () => {\n    window.clearTimeout(timeoutId);\n    setIsScrolling(true);\n\n    // store the timeoutID to clear it next run\n    // using 66ms for 15fps - there is not noticeable difference if you would go higher.\n    // 66ms is a sweet spot that improves performance:\n    // https://gomakethings.com/why-66ms-when-using-settimeout/\n    setTimeoutId(\n      window.setTimeout(() => {\n        setIsScrolling(false);\n      }, 66),\n    );\n  };\n\n  // binds and unbinds the onScroll event on the containerRef\n  useEffect(() => {\n    refreshScrollPosition();\n    const node = containerRef?.current;\n    if (node) {\n      node.addEventListener('scroll', onScroll);\n    }\n\n    return () => {\n      if (node) {\n        node.removeEventListener('scroll', onScroll);\n      }\n    };\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [containerRef]);\n\n  return (\n    <ScrollContext.Provider\n      value={{ scrollPosition, isScrolling }}\n      data-testid=\"scroll-provider\"\n    >\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\nScrollProvider.displayName = 'ScrollProvider';\n"],
+  "mappings": "AAiHI;AAjHJ,SAAyB,WAAW,SAAS,QAAQ,gBAAgB;AAErE,SAAS,qBAAqB;AAc9B,IAAI,mBAAmB;AAEvB,MAAM,oBAAoB,oBAAI,IAAI;AAM3B,MAAM,iBAAiB,CAAC,UAA+B;AAC5D,QAAM,EAAE,SAAS,IAAI;AAIrB,QAAM,YAAY,OAAO,MAAM;AAC/B,QAAM,eAAe,MAAM,gBAAgB;AAE3C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;AACnE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAGxD,QAAM,OAAO;AAAA,IACX,MAAM,0BAA0B,kBAAkB;AAAA,IAClD,CAAC;AAAA,EACH;AAGA,QAAM,WAAW,MAAM;AACrB,uBAAmB;AACnB,0BAAsB;AAAA,EACxB;AAGA,YAAU,MAAM;AACd,sBAAkB,IAAI,MAAM,cAAc;AAC1C,WAAO,MAAM;AACX,wBAAkB,OAAO,IAAI;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,MAAM,cAAc,CAAC;AAGzB,QAAM,wBAAwB,MAAM;AAClC,QAAI,gBAAgB,aAAa,SAAS;AACxC,UAAI,aAAa,YAAY,QAAQ;AACnC,0BAAkB,IAAI,MAAM,EAAE,GAAG,OAAO,SAAS,GAAG,OAAO,QAAQ,CAAC;AAAA,MACtE,WAAW,aAAa,mBAAmB,aAAa;AACtD,0BAAkB,IAAI,MAAM;AAAA,UAC1B,GAAG,aAAa,QAAQ;AAAA,UACxB,GAAG,aAAa,QAAQ;AAAA,QAC1B,CAAC;AAAA,MACH;AAAA,IACF;AAEA,QAAI,CAAC,eAAe;AAClB,aAAO,sBAAsB,MAAM;AACjC,0BAAkB,kBAAkB,IAAI,IAAI,CAAC;AAC7C,yBAAiB,KAAK;AAAA,MACxB,CAAC;AAED,uBAAiB,IAAI;AAAA,IACvB;AAAA,EACF;AAGA,QAAM,qBAAqB,MAAM;AAC/B,WAAO,aAAa,SAAS;AAC7B,mBAAe,IAAI;AAMnB;AAAA,MACE,OAAO,WAAW,MAAM;AACtB,uBAAe,KAAK;AAAA,MACtB,GAAG,EAAE;AAAA,IACP;AAAA,EACF;AAGA,YAAU,MAAM;AACd,0BAAsB;AACtB,UAAM,OAAO,cAAc;AAC3B,QAAI,MAAM;AACR,WAAK,iBAAiB,UAAU,QAAQ;AAAA,IAC1C;AAEA,WAAO,MAAM;AACX,UAAI,MAAM;AACR,aAAK,oBAAoB,UAAU,QAAQ;AAAA,MAC7C;AAAA,IACF;AAAA,EAEF,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,OAAO,EAAE,gBAAgB,YAAY;AAAA,MACrC,eAAY;AAAA,MAEX;AAAA;AAAA,EACH;AAEJ;AAEA,eAAe,cAAc;",
   "names": []
 }

package/esm/core/sdk/app-state/AppStateProvider.js

@@ -84,7 +84,7 @@ function AppStateProvider({
   const contextValue = useMemo(
     () => ({ store, scope, queryClient }),
     // store and queryClient are stable refs; only scope can change
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
     [scope]
   );
   return /* @__PURE__ */ jsxs(AppStateContext.Provider, { value: contextValue, children: [