@sanity/ui 1.3.2 → 1.4.0

package/dist/index.cjs.mjs

@@ -36,6 +36,7 @@ export const MenuDivider = cjs.MenuDivider;
 export const MenuGroup = cjs.MenuGroup;
 export const MenuItem = cjs.MenuItem;
 export const Popover = cjs.Popover;
+export const PopoverProvider = cjs.PopoverProvider;
 export const Portal = cjs.Portal;
 export const PortalProvider = cjs.PortalProvider;
 export const Radio = cjs.Radio;
@@ -109,6 +110,7 @@ export const useForwardedRef = cjs.useForwardedRef;
 export const useGlobalKeyDown = cjs.useGlobalKeyDown;
 export const useLayer = cjs.useLayer;
 export const useMediaIndex = cjs.useMediaIndex;
+export const usePopover = cjs.usePopover;
 export const usePortal = cjs.usePortal;
 export const usePrefersDark = cjs.usePrefersDark;
 export const usePrefersReducedMotion = cjs.usePrefersReducedMotion;

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import {HTMLProps} from 'react'
 import {MemoExoticComponent} from 'react'
 import {NamedExoticComponent} from 'react'
 import {PropsWithChildren} from 'react'
+import {default as React_2} from 'react'
 import {ReactElement} from 'react'
 import {ReactNode} from 'react'
 import {Ref} from 'react'
@@ -1343,6 +1344,15 @@ export declare const Popover: MemoExoticComponent<
   >
 >
 
+/**
+ * @public
+ */
+export declare interface PopoverContextValue {
+  version: number
+  forceUpdate: () => void
+  lastUpdateId: string | null
+}
+
 /**
  * @beta
  */
@@ -1379,6 +1389,18 @@ export declare interface PopoverProps
   tone?: CardTone
 }
 
+/**
+ * @public
+ */
+export declare const PopoverProvider: ({children}: PopoverProviderProps) => React_2.ReactElement
+
+/**
+ * @public
+ */
+export declare interface PopoverProviderProps {
+  children?: React_2.ReactNode
+}
+
 /**
  * @public
  */
@@ -2806,6 +2828,11 @@ export declare function useLayer(): LayerContextValue
  */
 export declare function useMediaIndex(): number
 
+/**
+ * @public
+ */
+export declare function usePopover(): PopoverContextValue
+
 /**
  * @public
  */

package/dist/index.esm.js

@@ -3063,9 +3063,9 @@ function getGlobalScope() {
   throw new Error("@sanity/ui: could not locate global scope");
 }
 const globalScope = getGlobalScope();
-const key$7 = Symbol.for("@sanity/ui/context/theme");
-globalScope[key$7] = globalScope[key$7] || createContext(null);
-const ThemeContext = globalScope[key$7];
+const key$8 = Symbol.for("@sanity/ui/context/theme");
+globalScope[key$8] = globalScope[key$8] || createContext(null);
+const ThemeContext = globalScope[key$8];
 function ThemeProvider(props) {
   const parentTheme = useContext(ThemeContext);
   const {
@@ -3909,7 +3909,7 @@ function textBaseStyle(props) {
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    color: var(--card-fg-color);\n\n    ", "\n\n    ", "\n\n    & code {\n      font-family: ", ";\n      border-radius: 1px;\n      background-color: var(--card-code-bg-color);\n      color: var(--card-code-fg-color);\n    }\n\n    & a {\n      text-decoration: none;\n      border-radius: 1px;\n      color: var(--card-link-color);\n      outline: none;\n\n      @media (hover: hover) {\n        &:hover {\n          text-decoration: underline;\n        }\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 1px var(--card-bg-color), 0 0 0 3px var(--card-focus-ring-color);\n      }\n\n      &:focus:not(:focus-visible) {\n        box-shadow: none;\n      }\n    }\n\n    & strong {\n      font-weight: ", ";\n    }\n\n    & svg {\n      /* Certain popular CSS libraries changes the defaults for SVG display */\n      /* Make sure SVGs are rendered as inline elements */\n      display: inline;\n    }\n\n    & [data-sanity-icon] {\n      vertical-align: baseline;\n    }\n  "])), $accent && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      color: var(--card-accent-fg-color);\n    "]))), $muted && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      color: var(--card-muted-fg-color);\n    "]))), theme.sanity.fonts.code.family, weights.bold);
 }
 const Root$E = styled.div(responsiveTextFont, responsiveTextAlignStyle, textBaseStyle);
-const SpanWithTextOverflow$2 = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n"])));
+const SpanWithTextOverflow$2 = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  overflow: clip;\n"])));
 const Text = forwardRef(function Text2(props, ref) {
   const {
     accent = false,
@@ -4386,7 +4386,7 @@ function labelBaseStyle(props) {
   return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    text-transform: uppercase;\n\n    ", "\n\n    ", "\n\n    & code {\n      font-family: ", ";\n      border-radius: 1px;\n    }\n\n    & a {\n      text-decoration: none;\n      border-radius: 1px;\n    }\n\n    & svg {\n      /* Certain popular CSS libraries changes the defaults for SVG display */\n      /* Make sure SVGs are rendered as inline elements */\n      display: inline;\n    }\n\n    & [data-sanity-icon] {\n      vertical-align: baseline;\n    }\n  "])), $accent && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      color: var(--card-accent-fg-color);\n    "]))), $muted && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      color: var(--card-muted-fg-color);\n    "]))), fonts.code.family);
 }
 const Root$z = styled.div(responsiveLabelFont, responsiveTextAlignStyle, labelBaseStyle);
-const SpanWithTextOverflow$1 = styled.span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n"])));
+const SpanWithTextOverflow$1 = styled.span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  overflow: clip;\n"])));
 const Label = forwardRef(function Label2(props, ref) {
   const {
     accent,
@@ -5048,7 +5048,7 @@ function headingBaseStyle(props) {
   return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n    ", "\n\n    ", "\n\n    & code {\n      font-family: ", ";\n      border-radius: 1px;\n    }\n\n    & a {\n      text-decoration: none;\n      border-radius: 1px;\n      color: var(--card-link-color);\n      outline: none;\n\n      @media (hover: hover) {\n        &:hover {\n          text-decoration: underline;\n        }\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 1px var(--card-bg-color), 0 0 0 3px var(--card-focus-ring-color);\n      }\n\n      &:focus:not(:focus-visible) {\n        box-shadow: none;\n      }\n    }\n\n    & svg {\n      /* Certain popular CSS libraries changes the defaults for SVG display */\n      /* Make sure SVGs are rendered as inline elements */\n      display: inline;\n    }\n\n    & [data-sanity-icon] {\n      vertical-align: baseline;\n    }\n  "])), $accent && css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      color: var(--card-accent-fg-color);\n    "]))), $muted && css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n      color: var(--card-muted-fg-color);\n    "]))), theme.sanity.fonts.code.family);
 }
 const Root$p = styled.div(headingBaseStyle, responsiveTextAlignStyle, responsiveHeadingFont);
-const SpanWithTextOverflow = styled.span(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  display: block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n"])));
+const SpanWithTextOverflow = styled.span(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  display: block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  overflow: clip;\n"])));
 const Heading = forwardRef(function Heading2(props, ref) {
   const {
     accent = false,
@@ -5155,9 +5155,9 @@ const KBD = forwardRef(function KBD2(props, ref) {
     })
   });
 });
-const key$6 = Symbol.for("@sanity/ui/context/boundaryElement");
-globalScope[key$6] = globalScope[key$6] || createContext(null);
-const BoundaryElementContext = globalScope[key$6];
+const key$7 = Symbol.for("@sanity/ui/context/boundaryElement");
+globalScope[key$7] = globalScope[key$7] || createContext(null);
+const BoundaryElementContext = globalScope[key$7];
 function BoundaryElementProvider(props) {
   const {
     children,
@@ -5275,9 +5275,9 @@ function getLayerContext(contextValue) {
   }
   throw new Error("could not get layer context");
 }
-const key$5 = Symbol.for("@sanity/ui/context/layer");
-globalScope[key$5] = globalScope[key$5] || createContext(null);
-const LayerContext = globalScope[key$5];
+const key$6 = Symbol.for("@sanity/ui/context/layer");
+globalScope[key$6] = globalScope[key$6] || createContext(null);
+const LayerContext = globalScope[key$6];
 function useLayer() {
   const value = useContext(LayerContext);
   if (!value) {
@@ -5514,7 +5514,7 @@ const Layer = forwardRef(function Layer2(props, ref) {
     })
   });
 });
-const key$4 = Symbol.for("@sanity/ui/context/portal");
+const key$5 = Symbol.for("@sanity/ui/context/portal");
 const elementKey = Symbol.for("@sanity/ui/context/portal/element");
 globalScope[elementKey] = null;
 const defaultContextValue = {
@@ -5533,8 +5533,8 @@ const defaultContextValue = {
     return globalScope[elementKey];
   }
 };
-globalScope[key$4] = globalScope[key$4] || createContext(defaultContextValue);
-const PortalContext = globalScope[key$4];
+globalScope[key$5] = globalScope[key$5] || createContext(defaultContextValue);
+const PortalContext = globalScope[key$5];
 function usePortal() {
   const value = useContext(PortalContext);
   if (!value) {
@@ -5598,7 +5598,7 @@ function PortalProvider(props) {
     children
   });
 }
-const Root$l = styled.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  display: block;\n  width: 0;\n  height: 0;\n  position: absolute;\n  overflow: hidden;\n"])));
+const Root$l = styled.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  display: block;\n  width: 0;\n  height: 0;\n  position: absolute;\n  overflow: hidden;\n  overflow: clip;\n"])));
 const SrOnly = forwardRef(function SrOnly2(props, ref) {
   const {
     as,
@@ -5914,6 +5914,17 @@ const PopoverCard = memo(forwardRef(function PopoverCard2(props, ref) {
   });
 }));
 PopoverCard.displayName = "PopoverCard";
+const key$4 = Symbol.for("@sanity/ui/context/popover");
+globalScope[key$4] = globalScope[key$4] || createContext(null);
+const PopoverContext = globalScope[key$4];
+const useOnForcedUpdate = eventHandler => {
+  const contextValue = useContext(PopoverContext);
+  useEffect(() => {
+    if ((contextValue == null ? void 0 : contextValue.lastUpdateId) !== null) {
+      eventHandler == null ? void 0 : eventHandler();
+    }
+  }, [contextValue == null ? void 0 : contextValue.lastUpdateId]);
+};
 const Popover = memo(forwardRef(function Popover2(props, ref) {
   var _a, _b, _c, _d, _e;
   const theme = useTheme();
@@ -6020,9 +6031,13 @@ const Popover = memo(forwardRef(function Popover2(props, ref) {
     placement,
     reference: referenceRef,
     floating: floatingRef,
+    update: floatingUpdate,
     middlewareData,
     strategy
   } = useFloating(floatingProps);
+  const handleForcedUpdate = useCallback(() => {
+    floatingUpdate();
+  }, [floatingUpdate]);
   const referenceHidden = (_c = middlewareData.hide) == null ? void 0 : _c.referenceHidden;
   const arrowX = (_d = middlewareData.arrow) == null ? void 0 : _d.x;
   const arrowY = (_e = middlewareData.arrow) == null ? void 0 : _e.y;
@@ -6051,6 +6066,7 @@ const Popover = memo(forwardRef(function Popover2(props, ref) {
   useEffect(() => {
     referenceRef(referenceElement || null);
   }, [referenceRef, referenceElement]);
+  useOnForcedUpdate(handleForcedUpdate);
   if (disabled) {
     return childProp || /* @__PURE__ */jsx(Fragment, {});
   }
@@ -6090,6 +6106,35 @@ const Popover = memo(forwardRef(function Popover2(props, ref) {
   });
 }));
 Popover.displayName = "Popover";
+const PopoverProvider = _ref22 => {
+  let {
+    children
+  } = _ref22;
+  const [lastUpdateId, setUpdateId] = useState(null);
+  const forceUpdate = useCallback(() => {
+    const newId = Math.random().toString(36).substr(2, 9);
+    setUpdateId(newId);
+  }, []);
+  const value = useMemo(() => ({
+    version: 0,
+    lastUpdateId,
+    forceUpdate
+  }), [lastUpdateId, forceUpdate]);
+  return /* @__PURE__ */jsx(PopoverContext.Provider, {
+    value,
+    children
+  });
+};
+function usePopover() {
+  const value = useContext(PopoverContext);
+  if (!value) {
+    throw new Error("usePopover(): missing context value");
+  }
+  if (!isRecord(value) || value.version !== 0) {
+    throw new Error("usePopover(): the context value is not compatible");
+  }
+  return value;
+}
 function radioBaseStyle() {
   return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n    position: relative;\n\n    &:not([hidden]) {\n      display: inline-block;\n    }\n\n    &[data-read-only] {\n      outline: 1px solid red;\n    }\n  "])));
 }
@@ -6921,10 +6966,10 @@ const InnerAutocomplete = forwardRef(function InnerAutocomplete2(props, ref) {
     query,
     value
   } = state;
-  const defaultRenderOption = useCallback(_ref22 => {
+  const defaultRenderOption = useCallback(_ref23 => {
     let {
       value: value2
-    } = _ref22;
+    } = _ref23;
     return /* @__PURE__ */jsx(Card, {
       "data-as": "button",
       padding: paddingProp,
@@ -7371,10 +7416,10 @@ const Breadcrumbs = forwardRef(function Breadcrumbs2(props, ref) {
     }, itemIndex))
   });
 });
-function dialogStyle(_ref23) {
+function dialogStyle(_ref24) {
   let {
     theme
-  } = _ref23;
+  } = _ref24;
   const color = theme.sanity.color.base;
   return {
     "&:not([hidden])": {
@@ -7417,7 +7462,7 @@ function isTargetWithinScope(boundaryElement, portalElement, target) {
 }
 const Root$7 = styled(Layer)(responsivePaddingStyle, dialogStyle, responsiveDialogPositionStyle);
 const DialogContainer = styled(Container)(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["\n  &:not([hidden]) {\n    display: flex;\n  }\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"])));
-const DialogCardRoot = styled(Card)(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["\n  &:not([hidden]) {\n    display: flex;\n  }\n  width: 100%;\n  min-height: 0;\n  max-height: 100%;\n  overflow: hidden;\n"])));
+const DialogCardRoot = styled(Card)(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["\n  &:not([hidden]) {\n    display: flex;\n  }\n  width: 100%;\n  min-height: 0;\n  max-height: 100%;\n  overflow: hidden;\n  overflow: clip;\n"])));
 const DialogLayout = styled(Flex)(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n"])));
 const DialogHeader = styled(Card)(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["\n  position: relative;\n  z-index: 2;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    border-bottom: 1px solid var(--card-hairline-soft-color);\n  }\n"])));
 const DialogContent = styled(Box)(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["\n  position: relative;\n  z-index: 1;\n  overflow: auto;\n  outline: none;\n"])));
@@ -8394,15 +8439,15 @@ const MenuItem = forwardRef(function MenuItem2(props, forwardedRef) {
 });
 const keyframe = keyframes(_templateObject78 || (_templateObject78 = _taggedTemplateLiteral(["\n  0% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: -100%;\n  }\n"])));
 const animation = css(_templateObject79 || (_templateObject79 = _taggedTemplateLiteral(["\n  background-image: linear-gradient(\n    to right,\n    var(--card-skeleton-color-from),\n    var(--card-skeleton-color-to),\n    var(--card-skeleton-color-from),\n    var(--card-skeleton-color-from),\n    var(--card-skeleton-color-from)\n  );\n  background-position: 100%;\n  background-size: 200% 100%;\n  background-attachment: fixed;\n  animation-name: ", ";\n  animation-timing-function: ease-in-out;\n  animation-iteration-count: infinite;\n  animation-duration: 2000ms;\n"])), keyframe);
-const skeletonStyle = css(_templateObject80 || (_templateObject80 = _taggedTemplateLiteral(["\n  opacity: ", ";\n  transition: opacity 200ms ease-in;\n\n  @media screen and (prefers-reduced-motion: no-preference) {\n    ", "\n  }\n\n  @media screen and (prefers-reduced-motion: reduce) {\n    background-color: var(--card-skeleton-color-from);\n  }\n"])), _ref24 => {
+const skeletonStyle = css(_templateObject80 || (_templateObject80 = _taggedTemplateLiteral(["\n  opacity: ", ";\n  transition: opacity 200ms ease-in;\n\n  @media screen and (prefers-reduced-motion: no-preference) {\n    ", "\n  }\n\n  @media screen and (prefers-reduced-motion: reduce) {\n    background-color: var(--card-skeleton-color-from);\n  }\n"])), _ref25 => {
   let {
     $visible
-  } = _ref24;
+  } = _ref25;
   return $visible ? 1 : 0;
-}, _ref25 => {
+}, _ref26 => {
   let {
     $animated
-  } = _ref25;
+  } = _ref26;
   return $animated ? animation : css(_templateObject81 || (_templateObject81 = _taggedTemplateLiteral(["\n            background-color: var(--card-skeleton-color-from);\n          "])));
 });
 const Root$4 = styled(Box)(responsiveRadiusStyle, skeletonStyle);
@@ -8433,12 +8478,12 @@ const Skeleton = forwardRef(function Skeleton2(props, ref) {
     ref
   });
 });
-const Root$3 = styled(Skeleton)(_ref26 => {
+const Root$3 = styled(Skeleton)(_ref27 => {
   let {
     $size,
     $style,
     theme
-  } = _ref26;
+  } = _ref27;
   const {
     media
   } = theme.sanity;
@@ -8759,12 +8804,12 @@ function ToastProvider(props) {
           paddingY,
           children: /* @__PURE__ */jsx(AnimatePresence, {
             initial: false,
-            children: state.map(_ref27 => {
+            children: state.map(_ref28 => {
               let {
                 dismiss,
                 id,
                 params
-              } = _ref27;
+              } = _ref28;
               return /* @__PURE__ */jsx(motion.div, {
                 animate: {
                   opacity: 1,
@@ -9244,5 +9289,5 @@ const TreeItem = memo(function TreeItem2(props) {
     })]
   });
 });
-export { Autocomplete, Avatar, AvatarCounter, AvatarStack, Badge, BoundaryElementProvider, Box, Breadcrumbs, Button, Card, Checkbox, Code, CodeSkeleton, Container, Dialog, DialogContext, DialogProvider, ElementQuery, ErrorBoundary, Flex, Grid, Heading, HeadingSkeleton, Hotkeys, Inline, KBD, Label, LabelSkeleton, Layer, LayerProvider, Menu, MenuButton, MenuDivider, MenuGroup, MenuItem, Popover, Portal, PortalProvider, Radio, Select, Skeleton, Spinner, SrOnly, Stack, Switch, Tab, TabList, TabPanel, Text, TextArea, TextInput, TextSkeleton, ThemeColorProvider, ThemeProvider, Toast, ToastProvider, Tooltip, Tree, TreeItem, VirtualList, _ResizeObserver, _elementSizeObserver, _fillCSSObject, _getArrayProp, _getResponsiveSpace, _hasFocus, _isEnterToClickElement, _isScrollable, _raf, _raf2, _responsive, attemptFocus, containsOrEqualsElement, createColorTheme, focusFirstDescendant, focusLastDescendant, hexToRgb, hslToRgb, isFocusable, isHTMLAnchorElement, isHTMLButtonElement, isHTMLElement, isHTMLInputElement, isHTMLSelectElement, isHTMLTextAreaElement, multiply$1 as multiply, parseColor, rem, responsiveCodeFontStyle, responsiveHeadingFont, responsiveLabelFont, responsiveTextAlignStyle, responsiveTextFont, rgbToHex, rgbToHsl, rgba, screen$1 as screen, studioTheme, useArrayProp, useBoundaryElement, useClickOutside, useCustomValidity, useDialog, useElementRect, useElementSize, useForwardedRef, useGlobalKeyDown, useLayer, useMediaIndex, usePortal, usePrefersDark, usePrefersReducedMotion, useRootTheme, useTheme, useToast, useTree };
+export { Autocomplete, Avatar, AvatarCounter, AvatarStack, Badge, BoundaryElementProvider, Box, Breadcrumbs, Button, Card, Checkbox, Code, CodeSkeleton, Container, Dialog, DialogContext, DialogProvider, ElementQuery, ErrorBoundary, Flex, Grid, Heading, HeadingSkeleton, Hotkeys, Inline, KBD, Label, LabelSkeleton, Layer, LayerProvider, Menu, MenuButton, MenuDivider, MenuGroup, MenuItem, Popover, PopoverProvider, Portal, PortalProvider, Radio, Select, Skeleton, Spinner, SrOnly, Stack, Switch, Tab, TabList, TabPanel, Text, TextArea, TextInput, TextSkeleton, ThemeColorProvider, ThemeProvider, Toast, ToastProvider, Tooltip, Tree, TreeItem, VirtualList, _ResizeObserver, _elementSizeObserver, _fillCSSObject, _getArrayProp, _getResponsiveSpace, _hasFocus, _isEnterToClickElement, _isScrollable, _raf, _raf2, _responsive, attemptFocus, containsOrEqualsElement, createColorTheme, focusFirstDescendant, focusLastDescendant, hexToRgb, hslToRgb, isFocusable, isHTMLAnchorElement, isHTMLButtonElement, isHTMLElement, isHTMLInputElement, isHTMLSelectElement, isHTMLTextAreaElement, multiply$1 as multiply, parseColor, rem, responsiveCodeFontStyle, responsiveHeadingFont, responsiveLabelFont, responsiveTextAlignStyle, responsiveTextFont, rgbToHex, rgbToHsl, rgba, screen$1 as screen, studioTheme, useArrayProp, useBoundaryElement, useClickOutside, useCustomValidity, useDialog, useElementRect, useElementSize, useForwardedRef, useGlobalKeyDown, useLayer, useMediaIndex, usePopover, usePortal, usePrefersDark, usePrefersReducedMotion, useRootTheme, useTheme, useToast, useTree };
 //# sourceMappingURL=index.esm.js.map