dishui 0.0.65 → 0.0.67

package/dist/components/DateTimeInput/index.js

@@ -0,0 +1,48 @@
+import { cn as e } from "../../utils/cn.js";
+import { useCallback as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/DateTimeInput/index.tsx
+var i = {
+	default: "",
+	primary: "input-primary",
+	secondary: "input-secondary",
+	accent: "input-accent",
+	info: "input-info",
+	success: "input-success",
+	warning: "input-warning",
+	error: "input-error"
+}, a = {
+	xs: "input-xs",
+	sm: "input-sm",
+	md: "input-md",
+	lg: "input-lg"
+}, o = ({ type: o = "date", value: s, defaultValue: c, onChange: l, min: u, max: d, step: f, label: p, placeholder: m, variant: h = "default", size: g = "sm", disabled: _ = !1, readOnly: v = !1, name: y, className: b = "", style: x }) => {
+	let S = t((e) => {
+		l?.(e.target.value, e);
+	}, [l]), C = /* @__PURE__ */ n("input", {
+		type: o,
+		className: e("input w-full", i[h], a[g], b),
+		value: s,
+		defaultValue: s === void 0 ? c : void 0,
+		min: u,
+		max: d,
+		step: f,
+		placeholder: m,
+		disabled: _,
+		readOnly: v,
+		name: y,
+		onChange: S
+	});
+	return p == null || p === "" ? C : /* @__PURE__ */ r("div", {
+		className: "w-full",
+		style: x,
+		children: [/* @__PURE__ */ n("label", {
+			className: "label-text mb-1 block text-sm text-base-content/80",
+			children: p
+		}), C]
+	});
+};
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/DateTimeInput/index.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type DateTimeType = 'date' | 'time' | 'datetime-local' | 'month' | 'week';\n\nexport type DateTimeVariant =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error';\n\nexport type DateTimeSize = 'xs' | 'sm' | 'md' | 'lg';\n\nexport type DateTimeInputProps = {\n  /** Which native picker to render. */\n  type?: DateTimeType;\n  /** Controlled value (`YYYY-MM-DD`, `HH:mm`, … per `type`). */\n  value?: string;\n  /** Uncontrolled initial value. */\n  defaultValue?: string;\n  /** Change handler with the raw input value. */\n  onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Minimum allowed value. */\n  min?: string;\n  /** Maximum allowed value. */\n  max?: string;\n  /** Step (seconds for time / datetime-local, days for date, …). */\n  step?: number | string;\n  /** Optional label rendered above the field. */\n  label?: React.ReactNode;\n  /** Placeholder (only shown by browsers that support it). */\n  placeholder?: string;\n  /** Color variant (daisyUI). */\n  variant?: DateTimeVariant;\n  /** Size (daisyUI). */\n  size?: DateTimeSize;\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Read-only state. */\n  readOnly?: boolean;\n  /** Native name attribute. */\n  name?: string;\n  /** Extra class names on the input. */\n  className?: string;\n  /** Inline styles on the wrapper. */\n  style?: React.CSSProperties;\n};\n\nconst VARIANT_CLASS: Record<DateTimeVariant, string> = {\n  default: '',\n  primary: 'input-primary',\n  secondary: 'input-secondary',\n  accent: 'input-accent',\n  info: 'input-info',\n  success: 'input-success',\n  warning: 'input-warning',\n  error: 'input-error',\n};\n\nconst SIZE_CLASS: Record<DateTimeSize, string> = {\n  xs: 'input-xs',\n  sm: 'input-sm',\n  md: 'input-md',\n  lg: 'input-lg',\n};\n\n/**\n * DateTimeInput —— A2UI 交互组件：日期 / 时间选择输入。\n * 基于原生 `date / time / datetime-local / month / week` 输入，套用 daisyUI input 样式。\n */\nconst DateTimeInput: React.FC<DateTimeInputProps> = ({\n  type = 'date',\n  value,\n  defaultValue,\n  onChange,\n  min,\n  max,\n  step,\n  label,\n  placeholder,\n  variant = 'default',\n  size = 'sm',\n  disabled = false,\n  readOnly = false,\n  name,\n  className = '',\n  style,\n}) => {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e.target.value, e);\n    },\n    [onChange],\n  );\n\n  const input = (\n    <input\n      type={type}\n      className={cn('input w-full', VARIANT_CLASS[variant], SIZE_CLASS[size], className)}\n      value={value}\n      defaultValue={value !== undefined ? undefined : defaultValue}\n      min={min}\n      max={max}\n      step={step}\n      placeholder={placeholder}\n      disabled={disabled}\n      readOnly={readOnly}\n      name={name}\n      onChange={handleChange}\n    />\n  );\n\n  if (label === undefined || label === null || label === '') {\n    return input;\n  }\n\n  return (\n    <div className=\"w-full\" style={style}>\n      <label className=\"label-text mb-1 block text-sm text-base-content/80\">\n        {label}\n      </label>\n      {input}\n    </div>\n  );\n};\n\nexport default DateTimeInput;\n"],"mappings":";;;;AAoDA,IAAM,IAAiD;CACrD,SAAS;CACT,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAEM,IAA2C;CAC/C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAMM,KAA+C,EACnD,UAAO,QACP,UACA,iBACA,aACA,QACA,QACA,SACA,UACA,gBACA,aAAU,WACV,UAAO,MACP,cAAW,IACX,cAAW,IACX,SACA,eAAY,IACZ,eACI;CACJ,IAAM,IAAe,GAClB,MAA2C;EAC1C,IAAW,EAAE,OAAO,OAAO,CAAC;CAC9B,GACA,CAAC,CAAQ,CACX,GAEM,IACJ,kBAAC,SAAD;EACQ;EACN,WAAW,EAAG,gBAAgB,EAAc,IAAU,EAAW,IAAO,CAAS;EAC1E;EACP,cAAc,MAAU,KAAA,IAAwB,IAAZ,KAAA;EAC/B;EACA;EACC;EACO;EACH;EACA;EACJ;EACN,UAAU;CACX,CAAA;CAOH,OAJI,KAAiC,QAAQ,MAAU,KAC9C,IAIP,kBAAC,OAAD;EAAK,WAAU;EAAgB;EAA/B,UAAA,CACE,kBAAC,SAAD;GAAO,WAAU;GACd,UAAA;EACI,CAAA,GACN,CACE;;AAET"}

package/dist/components/Demo/index.js

@@ -1,110 +1,110 @@
-import l from "../Button/index.js";
-import m from "../Label/index.js";
-import { useCopyToClipboard as c } from "../../hooks/useCopyToClipboard.js";
-import { useState as h } from "react";
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { Prism as p } from "react-syntax-highlighter";
-import { coldarkDark as u } from "react-syntax-highlighter/dist/esm/styles/prism";
-var v = ({ children: o, language: s = "jsx" }) => {
-  const { copied: t, copy: a } = c();
-  return /* @__PURE__ */ r("div", {
-    className: "relative my-4",
-    children: [/* @__PURE__ */ e(p, {
-      language: s,
-      style: u,
-      customStyle: {
-        borderRadius: "0.5rem",
-        fontSize: "0.875rem",
-        padding: "1rem"
-      },
-      children: o
-    }), /* @__PURE__ */ e(l, {
-      variant: "ghost",
-      size: "xs",
-      className: "absolute top-2 right-2",
-      onClick: () => a(o),
-      children: t ? /* @__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 13l4 4L19 7"
-        })
-      }) : /* @__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: "M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"
-        })
-      })
-    })]
-  });
-}, j = ({ title: o, description: s, children: t, code: a, language: n = "jsx" }) => {
-  const [i, d] = h(!1);
-  return /* @__PURE__ */ r("div", {
-    className: "border border-base-300 rounded-lg mb-8",
-    children: [
-      /* @__PURE__ */ r("div", {
-        className: "p-4 border-b border-base-300",
-        children: [/* @__PURE__ */ e("h3", {
-          className: "text-lg font-medium",
-          children: o
-        }), s && /* @__PURE__ */ e("p", {
-          className: "mt-1 text-sm opacity-70",
-          children: s
-        })]
-      }),
-      /* @__PURE__ */ e("div", {
-        className: "px-4 py-5 flex flex-wrap gap-4 items-center",
-        children: t
-      }),
-      /* @__PURE__ */ r("div", {
-        className: "border-t border-base-300",
-        children: [/* @__PURE__ */ r(l, {
-          variant: "ghost",
-          size: "sm",
-          className: "w-full flex justify-between items-center",
-          onClick: () => d(!i),
-          children: [/* @__PURE__ */ e(m, {
-            variant: "neutral",
-            children: "Source Code"
-          }), /* @__PURE__ */ e("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            className: `h-4 w-4 transition-transform ${i ? "rotate-180" : ""}`,
-            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"
-            })
-          })]
-        }), i && /* @__PURE__ */ e("div", {
-          className: "p-4 bg-base-200",
-          children: /* @__PURE__ */ e(v, {
-            language: n,
-            children: a
-          })
-        })]
-      })
-    ]
-  });
-};
-export {
-  j as default
+import e from "../Button/index.js";
+import t from "../Label/index.js";
+import { useCopyToClipboard as n } from "../../hooks/useCopyToClipboard.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Prism as o } from "react-syntax-highlighter";
+import { coldarkDark as s } from "react-syntax-highlighter/dist/esm/styles/prism";
+//#region src/components/Demo/index.tsx
+var c = ({ children: t, language: r = "jsx" }) => {
+	let { copied: c, copy: l } = n();
+	return /* @__PURE__ */ a("div", {
+		className: "relative my-4",
+		children: [/* @__PURE__ */ i(o, {
+			language: r,
+			style: s,
+			customStyle: {
+				borderRadius: "0.5rem",
+				fontSize: "0.875rem",
+				padding: "1rem"
+			},
+			children: t
+		}), /* @__PURE__ */ i(e, {
+			variant: "ghost",
+			size: "xs",
+			className: "absolute top-2 right-2",
+			onClick: () => l(t),
+			children: c ? /* @__PURE__ */ i("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				className: "h-4 w-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ i("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "2",
+					d: "M5 13l4 4L19 7"
+				})
+			}) : /* @__PURE__ */ i("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				className: "h-4 w-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ i("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "2",
+					d: "M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"
+				})
+			})
+		})]
+	});
+}, l = ({ title: n, description: o, children: s, code: l, language: u = "jsx" }) => {
+	let [d, f] = r(!1);
+	return /* @__PURE__ */ a("div", {
+		className: "border border-base-300 rounded-lg mb-8",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "p-4 border-b border-base-300",
+				children: [/* @__PURE__ */ i("h3", {
+					className: "text-lg font-medium",
+					children: n
+				}), o && /* @__PURE__ */ i("p", {
+					className: "mt-1 text-sm opacity-70",
+					children: o
+				})]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "px-4 py-5 flex flex-wrap gap-4 items-center",
+				children: s
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "border-t border-base-300",
+				children: [/* @__PURE__ */ a(e, {
+					variant: "ghost",
+					size: "sm",
+					className: "w-full flex justify-between items-center",
+					onClick: () => f(!d),
+					children: [/* @__PURE__ */ i(t, {
+						variant: "neutral",
+						children: "Source Code"
+					}), /* @__PURE__ */ i("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						className: `h-4 w-4 transition-transform ${d ? "rotate-180" : ""}`,
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ i("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: "2",
+							d: "M19 9l-7 7-7-7"
+						})
+					})]
+				}), d && /* @__PURE__ */ i("div", {
+					className: "p-4 bg-base-200",
+					children: /* @__PURE__ */ i(c, {
+						language: u,
+						children: l
+					})
+				})]
+			})
+		]
+	});
 };
+//#endregion
+export { l as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Demo/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { coldarkDark } from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport Button from '../../components/Button';\nimport Label from '../../components/Label';\nimport { useCopyToClipboard } from '../../hooks/useCopyToClipboard';\n\n// 代码块组件\nexport interface CodeBlockProps {\n  children: string;\n  language?: string;\n}\n\nconst CodeBlock: React.FC<CodeBlockProps> = ({ children, language = 'jsx' }) => {\n  const { copied, copy } = useCopyToClipboard();\n\n  return (\n    <div className=\"relative my-4\">\n      <SyntaxHighlighter\n        language={language}\n        style={coldarkDark}\n        customStyle={{\n          borderRadius: '0.5rem',\n          fontSize: '0.875rem',\n          padding: '1rem',\n        }}\n      >\n        {children}\n      </SyntaxHighlighter>\n      <Button\n        variant=\"ghost\"\n        size=\"xs\"\n        className=\"absolute top-2 right-2\"\n        onClick={() => copy(children)}\n      >\n        {copied ? (\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 13l4 4L19 7\" />\n          </svg>\n        ) : (\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=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3\" />\n          </svg>\n        )}\n      </Button>\n    </div>\n  );\n};\n\n// 示例展示区域组件\nexport interface DemoProps {\n  title: string;\n  description?: string;\n  children: React.ReactNode;\n  code: string;\n  language?: string;\n}\n\nconst Demo: React.FC<DemoProps> = ({\n  title,\n  description,\n  children,\n  code,\n  language = 'jsx'\n}) => {\n  const [showCode, setShowCode] = useState(false);\n\n  return (\n    <div className=\"border border-base-300 rounded-lg mb-8\">\n      <div className=\"p-4 border-b border-base-300\">\n        <h3 className=\"text-lg font-medium\">{title}</h3>\n        {description && <p className=\"mt-1 text-sm opacity-70\">{description}</p>}\n      </div>\n\n      <div className=\"px-4 py-5 flex flex-wrap gap-4 items-center\">\n        {children}\n      </div>\n\n      <div className=\"border-t border-base-300\">\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"w-full flex justify-between items-center\"\n          onClick={() => setShowCode(!showCode)}\n        >\n          <Label variant=\"neutral\">Source Code</Label>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={`h-4 w-4 transition-transform ${showCode ? 'rotate-180' : ''}`}\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n          </svg>\n        </Button>\n\n        {showCode && (\n          <div className=\"p-4 bg-base-200\">\n            <CodeBlock language={language}>{code}</CodeBlock>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Demo; "],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Demo/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { coldarkDark } from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport Button from '../../components/Button';\nimport Label from '../../components/Label';\nimport { useCopyToClipboard } from '../../hooks/useCopyToClipboard';\n\n// 代码块组件\nexport interface CodeBlockProps {\n  children: string;\n  language?: string;\n}\n\nconst CodeBlock: React.FC<CodeBlockProps> = ({ children, language = 'jsx' }) => {\n  const { copied, copy } = useCopyToClipboard();\n\n  return (\n    <div className=\"relative my-4\">\n      <SyntaxHighlighter\n        language={language}\n        style={coldarkDark}\n        customStyle={{\n          borderRadius: '0.5rem',\n          fontSize: '0.875rem',\n          padding: '1rem',\n        }}\n      >\n        {children}\n      </SyntaxHighlighter>\n      <Button\n        variant=\"ghost\"\n        size=\"xs\"\n        className=\"absolute top-2 right-2\"\n        onClick={() => copy(children)}\n      >\n        {copied ? (\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 13l4 4L19 7\" />\n          </svg>\n        ) : (\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=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3\" />\n          </svg>\n        )}\n      </Button>\n    </div>\n  );\n};\n\n// 示例展示区域组件\nexport interface DemoProps {\n  title: string;\n  description?: string;\n  children: React.ReactNode;\n  code: string;\n  language?: string;\n}\n\nconst Demo: React.FC<DemoProps> = ({\n  title,\n  description,\n  children,\n  code,\n  language = 'jsx'\n}) => {\n  const [showCode, setShowCode] = useState(false);\n\n  return (\n    <div className=\"border border-base-300 rounded-lg mb-8\">\n      <div className=\"p-4 border-b border-base-300\">\n        <h3 className=\"text-lg font-medium\">{title}</h3>\n        {description && <p className=\"mt-1 text-sm opacity-70\">{description}</p>}\n      </div>\n\n      <div className=\"px-4 py-5 flex flex-wrap gap-4 items-center\">\n        {children}\n      </div>\n\n      <div className=\"border-t border-base-300\">\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"w-full flex justify-between items-center\"\n          onClick={() => setShowCode(!showCode)}\n        >\n          <Label variant=\"neutral\">Source Code</Label>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={`h-4 w-4 transition-transform ${showCode ? 'rotate-180' : ''}`}\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n          </svg>\n        </Button>\n\n        {showCode && (\n          <div className=\"p-4 bg-base-200\">\n            <CodeBlock language={language}>{code}</CodeBlock>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Demo; "],"mappings":";;;;;;;;AAaA,IAAM,KAAuC,EAAE,aAAU,cAAW,YAAY;CAC9E,IAAM,EAAE,WAAQ,YAAS,EAAmB;CAE5C,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,GAAD;GACY;GACV,OAAO;GACP,aAAa;IACX,cAAc;IACd,UAAU;IACV,SAAS;GACX;GAEC;EACgB,CAAA,GACnB,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAK,CAAQ;GAE3B,UAAA,IACC,kBAAC,OAAD;IAAK,OAAM;IAA6B,WAAU;IAAU,MAAK;IAAO,SAAQ;IAAY,QAAO;IACjG,UAAA,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAY;KAAI,GAAE;IAAkB,CAAA;GACpF,CAAA,IAEL,kBAAC,OAAD;IAAK,OAAM;IAA6B,WAAU;IAAU,MAAK;IAAO,SAAQ;IAAY,QAAO;IACjG,UAAA,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAY;KAAI,GAAE;IAAgK,CAAA;GAClO,CAAA;EAED,CAAA,CACL;;AAET,GAWM,KAA6B,EACjC,UACA,gBACA,aACA,SACA,cAAW,YACP;CACJ,IAAM,CAAC,GAAU,KAAe,EAAS,EAAK;CAE9C,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;KAAuB,UAAA;IAAU,CAAA,GAC9C,KAAe,kBAAC,KAAD;KAAG,WAAU;KAA2B,UAAA;IAAe,CAAA,CACpE;;GAEL,kBAAC,OAAD;IAAK,WAAU;IACZ;GACE,CAAA;GAEL,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,eAAe,EAAY,CAAC,CAAQ;KAJtC,UAAA,CAME,kBAAC,GAAD;MAAO,SAAQ;MAAU,UAAA;KAAkB,CAAA,GAC3C,kBAAC,OAAD;MACE,OAAM;MACN,WAAW,gCAAgC,IAAW,eAAe;MACrE,MAAK;MACL,SAAQ;MACR,QAAO;MAEP,UAAA,kBAAC,QAAD;OAAM,eAAc;OAAQ,gBAAe;OAAQ,aAAY;OAAI,GAAE;MAAkB,CAAA;KACpF,CAAA,CACC;IAEP,CAAA,GAAA,KACC,kBAAC,OAAD;KAAK,WAAU;KACb,UAAA,kBAAC,GAAD;MAAqB;MAAW,UAAA;KAAgB,CAAA;IAC7C,CAAA,CAEJ;;EACF;;AAET"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+export type DividerProps = {
+    /** Optional label rendered in the middle of the divider. */
+    children?: React.ReactNode;
+    /** Orientation. */
+    direction?: 'horizontal' | 'vertical';
+    /** Alignment of the label along the divider. */
+    align?: 'start' | 'center' | 'end';
+    /** Color variant (daisyUI). */
+    variant?: 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
+    /** Extra class names. */
+    className?: string;
+    /** Inline styles. */
+    style?: React.CSSProperties;
+};
+/**
+ * Divider —— 分隔线。基于 daisyUI `divider`，支持水平/垂直、可选居中文本与色调变体。
+ */
+declare const Divider: React.FC<DividerProps>;
+export default Divider;

package/dist/components/Divider/index.js

@@ -0,0 +1,30 @@
+import { cn as e } from "../../utils/cn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Divider/index.tsx
+var n = {
+	default: "",
+	primary: "divider-primary",
+	secondary: "divider-secondary",
+	accent: "divider-accent",
+	info: "divider-info",
+	success: "divider-success",
+	warning: "divider-warning",
+	error: "divider-error",
+	neutral: "divider-neutral"
+}, r = {
+	start: "divider-start",
+	center: "",
+	end: "divider-end"
+}, i = ({ children: i, direction: a = "horizontal", align: o = "center", variant: s = "default", className: c = "", style: l }) => {
+	let u = e("divider", a === "vertical" && "divider-horizontal", r[o], n[s], c);
+	return /* @__PURE__ */ t("div", {
+		className: u,
+		style: l,
+		children: i
+	});
+};
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Divider/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type DividerProps = {\n  /** Optional label rendered in the middle of the divider. */\n  children?: React.ReactNode;\n  /** Orientation. */\n  direction?: 'horizontal' | 'vertical';\n  /** Alignment of the label along the divider. */\n  align?: 'start' | 'center' | 'end';\n  /** Color variant (daisyUI). */\n  variant?: 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';\n  /** Extra class names. */\n  className?: string;\n  /** Inline styles. */\n  style?: React.CSSProperties;\n};\n\nconst VARIANT_CLASS: Record<NonNullable<DividerProps['variant']>, string> = {\n  default: '',\n  primary: 'divider-primary',\n  secondary: 'divider-secondary',\n  accent: 'divider-accent',\n  info: 'divider-info',\n  success: 'divider-success',\n  warning: 'divider-warning',\n  error: 'divider-error',\n  neutral: 'divider-neutral',\n};\n\nconst ALIGN_CLASS: Record<NonNullable<DividerProps['align']>, string> = {\n  start: 'divider-start',\n  center: '',\n  end: 'divider-end',\n};\n\n/**\n * Divider —— 分隔线。基于 daisyUI `divider`，支持水平/垂直、可选居中文本与色调变体。\n */\nconst Divider: React.FC<DividerProps> = ({\n  children,\n  direction = 'horizontal',\n  align = 'center',\n  variant = 'default',\n  className = '',\n  style,\n}) => {\n  const classes = cn(\n    'divider',\n    // daisyUI 语义：基础 `.divider` 为水平线；`.divider-horizontal` 为用于横向布局的竖线。\n    direction === 'vertical' && 'divider-horizontal',\n    ALIGN_CLASS[align],\n    VARIANT_CLASS[variant],\n    className,\n  );\n\n  return (\n    <div className={classes} style={style}>\n      {children}\n    </div>\n  );\n};\n\nexport default Divider;\n"],"mappings":";;;;AAkBA,IAAM,IAAsE;CAC1E,SAAS;CACT,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;AACX,GAEM,IAAkE;CACtE,OAAO;CACP,QAAQ;CACR,KAAK;AACP,GAKM,KAAmC,EACvC,aACA,eAAY,cACZ,WAAQ,UACR,aAAU,WACV,eAAY,IACZ,eACI;CACJ,IAAM,IAAU,EACd,WAEA,MAAc,cAAc,sBAC5B,EAAY,IACZ,EAAc,IACd,CACF;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW;EAAgB;EAC7B;CACE,CAAA;AAET"}

package/dist/components/EmptyState/index.js

@@ -1,28 +1,28 @@
 import "react";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-var o = ({ icon: t, title: a, description: s, action: r, fill: l = !0, className: m = "" }) => /* @__PURE__ */ n("div", {
-  className: `flex flex-col items-center justify-center rounded-xl border border-dashed border-base-300 bg-base-200/50 py-16 text-center ${l ? "h-full w-full" : ""} ${m}`.trim(),
-  children: [
-    t && /* @__PURE__ */ e("span", {
-      className: "mb-3 flex size-12 items-center justify-center rounded-full bg-base-content/5 text-base-content/40 [&>svg]:h-6 [&>svg]:w-6",
-      children: t
-    }),
-    /* @__PURE__ */ e("p", {
-      className: "text-sm font-medium text-base-content/80",
-      children: a
-    }),
-    s && /* @__PURE__ */ e("p", {
-      className: "mt-1 max-w-sm text-xs text-base-content/50",
-      children: s
-    }),
-    r && /* @__PURE__ */ e("div", {
-      className: "mt-4",
-      children: r
-    })
-  ]
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/EmptyState/index.tsx
+var n = ({ icon: n, title: r, description: i, action: a, fill: o = !0, className: s = "" }) => /* @__PURE__ */ t("div", {
+	className: `flex flex-col items-center justify-center rounded-xl border border-dashed border-base-300 bg-base-200/50 py-16 text-center ${o ? "h-full w-full" : ""} ${s}`.trim(),
+	children: [
+		n && /* @__PURE__ */ e("span", {
+			className: "mb-3 flex size-12 items-center justify-center rounded-full bg-base-content/5 text-base-content/40 [&>svg]:h-6 [&>svg]:w-6",
+			children: n
+		}),
+		/* @__PURE__ */ e("p", {
+			className: "text-sm font-medium text-base-content/80",
+			children: r
+		}),
+		i && /* @__PURE__ */ e("p", {
+			className: "mt-1 max-w-sm text-xs text-base-content/50",
+			children: i
+		}),
+		a && /* @__PURE__ */ e("div", {
+			className: "mt-4",
+			children: a
+		})
+	]
 });
-export {
-  o as default
-};
+//#endregion
+export { n as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type EmptyStateProps = {\n    /** 主图标（通常为 lucide 图标） */\n    icon?: React.ReactNode;\n    /** 主标题 */\n    title: React.ReactNode;\n    /** 补充说明 */\n    description?: React.ReactNode;\n    /** 底部操作（按钮等） */\n    action?: React.ReactNode;\n    /** 是否默认填满所在区域（宽高 100%，内容居中）；默认 true */\n    fill?: boolean;\n    className?: string;\n};\n\n/**\n * 空状态：虚线边框卡片 + 图标 + 标题 + 说明，统一列表为空时的展示。\n * 默认填满所在区域（fill），在固定高度的容器内自动垂直居中。\n */\nconst EmptyState = ({\n    icon,\n    title,\n    description,\n    action,\n    fill = true,\n    className = '',\n}: EmptyStateProps) => {\n    return (\n        <div\n            className={`flex flex-col items-center justify-center rounded-xl border border-dashed border-base-300 bg-base-200/50 py-16 text-center ${fill ? 'h-full w-full' : ''} ${className}`.trim()}\n        >\n            {icon && (\n                <span className=\"mb-3 flex size-12 items-center justify-center rounded-full bg-base-content/5 text-base-content/40 [&>svg]:h-6 [&>svg]:w-6\">\n                    {icon}\n                </span>\n            )}\n            <p className=\"text-sm font-medium text-base-content/80\">{title}</p>\n            {description && (\n                <p className=\"mt-1 max-w-sm text-xs text-base-content/50\">{description}</p>\n            )}\n            {action && <div className=\"mt-4\">{action}</div>}\n        </div>\n    );\n};\n\nexport default EmptyState;\n"],"mappings":";;AAoBA,IAAM,IAAA,CAAc,EAChB,MAAA,GACA,OAAA,GACA,aAAA,GACA,QAAA,GACA,MAAA,IAAO,IACP,WAAA,IAAY,GAAA,MAGR,gBAAA,EAAC,OAAD;AAAA,EACI,WAAW,8HAA8H,IAAO,kBAAkB,EAAA,IAAM,CAAA,GAAY,KAAK;AAAA,EAD7L,UAAA;AAAA,IAGK,KACG,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,MACX,UAAA;AAAA,IACC,CAAA;AAAA,IAEV,gBAAA,EAAC,KAAD;AAAA,MAAG,WAAU;AAAA,MAA4C,UAAA;AAAA,IAAS,CAAA;AAAA,IACjE,KACG,gBAAA,EAAC,KAAD;AAAA,MAAG,WAAU;AAAA,MAA8C,UAAA;AAAA,IAAe,CAAA;AAAA,IAE7E,KAAU,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAQ,UAAA;AAAA,IAAY,CAAA;AAAA,EAC7C"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type EmptyStateProps = {\n    /** 主图标（通常为 lucide 图标） */\n    icon?: React.ReactNode;\n    /** 主标题 */\n    title: React.ReactNode;\n    /** 补充说明 */\n    description?: React.ReactNode;\n    /** 底部操作（按钮等） */\n    action?: React.ReactNode;\n    /** 是否默认填满所在区域（宽高 100%，内容居中）；默认 true */\n    fill?: boolean;\n    className?: string;\n};\n\n/**\n * 空状态：虚线边框卡片 + 图标 + 标题 + 说明，统一列表为空时的展示。\n * 默认填满所在区域（fill），在固定高度的容器内自动垂直居中。\n */\nconst EmptyState = ({\n    icon,\n    title,\n    description,\n    action,\n    fill = true,\n    className = '',\n}: EmptyStateProps) => {\n    return (\n        <div\n            className={`flex flex-col items-center justify-center rounded-xl border border-dashed border-base-300 bg-base-200/50 py-16 text-center ${fill ? 'h-full w-full' : ''} ${className}`.trim()}\n        >\n            {icon && (\n                <span className=\"mb-3 flex size-12 items-center justify-center rounded-full bg-base-content/5 text-base-content/40 [&>svg]:h-6 [&>svg]:w-6\">\n                    {icon}\n                </span>\n            )}\n            <p className=\"text-sm font-medium text-base-content/80\">{title}</p>\n            {description && (\n                <p className=\"mt-1 max-w-sm text-xs text-base-content/50\">{description}</p>\n            )}\n            {action && <div className=\"mt-4\">{action}</div>}\n        </div>\n    );\n};\n\nexport default EmptyState;\n"],"mappings":";;;AAoBA,IAAM,KAAc,EAChB,SACA,UACA,gBACA,WACA,UAAO,IACP,eAAY,SAGR,kBAAC,OAAD;CACI,WAAW,8HAA8H,IAAO,kBAAkB,GAAG,GAAG,IAAY,KAAK;CAD7L,UAAA;EAGK,KACG,kBAAC,QAAD;GAAM,WAAU;GACX,UAAA;EACC,CAAA;EAEV,kBAAC,KAAD;GAAG,WAAU;GAA4C,UAAA;EAAS,CAAA;EACjE,KACG,kBAAC,KAAD;GAAG,WAAU;GAA8C,UAAA;EAAe,CAAA;EAE7E,KAAU,kBAAC,OAAD;GAAK,WAAU;GAAQ,UAAA;EAAY,CAAA;CAC7C"}