@sanity/ui 3.1.14 → 4.0.0-beta.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2026 Sanity.io
+Copyright (c) 2025 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -6,7 +6,7 @@ The Sanity UI components.
 npm install @sanity/ui
 
 # Install peer dependencies
-npm install react react-dom styled-components
+npm install react react-dom react-is
 ```
 
 [![npm version](https://img.shields.io/npm/v/@sanity/ui.svg?style=flat-square)](https://www.npmjs.com/package/@sanity/ui)
@@ -14,17 +14,15 @@ npm install react react-dom styled-components
 ## Usage
 
 ```jsx
-import {Button, ThemeProvider} from '@sanity/ui'
-import {buildTheme} from '@sanity/ui/theme'
-import {createRoot} from 'react-dom/client'
+import '@sanity/ui/css/index.css'
 
-const root = createRoot(document.getElementById('root'))
-const theme = buildTheme()
+import {Button, Root} from '@sanity/ui'
+import {createRoot} from 'react-dom/client'
 
-root.render(
-  <ThemeProvider theme={theme}>
+createRoot(document).render(
+  <Root lang="en">
     <Button text="Hello, world" />
-  </ThemeProvider>,
+  </Root>,
 )
 ```
 

package/dist/_chunks-es/Syntax.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { _syntax } from "@sanity/ui-css";
+import { hasLanguage, Refractor } from "react-refractor";
+function Syntax(props) {
+  const $ = c(6), {
+    language: languageProp,
+    value
+  } = props, language = typeof languageProp == "string" ? languageProp : void 0, registered = language ? hasLanguage(language) : !1;
+  if (!language || !registered) {
+    let t02;
+    return $[0] !== value ? (t02 = /* @__PURE__ */ jsx("code", { children: value }), $[0] = value, $[1] = t02) : t02 = $[1], t02;
+  }
+  let t0;
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = _syntax(), $[2] = t0) : t0 = $[2];
+  const t1 = typeof value == "string" ? value : "";
+  let t2;
+  return $[3] !== language || $[4] !== t1 ? (t2 = /* @__PURE__ */ jsx(Refractor, { className: t0, inline: !0, language, value: t1 }), $[3] = language, $[4] = t1, $[5] = t2) : t2 = $[5], t2;
+}
+export {
+  Syntax as default
+};
+//# sourceMappingURL=Syntax.js.map

package/dist/_chunks-es/Syntax.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Syntax.js","sources":["../../src/primitives/_syntax/Syntax.tsx"],"sourcesContent":["import {_syntax} from '@sanity/ui-css'\nimport {hasLanguage, Refractor} from 'react-refractor'\n\nexport interface SyntaxProps {\n  language?: string\n  value: React.ReactNode\n}\n\nexport default function Syntax(props: SyntaxProps): React.JSX.Element {\n  const {language: languageProp, value} = props\n  const language = typeof languageProp === 'string' ? languageProp : undefined\n  const registered = language ? hasLanguage(language) : false\n\n  if (!language || !registered) {\n    return <code>{value}</code>\n  }\n\n  return (\n    <Refractor\n      className={_syntax()}\n      inline\n      language={language}\n      value={typeof value === 'string' ? value : ''}\n    />\n  )\n}\n"],"names":["Syntax","props","$","_c","language","languageProp","value","undefined","registered","hasLanguage","t0","Symbol","for","_syntax","t1","t2"],"mappings":";;;;AAQA,SAAeA,OAAAC,OAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GACb;AAAA,IAAAC,UAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAwCL,OACxCG,WAAiB,OAAOC,gBAAiB,WAAxBA,eAAAE,QACjBC,aAAmBJ,WAAWK,YAAYL,QAAgB,IAAvC;AAEnB,MAAI,CAACA,YAAD,CAAcI,YAAU;AAAA,QAAAE;AAAA,WAAAR,SAAAI,SACnBI,MAAA,oBAAA,QAAA,EAAOJ,iBAAM,GAAOJ,OAAAI,OAAAJ,OAAAQ,OAAAA,MAAAR,EAAA,CAAA,GAApBQ;AAAAA,EAAoB;AAC5B,MAAAA;AAAAR,IAAA,CAAA,MAAAS,uBAAAC,IAAA,2BAAA,KAIcF,KAAAG,QAAAA,GAASX,OAAAQ,MAAAA,KAAAR,EAAA,CAAA;AAGb,QAAAY,YAAOR,SAAU,WAAjBA,QAAA;AAAsC,MAAAS;AAAA,SAAAb,EAAA,CAAA,MAAAE,YAAAF,SAAAY,MAJ/CC,yBAAC,WAAA,EACY,WAAAL,IACX,QAAA,IACUN,UACH,OAAAU,GAAAA,CAAsC,GAC7CZ,OAAAE,UAAAF,OAAAY,IAAAZ,OAAAa,MAAAA,KAAAb,EAAA,CAAA,GALFa;AAKE;"}

package/dist/css/index.css

@@ -0,0 +1 @@
+@import '@sanity/ui-css/index.css';

package/dist/css.d.ts

@@ -0,0 +1,11 @@
+import {BREAKPOINTS} from '@sanity/ui-css'
+import {ResponsiveProp} from '@sanity/ui-css'
+import {vars} from '@sanity/ui-css'
+
+export {BREAKPOINTS}
+
+export {ResponsiveProp}
+
+export {vars}
+
+export {}

package/dist/css.js

@@ -0,0 +1,7 @@
+import { BREAKPOINTS, vars } from "@sanity/ui-css";
+import "@sanity/ui-tokens/constants";
+export {
+  BREAKPOINTS,
+  vars
+};
+//# sourceMappingURL=css.js.map

package/dist/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}