dishui 0.0.65 → 0.0.67

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   * 图片填充方式（作用于内部 <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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\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 = cn(\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  );\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 = cn('card-title', className);\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 = cn('card-body', className);\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 = cn(\n    'card-actions',\n    justify && `justify-${justify}`,\n    className\n  );\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 = cn(\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  );\n\n  return (\n    <figure className={figureClasses} style={height !== undefined ? { height: toCssSize(height) } : undefined}>\n      {children}\n    </figure>\n  );\n};\n\n// ─── 内部工具：复用基础 Card 的类名拼装逻辑 ──────────────────\n\ninterface CardClassOptions {\n    variant?: CardProps['variant'];\n    bordered?: boolean;\n    glass?: boolean;\n    className?: string;\n}\n\nconst buildCardClasses = ({ variant, bordered = false, glass = true, className = '' }: CardClassOptions) => {\n    const defaultStyles = glass && !variant ? 'glass shadow-lg' : '';\n    const variantClass = variant ? `bg-${variant} text-${variant}-content shadow-md` : '';\n    return cn('card', defaultStyles, variantClass, bordered && 'card-bordered', className);\n};\n\nconst ClockGlyph: React.FC<{ className?: string }> = ({ className }) => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className={cn('h-4 w-4', className)} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n        <circle cx=\"12\" cy=\"12\" r=\"9\" />\n        <path strokeLinecap=\"round\" d=\"M12 7v5l3 2\" />\n    </svg>\n);\n\n// ─── Card.Feature：特性卡（图标 + 标题 + 描述） ───────────────\n\nexport type CardFeatureProps = {\n    /** Icon node (usually a lucide / inline svg), rendered inside a tinted container. */\n    icon?: React.ReactNode;\n    /** Feature title. */\n    title: React.ReactNode;\n    /** Feature description rendered under the title. */\n    description?: React.ReactNode;\n    /** `vertical` centers everything with the icon on top; `horizontal` puts the icon at the left. */\n    layout?: 'vertical' | 'horizontal';\n    /** Icon container shape. Defaults to `circle` (vertical) / `square` (horizontal). */\n    iconShape?: 'circle' | 'square';\n    /** Extra content rendered under the description. */\n    children?: React.ReactNode;\n    /** Color variant (daisyUI). */\n    variant?: CardProps['variant'];\n    /** Show a border. */\n    bordered?: boolean;\n    /** Disable the default glass background. */\n    glass?: boolean;\n    /** Extra class names on the card. */\n    className?: string;\n    /** Click handler. */\n    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst CardFeature: React.FC<CardFeatureProps> = ({\n    icon,\n    title,\n    description,\n    layout = 'vertical',\n    iconShape,\n    children,\n    variant,\n    bordered,\n    glass = true,\n    className = '',\n    onClick,\n}) => {\n    const shape = iconShape ?? (layout === 'vertical' ? 'circle' : 'square');\n    const iconBox = icon && (\n        <span\n            className={cn(\n                'flex shrink-0 items-center justify-center bg-primary/10 text-primary',\n                layout === 'vertical' ? 'size-16' : 'size-12',\n                shape === 'circle' ? 'rounded-full' : 'rounded-xl',\n            )}\n        >\n            {icon}\n        </span>\n    );\n\n    return (\n        <div\n            className={buildCardClasses({ variant, bordered, glass, className })}\n            onClick={onClick}\n        >\n            {layout === 'horizontal' ? (\n                <div className=\"card-body flex-row items-center gap-4\">\n                    {iconBox}\n                    <div className=\"min-w-0 flex-1\">\n                        <h3 className=\"font-semibold text-base-content\">{title}</h3>\n                        {description && (\n                            <p className=\"mt-0.5 text-sm text-base-content/70\">{description}</p>\n                        )}\n                        {children}\n                    </div>\n                </div>\n            ) : (\n                <div className=\"card-body items-center gap-3 text-center\">\n                    {iconBox}\n                    <h3 className=\"text-lg font-bold text-base-content\">{title}</h3>\n                    {description && (\n                        <p className=\"text-sm leading-relaxed text-base-content/70\">{description}</p>\n                    )}\n                    {children}\n                </div>\n            )}\n        </div>\n    );\n};\n\n// ─── Card.Quote：引用卡（引用文本 + 作者 / 日期 + 装饰引号） ──\n\nexport type CardQuoteProps = {\n    /** The quoted text. */\n    children: React.ReactNode;\n    /** Author name (rendered in primary color). */\n    author?: React.ReactNode;\n    /** Avatar node (e.g. an `<img>` or initial circle) shown before the author. */\n    avatar?: React.ReactNode;\n    /** Date string/node rendered at the right side of the footer. */\n    date?: React.ReactNode;\n    /** Hide the decorative quote glyph in the top-right corner. */\n    quoteMark?: boolean;\n    /** Hide the divider between quote and footer. */\n    divider?: boolean;\n    /** Color variant (daisyUI). */\n    variant?: CardProps['variant'];\n    /** Show a border. */\n    bordered?: boolean;\n    /** Disable the default glass background. */\n    glass?: boolean;\n    /** Extra class names on the card. */\n    className?: string;\n    /** Click handler. */\n    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst CardQuote: React.FC<CardQuoteProps> = ({\n    children,\n    author,\n    avatar,\n    date,\n    quoteMark = true,\n    divider = true,\n    variant,\n    bordered,\n    glass = true,\n    className = '',\n    onClick,\n}) => (\n    <div\n        className={cn(\n            buildCardClasses({ variant, bordered, glass, className }),\n            'relative overflow-hidden',\n        )}\n        onClick={onClick}\n    >\n        {quoteMark && (\n            <span\n                aria-hidden=\"true\"\n                className=\"pointer-events-none absolute right-5 top-2 select-none font-serif text-6xl leading-none text-primary/25\"\n            >\n                ”\n            </span>\n        )}\n        <div className=\"card-body gap-0 p-6\">\n            <div className=\"relative z-10 text-lg text-base-content\">{children}</div>\n            <div\n                className={cn(\n                    'mt-4 flex items-center justify-between gap-3',\n                    divider && 'border-t border-base-300 pt-3.5',\n                )}\n            >\n                <div className=\"flex min-w-0 items-center gap-2.5\">\n                    {avatar && <span className=\"size-8 shrink-0 overflow-hidden rounded-full\">{avatar}</span>}\n                    {author && (\n                        <span className=\"truncate text-sm font-medium text-primary\">{author}</span>\n                    )}\n                </div>\n                {date && (\n                    <span className=\"flex shrink-0 items-center gap-1.5 text-sm text-base-content/55\">\n                        <ClockGlyph />\n                        {date}\n                    </span>\n                )}\n            </div>\n        </div>\n    </div>\n);\n\n// ─── Card.Meta：元信息卡（标题 + 徽章 + 描述 + 左右页脚） ────\n\nexport type CardMetaProps = {\n    /** Card title (top-left). */\n    title: React.ReactNode;\n    /** Badge / tag node (top-right, e.g. a visibility badge). */\n    badge?: React.ReactNode;\n    /** Body content under the title row. */\n    children?: React.ReactNode;\n    /** Footer left slot (e.g. `@author`). */\n    footerLeft?: React.ReactNode;\n    /** Footer right slot (e.g. a date). */\n    footerRight?: React.ReactNode;\n    /** Color variant (daisyUI). */\n    variant?: CardProps['variant'];\n    /** Show a border. */\n    bordered?: boolean;\n    /** Disable the default glass background. */\n    glass?: boolean;\n    /** Extra class names on the card. */\n    className?: string;\n    /** Click handler. */\n    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst CardMeta: React.FC<CardMetaProps> = ({\n    title,\n    badge,\n    children,\n    footerLeft,\n    footerRight,\n    variant,\n    bordered,\n    glass = true,\n    className = '',\n    onClick,\n}) => (\n    <div\n        className={buildCardClasses({ variant, bordered, glass, className })}\n        onClick={onClick}\n    >\n        <div className=\"card-body gap-2.5 p-6\">\n            <div className=\"flex items-center justify-between gap-3\">\n                <h3 className=\"min-w-0 flex-1 truncate text-lg font-bold text-base-content\">{title}</h3>\n                {badge && <span className=\"shrink-0\">{badge}</span>}\n            </div>\n            {children && <div className=\"text-sm text-base-content/75\">{children}</div>}\n            {(footerLeft || footerRight) && (\n                <div className=\"mt-1.5 flex items-center justify-between gap-3 text-sm text-base-content/55\">\n                    <span className=\"min-w-0 truncate\">{footerLeft}</span>\n                    <span className=\"shrink-0\">{footerRight}</span>\n                </div>\n            )}\n        </div>\n    </div>\n);\n\n// ─── Card.Info：指标卡（标签 + 数值 + 可选图标 / hint / 加载态） ──\n\nexport type CardInfoTone = 'primary' | 'success' | 'warning' | 'info' | 'error' | 'neutral';\n\nexport type CardInfoProps = {\n    /** Metric name (top-left, small muted text). */\n    label: React.ReactNode;\n    /** Metric value (number or short text). */\n    value: React.ReactNode;\n    /** Icon node, auto-sized and tinted by tone. */\n    icon?: React.ReactNode;\n    /** `top` (default) puts the icon at the right of the label row; `left` puts it on the left (horizontal layout). */\n    iconPosition?: 'top' | 'left';\n    /** 图标底框形状：`square`（默认，方形圆角）/ `circle`（正圆）。 */\n    iconShape?: 'square' | 'circle';\n    /** 是否给图标加色调底框（默认 `true`）；`false` 时渲染不带底框、仅保留 tone 文字色的裸图标。 */\n    iconBoxed?: boolean;\n    /** Tone (icon text & background color). */\n    tone?: CardInfoTone;\n    /** Small hint text below the value (e.g. deltas, update time). */\n    hint?: React.ReactNode;\n    /** Loading state: value renders as a skeleton. */\n    loading?: boolean;\n    /** Color variant (daisyUI). */\n    variant?: CardProps['variant'];\n    /** Show a border (default true). */\n    bordered?: boolean;\n    /** Enable the glass background (default false — solid `bg-base-200`). */\n    glass?: boolean;\n    /** Extra class names on the card. */\n    className?: string;\n    /** Click handler. */\n    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst INFO_TONE_CLASS: Record<NonNullable<CardInfoProps['tone']>, { text: string; bg: string }> = {\n    primary: { text: 'text-primary', bg: 'bg-primary/10' },\n    success: { text: 'text-success', bg: 'bg-success/10' },\n    warning: { text: 'text-warning', bg: 'bg-warning/10' },\n    info: { text: 'text-info', bg: 'bg-info/10' },\n    error: { text: 'text-error', bg: 'bg-error/10' },\n    neutral: { text: 'text-base-content/70', bg: 'bg-base-content/5' },\n};\n\nconst CardInfo: React.FC<CardInfoProps> = ({\n    label,\n    value,\n    icon,\n    iconPosition = 'top',\n    iconShape = 'square',\n    iconBoxed = true,\n    tone = 'primary',\n    hint,\n    loading = false,\n    variant,\n    bordered = true,\n    glass = false,\n    className = '',\n    onClick,\n}) => {\n    const t = INFO_TONE_CLASS[tone];\n    const cardClasses = buildCardClasses({ variant, bordered, glass, className: cn('bg-base-200 p-4', className) });\n\n    const iconShapeClass = iconShape === 'circle' ? 'rounded-full' : iconPosition === 'left' ? 'rounded-lg' : 'rounded-md';\n\n    // 带色调底框的图标容器\n    const boxedIcon = icon && (\n        <span\n            className={cn(\n                iconPosition === 'left'\n                    ? 'flex shrink-0 items-center justify-center p-2.5 [&>svg]:h-5 [&>svg]:w-5'\n                    : 'p-1.5 [&>svg]:h-4 [&>svg]:w-4',\n                iconShapeClass,\n                t.bg,\n                t.text,\n            )}\n        >\n            {icon}\n        </span>\n    );\n\n    // 裸图标：无底框，仅 tone 文字色\n    const bareIcon = icon && (\n        <span\n            className={cn(\n                iconPosition === 'left' ? 'flex shrink-0' : 'inline-flex',\n                '[&>svg]:h-6 [&>svg]:w-6',\n                t.text,\n            )}\n        >\n            {icon}\n        </span>\n    );\n\n    // 图标在左、文字居右的水平布局\n    if (iconPosition === 'left') {\n        return (\n            <div\n                className={cn(cardClasses, 'transition-shadow duration-300 hover:shadow-xl')}\n                onClick={onClick}\n            >\n                <div className=\"flex items-center gap-3\">\n                    {iconBoxed ? boxedIcon : bareIcon}\n                    <div className=\"min-w-0 flex-1\">\n                        <span className=\"block truncate text-xs font-medium text-base-content/60\">{label}</span>\n                        {loading ? (\n                            <div className=\"mt-1 h-6 w-14 animate-pulse rounded bg-base-content/10\" />\n                        ) : (\n                            <p className=\"truncate text-xl font-bold leading-tight text-base-content\">{value}</p>\n                        )}\n                        {hint && <p className=\"mt-0.5 truncate text-[11px] text-base-content/50\">{hint}</p>}\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    return (\n        <div\n            className={cn(cardClasses, 'transition-shadow duration-300 hover:shadow-xl')}\n            onClick={onClick}\n        >\n            <div className=\"mb-2 flex items-center justify-between gap-2\">\n                <span className=\"truncate text-xs font-medium text-base-content/60\">{label}</span>\n                {iconBoxed ? boxedIcon : bareIcon}\n            </div>\n            {loading ? (\n                <div className=\"h-7 w-14 animate-pulse rounded bg-base-content/10\" />\n            ) : (\n                <p className=\"text-2xl font-bold leading-none text-base-content\">{value}</p>\n            )}\n            {hint && <p className=\"mt-1.5 text-[11px] text-base-content/50\">{hint}</p>}\n        </div>\n    );\n};\n\n// ─── Card.Stat：统计面板（Grafana 风格：超大数值 + 迷你图 / 角标 / 填充色） ───\n\nexport type CardStatProps = {\n    /** 面板标签 */\n    label: React.ReactNode;\n    /** 面板数值（数字或短文本） */\n    value: React.ReactNode;\n    /** 色调（决定数值文字色 / 角标三角 / filled 底色） */\n    tone?: CardInfoTone;\n    /** 加载态：值显示为骨架 */\n    loading?: boolean;\n    className?: string;\n    /** 数值单位后缀（如 `K`、`%`），以小号字体渲染在数值右侧。 */\n    unit?: React.ReactNode;\n    /** 面板数值字号，默认 `xl`。 */\n    valueSize?: 'md' | 'lg' | 'xl' | '2xl';\n    /** 面板内容对齐，默认 `left`。 */\n    align?: 'left' | 'center';\n    /** 直接传入迷你图节点（优先于 sparklineData）。 */\n    sparkline?: React.ReactNode;\n    /** 迷你图数据：传入数值数组后自动渲染 sparkline。 */\n    sparklineData?: number[];\n    /** 迷你图类型：折线 / 面积 / 柱状。 */\n    sparklineType?: 'line' | 'area' | 'bar';\n    /** 迷你图高度（px）。 */\n    sparklineHeight?: number;\n    /** 右上角状态三角（Grafana 阈值指示）。 */\n    indicator?: boolean;\n    /** 整卡填充 tone 底色、文字用对应 content 色（图 RabbitMQ 风格）。 */\n    filled?: boolean;\n    /** 点击回调（面板常用于跳转详情）。 */\n    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst STAT_TONE_TEXT_CLASS: Record<NonNullable<CardStatProps['tone']>, string> = {\n    primary: 'text-primary',\n    success: 'text-success',\n    warning: 'text-warning',\n    info: 'text-info',\n    error: 'text-error',\n    neutral: 'text-base-content/70',\n};\n\n/** filled 模式：整卡 tone 底色 + 对应 content 文字色 */\nconst STAT_FILLED_CLASS: Record<NonNullable<CardStatProps['tone']>, string> = {\n    primary: 'bg-primary text-primary-content',\n    success: 'bg-success text-success-content',\n    warning: 'bg-warning text-warning-content',\n    info: 'bg-info text-info-content',\n    error: 'bg-error text-error-content',\n    neutral: 'bg-neutral text-neutral-content',\n};\n\nconst STAT_VALUE_SIZE_CLASS: Record<NonNullable<CardStatProps['valueSize']> & string, string> = {\n    md: 'text-2xl',\n    lg: 'text-4xl',\n    xl: 'text-5xl',\n    '2xl': 'text-6xl',\n};\n\nconst statCssVarColor = (tone: NonNullable<CardStatProps['tone']>) =>\n    tone === 'neutral' ? 'var(--color-base-content)' : `var(--color-${tone})`;\n\n/** 由数值数组生成迷你图（viewBox 拉伸铺满，描边不随宽度变形） */\nconst MiniSparkline: React.FC<{\n    data: number[];\n    type: 'line' | 'area' | 'bar';\n    height: number;\n}> = ({ data, type, height }) => {\n    if (!data || data.length < 2) return null;\n    const w = 100;\n    const pad = 3;\n    const min = Math.min(...data);\n    const max = Math.max(...data);\n    const range = max - min || 1;\n    const px = (i: number) => (i / (data.length - 1)) * w;\n    const py = (v: number) => height - pad - ((v - min) / range) * (height - pad * 2);\n    const points = data.map((v, i) => `${px(i).toFixed(2)},${py(v).toFixed(2)}`);\n\n    if (type === 'bar') {\n        const bw = w / data.length;\n        return (\n            <svg\n                viewBox={`0 0 ${w} ${height}`}\n                preserveAspectRatio=\"none\"\n                className=\"block w-full\"\n                style={{ height }}\n                aria-hidden=\"true\"\n            >\n                {data.map((v, i) => (\n                    <rect\n                        key={i}\n                        x={px(i) - bw / 2}\n                        y={py(v)}\n                        width={bw * 0.8}\n                        height={Math.max(1, height - pad - py(v))}\n                        fill=\"currentColor\"\n                    />\n                ))}\n            </svg>\n        );\n    }\n\n    if (type === 'area') {\n        return (\n            <svg\n                viewBox={`0 0 ${w} ${height}`}\n                preserveAspectRatio=\"none\"\n                className=\"block w-full\"\n                style={{ height }}\n                aria-hidden=\"true\"\n            >\n                <path\n                    d={`M0,${height} L${points.join(' L')} L${w},${height} Z`}\n                    fill=\"currentColor\"\n                    opacity={0.18}\n                />\n                <polyline\n                    points={points.join(' ')}\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth={1.5}\n                    vectorEffect=\"non-scaling-stroke\"\n                />\n            </svg>\n        );\n    }\n\n    return (\n        <svg\n            viewBox={`0 0 ${w} ${height}`}\n            preserveAspectRatio=\"none\"\n            className=\"block w-full\"\n            style={{ height }}\n            aria-hidden=\"true\"\n        >\n            <polyline\n                points={points.join(' ')}\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth={1.5}\n                vectorEffect=\"non-scaling-stroke\"\n            />\n        </svg>\n    );\n};\n\n/**\n * 统计面板：Grafana stat panel 风格的「标签 + 超大数值 + 迷你图」小卡，\n * 支持单位后缀、折线 / 面积 / 柱状迷你图、角标状态三角与整卡填充色。\n *\n * 简单的「标签 + 数值 + 图标」指标卡请使用 `Card.Info`。\n */\nconst CardStat: React.FC<CardStatProps> = ({\n    label,\n    value,\n    tone = 'primary',\n    loading = false,\n    className = '',\n    unit,\n    valueSize = 'xl',\n    align = 'left',\n    sparkline,\n    sparklineData,\n    sparklineType = 'line',\n    sparklineHeight = 36,\n    indicator = false,\n    filled = false,\n    onClick,\n}) => {\n    const sparklineNode =\n        sparkline ??\n        (sparklineData && sparklineData.length >= 2 ? (\n            <MiniSparkline data={sparklineData} type={sparklineType} height={sparklineHeight} />\n        ) : null);\n\n    const textColor = filled ? '' : STAT_TONE_TEXT_CLASS[tone];\n    const mutedText = filled ? 'opacity-80' : 'text-base-content/60';\n\n    return (\n        <div\n            onClick={onClick}\n            className={`relative flex flex-col overflow-hidden rounded-lg p-3 ${\n                filled ? STAT_FILLED_CLASS[tone] : 'border border-base-300/60 bg-base-200'\n            } ${onClick ? 'cursor-pointer transition-colors hover:border-primary/40' : ''} ${className}`.trim()}\n        >\n            {indicator && !filled && (\n                <span\n                    aria-hidden=\"true\"\n                    className=\"absolute right-0 top-0 h-0 w-0\"\n                    style={{\n                        borderTop: '14px solid ' + statCssVarColor(tone),\n                        borderLeft: '14px solid transparent',\n                    }}\n                />\n            )}\n            <div\n                className={`truncate text-xs font-medium ${mutedText} ${align === 'center' ? 'text-center' : ''}`.trim()}\n            >\n                {label}\n            </div>\n            <div\n                className={`flex min-h-[3rem] flex-1 items-center py-1 ${align === 'center' ? 'justify-center' : 'justify-start'}`}\n            >\n                {loading ? (\n                    <span\n                        className={`inline-block h-8 w-16 animate-pulse rounded ${\n                            filled ? 'bg-white/25' : 'bg-base-content/10'\n                        }`}\n                    />\n                ) : (\n                    <span className={`leading-none tracking-tight ${STAT_VALUE_SIZE_CLASS[valueSize]} font-semibold ${filled ? '' : textColor}`.trim()}>\n                        {value}\n                        {unit !== undefined && unit !== null && unit !== '' && (\n                            <span className=\"ml-0.5 text-[0.45em] font-semibold\">{unit}</span>\n                        )}\n                    </span>\n                )}\n            </div>\n            {sparklineNode && (\n                <div className={`-mx-3 -mb-3 mt-1 ${filled ? 'text-white' : STAT_TONE_TEXT_CLASS[tone]}`}>\n                    {sparklineNode}\n                </div>\n            )}\n        </div>\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    Feature: React.FC<CardFeatureProps>;\n    /** 引用卡：引用文本 + 作者头像 / 日期 + 装饰引号 */\n    Quote: React.FC<CardQuoteProps>;\n    /** 元信息卡：标题 + 徽章 + 描述 + 左右页脚 */\n    Meta: React.FC<CardMetaProps>;\n    /** 指标卡：标签 + 数值 + 可选图标 / hint / 加载态（仪表盘统计卡片） */\n    Info: React.FC<CardInfoProps>;\n    /** 统计面板：Grafana 风格超大数值 + 迷你折线 / 面积 / 柱状图 / 角标 / 填充色 */\n    Stat: React.FC<CardStatProps>;\n}\n\nconst CardWithCompounds = Card as CardCompound;\nCardWithCompounds.Title = CardTitle;\nCardWithCompounds.Body = CardBody;\nCardWithCompounds.Actions = CardActions;\nCardWithCompounds.Figure = CardFigure;\nCardWithCompounds.Feature = CardFeature;\nCardWithCompounds.Quote = CardQuote;\nCardWithCompounds.Meta = CardMeta;\nCardWithCompounds.Info = CardInfo;\nCardWithCompounds.Stat = CardStat;\n\nexport default CardWithCompounds; "],"mappings":"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"}

package/dist/components/Chart/Chart.js

@@ -1,29 +1,29 @@
-import n from "react";
+import e from "react";
 import { jsx as t } from "react/jsx-runtime";
-import { Chart as m } from "@tanstack/react-charts/tooltip";
-var v = n.forwardRef(function({ height: e = 360, className: a = "", style: o, empty: l = !1, emptyContent: i = "No chart data", definition: s, ...r }, d) {
-  const f = typeof e == "number" ? Math.max(1, e - 26) : void 0;
-  return /* @__PURE__ */ t("div", {
-    ref: d,
-    className: `relative w-full overflow-hidden rounded-xl border border-base-300 bg-base-100 p-3 ${a}`,
-    style: {
-      height: e,
-      ...o
-    },
-    ...r,
-    children: l ? /* @__PURE__ */ t("div", {
-      className: "flex h-full items-center justify-center p-6 text-sm text-base-content/50",
-      children: i
-    }) : /* @__PURE__ */ t(m, {
-      definition: s,
-      ariaLabel: r["aria-label"] || "Chart",
-      height: f,
-      style: typeof e == "string" ? { height: "100%" } : void 0
-    })
-  });
+import { Chart as n } from "@tanstack/react-charts/tooltip";
+//#region src/components/Chart/Chart.tsx
+var r = e.forwardRef(function({ height: e = 360, className: r = "", style: i, empty: a = !1, emptyContent: o = "No chart data", definition: s, ...c }, l) {
+	let u = typeof e == "number" ? Math.max(1, e - 26) : void 0;
+	return /* @__PURE__ */ t("div", {
+		ref: l,
+		className: `relative w-full overflow-hidden rounded-xl border border-base-300 bg-base-100 p-3 ${r}`,
+		style: {
+			height: e,
+			...i
+		},
+		...c,
+		children: a ? /* @__PURE__ */ t("div", {
+			className: "flex h-full items-center justify-center p-6 text-sm text-base-content/50",
+			children: o
+		}) : /* @__PURE__ */ t(n, {
+			definition: s,
+			ariaLabel: c["aria-label"] || "Chart",
+			height: u,
+			style: typeof e == "string" ? { height: "100%" } : void 0
+		})
+	});
 });
-export {
-  v as default
-};
+//#endregion
+export { r as default };
 
 //# sourceMappingURL=Chart.js.map

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,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"}
+{"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,YAAS,KACT,eAAY,IACZ,UACA,WAAQ,IACR,kBAAe,iBACf,eACA,GAAG,KACF,GAAK;CACN,IAAM,IAAqB,OAAO,KAAW,WAAW,KAAK,IAAI,GAAG,IAAS,EAAE,IAAI,KAAA;CAEnF,OACE,kBAAC,OAAD;EACO;EACL,WAAW,qFAAqF;EAChG,OAAO;GAAE;GAAQ,GAAG;EAAM;EAC1B,GAAI;EAEH,UAAA,IACC,kBAAC,OAAD;GAAK,WAAU;GACZ,UAAA;EACE,CAAA,IAEL,kBAAC,GAAD;GACc;GACZ,WAAW,EAAa,iBAAiB;GACzC,QAAQ;GACR,OAAO,OAAO,KAAW,WAAW,EAAE,QAAQ,OAAO,IAAI,KAAA;EAC1D,CAAA;CAEA,CAAA;AAET,CAAC"}

package/dist/components/Checkbox/index.js

@@ -1,68 +1,60 @@
-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",
-  accent: "checkbox-accent",
-  info: "checkbox-info",
-  success: "checkbox-success",
-  warning: "checkbox-warning",
-  error: "checkbox-error"
-}, A = {
-  xs: "checkbox-xs",
-  sm: "checkbox-sm",
-  md: "checkbox-md",
-  lg: "checkbox-lg"
-}, 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 = 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: m,
-    type: "checkbox",
-    className: g,
-    checked: h,
-    defaultChecked: x,
-    onChange: b,
-    disabled: a,
-    name: k,
-    value: p,
-    "aria-checked": c ? "mixed" : void 0
-  });
-  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: [
-      t === "left" && /* @__PURE__ */ s("span", {
-        className: "label-text",
-        children: e
-      }),
-      i,
-      t === "right" && /* @__PURE__ */ s("span", {
-        className: "label-text",
-        children: e
-      })
-    ]
-  });
-};
-export {
-  E as default
+import { cn as e } from "../../utils/cn.js";
+import { useCallback as t, useEffect as n, useRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Checkbox/index.tsx
+var o = {
+	default: "",
+	primary: "checkbox-primary",
+	secondary: "checkbox-secondary",
+	accent: "checkbox-accent",
+	info: "checkbox-info",
+	success: "checkbox-success",
+	warning: "checkbox-warning",
+	error: "checkbox-error"
+}, s = {
+	xs: "checkbox-xs",
+	sm: "checkbox-sm",
+	md: "checkbox-md",
+	lg: "checkbox-lg"
+}, c = ({ checked: c, defaultChecked: l, onChange: u, label: d, labelPosition: f = "right", variant: p = "default", size: m = "sm", disabled: h = !1, indeterminate: g = !1, name: _, value: v, className: y = "", style: b, id: x }) => {
+	let S = r(null);
+	n(() => {
+		S.current && (S.current.indeterminate = g);
+	}, [g]);
+	let C = t((e) => {
+		u?.(e.target.checked, e);
+	}, [u]), w = e("checkbox", o[p], s[m], y && !d ? y : ""), T = /* @__PURE__ */ i("input", {
+		ref: S,
+		id: x,
+		type: "checkbox",
+		className: w,
+		checked: c,
+		defaultChecked: l,
+		onChange: C,
+		disabled: h,
+		name: _,
+		value: v,
+		"aria-checked": g ? "mixed" : void 0
+	});
+	if (d == null || d === "") return T;
+	let E = e("label cursor-pointer inline-flex items-center gap-2 w-fit", h && "opacity-50 cursor-not-allowed", y);
+	return /* @__PURE__ */ a("label", {
+		className: E,
+		style: b,
+		children: [
+			f === "left" && /* @__PURE__ */ i("span", {
+				className: "label-text",
+				children: d
+			}),
+			T,
+			f === "right" && /* @__PURE__ */ i("span", {
+				className: "label-text",
+				children: d
+			})
+		]
+	});
 };
+//#endregion
+export { c 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,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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback } from 'react';\nimport { cn } from '../../utils/cn';\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 = cn(\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\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 = cn(\n    'label cursor-pointer inline-flex items-center gap-2 w-fit',\n    disabled && 'opacity-50 cursor-not-allowed',\n    className,\n  );\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":";;;;AAkCA,IAAM,IAAuE;CAC3E,SAAS;CACT,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAEM,IAAiE;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEM,KAAqC,EACzC,YACA,mBACA,aACA,UACA,mBAAgB,SAChB,aAAU,WACV,UAAO,MACP,cAAW,IACX,mBAAgB,IAChB,SACA,UACA,eAAY,IACZ,UACA,YACI;CACJ,IAAM,IAAW,EAAyB,IAAI;CAG9C,QAAgB;EACd,AAAI,EAAS,YACX,EAAS,QAAQ,gBAAgB;CAErC,GAAG,CAAC,CAAa,CAAC;CAElB,IAAM,IAAe,GAClB,MAA2C;EAC1C,IAAW,EAAE,OAAO,SAAS,CAAC;CAChC,GACA,CAAC,CAAQ,CACX,GAEM,IAAe,EACnB,YACA,EAAc,IACd,EAAW,IAEX,KAAa,CAAC,IAAQ,IAAY,EACpC,GAEM,IACJ,kBAAC,SAAD;EACE,KAAK;EACD;EACJ,MAAK;EACL,WAAW;EACF;EACO;EAChB,UAAU;EACA;EACJ;EACC;EACP,gBAAc,IAAgB,UAAU,KAAA;CACzC,CAAA;CAIH,IAAI,KAAiC,QAAQ,MAAU,IACrD,OAAO;CAGT,IAAM,IAAe,EACnB,6DACA,KAAY,iCACZ,CACF;CAEA,OACE,kBAAC,SAAD;EAAO,WAAW;EAAqB;EAAvC,UAAA;GACG,MAAkB,UAAU,kBAAC,QAAD;IAAM,WAAU;IAAc,UAAA;GAAY,CAAA;GACtE;GACA,MAAkB,WAAW,kBAAC,QAAD;IAAM,WAAU;IAAc,UAAA;GAAY,CAAA;EACnE;;AAEX"}

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

@@ -0,0 +1,44 @@
+import React from 'react';
+export type ChoicePickerOption = {
+    /** Value submitted for this option. */
+    value: string | number;
+    /** Display label. */
+    label: React.ReactNode;
+    /** Disable this option only. */
+    disabled?: boolean;
+};
+export type ChoicePickerVariant = 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type ChoicePickerProps = {
+    /** Available options. */
+    options: ChoicePickerOption[];
+    /** Controlled selected value. */
+    value?: string | number;
+    /** Uncontrolled initial value. */
+    defaultValue?: string | number;
+    /** Change handler with the selected value. */
+    onChange?: (value: string | number) => void;
+    /** `list` renders radio rows; `chip` renders a button group. */
+    appearance?: 'list' | 'chip';
+    /** Layout of list rows or chip wrapping. */
+    orientation?: 'vertical' | 'horizontal';
+    /** Color variant. */
+    variant?: ChoicePickerVariant;
+    /** Size (daisyUI). */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /** Disable the whole group. */
+    disabled?: boolean;
+    /** Optional group label rendered above the options. */
+    label?: React.ReactNode;
+    /** Native name attribute for the radios. */
+    name?: string;
+    /** Extra class names on the wrapper. */
+    className?: string;
+    /** Inline styles on the wrapper. */
+    style?: React.CSSProperties;
+};
+/**
+ * ChoicePicker —— A2UI 交互组件（v0.9）：单选项组。
+ * `list` 外观为 radio 行（daisyUI radio），`chip` 外观为按钮组（daisyUI btn）。
+ */
+declare const ChoicePicker: React.FC<ChoicePickerProps>;
+export default ChoicePicker;

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;