@sanity/ui 2.9.1 → 2.10.0

package/dist/index.d.mts

@@ -13,7 +13,7 @@ import {hslToRgb as hslToRgb_2} from '@sanity/ui/theme'
 import {HTMLAttributes} from 'react'
 import {HTMLProps} from 'react'
 import {IStyledComponentBase} from 'styled-components/dist/types'
-import {MemoExoticComponent} from 'react'
+import {JSX} from 'react'
 import {multiply as multiply_2} from '@sanity/ui/theme'
 import {MutableRefObject} from 'react'
 import {NamedExoticComponent} from 'react'
@@ -130,7 +130,7 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
     > & {
       ref?: Ref<HTMLInputElement>
     },
-) => ReactElement
+) => ReactElement<any>
 
 /**
  * @internal
@@ -199,11 +199,11 @@ export declare interface AutocompleteProps<
   /** @beta */
   relatedElements?: HTMLElement[]
   /** The callback function for rendering each option. */
-  renderOption?: (option: Option) => ReactElement
+  renderOption?: (option: Option) => ReactElement<any>
   /** @beta */
   renderPopover?: (
     props: {
-      content: ReactElement | null
+      content: ReactElement<any> | null
       hidden: boolean
       inputElement: HTMLInputElement | null
       onMouseEnter: () => void
@@ -427,7 +427,7 @@ export declare interface BoundaryElementContextValue {
  */
 export declare function BoundaryElementProvider(
   props: BoundaryElementProviderProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace BoundaryElementProvider {
   var displayName: string
@@ -810,7 +810,7 @@ export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveW
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function DialogProvider(props: DialogProviderProps): React.ReactElement
+export declare function DialogProvider(props: DialogProviderProps): React.ReactElement<any>
 
 export declare namespace DialogProvider {
   var displayName: string
@@ -1304,7 +1304,7 @@ export declare interface LayerProps {
 /**
  * @public
  */
-export declare function LayerProvider(props: LayerProviderProps): React.ReactElement
+export declare function LayerProvider(props: LayerProviderProps): React.ReactElement<any>
 
 export declare namespace LayerProvider {
   var displayName: string
@@ -1366,9 +1366,9 @@ export declare interface MenuButtonProps {
    * @deprecated Use `popover={{boundaryElement: element}}` instead.
    */
   boundaryElement?: HTMLElement
-  button: React.ReactElement
+  button: React.ReactElement<any>
   id: string
-  menu?: React.ReactElement
+  menu?: React.ReactElement<any>
   onClose?: () => void
   onOpen?: () => void
   /**
@@ -1410,7 +1410,7 @@ export declare const MenuDivider: IStyledComponentBase<
 export declare function MenuGroup(
   props: Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'popover' | 'ref' | 'tabIndex'> &
     MenuGroupProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace MenuGroup {
   var displayName: string
@@ -1518,14 +1518,12 @@ export declare type Placement =
  *
  * @public
  */
-export declare const Popover: MemoExoticComponent<
-  ForwardRefExoticComponent<
-    Omit<
-      PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'width' | 'children' | 'as'>,
-      'ref'
-    > &
-      RefAttributes<HTMLDivElement>
-  >
+export declare const Popover: NamedExoticComponent<
+  Omit<
+    PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'width' | 'children' | 'as'>,
+    'ref'
+  > &
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -1550,7 +1548,7 @@ export declare interface PopoverProps
   arrow?: boolean
   /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement
+  children?: React.ReactElement<any>
   /**
      * When `true`, prevent overflow within the current boundary:
      * - by flipping on its side axis
@@ -1637,7 +1635,7 @@ export declare interface PortalProps {
 /**
  * @public
  */
-export declare function PortalProvider(props: PortalProviderProps): React.ReactElement
+export declare function PortalProvider(props: PortalProviderProps): React.ReactElement<any>
 
 export declare namespace PortalProvider {
   var displayName: string
@@ -2093,7 +2091,7 @@ export declare const TabList: ForwardRefExoticComponent<
  * @public
  */
 export declare interface TabListProps extends Omit<InlineProps, 'as' | 'height'> {
-  children: Array<React.ReactElement | null | undefined | false>
+  children: Array<React.ReactElement<any> | null | undefined | false>
 }
 
 /**
@@ -2329,7 +2327,7 @@ export {ThemeColorName}
 /**
  * @public
  */
-export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement
+export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement<any>
 
 export declare namespace ThemeColorProvider {
   var displayName: string
@@ -2441,7 +2439,7 @@ export declare interface ThemeProps {
 /**
  * @public
  */
-export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement
+export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement<any>
 
 export declare namespace ThemeProvider {
   var displayName: string
@@ -2472,7 +2470,7 @@ export declare type ThemeShadow = ThemeShadow_2
  */
 export declare function Toast(
   props: ToastProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title'>,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace Toast {
   var displayName: string
@@ -2515,7 +2513,7 @@ export declare interface ToastProps {
 /**
  * @public
  */
-export declare function ToastProvider(props: ToastProviderProps): React.ReactElement
+export declare function ToastProvider(props: ToastProviderProps): React.ReactElement<any>
 
 export declare namespace ToastProvider {
   var displayName: string
@@ -2566,7 +2564,7 @@ export declare interface TooltipDelayGroupContextValue {
  */
 export declare function TooltipDelayGroupProvider(
   props: TooltipDelayGroupProviderProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace TooltipDelayGroupProvider {
   var displayName: string
@@ -2597,7 +2595,7 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
   allowedAutoPlacements?: Placement[]
   arrow?: boolean
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement
+  children?: React.ReactElement<any>
   content?: React.ReactNode
   disabled?: boolean
   fallbackPlacements?: Placement[]
@@ -2632,12 +2630,10 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const Tree: MemoExoticComponent<
-  ForwardRefExoticComponent<
-    TreeProps &
-      Omit<HTMLProps<HTMLDivElement>, 'height' | 'role' | 'wrap' | 'ref' | 'as' | 'align'> &
-      RefAttributes<HTMLDivElement>
-  >
+export declare const Tree: NamedExoticComponent<
+  TreeProps &
+    Omit<HTMLProps<HTMLDivElement>, 'height' | 'role' | 'wrap' | 'ref' | 'as' | 'align'> &
+    RefAttributes<HTMLDivElement>
 >
 
 /**

package/dist/index.d.ts

@@ -13,7 +13,7 @@ import {hslToRgb as hslToRgb_2} from '@sanity/ui/theme'
 import {HTMLAttributes} from 'react'
 import {HTMLProps} from 'react'
 import {IStyledComponentBase} from 'styled-components/dist/types'
-import {MemoExoticComponent} from 'react'
+import {JSX} from 'react'
 import {multiply as multiply_2} from '@sanity/ui/theme'
 import {MutableRefObject} from 'react'
 import {NamedExoticComponent} from 'react'
@@ -130,7 +130,7 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
     > & {
       ref?: Ref<HTMLInputElement>
     },
-) => ReactElement
+) => ReactElement<any>
 
 /**
  * @internal
@@ -199,11 +199,11 @@ export declare interface AutocompleteProps<
   /** @beta */
   relatedElements?: HTMLElement[]
   /** The callback function for rendering each option. */
-  renderOption?: (option: Option) => ReactElement
+  renderOption?: (option: Option) => ReactElement<any>
   /** @beta */
   renderPopover?: (
     props: {
-      content: ReactElement | null
+      content: ReactElement<any> | null
       hidden: boolean
       inputElement: HTMLInputElement | null
       onMouseEnter: () => void
@@ -427,7 +427,7 @@ export declare interface BoundaryElementContextValue {
  */
 export declare function BoundaryElementProvider(
   props: BoundaryElementProviderProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace BoundaryElementProvider {
   var displayName: string
@@ -810,7 +810,7 @@ export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveW
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function DialogProvider(props: DialogProviderProps): React.ReactElement
+export declare function DialogProvider(props: DialogProviderProps): React.ReactElement<any>
 
 export declare namespace DialogProvider {
   var displayName: string
@@ -1304,7 +1304,7 @@ export declare interface LayerProps {
 /**
  * @public
  */
-export declare function LayerProvider(props: LayerProviderProps): React.ReactElement
+export declare function LayerProvider(props: LayerProviderProps): React.ReactElement<any>
 
 export declare namespace LayerProvider {
   var displayName: string
@@ -1366,9 +1366,9 @@ export declare interface MenuButtonProps {
    * @deprecated Use `popover={{boundaryElement: element}}` instead.
    */
   boundaryElement?: HTMLElement
-  button: React.ReactElement
+  button: React.ReactElement<any>
   id: string
-  menu?: React.ReactElement
+  menu?: React.ReactElement<any>
   onClose?: () => void
   onOpen?: () => void
   /**
@@ -1410,7 +1410,7 @@ export declare const MenuDivider: IStyledComponentBase<
 export declare function MenuGroup(
   props: Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'popover' | 'ref' | 'tabIndex'> &
     MenuGroupProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace MenuGroup {
   var displayName: string
@@ -1518,14 +1518,12 @@ export declare type Placement =
  *
  * @public
  */
-export declare const Popover: MemoExoticComponent<
-  ForwardRefExoticComponent<
-    Omit<
-      PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'width' | 'children' | 'as'>,
-      'ref'
-    > &
-      RefAttributes<HTMLDivElement>
-  >
+export declare const Popover: NamedExoticComponent<
+  Omit<
+    PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'width' | 'children' | 'as'>,
+    'ref'
+  > &
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -1550,7 +1548,7 @@ export declare interface PopoverProps
   arrow?: boolean
   /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement
+  children?: React.ReactElement<any>
   /**
      * When `true`, prevent overflow within the current boundary:
      * - by flipping on its side axis
@@ -1637,7 +1635,7 @@ export declare interface PortalProps {
 /**
  * @public
  */
-export declare function PortalProvider(props: PortalProviderProps): React.ReactElement
+export declare function PortalProvider(props: PortalProviderProps): React.ReactElement<any>
 
 export declare namespace PortalProvider {
   var displayName: string
@@ -2093,7 +2091,7 @@ export declare const TabList: ForwardRefExoticComponent<
  * @public
  */
 export declare interface TabListProps extends Omit<InlineProps, 'as' | 'height'> {
-  children: Array<React.ReactElement | null | undefined | false>
+  children: Array<React.ReactElement<any> | null | undefined | false>
 }
 
 /**
@@ -2329,7 +2327,7 @@ export {ThemeColorName}
 /**
  * @public
  */
-export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement
+export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement<any>
 
 export declare namespace ThemeColorProvider {
   var displayName: string
@@ -2441,7 +2439,7 @@ export declare interface ThemeProps {
 /**
  * @public
  */
-export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement
+export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement<any>
 
 export declare namespace ThemeProvider {
   var displayName: string
@@ -2472,7 +2470,7 @@ export declare type ThemeShadow = ThemeShadow_2
  */
 export declare function Toast(
   props: ToastProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title'>,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace Toast {
   var displayName: string
@@ -2515,7 +2513,7 @@ export declare interface ToastProps {
 /**
  * @public
  */
-export declare function ToastProvider(props: ToastProviderProps): React.ReactElement
+export declare function ToastProvider(props: ToastProviderProps): React.ReactElement<any>
 
 export declare namespace ToastProvider {
   var displayName: string
@@ -2566,7 +2564,7 @@ export declare interface TooltipDelayGroupContextValue {
  */
 export declare function TooltipDelayGroupProvider(
   props: TooltipDelayGroupProviderProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace TooltipDelayGroupProvider {
   var displayName: string
@@ -2597,7 +2595,7 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
   allowedAutoPlacements?: Placement[]
   arrow?: boolean
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement
+  children?: React.ReactElement<any>
   content?: React.ReactNode
   disabled?: boolean
   fallbackPlacements?: Placement[]
@@ -2632,12 +2630,10 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const Tree: MemoExoticComponent<
-  ForwardRefExoticComponent<
-    TreeProps &
-      Omit<HTMLProps<HTMLDivElement>, 'height' | 'role' | 'wrap' | 'ref' | 'as' | 'align'> &
-      RefAttributes<HTMLDivElement>
-  >
+export declare const Tree: NamedExoticComponent<
+  TreeProps &
+    Omit<HTMLProps<HTMLDivElement>, 'height' | 'role' | 'wrap' | 'ref' | 'as' | 'align'> &
+    RefAttributes<HTMLDivElement>
 >
 
 /**

package/dist/index.esm.js

@@ -3895,7 +3895,7 @@ const Popover = memo(forwardRef(function(props, forwardedRef) {
   useEffect(() => {
     maxWidthRef.current = maxWidth;
   }, [maxWidth]);
-  const referenceWidthRef = useRef();
+  const referenceWidthRef = useRef(void 0);
   useEffect(() => {
     const floatingElement = ref.current;
     if (!open || !floatingElement) return;
@@ -4693,7 +4693,7 @@ function _temp3(v_0) {
   return v_0 === 0 || v_0 === 1 ? 0 : v_0 === 2 ? 1 : v_0 - 1;
 }
 function useDelayedState(initialState) {
-  const $ = c(3), [state, setState] = useState(initialState), delayedAction = useRef();
+  const $ = c(3), [state, setState] = useState(initialState), delayedAction = useRef(void 0);
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = (nextState, delay) => {
     const action = () => {
@@ -5216,7 +5216,26 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "H
     inputElement: inputElementRef.current,
     onMouseEnter: handlePopoverMouseEnter,
     onMouseLeave: handlePopoverMouseLeave
-  }, resultsPopoverElementRef) : filteredOptionsLen === 0 ? null : /* @__PURE__ */ jsx(Popover, { arrow: !1, constrainSize: !0, content, fallbackPlacements: AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS, matchReferenceWidth: !0, onMouseEnter: handlePopoverMouseEnter, onMouseLeave: handlePopoverMouseLeave, open: expanded, overflow: "auto", placement: AUTOCOMPLETE_POPOVER_PLACEMENT, portal: !0, radius, ref: resultsPopoverElementRef, referenceElement: inputElementRef.current, ...popover }), [content, expanded, filteredOptionsLen, handlePopoverMouseEnter, handlePopoverMouseLeave, popover, radius, renderPopover]);
+  }, resultsPopoverElementRef) : filteredOptionsLen === 0 ? null : /* @__PURE__ */ jsx(
+    Popover,
+    {
+      arrow: !1,
+      constrainSize: !0,
+      content,
+      fallbackPlacements: AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS,
+      matchReferenceWidth: !0,
+      onMouseEnter: handlePopoverMouseEnter,
+      onMouseLeave: handlePopoverMouseLeave,
+      open: expanded,
+      overflow: "auto",
+      placement: AUTOCOMPLETE_POPOVER_PLACEMENT,
+      portal: !0,
+      radius,
+      ref: resultsPopoverElementRef,
+      referenceElement: inputElementRef.current,
+      ...popover
+    }
+  ), [content, expanded, filteredOptionsLen, handlePopoverMouseEnter, handlePopoverMouseLeave, popover, radius, renderPopover]);
   return /* @__PURE__ */ jsxs(Root$9, { "data-ui": "Autocomplete", onBlur: handleRootBlur, onFocus: handleRootFocus, onKeyDown: handleRootKeyDown, ref: rootElementRef, children: [
     input,
     results
@@ -5462,7 +5481,7 @@ const Dialog = forwardRef(function(props, ref) {
     }
     isHTMLElement(event.target) && (focusedElementRef.current = event.target);
   }, $[22] = onFocus, $[23] = t7) : t7 = $[23];
-  const handleFocus = t7, labelId = `${id}_label`, rootClickTimeoutRef = useRef();
+  const handleFocus = t7, labelId = `${id}_label`, rootClickTimeoutRef = useRef(void 0);
   let t8;
   $[24] !== boundaryElement || $[25] !== portalElement ? (t8 = () => {
     rootClickTimeoutRef.current && clearTimeout(rootClickTimeoutRef.current), rootClickTimeoutRef.current = setTimeout(() => {
@@ -6599,24 +6618,23 @@ function ToastProvider(props) {
   }, t7 = [1, 1, 0], $[4] = t6, $[5] = t7) : (t6 = $[4], t7 = $[5]);
   let t8;
   $[6] === Symbol.for("react.memo_cache_sentinel") ? (t8 = [1, 0, 0], $[6] = t8) : t8 = $[6];
-  let t9;
-  $[7] !== prefersReducedMotion ? (t9 = {
+  const t9 = prefersReducedMotion ? 0 : 0.2;
+  let t10;
+  $[7] !== t9 ? (t10 = {
     initial: t4,
     animate: t6,
     exit: {
       opacity: t7,
       [POPOVER_MOTION_CONTENT_OPACITY_PROPERTY]: t8,
       scale: 0.5,
-      transition: prefersReducedMotion ? {
-        duration: 0
-      } : {
-        duration: 0.2
+      transition: {
+        duration: t9
       }
     }
-  }, $[7] = prefersReducedMotion, $[8] = t9) : t9 = $[8], t3 = t9;
+  }, $[7] = t9, $[8] = t10) : t10 = $[8], t3 = t10;
   const variants = t3;
-  let t10, t11;
-  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t11 = {
+  let t11, t12;
+  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t12 = {
     version: 0,
     push: (params) => {
       const setState = (state_0) => startTransition(() => _setState(state_0)), id = params.id || generateToastId(), duration = params.duration || 5e3, dismiss = () => {
@@ -6641,23 +6659,23 @@ function ToastProvider(props) {
         timeoutId: setTimeout(dismiss, duration)
       }, id;
     }
-  }, $[9] = t11) : t11 = $[9], t10 = t11;
-  const value = t10;
-  let t12, t13;
-  $[10] === Symbol.for("react.memo_cache_sentinel") ? (t12 = () => () => {
+  }, $[9] = t12) : t12 = $[9], t11 = t12;
+  const value = t11;
+  let t13, t14;
+  $[10] === Symbol.for("react.memo_cache_sentinel") ? (t13 = () => () => {
     for (const {
       timeoutId: timeoutId_0
     } of Object.values(toastsRef.current))
       clearTimeout(timeoutId_0);
     toastsRef.current = {};
-  }, t13 = [], $[10] = t12, $[11] = t13) : (t12 = $[10], t13 = $[11]), useEffect(t12, t13);
-  let t14;
-  $[12] !== mounted || $[13] !== padding || $[14] !== paddingX || $[15] !== paddingY || $[16] !== prefersReducedMotion || $[17] !== state || $[18] !== variants || $[19] !== zOffset ? (t14 = mounted && /* @__PURE__ */ jsx(Root$1, { "data-ui": "ToastProvider", zOffset, children: /* @__PURE__ */ jsx(ToastContainer, { children: /* @__PURE__ */ jsx(Box, { padding, paddingX, paddingY, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: !1, children: state.map((t152) => {
+  }, t14 = [], $[10] = t13, $[11] = t14) : (t13 = $[10], t14 = $[11]), useEffect(t13, t14);
+  let t15;
+  $[12] !== mounted || $[13] !== padding || $[14] !== paddingX || $[15] !== paddingY || $[16] !== prefersReducedMotion || $[17] !== state || $[18] !== variants || $[19] !== zOffset ? (t15 = mounted && /* @__PURE__ */ jsx(Root$1, { "data-ui": "ToastProvider", zOffset, children: /* @__PURE__ */ jsx(ToastContainer, { children: /* @__PURE__ */ jsx(Box, { padding, paddingX, paddingY, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: !1, children: state.map((t162) => {
     const {
       dismiss: dismiss_0,
       id: id_0,
       params: params_0
-    } = t152;
+    } = t162;
     return /* @__PURE__ */ jsx(motion.div, { layout: "position", initial: "initial", animate: "animate", exit: "exit", variants, transition: prefersReducedMotion ? {
       duration: 0
     } : {
@@ -6665,12 +6683,12 @@ function ToastProvider(props) {
       damping: 30,
       stiffness: 400
     }, children: /* @__PURE__ */ jsx(Toast, { closable: params_0.closable, description: params_0.description, onClose: dismiss_0, status: params_0.status, title: params_0.title, duration: params_0.duration }) }, id_0);
-  }) }) }) }) }), $[12] = mounted, $[13] = padding, $[14] = paddingX, $[15] = paddingY, $[16] = prefersReducedMotion, $[17] = state, $[18] = variants, $[19] = zOffset, $[20] = t14) : t14 = $[20];
-  let t15;
-  return $[21] !== children || $[22] !== t14 ? (t15 = /* @__PURE__ */ jsxs(ToastContext.Provider, { value, children: [
+  }) }) }) }) }), $[12] = mounted, $[13] = padding, $[14] = paddingX, $[15] = paddingY, $[16] = prefersReducedMotion, $[17] = state, $[18] = variants, $[19] = zOffset, $[20] = t15) : t15 = $[20];
+  let t16;
+  return $[21] !== children || $[22] !== t15 ? (t16 = /* @__PURE__ */ jsxs(ToastContext.Provider, { value, children: [
     children,
-    t14
-  ] }), $[21] = children, $[22] = t14, $[23] = t15) : t15 = $[23], t15;
+    t15
+  ] }), $[21] = children, $[22] = t15, $[23] = t16) : t16 = $[23], t16;
 }
 ToastProvider.displayName = "ToastProvider";
 function useToast() {