@fangxinyan/lumina 0.1.6 → 0.2.1

package/dist/Table.d.ts

@@ -1,6 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
+type RowKey = string | number;
+interface TableColumnFilterItem {
+    text: React.ReactNode;
+    value: string | number;
+}
 interface TableColumn<Row = any> {
     key: string;
     title: React.ReactNode;
@@ -10,12 +15,78 @@ interface TableColumn<Row = any> {
     width?: number | string;
     align?: "left" | "center" | "right";
     sortable?: boolean;
+    /** Filter options shown in header dropdown. Requires `onFilter` (or data index match). */
+    filters?: TableColumnFilterItem[];
+    /**
+     * Predicate to decide whether a row matches a given filter value.
+     * If omitted, falls back to strict equality on `row[dataIndex]`.
+     */
+    onFilter?: (value: string | number, row: Row) => boolean;
+    /**
+     * Default active filter values. When `filteredValue` is controlled externally via
+     * `Table.filteredValue`, prefer managing it at the table level.
+     */
+    defaultFilteredValue?: (string | number)[];
+    /** Controlled filter selection — when provided, makes the column's filter controlled. */
+    filteredValue?: (string | number)[];
 }
 type TableVariant = "default" | "striped" | "embossed" | "cards";
+interface PaginationConfig {
+    /** Current page (1-indexed). Makes pagination controlled. */
+    current?: number;
+    /** Uncontrolled initial page. */
+    defaultCurrent?: number;
+    /** Items per page. */
+    pageSize?: number;
+    /** Default items per page (uncontrolled). */
+    defaultPageSize?: number;
+    /** Total item count. Defaults to `data.length` when omitted. */
+    total?: number;
+    /** Fired when user picks a page or changes page size. */
+    onChange?: (page: number, pageSize: number) => void;
+    /** Reserved for future: jump-to-page input. */
+    showQuickJumper?: boolean;
+    /** Reserved for future: page size dropdown. */
+    showSizeChanger?: boolean;
+    /** Reserved for future: selectable page sizes. */
+    pageSizeOptions?: number[];
+}
+interface RowSelectionConfig<Row = any> {
+    /** "checkbox" (default) allows multi-select; "radio" allows only one row at a time. */
+    type?: "checkbox" | "radio";
+    /** Controlled list of selected row keys. */
+    selectedRowKeys?: RowKey[];
+    /** Uncontrolled initial selection. */
+    defaultSelectedRowKeys?: RowKey[];
+    /** Fired on selection change; receives the new keys and matching rows. */
+    onChange?: (selectedRowKeys: RowKey[], selectedRows: Row[]) => void;
+    /** Per-row switch toggling checkbox disabled state. */
+    getCheckboxProps?: (row: Row) => {
+        disabled?: boolean;
+    };
+}
+interface ExpandableConfig<Row = any> {
+    /** Controlled expanded row keys. */
+    expandedRowKeys?: RowKey[];
+    /** Uncontrolled initial expanded row keys. */
+    defaultExpandedRowKeys?: RowKey[];
+    /** Fired when a row expands / collapses. */
+    onExpand?: (expanded: boolean, row: Row) => void;
+    /** Render function for the expanded panel. When omitted, no expand UI renders. */
+    expandedRowRender?: (row: Row, index: number) => React.ReactNode;
+    /** Decide whether a given row can be expanded. */
+    rowExpandable?: (row: Row) => boolean;
+}
+interface TableScrollConfig {
+    /** Horizontal scroll: min-width of the inner table. */
+    x?: number | string;
+    /** Vertical scroll: max body height (with sticky header). */
+    y?: number | string;
+}
 interface TableProps<Row = any> {
     columns: TableColumn<Row>[];
     data: Row[];
-    rowKey?: keyof Row | ((row: Row) => string | number);
+    rowKey?: keyof Row | ((row: Row) => RowKey);
     /** Visual variant. */
     variant?: TableVariant;
     /** Hoverable rows. */
@@ -26,10 +97,32 @@ interface TableProps<Row = any> {
     sortKey?: string;
     sortDir?: "asc" | "desc";
     onSort?: (key: string) => void;
-    /** Row selection — controlled list of selected row keys. */
+    /**
+     * Row selection config — preferred API (antd-style).
+     * When provided, takes precedence over `selectable` / `selected` / `onSelect`.
+     */
+    rowSelection?: RowSelectionConfig<Row>;
+    /**
+     * @deprecated Use `rowSelection` instead. Kept for backwards compatibility.
+     */
     selectable?: boolean;
-    selected?: (string | number)[];
-    onSelect?: (keys: (string | number)[]) => void;
+    /**
+     * @deprecated Use `rowSelection.selectedRowKeys` instead.
+     */
+    selected?: RowKey[];
+    /**
+     * @deprecated Use `rowSelection.onChange` instead.
+     */
+    onSelect?: (keys: RowKey[]) => void;
+    /** Expandable row config. */
+    expandable?: ExpandableConfig<Row>;
+    /**
+     * Pagination config — `false` disables pagination; otherwise renders a bottom
+     * pagination bar and slices the data accordingly.
+     */
+    pagination?: false | PaginationConfig;
+    /** Horizontal / vertical scroll config. */
+    scroll?: TableScrollConfig;
     /** Called when user clicks a row. */
     onRowClick?: (row: Row, index: number) => void;
     /** Empty state. */
@@ -37,13 +130,13 @@ interface TableProps<Row = any> {
     className?: string;
 }
 /** `Table` — neumorphic data table with sorting, selection and visual variants. */
-declare function Table<Row extends Record<string, any> = any>({ columns, data, rowKey, variant, hoverable, striped, sortKey, sortDir, onSort, selectable, selected, onSelect, onRowClick, empty, className, }: TableProps<Row>): react_jsx_runtime.JSX.Element;
+declare function Table<Row extends Record<string, any> = any>({ columns, data, rowKey, variant, hoverable, striped, sortKey, sortDir, onSort, rowSelection, selectable, selected, onSelect, expandable, pagination, scroll, onRowClick, empty, className, }: TableProps<Row>): react_jsx_runtime.JSX.Element;
 interface TableProProps<Row = any> extends TableProps<Row> {
     /** Toolbar slot — search input, filter, etc. */
     toolbar?: React.ReactNode;
     /** Right-aligned actions slot in toolbar. */
     actions?: React.ReactNode;
-    /** Footer slot — usually <Pagination />. */
+    /** Footer slot — usually <Pagination />. Optional now that `pagination` is built-in. */
     footer?: React.ReactNode;
     /** Title shown above the toolbar. */
     title?: React.ReactNode;
@@ -51,7 +144,10 @@ interface TableProProps<Row = any> extends TableProps<Row> {
 /**
  * `TablePro` — full-featured table card with toolbar, sortable/selectable rows,
  * variants, and a footer slot for pagination.
+ *
+ * Prefer the built-in `pagination` prop over rendering a `<Pagination />` in the
+ * `footer` slot; `footer` still works for custom footers.
  */
 declare function TablePro<Row extends Record<string, any> = any>({ toolbar, actions, footer, title, className, ...tableProps }: TableProProps<Row>): react_jsx_runtime.JSX.Element;
 
-export { Table, type TableColumn, TablePro, type TableProProps, type TableProps, type TableVariant };
+export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, TablePro, type TableProProps, type TableProps, type TableScrollConfig, type TableVariant };

package/dist/Table.js

@@ -1,5 +1,9 @@
-export { Table, TablePro } from './chunk-2W2AJUZW.js';
+export { Table, TablePro } from './chunk-E6R63QOL.js';
+import './chunk-TYQ5CN2C.js';
+import './chunk-ZVCMXDTP.js';
+import './chunk-AJZKESHB.js';
 import './chunk-M6CGYGEO.js';
+import './chunk-V2DIQ3RH.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Table.js.map
 //# sourceMappingURL=Table.js.map

package/dist/{Tabs-A27TSZOP.css → Tabs-RHK6XAFF.css}

@@ -58,6 +58,13 @@
   box-shadow: 0 0 8px var(--accent-glow);
 }
 
+/* Centered nav — works for pill / segmented (self-align) and line (flex-center) */
+.tabs.centered .tabs-nav { align-self: center; }
+.tabs.centered.line .tabs-nav,
+.tabs.centered.underline .tabs-nav { align-self: stretch; justify-content: center; }
+.tabs.centered.line .tabs-nav .tab,
+.tabs.centered.underline .tabs-nav .tab { margin-right: 11px; margin-left: 11px; }
+
 .tabs-content { padding: var(--gap-2) 0; }
 
 /* Segmented (owned by Tabs.tsx — Segmented is co-exported) */

package/dist/Tabs.cjs

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

package/dist/Tabs.d.cts

@@ -13,6 +13,8 @@ interface TabsProps {
     defaultActiveKey?: string;
     onChange?: (key: string) => void;
     variant?: "line" | "pill" | "segmented";
+    /** Center-align the tab bar horizontally. */
+    centered?: boolean;
     className?: string;
 }
 /** `Tabs` — switchable sections. */

package/dist/Tabs.d.ts

@@ -13,6 +13,8 @@ interface TabsProps {
     defaultActiveKey?: string;
     onChange?: (key: string) => void;
     variant?: "line" | "pill" | "segmented";
+    /** Center-align the tab bar horizontally. */
+    centered?: boolean;
     className?: string;
 }
 /** `Tabs` — switchable sections. */

package/dist/Tabs.js

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

package/dist/{Tag-EYOY3UWG.css → Tag-FGDY3W7E.css}

@@ -22,7 +22,9 @@
 .tag.solid.success  { background: var(--success); color: white; box-shadow: 0 2px 6px color-mix(in oklch, var(--success) 35%, transparent); }
 .tag.solid.warning  { background: var(--warning); color: white; box-shadow: 0 2px 6px color-mix(in oklch, var(--warning) 35%, transparent); }
 .tag.solid.danger   { background: var(--danger);  color: white; box-shadow: 0 2px 6px color-mix(in oklch, var(--danger) 35%, transparent); }
+.tag.borderless { background: transparent; box-shadow: none; }
 .tag .dot { width: 6px; height: 6px; border-radius: 999px; background: currentColor; }
+.tag .tag-ico { color: currentColor; display: inline-flex; }
 .tag .x { cursor: pointer; color: var(--fg-subtle); margin-left: 2px; display: inline-flex; }
 .tag .x:hover { color: var(--fg); }
 

package/dist/Tag.cjs

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

package/dist/Tag.d.cts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { IconName } from './Icon.cjs';
 
 type TagTone = "neutral" | "accent" | "info" | "success" | "warning" | "danger";
 interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -6,9 +7,13 @@ interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     solid?: boolean;
     /** Render a leading colored dot. */
     dot?: boolean;
+    /** Leading icon (uses the built-in `Icon` component). */
+    icon?: IconName;
     /** Show a close button. */
     removable?: boolean;
     onRemove?: () => void;
+    /** Whether to render the tag outline/flat shadow. Defaults to `true`. */
+    bordered?: boolean;
     children?: React.ReactNode;
 }
 /** `Tag` — small label/pill. */

package/dist/Tag.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { IconName } from './Icon.js';
 
 type TagTone = "neutral" | "accent" | "info" | "success" | "warning" | "danger";
 interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -6,9 +7,13 @@ interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     solid?: boolean;
     /** Render a leading colored dot. */
     dot?: boolean;
+    /** Leading icon (uses the built-in `Icon` component). */
+    icon?: IconName;
     /** Show a close button. */
     removable?: boolean;
     onRemove?: () => void;
+    /** Whether to render the tag outline/flat shadow. Defaults to `true`. */
+    bordered?: boolean;
     children?: React.ReactNode;
 }
 /** `Tag` — small label/pill. */

package/dist/Tag.js

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

package/dist/chunk-437LB2V4.js

@@ -0,0 +1,111 @@
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Slider-X4PVA65R.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Slider/Slider.tsx
+var asArray = (v, fallback) => {
+  if (v === void 0) return [fallback];
+  return Array.isArray(v) ? [...v] : [v];
+};
+var Slider = (props) => {
+  const {
+    min = 0,
+    max = 100,
+    step = 1,
+    disabled,
+    showValue,
+    tone = "accent",
+    marks,
+    className = ""
+  } = props;
+  const range = props.range === true;
+  const value = props.value;
+  const defaultValue = props.defaultValue;
+  const onChange = props.onChange;
+  const initial = React.useMemo(() => {
+    if (defaultValue !== void 0) return asArray(defaultValue, 0);
+    return range ? [min, max] : [0];
+  }, []);
+  const [inner, setInner] = React.useState(initial);
+  const isControlled = value !== void 0;
+  const nums = isControlled ? asArray(value, range ? min : 0) : inner;
+  const pctOf = (n) => (n - min) / (max - min) * 100;
+  const emit = (arr) => {
+    if (range) {
+      onChange?.([arr[0], arr[1]]);
+    } else {
+      onChange?.(arr[0]);
+    }
+  };
+  const updateAt = (index, next) => {
+    const clamped = Math.max(min, Math.min(max, next));
+    const out = [...nums];
+    out[index] = clamped;
+    if (range && out.length === 2 && out[0] > out[1]) {
+      out.sort((a, b) => a - b);
+    }
+    if (!isControlled) setInner(out);
+    emit(out);
+  };
+  const handleMarkClick = (mark) => {
+    if (disabled) return;
+    if (!range) {
+      updateAt(0, mark);
+      return;
+    }
+    const [a, b] = nums;
+    const closerIndex = Math.abs(a - mark) <= Math.abs(b - mark) ? 0 : 1;
+    updateAt(closerIndex, mark);
+  };
+  const fillLeft = range ? pctOf(Math.min(nums[0], nums[1])) : 0;
+  const fillRight = range ? 100 - pctOf(Math.max(nums[0], nums[1])) : 100 - pctOf(nums[0]);
+  return /* @__PURE__ */ jsxs("div", { className: `slider ${tone} ${disabled ? "disabled" : ""} ${marks ? "has-marks" : ""} ${className}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "slider-track", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "slider-fill",
+        style: { left: `${fillLeft}%`, right: `${fillRight}%` }
+      }
+    ) }),
+    nums.map((n, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "slider-thumb", style: { left: `${pctOf(n)}%` } }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "range",
+          min,
+          max,
+          step,
+          value: n,
+          disabled,
+          onChange: (e) => updateAt(i, Number(e.target.value))
+        }
+      )
+    ] }, i)),
+    showValue && /* @__PURE__ */ jsx("span", { className: "slider-value", children: range ? `${nums[0]} \u2013 ${nums[1]}` : nums[0] }),
+    marks && /* @__PURE__ */ jsx("div", { className: "slider-marks", children: Object.entries(marks).map(([k, label]) => {
+      const n = Number(k);
+      const left = pctOf(n);
+      const active = range ? n >= Math.min(nums[0], nums[1]) && n <= Math.max(nums[0], nums[1]) : n <= nums[0];
+      return /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: `slider-mark ${active ? "active" : ""}`,
+          style: { left: `${left}%` },
+          onClick: () => handleMarkClick(n),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "slider-mark-dot" }),
+            /* @__PURE__ */ jsx("span", { className: "slider-mark-label", children: label })
+          ]
+        },
+        k
+      );
+    }) })
+  ] });
+};
+
+export { Slider };
+//# sourceMappingURL=chunk-437LB2V4.js.map
+//# sourceMappingURL=chunk-437LB2V4.js.map

package/dist/chunk-437LB2V4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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","file":"chunk-437LB2V4.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Slider.css\";\nimport * as React from \"react\";\n\nexport type SliderSingleValue = number;\nexport type SliderRangeValue = [number, number];\nexport type SliderValue = SliderSingleValue | SliderRangeValue;\n\ninterface SliderBaseProps {\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  showValue?: boolean;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  /** Tick marks with labels. Clicking a mark snaps to it. */\n  marks?: Record<number, React.ReactNode>;\n  className?: string;\n}\n\nexport interface SliderSingleProps extends SliderBaseProps {\n  range?: false;\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n}\n\nexport interface SliderRangeProps extends SliderBaseProps {\n  range: true;\n  value?: SliderRangeValue;\n  defaultValue?: SliderRangeValue;\n  onChange?: (value: SliderRangeValue) => void;\n}\n\nexport type SliderProps = SliderSingleProps | SliderRangeProps;\n\nconst asArray = (v: SliderValue | undefined, fallback: number): number[] => {\n  if (v === undefined) return [fallback];\n  return Array.isArray(v) ? [...v] : [v];\n};\n\n/** `Slider` — neumorphic range input with grooved track. */\nexport const Slider: React.FC<SliderProps> = (props) => {\n  const {\n    min = 0,\n    max = 100,\n    step = 1,\n    disabled,\n    showValue,\n    tone = \"accent\",\n    marks,\n    className = \"\",\n  } = props;\n\n  const range = (props as SliderRangeProps).range === true;\n  const value = (props as { value?: SliderValue }).value;\n  const defaultValue = (props as { defaultValue?: SliderValue }).defaultValue;\n  const onChange = (props as { onChange?: (v: SliderValue) => void }).onChange;\n\n  const initial = React.useMemo<number[]>(() => {\n    if (defaultValue !== undefined) return asArray(defaultValue, 0);\n    return range ? [min, max] : [0];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const [inner, setInner] = React.useState<number[]>(initial);\n  const isControlled = value !== undefined;\n  const nums = isControlled ? asArray(value, range ? min : 0) : inner;\n\n  const pctOf = (n: number) => ((n - min) / (max - min)) * 100;\n\n  const emit = (arr: number[]) => {\n    if (range) {\n      onChange?.([arr[0], arr[1]] as SliderRangeValue);\n    } else {\n      onChange?.(arr[0]);\n    }\n  };\n\n  const updateAt = (index: number, next: number) => {\n    const clamped = Math.max(min, Math.min(max, next));\n    const out = [...nums];\n    out[index] = clamped;\n    if (range && out.length === 2 && out[0] > out[1]) {\n      out.sort((a, b) => a - b);\n    }\n    if (!isControlled) setInner(out);\n    emit(out);\n  };\n\n  const handleMarkClick = (mark: number) => {\n    if (disabled) return;\n    if (!range) {\n      updateAt(0, mark);\n      return;\n    }\n    const [a, b] = nums;\n    const closerIndex = Math.abs(a - mark) <= Math.abs(b - mark) ? 0 : 1;\n    updateAt(closerIndex, mark);\n  };\n\n  const fillLeft = range ? pctOf(Math.min(nums[0], nums[1])) : 0;\n  const fillRight = range\n    ? 100 - pctOf(Math.max(nums[0], nums[1]))\n    : 100 - pctOf(nums[0]);\n\n  return (\n    <div className={`slider ${tone} ${disabled ? \"disabled\" : \"\"} ${marks ? \"has-marks\" : \"\"} ${className}`}>\n      <div className=\"slider-track\">\n        <div\n          className=\"slider-fill\"\n          style={{ left: `${fillLeft}%`, right: `${fillRight}%` }}\n        />\n      </div>\n      {nums.map((n, i) => (\n        <React.Fragment key={i}>\n          <div className=\"slider-thumb\" style={{ left: `${pctOf(n)}%` }} />\n          <input\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={n}\n            disabled={disabled}\n            onChange={(e) => updateAt(i, Number(e.target.value))}\n          />\n        </React.Fragment>\n      ))}\n      {showValue && (\n        <span className=\"slider-value\">\n          {range ? `${nums[0]} – ${nums[1]}` : nums[0]}\n        </span>\n      )}\n      {marks && (\n        <div className=\"slider-marks\">\n          {Object.entries(marks).map(([k, label]) => {\n            const n = Number(k);\n            const left = pctOf(n);\n            const active = range\n              ? n >= Math.min(nums[0], nums[1]) && n <= Math.max(nums[0], nums[1])\n              : n <= nums[0];\n            return (\n              <span\n                key={k}\n                className={`slider-mark ${active ? \"active\" : \"\"}`}\n                style={{ left: `${left}%` }}\n                onClick={() => handleMarkClick(n)}\n              >\n                <span className=\"slider-mark-dot\" />\n                <span className=\"slider-mark-label\">{label}</span>\n              </span>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/chunk-4MR4GVTD.js

@@ -0,0 +1,73 @@
+import { Icon } from './chunk-GEYMWUW6.js';
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Accordion-3TQPKNN3.css';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Accordion = ({
+  items,
+  multiple = false,
+  accordion = false,
+  collapsible = "header",
+  activeKeys,
+  defaultActiveKeys = [],
+  onChange,
+  className = ""
+}) => {
+  const [inner, setInner] = React.useState(defaultActiveKeys);
+  const isControlled = activeKeys !== void 0;
+  const keys = isControlled ? activeKeys : inner;
+  const singleOpen = accordion || !multiple;
+  const toggle = (k, itemDisabled) => {
+    if (collapsible === "disabled" || itemDisabled) return;
+    const next = keys.includes(k) ? keys.filter((x) => x !== k) : singleOpen ? [k] : [...keys, k];
+    if (!isControlled) setInner(next);
+    onChange?.(next);
+  };
+  return /* @__PURE__ */ jsx("div", { className: `accordion ${className}`, children: items.map((it) => {
+    const open = keys.includes(it.key);
+    const isDisabled = it.disabled || collapsible === "disabled";
+    const headerClickable = collapsible === "header" && !isDisabled;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `accordion-item ${open ? "open" : ""} ${isDisabled ? "disabled" : ""} ${collapsible === "icon" ? "icon-only" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "accordion-head",
+              disabled: isDisabled,
+              onClick: () => headerClickable && toggle(it.key, it.disabled),
+              "aria-expanded": open,
+              children: [
+                /* @__PURE__ */ jsx("span", { children: it.title }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: `accordion-chev${collapsible === "icon" ? " clickable" : ""}`,
+                    onClick: (e) => {
+                      if (collapsible === "icon" && !isDisabled) {
+                        e.stopPropagation();
+                        toggle(it.key, it.disabled);
+                      }
+                    },
+                    children: /* @__PURE__ */ jsx(Icon, { name: "chevDown", size: 16 })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "accordion-body", children: /* @__PURE__ */ jsx("div", { className: "accordion-body-inner", children: it.content }) })
+        ]
+      },
+      it.key
+    );
+  }) });
+};
+
+export { Accordion };
+//# sourceMappingURL=chunk-4MR4GVTD.js.map
+//# sourceMappingURL=chunk-4MR4GVTD.js.map

package/dist/chunk-4MR4GVTD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"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","file":"chunk-4MR4GVTD.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Accordion.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface AccordionItem {\n  key: string;\n  title: React.ReactNode;\n  content: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface AccordionProps {\n  items: AccordionItem[];\n  /** If true, multiple sections can be open at once. */\n  multiple?: boolean;\n  /**\n   * Accordion mode — at most one item open at a time. Takes precedence over `multiple`\n   * when both are set.\n   */\n  accordion?: boolean;\n  /**\n   * What triggers expansion.\n   * - `\"header\"` (default): clicking anywhere on the header toggles.\n   * - `\"icon\"`: only the chevron icon is clickable.\n   * - `\"disabled\"`: the panel cannot be toggled.\n   */\n  collapsible?: \"header\" | \"icon\" | \"disabled\";\n  activeKeys?: string[];\n  defaultActiveKeys?: string[];\n  onChange?: (keys: string[]) => void;\n  className?: string;\n}\n\n/** `Accordion` — collapsible sections. */\nexport const Accordion: React.FC<AccordionProps> = ({\n  items,\n  multiple = false,\n  accordion = false,\n  collapsible = \"header\",\n  activeKeys,\n  defaultActiveKeys = [],\n  onChange,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState<string[]>(defaultActiveKeys);\n  const isControlled = activeKeys !== undefined;\n  const keys = isControlled ? activeKeys! : inner;\n\n  // accordion takes precedence over multiple\n  const singleOpen = accordion || !multiple;\n\n  const toggle = (k: string, itemDisabled?: boolean) => {\n    if (collapsible === \"disabled\" || itemDisabled) return;\n    const next = keys.includes(k)\n      ? keys.filter((x) => x !== k)\n      : singleOpen\n      ? [k]\n      : [...keys, k];\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  return (\n    <div className={`accordion ${className}`}>\n      {items.map((it) => {\n        const open = keys.includes(it.key);\n        const isDisabled = it.disabled || collapsible === \"disabled\";\n        const headerClickable = collapsible === \"header\" && !isDisabled;\n        return (\n          <div\n            key={it.key}\n            className={`accordion-item ${open ? \"open\" : \"\"} ${isDisabled ? \"disabled\" : \"\"} ${collapsible === \"icon\" ? \"icon-only\" : \"\"}`}\n          >\n            <button\n              type=\"button\"\n              className=\"accordion-head\"\n              disabled={isDisabled}\n              onClick={() => headerClickable && toggle(it.key, it.disabled)}\n              aria-expanded={open}\n            >\n              <span>{it.title}</span>\n              <span\n                className={`accordion-chev${collapsible === \"icon\" ? \" clickable\" : \"\"}`}\n                onClick={(e) => {\n                  if (collapsible === \"icon\" && !isDisabled) {\n                    e.stopPropagation();\n                    toggle(it.key, it.disabled);\n                  }\n                }}\n              >\n                <Icon name=\"chevDown\" size={16} />\n              </span>\n            </button>\n            <div className=\"accordion-body\">\n              <div className=\"accordion-body-inner\">{it.content}</div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"]}

package/dist/{chunk-OXYFB2ZI.js → chunk-4U4OY5RA.js}

@@ -1,13 +1,19 @@
 import './tokens-HWQ7KWPG.css';
 import './shared-NJHRNLRH.css';
-import './Card-2CHHFD4Y.css';
+import './Card-RG7ECXL2.css';
 import * as React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/components/Card/Card.tsx
 var Card = React.forwardRef(
-  ({ variant = "raised", padding = "md", className = "", children, ...rest }, ref) => {
-    const cls = ["card", variant, padding !== "md" && `pad-${padding}`, className].filter(Boolean).join(" ");
+  ({ variant = "raised", padding = "md", hoverable, className = "", children, ...rest }, ref) => {
+    const cls = [
+      "card",
+      variant,
+      padding !== "md" && `pad-${padding}`,
+      hoverable && "hoverable",
+      className
+    ].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsx("div", { ref, className: cls, ...rest, children });
   }
 );
@@ -31,5 +37,5 @@ var Panel = ({
 ] });
 
 export { Card, Panel };
-//# sourceMappingURL=chunk-OXYFB2ZI.js.map
-//# sourceMappingURL=chunk-OXYFB2ZI.js.map
+//# sourceMappingURL=chunk-4U4OY5RA.js.map
+//# sourceMappingURL=chunk-4U4OY5RA.js.map

package/dist/chunk-4U4OY5RA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;AAkBO,IAAM,IAAA,GAAa,KAAA,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,OAAA,GAAU,QAAA,EAAU,OAAA,GAAU,IAAA,EAAM,SAAA,EAAW,SAAA,GAAY,EAAA,EAAI,QAAA,EAAU,GAAG,IAAA,IAAQ,GAAA,KAAQ;AAC7F,IAAA,MAAM,GAAA,GAAM;AAAA,MACV,MAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA,KAAY,IAAA,IAAQ,CAAA,IAAA,EAAO,OAAO,CAAA,CAAA;AAAA,MAClC,SAAA,IAAa,WAAA;AAAA,MACb;AAAA,KACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,IAAA,2BACG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,GAAA,EAAM,GAAG,MAChC,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAYZ,IAAM,QAA8B,CAAC;AAAA,EAC1C,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,0BACG,KAAA,EAAA,EAAI,SAAA,EAAW,SAAS,SAAS,CAAA,CAAA,EAAK,GAAG,IAAA,EACtC,QAAA,EAAA;AAAA,EAAA,CAAA,KAAA,IAAS,OAAA,qBACT,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,cAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC7C,WAAA,oBAAe,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EAC3D,CAAA;AAAA,IACC,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAiB,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EACtD,CAAA;AAAA,kBAEF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EAAc,QAAA,EAAS;AAAA,CAAA,EACxC","file":"chunk-4U4OY5RA.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Card.css\";\nimport * as React from \"react\";\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Visual variant. `raised` protrudes; `sunken` recesses; `flat` is subtle. */\n  variant?: \"raised\" | \"sunken\" | \"flat\";\n  /** Inner padding. */\n  padding?: \"none\" | \"sm\" | \"md\" | \"lg\";\n  /** When true, the card raises and lifts on hover. */\n  hoverable?: boolean;\n  children?: React.ReactNode;\n}\n\n/**\n * `Card` — neumorphic surface container. Use to group related content.\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ variant = \"raised\", padding = \"md\", hoverable, className = \"\", children, ...rest }, ref) => {\n    const cls = [\n      \"card\",\n      variant,\n      padding !== \"md\" && `pad-${padding}`,\n      hoverable && \"hoverable\",\n      className,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n    return (\n      <div ref={ref} className={cls} {...rest}>\n        {children}\n      </div>\n    );\n  }\n);\nCard.displayName = \"Card\";\n\nexport interface PanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\n/**\n * `Panel` — a titled `Card` with optional actions row.\n */\nexport const Panel: React.FC<PanelProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className = \"\",\n  ...rest\n}) => (\n  <div className={`panel ${className}`} {...rest}>\n    {(title || actions) && (\n      <div className=\"panel-head\">\n        <div className=\"panel-titles\">\n          {title && <div className=\"panel-title\">{title}</div>}\n          {description && <div className=\"panel-desc\">{description}</div>}\n        </div>\n        {actions && <div className=\"panel-actions\">{actions}</div>}\n      </div>\n    )}\n    <div className=\"panel-body\">{children}</div>\n  </div>\n);\n"]}

package/dist/{chunk-5EYI27B6.js → chunk-77BVQNAQ.js}

@@ -1,7 +1,7 @@
 import { Icon } from './chunk-GEYMWUW6.js';
 import './tokens-HWQ7KWPG.css';
 import './shared-NJHRNLRH.css';
-import './Button-5UI7QXGU.css';
+import './Button-SDQD25AG.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -13,6 +13,7 @@ var Button = React.forwardRef(
     icon,
     trailingIcon,
     loading,
+    block,
     disabled,
     className = "",
     type = "button",
@@ -23,6 +24,7 @@ var Button = React.forwardRef(
       variant,
       size !== "md" && size,
       loading && "loading",
+      block && "block",
       disabled && "disabled",
       className
     ].filter(Boolean).join(" ");
@@ -60,5 +62,5 @@ var IconButton = React.forwardRef(
 IconButton.displayName = "IconButton";
 
 export { Button, IconButton };
-//# sourceMappingURL=chunk-5EYI27B6.js.map
-//# sourceMappingURL=chunk-5EYI27B6.js.map
+//# sourceMappingURL=chunk-77BVQNAQ.js.map
+//# sourceMappingURL=chunk-77BVQNAQ.js.map

package/dist/chunk-77BVQNAQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;AAsCO,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA;AAAA,EAC1B,CACE;AAAA,IACE,QAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,IAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA,GAAY,EAAA;AAAA,IACZ,IAAA,GAAO,QAAA;AAAA,IACP,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,GAAA,GAAM;AAAA,MACV,KAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAS,IAAA,IAAQ,IAAA;AAAA,MACjB,OAAA,IAAW,SAAA;AAAA,MACX,KAAA,IAAS,OAAA;AAAA,MACT,QAAA,IAAY,UAAA;AAAA,MACZ;AAAA,KACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA,EAAW,GAAA;AAAA,QACX,UAAU,QAAA,IAAY,OAAA;AAAA,QACrB,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,OAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,eAAW,IAAA,EAAC,CAAA,GACpC,IAAA,mBACF,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,IAAI,CAAA,GAC1B,IAAA;AAAA,UACH,QAAA;AAAA,UACA,gCAAgB,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,YAAA,EAAc,MAAM,EAAA,EAAI;AAAA;AAAA;AAAA,KACvD;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;AAYd,IAAM,UAAA,GAAmB,KAAA,CAAA,UAAA;AAAA,EAC9B,CAAC,EAAE,IAAA,EAAM,GAAA,EAAK,YAAY,EAAA,EAAI,GAAG,IAAA,EAAK,EAAG,GAAA,qBACvC,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,QAAQ,SAAS,CAAA,CAAA;AAAA,MAC5B,YAAA,EAAY,GAAA,IAAO,IAAA,CAAK,YAAY,CAAA,IAAK,IAAA;AAAA,MACzC,KAAA,EAAO,GAAA;AAAA,MACN,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,IAAA,EAAM,MAAM,EAAA,EAAI;AAAA;AAAA;AAGlC;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-77BVQNAQ.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Button.css\";\nimport * as React from \"react\";\nimport type { IconName } from \"../Icon\";\nimport { Icon } from \"../Icon\";\n\nexport type ButtonVariant = \"default\" | \"primary\" | \"ghost\" | \"danger\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"type\"> {\n  /** Visual variant. `primary` uses the accent color; `ghost` is borderless; `danger` is red. */\n  variant?: ButtonVariant;\n  /** Control height preset. */\n  size?: ButtonSize;\n  /** Leading icon. */\n  icon?: IconName;\n  /** Trailing icon. */\n  trailingIcon?: IconName;\n  /** Show spinner + disable interaction. */\n  loading?: boolean;\n  /** Make the button fill the container's width. */\n  block?: boolean;\n  /** Button type attribute. Defaults to \"button\" to avoid accidental form submits. */\n  type?: \"button\" | \"submit\" | \"reset\";\n  /** Extra class names. */\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * `Button` — the primary action surface.\n *\n * @example\n * <Button variant=\"primary\" icon=\"plus\">新建</Button>\n * <Button variant=\"ghost\" loading>保存</Button>\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      variant = \"default\",\n      size = \"md\",\n      icon,\n      trailingIcon,\n      loading,\n      block,\n      disabled,\n      className = \"\",\n      type = \"button\",\n      ...rest\n    },\n    ref\n  ) => {\n    const cls = [\n      \"btn\",\n      variant,\n      size !== \"md\" && size,\n      loading && \"loading\",\n      block && \"block\",\n      disabled && \"disabled\",\n      className,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={cls}\n        disabled={disabled || loading}\n        {...rest}\n      >\n        {loading ? (\n          <span className=\"spinner\" aria-hidden />\n        ) : icon ? (\n          <Icon name={icon} size={15} />\n        ) : null}\n        {children}\n        {trailingIcon && <Icon name={trailingIcon} size={15} />}\n      </button>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport interface IconButtonProps\n  extends Omit<ButtonProps, \"icon\" | \"children\"> {\n  icon: IconName;\n  tip?: string;\n  \"aria-label\"?: string;\n}\n\n/**\n * `IconButton` — square button containing just an icon. Pair with a tooltip.\n */\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ icon, tip, className = \"\", ...rest }, ref) => (\n    <Button\n      ref={ref}\n      className={`icon ${className}`}\n      aria-label={tip || rest[\"aria-label\"] || icon}\n      title={tip}\n      {...rest}\n    >\n      <Icon name={icon} size={16} />\n    </Button>\n  )\n);\nIconButton.displayName = \"IconButton\";\n"]}