dishui 0.0.64 → 0.0.66

package/dist/components/ChoicePicker/index.js

@@ -0,0 +1,81 @@
+import { cn as e } from "../../utils/cn.js";
+import { useCallback as t, useMemo as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/ChoicePicker/index.tsx
+var o = {
+	primary: "btn-primary",
+	secondary: "btn-secondary",
+	accent: "btn-accent",
+	info: "btn-info",
+	success: "btn-success",
+	warning: "btn-warning",
+	error: "btn-error"
+}, s = {
+	primary: "radio-primary",
+	secondary: "radio-secondary",
+	accent: "radio-accent",
+	info: "radio-info",
+	success: "radio-success",
+	warning: "radio-warning",
+	error: "radio-error"
+}, c = {
+	xs: "btn-xs",
+	sm: "btn-sm",
+	md: "btn-md",
+	lg: "btn-lg"
+}, l = {
+	xs: "radio-xs",
+	sm: "radio-sm",
+	md: "radio-md",
+	lg: "radio-lg"
+}, u = ({ options: u, value: d, defaultValue: f, onChange: p, appearance: m = "list", orientation: h = "vertical", variant: g = "primary", size: _ = "sm", disabled: v = !1, label: y, name: b, className: x = "", style: S }) => {
+	let [C, w] = r(f), T = d !== void 0, E = T ? d : C, D = t((e) => {
+		T || w(e), p?.(e);
+	}, [T, p]), O = n(() => b ?? `choicepicker-${Math.random().toString(36).slice(2, 8)}`, [b]), k = h === "horizontal" ? "flex flex-wrap items-center" : "flex flex-col";
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full", x),
+		style: S,
+		role: "radiogroup",
+		children: [y !== void 0 && /* @__PURE__ */ i("div", {
+			className: "mb-1.5 text-sm font-medium text-base-content/80",
+			children: y
+		}), m === "chip" ? /* @__PURE__ */ i("div", {
+			className: e(k, "gap-2"),
+			children: u.map((t) => {
+				let n = E === t.value;
+				return /* @__PURE__ */ i("button", {
+					type: "button",
+					disabled: v || t.disabled,
+					"aria-pressed": n,
+					onClick: () => D(t.value),
+					className: e("btn", c[_], n ? g === "default" ? "btn-neutral" : o[g] : "btn-outline"),
+					children: t.label
+				}, String(t.value));
+			})
+		}) : /* @__PURE__ */ i("div", {
+			className: e(k, "gap-2.5"),
+			children: u.map((t) => {
+				let n = E === t.value;
+				return /* @__PURE__ */ a("label", {
+					className: e("flex w-full cursor-pointer items-center gap-2.5", (v || t.disabled) && "cursor-not-allowed opacity-50"),
+					children: [/* @__PURE__ */ i("input", {
+						type: "radio",
+						className: e("radio", g !== "default" && s[g], l[_]),
+						name: O,
+						value: String(t.value),
+						checked: n,
+						disabled: v || t.disabled,
+						onChange: () => D(t.value)
+					}), /* @__PURE__ */ i("span", {
+						className: "text-sm text-base-content",
+						children: t.label
+					})]
+				}, String(t.value));
+			})
+		})]
+	});
+};
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/ChoicePicker/index.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type ChoicePickerOption = {\n  /** Value submitted for this option. */\n  value: string | number;\n  /** Display label. */\n  label: React.ReactNode;\n  /** Disable this option only. */\n  disabled?: boolean;\n};\n\nexport type ChoicePickerVariant =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error';\n\nexport type ChoicePickerProps = {\n  /** Available options. */\n  options: ChoicePickerOption[];\n  /** Controlled selected value. */\n  value?: string | number;\n  /** Uncontrolled initial value. */\n  defaultValue?: string | number;\n  /** Change handler with the selected value. */\n  onChange?: (value: string | number) => void;\n  /** `list` renders radio rows; `chip` renders a button group. */\n  appearance?: 'list' | 'chip';\n  /** Layout of list rows or chip wrapping. */\n  orientation?: 'vertical' | 'horizontal';\n  /** Color variant. */\n  variant?: ChoicePickerVariant;\n  /** Size (daisyUI). */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /** Disable the whole group. */\n  disabled?: boolean;\n  /** Optional group label rendered above the options. */\n  label?: React.ReactNode;\n  /** Native name attribute for the radios. */\n  name?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n  /** Inline styles on the wrapper. */\n  style?: React.CSSProperties;\n};\n\nconst VARIANT_CHIP_ACTIVE: Record<Exclude<ChoicePickerVariant, 'default'>, string> = {\n  primary: 'btn-primary',\n  secondary: 'btn-secondary',\n  accent: 'btn-accent',\n  info: 'btn-info',\n  success: 'btn-success',\n  warning: 'btn-warning',\n  error: 'btn-error',\n};\n\nconst VARIANT_RADIO: Record<Exclude<ChoicePickerVariant, 'default'>, string> = {\n  primary: 'radio-primary',\n  secondary: 'radio-secondary',\n  accent: 'radio-accent',\n  info: 'radio-info',\n  success: 'radio-success',\n  warning: 'radio-warning',\n  error: 'radio-error',\n};\n\nconst SIZE_CHIP: Record<ChoicePickerProps['size'] & string, string> = {\n  xs: 'btn-xs',\n  sm: 'btn-sm',\n  md: 'btn-md',\n  lg: 'btn-lg',\n};\n\nconst SIZE_RADIO: Record<ChoicePickerProps['size'] & string, string> = {\n  xs: 'radio-xs',\n  sm: 'radio-sm',\n  md: 'radio-md',\n  lg: 'radio-lg',\n};\n\n/**\n * ChoicePicker —— A2UI 交互组件（v0.9）：单选项组。\n * `list` 外观为 radio 行（daisyUI radio），`chip` 外观为按钮组（daisyUI btn）。\n */\nconst ChoicePicker: React.FC<ChoicePickerProps> = ({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  appearance = 'list',\n  orientation = 'vertical',\n  variant = 'primary',\n  size = 'sm',\n  disabled = false,\n  label,\n  name,\n  className = '',\n  style,\n}) => {\n  const [internal, setInternal] = useState<string | number | undefined>(defaultValue);\n  const isControlled = value !== undefined;\n  const selected = isControlled ? value : internal;\n\n  const select = useCallback(\n    (optionValue: string | number) => {\n      if (!isControlled) setInternal(optionValue);\n      onChange?.(optionValue);\n    },\n    [isControlled, onChange],\n  );\n\n  const groupName = useMemo(() => name ?? `choicepicker-${Math.random().toString(36).slice(2, 8)}`, [name]);\n\n  const layoutClass =\n    orientation === 'horizontal' ? 'flex flex-wrap items-center' : 'flex flex-col';\n\n  return (\n    <div className={cn('w-full', className)} style={style} role=\"radiogroup\">\n      {label !== undefined && (\n        <div className=\"mb-1.5 text-sm font-medium text-base-content/80\">{label}</div>\n      )}\n\n      {appearance === 'chip' ? (\n        <div className={cn(layoutClass, 'gap-2')}>\n          {options.map((option) => {\n            const active = selected === option.value;\n            return (\n              <button\n                key={String(option.value)}\n                type=\"button\"\n                disabled={disabled || option.disabled}\n                aria-pressed={active}\n                onClick={() => select(option.value)}\n                className={cn(\n                  'btn',\n                  SIZE_CHIP[size],\n                  active\n                    ? variant === 'default'\n                      ? 'btn-neutral'\n                      : VARIANT_CHIP_ACTIVE[variant]\n                    : 'btn-outline',\n                )}\n              >\n                {option.label}\n              </button>\n            );\n          })}\n        </div>\n      ) : (\n        <div className={cn(layoutClass, 'gap-2.5')}>\n          {options.map((option) => {\n            const active = selected === option.value;\n            return (\n              <label\n                key={String(option.value)}\n                className={cn(\n                  'flex w-full cursor-pointer items-center gap-2.5',\n                  (disabled || option.disabled) && 'cursor-not-allowed opacity-50',\n                )}\n              >\n                <input\n                  type=\"radio\"\n                  className={cn(\n                    'radio',\n                    variant !== 'default' && VARIANT_RADIO[variant],\n                    SIZE_RADIO[size],\n                  )}\n                  name={groupName}\n                  value={String(option.value)}\n                  checked={active}\n                  disabled={disabled || option.disabled}\n                  onChange={() => select(option.value)}\n                />\n                <span className=\"text-sm text-base-content\">{option.label}</span>\n              </label>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ChoicePicker;\n"],"mappings":";;;;AAmDA,IAAM,IAA+E;CACnF,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAEM,IAAyE;CAC7E,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAEM,IAAgE;CACpE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEM,IAAiE;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAMM,KAA6C,EACjD,YACA,UACA,iBACA,aACA,gBAAa,QACb,iBAAc,YACd,aAAU,WACV,UAAO,MACP,cAAW,IACX,UACA,SACA,eAAY,IACZ,eACI;CACJ,IAAM,CAAC,GAAU,KAAe,EAAsC,CAAY,GAC5E,IAAe,MAAU,KAAA,GACzB,IAAW,IAAe,IAAQ,GAElC,IAAS,GACZ,MAAiC;EAEhC,AADK,KAAc,EAAY,CAAW,GAC1C,IAAW,CAAW;CACxB,GACA,CAAC,GAAc,CAAQ,CACzB,GAEM,IAAY,QAAc,KAAQ,gBAAgB,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,CAAI,CAAC,GAElG,IACJ,MAAgB,eAAe,gCAAgC;CAEjE,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,CAAS;EAAU;EAAO,MAAK;EAA5D,UAAA,CACG,MAAU,KAAA,KACT,kBAAC,OAAD;GAAK,WAAU;GAAmD,UAAA;EAAW,CAAA,GAG9E,MAAe,SACd,kBAAC,OAAD;GAAK,WAAW,EAAG,GAAa,OAAO;GACpC,UAAA,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAS,MAAa,EAAO;IACnC,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,UAAU,KAAY,EAAO;KAC7B,gBAAc;KACd,eAAe,EAAO,EAAO,KAAK;KAClC,WAAW,EACT,OACA,EAAU,IACV,IACI,MAAY,YACV,gBACA,EAAoB,KACtB,aACN;KAEC,UAAA,EAAO;IACF,GAhBD,OAAO,EAAO,KAAK,CAgBlB;GAEZ,CAAC;EACE,CAAA,IAEL,kBAAC,OAAD;GAAK,WAAW,EAAG,GAAa,SAAS;GACtC,UAAA,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAS,MAAa,EAAO;IACnC,OACE,kBAAC,SAAD;KAEE,WAAW,EACT,oDACC,KAAY,EAAO,aAAa,+BACnC;KALF,UAAA,CAOE,kBAAC,SAAD;MACE,MAAK;MACL,WAAW,EACT,SACA,MAAY,aAAa,EAAc,IACvC,EAAW,EACb;MACA,MAAM;MACN,OAAO,OAAO,EAAO,KAAK;MAC1B,SAAS;MACT,UAAU,KAAY,EAAO;MAC7B,gBAAgB,EAAO,EAAO,KAAK;KACpC,CAAA,GACD,kBAAC,QAAD;MAAM,WAAU;MAA6B,UAAA,EAAO;KAAY,CAAA,CAC3D;IApBA,GAAA,OAAO,EAAO,KAAK,CAoBnB;GAEX,CAAC;EACE,CAAA,CAEJ;;AAET"}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+export type ColumnAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+export type ColumnJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export type ColumnProps = {
+    children?: React.ReactNode;
+    /** Gap between children; number is treated as px. */
+    gap?: number | string;
+    /** Cross-axis alignment. */
+    align?: ColumnAlign;
+    /** Main-axis (vertical) distribution. */
+    justify?: ColumnJustify;
+    /** Allow children to wrap (rarely used in a column). */
+    wrap?: boolean;
+    /** Reverse the visual order of children. */
+    reverse?: boolean;
+    /** Extra class names on the container. */
+    className?: string;
+    /** Inline styles on the container. */
+    style?: React.CSSProperties;
+    /** Click handler on the container. */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+};
+/**
+ * Column —— A2UI 布局组件：垂直排列子元素。
+ * 等价于 `display: flex; flex-direction: column` 的语义化封装。
+ */
+declare const Column: React.FC<ColumnProps>;
+export default Column;

package/dist/components/Column/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/Column/index.tsx
+var n = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	baseline: "items-baseline",
+	stretch: "items-stretch"
+}, r = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+}, i = (e) => typeof e == "number" ? `${e}px` : e, a = ({ children: a, gap: o, align: s = "stretch", justify: c = "start", wrap: l = !1, reverse: u = !1, className: d = "", style: f, onClick: p }) => /* @__PURE__ */ t("div", {
+	className: e("flex", u ? "flex-col-reverse" : "flex-col", n[s], r[c], l && "flex-wrap", d),
+	style: {
+		gap: i(o),
+		...f
+	},
+	onClick: p,
+	children: a
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Column/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type ColumnAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';\nexport type ColumnJustify =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'between'\n  | 'around'\n  | 'evenly';\n\nexport type ColumnProps = {\n  children?: React.ReactNode;\n  /** Gap between children; number is treated as px. */\n  gap?: number | string;\n  /** Cross-axis alignment. */\n  align?: ColumnAlign;\n  /** Main-axis (vertical) distribution. */\n  justify?: ColumnJustify;\n  /** Allow children to wrap (rarely used in a column). */\n  wrap?: boolean;\n  /** Reverse the visual order of children. */\n  reverse?: boolean;\n  /** Extra class names on the container. */\n  className?: string;\n  /** Inline styles on the container. */\n  style?: React.CSSProperties;\n  /** Click handler on the container. */\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst ALIGN_CLASS: Record<ColumnAlign, string> = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  baseline: 'items-baseline',\n  stretch: 'items-stretch',\n};\n\nconst JUSTIFY_CLASS: Record<ColumnJustify, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n};\n\nconst size = (v: number | string | undefined): string | undefined =>\n  typeof v === 'number' ? `${v}px` : v;\n\n/**\n * Column —— A2UI 布局组件：垂直排列子元素。\n * 等价于 `display: flex; flex-direction: column` 的语义化封装。\n */\nconst Column: React.FC<ColumnProps> = ({\n  children,\n  gap,\n  align = 'stretch',\n  justify = 'start',\n  wrap = false,\n  reverse = false,\n  className = '',\n  style,\n  onClick,\n}) => (\n  <div\n    className={cn(\n      'flex',\n      reverse ? 'flex-col-reverse' : 'flex-col',\n      ALIGN_CLASS[align],\n      JUSTIFY_CLASS[justify],\n      wrap && 'flex-wrap',\n      className,\n    )}\n    style={{ gap: size(gap), ...style }}\n    onClick={onClick}\n  >\n    {children}\n  </div>\n);\n\nexport default Column;\n"],"mappings":";;;;AAgCA,IAAM,IAA2C;CAC/C,OAAO;CACP,QAAQ;CACR,KAAK;CACL,UAAU;CACV,SAAS;AACX,GAEM,IAA+C;CACnD,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,QAAQ;CACR,QAAQ;AACV,GAEM,KAAQ,MACZ,OAAO,KAAM,WAAW,GAAG,EAAE,MAAM,GAM/B,KAAiC,EACrC,aACA,QACA,WAAQ,WACR,aAAU,SACV,UAAO,IACP,aAAU,IACV,eAAY,IACZ,UACA,iBAEA,kBAAC,OAAD;CACE,WAAW,EACT,QACA,IAAU,qBAAqB,YAC/B,EAAY,IACZ,EAAc,IACd,KAAQ,aACR,CACF;CACA,OAAO;EAAE,KAAK,EAAK,CAAG;EAAG,GAAG;CAAM;CACzB;CAER;AACE,CAAA"}

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

@@ -0,0 +1,44 @@
+import React from 'react';
+export type DateTimeType = 'date' | 'time' | 'datetime-local' | 'month' | 'week';
+export type DateTimeVariant = 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type DateTimeSize = 'xs' | 'sm' | 'md' | 'lg';
+export type DateTimeInputProps = {
+    /** Which native picker to render. */
+    type?: DateTimeType;
+    /** Controlled value (`YYYY-MM-DD`, `HH:mm`, … per `type`). */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    /** Change handler with the raw input value. */
+    onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Minimum allowed value. */
+    min?: string;
+    /** Maximum allowed value. */
+    max?: string;
+    /** Step (seconds for time / datetime-local, days for date, …). */
+    step?: number | string;
+    /** Optional label rendered above the field. */
+    label?: React.ReactNode;
+    /** Placeholder (only shown by browsers that support it). */
+    placeholder?: string;
+    /** Color variant (daisyUI). */
+    variant?: DateTimeVariant;
+    /** Size (daisyUI). */
+    size?: DateTimeSize;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Read-only state. */
+    readOnly?: boolean;
+    /** Native name attribute. */
+    name?: string;
+    /** Extra class names on the input. */
+    className?: string;
+    /** Inline styles on the wrapper. */
+    style?: React.CSSProperties;
+};
+/**
+ * DateTimeInput —— A2UI 交互组件：日期 / 时间选择输入。
+ * 基于原生 `date / time / datetime-local / month / week` 输入，套用 daisyUI input 样式。
+ */
+declare const DateTimeInput: React.FC<DateTimeInputProps>;
+export default DateTimeInput;

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":";;;;;;;AAaA,IAAM,IAAA,CAAuC,EAAE,UAAA,GAAU,UAAA,IAAW,MAAA,MAAY;AAC9E,QAAM,EAAE,QAAA,GAAQ,MAAA,EAAA,IAAS,EAAmB;AAE5C,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,cAAf,CACE,gBAAA,EAAC,GAAD;AAAA,MACY,UAAA;AAAA,MACV,OAAO;AAAA,MACP,aAAa;AAAA,QACX,cAAc;AAAA,QACd,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MAEC,UAAA;AAAA,IACgB,CAAA,GACnB,gBAAA,EAAC,GAAD;AAAA,MACE,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAA,MAAe,EAAK,CAAQ;AAAA,gBAE3B,IACC,gBAAA,EAAC,OAAD;AAAA,QAAK,OAAM;AAAA,QAA6B,WAAU;AAAA,QAAU,MAAK;AAAA,QAAO,SAAQ;AAAA,QAAY,QAAO;AAAA,kBACjG,gBAAA,EAAC,QAAD;AAAA,UAAM,eAAc;AAAA,UAAQ,gBAAe;AAAA,UAAQ,aAAY;AAAA,UAAI,GAAE;AAAA,QAAkB,CAAA;AAAA,MACpF,CAAA,IAEL,gBAAA,EAAC,OAAD;AAAA,QAAK,OAAM;AAAA,QAA6B,WAAU;AAAA,QAAU,MAAK;AAAA,QAAO,SAAQ;AAAA,QAAY,QAAO;AAAA,kBACjG,gBAAA,EAAC,QAAD;AAAA,UAAM,eAAc;AAAA,UAAQ,gBAAe;AAAA,UAAQ,aAAY;AAAA,UAAI,GAAE;AAAA,QAAgK,CAAA;AAAA,MAClO,CAAA;AAAA,IAED,CAAA,CACL;AAAA;AAET,GAWM,IAAA,CAA6B,EACjC,OAAA,GACA,aAAA,GACA,UAAA,GACA,MAAA,GACA,UAAA,IAAW,MAAA,MACP;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAS,EAAK;AAE9C,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,cAAf;AAAA,MACE,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf,CACE,gBAAA,EAAC,MAAD;AAAA,UAAI,WAAU;AAAA,oBAAuB;AAAA,QAAU,CAAA,GAC9C,KAAe,gBAAA,EAAC,KAAD;AAAA,UAAG,WAAU;AAAA,oBAA2B;AAAA,QAAe,CAAA,CACpE;AAAA;MAEL,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QACZ,UAAA;AAAA,MACE,CAAA;AAAA,MAEL,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf,CACE,gBAAA,EAAC,GAAD;AAAA,UACE,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAA,MAAe,EAAY,CAAC,CAAQ;AAAA,oBAJtC,CAME,gBAAA,EAAC,GAAD;AAAA,YAAO,SAAQ;AAAA,sBAAU;AAAA,UAAkB,CAAA,GAC3C,gBAAA,EAAC,OAAD;AAAA,YACE,OAAM;AAAA,YACN,WAAW,gCAAgC,IAAW,eAAe,EAAA;AAAA,YACrE,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,QAAO;AAAA,sBAEP,gBAAA,EAAC,QAAD;AAAA,cAAM,eAAc;AAAA,cAAQ,gBAAe;AAAA,cAAQ,aAAY;AAAA,cAAI,GAAE;AAAA,YAAkB,CAAA;AAAA,UACpF,CAAA,CACC;AAAA,YAEP,KACC,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,oBACb,gBAAA,EAAC,GAAD;AAAA,YAAqB,UAAA;AAAA,sBAAW;AAAA,UAAgB,CAAA;AAAA,QAC7C,CAAA,CAEJ;AAAA;IACF;AAAA;AAET"}
+{"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.d.ts

@@ -8,10 +8,13 @@ export type EmptyStateProps = {
     description?: React.ReactNode;
     /** 底部操作（按钮等） */
     action?: React.ReactNode;
+    /** 是否默认填满所在区域（宽高 100%，内容居中）；默认 true */
+    fill?: boolean;
     className?: string;
 };
 /**
  * 空状态：虚线边框卡片 + 图标 + 标题 + 说明，统一列表为空时的展示。
+ * 默认填满所在区域（fill），在固定高度的容器内自动垂直居中。
  */
-declare const EmptyState: ({ icon, title, description, action, className, }: EmptyStateProps) => React.JSX.Element;
+declare const EmptyState: ({ icon, title, description, action, fill, className, }: EmptyStateProps) => React.JSX.Element;
 export default EmptyState;