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

package/dist/_chunks-cjs/{buildCommand.js → buildCommand.cjs}

@@ -4,6 +4,10 @@ function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
 var cssnano__default = /* @__PURE__ */ _interopDefaultCompat(cssnano), fs__default = /* @__PURE__ */ _interopDefaultCompat(fs), path__default = /* @__PURE__ */ _interopDefaultCompat(path), postcss__default = /* @__PURE__ */ _interopDefaultCompat(postcss), prettyBytes__default = /* @__PURE__ */ _interopDefaultCompat(prettyBytes);
+async function buildCommand(options) {
+  const cwd = options.cwd ?? process.cwd(), outDir = options.outDir ?? path__default.default.resolve(cwd, "dist");
+  await Promise.all([buildPalette(outDir), buildTheme(outDir), buildSystem(outDir), buildAll(outDir)]);
+}
 async function minify(css2) {
   return postcss__default.default([cssnano__default.default()]).process(css2, {
     from: void 0
@@ -23,28 +27,40 @@ function prettySize(str) {
   return `${prettyBytes__default.default(str.length)} / ${prettyBytes__default.default(gzipSize.gzipSizeSync(str))}`;
 }
 async function buildPalette(outDir) {
-  const css$1 = css.compilePalette(), minified = await minify(css$1), prettified = await prettify(css$1);
+  const css$1 = css._compilePalette(), minified = await minify(css$1), prettified = await prettify(css$1);
   await fs__default.default.mkdir(outDir, {
     recursive: !0
-  }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "sanity-palette.css"), prettified, "utf-8"), await fs__default.default.writeFile(path__default.default.resolve(outDir, "sanity-palette.min.css"), minified.css, "utf-8"), console.log(`- built sanity-palette.css (${prettySize(prettified)})`), console.log(`- built sanity-palette.min.css (${prettySize(minified.css)})`);
+  }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui-palette.css"), prettified, "utf-8"), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui-palette.min.css"), minified.css, "utf-8"), console.log(`- built ui-palette.css (${prettySize(prettified)})`), console.log(`- built ui-palette.min.css (${prettySize(minified.css)})`);
 }
 async function buildTheme(outDir) {
-  const css$1 = await prettify(css.compileTheme({
+  const css$1 = await prettify(css._compileTheme({
     v3: theme.buildTheme_v3()
   })), minified = await minify(css$1), prettified = await prettify(css$1);
   await fs__default.default.mkdir(outDir, {
     recursive: !0
-  }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "sanity-theme.css"), prettified, "utf-8"), await fs__default.default.writeFile(path__default.default.resolve(outDir, "sanity-theme.min.css"), minified.css, "utf-8"), console.log(`- built sanity-theme.css (${prettySize(prettified)})`), console.log(`- built sanity-theme.min.css (${prettySize(minified.css)})`);
+  }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui-theme.css"), prettified, "utf-8"), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui-theme.min.css"), minified.css, "utf-8"), console.log(`- built ui-theme.css (${prettySize(prettified)})`), console.log(`- built ui-theme.min.css (${prettySize(minified.css)})`);
 }
 async function buildSystem(outDir) {
-  const css$1 = await prettify(css.compileSystem()), minified = await minify(css$1), prettified = await prettify(css$1);
+  const css$1 = await prettify(css._compileSystem()), minified = await minify(css$1), prettified = await prettify(css$1);
   await fs__default.default.mkdir(outDir, {
     recursive: !0
-  }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "system.css"), prettified, "utf-8"), await fs__default.default.writeFile(path__default.default.resolve(outDir, "system.min.css"), minified.css, "utf-8"), console.log(`- built system.css (${prettySize(prettified)})`), console.log(`- built system.min.css (${prettySize(minified.css)})`);
+  }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui-system.css"), prettified, "utf-8"), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui-system.min.css"), minified.css, "utf-8"), console.log(`- built ui-system.css (${prettySize(prettified)})`), console.log(`- built ui-system.min.css (${prettySize(minified.css)})`);
 }
-async function buildCommand(options) {
-  const cwd = options.cwd ?? process.cwd(), outDir = options.outDir ?? path__default.default.resolve(cwd, "dist");
-  await Promise.all([buildPalette(outDir), buildTheme(outDir), buildSystem(outDir)]);
+async function buildAll(outDir) {
+  const css$1 = await prettify([`/* @sanity/ui/ui-palette.css */
+`, css._compilePalette(), `
+
+/* @sanity/ui/ui-theme.css */
+`, css._compileTheme({
+    v3: theme.buildTheme_v3()
+  }), `
+
+/* @sanity/ui/ui-system.css */
+`, css._compileSystem(), `
+`].join("")), minified = await minify(css$1), prettified = await prettify(css$1);
+  await fs__default.default.mkdir(outDir, {
+    recursive: !0
+  }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui.css"), prettified, "utf-8"), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui.min.css"), minified.css, "utf-8"), console.log(`- built ui.css (${prettySize(prettified)})`), console.log(`- built ui.min.css (${prettySize(minified.css)})`);
 }
 exports.buildCommand = buildCommand;
-//# sourceMappingURL=buildCommand.js.map
+//# sourceMappingURL=buildCommand.cjs.map

package/dist/_chunks-cjs/buildCommand.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildCommand.cjs","sources":["../../src/cli/buildCommand.ts"],"sourcesContent":["/* eslint-disable no-console */\n\nimport {_compilePalette, _compileSystem, _compileTheme} from '@sanity/ui/css'\nimport {buildTheme_v3, RootTheme} from '@sanity/ui/theme'\nimport cssnano from 'cssnano'\nimport fs from 'fs/promises'\nimport {gzipSizeSync} from 'gzip-size'\nimport path from 'path'\nimport postcss from 'postcss'\nimport {format, resolveConfig} from 'prettier'\nimport prettyBytes from 'pretty-bytes'\n\nexport async function buildCommand(options: {cwd?: string; outDir?: string}): Promise<void> {\n  const cwd = options.cwd ?? process.cwd()\n  const outDir = options.outDir ?? path.resolve(cwd, 'dist')\n\n  await Promise.all([\n    buildPalette(outDir),\n    buildTheme(outDir),\n    buildSystem(outDir),\n    buildAll(outDir),\n  ])\n}\n\n//\n\nasync function minify(css: string) {\n  return postcss([cssnano()]).process(css, {from: undefined})\n}\n\nasync function prettify(css: string) {\n  const options = await resolveConfig(__dirname)\n\n  if (!options) {\n    throw new Error('Prettier config not found')\n  }\n\n  return format(css, {...options, filepath: 'index.css', printWidth: 9999})\n}\n\nfunction prettySize(str: string) {\n  return `${prettyBytes(str.length)} / ${prettyBytes(gzipSizeSync(str))}`\n}\n\n// @sanity/ui/ui-palette.css\nasync function buildPalette(outDir: string) {\n  const css = _compilePalette()\n  const minified = await minify(css)\n  const prettified = await prettify(css)\n\n  await fs.mkdir(outDir, {recursive: true})\n  await fs.writeFile(path.resolve(outDir, 'ui-palette.css'), prettified, 'utf-8')\n  await fs.writeFile(path.resolve(outDir, 'ui-palette.min.css'), minified.css, 'utf-8')\n\n  console.log(`- built ui-palette.css (${prettySize(prettified)})`)\n  console.log(`- built ui-palette.min.css (${prettySize(minified.css)})`)\n}\n\n// @sanity/ui/ui-theme.css\nasync function buildTheme(outDir: string) {\n  const css = await prettify(_compileTheme({v3: buildTheme_v3()} as RootTheme))\n  const minified = await minify(css)\n  const prettified = await prettify(css)\n\n  await fs.mkdir(outDir, {recursive: true})\n  await fs.writeFile(path.resolve(outDir, 'ui-theme.css'), prettified, 'utf-8')\n  await fs.writeFile(path.resolve(outDir, 'ui-theme.min.css'), minified.css, 'utf-8')\n\n  console.log(`- built ui-theme.css (${prettySize(prettified)})`)\n  console.log(`- built ui-theme.min.css (${prettySize(minified.css)})`)\n}\n\n// @sanity/ui/ui-system.css\nasync function buildSystem(outDir: string) {\n  const css = await prettify(_compileSystem())\n  const minified = await minify(css)\n  const prettified = await prettify(css)\n\n  await fs.mkdir(outDir, {recursive: true})\n  await fs.writeFile(path.resolve(outDir, 'ui-system.css'), prettified, 'utf-8')\n  await fs.writeFile(path.resolve(outDir, 'ui-system.min.css'), minified.css, 'utf-8')\n\n  console.log(`- built ui-system.css (${prettySize(prettified)})`)\n  console.log(`- built ui-system.min.css (${prettySize(minified.css)})`)\n}\n\n// @sanity/ui/ui.css\nasync function buildAll(outDir: string) {\n  const css = await prettify(\n    [\n      `/* @sanity/ui/ui-palette.css */\\n`,\n      _compilePalette(),\n      `\\n\\n/* @sanity/ui/ui-theme.css */\\n`,\n      _compileTheme({v3: buildTheme_v3()} as RootTheme),\n      `\\n\\n/* @sanity/ui/ui-system.css */\\n`,\n      _compileSystem(),\n      `\\n`,\n    ].join(''),\n  )\n\n  const minified = await minify(css)\n  const prettified = await prettify(css)\n\n  await fs.mkdir(outDir, {recursive: true})\n  await fs.writeFile(path.resolve(outDir, 'ui.css'), prettified, 'utf-8')\n  await fs.writeFile(path.resolve(outDir, 'ui.min.css'), minified.css, 'utf-8')\n\n  console.log(`- built ui.css (${prettySize(prettified)})`)\n  console.log(`- built ui.min.css (${prettySize(minified.css)})`)\n}\n"],"names":["buildCommand","options","cwd","process","outDir","path","resolve","Promise","all","buildPalette","buildTheme","buildSystem","buildAll","minify","css","postcss","cssnano","from","undefined","prettify","resolveConfig","__dirname","Error","format","filepath","printWidth","prettySize","str","prettyBytes","length","gzipSizeSync","_compilePalette","minified","prettified","fs","mkdir","recursive","writeFile","console","log","_compileTheme","v3","buildTheme_v3","_compileSystem","join"],"mappings":"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"}

package/dist/_chunks-cjs/{refractor.js → refractor.cjs}

@@ -24,4 +24,4 @@ function LazyRefractor(props) {
 }
 LazyRefractor.displayName = "LazyRefractor";
 exports.default = LazyRefractor;
-//# sourceMappingURL=refractor.js.map
+//# sourceMappingURL=refractor.cjs.map

package/dist/_chunks-cjs/refractor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"refractor.cjs","sources":["../../src/core/primitives/code/refractor.tsx"],"sourcesContent":["import Refractor from 'react-refractor'\n\nexport default function LazyRefractor(\n  props: Partial<Pick<React.ComponentProps<typeof Refractor>, 'language'>> & {\n    value: React.ReactNode\n  },\n) {\n  const {language: languageProp, value} = props\n  const language = typeof languageProp === 'string' ? languageProp : undefined\n  const registered = language ? Refractor.hasLanguage(language as any) : false\n\n  return (\n    <>\n      {!(language && registered) && <code>{value}</code>}\n      {language && registered && <Refractor inline language={language} value={String(value)} />}\n    </>\n  )\n}\n\nLazyRefractor.displayName = 'LazyRefractor'\n"],"names":["LazyRefractor","props","$","_c","language","languageProp","value","undefined","t0","Refractor","hasLanguage","registered","t1","t2","String","t3","displayName"],"mappings":";;;;;;AAEA,SAAeA,cAAAC,OAAA;AAAAC,QAAAA,IAAAC,uBAAA,EAAA,GAKb;AAAA,IAAAC,UAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAwCL,OACxCG,WAAiB,OAAOC,gBAAiB,WAAWA,eAAYE;AAAYC,MAAAA;AAAAN,WAAAE,YACzDI,KAAAJ,WAAWK,mBAAAA,QAAAC,YAAsBN,QAAe,IAAS,IAAAF,OAAAE,UAAAF,OAAAM,MAAAA,KAAAN,EAAA,CAAA;AAA5E,QAAAS,aAAmBH;AAAyDI,MAAAA;AAAAV,IAAAE,CAAAA,MAAAA,YAAAF,SAAAS,cAAAT,EAAA,CAAA,MAAAI,SAIvEM,KAAA,EAAER,YAAYO,sDAAsBL,EAAAA,UAAAA,MAAAA,CAAM,GAAOJ,OAAAE,UAAAF,OAAAS,YAAAT,OAAAI,OAAAJ,OAAAU,MAAAA,KAAAV,EAAA,CAAA;AAAAW,MAAAA;AAAAX,IAAAE,CAAAA,MAAAA,YAAAF,SAAAS,cAAAT,EAAA,CAAA,MAAAI,SACjDO,KAAAT,YAAYO,6CAAeF,mBAAU,SAAA,EAAA,QAAK,IAAYL,UAAiB,OAAAU,OAAOR,KAAK,EAAA,CAAK,GAAAJ,OAAAE,UAAAF,OAAAS,YAAAT,OAAAI,OAAAJ,OAAAW,MAAAA,KAAAX,EAAA,CAAA;AAAAa,MAAAA;AAAAb,SAAAA,EAAAU,EAAAA,MAAAA,MAAAV,UAAAW,MAF3FE,KACGH,2BAAAA,KAAAA,WAAAA,UAAAA,EAAAA,UAAAA;AAAAA,IAAAA;AAAAA,IACAC;AAAAA,EAAAA,EAAwF,CAAA,GACxFX,QAAAU,IAAAV,QAAAW,IAAAX,QAAAa,MAAAA,KAAAb,EAAA,EAAA,GAHHa;AAGG;AAIPf,cAAcgB,cAAc;;"}

package/dist/_chunks-es/{_visual-editing.mjs → _visual-editing.js}

@@ -3,7 +3,7 @@ import { c } from "react-compiler-runtime";
 import { getScopedTheme, getTheme_v2 } from "@sanity/ui/theme";
 import { createContext, useContext, useState, useEffect, useDebugValue, useSyncExternalStore, Children, isValidElement, cloneElement, useRef, useImperativeHandle, lazy, Suspense, useMemo, useCallback, useId, useLayoutEffect } from "react";
 import { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1 } from "styled-components";
-import { composeClassNames, box, label, textOverflow, avatar, avatarArrow, avatarInitials, avatarImage, avatarCounter, avatarStack, text, badge, animatedSpinnerIcon, spinner, buttonLoadingBox, button, card, checkbox, checkboxInput, code, container, heading, kbd, _arrow, _arrowStrokeMask, _arrowStroke, _arrowShape, BREAKPOINTS, srOnly, vars, popoverCard, radio, select, _inputElement, selectPresentation, stack, _switch, _switchElement, _switchPresentation, _switchTrack, _switchThumb, textArea, _inputPresentation, textInput, tooltipCard, tooltip, menu, menuDivider, _selectable } from "@sanity/ui/css";
+import { BREAKPOINTS, composeClassNames, box, label, textOverflow, avatar, avatarArrow, avatarInitials, avatarImage, avatarCounter, avatarStack, text, badge, animatedSpinnerIcon, spinner, buttonLoadingBox, button, card, checkbox, checkboxInput, code, container, heading, kbd, _arrow, _arrowStrokeMask, _arrowStroke, _arrowShape, srOnly, vars, popoverCard, radio, select, _inputElement, selectPresentation, stack, _switch, _switchElement, _switchPresentation, _switchTrack, _switchThumb, textArea, _inputPresentation, textInput, tooltipCard, tooltip, menu, menuDivider, _selectable } from "@sanity/ui/css";
 import { isValidElementType } from "react-is";
 import { SpinnerIcon, CheckmarkIcon, RemoveIcon, ChevronDownIcon, CloseIcon, ChevronRightIcon } from "@sanity/icons";
 import { detectOverflow, flip, offset, shift, arrow, hide, useFloating, autoUpdate } from "@floating-ui/react-dom";
@@ -293,9 +293,9 @@ function useMatchMedia(mediaQueryString, getServerSnapshot2) {
   let t1;
   return $[2] !== mediaQueryString ? (t1 = () => window.matchMedia(mediaQueryString).matches, $[2] = mediaQueryString, $[3] = t1) : t1 = $[3], useSyncExternalStore(t0, t1, getServerSnapshot2);
 }
-const media = [360, 600, 900, 1200, 1800, 2400];
+const media = Object.values(BREAKPOINTS);
 function _getMediaQuery(media2, index) {
-  return index === 0 ? `screen and (max-width: ${media2[index] - 1}px)` : index === media2.length ? `screen and (min-width: ${media2[index - 1]}px)` : `screen and (min-width: ${media2[index - 1]}px) and (max-width: ${media2[index] - 1}px)`;
+  return index === 0 ? `screen and (max-width: ${media2[index + 1] - 1}px)` : index === media2.length ? `screen and (min-width: ${media2[index]}px)` : `screen and (min-width: ${media2[index]}px) and (max-width: ${media2[index + 1] - 1}px)`;
 }
 function _createMediaStore() {
   const mediaLen = media.length;
@@ -798,12 +798,12 @@ function Button(props) {
       className: composeClassNames(className, button({
         display,
         flex,
-        mode,
         radius,
-        tone,
         width
       })),
       "data-disabled": loading || disabled ? "" : void 0,
+      "data-mode": mode,
+      "data-tone": tone,
       "data-selected": selected ? "" : void 0,
       disabled: !!(loading || disabled),
       href: disabled ? void 0 : href,
@@ -914,7 +914,7 @@ function Checkbox(props) {
   ] }), $[30] = style, $[31] = t11, $[32] = t5, $[33] = t13) : t13 = $[33], t13;
 }
 Checkbox.displayName = "Checkbox";
-const LazyRefractor = lazy(() => import("./refractor.mjs")), DEFAULT_CODE_ELEMENT = "pre";
+const LazyRefractor = lazy(() => import("./refractor.js")), DEFAULT_CODE_ELEMENT = "pre";
 function Code(props) {
   const $ = c(25), t0 = props;
   let children, className, languageProp, rest, t1, t2, weight;
@@ -3162,4 +3162,4 @@ export {
   useTheme_v2,
   useTooltipDelayGroup
 };
-//# sourceMappingURL=_visual-editing.mjs.map
+//# sourceMappingURL=_visual-editing.js.map