dishui 0.0.64 → 0.0.65

package/dist/components/Badge/index.js

@@ -1,17 +1,20 @@
 import "react";
-import { jsx as m } from "react/jsx-runtime";
-var g = ({ children: r, variant: e = "primary", size: a = "sm", outline: o = !1, className: d = "" }) => /* @__PURE__ */ m("div", {
-  className: [
+import { jsx as t } from "react/jsx-runtime";
+var b = ({ children: o, variant: e = "primary", size: a = "sm", outline: r = !1, className: s = "" }) => {
+  const d = [
     "badge",
     e ? `badge-${e}` : "",
     a ? `badge-${a}` : "",
-    o ? "badge-outline" : "",
-    d
-  ].filter(Boolean).join(" "),
-  children: r
-});
+    r ? "badge-outline" : "",
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("div", {
+    className: d,
+    children: o
+  });
+};
 export {
-  g as default
+  b as default
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type BadgeProps = {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  outline?: boolean;\n  className?: string;\n};\n\nconst Badge: React.FC<BadgeProps> = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  outline = false,\n  className = '',\n}) => {\n  const baseClass = 'badge';\n  const variantClass = variant ? `badge-${variant}` : '';\n  const sizeClass = size ? `badge-${size}` : '';\n  const outlineClass = outline ? 'badge-outline' : '';\n  \n  const badgeClasses = [\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={badgeClasses}>\n      {children}\n    </div>\n  );\n};\n\nexport default Badge; "],"mappings":";;AAUA,IAAM,IAAA,CAA+B,EACnC,UAAA,GACA,SAAA,IAAU,WACV,MAAA,IAAO,MACP,SAAA,IAAU,IACV,WAAA,IAAY,GAAA,MAgBV,gBAAA,EAAC,OAAD;AAAA,EAAK,WATc;AAAA,IACnB;AAAA,IALmB,IAAU,SAAS,CAAA,KAAY;AAAA,IAClC,IAAO,SAAS,CAAA,KAAS;AAAA,IACtB,IAAU,kBAAkB;AAAA,IAO/C;AAAA,EACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAGL;AAAA,EACb,UAAA;AACE,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type BadgeProps = {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  outline?: boolean;\n  className?: string;\n};\n\nconst Badge: React.FC<BadgeProps> = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  outline = false,\n  className = '',\n}) => {\n  const baseClass = 'badge';\n  const variantClass = variant ? `badge-${variant}` : '';\n  const sizeClass = size ? `badge-${size}` : '';\n  const outlineClass = outline ? 'badge-outline' : '';\n  \n  const badgeClasses = [\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={badgeClasses}>\n      {children}\n    </div>\n  );\n};\n\nexport default Badge; "],"mappings":";;AAUA,IAAM,IAAA,CAA+B,EACnC,UAAA,GACA,SAAA,IAAU,WACV,MAAA,IAAO,MACP,SAAA,IAAU,IACV,WAAA,IAAY,GAAA,MACR;AAMJ,QAAM,IAAe;AAAA,IACnB;AAAA,IALmB,IAAU,SAAS,CAAA,KAAY;AAAA,IAClC,IAAO,SAAS,CAAA,KAAS;AAAA,IACtB,IAAU,kBAAkB;AAAA,IAO/C;AAAA,EACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW;AAAA,IACb,UAAA;AAAA,EACE,CAAA;AAET"}

package/dist/components/Button/index.js

@@ -1,73 +1,73 @@
-import $, { useCallback as D, useState as E } from "react";
-import { Fragment as H, jsx as b, jsxs as I } from "react/jsx-runtime";
-var J = ({ children: f, variant: a = "primary", size: p = "sm", outline: t = !1, dash: j = !1, soft: s = !1, active: v = !1, disabled: o = !1, wide: r = !1, block: h = !1, square: C = !1, circle: N = !1, leftSection: e, rightSection: l, onClick: i, type: g, className: R = "", states: c, initialStateIndex: V = 0, onStateChange: x }) => {
-  const [B, q] = E(V), [k, L] = E(0), n = c && c.length > 0, m = n ? c[B] : null, W = D(() => {
+import $, { useCallback as H, useState as E } from "react";
+import { Fragment as J, jsx as p, jsxs as I } from "react/jsx-runtime";
+var K = ({ children: f, variant: a = "primary", size: c = "sm", outline: t = !1, dash: j = !1, soft: s = !1, active: v = !1, disabled: o = !1, wide: m = !1, block: h = !1, square: C = !1, circle: N = !1, leftSection: e, rightSection: l, onClick: i, type: g, className: R = "", states: r, initialStateIndex: V = 0, onStateChange: x }) => {
+  const [B, q] = E(V), [k, L] = E(0), n = r && r.length > 0, b = n ? r[B] : null, W = H(() => {
     if (n) {
-      const G = k + 1, u = (B + 1) % c.length, A = c[u];
-      L(G), q(u), x && x(A, G, u);
+      const G = k + 1, u = (B + 1) % r.length, D = r[u];
+      L(G), q(u), x && x(D, G, u);
     }
     i && i();
   }, [
     n,
-    c,
+    r,
     B,
     k,
     x,
     i
-  ]), w = m?.variant || a, z = n ? /* @__PURE__ */ I(H, { children: [m?.icon && /* @__PURE__ */ b("span", {
+  ]), w = b?.variant || a, z = n ? /* @__PURE__ */ I(J, { children: [b?.icon && /* @__PURE__ */ p("span", {
     className: "mr-1",
-    children: m.icon
-  }), m?.label] }) : f;
+    children: b.icon
+  }), b?.label] }) : f, A = [
+    "btn",
+    w ? `btn-${w}` : "",
+    c ? `btn-${c}` : "",
+    t ? "btn-outline" : "",
+    j ? "btn-dash" : "",
+    s ? "btn-soft" : "",
+    v || n ? "btn-active" : "",
+    m ? "btn-wide" : "",
+    h ? "btn-block" : "",
+    C ? "btn-square" : "",
+    N ? "btn-circle" : "",
+    R
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ I("button", {
     type: g,
-    className: [
-      "btn",
-      w ? `btn-${w}` : "",
-      p ? `btn-${p}` : "",
-      t ? "btn-outline" : "",
-      j ? "btn-dash" : "",
-      s ? "btn-soft" : "",
-      v || n ? "btn-active" : "",
-      r ? "btn-wide" : "",
-      h ? "btn-block" : "",
-      C ? "btn-square" : "",
-      N ? "btn-circle" : "",
-      R
-    ].filter(Boolean).join(" "),
+    className: A,
     disabled: o,
     onClick: W,
-    title: n ? `当前状态: ${m?.key} (点击次数: ${k})` : void 0,
+    title: n ? `当前状态: ${b?.key} (点击次数: ${k})` : void 0,
     children: [
-      !n && e && /* @__PURE__ */ b("span", {
+      !n && e && /* @__PURE__ */ p("span", {
         className: "mr-2",
         children: e
       }),
       z,
-      !n && l && /* @__PURE__ */ b("span", {
+      !n && l && /* @__PURE__ */ p("span", {
         className: "ml-2",
         children: l
       })
     ]
   });
-}, K = ({ children: f, vertical: a = !1, className: p = "", rounded: t = "none", radius: j = "full", roundedStyle: s }) => {
+}, M = ({ children: f, vertical: a = !1, className: c = "", rounded: t = "none", radius: j = "full", roundedStyle: s }) => {
   const v = [
     "join",
     a ? "join-vertical" : "join-horizontal",
-    p
+    c
   ].filter(Boolean).join(" "), o = t !== "none" ? "full" : j;
-  return /* @__PURE__ */ b("div", {
+  return /* @__PURE__ */ p("div", {
     className: v,
-    children: $.Children.map(f, (r, h) => {
-      if (!$.isValidElement(r)) return r;
-      const C = r, N = C.props.className || "", e = h === 0, l = h === $.Children.count(f) - 1;
+    children: $.Children.map(f, (m, h) => {
+      if (!$.isValidElement(m)) return m;
+      const C = m, N = C.props.className || "", e = h === 0, l = h === $.Children.count(f) - 1;
       let i = "";
       s ? a ? (t === "left" || t === "top") && e && s.top ? i = s.top : (t === "right" || t === "bottom") && l && s.bottom ? i = s.bottom : t === "both" && (e && s.top && (i = s.top), l && s.bottom && (i = s.bottom)) : (t === "left" || t === "top") && e && s.left ? i = s.left : (t === "right" || t === "bottom") && l && s.right ? i = s.right : t === "both" && (e && s.left && (i = s.left), l && s.right && (i = s.right)) : a ? t === "left" || t === "top" ? e && (i = `rounded-t-${o}`) : t === "right" || t === "bottom" ? l && (i = `rounded-b-${o}`) : t === "both" && (e && (i = `rounded-t-${o}`), l && (i = `rounded-b-${o}`)) : t === "left" || t === "top" ? e && (i = `rounded-l-${o}`) : t === "right" || t === "bottom" ? l && (i = `rounded-r-${o}`) : t === "both" && (e && (i = `rounded-l-${o}`), l && (i = `rounded-r-${o}`));
       const g = `${N} join-item ${i}`.trim();
       return $.cloneElement(C, { className: g });
     })
   });
-}, M = ({ children: f, className: a = "" }) => /* @__PURE__ */ b("div", {
-  className: [
+}, O = ({ children: f, className: a = "" }) => {
+  const c = [
     "join-item",
     "flex",
     "items-center",
@@ -76,11 +76,14 @@ var J = ({ children: f, variant: a = "primary", size: p = "sm", outline: t = !1,
     "border",
     "border-base-300",
     a
-  ].filter(Boolean).join(" "),
-  children: f
-}), F = J;
-F.Group = K;
-F.GroupSection = M;
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p("div", {
+    className: c,
+    children: f
+  });
+}, F = K;
+F.Group = M;
+F.GroupSection = O;
 export {
   F as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import React, { ReactElement, useState, useCallback } from 'react';\n\n// 状态项定义\nexport type ButtonState = {\n  label: string;          // 显示的字符/文本\n  key: string;            // 状态的唯一标识\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'link';\n  icon?: React.ReactNode; // 可选的图标\n};\n\nexport type ButtonProps = {\n  children?: React.ReactNode;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'link';\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  outline?: boolean;\n  dash?: boolean;\n  soft?: boolean;\n  active?: boolean;\n  disabled?: boolean;\n  wide?: boolean;\n  block?: boolean;\n  square?: boolean;\n  circle?: boolean;\n  leftSection?: React.ReactNode;\n  rightSection?: React.ReactNode;\n  onClick?: () => void;\n  /** 原生 button type；不传时保持浏览器默认行为（表单内默认 submit） */\n  type?: 'button' | 'submit' | 'reset';\n  className?: string;\n\n  // 状态切换相关\n  states?: ButtonState[];           // 状态列表\n  initialStateIndex?: number;       // 初始状态索引\n  onStateChange?: (state: ButtonState, clickCount: number, stateIndex: number) => void;  // 状态改变回调\n};\n\nconst Button = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  outline = false,\n  dash = false,\n  soft = false,\n  active = false,\n  disabled = false,\n  wide = false,\n  block = false,\n  square = false,\n  circle = false,\n  leftSection,\n  rightSection,\n  onClick,\n  type,\n  className = '',\n  states,\n  initialStateIndex = 0,\n  onStateChange,\n}: ButtonProps) => {\n  // 状态管理\n  const [currentStateIndex, setCurrentStateIndex] = useState(initialStateIndex);\n  const [clickCount, setClickCount] = useState(0);\n\n  // 是否是状态按钮\n  const isStateful = states && states.length > 0;\n\n  // 获取当前状态\n  const currentState = isStateful ? states[currentStateIndex] : null;\n\n  // 处理点击\n  const handleClick = useCallback(() => {\n    if (isStateful) {\n      const newClickCount = clickCount + 1;\n      const newStateIndex = (currentStateIndex + 1) % states.length;\n      const newState = states[newStateIndex];\n\n      setClickCount(newClickCount);\n      setCurrentStateIndex(newStateIndex);\n\n      // 调用状态改变回调\n      if (onStateChange) {\n        onStateChange(newState, newClickCount, newStateIndex);\n      }\n    }\n\n    // 调用原始 onClick\n    if (onClick) {\n      onClick();\n    }\n  }, [isStateful, states, currentStateIndex, clickCount, onStateChange, onClick]);\n\n  // 确定使用的 variant\n  const effectiveVariant = currentState?.variant || variant;\n\n  // 确定显示的内容\n  const displayContent = isStateful ? (\n    <>\n      {currentState?.icon && <span className=\"mr-1\">{currentState.icon}</span>}\n      {currentState?.label}\n    </>\n  ) : children;\n\n  const baseClass = 'btn';\n  const variantClass = effectiveVariant ? `btn-${effectiveVariant}` : '';\n  const sizeClass = size ? `btn-${size}` : '';\n  const outlineClass = outline ? 'btn-outline' : '';\n  const dashClass = dash ? 'btn-dash' : '';\n  const softClass = soft ? 'btn-soft' : '';\n  const activeClass = active || isStateful ? 'btn-active' : '';\n  const wideClass = wide ? 'btn-wide' : '';\n  const blockClass = block ? 'btn-block' : '';\n  const squareClass = square ? 'btn-square' : '';\n  const circleClass = circle ? 'btn-circle' : '';\n\n  const buttonClasses = [\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    dashClass,\n    softClass,\n    activeClass,\n    wideClass,\n    blockClass,\n    squareClass,\n    circleClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type={type}\n      className={buttonClasses}\n      disabled={disabled}\n      onClick={handleClick}\n      title={isStateful ? `当前状态: ${currentState?.key} (点击次数: ${clickCount})` : undefined}\n    >\n      {!isStateful && leftSection && <span className=\"mr-2\">{leftSection}</span>}\n      {displayContent}\n      {!isStateful && rightSection && <span className=\"ml-2\">{rightSection}</span>}\n    </button>\n  );\n};\n\n// Button.Group 组件\nexport type ButtonGroupProps = {\n  children: React.ReactNode;\n  vertical?: boolean;\n  className?: string;\n  rounded?: 'left' | 'right' | 'both' | 'none' | 'top' | 'bottom';\n  radius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';\n  roundedStyle?: {\n    left?: string;\n    right?: string;\n    top?: string;\n    bottom?: string;\n  };\n};\n\nconst ButtonGroup = ({\n  children,\n  vertical = false,\n  className = '',\n  rounded = 'none',\n  radius = 'full',\n  roundedStyle,\n}: ButtonGroupProps) => {\n  const joinClasses = [\n    'join',\n    vertical ? 'join-vertical' : 'join-horizontal',\n    className\n  ].filter(Boolean).join(' ');\n\n  // 当rounded不为'none'时，强制使用'full'作为radius值\n  const effectiveRadius = rounded !== 'none' ? 'full' : radius;\n\n  return (\n    <div className={joinClasses}>\n      {React.Children.map(children, (child, index) => {\n        // 只处理有效的React元素\n        if (!React.isValidElement(child)) return child;\n\n        const childElement = child as ReactElement<{ className?: string }>;\n        const childClassName = childElement.props.className || '';\n        const isFirstChild = index === 0;\n        const isLastChild = index === React.Children.count(children) - 1;\n\n        // 根据rounded属性添加额外的圆角类\n        let roundedClasses = '';\n\n        if (roundedStyle) {\n          // 使用自定义圆角样式\n          if (vertical) {\n            if ((rounded === 'left' || rounded === 'top') && isFirstChild && roundedStyle.top) {\n              roundedClasses = roundedStyle.top;\n            } else if ((rounded === 'right' || rounded === 'bottom') && isLastChild && roundedStyle.bottom) {\n              roundedClasses = roundedStyle.bottom;\n            } else if (rounded === 'both') {\n              if (isFirstChild && roundedStyle.top) roundedClasses = roundedStyle.top;\n              if (isLastChild && roundedStyle.bottom) roundedClasses = roundedStyle.bottom;\n            }\n          } else {\n            if ((rounded === 'left' || rounded === 'top') && isFirstChild && roundedStyle.left) {\n              roundedClasses = roundedStyle.left;\n            } else if ((rounded === 'right' || rounded === 'bottom') && isLastChild && roundedStyle.right) {\n              roundedClasses = roundedStyle.right;\n            } else if (rounded === 'both') {\n              if (isFirstChild && roundedStyle.left) roundedClasses = roundedStyle.left;\n              if (isLastChild && roundedStyle.right) roundedClasses = roundedStyle.right;\n            }\n          }\n        } else {\n          // 使用默认的圆角大小\n          if (vertical) {\n            // 垂直布局时，圆角应用在上下方\n            if (rounded === 'left' || rounded === 'top') {\n              if (isFirstChild) roundedClasses = `rounded-t-${effectiveRadius}`;\n            } else if (rounded === 'right' || rounded === 'bottom') {\n              if (isLastChild) roundedClasses = `rounded-b-${effectiveRadius}`;\n            } else if (rounded === 'both') {\n              if (isFirstChild) roundedClasses = `rounded-t-${effectiveRadius}`;\n              if (isLastChild) roundedClasses = `rounded-b-${effectiveRadius}`;\n            }\n          } else {\n            // 水平布局时，圆角应用在左右方\n            if (rounded === 'left' || rounded === 'top') {\n              if (isFirstChild) roundedClasses = `rounded-l-${effectiveRadius}`;\n            } else if (rounded === 'right' || rounded === 'bottom') {\n              if (isLastChild) roundedClasses = `rounded-r-${effectiveRadius}`;\n            } else if (rounded === 'both') {\n              if (isFirstChild) roundedClasses = `rounded-l-${effectiveRadius}`;\n              if (isLastChild) roundedClasses = `rounded-r-${effectiveRadius}`;\n            }\n          }\n        }\n\n        const newClassName = `${childClassName} join-item ${roundedClasses}`.trim();\n\n        return React.cloneElement(childElement, {\n          className: newClassName,\n        });\n      })}\n    </div>\n  );\n};\n\n// Button.GroupSection 组件\nexport type ButtonGroupSectionProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst ButtonGroupSection = ({\n  children,\n  className = '',\n}: ButtonGroupSectionProps) => {\n  const sectionClasses = [\n    'join-item',\n    'flex',\n    'items-center',\n    'px-4',\n    'bg-base-200',\n    'border',\n    'border-base-300',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={sectionClasses}>\n      {children}\n    </div>\n  );\n};\n\n// 扩展Button组件，添加Group和GroupSection子组件\ninterface ButtonCompound extends React.FC<ButtonProps> {\n  Group: React.FC<ButtonGroupProps>;\n  GroupSection: React.FC<ButtonGroupSectionProps>;\n}\n\nconst ButtonWithCompounds = Button as ButtonCompound;\nButtonWithCompounds.Group = ButtonGroup;\nButtonWithCompounds.GroupSection = ButtonGroupSection;\n\nexport default ButtonWithCompounds; "],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import React, { ReactElement, useState, useCallback } from 'react';\n\n// 状态项定义\nexport type ButtonState = {\n  label: string;          // 显示的字符/文本\n  key: string;            // 状态的唯一标识\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'link';\n  icon?: React.ReactNode; // 可选的图标\n};\n\nexport type ButtonProps = {\n  children?: React.ReactNode;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'link';\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  outline?: boolean;\n  dash?: boolean;\n  soft?: boolean;\n  active?: boolean;\n  disabled?: boolean;\n  wide?: boolean;\n  block?: boolean;\n  square?: boolean;\n  circle?: boolean;\n  leftSection?: React.ReactNode;\n  rightSection?: React.ReactNode;\n  onClick?: () => void;\n  /** 原生 button type；不传时保持浏览器默认行为（表单内默认 submit） */\n  type?: 'button' | 'submit' | 'reset';\n  className?: string;\n\n  // 状态切换相关\n  states?: ButtonState[];           // 状态列表\n  initialStateIndex?: number;       // 初始状态索引\n  onStateChange?: (state: ButtonState, clickCount: number, stateIndex: number) => void;  // 状态改变回调\n};\n\nconst Button = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  outline = false,\n  dash = false,\n  soft = false,\n  active = false,\n  disabled = false,\n  wide = false,\n  block = false,\n  square = false,\n  circle = false,\n  leftSection,\n  rightSection,\n  onClick,\n  type,\n  className = '',\n  states,\n  initialStateIndex = 0,\n  onStateChange,\n}: ButtonProps) => {\n  // 状态管理\n  const [currentStateIndex, setCurrentStateIndex] = useState(initialStateIndex);\n  const [clickCount, setClickCount] = useState(0);\n\n  // 是否是状态按钮\n  const isStateful = states && states.length > 0;\n\n  // 获取当前状态\n  const currentState = isStateful ? states[currentStateIndex] : null;\n\n  // 处理点击\n  const handleClick = useCallback(() => {\n    if (isStateful) {\n      const newClickCount = clickCount + 1;\n      const newStateIndex = (currentStateIndex + 1) % states.length;\n      const newState = states[newStateIndex];\n\n      setClickCount(newClickCount);\n      setCurrentStateIndex(newStateIndex);\n\n      // 调用状态改变回调\n      if (onStateChange) {\n        onStateChange(newState, newClickCount, newStateIndex);\n      }\n    }\n\n    // 调用原始 onClick\n    if (onClick) {\n      onClick();\n    }\n  }, [isStateful, states, currentStateIndex, clickCount, onStateChange, onClick]);\n\n  // 确定使用的 variant\n  const effectiveVariant = currentState?.variant || variant;\n\n  // 确定显示的内容\n  const displayContent = isStateful ? (\n    <>\n      {currentState?.icon && <span className=\"mr-1\">{currentState.icon}</span>}\n      {currentState?.label}\n    </>\n  ) : children;\n\n  const baseClass = 'btn';\n  const variantClass = effectiveVariant ? `btn-${effectiveVariant}` : '';\n  const sizeClass = size ? `btn-${size}` : '';\n  const outlineClass = outline ? 'btn-outline' : '';\n  const dashClass = dash ? 'btn-dash' : '';\n  const softClass = soft ? 'btn-soft' : '';\n  const activeClass = active || isStateful ? 'btn-active' : '';\n  const wideClass = wide ? 'btn-wide' : '';\n  const blockClass = block ? 'btn-block' : '';\n  const squareClass = square ? 'btn-square' : '';\n  const circleClass = circle ? 'btn-circle' : '';\n\n  const buttonClasses = [\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    dashClass,\n    softClass,\n    activeClass,\n    wideClass,\n    blockClass,\n    squareClass,\n    circleClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type={type}\n      className={buttonClasses}\n      disabled={disabled}\n      onClick={handleClick}\n      title={isStateful ? `当前状态: ${currentState?.key} (点击次数: ${clickCount})` : undefined}\n    >\n      {!isStateful && leftSection && <span className=\"mr-2\">{leftSection}</span>}\n      {displayContent}\n      {!isStateful && rightSection && <span className=\"ml-2\">{rightSection}</span>}\n    </button>\n  );\n};\n\n// Button.Group 组件\nexport type ButtonGroupProps = {\n  children: React.ReactNode;\n  vertical?: boolean;\n  className?: string;\n  rounded?: 'left' | 'right' | 'both' | 'none' | 'top' | 'bottom';\n  radius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';\n  roundedStyle?: {\n    left?: string;\n    right?: string;\n    top?: string;\n    bottom?: string;\n  };\n};\n\nconst ButtonGroup = ({\n  children,\n  vertical = false,\n  className = '',\n  rounded = 'none',\n  radius = 'full',\n  roundedStyle,\n}: ButtonGroupProps) => {\n  const joinClasses = [\n    'join',\n    vertical ? 'join-vertical' : 'join-horizontal',\n    className\n  ].filter(Boolean).join(' ');\n\n  // 当rounded不为'none'时，强制使用'full'作为radius值\n  const effectiveRadius = rounded !== 'none' ? 'full' : radius;\n\n  return (\n    <div className={joinClasses}>\n      {React.Children.map(children, (child, index) => {\n        // 只处理有效的React元素\n        if (!React.isValidElement(child)) return child;\n\n        const childElement = child as ReactElement<{ className?: string }>;\n        const childClassName = childElement.props.className || '';\n        const isFirstChild = index === 0;\n        const isLastChild = index === React.Children.count(children) - 1;\n\n        // 根据rounded属性添加额外的圆角类\n        let roundedClasses = '';\n\n        if (roundedStyle) {\n          // 使用自定义圆角样式\n          if (vertical) {\n            if ((rounded === 'left' || rounded === 'top') && isFirstChild && roundedStyle.top) {\n              roundedClasses = roundedStyle.top;\n            } else if ((rounded === 'right' || rounded === 'bottom') && isLastChild && roundedStyle.bottom) {\n              roundedClasses = roundedStyle.bottom;\n            } else if (rounded === 'both') {\n              if (isFirstChild && roundedStyle.top) roundedClasses = roundedStyle.top;\n              if (isLastChild && roundedStyle.bottom) roundedClasses = roundedStyle.bottom;\n            }\n          } else {\n            if ((rounded === 'left' || rounded === 'top') && isFirstChild && roundedStyle.left) {\n              roundedClasses = roundedStyle.left;\n            } else if ((rounded === 'right' || rounded === 'bottom') && isLastChild && roundedStyle.right) {\n              roundedClasses = roundedStyle.right;\n            } else if (rounded === 'both') {\n              if (isFirstChild && roundedStyle.left) roundedClasses = roundedStyle.left;\n              if (isLastChild && roundedStyle.right) roundedClasses = roundedStyle.right;\n            }\n          }\n        } else {\n          // 使用默认的圆角大小\n          if (vertical) {\n            // 垂直布局时，圆角应用在上下方\n            if (rounded === 'left' || rounded === 'top') {\n              if (isFirstChild) roundedClasses = `rounded-t-${effectiveRadius}`;\n            } else if (rounded === 'right' || rounded === 'bottom') {\n              if (isLastChild) roundedClasses = `rounded-b-${effectiveRadius}`;\n            } else if (rounded === 'both') {\n              if (isFirstChild) roundedClasses = `rounded-t-${effectiveRadius}`;\n              if (isLastChild) roundedClasses = `rounded-b-${effectiveRadius}`;\n            }\n          } else {\n            // 水平布局时，圆角应用在左右方\n            if (rounded === 'left' || rounded === 'top') {\n              if (isFirstChild) roundedClasses = `rounded-l-${effectiveRadius}`;\n            } else if (rounded === 'right' || rounded === 'bottom') {\n              if (isLastChild) roundedClasses = `rounded-r-${effectiveRadius}`;\n            } else if (rounded === 'both') {\n              if (isFirstChild) roundedClasses = `rounded-l-${effectiveRadius}`;\n              if (isLastChild) roundedClasses = `rounded-r-${effectiveRadius}`;\n            }\n          }\n        }\n\n        const newClassName = `${childClassName} join-item ${roundedClasses}`.trim();\n\n        return React.cloneElement(childElement, {\n          className: newClassName,\n        });\n      })}\n    </div>\n  );\n};\n\n// Button.GroupSection 组件\nexport type ButtonGroupSectionProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst ButtonGroupSection = ({\n  children,\n  className = '',\n}: ButtonGroupSectionProps) => {\n  const sectionClasses = [\n    'join-item',\n    'flex',\n    'items-center',\n    'px-4',\n    'bg-base-200',\n    'border',\n    'border-base-300',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={sectionClasses}>\n      {children}\n    </div>\n  );\n};\n\n// 扩展Button组件，添加Group和GroupSection子组件\ninterface ButtonCompound extends React.FC<ButtonProps> {\n  Group: React.FC<ButtonGroupProps>;\n  GroupSection: React.FC<ButtonGroupSectionProps>;\n}\n\nconst ButtonWithCompounds = Button as ButtonCompound;\nButtonWithCompounds.Group = ButtonGroup;\nButtonWithCompounds.GroupSection = ButtonGroupSection;\n\nexport default ButtonWithCompounds; "],"mappings":"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"}

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

@@ -28,6 +28,17 @@ export type CardActionsProps = {
 export type CardFigureProps = {
     children: React.ReactNode;
     className?: string;
+    /**
+     * 图片填充方式（作用于内部 <img>）：
+     * - `cover`   等比裁切填满（默认，“撑满”）
+     * - `contain` 等比完整展示，可能留白
+     * - `fill`    拉伸填满（不保持比例）
+     */
+    fit?: 'cover' | 'contain' | 'fill';
+    /** 图片撑满整个 figure（w/h 100%）。card-side 时建议开启。 */
+    fill?: boolean;
+    /** 指定 figure 高度（数字按 px，支持 "16rem"/"50%" 等）；内部图片自动填满该高度 */
+    height?: number | string;
 };
 interface CardCompound extends React.FC<CardProps> {
     Title: React.FC<CardTitleProps>;

package/dist/components/Card/index.js

@@ -1,47 +1,72 @@
 import "react";
 import { jsx as r } from "react/jsx-runtime";
-var x = ({ children: s, variant: a, bordered: e = !1, dash: d = !1, side: n = !1, imageFull: c = !1, compact: i = !1, hover: u = !0, glass: f = !0, size: l = "sm", className: t = "" }) => {
-  const m = "card", C = f && !a ? "glass shadow-lg" : "", h = a ? `bg-${a} text-${a}-content shadow-md` : "", g = e ? "card-bordered" : "", v = d ? "card-dash" : "", w = n ? "card-side" : "", B = c ? "image-full" : "", j = i ? "card-compact" : "", p = u ? "hover:shadow-xl transition-shadow duration-300" : "", b = l ? `card-${l}` : "";
-  return t.includes("w-") || t.match(/max-w-|min-w-/), /* @__PURE__ */ r("div", {
-    className: [
-      m,
-      "",
-      C,
-      h,
-      g,
-      v,
-      w,
-      B,
-      j,
-      p,
-      b,
-      t
-    ].filter(Boolean).join(" "),
+var x = ({ children: s, variant: a, bordered: o = !1, dash: e = !1, side: l = !1, imageFull: i = !1, compact: d = !1, hover: f = !0, glass: m = !0, size: n = "sm", className: c = "" }) => {
+  const u = "card", C = m && !a ? "glass shadow-lg" : "", g = a ? `bg-${a} text-${a}-content shadow-md` : "", v = o ? "card-bordered" : "", h = e ? "card-dash" : "", w = l ? "card-side" : "", b = i ? "image-full" : "", j = d ? "card-compact" : "", p = f ? "hover:shadow-xl transition-shadow duration-300" : "", y = n ? `card-${n}` : "";
+  c.includes("w-") || c.match(/max-w-|min-w-/);
+  const B = [
+    u,
+    "",
+    C,
+    g,
+    v,
+    h,
+    w,
+    b,
+    j,
+    p,
+    y,
+    c
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", {
+    className: B,
     children: s
   });
-}, y = ({ children: s, className: a = "" }) => /* @__PURE__ */ r("h2", {
-  className: ["card-title", a].filter(Boolean).join(" "),
-  children: s
-}), $ = ({ children: s, className: a = "" }) => /* @__PURE__ */ r("div", {
-  className: ["card-body", a].filter(Boolean).join(" "),
-  children: s
-}), F = ({ children: s, className: a = "", justify: e = "end" }) => /* @__PURE__ */ r("div", {
-  className: [
+}, $ = ({ children: s, className: a = "" }) => {
+  const o = ["card-title", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("h2", {
+    className: o,
+    children: s
+  });
+}, F = ({ children: s, className: a = "" }) => {
+  const o = ["card-body", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", {
+    className: o,
+    children: s
+  });
+}, S = ({ children: s, className: a = "", justify: o = "end" }) => {
+  const e = [
     "card-actions",
-    e ? `justify-${e}` : "",
+    o ? `justify-${o}` : "",
     a
-  ].filter(Boolean).join(" "),
-  children: s
-}), N = ({ children: s, className: a = "" }) => /* @__PURE__ */ r("figure", {
-  className: ["figure", a].filter(Boolean).join(" "),
-  children: s
-}), o = x;
-o.Title = y;
-o.Body = $;
-o.Actions = F;
-o.Figure = N;
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", {
+    className: e,
+    children: s
+  });
+}, A = {
+  cover: "[&>img]:object-cover",
+  contain: "[&>img]:object-contain",
+  fill: "[&>img]:object-fill"
+}, N = (s) => typeof s == "number" ? `${s}px` : s, T = ({ children: s, className: a = "", fit: o = "cover", fill: e = !1, height: l }) => {
+  const i = [
+    "figure",
+    A[o],
+    e ? "w-full h-full [&>img]:h-full [&>img]:w-full" : "",
+    l !== void 0 ? "w-full [&>img]:h-full [&>img]:w-full" : "",
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("figure", {
+    className: i,
+    style: l !== void 0 ? { height: N(l) } : void 0,
+    children: s
+  });
+}, t = x;
+t.Title = $;
+t.Body = F;
+t.Actions = S;
+t.Figure = T;
 export {
-  o as default
+  t as default
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type CardProps = {\n  children: React.ReactNode;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';\n  bordered?: boolean;\n  dash?: boolean;\n  side?: boolean;\n  imageFull?: boolean;\n  compact?: boolean;\n  hover?: boolean;\n  glass?: boolean; // 毛玻璃效果\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  className?: string;\n};\n\nconst Card = ({\n  children,\n  variant,\n  bordered = false,\n  dash = false,\n  side = false,\n  imageFull = false,\n  compact = false,\n  hover = true, // 默认启用 hover 效果\n  glass = true, // 默认启用毛玻璃效果\n  size = 'sm',\n  className = '',\n}: CardProps) => {\n  const baseClass = 'card';\n\n  // 默认样式：如果没有指定 variant，则应用毛玻璃效果和阴影\n  // 同时添加边界样式 (border + shadow)\n  const defaultStyles = glass && !variant ? 'glass shadow-lg' : '';\n\n  // 如果指定了 variant，使用该 variant 的背景色，并添加阴影\n  const variantClass = variant ? `bg-${variant} text-${variant}-content shadow-md` : '';\n\n  const borderedClass = bordered ? 'card-bordered' : '';\n  const dashClass = dash ? 'card-dash' : '';\n  const sideClass = side ? 'card-side' : '';\n  const imageFullClass = imageFull ? 'image-full' : '';\n  const compactClass = compact ? 'card-compact' : '';\n  const hoverClass = hover ? 'hover:shadow-xl transition-shadow duration-300' : '';\n  const sizeClass = size ? `card-${size}` : '';\n\n  // 宽度策略：\n  // 1. 如果用户指定了 w-/max-w-/min-w-，则完全使用用户的设置\n  // 2. 否则不设置固定宽度，让 Card 自然适应父容器（Grid 中自动填充，Flex 中根据内容）\n  const hasWidthClass = className.includes('w-') || className.match(/max-w-|min-w-/);\n  const widthClass = ''; // 不设置默认宽度，让布局决定\n\n  const cardClasses = [\n    baseClass,\n    widthClass,\n    defaultStyles,\n    variantClass,\n    borderedClass,\n    dashClass,\n    sideClass,\n    imageFullClass,\n    compactClass,\n    hoverClass,\n    sizeClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={cardClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Title 组件\nexport type CardTitleProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst CardTitle = ({\n  children,\n  className = '',\n}: CardTitleProps) => {\n  const titleClasses = [\n    'card-title',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <h2 className={titleClasses}>\n      {children}\n    </h2>\n  );\n};\n\n// Card.Body 组件\nexport type CardBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst CardBody = ({\n  children,\n  className = '',\n}: CardBodyProps) => {\n  const bodyClasses = [\n    'card-body',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={bodyClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Actions 组件\nexport type CardActionsProps = {\n  children: React.ReactNode;\n  className?: string;\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n};\n\nconst CardActions = ({\n  children,\n  className = '',\n  justify = 'end',\n}: CardActionsProps) => {\n  const actionsClasses = [\n    'card-actions',\n    justify ? `justify-${justify}` : '',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={actionsClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Figure 组件\nexport type CardFigureProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst CardFigure = ({\n  children,\n  className = '',\n}: CardFigureProps) => {\n  const figureClasses = [\n    'figure',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <figure className={figureClasses}>\n      {children}\n    </figure>\n  );\n};\n\n// 扩展Card组件，添加子组件\ninterface CardCompound extends React.FC<CardProps> {\n  Title: React.FC<CardTitleProps>;\n  Body: React.FC<CardBodyProps>;\n  Actions: React.FC<CardActionsProps>;\n  Figure: React.FC<CardFigureProps>;\n}\n\nconst CardWithCompounds = Card as CardCompound;\nCardWithCompounds.Title = CardTitle;\nCardWithCompounds.Body = CardBody;\nCardWithCompounds.Actions = CardActions;\nCardWithCompounds.Figure = CardFigure;\n\nexport default CardWithCompounds; "],"mappings":";;AAgBA,IAAM,IAAA,CAAQ,EACZ,UAAA,GACA,SAAA,GACA,UAAA,IAAW,IACX,MAAA,IAAO,IACP,MAAA,IAAO,IACP,WAAA,IAAY,IACZ,SAAA,IAAU,IACV,OAAA,IAAQ,IACR,OAAA,IAAQ,IACR,MAAA,IAAO,MACP,WAAA,IAAY,GAAA,MACG;AACf,QAAM,IAAY,QAIZ,IAAgB,KAAS,CAAC,IAAU,oBAAoB,IAGxD,IAAe,IAAU,MAAM,CAAA,SAAgB,CAAA,uBAA8B,IAE7E,IAAgB,IAAW,kBAAkB,IAC7C,IAAY,IAAO,cAAc,IACjC,IAAY,IAAO,cAAc,IACjC,IAAiB,IAAY,eAAe,IAC5C,IAAe,IAAU,iBAAiB,IAC1C,IAAa,IAAQ,mDAAmD,IACxE,IAAY,IAAO,QAAQ,CAAA,KAAS;AAKpB,SAAA,EAAU,SAAS,IAAI,KAAK,EAAU,MAAM,eAAe,GAmB/E,gBAAA,EAAC,OAAD;AAAA,IAAK,WAhBa;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAGL;AAAA,IACb,UAAA;AAAA,EACE,CAAA;AAET,GAQM,IAAA,CAAa,EACjB,UAAA,GACA,WAAA,IAAY,GAAA,MAQV,gBAAA,EAAC,MAAD;AAAA,EAAI,WANe,CACnB,cACA,CACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAGN;AAAA,EACZ,UAAA;AACC,CAAA,GAUF,IAAA,CAAY,EAChB,UAAA,GACA,WAAA,IAAY,GAAA,MAQV,gBAAA,EAAC,OAAD;AAAA,EAAK,WANa,CAClB,aACA,CACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAGL;AAAA,EACb,UAAA;AACE,CAAA,GAWH,IAAA,CAAe,EACnB,UAAA,GACA,WAAA,IAAY,IACZ,SAAA,IAAU,MAAA,MASR,gBAAA,EAAC,OAAD;AAAA,EAAK,WAPgB;AAAA,IACrB;AAAA,IACA,IAAU,WAAW,CAAA,KAAY;AAAA,IACjC;AAAA,EACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAGL;AAAA,EACb,UAAA;AACE,CAAA,GAUH,IAAA,CAAc,EAClB,UAAA,GACA,WAAA,IAAY,GAAA,MAQV,gBAAA,EAAC,UAAD;AAAA,EAAQ,WANY,CACpB,UACA,CACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAGF;AAAA,EAChB,UAAA;AACK,CAAA,GAYN,IAAoB;AAC1B,EAAkB,QAAQ;AAC1B,EAAkB,OAAO;AACzB,EAAkB,UAAU;AAC5B,EAAkB,SAAS"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type CardProps = {\n  children: React.ReactNode;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';\n  bordered?: boolean;\n  dash?: boolean;\n  side?: boolean;\n  imageFull?: boolean;\n  compact?: boolean;\n  hover?: boolean;\n  glass?: boolean; // 毛玻璃效果\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  className?: string;\n};\n\nconst Card = ({\n  children,\n  variant,\n  bordered = false,\n  dash = false,\n  side = false,\n  imageFull = false,\n  compact = false,\n  hover = true, // 默认启用 hover 效果\n  glass = true, // 默认启用毛玻璃效果\n  size = 'sm',\n  className = '',\n}: CardProps) => {\n  const baseClass = 'card';\n\n  // 默认样式：如果没有指定 variant，则应用毛玻璃效果和阴影\n  // 同时添加边界样式 (border + shadow)\n  const defaultStyles = glass && !variant ? 'glass shadow-lg' : '';\n\n  // 如果指定了 variant，使用该 variant 的背景色，并添加阴影\n  const variantClass = variant ? `bg-${variant} text-${variant}-content shadow-md` : '';\n\n  const borderedClass = bordered ? 'card-bordered' : '';\n  const dashClass = dash ? 'card-dash' : '';\n  const sideClass = side ? 'card-side' : '';\n  const imageFullClass = imageFull ? 'image-full' : '';\n  const compactClass = compact ? 'card-compact' : '';\n  const hoverClass = hover ? 'hover:shadow-xl transition-shadow duration-300' : '';\n  const sizeClass = size ? `card-${size}` : '';\n\n  // 宽度策略：\n  // 1. 如果用户指定了 w-/max-w-/min-w-，则完全使用用户的设置\n  // 2. 否则不设置固定宽度，让 Card 自然适应父容器（Grid 中自动填充，Flex 中根据内容）\n  const hasWidthClass = className.includes('w-') || className.match(/max-w-|min-w-/);\n  const widthClass = ''; // 不设置默认宽度，让布局决定\n\n  const cardClasses = [\n    baseClass,\n    widthClass,\n    defaultStyles,\n    variantClass,\n    borderedClass,\n    dashClass,\n    sideClass,\n    imageFullClass,\n    compactClass,\n    hoverClass,\n    sizeClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={cardClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Title 组件\nexport type CardTitleProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst CardTitle = ({\n  children,\n  className = '',\n}: CardTitleProps) => {\n  const titleClasses = [\n    'card-title',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <h2 className={titleClasses}>\n      {children}\n    </h2>\n  );\n};\n\n// Card.Body 组件\nexport type CardBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst CardBody = ({\n  children,\n  className = '',\n}: CardBodyProps) => {\n  const bodyClasses = [\n    'card-body',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={bodyClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Actions 组件\nexport type CardActionsProps = {\n  children: React.ReactNode;\n  className?: string;\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n};\n\nconst CardActions = ({\n  children,\n  className = '',\n  justify = 'end',\n}: CardActionsProps) => {\n  const actionsClasses = [\n    'card-actions',\n    justify ? `justify-${justify}` : '',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={actionsClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Figure 组件\nexport type CardFigureProps = {\n  children: React.ReactNode;\n  className?: string;\n  /**\n   * 图片填充方式（作用于内部 <img>）：\n   * - `cover`   等比裁切填满（默认，“撑满”）\n   * - `contain` 等比完整展示，可能留白\n   * - `fill`    拉伸填满（不保持比例）\n   */\n  fit?: 'cover' | 'contain' | 'fill';\n  /** 图片撑满整个 figure（w/h 100%）。card-side 时建议开启。 */\n  fill?: boolean;\n  /** 指定 figure 高度（数字按 px，支持 \"16rem\"/\"50%\" 等）；内部图片自动填满该高度 */\n  height?: number | string;\n};\n\nconst FIT_CLASS: Record<NonNullable<CardFigureProps['fit']>, string> = {\n  cover: '[&>img]:object-cover',\n  contain: '[&>img]:object-contain',\n  fill: '[&>img]:object-fill',\n};\n\nconst toCssSize = (value: number | string | undefined): string | undefined =>\n  typeof value === 'number' ? `${value}px` : value;\n\nconst CardFigure = ({\n  children,\n  className = '',\n  fit = 'cover',\n  fill = false,\n  height,\n}: CardFigureProps) => {\n  const figureClasses = [\n    'figure',\n    FIT_CLASS[fit],\n    // 撑满：figure 与内部 img 都占满可用空间\n    fill ? 'w-full h-full [&>img]:h-full [&>img]:w-full' : '',\n    // 指定高度：figure 定高，内部图片自动填满\n    height !== undefined ? 'w-full [&>img]:h-full [&>img]:w-full' : '',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <figure className={figureClasses} style={height !== undefined ? { height: toCssSize(height) } : undefined}>\n      {children}\n    </figure>\n  );\n};\n\n// 扩展Card组件，添加子组件\ninterface CardCompound extends React.FC<CardProps> {\n  Title: React.FC<CardTitleProps>;\n  Body: React.FC<CardBodyProps>;\n  Actions: React.FC<CardActionsProps>;\n  Figure: React.FC<CardFigureProps>;\n}\n\nconst CardWithCompounds = Card as CardCompound;\nCardWithCompounds.Title = CardTitle;\nCardWithCompounds.Body = CardBody;\nCardWithCompounds.Actions = CardActions;\nCardWithCompounds.Figure = CardFigure;\n\nexport default CardWithCompounds; "],"mappings":";;AAgBA,IAAM,IAAA,CAAQ,EACZ,UAAA,GACA,SAAA,GACA,UAAA,IAAW,IACX,MAAA,IAAO,IACP,MAAA,IAAO,IACP,WAAA,IAAY,IACZ,SAAA,IAAU,IACV,OAAA,IAAQ,IACR,OAAA,IAAQ,IACR,MAAA,IAAO,MACP,WAAA,IAAY,GAAA,MACG;AACf,QAAM,IAAY,QAIZ,IAAgB,KAAS,CAAC,IAAU,oBAAoB,IAGxD,IAAe,IAAU,MAAM,CAAA,SAAgB,CAAA,uBAA8B,IAE7E,IAAgB,IAAW,kBAAkB,IAC7C,IAAY,IAAO,cAAc,IACjC,IAAY,IAAO,cAAc,IACjC,IAAiB,IAAY,eAAe,IAC5C,IAAe,IAAU,iBAAiB,IAC1C,IAAa,IAAQ,mDAAmD,IACxE,IAAY,IAAO,QAAQ,CAAA,KAAS;AAKpB,EAAA,EAAU,SAAS,IAAI,KAAK,EAAU,MAAM,eAAe;AAGjF,QAAM,IAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW;AAAA,IACb,UAAA;AAAA,EACE,CAAA;AAET,GAQM,IAAA,CAAa,EACjB,UAAA,GACA,WAAA,IAAY,GAAA,MACQ;AACpB,QAAM,IAAe,CACnB,cACA,CACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,gBAAA,EAAC,MAAD;AAAA,IAAI,WAAW;AAAA,IACZ,UAAA;AAAA,EACC,CAAA;AAER,GAQM,IAAA,CAAY,EAChB,UAAA,GACA,WAAA,IAAY,GAAA,MACO;AACnB,QAAM,IAAc,CAClB,aACA,CACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW;AAAA,IACb,UAAA;AAAA,EACE,CAAA;AAET,GASM,IAAA,CAAe,EACnB,UAAA,GACA,WAAA,IAAY,IACZ,SAAA,IAAU,MAAA,MACY;AACtB,QAAM,IAAiB;AAAA,IACrB;AAAA,IACA,IAAU,WAAW,CAAA,KAAY;AAAA,IACjC;AAAA,EACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW;AAAA,IACb,UAAA;AAAA,EACE,CAAA;AAET,GAmBM,IAAiE;AAAA,EACrE,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR,GAEM,IAAA,CAAa,MACjB,OAAO,KAAU,WAAW,GAAG,CAAA,OAAY,GAEvC,IAAA,CAAc,EAClB,UAAA,GACA,WAAA,IAAY,IACZ,KAAA,IAAM,SACN,MAAA,IAAO,IACP,QAAA,EAAA,MACqB;AACrB,QAAM,IAAgB;AAAA,IACpB;AAAA,IACA,EAAU,CAAA;AAAA,IAEV,IAAO,gDAAgD;AAAA,IAEvD,MAAW,SAAY,yCAAyC;AAAA,IAChE;AAAA,EACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,gBAAA,EAAC,UAAD;AAAA,IAAQ,WAAW;AAAA,IAAe,OAAO,MAAW,SAAY,EAAE,QAAQ,EAAU,CAAM,EAAE,IAAI;AAAA,IAC7F,UAAA;AAAA,EACK,CAAA;AAEZ,GAUM,IAAoB;AAC1B,EAAkB,QAAQ;AAC1B,EAAkB,OAAO;AACzB,EAAkB,UAAU;AAC5B,EAAkB,SAAS"}

package/dist/components/Chart/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":[],"sources":["../../../src/components/Chart/Chart.tsx"],"sourcesContent":["import React from 'react';\nimport { Chart as TanStackChart } from '@tanstack/react-charts/tooltip';\nimport type { DomChartDefinition } from '@tanstack/charts';\n\nexport interface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** TanStack Charts declarative chart definition. */\n  definition: DomChartDefinition<any, any, any>;\n\n  /** Wrapper height. TanStack Charts fills the available space. */\n  height?: number | string;\n  /** Additional wrapper class name. */\n  className?: string;\n  /** Additional wrapper style. */\n  style?: React.CSSProperties;\n  /** Optional empty state controlled by the caller. */\n  empty?: boolean;\n  emptyContent?: React.ReactNode;\n}\n\nconst Chart = React.forwardRef<HTMLDivElement, ChartProps>(function Chart({\n  height = 360,\n  className = '',\n  style,\n  empty = false,\n  emptyContent = 'No chart data',\n  definition,\n  ...wrapperProps\n}, ref) {\n  const numericChartHeight = typeof height === 'number' ? Math.max(1, height - 26) : undefined;\n\n  return (\n    <div\n      ref={ref}\n      className={`relative w-full overflow-hidden rounded-xl border border-base-300 bg-base-100 p-3 ${className}`}\n      style={{ height, ...style }}\n      {...wrapperProps}\n    >\n      {empty ? (\n        <div className=\"flex h-full items-center justify-center p-6 text-sm text-base-content/50\">\n          {emptyContent}\n        </div>\n      ) : (\n        <TanStackChart\n          definition={definition}\n          ariaLabel={wrapperProps['aria-label'] || 'Chart'}\n          height={numericChartHeight}\n          style={typeof height === 'string' ? { height: '100%' } : undefined}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default Chart;\n"],"mappings":";;;AAmBA,IAAM,IAAQ,EAAM,WAAuC,SAAe,EACxE,QAAA,IAAS,KACT,WAAA,IAAY,IACZ,OAAA,GACA,OAAA,IAAQ,IACR,cAAA,IAAe,iBACf,YAAA,GACA,GAAG,EAAA,GACF,GAAK;AACN,QAAM,IAAqB,OAAO,KAAW,WAAW,KAAK,IAAI,GAAG,IAAS,EAAE,IAAI;AAEnF,SACE,gBAAA,EAAC,OAAD;AAAA,IACO,KAAA;AAAA,IACL,WAAW,qFAAqF,CAAA;AAAA,IAChG,OAAO;AAAA,MAAE,QAAA;AAAA,MAAQ,GAAG;AAAA,IAAM;AAAA,IAC1B,GAAI;AAAA,cAEH,IACC,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBACZ;AAAA,IACE,CAAA,IAEL,gBAAA,EAAC,GAAD;AAAA,MACc,YAAA;AAAA,MACZ,WAAW,EAAa,YAAA,KAAiB;AAAA,MACzC,QAAQ;AAAA,MACR,OAAO,OAAO,KAAW,WAAW,EAAE,QAAQ,OAAO,IAAI;AAAA,IAC1D,CAAA;AAAA,EAEA,CAAA;AAET,CAAC"}
+{"version":3,"file":"Chart.js","names":[],"sources":["../../../src/components/Chart/Chart.tsx"],"sourcesContent":["import React from 'react';\nimport { Chart as TanStackChart } from '@tanstack/react-charts/tooltip';\nimport type { DomChartDefinition } from '@tanstack/charts';\n\nexport interface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** TanStack Charts declarative chart definition. */\n  definition: DomChartDefinition<any, any, any>;\n\n  /** Wrapper height. TanStack Charts fills the available space. */\n  height?: number | string;\n  /** Additional wrapper class name. */\n  className?: string;\n  /** Additional wrapper style. */\n  style?: React.CSSProperties;\n  /** Optional empty state controlled by the caller. */\n  empty?: boolean;\n  emptyContent?: React.ReactNode;\n}\n\nconst Chart = React.forwardRef<HTMLDivElement, ChartProps>(function Chart({\n  height = 360,\n  className = '',\n  style,\n  empty = false,\n  emptyContent = 'No chart data',\n  definition,\n  ...wrapperProps\n}, ref) {\n  const numericChartHeight = typeof height === 'number' ? Math.max(1, height - 26) : undefined;\n\n  return (\n    <div\n      ref={ref}\n      className={`relative w-full overflow-hidden rounded-xl border border-base-300 bg-base-100 p-3 ${className}`}\n      style={{ height, ...style }}\n      {...wrapperProps}\n    >\n      {empty ? (\n        <div className=\"flex h-full items-center justify-center p-6 text-sm text-base-content/50\">\n          {emptyContent}\n        </div>\n      ) : (\n        <TanStackChart\n          definition={definition}\n          ariaLabel={wrapperProps['aria-label'] || 'Chart'}\n          height={numericChartHeight}\n          style={typeof height === 'string' ? { height: '100%' } : undefined}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default Chart;\n"],"mappings":";;;AAmBA,IAAM,IAAQ,EAAM,WAAuC,SAAe,EACxE,QAAA,IAAS,KACT,WAAA,IAAY,IACZ,OAAA,GACA,OAAA,IAAQ,IACR,cAAA,IAAe,iBACf,YAAA,GACA,GAAG,EAAA,GACF,GAAK;AACN,QAAM,IAAqB,OAAO,KAAW,WAAW,KAAK,IAAI,GAAG,IAAS,EAAE,IAAI;AAEnF,SACE,gBAAA,EAAC,OAAD;AAAA,IACO,KAAA;AAAA,IACL,WAAW,qFAAqF,CAAA;AAAA,IAChG,OAAO;AAAA,MAAE,QAAA;AAAA,MAAQ,GAAG;AAAA,IAAM;AAAA,IAC1B,GAAI;AAAA,IAEH,UAAA,IACC,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MACZ,UAAA;AAAA,IACE,CAAA,IAEL,gBAAA,EAAC,GAAD;AAAA,MACc,YAAA;AAAA,MACZ,WAAW,EAAa,YAAA,KAAiB;AAAA,MACzC,QAAQ;AAAA,MACR,OAAO,OAAO,KAAW,WAAW,EAAE,QAAQ,OAAO,IAAI;AAAA,IAC1D,CAAA;AAAA,EAEA,CAAA;AAET,CAAC"}

package/dist/components/Checkbox/index.js

@@ -1,6 +1,6 @@
-import { useCallback as g, useEffect as y, useRef as v } from "react";
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-var S = {
+import { useCallback as y, useEffect as v, useRef as S } from "react";
+import { jsx as s, jsxs as j } from "react/jsx-runtime";
+var w = {
   default: "",
   primary: "checkbox-primary",
   secondary: "checkbox-secondary",
@@ -9,50 +9,52 @@ var S = {
   success: "checkbox-success",
   warning: "checkbox-warning",
   error: "checkbox-error"
-}, j = {
+}, A = {
   xs: "checkbox-xs",
   sm: "checkbox-sm",
   md: "checkbox-md",
   lg: "checkbox-lg"
-}, N = ({ checked: l, defaultChecked: x, onChange: t, label: e, labelPosition: a = "right", variant: f = "default", size: u = "sm", disabled: s = !1, indeterminate: c = !1, name: k, value: d, className: r = "", style: m, id: p }) => {
-  const o = v(null);
-  y(() => {
+}, E = ({ checked: h, defaultChecked: x, onChange: n, label: e, labelPosition: t = "right", variant: f = "default", size: u = "sm", disabled: a = !1, indeterminate: c = !1, name: k, value: p, className: r = "", style: d, id: m }) => {
+  const o = S(null);
+  v(() => {
     o.current && (o.current.indeterminate = c);
   }, [c]);
-  const b = g((h) => {
-    t?.(h.target.checked, h);
-  }, [t]), i = /* @__PURE__ */ n("input", {
+  const b = y((l) => {
+    n?.(l.target.checked, l);
+  }, [n]), g = [
+    "checkbox",
+    w[f],
+    A[u],
+    r && !e ? r : ""
+  ].filter(Boolean).join(" "), i = /* @__PURE__ */ s("input", {
     ref: o,
-    id: p,
+    id: m,
     type: "checkbox",
-    className: [
-      "checkbox",
-      S[f],
-      j[u],
-      r && !e ? r : ""
-    ].filter(Boolean).join(" "),
-    checked: l,
+    className: g,
+    checked: h,
     defaultChecked: x,
     onChange: b,
-    disabled: s,
+    disabled: a,
     name: k,
-    value: d,
+    value: p,
     "aria-checked": c ? "mixed" : void 0
   });
-  return e == null || e === "" ? i : /* @__PURE__ */ C("label", {
-    className: [
-      "label cursor-pointer inline-flex items-center gap-2 w-fit",
-      s ? "opacity-50 cursor-not-allowed" : "",
-      r
-    ].filter(Boolean).join(" "),
-    style: m,
+  if (e == null || e === "") return i;
+  const C = [
+    "label cursor-pointer inline-flex items-center gap-2 w-fit",
+    a ? "opacity-50 cursor-not-allowed" : "",
+    r
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ j("label", {
+    className: C,
+    style: d,
     children: [
-      a === "left" && /* @__PURE__ */ n("span", {
+      t === "left" && /* @__PURE__ */ s("span", {
         className: "label-text",
         children: e
       }),
       i,
-      a === "right" && /* @__PURE__ */ n("span", {
+      t === "right" && /* @__PURE__ */ s("span", {
         className: "label-text",
         children: e
       })
@@ -60,7 +62,7 @@ var S = {
   });
 };
 export {
-  N as default
+  E as default
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback } from 'react';\n\nexport type CheckboxProps = {\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Uncontrolled initial checked state. */\n  defaultChecked?: boolean;\n  /** Change handler; receives the new checked value. */\n  onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Optional label rendered next to the box. */\n  label?: React.ReactNode;\n  /** Label position relative to the box. */\n  labelPosition?: 'right' | 'left';\n  /** Color variant (daisyUI). */\n  variant?: 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';\n  /** Size. */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Indeterminate (partial) state; overrides the visual check mark. */\n  indeterminate?: boolean;\n  /** Native name attribute (useful in forms). */\n  name?: string;\n  /** Native value attribute. */\n  value?: string;\n  /** Extra class names applied to the wrapping label element. */\n  className?: string;\n  /** Inline styles applied to the wrapping label element. */\n  style?: React.CSSProperties;\n  /** id forwarded to the input. */\n  id?: string;\n};\n\nconst VARIANT_CLASS: Record<NonNullable<CheckboxProps['variant']>, string> = {\n  default: '',\n  primary: 'checkbox-primary',\n  secondary: 'checkbox-secondary',\n  accent: 'checkbox-accent',\n  info: 'checkbox-info',\n  success: 'checkbox-success',\n  warning: 'checkbox-warning',\n  error: 'checkbox-error',\n};\n\nconst SIZE_CLASS: Record<NonNullable<CheckboxProps['size']>, string> = {\n  xs: 'checkbox-xs',\n  sm: 'checkbox-sm',\n  md: 'checkbox-md',\n  lg: 'checkbox-lg',\n};\n\nconst Checkbox: React.FC<CheckboxProps> = ({\n  checked,\n  defaultChecked,\n  onChange,\n  label,\n  labelPosition = 'right',\n  variant = 'default',\n  size = 'sm',\n  disabled = false,\n  indeterminate = false,\n  name,\n  value,\n  className = '',\n  style,\n  id,\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // The `indeterminate` visual state can only be set imperatively on the DOM node.\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e.target.checked, e);\n    },\n    [onChange],\n  );\n\n  const inputClasses = [\n    'checkbox',\n    VARIANT_CLASS[variant],\n    SIZE_CLASS[size],\n    // If there is no label, allow className to style the input directly.\n    className && !label ? className : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const input = (\n    <input\n      ref={inputRef}\n      id={id}\n      type=\"checkbox\"\n      className={inputClasses}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onChange={handleChange}\n      disabled={disabled}\n      name={name}\n      value={value}\n      aria-checked={indeterminate ? 'mixed' : undefined}\n    />\n  );\n\n  // No label → return the bare input.\n  if (label === undefined || label === null || label === '') {\n    return input;\n  }\n\n  const labelClasses = [\n    'label cursor-pointer inline-flex items-center gap-2 w-fit',\n    disabled ? 'opacity-50 cursor-not-allowed' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <label className={labelClasses} style={style}>\n      {labelPosition === 'left' && <span className=\"label-text\">{label}</span>}\n      {input}\n      {labelPosition === 'right' && <span className=\"label-text\">{label}</span>}\n    </label>\n  );\n};\n\nexport default Checkbox;\n"],"mappings":";;AAiCA,IAAM,IAAuE;AAAA,EAC3E,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAEM,IAAiE;AAAA,EACrE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEM,IAAA,CAAqC,EACzC,SAAA,GACA,gBAAA,GACA,UAAA,GACA,OAAA,GACA,eAAA,IAAgB,SAChB,SAAA,IAAU,WACV,MAAA,IAAO,MACP,UAAA,IAAW,IACX,eAAA,IAAgB,IAChB,MAAA,GACA,OAAA,GACA,WAAA,IAAY,IACZ,OAAA,GACA,IAAA,EAAA,MACI;AACJ,QAAM,IAAW,EAAyB,IAAI;AAG9C,EAAA,EAAA,MAAgB;AACd,IAAI,EAAS,YACX,EAAS,QAAQ,gBAAgB;AAAA,EAErC,GAAG,CAAC,CAAa,CAAC;AAElB,QAAM,IAAe,EAAA,CAClB,MAA2C;AAC1C,IAAA,IAAW,EAAE,OAAO,SAAS,CAAC;AAAA,EAChC,GACA,CAAC,CAAQ,CACX,GAYM,IACJ,gBAAA,EAAC,SAAD;AAAA,IACE,KAAK;AAAA,IACD,IAAA;AAAA,IACJ,MAAK;AAAA,IACL,WAfiB;AAAA,MACnB;AAAA,MACA,EAAc,CAAA;AAAA,MACd,EAAW,CAAA;AAAA,MAEX,KAAa,CAAC,IAAQ,IAAY;AAAA,IACpC,EACG,OAAO,OAAO,EACd,KAAK,GAOO;AAAA,IACF,SAAA;AAAA,IACO,gBAAA;AAAA,IAChB,UAAU;AAAA,IACA,UAAA;AAAA,IACJ,MAAA;AAAA,IACC,OAAA;AAAA,IACP,gBAAc,IAAgB,UAAU;AAAA,EACzC,CAAA;AAIH,SAA2B,KAAU,QAAQ,MAAU,KAC9C,IAYP,gBAAA,EAAC,SAAD;AAAA,IAAO,WATY;AAAA,MACnB;AAAA,MACA,IAAW,kCAAkC;AAAA,MAC7C;AAAA,IACF,EACG,OAAO,OAAO,EACd,KAAK,GAGY;AAAA,IAAqB,OAAA;AAAA,cAAvC;AAAA,MACG,MAAkB,UAAU,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,kBAAc;AAAA,MAAY,CAAA;AAAA,MACtE;AAAA,MACA,MAAkB,WAAW,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,kBAAc;AAAA,MAAY,CAAA;AAAA,IACnE;AAAA;AAEX"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback } from 'react';\n\nexport type CheckboxProps = {\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Uncontrolled initial checked state. */\n  defaultChecked?: boolean;\n  /** Change handler; receives the new checked value. */\n  onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Optional label rendered next to the box. */\n  label?: React.ReactNode;\n  /** Label position relative to the box. */\n  labelPosition?: 'right' | 'left';\n  /** Color variant (daisyUI). */\n  variant?: 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';\n  /** Size. */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Indeterminate (partial) state; overrides the visual check mark. */\n  indeterminate?: boolean;\n  /** Native name attribute (useful in forms). */\n  name?: string;\n  /** Native value attribute. */\n  value?: string;\n  /** Extra class names applied to the wrapping label element. */\n  className?: string;\n  /** Inline styles applied to the wrapping label element. */\n  style?: React.CSSProperties;\n  /** id forwarded to the input. */\n  id?: string;\n};\n\nconst VARIANT_CLASS: Record<NonNullable<CheckboxProps['variant']>, string> = {\n  default: '',\n  primary: 'checkbox-primary',\n  secondary: 'checkbox-secondary',\n  accent: 'checkbox-accent',\n  info: 'checkbox-info',\n  success: 'checkbox-success',\n  warning: 'checkbox-warning',\n  error: 'checkbox-error',\n};\n\nconst SIZE_CLASS: Record<NonNullable<CheckboxProps['size']>, string> = {\n  xs: 'checkbox-xs',\n  sm: 'checkbox-sm',\n  md: 'checkbox-md',\n  lg: 'checkbox-lg',\n};\n\nconst Checkbox: React.FC<CheckboxProps> = ({\n  checked,\n  defaultChecked,\n  onChange,\n  label,\n  labelPosition = 'right',\n  variant = 'default',\n  size = 'sm',\n  disabled = false,\n  indeterminate = false,\n  name,\n  value,\n  className = '',\n  style,\n  id,\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // The `indeterminate` visual state can only be set imperatively on the DOM node.\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e.target.checked, e);\n    },\n    [onChange],\n  );\n\n  const inputClasses = [\n    'checkbox',\n    VARIANT_CLASS[variant],\n    SIZE_CLASS[size],\n    // If there is no label, allow className to style the input directly.\n    className && !label ? className : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const input = (\n    <input\n      ref={inputRef}\n      id={id}\n      type=\"checkbox\"\n      className={inputClasses}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onChange={handleChange}\n      disabled={disabled}\n      name={name}\n      value={value}\n      aria-checked={indeterminate ? 'mixed' : undefined}\n    />\n  );\n\n  // No label → return the bare input.\n  if (label === undefined || label === null || label === '') {\n    return input;\n  }\n\n  const labelClasses = [\n    'label cursor-pointer inline-flex items-center gap-2 w-fit',\n    disabled ? 'opacity-50 cursor-not-allowed' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <label className={labelClasses} style={style}>\n      {labelPosition === 'left' && <span className=\"label-text\">{label}</span>}\n      {input}\n      {labelPosition === 'right' && <span className=\"label-text\">{label}</span>}\n    </label>\n  );\n};\n\nexport default Checkbox;\n"],"mappings":";;AAiCA,IAAM,IAAuE;AAAA,EAC3E,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAEM,IAAiE;AAAA,EACrE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEM,IAAA,CAAqC,EACzC,SAAA,GACA,gBAAA,GACA,UAAA,GACA,OAAA,GACA,eAAA,IAAgB,SAChB,SAAA,IAAU,WACV,MAAA,IAAO,MACP,UAAA,IAAW,IACX,eAAA,IAAgB,IAChB,MAAA,GACA,OAAA,GACA,WAAA,IAAY,IACZ,OAAA,GACA,IAAA,EAAA,MACI;AACJ,QAAM,IAAW,EAAyB,IAAI;AAG9C,EAAA,EAAA,MAAgB;AACd,IAAI,EAAS,YACX,EAAS,QAAQ,gBAAgB;AAAA,EAErC,GAAG,CAAC,CAAa,CAAC;AAElB,QAAM,IAAe,EAAA,CAClB,MAA2C;AAC1C,IAAA,IAAW,EAAE,OAAO,SAAS,CAAC;AAAA,EAChC,GACA,CAAC,CAAQ,CACX,GAEM,IAAe;AAAA,IACnB;AAAA,IACA,EAAc,CAAA;AAAA,IACd,EAAW,CAAA;AAAA,IAEX,KAAa,CAAC,IAAQ,IAAY;AAAA,EACpC,EACG,OAAO,OAAO,EACd,KAAK,GAAG,GAEL,IACJ,gBAAA,EAAC,SAAD;AAAA,IACE,KAAK;AAAA,IACD,IAAA;AAAA,IACJ,MAAK;AAAA,IACL,WAAW;AAAA,IACF,SAAA;AAAA,IACO,gBAAA;AAAA,IAChB,UAAU;AAAA,IACA,UAAA;AAAA,IACJ,MAAA;AAAA,IACC,OAAA;AAAA,IACP,gBAAc,IAAgB,UAAU;AAAA,EACzC,CAAA;AAIH,MAA2B,KAAU,QAAQ,MAAU,GACrD,QAAO;AAGT,QAAM,IAAe;AAAA,IACnB;AAAA,IACA,IAAW,kCAAkC;AAAA,IAC7C;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAA,EAAC,SAAD;AAAA,IAAO,WAAW;AAAA,IAAqB,OAAA;AAAA,IAAvC,UAAA;AAAA,MACG,MAAkB,UAAU,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,QAAc,UAAA;AAAA,MAAY,CAAA;AAAA,MACtE;AAAA,MACA,MAAkB,WAAW,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,QAAc,UAAA;AAAA,MAAY,CAAA;AAAA,IACnE;AAAA;AAEX"}

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,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,IAAf,UAAA,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,MAE3B,UAAA,IACC,gBAAA,EAAC,OAAD;AAAA,QAAK,OAAM;AAAA,QAA6B,WAAU;AAAA,QAAU,MAAK;AAAA,QAAO,SAAQ;AAAA,QAAY,QAAO;AAAA,QACjG,UAAA,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,QACjG,UAAA,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,IAAf,UAAA;AAAA,MACE,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QAAf,UAAA,CACE,gBAAA,EAAC,MAAD;AAAA,UAAI,WAAU;AAAA,UAAuB,UAAA;AAAA,QAAU,CAAA,GAC9C,KAAe,gBAAA,EAAC,KAAD;AAAA,UAAG,WAAU;AAAA,UAA2B,UAAA;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,QAAf,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UACE,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAA,MAAe,EAAY,CAAC,CAAQ;AAAA,UAJtC,UAAA,CAME,gBAAA,EAAC,GAAD;AAAA,YAAO,SAAQ;AAAA,YAAU,UAAA;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,YAEP,UAAA,gBAAA,EAAC,QAAD;AAAA,cAAM,eAAc;AAAA,cAAQ,gBAAe;AAAA,cAAQ,aAAY;AAAA,cAAI,GAAE;AAAA,YAAkB,CAAA;AAAA,UACpF,CAAA,CACC;AAAA,QAEP,CAAA,GAAA,KACC,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,UACb,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAqB,UAAA;AAAA,YAAW,UAAA;AAAA,UAAgB,CAAA;AAAA,QAC7C,CAAA,CAEJ;AAAA;IACF;AAAA;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;