@fangxinyan/lumina 0.5.1 → 0.6.0

package/dist/{chunk-UUY7EDVJ.cjs → chunk-S3OSBW7R.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3KQKEE5O_cjs = require('./chunk-3KQKEE5O.cjs');
+var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Checkbox-SKJATVSN.css');
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var Checkbox = ({
+var Checkbox = React__namespace.forwardRef(({
   checked,
   defaultChecked,
   indeterminate,
@@ -35,8 +35,9 @@ var Checkbox = ({
   disabled,
   label,
   className = "",
-  id
-}) => {
+  id,
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultChecked ?? false);
   const isControlled = checked !== void 0;
   const value = isControlled ? checked : inner;
@@ -53,7 +54,7 @@ var Checkbox = ({
     disabled && "disabled",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cls, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { ref, className: cls, ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -64,20 +65,22 @@ var Checkbox = ({
         onClick: toggle,
         id,
         className: "checkbox-box",
-        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "check", size: 11 }) : null
+        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "check", size: 11 }) : null
       }
     ),
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "checkbox-label", children: label })
   ] });
-};
-function RadioGroup({
+});
+Checkbox.displayName = "Checkbox";
+var RadioGroupInner = ({
   options,
   value,
   defaultValue,
   onChange,
   direction = "vertical",
-  className = ""
-}) {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultValue);
   const isControlled = value !== void 0;
   const current = isControlled ? value : inner;
@@ -85,7 +88,7 @@ function RadioGroup({
     if (!isControlled) setInner(v);
     onChange?.(v);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `radio-group ${direction} ${className}`, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `radio-group ${direction} ${className}`, ...rest, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
     "label",
     {
       className: `radio ${current === opt.value ? "checked" : ""} ${opt.disabled ? "disabled" : ""}`,
@@ -106,9 +109,11 @@ function RadioGroup({
     },
     String(opt.value)
   )) });
-}
+};
+var RadioGroup = React__namespace.forwardRef(RadioGroupInner);
+RadioGroup.displayName = "RadioGroup";
 
 exports.Checkbox = Checkbox;
 exports.RadioGroup = RadioGroup;
-//# sourceMappingURL=chunk-UUY7EDVJ.cjs.map
-//# sourceMappingURL=chunk-UUY7EDVJ.cjs.map
+//# sourceMappingURL=chunk-S3OSBW7R.cjs.map
+//# sourceMappingURL=chunk-S3OSBW7R.cjs.map

package/dist/chunk-S3OSBW7R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"names":["React","jsx","Icon","jsxs"],"mappings":"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","file":"chunk-S3OSBW7R.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Checkbox.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface CheckboxProps\n  extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, \"onChange\" | \"children\" | \"id\"> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  indeterminate?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\n/** `Checkbox` — binary choice, supports indeterminate state. */\nexport const Checkbox = React.forwardRef<HTMLLabelElement, CheckboxProps>(({\n  checked,\n  defaultChecked,\n  indeterminate,\n  onChange,\n  disabled,\n  label,\n  className = \"\",\n  id,\n  ...rest\n}, ref) => {\n  const [inner, setInner] = React.useState(defaultChecked ?? false);\n  const isControlled = checked !== undefined;\n  const value = isControlled ? checked : inner;\n\n  const toggle = () => {\n    if (disabled) return;\n    const next = !value;\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  const cls = [\n    \"checkbox\",\n    value && \"checked\",\n    indeterminate && \"indeterminate\",\n    disabled && \"disabled\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <label ref={ref} className={cls} {...rest}>\n      <button\n        type=\"button\"\n        role=\"checkbox\"\n        aria-checked={indeterminate ? \"mixed\" : value}\n        disabled={disabled}\n        onClick={toggle}\n        id={id}\n        className=\"checkbox-box\"\n      >\n        {indeterminate ? <Icon name=\"minus\" size={11} /> : value ? <Icon name=\"check\" size={11} /> : null}\n      </button>\n      {label && <span className=\"checkbox-label\">{label}</span>}\n    </label>\n  );\n});\nCheckbox.displayName = \"Checkbox\";\n\nexport interface RadioOption<T extends string | number = string> {\n  value: T;\n  label: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupProps<T extends string | number = string>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  options: RadioOption<T>[];\n  value?: T;\n  defaultValue?: T;\n  onChange?: (value: T) => void;\n  name?: string;\n  direction?: \"vertical\" | \"horizontal\";\n  className?: string;\n}\n\ntype RadioGroupComponent = <T extends string | number = string>(\n  props: RadioGroupProps<T> & React.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null;\n\nconst RadioGroupInner = <T extends string | number = string>({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  direction = \"vertical\",\n  className = \"\",\n  ...rest\n}: RadioGroupProps<T>, ref: React.ForwardedRef<HTMLDivElement>) => {\n  const [inner, setInner] = React.useState<T | undefined>(defaultValue);\n  const isControlled = value !== undefined;\n  const current = isControlled ? value : inner;\n\n  const pick = (v: T) => {\n    if (!isControlled) setInner(v);\n    onChange?.(v);\n  };\n\n  return (\n    <div ref={ref} className={`radio-group ${direction} ${className}`} {...rest}>\n      {options.map((opt) => (\n        <label\n          key={String(opt.value)}\n          className={`radio ${current === opt.value ? \"checked\" : \"\"} ${opt.disabled ? \"disabled\" : \"\"}`}\n        >\n          <button\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={current === opt.value}\n            disabled={opt.disabled}\n            onClick={() => pick(opt.value)}\n            className=\"radio-dot\"\n          />\n          <span className=\"radio-label\">{opt.label}</span>\n        </label>\n      ))}\n    </div>\n  );\n};\n\n/** `RadioGroup` — mutually exclusive options. */\nexport const RadioGroup = React.forwardRef(RadioGroupInner) as RadioGroupComponent;\n(RadioGroup as any).displayName = \"RadioGroup\";\n"]}

package/dist/{chunk-33TIL25B.cjs → chunk-SREMTSVI.cjs}

@@ -3,31 +3,54 @@
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./AppShell-RCALXUCZ.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/AppShell/AppShell.tsx
-var WindowControls = ({
+var WindowControls = React__namespace.forwardRef(({
   platform = "mac",
   onMinimize,
   onMaximize,
   onClose,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const noDragStyle = { WebkitAppRegion: "no-drag" };
   if (platform === "windows") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `win-controls windows ${className}`, style: noDragStyle, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `win-controls windows ${className}`, style: noDragStyle, ...rest, children: [
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, "aria-label": "Minimize", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 5h8", stroke: "currentColor", strokeWidth: "1" }) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn maximize", onClick: onMaximize, "aria-label": "Maximize", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "1", width: "8", height: "8", stroke: "currentColor", strokeWidth: "1" }) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 1l8 8M9 1l-8 8", stroke: "currentColor", strokeWidth: "1" }) }) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `win-controls mac ${className}`, style: noDragStyle, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `win-controls mac ${className}`, style: noDragStyle, ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn close", onClick: onClose, "aria-label": "Close" }),
     /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, "aria-label": "Minimize" }),
     /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn maximize", onClick: onMaximize, "aria-label": "Maximize" })
   ] });
-};
-var TitleBar = ({
+});
+WindowControls.displayName = "WindowControls";
+var TitleBar = React__namespace.forwardRef(({
   title,
   platform = "mac",
   onMinimize,
@@ -36,27 +59,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__ */ jsxRuntime.jsxs("div", { className: `titlebar ${platform} ${className}`, style: dragStyle, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `titlebar ${platform} ${className}`, style: dragStyle, ...rest, children: [
     platform === "mac" && /* @__PURE__ */ jsxRuntime.jsx(WindowControls, { platform: "mac", onMinimize, onMaximize, onClose }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-title", children: title }),
     center && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-center", style: noDragStyle, children: center }),
     actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-actions", style: noDragStyle, children: actions }),
     platform === "windows" && /* @__PURE__ */ jsxRuntime.jsx(WindowControls, { platform: "windows", onMinimize, onMaximize, onClose })
   ] });
-};
-var Sidebar = ({
+});
+TitleBar.displayName = "TitleBar";
+var Sidebar = React__namespace.forwardRef(({
   items,
   activeKey,
   onSelect,
   collapsed,
   header,
   footer,
-  className = ""
-}) => /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: `sidebar ${collapsed ? "collapsed" : ""} ${className}`, children: [
+  className = "",
+  ...rest
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("aside", { ref, className: `sidebar ${collapsed ? "collapsed" : ""} ${className}`, ...rest, children: [
   header && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sidebar-header", children: header }),
   /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "sidebar-nav", children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
@@ -73,18 +99,20 @@ var Sidebar = ({
     it.key
   )) }),
   footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sidebar-footer", children: footer })
-] });
-var AppShell = ({ sidebar, titleBar, children, className = "" }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `app-shell ${className}`, children: [
+] }));
+Sidebar.displayName = "Sidebar";
+var AppShell = React__namespace.forwardRef(({ sidebar, titleBar, children, className = "", ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `app-shell ${className}`, ...rest, children: [
   titleBar,
   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "app-shell-body", children: [
     sidebar,
     /* @__PURE__ */ jsxRuntime.jsx("main", { className: "app-shell-main", children })
   ] })
-] });
+] }));
+AppShell.displayName = "AppShell";
 
 exports.AppShell = AppShell;
 exports.Sidebar = Sidebar;
 exports.TitleBar = TitleBar;
 exports.WindowControls = WindowControls;
-//# sourceMappingURL=chunk-33TIL25B.cjs.map
-//# sourceMappingURL=chunk-33TIL25B.cjs.map
+//# sourceMappingURL=chunk-SREMTSVI.cjs.map
+//# sourceMappingURL=chunk-SREMTSVI.cjs.map

package/dist/chunk-SREMTSVI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppShell/AppShell.tsx"],"names":["React","jsxs","jsx"],"mappings":"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","file":"chunk-SREMTSVI.cjs","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-6GNFRP2H.js → chunk-SWB57EA2.js}

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/Switch/Switch.tsx
-var Switch = ({
+var Switch = React.forwardRef(({
   checked,
   defaultChecked,
   onChange,
@@ -15,8 +15,9 @@ var Switch = ({
   checkedChildren,
   unCheckedChildren,
   className = "",
-  id
-}) => {
+  id,
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultChecked ?? false);
   const isControlled = checked !== void 0;
   const value = isControlled ? checked : inner;
@@ -35,7 +36,7 @@ var Switch = ({
     hasChildren && "with-children",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+  return /* @__PURE__ */ jsxs("label", { ref, className: cls, ...rest, children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -57,8 +58,9 @@ var Switch = ({
     ),
     label && /* @__PURE__ */ jsx("span", { className: "switch-label", children: label })
   ] });
-};
+});
+Switch.displayName = "Switch";
 
 export { Switch };
-//# sourceMappingURL=chunk-6GNFRP2H.js.map
-//# sourceMappingURL=chunk-6GNFRP2H.js.map
+//# sourceMappingURL=chunk-SWB57EA2.js.map
+//# sourceMappingURL=chunk-SWB57EA2.js.map

package/dist/chunk-SWB57EA2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAwBO,IAAM,MAAA,GAAe,iBAA0C,CAAC;AAAA,EACrE,OAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,EAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,KAAA,CAAA,QAAA,CAAS,kBAAkB,KAAK,CAAA;AAChE,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,KAAA,GAAQ,eAAe,OAAA,GAAU,KAAA;AAEvC,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAM,OAAO,CAAC,KAAA;AACd,IAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,IAAI,CAAA;AAChC,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,eAAA,IAAmB,IAAA,IAAQ,iBAAA,IAAqB,IAAA;AACpE,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,QAAA;AAAA,IACA,KAAA,IAAS,IAAA;AAAA,IACT,SAAS,IAAA,IAAQ,IAAA;AAAA,IACjB,QAAA,IAAY,UAAA;AAAA,IACZ,WAAA,IAAe,eAAA;AAAA,IACf;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,EAAA,4BACG,OAAA,EAAA,EAAM,GAAA,EAAU,SAAA,EAAW,GAAA,EAAM,GAAG,IAAA,EACnC,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,cAAA,EAAc,KAAA;AAAA,QACd,QAAA;AAAA,QACA,OAAA,EAAS,MAAA;AAAA,QACT,EAAA;AAAA,QACA,SAAA,EAAU,cAAA;AAAA,QAET,QAAA,EAAA;AAAA,UAAA,WAAA,oBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EACd,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,4BACnD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAA,iBAAA,EAAkB;AAAA,WAAA,EACxD,CAAA;AAAA,0BAEF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA;AAAA,KACjC;AAAA,IACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAgB,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAClD,CAAA;AAEJ,CAAC;AACD,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-SWB57EA2.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Switch.css\";\nimport * as React from \"react\";\n\nexport interface SwitchProps\n  extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, \"onChange\" | \"children\" | \"id\"> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: React.ReactNode;\n  size?: \"sm\" | \"md\";\n  /** Content rendered inside the track when checked (short text or icon). */\n  checkedChildren?: React.ReactNode;\n  /** Content rendered inside the track when unchecked. */\n  unCheckedChildren?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\n/**\n * `Switch` — on/off toggle. Controlled or uncontrolled.\n */\nexport const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(({\n  checked,\n  defaultChecked,\n  onChange,\n  disabled,\n  label,\n  size = \"md\",\n  checkedChildren,\n  unCheckedChildren,\n  className = \"\",\n  id,\n  ...rest\n}, ref) => {\n  const [inner, setInner] = React.useState(defaultChecked ?? false);\n  const isControlled = checked !== undefined;\n  const value = isControlled ? checked : inner;\n\n  const toggle = () => {\n    if (disabled) return;\n    const next = !value;\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  const hasChildren = checkedChildren != null || unCheckedChildren != null;\n  const cls = [\n    \"switch\",\n    value && \"on\",\n    size !== \"md\" && size,\n    disabled && \"disabled\",\n    hasChildren && \"with-children\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <label ref={ref} className={cls} {...rest}>\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={value}\n        disabled={disabled}\n        onClick={toggle}\n        id={id}\n        className=\"switch-track\"\n      >\n        {hasChildren && (\n          <span className=\"switch-inner\">\n            <span className=\"switch-inner-on\">{checkedChildren}</span>\n            <span className=\"switch-inner-off\">{unCheckedChildren}</span>\n          </span>\n        )}\n        <span className=\"switch-thumb\" />\n      </button>\n      {label && <span className=\"switch-label\">{label}</span>}\n    </label>\n  );\n});\nSwitch.displayName = \"Switch\";\n"]}

package/dist/{chunk-FLPHVK45.js → chunk-T7ZBJJC4.js}

@@ -1,10 +1,11 @@
-import { Icon } from './chunk-X3JG3IR6.js';
+import { Icon } from './chunk-BSHHQOFY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Alert-JJ7GB3UU.css';
+import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var Alert = ({
+var Alert = React.forwardRef(({
   tone = "info",
   title,
   children,
@@ -13,14 +14,17 @@ var Alert = ({
   closable,
   onClose,
   action,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const iconName = icon ?? (tone === "success" ? "check2" : tone === "warning" || tone === "danger" ? "alert" : "info");
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref,
       className: `alert ${tone} ${title ? "" : "no-title"} ${showIcon ? "" : "no-icon"} ${className}`,
       role: "alert",
+      ...rest,
       children: [
         showIcon && /* @__PURE__ */ jsx("span", { className: "alert-ico", children: /* @__PURE__ */ jsx(Icon, { name: iconName, size: 14 }) }),
         /* @__PURE__ */ jsxs("div", { className: "alert-body", children: [
@@ -32,8 +36,9 @@ var Alert = ({
       ]
     }
   );
-};
+});
+Alert.displayName = "Alert";
 
 export { Alert };
-//# sourceMappingURL=chunk-FLPHVK45.js.map
-//# sourceMappingURL=chunk-FLPHVK45.js.map
+//# sourceMappingURL=chunk-T7ZBJJC4.js.map
+//# sourceMappingURL=chunk-T7ZBJJC4.js.map

package/dist/chunk-T7ZBJJC4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;AAwBO,IAAM,KAAA,GAAc,iBAAuC,CAAC;AAAA,EACjE,IAAA,GAAO,MAAA;AAAA,EACP,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,QAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,QAAA,GACJ,SAAS,IAAA,KAAS,SAAA,GAAY,WAAW,IAAA,KAAS,SAAA,IAAa,IAAA,KAAS,QAAA,GAAW,OAAA,GAAU,MAAA,CAAA;AAC/F,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAAI,KAAA,GAAQ,EAAA,GAAK,UAAU,CAAA,CAAA,EAAI,QAAA,GAAW,EAAA,GAAK,SAAS,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,MAC7F,IAAA,EAAK,OAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,EAAA,EAAI,CAAA,EAClC,CAAA;AAAA,wBAEF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EACZ,QAAA,EAAA;AAAA,UAAA,KAAA,oBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UAC7C,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAS;AAAA,SAAA,EACrD,CAAA;AAAA,QACC,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAgB,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,QAChD,4BACC,GAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,WAAU,aAAA,EAAc,OAAA,EAAS,OAAA,EAAS,YAAA,EAAW,WACzE,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,MAAK,GAAA,EAAI,IAAA,EAAM,IAAI,CAAA,EAC3B;AAAA;AAAA;AAAA,GAEJ;AAEJ,CAAC;AACD,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-T7ZBJJC4.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Alert.css\";\nimport * as React from \"react\";\nimport { Icon, type IconName } from \"../Icon\";\n\nexport type AlertTone = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface AlertProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"children\"> {\n  tone?: AlertTone;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  icon?: IconName;\n  /** Controls the leading semantic icon. Defaults to `true`. */\n  showIcon?: boolean;\n  closable?: boolean;\n  onClose?: () => void;\n  /** Right-side action area, rendered after the content and before the close button. */\n  action?: React.ReactNode;\n  className?: string;\n}\n\n/** `Alert` — inline contextual message. */\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(({\n  tone = \"info\",\n  title,\n  children,\n  icon,\n  showIcon = true,\n  closable,\n  onClose,\n  action,\n  className = \"\",\n  ...rest\n}, ref) => {\n  const iconName: IconName =\n    icon ?? (tone === \"success\" ? \"check2\" : tone === \"warning\" || tone === \"danger\" ? \"alert\" : \"info\");\n  return (\n    <div\n      ref={ref}\n      className={`alert ${tone} ${title ? \"\" : \"no-title\"} ${showIcon ? \"\" : \"no-icon\"} ${className}`}\n      role=\"alert\"\n      {...rest}\n    >\n      {showIcon && (\n        <span className=\"alert-ico\">\n          <Icon name={iconName} size={14} />\n        </span>\n      )}\n      <div className=\"alert-body\">\n        {title && <div className=\"alert-title\">{title}</div>}\n        {children && <div className=\"alert-desc\">{children}</div>}\n      </div>\n      {action && <div className=\"alert-action\">{action}</div>}\n      {closable && (\n        <button type=\"button\" className=\"alert-close\" onClick={onClose} aria-label=\"Dismiss\">\n          <Icon name=\"x\" size={12} />\n        </button>\n      )}\n    </div>\n  );\n});\nAlert.displayName = \"Alert\";\n"]}

package/dist/chunk-TC5ZL2OS.cjs

@@ -0,0 +1,165 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Empty-NQ72W3D7.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/Empty/Empty.tsx
+var Empty = React__namespace.forwardRef(({
+  title = "\u6682\u65E0\u5185\u5BB9",
+  description,
+  icon,
+  action,
+  size = "md",
+  variant = "default",
+  className = "",
+  ...rest
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `empty ${size} ${variant} ${className}`, ...rest, children: [
+  icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-ico", children: icon }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-title", children: title }),
+  description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-desc", children: description }),
+  action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-action", children: action })
+] }));
+Empty.displayName = "Empty";
+var Spinner = React__namespace.forwardRef(({
+  size = 20,
+  tone = "accent",
+  label,
+  variant = "ring",
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const cls = `spinner ${variant} ${tone} ${className}`.trim();
+  const spinnerStyle = variant === "dots" ? { fontSize: size, ...style } : { width: size, height: size, ...style };
+  const spinner = variant === "dots" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cls, style: spinnerStyle, "aria-label": "Loading", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("i", {})
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cls,
+      style: spinnerStyle,
+      "aria-label": "Loading"
+    }
+  );
+  if (!label) {
+    return React__namespace.cloneElement(spinner, {
+      ref,
+      ...rest
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: "spinner-wrap", style, ...rest, children: [
+    spinner,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner-label", children: label })
+  ] });
+});
+Spinner.displayName = "Spinner";
+var AVATAR_SIZE_PX = { sm: 32, md: 40, lg: 56 };
+var Skeleton = React__namespace.forwardRef(({
+  width = "100%",
+  height = 16,
+  circle,
+  animation = "wave",
+  avatar,
+  title,
+  paragraph,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const composite = avatar != null || title != null || paragraph != null;
+  if (!composite) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref,
+        className: `skeleton ${animation} ${circle ? "circle" : ""} ${className}`.trim(),
+        style: { width, height, borderRadius: circle ? "50%" : void 0, ...style },
+        ...rest
+      }
+    );
+  }
+  const avatarCfg = avatar === true ? {} : avatar === false || avatar == null ? null : avatar;
+  const titleCfg = title === false ? null : title === true || title == null ? {} : title;
+  const paragraphCfg = paragraph === false ? null : paragraph === true || paragraph == null ? {} : paragraph;
+  const rows = paragraphCfg?.rows ?? 3;
+  const rowWidths = paragraphCfg?.width ?? [];
+  const resolveRowWidth = (idx) => {
+    if (idx < rowWidths.length) return rowWidths[idx];
+    if (idx === rows - 1) return "60%";
+    return "100%";
+  };
+  const avatarPx = avatarCfg != null ? AVATAR_SIZE_PX[avatarCfg.size ?? "md"] : 0;
+  const avatarShape = avatarCfg?.shape ?? "circle";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: `skeleton-box ${className}`.trim(),
+      style,
+      ...rest,
+      children: [
+        avatarCfg && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: `skeleton ${animation} ${avatarShape === "circle" ? "circle" : ""} skeleton-avatar`.trim(),
+            style: {
+              width: avatarPx,
+              height: avatarPx,
+              borderRadius: avatarShape === "circle" ? "50%" : void 0,
+              flexShrink: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "skeleton-content", children: [
+          titleCfg && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: `skeleton ${animation} skeleton-title`.trim(),
+              style: { width: titleCfg.width ?? "38%", height: 16 }
+            }
+          ),
+          paragraphCfg && Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: `skeleton ${animation} skeleton-row`.trim(),
+              style: { width: resolveRowWidth(i), height: 12 }
+            },
+            i
+          ))
+        ] })
+      ]
+    }
+  );
+});
+Skeleton.displayName = "Skeleton";
+
+exports.Empty = Empty;
+exports.Skeleton = Skeleton;
+exports.Spinner = Spinner;
+//# sourceMappingURL=chunk-TC5ZL2OS.cjs.map
+//# sourceMappingURL=chunk-TC5ZL2OS.cjs.map

package/dist/chunk-TC5ZL2OS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Empty/Empty.tsx"],"names":["React","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,IAAM,KAAA,GAAcA,4BAAuC,CAAC;AAAA,EACjE,KAAA,GAAQ,0BAAA;AAAA,EACR,WAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAG,GAAA,qBACDC,eAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,SAAA,EAAW,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAAI,OAAO,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,IAAA,EACpE,QAAA,EAAA;AAAA,EAAA,IAAA,oBAAQC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,kBAC1CA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,EACnC,WAAA,oBAAeA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,EACxD,MAAA,oBAAUA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAgB,QAAA,EAAA,MAAA,EAAO;AAAA,CAAA,EACnD,CACD;AACD,KAAA,CAAM,WAAA,GAAc,OAAA;AAab,IAAM,OAAA,GAAgBF,4BAA0C,CAAC;AAAA,EACtE,IAAA,GAAO,EAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,KAAA;AAAA,EACA,OAAA,GAAU,MAAA;AAAA,EACV,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,GAAA,GAAM,WAAW,OAAO,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,SAAS,GAAG,IAAA,EAAK;AAC3D,EAAA,MAAM,YAAA,GACJ,OAAA,KAAY,MAAA,GACP,EAAE,UAAU,IAAA,EAAM,GAAG,KAAA,EAAM,GAC3B,EAAE,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,GAAG,KAAA,EAAM;AAC7C,EAAA,MAAM,OAAA,GACJ,OAAA,KAAY,MAAA,mBACVC,eAAA,CAAC,MAAA,EAAA,EAAK,WAAW,GAAA,EAAK,KAAA,EAAO,YAAA,EAAc,YAAA,EAAW,SAAA,EACpD,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,CAAA;AAAA,mCAAG,GAAA,EAAA,EAAE,CAAA;AAAA,mCAAG,GAAA,EAAA,EAAE;AAAA,GAAA,EACf,CAAA,mBAEAA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAA;AAAA,MACX,KAAA,EAAO,YAAA;AAAA,MACP,YAAA,EAAW;AAAA;AAAA,GACb;AAEJ,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAaF,8BAAa,OAAA,EAAS;AAAA,MACjC,GAAA;AAAA,MACA,GAAG;AAAA,KACJ,CAAA;AAAA,EACH;AACA,EAAA,uCACG,MAAA,EAAA,EAAK,GAAA,EAAU,WAAU,cAAA,EAAe,KAAA,EAAe,GAAG,IAAA,EACxD,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,oBACDE,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACzC,CAAA;AAEJ,CAAC;AACD,OAAA,CAAQ,WAAA,GAAc,SAAA;AA8CtB,IAAM,iBAAiB,EAAE,EAAA,EAAI,IAAI,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAG;AAgBzC,IAAM,QAAA,GAAiBF,4BAAuC,CAAC;AAAA,EACpE,KAAA,GAAQ,MAAA;AAAA,EACR,MAAA,GAAS,EAAA;AAAA,EACT,MAAA;AAAA,EACA,SAAA,GAAY,MAAA;AAAA,EACZ,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,SAAA,GAAY,MAAA,IAAU,IAAA,IAAQ,KAAA,IAAS,QAAQ,SAAA,IAAa,IAAA;AAElE,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,uBACEE,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA,EAAI,MAAA,GAAS,WAAW,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,QAC/E,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,cAAc,MAAA,GAAS,KAAA,GAAQ,MAAA,EAAW,GAAG,KAAA,EAAM;AAAA,QAC1E,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AAGA,EAAA,MAAM,SAAA,GACJ,WAAW,IAAA,GAAO,KAAK,MAAA,KAAW,KAAA,IAAS,MAAA,IAAU,IAAA,GAAO,IAAA,GAAO,MAAA;AACrE,EAAA,MAAM,QAAA,GACJ,UAAU,KAAA,GAAQ,IAAA,GAAO,UAAU,IAAA,IAAQ,KAAA,IAAS,IAAA,GAAO,EAAC,GAAI,KAAA;AAClE,EAAA,MAAM,YAAA,GACJ,cAAc,KAAA,GAAQ,IAAA,GAAO,cAAc,IAAA,IAAQ,SAAA,IAAa,IAAA,GAAO,EAAC,GAAI,SAAA;AAE9E,EAAA,MAAM,IAAA,GAAO,cAAc,IAAA,IAAQ,CAAA;AACnC,EAAA,MAAM,SAAA,GAAY,YAAA,EAAc,KAAA,IAAS,EAAC;AAC1C,EAAA,MAAM,eAAA,GAAkB,CAAC,GAAA,KAAiC;AACxD,IAAA,IAAI,GAAA,GAAM,SAAA,CAAU,MAAA,EAAQ,OAAO,UAAU,GAAG,CAAA;AAChD,IAAA,IAAI,GAAA,KAAQ,IAAA,GAAO,CAAA,EAAG,OAAO,KAAA;AAC7B,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,WACJ,SAAA,IAAa,IAAA,GAAO,eAAe,SAAA,CAAU,IAAA,IAAQ,IAAI,CAAA,GAAI,CAAA;AAC/D,EAAA,MAAM,WAAA,GAAc,WAAW,KAAA,IAAS,QAAA;AAExC,EAAA,uBACED,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,CAAA,aAAA,EAAgB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC5C,KAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,SAAA,oBACCC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,YAAY,SAAS,CAAA,CAAA,EAAI,gBAAgB,QAAA,GAAW,QAAA,GAAW,EAAE,CAAA,gBAAA,CAAA,CAAmB,IAAA,EAAK;AAAA,YACpG,KAAA,EAAO;AAAA,cACL,KAAA,EAAO,QAAA;AAAA,cACP,MAAA,EAAQ,QAAA;AAAA,cACR,YAAA,EAAc,WAAA,KAAgB,QAAA,GAAW,KAAA,GAAQ,MAAA;AAAA,cACjD,UAAA,EAAY;AAAA;AACd;AAAA,SACF;AAAA,wBAEFD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,QAAA,oBACCC,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,CAAA,SAAA,EAAY,SAAS,CAAA,eAAA,CAAA,CAAkB,IAAA,EAAK;AAAA,cACvD,OAAO,EAAE,KAAA,EAAO,SAAS,KAAA,IAAS,KAAA,EAAO,QAAQ,EAAA;AAAG;AAAA,WACtD;AAAA,UAED,YAAA,IACC,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,IAAA,EAAM,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACnCA,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cAEC,SAAA,EAAW,CAAA,SAAA,EAAY,SAAS,CAAA,aAAA,CAAA,CAAgB,IAAA,EAAK;AAAA,cACrD,OAAO,EAAE,KAAA,EAAO,gBAAgB,CAAC,CAAA,EAAG,QAAQ,EAAA;AAAG,aAAA;AAAA,YAF1C;AAAA,WAIR;AAAA,SAAA,EACL;AAAA;AAAA;AAAA,GACF;AAEJ,CAAC;AACD,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-TC5ZL2OS.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Empty.css\";\nimport * as React from \"react\";\n\nexport interface EmptyProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"children\"> {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** `subtle` drops the recessed icon well — good for inline / embedded use. */\n  variant?: \"default\" | \"subtle\";\n  className?: string;\n}\n\n/** `Empty` — empty state placeholder. */\nexport const Empty = React.forwardRef<HTMLDivElement, EmptyProps>(({\n  title = \"暂无内容\",\n  description,\n  icon,\n  action,\n  size = \"md\",\n  variant = \"default\",\n  className = \"\",\n  ...rest\n}, ref) => (\n  <div ref={ref} className={`empty ${size} ${variant} ${className}`} {...rest}>\n    {icon && <div className=\"empty-ico\">{icon}</div>}\n    <div className=\"empty-title\">{title}</div>\n    {description && <div className=\"empty-desc\">{description}</div>}\n    {action && <div className=\"empty-action\">{action}</div>}\n  </div>\n));\nEmpty.displayName = \"Empty\";\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  size?: number;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\" | \"current\";\n  /** Text rendered next to the spinner. */\n  label?: React.ReactNode;\n  /** `ring` is the default border spinner; `dots` is a three-dot bounce. */\n  variant?: \"ring\" | \"dots\";\n  className?: string;\n}\n\n/** `Spinner` — loading indicator. */\nexport const Spinner = React.forwardRef<HTMLSpanElement, SpinnerProps>(({\n  size = 20,\n  tone = \"accent\",\n  label,\n  variant = \"ring\",\n  className = \"\",\n  style,\n  ...rest\n}, ref) => {\n  const cls = `spinner ${variant} ${tone} ${className}`.trim();\n  const spinnerStyle =\n    variant === \"dots\"\n      ? ({ fontSize: size, ...style } as React.CSSProperties)\n      : ({ width: size, height: size, ...style } as React.CSSProperties);\n  const spinner =\n    variant === \"dots\" ? (\n      <span className={cls} style={spinnerStyle} aria-label=\"Loading\">\n        <i /><i /><i />\n      </span>\n    ) : (\n      <span\n        className={cls}\n        style={spinnerStyle}\n        aria-label=\"Loading\"\n      />\n    );\n  if (!label) {\n    return React.cloneElement(spinner, {\n      ref,\n      ...rest,\n    });\n  }\n  return (\n    <span ref={ref} className=\"spinner-wrap\" style={style} {...rest}>\n      {spinner}\n      <span className=\"spinner-label\">{label}</span>\n    </span>\n  );\n});\nSpinner.displayName = \"Spinner\";\n\nexport interface SkeletonAvatarConfig {\n  shape?: \"circle\" | \"square\";\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport interface SkeletonTitleConfig {\n  width?: number | string;\n}\n\nexport interface SkeletonParagraphConfig {\n  rows?: number;\n  width?: (number | string)[];\n}\n\nexport interface SkeletonProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"title\"> {\n  /* -------- primitive mode -------- */\n  width?: number | string;\n  height?: number | string;\n  circle?: boolean;\n  /** `wave` is a shimmer sweep; `pulse` fades opacity; `none` disables animation. */\n  animation?: \"wave\" | \"pulse\" | \"none\";\n\n  /* -------- composite mode -------- */\n  /**\n   * Render an avatar skeleton on the left. `true` gives the defaults (circle, md).\n   * @example avatar\n   * @example avatar={{ shape: \"square\", size: \"lg\" }}\n   */\n  avatar?: boolean | SkeletonAvatarConfig;\n  /**\n   * Render a title line skeleton. Defaults to `true` whenever the composite layout is active\n   * (any of `avatar` / `paragraph` / `title` is set).\n   */\n  title?: boolean | SkeletonTitleConfig;\n  /**\n   * Render N paragraph lines. `true` gives 3 rows; passing `width` arrays lets you\n   * control per-row widths (last row defaults to 60%).\n   */\n  paragraph?: boolean | SkeletonParagraphConfig;\n\n  className?: string;\n}\n\nconst AVATAR_SIZE_PX = { sm: 32, md: 40, lg: 56 } as const;\n\n/**\n * `Skeleton` — content placeholder during loading.\n *\n * Two modes:\n * - **Primitive** (no composite prop set): renders a single block using `width` / `height` / `circle`.\n * - **Composite** (`avatar` / `title` / `paragraph`): renders the Ant-Design-style avatar + title + paragraph layout.\n *\n * @example\n * // primitive\n * <Skeleton height={14} width=\"60%\" />\n * @example\n * // composite\n * <Skeleton avatar title paragraph={{ rows: 4 }} />\n */\nexport const Skeleton = React.forwardRef<HTMLElement, SkeletonProps>(({\n  width = \"100%\",\n  height = 16,\n  circle,\n  animation = \"wave\",\n  avatar,\n  title,\n  paragraph,\n  className = \"\",\n  style,\n  ...rest\n}, ref) => {\n  const composite = avatar != null || title != null || paragraph != null;\n\n  if (!composite) {\n    return (\n      <span\n        ref={ref as React.ForwardedRef<HTMLSpanElement>}\n        className={`skeleton ${animation} ${circle ? \"circle\" : \"\"} ${className}`.trim()}\n        style={{ width, height, borderRadius: circle ? \"50%\" : undefined, ...style }}\n        {...rest}\n      />\n    );\n  }\n\n  // --- composite mode ---\n  const avatarCfg: SkeletonAvatarConfig | null =\n    avatar === true ? {} : avatar === false || avatar == null ? null : avatar;\n  const titleCfg: SkeletonTitleConfig | null =\n    title === false ? null : title === true || title == null ? {} : title;\n  const paragraphCfg: SkeletonParagraphConfig | null =\n    paragraph === false ? null : paragraph === true || paragraph == null ? {} : paragraph;\n\n  const rows = paragraphCfg?.rows ?? 3;\n  const rowWidths = paragraphCfg?.width ?? [];\n  const resolveRowWidth = (idx: number): number | string => {\n    if (idx < rowWidths.length) return rowWidths[idx];\n    if (idx === rows - 1) return \"60%\";\n    return \"100%\";\n  };\n\n  const avatarPx =\n    avatarCfg != null ? AVATAR_SIZE_PX[avatarCfg.size ?? \"md\"] : 0;\n  const avatarShape = avatarCfg?.shape ?? \"circle\";\n\n  return (\n    <div\n      ref={ref as React.ForwardedRef<HTMLDivElement>}\n      className={`skeleton-box ${className}`.trim()}\n      style={style as React.CSSProperties | undefined}\n      {...rest}\n    >\n      {avatarCfg && (\n        <span\n          className={`skeleton ${animation} ${avatarShape === \"circle\" ? \"circle\" : \"\"} skeleton-avatar`.trim()}\n          style={{\n            width: avatarPx,\n            height: avatarPx,\n            borderRadius: avatarShape === \"circle\" ? \"50%\" : undefined,\n            flexShrink: 0,\n          }}\n        />\n      )}\n      <div className=\"skeleton-content\">\n        {titleCfg && (\n          <span\n            className={`skeleton ${animation} skeleton-title`.trim()}\n            style={{ width: titleCfg.width ?? \"38%\", height: 16 }}\n          />\n        )}\n        {paragraphCfg &&\n          Array.from({ length: rows }).map((_, i) => (\n            <span\n              key={i}\n              className={`skeleton ${animation} skeleton-row`.trim()}\n              style={{ width: resolveRowWidth(i), height: 12 }}\n            />\n          ))}\n      </div>\n    </div>\n  );\n});\nSkeleton.displayName = \"Skeleton\";\n"]}

package/dist/{chunk-I7UJA6RM.cjs → chunk-V24B7KWT.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3KQKEE5O_cjs = require('./chunk-3KQKEE5O.cjs');
+var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Calendar-LHZELUDL.css');
@@ -28,15 +28,16 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var WEEKDAYS = ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
-var Calendar = ({
+var Calendar = React__namespace.forwardRef(({
   value,
   defaultValue,
   onChange,
   min,
   max,
   disabledDate,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultValue ?? /* @__PURE__ */ new Date());
   const isControlled = value !== void 0;
   const sel = isControlled ? value : inner;
@@ -56,7 +57,7 @@ var Calendar = ({
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `calendar ${className}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `calendar ${className}`, ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "calendar-head", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
@@ -65,7 +66,7 @@ var Calendar = ({
           className: "btn icon sm ghost",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() - 1, 1)),
           "aria-label": "Previous month",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "chevLeft", size: 14 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "chevLeft", size: 14 })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "calendar-title", children: [
@@ -81,7 +82,7 @@ var Calendar = ({
           className: "btn icon sm ghost",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() + 1, 1)),
           "aria-label": "Next month",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk3KQKEE5O_cjs.Icon, { name: "chevRight", size: 14 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "chevRight", size: 14 })
         }
       )
     ] }),
@@ -105,8 +106,9 @@ var Calendar = ({
       })
     ] })
   ] });
-};
+});
+Calendar.displayName = "Calendar";
 
 exports.Calendar = Calendar;
-//# sourceMappingURL=chunk-I7UJA6RM.cjs.map
-//# sourceMappingURL=chunk-I7UJA6RM.cjs.map
+//# sourceMappingURL=chunk-V24B7KWT.cjs.map
+//# sourceMappingURL=chunk-V24B7KWT.cjs.map