@mdbase-dev/ui 0.1.0-beta.125 → 0.1.0-beta.147

package/dist/theme.js

@@ -2,58 +2,52 @@
 export const THEME_STORAGE_KEY = "mdbase:theme";
 export const themePreferences = ["system", "light", "dark"];
 /** Browser chrome colours matching the light and dark canvas tokens. */
-export const themeColors = { light: "#fcfcfd", dark: "#1b1d23" };
+export const themeColors = {
+  light: "#fcfcfd",
+  dark: "#1b1d23"
+};
 export function normalizeThemePreference(value) {
-    return themePreferences.includes(value)
-        ? value
-        : "system";
+  return themePreferences.includes(value) ? value : "system";
 }
 /** Storage may be absent (server rendering, extension pages) or blocked; both mean System. */
 export function loadThemePreference(storage) {
-    try {
-        return normalizeThemePreference((storage ?? localStorage).getItem(THEME_STORAGE_KEY));
-    }
-    catch {
-        return "system";
-    }
+  try {
+    return normalizeThemePreference((storage ?? localStorage).getItem(THEME_STORAGE_KEY));
+  } catch {
+    return "system";
+  }
 }
 function prefersDark() {
-    return typeof matchMedia === "function"
-        && matchMedia("(prefers-color-scheme: dark)").matches;
+  return typeof matchMedia === "function" && matchMedia("(prefers-color-scheme: dark)").matches;
 }
 export function resolveDarkTheme(root = document.documentElement) {
-    const applied = root.dataset.theme;
-    return applied === "dark" || (applied !== "light" && prefersDark());
+  const applied = root.dataset.theme;
+  return applied === "dark" || applied !== "light" && prefersDark();
 }
 export function observeTheme(listener, root = document.documentElement) {
-    const observer = new MutationObserver(listener);
-    observer.observe(root, { attributeFilter: ["data-theme"] });
-    const media = typeof matchMedia === "function"
-        ? matchMedia("(prefers-color-scheme: dark)")
-        : null;
-    media?.addEventListener("change", listener);
-    return () => {
-        observer.disconnect();
-        media?.removeEventListener("change", listener);
-    };
+  const observer = new MutationObserver(listener);
+  observer.observe(root, {
+    attributeFilter: ["data-theme"]
+  });
+  const media = typeof matchMedia === "function" ? matchMedia("(prefers-color-scheme: dark)") : null;
+  media?.addEventListener("change", listener);
+  return () => {
+    observer.disconnect();
+    media?.removeEventListener("change", listener);
+  };
 }
 export function applyThemePreference(preference, root = document.documentElement) {
-    if (preference === "system")
-        root.removeAttribute("data-theme");
-    else
-        root.dataset.theme = preference;
-    const dark = preference === "dark" || (preference === "system" && prefersDark());
-    if (typeof document !== "undefined") {
-        document.querySelector('meta[name="theme-color"]')
-            ?.setAttribute("content", dark ? themeColors.dark : themeColors.light);
-    }
+  if (preference === "system") root.removeAttribute("data-theme");else root.dataset.theme = preference;
+  const dark = preference === "dark" || preference === "system" && prefersDark();
+  if (typeof document !== "undefined") {
+    document.querySelector('meta[name="theme-color"]')?.setAttribute("content", dark ? themeColors.dark : themeColors.light);
+  }
 }
 export function saveThemePreference(preference, storage, root = document.documentElement) {
-    try {
-        (storage ?? localStorage).setItem(THEME_STORAGE_KEY, preference);
-    }
-    catch {
-        // Theme selection still applies for this session when storage is unavailable.
-    }
-    applyThemePreference(preference, root);
+  try {
+    (storage ?? localStorage).setItem(THEME_STORAGE_KEY, preference);
+  } catch {
+    // Theme selection still applies for this session when storage is unavailable.
+  }
+  applyThemePreference(preference, root);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdbase-dev/ui",
-  "version": "0.1.0-beta.125",
+  "version": "0.1.0-beta.147",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -11,9 +11,14 @@
   },
   "homepage": "https://mdbase.dev",
   "sideEffects": [
-    "*.css"
+    "*.css",
+    "./dist/i18n.js"
   ],
   "exports": {
+    "./i18n": {
+      "types": "./dist/i18n.d.ts",
+      "import": "./dist/i18n.js"
+    },
     "./app-switcher": {
       "types": "./dist/AppSwitcher.d.ts",
       "import": "./dist/AppSwitcher.js"
@@ -26,10 +31,22 @@
       "types": "./dist/brand.d.ts",
       "import": "./dist/brand.js"
     },
+    "./checkbox": {
+      "types": "./dist/Checkbox.d.ts",
+      "import": "./dist/Checkbox.js"
+    },
     "./codemirror": {
       "types": "./dist/codemirror.d.ts",
       "import": "./dist/codemirror.js"
     },
+    "./collections": {
+      "types": "./dist/collections.d.ts",
+      "import": "./dist/collections.js"
+    },
+    "./collections/testing": {
+      "types": "./dist/collections/testing.d.ts",
+      "import": "./dist/collections/testing.js"
+    },
     "./command-palette": {
       "types": "./dist/CommandPalette.d.ts",
       "import": "./dist/CommandPalette.js"
@@ -79,6 +96,7 @@
       "import": "./dist/ThemeSelect.js"
     },
     "./brand.css": "./css/brand.css",
+    "./collections.css": "./css/collections.css",
     "./controls.css": "./css/controls.css",
     "./fonts.css": "./css/fonts.css",
     "./feedback.css": "./css/feedback.css",
@@ -93,30 +111,57 @@
     "README.md"
   ],
   "dependencies": {
-    "@fontsource/atkinson-hyperlegible": "^5.3.0",
+    "@fontsource-variable/atkinson-hyperlegible-next": "^5.3.0",
     "@fontsource/azeret-mono": "^5.3.0"
   },
   "peerDependencies": {
     "@codemirror/view": "^6.0.0",
-    "react": "^19.2.0"
+    "@lingui/core": "6.9.0",
+    "@lingui/react": "6.9.0",
+    "@mdbase-dev/i18n": "*",
+    "@mdbase-dev/sdk": "*",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.29.7",
+    "@babel/plugin-transform-react-jsx": "^7.29.7",
     "@codemirror/view": "^6.43.12",
+    "@lingui/babel-plugin-lingui-macro": "6.9.0",
+    "@lingui/cli": "6.9.0",
+    "@lingui/core": "6.9.0",
+    "@lingui/format-po": "6.9.0",
+    "@lingui/react": "6.9.0",
+    "@lingui/vite-plugin": "6.9.0",
+    "@mdbase-dev/sdk": "file:vendor/sdk-0.0.0-bd131b16.tgz",
+    "@rolldown/plugin-babel": "^0.2.4",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
+    "jsdom": "^29.1.1",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "typescript": "^7.0.2",
-    "vitest": "^4.1.10"
+    "vitest": "^4.1.11",
+    "@mdbase-dev/i18n": "0.1.0-beta.147"
   },
   "peerDependenciesMeta": {
     "@codemirror/view": {
       "optional": true
+    },
+    "@mdbase-dev/sdk": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
     }
   },
   "scripts": {
-    "build": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\" && tsc -p tsconfig.json",
-    "test": "node ../../scripts/ci/vitest.mjs",
-    "typecheck": "tsc -p tsconfig.json --noEmit"
+    "verify:shared": "pnpm --filter @mdbase-dev/i18n build && pnpm i18n:check && pnpm --filter @mdbase/connect-ui i18n:check && pnpm build && pnpm test && pnpm --filter @mdbase/connect-ui build && pnpm --filter @mdbase/connect-ui test && pnpm --filter @mdbase/connect-ui typecheck",
+    "i18n:extract": "mdbase-i18n extract",
+    "i18n:compile": "mdbase-i18n compile",
+    "i18n:check": "mdbase-i18n check",
+    "build": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\" && node scripts/compile-catalogues.mjs && tsc -p tsconfig.json && node scripts/compile-macros.mjs",
+    "test": "node scripts/compile-catalogues.mjs && node ../../scripts/ci/vitest.mjs",
+    "typecheck": "node scripts/compile-catalogues.mjs && tsc -p tsconfig.json --noEmit"
   }
 }