@sanity/ui 4.0.0-static.4 → 4.0.0-static.6

package/dist/css/index.d.cts

@@ -7,7 +7,6 @@ import {ColorTokens as ColorTokens_2} from '@sanity/ui/theme'
 import type {ColorVariant} from '@sanity/ui/theme'
 import type {ContainerScale} from '@sanity/ui/theme'
 import type {ContainerWidth} from '@sanity/ui/theme'
-import type {createThemeContract} from '@vanilla-extract/css'
 import type {ElementTone} from '@sanity/ui/theme'
 import type {FontCodeSize} from '@sanity/ui/theme'
 import type {FontHeadingSize} from '@sanity/ui/theme'
@@ -360,6 +359,10 @@ export declare type CoreThemeTokens = {
   space: Record<Space, string>
 }
 
+declare function createThemeContract<ThemeTokens extends NullableTokens_2>(
+  tokens: ThemeTokens,
+): ThemeVars_2<ThemeTokens>
+
 /** @public */
 export declare type CSSCardColorTokens = {
   avatar: Record<
@@ -440,6 +443,8 @@ export declare type CSSThemeOptions = {
 /** @public */
 export declare type CSSVarFunction = `var(${CSSVarName})`
 
+declare type CSSVarFunction_2 = `var(--${string})`
+
 /** @public */
 export declare type CSSVarName = `--${string}`
 
@@ -840,6 +845,14 @@ export declare interface LabelStyleProps extends FlexStyleProps, FontStyleProps
 /** @public */
 export declare const layers: Record<CSSLayer, string>
 
+declare type MapLeafNodes<Obj, LeafType> = {
+  [Prop in keyof Obj]: Obj[Prop] extends Primitive
+    ? LeafType
+    : Obj[Prop] extends Record<string | number, any>
+      ? MapLeafNodes<Obj[Prop], LeafType>
+      : never
+}
+
 /** @public */
 export declare type Margin = Space | 'auto'
 
@@ -901,6 +914,10 @@ export declare type NullableTokens = {
   [key: string]: string | NullableTokens
 }
 
+declare type NullableTokens_2 = {
+  [key: string]: string | NullableTokens_2 | null
+}
+
 /** @public */
 export declare type Outline = 'none'
 
@@ -973,6 +990,8 @@ export declare interface PositionStyleProps {
   position?: ResponsiveProp<Position>
 }
 
+declare type Primitive = string | boolean | number | null | undefined
+
 /** @public */
 export declare function radio(props: {className?: string}): string | undefined
 
@@ -1329,6 +1348,11 @@ export declare type ThemeVars = ThemeContract<ThemeTokens & ScopedTokens>
  * @internal */
 export declare const themeVars: ThemeContract<ThemeTokens>
 
+declare type ThemeVars_2<ThemeContract extends NullableTokens_2> = MapLeafNodes<
+  ThemeContract,
+  CSSVarFunction_2
+>
+
 /** @public */
 export declare function toast(): string
 

package/dist/css/index.d.ts

@@ -7,7 +7,6 @@ import {ColorTokens as ColorTokens_2} from '@sanity/ui/theme'
 import type {ColorVariant} from '@sanity/ui/theme'
 import type {ContainerScale} from '@sanity/ui/theme'
 import type {ContainerWidth} from '@sanity/ui/theme'
-import type {createThemeContract} from '@vanilla-extract/css'
 import type {ElementTone} from '@sanity/ui/theme'
 import type {FontCodeSize} from '@sanity/ui/theme'
 import type {FontHeadingSize} from '@sanity/ui/theme'
@@ -360,6 +359,10 @@ export declare type CoreThemeTokens = {
   space: Record<Space, string>
 }
 
+declare function createThemeContract<ThemeTokens extends NullableTokens_2>(
+  tokens: ThemeTokens,
+): ThemeVars_2<ThemeTokens>
+
 /** @public */
 export declare type CSSCardColorTokens = {
   avatar: Record<
@@ -440,6 +443,8 @@ export declare type CSSThemeOptions = {
 /** @public */
 export declare type CSSVarFunction = `var(${CSSVarName})`
 
+declare type CSSVarFunction_2 = `var(--${string})`
+
 /** @public */
 export declare type CSSVarName = `--${string}`
 
@@ -840,6 +845,14 @@ export declare interface LabelStyleProps extends FlexStyleProps, FontStyleProps
 /** @public */
 export declare const layers: Record<CSSLayer, string>
 
+declare type MapLeafNodes<Obj, LeafType> = {
+  [Prop in keyof Obj]: Obj[Prop] extends Primitive
+    ? LeafType
+    : Obj[Prop] extends Record<string | number, any>
+      ? MapLeafNodes<Obj[Prop], LeafType>
+      : never
+}
+
 /** @public */
 export declare type Margin = Space | 'auto'
 
@@ -901,6 +914,10 @@ export declare type NullableTokens = {
   [key: string]: string | NullableTokens
 }
 
+declare type NullableTokens_2 = {
+  [key: string]: string | NullableTokens_2 | null
+}
+
 /** @public */
 export declare type Outline = 'none'
 
@@ -973,6 +990,8 @@ export declare interface PositionStyleProps {
   position?: ResponsiveProp<Position>
 }
 
+declare type Primitive = string | boolean | number | null | undefined
+
 /** @public */
 export declare function radio(props: {className?: string}): string | undefined
 
@@ -1329,6 +1348,11 @@ export declare type ThemeVars = ThemeContract<ThemeTokens & ScopedTokens>
  * @internal */
 export declare const themeVars: ThemeContract<ThemeTokens>
 
+declare type ThemeVars_2<ThemeContract extends NullableTokens_2> = MapLeafNodes<
+  ThemeContract,
+  CSSVarFunction_2
+>
+
 /** @public */
 export declare function toast(): string
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "4.0.0-static.4",
+  "version": "4.0.0-static.6",
   "keywords": [
     "react",
     "ui",
@@ -122,11 +122,9 @@
     "@juggle/resize-observer": "^3.4.0",
     "@sanity/color": "^3.0.6",
     "@sanity/icons": "^3.7.4",
-    "@vanilla-extract/css": "^1.17.4",
     "@vanilla-extract/dynamic": "^2.1.5",
     "csstype": "^3.1.3",
     "framer-motion": "^12.23.12",
-    "react-compiler-runtime": "19.1.0-rc.2",
     "react-refractor": "^4.0.0",
     "use-effect-event": "^2.0.3"
   },
@@ -151,12 +149,14 @@
     "@types/react": "^19.1.9",
     "@types/react-dom": "^19.1.7",
     "@types/react-is": "^19.0.0",
+    "@vanilla-extract/css": "^1.17.4",
     "@vanilla-extract/rollup-plugin": "^1.4.0",
     "@vanilla-extract/vite-plugin": "^5.1.1",
     "@vitejs/plugin-react": "^4.7.0",
     "@vitest/browser": "^3.2.4",
     "autoprefixer": "^10.4.21",
     "babel-plugin-react-compiler": "19.1.0-rc.2",
+    "browserslist": "^4.25.1",
     "cac": "^6.7.14",
     "commitizen": "^4.3.1",
     "cssnano": "^7.1.0",