@fangxinyan/lumina 0.6.18 → 0.7.0

package/dist/{Alert-HVPI6L4V.css → Alert-DJ3K7N7L.css}

@@ -5,8 +5,8 @@
   align-items: flex-start;
   padding: 14px 16px;
   border-radius: var(--r-md);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-inset);
+  background: var(--lmn-alert-bg, var(--bg));
+  box-shadow: var(--lmn-alert-neu-shadow-inset, var(--neu-shadow-inset));
   position: relative;
 }
 .alert-ico {
@@ -22,13 +22,13 @@
   height: 16px;
   object-fit: contain;
 }
-.alert.info    .alert-ico { color: var(--info); }
-.alert.success .alert-ico { color: var(--success); }
-.alert.warning .alert-ico { color: var(--warning); }
-.alert.danger  .alert-ico { color: var(--danger); }
+.alert.info    .alert-ico { color: var(--lmn-alert-info, var(--info)); }
+.alert.success .alert-ico { color: var(--lmn-alert-success, var(--success)); }
+.alert.warning .alert-ico { color: var(--lmn-alert-warning, var(--warning)); }
+.alert.danger  .alert-ico { color: var(--lmn-alert-danger, var(--danger)); }
 .alert-body  { flex: 1; min-width: 0; }
 .alert-title { font-size: 13px; font-weight: 600; margin-bottom: 3px; line-height: 1.4; }
-.alert-desc  { font-size: 12px; color: var(--fg-muted); line-height: 1.55; }
+.alert-desc  { font-size: 12px; color: var(--lmn-alert-fg-muted, var(--fg-muted)); line-height: 1.55; }
 .alert.no-title { align-items: center; }
 .alert.no-title .alert-ico { margin-top: 0; }
 .alert.no-icon { gap: 0; }
@@ -46,8 +46,8 @@
   position: absolute; top: 10px; right: 10px;
   width: 22px; height: 22px; border-radius: 7px;
   display: grid; place-items: center;
-  color: var(--fg-subtle);
+  color: var(--lmn-alert-fg-subtle, var(--fg-subtle));
   cursor: pointer;
   border: none; background: transparent;
 }
-.alert-close:hover { color: var(--fg); background: var(--bg); box-shadow: var(--neu-shadow-subtle); }
+.alert-close:hover { color: var(--lmn-alert-fg, var(--fg)); background: var(--lmn-alert-bg, var(--bg)); box-shadow: var(--lmn-alert-neu-shadow-subtle, var(--neu-shadow-subtle)); }

package/dist/Alert.cjs

@@ -1,11 +1,13 @@
 'use strict';
 
-var chunkLEMMFFEY_cjs = require('./chunk-LEMMFFEY.cjs');
-require('./chunk-QMX67CVT.cjs');
+var chunkZEYK37VW_cjs = require('./chunk-ZEYK37VW.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunkLEMMFFEY_cjs.Alert; }
+  get: function () { return chunkZEYK37VW_cjs.Alert; }
 });

package/dist/Alert.d.cts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { IconSlot } from './Icon.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 import 'react/jsx-runtime';
 
 type AlertTone = "info" | "success" | "warning" | "danger";
-interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children"> {
+interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children">, ComponentThemeProps {
     tone?: AlertTone;
     title?: React.ReactNode;
     children?: React.ReactNode;
@@ -16,7 +17,6 @@ interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"
     action?: React.ReactNode;
     className?: string;
 }
-/** `Alert` — inline contextual message. */
 declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Alert, type AlertProps, type AlertTone };

package/dist/Alert.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { IconSlot } from './Icon.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 import 'react/jsx-runtime';
 
 type AlertTone = "info" | "success" | "warning" | "danger";
-interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children"> {
+interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children">, ComponentThemeProps {
     tone?: AlertTone;
     title?: React.ReactNode;
     children?: React.ReactNode;
@@ -16,7 +17,6 @@ interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"
     action?: React.ReactNode;
     className?: string;
 }
-/** `Alert` — inline contextual message. */
 declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Alert, type AlertProps, type AlertTone };

package/dist/Alert.js

@@ -1,2 +1,4 @@
-export { Alert } from './chunk-A6O25EP2.js';
-import './chunk-FDZG27IG.js';
+export { Alert } from './chunk-2HIN5NFM.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/{AppShell-FZCD4C56.css → AppShell-OWJRJ4ZD.css}

@@ -5,15 +5,16 @@
   gap: var(--gap-3);
   padding: 0 var(--gap-3);
   height: 40px;
-  background: var(--bg);
+  background: var(--lmn-app-shell-bg, var(--bg));
   -webkit-app-region: drag;
   user-select: none;
-  border-bottom: 1px solid var(--divider);
+  border-bottom: 1px solid var(--lmn-app-shell-divider, var(--divider));
   position: relative;
   z-index: 5;
   overflow: visible;
 }
 .titlebar.windows { padding-right: 0; }
+.titlebar.no-drag { -webkit-app-region: no-drag; }
 .titlebar-title {
   display: inline-flex;
   align-items: center;
@@ -42,8 +43,8 @@
   width: 13px; height: 13px;
   border: none; padding: 0;
   border-radius: 999px;
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-subtle);
+  background: var(--lmn-app-shell-bg, var(--bg));
+  box-shadow: var(--lmn-app-shell-neu-shadow-subtle, var(--neu-shadow-subtle));
   position: relative;
   cursor: pointer;
   transition: transform var(--dur-fast) var(--ease);
@@ -52,13 +53,18 @@
   content: "";
   position: absolute; inset: 2px;
   border-radius: 999px;
-  background: var(--dot, var(--fg-subtle));
+  background: var(--dot, var(--lmn-app-shell-fg-subtle, var(--fg-subtle)));
   opacity: 0.85;
 }
 .win-controls.mac .win-btn.close    { --dot: #ff5f57; }
 .win-controls.mac .win-btn.minimize { --dot: #febc2e; }
 .win-controls.mac .win-btn.maximize { --dot: #28c840; }
 .win-controls.mac .win-btn:hover { transform: scale(1.08); }
+.win-controls .win-btn:disabled {
+  opacity: 0.45;
+  cursor: default;
+  pointer-events: none;
+}
 
 /* Windows controls */
 .win-controls.windows {
@@ -74,7 +80,7 @@
   padding: 0;
   border-radius: 8px;
   background: transparent;
-  color: var(--fg-muted);
+  color: var(--lmn-app-shell-fg-muted, var(--fg-muted));
   display: inline-grid;
   place-items: center;
   cursor: pointer;
@@ -84,11 +90,11 @@
   overflow: visible;
 }
 .win-controls.windows .win-btn svg { display: block; flex-shrink: 0; }
-.win-controls.windows .win-btn:hover { background: var(--bg); box-shadow: var(--neu-shadow-inset); color: var(--fg); }
+.win-controls.windows .win-btn:hover { background: var(--lmn-app-shell-bg, var(--bg)); box-shadow: var(--lmn-app-shell-neu-shadow-inset, var(--neu-shadow-inset)); color: var(--lmn-app-shell-fg, var(--fg)); }
 .win-controls.windows .win-btn.close:hover {
-  background: var(--danger);
+  background: var(--lmn-app-shell-danger, var(--danger));
   color: white;
-  box-shadow: 2px 2px 4px color-mix(in oklch, var(--danger) 30%, var(--shadow-dark));
+  box-shadow: 2px 2px 4px color-mix(in oklch, var(--lmn-app-shell-danger, var(--danger)) 30%, var(--lmn-app-shell-shadow-dark, var(--shadow-dark)));
 }
 
 /* ============ Sidebar ============ */
@@ -97,23 +103,24 @@
   flex-direction: column;
   width: 220px;
   padding: 12px;
-  background: var(--bg);
-  border-right: 1px solid var(--divider);
+  background: var(--lmn-app-shell-bg, var(--bg));
+  border-right: 1px solid var(--lmn-app-shell-divider, var(--divider));
   flex-shrink: 0;
   overflow-y: auto;
   gap: 4px;
 }
 .sidebar.collapsed { width: 64px; }
-.sidebar-header { padding: 4px 8px 12px; border-bottom: 1px solid var(--divider); margin-bottom: 8px; }
-.sidebar-footer { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--divider); }
+.sidebar-header { padding: 4px 8px 12px; border-bottom: 1px solid var(--lmn-app-shell-divider, var(--divider)); margin-bottom: 8px; }
+.sidebar-footer { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--lmn-app-shell-divider, var(--divider)); }
 .sidebar-nav { display: flex; flex-direction: column; gap: 2px; }
+.sidebar-children { display: flex; flex-direction: column; gap: 2px; }
 .sidebar-item {
   display: flex; align-items: center; gap: 10px;
-  padding: 10px 12px;
+  padding: 10px 12px 10px calc(12px + var(--sidebar-indent, 0px));
   border: none;
   border-radius: var(--r-sm);
   background: transparent;
-  color: var(--fg-muted);
+  color: var(--lmn-app-shell-fg-muted, var(--fg-muted));
   font-size: 13px;
   font-family: inherit;
   text-align: left;
@@ -121,11 +128,11 @@
   width: 100%;
   transition: all var(--dur-fast) var(--ease);
 }
-.sidebar-item:hover { color: var(--fg); background: var(--bg); box-shadow: var(--neu-shadow-subtle); }
+.sidebar-item:hover { color: var(--lmn-app-shell-fg, var(--fg)); background: var(--lmn-app-shell-bg, var(--bg)); box-shadow: var(--lmn-app-shell-neu-shadow-subtle, var(--neu-shadow-subtle)); }
 .sidebar-item.active {
-  color: var(--accent-ink);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-inset);
+  color: var(--lmn-app-shell-accent-ink, var(--accent-ink));
+  background: var(--lmn-app-shell-bg, var(--bg));
+  box-shadow: var(--lmn-app-shell-neu-shadow-inset, var(--neu-shadow-inset));
   font-weight: 500;
 }
 .sidebar-icon { display: inline-flex; flex-shrink: 0; }
@@ -134,10 +141,20 @@
   font-size: 11px;
   padding: 1px 7px;
   border-radius: 999px;
-  background: var(--accent);
+  background: var(--lmn-app-shell-accent, var(--accent));
   color: white;
   font-weight: 600;
 }
+.sidebar-expand {
+  display: inline-flex;
+  flex-shrink: 0;
+  color: var(--lmn-app-shell-fg-subtle, var(--fg-subtle));
+  transition: transform var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
+}
+.sidebar-expand.open {
+  color: var(--lmn-app-shell-accent, var(--accent));
+  transform: rotate(180deg);
+}
 
 /* ============ AppShell ============ */
 .app-shell {
@@ -145,8 +162,9 @@
   flex-direction: column;
   width: 100%;
   height: 100vh;
-  background: var(--bg);
-  color: var(--fg);
+  height: 100dvh;
+  background: var(--lmn-app-shell-bg, var(--bg));
+  color: var(--lmn-app-shell-fg, var(--fg));
   overflow: hidden;
   position: relative;
 }
@@ -160,3 +178,20 @@
   min-width: 0;
   overflow: auto;
 }
+
+@media (max-width: 720px) {
+  .titlebar-center {
+    position: static;
+    flex: 1;
+    min-width: 0;
+    justify-content: center;
+    overflow: hidden;
+    transform: none;
+  }
+  .titlebar-title,
+  .titlebar-center,
+  .titlebar-actions {
+    max-width: 34%;
+  }
+  .sidebar:not(.collapsed) { width: 180px; }
+}

package/dist/AppShell.cjs

@@ -1,22 +1,25 @@
 'use strict';
 
-var chunkIOUAZYK2_cjs = require('./chunk-IOUAZYK2.cjs');
+var chunkFKCPSVC4_cjs = require('./chunk-FKCPSVC4.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "AppShell", {
   enumerable: true,
-  get: function () { return chunkIOUAZYK2_cjs.AppShell; }
+  get: function () { return chunkFKCPSVC4_cjs.AppShell; }
 });
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
-  get: function () { return chunkIOUAZYK2_cjs.Sidebar; }
+  get: function () { return chunkFKCPSVC4_cjs.Sidebar; }
 });
 Object.defineProperty(exports, "TitleBar", {
   enumerable: true,
-  get: function () { return chunkIOUAZYK2_cjs.TitleBar; }
+  get: function () { return chunkFKCPSVC4_cjs.TitleBar; }
 });
 Object.defineProperty(exports, "WindowControls", {
   enumerable: true,
-  get: function () { return chunkIOUAZYK2_cjs.WindowControls; }
+  get: function () { return chunkFKCPSVC4_cjs.WindowControls; }
 });

package/dist/AppShell.d.cts

@@ -1,25 +1,26 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
-interface WindowControlsProps extends React.HTMLAttributes<HTMLDivElement> {
+interface WindowControlsProps extends React.HTMLAttributes<HTMLDivElement>, ComponentThemeProps {
     /** macOS traffic lights or Windows-style buttons. */
     platform?: "mac" | "windows";
     onMinimize?: () => void;
     onMaximize?: () => void;
     onClose?: () => void;
+    /** 当前是否已经最大化；用于切换还原图标和可访问名称。 */
+    maximized?: boolean;
     className?: string;
 }
-/**
- * `WindowControls` — standalone window control buttons.
- * Mac: traffic lights (close/min/max). Windows: rectangular controls.
- */
 declare const WindowControls: React.ForwardRefExoticComponent<WindowControlsProps & React.RefAttributes<HTMLDivElement>>;
-interface TitleBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+interface TitleBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, ComponentThemeProps {
     title?: React.ReactNode;
     /** Platform appearance — affects button placement. Default "mac". */
     platform?: "mac" | "windows";
     onMinimize?: () => void;
     onMaximize?: () => void;
     onClose?: () => void;
+    /** 当前是否已最大化。 */
+    maximized?: boolean;
     /** Extra content in the center. */
     center?: React.ReactNode;
     /** Extra content on the trailing side. */
@@ -28,41 +29,43 @@ interface TitleBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "titl
     draggable?: boolean;
     className?: string;
 }
-/**
- * `TitleBar` — Electron-style window chrome. Attach at the top of your app.
- * Buttons are non-draggable regions so clicks register correctly.
- */
 declare const TitleBar: React.ForwardRefExoticComponent<TitleBarProps & React.RefAttributes<HTMLDivElement>>;
 interface SidebarItem {
     key: string;
     label: React.ReactNode;
+    /** 折叠侧栏与复杂标签使用的可访问名称。 */
+    ariaLabel?: string;
     icon?: React.ReactNode;
     badge?: React.ReactNode;
     children?: SidebarItem[];
 }
-interface SidebarProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect" | "children"> {
+interface SidebarProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect" | "children">, ComponentThemeProps {
     items: SidebarItem[];
     activeKey?: string;
     onSelect?: (key: string) => void;
+    /** 受控展开的分组键。 */
+    expandedKeys?: string[];
+    /** 非受控模式下的初始展开分组；省略时为兼容旧行为而默认全部展开。 */
+    defaultExpandedKeys?: string[];
+    /** 分组展开状态变化时触发。 */
+    onExpandedKeysChange?: (keys: string[]) => void;
     /** Collapsed: icons only. */
     collapsed?: boolean;
     /** Header slot (e.g. workspace switcher). */
     header?: React.ReactNode;
     /** Footer slot (e.g. user card). */
     footer?: React.ReactNode;
+    /** 导航区域的可访问名称。 */
+    navigationLabel?: string;
     className?: string;
 }
-/** `Sidebar` — navigation rail. Pair with `AppShell`. */
 declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>>;
-interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
+interface AppShellProps extends React.HTMLAttributes<HTMLDivElement>, ComponentThemeProps {
     sidebar?: React.ReactNode;
     titleBar?: React.ReactNode;
     children?: React.ReactNode;
     className?: string;
 }
-/**
- * `AppShell` — 3-zone Electron layout: title bar across top, sidebar on left, content fills rest.
- */
 declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
 
 export { AppShell, type AppShellProps, Sidebar, type SidebarItem, type SidebarProps, TitleBar, type TitleBarProps, WindowControls, type WindowControlsProps };

package/dist/AppShell.d.ts

@@ -1,25 +1,26 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
-interface WindowControlsProps extends React.HTMLAttributes<HTMLDivElement> {
+interface WindowControlsProps extends React.HTMLAttributes<HTMLDivElement>, ComponentThemeProps {
     /** macOS traffic lights or Windows-style buttons. */
     platform?: "mac" | "windows";
     onMinimize?: () => void;
     onMaximize?: () => void;
     onClose?: () => void;
+    /** 当前是否已经最大化；用于切换还原图标和可访问名称。 */
+    maximized?: boolean;
     className?: string;
 }
-/**
- * `WindowControls` — standalone window control buttons.
- * Mac: traffic lights (close/min/max). Windows: rectangular controls.
- */
 declare const WindowControls: React.ForwardRefExoticComponent<WindowControlsProps & React.RefAttributes<HTMLDivElement>>;
-interface TitleBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+interface TitleBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, ComponentThemeProps {
     title?: React.ReactNode;
     /** Platform appearance — affects button placement. Default "mac". */
     platform?: "mac" | "windows";
     onMinimize?: () => void;
     onMaximize?: () => void;
     onClose?: () => void;
+    /** 当前是否已最大化。 */
+    maximized?: boolean;
     /** Extra content in the center. */
     center?: React.ReactNode;
     /** Extra content on the trailing side. */
@@ -28,41 +29,43 @@ interface TitleBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "titl
     draggable?: boolean;
     className?: string;
 }
-/**
- * `TitleBar` — Electron-style window chrome. Attach at the top of your app.
- * Buttons are non-draggable regions so clicks register correctly.
- */
 declare const TitleBar: React.ForwardRefExoticComponent<TitleBarProps & React.RefAttributes<HTMLDivElement>>;
 interface SidebarItem {
     key: string;
     label: React.ReactNode;
+    /** 折叠侧栏与复杂标签使用的可访问名称。 */
+    ariaLabel?: string;
     icon?: React.ReactNode;
     badge?: React.ReactNode;
     children?: SidebarItem[];
 }
-interface SidebarProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect" | "children"> {
+interface SidebarProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect" | "children">, ComponentThemeProps {
     items: SidebarItem[];
     activeKey?: string;
     onSelect?: (key: string) => void;
+    /** 受控展开的分组键。 */
+    expandedKeys?: string[];
+    /** 非受控模式下的初始展开分组；省略时为兼容旧行为而默认全部展开。 */
+    defaultExpandedKeys?: string[];
+    /** 分组展开状态变化时触发。 */
+    onExpandedKeysChange?: (keys: string[]) => void;
     /** Collapsed: icons only. */
     collapsed?: boolean;
     /** Header slot (e.g. workspace switcher). */
     header?: React.ReactNode;
     /** Footer slot (e.g. user card). */
     footer?: React.ReactNode;
+    /** 导航区域的可访问名称。 */
+    navigationLabel?: string;
     className?: string;
 }
-/** `Sidebar` — navigation rail. Pair with `AppShell`. */
 declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>>;
-interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
+interface AppShellProps extends React.HTMLAttributes<HTMLDivElement>, ComponentThemeProps {
     sidebar?: React.ReactNode;
     titleBar?: React.ReactNode;
     children?: React.ReactNode;
     className?: string;
 }
-/**
- * `AppShell` — 3-zone Electron layout: title bar across top, sidebar on left, content fills rest.
- */
 declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
 
 export { AppShell, type AppShellProps, Sidebar, type SidebarItem, type SidebarProps, TitleBar, type TitleBarProps, WindowControls, type WindowControlsProps };

package/dist/AppShell.js

@@ -1 +1,4 @@
-export { AppShell, Sidebar, TitleBar, WindowControls } from './chunk-XCXUGHDF.js';
+export { AppShell, Sidebar, TitleBar, WindowControls } from './chunk-I4YPBAQ5.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/{AutoComplete-4YZBMW4E.css → AutoComplete-PNCYHU2T.css}

@@ -7,9 +7,9 @@
 
 .autocomplete-panel {
   z-index: 1500;
-  background: var(--bg);
+  background: var(--lmn-auto-complete-bg, var(--bg));
   border-radius: var(--r-md);
-  box-shadow: var(--neu-shadow-float);
+  box-shadow: var(--lmn-auto-complete-neu-shadow-float, var(--neu-shadow-float));
   padding: 6px;
   max-height: 280px;
   overflow-y: auto;
@@ -27,7 +27,7 @@
   border: none;
   background: transparent;
   box-shadow: none;
-  color: var(--fg);
+  color: var(--lmn-auto-complete-fg, var(--fg));
   font: inherit;
   font-size: 13px;
   text-align: left;
@@ -37,18 +37,18 @@
     box-shadow var(--dur-fast) var(--ease);
 }
 .autocomplete-item:disabled {
-  color: var(--fg-subtle);
+  color: var(--lmn-auto-complete-fg-subtle, var(--fg-subtle));
   cursor: not-allowed;
 }
 .autocomplete-item.active:not(:disabled) {
-  background: var(--bg);
-  color: var(--accent-ink);
-  box-shadow: var(--neu-shadow-inset);
+  background: var(--lmn-auto-complete-bg, var(--bg));
+  color: var(--lmn-auto-complete-accent-ink, var(--accent-ink));
+  box-shadow: var(--lmn-auto-complete-neu-shadow-inset, var(--neu-shadow-inset));
 }
 
 .autocomplete-empty {
   padding: 16px 12px;
   text-align: center;
-  color: var(--fg-subtle);
+  color: var(--lmn-auto-complete-fg-subtle, var(--fg-subtle));
   font-size: 13px;
 }

package/dist/AutoComplete.cjs

@@ -1,14 +1,17 @@
 'use strict';
 
-var chunk7IO3EOHN_cjs = require('./chunk-7IO3EOHN.cjs');
-require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-VS3I5OKA.cjs');
-require('./chunk-RZEFKXL3.cjs');
-require('./chunk-QMX67CVT.cjs');
+var chunkRMGFRAZ2_cjs = require('./chunk-RMGFRAZ2.cjs');
+require('./chunk-FJB3243S.cjs');
+require('./chunk-STQDKMS5.cjs');
+require('./chunk-HYHBCHFM.cjs');
+require('./chunk-HSDMJUB6.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "AutoComplete", {
   enumerable: true,
-  get: function () { return chunk7IO3EOHN_cjs.AutoComplete; }
+  get: function () { return chunkRMGFRAZ2_cjs.AutoComplete; }
 });

package/dist/AutoComplete.d.cts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 interface AutoCompleteOption {
     value: string;
@@ -6,7 +7,7 @@ interface AutoCompleteOption {
     label?: React.ReactNode;
     disabled?: boolean;
 }
-interface AutoCompleteProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "onSelect" | "size"> {
+interface AutoCompleteProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "onSelect" | "size">, ComponentThemeProps {
     value?: string;
     defaultValue?: string;
     onChange?: (value: string, option?: AutoCompleteOption) => void;

package/dist/AutoComplete.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
 interface AutoCompleteOption {
     value: string;
@@ -6,7 +7,7 @@ interface AutoCompleteOption {
     label?: React.ReactNode;
     disabled?: boolean;
 }
-interface AutoCompleteProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "onSelect" | "size"> {
+interface AutoCompleteProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "onSelect" | "size">, ComponentThemeProps {
     value?: string;
     defaultValue?: string;
     onChange?: (value: string, option?: AutoCompleteOption) => void;

package/dist/AutoComplete.js

@@ -1,5 +1,8 @@
-export { AutoComplete } from './chunk-CFZVWY5N.js';
-import './chunk-DUFRASGO.js';
-import './chunk-IOAOG5L7.js';
-import './chunk-S7IHWY24.js';
-import './chunk-FDZG27IG.js';
+export { AutoComplete } from './chunk-AUO2YYHB.js';
+import './chunk-3QXP2ZNP.js';
+import './chunk-UE4HFGJ6.js';
+import './chunk-3F424R5P.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/Avatar-YBU2YZTW.css

@@ -0,0 +1,48 @@
+/* ============ Avatar ============ */
+.avatar {
+  --size: 40px;
+  width: var(--size); height: var(--size);
+  border-radius: 999px;
+  background: var(--lmn-avatar-bg, var(--bg));
+  box-shadow: var(--lmn-avatar-neu-shadow-control, var(--neu-shadow-control));
+  display: grid; place-items: center;
+  overflow: hidden;
+  color: var(--lmn-avatar-accent-ink, var(--accent-ink));
+  font-weight: 600;
+  font-size: calc(var(--size) / 2.6);
+  position: relative;
+  flex-shrink: 0;
+}
+.avatar.sm { --size: 28px; }
+.avatar.lg { --size: 56px; }
+.avatar.xl { --size: 80px; }
+.avatar.square { border-radius: var(--r-md); }
+.avatar.square.sm { border-radius: var(--r-sm); }
+.avatar.square.lg,
+.avatar.square.xl { border-radius: var(--r-lg); }
+.avatar img { width: 100%; height: 100%; object-fit: cover; }
+.avatar-status {
+  position: absolute;
+  bottom: 0; right: 0;
+  width: 25%; height: 25%;
+  min-width: 8px; min-height: 8px;
+  border-radius: 999px;
+  background: var(--lmn-avatar-success, var(--success));
+  box-shadow: 0 0 0 2px var(--lmn-avatar-bg, var(--bg));
+}
+.avatar-status.online  { background: var(--lmn-avatar-success, var(--success)); }
+.avatar-status.busy    { background: var(--lmn-avatar-danger, var(--danger)); }
+.avatar-status.away    { background: var(--lmn-avatar-warning, var(--warning)); }
+.avatar-status.offline { background: var(--lmn-avatar-fg-subtle, var(--fg-subtle)); }
+.avatar-status-label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+}
+
+.avatar-group { display: inline-flex; }
+.avatar-group .avatar { border: 3px solid var(--lmn-avatar-bg, var(--bg)); box-sizing: content-box; }
+.avatar-group .avatar + .avatar { margin-left: -12px; }