@redsift/design-system 11.5.0 → 11.6.0-muiv5-alpha.1

package/react-aria/react-aria/button/useButton.js

@@ -0,0 +1,95 @@
+import { usePress } from '../interactions/usePress.js';
+import { useFocusable } from '../focus/useFocusable.js';
+import { mergeProps } from '../utils/mergeProps.js';
+import { filterDOMProps } from '../utils/filterDOMProps.js';
+
+/* eslint-disable prefer-const */
+
+// Order with overrides is important: 'button' should be default
+
+/**
+ * Provides the behavior and accessibility implementation for a button component. Handles mouse, keyboard, and touch interactions,
+ * focus behavior, and ARIA props for both native button elements and custom element types.
+ * @param props - Props to be applied to the button.
+ * @param ref - A ref to a DOM element for the button.
+ */
+function useButton(props, ref) {
+  let {
+    elementType = 'button',
+    isDisabled,
+    onPress,
+    onPressStart,
+    onPressEnd,
+    onPressUp,
+    onPressChange,
+    // @ts-ignore - undocumented
+    preventFocusOnPress,
+    // @ts-ignore - undocumented
+    allowFocusWhenDisabled,
+    // @ts-ignore
+    onClick: deprecatedOnClick,
+    href,
+    target,
+    rel,
+    type = 'button'
+  } = props;
+  let additionalProps;
+  if (elementType === 'button') {
+    additionalProps = {
+      type,
+      disabled: isDisabled
+    };
+  } else {
+    additionalProps = {
+      role: 'button',
+      tabIndex: isDisabled ? undefined : 0,
+      href: elementType === 'a' && isDisabled ? undefined : href,
+      target: elementType === 'a' ? target : undefined,
+      type: elementType === 'input' ? type : undefined,
+      disabled: elementType === 'input' ? isDisabled : undefined,
+      'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,
+      rel: elementType === 'a' ? rel : undefined
+    };
+  }
+  let {
+    pressProps,
+    isPressed
+  } = usePress({
+    onPressStart,
+    onPressEnd,
+    onPressChange,
+    onPress,
+    onPressUp,
+    isDisabled,
+    preventFocusOnPress,
+    ref
+  });
+  let {
+    focusableProps
+  } = useFocusable(props, ref);
+  if (allowFocusWhenDisabled) {
+    focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;
+  }
+  let buttonProps = mergeProps(focusableProps, pressProps, filterDOMProps(props, {
+    labelable: true
+  }));
+  return {
+    isPressed,
+    // Used to indicate press state for visual
+    buttonProps: mergeProps(additionalProps, buttonProps, {
+      'aria-haspopup': props['aria-haspopup'],
+      'aria-expanded': props['aria-expanded'],
+      'aria-controls': props['aria-controls'],
+      'aria-pressed': props['aria-pressed'],
+      onClick: e => {
+        if (deprecatedOnClick) {
+          deprecatedOnClick(e);
+          console.warn('onClick is deprecated, please use onPress');
+        }
+      }
+    })
+  };
+}
+
+export { useButton };
+//# sourceMappingURL=useButton.js.map

package/react-aria/react-aria/button/useButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButton.js","sources":["../../../../src/react-aria/react-aria/button/useButton.ts"],"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\nimport {\n  AnchorHTMLAttributes,\n  ButtonHTMLAttributes,\n  ElementType,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  RefObject,\n} from 'react';\nimport { AriaButtonProps } from '../../react-types/button';\nimport { DOMAttributes } from '../../react-types/shared';\nimport { filterDOMProps, mergeProps } from '../utils';\nimport { useFocusable } from '../focus';\nimport { usePress } from '../interactions';\n\nexport interface AriaButtonOptions<E extends ElementType> extends Omit<AriaButtonProps<E>, 'children'> {}\n\nexport interface ButtonAria<T> {\n  /** Props for the button element. */\n  buttonProps: T;\n  /** Whether the button is currently pressed. */\n  isPressed: boolean;\n}\n\n// Order with overrides is important: 'button' should be default\nexport function useButton(\n  props: AriaButtonOptions<'button'>,\n  ref: RefObject<HTMLButtonElement>\n): ButtonAria<ButtonHTMLAttributes<HTMLButtonElement>>;\nexport function useButton(\n  props: AriaButtonOptions<'a'>,\n  ref: RefObject<HTMLAnchorElement>\n): ButtonAria<AnchorHTMLAttributes<HTMLAnchorElement>>;\nexport function useButton(\n  props: AriaButtonOptions<'div'>,\n  ref: RefObject<HTMLDivElement>\n): ButtonAria<HTMLAttributes<HTMLDivElement>>;\nexport function useButton(\n  props: AriaButtonOptions<'input'>,\n  ref: RefObject<HTMLInputElement>\n): ButtonAria<InputHTMLAttributes<HTMLInputElement>>;\nexport function useButton(\n  props: AriaButtonOptions<'span'>,\n  ref: RefObject<HTMLSpanElement>\n): ButtonAria<HTMLAttributes<HTMLSpanElement>>;\nexport function useButton(props: AriaButtonOptions<ElementType>, ref: RefObject<Element>): ButtonAria<DOMAttributes>;\n/**\n * Provides the behavior and accessibility implementation for a button component. Handles mouse, keyboard, and touch interactions,\n * focus behavior, and ARIA props for both native button elements and custom element types.\n * @param props - Props to be applied to the button.\n * @param ref - A ref to a DOM element for the button.\n */\nexport function useButton(props: AriaButtonOptions<ElementType>, ref: RefObject<any>): ButtonAria<HTMLAttributes<any>> {\n  let {\n    elementType = 'button',\n    isDisabled,\n    onPress,\n    onPressStart,\n    onPressEnd,\n    onPressUp,\n    onPressChange,\n    // @ts-ignore - undocumented\n    preventFocusOnPress,\n    // @ts-ignore - undocumented\n    allowFocusWhenDisabled,\n    // @ts-ignore\n    onClick: deprecatedOnClick,\n    href,\n    target,\n    rel,\n    type = 'button',\n  } = props;\n  let additionalProps;\n  if (elementType === 'button') {\n    additionalProps = {\n      type,\n      disabled: isDisabled,\n    };\n  } else {\n    additionalProps = {\n      role: 'button',\n      tabIndex: isDisabled ? undefined : 0,\n      href: elementType === 'a' && isDisabled ? undefined : href,\n      target: elementType === 'a' ? target : undefined,\n      type: elementType === 'input' ? type : undefined,\n      disabled: elementType === 'input' ? isDisabled : undefined,\n      'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,\n      rel: elementType === 'a' ? rel : undefined,\n    };\n  }\n\n  let { pressProps, isPressed } = usePress({\n    onPressStart,\n    onPressEnd,\n    onPressChange,\n    onPress,\n    onPressUp,\n    isDisabled,\n    preventFocusOnPress,\n    ref,\n  });\n\n  let { focusableProps } = useFocusable(props, ref);\n  if (allowFocusWhenDisabled) {\n    focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;\n  }\n  let buttonProps = mergeProps(focusableProps, pressProps, filterDOMProps(props, { labelable: true }));\n\n  return {\n    isPressed, // Used to indicate press state for visual\n    buttonProps: mergeProps(additionalProps, buttonProps, {\n      'aria-haspopup': props['aria-haspopup'],\n      'aria-expanded': props['aria-expanded'],\n      'aria-controls': props['aria-controls'],\n      'aria-pressed': props['aria-pressed'],\n      onClick: (e) => {\n        if (deprecatedOnClick) {\n          deprecatedOnClick(e);\n          console.warn('onClick is deprecated, please use onPress');\n        }\n      },\n    }),\n  };\n}\n"],"names":["useButton","props","ref","elementType","isDisabled","onPress","onPressStart","onPressEnd","onPressUp","onPressChange","preventFocusOnPress","allowFocusWhenDisabled","onClick","deprecatedOnClick","href","target","rel","type","additionalProps","disabled","role","tabIndex","undefined","pressProps","isPressed","usePress","focusableProps","useFocusable","buttonProps","mergeProps","filterDOMProps","labelable","e","console","warn"],"mappings":";;;;;AAAA;;AAqCA;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,CAACC,KAAqC,EAAEC,GAAmB,EAAmC;EACrH,IAAI;AACFC,IAAAA,WAAW,GAAG,QAAQ;IACtBC,UAAU;IACVC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,SAAS;IACTC,aAAa;AACb;IACAC,mBAAmB;AACnB;IACAC,sBAAsB;AACtB;AACAC,IAAAA,OAAO,EAAEC,iBAAiB;IAC1BC,IAAI;IACJC,MAAM;IACNC,GAAG;AACHC,IAAAA,IAAI,GAAG,QAAA;AACT,GAAC,GAAGhB,KAAK,CAAA;AACT,EAAA,IAAIiB,eAAe,CAAA;EACnB,IAAIf,WAAW,KAAK,QAAQ,EAAE;AAC5Be,IAAAA,eAAe,GAAG;MAChBD,IAAI;AACJE,MAAAA,QAAQ,EAAEf,UAAAA;KACX,CAAA;AACH,GAAC,MAAM;AACLc,IAAAA,eAAe,GAAG;AAChBE,MAAAA,IAAI,EAAE,QAAQ;AACdC,MAAAA,QAAQ,EAAEjB,UAAU,GAAGkB,SAAS,GAAG,CAAC;MACpCR,IAAI,EAAEX,WAAW,KAAK,GAAG,IAAIC,UAAU,GAAGkB,SAAS,GAAGR,IAAI;AAC1DC,MAAAA,MAAM,EAAEZ,WAAW,KAAK,GAAG,GAAGY,MAAM,GAAGO,SAAS;AAChDL,MAAAA,IAAI,EAAEd,WAAW,KAAK,OAAO,GAAGc,IAAI,GAAGK,SAAS;AAChDH,MAAAA,QAAQ,EAAEhB,WAAW,KAAK,OAAO,GAAGC,UAAU,GAAGkB,SAAS;MAC1D,eAAe,EAAE,CAAClB,UAAU,IAAID,WAAW,KAAK,OAAO,GAAGmB,SAAS,GAAGlB,UAAU;AAChFY,MAAAA,GAAG,EAAEb,WAAW,KAAK,GAAG,GAAGa,GAAG,GAAGM,SAAAA;KAClC,CAAA;AACH,GAAA;EAEA,IAAI;IAAEC,UAAU;AAAEC,IAAAA,SAAAA;GAAW,GAAGC,QAAQ,CAAC;IACvCnB,YAAY;IACZC,UAAU;IACVE,aAAa;IACbJ,OAAO;IACPG,SAAS;IACTJ,UAAU;IACVM,mBAAmB;AACnBR,IAAAA,GAAAA;AACF,GAAC,CAAC,CAAA;EAEF,IAAI;AAAEwB,IAAAA,cAAAA;AAAe,GAAC,GAAGC,YAAY,CAAC1B,KAAK,EAAEC,GAAG,CAAC,CAAA;AACjD,EAAA,IAAIS,sBAAsB,EAAE;IAC1Be,cAAc,CAACL,QAAQ,GAAGjB,UAAU,GAAG,CAAC,CAAC,GAAGsB,cAAc,CAACL,QAAQ,CAAA;AACrE,GAAA;EACA,IAAIO,WAAW,GAAGC,UAAU,CAACH,cAAc,EAAEH,UAAU,EAAEO,cAAc,CAAC7B,KAAK,EAAE;AAAE8B,IAAAA,SAAS,EAAE,IAAA;AAAK,GAAC,CAAC,CAAC,CAAA;EAEpG,OAAO;IACLP,SAAS;AAAE;AACXI,IAAAA,WAAW,EAAEC,UAAU,CAACX,eAAe,EAAEU,WAAW,EAAE;AACpD,MAAA,eAAe,EAAE3B,KAAK,CAAC,eAAe,CAAC;AACvC,MAAA,eAAe,EAAEA,KAAK,CAAC,eAAe,CAAC;AACvC,MAAA,eAAe,EAAEA,KAAK,CAAC,eAAe,CAAC;AACvC,MAAA,cAAc,EAAEA,KAAK,CAAC,cAAc,CAAC;MACrCW,OAAO,EAAGoB,CAAC,IAAK;AACd,QAAA,IAAInB,iBAAiB,EAAE;UACrBA,iBAAiB,CAACmB,CAAC,CAAC,CAAA;AACpBC,UAAAA,OAAO,CAACC,IAAI,CAAC,2CAA2C,CAAC,CAAA;AAC3D,SAAA;AACF,OAAA;KACD,CAAA;GACF,CAAA;AACH;;;;"}

package/react-aria/react-aria/focus/focusSafely.js

@@ -0,0 +1,33 @@
+import { getOwnerDocument } from '../utils/domHelpers.js';
+import { focusWithoutScrolling } from '../utils/focusWithoutScrolling.js';
+import { getInteractionModality } from '../interactions/useFocusVisible.js';
+import { runAfterTransition } from '../utils/runAfterTransition.js';
+
+/* eslint-disable prefer-const */
+
+/**
+ * A utility function that focuses an element while avoiding undesired side effects such
+ * as page scrolling and screen reader issues with CSS transitions.
+ */
+function focusSafely(element) {
+  // If the user is interacting with a virtual cursor, e.g. screen reader, then
+  // wait until after any animated transitions that are currently occurring on
+  // the page before shifting focus. This avoids issues with VoiceOver on iOS
+  // causing the page to scroll when moving focus if the element is transitioning
+  // from off the screen.
+  const ownerDocument = getOwnerDocument(element);
+  if (getInteractionModality() === 'virtual') {
+    let lastFocusedElement = ownerDocument.activeElement;
+    runAfterTransition(() => {
+      // If focus did not move and the element is still in the document, focus it.
+      if (ownerDocument.activeElement === lastFocusedElement && element.isConnected) {
+        focusWithoutScrolling(element);
+      }
+    });
+  } else {
+    focusWithoutScrolling(element);
+  }
+}
+
+export { focusSafely };
+//# sourceMappingURL=focusSafely.js.map

package/react-aria/react-aria/focus/focusSafely.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusSafely.js","sources":["../../../../src/react-aria/react-aria/focus/focusSafely.ts"],"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\nimport { FocusableElement } from '../../react-types/shared';\nimport { focusWithoutScrolling, getOwnerDocument, runAfterTransition } from '../utils';\nimport { getInteractionModality } from '../interactions';\n\n/**\n * A utility function that focuses an element while avoiding undesired side effects such\n * as page scrolling and screen reader issues with CSS transitions.\n */\nexport function focusSafely(element: FocusableElement) {\n  // If the user is interacting with a virtual cursor, e.g. screen reader, then\n  // wait until after any animated transitions that are currently occurring on\n  // the page before shifting focus. This avoids issues with VoiceOver on iOS\n  // causing the page to scroll when moving focus if the element is transitioning\n  // from off the screen.\n  const ownerDocument = getOwnerDocument(element);\n  if (getInteractionModality() === 'virtual') {\n    let lastFocusedElement = ownerDocument.activeElement;\n    runAfterTransition(() => {\n      // If focus did not move and the element is still in the document, focus it.\n      if (ownerDocument.activeElement === lastFocusedElement && element.isConnected) {\n        focusWithoutScrolling(element);\n      }\n    });\n  } else {\n    focusWithoutScrolling(element);\n  }\n}\n"],"names":["focusSafely","element","ownerDocument","getOwnerDocument","getInteractionModality","lastFocusedElement","activeElement","runAfterTransition","isConnected","focusWithoutScrolling"],"mappings":";;;;;AAAA;;AAkBA;AACA;AACA;AACA;AACO,SAASA,WAAWA,CAACC,OAAyB,EAAE;AACrD;AACA;AACA;AACA;AACA;AACA,EAAA,MAAMC,aAAa,GAAGC,gBAAgB,CAACF,OAAO,CAAC,CAAA;AAC/C,EAAA,IAAIG,sBAAsB,EAAE,KAAK,SAAS,EAAE;AAC1C,IAAA,IAAIC,kBAAkB,GAAGH,aAAa,CAACI,aAAa,CAAA;AACpDC,IAAAA,kBAAkB,CAAC,MAAM;AACvB;MACA,IAAIL,aAAa,CAACI,aAAa,KAAKD,kBAAkB,IAAIJ,OAAO,CAACO,WAAW,EAAE;QAC7EC,qBAAqB,CAACR,OAAO,CAAC,CAAA;AAChC,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,MAAM;IACLQ,qBAAqB,CAACR,OAAO,CAAC,CAAA;AAChC,GAAA;AACF;;;;"}

package/react-aria/react-aria/focus/useFocusRing.js

@@ -0,0 +1,57 @@
+import { useRef, useState, useCallback } from 'react';
+import { isFocusVisible, useFocusVisibleListener } from '../interactions/useFocusVisible.js';
+import { useFocus } from '../interactions/useFocus.js';
+import { useFocusWithin } from '../interactions/useFocusWithin.js';
+
+/* eslint-disable prefer-const */
+/**
+ * Determines whether a focus ring should be shown to indicate keyboard focus.
+ * Focus rings are visible only when the user is interacting with a keyboard,
+ * not with a mouse, touch, or other input methods.
+ */
+function useFocusRing() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let {
+    autoFocus = false,
+    isTextInput,
+    within
+  } = props;
+  let state = useRef({
+    isFocused: false,
+    isFocusVisible: autoFocus || isFocusVisible()
+  });
+  let [isFocused, setFocused] = useState(false);
+  let [isFocusVisibleState, setFocusVisible] = useState(() => state.current.isFocused && state.current.isFocusVisible);
+  let updateState = useCallback(() => setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
+  let onFocusChange = useCallback(isFocused => {
+    state.current.isFocused = isFocused;
+    setFocused(isFocused);
+    updateState();
+  }, [updateState]);
+  useFocusVisibleListener(isFocusVisible => {
+    state.current.isFocusVisible = isFocusVisible;
+    updateState();
+  }, [], {
+    isTextInput
+  });
+  let {
+    focusProps
+  } = useFocus({
+    isDisabled: within,
+    onFocusChange
+  });
+  let {
+    focusWithinProps
+  } = useFocusWithin({
+    isDisabled: !within,
+    onFocusWithinChange: onFocusChange
+  });
+  return {
+    isFocused,
+    isFocusVisible: isFocusVisibleState,
+    focusProps: within ? focusWithinProps : focusProps
+  };
+}
+
+export { useFocusRing };
+//# sourceMappingURL=useFocusRing.js.map

package/react-aria/react-aria/focus/useFocusRing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusRing.js","sources":["../../../../src/react-aria/react-aria/focus/useFocusRing.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\nimport { DOMAttributes } from '../../react-types/shared';\nimport { isFocusVisible, useFocus, useFocusVisibleListener, useFocusWithin } from '../interactions';\nimport { useCallback, useRef, useState } from 'react';\n\nexport interface AriaFocusRingProps {\n  /**\n   * Whether to show the focus ring when something\n   * inside the container element has focus (true), or\n   * only if the container itself has focus (false).\n   * @default 'false'\n   */\n  within?: boolean;\n\n  /** Whether the element is a text input. */\n  isTextInput?: boolean;\n\n  /** Whether the element will be auto focused. */\n  autoFocus?: boolean;\n}\n\nexport interface FocusRingAria {\n  /** Whether the element is currently focused. */\n  isFocused: boolean;\n\n  /** Whether keyboard focus should be visible. */\n  isFocusVisible: boolean;\n\n  /** Props to apply to the container element with the focus ring. */\n  focusProps: DOMAttributes;\n}\n\n/**\n * Determines whether a focus ring should be shown to indicate keyboard focus.\n * Focus rings are visible only when the user is interacting with a keyboard,\n * not with a mouse, touch, or other input methods.\n */\nexport function useFocusRing(props: AriaFocusRingProps = {}): FocusRingAria {\n  let { autoFocus = false, isTextInput, within } = props;\n  let state = useRef({\n    isFocused: false,\n    isFocusVisible: autoFocus || isFocusVisible(),\n  });\n  let [isFocused, setFocused] = useState(false);\n  let [isFocusVisibleState, setFocusVisible] = useState(() => state.current.isFocused && state.current.isFocusVisible);\n\n  let updateState = useCallback(() => setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);\n\n  let onFocusChange = useCallback(\n    (isFocused) => {\n      state.current.isFocused = isFocused;\n      setFocused(isFocused);\n      updateState();\n    },\n    [updateState]\n  );\n\n  useFocusVisibleListener(\n    (isFocusVisible) => {\n      state.current.isFocusVisible = isFocusVisible;\n      updateState();\n    },\n    [],\n    { isTextInput }\n  );\n\n  let { focusProps } = useFocus({\n    isDisabled: within,\n    onFocusChange,\n  });\n\n  let { focusWithinProps } = useFocusWithin({\n    isDisabled: !within,\n    onFocusWithinChange: onFocusChange,\n  });\n\n  return {\n    isFocused,\n    isFocusVisible: isFocusVisibleState,\n    focusProps: within ? focusWithinProps : focusProps,\n  };\n}\n"],"names":["useFocusRing","props","arguments","length","undefined","autoFocus","isTextInput","within","state","useRef","isFocused","isFocusVisible","setFocused","useState","isFocusVisibleState","setFocusVisible","current","updateState","useCallback","onFocusChange","useFocusVisibleListener","focusProps","useFocus","isDisabled","focusWithinProps","useFocusWithin","onFocusWithinChange"],"mappings":";;;;;AAAA;AAiCA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAYA,GAAgD;AAAA,EAAA,IAA/CC,KAAyB,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE,CAAA;EACzD,IAAI;AAAEG,IAAAA,SAAS,GAAG,KAAK;IAAEC,WAAW;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAGN,KAAK,CAAA;EACtD,IAAIO,KAAK,GAAGC,MAAM,CAAC;AACjBC,IAAAA,SAAS,EAAE,KAAK;AAChBC,IAAAA,cAAc,EAAEN,SAAS,IAAIM,cAAc,EAAC;AAC9C,GAAC,CAAC,CAAA;EACF,IAAI,CAACD,SAAS,EAAEE,UAAU,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EAC7C,IAAI,CAACC,mBAAmB,EAAEC,eAAe,CAAC,GAAGF,QAAQ,CAAC,MAAML,KAAK,CAACQ,OAAO,CAACN,SAAS,IAAIF,KAAK,CAACQ,OAAO,CAACL,cAAc,CAAC,CAAA;EAEpH,IAAIM,WAAW,GAAGC,WAAW,CAAC,MAAMH,eAAe,CAACP,KAAK,CAACQ,OAAO,CAACN,SAAS,IAAIF,KAAK,CAACQ,OAAO,CAACL,cAAc,CAAC,EAAE,EAAE,CAAC,CAAA;AAEjH,EAAA,IAAIQ,aAAa,GAAGD,WAAW,CAC5BR,SAAS,IAAK;AACbF,IAAAA,KAAK,CAACQ,OAAO,CAACN,SAAS,GAAGA,SAAS,CAAA;IACnCE,UAAU,CAACF,SAAS,CAAC,CAAA;AACrBO,IAAAA,WAAW,EAAE,CAAA;AACf,GAAC,EACD,CAACA,WAAW,CACd,CAAC,CAAA;EAEDG,uBAAuB,CACpBT,cAAc,IAAK;AAClBH,IAAAA,KAAK,CAACQ,OAAO,CAACL,cAAc,GAAGA,cAAc,CAAA;AAC7CM,IAAAA,WAAW,EAAE,CAAA;GACd,EACD,EAAE,EACF;AAAEX,IAAAA,WAAAA;AAAY,GAChB,CAAC,CAAA;EAED,IAAI;AAAEe,IAAAA,UAAAA;GAAY,GAAGC,QAAQ,CAAC;AAC5BC,IAAAA,UAAU,EAAEhB,MAAM;AAClBY,IAAAA,aAAAA;AACF,GAAC,CAAC,CAAA;EAEF,IAAI;AAAEK,IAAAA,gBAAAA;GAAkB,GAAGC,cAAc,CAAC;IACxCF,UAAU,EAAE,CAAChB,MAAM;AACnBmB,IAAAA,mBAAmB,EAAEP,aAAAA;AACvB,GAAC,CAAC,CAAA;EAEF,OAAO;IACLT,SAAS;AACTC,IAAAA,cAAc,EAAEG,mBAAmB;AACnCO,IAAAA,UAAU,EAAEd,MAAM,GAAGiB,gBAAgB,GAAGH,UAAAA;GACzC,CAAA;AACH;;;;"}

package/react-aria/react-aria/focus/useFocusable.js

@@ -0,0 +1,47 @@
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useRef, useEffect, useContext } from 'react';
+import { useFocus } from '../interactions/useFocus.js';
+import { useKeyboard } from '../interactions/useKeyboard.js';
+import { mergeProps } from '../utils/mergeProps.js';
+import { focusSafely } from './focusSafely.js';
+import { useSyncRef } from '../utils/useSyncRef.js';
+
+const _excluded = ["ref"];
+let FocusableContext = /*#__PURE__*/React__default.createContext(null);
+function useFocusableContext(ref) {
+  let context = useContext(FocusableContext) || {};
+  useSyncRef(context, ref);
+
+  // eslint-disable-next-line
+  let otherProps = _objectWithoutProperties(context, _excluded);
+  return otherProps;
+}
+/**
+ * Used to make an element focusable and capable of auto focus.
+ */
+function useFocusable(props, domRef) {
+  let {
+    focusProps
+  } = useFocus(props);
+  let {
+    keyboardProps
+  } = useKeyboard(props);
+  let interactions = mergeProps(focusProps, keyboardProps);
+  let domProps = useFocusableContext(domRef);
+  let interactionProps = props.isDisabled ? {} : domProps;
+  let autoFocusRef = useRef(props.autoFocus);
+  useEffect(() => {
+    if (autoFocusRef.current && domRef.current) {
+      focusSafely(domRef.current);
+    }
+    autoFocusRef.current = false;
+  }, [domRef]);
+  return {
+    focusableProps: mergeProps(_objectSpread2(_objectSpread2({}, interactions), {}, {
+      tabIndex: props.excludeFromTabOrder && !props.isDisabled ? -1 : undefined
+    }), interactionProps)
+  };
+}
+
+export { useFocusable };
+//# sourceMappingURL=useFocusable.js.map

package/react-aria/react-aria/focus/useFocusable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusable.js","sources":["../../../../src/react-aria/react-aria/focus/useFocusable.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\nimport { DOMAttributes, FocusableDOMProps, FocusableElement, FocusableProps } from '../../react-types/shared';\nimport { focusSafely } from './';\nimport { mergeProps, useObjectRef, useSyncRef } from '../utils';\nimport React, { ForwardedRef, MutableRefObject, ReactNode, RefObject, useContext, useEffect, useRef } from 'react';\nimport { useFocus, useKeyboard } from '../interactions';\n\nexport interface FocusableOptions extends FocusableProps, FocusableDOMProps {\n  /** Whether focus should be disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface FocusableProviderProps extends DOMAttributes {\n  /** The child element to provide DOM props to. */\n  children?: ReactNode;\n}\n\ninterface FocusableContextValue extends FocusableProviderProps {\n  ref?: MutableRefObject<FocusableElement | null>;\n}\n\nlet FocusableContext = React.createContext<FocusableContextValue | null>(null);\n\nfunction useFocusableContext(ref: RefObject<FocusableElement>): FocusableContextValue {\n  let context = useContext(FocusableContext) || {};\n  useSyncRef(context, ref);\n\n  // eslint-disable-next-line\n  let { ref: _, ...otherProps } = context;\n  return otherProps;\n}\n\n/**\n * Provides DOM props to the nearest focusable child.\n */\nfunction FocusableProvider(props: FocusableProviderProps, ref: ForwardedRef<FocusableElement>) {\n  let { children, ...otherProps } = props;\n  let objRef = useObjectRef(ref);\n  let context = {\n    ...otherProps,\n    ref: objRef,\n  };\n\n  return <FocusableContext.Provider value={context}>{children}</FocusableContext.Provider>;\n}\n\nlet _FocusableProvider = React.forwardRef(FocusableProvider);\nexport { _FocusableProvider as FocusableProvider };\n\nexport interface FocusableAria {\n  /** Props for the focusable element. */\n  focusableProps: DOMAttributes;\n}\n\n/**\n * Used to make an element focusable and capable of auto focus.\n */\nexport function useFocusable(props: FocusableOptions, domRef: RefObject<FocusableElement>): FocusableAria {\n  let { focusProps } = useFocus(props);\n  let { keyboardProps } = useKeyboard(props);\n  let interactions = mergeProps(focusProps, keyboardProps);\n  let domProps = useFocusableContext(domRef);\n  let interactionProps = props.isDisabled ? {} : domProps;\n  let autoFocusRef = useRef(props.autoFocus);\n\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      focusSafely(domRef.current);\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return {\n    focusableProps: mergeProps(\n      {\n        ...interactions,\n        tabIndex: props.excludeFromTabOrder && !props.isDisabled ? -1 : undefined,\n      },\n      interactionProps\n    ),\n  };\n}\n"],"names":["FocusableContext","React","createContext","useFocusableContext","ref","context","useContext","useSyncRef","otherProps","_objectWithoutProperties","_excluded","useFocusable","props","domRef","focusProps","useFocus","keyboardProps","useKeyboard","interactions","mergeProps","domProps","interactionProps","isDisabled","autoFocusRef","useRef","autoFocus","useEffect","current","focusSafely","focusableProps","_objectSpread","tabIndex","excludeFromTabOrder","undefined"],"mappings":";;;;;;;;;AAkCA,IAAIA,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAA+B,IAAI,CAAC,CAAA;AAE9E,SAASC,mBAAmBA,CAACC,GAAgC,EAAyB;EACpF,IAAIC,OAAO,GAAGC,UAAU,CAACN,gBAAgB,CAAC,IAAI,EAAE,CAAA;AAChDO,EAAAA,UAAU,CAACF,OAAO,EAAED,GAAG,CAAC,CAAA;;AAExB;EACI,IAAaI,UAAU,GAAAC,wBAAA,CAAKJ,OAAO,EAAAK,SAAA,EAAA;AACvC,EAAA,OAAOF,UAAU,CAAA;AACnB,CAAA;AAwBA;AACA;AACA;AACO,SAASG,YAAYA,CAACC,KAAuB,EAAEC,MAAmC,EAAiB;EACxG,IAAI;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGC,QAAQ,CAACH,KAAK,CAAC,CAAA;EACpC,IAAI;AAAEI,IAAAA,aAAAA;AAAc,GAAC,GAAGC,WAAW,CAACL,KAAK,CAAC,CAAA;AAC1C,EAAA,IAAIM,YAAY,GAAGC,UAAU,CAACL,UAAU,EAAEE,aAAa,CAAC,CAAA;AACxD,EAAA,IAAII,QAAQ,GAAGjB,mBAAmB,CAACU,MAAM,CAAC,CAAA;EAC1C,IAAIQ,gBAAgB,GAAGT,KAAK,CAACU,UAAU,GAAG,EAAE,GAAGF,QAAQ,CAAA;AACvD,EAAA,IAAIG,YAAY,GAAGC,MAAM,CAACZ,KAAK,CAACa,SAAS,CAAC,CAAA;AAE1CC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIH,YAAY,CAACI,OAAO,IAAId,MAAM,CAACc,OAAO,EAAE;AAC1CC,MAAAA,WAAW,CAACf,MAAM,CAACc,OAAO,CAAC,CAAA;AAC7B,KAAA;IACAJ,YAAY,CAACI,OAAO,GAAG,KAAK,CAAA;AAC9B,GAAC,EAAE,CAACd,MAAM,CAAC,CAAC,CAAA;EAEZ,OAAO;AACLgB,IAAAA,cAAc,EAAEV,UAAU,CAAAW,cAAA,CAAAA,cAAA,KAEnBZ,YAAY,CAAA,EAAA,EAAA,EAAA;AACfa,MAAAA,QAAQ,EAAEnB,KAAK,CAACoB,mBAAmB,IAAI,CAACpB,KAAK,CAACU,UAAU,GAAG,CAAC,CAAC,GAAGW,SAAAA;AAAS,KAAA,CAAA,EAE3EZ,gBACF,CAAA;GACD,CAAA;AACH;;;;"}

package/react-aria/react-aria/form/useFormValidation.js

@@ -0,0 +1,112 @@
+import { useEffect } from 'react';
+import { useLayoutEffect } from '../utils/useLayoutEffect.js';
+import { useEffectEvent } from '../utils/useEffectEvent.js';
+import { setInteractionModality } from '../interactions/useFocusVisible.js';
+
+/* eslint-disable prefer-const */
+function useFormValidation(props, state, ref) {
+  let {
+    validationBehavior,
+    focus
+  } = props;
+
+  // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
+  useLayoutEffect(() => {
+    if (validationBehavior === 'native' && ref !== null && ref !== void 0 && ref.current) {
+      let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
+      ref.current.setCustomValidity(errorMessage);
+
+      // Prevent default tooltip for validation message.
+      // https://bugzilla.mozilla.org/show_bug.cgi?id=605277
+      if (!ref.current.hasAttribute('title')) {
+        ref.current.title = '';
+      }
+      if (!state.realtimeValidation.isInvalid) {
+        state.updateValidation(getNativeValidity(ref.current));
+      }
+    }
+  });
+  let onReset = useEffectEvent(() => {
+    state.resetValidation();
+  });
+  let onInvalid = useEffectEvent(e => {
+    var _ref$current;
+    // Only commit validation if we are not already displaying one.
+    // This avoids clearing server errors that the user didn't actually fix.
+    if (!state.displayValidation.isInvalid) {
+      state.commitValidation();
+    }
+
+    // Auto focus the first invalid input in a form, unless the error already had its default prevented.
+    let form = ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.form;
+    if (!e.defaultPrevented && ref && form && getFirstInvalidInput(form) === ref.current) {
+      if (focus) {
+        focus();
+      } else {
+        var _ref$current2;
+        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
+      }
+
+      // Always show focus ring.
+      setInteractionModality('keyboard');
+    }
+
+    // Prevent default browser error UI from appearing.
+    e.preventDefault();
+  });
+  let onChange = useEffectEvent(() => {
+    state.commitValidation();
+  });
+  useEffect(() => {
+    let input = ref === null || ref === void 0 ? void 0 : ref.current;
+    if (!input) {
+      return;
+    }
+    let form = input.form;
+    input.addEventListener('invalid', onInvalid);
+    input.addEventListener('change', onChange);
+    form === null || form === void 0 ? void 0 : form.addEventListener('reset', onReset);
+    return () => {
+      input.removeEventListener('invalid', onInvalid);
+      input.removeEventListener('change', onChange);
+      form === null || form === void 0 ? void 0 : form.removeEventListener('reset', onReset);
+    };
+  }, [ref, onInvalid, onChange, onReset, validationBehavior]);
+}
+function getValidity(input) {
+  // The native ValidityState object is live, meaning each property is a getter that returns the current state.
+  // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.
+  let validity = input.validity;
+  return {
+    badInput: validity.badInput,
+    customError: validity.customError,
+    patternMismatch: validity.patternMismatch,
+    rangeOverflow: validity.rangeOverflow,
+    rangeUnderflow: validity.rangeUnderflow,
+    stepMismatch: validity.stepMismatch,
+    tooLong: validity.tooLong,
+    tooShort: validity.tooShort,
+    typeMismatch: validity.typeMismatch,
+    valueMissing: validity.valueMissing,
+    valid: validity.valid
+  };
+}
+function getNativeValidity(input) {
+  return {
+    isInvalid: !input.validity.valid,
+    validationDetails: getValidity(input),
+    validationErrors: input.validationMessage ? [input.validationMessage] : []
+  };
+}
+function getFirstInvalidInput(form) {
+  for (let i = 0; i < form.elements.length; i++) {
+    let element = form.elements[i];
+    if (!element.validity.valid) {
+      return element;
+    }
+  }
+  return null;
+}
+
+export { useFormValidation };
+//# sourceMappingURL=useFormValidation.js.map

package/react-aria/react-aria/form/useFormValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormValidation.js","sources":["../../../../src/react-aria/react-aria/form/useFormValidation.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2023 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 { FormValidationState } from '../../react-stately/form';\nimport { RefObject, useEffect } from 'react';\nimport { setInteractionModality } from '../interactions';\nimport { useEffectEvent, useLayoutEffect } from '../utils';\nimport { Validation, ValidationResult } from '../../react-types/shared';\n\ntype ValidatableElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n\ninterface FormValidationProps<T> extends Validation<T> {\n  focus?: () => void;\n}\n\nexport function useFormValidation<T>(\n  props: FormValidationProps<T>,\n  state: FormValidationState,\n  ref: RefObject<ValidatableElement> | undefined\n) {\n  let { validationBehavior, focus } = props;\n\n  // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.\n  useLayoutEffect(() => {\n    if (validationBehavior === 'native' && ref?.current) {\n      let errorMessage = state.realtimeValidation.isInvalid\n        ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.'\n        : '';\n      ref.current.setCustomValidity(errorMessage);\n\n      // Prevent default tooltip for validation message.\n      // https://bugzilla.mozilla.org/show_bug.cgi?id=605277\n      if (!ref.current.hasAttribute('title')) {\n        ref.current.title = '';\n      }\n\n      if (!state.realtimeValidation.isInvalid) {\n        state.updateValidation(getNativeValidity(ref.current));\n      }\n    }\n  });\n\n  let onReset = useEffectEvent(() => {\n    state.resetValidation();\n  });\n\n  let onInvalid = useEffectEvent((e: Event) => {\n    // Only commit validation if we are not already displaying one.\n    // This avoids clearing server errors that the user didn't actually fix.\n    if (!state.displayValidation.isInvalid) {\n      state.commitValidation();\n    }\n\n    // Auto focus the first invalid input in a form, unless the error already had its default prevented.\n    let form = ref?.current?.form;\n    if (!e.defaultPrevented && ref && form && getFirstInvalidInput(form) === ref.current) {\n      if (focus) {\n        focus();\n      } else {\n        ref.current?.focus();\n      }\n\n      // Always show focus ring.\n      setInteractionModality('keyboard');\n    }\n\n    // Prevent default browser error UI from appearing.\n    e.preventDefault();\n  });\n\n  let onChange = useEffectEvent(() => {\n    state.commitValidation();\n  });\n\n  useEffect(() => {\n    let input = ref?.current;\n    if (!input) {\n      return;\n    }\n\n    let form = input.form;\n    input.addEventListener('invalid', onInvalid);\n    input.addEventListener('change', onChange);\n    form?.addEventListener('reset', onReset);\n    return () => {\n      input!.removeEventListener('invalid', onInvalid);\n      input!.removeEventListener('change', onChange);\n      form?.removeEventListener('reset', onReset);\n    };\n  }, [ref, onInvalid, onChange, onReset, validationBehavior]);\n}\n\nfunction getValidity(input: ValidatableElement) {\n  // The native ValidityState object is live, meaning each property is a getter that returns the current state.\n  // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.\n  let validity = input.validity;\n  return {\n    badInput: validity.badInput,\n    customError: validity.customError,\n    patternMismatch: validity.patternMismatch,\n    rangeOverflow: validity.rangeOverflow,\n    rangeUnderflow: validity.rangeUnderflow,\n    stepMismatch: validity.stepMismatch,\n    tooLong: validity.tooLong,\n    tooShort: validity.tooShort,\n    typeMismatch: validity.typeMismatch,\n    valueMissing: validity.valueMissing,\n    valid: validity.valid,\n  };\n}\n\nfunction getNativeValidity(input: ValidatableElement): ValidationResult {\n  return {\n    isInvalid: !input.validity.valid,\n    validationDetails: getValidity(input),\n    validationErrors: input.validationMessage ? [input.validationMessage] : [],\n  };\n}\n\nfunction getFirstInvalidInput(form: HTMLFormElement): ValidatableElement | null {\n  for (let i = 0; i < form.elements.length; i++) {\n    let element = form.elements[i] as ValidatableElement;\n    if (!element.validity.valid) {\n      return element;\n    }\n  }\n\n  return null;\n}\n"],"names":["useFormValidation","props","state","ref","validationBehavior","focus","useLayoutEffect","current","errorMessage","realtimeValidation","isInvalid","validationErrors","join","setCustomValidity","hasAttribute","title","updateValidation","getNativeValidity","onReset","useEffectEvent","resetValidation","onInvalid","e","_ref$current","displayValidation","commitValidation","form","defaultPrevented","getFirstInvalidInput","_ref$current2","setInteractionModality","preventDefault","onChange","useEffect","input","addEventListener","removeEventListener","getValidity","validity","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","valid","validationDetails","validationMessage","i","elements","length","element"],"mappings":"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"}

package/react-aria/react-aria/i18n/context.d.ts

@@ -0,0 +1,19 @@
+import { Locale } from './useDefaultLocale.js';
+import { ReactNode } from 'react';
+
+interface I18nProviderProps {
+    /** Contents that should have the locale applied. */
+    children: ReactNode;
+    /** The locale to apply to the children. */
+    locale?: string;
+}
+/**
+ * Provides the locale for the application to all child components.
+ */
+declare function I18nProvider(props: I18nProviderProps): JSX.Element;
+/**
+ * Returns the current locale and layout direction.
+ */
+declare function useLocale(): Locale;
+
+export { I18nProvider, I18nProviderProps, useLocale };

package/react-aria/react-aria/i18n/context.js

@@ -0,0 +1,41 @@
+import { isRTL } from './utils.js';
+import { useDefaultLocale } from './useDefaultLocale.js';
+import React__default, { useContext } from 'react';
+
+/* eslint-disable prefer-const */
+const I18nContext = /*#__PURE__*/React__default.createContext(null);
+
+/**
+ * Provides the locale for the application to all child components.
+ */
+function I18nProvider(props) {
+  let {
+    locale,
+    children
+  } = props;
+  let defaultLocale = useDefaultLocale();
+  let value = React__default.useMemo(() => {
+    if (!locale) {
+      return defaultLocale;
+    }
+    return {
+      locale,
+      direction: isRTL(locale) ? 'rtl' : 'ltr'
+    };
+  }, [defaultLocale, locale]);
+  return /*#__PURE__*/React__default.createElement(I18nContext.Provider, {
+    value: value
+  }, children);
+}
+
+/**
+ * Returns the current locale and layout direction.
+ */
+function useLocale() {
+  let defaultLocale = useDefaultLocale();
+  let context = useContext(I18nContext);
+  return context || defaultLocale;
+}
+
+export { I18nProvider, useLocale };
+//# sourceMappingURL=context.js.map

package/react-aria/react-aria/i18n/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../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\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":["I18nContext","React","createContext","I18nProvider","props","locale","children","defaultLocale","useDefaultLocale","value","useMemo","direction","isRTL","createElement","Provider","useLocale","context","useContext"],"mappings":";;;;AAAA;AAyBA,MAAMA,WAAW,gBAAGC,cAAK,CAACC,aAAa,CAAgB,IAAI,CAAC,CAAA;;AAE5D;AACA;AACA;AACO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,IAAI;IAAEC,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;AAChC,EAAA,IAAIG,aAAa,GAAGC,gBAAgB,EAAE,CAAA;AAEtC,EAAA,IAAIC,KAAa,GAAGR,cAAK,CAACS,OAAO,CAAC,MAAM;IACtC,IAAI,CAACL,MAAM,EAAE;AACX,MAAA,OAAOE,aAAa,CAAA;AACtB,KAAA;IAEA,OAAO;MACLF,MAAM;AACNM,MAAAA,SAAS,EAAEC,KAAK,CAACP,MAAM,CAAC,GAAG,KAAK,GAAG,KAAA;KACpC,CAAA;AACH,GAAC,EAAE,CAACE,aAAa,EAAEF,MAAM,CAAC,CAAC,CAAA;AAE3B,EAAA,oBAAOJ,cAAA,CAAAY,aAAA,CAACb,WAAW,CAACc,QAAQ,EAAA;AAACL,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,EAAEH,QAA+B,CAAC,CAAA;AAC9E,CAAA;;AAEA;AACA;AACA;AACO,SAASS,SAASA,GAAW;AAClC,EAAA,IAAIR,aAAa,GAAGC,gBAAgB,EAAE,CAAA;AACtC,EAAA,IAAIQ,OAAO,GAAGC,UAAU,CAACjB,WAAW,CAAC,CAAA;EACrC,OAAOgB,OAAO,IAAIT,aAAa,CAAA;AACjC;;;;"}

package/react-aria/react-aria/i18n/useCollator.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Provides localized string collation for the current locale. Automatically updates when the locale changes,
+ * and handles caching of the collator for performance.
+ * @param options - Collator options.
+ */
+declare function useCollator(options?: Intl.CollatorOptions): Intl.Collator;
+
+export { useCollator };

package/react-aria/react-aria/i18n/useCollator.js

@@ -0,0 +1,25 @@
+import { useLocale } from './context.js';
+
+/* eslint-disable prefer-const */
+let cache = new Map();
+
+/**
+ * Provides localized string collation for the current locale. Automatically updates when the locale changes,
+ * and handles caching of the collator for performance.
+ * @param options - Collator options.
+ */
+function useCollator(options) {
+  let {
+    locale
+  } = useLocale();
+  let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : '');
+  if (cache.has(cacheKey)) {
+    return cache.get(cacheKey);
+  }
+  let formatter = new Intl.Collator(locale, options);
+  cache.set(cacheKey, formatter);
+  return formatter;
+}
+
+export { useCollator };
+//# sourceMappingURL=useCollator.js.map

package/react-aria/react-aria/i18n/useCollator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollator.js","sources":["../../../../src/react-aria/react-aria/i18n/useCollator.ts"],"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\nimport { useLocale } from './context';\n\nlet cache = new Map<string, Intl.Collator>();\n\n/**\n * Provides localized string collation for the current locale. Automatically updates when the locale changes,\n * and handles caching of the collator for performance.\n * @param options - Collator options.\n */\nexport function useCollator(options?: Intl.CollatorOptions): Intl.Collator {\n  let { locale } = useLocale();\n\n  let cacheKey =\n    locale +\n    (options\n      ? Object.entries(options)\n          .sort((a, b) => (a[0] < b[0] ? -1 : 1))\n          .join()\n      : '');\n  if (cache.has(cacheKey)) {\n    return cache.get(cacheKey)!;\n  }\n\n  let formatter = new Intl.Collator(locale, options);\n  cache.set(cacheKey, formatter);\n  return formatter;\n}\n"],"names":["cache","Map","useCollator","options","locale","useLocale","cacheKey","Object","entries","sort","a","b","join","has","get","formatter","Intl","Collator","set"],"mappings":";;AAAA;AAgBA,IAAIA,KAAK,GAAG,IAAIC,GAAG,EAAyB,CAAA;;AAE5C;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAACC,OAA8B,EAAiB;EACzE,IAAI;AAAEC,IAAAA,MAAAA;GAAQ,GAAGC,SAAS,EAAE,CAAA;AAE5B,EAAA,IAAIC,QAAQ,GACVF,MAAM,IACLD,OAAO,GACJI,MAAM,CAACC,OAAO,CAACL,OAAO,CAAC,CACpBM,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAAC,CAAC,CAAC,GAAGC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAE,CAAC,CACtCC,IAAI,EAAE,GACT,EAAE,CAAC,CAAA;AACT,EAAA,IAAIZ,KAAK,CAACa,GAAG,CAACP,QAAQ,CAAC,EAAE;AACvB,IAAA,OAAON,KAAK,CAACc,GAAG,CAACR,QAAQ,CAAC,CAAA;AAC5B,GAAA;EAEA,IAAIS,SAAS,GAAG,IAAIC,IAAI,CAACC,QAAQ,CAACb,MAAM,EAAED,OAAO,CAAC,CAAA;AAClDH,EAAAA,KAAK,CAACkB,GAAG,CAACZ,QAAQ,EAAES,SAAS,CAAC,CAAA;AAC9B,EAAA,OAAOA,SAAS,CAAA;AAClB;;;;"}

package/react-aria/react-aria/i18n/useDateFormatter.d.ts

@@ -0,0 +1,13 @@
+import { DateFormatter } from '../../internationalized/date/DateFormatter.js';
+
+interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
+    calendar?: string;
+}
+/**
+ * Provides localized date formatting for the current locale. Automatically updates when the locale changes,
+ * and handles caching of the date formatter for performance.
+ * @param options - Formatting options.
+ */
+declare function useDateFormatter(options?: DateFormatterOptions): DateFormatter;
+
+export { DateFormatterOptions, useDateFormatter };

package/react-aria/react-aria/i18n/useDateFormatter.js

@@ -0,0 +1,39 @@
+import { useLocale } from './context.js';
+import { useMemo } from 'react';
+import { useDeepMemo } from '../utils/useDeepMemo.js';
+import { DateFormatter } from '../../internationalized/date/DateFormatter.js';
+
+/* eslint-disable prefer-const */
+/**
+ * Provides localized date formatting for the current locale. Automatically updates when the locale changes,
+ * and handles caching of the date formatter for performance.
+ * @param options - Formatting options.
+ */
+function useDateFormatter(options) {
+  var _options;
+  // Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
+  options = useDeepMemo((_options = options) !== null && _options !== void 0 ? _options : {}, isEqual);
+  let {
+    locale
+  } = useLocale();
+  return useMemo(() => new DateFormatter(locale, options), [locale, options]);
+}
+function isEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  let aKeys = Object.keys(a);
+  let bKeys = Object.keys(b);
+  if (aKeys.length !== bKeys.length) {
+    return false;
+  }
+  for (let key of aKeys) {
+    if (b[key] !== a[key]) {
+      return false;
+    }
+  }
+  return true;
+}
+
+export { useDateFormatter };
+//# sourceMappingURL=useDateFormatter.js.map

package/react-aria/react-aria/i18n/useDateFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateFormatter.js","sources":["../../../../src/react-aria/react-aria/i18n/useDateFormatter.ts"],"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\nimport { DateFormatter } from '../../internationalized/date';\nimport { useDeepMemo } from '../utils';\nimport { useLocale } from './context';\nimport { useMemo } from 'react';\n\nexport interface DateFormatterOptions extends Intl.DateTimeFormatOptions {\n  calendar?: string;\n}\n\n/**\n * Provides localized date formatting for the current locale. Automatically updates when the locale changes,\n * and handles caching of the date formatter for performance.\n * @param options - Formatting options.\n */\nexport function useDateFormatter(options?: DateFormatterOptions): DateFormatter {\n  // Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.\n  options = useDeepMemo(options ?? {}, isEqual);\n  let { locale } = useLocale();\n  return useMemo(() => new DateFormatter(locale, options), [locale, options]);\n}\n\nfunction isEqual(a: DateFormatterOptions, b: DateFormatterOptions) {\n  if (a === b) {\n    return true;\n  }\n\n  let aKeys = Object.keys(a);\n  let bKeys = Object.keys(b);\n  if (aKeys.length !== bKeys.length) {\n    return false;\n  }\n\n  for (let key of aKeys) {\n    if (b[key] !== a[key]) {\n      return false;\n    }\n  }\n\n  return true;\n}\n"],"names":["useDateFormatter","options","_options","useDeepMemo","isEqual","locale","useLocale","useMemo","DateFormatter","a","b","aKeys","Object","keys","bKeys","length","key"],"mappings":";;;;;AAAA;AAuBA;AACA;AACA;AACA;AACA;AACO,SAASA,gBAAgBA,CAACC,OAA8B,EAAiB;AAAA,EAAA,IAAAC,QAAA,CAAA;AAC9E;AACAD,EAAAA,OAAO,GAAGE,WAAW,CAAAD,CAAAA,QAAA,GAACD,OAAO,MAAA,IAAA,IAAAC,QAAA,KAAA,KAAA,CAAA,GAAAA,QAAA,GAAI,EAAE,EAAEE,OAAO,CAAC,CAAA;EAC7C,IAAI;AAAEC,IAAAA,MAAAA;GAAQ,GAAGC,SAAS,EAAE,CAAA;AAC5B,EAAA,OAAOC,OAAO,CAAC,MAAM,IAAIC,aAAa,CAACH,MAAM,EAAEJ,OAAO,CAAC,EAAE,CAACI,MAAM,EAAEJ,OAAO,CAAC,CAAC,CAAA;AAC7E,CAAA;AAEA,SAASG,OAAOA,CAACK,CAAuB,EAAEC,CAAuB,EAAE;EACjE,IAAID,CAAC,KAAKC,CAAC,EAAE;AACX,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,IAAIC,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACJ,CAAC,CAAC,CAAA;AAC1B,EAAA,IAAIK,KAAK,GAAGF,MAAM,CAACC,IAAI,CAACH,CAAC,CAAC,CAAA;AAC1B,EAAA,IAAIC,KAAK,CAACI,MAAM,KAAKD,KAAK,CAACC,MAAM,EAAE;AACjC,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AAEA,EAAA,KAAK,IAAIC,GAAG,IAAIL,KAAK,EAAE;IACrB,IAAID,CAAC,CAACM,GAAG,CAAC,KAAKP,CAAC,CAACO,GAAG,CAAC,EAAE;AACrB,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AACF,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}

package/react-aria/react-aria/i18n/useDefaultLocale.d.ts

@@ -0,0 +1,10 @@
+import { Direction } from '../../react-types/shared/locale.js';
+
+interface Locale {
+    /** The [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code for the locale. */
+    locale: string;
+    /** The writing direction for the locale. */
+    direction: Direction;
+}
+
+export { Locale };