@getcortexlabs/mavis-core 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/vue/theme.js

@@ -1,11 +1,46 @@
 import { inject, readonly, shallowRef } from '@vue/runtime-core';
 import { mavis } from '../theme/themes.js';
-export function createThemeContext(initial) {
+const modes = ['system', 'light', 'dark'];
+function checkMode(mode) {
+    if (!modes.includes(mode))
+        throw new RangeError(`Unknown appearance mode: ${String(mode)}`);
+    return mode;
+}
+export function createThemeContext(options = {}) {
+    const config = 'colors' in options ? { theme: options } : options;
+    const initial = config.theme ?? mavis;
+    const themes = { [initial.appearance]: initial };
+    if (config.darkTheme)
+        themes.dark = config.darkTheme;
+    const appearance = shallowRef(checkMode(config.appearance ?? 'system'));
     const theme = shallowRef(initial);
+    const resolve = () => {
+        const wanted = appearance.value === 'system'
+            ? (config.source?.current() ?? initial.appearance)
+            : appearance.value;
+        theme.value = themes[wanted] ?? themes[wanted === 'dark' ? 'light' : 'dark'] ?? initial;
+    };
+    resolve();
+    const stop = config.source?.observe(() => {
+        if (appearance.value === 'system')
+            resolve();
+    });
     return {
         theme: readonly(theme),
+        /** The selection: `system` follows the device; `light` and `dark` are explicit overrides. */
+        appearance: readonly(appearance),
+        setAppearance(mode) {
+            appearance.value = checkMode(mode);
+            resolve();
+        },
+        /** Registers the theme for its own appearance and pins that appearance. */
         setTheme(next) {
-            theme.value = next;
+            themes[next.appearance] = next;
+            appearance.value = next.appearance;
+            resolve();
+        },
+        dispose() {
+            stop?.();
         },
     };
 }

package/dist/vue/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/vue/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AACnF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAG1C,MAAM,UAAU,kBAAkB,CAAC,OAAmB;IACpD,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACjC,OAAO;QACL,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;QACtB,QAAQ,CAAC,IAAgB;YACvB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;QACpB,CAAC;KACF,CAAA;AACH,CAAC;AAGD,MAAM,CAAC,MAAM,QAAQ,GAAoC,MAAM,CAAC,aAAa,CAAC,CAAA;AAE9E,kFAAkF;AAClF,MAAM,UAAU,aAAa;IAC3B,OAAO,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;AAChE,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/vue/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AACnF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAmB1C,MAAM,KAAK,GAA8B,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAA;AAEpE,SAAS,SAAS,CAAC,IAAoB;IACrC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,MAAM,IAAI,UAAU,CAAC,4BAA4B,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAC3F,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,UAA4C,EAAE;IAC/E,MAAM,MAAM,GAAwB,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAA;IACtF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,IAAI,KAAK,CAAA;IACrC,MAAM,MAAM,GAA4C,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,CAAA;IACzF,IAAI,MAAM,CAAC,SAAS;QAAE,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAA;IACpD,MAAM,UAAU,GAAG,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAA;IACvE,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACjC,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,MAAM,GACV,UAAU,CAAC,KAAK,KAAK,QAAQ;YAC3B,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,OAAO,CAAC,UAAU,CAAC;YAClD,CAAC,CAAC,UAAU,CAAC,KAAK,CAAA;QACtB,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,OAAO,CAAA;IACzF,CAAC,CAAA;IACD,OAAO,EAAE,CAAA;IACT,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,UAAU,CAAC,KAAK,KAAK,QAAQ;YAAE,OAAO,EAAE,CAAA;IAC9C,CAAC,CAAC,CAAA;IACF,OAAO;QACL,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;QACtB,6FAA6F;QAC7F,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC;QAChC,aAAa,CAAC,IAAoB;YAChC,UAAU,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;YAClC,OAAO,EAAE,CAAA;QACX,CAAC;QACD,2EAA2E;QAC3E,QAAQ,CAAC,IAAgB;YACvB,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA;YAC9B,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAA;YAClC,OAAO,EAAE,CAAA;QACX,CAAC;QACD,OAAO;YACL,IAAI,EAAE,EAAE,CAAA;QACV,CAAC;KACF,CAAA;AACH,CAAC;AAGD,MAAM,CAAC,MAAM,QAAQ,GAAoC,MAAM,CAAC,aAAa,CAAC,CAAA;AAE9E,kFAAkF;AAClF,MAAM,UAAU,aAAa;IAC3B,OAAO,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;AAChE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getcortexlabs/mavis-core",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.2",
   "type": "module",
   "sideEffects": false,
   "description": "Shared Mavis themes and component contracts.",

package/src/icon.ts

@@ -0,0 +1,30 @@
+import { icons } from './icons.js'
+
+export type IconName = keyof typeof icons
+export const iconFontFamily = 'lucide'
+export const iconSizes = { sm: 16, md: 20, lg: 24 } as const
+export type IconSize = keyof typeof iconSizes | number
+
+/** The private-use character of an icon in the bundled Lucide font. */
+export function iconGlyph(name: IconName): string {
+  const code = icons[name]
+  if (!code) throw new RangeError(`Unknown icon: ${String(name)}`)
+  return String.fromCodePoint(code)
+}
+
+/** A control that shows only an icon still needs a name for assistive technology. */
+export function checkIconOnly(text: string, hasIcon: boolean, label: string | undefined) {
+  if (hasIcon && !text && !label) {
+    throw new RangeError('An icon-only button needs accessibilityLabel')
+  }
+}
+
+export function resolveIconSize(size: IconSize): number {
+  if (typeof size === 'number') {
+    if (!Number.isFinite(size) || size <= 0) throw new RangeError(`Invalid icon size: ${size}`)
+    return size
+  }
+  const value = iconSizes[size]
+  if (!value) throw new RangeError(`Invalid icon size: ${String(size)}`)
+  return value
+}