@fangxinyan/lumina 0.1.0

package/dist/Toast-ERHDN3WG.css

@@ -0,0 +1,45 @@
+/* ============ Toast ============ */
+.toast-container {
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  z-index: 300;
+  pointer-events: none;
+}
+.toast-container.top-right    { top: 56px; right: 20px; }
+.toast-container.top-left     { top: 56px; left: 20px; }
+.toast-container.bottom-right { bottom: 20px; right: 20px; }
+.toast-container.bottom-left  { bottom: 20px; left: 20px; }
+.toast-container.top-center   { top: 56px; left: 50%; transform: translateX(-50%); align-items: center; }
+.toast {
+  background: var(--bg);
+  border-radius: var(--r-md);
+  box-shadow: var(--neu-out-lg);
+  padding: 12px 16px;
+  min-width: 240px;
+  display: flex; align-items: flex-start; gap: 10px;
+  font-size: 13px;
+  pointer-events: auto;
+  animation: toastIn var(--dur-slow) var(--ease);
+  border-left: 3px solid var(--accent);
+}
+.toast.success { border-color: var(--success); }
+.toast.warning { border-color: var(--warning); }
+.toast.danger  { border-color: var(--danger); }
+.toast .toast-icon { color: var(--accent); margin-top: 2px; }
+.toast.success .toast-icon { color: var(--success); }
+.toast.warning .toast-icon { color: var(--warning); }
+.toast.danger  .toast-icon { color: var(--danger); }
+.toast-body { flex: 1; min-width: 0; }
+.toast-title { font-weight: 600; margin-bottom: 2px; }
+.toast-msg { color: var(--fg-muted); font-size: 12px; }
+.toast-close {
+  background: transparent; border: none;
+  color: var(--fg-subtle); cursor: pointer;
+  padding: 0 2px; font-family: inherit;
+}
+.toast-close:hover { color: var(--fg); }
+.toast.leaving { animation: toastOut var(--dur) var(--ease) forwards; }
+@keyframes toastIn  { from { opacity: 0; transform: translateX(20px); } }
+@keyframes toastOut { to   { opacity: 0; transform: translateX(20px); } }

package/dist/Toast.cjs

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

package/dist/Toast.cjs.map

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

package/dist/Toast.d.cts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+type ToastType = "info" | "success" | "warning" | "danger";
+interface ToastItem {
+    id: number;
+    type: ToastType;
+    title?: React.ReactNode;
+    message?: React.ReactNode;
+    duration?: number;
+}
+declare const toast: {
+    show(t: Omit<ToastItem, "id">): number;
+    info: (message: React.ReactNode, title?: React.ReactNode) => number;
+    success: (message: React.ReactNode, title?: React.ReactNode) => number;
+    warn: (message: React.ReactNode, title?: React.ReactNode) => number;
+    error: (message: React.ReactNode, title?: React.ReactNode) => number;
+    dismiss(id: number): void;
+    clear(): void;
+};
+interface ToastContainerProps {
+    placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center";
+}
+/** `ToastContainer` — mount once at your app root; subscribes to `toast.*` calls. */
+declare const ToastContainer: React.FC<ToastContainerProps>;
+
+export { ToastContainer, type ToastContainerProps, type ToastItem, type ToastType, toast };

package/dist/Toast.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+type ToastType = "info" | "success" | "warning" | "danger";
+interface ToastItem {
+    id: number;
+    type: ToastType;
+    title?: React.ReactNode;
+    message?: React.ReactNode;
+    duration?: number;
+}
+declare const toast: {
+    show(t: Omit<ToastItem, "id">): number;
+    info: (message: React.ReactNode, title?: React.ReactNode) => number;
+    success: (message: React.ReactNode, title?: React.ReactNode) => number;
+    warn: (message: React.ReactNode, title?: React.ReactNode) => number;
+    error: (message: React.ReactNode, title?: React.ReactNode) => number;
+    dismiss(id: number): void;
+    clear(): void;
+};
+interface ToastContainerProps {
+    placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center";
+}
+/** `ToastContainer` — mount once at your app root; subscribes to `toast.*` calls. */
+declare const ToastContainer: React.FC<ToastContainerProps>;
+
+export { ToastContainer, type ToastContainerProps, type ToastItem, type ToastType, toast };

package/dist/Toast.js

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

package/dist/Toast.js.map

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

package/dist/Tooltip-RT4BOVTD.css

@@ -0,0 +1,23 @@
+/* ============ Tooltip ============ */
+.tip-anchor {
+  position: relative;
+  display: inline-flex;
+}
+.tip {
+  position: absolute;
+  background: var(--bg-sunken);
+  color: var(--fg);
+  padding: 6px 10px;
+  border-radius: var(--r-sm);
+  font-size: 11px;
+  font-weight: 500;
+  white-space: nowrap;
+  box-shadow: var(--neu-out-sm);
+  pointer-events: none;
+  animation: fadeIn var(--dur) var(--ease);
+  z-index: 100;
+}
+.tip.top    { bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
+.tip.bottom { top:    calc(100% + 8px); left: 50%; transform: translateX(-50%); }
+.tip.left   { right: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
+.tip.right  { left:  calc(100% + 8px); top: 50%; transform: translateY(-50%); }

package/dist/Tooltip.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkRMD6KQ4H_cjs = require('./chunk-RMD6KQ4H.cjs');
+
+
+
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkRMD6KQ4H_cjs.Tooltip; }
+});
+//# sourceMappingURL=Tooltip.cjs.map
+//# sourceMappingURL=Tooltip.cjs.map

package/dist/Tooltip.cjs.map

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

package/dist/Tooltip.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface TooltipProps {
+    content: React.ReactNode;
+    placement?: "top" | "bottom" | "left" | "right";
+    children: React.ReactElement;
+    delay?: number;
+    disabled?: boolean;
+}
+/** `Tooltip` — hover/focus text bubble. */
+declare const Tooltip: React.FC<TooltipProps>;
+
+export { Tooltip, type TooltipProps };

package/dist/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface TooltipProps {
+    content: React.ReactNode;
+    placement?: "top" | "bottom" | "left" | "right";
+    children: React.ReactElement;
+    delay?: number;
+    disabled?: boolean;
+}
+/** `Tooltip` — hover/focus text bubble. */
+declare const Tooltip: React.FC<TooltipProps>;
+
+export { Tooltip, type TooltipProps };

package/dist/Tooltip.js

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

package/dist/Tooltip.js.map

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

package/dist/chunk-2VA2HSL4.cjs

@@ -0,0 +1,121 @@
+'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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Table/Table.tsx"],"names":["jsx","jsxs","Checkbox","Icon"],"mappings":";;;;;;;;;AAiDO,SAAS,KAAA,CAA6C;AAAA,EAC3D,OAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA,GAAY,IAAA;AAAA,EACZ,OAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,MAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAW,EAAC;AAAA,EACZ,QAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA,GAAQ,0BAAA;AAAA,EACR,SAAA,GAAY;AACd,CAAA,EAAoB;AAClB,EAAA,MAAM,KAAA,GAAQ,CAAC,GAAA,EAAU,CAAA,KAA+B;AACtD,IAAA,IAAI,OAAO,MAAA,KAAW,UAAA,EAAY,OAAO,OAAO,GAAG,CAAA;AACnD,IAAA,IAAI,MAAA,EAAQ,OAAO,GAAA,CAAI,MAAM,CAAA;AAC7B,IAAA,OAAO,CAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,CAAA,GAAkB,OAAA,KAAY,OAAA,GAAU,SAAA,GAAY,SAAA,CAAA;AAC1D,EAAA,MAAM,cACJ,UAAA,IAAc,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,KAAK,KAAA,CAAM,CAAC,CAAA,EAAG,CAAA,KAAM,SAAS,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAC,CAAA;AAEtF,EAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAAuB;AACxC,IAAA,IAAI,CAAC,QAAA,EAAU;AACf,IAAA,QAAA,CAAS,QAAA,CAAS,QAAA,CAAS,CAAC,CAAA,GAAI,SAAS,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,KAAM,CAAC,CAAA,GAAI,CAAC,GAAG,QAAA,EAAU,CAAC,CAAC,CAAA;AAAA,EACpF,CAAA;AACA,EAAA,MAAM,YAAY,MAAM;AACtB,IAAA,IAAI,CAAC,QAAA,EAAU;AACf,IAAA,QAAA,CAAS,WAAA,GAAc,EAAC,GAAI,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAC,CAAA;AAAA,EAC7D,CAAA;AAEA,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,WAAA,EAAc,SAAS,CAAA,CAAA,EACrC,QAAA,kBAAAC,eAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAW,SAAS,CAAC,CAAA,CAAA,EAAI,SAAA,GAAY,WAAA,GAAc,EAAE,CAAA,CAAA,EAC1D,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAAC,OAAA,EAAA,EACC,0CAAC,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,UAAA,oBACCA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,WAAA,EAAY,OAAO,EAAE,KAAA,EAAO,EAAA,EAAG,EAC3C,yCAACE,0BAAA,EAAA,EAAS,OAAA,EAAS,WAAA,EAAa,QAAA,EAAU,WAAW,CAAA,EACvD,CAAA;AAAA,MAED,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM;AAClB,QAAA,MAAM,MAAA,GAAS,YAAY,CAAA,CAAE,GAAA;AAC7B,QAAA,uBACED,eAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,SAAA,EAAW,GAAG,CAAA,CAAE,QAAA,GAAW,aAAa,EAAE,CAAA,CAAA,EAAI,MAAA,GAAS,QAAA,GAAW,EAAE,CAAA,CAAA;AAAA,YACpE,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,CAAE,OAAO,SAAA,EAAW,CAAA,CAAE,SAAS,MAAA,EAAO;AAAA,YACtD,SAAS,MAAM,CAAA,CAAE,QAAA,IAAY,MAAA,GAAS,EAAE,GAAG,CAAA;AAAA,YAE1C,QAAA,EAAA;AAAA,cAAA,CAAA,CAAE,KAAA;AAAA,cACF,CAAA,CAAE,QAAA,oBACDD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,UAAA,EACd,QAAA,kBAAAA,cAAA;AAAA,gBAACG,sBAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAM,MAAA,GAAU,OAAA,KAAY,KAAA,GAAQ,WAAW,UAAA,GAAc,UAAA;AAAA,kBAC7D,IAAA,EAAM;AAAA;AAAA,eACR,EACF;AAAA;AAAA,WAAA;AAAA,UAZG,CAAA,CAAE;AAAA,SAcT;AAAA,MAEJ,CAAC;AAAA,KAAA,EACH,CAAA,EACF,CAAA;AAAA,oBACAH,cAAA,CAAC,OAAA,EAAA,EACE,QAAA,EAAA,IAAA,CAAK,MAAA,KAAW,CAAA,kCACd,IAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,IAAA,EAAA,EAAG,OAAA,EAAS,OAAA,CAAQ,MAAA,IAAU,aAAa,CAAA,GAAI,CAAA,CAAA,EAAI,SAAA,EAAU,aAAA,EAC3D,QAAA,EAAA,KAAA,EACH,CAAA,EACF,IAEA,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,EAAK,CAAA,KAAM;AACnB,MAAA,MAAM,CAAA,GAAI,KAAA,CAAM,GAAA,EAAK,CAAC,CAAA;AACtB,MAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,QAAA,CAAS,CAAC,CAAA;AACjC,MAAA,uBACEC,eAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UAEC,SAAA,EAAW,GAAG,UAAA,GAAa,WAAA,GAAc,EAAE,CAAA,CAAA,EAAI,KAAA,GAAQ,aAAa,EAAE,CAAA,CAAA;AAAA,UACtE,SAAS,UAAA,GAAa,MAAM,UAAA,CAAW,GAAA,EAAK,CAAC,CAAA,GAAI,MAAA;AAAA,UAEhD,QAAA,EAAA;AAAA,YAAA,UAAA,oBACCD,cAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,WAAA;AAAA,gBACV,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,kBAAA,SAAA,CAAU,CAAC,CAAA;AAAA,gBACb,CAAA;AAAA,gBAEA,QAAA,kBAAAA,cAAA,CAACE,8BAAS,OAAA,EAAS,KAAA,EAAO,UAAU,MAAM,SAAA,CAAU,CAAC,CAAA,EAAG;AAAA;AAAA,aAC1D;AAAA,YAED,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM;AAClB,cAAA,MAAM,MAAM,CAAA,CAAE,SAAA,GAAY,GAAA,CAAI,CAAA,CAAE,SAAS,CAAA,GAAI,MAAA;AAC7C,cAAA,sCACG,IAAA,EAAA,EAAe,KAAA,EAAO,EAAE,SAAA,EAAW,CAAA,CAAE,SAAS,MAAA,EAAO,EACnD,YAAE,MAAA,GAAS,CAAA,CAAE,OAAO,GAAA,EAAK,GAAA,EAAK,CAAC,CAAA,GAAK,GAAA,EAAA,EAD9B,EAAE,GAEX,CAAA;AAAA,YAEJ,CAAC;AAAA;AAAA,SAAA;AAAA,QAtBI;AAAA,OAuBP;AAAA,IAEJ,CAAC,CAAA,EAEL;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;AAiBO,SAAS,QAAA,CAAgD;AAAA,EAC9D,OAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,uBACED,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,WAAA,EAAc,SAAS,CAAA,CAAA,EACnC,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,OAAA,IAAW,OAAA,qBACpBA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,eAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBAASD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBAC9CA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,MAC5C,OAAA,oBAAWA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAyB,QAAA,EAAA,OAAA,EAAQ;AAAA,KAAA,EAC9D,CAAA;AAAA,oBAEFA,cAAA,CAAC,KAAA,EAAA,EAAO,GAAG,UAAA,EAAY,WAAU,QAAA,EAAS,CAAA;AAAA,IACzC,MAAA,oBAAUA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAgB,QAAA,EAAA,MAAA,EAAO;AAAA,GAAA,EACnD,CAAA;AAEJ","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

@@ -0,0 +1,118 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,53 @@
+import { Icon } from './chunk-GEYMWUW6.js';
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Tag-EYOY3UWG.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Tag = ({
+  tone = "neutral",
+  solid,
+  dot,
+  removable,
+  onRemove,
+  className = "",
+  children,
+  ...rest
+}) => {
+  const cls = ["tag", tone, solid && "solid", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("span", { className: cls, ...rest, children: [
+    dot && /* @__PURE__ */ jsx("span", { className: "dot" }),
+    children,
+    removable && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "x",
+        role: "button",
+        "aria-label": "Remove",
+        onClick: (e) => {
+          e.stopPropagation();
+          onRemove?.();
+        },
+        children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 11 })
+      }
+    )
+  ] });
+};
+var Badge = ({
+  count,
+  dot,
+  tone = "danger",
+  children,
+  className = "",
+  ...rest
+}) => {
+  const show = dot || typeof count === "number" && count > 0;
+  return /* @__PURE__ */ jsxs("span", { className: `badge-wrap ${className}`, ...rest, children: [
+    children,
+    show && /* @__PURE__ */ jsx("span", { className: `badge ${tone} ${dot ? "dot" : ""}`, children: !dot && (count > 99 ? "99+" : count) })
+  ] });
+};
+
+export { Badge, Tag };
+//# sourceMappingURL=chunk-3QWHDCHJ.js.map
+//# sourceMappingURL=chunk-3QWHDCHJ.js.map

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

@@ -0,0 +1 @@
+{"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"]}