entangle-ui 0.6.3 → 0.8.0

package/dist/esm/utils/platform.js

@@ -0,0 +1,91 @@
+/**
+ * Detect the current platform from navigator. Falls back to 'windows' in SSR.
+ */
+function getPlatform() {
+    if (typeof navigator === 'undefined')
+        return 'windows';
+    const ua = navigator.userAgent.toLowerCase();
+    if (/mac|iphone|ipad|ipod/.test(ua))
+        return 'mac';
+    if (/linux/.test(ua))
+        return 'linux';
+    return 'windows';
+}
+const MAC_GLYPHS = {
+    cmd: '⌘',
+    meta: '⌘',
+    ctrl: '⌃',
+    alt: '⌥',
+    option: '⌥',
+    shift: '⇧',
+    enter: '↩',
+    return: '↩',
+    tab: '⇥',
+    esc: '⎋',
+    escape: '⎋',
+    space: '␣',
+    backspace: '⌫',
+    delete: '⌦',
+    up: '↑',
+    down: '↓',
+    left: '←',
+    right: '→',
+    plus: '+',
+    minus: '-',
+    comma: ',',
+    period: '.',
+    slash: '/',
+};
+const COMMON_KEYS = {
+    ctrl: 'Ctrl',
+    alt: 'Alt',
+    option: 'Alt',
+    shift: 'Shift',
+    enter: 'Enter',
+    return: 'Enter',
+    tab: 'Tab',
+    esc: 'Esc',
+    escape: 'Esc',
+    space: 'Space',
+    backspace: 'Backspace',
+    delete: 'Delete',
+    up: '↑',
+    down: '↓',
+    left: '←',
+    right: '→',
+    plus: '+',
+    minus: '-',
+    comma: ',',
+    period: '.',
+    slash: '/',
+};
+function normalizeSingleCharacter(key) {
+    return key.length === 1 ? key.toUpperCase() : key;
+}
+/**
+ * Map a logical key name to its display representation for the given platform.
+ */
+function getKeyGlyph(key, platform) {
+    const normalizedKey = key.trim();
+    const lookupKey = normalizedKey.toLowerCase();
+    if (platform === 'mac') {
+        return MAC_GLYPHS[lookupKey] ?? normalizeSingleCharacter(normalizedKey);
+    }
+    if (lookupKey === 'cmd')
+        return 'Ctrl';
+    if (lookupKey === 'meta')
+        return platform === 'windows' ? 'Win' : 'Super';
+    return COMMON_KEYS[lookupKey] ?? normalizeSingleCharacter(normalizedKey);
+}
+/**
+ * Parse a shortcut string into individual keys.
+ */
+function parseShortcut(shortcut) {
+    return shortcut
+        .split('+')
+        .map(key => key.trim())
+        .filter(Boolean);
+}
+
+export { getKeyGlyph, getPlatform, parseShortcut };
+//# sourceMappingURL=platform.js.map

package/dist/esm/utils/platform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform.js","sources":["../../../../src/utils/platform.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/tokens/tokens.dark.css

@@ -0,0 +1,98 @@
+/* Entangle UI dark theme — token export (v0.8.0) */
+/* Generated by scripts/export-tokens.ts — do not edit by hand. */
+:root {
+  --etui-color-accent-error: #f44336;
+  --etui-color-accent-primary: #007acc;
+  --etui-color-accent-secondary: #005a9e;
+  --etui-color-accent-success: #4caf50;
+  --etui-color-accent-warning: #ff9800;
+  --etui-color-backdrop: rgba(0, 0, 0, 0.6);
+  --etui-color-bg-elevated: #404040;
+  --etui-color-bg-inset: rgba(0, 0, 0, 0.2);
+  --etui-color-bg-primary: #1a1a1a;
+  --etui-color-bg-secondary: #2d2d2d;
+  --etui-color-bg-tertiary: #3a3a3a;
+  --etui-color-border-default: #4a4a4a;
+  --etui-color-border-error: #f44336;
+  --etui-color-border-focus: #007acc;
+  --etui-color-border-success: #4caf50;
+  --etui-color-surface-active: #404040;
+  --etui-color-surface-default: #2d2d2d;
+  --etui-color-surface-disabled: #1f1f1f;
+  --etui-color-surface-hover: #363636;
+  --etui-color-surface-row-hover: rgba(255, 255, 255, 0.03);
+  --etui-color-surface-row: transparent;
+  --etui-color-surface-white-overlay: rgba(255, 255, 255, 0.1);
+  --etui-color-text-disabled: #555555;
+  --etui-color-text-muted: #888888;
+  --etui-color-text-primary: #ffffff;
+  --etui-color-text-secondary: #cccccc;
+  --etui-font-family-mono: SF Mono, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --etui-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --etui-font-size-lg: 14px;
+  --etui-font-size-md: 12px;
+  --etui-font-size-sm: 11px;
+  --etui-font-size-xl: 16px;
+  --etui-font-size-xs: 10px;
+  --etui-font-size-xxs: 9px;
+  --etui-font-weight-medium: 500;
+  --etui-font-weight-normal: 400;
+  --etui-font-weight-semibold: 600;
+  --etui-line-height-normal: 1.4;
+  --etui-line-height-relaxed: 1.6;
+  --etui-line-height-tight: 1.2;
+  --etui-radius-lg: 6px;
+  --etui-radius-md: 4px;
+  --etui-radius-none: 0px;
+  --etui-radius-sm: 2px;
+  --etui-shadow-focus: 0 0 0 2px rgba(0, 122, 204, 0.4);
+  --etui-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.4);
+  --etui-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.3);
+  --etui-shadow-separator-bottom: 0 1px 2px rgba(0, 0, 0, 0.18);
+  --etui-shadow-separator-left: -1px 0 2px rgba(0, 0, 0, 0.18);
+  --etui-shadow-separator-right: 1px 0 2px rgba(0, 0, 0, 0.18);
+  --etui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
+  --etui-shadow-thumb: 0 0 2px rgba(0, 0, 0, 0.5);
+  --etui-shadow-xl: 0 8px 16px rgba(0, 0, 0, 0.5);
+  --etui-shell-dock-border-bar-bg: #2d2d2d;
+  --etui-shell-dock-border-bar-size: 28px;
+  --etui-shell-dock-drop-overlay: rgba(0, 122, 204, 0.2);
+  --etui-shell-dock-splitter-color: #4a4a4a;
+  --etui-shell-dock-splitter-hover-color: #007acc;
+  --etui-shell-dock-splitter-size: 4px;
+  --etui-shell-dock-tab-active-bg: #1a1a1a;
+  --etui-shell-dock-tab-active-text: #ffffff;
+  --etui-shell-dock-tab-bg: #2d2d2d;
+  --etui-shell-dock-tab-height: 28px;
+  --etui-shell-dock-tab-hover-bg: #363636;
+  --etui-shell-dock-tab-text: #cccccc;
+  --etui-shell-menubar-active-bg: #005a9e;
+  --etui-shell-menubar-bg: #2d2d2d;
+  --etui-shell-menubar-height: 28px;
+  --etui-shell-menubar-hover-bg: #363636;
+  --etui-shell-menubar-shortcut-text: #888888;
+  --etui-shell-menubar-text: #ffffff;
+  --etui-shell-statusbar-bg: #007acc;
+  --etui-shell-statusbar-height-md: 26px;
+  --etui-shell-statusbar-height: 22px;
+  --etui-shell-statusbar-text: #ffffff;
+  --etui-shell-toolbar-bg: #2d2d2d;
+  --etui-shell-toolbar-height-md: 40px;
+  --etui-shell-toolbar-height-sm: 32px;
+  --etui-shell-toolbar-separator: #4a4a4a;
+  --etui-spacing-lg: 12px;
+  --etui-spacing-md: 8px;
+  --etui-spacing-sm: 4px;
+  --etui-spacing-xl: 16px;
+  --etui-spacing-xs: 2px;
+  --etui-spacing-xxl: 24px;
+  --etui-spacing-xxxl: 32px;
+  --etui-transition-fast: 100ms ease-out;
+  --etui-transition-normal: 200ms ease-out;
+  --etui-transition-slow: 300ms ease-out;
+  --etui-z-base: 1;
+  --etui-z-dropdown: 1000;
+  --etui-z-modal: 1100;
+  --etui-z-popover: 1000;
+  --etui-z-tooltip: 1000;
+}