@blukavantui/community 0.0.0-stage → 1.0.1

package/src/shape-mask.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/shape-mask.js';
+export type * from './types.js';

package/src/sidebar.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/sidebar.js';
+export type * from './types.js';

package/src/skeleton.ts

@@ -0,0 +1,2 @@
+export {createSkeleton} from './essentials.js';
+export type * from './types.js';

package/src/sparkline.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/sparkline.js';
+export type * from './types.js';

package/src/split-section.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/split-section.js';
+export type * from './types.js';

package/src/splitter.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/splitter.js';
+export type * from './types.js';

package/src/statistic.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/statistic.js';
+export type * from './types.js';

package/src/text-highlight.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/text-highlight.js';
+export type * from './types.js';

package/src/theme-runtime.ts

@@ -0,0 +1,70 @@
+// @ts-nocheck
+/* BluUI shared appearance controller. ES2015; no UI engine dependency.
+   System follows matchMedia. An explicit choice persists per application origin.
+   Loading this script more than once never adds duplicate global listeners. */
+(function (global) {
+  'use strict';
+  if (global.BluUITheme && global.BluUITheme.version === '1.0.0') return;
+  var storageKey = 'bluui:appearance:v1';
+  var media = global.matchMedia('(prefers-color-scheme: dark)');
+  var mode = 'System';
+  function normalize(value) {
+    var key = String(value || 'System').toLowerCase();
+    if (key !== 'system' && key !== 'light' && key !== 'dark') {
+      throw new Error('Mode must be Light, Dark or System.');
+    }
+    return key.charAt(0).toUpperCase() + key.slice(1);
+  }
+  function readMode() {
+    try { return normalize(global.localStorage.getItem(storageKey)); }
+    catch (error) { return 'System'; }
+  }
+  function state() {
+    return { Mode: mode, EffectiveMode: mode === 'System' ? (media.matches ? 'Dark' : 'Light') : mode };
+  }
+  function apply() {
+    var current = state();
+    var root = document.documentElement;
+    root.setAttribute('data-bluui-mode', current.Mode.toLowerCase());
+    root.setAttribute('data-bluui-theme', current.EffectiveMode.toLowerCase());
+    document.querySelectorAll('[data-bluui-theme-select]').forEach(function (select) { select.value = mode; });
+    global.dispatchEvent(new CustomEvent('bluui:themechange', { detail: current }));
+    return current;
+  }
+  function setMode(value, persist) {
+    mode = normalize(value);
+    if (persist !== false) {
+      try { global.localStorage.setItem(storageKey, mode); } catch (error) { /* Private/blocked storage: keep this session usable. */ }
+    }
+    return apply();
+  }
+  function mountSelector(host) {
+    if (!host) return null;
+    var existing = host.querySelector('[data-bluui-theme-select]');
+    if (existing) { existing.value = mode; return existing; }
+    var label = document.createElement('label');
+    label.className = 'blu-theme-control';
+    var icon = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    icon.setAttribute('viewBox', '0 0 24 24'); icon.setAttribute('width', '17'); icon.setAttribute('height', '17');
+    icon.setAttribute('aria-hidden', 'true'); icon.setAttribute('focusable', 'false');
+    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    path.setAttribute('d', 'M12 3a9 9 0 1 0 0 18V3Z M12 3a9 9 0 0 1 0 18');
+    path.setAttribute('fill', 'none'); path.setAttribute('stroke', 'currentColor'); path.setAttribute('stroke-width', '1.7');
+    icon.appendChild(path);
+    var select = document.createElement('select');
+    select.setAttribute('data-bluui-theme-select', ''); select.setAttribute('aria-label', 'Appearance');
+    ['System', 'Light', 'Dark'].forEach(function (name) {
+      var option = document.createElement('option'); option.value = name; option.textContent = name; select.appendChild(option);
+    });
+    select.value = mode;
+    select.addEventListener('change', function () { setMode(select.value); });
+    label.appendChild(icon); label.appendChild(select); host.appendChild(label);
+    return select;
+  }
+  global.BluUITheme = { version: '1.0.0', setMode: setMode, getMode: state, mountSelector: mountSelector };
+  mode = readMode();
+  if (media.addEventListener) media.addEventListener('change', function () { if (mode === 'System') apply(); });
+  else media.addListener(function () { if (mode === 'System') apply(); });
+  global.addEventListener('storage', function (event) { if (event.key === storageKey || event.key === null) { mode = readMode(); apply(); } });
+  apply();
+})(window);

package/src/theme.ts

@@ -0,0 +1,32 @@
+import "./theme-runtime.js";
+export type Appearance = "Light" | "Dark" | "System";
+export interface AppearanceState {
+  Mode: Appearance;
+  EffectiveMode: "Light" | "Dark";
+}
+function theme() {
+  if (typeof window === "undefined")
+    throw new Error("Set appearance in the browser.");
+  return (
+    window as unknown as {
+      BluUITheme: {
+        getMode(): AppearanceState;
+        setMode(mode: Appearance, persist?: boolean): AppearanceState;
+        mountSelector(host: HTMLElement): HTMLSelectElement | null;
+      };
+    }
+  ).BluUITheme;
+}
+export function setAppearance(
+  mode: Appearance,
+  persist = true,
+): AppearanceState {
+  return theme().setMode(mode, persist);
+}
+export function getAppearance(): AppearanceState {
+  return theme().getMode();
+}
+/** Mount the shared, state-synchronized Light / Dark / System control. */
+export function mountAppearanceSelector(host: HTMLElement): HTMLSelectElement | null {
+  return theme().mountSelector(host);
+}

package/src/time-picker.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/time-picker.js';
+export type * from './types.js';

package/src/timeline.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/timeline.js';
+export type * from './types.js';

package/src/tour.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/tour.js';
+export type * from './types.js';

package/src/transfer-list.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/transfer-list.js';
+export type * from './types.js';

package/src/tree-select.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/tree-select.js';
+export type * from './types.js';

package/src/tree-view.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/tree-view.js';
+export type * from './types.js';