@sanity/ui 3.0.0-static.29 → 3.0.0-static.30

package/dist/index.d.cts

@@ -2162,6 +2162,18 @@ export declare interface RootOwnProps extends BoxOwnProps, RootStyleProps {}
 /** @public */
 export declare type RootProps<E extends RootElementType = RootElementType> = Props<RootOwnProps, E>
 
+/** @public */
+export declare function RootProvider(props: RootProviderProps): JSX.Element
+
+/** @public */
+export declare interface RootProviderProps {
+  boundaryElement?: HTMLElement | null
+  children?: ReactNode
+  portalElement?: HTMLElement | null
+  scheme?: ThemeColorSchemeKey_2
+  tone?: ThemeColorCardToneKey
+}
+
 /**
  * @public
  * @deprecated Use `RootTheme` from `@sanity/ui/theme` instead.

package/dist/index.d.ts

@@ -2162,6 +2162,18 @@ export declare interface RootOwnProps extends BoxOwnProps, RootStyleProps {}
 /** @public */
 export declare type RootProps<E extends RootElementType = RootElementType> = Props<RootOwnProps, E>
 
+/** @public */
+export declare function RootProvider(props: RootProviderProps): JSX.Element
+
+/** @public */
+export declare interface RootProviderProps {
+  boundaryElement?: HTMLElement | null
+  children?: ReactNode
+  portalElement?: HTMLElement | null
+  scheme?: ThemeColorSchemeKey_2
+  tone?: ThemeColorCardToneKey
+}
+
 /**
  * @public
  * @deprecated Use `RootTheme` from `@sanity/ui/theme` instead.

package/dist/index.js

@@ -1,5 +1,5 @@
 import { createColorTheme as createColorTheme$1, hexToRgb as hexToRgb$1, hslToRgb as hslToRgb$1, multiply as multiply$1, parseColor as parseColor$1, rgbToHex as rgbToHex$1, rgbToHsl as rgbToHsl$1, rgba as rgba$1, screen as screen$1 } from "@sanity/ui/theme";
-import { isHTMLAnchorElement, isHTMLInputElement, isHTMLButtonElement, isHTMLSelectElement, isHTMLTextAreaElement, isHTMLElement, BoundaryElementContext, _isEnterToClickElement, Selectable, Text, useResponsiveProp, EMPTY_ARRAY, EMPTY_RECORD, Box, Button, Stack, Popover, TextInput, AnimatedSpinnerIcon, useClickOutsideEvent, Flex, containsOrEqualsElement, usePortal, useBoundaryElement, useLayer, useGlobalKeyDown, Card, createGlobalScopedContext, usePrefersReducedMotion, Portal, Z_OFFSETS, Layer, Grid, LayerProvider, isRecord, _getArrayProp, useCustomValidity, PortalProvider, CardProvider, useDelayedState, TooltipDelayGroupContext } from "./_chunks-es/_visual-editing.js";
+import { isHTMLAnchorElement, isHTMLInputElement, isHTMLButtonElement, isHTMLSelectElement, isHTMLTextAreaElement, isHTMLElement, _isEnterToClickElement, Selectable, Text, useResponsiveProp, EMPTY_ARRAY, EMPTY_RECORD, Box, Button, Stack, Popover, TextInput, AnimatedSpinnerIcon, useClickOutsideEvent, Flex, containsOrEqualsElement, usePortal, useBoundaryElement, useLayer, useGlobalKeyDown, Card, createGlobalScopedContext, usePrefersReducedMotion, Portal, Z_OFFSETS, Layer, Grid, LayerProvider, isRecord, _getArrayProp, useCustomValidity, BoundaryElementContext, CardProvider, PortalProvider, useDelayedState, TooltipDelayGroupContext } from "./_chunks-es/_visual-editing.js";
 import { Arrow, DEFAULT_ARROW_ELEMENT, DEFAULT_BOX_ELEMENT, DEFAULT_BUTTON_ELEMENT, DEFAULT_CARD_ELEMENT, DEFAULT_FLEX_ELEMENT, DEFAULT_GRID_ELEMENT, DEFAULT_HOTKEYS_ELEMENT, DEFAULT_KBD_ELEMENT, DEFAULT_LAYER_ELEMENT, DEFAULT_MENU_DIVIDER_ELEMENT, DEFAULT_MENU_ELEMENT, DEFAULT_MENU_GROUP_ELEMENT, DEFAULT_MENU_ITEM_ELEMENT, DEFAULT_POPOVER_ELEMENT, DEFAULT_SELECTABLE_ELEMENT, DEFAULT_SPINNER_ELEMENT, DEFAULT_STACK_ELEMENT, DEFAULT_TAB_ELEMENT, DEFAULT_TAB_LIST_ELEMENT, DEFAULT_TEXT_ELEMENT, DEFAULT_TEXT_INPUT_ELEMENT, DEFAULT_TOOLTIP_ELEMENT, Hotkeys, KBD, Menu, MenuDivider, MenuGroup, MenuItem, Spinner, Tab, TabList, ThemeColorProvider, ThemeProvider, Tooltip, _getResponsiveProp, useCard, useMatchMedia, useMediaIndex, usePrefersDark, useRootTheme, useTheme, useTheme_v2, useTooltipDelayGroup } from "./_chunks-es/_visual-editing.js";
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { ChevronDownIcon, CloseIcon, ToggleArrowRightIcon, CheckmarkIcon, RemoveIcon } from "@sanity/icons";
@@ -61,20 +61,6 @@ function focusLastDescendant(element) {
   }
   return !1;
 }
-function BoundaryElementProvider(props) {
-  const $ = c(5), {
-    children,
-    element
-  } = props;
-  let t0, t1;
-  $[0] !== element ? (t1 = {
-    version: 0,
-    element
-  }, $[0] = element, $[1] = t1) : t1 = $[1], t0 = t1;
-  const value = t0;
-  let t2;
-  return $[2] !== children || $[3] !== value ? (t2 = /* @__PURE__ */ jsx(BoundaryElementContext.Provider, { value, children }), $[2] = children, $[3] = value, $[4] = t2) : t2 = $[4], t2;
-}
 function AutocompleteOption(props) {
   const $ = c(11), {
     children,
@@ -1870,9 +1856,38 @@ function Radio(props) {
     t9
   ] }), $[21] = style, $[22] = t3, $[23] = t8, $[24] = t10) : t10 = $[24], t10;
 }
+function BoundaryElementProvider(props) {
+  const $ = c(5), {
+    children,
+    element
+  } = props;
+  let t0, t1;
+  $[0] !== element ? (t1 = {
+    version: 0,
+    element
+  }, $[0] = element, $[1] = t1) : t1 = $[1], t0 = t1;
+  const value = t0;
+  let t2;
+  return $[2] !== children || $[3] !== value ? (t2 = /* @__PURE__ */ jsx(BoundaryElementContext.Provider, { value, children }), $[2] = children, $[3] = value, $[4] = t2) : t2 = $[4], t2;
+}
+function RootProvider(props) {
+  const $ = c(10), {
+    boundaryElement: t0,
+    children,
+    portalElement: t1,
+    scheme: t2,
+    tone: t3
+  } = props, boundaryElement = t0 === void 0 ? null : t0, portalElement = t1 === void 0 ? null : t1, scheme = t2 === void 0 ? "light" : t2, tone = t3 === void 0 ? "transparent" : t3;
+  let t4;
+  $[0] !== children || $[1] !== portalElement ? (t4 = /* @__PURE__ */ jsx(PortalProvider, { element: portalElement, children }), $[0] = children, $[1] = portalElement, $[2] = t4) : t4 = $[2];
+  let t5;
+  $[3] !== boundaryElement || $[4] !== t4 ? (t5 = /* @__PURE__ */ jsx(ToastProvider, { children: /* @__PURE__ */ jsx(BoundaryElementProvider, { element: boundaryElement, children: t4 }) }), $[3] = boundaryElement, $[4] = t4, $[5] = t5) : t5 = $[5];
+  let t6;
+  return $[6] !== scheme || $[7] !== t5 || $[8] !== tone ? (t6 = /* @__PURE__ */ jsx(LayerProvider, { children: /* @__PURE__ */ jsx(CardProvider, { scheme, tone, children: t5 }) }), $[6] = scheme, $[7] = t5, $[8] = tone, $[9] = t6) : t6 = $[9], t6;
+}
 const DEFAULT_ROOT_ELEMENT = "html";
 function Root(props) {
-  const $ = c(39), t0 = props;
+  const $ = c(33), t0 = props;
   let children, className, forwardedRef, rest, t1, t2, t3, t4;
   $[0] !== t0 ? ({
     as: t1,
@@ -1894,37 +1909,31 @@ function Root(props) {
   }, $[10] = t6) : t6 = $[10];
   const handleRef = t6;
   let t7;
-  $[11] !== children || $[12] !== portalElement ? (t7 = /* @__PURE__ */ jsx(PortalProvider, { element: portalElement, children }), $[11] = children, $[12] = portalElement, $[13] = t7) : t7 = $[13];
+  $[11] === Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsx("div", { "data-portal": "", ref: setPortalElement }), $[11] = t7) : t7 = $[11];
   let t8;
-  $[14] !== boundaryElement || $[15] !== t7 ? (t8 = /* @__PURE__ */ jsx(BoundaryElementProvider, { element: boundaryElement, children: t7 }), $[14] = boundaryElement, $[15] = t7, $[16] = t8) : t8 = $[16];
-  let t9;
-  $[17] === Symbol.for("react.memo_cache_sentinel") ? (t9 = /* @__PURE__ */ jsx("div", { "data-portal": "", ref: setPortalElement }), $[17] = t9) : t9 = $[17];
-  let t10;
-  $[18] !== t8 ? (t10 = /* @__PURE__ */ jsxs(ToastProvider, { children: [
-    t8,
-    t9
-  ] }), $[18] = t8, $[19] = t10) : t10 = $[19];
-  let t11;
-  $[20] !== scheme || $[21] !== t10 || $[22] !== tone ? (t11 = /* @__PURE__ */ jsx(LayerProvider, { children: /* @__PURE__ */ jsx(CardProvider, { scheme, tone, children: t10 }) }), $[20] = scheme, $[21] = t10, $[22] = tone, $[23] = t11) : t11 = $[23];
-  let node = t11;
+  $[12] !== boundaryElement || $[13] !== children || $[14] !== portalElement || $[15] !== scheme || $[16] !== tone ? (t8 = /* @__PURE__ */ jsxs(RootProvider, { boundaryElement, portalElement, scheme, tone, children: [
+    children,
+    t7
+  ] }), $[12] = boundaryElement, $[13] = children, $[14] = portalElement, $[15] = scheme, $[16] = tone, $[17] = t8) : t8 = $[17];
+  let node = t8;
   if (as === "html") {
-    let t122;
-    $[24] !== height ? (t122 = box({
+    let t92;
+    $[18] !== height ? (t92 = box({
       height,
       margin: 0
-    }), $[24] = height, $[25] = t122) : t122 = $[25];
-    let t132;
-    $[26] !== node || $[27] !== t122 ? (t132 = /* @__PURE__ */ jsx("body", { className: t122, children: node }), $[26] = node, $[27] = t122, $[28] = t132) : t132 = $[28], node = t132;
+    }), $[18] = height, $[19] = t92) : t92 = $[19];
+    let t102;
+    $[20] !== node || $[21] !== t92 ? (t102 = /* @__PURE__ */ jsx("body", { className: t92, children: node }), $[20] = node, $[21] = t92, $[22] = t102) : t102 = $[22], node = t102;
   }
-  let t12;
-  $[29] !== className || $[30] !== height || $[31] !== scheme || $[32] !== tone ? (t12 = root({
+  let t9;
+  $[23] !== className || $[24] !== height || $[25] !== scheme || $[26] !== tone ? (t9 = root({
     className,
     height,
     scheme,
     tone
-  }), $[29] = className, $[30] = height, $[31] = scheme, $[32] = tone, $[33] = t12) : t12 = $[33];
-  let t13;
-  return $[34] !== as || $[35] !== node || $[36] !== rest || $[37] !== t12 ? (t13 = /* @__PURE__ */ jsx(Box, { as, "data-ui": "Root", ...rest, className: t12, ref: handleRef, children: node }), $[34] = as, $[35] = node, $[36] = rest, $[37] = t12, $[38] = t13) : t13 = $[38], t13;
+  }), $[23] = className, $[24] = height, $[25] = scheme, $[26] = tone, $[27] = t9) : t9 = $[27];
+  let t10;
+  return $[28] !== as || $[29] !== node || $[30] !== rest || $[31] !== t9 ? (t10 = /* @__PURE__ */ jsx(Box, { as, "data-ui": "Root", ...rest, className: t9, ref: handleRef, children: node }), $[28] = as, $[29] = node, $[30] = rest, $[31] = t9, $[32] = t10) : t10 = $[32], t10;
 }
 const DEFAULT_SELECT_ELEMENT = "select";
 function Select(props) {
@@ -2374,6 +2383,7 @@ export {
   PortalProvider,
   Radio,
   Root,
+  RootProvider,
   Select,
   Selectable,
   Skeleton,