@sanity/ui 3.0.0-static.15 → 3.0.0-static.16

package/dist/index.d.mts

@@ -547,6 +547,7 @@ export declare type BoxElementType =
   | 'figcaption'
   | 'footer'
   | 'form'
+  | 'iframe'
   | 'kbd'
   | 'label'
   | 'legend'
@@ -688,18 +689,19 @@ export declare namespace Card {
   var displayName: string
 }
 
-export declare type CardCompatProviderComponent = ComponentType_2<{
+/** @internal */
+export declare type _CardCompatProviderComponent = ComponentType_2<{
   children?: ReactNode
   tone: ThemeColorCardToneKey
   scheme: ThemeColorSchemeKey_2
 }>
 
-/** @internal */
+/** @public */
 export declare interface CardContextValue {
-  compat_provider?: CardCompatProviderComponent
-  rendered: boolean
   tone: ThemeColorCardToneKey
   scheme: ThemeColorSchemeKey_2
+  /** @internal */
+  unstable_CompatProvider?: _CardCompatProviderComponent
 }
 
 /** @public */
@@ -727,11 +729,10 @@ export declare interface CardOwnProps extends BoxOwnProps, CardStyleProps_2 {
 export declare type CardProps<E extends CardElementType = CardElementType> = Props<CardOwnProps, E>
 
 export declare function CardProvider(props: {
-  compat_provider?: CardCompatProviderComponent
   children?: ReactNode
-  rendered?: boolean
   tone: ThemeColorCardToneKey
   scheme: ThemeColorSchemeKey_2
+  unstable_CompatProvider?: _CardCompatProviderComponent
 }): JSX.Element
 
 export declare namespace CardProvider {
@@ -2261,13 +2262,6 @@ export declare const rgbToHex: typeof rgbToHex_2
  */
 export declare const rgbToHsl: typeof rgbToHsl_2
 
-/** @internal */
-export declare function RootClassNames(props: {element: HTMLElement}): null
-
-export declare namespace RootClassNames {
-  var displayName: string
-}
-
 /**
  * @public
  * @deprecated Use `RootTheme` from `@sanity/ui/theme` instead.
@@ -2431,12 +2425,6 @@ export declare type StackProps<E extends StackElementType = StackElementType> =
   E
 >
 
-/**
- * @public
- * @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
- */
-export declare const studioTheme: RootTheme_2
-
 /**
  * @public
  * @deprecated Use `ThemeStyles` from `@sanity/ui/theme` instead.
@@ -2511,8 +2499,10 @@ export declare type TabListChild =
 export declare type TabListElementType = 'div' | 'span' | ComponentType
 
 /** @public */
-export declare type TabListOwnProps = Omit<InlineOwnProps, 'as' | 'height'> & {
+export declare type TabListOwnProps = Omit<FlexOwnProps, 'as' | 'height'> & {
   children: TabListChild[]
+  /** @deprecated Use `gap` instead */
+  space?: ResponsiveProp<Space>
 }
 
 /** @public */

package/dist/index.d.ts

@@ -547,6 +547,7 @@ export declare type BoxElementType =
   | 'figcaption'
   | 'footer'
   | 'form'
+  | 'iframe'
   | 'kbd'
   | 'label'
   | 'legend'
@@ -688,18 +689,19 @@ export declare namespace Card {
   var displayName: string
 }
 
-export declare type CardCompatProviderComponent = ComponentType_2<{
+/** @internal */
+export declare type _CardCompatProviderComponent = ComponentType_2<{
   children?: ReactNode
   tone: ThemeColorCardToneKey
   scheme: ThemeColorSchemeKey_2
 }>
 
-/** @internal */
+/** @public */
 export declare interface CardContextValue {
-  compat_provider?: CardCompatProviderComponent
-  rendered: boolean
   tone: ThemeColorCardToneKey
   scheme: ThemeColorSchemeKey_2
+  /** @internal */
+  unstable_CompatProvider?: _CardCompatProviderComponent
 }
 
 /** @public */
@@ -727,11 +729,10 @@ export declare interface CardOwnProps extends BoxOwnProps, CardStyleProps_2 {
 export declare type CardProps<E extends CardElementType = CardElementType> = Props<CardOwnProps, E>
 
 export declare function CardProvider(props: {
-  compat_provider?: CardCompatProviderComponent
   children?: ReactNode
-  rendered?: boolean
   tone: ThemeColorCardToneKey
   scheme: ThemeColorSchemeKey_2
+  unstable_CompatProvider?: _CardCompatProviderComponent
 }): JSX.Element
 
 export declare namespace CardProvider {
@@ -2261,13 +2262,6 @@ export declare const rgbToHex: typeof rgbToHex_2
  */
 export declare const rgbToHsl: typeof rgbToHsl_2
 
-/** @internal */
-export declare function RootClassNames(props: {element: HTMLElement}): null
-
-export declare namespace RootClassNames {
-  var displayName: string
-}
-
 /**
  * @public
  * @deprecated Use `RootTheme` from `@sanity/ui/theme` instead.
@@ -2431,12 +2425,6 @@ export declare type StackProps<E extends StackElementType = StackElementType> =
   E
 >
 
-/**
- * @public
- * @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
- */
-export declare const studioTheme: RootTheme_2
-
 /**
  * @public
  * @deprecated Use `ThemeStyles` from `@sanity/ui/theme` instead.
@@ -2511,8 +2499,10 @@ export declare type TabListChild =
 export declare type TabListElementType = 'div' | 'span' | ComponentType
 
 /** @public */
-export declare type TabListOwnProps = Omit<InlineOwnProps, 'as' | 'height'> & {
+export declare type TabListOwnProps = Omit<FlexOwnProps, 'as' | 'height'> & {
   children: TabListChild[]
+  /** @deprecated Use `gap` instead */
+  space?: ResponsiveProp<Space>
 }
 
 /** @public */

package/dist/index.js

@@ -644,7 +644,7 @@ function MenuButton(props) {
   }, t8 = [open], $[9] = open, $[10] = t7, $[11] = t8) : (t7 = $[10], t8 = $[11]), react.useEffect(t7, t8);
   let t9;
   $[12] === Symbol.for("react.memo_cache_sentinel") ? (t9 = () => {
-    setOpen(_temp$3), setShouldFocus(null);
+    setOpen(_temp$2), setShouldFocus(null);
   }, $[12] = t9) : t9 = $[12];
   const handleButtonClick = t9;
   let t10;
@@ -753,7 +753,7 @@ function MenuButton(props) {
   let t25;
   return $[58] !== menu || $[59] !== open || $[60] !== popoverProps || $[61] !== t24 ? (t25 = /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Popover, { "data-ui": "MenuButton__popover", ...popoverProps, content: menu, open, children: t24 }), $[58] = menu, $[59] = open, $[60] = popoverProps, $[61] = t24, $[62] = t25) : t25 = $[62], t25;
 }
-function _temp$3(v) {
+function _temp$2(v) {
   return !v;
 }
 MenuButton.displayName = "MenuButton";
@@ -1004,12 +1004,12 @@ const container = {
   }
 }, MotionCard = framerMotion.motion.create(_visualEditing.Card), MotionFlex = framerMotion.motion.create(_visualEditing.Flex), MotionText = framerMotion.motion.create(_visualEditing.Text), MotionBox = framerMotion.motion.create(_visualEditing.Box);
 function useMounted() {
-  return react.useSyncExternalStore(subscribe, _temp$2, _temp2$1);
+  return react.useSyncExternalStore(subscribe, _temp$1, _temp2);
 }
-function _temp2$1() {
+function _temp2() {
   return !1;
 }
-function _temp$2() {
+function _temp$1() {
   return !0;
 }
 const subscribe = () => () => {
@@ -1076,14 +1076,14 @@ function ToastProvider(props) {
   }, $[1] = t3) : t3 = $[1], t2 = t3;
   const value = t2;
   let t4;
-  $[2] !== gap || $[3] !== mounted || $[4] !== padding || $[5] !== paddingX || $[6] !== paddingY || $[7] !== state || $[8] !== zOffset ? (t4 = mounted && /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.LayerProvider, { zOffset, children: /* @__PURE__ */ jsxRuntime.jsx(ToastLayer, { padding, paddingX, paddingY, gap, children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: !1, mode: "popLayout", children: state.map(_temp$1) }) }) }), $[2] = gap, $[3] = mounted, $[4] = padding, $[5] = paddingX, $[6] = paddingY, $[7] = state, $[8] = zOffset, $[9] = t4) : t4 = $[9];
+  $[2] !== gap || $[3] !== mounted || $[4] !== padding || $[5] !== paddingX || $[6] !== paddingY || $[7] !== state || $[8] !== zOffset ? (t4 = mounted && /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.LayerProvider, { zOffset, children: /* @__PURE__ */ jsxRuntime.jsx(ToastLayer, { padding, paddingX, paddingY, gap, children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: !1, mode: "popLayout", children: state.map(_temp) }) }) }), $[2] = gap, $[3] = mounted, $[4] = padding, $[5] = paddingX, $[6] = paddingY, $[7] = state, $[8] = zOffset, $[9] = t4) : t4 = $[9];
   let t5;
   return $[10] !== children || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value, children: [
     children,
     t4
   ] }), $[10] = children, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
 }
-function _temp$1(t0) {
+function _temp(t0) {
   const {
     dismiss: dismiss_0,
     id: id_0,
@@ -1399,38 +1399,6 @@ function TreeItem(props) {
   ] });
 }
 TreeItem.displayName = "TreeItem";
-function RootClassNames(props) {
-  const $ = reactCompilerRuntime.c(7), {
-    element
-  } = props, {
-    scheme,
-    tone
-  } = _visualEditing.useCard() ?? {};
-  let t0;
-  $[0] !== scheme || $[1] !== tone ? (t0 = () => {
-    const els = document.querySelectorAll([css.scopeClassName("button"), css.scopeClassName("card"), css.scopeClassName("font")].map(_temp).join(", "));
-    for (const el of els)
-      el instanceof HTMLElement && (el.style.transition = "none");
-    return _raf2(() => {
-      document.documentElement.className = css.card({
-        scheme,
-        tone
-      }) ?? "", _raf2(() => {
-        for (const el_0 of els)
-          el_0 instanceof HTMLElement && (el_0.style.transition = "");
-      });
-    }), _temp2;
-  }, $[0] = scheme, $[1] = tone, $[2] = t0) : t0 = $[2];
-  let t1;
-  return $[3] !== element || $[4] !== scheme || $[5] !== tone ? (t1 = [element, scheme, tone], $[3] = element, $[4] = scheme, $[5] = tone, $[6] = t1) : t1 = $[6], react.useEffect(t0, t1), null;
-}
-function _temp2() {
-  document.documentElement.className = "";
-}
-function _temp(n) {
-  return `.${n}`;
-}
-RootClassNames.displayName = "RootClassNames";
 function StyleTags(props) {
   const $ = reactCompilerRuntime.c(10), {
     theme: themeProp
@@ -1553,7 +1521,6 @@ exports.isHTMLElement = _visualEditing.isHTMLElement;
 exports.isHTMLInputElement = _visualEditing.isHTMLInputElement;
 exports.isHTMLSelectElement = _visualEditing.isHTMLSelectElement;
 exports.isHTMLTextAreaElement = _visualEditing.isHTMLTextAreaElement;
-exports.studioTheme = _visualEditing.studioTheme;
 exports.useArrayProp = _visualEditing.useArrayProp;
 exports.useBoundaryElement = _visualEditing.useBoundaryElement;
 exports.useCard = _visualEditing.useCard;
@@ -1605,7 +1572,6 @@ exports.ErrorBoundary = ErrorBoundary;
 exports.HeadingSkeleton = HeadingSkeleton;
 exports.LabelSkeleton = LabelSkeleton;
 exports.MenuButton = MenuButton;
-exports.RootClassNames = RootClassNames;
 exports.Skeleton = Skeleton;
 exports.StyleTags = StyleTags;
 exports.TabPanel = TabPanel;