@fangxinyan/lumina 0.2.1 → 0.3.0

package/dist/Splitter.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+
+type SplitterDirection = "horizontal" | "vertical";
+interface SplitterProps {
+    /**
+     * Layout direction.
+     * - `"horizontal"` (default) — children placed left/right, handle is a vertical bar.
+     * - `"vertical"` — children placed top/bottom, handle is a horizontal bar.
+     */
+    direction?: SplitterDirection;
+    /** Uncontrolled initial size (px) of the first panel. */
+    defaultSize?: number;
+    /** Controlled size (px) of the first panel. */
+    size?: number;
+    /** Fires while the user drags. */
+    onResize?: (size: number) => void;
+    /** Fires once when the drag ends. */
+    onResizeEnd?: (size: number) => void;
+    /** Minimum size (px) of the first panel. Default 80. */
+    min?: number;
+    /** Maximum size (px) of the first panel. Default Infinity. */
+    max?: number;
+    /** Keyboard step in px. Default 16. */
+    step?: number;
+    /** Exactly two children: the two panels. */
+    children: [React.ReactNode, React.ReactNode];
+    className?: string;
+    /** Extra className on the drag handle. */
+    handleClassName?: string;
+}
+/**
+ * `Splitter` — draggable split between two panels. Keyboard-accessible.
+ *
+ * @example
+ * ```tsx
+ * <Splitter defaultSize={240} min={160} max={400}>
+ *   <Sidebar ... />
+ *   <main>...</main>
+ * </Splitter>
+ * ```
+ */
+declare const Splitter: React.FC<SplitterProps>;
+
+export { Splitter, type SplitterDirection, type SplitterProps };

package/dist/Splitter.js

@@ -0,0 +1,3 @@
+export { Splitter } from './chunk-47Z4NIU4.js';
+//# sourceMappingURL=Splitter.js.map
+//# sourceMappingURL=Splitter.js.map

package/dist/Splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Splitter.js"}

package/dist/StatusBar-CDS2GPSI.css

@@ -0,0 +1,58 @@
+/* ============ StatusBar ============ */
+.statusbar {
+  display: flex;
+  align-items: center;
+  position: relative;
+  height: 26px;
+  padding: 0 10px;
+  background: var(--bg);
+  border-top: 1px solid var(--divider);
+  color: var(--fg-muted);
+  font-size: 11.5px;
+  user-select: none;
+  flex-shrink: 0;
+  gap: 8px;
+}
+.statusbar-section {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  min-width: 0;
+}
+.statusbar-section.left  { margin-right: auto; }
+.statusbar-section.right { margin-left: auto; }
+.statusbar-section.center {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.statusbar-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  height: 20px;
+  padding: 0 8px;
+  border: none;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  border-radius: var(--r-xs);
+  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
+  white-space: nowrap;
+}
+.statusbar-item.clickable { cursor: pointer; }
+.statusbar-item.clickable:hover { background: var(--bg-sunken); color: var(--fg); }
+
+.statusbar-item.tone-muted   { color: var(--fg-subtle); }
+.statusbar-item.tone-accent  { color: var(--accent-ink); }
+.statusbar-item.tone-success { color: oklch(52% 0.14 150); }
+.statusbar-item.tone-warning { color: oklch(58% 0.14 75); }
+.statusbar-item.tone-danger  { color: oklch(56% 0.18 25); }
+
+[data-theme="dark"] .statusbar-item.tone-success { color: oklch(78% 0.14 150); }
+[data-theme="dark"] .statusbar-item.tone-warning { color: oklch(82% 0.14 75); }
+[data-theme="dark"] .statusbar-item.tone-danger  { color: oklch(76% 0.16 25); }
+
+.statusbar-item-icon { display: inline-flex; flex-shrink: 0; }
+.statusbar-item-label { overflow: hidden; text-overflow: ellipsis; }

package/dist/StatusBar.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunk7YQWG7HR_cjs = require('./chunk-7YQWG7HR.cjs');
+
+
+
+Object.defineProperty(exports, "StatusBar", {
+  enumerable: true,
+  get: function () { return chunk7YQWG7HR_cjs.StatusBar; }
+});
+Object.defineProperty(exports, "StatusBarItem", {
+  enumerable: true,
+  get: function () { return chunk7YQWG7HR_cjs.StatusBarItem; }
+});
+//# sourceMappingURL=StatusBar.cjs.map
+//# sourceMappingURL=StatusBar.cjs.map

package/dist/StatusBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"StatusBar.cjs"}

package/dist/StatusBar.d.cts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+
+interface StatusBarItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Optional leading node (usually an `<Icon />`). */
+    icon?: React.ReactNode;
+    /** Visual tone — shifts color only. */
+    tone?: "default" | "muted" | "accent" | "success" | "warning" | "danger";
+    /** Makes the item clickable (also renders as `<button>` when `onClick` is set). */
+    onClick?: (e: React.MouseEvent<HTMLDivElement | HTMLButtonElement>) => void;
+    children?: React.ReactNode;
+}
+/** `StatusBar.Item` — one inline slot. Put icon + text inside. */
+declare const StatusBarItem: React.FC<StatusBarItemProps>;
+interface StatusBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Left-aligned slot. */
+    left?: React.ReactNode;
+    /** Center slot — absolutely positioned, stays centered regardless of side widths. */
+    center?: React.ReactNode;
+    /** Right-aligned slot. */
+    right?: React.ReactNode;
+    children?: React.ReactNode;
+}
+/**
+ * `StatusBar` — thin bottom bar for app state (branch, line/col, sync, etc.).
+ * Pair with `TitleBar` to bracket the window chrome.
+ *
+ * @example
+ * ```tsx
+ * <StatusBar
+ *   left={<StatusBar.Item icon={<Icon name="check" size={12} />} tone="success">Ready</StatusBar.Item>}
+ *   right={<StatusBar.Item tone="muted">UTF-8</StatusBar.Item>}
+ * />
+ * ```
+ */
+declare const StatusBar: React.FC<StatusBarProps> & {
+    Item: typeof StatusBarItem;
+};
+
+export { StatusBar, StatusBarItem, type StatusBarItemProps, type StatusBarProps };

package/dist/StatusBar.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+
+interface StatusBarItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Optional leading node (usually an `<Icon />`). */
+    icon?: React.ReactNode;
+    /** Visual tone — shifts color only. */
+    tone?: "default" | "muted" | "accent" | "success" | "warning" | "danger";
+    /** Makes the item clickable (also renders as `<button>` when `onClick` is set). */
+    onClick?: (e: React.MouseEvent<HTMLDivElement | HTMLButtonElement>) => void;
+    children?: React.ReactNode;
+}
+/** `StatusBar.Item` — one inline slot. Put icon + text inside. */
+declare const StatusBarItem: React.FC<StatusBarItemProps>;
+interface StatusBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Left-aligned slot. */
+    left?: React.ReactNode;
+    /** Center slot — absolutely positioned, stays centered regardless of side widths. */
+    center?: React.ReactNode;
+    /** Right-aligned slot. */
+    right?: React.ReactNode;
+    children?: React.ReactNode;
+}
+/**
+ * `StatusBar` — thin bottom bar for app state (branch, line/col, sync, etc.).
+ * Pair with `TitleBar` to bracket the window chrome.
+ *
+ * @example
+ * ```tsx
+ * <StatusBar
+ *   left={<StatusBar.Item icon={<Icon name="check" size={12} />} tone="success">Ready</StatusBar.Item>}
+ *   right={<StatusBar.Item tone="muted">UTF-8</StatusBar.Item>}
+ * />
+ * ```
+ */
+declare const StatusBar: React.FC<StatusBarProps> & {
+    Item: typeof StatusBarItem;
+};
+
+export { StatusBar, StatusBarItem, type StatusBarItemProps, type StatusBarProps };

package/dist/StatusBar.js

@@ -0,0 +1,3 @@
+export { StatusBar, StatusBarItem } from './chunk-OWNVDXRQ.js';
+//# sourceMappingURL=StatusBar.js.map
+//# sourceMappingURL=StatusBar.js.map

package/dist/StatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"StatusBar.js"}

package/dist/Switch.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkIDM6JJLP_cjs = require('./chunk-IDM6JJLP.cjs');
+var chunkYZ2I7CDF_cjs = require('./chunk-YZ2I7CDF.cjs');
 
 
 
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function () { return chunkIDM6JJLP_cjs.Switch; }
+  get: function () { return chunkYZ2I7CDF_cjs.Switch; }
 });
 //# sourceMappingURL=Switch.cjs.map
 //# sourceMappingURL=Switch.cjs.map

package/dist/Switch.js

@@ -1,3 +1,3 @@
-export { Switch } from './chunk-BBPNQ44M.js';
+export { Switch } from './chunk-6GNFRP2H.js';
 //# sourceMappingURL=Switch.js.map
 //# sourceMappingURL=Switch.js.map

package/dist/{Table-YKVM42SW.css → Table-2LPTOUIR.css}

@@ -191,7 +191,7 @@
   max-width: 260px;
   background: var(--bg);
   border-radius: var(--r-md);
-  box-shadow: var(--neu-out-lg);
+  box-shadow: var(--neu-float);
   padding: 10px;
   animation: menuIn var(--dur) var(--ease);
 }

package/dist/Table.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkSBMOIE5C_cjs = require('./chunk-SBMOIE5C.cjs');
-require('./chunk-K7PVJLW4.cjs');
-require('./chunk-EPFYIR63.cjs');
-require('./chunk-URF6RBW6.cjs');
-require('./chunk-C5TGQ7CV.cjs');
+var chunkWREHBIJ5_cjs = require('./chunk-WREHBIJ5.cjs');
+require('./chunk-AWLBLRQX.cjs');
+require('./chunk-RVSWH4RH.cjs');
+require('./chunk-HNVRMOL3.cjs');
+require('./chunk-MFWOBALK.cjs');
 require('./chunk-RZ2E3XEU.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
@@ -12,11 +12,11 @@ require('./chunk-YVO7XO4W.cjs');
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkSBMOIE5C_cjs.Table; }
+  get: function () { return chunkWREHBIJ5_cjs.Table; }
 });
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunkSBMOIE5C_cjs.TablePro; }
+  get: function () { return chunkWREHBIJ5_cjs.TablePro; }
 });
 //# sourceMappingURL=Table.cjs.map
 //# sourceMappingURL=Table.cjs.map

package/dist/Table.js

@@ -1,8 +1,8 @@
-export { Table, TablePro } from './chunk-E6R63QOL.js';
-import './chunk-TYQ5CN2C.js';
-import './chunk-ZVCMXDTP.js';
-import './chunk-AJZKESHB.js';
-import './chunk-M6CGYGEO.js';
+export { Table, TablePro } from './chunk-XZ22B3NW.js';
+import './chunk-WQFC5EMC.js';
+import './chunk-URLSZPS5.js';
+import './chunk-276NALYW.js';
+import './chunk-Q2EXOT4B.js';
 import './chunk-V2DIQ3RH.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Table.js.map

package/dist/Tabs.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkVICGQC6G_cjs = require('./chunk-VICGQC6G.cjs');
+var chunk5EAVXFFD_cjs = require('./chunk-5EAVXFFD.cjs');
 
 
 
 Object.defineProperty(exports, "Segmented", {
   enumerable: true,
-  get: function () { return chunkVICGQC6G_cjs.Segmented; }
+  get: function () { return chunk5EAVXFFD_cjs.Segmented; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkVICGQC6G_cjs.Tabs; }
+  get: function () { return chunk5EAVXFFD_cjs.Tabs; }
 });
 //# sourceMappingURL=Tabs.cjs.map
 //# sourceMappingURL=Tabs.cjs.map

package/dist/Tabs.js

@@ -1,3 +1,3 @@
-export { Segmented, Tabs } from './chunk-V34OPWKZ.js';
+export { Segmented, Tabs } from './chunk-JSDQVVQB.js';
 //# sourceMappingURL=Tabs.js.map
 //# sourceMappingURL=Tabs.js.map

package/dist/Tag.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkURF6RBW6_cjs = require('./chunk-URF6RBW6.cjs');
+var chunkHNVRMOL3_cjs = require('./chunk-HNVRMOL3.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkURF6RBW6_cjs.Badge; }
+  get: function () { return chunkHNVRMOL3_cjs.Badge; }
 });
 Object.defineProperty(exports, "Tag", {
   enumerable: true,
-  get: function () { return chunkURF6RBW6_cjs.Tag; }
+  get: function () { return chunkHNVRMOL3_cjs.Tag; }
 });
 //# sourceMappingURL=Tag.cjs.map
 //# sourceMappingURL=Tag.cjs.map

package/dist/Tag.js

@@ -1,4 +1,4 @@
-export { Badge, Tag } from './chunk-AJZKESHB.js';
+export { Badge, Tag } from './chunk-276NALYW.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Tag.js.map
 //# sourceMappingURL=Tag.js.map

package/dist/Theme.cjs

@@ -1,44 +1,44 @@
 'use strict';
 
-var chunk7U6I44RV_cjs = require('./chunk-7U6I44RV.cjs');
+var chunkQ7CDWNM6_cjs = require('./chunk-Q7CDWNM6.cjs');
 
 
 
 Object.defineProperty(exports, "ACCENT_PRESETS", {
   enumerable: true,
-  get: function () { return chunk7U6I44RV_cjs.ACCENT_PRESETS; }
+  get: function () { return chunkQ7CDWNM6_cjs.ACCENT_PRESETS; }
 });
 Object.defineProperty(exports, "ACCENT_PRESETS_DARK", {
   enumerable: true,
-  get: function () { return chunk7U6I44RV_cjs.ACCENT_PRESETS_DARK; }
+  get: function () { return chunkQ7CDWNM6_cjs.ACCENT_PRESETS_DARK; }
 });
 Object.defineProperty(exports, "FONT_STACKS", {
   enumerable: true,
-  get: function () { return chunk7U6I44RV_cjs.FONT_STACKS; }
+  get: function () { return chunkQ7CDWNM6_cjs.FONT_STACKS; }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunk7U6I44RV_cjs.ThemeProvider; }
+  get: function () { return chunkQ7CDWNM6_cjs.ThemeProvider; }
 });
 Object.defineProperty(exports, "applyTheme", {
   enumerable: true,
-  get: function () { return chunk7U6I44RV_cjs.applyTheme; }
+  get: function () { return chunkQ7CDWNM6_cjs.applyTheme; }
 });
 Object.defineProperty(exports, "normalizeAccentInput", {
   enumerable: true,
-  get: function () { return chunk7U6I44RV_cjs.normalizeAccentInput; }
+  get: function () { return chunkQ7CDWNM6_cjs.normalizeAccentInput; }
 });
 Object.defineProperty(exports, "resolveThemeMode", {
   enumerable: true,
-  get: function () { return chunk7U6I44RV_cjs.resolveThemeMode; }
+  get: function () { return chunkQ7CDWNM6_cjs.resolveThemeMode; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunk7U6I44RV_cjs.useTheme; }
+  get: function () { return chunkQ7CDWNM6_cjs.useTheme; }
 });
 Object.defineProperty(exports, "useThemeOptional", {
   enumerable: true,
-  get: function () { return chunk7U6I44RV_cjs.useThemeOptional; }
+  get: function () { return chunkQ7CDWNM6_cjs.useThemeOptional; }
 });
 //# sourceMappingURL=Theme.cjs.map
 //# sourceMappingURL=Theme.cjs.map

package/dist/Theme.js

@@ -1,3 +1,3 @@
-export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, FONT_STACKS, ThemeProvider, applyTheme, normalizeAccentInput, resolveThemeMode, useTheme, useThemeOptional } from './chunk-I7SSCSFH.js';
+export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, FONT_STACKS, ThemeProvider, applyTheme, normalizeAccentInput, resolveThemeMode, useTheme, useThemeOptional } from './chunk-W6I67HQQ.js';
 //# sourceMappingURL=Theme.js.map
 //# sourceMappingURL=Theme.js.map

package/dist/{Toast-ERHDN3WG.css → Toast-6PVSAXQ5.css}

@@ -15,7 +15,7 @@
 .toast {
   background: var(--bg);
   border-radius: var(--r-md);
-  box-shadow: var(--neu-out-lg);
+  box-shadow: var(--neu-float);
   padding: 12px 16px;
   min-width: 240px;
   display: flex; align-items: flex-start; gap: 10px;

package/dist/Toast.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkIKI5CS4L_cjs = require('./chunk-IKI5CS4L.cjs');
+var chunkRIDCBNCM_cjs = require('./chunk-RIDCBNCM.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "ToastContainer", {
   enumerable: true,
-  get: function () { return chunkIKI5CS4L_cjs.ToastContainer; }
+  get: function () { return chunkRIDCBNCM_cjs.ToastContainer; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
-  get: function () { return chunkIKI5CS4L_cjs.toast; }
+  get: function () { return chunkRIDCBNCM_cjs.toast; }
 });
 //# sourceMappingURL=Toast.cjs.map
 //# sourceMappingURL=Toast.cjs.map

package/dist/Toast.js

@@ -1,4 +1,4 @@
-export { ToastContainer, toast } from './chunk-QPZZNSRB.js';
+export { ToastContainer, toast } from './chunk-TMZVX6NO.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Toast.js.map
 //# sourceMappingURL=Toast.js.map

package/dist/Tooltip.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk3UFU63X7_cjs = require('./chunk-3UFU63X7.cjs');
+var chunkOZVPJWXO_cjs = require('./chunk-OZVPJWXO.cjs');
 require('./chunk-RZ2E3XEU.cjs');
 
 
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunk3UFU63X7_cjs.Tooltip; }
+  get: function () { return chunkOZVPJWXO_cjs.Tooltip; }
 });
 //# sourceMappingURL=Tooltip.cjs.map
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/Tooltip.js

@@ -1,4 +1,4 @@
-export { Tooltip } from './chunk-WNGG25QX.js';
+export { Tooltip } from './chunk-FFZLSY2N.js';
 import './chunk-V2DIQ3RH.js';
 //# sourceMappingURL=Tooltip.js.map
 //# sourceMappingURL=Tooltip.js.map

package/dist/Typography.cjs

@@ -1,29 +1,29 @@
 'use strict';
 
-var chunk5WF6M47X_cjs = require('./chunk-5WF6M47X.cjs');
+var chunk24FAK7QU_cjs = require('./chunk-24FAK7QU.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Link", {
   enumerable: true,
-  get: function () { return chunk5WF6M47X_cjs.Link; }
+  get: function () { return chunk24FAK7QU_cjs.Link; }
 });
 Object.defineProperty(exports, "Paragraph", {
   enumerable: true,
-  get: function () { return chunk5WF6M47X_cjs.Paragraph; }
+  get: function () { return chunk24FAK7QU_cjs.Paragraph; }
 });
 Object.defineProperty(exports, "Text", {
   enumerable: true,
-  get: function () { return chunk5WF6M47X_cjs.Text; }
+  get: function () { return chunk24FAK7QU_cjs.Text; }
 });
 Object.defineProperty(exports, "Title", {
   enumerable: true,
-  get: function () { return chunk5WF6M47X_cjs.Title; }
+  get: function () { return chunk24FAK7QU_cjs.Title; }
 });
 Object.defineProperty(exports, "Typography", {
   enumerable: true,
-  get: function () { return chunk5WF6M47X_cjs.Typography; }
+  get: function () { return chunk24FAK7QU_cjs.Typography; }
 });
 //# sourceMappingURL=Typography.cjs.map
 //# sourceMappingURL=Typography.cjs.map

package/dist/Typography.js

@@ -1,4 +1,4 @@
-export { Link, Paragraph, Text, Title, Typography } from './chunk-GZGZR4FT.js';
+export { Link, Paragraph, Text, Title, Typography } from './chunk-3LI6QH2Q.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Typography.js.map
 //# sourceMappingURL=Typography.js.map

package/dist/{chunk-5WF6M47X.cjs → chunk-24FAK7QU.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
-require('./tokens-HWQ7KWPG.css');
+require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Typography-NKPWTJCV.css');
 var React = require('react');
@@ -506,5 +506,5 @@ exports.Paragraph = Paragraph;
 exports.Text = Text;
 exports.Title = Title;
 exports.Typography = Typography;
-//# sourceMappingURL=chunk-5WF6M47X.cjs.map
-//# sourceMappingURL=chunk-5WF6M47X.cjs.map
+//# sourceMappingURL=chunk-24FAK7QU.cjs.map
+//# sourceMappingURL=chunk-24FAK7QU.cjs.map