dishui 0.0.65 → 0.0.67

package/dist/components/Table/index.js

@@ -1,124 +1,112 @@
+import { cn as e } from "../../utils/cn.js";
 import "react";
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-var v = ({ children: l, className: a = "", onClick: o, onMouseEnter: s, onMouseLeave: r }) => {
-  const t = ["table", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("table", {
-    className: t,
-    onClick: o,
-    onMouseEnter: s,
-    onMouseLeave: r,
-    children: l
-  });
-}, b = ({ children: l, className: a = "" }) => {
-  const o = ["table-header-group", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("thead", {
-    className: o,
-    children: l
-  });
-}, f = ({ children: l, className: a = "" }) => {
-  const o = ["table-row-group", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("tbody", {
-    className: o,
-    children: l
-  });
-}, p = ({ children: l, className: a = "", selected: o = !1, onClick: s, onDoubleClick: r, onMouseEnter: t, onMouseLeave: n, ...i }) => {
-  const c = [
-    "table-row",
-    o ? "bg-base-200" : "",
-    "hover:bg-base-100",
-    a
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("tr", {
-    className: c,
-    onClick: s,
-    onDoubleClick: r,
-    onMouseEnter: t,
-    onMouseLeave: n,
-    ...i,
-    children: l
-  });
-}, C = ({ children: l, className: a = "", onClick: o, colSpan: s, style: r, onDoubleClick: t, onMouseEnter: n, onMouseLeave: i }) => {
-  const c = ["table-cell", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("td", {
-    className: c,
-    onClick: o,
-    colSpan: s,
-    style: r,
-    onDoubleClick: t,
-    onMouseEnter: n,
-    onMouseLeave: i,
-    children: l
-  });
-}, g = ({ children: l, className: a = "", onClick: o, sortable: s = !1, sortDirection: r = null, draggable: t, onDragStart: n, onDragOver: i, onDrop: c, onMouseEnter: m, onMouseLeave: h }) => {
-  const w = [
-    "table-cell font-medium",
-    s ? "cursor-pointer" : "",
-    a
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("th", {
-    className: w,
-    onClick: o,
-    draggable: t,
-    onDragStart: n,
-    onDragOver: i,
-    onDrop: c,
-    onMouseEnter: m,
-    onMouseLeave: h,
-    children: /* @__PURE__ */ u("div", {
-      className: "flex items-center gap-2",
-      children: [l, s && /* @__PURE__ */ e("div", {
-        className: "flex flex-col",
-        children: r === "asc" ? /* @__PURE__ */ e("svg", {
-          xmlns: "http://www.w3.org/2000/svg",
-          className: "h-4 w-4",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ e("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "2",
-            d: "M5 15l7-7 7 7"
-          })
-        }) : r === "desc" ? /* @__PURE__ */ e("svg", {
-          xmlns: "http://www.w3.org/2000/svg",
-          className: "h-4 w-4",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ e("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "2",
-            d: "M19 9l-7 7-7-7"
-          })
-        }) : /* @__PURE__ */ e("div", {
-          className: "h-4 w-4 opacity-30",
-          children: /* @__PURE__ */ e("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            className: "h-4 w-4",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            children: /* @__PURE__ */ e("path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: "2",
-              d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"
-            })
-          })
-        })
-      })]
-    })
-  });
-}, d = v;
-d.Head = b;
-d.Body = f;
-d.Row = p;
-d.Cell = C;
-d.HeaderCell = g;
-export {
-  d as default
-};
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/Table/index.tsx
+var r = ({ children: n, className: r = "", onClick: i, onMouseEnter: a, onMouseLeave: o }) => {
+	let s = e("table", r);
+	return /* @__PURE__ */ t("table", {
+		className: s,
+		onClick: i,
+		onMouseEnter: a,
+		onMouseLeave: o,
+		children: n
+	});
+}, i = ({ children: n, className: r = "" }) => {
+	let i = e("table-header-group", r);
+	return /* @__PURE__ */ t("thead", {
+		className: i,
+		children: n
+	});
+}, a = ({ children: n, className: r = "" }) => {
+	let i = e("table-row-group", r);
+	return /* @__PURE__ */ t("tbody", {
+		className: i,
+		children: n
+	});
+}, o = ({ children: n, className: r = "", selected: i = !1, onClick: a, onDoubleClick: o, onMouseEnter: s, onMouseLeave: c, ...l }) => {
+	let u = e("table-row", i && "bg-base-200", "hover:bg-base-100", r);
+	return /* @__PURE__ */ t("tr", {
+		className: u,
+		onClick: a,
+		onDoubleClick: o,
+		onMouseEnter: s,
+		onMouseLeave: c,
+		...l,
+		children: n
+	});
+}, s = ({ children: n, className: r = "", onClick: i, colSpan: a, style: o, onDoubleClick: s, onMouseEnter: c, onMouseLeave: l }) => {
+	let u = e("table-cell", r);
+	return /* @__PURE__ */ t("td", {
+		className: u,
+		onClick: i,
+		colSpan: a,
+		style: o,
+		onDoubleClick: s,
+		onMouseEnter: c,
+		onMouseLeave: l,
+		children: n
+	});
+}, c = ({ children: r, className: i = "", onClick: a, sortable: o = !1, sortDirection: s = null, draggable: c, onDragStart: l, onDragOver: u, onDrop: d, onMouseEnter: f, onMouseLeave: p }) => {
+	let m = e("table-cell font-medium", o && "cursor-pointer", i);
+	return /* @__PURE__ */ t("th", {
+		className: m,
+		onClick: a,
+		draggable: c,
+		onDragStart: l,
+		onDragOver: u,
+		onDrop: d,
+		onMouseEnter: f,
+		onMouseLeave: p,
+		children: /* @__PURE__ */ n("div", {
+			className: "flex items-center gap-2",
+			children: [r, o && /* @__PURE__ */ t("div", {
+				className: "flex flex-col",
+				children: s === "asc" ? /* @__PURE__ */ t("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					className: "h-4 w-4",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					children: /* @__PURE__ */ t("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: "2",
+						d: "M5 15l7-7 7 7"
+					})
+				}) : s === "desc" ? /* @__PURE__ */ t("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					className: "h-4 w-4",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					children: /* @__PURE__ */ t("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: "2",
+						d: "M19 9l-7 7-7-7"
+					})
+				}) : /* @__PURE__ */ t("div", {
+					className: "h-4 w-4 opacity-30",
+					children: /* @__PURE__ */ t("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						className: "h-4 w-4",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ t("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: "2",
+							d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"
+						})
+					})
+				})
+			})]
+		})
+	});
+}, l = r;
+l.Head = i, l.Body = a, l.Row = o, l.Cell = s, l.HeaderCell = c;
+//#endregion
+export { l as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Table/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nexport type TableProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst Table = ({\n  children,\n  className = '',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: TableProps) => {\n  const baseClass = 'table';\n  \n  const tableClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <table \n      className={tableClasses}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </table>\n  );\n};\n\n// Table.Head 组件\nexport type TableHeadProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst TableHead = ({\n  children,\n  className = '',\n}: TableHeadProps) => {\n  const baseClass = 'table-header-group';\n  \n  const headClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <thead className={headClasses}>\n      {children}\n    </thead>\n  );\n};\n\n// Table.Body 组件\nexport type TableBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst TableBody = ({\n  children,\n  className = '',\n}: TableBodyProps) => {\n  const baseClass = 'table-row-group';\n  \n  const bodyClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <tbody className={bodyClasses}>\n      {children}\n    </tbody>\n  );\n};\n\n// Table.Row 组件\nexport type TableRowProps = {\n  children: React.ReactNode;\n  className?: string;\n  selected?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n} & Omit<\n  React.HTMLAttributes<HTMLTableRowElement>,\n  'className' | 'onClick' | 'onDoubleClick' | 'onMouseEnter' | 'onMouseLeave'\n>;\n\nconst TableRow = ({\n  children,\n  className = '',\n  selected = false,\n  onClick,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: TableRowProps) => {\n  const baseClass = 'table-row';\n\n  const rowClasses = [\n    baseClass,\n    selected ? 'bg-base-200' : '',\n    'hover:bg-base-100',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <tr \n      className={rowClasses}\n      onClick={onClick}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      {...rest}\n    >\n      {children}\n    </tr>\n  );\n};\n\n// Table.Cell 组件\nexport type TableCellProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  colSpan?: number;\n  style?: React.CSSProperties;\n  \n  // 添加鼠标事件\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst TableCell = ({\n  children,\n  className = '',\n  onClick,\n  colSpan,\n  style,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n}: TableCellProps) => {\n  const baseClass = 'table-cell';\n  \n  const cellClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <td \n      className={cellClasses}\n      onClick={onClick}\n      colSpan={colSpan}\n      style={style}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </td>\n  );\n};\n\n// Table.HeaderCell 组件\nexport type TableHeaderCellProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  sortable?: boolean;\n  sortDirection?: 'asc' | 'desc' | null;\n  \n  // 拖拽相关属性\n  draggable?: boolean;\n  onDragStart?: (e: React.DragEvent) => void;\n  onDragOver?: (e: React.DragEvent) => void;\n  onDrop?: (e: React.DragEvent) => void;\n  \n  // 鼠标事件\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst TableHeaderCell = ({\n  children,\n  className = '',\n  onClick,\n  sortable = false,\n  sortDirection = null,\n  \n  // 拖拽相关属性\n  draggable,\n  onDragStart,\n  onDragOver,\n  onDrop,\n  \n  // 鼠标事件\n  onMouseEnter,\n  onMouseLeave,\n}: TableHeaderCellProps) => {\n  const baseClass = 'table-cell font-medium';\n  \n  const headerCellClasses = [\n    baseClass,\n    sortable ? 'cursor-pointer' : '',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <th \n      className={headerCellClasses}\n      onClick={onClick}\n      draggable={draggable}\n      onDragStart={onDragStart}\n      onDragOver={onDragOver}\n      onDrop={onDrop}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <div className=\"flex items-center gap-2\">\n        {children}\n        {sortable && (\n          <div className=\"flex flex-col\">\n            {sortDirection === 'asc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 15l7-7 7 7\" />\n              </svg>\n            ) : sortDirection === 'desc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n              </svg>\n            ) : (\n              <div className=\"h-4 w-4 opacity-30\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" />\n                </svg>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </th>\n  );\n};\n\n// 扩展Table组件，添加子组件\ninterface TableCompound extends React.FC<TableProps> {\n  Head: React.FC<TableHeadProps>;\n  Body: React.FC<TableBodyProps>;\n  Row: React.FC<TableRowProps>;\n  Cell: React.FC<TableCellProps>;\n  HeaderCell: React.FC<TableHeaderCellProps>;\n}\n\nconst TableWithCompounds = Table as TableCompound;\nTableWithCompounds.Head = TableHead;\nTableWithCompounds.Body = TableBody;\nTableWithCompounds.Row = TableRow;\nTableWithCompounds.Cell = TableCell;\nTableWithCompounds.HeaderCell = TableHeaderCell;\n\nexport default TableWithCompounds; "],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Table/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TableProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst Table = ({\n  children,\n  className = '',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: TableProps) => {\n  const baseClass = 'table';\n  \n  const tableClasses = cn(baseClass, className);\n\n  return (\n    <table \n      className={tableClasses}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </table>\n  );\n};\n\n// Table.Head 组件\nexport type TableHeadProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst TableHead = ({\n  children,\n  className = '',\n}: TableHeadProps) => {\n  const baseClass = 'table-header-group';\n  \n  const headClasses = cn(baseClass, className);\n\n  return (\n    <thead className={headClasses}>\n      {children}\n    </thead>\n  );\n};\n\n// Table.Body 组件\nexport type TableBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst TableBody = ({\n  children,\n  className = '',\n}: TableBodyProps) => {\n  const baseClass = 'table-row-group';\n  \n  const bodyClasses = cn(baseClass, className);\n\n  return (\n    <tbody className={bodyClasses}>\n      {children}\n    </tbody>\n  );\n};\n\n// Table.Row 组件\nexport type TableRowProps = {\n  children: React.ReactNode;\n  className?: string;\n  selected?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n} & Omit<\n  React.HTMLAttributes<HTMLTableRowElement>,\n  'className' | 'onClick' | 'onDoubleClick' | 'onMouseEnter' | 'onMouseLeave'\n>;\n\nconst TableRow = ({\n  children,\n  className = '',\n  selected = false,\n  onClick,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: TableRowProps) => {\n  const baseClass = 'table-row';\n\n  const rowClasses = cn(\n    baseClass,\n    selected && 'bg-base-200',\n    'hover:bg-base-100',\n    className\n  );\n\n  return (\n    <tr \n      className={rowClasses}\n      onClick={onClick}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      {...rest}\n    >\n      {children}\n    </tr>\n  );\n};\n\n// Table.Cell 组件\nexport type TableCellProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  colSpan?: number;\n  style?: React.CSSProperties;\n  \n  // 添加鼠标事件\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst TableCell = ({\n  children,\n  className = '',\n  onClick,\n  colSpan,\n  style,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n}: TableCellProps) => {\n  const baseClass = 'table-cell';\n  \n  const cellClasses = cn(baseClass, className);\n\n  return (\n    <td \n      className={cellClasses}\n      onClick={onClick}\n      colSpan={colSpan}\n      style={style}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </td>\n  );\n};\n\n// Table.HeaderCell 组件\nexport type TableHeaderCellProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  sortable?: boolean;\n  sortDirection?: 'asc' | 'desc' | null;\n  \n  // 拖拽相关属性\n  draggable?: boolean;\n  onDragStart?: (e: React.DragEvent) => void;\n  onDragOver?: (e: React.DragEvent) => void;\n  onDrop?: (e: React.DragEvent) => void;\n  \n  // 鼠标事件\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst TableHeaderCell = ({\n  children,\n  className = '',\n  onClick,\n  sortable = false,\n  sortDirection = null,\n  \n  // 拖拽相关属性\n  draggable,\n  onDragStart,\n  onDragOver,\n  onDrop,\n  \n  // 鼠标事件\n  onMouseEnter,\n  onMouseLeave,\n}: TableHeaderCellProps) => {\n  const baseClass = 'table-cell font-medium';\n  \n  const headerCellClasses = cn(\n    baseClass,\n    sortable && 'cursor-pointer',\n    className\n  );\n\n  return (\n    <th \n      className={headerCellClasses}\n      onClick={onClick}\n      draggable={draggable}\n      onDragStart={onDragStart}\n      onDragOver={onDragOver}\n      onDrop={onDrop}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <div className=\"flex items-center gap-2\">\n        {children}\n        {sortable && (\n          <div className=\"flex flex-col\">\n            {sortDirection === 'asc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 15l7-7 7 7\" />\n              </svg>\n            ) : sortDirection === 'desc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n              </svg>\n            ) : (\n              <div className=\"h-4 w-4 opacity-30\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" />\n                </svg>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </th>\n  );\n};\n\n// 扩展Table组件，添加子组件\ninterface TableCompound extends React.FC<TableProps> {\n  Head: React.FC<TableHeadProps>;\n  Body: React.FC<TableBodyProps>;\n  Row: React.FC<TableRowProps>;\n  Cell: React.FC<TableCellProps>;\n  HeaderCell: React.FC<TableHeaderCellProps>;\n}\n\nconst TableWithCompounds = Table as TableCompound;\nTableWithCompounds.Head = TableHead;\nTableWithCompounds.Body = TableBody;\nTableWithCompounds.Row = TableRow;\nTableWithCompounds.Cell = TableCell;\nTableWithCompounds.HeaderCell = TableHeaderCell;\n\nexport default TableWithCompounds; "],"mappings":";;;;AAWA,IAAM,KAAS,EACb,aACA,eAAY,IACZ,YACA,iBACA,sBACgB;CAGhB,IAAM,IAAe,EAAG,SAAW,CAAS;CAE5C,OACE,kBAAC,SAAD;EACE,WAAW;EACF;EACK;EACA;EAEb;CACI,CAAA;AAEX,GAQM,KAAa,EACjB,aACA,eAAY,SACQ;CAGpB,IAAM,IAAc,EAAG,sBAAW,CAAS;CAE3C,OACE,kBAAC,SAAD;EAAO,WAAW;EACf;CACI,CAAA;AAEX,GAQM,KAAa,EACjB,aACA,eAAY,SACQ;CAGpB,IAAM,IAAc,EAAG,mBAAW,CAAS;CAE3C,OACE,kBAAC,SAAD;EAAO,WAAW;EACf;CACI,CAAA;AAEX,GAgBM,KAAY,EAChB,aACA,eAAY,IACZ,cAAW,IACX,YACA,kBACA,iBACA,iBACA,GAAG,QACgB;CAGnB,IAAM,IAAa,EACjB,aACA,KAAY,eACZ,qBACA,CACF;CAEA,OACE,kBAAC,MAAD;EACE,WAAW;EACF;EACM;EACD;EACA;EACd,GAAI;EAEH;CACC,CAAA;AAER,GAgBM,KAAa,EACjB,aACA,eAAY,IACZ,YACA,YACA,UACA,kBACA,iBACA,sBACoB;CAGpB,IAAM,IAAc,EAAG,cAAW,CAAS;CAE3C,OACE,kBAAC,MAAD;EACE,WAAW;EACF;EACA;EACF;EACQ;EACD;EACA;EAEb;CACC,CAAA;AAER,GAqBM,KAAmB,EACvB,aACA,eAAY,IACZ,YACA,cAAW,IACX,mBAAgB,MAGhB,cACA,gBACA,eACA,WAGA,iBACA,sBAC0B;CAG1B,IAAM,IAAoB,EACxB,0BACA,KAAY,kBACZ,CACF;CAEA,OACE,kBAAC,MAAD;EACE,WAAW;EACF;EACE;EACE;EACD;EACJ;EACM;EACA;EAEd,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,GACA,KACC,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,MAAkB,QACjB,kBAAC,OAAD;KAAK,OAAM;KAA6B,WAAU;KAAU,MAAK;KAAO,SAAQ;KAAY,QAAO;KACjG,UAAA,kBAAC,QAAD;MAAM,eAAc;MAAQ,gBAAe;MAAQ,aAAY;MAAI,GAAE;KAAiB,CAAA;IACnF,CAAA,IACH,MAAkB,SACpB,kBAAC,OAAD;KAAK,OAAM;KAA6B,WAAU;KAAU,MAAK;KAAO,SAAQ;KAAY,QAAO;KACjG,UAAA,kBAAC,QAAD;MAAM,eAAc;MAAQ,gBAAe;MAAQ,aAAY;MAAI,GAAE;KAAkB,CAAA;IACpF,CAAA,IAEL,kBAAC,OAAD;KAAK,WAAU;KACb,UAAA,kBAAC,OAAD;MAAK,OAAM;MAA6B,WAAU;MAAU,MAAK;MAAO,SAAQ;MAAY,QAAO;MACjG,UAAA,kBAAC,QAAD;OAAM,eAAc;OAAQ,gBAAe;OAAQ,aAAY;OAAI,GAAE;MAAoD,CAAA;KACtH,CAAA;IACF,CAAA;GAEJ,CAAA,CAEJ;;CACH,CAAA;AAER,GAWM,IAAqB;AAC3B,EAAmB,OAAO,GAC1B,EAAmB,OAAO,GAC1B,EAAmB,MAAM,GACzB,EAAmB,OAAO,GAC1B,EAAmB,aAAa"}

package/dist/components/Tabs/index.js

@@ -1,44 +1,34 @@
+import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-var c = {
-  xs: "tabs-xs",
-  sm: "tabs-sm",
-  md: "tabs-md",
-  lg: "tabs-lg",
-  xl: "tabs-xl"
+//#region src/components/Tabs/index.tsx
+var r = {
+	xs: "tabs-xs",
+	sm: "tabs-sm",
+	md: "tabs-md",
+	lg: "tabs-lg",
+	xl: "tabs-xl"
 };
-function p({ items: e, value: l, onChange: o, variant: a = "box", size: i = "sm", block: b = !1, className: d = "" }) {
-  const r = a === "border" ? "tabs-border" : a === "lift" ? "tabs-lift" : a === "pill" ? "tabs-box dishui-tabs-pill" : "tabs-box";
-  return /* @__PURE__ */ t("div", {
-    role: "tablist",
-    className: [
-      "tabs h-auto min-h-0",
-      c[i],
-      r,
-      b && "w-full",
-      d
-    ].filter(Boolean).join(" "),
-    children: e.map((s) => /* @__PURE__ */ n("button", {
-      role: "tab",
-      type: "button",
-      "aria-selected": l === s.key,
-      disabled: s.disabled,
-      onClick: () => o(s.key),
-      className: [
-        "tab min-h-0 gap-1.5",
-        b && "flex-1",
-        l === s.key && "tab-active",
-        s.disabled && "tab-disabled"
-      ].filter(Boolean).join(" "),
-      children: [s.icon && /* @__PURE__ */ t("span", {
-        className: "[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]",
-        children: s.icon
-      }), s.label]
-    }, s.key))
-  });
+function i({ items: i, value: a, onChange: o, variant: s = "box", size: c = "sm", block: l = !1, className: u = "" }) {
+	let d = s === "border" ? "tabs-border" : s === "lift" ? "tabs-lift" : s === "pill" ? "tabs-box dishui-tabs-pill" : "tabs-box";
+	return /* @__PURE__ */ t("div", {
+		role: "tablist",
+		className: e("tabs h-auto min-h-0", r[c], d, l && "w-full", u),
+		children: i.map((r) => /* @__PURE__ */ n("button", {
+			role: "tab",
+			type: "button",
+			"aria-selected": a === r.key,
+			disabled: r.disabled,
+			onClick: () => o(r.key),
+			className: e("tab min-h-0 gap-1.5", l && "flex-1", a === r.key && "tab-active", r.disabled && "tab-disabled"),
+			children: [r.icon && /* @__PURE__ */ t("span", {
+				className: "[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]",
+				children: r.icon
+			}), r.label]
+		}, r.key))
+	});
 }
-export {
-  p as default
-};
+//#endregion
+export { i as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type TabItem<T extends string = string> = {\n    key: T;\n    label: React.ReactNode;\n    /** 可选：标签前的图标 */\n    icon?: React.ReactNode;\n    /** 禁用该标签 */\n    disabled?: boolean;\n};\n\nexport type TabsProps<T extends string = string> = {\n    items: readonly TabItem<T>[];\n    /** 当前激活的 tab key */\n    value: T;\n    /** 切换回调 */\n    onChange: (key: T) => void;\n    /**\n     * 外观（基于 daisyUI 5 的 tabs 修饰类）：\n     * - `box`   实心分段（tabs-box）\n     * - `border` 底部下划线（tabs-border）\n     * - `lift`  抬升的文件夹页签（tabs-lift）\n     * - `pill`  胶囊/圆角实心（DishUI 扩展）\n     */\n    variant?: 'box' | 'border' | 'lift' | 'pill';\n    /** 尺寸：xs / sm / md / lg / xl */\n    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n    /** 占满可用宽度，各标签平分 */\n    block?: boolean;\n    className?: string;\n};\n\nconst SIZE_CLASS: Record<NonNullable<TabsProps['size']>, string> = {\n    xs: 'tabs-xs',\n    sm: 'tabs-sm',\n    md: 'tabs-md',\n    lg: 'tabs-lg',\n    xl: 'tabs-xl',\n};\n\n/**\n * 标签页切换条。基于 daisyUI 5 的 `tabs` 系列修饰类，\n * 支持 box / border / lift / pill 四种外观、五档尺寸与等宽（block）模式。\n */\nfunction Tabs<T extends string = string>({\n    items,\n    value,\n    onChange,\n    variant = 'box',\n    size = 'sm',\n    block = false,\n    className = '',\n}: TabsProps<T>) {\n    // pill 是 DishUI 扩展：在 tabs-box 基础上追加胶囊圆角类（见 components.css）\n    const variantClass =\n        variant === 'border' ? 'tabs-border'\n        : variant === 'lift' ? 'tabs-lift'\n        : variant === 'pill' ? 'tabs-box dishui-tabs-pill'\n        : 'tabs-box';\n\n    return (\n        <div\n            role=\"tablist\"\n            className={[\n                'tabs h-auto min-h-0',\n                SIZE_CLASS[size],\n                variantClass,\n                block && 'w-full',\n                className,\n            ].filter(Boolean).join(' ')}\n        >\n            {items.map((item) => (\n                <button\n                    key={item.key}\n                    role=\"tab\"\n                    type=\"button\"\n                    aria-selected={value === item.key}\n                    disabled={item.disabled}\n                    onClick={() => onChange(item.key)}\n                    className={[\n                        'tab min-h-0 gap-1.5',\n                        block && 'flex-1',\n                        value === item.key && 'tab-active',\n                        item.disabled && 'tab-disabled',\n                    ].filter(Boolean).join(' ')}\n                >\n                    {item.icon && <span className=\"[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]\">{item.icon}</span>}\n                    {item.label}\n                </button>\n            ))}\n        </div>\n    );\n}\n\nexport default Tabs;\n"],"mappings":";;AAgCA,IAAM,IAA6D;AAAA,EAC/D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;AAMA,SAAS,EAAgC,EACrC,OAAA,GACA,OAAA,GACA,UAAA,GACA,SAAA,IAAU,OACV,MAAA,IAAO,MACP,OAAA,IAAQ,IACR,WAAA,IAAY,GAAA,GACC;AAEb,QAAM,IACF,MAAY,WAAW,gBACrB,MAAY,SAAS,cACrB,MAAY,SAAS,8BACrB;AAEN,SACI,gBAAA,EAAC,OAAD;AAAA,IACI,MAAK;AAAA,IACL,WAAW;AAAA,MACP;AAAA,MACA,EAAW,CAAA;AAAA,MACX;AAAA,MACA,KAAS;AAAA,MACT;AAAA,IACJ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAEzB,UAAA,EAAM,IAAA,CAAK,MACR,gBAAA,EAAC,UAAD;AAAA,MAEI,MAAK;AAAA,MACL,MAAK;AAAA,MACL,iBAAe,MAAU,EAAK;AAAA,MAC9B,UAAU,EAAK;AAAA,MACf,SAAA,MAAe,EAAS,EAAK,GAAG;AAAA,MAChC,WAAW;AAAA,QACP;AAAA,QACA,KAAS;AAAA,QACT,MAAU,EAAK,OAAO;AAAA,QACtB,EAAK,YAAY;AAAA,MACrB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAZ9B,UAAA,CAcK,EAAK,QAAQ,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,QAAuC,UAAA,EAAK;AAAA,MAAW,CAAA,GACpF,EAAK,KACF;AAAA,IAfC,GAAA,EAAK,GAeN,CACX;AAAA,EACA,CAAA;AAEb"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TabItem<T extends string = string> = {\n    key: T;\n    label: React.ReactNode;\n    /** 可选：标签前的图标 */\n    icon?: React.ReactNode;\n    /** 禁用该标签 */\n    disabled?: boolean;\n};\n\nexport type TabsProps<T extends string = string> = {\n    items: readonly TabItem<T>[];\n    /** 当前激活的 tab key */\n    value: T;\n    /** 切换回调 */\n    onChange: (key: T) => void;\n    /**\n     * 外观（基于 daisyUI 5 的 tabs 修饰类）：\n     * - `box`   实心分段（tabs-box）\n     * - `border` 底部下划线（tabs-border）\n     * - `lift`  抬升的文件夹页签（tabs-lift）\n     * - `pill`  胶囊/圆角实心（DishUI 扩展）\n     */\n    variant?: 'box' | 'border' | 'lift' | 'pill';\n    /** 尺寸：xs / sm / md / lg / xl */\n    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n    /** 占满可用宽度，各标签平分 */\n    block?: boolean;\n    className?: string;\n};\n\nconst SIZE_CLASS: Record<NonNullable<TabsProps['size']>, string> = {\n    xs: 'tabs-xs',\n    sm: 'tabs-sm',\n    md: 'tabs-md',\n    lg: 'tabs-lg',\n    xl: 'tabs-xl',\n};\n\n/**\n * 标签页切换条。基于 daisyUI 5 的 `tabs` 系列修饰类，\n * 支持 box / border / lift / pill 四种外观、五档尺寸与等宽（block）模式。\n */\nfunction Tabs<T extends string = string>({\n    items,\n    value,\n    onChange,\n    variant = 'box',\n    size = 'sm',\n    block = false,\n    className = '',\n}: TabsProps<T>) {\n    // pill 是 DishUI 扩展：在 tabs-box 基础上追加胶囊圆角类（见 components.css）\n    const variantClass =\n        variant === 'border' ? 'tabs-border'\n        : variant === 'lift' ? 'tabs-lift'\n        : variant === 'pill' ? 'tabs-box dishui-tabs-pill'\n        : 'tabs-box';\n\n    return (\n        <div\n            role=\"tablist\"\n            className={cn(\n                'tabs h-auto min-h-0',\n                SIZE_CLASS[size],\n                variantClass,\n                block && 'w-full',\n                className,\n            )}\n        >\n            {items.map((item) => (\n                <button\n                    key={item.key}\n                    role=\"tab\"\n                    type=\"button\"\n                    aria-selected={value === item.key}\n                    disabled={item.disabled}\n                    onClick={() => onChange(item.key)}\n                    className={cn(\n                        'tab min-h-0 gap-1.5',\n                        block && 'flex-1',\n                        value === item.key && 'tab-active',\n                        item.disabled && 'tab-disabled',\n                    )}\n                >\n                    {item.icon && <span className=\"[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]\">{item.icon}</span>}\n                    {item.label}\n                </button>\n            ))}\n        </div>\n    );\n}\n\nexport default Tabs;\n"],"mappings":";;;;AAiCA,IAAM,IAA6D;CAC/D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAMA,SAAS,EAAgC,EACrC,UACA,UACA,aACA,aAAU,OACV,UAAO,MACP,WAAQ,IACR,eAAY,MACC;CAEb,IAAM,IACF,MAAY,WAAW,gBACrB,MAAY,SAAS,cACrB,MAAY,SAAS,8BACrB;CAEN,OACI,kBAAC,OAAD;EACI,MAAK;EACL,WAAW,EACP,uBACA,EAAW,IACX,GACA,KAAS,UACT,CACJ;EAEC,UAAA,EAAM,KAAK,MACR,kBAAC,UAAD;GAEI,MAAK;GACL,MAAK;GACL,iBAAe,MAAU,EAAK;GAC9B,UAAU,EAAK;GACf,eAAe,EAAS,EAAK,GAAG;GAChC,WAAW,EACP,uBACA,KAAS,UACT,MAAU,EAAK,OAAO,cACtB,EAAK,YAAY,cACrB;GAZJ,UAAA,CAcK,EAAK,QAAQ,kBAAC,QAAD;IAAM,WAAU;IAAuC,UAAA,EAAK;GAAW,CAAA,GACpF,EAAK,KACF;EAfC,GAAA,EAAK,GAeN,CACX;CACA,CAAA;AAEb"}

package/dist/components/Text/index.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+export type TextElement = 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong' | 'em' | 'small' | 'code';
+export type TextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
+export type TextColor = 'default' | 'muted' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'inherit';
+export type TextAlign = 'left' | 'center' | 'right' | 'justify';
+export type TextProps = {
+    children?: React.ReactNode;
+    /** Rendered HTML element. */
+    as?: TextElement;
+    /** Font size preset. */
+    size?: TextSize;
+    /** Font weight. */
+    weight?: TextWeight;
+    /** Semantic color. */
+    color?: TextColor;
+    /** Text alignment. */
+    align?: TextAlign;
+    /** Single-line ellipsis. */
+    truncate?: boolean;
+    /** Multi-line clamp (number of lines). */
+    clamp?: number;
+    /** Italic style. */
+    italic?: boolean;
+    /** Underline decoration. */
+    underline?: boolean;
+    /** Uppercase + letter-spacing (overline style). */
+    uppercase?: boolean;
+    /** Monospace font. */
+    mono?: boolean;
+    /** Extra class names. */
+    className?: string;
+    /** Inline styles. */
+    style?: React.CSSProperties;
+    /** Click handler. */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+};
+/**
+ * Text —— A2UI 展示组件：文本排版原语。
+ * 统一字号 / 字重 / 语义色 / 对齐与截断，替代散落各处的裸 `text-*` 组合。
+ */
+declare const Text: React.FC<TextProps>;
+export default Text;

package/dist/components/Text/index.js

@@ -0,0 +1,55 @@
+import { cn as e } from "../../utils/cn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Text/index.tsx
+var n = {
+	xs: "text-xs",
+	sm: "text-sm",
+	base: "text-base",
+	lg: "text-lg",
+	xl: "text-xl",
+	"2xl": "text-2xl",
+	"3xl": "text-3xl",
+	"4xl": "text-4xl"
+}, r = {
+	normal: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold"
+}, i = {
+	default: "text-base-content",
+	muted: "text-base-content/60",
+	primary: "text-primary",
+	secondary: "text-secondary",
+	accent: "text-accent",
+	info: "text-info",
+	success: "text-success",
+	warning: "text-warning",
+	error: "text-error",
+	inherit: ""
+}, a = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right",
+	justify: "text-justify"
+}, o = ({ children: o, as: s = "span", size: c = "base", weight: l = "normal", color: u = "default", align: d, truncate: f = !1, clamp: p, italic: m = !1, underline: h = !1, uppercase: g = !1, mono: _ = !1, className: v = "", style: y, onClick: b }) => {
+	let x = s, S = e(n[c], r[l], i[u], d && a[d], f && "truncate", m && "italic", h && "underline", g && "uppercase tracking-wider", _ && "font-mono", !f && p && p > 0 && "overflow-hidden", v);
+	return /* @__PURE__ */ t(x, {
+		className: S,
+		style: {
+			...!f && p && p > 0 ? {
+				display: "-webkit-box",
+				WebkitLineClamp: p,
+				WebkitBoxOrient: "vertical",
+				overflow: "hidden"
+			} : {},
+			...y
+		},
+		onClick: b,
+		children: o
+	});
+};
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Text/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TextElement =\n  | 'span'\n  | 'p'\n  | 'div'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'strong'\n  | 'em'\n  | 'small'\n  | 'code';\n\nexport type TextSize =\n  | 'xs'\n  | 'sm'\n  | 'base'\n  | 'lg'\n  | 'xl'\n  | '2xl'\n  | '3xl'\n  | '4xl';\n\nexport type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';\n\nexport type TextColor =\n  | 'default'\n  | 'muted'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'inherit';\n\nexport type TextAlign = 'left' | 'center' | 'right' | 'justify';\n\nexport type TextProps = {\n  children?: React.ReactNode;\n  /** Rendered HTML element. */\n  as?: TextElement;\n  /** Font size preset. */\n  size?: TextSize;\n  /** Font weight. */\n  weight?: TextWeight;\n  /** Semantic color. */\n  color?: TextColor;\n  /** Text alignment. */\n  align?: TextAlign;\n  /** Single-line ellipsis. */\n  truncate?: boolean;\n  /** Multi-line clamp (number of lines). */\n  clamp?: number;\n  /** Italic style. */\n  italic?: boolean;\n  /** Underline decoration. */\n  underline?: boolean;\n  /** Uppercase + letter-spacing (overline style). */\n  uppercase?: boolean;\n  /** Monospace font. */\n  mono?: boolean;\n  /** Extra class names. */\n  className?: string;\n  /** Inline styles. */\n  style?: React.CSSProperties;\n  /** Click handler. */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n};\n\nconst SIZE_CLASS: Record<TextSize, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  base: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n  '2xl': 'text-2xl',\n  '3xl': 'text-3xl',\n  '4xl': 'text-4xl',\n};\n\nconst WEIGHT_CLASS: Record<TextWeight, string> = {\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n};\n\nconst COLOR_CLASS: Record<TextColor, string> = {\n  default: 'text-base-content',\n  muted: 'text-base-content/60',\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  info: 'text-info',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  inherit: '',\n};\n\nconst ALIGN_CLASS: Record<TextAlign, string> = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n  justify: 'text-justify',\n};\n\n/**\n * Text —— A2UI 展示组件：文本排版原语。\n * 统一字号 / 字重 / 语义色 / 对齐与截断，替代散落各处的裸 `text-*` 组合。\n */\nconst Text: React.FC<TextProps> = ({\n  children,\n  as = 'span',\n  size = 'base',\n  weight = 'normal',\n  color = 'default',\n  align,\n  truncate = false,\n  clamp,\n  italic = false,\n  underline = false,\n  uppercase = false,\n  mono = false,\n  className = '',\n  style,\n  onClick,\n}) => {\n  const Tag = as as React.ElementType;\n\n  const classes = cn(\n    SIZE_CLASS[size],\n    WEIGHT_CLASS[weight],\n    COLOR_CLASS[color],\n    align && ALIGN_CLASS[align],\n    truncate && 'truncate',\n    italic && 'italic',\n    underline && 'underline',\n    uppercase && 'uppercase tracking-wider',\n    mono && 'font-mono',\n    !truncate && clamp && clamp > 0 && 'overflow-hidden',\n    className,\n  );\n\n  const clampStyle: React.CSSProperties =\n    !truncate && clamp && clamp > 0\n      ? {\n          display: '-webkit-box',\n          WebkitLineClamp: clamp,\n          WebkitBoxOrient: 'vertical',\n          overflow: 'hidden',\n        }\n      : {};\n\n  return (\n    <Tag className={classes} style={{ ...clampStyle, ...style }} onClick={onClick}>\n      {children}\n    </Tag>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;AA4EA,IAAM,IAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;AACT,GAEM,IAA2C;CAC/C,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;AACR,GAEM,IAAyC;CAC7C,SAAS;CACT,OAAO;CACP,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;AACX,GAEM,IAAyC;CAC7C,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;AACX,GAMM,KAA6B,EACjC,aACA,QAAK,QACL,UAAO,QACP,YAAS,UACT,WAAQ,WACR,UACA,cAAW,IACX,UACA,YAAS,IACT,eAAY,IACZ,eAAY,IACZ,UAAO,IACP,eAAY,IACZ,UACA,iBACI;CACJ,IAAM,IAAM,GAEN,IAAU,EACd,EAAW,IACX,EAAa,IACb,EAAY,IACZ,KAAS,EAAY,IACrB,KAAY,YACZ,KAAU,UACV,KAAa,aACb,KAAa,4BACb,KAAQ,aACR,CAAC,KAAY,KAAS,IAAQ,KAAK,mBACnC,CACF;CAYA,OACE,kBAAC,GAAD;EAAK,WAAW;EAAS,OAAO;GAAE,GAVlC,CAAC,KAAY,KAAS,IAAQ,IAC1B;IACE,SAAS;IACT,iBAAiB;IACjB,iBAAiB;IACjB,UAAU;GACZ,IACA,CAAC;GAG4C,GAAG;EAAM;EAAY;EACnE;CACE,CAAA;AAET"}

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export type TooltipProps = {
+    /** Tooltip text content. */
+    content: React.ReactNode;
+    /** The element the tooltip is attached to. */
+    children: React.ReactNode;
+    /** Placement relative to the target. */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    /** Color variant (daisyUI). */
+    variant?: 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+    /** Always show the tooltip (useful for demos / onboarding). */
+    open?: boolean;
+    /** Extra class names applied to the wrapper. */
+    className?: string;
+    /** Inline styles applied to the wrapper. */
+    style?: React.CSSProperties;
+};
+/**
+ * Tooltip —— 悬浮提示。基于 daisyUI `tooltip`，纯 CSS 实现，支持四向定位与色调变体。
+ * 提示文本通过 `data-tip` 渲染，可访问性良好且无需 JS。
+ */
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/components/Tooltip/index.js

@@ -0,0 +1,34 @@
+import { cn as e } from "../../utils/cn.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/Tooltip/index.tsx
+var r = {
+	top: "tooltip-top",
+	bottom: "tooltip-bottom",
+	left: "tooltip-left",
+	right: "tooltip-right"
+}, i = {
+	default: "",
+	primary: "tooltip-primary",
+	secondary: "tooltip-secondary",
+	accent: "tooltip-accent",
+	info: "tooltip-info",
+	success: "tooltip-success",
+	warning: "tooltip-warning",
+	error: "tooltip-error"
+}, a = ({ content: a, children: o, placement: s = "top", variant: c = "default", open: l = !1, className: u = "", style: d }) => {
+	let f = e("tooltip", r[s], i[c], l && "tooltip-open", u);
+	return /* @__PURE__ */ n("span", {
+		className: f,
+		style: d,
+		"data-tip": typeof a == "string" ? a : void 0,
+		children: [typeof a != "string" && /* @__PURE__ */ t("span", {
+			className: "tooltip-content",
+			children: a
+		}), o]
+	});
+};
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TooltipProps = {\n  /** Tooltip text content. */\n  content: React.ReactNode;\n  /** The element the tooltip is attached to. */\n  children: React.ReactNode;\n  /** Placement relative to the target. */\n  placement?: 'top' | 'bottom' | 'left' | 'right';\n  /** Color variant (daisyUI). */\n  variant?: 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';\n  /** Always show the tooltip (useful for demos / onboarding). */\n  open?: boolean;\n  /** Extra class names applied to the wrapper. */\n  className?: string;\n  /** Inline styles applied to the wrapper. */\n  style?: React.CSSProperties;\n};\n\nconst PLACEMENT_CLASS: Record<NonNullable<TooltipProps['placement']>, string> = {\n  top: 'tooltip-top',\n  bottom: 'tooltip-bottom',\n  left: 'tooltip-left',\n  right: 'tooltip-right',\n};\n\nconst VARIANT_CLASS: Record<NonNullable<TooltipProps['variant']>, string> = {\n  default: '',\n  primary: 'tooltip-primary',\n  secondary: 'tooltip-secondary',\n  accent: 'tooltip-accent',\n  info: 'tooltip-info',\n  success: 'tooltip-success',\n  warning: 'tooltip-warning',\n  error: 'tooltip-error',\n};\n\n/**\n * Tooltip —— 悬浮提示。基于 daisyUI `tooltip`，纯 CSS 实现，支持四向定位与色调变体。\n * 提示文本通过 `data-tip` 渲染，可访问性良好且无需 JS。\n */\nconst Tooltip: React.FC<TooltipProps> = ({\n  content,\n  children,\n  placement = 'top',\n  variant = 'default',\n  open = false,\n  className = '',\n  style,\n}) => {\n  const wrapperClasses = cn(\n    'tooltip',\n    PLACEMENT_CLASS[placement],\n    VARIANT_CLASS[variant],\n    open && 'tooltip-open',\n    className,\n  );\n\n  return (\n    <span\n      className={wrapperClasses}\n      style={style}\n      data-tip={typeof content === 'string' ? content : undefined}\n    >\n      {typeof content !== 'string' && (\n        <span className=\"tooltip-content\">{content}</span>\n      )}\n      {children}\n    </span>\n  );\n};\n\nexport default Tooltip;\n"],"mappings":";;;;AAoBA,IAAM,IAA0E;CAC9E,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;AACT,GAEM,IAAsE;CAC1E,SAAS;CACT,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAMM,KAAmC,EACvC,YACA,aACA,eAAY,OACZ,aAAU,WACV,UAAO,IACP,eAAY,IACZ,eACI;CACJ,IAAM,IAAiB,EACrB,WACA,EAAgB,IAChB,EAAc,IACd,KAAQ,gBACR,CACF;CAEA,OACE,kBAAC,QAAD;EACE,WAAW;EACJ;EACP,YAAU,OAAO,KAAY,WAAW,IAAU,KAAA;EAHpD,UAAA,CAKG,OAAO,KAAY,YAClB,kBAAC,QAAD;GAAM,WAAU;GAAmB,UAAA;EAAc,CAAA,GAElD,CACG;;AAEV"}