@redsift/design-system 12.6.6-alpha.2 → 13.0.0

package/_internal/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/react-aria/react-aria/i18n/utils.ts","../../src/react-aria/react-aria/ssr/SSRProvider.tsx","../../src/react-aria/react-aria/i18n/useDefaultLocale.ts","../../src/react-aria/react-aria/i18n/context.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// https://en.wikipedia.org/wiki/Right-to-left\nconst RTL_SCRIPTS = new Set(['Arab', 'Syrc', 'Samr', 'Mand', 'Thaa', 'Mend', 'Nkoo', 'Adlm', 'Rohg', 'Hebr']);\nconst RTL_LANGS = new Set([\n  'ae',\n  'ar',\n  'arc',\n  'bcc',\n  'bqi',\n  'ckb',\n  'dv',\n  'fa',\n  'glk',\n  'he',\n  'ku',\n  'mzn',\n  'nqo',\n  'pnb',\n  'ps',\n  'sd',\n  'ug',\n  'ur',\n  'yi',\n]);\n\n/**\n * Determines if a locale is read right to left using [Intl.Locale]{@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale}.\n */\nexport function isRTL(localeString: string) {\n  // If the Intl.Locale API is available, use it to get the locale's text direction.\n  // @ts-ignore\n  if (Intl.Locale) {\n    let locale = new Intl.Locale(localeString).maximize();\n\n    // Use the text info object to get the direction if possible.\n    // @ts-ignore - this was implemented as a property by some browsers before it was standardized as a function.\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getTextInfo\n    let textInfo = typeof locale.getTextInfo === 'function' ? locale.getTextInfo() : locale.textInfo;\n    if (textInfo) {\n      return textInfo.direction === 'rtl';\n    }\n\n    // Fallback: guess using the script.\n    // This is more accurate than guessing by language, since languages can be written in multiple scripts.\n    if (locale.script) {\n      return RTL_SCRIPTS.has(locale.script);\n    }\n  }\n\n  // If not, just guess by the language (first part of the locale)\n  let lang = localeString.split('-')[0];\n  return RTL_LANGS.has(lang);\n}\n","/* eslint-disable prefer-const */\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is\n// guarded by a check that it only runs on the client side.\nimport React, { ReactNode, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\n// To support SSR, the auto incrementing id counter is stored in a context. This allows\n// it to be reset on every request to ensure the client and server are consistent.\n// There is also a prefix string that is used to support async loading components\n// Each async boundary must be wrapped in an SSR provider, which appends to the prefix\n// and resets the current id counter. This ensures that async loaded components have\n// consistent ids regardless of the loading order.\ninterface SSRContextValue {\n  prefix: string;\n  current: number;\n}\n\n// Default context value to use in case there is no SSRProvider. This is fine for\n// client-only apps. In order to support multiple copies of React Aria potentially\n// being on the page at once, the prefix is set to a random number. SSRProvider\n// will reset this to zero for consistency between server and client, so in the\n// SSR case multiple copies of React Aria is not supported.\nconst defaultContext: SSRContextValue = {\n  prefix: String(Math.round(Math.random() * 10000000000)),\n  current: 0,\n};\n\nconst SSRContext = React.createContext<SSRContextValue>(defaultContext);\nconst IsSSRContext = React.createContext(false);\n\nexport interface SSRProviderProps {\n  /** Your application here. */\n  children: ReactNode;\n}\n\n// This is only used in React < 18.\nfunction LegacySSRProvider(props: SSRProviderProps): JSX.Element {\n  let cur = useContext(SSRContext);\n  let counter = useCounter(cur === defaultContext);\n  let [isSSR, setIsSSR] = useState(true);\n  let value: SSRContextValue = useMemo(\n    () => ({\n      // If this is the first SSRProvider, start with an empty string prefix, otherwise\n      // append and increment the counter.\n      prefix: cur === defaultContext ? '' : `${cur.prefix}-${counter}`,\n      current: 0,\n    }),\n    [cur, counter]\n  );\n\n  // If on the client, and the component was initially server rendered,\n  // then schedule a layout effect to update the component after hydration.\n  if (typeof document !== 'undefined') {\n    // This if statement technically breaks the rules of hooks, but is safe\n    // because the condition never changes after mounting.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useLayoutEffect(() => {\n      setIsSSR(false);\n    }, []);\n  }\n\n  return (\n    <SSRContext.Provider value={value}>\n      <IsSSRContext.Provider value={isSSR}>{props.children}</IsSSRContext.Provider>\n    </SSRContext.Provider>\n  );\n}\n\nlet warnedAboutSSRProvider = false;\n\n/**\n * When using SSR with React Aria in React 16 or 17, applications must be wrapped in an SSRProvider.\n * This ensures that auto generated ids are consistent between the client and server.\n */\nexport function SSRProvider(props: SSRProviderProps): JSX.Element {\n  if (typeof React['useId'] === 'function') {\n    if (process.env.NODE_ENV !== 'test' && !warnedAboutSSRProvider) {\n      console.warn('In React 18, SSRProvider is not necessary and is a noop. You can remove it from your app.');\n      warnedAboutSSRProvider = true;\n    }\n    return <>{props.children}</>;\n  }\n  return <LegacySSRProvider {...props} />;\n}\n\nlet canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nlet componentIds = new WeakMap();\n\nfunction useCounter(isDisabled = false) {\n  let ctx = useContext(SSRContext);\n  let ref = useRef<number | null>(null);\n  if (ref.current === null && !isDisabled) {\n    // In strict mode, React renders components twice, and the ref will be reset to null on the second render.\n    // This means our id counter will be incremented twice instead of once. This is a problem because on the\n    // server, components are only rendered once and so ids generated on the server won't match the client.\n    // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this\n    // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.\n    // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.\n    // To ensure that we only increment the global counter once, we store the starting id for this component in\n    // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.\n    // Since React runs the second render immediately after the first, this is safe.\n    // @ts-ignore\n    let currentOwner = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;\n    if (currentOwner) {\n      let prevComponentValue = componentIds.get(currentOwner);\n      if (prevComponentValue == null) {\n        // On the first render, and first call to useId, store the id and state in our weak map.\n        componentIds.set(currentOwner, {\n          id: ctx.current,\n          state: currentOwner.memoizedState,\n        });\n      } else if (currentOwner.memoizedState !== prevComponentValue.state) {\n        // On the second render, the memoizedState gets reset by React.\n        // Reset the counter, and remove from the weak map so we don't\n        // do this for subsequent useId calls.\n        ctx.current = prevComponentValue.id;\n        componentIds.delete(currentOwner);\n      }\n    }\n\n    ref.current = ++ctx.current;\n  }\n\n  return ref.current;\n}\n\nfunction useLegacySSRSafeId(defaultId?: string): string {\n  let ctx = useContext(SSRContext);\n\n  // If we are rendering in a non-DOM environment, and there's no SSRProvider,\n  // provide a warning to hint to the developer to add one.\n  if (ctx === defaultContext && !canUseDOM) {\n    console.warn(\n      'When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.'\n    );\n  }\n\n  let counter = useCounter(!!defaultId);\n  let prefix = ctx === defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;\n  return defaultId || `${prefix}-${counter}`;\n}\n\nfunction useModernSSRSafeId(defaultId?: string): string {\n  // @ts-ignore\n  let id = React.useId();\n  let [didSSR] = useState(useIsSSR());\n  let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${defaultContext.prefix}`;\n  return defaultId || `${prefix}-${id}`;\n}\n\n// Use React.useId in React 18 if available, otherwise fall back to our old implementation.\n/** @private */\nexport const useSSRSafeId = typeof React['useId'] === 'function' ? useModernSSRSafeId : useLegacySSRSafeId;\n\nfunction getSnapshot() {\n  return false;\n}\n\nfunction getServerSnapshot() {\n  return true;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction subscribe(onStoreChange: () => void): () => void {\n  // noop\n  return () => {};\n}\n\n/**\n * Returns whether the component is currently being server side rendered or\n * hydrated on the client. Can be used to delay browser-specific rendering\n * until after hydration.\n */\nexport function useIsSSR(): boolean {\n  // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.\n  if (typeof React['useSyncExternalStore'] === 'function') {\n    return React['useSyncExternalStore'](subscribe, getSnapshot, getServerSnapshot);\n  }\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useContext(IsSSRContext);\n}\n","/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { Direction } from '../../react-types/shared';\nimport { isRTL } from './utils';\nimport { useEffect, useState } from 'react';\nimport { useIsSSR } from '../ssr';\n\nexport interface Locale {\n  /** The [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code for the locale. */\n  locale: string;\n  /** The writing direction for the locale. */\n  direction: Direction;\n}\n\n// Locale passed from server by PackageLocalizationProvider.\nconst localeSymbol = Symbol.for('react-aria.i18n.locale');\n\n/**\n * Gets the locale setting of the browser.\n */\nexport function getDefaultLocale(): Locale {\n  let locale =\n    (typeof window !== 'undefined' && window[localeSymbol]) ||\n    // @ts-ignore\n    (typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage)) ||\n    'en-US';\n\n  try {\n    // @ts-ignore\n    Intl.DateTimeFormat.supportedLocalesOf([locale]);\n  } catch (_err) {\n    locale = 'en-US';\n  }\n  return {\n    locale,\n    direction: isRTL(locale) ? 'rtl' : 'ltr',\n  };\n}\n\nlet currentLocale = getDefaultLocale();\nlet listeners = new Set<(locale: Locale) => void>();\n\nfunction updateLocale() {\n  currentLocale = getDefaultLocale();\n  for (let listener of listeners) {\n    listener(currentLocale);\n  }\n}\n\n/**\n * Returns the current browser/system language, and updates when it changes.\n */\nexport function useDefaultLocale(): Locale {\n  let isSSR = useIsSSR();\n  let [defaultLocale, setDefaultLocale] = useState(currentLocale);\n\n  useEffect(() => {\n    if (listeners.size === 0) {\n      window.addEventListener('languagechange', updateLocale);\n    }\n\n    listeners.add(setDefaultLocale);\n\n    return () => {\n      listeners.delete(setDefaultLocale);\n      if (listeners.size === 0) {\n        window.removeEventListener('languagechange', updateLocale);\n      }\n    };\n  }, []);\n\n  // We cannot determine the browser's language on the server, so default to\n  // en-US. This will be updated after hydration on the client to the correct value.\n  if (isSSR) {\n    return {\n      locale: 'en-US',\n      direction: 'ltr',\n    };\n  }\n\n  return defaultLocale;\n}\n","/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { isRTL } from './utils';\nimport { Locale, useDefaultLocale } from './useDefaultLocale';\nimport React, { ReactNode, useContext } from 'react';\n\nexport interface I18nProviderProps {\n  /** Contents that should have the locale applied. */\n  children: ReactNode;\n  /** The locale to apply to the children. */\n  locale?: string;\n}\n\nconst I18nContext = React.createContext<Locale | null>(null);\n\n/**\n * Provides the locale for the application to all child components.\n */\nexport function I18nProvider(props: I18nProviderProps) {\n  let { locale, children } = props;\n  let defaultLocale = useDefaultLocale();\n\n  let value: Locale = React.useMemo(() => {\n    if (!locale) {\n      return defaultLocale;\n    }\n\n    return {\n      locale,\n      direction: isRTL(locale) ? 'rtl' : 'ltr',\n    };\n  }, [defaultLocale, locale]);\n\n  return <I18nContext.Provider value={value}>{children}</I18nContext.Provider>;\n}\n\n/**\n * Returns the current locale and layout direction.\n */\nexport function useLocale(): Locale {\n  let defaultLocale = useDefaultLocale();\n  let context = useContext(I18nContext);\n  return context || defaultLocale;\n}\n"],"names":["RTL_SCRIPTS","Set","RTL_LANGS","isRTL","localeString","Intl","Locale","locale","maximize","textInfo","getTextInfo","direction","script","has","lang","split","defaultContext","prefix","String","Math","round","random","current","SSRContext","React","createContext","IsSSRContext","LegacySSRProvider","props","cur","useContext","counter","useCounter","isSSR","setIsSSR","useState","value","useMemo","document","useLayoutEffect","createElement","Provider","children","warnedAboutSSRProvider","SSRProvider","process","env","NODE_ENV","console","warn","Fragment","canUseDOM","Boolean","window","componentIds","WeakMap","isDisabled","arguments","length","undefined","ctx","ref","useRef","_React$__SECRET_INTER","_React$__SECRET_INTER2","currentOwner","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","prevComponentValue","get","set","id","state","memoizedState","delete","useLegacySSRSafeId","defaultId","useModernSSRSafeId","useId","didSSR","useIsSSR","useSSRSafeId","getSnapshot","getServerSnapshot","subscribe","onStoreChange","localeSymbol","Symbol","for","getDefaultLocale","navigator","language","userLanguage","DateTimeFormat","supportedLocalesOf","_err","currentLocale","listeners","updateLocale","listener","useDefaultLocale","defaultLocale","setDefaultLocale","useEffect","size","addEventListener","add","removeEventListener","I18nContext","I18nProvider","useLocale","context"],"mappings":"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"}
+{"version":3,"file":"context.js","sources":["../../src/react-aria/react-aria/i18n/utils.ts","../../src/react-aria/react-aria/ssr/SSRProvider.tsx","../../src/react-aria/react-aria/i18n/useDefaultLocale.ts","../../src/react-aria/react-aria/i18n/context.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// https://en.wikipedia.org/wiki/Right-to-left\nconst RTL_SCRIPTS = new Set(['Arab', 'Syrc', 'Samr', 'Mand', 'Thaa', 'Mend', 'Nkoo', 'Adlm', 'Rohg', 'Hebr']);\nconst RTL_LANGS = new Set([\n  'ae',\n  'ar',\n  'arc',\n  'bcc',\n  'bqi',\n  'ckb',\n  'dv',\n  'fa',\n  'glk',\n  'he',\n  'ku',\n  'mzn',\n  'nqo',\n  'pnb',\n  'ps',\n  'sd',\n  'ug',\n  'ur',\n  'yi',\n]);\n\n/**\n * Determines if a locale is read right to left using [Intl.Locale]{@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale}.\n */\nexport function isRTL(localeString: string) {\n  // If the Intl.Locale API is available, use it to get the locale's text direction.\n  // @ts-ignore\n  if (Intl.Locale) {\n    let locale = new Intl.Locale(localeString).maximize();\n\n    // Use the text info object to get the direction if possible.\n    // @ts-ignore - this was implemented as a property by some browsers before it was standardized as a function.\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getTextInfo\n    let textInfo = typeof locale.getTextInfo === 'function' ? locale.getTextInfo() : locale.textInfo;\n    if (textInfo) {\n      return textInfo.direction === 'rtl';\n    }\n\n    // Fallback: guess using the script.\n    // This is more accurate than guessing by language, since languages can be written in multiple scripts.\n    if (locale.script) {\n      return RTL_SCRIPTS.has(locale.script);\n    }\n  }\n\n  // If not, just guess by the language (first part of the locale)\n  let lang = localeString.split('-')[0];\n  return RTL_LANGS.has(lang);\n}\n","/* eslint-disable prefer-const */\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is\n// guarded by a check that it only runs on the client side.\nimport React, { ReactNode, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\n// To support SSR, the auto incrementing id counter is stored in a context. This allows\n// it to be reset on every request to ensure the client and server are consistent.\n// There is also a prefix string that is used to support async loading components\n// Each async boundary must be wrapped in an SSR provider, which appends to the prefix\n// and resets the current id counter. This ensures that async loaded components have\n// consistent ids regardless of the loading order.\ninterface SSRContextValue {\n  prefix: string;\n  current: number;\n}\n\n// Default context value to use in case there is no SSRProvider. This is fine for\n// client-only apps. In order to support multiple copies of React Aria potentially\n// being on the page at once, the prefix is set to a random number. SSRProvider\n// will reset this to zero for consistency between server and client, so in the\n// SSR case multiple copies of React Aria is not supported.\nconst defaultContext: SSRContextValue = {\n  prefix: String(Math.round(Math.random() * 10000000000)),\n  current: 0,\n};\n\nconst SSRContext = React.createContext<SSRContextValue>(defaultContext);\nconst IsSSRContext = React.createContext(false);\n\nexport interface SSRProviderProps {\n  /** Your application here. */\n  children: ReactNode;\n}\n\n// This is only used in React < 18.\nfunction LegacySSRProvider(props: SSRProviderProps): React.JSX.Element {\n  let cur = useContext(SSRContext);\n  let counter = useCounter(cur === defaultContext);\n  let [isSSR, setIsSSR] = useState(true);\n  let value: SSRContextValue = useMemo(\n    () => ({\n      // If this is the first SSRProvider, start with an empty string prefix, otherwise\n      // append and increment the counter.\n      prefix: cur === defaultContext ? '' : `${cur.prefix}-${counter}`,\n      current: 0,\n    }),\n    [cur, counter]\n  );\n\n  // If on the client, and the component was initially server rendered,\n  // then schedule a layout effect to update the component after hydration.\n  if (typeof document !== 'undefined') {\n    // This if statement technically breaks the rules of hooks, but is safe\n    // because the condition never changes after mounting.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useLayoutEffect(() => {\n      setIsSSR(false);\n    }, []);\n  }\n\n  return (\n    <SSRContext.Provider value={value}>\n      <IsSSRContext.Provider value={isSSR}>{props.children}</IsSSRContext.Provider>\n    </SSRContext.Provider>\n  );\n}\n\nlet warnedAboutSSRProvider = false;\n\n/**\n * When using SSR with React Aria in React 16 or 17, applications must be wrapped in an SSRProvider.\n * This ensures that auto generated ids are consistent between the client and server.\n */\nexport function SSRProvider(props: SSRProviderProps): React.JSX.Element {\n  if (typeof React['useId'] === 'function') {\n    if (process.env.NODE_ENV !== 'test' && !warnedAboutSSRProvider) {\n      console.warn('In React 18, SSRProvider is not necessary and is a noop. You can remove it from your app.');\n      warnedAboutSSRProvider = true;\n    }\n    return <>{props.children}</>;\n  }\n  return <LegacySSRProvider {...props} />;\n}\n\nlet canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nlet componentIds = new WeakMap();\n\nfunction useCounter(isDisabled = false) {\n  let ctx = useContext(SSRContext);\n  let ref = useRef<number | null>(null);\n  if (ref.current === null && !isDisabled) {\n    // In strict mode, React renders components twice, and the ref will be reset to null on the second render.\n    // This means our id counter will be incremented twice instead of once. This is a problem because on the\n    // server, components are only rendered once and so ids generated on the server won't match the client.\n    // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this\n    // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.\n    // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.\n    // To ensure that we only increment the global counter once, we store the starting id for this component in\n    // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.\n    // Since React runs the second render immediately after the first, this is safe.\n    // @ts-ignore\n    let currentOwner = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;\n    if (currentOwner) {\n      let prevComponentValue = componentIds.get(currentOwner);\n      if (prevComponentValue == null) {\n        // On the first render, and first call to useId, store the id and state in our weak map.\n        componentIds.set(currentOwner, {\n          id: ctx.current,\n          state: currentOwner.memoizedState,\n        });\n      } else if (currentOwner.memoizedState !== prevComponentValue.state) {\n        // On the second render, the memoizedState gets reset by React.\n        // Reset the counter, and remove from the weak map so we don't\n        // do this for subsequent useId calls.\n        ctx.current = prevComponentValue.id;\n        componentIds.delete(currentOwner);\n      }\n    }\n\n    ref.current = ++ctx.current;\n  }\n\n  return ref.current;\n}\n\nfunction useLegacySSRSafeId(defaultId?: string): string {\n  let ctx = useContext(SSRContext);\n\n  // If we are rendering in a non-DOM environment, and there's no SSRProvider,\n  // provide a warning to hint to the developer to add one.\n  if (ctx === defaultContext && !canUseDOM) {\n    console.warn(\n      'When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.'\n    );\n  }\n\n  let counter = useCounter(!!defaultId);\n  let prefix = ctx === defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;\n  return defaultId || `${prefix}-${counter}`;\n}\n\nfunction useModernSSRSafeId(defaultId?: string): string {\n  // @ts-ignore\n  let id = React.useId();\n  let [didSSR] = useState(useIsSSR());\n  let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${defaultContext.prefix}`;\n  return defaultId || `${prefix}-${id}`;\n}\n\n// Use React.useId in React 18 if available, otherwise fall back to our old implementation.\n/** @private */\nexport const useSSRSafeId = typeof React['useId'] === 'function' ? useModernSSRSafeId : useLegacySSRSafeId;\n\nfunction getSnapshot() {\n  return false;\n}\n\nfunction getServerSnapshot() {\n  return true;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction subscribe(onStoreChange: () => void): () => void {\n  // noop\n  return () => {};\n}\n\n/**\n * Returns whether the component is currently being server side rendered or\n * hydrated on the client. Can be used to delay browser-specific rendering\n * until after hydration.\n */\nexport function useIsSSR(): boolean {\n  // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.\n  if (typeof React['useSyncExternalStore'] === 'function') {\n    return React['useSyncExternalStore'](subscribe, getSnapshot, getServerSnapshot);\n  }\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useContext(IsSSRContext);\n}\n","/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { Direction } from '../../react-types/shared';\nimport { isRTL } from './utils';\nimport { useEffect, useState } from 'react';\nimport { useIsSSR } from '../ssr';\n\nexport interface Locale {\n  /** The [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code for the locale. */\n  locale: string;\n  /** The writing direction for the locale. */\n  direction: Direction;\n}\n\n// Locale passed from server by PackageLocalizationProvider.\nconst localeSymbol = Symbol.for('react-aria.i18n.locale');\n\n/**\n * Gets the locale setting of the browser.\n */\nexport function getDefaultLocale(): Locale {\n  let locale =\n    (typeof window !== 'undefined' && window[localeSymbol]) ||\n    // @ts-ignore\n    (typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage)) ||\n    'en-US';\n\n  try {\n    // @ts-ignore\n    Intl.DateTimeFormat.supportedLocalesOf([locale]);\n  } catch (_err) {\n    locale = 'en-US';\n  }\n  return {\n    locale,\n    direction: isRTL(locale) ? 'rtl' : 'ltr',\n  };\n}\n\nlet currentLocale = getDefaultLocale();\nlet listeners = new Set<(locale: Locale) => void>();\n\nfunction updateLocale() {\n  currentLocale = getDefaultLocale();\n  for (let listener of listeners) {\n    listener(currentLocale);\n  }\n}\n\n/**\n * Returns the current browser/system language, and updates when it changes.\n */\nexport function useDefaultLocale(): Locale {\n  let isSSR = useIsSSR();\n  let [defaultLocale, setDefaultLocale] = useState(currentLocale);\n\n  useEffect(() => {\n    if (listeners.size === 0) {\n      window.addEventListener('languagechange', updateLocale);\n    }\n\n    listeners.add(setDefaultLocale);\n\n    return () => {\n      listeners.delete(setDefaultLocale);\n      if (listeners.size === 0) {\n        window.removeEventListener('languagechange', updateLocale);\n      }\n    };\n  }, []);\n\n  // We cannot determine the browser's language on the server, so default to\n  // en-US. This will be updated after hydration on the client to the correct value.\n  if (isSSR) {\n    return {\n      locale: 'en-US',\n      direction: 'ltr',\n    };\n  }\n\n  return defaultLocale;\n}\n","/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { isRTL } from './utils';\nimport { Locale, useDefaultLocale } from './useDefaultLocale';\nimport React, { ReactNode, useContext } from 'react';\n\nexport interface I18nProviderProps {\n  /** Contents that should have the locale applied. */\n  children: ReactNode;\n  /** The locale to apply to the children. */\n  locale?: string;\n}\n\nconst I18nContext = React.createContext<Locale | null>(null);\n\n/**\n * Provides the locale for the application to all child components.\n */\nexport function I18nProvider(props: I18nProviderProps) {\n  let { locale, children } = props;\n  let defaultLocale = useDefaultLocale();\n\n  let value: Locale = React.useMemo(() => {\n    if (!locale) {\n      return defaultLocale;\n    }\n\n    return {\n      locale,\n      direction: isRTL(locale) ? 'rtl' : 'ltr',\n    };\n  }, [defaultLocale, locale]);\n\n  return <I18nContext.Provider value={value}>{children}</I18nContext.Provider>;\n}\n\n/**\n * Returns the current locale and layout direction.\n */\nexport function useLocale(): Locale {\n  let defaultLocale = useDefaultLocale();\n  let context = useContext(I18nContext);\n  return context || defaultLocale;\n}\n"],"names":["RTL_SCRIPTS","Set","RTL_LANGS","isRTL","localeString","Intl","Locale","locale","maximize","textInfo","getTextInfo","direction","script","has","lang","split","defaultContext","prefix","String","Math","round","random","current","SSRContext","React","createContext","IsSSRContext","LegacySSRProvider","props","cur","useContext","counter","useCounter","isSSR","setIsSSR","useState","value","useMemo","document","useLayoutEffect","createElement","Provider","children","warnedAboutSSRProvider","SSRProvider","process","env","NODE_ENV","console","warn","Fragment","canUseDOM","Boolean","window","componentIds","WeakMap","isDisabled","arguments","length","undefined","ctx","ref","useRef","_React$__SECRET_INTER","_React$__SECRET_INTER2","currentOwner","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","prevComponentValue","get","set","id","state","memoizedState","delete","useLegacySSRSafeId","defaultId","useModernSSRSafeId","useId","didSSR","useIsSSR","useSSRSafeId","getSnapshot","getServerSnapshot","subscribe","onStoreChange","localeSymbol","Symbol","for","getDefaultLocale","navigator","language","userLanguage","DateTimeFormat","supportedLocalesOf","_err","currentLocale","listeners","updateLocale","listener","useDefaultLocale","defaultLocale","setDefaultLocale","useEffect","size","addEventListener","add","removeEventListener","I18nContext","I18nProvider","useLocale","context"],"mappings":"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"}

package/_internal/filterComponents.js

@@ -4,6 +4,9 @@ import { i as isComponent } from './isComponent.js';
 /**
  * Create an array containing only valid and specific components.
  *
+ * The elements' props are `any`, spelled out: a bare `ReactElement` means `ReactElement<unknown>` under
+ * @types/react 19, where it meant `ReactElement<any>` under 18.
+ *
  * @param  component React function component or the component name
  * @return an array of components
  */

package/_internal/filterComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterComponents.js","sources":["../../src/utils/filterComponents.ts"],"sourcesContent":["import React, { ReactNode, ReactElement } from 'react';\nimport { Comp } from '../types';\nimport { isComponent } from './isComponent';\n\n/**\n * Create an array containing only valid and specific components.\n *\n * @param  component React function component or the component name\n * @return an array of components\n */\nexport const filterComponents =\n  (component: Comp<any, any> | string | Comp<any, any>[] | string[]) =>\n  (children: ReactNode): ReactElement[] => {\n    const components = Array.isArray(component) ? component : [component];\n    const childArray: ReactElement[] = [];\n\n    React.Children.forEach(children, (child) => {\n      components.forEach((comp) => {\n        if (isComponent(comp)(child)) {\n          childArray.push(child);\n        }\n      });\n    });\n\n    return childArray;\n  };\n"],"names":["filterComponents","component","children","components","Array","isArray","childArray","React","Children","forEach","child","comp","isComponent","push"],"mappings":";;;AAIA;AACA;AACA;AACA;AACA;AACA;MACaA,gBAAgB,GAC1BC,SAAgE,IAChEC,QAAmB,IAAqB;AACvC,EAAA,MAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACJ,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAA;EACrE,MAAMK,UAA0B,GAAG,EAAE,CAAA;EAErCC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACP,QAAQ,EAAGQ,KAAK,IAAK;AAC1CP,IAAAA,UAAU,CAACM,OAAO,CAAEE,IAAI,IAAK;AAC3B,MAAA,IAAIC,WAAW,CAACD,IAAI,CAAC,CAACD,KAAK,CAAC,EAAE;AAC5BJ,QAAAA,UAAU,CAACO,IAAI,CAACH,KAAK,CAAC,CAAA;AACxB,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOJ,UAAU,CAAA;AACnB;;;;"}
+{"version":3,"file":"filterComponents.js","sources":["../../src/utils/filterComponents.ts"],"sourcesContent":["import React, { ReactNode, ReactElement } from 'react';\nimport { Comp } from '../types';\nimport { isComponent } from './isComponent';\n\n/**\n * Create an array containing only valid and specific components.\n *\n * The elements' props are `any`, spelled out: a bare `ReactElement` means `ReactElement<unknown>` under\n * @types/react 19, where it meant `ReactElement<any>` under 18.\n *\n * @param  component React function component or the component name\n * @return an array of components\n */\nexport const filterComponents =\n  (component: Comp<any, any> | string | Comp<any, any>[] | string[]) =>\n  (children: ReactNode): ReactElement<any>[] => {\n    const components = Array.isArray(component) ? component : [component];\n    const childArray: ReactElement<any>[] = [];\n\n    React.Children.forEach(children, (child) => {\n      components.forEach((comp) => {\n        if (isComponent(comp)(child)) {\n          childArray.push(child);\n        }\n      });\n    });\n\n    return childArray;\n  };\n"],"names":["filterComponents","component","children","components","Array","isArray","childArray","React","Children","forEach","child","comp","isComponent","push"],"mappings":";;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,gBAAgB,GAC1BC,SAAgE,IAChEC,QAAmB,IAA0B;AAC5C,EAAA,MAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACJ,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAA;EACrE,MAAMK,UAA+B,GAAG,EAAE,CAAA;EAE1CC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACP,QAAQ,EAAGQ,KAAK,IAAK;AAC1CP,IAAAA,UAAU,CAACM,OAAO,CAAEE,IAAI,IAAK;AAC3B,MAAA,IAAIC,WAAW,CAACD,IAAI,CAAC,CAACD,KAAK,CAAC,EAAE;AAC5BJ,QAAAA,UAAU,CAACO,IAAI,CAACH,KAAK,CAAC,CAAA;AACxB,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOJ,UAAU,CAAA;AACnB;;;;"}

package/_internal/getElementRef.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import { I as IS_REACT_19_OR_LATER } from './reactVersion.js';
+
+/**
+ * The ref an element was created with, under React 18 and React 19.
+ *
+ * React 18 keeps it on the element (`element.ref`). React 19 makes `ref` an ordinary prop
+ * (`element.props.ref`), and reading `element.ref` there logs a deprecation warning. A component that
+ * clones its child and merges the child's ref with its own must read it from the right place, and must
+ * pass its merged ref after the child's props, which include `ref` from React 19 onwards.
+ *
+ * @param element the element, typically a component's `children`, which may also be any other value
+ * @return the element's ref, or undefined when it has none or is not an element
+ */
+const getElementRef = element => {
+  var _node$props$ref, _ref;
+  const node = element;
+  if (! /*#__PURE__*/React__default.isValidElement(node)) {
+    return undefined;
+  }
+  return IS_REACT_19_OR_LATER ? (_node$props$ref = node.props.ref) !== null && _node$props$ref !== void 0 ? _node$props$ref : undefined : (_ref = node.ref) !== null && _ref !== void 0 ? _ref : undefined;
+};
+
+export { getElementRef as g };
+//# sourceMappingURL=getElementRef.js.map

package/_internal/getElementRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElementRef.js","sources":["../../src/utils/getElementRef.ts"],"sourcesContent":["import React, { Ref } from 'react';\nimport { IS_REACT_19_OR_LATER } from './reactVersion';\n\n/**\n * The ref an element was created with, under React 18 and React 19.\n *\n * React 18 keeps it on the element (`element.ref`). React 19 makes `ref` an ordinary prop\n * (`element.props.ref`), and reading `element.ref` there logs a deprecation warning. A component that\n * clones its child and merges the child's ref with its own must read it from the right place, and must\n * pass its merged ref after the child's props, which include `ref` from React 19 onwards.\n *\n * @param element the element, typically a component's `children`, which may also be any other value\n * @return the element's ref, or undefined when it has none or is not an element\n */\nexport const getElementRef = <T = unknown>(element: unknown): Ref<T> | undefined => {\n  const node = element as object | null | undefined;\n  if (!React.isValidElement<{ ref?: Ref<T> }>(node)) {\n    return undefined;\n  }\n  return IS_REACT_19_OR_LATER\n    ? node.props.ref ?? undefined\n    : (node as unknown as { ref?: Ref<T> | null }).ref ?? undefined;\n};\n"],"names":["getElementRef","element","_node$props$ref","_ref","node","React","isValidElement","undefined","IS_REACT_19_OR_LATER","props","ref"],"mappings":";;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,MAAAA,aAAa,GAAiBC,OAAgB,IAAyB;EAAA,IAAAC,eAAA,EAAAC,IAAA,CAAA;EAClF,MAAMC,IAAI,GAAGH,OAAoC,CAAA;AACjD,EAAA,IAAI,eAACI,cAAK,CAACC,cAAc,CAAmBF,IAAI,CAAC,EAAE;AACjD,IAAA,OAAOG,SAAS,CAAA;AAClB,GAAA;EACA,OAAOC,oBAAoB,GAAAN,CAAAA,eAAA,GACvBE,IAAI,CAACK,KAAK,CAACC,GAAG,MAAAR,IAAAA,IAAAA,eAAA,KAAAA,KAAAA,CAAAA,GAAAA,eAAA,GAAIK,SAAS,GAAA,CAAAJ,IAAA,GAC1BC,IAAI,CAAwCM,GAAG,MAAA,IAAA,IAAAP,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAII,SAAS,CAAA;AACnE;;;;"}

package/_internal/getTextWidth.js

@@ -0,0 +1,32 @@
+const getCssStyle = (element, prop) => {
+  return window.getComputedStyle(element, null).getPropertyValue(prop);
+};
+const getCanvasFont = function () {
+  let el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
+  const fontWeight = getCssStyle(el, 'font-weight') || 'normal';
+  const fontSize = getCssStyle(el, 'font-size') || '16px';
+  const fontFamily = getCssStyle(el, 'font-family') || 'Times New Roman';
+  return `${fontWeight} ${fontSize} ${fontFamily}`;
+};
+const getTextWidth = function (text, font) {
+  let angle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  const canvas = document.createElement('canvas');
+  const context = canvas.getContext('2d');
+  context.font = font;
+  const metrics = context.measureText(text);
+  const radians = angle * (Math.PI / 180);
+  const cosTheta = Math.abs(Math.cos(radians));
+  const sinTheta = Math.abs(Math.sin(radians));
+  const boundingBoxHeight = metrics.width * sinTheta + 15 * cosTheta;
+  // console.log(text, metrics.width, boundingBoxHeight);
+
+  // return metrics.width;
+  return boundingBoxHeight;
+};
+const getMaxTextWidth = function (texts, font) {
+  let angle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  return Math.max(...texts.map(text => getTextWidth(text, font, angle)));
+};
+
+export { getCanvasFont as a, getTextWidth as b, getMaxTextWidth as c, getCssStyle as g };
+//# sourceMappingURL=getTextWidth.js.map

package/_internal/getTextWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTextWidth.js","sources":["../../src/utils/getTextWidth.ts"],"sourcesContent":["export const getCssStyle = (element: Element, prop: string) => {\n  return window.getComputedStyle(element, null).getPropertyValue(prop);\n};\n\nexport const getCanvasFont = (el = document.body) => {\n  const fontWeight = getCssStyle(el, 'font-weight') || 'normal';\n  const fontSize = getCssStyle(el, 'font-size') || '16px';\n  const fontFamily = getCssStyle(el, 'font-family') || 'Times New Roman';\n\n  return `${fontWeight} ${fontSize} ${fontFamily}`;\n};\n\nexport const getTextWidth: (text: string, font: string, angle?: number) => number = (text, font, angle = 0) => {\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  context!.font = font;\n  const metrics = context!.measureText(text);\n\n  const radians = angle * (Math.PI / 180);\n  const cosTheta = Math.abs(Math.cos(radians));\n  const sinTheta = Math.abs(Math.sin(radians));\n\n  const boundingBoxHeight = metrics.width * sinTheta + 15 * cosTheta;\n  // console.log(text, metrics.width, boundingBoxHeight);\n\n  // return metrics.width;\n  return boundingBoxHeight;\n};\n\nexport const getMaxTextWidth: (texts: string[], font: string, angle?: number) => number = (texts, font, angle = 0) => {\n  return Math.max(...texts.map((text) => getTextWidth(text, font, angle)));\n};\n"],"names":["getCssStyle","element","prop","window","getComputedStyle","getPropertyValue","getCanvasFont","el","arguments","length","undefined","document","body","fontWeight","fontSize","fontFamily","getTextWidth","text","font","angle","canvas","createElement","context","getContext","metrics","measureText","radians","Math","PI","cosTheta","abs","cos","sinTheta","sin","boundingBoxHeight","width","getMaxTextWidth","texts","max","map"],"mappings":"MAAaA,WAAW,GAAGA,CAACC,OAAgB,EAAEC,IAAY,KAAK;AAC7D,EAAA,OAAOC,MAAM,CAACC,gBAAgB,CAACH,OAAO,EAAE,IAAI,CAAC,CAACI,gBAAgB,CAACH,IAAI,CAAC,CAAA;AACtE,EAAC;AAEYI,MAAAA,aAAa,GAAG,YAAwB;AAAA,EAAA,IAAvBC,EAAE,GAAAC,SAAA,CAAAC,MAAA,GAAAD,CAAAA,IAAAA,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,CAAGG,CAAAA,CAAAA,GAAAA,QAAQ,CAACC,IAAI,CAAA;EAC9C,MAAMC,UAAU,GAAGb,WAAW,CAACO,EAAE,EAAE,aAAa,CAAC,IAAI,QAAQ,CAAA;EAC7D,MAAMO,QAAQ,GAAGd,WAAW,CAACO,EAAE,EAAE,WAAW,CAAC,IAAI,MAAM,CAAA;EACvD,MAAMQ,UAAU,GAAGf,WAAW,CAACO,EAAE,EAAE,aAAa,CAAC,IAAI,iBAAiB,CAAA;AAEtE,EAAA,OAAQ,GAAEM,UAAW,CAAA,CAAA,EAAGC,QAAS,CAAA,CAAA,EAAGC,UAAW,CAAC,CAAA,CAAA;AAClD,EAAC;AAEM,MAAMC,YAAoE,GAAG,UAACC,IAAI,EAAEC,IAAI,EAAgB;AAAA,EAAA,IAAdC,KAAK,GAAAX,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;AACxG,EAAA,MAAMY,MAAM,GAAGT,QAAQ,CAACU,aAAa,CAAC,QAAQ,CAAC,CAAA;AAC/C,EAAA,MAAMC,OAAO,GAAGF,MAAM,CAACG,UAAU,CAAC,IAAI,CAAC,CAAA;EACvCD,OAAO,CAAEJ,IAAI,GAAGA,IAAI,CAAA;AACpB,EAAA,MAAMM,OAAO,GAAGF,OAAO,CAAEG,WAAW,CAACR,IAAI,CAAC,CAAA;EAE1C,MAAMS,OAAO,GAAGP,KAAK,IAAIQ,IAAI,CAACC,EAAE,GAAG,GAAG,CAAC,CAAA;AACvC,EAAA,MAAMC,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAACH,IAAI,CAACI,GAAG,CAACL,OAAO,CAAC,CAAC,CAAA;AAC5C,EAAA,MAAMM,QAAQ,GAAGL,IAAI,CAACG,GAAG,CAACH,IAAI,CAACM,GAAG,CAACP,OAAO,CAAC,CAAC,CAAA;EAE5C,MAAMQ,iBAAiB,GAAGV,OAAO,CAACW,KAAK,GAAGH,QAAQ,GAAG,EAAE,GAAGH,QAAQ,CAAA;AAClE;;AAEA;AACA,EAAA,OAAOK,iBAAiB,CAAA;AAC1B,EAAC;AAEM,MAAME,eAA0E,GAAG,UAACC,KAAK,EAAEnB,IAAI,EAAgB;AAAA,EAAA,IAAdC,KAAK,GAAAX,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;EAC/G,OAAOmB,IAAI,CAACW,GAAG,CAAC,GAAGD,KAAK,CAACE,GAAG,CAAEtB,IAAI,IAAKD,YAAY,CAACC,IAAI,EAAEC,IAAI,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAA;AAC1E;;;;"}

package/_internal/isComponent.js

@@ -3,6 +3,9 @@ import React__default from 'react';
 /**
  * Create a predicate function that checks if a ReactNode is a react element from the given component.
  *
+ * The element's props are `any`, spelled out: a bare `ReactElement` means `ReactElement<unknown>` under
+ * @types/react 19. (A `ReactNode` narrowed by it keeps its own `ReactElement<unknown>` member there.)
+ *
  * @param  component React function component or the component name
  * @return predicate returning true if value is instance of the component
  */

package/_internal/isComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"isComponent.js","sources":["../../src/utils/isComponent.ts"],"sourcesContent":["import React, { ReactNode, ReactElement } from 'react';\nimport { Comp } from '../types';\n\n/**\n * Create a predicate function that checks if a ReactNode is a react element from the given component.\n *\n * @param  component React function component or the component name\n * @return predicate returning true if value is instance of the component\n */\nexport const isComponent =\n  <C>(component: Comp<C, any> | string) =>\n  (instance: ReactNode): instance is ReactElement => {\n    const componentName = typeof component === 'string' ? component : component.displayName;\n\n    return React.isValidElement(instance) && (instance.type as Comp<any>).displayName === componentName;\n  };\n"],"names":["isComponent","component","instance","componentName","displayName","React","isValidElement","type"],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,GAClBC,SAAgC,IACnCC,QAAmB,IAA+B;EACjD,MAAMC,aAAa,GAAG,OAAOF,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGA,SAAS,CAACG,WAAW,CAAA;AAEvF,EAAA,oBAAOC,cAAK,CAACC,cAAc,CAACJ,QAAQ,CAAC,IAAKA,QAAQ,CAACK,IAAI,CAAeH,WAAW,KAAKD,aAAa,CAAA;AACrG;;;;"}
+{"version":3,"file":"isComponent.js","sources":["../../src/utils/isComponent.ts"],"sourcesContent":["import React, { ReactNode, ReactElement } from 'react';\nimport { Comp } from '../types';\n\n/**\n * Create a predicate function that checks if a ReactNode is a react element from the given component.\n *\n * The element's props are `any`, spelled out: a bare `ReactElement` means `ReactElement<unknown>` under\n * @types/react 19. (A `ReactNode` narrowed by it keeps its own `ReactElement<unknown>` member there.)\n *\n * @param  component React function component or the component name\n * @return predicate returning true if value is instance of the component\n */\nexport const isComponent =\n  <C>(component: Comp<C, any> | string) =>\n  (instance: ReactNode): instance is ReactElement<any> => {\n    const componentName = typeof component === 'string' ? component : component.displayName;\n\n    return React.isValidElement(instance) && (instance.type as Comp<any>).displayName === componentName;\n  };\n"],"names":["isComponent","component","instance","componentName","displayName","React","isValidElement","type"],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,GAClBC,SAAgC,IACnCC,QAAmB,IAAoC;EACtD,MAAMC,aAAa,GAAG,OAAOF,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGA,SAAS,CAACG,WAAW,CAAA;AAEvF,EAAA,oBAAOC,cAAK,CAACC,cAAc,CAACJ,QAAQ,CAAC,IAAKA,QAAQ,CAACK,IAAI,CAAeH,WAAW,KAAKD,aAAa,CAAA;AACrG;;;;"}

package/_internal/reactVersion.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+/**
+ * Whether the React rendering this package is 19 or later, for the few places that must tell the two
+ * apart: an element's ref is a prop from 19 (`getElementRef`), and `inert` a boolean attribute
+ * (`SideNavigationMenu`).
+ *
+ * Not exported from the package entry point: it is an implementation detail, and a consumer has
+ * `React.version` itself.
+ */
+const IS_REACT_19_OR_LATER = parseInt(React__default.version, 10) >= 19;
+
+export { IS_REACT_19_OR_LATER as I };
+//# sourceMappingURL=reactVersion.js.map

package/_internal/reactVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactVersion.js","sources":["../../src/utils/reactVersion.ts"],"sourcesContent":["import React from 'react';\n\n/**\n * Whether the React rendering this package is 19 or later, for the few places that must tell the two\n * apart: an element's ref is a prop from 19 (`getElementRef`), and `inert` a boolean attribute\n * (`SideNavigationMenu`).\n *\n * Not exported from the package entry point: it is an implementation detail, and a consumer has\n * `React.version` itself.\n */\nexport const IS_REACT_19_OR_LATER = parseInt(React.version, 10) >= 19;\n"],"names":["IS_REACT_19_OR_LATER","parseInt","React","version"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,MAAAA,oBAAoB,GAAGC,QAAQ,CAACC,cAAK,CAACC,OAAO,EAAE,EAAE,CAAC,IAAI;;;;"}

package/_internal/styles4.js

@@ -42,85 +42,85 @@ const StyledLink = styled.a`
   } = _ref2;
   return !$isDisabled ? css`
           ${$color && $color === 'radar' ? css`
-                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
-                  background-clip: text;
-                  color: transparent;
+                background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
+                background-clip: text;
+                color: transparent;
 
-                  path {
-                    fill: url(#${$color}-gradient-default);
-                  }
-                ` : Object.keys(NotificationsColorPalette).indexOf($color) !== -1 ? css`
-                  &,
-                  .redsift-icon:not(.colored) {
-                    color: var(--redsift-color-notifications-${$color}-primary);
-                  }
-                ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
-                  &,
-                  .redsift-icon:not(.colored) {
-                    color: var(--redsift-color-neutral-${$color});
-                  }
-                ` : Object.keys(ProductColorPalette).indexOf($color) !== -1 ? css`
-                  &,
-                  .redsift-icon:not(.colored) {
-                    color: var(--redsift-color-product-${$color});
-                  }
-                ` : css`
-                  &,
-                  .redsift-icon:not(.colored) {
-                    color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};
-                  }
-                `}
+                path {
+                  fill: url(#${$color}-gradient-default);
+                }
+              ` : Object.keys(NotificationsColorPalette).indexOf($color) !== -1 ? css`
+                &,
+                .redsift-icon:not(.colored) {
+                  color: var(--redsift-color-notifications-${$color}-primary);
+                }
+              ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
+                &,
+                .redsift-icon:not(.colored) {
+                  color: var(--redsift-color-neutral-${$color});
+                }
+              ` : Object.keys(ProductColorPalette).indexOf($color) !== -1 ? css`
+                &,
+                .redsift-icon:not(.colored) {
+                  color: var(--redsift-color-product-${$color});
+                }
+              ` : css`
+                &,
+                .redsift-icon:not(.colored) {
+                  color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};
+                }
+              `}
 
           ${$color && $color === 'radar' && !$hasIcons ? css`
-                  position: relative;
+                position: relative;
 
-                  &:hover::before,
-                  &:focus-visible::before {
-                    content: '';
-                    position: absolute;
-                    bottom: 3px;
-                    width: 100%;
-                    left: 0;
-                    height: 1px;
-                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
-                  }
-                ` : $color && $color === 'radar' && $hasIcons ? css`
-                  position: relative;
+                &:hover::before,
+                &:focus-visible::before {
+                  content: '';
+                  position: absolute;
+                  bottom: 3px;
+                  width: 100%;
+                  left: 0;
+                  height: 1px;
+                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
+                }
+              ` : $color && $color === 'radar' && $hasIcons ? css`
+                position: relative;
 
-                  .text::before {
-                    content: '';
-                    position: absolute;
-                    bottom: 3px;
-                    width: 100%;
-                    left: 0;
-                    height: 1px;
-                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
-                    transform: scaleX(0);
-                  }
+                .text::before {
+                  content: '';
+                  position: absolute;
+                  bottom: 3px;
+                  width: 100%;
+                  left: 0;
+                  height: 1px;
+                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
+                  transform: scaleX(0);
+                }
 
-                  &:hover .text::before,
-                  .icon:hover + .text::before,
-                  .text:hover::before {
-                    transform: scaleX(1);
-                  }
-                ` : css`
-                  text-decoration: underline;
-                  text-decoration-color: transparent;
-                  text-underline-offset: 2px;
+                &:hover .text::before,
+                .icon:hover + .text::before,
+                .text:hover::before {
+                  transform: scaleX(1);
+                }
+              ` : css`
+                text-decoration: underline;
+                text-decoration-color: transparent;
+                text-underline-offset: 2px;
 
-                  &:hover,
-                  &:focus-visible {
-                    ${Object.keys(NotificationsColorPalette).indexOf($color) !== -1 ? css`
-                          text-decoration-color: var(--redsift-color-notifications-${$color}-primary);
-                        ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
-                          text-decoration-color: var(--redsift-color-neutral-${$color});
-                        ` : Object.keys(ProductColorPalette).indexOf($color) !== -1 ? css`
-                          text-decoration-color: var(--redsift-color-product-${$color});
-                        ` : css`
-                          text-decoration-color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};
-                        `}
-                  }
-                `}
+                &:hover,
+                &:focus-visible {
+                  ${Object.keys(NotificationsColorPalette).indexOf($color) !== -1 ? css`
+                        text-decoration-color: var(--redsift-color-notifications-${$color}-primary);
+                      ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
+                        text-decoration-color: var(--redsift-color-neutral-${$color});
+                      ` : Object.keys(ProductColorPalette).indexOf($color) !== -1 ? css`
+                        text-decoration-color: var(--redsift-color-product-${$color});
+                      ` : css`
+                        text-decoration-color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};
+                      `}
+                }
+              `}
         ` : css`
           cursor: text !important;
           text-decoration: none;

package/_internal/styles4.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles4.js","sources":["../../src/components/link/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledLinkProps } from './types';\nimport { NotificationsColorPalette, NeutralColorPalette, ProductColorPalette } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledLink = styled.a<StyledLinkProps>`\n  background: none;\n  border: none;\n  color: unset;\n  display: inline-flex;\n  gap: 4px;\n  align-items: center;\n  font-family: var(--redsift-typography-link-font-family);\n  font-size: var(--redsift-typography-link-font-size);\n  font-weight: var(--redsift-typography-link-font-weight);\n  height: var(--redsift-typography-link-line-height);\n  line-height: var(--redsift-typography-link-line-height);\n  padding: unset;\n  position: relative;\n  width: fit-content;\n  cursor: pointer;\n\n  ${({ $hasIcons }) =>\n    $hasIcons\n      ? css`\n          bottom: -2px;\n        `\n      : ''}\n\n  ${baseStyling}\n\n  ${({ $isDisabled, $color, $theme, $hasIcons }) =>\n    !$isDisabled\n      ? css`\n          ${\n            $color && $color === 'radar'\n              ? css`\n                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                  background-clip: text;\n                  color: transparent;\n\n                  path {\n                    fill: url(#${$color}-gradient-default);\n                  }\n                `\n              : Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-notifications-${$color}-primary);\n                  }\n                `\n              : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-neutral-${$color});\n                  }\n                `\n              : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-product-${$color});\n                  }\n                `\n              : css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};\n                  }\n                `\n          }\n\n          ${\n            $color && $color === 'radar' && !$hasIcons\n              ? css`\n                  position: relative;\n\n                  &:hover::before,\n                  &:focus-visible::before {\n                    content: '';\n                    position: absolute;\n                    bottom: 3px;\n                    width: 100%;\n                    left: 0;\n                    height: 1px;\n                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                  }\n                `\n              : $color && $color === 'radar' && $hasIcons\n              ? css`\n                  position: relative;\n\n                  .text::before {\n                    content: '';\n                    position: absolute;\n                    bottom: 3px;\n                    width: 100%;\n                    left: 0;\n                    height: 1px;\n                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                    transform: scaleX(0);\n                  }\n\n                  &:hover .text::before,\n                  .icon:hover + .text::before,\n                  .text:hover::before {\n                    transform: scaleX(1);\n                  }\n                `\n              : css`\n                  text-decoration: underline;\n                  text-decoration-color: transparent;\n                  text-underline-offset: 2px;\n\n                  &:hover,\n                  &:focus-visible {\n                    ${Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-notifications-${$color}-primary);\n                        `\n                      : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-neutral-${$color});\n                        `\n                      : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-product-${$color});\n                        `\n                      : css`\n                          text-decoration-color: ${$color ||\n                          css`var(--redsift-color-${$theme}-components-text-primary)`};\n                        `}\n                  }\n                `\n          }\n        `\n      : css`\n          cursor: text !important;\n          text-decoration: none;\n        `}\n\n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-primary-n);\n  }\n`;\n"],"names":["StyledLink","styled","a","_ref","$hasIcons","css","baseStyling","_ref2","$isDisabled","$color","$theme","Object","keys","NotificationsColorPalette","indexOf","NeutralColorPalette","ProductColorPalette"],"mappings":"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"}
+{"version":3,"file":"styles4.js","sources":["../../src/components/link/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledLinkProps } from './types';\nimport { NotificationsColorPalette, NeutralColorPalette, ProductColorPalette } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledLink = styled.a<StyledLinkProps>`\n  background: none;\n  border: none;\n  color: unset;\n  display: inline-flex;\n  gap: 4px;\n  align-items: center;\n  font-family: var(--redsift-typography-link-font-family);\n  font-size: var(--redsift-typography-link-font-size);\n  font-weight: var(--redsift-typography-link-font-weight);\n  height: var(--redsift-typography-link-line-height);\n  line-height: var(--redsift-typography-link-line-height);\n  padding: unset;\n  position: relative;\n  width: fit-content;\n  cursor: pointer;\n\n  ${({ $hasIcons }) =>\n    $hasIcons\n      ? css`\n          bottom: -2px;\n        `\n      : ''}\n\n  ${baseStyling}\n\n  ${({ $isDisabled, $color, $theme, $hasIcons }) =>\n    !$isDisabled\n      ? css`\n          ${$color && $color === 'radar'\n            ? css`\n                background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                background-clip: text;\n                color: transparent;\n\n                path {\n                  fill: url(#${$color}-gradient-default);\n                }\n              `\n            : Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n            ? css`\n                &,\n                .redsift-icon:not(.colored) {\n                  color: var(--redsift-color-notifications-${$color}-primary);\n                }\n              `\n            : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n            ? css`\n                &,\n                .redsift-icon:not(.colored) {\n                  color: var(--redsift-color-neutral-${$color});\n                }\n              `\n            : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n            ? css`\n                &,\n                .redsift-icon:not(.colored) {\n                  color: var(--redsift-color-product-${$color});\n                }\n              `\n            : css`\n                &,\n                .redsift-icon:not(.colored) {\n                  color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};\n                }\n              `}\n\n          ${$color && $color === 'radar' && !$hasIcons\n            ? css`\n                position: relative;\n\n                &:hover::before,\n                &:focus-visible::before {\n                  content: '';\n                  position: absolute;\n                  bottom: 3px;\n                  width: 100%;\n                  left: 0;\n                  height: 1px;\n                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                }\n              `\n            : $color && $color === 'radar' && $hasIcons\n            ? css`\n                position: relative;\n\n                .text::before {\n                  content: '';\n                  position: absolute;\n                  bottom: 3px;\n                  width: 100%;\n                  left: 0;\n                  height: 1px;\n                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                  transform: scaleX(0);\n                }\n\n                &:hover .text::before,\n                .icon:hover + .text::before,\n                .text:hover::before {\n                  transform: scaleX(1);\n                }\n              `\n            : css`\n                text-decoration: underline;\n                text-decoration-color: transparent;\n                text-underline-offset: 2px;\n\n                &:hover,\n                &:focus-visible {\n                  ${Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n                    ? css`\n                        text-decoration-color: var(--redsift-color-notifications-${$color}-primary);\n                      `\n                    : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n                    ? css`\n                        text-decoration-color: var(--redsift-color-neutral-${$color});\n                      `\n                    : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n                    ? css`\n                        text-decoration-color: var(--redsift-color-product-${$color});\n                      `\n                    : css`\n                        text-decoration-color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};\n                      `}\n                }\n              `}\n        `\n      : css`\n          cursor: text !important;\n          text-decoration: none;\n        `}\n\n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-primary-n);\n  }\n`;\n"],"names":["StyledLink","styled","a","_ref","$hasIcons","css","baseStyling","_ref2","$isDisabled","$color","$theme","Object","keys","NotificationsColorPalette","indexOf","NeutralColorPalette","ProductColorPalette"],"mappings":"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"}

package/_internal/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../src/components/app-side-panel/types.ts"],"sourcesContent":["import { ReactElement, ComponentProps, RefObject, MouseEvent } from 'react';\nimport { Theme, ValueOf } from '../../types';\nimport { IconButtonProps } from '../icon-button';\n\n/**\n * Component variant.\n */\nexport const AppSidePanelVariant = {\n  shrinked: 'shrinked',\n  standard: 'standard',\n  hidden: 'hidden',\n} as const;\nexport type AppSidePanelVariant = ValueOf<typeof AppSidePanelVariant>;\n\n/**\n * Component props.\n */\nexport interface AppSidePanelProps extends ComponentProps<'div'> {\n  /** Elements to display on top of the navigation menu. Usually a button.  */\n  featuredElements?: ReactElement | ReactElement[];\n  /** Custom props to pass to the IconButton used to collapse the side panel. */\n  iconButtonProps?: Omit<IconButtonProps, 'icon'>;\n  /** Custom ref to pass to the IconButton used to collapse the side panel. */\n  iconButtonRef?: RefObject<HTMLButtonElement>;\n  /** Place to display the logo app.  */\n  logo?: ReactElement | ComponentProps<'img'>;\n  /**\n   * When set, persists menu expand/collapse states in localStorage using this key as prefix.\n   * Each menu is identified by its `aria-label` prop.\n   */\n  menuStorageKey?: string;\n  /** Method called when a click occurs on the top open button - which is displayed only in shrinked variant. */\n  onOpen?: (e: MouseEvent) => void;\n  /** Theme. */\n  theme?: Theme;\n  /** Variant. */\n  variant?: AppSidePanelVariant;\n}\n\nexport type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed' | 'logo'> & {\n  $variant: AppSidePanelProps['variant'];\n  $theme: AppSidePanelProps['theme'];\n};\n"],"names":["AppSidePanelVariant","shrinked","standard","hidden"],"mappings":"AAIA;AACA;AACA;AACO,MAAMA,mBAAmB,GAAG;AACjCC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;;AAGV;AACA;AACA;;;;"}
+{"version":3,"file":"types.js","sources":["../../src/components/app-side-panel/types.ts"],"sourcesContent":["import { ReactElement, ComponentProps, RefObject, MouseEvent } from 'react';\nimport { Theme, ValueOf } from '../../types';\nimport { IconButtonProps } from '../icon-button';\n\n/**\n * Component variant.\n */\nexport const AppSidePanelVariant = {\n  shrinked: 'shrinked',\n  standard: 'standard',\n  hidden: 'hidden',\n} as const;\nexport type AppSidePanelVariant = ValueOf<typeof AppSidePanelVariant>;\n\n/**\n * Component props.\n */\nexport interface AppSidePanelProps extends ComponentProps<'div'> {\n  /** Elements to display on top of the navigation menu. Usually a button.  */\n  featuredElements?: ReactElement | ReactElement[];\n  /** Custom props to pass to the IconButton used to collapse the side panel. */\n  iconButtonProps?: Omit<IconButtonProps, 'icon'>;\n  /** Custom ref to pass to the IconButton used to collapse the side panel. */\n  iconButtonRef?: RefObject<HTMLButtonElement | null>;\n  /** Place to display the logo app.  */\n  logo?: ReactElement | ComponentProps<'img'>;\n  /**\n   * When set, persists menu expand/collapse states in localStorage using this key as prefix.\n   * Each menu is identified by its `aria-label` prop.\n   */\n  menuStorageKey?: string;\n  /** Method called when a click occurs on the top open button - which is displayed only in shrinked variant. */\n  onOpen?: (e: MouseEvent) => void;\n  /** Theme. */\n  theme?: Theme;\n  /** Variant. */\n  variant?: AppSidePanelVariant;\n}\n\nexport type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed' | 'logo'> & {\n  $variant: AppSidePanelProps['variant'];\n  $theme: AppSidePanelProps['theme'];\n};\n"],"names":["AppSidePanelVariant","shrinked","standard","hidden"],"mappings":"AAIA;AACA;AACA;AACO,MAAMA,mBAAmB,GAAG;AACjCC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;;AAGV;AACA;AACA;;;;"}

package/_internal/useFocusOnListItem.js

@@ -64,7 +64,7 @@ function uniqueId() {
 
 /**
  * Includes the given DOM element in the current roving tabindex.
- * @param {RefObject<Element>} domElementRef The DOM element to include.
+ * @param {RefObject<Element | null>} domElementRef The DOM element to include.
  * This must be the same DOM element for the lifetime of the containing
  * component.
  * @param {boolean} isDisabled Whether or not the DOM element is currently

package/_internal/useFocusOnListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusOnListItem.js","sources":["../../src/components/focus-within-group/types.ts","../../src/components/focus-within-group/context.ts","../../src/components/focus-within-group/useFocusOnListItem.ts"],"sourcesContent":["import { ComponentProps } from 'react';\n\nexport enum EventKey {\n  ArrowLeft = 'ArrowLeft',\n  ArrowRight = 'ArrowRight',\n  ArrowUp = 'ArrowUp',\n  ArrowDown = 'ArrowDown',\n  Home = 'Home',\n  End = 'End',\n  Enter = 'Enter',\n}\n\nexport type KeyDirection = 'horizontal' | 'vertical' | 'both';\n\nexport enum Navigation {\n  PREVIOUS = 'PREVIOUS',\n  NEXT = 'NEXT',\n  VERY_FIRST = 'VERY_FIRST',\n  VERY_LAST = 'VERY_LAST',\n  PREVIOUS_ROW = 'PREVIOUS_ROW',\n  NEXT_ROW = 'NEXT_ROW',\n  FIRST_IN_ROW = 'FIRST_IN_ROW',\n  LAST_IN_ROW = 'LAST_IN_ROW',\n}\n\nexport type TabStop = Readonly<{\n  id: string;\n  domElementRef: React.RefObject<Element>;\n  isDisabled: boolean;\n  rowIndex: number | null;\n  value: string;\n}>;\n\nexport type RowStartMap = Map<Exclude<TabStop['rowIndex'], null>, number>;\n\nexport type FocusWithinGroupState = Readonly<{\n  selectedId: string | null;\n  allowFocusing: boolean;\n  tabStops: readonly TabStop[];\n  direction: KeyDirection;\n  focusOnClick: boolean;\n  focusOnInit: boolean;\n  loopAround: boolean;\n  rowStartMap: RowStartMap | null;\n  focusType: 'roving-tabindex' | 'virtual-focus';\n  listRole: 'listbox' | 'menu';\n  activedescendant?: [string, string];\n  filter?: {\n    value: string;\n    type: 'startsWith' | 'contains' | 'endsWith';\n    caseSensitive?: boolean;\n  };\n  delayedAction?: BaseFocusWithinGroupAction;\n  maxOptionsLength?: number;\n}>;\n\nexport type FocusWithinGroupOptions = Partial<\n  Pick<\n    FocusWithinGroupState,\n    | 'direction'\n    | 'focusOnClick'\n    | 'focusOnInit'\n    | 'loopAround'\n    | 'focusType'\n    | 'listRole'\n    | 'activedescendant'\n    | 'maxOptionsLength'\n  >\n>;\n\nexport enum FocusWithinGroupActionType {\n  REGISTER_TAB_STOP = 'REGISTER_TAB_STOP',\n  UNREGISTER_TAB_STOP = 'UNREGISTER_TAB_STOP',\n  KEY_DOWN_ON_ITEM = 'KEY_DOWN_ON_ITEM',\n  CLICK_ON_ITEM = 'CLICK_ON_ITEM',\n  KEY_DOWN_ON_LIST = 'KEY_DOWN_ON_LIST',\n  FOCUS_ON_LIST = 'FOCUS_ON_LIST',\n  BLUR_ON_LIST = 'BLUR_ON_LIST',\n  TAB_STOP_UPDATED = 'TAB_STOP_UPDATED',\n  OPTIONS_UPDATED = 'OPTIONS_UPDATED',\n  FILTER_LIST = 'FILTER_LIST',\n  DELAY_ACTION = 'DELAY_ACTION',\n}\n\nexport type BaseFocusWithinGroupAction =\n  | {\n      type: FocusWithinGroupActionType.REGISTER_TAB_STOP;\n      payload: TabStop;\n    }\n  | {\n      type: FocusWithinGroupActionType.UNREGISTER_TAB_STOP;\n      payload: { id: TabStop['id'] };\n    }\n  | {\n      type: FocusWithinGroupActionType.TAB_STOP_UPDATED;\n      payload: {\n        id: TabStop['id'];\n        rowIndex: TabStop['rowIndex'];\n        isDisabled: TabStop['isDisabled'];\n        value: string;\n      };\n    }\n  | {\n      type: FocusWithinGroupActionType.KEY_DOWN_ON_ITEM;\n      payload: {\n        id: TabStop['id'];\n        key: EventKey;\n        ctrlKey: boolean;\n      };\n    }\n  | {\n      type: FocusWithinGroupActionType.CLICK_ON_ITEM;\n      payload: { id: TabStop['id'] };\n    }\n  | {\n      type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST;\n      payload: {\n        key: EventKey;\n        ctrlKey: boolean;\n      };\n    }\n  | {\n      type: FocusWithinGroupActionType.FOCUS_ON_LIST;\n      payload: { id: TabStop['id']; filter?: FocusWithinGroupState['filter'] };\n    }\n  | {\n      type: FocusWithinGroupActionType.BLUR_ON_LIST;\n      payload: {};\n    }\n  | {\n      type: FocusWithinGroupActionType.OPTIONS_UPDATED;\n      payload: FocusWithinGroupOptions;\n    }\n  | {\n      type: FocusWithinGroupActionType.FILTER_LIST;\n      payload: { filter: FocusWithinGroupState['filter'] };\n    };\nexport type FocusWithinGroupAction =\n  | BaseFocusWithinGroupAction\n  | {\n      type: FocusWithinGroupActionType.DELAY_ACTION;\n      payload: BaseFocusWithinGroupAction;\n    };\n\nexport type UseFocusWithinGroupProps = {\n  tabIndex?: number;\n  isFocused: boolean;\n  handleKeyDown: (event: React.KeyboardEvent) => void;\n  handleClick: () => void;\n};\n\nexport type UseFocusGroupProps = {\n  activedescendant: [string, string] | undefined;\n  handleKeyDown: (event: React.KeyboardEvent) => void;\n  handleFocus: () => void;\n  handleBlur: () => void;\n};\n\nexport type FocusWithinGroupContextProps = {\n  state: FocusWithinGroupState;\n  dispatch: React.Dispatch<FocusWithinGroupAction>;\n};\n\n/**\n * Component props.\n */\nexport interface FocusWithinGroupProps extends ComponentProps<'div'>, FocusWithinGroupOptions {}\n","import React from 'react';\nimport { FocusWithinGroupContextProps, FocusWithinGroupState } from './types';\n\nexport const FOCUS_WITHING_GROUP_INITIAL_STATE: FocusWithinGroupState = {\n  selectedId: null,\n  allowFocusing: false,\n  tabStops: [],\n  direction: 'vertical',\n  focusOnClick: false,\n  focusOnInit: true,\n  loopAround: false,\n  rowStartMap: null,\n  focusType: 'roving-tabindex',\n  listRole: 'listbox',\n};\n\nexport const FocusWithinGroupContext = React.createContext<FocusWithinGroupContextProps>({\n  state: FOCUS_WITHING_GROUP_INITIAL_STATE,\n  dispatch: () => {},\n});\n","import { useCallback, useRef, useContext, useEffect, RefObject, KeyboardEvent } from 'react';\nimport { FocusWithinGroupContext } from './context';\nimport { FocusWithinGroupActionType, EventKey, UseFocusWithinGroupProps } from './types';\n\nlet counter = 0;\n\nexport function uniqueId(): string {\n  return `rti_${++counter}`;\n}\n\n/**\n * Includes the given DOM element in the current roving tabindex.\n * @param {RefObject<Element>} domElementRef The DOM element to include.\n * This must be the same DOM element for the lifetime of the containing\n * component.\n * @param {boolean} isDisabled Whether or not the DOM element is currently\n * enabled. This value can be updated as appropriate throughout the lifetime\n * of the containing component.\n * @param {number?} rowIndex An optional integer value that must be\n * populated if the roving tabindex is being used in a grid. In that case,\n * set it to the zero-based index of the row that the given DOM element\n * is currently part of. You can update this row index as appropriate\n * throughout the lifetime of the containing component, for example if\n * the shape of the grid can change dynamically.\n * @returns A tuple of values to be applied by the containing\n * component for the roving tabindex to work correctly.\n * First tuple value: The tabIndex value to apply to the tab stop\n * element.\n * Second tuple value: Whether or not focus() should be invoked on the\n * tab stop element.\n * Third tuple value: The onKeyDown callback to apply to the tab\n * stop element. If the key press is relevant to the hook then\n * event.preventDefault() will be invoked on the event.\n * Fourth tuple value: The onClick callback to apply to the tab\n * stop element.\n */\nexport function useFocusOnListItem(props: {\n  domElementRef: RefObject<Element>;\n  isDisabled: boolean;\n  id?: string;\n  value?: string;\n  rowIndex?: number | null;\n}): UseFocusWithinGroupProps {\n  const { domElementRef, isDisabled, id, value, rowIndex = null } = props;\n  // Create a stable ID for the lifetime of the component:\n  const idRef = useRef<string | null>(null);\n\n  function getId() {\n    if (id) {\n      return id;\n    }\n\n    if (!idRef.current) {\n      idRef.current = uniqueId();\n    }\n    return idRef.current;\n  }\n\n  const isMounted = useRef(false);\n  const context = useContext(FocusWithinGroupContext);\n\n  // Register the tab stop on mount and unregister it on unmount:\n  useEffect(() => {\n    const id = getId();\n    context.dispatch({\n      type: FocusWithinGroupActionType.REGISTER_TAB_STOP,\n      payload: {\n        id,\n        domElementRef,\n        rowIndex,\n        isDisabled,\n        value: value!,\n      },\n    });\n    return (): void => {\n      context.dispatch({\n        type: FocusWithinGroupActionType.UNREGISTER_TAB_STOP,\n        payload: { id },\n      });\n    };\n  }, []);\n\n  // Update the tab stop data if rowIndex or isDisabled change.\n  // The isMounted flag is used to prevent this effect running\n  // on mount, which is benign but redundant (as the\n  // REGISTER_TAB_STOP action would have just been dispatched).\n  useEffect(() => {\n    if (isMounted.current) {\n      context.dispatch({\n        type: FocusWithinGroupActionType.TAB_STOP_UPDATED,\n        payload: {\n          id: getId(),\n          rowIndex,\n          isDisabled,\n          value: value || '',\n        },\n      });\n    } else {\n      isMounted.current = true;\n    }\n  }, [rowIndex, isDisabled]);\n\n  // Create a stable callback function for handling key down events:\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    const key = EventKey[event.key as EventKey];\n    if (!key) {\n      return;\n    }\n    context.dispatch({\n      type: FocusWithinGroupActionType.KEY_DOWN_ON_ITEM,\n      payload: { id: getId(), key, ctrlKey: event.ctrlKey },\n    });\n    event.preventDefault();\n  }, []);\n\n  // Create a stable callback function for handling click events:\n  const handleClick = useCallback(() => {\n    context.dispatch({\n      type: FocusWithinGroupActionType.CLICK_ON_ITEM,\n      payload: { id: getId() },\n    });\n  }, []);\n\n  // Determine if the current tab stop is the currently active one:\n  const selected = getId() === context.state.selectedId;\n\n  const tabIndex = context.state.focusType === 'roving-tabindex' ? (selected ? 0 : -1) : undefined;\n  const isFocused = selected && context.state.allowFocusing;\n\n  useEffect(() => {\n    if (isFocused && domElementRef.current && context.state.focusType === 'roving-tabindex') {\n      (domElementRef as RefObject<SVGElement | HTMLElement>).current?.focus();\n    }\n  }, [isFocused]);\n\n  return {\n    tabIndex,\n    isFocused:\n      context.state.focusType === 'roving-tabindex'\n        ? isFocused && document.activeElement === (domElementRef as RefObject<SVGElement | HTMLElement>).current\n        : selected && context.state.activedescendant?.[0] === getId(),\n    handleKeyDown,\n    handleClick,\n  };\n}\n"],"names":["EventKey","Navigation","FocusWithinGroupActionType","FOCUS_WITHING_GROUP_INITIAL_STATE","selectedId","allowFocusing","tabStops","direction","focusOnClick","focusOnInit","loopAround","rowStartMap","focusType","listRole","FocusWithinGroupContext","React","createContext","state","dispatch","counter","uniqueId","useFocusOnListItem","props","_context$state$active","domElementRef","isDisabled","id","value","rowIndex","idRef","useRef","getId","current","isMounted","context","useContext","useEffect","type","REGISTER_TAB_STOP","payload","UNREGISTER_TAB_STOP","TAB_STOP_UPDATED","handleKeyDown","useCallback","event","key","KEY_DOWN_ON_ITEM","ctrlKey","preventDefault","handleClick","CLICK_ON_ITEM","selected","tabIndex","undefined","isFocused","_current","focus","document","activeElement","activedescendant"],"mappings":"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"}
+{"version":3,"file":"useFocusOnListItem.js","sources":["../../src/components/focus-within-group/types.ts","../../src/components/focus-within-group/context.ts","../../src/components/focus-within-group/useFocusOnListItem.ts"],"sourcesContent":["import { ComponentProps } from 'react';\n\nexport enum EventKey {\n  ArrowLeft = 'ArrowLeft',\n  ArrowRight = 'ArrowRight',\n  ArrowUp = 'ArrowUp',\n  ArrowDown = 'ArrowDown',\n  Home = 'Home',\n  End = 'End',\n  Enter = 'Enter',\n}\n\nexport type KeyDirection = 'horizontal' | 'vertical' | 'both';\n\nexport enum Navigation {\n  PREVIOUS = 'PREVIOUS',\n  NEXT = 'NEXT',\n  VERY_FIRST = 'VERY_FIRST',\n  VERY_LAST = 'VERY_LAST',\n  PREVIOUS_ROW = 'PREVIOUS_ROW',\n  NEXT_ROW = 'NEXT_ROW',\n  FIRST_IN_ROW = 'FIRST_IN_ROW',\n  LAST_IN_ROW = 'LAST_IN_ROW',\n}\n\nexport type TabStop = Readonly<{\n  id: string;\n  domElementRef: React.RefObject<Element | null>;\n  isDisabled: boolean;\n  rowIndex: number | null;\n  value: string;\n}>;\n\nexport type RowStartMap = Map<Exclude<TabStop['rowIndex'], null>, number>;\n\nexport type FocusWithinGroupState = Readonly<{\n  selectedId: string | null;\n  allowFocusing: boolean;\n  tabStops: readonly TabStop[];\n  direction: KeyDirection;\n  focusOnClick: boolean;\n  focusOnInit: boolean;\n  loopAround: boolean;\n  rowStartMap: RowStartMap | null;\n  focusType: 'roving-tabindex' | 'virtual-focus';\n  listRole: 'listbox' | 'menu';\n  activedescendant?: [string, string];\n  filter?: {\n    value: string;\n    type: 'startsWith' | 'contains' | 'endsWith';\n    caseSensitive?: boolean;\n  };\n  delayedAction?: BaseFocusWithinGroupAction;\n  maxOptionsLength?: number;\n}>;\n\nexport type FocusWithinGroupOptions = Partial<\n  Pick<\n    FocusWithinGroupState,\n    | 'direction'\n    | 'focusOnClick'\n    | 'focusOnInit'\n    | 'loopAround'\n    | 'focusType'\n    | 'listRole'\n    | 'activedescendant'\n    | 'maxOptionsLength'\n  >\n>;\n\nexport enum FocusWithinGroupActionType {\n  REGISTER_TAB_STOP = 'REGISTER_TAB_STOP',\n  UNREGISTER_TAB_STOP = 'UNREGISTER_TAB_STOP',\n  KEY_DOWN_ON_ITEM = 'KEY_DOWN_ON_ITEM',\n  CLICK_ON_ITEM = 'CLICK_ON_ITEM',\n  KEY_DOWN_ON_LIST = 'KEY_DOWN_ON_LIST',\n  FOCUS_ON_LIST = 'FOCUS_ON_LIST',\n  BLUR_ON_LIST = 'BLUR_ON_LIST',\n  TAB_STOP_UPDATED = 'TAB_STOP_UPDATED',\n  OPTIONS_UPDATED = 'OPTIONS_UPDATED',\n  FILTER_LIST = 'FILTER_LIST',\n  DELAY_ACTION = 'DELAY_ACTION',\n}\n\nexport type BaseFocusWithinGroupAction =\n  | {\n      type: FocusWithinGroupActionType.REGISTER_TAB_STOP;\n      payload: TabStop;\n    }\n  | {\n      type: FocusWithinGroupActionType.UNREGISTER_TAB_STOP;\n      payload: { id: TabStop['id'] };\n    }\n  | {\n      type: FocusWithinGroupActionType.TAB_STOP_UPDATED;\n      payload: {\n        id: TabStop['id'];\n        rowIndex: TabStop['rowIndex'];\n        isDisabled: TabStop['isDisabled'];\n        value: string;\n      };\n    }\n  | {\n      type: FocusWithinGroupActionType.KEY_DOWN_ON_ITEM;\n      payload: {\n        id: TabStop['id'];\n        key: EventKey;\n        ctrlKey: boolean;\n      };\n    }\n  | {\n      type: FocusWithinGroupActionType.CLICK_ON_ITEM;\n      payload: { id: TabStop['id'] };\n    }\n  | {\n      type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST;\n      payload: {\n        key: EventKey;\n        ctrlKey: boolean;\n      };\n    }\n  | {\n      type: FocusWithinGroupActionType.FOCUS_ON_LIST;\n      payload: { id: TabStop['id']; filter?: FocusWithinGroupState['filter'] };\n    }\n  | {\n      type: FocusWithinGroupActionType.BLUR_ON_LIST;\n      payload: {};\n    }\n  | {\n      type: FocusWithinGroupActionType.OPTIONS_UPDATED;\n      payload: FocusWithinGroupOptions;\n    }\n  | {\n      type: FocusWithinGroupActionType.FILTER_LIST;\n      payload: { filter: FocusWithinGroupState['filter'] };\n    };\nexport type FocusWithinGroupAction =\n  | BaseFocusWithinGroupAction\n  | {\n      type: FocusWithinGroupActionType.DELAY_ACTION;\n      payload: BaseFocusWithinGroupAction;\n    };\n\nexport type UseFocusWithinGroupProps = {\n  tabIndex?: number;\n  isFocused: boolean;\n  handleKeyDown: (event: React.KeyboardEvent) => void;\n  handleClick: () => void;\n};\n\nexport type UseFocusGroupProps = {\n  activedescendant: [string, string] | undefined;\n  handleKeyDown: (event: React.KeyboardEvent) => void;\n  handleFocus: () => void;\n  handleBlur: () => void;\n};\n\nexport type FocusWithinGroupContextProps = {\n  state: FocusWithinGroupState;\n  dispatch: React.Dispatch<FocusWithinGroupAction>;\n};\n\n/**\n * Component props.\n */\nexport interface FocusWithinGroupProps extends ComponentProps<'div'>, FocusWithinGroupOptions {}\n","import React from 'react';\nimport { FocusWithinGroupContextProps, FocusWithinGroupState } from './types';\n\nexport const FOCUS_WITHING_GROUP_INITIAL_STATE: FocusWithinGroupState = {\n  selectedId: null,\n  allowFocusing: false,\n  tabStops: [],\n  direction: 'vertical',\n  focusOnClick: false,\n  focusOnInit: true,\n  loopAround: false,\n  rowStartMap: null,\n  focusType: 'roving-tabindex',\n  listRole: 'listbox',\n};\n\nexport const FocusWithinGroupContext = React.createContext<FocusWithinGroupContextProps>({\n  state: FOCUS_WITHING_GROUP_INITIAL_STATE,\n  dispatch: () => {},\n});\n","import { useCallback, useRef, useContext, useEffect, RefObject, KeyboardEvent } from 'react';\nimport { FocusWithinGroupContext } from './context';\nimport { FocusWithinGroupActionType, EventKey, UseFocusWithinGroupProps } from './types';\n\nlet counter = 0;\n\nexport function uniqueId(): string {\n  return `rti_${++counter}`;\n}\n\n/**\n * Includes the given DOM element in the current roving tabindex.\n * @param {RefObject<Element | null>} domElementRef The DOM element to include.\n * This must be the same DOM element for the lifetime of the containing\n * component.\n * @param {boolean} isDisabled Whether or not the DOM element is currently\n * enabled. This value can be updated as appropriate throughout the lifetime\n * of the containing component.\n * @param {number?} rowIndex An optional integer value that must be\n * populated if the roving tabindex is being used in a grid. In that case,\n * set it to the zero-based index of the row that the given DOM element\n * is currently part of. You can update this row index as appropriate\n * throughout the lifetime of the containing component, for example if\n * the shape of the grid can change dynamically.\n * @returns A tuple of values to be applied by the containing\n * component for the roving tabindex to work correctly.\n * First tuple value: The tabIndex value to apply to the tab stop\n * element.\n * Second tuple value: Whether or not focus() should be invoked on the\n * tab stop element.\n * Third tuple value: The onKeyDown callback to apply to the tab\n * stop element. If the key press is relevant to the hook then\n * event.preventDefault() will be invoked on the event.\n * Fourth tuple value: The onClick callback to apply to the tab\n * stop element.\n */\nexport function useFocusOnListItem(props: {\n  domElementRef: RefObject<Element | null>;\n  isDisabled: boolean;\n  id?: string;\n  value?: string;\n  rowIndex?: number | null;\n}): UseFocusWithinGroupProps {\n  const { domElementRef, isDisabled, id, value, rowIndex = null } = props;\n  // Create a stable ID for the lifetime of the component:\n  const idRef = useRef<string | null>(null);\n\n  function getId() {\n    if (id) {\n      return id;\n    }\n\n    if (!idRef.current) {\n      idRef.current = uniqueId();\n    }\n    return idRef.current;\n  }\n\n  const isMounted = useRef(false);\n  const context = useContext(FocusWithinGroupContext);\n\n  // Register the tab stop on mount and unregister it on unmount:\n  useEffect(() => {\n    const id = getId();\n    context.dispatch({\n      type: FocusWithinGroupActionType.REGISTER_TAB_STOP,\n      payload: {\n        id,\n        domElementRef,\n        rowIndex,\n        isDisabled,\n        value: value!,\n      },\n    });\n    return (): void => {\n      context.dispatch({\n        type: FocusWithinGroupActionType.UNREGISTER_TAB_STOP,\n        payload: { id },\n      });\n    };\n  }, []);\n\n  // Update the tab stop data if rowIndex or isDisabled change.\n  // The isMounted flag is used to prevent this effect running\n  // on mount, which is benign but redundant (as the\n  // REGISTER_TAB_STOP action would have just been dispatched).\n  useEffect(() => {\n    if (isMounted.current) {\n      context.dispatch({\n        type: FocusWithinGroupActionType.TAB_STOP_UPDATED,\n        payload: {\n          id: getId(),\n          rowIndex,\n          isDisabled,\n          value: value || '',\n        },\n      });\n    } else {\n      isMounted.current = true;\n    }\n  }, [rowIndex, isDisabled]);\n\n  // Create a stable callback function for handling key down events:\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    const key = EventKey[event.key as EventKey];\n    if (!key) {\n      return;\n    }\n    context.dispatch({\n      type: FocusWithinGroupActionType.KEY_DOWN_ON_ITEM,\n      payload: { id: getId(), key, ctrlKey: event.ctrlKey },\n    });\n    event.preventDefault();\n  }, []);\n\n  // Create a stable callback function for handling click events:\n  const handleClick = useCallback(() => {\n    context.dispatch({\n      type: FocusWithinGroupActionType.CLICK_ON_ITEM,\n      payload: { id: getId() },\n    });\n  }, []);\n\n  // Determine if the current tab stop is the currently active one:\n  const selected = getId() === context.state.selectedId;\n\n  const tabIndex = context.state.focusType === 'roving-tabindex' ? (selected ? 0 : -1) : undefined;\n  const isFocused = selected && context.state.allowFocusing;\n\n  useEffect(() => {\n    if (isFocused && domElementRef.current && context.state.focusType === 'roving-tabindex') {\n      (domElementRef as RefObject<SVGElement | HTMLElement>).current?.focus();\n    }\n  }, [isFocused]);\n\n  return {\n    tabIndex,\n    isFocused:\n      context.state.focusType === 'roving-tabindex'\n        ? isFocused && document.activeElement === (domElementRef as RefObject<SVGElement | HTMLElement>).current\n        : selected && context.state.activedescendant?.[0] === getId(),\n    handleKeyDown,\n    handleClick,\n  };\n}\n"],"names":["EventKey","Navigation","FocusWithinGroupActionType","FOCUS_WITHING_GROUP_INITIAL_STATE","selectedId","allowFocusing","tabStops","direction","focusOnClick","focusOnInit","loopAround","rowStartMap","focusType","listRole","FocusWithinGroupContext","React","createContext","state","dispatch","counter","uniqueId","useFocusOnListItem","props","_context$state$active","domElementRef","isDisabled","id","value","rowIndex","idRef","useRef","getId","current","isMounted","context","useContext","useEffect","type","REGISTER_TAB_STOP","payload","UNREGISTER_TAB_STOP","TAB_STOP_UPDATED","handleKeyDown","useCallback","event","key","KEY_DOWN_ON_ITEM","ctrlKey","preventDefault","handleClick","CLICK_ON_ITEM","selected","tabIndex","undefined","isFocused","_current","focus","document","activeElement","activedescendant"],"mappings":"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"}

package/_internal/useId.js

@@ -20,7 +20,7 @@ const getIds = (count, prefix) => {
   return ids;
 };
 function usePrevious(value) {
-  const ref = React__default.useRef();
+  const ref = React__default.useRef(undefined);
   React__default.useEffect(() => {
     ref.current = value;
   });