@fangxinyan/lumina 0.5.0 → 0.6.0

package/dist/{chunk-N73JGXYZ.cjs → chunk-2TNJ7TC4.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYCHUHMNP_cjs = require('./chunk-YCHUHMNP.cjs');
+var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Drawer-IPGB4CXH.css');
@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 
 var ANIM_MS = 280;
-var Drawer = ({
+var Drawer = React__namespace.forwardRef(({
   open,
   onClose,
   placement = "right",
@@ -49,8 +49,11 @@ var Drawer = ({
   destroyOnClose = false,
   afterOpenChange,
   zIndex,
-  className = ""
-}) => {
+  className = "",
+  style,
+  onClick,
+  ...rest
+}, ref) => {
   const [hasOpenedOnce, setHasOpenedOnce] = React__namespace.useState(open);
   React__namespace.useEffect(() => {
     if (open) setHasOpenedOnce(true);
@@ -75,8 +78,9 @@ var Drawer = ({
   if (!hasOpenedOnce) return null;
   if (!open && destroyOnClose) return null;
   const isV = placement === "left" || placement === "right";
-  const style = isV ? { width: size } : { height: size };
-  if (zIndex != null) style.zIndex = zIndex;
+  const panelStyle = isV ? { width: size } : { height: size };
+  if (zIndex != null) panelStyle.zIndex = zIndex;
+  Object.assign(panelStyle, style);
   return ReactDOM__default.default.createPortal(
     /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       mask && /* @__PURE__ */ jsxRuntime.jsx(
@@ -90,11 +94,16 @@ var Drawer = ({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
+          ref,
           className: `drawer ${placement} ${open ? "" : "hidden"} ${className}`,
-          style,
-          onClick: (e) => e.stopPropagation(),
+          style: panelStyle,
+          onClick: (e) => {
+            onClick?.(e);
+            e.stopPropagation();
+          },
           role: "dialog",
           "aria-hidden": !open,
+          ...rest,
           children: [
             (title || extra || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawer-head", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-title", children: title }),
@@ -107,7 +116,7 @@ var Drawer = ({
                     className: "drawer-close",
                     onClick: onClose,
                     "aria-label": "Close",
-                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: "x", size: 16 })
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "x", size: 16 })
                   }
                 )
               ] })
@@ -120,8 +129,9 @@ var Drawer = ({
     ] }),
     document.body
   );
-};
+});
+Drawer.displayName = "Drawer";
 
 exports.Drawer = Drawer;
-//# sourceMappingURL=chunk-N73JGXYZ.cjs.map
-//# sourceMappingURL=chunk-N73JGXYZ.cjs.map
+//# sourceMappingURL=chunk-2TNJ7TC4.cjs.map
+//# sourceMappingURL=chunk-2TNJ7TC4.cjs.map

package/dist/chunk-2TNJ7TC4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/Drawer.tsx"],"names":["React","ReactDOM","jsxs","Fragment","jsx","Icon"],"mappings":"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","file":"chunk-2TNJ7TC4.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Drawer.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Icon } from \"../Icon\";\n\nexport interface DrawerProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"children\" | \"onClose\"> {\n  /** Whether the drawer is visible. */\n  open: boolean;\n  /** Close callback (triggered by mask click / close button / Esc). */\n  onClose?: () => void;\n  /** Which edge the drawer slides from. */\n  placement?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  /** Width (for left/right) or height (for top/bottom). Number → px. */\n  size?: number | string;\n  /** Header title. */\n  title?: React.ReactNode;\n  /** Extra content rendered to the right of the title (e.g. action buttons). */\n  extra?: React.ReactNode;\n  /** Footer content. */\n  footer?: React.ReactNode;\n  /** Drawer body. */\n  children?: React.ReactNode;\n  /** Render the mask overlay. Default true. Set `false` for a non-blocking drawer. */\n  mask?: boolean;\n  /** Close when clicking the mask. Default true. Ignored when `mask` is false. */\n  maskClosable?: boolean;\n  /** Close on Escape key. Default true. */\n  keyboard?: boolean;\n  /** Show the close (×) button in the header. Default true. */\n  closable?: boolean;\n  /** Override the close icon node. */\n  closeIcon?: React.ReactNode;\n  /**\n   * When true the drawer's children are unmounted every time it closes.\n   * Default `false` — children stay mounted across open/close cycles so\n   * internal state (form fields, scroll position) is preserved.\n   */\n  destroyOnClose?: boolean;\n  /** Fires after the open/close animation finishes. */\n  afterOpenChange?: (open: boolean) => void;\n  /** Stack index for nested drawers. */\n  zIndex?: number;\n  className?: string;\n}\n\nconst ANIM_MS = 280;\n\n/** `Drawer` — slide-in panel from an edge. */\nexport const Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(({\n  open,\n  onClose,\n  placement = \"right\",\n  size = 380,\n  title,\n  extra,\n  footer,\n  children,\n  mask = true,\n  maskClosable = true,\n  keyboard = true,\n  closable = true,\n  closeIcon,\n  destroyOnClose = false,\n  afterOpenChange,\n  zIndex,\n  className = \"\",\n  style,\n  onClick,\n  ...rest\n}, ref) => {\n  const [hasOpenedOnce, setHasOpenedOnce] = React.useState(open);\n  React.useEffect(() => {\n    if (open) setHasOpenedOnce(true);\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open || !keyboard) return;\n    const h = (e: KeyboardEvent) => e.key === \"Escape\" && onClose?.();\n    window.addEventListener(\"keydown\", h);\n    return () => window.removeEventListener(\"keydown\", h);\n  }, [open, keyboard, onClose]);\n\n  const prevOpen = React.useRef(open);\n  React.useEffect(() => {\n    if (prevOpen.current !== open) {\n      prevOpen.current = open;\n      if (afterOpenChange) {\n        const id = window.setTimeout(() => afterOpenChange(open), ANIM_MS);\n        return () => window.clearTimeout(id);\n      }\n    }\n  }, [open, afterOpenChange]);\n\n  if (typeof document === \"undefined\") return null;\n  if (!hasOpenedOnce) return null;\n  if (!open && destroyOnClose) return null;\n\n  const isV = placement === \"left\" || placement === \"right\";\n  const panelStyle: React.CSSProperties = isV ? { width: size } : { height: size };\n  if (zIndex != null) panelStyle.zIndex = zIndex;\n  Object.assign(panelStyle, style);\n\n  return ReactDOM.createPortal(\n    <>\n      {mask && (\n        <div\n          className={`drawer-overlay ${open ? \"\" : \"hidden\"}`}\n          style={zIndex != null ? { zIndex: zIndex - 1 } : undefined}\n          onClick={() => maskClosable && onClose?.()}\n        />\n      )}\n      <div\n        ref={ref}\n        className={`drawer ${placement} ${open ? \"\" : \"hidden\"} ${className}`}\n        style={panelStyle}\n        onClick={(e) => {\n          onClick?.(e);\n          e.stopPropagation();\n        }}\n        role=\"dialog\"\n        aria-hidden={!open}\n        {...rest}\n      >\n        {(title || extra || closable) && (\n          <div className=\"drawer-head\">\n            <div className=\"drawer-title\">{title}</div>\n            <div className=\"drawer-head-right\">\n              {extra}\n              {closable && (\n                <button\n                  type=\"button\"\n                  className=\"drawer-close\"\n                  onClick={onClose}\n                  aria-label=\"Close\"\n                >\n                  {closeIcon ?? <Icon name=\"x\" size={16} />}\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n        <div className=\"drawer-body\">{children}</div>\n        {footer && <div className=\"drawer-foot\">{footer}</div>}\n      </div>\n    </>,\n    document.body\n  );\n});\nDrawer.displayName = \"Drawer\";\n"]}

package/dist/chunk-3EGZ6TBF.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Progress-CHV7DN6Y.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/Progress/Progress.tsx
+var Progress = React__namespace.forwardRef(({
+  value,
+  max = 100,
+  label,
+  showValue,
+  tone = "accent",
+  color,
+  size = "md",
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const pct = Math.max(0, Math.min(100, value / max * 100));
+  const rootStyle = {
+    ...color ? {
+      ["--progress-fill"]: color,
+      ["--progress-fill-glow"]: `color-mix(in oklch, ${color} 35%, transparent)`
+    } : null,
+    ...style
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `progress ${size} ${tone} ${className}`, style: rootStyle, ...rest, children: [
+    (label || showValue) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "progress-label", children: [
+      label ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+      showValue && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "v", children: [
+        Math.round(pct),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "progress-track", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "progress-bar", style: { width: `${pct}%` } }) })
+  ] });
+});
+Progress.displayName = "Progress";
+
+exports.Progress = Progress;
+//# sourceMappingURL=chunk-3EGZ6TBF.cjs.map
+//# sourceMappingURL=chunk-3EGZ6TBF.cjs.map

package/dist/chunk-3EGZ6TBF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":["React","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,IAAM,QAAA,GAAiBA,4BAA0C,CAAC;AAAA,EACvE,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,KAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAC1D,EAAA,MAAM,SAAA,GAAiC;AAAA,IACrC,GAAI,KAAA,GACA;AAAA,MACE,CAAC,iBAA0B,GAAG,KAAA;AAAA,MAC9B,CAAC,sBAA+B,GAAG,CAAA,oBAAA,EAAuB,KAAK,CAAA,kBAAA;AAAA,KACjE,GACA,IAAA;AAAA,IACJ,GAAG;AAAA,GACL;AACA,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,SAAA,EAAW,YAAY,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAI,KAAA,EAAO,SAAA,EAAY,GAAG,IAAA,EACrF,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,SAAA,qBACTA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,mBAAQC,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,EAAM,CAAA,kCAAW,MAAA,EAAA,EAAK,CAAA;AAAA,MACrC,SAAA,oBAAaD,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,GAAA,EAAK,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC;AAAA,KAAA,EACtD,CAAA;AAAA,oBAEFC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,yCAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA,IAAO,CAAA,EAC7D;AAAA,GAAA,EACF,CAAA;AAEJ,CAAC;AACD,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-3EGZ6TBF.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Progress.css\";\nimport * as React from \"react\";\n\nexport interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** 0–100 */\n  value: number;\n  max?: number;\n  label?: React.ReactNode;\n  showValue?: boolean;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  /** Custom fill color. Overrides `tone`. */\n  color?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n}\n\n/** `Progress` — horizontal progress bar with neumorphic track. */\nexport const Progress = React.forwardRef<HTMLDivElement, ProgressProps>(({\n  value,\n  max = 100,\n  label,\n  showValue,\n  tone = \"accent\",\n  color,\n  size = \"md\",\n  className = \"\",\n  style,\n  ...rest\n}, ref) => {\n  const pct = Math.max(0, Math.min(100, (value / max) * 100));\n  const rootStyle: React.CSSProperties = {\n    ...(color\n      ? {\n          [\"--progress-fill\" as never]: color,\n          [\"--progress-fill-glow\" as never]: `color-mix(in oklch, ${color} 35%, transparent)`,\n        }\n      : null),\n    ...style,\n  };\n  return (\n    <div ref={ref} className={`progress ${size} ${tone} ${className}`} style={rootStyle} {...rest}>\n      {(label || showValue) && (\n        <div className=\"progress-label\">\n          {label ? <span>{label}</span> : <span />}\n          {showValue && <span className=\"v\">{Math.round(pct)}%</span>}\n        </div>\n      )}\n      <div className=\"progress-track\">\n        <div className=\"progress-bar\" style={{ width: `${pct}%` }} />\n      </div>\n    </div>\n  );\n});\nProgress.displayName = \"Progress\";\n"]}

package/dist/{chunk-RFU5HN4E.js → chunk-3LJO33HI.js}

@@ -8,12 +8,16 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 // src/components/ContextMenu/ContextMenu.tsx
 var ESTIMATED_ITEM_H = 32;
 var MARGIN = 8;
-var ContextMenu = ({
+var ContextMenu = React.forwardRef(({
   items,
   children,
   disabled,
-  minWidth = 180
-}) => {
+  minWidth = 180,
+  className = "",
+  style,
+  onContextMenu,
+  ...rest
+}, ref) => {
   const [open, setOpen] = React.useState(false);
   const [pos, setPos] = React.useState({ top: 0, left: 0 });
   const [active, setActive] = React.useState(-1);
@@ -96,7 +100,20 @@ var ContextMenu = ({
     e.preventDefault();
     openAt(e.clientX, e.clientY);
   };
-  const trigger = /* @__PURE__ */ jsx("span", { style: { display: "contents" }, onContextMenu: handleTriggerContextMenu, children });
+  const trigger = /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className,
+      style: { display: "contents", ...style },
+      onContextMenu: (e) => {
+        onContextMenu?.(e);
+        handleTriggerContextMenu(e);
+      },
+      ...rest,
+      children
+    }
+  );
   const panel = open && typeof document !== "undefined" ? ReactDOM.createPortal(
     /* @__PURE__ */ jsx(
       "div",
@@ -142,8 +159,9 @@ var ContextMenu = ({
     trigger,
     panel
   ] });
-};
+});
+ContextMenu.displayName = "ContextMenu";
 
 export { ContextMenu };
-//# sourceMappingURL=chunk-RFU5HN4E.js.map
-//# sourceMappingURL=chunk-RFU5HN4E.js.map
+//# sourceMappingURL=chunk-3LJO33HI.js.map
+//# sourceMappingURL=chunk-3LJO33HI.js.map

package/dist/chunk-3LJO33HI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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","file":"chunk-3LJO33HI.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./ContextMenu.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\n\nexport interface ContextMenuItem {\n  key: string;\n  /** Omit for `type: \"divider\"`. */\n  label?: React.ReactNode;\n  icon?: React.ReactNode;\n  /** Right-aligned shortcut hint, e.g. `\"⌘C\"`. */\n  shortcut?: React.ReactNode;\n  disabled?: boolean;\n  /** Style the item as destructive (red). */\n  danger?: boolean;\n  /** Render a horizontal separator; other fields are ignored. */\n  type?: \"divider\";\n  onSelect?: () => void;\n}\n\nexport interface ContextMenuProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\"> {\n  items: ContextMenuItem[];\n  /**\n   * Any content — right-click anywhere inside the trigger area opens the menu.\n   * Internally wrapped in a `display: contents` span so layout is unaffected\n   * regardless of whether `children` is a DOM element or a React component.\n   */\n  children: React.ReactNode;\n  /** Skip the menu entirely — browser default context menu will be used instead. */\n  disabled?: boolean;\n  /** Minimum panel width in px. Default 180. */\n  minWidth?: number;\n}\n\nconst ESTIMATED_ITEM_H = 32;\nconst MARGIN = 8;\n\n/**\n * `ContextMenu` — right-click menu. Wraps one child element; suppresses the\n * browser's native menu and opens a neumorphic replacement at the cursor.\n *\n * @example\n * ```tsx\n * <ContextMenu\n *   items={[\n *     { key: \"copy\", label: \"复制\", shortcut: \"⌘C\", onSelect: copy },\n *     { key: \"cut\",  label: \"剪切\", shortcut: \"⌘X\", onSelect: cut  },\n *     { key: \"d1\",   type: \"divider\" },\n *     { key: \"del\",  label: \"删除\", danger: true, onSelect: del },\n *   ]}\n * >\n *   <div>右键点击我</div>\n * </ContextMenu>\n * ```\n */\nexport const ContextMenu = React.forwardRef<HTMLSpanElement, ContextMenuProps>(({\n  items,\n  children,\n  disabled,\n  minWidth = 180,\n  className = \"\",\n  style,\n  onContextMenu,\n  ...rest\n}, ref) => {\n  const [open, setOpen] = React.useState(false);\n  const [pos, setPos] = React.useState<{ top: number; left: number }>({ top: 0, left: 0 });\n  const [active, setActive] = React.useState(-1);\n  const menuRef = React.useRef<HTMLDivElement>(null);\n\n  const isSelectable = React.useCallback(\n    (i: ContextMenuItem) => i.type !== \"divider\" && !i.disabled,\n    []\n  );\n\n  const close = React.useCallback(() => setOpen(false), []);\n\n  const openAt = (clientX: number, clientY: number) => {\n    // Estimate panel size for clamping; refined on next paint via measured rect.\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n    const estH = Math.min(items.length * ESTIMATED_ITEM_H + 16, vh - MARGIN * 2);\n    const estW = minWidth;\n    const left = Math.min(clientX, vw - estW - MARGIN);\n    const top = Math.min(clientY, vh - estH - MARGIN);\n    setPos({ top: Math.max(MARGIN, top), left: Math.max(MARGIN, left) });\n    const firstIdx = items.findIndex(isSelectable);\n    setActive(firstIdx);\n    setOpen(true);\n  };\n\n  // Close on Esc / outside click / scroll / window blur.\n  React.useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") { e.stopPropagation(); close(); return; }\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        e.preventDefault();\n        setActive((curr) => {\n          const dir = e.key === \"ArrowDown\" ? 1 : -1;\n          let i = curr;\n          for (let n = 0; n < items.length; n++) {\n            i = (i + dir + items.length) % items.length;\n            if (isSelectable(items[i])) return i;\n          }\n          return curr;\n        });\n      }\n      if (e.key === \"Enter\") {\n        const it = items[active];\n        if (it && isSelectable(it)) {\n          e.preventDefault();\n          it.onSelect?.();\n          close();\n        }\n      }\n    };\n    const onOutside = (e: MouseEvent) => {\n      if (!menuRef.current?.contains(e.target as Node)) close();\n    };\n    const onBlur = () => close();\n    window.addEventListener(\"keydown\", onKey);\n    window.addEventListener(\"mousedown\", onOutside);\n    window.addEventListener(\"scroll\", close, true);\n    window.addEventListener(\"resize\", close);\n    window.addEventListener(\"blur\", onBlur);\n    return () => {\n      window.removeEventListener(\"keydown\", onKey);\n      window.removeEventListener(\"mousedown\", onOutside);\n      window.removeEventListener(\"scroll\", close, true);\n      window.removeEventListener(\"resize\", close);\n      window.removeEventListener(\"blur\", onBlur);\n    };\n  }, [open, items, active, close, isSelectable]);\n\n  // Clamp again after mount using the real measured size.\n  React.useLayoutEffect(() => {\n    if (!open || !menuRef.current) return;\n    const rect = menuRef.current.getBoundingClientRect();\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n    setPos((p) => ({\n      top: Math.min(p.top, Math.max(MARGIN, vh - rect.height - MARGIN)),\n      left: Math.min(p.left, Math.max(MARGIN, vw - rect.width - MARGIN)),\n    }));\n  }, [open]);\n\n  const handleTriggerContextMenu = (e: React.MouseEvent) => {\n    if (disabled || e.defaultPrevented) return;\n    e.preventDefault();\n    openAt(e.clientX, e.clientY);\n  };\n\n  // Wrap in a `display: contents` span so the handler lives on a DOM node we\n  // fully control — React.cloneElement would fail to reach the DOM when\n  // `children` is a React component that doesn't forward `onContextMenu`.\n  const trigger = (\n    <span\n      ref={ref}\n      className={className}\n      style={{ display: \"contents\", ...style }}\n      onContextMenu={(e) => {\n        onContextMenu?.(e);\n        handleTriggerContextMenu(e);\n      }}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n\n  const panel =\n    open && typeof document !== \"undefined\"\n      ? ReactDOM.createPortal(\n          <div\n            ref={menuRef}\n            className=\"context-menu\"\n            role=\"menu\"\n            style={{\n              position: \"fixed\",\n              top: pos.top,\n              left: pos.left,\n              minWidth,\n            }}\n            onContextMenu={(e) => e.preventDefault()}\n          >\n            {items.map((it, i) =>\n              it.type === \"divider\" ? (\n                <div key={it.key} className=\"context-menu-divider\" role=\"separator\" />\n              ) : (\n                <button\n                  key={it.key}\n                  type=\"button\"\n                  role=\"menuitem\"\n                  disabled={it.disabled}\n                  className={`context-menu-item ${active === i ? \"active\" : \"\"} ${it.danger ? \"danger\" : \"\"}`}\n                  onMouseEnter={() => isSelectable(it) && setActive(i)}\n                  onClick={() => {\n                    if (!isSelectable(it)) return;\n                    it.onSelect?.();\n                    close();\n                  }}\n                >\n                  <span className=\"context-menu-icon\">{it.icon}</span>\n                  <span className=\"context-menu-label\">{it.label}</span>\n                  {it.shortcut && <span className=\"context-menu-shortcut\">{it.shortcut}</span>}\n                </button>\n              )\n            )}\n          </div>,\n          document.body\n        )\n      : null;\n\n  return (\n    <>\n      {trigger}\n      {panel}\n    </>\n  );\n});\nContextMenu.displayName = \"ContextMenu\";\n"]}

package/dist/{chunk-RZ2E3XEU.cjs → chunk-3XIDJEYR.cjs}

@@ -25,6 +25,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 // src/utils/useFloating.ts
 function useFloating(opts) {
   const triggerRef = React__namespace.useRef(null);
+  const floatingRef = React__namespace.useRef(null);
   const preferred = opts.placement ?? "bottom";
   const gap = opts.gap ?? 8;
   const panelW = opts.panelWidth ?? 240;
@@ -40,9 +41,12 @@ function useFloating(opts) {
     const update = () => {
       const el = triggerRef.current;
       if (!el) return;
+      const floatingRect = floatingRef.current?.getBoundingClientRect();
       const rect = el.getBoundingClientRect();
-      const w = matchW ? rect.width : panelW;
-      const h = panelH;
+      const measuredW = floatingRect?.width && floatingRect.width > 0 ? floatingRect.width : void 0;
+      const measuredH = floatingRect?.height && floatingRect.height > 0 ? floatingRect.height : void 0;
+      const w = matchW ? rect.width : measuredW ?? panelW;
+      const h = measuredH ?? panelH;
       const vw = window.innerWidth;
       const vh = window.innerHeight;
       const MARGIN = 8;
@@ -105,11 +109,17 @@ function useFloating(opts) {
     update();
     window.addEventListener("scroll", update, true);
     window.addEventListener("resize", update);
+    const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(update) : null;
+    if (ro) {
+      if (triggerRef.current) ro.observe(triggerRef.current);
+      if (floatingRef.current) ro.observe(floatingRef.current);
+    }
     return () => {
       window.removeEventListener("scroll", update, true);
       window.removeEventListener("resize", update);
+      ro?.disconnect();
     };
-  }, [open, preferred, gap, panelW, panelH, doShift, doFlip, matchW]);
+  }, [open, preferred, gap, panelW, panelH, doShift, doFlip, matchW, align]);
   let transform;
   if (align !== "start") {
     const cross = state.placement === "top" || state.placement === "bottom" ? "X" : "Y";
@@ -123,9 +133,14 @@ function useFloating(opts) {
     ...state.width != null ? { width: state.width } : {},
     ...transform ? { transform } : {}
   };
-  return { triggerRef, floatingStyle, placement: state.placement };
+  return {
+    triggerRef,
+    floatingRef,
+    floatingStyle,
+    placement: state.placement
+  };
 }
 
 exports.useFloating = useFloating;
-//# sourceMappingURL=chunk-RZ2E3XEU.cjs.map
-//# sourceMappingURL=chunk-RZ2E3XEU.cjs.map
+//# sourceMappingURL=chunk-3XIDJEYR.cjs.map
+//# sourceMappingURL=chunk-3XIDJEYR.cjs.map

package/dist/chunk-3XIDJEYR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/useFloating.ts"],"names":["React"],"mappings":"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","file":"chunk-3XIDJEYR.cjs","sourcesContent":["import * as React from \"react\";\n\nexport type Placement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface UseFloatingOptions {\n  /** Whether the floating element is currently visible. */\n  open: boolean;\n  /** Preferred placement relative to the trigger. Default `\"bottom\"`. */\n  placement?: Placement;\n  /** Distance between trigger and panel in px. Default 8. */\n  gap?: number;\n  /** Estimated panel width, used for flip / shift math. Ignored when `matchTriggerWidth`. */\n  panelWidth?: number;\n  /** Estimated panel height, used for flip / shift math. */\n  panelHeight?: number;\n  /** Keep the panel inside the viewport horizontally / vertically. Default true. */\n  shift?: boolean;\n  /** Flip to the opposite side if the preferred side would overflow. Default true. */\n  flip?: boolean;\n  /** Make the panel width track the trigger width (used by Select / Cascader). */\n  matchTriggerWidth?: boolean;\n  /**\n   * Cross-axis alignment of the panel relative to the trigger.\n   * - `\"start\"`  (default) — panel's leading edge lines up with trigger's leading edge.\n   * - `\"center\"` — panel is centered on the trigger (uses a CSS transform).\n   * - `\"end\"`    — panel's trailing edge lines up with trigger's trailing edge.\n   *\n   * `shift` is ignored for non-`\"start\"` alignments to avoid tugging against the\n   * caller's translate.\n   */\n  alignCross?: \"start\" | \"center\" | \"end\";\n}\n\nexport interface UseFloatingResult<\n  T extends HTMLElement,\n  F extends HTMLElement\n> {\n  /** Attach this to the trigger element. */\n  triggerRef: React.RefObject<T>;\n  /** Attach this to the floating element so placement can use its real size. */\n  floatingRef: React.RefObject<F>;\n  /** Spread this onto the panel element. Already contains `position: fixed` + coords. */\n  floatingStyle: React.CSSProperties;\n  /** Resolved placement after flip logic — useful for arrow direction. */\n  placement: Placement;\n}\n\n/**\n * Minimal floating-element positioning hook used by Tooltip / Popover / Select /\n * Cascader / ColorPicker. Designed to be paired with `createPortal(document.body)`\n * so overflow clipping from ancestors becomes a non-issue.\n *\n * Not a general-purpose `@floating-ui` replacement — it only covers flip + shift\n * relative to the viewport, which is what Lumina's overlays need.\n */\nexport function useFloating<\n  T extends HTMLElement = HTMLElement,\n  F extends HTMLElement = HTMLElement\n>(\n  opts: UseFloatingOptions\n): UseFloatingResult<T, F> {\n  const triggerRef = React.useRef<T>(null);\n  const floatingRef = React.useRef<F>(null);\n  const preferred = opts.placement ?? \"bottom\";\n  const gap = opts.gap ?? 8;\n  const panelW = opts.panelWidth ?? 240;\n  const panelH = opts.panelHeight ?? 300;\n  const doShift = opts.shift !== false;\n  const doFlip = opts.flip !== false;\n  const matchW = !!opts.matchTriggerWidth;\n  const align = opts.alignCross ?? \"start\";\n  const open = opts.open;\n\n  const [state, setState] = React.useState<{\n    top: number;\n    left: number;\n    width?: number;\n    placement: Placement;\n  }>({ top: 0, left: 0, placement: preferred });\n\n  React.useLayoutEffect(() => {\n    if (!open) return;\n    const update = () => {\n      const el = triggerRef.current;\n      if (!el) return;\n\n      const floatingRect = floatingRef.current?.getBoundingClientRect();\n      const rect = el.getBoundingClientRect();\n      const measuredW = floatingRect?.width && floatingRect.width > 0 ? floatingRect.width : undefined;\n      const measuredH = floatingRect?.height && floatingRect.height > 0 ? floatingRect.height : undefined;\n      const w = matchW ? rect.width : (measuredW ?? panelW);\n      const h = measuredH ?? panelH;\n      const vw = window.innerWidth;\n      const vh = window.innerHeight;\n      const MARGIN = 8;\n\n      const place = (p: Placement) => {\n        switch (p) {\n          case \"top\":\n            return { top: rect.top - gap - h, left: rect.left };\n          case \"right\":\n            return { top: rect.top, left: rect.right + gap };\n          case \"left\":\n            return { top: rect.top, left: rect.left - gap - w };\n          case \"bottom\":\n          default:\n            return { top: rect.bottom + gap, left: rect.left };\n        }\n      };\n\n      const fits = (p: Placement, c: { top: number; left: number }) => {\n        if (p === \"bottom\") return c.top + h <= vh - MARGIN;\n        if (p === \"top\") return c.top >= MARGIN;\n        if (p === \"right\") return c.left + w <= vw - MARGIN;\n        if (p === \"left\") return c.left >= MARGIN;\n        return true;\n      };\n\n      let resolved: Placement = preferred;\n      let coords = place(resolved);\n\n      if (doFlip && !fits(resolved, coords)) {\n        const opp: Record<Placement, Placement> = {\n          top: \"bottom\",\n          bottom: \"top\",\n          left: \"right\",\n          right: \"left\",\n        };\n        const alt = opp[resolved];\n        const altCoords = place(alt);\n        if (fits(alt, altCoords)) {\n          resolved = alt;\n          coords = altCoords;\n        }\n      }\n\n      // Cross-axis alignment replaces the cross coordinate with the trigger\n      // midpoint / far edge; the paired CSS transform then visually aligns.\n      if (align !== \"start\") {\n        if (resolved === \"top\" || resolved === \"bottom\") {\n          coords.left =\n            align === \"center\" ? rect.left + rect.width / 2 : rect.right;\n        } else {\n          coords.top =\n            align === \"center\" ? rect.top + rect.height / 2 : rect.bottom;\n        }\n      } else if (doShift) {\n        if (resolved === \"bottom\" || resolved === \"top\") {\n          coords.left = Math.max(MARGIN, Math.min(coords.left, vw - w - MARGIN));\n        } else {\n          coords.top = Math.max(MARGIN, Math.min(coords.top, vh - h - MARGIN));\n        }\n      }\n\n      setState({\n        top: coords.top,\n        left: coords.left,\n        width: matchW ? rect.width : undefined,\n        placement: resolved,\n      });\n    };\n\n    update();\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    const ro =\n      typeof ResizeObserver !== \"undefined\" ? new ResizeObserver(update) : null;\n    if (ro) {\n      if (triggerRef.current) ro.observe(triggerRef.current);\n      if (floatingRef.current) ro.observe(floatingRef.current);\n    }\n    return () => {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n      ro?.disconnect();\n    };\n  }, [open, preferred, gap, panelW, panelH, doShift, doFlip, matchW, align]);\n\n  let transform: string | undefined;\n  if (align !== \"start\") {\n    const cross = state.placement === \"top\" || state.placement === \"bottom\" ? \"X\" : \"Y\";\n    const percent = align === \"center\" ? \"-50%\" : \"-100%\";\n    transform = `translate${cross}(${percent})`;\n  }\n\n  const floatingStyle: React.CSSProperties = {\n    position: \"fixed\",\n    top: state.top,\n    left: state.left,\n    ...(state.width != null ? { width: state.width } : {}),\n    ...(transform ? { transform } : {}),\n  };\n\n  return {\n    triggerRef,\n    floatingRef,\n    floatingStyle,\n    placement: state.placement,\n  };\n}\n"]}

package/dist/{chunk-UQB5OHMO.js → chunk-44AVDO3T.js}

@@ -1,31 +1,34 @@
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './AppShell-RCALXUCZ.css';
+import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/AppShell/AppShell.tsx
-var WindowControls = ({
+var WindowControls = React.forwardRef(({
   platform = "mac",
   onMinimize,
   onMaximize,
   onClose,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const noDragStyle = { WebkitAppRegion: "no-drag" };
   if (platform === "windows") {
-    return /* @__PURE__ */ jsxs("div", { className: `win-controls windows ${className}`, style: noDragStyle, children: [
+    return /* @__PURE__ */ jsxs("div", { ref, className: `win-controls windows ${className}`, style: noDragStyle, ...rest, children: [
       /* @__PURE__ */ jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, "aria-label": "Minimize", children: /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M1 5h8", stroke: "currentColor", strokeWidth: "1" }) }) }),
       /* @__PURE__ */ jsx("button", { type: "button", className: "win-btn maximize", onClick: onMaximize, "aria-label": "Maximize", children: /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "8", height: "8", stroke: "currentColor", strokeWidth: "1" }) }) }),
       /* @__PURE__ */ jsx("button", { type: "button", className: "win-btn close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M1 1l8 8M9 1l-8 8", stroke: "currentColor", strokeWidth: "1" }) }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: `win-controls mac ${className}`, style: noDragStyle, children: [
+  return /* @__PURE__ */ jsxs("div", { ref, className: `win-controls mac ${className}`, style: noDragStyle, ...rest, children: [
     /* @__PURE__ */ jsx("button", { type: "button", className: "win-btn close", onClick: onClose, "aria-label": "Close" }),
     /* @__PURE__ */ jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, "aria-label": "Minimize" }),
     /* @__PURE__ */ jsx("button", { type: "button", className: "win-btn maximize", onClick: onMaximize, "aria-label": "Maximize" })
   ] });
-};
-var TitleBar = ({
+});
+WindowControls.displayName = "WindowControls";
+var TitleBar = React.forwardRef(({
   title,
   platform = "mac",
   onMinimize,
@@ -34,27 +37,30 @@ var TitleBar = ({
   center,
   actions,
   draggable = true,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const dragStyle = draggable ? { WebkitAppRegion: "drag" } : void 0;
   const noDragStyle = { WebkitAppRegion: "no-drag" };
-  return /* @__PURE__ */ jsxs("div", { className: `titlebar ${platform} ${className}`, style: dragStyle, children: [
+  return /* @__PURE__ */ jsxs("div", { ref, className: `titlebar ${platform} ${className}`, style: dragStyle, ...rest, children: [
     platform === "mac" && /* @__PURE__ */ jsx(WindowControls, { platform: "mac", onMinimize, onMaximize, onClose }),
     /* @__PURE__ */ jsx("div", { className: "titlebar-title", children: title }),
     center && /* @__PURE__ */ jsx("div", { className: "titlebar-center", style: noDragStyle, children: center }),
     actions && /* @__PURE__ */ jsx("div", { className: "titlebar-actions", style: noDragStyle, children: actions }),
     platform === "windows" && /* @__PURE__ */ jsx(WindowControls, { platform: "windows", onMinimize, onMaximize, onClose })
   ] });
-};
-var Sidebar = ({
+});
+TitleBar.displayName = "TitleBar";
+var Sidebar = React.forwardRef(({
   items,
   activeKey,
   onSelect,
   collapsed,
   header,
   footer,
-  className = ""
-}) => /* @__PURE__ */ jsxs("aside", { className: `sidebar ${collapsed ? "collapsed" : ""} ${className}`, children: [
+  className = "",
+  ...rest
+}, ref) => /* @__PURE__ */ jsxs("aside", { ref, className: `sidebar ${collapsed ? "collapsed" : ""} ${className}`, ...rest, children: [
   header && /* @__PURE__ */ jsx("div", { className: "sidebar-header", children: header }),
   /* @__PURE__ */ jsx("nav", { className: "sidebar-nav", children: items.map((it) => /* @__PURE__ */ jsxs(
     "button",
@@ -71,15 +77,17 @@ var Sidebar = ({
     it.key
   )) }),
   footer && /* @__PURE__ */ jsx("div", { className: "sidebar-footer", children: footer })
-] });
-var AppShell = ({ sidebar, titleBar, children, className = "" }) => /* @__PURE__ */ jsxs("div", { className: `app-shell ${className}`, children: [
+] }));
+Sidebar.displayName = "Sidebar";
+var AppShell = React.forwardRef(({ sidebar, titleBar, children, className = "", ...rest }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: `app-shell ${className}`, ...rest, children: [
   titleBar,
   /* @__PURE__ */ jsxs("div", { className: "app-shell-body", children: [
     sidebar,
     /* @__PURE__ */ jsx("main", { className: "app-shell-main", children })
   ] })
-] });
+] }));
+AppShell.displayName = "AppShell";
 
 export { AppShell, Sidebar, TitleBar, WindowControls };
-//# sourceMappingURL=chunk-UQB5OHMO.js.map
-//# sourceMappingURL=chunk-UQB5OHMO.js.map
+//# sourceMappingURL=chunk-44AVDO3T.js.map
+//# sourceMappingURL=chunk-44AVDO3T.js.map

package/dist/chunk-44AVDO3T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"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","file":"chunk-44AVDO3T.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./AppShell.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface WindowControlsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** macOS traffic lights or Windows-style buttons. */\n  platform?: \"mac\" | \"windows\";\n  onMinimize?: () => void;\n  onMaximize?: () => void;\n  onClose?: () => void;\n  className?: string;\n}\n\n/**\n * `WindowControls` — standalone window control buttons.\n * Mac: traffic lights (close/min/max). Windows: rectangular controls.\n */\nexport const WindowControls = React.forwardRef<HTMLDivElement, WindowControlsProps>(({\n  platform = \"mac\",\n  onMinimize,\n  onMaximize,\n  onClose,\n  className = \"\",\n  ...rest\n}, ref) => {\n  const noDragStyle = { WebkitAppRegion: \"no-drag\" } as React.CSSProperties;\n  if (platform === \"windows\") {\n    return (\n      <div ref={ref} className={`win-controls windows ${className}`} style={noDragStyle} {...rest}>\n        <button type=\"button\" className=\"win-btn minimize\" onClick={onMinimize} aria-label=\"Minimize\">\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden>\n            <path d=\"M1 5h8\" stroke=\"currentColor\" strokeWidth=\"1\" />\n          </svg>\n        </button>\n        <button type=\"button\" className=\"win-btn maximize\" onClick={onMaximize} aria-label=\"Maximize\">\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden>\n            <rect x=\"1\" y=\"1\" width=\"8\" height=\"8\" stroke=\"currentColor\" strokeWidth=\"1\" />\n          </svg>\n        </button>\n        <button type=\"button\" className=\"win-btn close\" onClick={onClose} aria-label=\"Close\">\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden>\n            <path d=\"M1 1l8 8M9 1l-8 8\" stroke=\"currentColor\" strokeWidth=\"1\" />\n          </svg>\n        </button>\n      </div>\n    );\n  }\n  return (\n    <div ref={ref} className={`win-controls mac ${className}`} style={noDragStyle} {...rest}>\n      <button type=\"button\" className=\"win-btn close\" onClick={onClose} aria-label=\"Close\" />\n      <button type=\"button\" className=\"win-btn minimize\" onClick={onMinimize} aria-label=\"Minimize\" />\n      <button type=\"button\" className=\"win-btn maximize\" onClick={onMaximize} aria-label=\"Maximize\" />\n    </div>\n  );\n});\nWindowControls.displayName = \"WindowControls\";\n\nexport interface TitleBarProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: React.ReactNode;\n  /** Platform appearance — affects button placement. Default \"mac\". */\n  platform?: \"mac\" | \"windows\";\n  onMinimize?: () => void;\n  onMaximize?: () => void;\n  onClose?: () => void;\n  /** Extra content in the center. */\n  center?: React.ReactNode;\n  /** Extra content on the trailing side. */\n  actions?: React.ReactNode;\n  /** Make the whole bar draggable (Electron `-webkit-app-region: drag`). */\n  draggable?: boolean;\n  className?: string;\n}\n\n/**\n * `TitleBar` — Electron-style window chrome. Attach at the top of your app.\n * Buttons are non-draggable regions so clicks register correctly.\n */\nexport const TitleBar = React.forwardRef<HTMLDivElement, TitleBarProps>(({\n  title,\n  platform = \"mac\",\n  onMinimize,\n  onMaximize,\n  onClose,\n  center,\n  actions,\n  draggable = true,\n  className = \"\",\n  ...rest\n}, ref) => {\n  const dragStyle = draggable ? ({ WebkitAppRegion: \"drag\" } as React.CSSProperties) : undefined;\n  const noDragStyle = { WebkitAppRegion: \"no-drag\" } as React.CSSProperties;\n\n  return (\n    <div ref={ref} className={`titlebar ${platform} ${className}`} style={dragStyle} {...rest}>\n      {platform === \"mac\" && (\n        <WindowControls platform=\"mac\" onMinimize={onMinimize} onMaximize={onMaximize} onClose={onClose} />\n      )}\n      <div className=\"titlebar-title\">{title}</div>\n      {center && (\n        <div className=\"titlebar-center\" style={noDragStyle}>\n          {center}\n        </div>\n      )}\n      {actions && (\n        <div className=\"titlebar-actions\" style={noDragStyle}>\n          {actions}\n        </div>\n      )}\n      {platform === \"windows\" && (\n        <WindowControls platform=\"windows\" onMinimize={onMinimize} onMaximize={onMaximize} onClose={onClose} />\n      )}\n    </div>\n  );\n});\nTitleBar.displayName = \"TitleBar\";\n\nexport interface SidebarItem {\n  key: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  badge?: React.ReactNode;\n  children?: SidebarItem[];\n}\n\nexport interface SidebarProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"onSelect\" | \"children\"> {\n  items: SidebarItem[];\n  activeKey?: string;\n  onSelect?: (key: string) => void;\n  /** Collapsed: icons only. */\n  collapsed?: boolean;\n  /** Header slot (e.g. workspace switcher). */\n  header?: React.ReactNode;\n  /** Footer slot (e.g. user card). */\n  footer?: React.ReactNode;\n  className?: string;\n}\n\n/** `Sidebar` — navigation rail. Pair with `AppShell`. */\nexport const Sidebar = React.forwardRef<HTMLElement, SidebarProps>(({\n  items,\n  activeKey,\n  onSelect,\n  collapsed,\n  header,\n  footer,\n  className = \"\",\n  ...rest\n}, ref) => (\n  <aside ref={ref} className={`sidebar ${collapsed ? \"collapsed\" : \"\"} ${className}`} {...rest}>\n    {header && <div className=\"sidebar-header\">{header}</div>}\n    <nav className=\"sidebar-nav\">\n      {items.map((it) => (\n        <button\n          type=\"button\"\n          key={it.key}\n          className={`sidebar-item ${activeKey === it.key ? \"active\" : \"\"}`}\n          onClick={() => onSelect?.(it.key)}\n        >\n          {it.icon && <span className=\"sidebar-icon\">{it.icon}</span>}\n          {!collapsed && <span className=\"sidebar-label\">{it.label}</span>}\n          {!collapsed && it.badge && <span className=\"sidebar-badge\">{it.badge}</span>}\n        </button>\n      ))}\n    </nav>\n    {footer && <div className=\"sidebar-footer\">{footer}</div>}\n  </aside>\n));\nSidebar.displayName = \"Sidebar\";\n\nexport interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {\n  sidebar?: React.ReactNode;\n  titleBar?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * `AppShell` — 3-zone Electron layout: title bar across top, sidebar on left, content fills rest.\n */\nexport const AppShell = React.forwardRef<HTMLDivElement, AppShellProps>(({ sidebar, titleBar, children, className = \"\", ...rest }, ref) => (\n  <div ref={ref} className={`app-shell ${className}`} {...rest}>\n    {titleBar}\n    <div className=\"app-shell-body\">\n      {sidebar}\n      <main className=\"app-shell-main\">{children}</main>\n    </div>\n  </div>\n));\nAppShell.displayName = \"AppShell\";\n"]}

package/dist/chunk-474MXYO5.cjs

@@ -0,0 +1,108 @@
+'use strict';
+
+var chunkTC5ZL2OS_cjs = require('./chunk-TC5ZL2OS.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Timeline-RHZAZKZ7.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Timeline = React__namespace.forwardRef(
+  ({
+    items,
+    pending = false,
+    pendingContent = "\u52A0\u8F7D\u4E2D...",
+    mode = "left",
+    reverse = false,
+    className = "",
+    ...rest
+  }, ref) => {
+    const displayItems = [...items];
+    if (reverse) displayItems.reverse();
+    const hasPending = pending !== false;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: `timeline timeline-${mode} ${className}`,
+        ...rest,
+        children: [
+          displayItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            TimelineItem,
+            {
+              item,
+              isLast: !hasPending && i === displayItems.length - 1,
+              position: getPosition(mode, i)
+            },
+            item.key ?? i
+          )),
+          hasPending && /* @__PURE__ */ jsxRuntime.jsx(
+            TimelineItem,
+            {
+              item: {
+                children: pendingContent,
+                dot: typeof pending === "boolean" ? void 0 : pending,
+                color: "muted"
+              },
+              isLast: true,
+              isPending: true,
+              position: getPosition(mode, displayItems.length)
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Timeline.displayName = "Timeline";
+function getPosition(mode, index) {
+  if (mode === "left") return "left";
+  if (mode === "right") return "right";
+  return index % 2 === 0 ? "left" : "right";
+}
+var TimelineItem = ({
+  item,
+  isLast,
+  isPending,
+  position
+}) => {
+  const color = item.color ?? "accent";
+  const cls = [
+    "timeline-item",
+    `timeline-item-${position}`,
+    isLast ? "timeline-item-last" : "",
+    isPending ? "timeline-item-pending" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cls, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline-item-label", children: item.label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "timeline-item-head", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `timeline-item-dot ${color} ${isPending ? "pending" : ""}`, children: item.dot ?? (isPending && /* @__PURE__ */ jsxRuntime.jsx(chunkTC5ZL2OS_cjs.Spinner, { size: 14 })) }),
+      !isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline-item-tail" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline-item-content", children: item.children })
+  ] });
+};
+
+exports.Timeline = Timeline;
+//# sourceMappingURL=chunk-474MXYO5.cjs.map
+//# sourceMappingURL=chunk-474MXYO5.cjs.map

package/dist/chunk-474MXYO5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Timeline/Timeline.tsx"],"names":["React","jsxs","jsx","Spinner"],"mappings":"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","file":"chunk-474MXYO5.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Timeline.css\";\nimport * as React from \"react\";\nimport { Spinner } from \"../Empty\";\n\nexport interface TimelineItemConfig {\n  /** Unique key for the item */\n  key?: string;\n  /** Content displayed on the right (or main side) */\n  children?: React.ReactNode;\n  /** Label displayed on the opposite side (alternate/label mode) */\n  label?: React.ReactNode;\n  /** Dot color */\n  color?: \"accent\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"muted\";\n  /** Custom dot content (replaces default dot) */\n  dot?: React.ReactNode;\n}\n\nexport interface TimelineProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /** Timeline items */\n  items: TimelineItemConfig[];\n  /**\n   * Show a pending (loading) item at the end.\n   * `true` renders a default spinner; a ReactNode renders custom content.\n   */\n  pending?: boolean | React.ReactNode;\n  /** Text shown as the pending item's content */\n  pendingContent?: React.ReactNode;\n  /** Layout mode */\n  mode?: \"left\" | \"right\" | \"alternate\";\n  /** Reverse the order of items */\n  reverse?: boolean;\n}\n\n/**\n * `Timeline` — vertical timeline with pending/loading state.\n *\n * @example\n * <Timeline items={[{ children: \"Created\" }, { children: \"In Progress\" }]} pending />\n */\nexport const Timeline = React.forwardRef<HTMLDivElement, TimelineProps>(\n  (\n    {\n      items,\n      pending = false,\n      pendingContent = \"加载中...\",\n      mode = \"left\",\n      reverse = false,\n      className = \"\",\n      ...rest\n    },\n    ref\n  ) => {\n    const displayItems = [...items];\n    if (reverse) displayItems.reverse();\n\n    const hasPending = pending !== false;\n\n    return (\n      <div\n        ref={ref}\n        className={`timeline timeline-${mode} ${className}`}\n        {...rest}\n      >\n        {displayItems.map((item, i) => (\n          <TimelineItem\n            key={item.key ?? i}\n            item={item}\n            isLast={!hasPending && i === displayItems.length - 1}\n            position={getPosition(mode, i)}\n          />\n        ))}\n        {hasPending && (\n          <TimelineItem\n            item={{\n              children: pendingContent,\n              dot: typeof pending === \"boolean\" ? undefined : pending,\n              color: \"muted\",\n            }}\n            isLast\n            isPending\n            position={getPosition(mode, displayItems.length)}\n          />\n        )}\n      </div>\n    );\n  }\n);\nTimeline.displayName = \"Timeline\";\n\nfunction getPosition(\n  mode: \"left\" | \"right\" | \"alternate\",\n  index: number\n): \"left\" | \"right\" {\n  if (mode === \"left\") return \"left\";\n  if (mode === \"right\") return \"right\";\n  return index % 2 === 0 ? \"left\" : \"right\";\n}\n\ninterface TimelineItemInternalProps {\n  item: TimelineItemConfig;\n  isLast: boolean;\n  isPending?: boolean;\n  position: \"left\" | \"right\";\n}\n\nconst TimelineItem: React.FC<TimelineItemInternalProps> = ({\n  item,\n  isLast,\n  isPending,\n  position,\n}) => {\n  const color = item.color ?? \"accent\";\n  const cls = [\n    \"timeline-item\",\n    `timeline-item-${position}`,\n    isLast ? \"timeline-item-last\" : \"\",\n    isPending ? \"timeline-item-pending\" : \"\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div className={cls}>\n      <div className=\"timeline-item-label\">{item.label}</div>\n      <div className=\"timeline-item-head\">\n        <div className={`timeline-item-dot ${color} ${isPending ? \"pending\" : \"\"}`}>\n          {item.dot ?? (isPending && <Spinner size={14} />)}\n        </div>\n        {!isLast && <div className=\"timeline-item-tail\" />}\n      </div>\n      <div className=\"timeline-item-content\">{item.children}</div>\n    </div>\n  );\n};\n"]}