@fangxinyan/lumina 0.1.5 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fangxinyan/lumina",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "description": "Lumina — Neumorphic component library for Electron & React apps",
   "type": "module",
   "main": "./dist/index.cjs",

package/dist/Input-Z526ARZP.css

@@ -1,66 +0,0 @@
-/* ============ Input / Textarea ============ */
-.input-wrap {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  width: 100%;
-}
-.input-wrap .lead,
-.input-wrap .trail {
-  position: absolute;
-  color: var(--fg-subtle);
-  pointer-events: none;
-}
-.input-wrap .lead { left: 14px; }
-.input-wrap .trail { right: 14px; pointer-events: auto; cursor: pointer; }
-.input-wrap .trail:hover { color: var(--fg); }
-
-.input,
-.input-wrap > input {
-  width: 100%;
-  height: var(--ctrl-h);
-  padding: 0 var(--ctrl-pad-x);
-  border: none;
-  border-radius: var(--r-md);
-  background: var(--bg);
-  box-shadow: var(--neu-in-sm);
-  color: var(--fg);
-  font-size: 13px;
-  font-family: inherit;
-  outline: none;
-  transition: box-shadow var(--dur) var(--ease);
-}
-.input-wrap:has(.lead) > input,
-.input-wrap.with-leading > input { padding-left: 40px; }
-.input-wrap:has(.trail) > input,
-.input-wrap.with-trailing > input { padding-right: 40px; }
-.input:focus,
-.input-wrap > input:focus { box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-glow); }
-.input::placeholder,
-.input-wrap > input::placeholder { color: var(--fg-subtle); }
-.input[disabled],
-.input-wrap.disabled > input { opacity: 0.6; cursor: not-allowed; }
-.input-wrap.invalid > input,
-.input.invalid { box-shadow: var(--neu-in-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent); }
-.input-wrap.sm > input { height: 32px; padding-left: 12px; padding-right: 12px; font-size: 12px; border-radius: var(--r-sm); }
-.input-wrap.lg > input { height: 48px; padding-left: 18px; padding-right: 18px; font-size: 14px; border-radius: var(--r-lg); }
-
-.textarea {
-  width: 100%;
-  min-height: 96px;
-  padding: 12px 14px;
-  border: none;
-  border-radius: var(--r-md);
-  background: var(--bg);
-  box-shadow: var(--neu-in-sm);
-  color: var(--fg);
-  font-size: 13px;
-  font-family: inherit;
-  line-height: 1.55;
-  resize: vertical;
-  outline: none;
-  transition: box-shadow var(--dur) var(--ease);
-}
-.textarea:focus { box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-glow); }
-.textarea.invalid { box-shadow: var(--neu-in-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent); }
-.textarea::placeholder { color: var(--fg-subtle); }

package/dist/Modal-AYKNIWWQ.css

@@ -1,79 +0,0 @@
-/* ============ Modal ============ */
-.modal-overlay {
-  position: fixed;
-  inset: 0;
-  background: color-mix(in oklch, var(--bg-sunken) 60%, transparent);
-  backdrop-filter: blur(8px);
-  display: grid;
-  place-items: center;
-  z-index: 200;
-  animation: fadeIn var(--dur) var(--ease);
-}
-.modal {
-  background: var(--bg);
-  border-radius: var(--r-xl);
-  box-shadow: var(--neu-out-lg), 0 24px 60px -20px rgba(40,55,80,0.3);
-  padding: var(--gap-6);
-  width: min(480px, 92vw);
-  animation: modalIn var(--dur-slow) var(--ease);
-  max-height: 86vh;
-  display: flex;
-  flex-direction: column;
-}
-@keyframes modalIn { from { opacity: 0; transform: translateY(8px) scale(0.97); } }
-.modal-head {
-  display: flex; align-items: flex-start; justify-content: space-between;
-  gap: var(--gap-3); margin-bottom: var(--gap-3);
-}
-.modal-titles { display: flex; flex-direction: column; gap: 4px; }
-.modal-title { font-size: 17px; font-weight: 600; }
-.modal-desc  { font-size: 13px; color: var(--fg-muted); }
-.modal-body  { padding: var(--gap-3) 0; color: var(--fg-muted); font-size: 13px; line-height: 1.6; flex: 1; overflow-y: auto; }
-.modal-foot  {
-  display: flex; gap: 10px; justify-content: flex-end;
-  margin-top: var(--gap-4);
-}
-.modal-close {
-  width: 28px; height: 28px;
-  border: none; background: transparent;
-  border-radius: var(--r-sm);
-  display: grid; place-items: center;
-  color: var(--fg-subtle);
-  cursor: pointer;
-  transition: all var(--dur-fast) var(--ease);
-}
-.modal-close:hover { color: var(--fg); background: var(--bg); box-shadow: var(--neu-flat); }
-
-/* ============ Drawer (co-exported from Modal.tsx) ============ */
-.drawer-overlay {
-  position: fixed; inset: 0;
-  background: color-mix(in oklch, var(--bg-sunken) 50%, transparent);
-  backdrop-filter: blur(4px);
-  z-index: 150;
-  animation: fadeIn var(--dur) var(--ease);
-}
-.drawer {
-  position: fixed;
-  background: var(--bg);
-  padding: var(--gap-5);
-  z-index: 151;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-}
-.drawer.right  { top: 0; right: 0; bottom: 0; width: min(420px, 92vw); animation: drawerInRight  var(--dur-slow) var(--ease); box-shadow: -24px 0 60px -20px rgba(40,55,80,0.25); }
-.drawer.left   { top: 0; left: 0; bottom: 0;  width: min(420px, 92vw); animation: drawerInLeft   var(--dur-slow) var(--ease); box-shadow:  24px 0 60px -20px rgba(40,55,80,0.25); }
-.drawer.top    { top: 0; left: 0; right: 0;   height: min(320px, 80vh); animation: drawerInTop    var(--dur-slow) var(--ease); box-shadow: 0  24px 60px -20px rgba(40,55,80,0.25); }
-.drawer.bottom { bottom: 0; left: 0; right: 0; height: min(320px, 80vh); animation: drawerInBottom var(--dur-slow) var(--ease); box-shadow: 0 -24px 60px -20px rgba(40,55,80,0.25); }
-@keyframes drawerInRight  { from { transform: translateX( 20px); opacity: 0; } }
-@keyframes drawerInLeft   { from { transform: translateX(-20px); opacity: 0; } }
-@keyframes drawerInTop    { from { transform: translateY(-20px); opacity: 0; } }
-@keyframes drawerInBottom { from { transform: translateY( 20px); opacity: 0; } }
-.drawer-head {
-  display: flex; align-items: center; justify-content: space-between;
-  margin-bottom: var(--gap-4);
-  padding-bottom: var(--gap-4);
-  border-bottom: 1px solid var(--divider);
-}
-.drawer-title { font-size: 16px; font-weight: 600; }
-.drawer-body { flex: 1; }

package/dist/Switch-NP7KKJOX.css

@@ -1,44 +0,0 @@
-/* ============ Switch ============ */
-.switch {
-  --w: 46px;
-  --h: 26px;
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  font-size: 13px;
-  color: var(--fg);
-  cursor: pointer;
-  user-select: none;
-}
-.switch.disabled { opacity: 0.5; cursor: not-allowed; }
-.switch-track {
-  position: relative;
-  width: var(--w);
-  height: var(--h);
-  border: none;
-  padding: 0;
-  border-radius: 999px;
-  background: var(--bg);
-  box-shadow: var(--neu-in-sm);
-  cursor: inherit;
-  flex-shrink: 0;
-  transition: all var(--dur) var(--ease);
-}
-.switch.sm { --w: 36px; --h: 20px; }
-.switch.lg { --w: 58px; --h: 32px; }
-.switch-thumb {
-  position: absolute;
-  top: 3px;
-  left: 3px;
-  width: calc(var(--h) - 6px);
-  height: calc(var(--h) - 6px);
-  border-radius: 999px;
-  background: var(--bg-raised);
-  box-shadow: var(--neu-out-sm);
-  transition: all var(--dur) var(--ease);
-}
-.switch.on .switch-thumb {
-  transform: translateX(calc(var(--w) - var(--h)));
-  background: var(--accent);
-  box-shadow: 0 2px 8px var(--accent-glow), 0 0 0 1px color-mix(in oklch, var(--accent) 40%, transparent);
-}

package/dist/Table-ZDPGWLH3.css

@@ -1,139 +0,0 @@
-/* ============ Table ============ */
-.table-card {
-  border-radius: var(--r-lg);
-  background: var(--bg);
-  box-shadow: var(--neu-out-sm);
-  overflow: hidden;
-}
-.table-wrap {
-  border-radius: var(--r-lg);
-  background: var(--bg);
-  box-shadow: var(--neu-in-sm);
-  overflow: auto;
-}
-.table {
-  width: 100%;
-  border-collapse: separate;
-  border-spacing: 0;
-  font-size: 13px;
-}
-.table th {
-  text-align: left;
-  padding: 14px 18px;
-  background: var(--bg);
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--fg-subtle);
-  border-bottom: 1px solid var(--divider);
-  position: sticky; top: 0;
-  z-index: 1;
-}
-.table th.sortable { cursor: pointer; user-select: none; }
-.table th.sortable:hover { color: var(--fg); }
-.table th .sort-ind {
-  display: inline-flex;
-  width: 16px; height: 16px;
-  border-radius: 6px;
-  background: var(--bg);
-  box-shadow: var(--neu-flat);
-  align-items: center; justify-content: center;
-  margin-left: 6px;
-  color: var(--fg-subtle);
-  vertical-align: middle;
-}
-.table th.sorted .sort-ind { color: var(--accent); box-shadow: var(--neu-in-sm); }
-.table td {
-  padding: 12px 18px;
-  border-bottom: 1px solid var(--divider);
-  vertical-align: middle;
-}
-.table.hoverable tbody tr:hover td { background: color-mix(in oklch, var(--accent-soft) 40%, transparent); }
-.table tbody tr.clickable { cursor: pointer; }
-.table tbody tr.selected td { background: color-mix(in oklch, var(--accent-soft) 80%, transparent); color: var(--accent-ink); }
-.table tbody tr:last-child td { border-bottom: none; }
-.table.striped tbody tr:nth-child(even) td {
-  background: color-mix(in oklch, var(--bg-sunken) 40%, transparent);
-}
-
-/* Embossed: each row sits on the surface */
-.table.embossed { border-spacing: 0; }
-.table.embossed tbody td {
-  background: var(--bg);
-}
-
-/* Card-row variant: each row is its own raised pill */
-.table.cards {
-  border-collapse: separate;
-  border-spacing: 0 10px;
-  padding: 10px;
-  background: transparent;
-  box-shadow: none;
-}
-.table.cards thead th {
-  background: transparent;
-  border-bottom: none;
-  padding-top: 0;
-  padding-bottom: 6px;
-}
-.table.cards tbody td {
-  background: var(--bg);
-  border-bottom: none;
-  padding: 14px 18px;
-}
-.table.cards tbody td:first-child {
-  border-radius: var(--r-md) 0 0 var(--r-md);
-  box-shadow: -4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);
-}
-.table.cards tbody td:last-child {
-  border-radius: 0 var(--r-md) var(--r-md) 0;
-  box-shadow: 4px 4px 8px var(--shadow-dark), 4px -4px 8px var(--shadow-light);
-}
-.table.cards tbody td:not(:first-child):not(:last-child) {
-  box-shadow: 0 4px 8px var(--shadow-dark), 0 -4px 8px var(--shadow-light);
-}
-.table.cards.hoverable tbody tr:hover td { background: var(--bg); transform: translateY(-1px); }
-
-.table .row-check { width: 36px; }
-.table-empty { padding: 60px 20px; text-align: center; color: var(--fg-muted); }
-
-/* Pro: card-wrap with toolbar + table + footer */
-.table-card {
-  border-radius: var(--r-lg);
-  background: var(--bg);
-  box-shadow: var(--neu-out-sm);
-  overflow: hidden;
-}
-.table-card .table-wrap { background: transparent; box-shadow: none; border-radius: 0; }
-.table-card .table-wrap.joined { border-radius: 0; }
-.table-toolbar {
-  display: flex;
-  align-items: center;
-  gap: var(--gap-3);
-  padding: 14px 16px;
-  border-bottom: 1px solid var(--divider);
-}
-.table-toolbar .table-title {
-  font-size: 14px;
-  font-weight: 600;
-  margin-right: 8px;
-}
-.table-toolbar-main {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  min-width: 0;
-}
-.table-toolbar-actions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-shrink: 0;
-}
-.table-footer {
-  padding: 10px 16px;
-  border-top: 1px solid var(--divider);
-  background: color-mix(in oklch, var(--bg-sunken) 30%, transparent);
-}

package/dist/chunk-2VA2HSL4.cjs

@@ -1,121 +0,0 @@
-'use strict';
-
-var chunkC5TGQ7CV_cjs = require('./chunk-C5TGQ7CV.cjs');
-var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
-require('./tokens-HWQ7KWPG.css');
-require('./shared-NJHRNLRH.css');
-require('./Table-ZDPGWLH3.css');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Table({
-  columns,
-  data,
-  rowKey,
-  variant,
-  hoverable = true,
-  striped,
-  sortKey,
-  sortDir = "asc",
-  onSort,
-  selectable,
-  selected = [],
-  onSelect,
-  onRowClick,
-  empty = "\u6682\u65E0\u6570\u636E",
-  className = ""
-}) {
-  const keyOf = (row, i) => {
-    if (typeof rowKey === "function") return rowKey(row);
-    if (rowKey) return row[rowKey];
-    return i;
-  };
-  const v = variant ?? (striped ? "striped" : "default");
-  const allSelected = selectable && data.length > 0 && data.every((r, i) => selected.includes(keyOf(r, i)));
-  const toggleRow = (k) => {
-    if (!onSelect) return;
-    onSelect(selected.includes(k) ? selected.filter((x) => x !== k) : [...selected, k]);
-  };
-  const toggleAll = () => {
-    if (!onSelect) return;
-    onSelect(allSelected ? [] : data.map((r, i) => keyOf(r, i)));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `table-wrap ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: `table ${v} ${hoverable ? "hoverable" : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-      selectable && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "row-check", style: { width: 36 }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkC5TGQ7CV_cjs.Checkbox, { checked: allSelected, onChange: toggleAll }) }),
-      columns.map((c) => {
-        const sorted = sortKey === c.key;
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "th",
-          {
-            className: `${c.sortable ? "sortable" : ""} ${sorted ? "sorted" : ""}`,
-            style: { width: c.width, textAlign: c.align ?? "left" },
-            onClick: () => c.sortable && onSort?.(c.key),
-            children: [
-              c.title,
-              c.sortable && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sort-ind", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkYVO7XO4W_cjs.Icon,
-                {
-                  name: sorted ? sortDir === "asc" ? "chevUp" : "chevDown" : "chevDown",
-                  size: 10
-                }
-              ) })
-            ]
-          },
-          c.key
-        );
-      })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: data.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: columns.length + (selectable ? 1 : 0), className: "table-empty", children: empty }) }) : data.map((row, i) => {
-      const k = keyOf(row, i);
-      const isSel = selected.includes(k);
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "tr",
-        {
-          className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
-          onClick: onRowClick ? () => onRowClick(row, i) : void 0,
-          children: [
-            selectable && /* @__PURE__ */ jsxRuntime.jsx(
-              "td",
-              {
-                className: "row-check",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  toggleRow(k);
-                },
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkC5TGQ7CV_cjs.Checkbox, { checked: isSel, onChange: () => toggleRow(k) })
-              }
-            ),
-            columns.map((c) => {
-              const val = c.dataIndex ? row[c.dataIndex] : void 0;
-              return /* @__PURE__ */ jsxRuntime.jsx("td", { style: { textAlign: c.align ?? "left" }, children: c.render ? c.render(val, row, i) : val }, c.key);
-            })
-          ]
-        },
-        k
-      );
-    }) })
-  ] }) });
-}
-function TablePro({
-  toolbar,
-  actions,
-  footer,
-  title,
-  className = "",
-  ...tableProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `table-card ${className}`, children: [
-    (title || toolbar || actions) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "table-toolbar", children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-title", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-main", children: toolbar }),
-      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-actions", children: actions })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Table, { ...tableProps, className: "joined" }),
-    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-footer", children: footer })
-  ] });
-}
-
-exports.Table = Table;
-exports.TablePro = TablePro;
-//# sourceMappingURL=chunk-2VA2HSL4.cjs.map
-//# sourceMappingURL=chunk-2VA2HSL4.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Table/Table.tsx"],"names":["jsx","jsxs","Checkbox","Icon"],"mappings":"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","file":"chunk-2VA2HSL4.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Table.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Checkbox } from \"../Checkbox\";\n\nexport interface TableColumn<Row = any> {\n  key: string;\n  title: React.ReactNode;\n  /** Data key to read from row, or custom render. */\n  dataIndex?: keyof Row;\n  render?: (value: any, row: Row, index: number) => React.ReactNode;\n  width?: number | string;\n  align?: \"left\" | \"center\" | \"right\";\n  sortable?: boolean;\n}\n\nexport type TableVariant = \"default\" | \"striped\" | \"embossed\" | \"cards\";\n\nexport interface TableProps<Row = any> {\n  columns: TableColumn<Row>[];\n  data: Row[];\n  rowKey?: keyof Row | ((row: Row) => string | number);\n  /** Visual variant. */\n  variant?: TableVariant;\n  /** Hoverable rows. */\n  hoverable?: boolean;\n  /** Striped rows (shortcut for variant=\"striped\"). */\n  striped?: boolean;\n\n  /** Sort state — controlled. */\n  sortKey?: string;\n  sortDir?: \"asc\" | \"desc\";\n  onSort?: (key: string) => void;\n\n  /** Row selection — controlled list of selected row keys. */\n  selectable?: boolean;\n  selected?: (string | number)[];\n  onSelect?: (keys: (string | number)[]) => void;\n\n  /** Called when user clicks a row. */\n  onRowClick?: (row: Row, index: number) => void;\n  /** Empty state. */\n  empty?: React.ReactNode;\n  className?: string;\n}\n\n/** `Table` — neumorphic data table with sorting, selection and visual variants. */\nexport function Table<Row extends Record<string, any> = any>({\n  columns,\n  data,\n  rowKey,\n  variant,\n  hoverable = true,\n  striped,\n  sortKey,\n  sortDir = \"asc\",\n  onSort,\n  selectable,\n  selected = [],\n  onSelect,\n  onRowClick,\n  empty = \"暂无数据\",\n  className = \"\",\n}: TableProps<Row>) {\n  const keyOf = (row: Row, i: number): string | number => {\n    if (typeof rowKey === \"function\") return rowKey(row);\n    if (rowKey) return row[rowKey] as any;\n    return i;\n  };\n\n  const v: TableVariant = variant ?? (striped ? \"striped\" : \"default\");\n  const allSelected =\n    selectable && data.length > 0 && data.every((r, i) => selected.includes(keyOf(r, i)));\n\n  const toggleRow = (k: string | number) => {\n    if (!onSelect) return;\n    onSelect(selected.includes(k) ? selected.filter((x) => x !== k) : [...selected, k]);\n  };\n  const toggleAll = () => {\n    if (!onSelect) return;\n    onSelect(allSelected ? [] : data.map((r, i) => keyOf(r, i)));\n  };\n\n  return (\n    <div className={`table-wrap ${className}`}>\n      <table className={`table ${v} ${hoverable ? \"hoverable\" : \"\"}`}>\n        <thead>\n          <tr>\n            {selectable && (\n              <th className=\"row-check\" style={{ width: 36 }}>\n                <Checkbox checked={allSelected} onChange={toggleAll} />\n              </th>\n            )}\n            {columns.map((c) => {\n              const sorted = sortKey === c.key;\n              return (\n                <th\n                  key={c.key}\n                  className={`${c.sortable ? \"sortable\" : \"\"} ${sorted ? \"sorted\" : \"\"}`}\n                  style={{ width: c.width, textAlign: c.align ?? \"left\" }}\n                  onClick={() => c.sortable && onSort?.(c.key)}\n                >\n                  {c.title}\n                  {c.sortable && (\n                    <span className=\"sort-ind\">\n                      <Icon\n                        name={sorted ? (sortDir === \"asc\" ? \"chevUp\" : \"chevDown\") : \"chevDown\"}\n                        size={10}\n                      />\n                    </span>\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {data.length === 0 ? (\n            <tr>\n              <td colSpan={columns.length + (selectable ? 1 : 0)} className=\"table-empty\">\n                {empty}\n              </td>\n            </tr>\n          ) : (\n            data.map((row, i) => {\n              const k = keyOf(row, i);\n              const isSel = selected.includes(k);\n              return (\n                <tr\n                  key={k}\n                  className={`${onRowClick ? \"clickable\" : \"\"} ${isSel ? \"selected\" : \"\"}`}\n                  onClick={onRowClick ? () => onRowClick(row, i) : undefined}\n                >\n                  {selectable && (\n                    <td\n                      className=\"row-check\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        toggleRow(k);\n                      }}\n                    >\n                      <Checkbox checked={isSel} onChange={() => toggleRow(k)} />\n                    </td>\n                  )}\n                  {columns.map((c) => {\n                    const val = c.dataIndex ? row[c.dataIndex] : undefined;\n                    return (\n                      <td key={c.key} style={{ textAlign: c.align ?? \"left\" }}>\n                        {c.render ? c.render(val, row, i) : (val as React.ReactNode)}\n                      </td>\n                    );\n                  })}\n                </tr>\n              );\n            })\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nexport interface TableProProps<Row = any> extends TableProps<Row> {\n  /** Toolbar slot — search input, filter, etc. */\n  toolbar?: React.ReactNode;\n  /** Right-aligned actions slot in toolbar. */\n  actions?: React.ReactNode;\n  /** Footer slot — usually <Pagination />. */\n  footer?: React.ReactNode;\n  /** Title shown above the toolbar. */\n  title?: React.ReactNode;\n}\n\n/**\n * `TablePro` — full-featured table card with toolbar, sortable/selectable rows,\n * variants, and a footer slot for pagination.\n */\nexport function TablePro<Row extends Record<string, any> = any>({\n  toolbar,\n  actions,\n  footer,\n  title,\n  className = \"\",\n  ...tableProps\n}: TableProProps<Row>) {\n  return (\n    <div className={`table-card ${className}`}>\n      {(title || toolbar || actions) && (\n        <div className=\"table-toolbar\">\n          {title && <div className=\"table-title\">{title}</div>}\n          <div className=\"table-toolbar-main\">{toolbar}</div>\n          {actions && <div className=\"table-toolbar-actions\">{actions}</div>}\n        </div>\n      )}\n      <Table {...tableProps} className=\"joined\" />\n      {footer && <div className=\"table-footer\">{footer}</div>}\n    </div>\n  );\n}\n"]}

package/dist/chunk-2W2AJUZW.js

@@ -1,118 +0,0 @@
-import { Checkbox } from './chunk-M6CGYGEO.js';
-import { Icon } from './chunk-GEYMWUW6.js';
-import './tokens-HWQ7KWPG.css';
-import './shared-NJHRNLRH.css';
-import './Table-ZDPGWLH3.css';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function Table({
-  columns,
-  data,
-  rowKey,
-  variant,
-  hoverable = true,
-  striped,
-  sortKey,
-  sortDir = "asc",
-  onSort,
-  selectable,
-  selected = [],
-  onSelect,
-  onRowClick,
-  empty = "\u6682\u65E0\u6570\u636E",
-  className = ""
-}) {
-  const keyOf = (row, i) => {
-    if (typeof rowKey === "function") return rowKey(row);
-    if (rowKey) return row[rowKey];
-    return i;
-  };
-  const v = variant ?? (striped ? "striped" : "default");
-  const allSelected = selectable && data.length > 0 && data.every((r, i) => selected.includes(keyOf(r, i)));
-  const toggleRow = (k) => {
-    if (!onSelect) return;
-    onSelect(selected.includes(k) ? selected.filter((x) => x !== k) : [...selected, k]);
-  };
-  const toggleAll = () => {
-    if (!onSelect) return;
-    onSelect(allSelected ? [] : data.map((r, i) => keyOf(r, i)));
-  };
-  return /* @__PURE__ */ jsx("div", { className: `table-wrap ${className}`, children: /* @__PURE__ */ jsxs("table", { className: `table ${v} ${hoverable ? "hoverable" : ""}`, children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-      selectable && /* @__PURE__ */ jsx("th", { className: "row-check", style: { width: 36 }, children: /* @__PURE__ */ jsx(Checkbox, { checked: allSelected, onChange: toggleAll }) }),
-      columns.map((c) => {
-        const sorted = sortKey === c.key;
-        return /* @__PURE__ */ jsxs(
-          "th",
-          {
-            className: `${c.sortable ? "sortable" : ""} ${sorted ? "sorted" : ""}`,
-            style: { width: c.width, textAlign: c.align ?? "left" },
-            onClick: () => c.sortable && onSort?.(c.key),
-            children: [
-              c.title,
-              c.sortable && /* @__PURE__ */ jsx("span", { className: "sort-ind", children: /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  name: sorted ? sortDir === "asc" ? "chevUp" : "chevDown" : "chevDown",
-                  size: 10
-                }
-              ) })
-            ]
-          },
-          c.key
-        );
-      })
-    ] }) }),
-    /* @__PURE__ */ jsx("tbody", { children: data.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columns.length + (selectable ? 1 : 0), className: "table-empty", children: empty }) }) : data.map((row, i) => {
-      const k = keyOf(row, i);
-      const isSel = selected.includes(k);
-      return /* @__PURE__ */ jsxs(
-        "tr",
-        {
-          className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
-          onClick: onRowClick ? () => onRowClick(row, i) : void 0,
-          children: [
-            selectable && /* @__PURE__ */ jsx(
-              "td",
-              {
-                className: "row-check",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  toggleRow(k);
-                },
-                children: /* @__PURE__ */ jsx(Checkbox, { checked: isSel, onChange: () => toggleRow(k) })
-              }
-            ),
-            columns.map((c) => {
-              const val = c.dataIndex ? row[c.dataIndex] : void 0;
-              return /* @__PURE__ */ jsx("td", { style: { textAlign: c.align ?? "left" }, children: c.render ? c.render(val, row, i) : val }, c.key);
-            })
-          ]
-        },
-        k
-      );
-    }) })
-  ] }) });
-}
-function TablePro({
-  toolbar,
-  actions,
-  footer,
-  title,
-  className = "",
-  ...tableProps
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: `table-card ${className}`, children: [
-    (title || toolbar || actions) && /* @__PURE__ */ jsxs("div", { className: "table-toolbar", children: [
-      title && /* @__PURE__ */ jsx("div", { className: "table-title", children: title }),
-      /* @__PURE__ */ jsx("div", { className: "table-toolbar-main", children: toolbar }),
-      actions && /* @__PURE__ */ jsx("div", { className: "table-toolbar-actions", children: actions })
-    ] }),
-    /* @__PURE__ */ jsx(Table, { ...tableProps, className: "joined" }),
-    footer && /* @__PURE__ */ jsx("div", { className: "table-footer", children: footer })
-  ] });
-}
-
-export { Table, TablePro };
-//# sourceMappingURL=chunk-2W2AJUZW.js.map
-//# sourceMappingURL=chunk-2W2AJUZW.js.map

package/dist/chunk-2W2AJUZW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Table/Table.tsx"],"names":[],"mappings":"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","file":"chunk-2W2AJUZW.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Table.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Checkbox } from \"../Checkbox\";\n\nexport interface TableColumn<Row = any> {\n  key: string;\n  title: React.ReactNode;\n  /** Data key to read from row, or custom render. */\n  dataIndex?: keyof Row;\n  render?: (value: any, row: Row, index: number) => React.ReactNode;\n  width?: number | string;\n  align?: \"left\" | \"center\" | \"right\";\n  sortable?: boolean;\n}\n\nexport type TableVariant = \"default\" | \"striped\" | \"embossed\" | \"cards\";\n\nexport interface TableProps<Row = any> {\n  columns: TableColumn<Row>[];\n  data: Row[];\n  rowKey?: keyof Row | ((row: Row) => string | number);\n  /** Visual variant. */\n  variant?: TableVariant;\n  /** Hoverable rows. */\n  hoverable?: boolean;\n  /** Striped rows (shortcut for variant=\"striped\"). */\n  striped?: boolean;\n\n  /** Sort state — controlled. */\n  sortKey?: string;\n  sortDir?: \"asc\" | \"desc\";\n  onSort?: (key: string) => void;\n\n  /** Row selection — controlled list of selected row keys. */\n  selectable?: boolean;\n  selected?: (string | number)[];\n  onSelect?: (keys: (string | number)[]) => void;\n\n  /** Called when user clicks a row. */\n  onRowClick?: (row: Row, index: number) => void;\n  /** Empty state. */\n  empty?: React.ReactNode;\n  className?: string;\n}\n\n/** `Table` — neumorphic data table with sorting, selection and visual variants. */\nexport function Table<Row extends Record<string, any> = any>({\n  columns,\n  data,\n  rowKey,\n  variant,\n  hoverable = true,\n  striped,\n  sortKey,\n  sortDir = \"asc\",\n  onSort,\n  selectable,\n  selected = [],\n  onSelect,\n  onRowClick,\n  empty = \"暂无数据\",\n  className = \"\",\n}: TableProps<Row>) {\n  const keyOf = (row: Row, i: number): string | number => {\n    if (typeof rowKey === \"function\") return rowKey(row);\n    if (rowKey) return row[rowKey] as any;\n    return i;\n  };\n\n  const v: TableVariant = variant ?? (striped ? \"striped\" : \"default\");\n  const allSelected =\n    selectable && data.length > 0 && data.every((r, i) => selected.includes(keyOf(r, i)));\n\n  const toggleRow = (k: string | number) => {\n    if (!onSelect) return;\n    onSelect(selected.includes(k) ? selected.filter((x) => x !== k) : [...selected, k]);\n  };\n  const toggleAll = () => {\n    if (!onSelect) return;\n    onSelect(allSelected ? [] : data.map((r, i) => keyOf(r, i)));\n  };\n\n  return (\n    <div className={`table-wrap ${className}`}>\n      <table className={`table ${v} ${hoverable ? \"hoverable\" : \"\"}`}>\n        <thead>\n          <tr>\n            {selectable && (\n              <th className=\"row-check\" style={{ width: 36 }}>\n                <Checkbox checked={allSelected} onChange={toggleAll} />\n              </th>\n            )}\n            {columns.map((c) => {\n              const sorted = sortKey === c.key;\n              return (\n                <th\n                  key={c.key}\n                  className={`${c.sortable ? \"sortable\" : \"\"} ${sorted ? \"sorted\" : \"\"}`}\n                  style={{ width: c.width, textAlign: c.align ?? \"left\" }}\n                  onClick={() => c.sortable && onSort?.(c.key)}\n                >\n                  {c.title}\n                  {c.sortable && (\n                    <span className=\"sort-ind\">\n                      <Icon\n                        name={sorted ? (sortDir === \"asc\" ? \"chevUp\" : \"chevDown\") : \"chevDown\"}\n                        size={10}\n                      />\n                    </span>\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {data.length === 0 ? (\n            <tr>\n              <td colSpan={columns.length + (selectable ? 1 : 0)} className=\"table-empty\">\n                {empty}\n              </td>\n            </tr>\n          ) : (\n            data.map((row, i) => {\n              const k = keyOf(row, i);\n              const isSel = selected.includes(k);\n              return (\n                <tr\n                  key={k}\n                  className={`${onRowClick ? \"clickable\" : \"\"} ${isSel ? \"selected\" : \"\"}`}\n                  onClick={onRowClick ? () => onRowClick(row, i) : undefined}\n                >\n                  {selectable && (\n                    <td\n                      className=\"row-check\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        toggleRow(k);\n                      }}\n                    >\n                      <Checkbox checked={isSel} onChange={() => toggleRow(k)} />\n                    </td>\n                  )}\n                  {columns.map((c) => {\n                    const val = c.dataIndex ? row[c.dataIndex] : undefined;\n                    return (\n                      <td key={c.key} style={{ textAlign: c.align ?? \"left\" }}>\n                        {c.render ? c.render(val, row, i) : (val as React.ReactNode)}\n                      </td>\n                    );\n                  })}\n                </tr>\n              );\n            })\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nexport interface TableProProps<Row = any> extends TableProps<Row> {\n  /** Toolbar slot — search input, filter, etc. */\n  toolbar?: React.ReactNode;\n  /** Right-aligned actions slot in toolbar. */\n  actions?: React.ReactNode;\n  /** Footer slot — usually <Pagination />. */\n  footer?: React.ReactNode;\n  /** Title shown above the toolbar. */\n  title?: React.ReactNode;\n}\n\n/**\n * `TablePro` — full-featured table card with toolbar, sortable/selectable rows,\n * variants, and a footer slot for pagination.\n */\nexport function TablePro<Row extends Record<string, any> = any>({\n  toolbar,\n  actions,\n  footer,\n  title,\n  className = \"\",\n  ...tableProps\n}: TableProProps<Row>) {\n  return (\n    <div className={`table-card ${className}`}>\n      {(title || toolbar || actions) && (\n        <div className=\"table-toolbar\">\n          {title && <div className=\"table-title\">{title}</div>}\n          <div className=\"table-toolbar-main\">{toolbar}</div>\n          {actions && <div className=\"table-toolbar-actions\">{actions}</div>}\n        </div>\n      )}\n      <Table {...tableProps} className=\"joined\" />\n      {footer && <div className=\"table-footer\">{footer}</div>}\n    </div>\n  );\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Tag/Tag.tsx"],"names":[],"mappings":";;;;;;AAoBO,IAAM,MAA0B,CAAC;AAAA,EACtC,IAAA,GAAO,SAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM,CAAC,KAAA,EAAO,IAAA,EAAM,KAAA,IAAS,OAAA,EAAS,SAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAC/E,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,GAAA,EAAM,GAAG,IAAA,EACvB,QAAA,EAAA;AAAA,IAAA,GAAA,oBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,KAAA,EAAM,CAAA;AAAA,IAC7B,QAAA;AAAA,IACA,SAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,GAAA;AAAA,QACV,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,UAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,UAAA,QAAA,IAAW;AAAA,QACb,CAAA;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,GAAA,EAAI,MAAM,EAAA,EAAI;AAAA;AAAA;AAC3B,GAAA,EAEJ,CAAA;AAEJ;AAYO,IAAM,QAA8B,CAAC;AAAA,EAC1C,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,IAAA,GAAO,GAAA,IAAQ,OAAO,KAAA,KAAU,YAAY,KAAA,GAAQ,CAAA;AAC1D,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,cAAc,SAAS,CAAA,CAAA,EAAK,GAAG,IAAA,EAC7C,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,wBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAAI,GAAA,GAAM,KAAA,GAAQ,EAAE,IAC/C,QAAA,EAAA,CAAC,GAAA,KAAQ,KAAA,GAAS,EAAA,GAAK,QAAQ,KAAA,CAAA,EAClC;AAAA,GAAA,EAEJ,CAAA;AAEJ","file":"chunk-3QWHDCHJ.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tag.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport type TagTone = \"neutral\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {\n  tone?: TagTone;\n  solid?: boolean;\n  /** Render a leading colored dot. */\n  dot?: boolean;\n  /** Show a close button. */\n  removable?: boolean;\n  onRemove?: () => void;\n  children?: React.ReactNode;\n}\n\n/** `Tag` — small label/pill. */\nexport const Tag: React.FC<TagProps> = ({\n  tone = \"neutral\",\n  solid,\n  dot,\n  removable,\n  onRemove,\n  className = \"\",\n  children,\n  ...rest\n}) => {\n  const cls = [\"tag\", tone, solid && \"solid\", className].filter(Boolean).join(\" \");\n  return (\n    <span className={cls} {...rest}>\n      {dot && <span className=\"dot\" />}\n      {children}\n      {removable && (\n        <span\n          className=\"x\"\n          role=\"button\"\n          aria-label=\"Remove\"\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove?.();\n          }}\n        >\n          <Icon name=\"x\" size={11} />\n        </span>\n      )}\n    </span>\n  );\n};\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Numeric count — renders as \"99+\" if > 99. */\n  count?: number;\n  /** Show a tiny dot instead of a number. */\n  dot?: boolean;\n  tone?: TagTone;\n  children?: React.ReactNode;\n}\n\n/** `Badge` — notification dot / count. Wrap around another element. */\nexport const Badge: React.FC<BadgeProps> = ({\n  count,\n  dot,\n  tone = \"danger\",\n  children,\n  className = \"\",\n  ...rest\n}) => {\n  const show = dot || (typeof count === \"number\" && count > 0);\n  return (\n    <span className={`badge-wrap ${className}`} {...rest}>\n      {children}\n      {show && (\n        <span className={`badge ${tone} ${dot ? \"dot\" : \"\"}`}>\n          {!dot && (count! > 99 ? \"99+\" : count)}\n        </span>\n      )}\n    </span>\n  );\n};\n"]}