@humain/ui 2.1.63 → 2.1.65

package/dist/index177.js

@@ -1,84 +1,192 @@
 import { cn } from "./index2.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/ui/table.tsx
-function Table({ className, disableOverflow, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "table-container",
-		className: cn("relative w-full", !disableOverflow && "overflow-x-auto"),
-		children: /* @__PURE__ */ jsx("table", {
-			"data-slot": "table",
-			className: cn("w-full caption-bottom text-sm", className),
-			...props
-		})
-	});
-}
-function TableHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("thead", {
-		"data-slot": "table-header",
-		className: cn("[&_tr]:border-b", className),
-		...props
-	});
-}
-function TableBody({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tbody", {
-		"data-slot": "table-body",
-		className: cn("[&_tr:last-child]:border-0", className),
-		...props
-	});
-}
-function TableFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tfoot", {
-		"data-slot": "table-footer",
-		className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
-		...props
-	});
-}
-function TableRow({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tr", {
-		"data-slot": "table-row",
-		className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors duration-200 ease-smooth motion-reduce:transition-none", className),
-		...props
-	});
-}
-function TableHead({ className, ...props }) {
-	return /* @__PURE__ */ jsx("th", {
-		"data-slot": "table-head",
-		className: cn("text-foreground h-10 px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0", className),
-		...props
-	});
-}
-function TableCell({ className, ...props }) {
-	return /* @__PURE__ */ jsx("td", {
-		"data-slot": "table-cell",
-		className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0", className),
-		...props
-	});
+import { Button } from "./index5.js";
+import { cva } from "class-variance-authority";
+import { AlertCircle, AlertTriangle, CheckCircle, Info, X } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion } from "motion/react";
+//#region src/components/organisms/ai/AISystemMessage/AISystemMessage.tsx
+var systemMessageVariants = cva("flex items-start gap-3 px-4 py-3 rounded-xl border", {
+	variants: {
+		variant: {
+			info: "bg-primary/10 border-primary text-primary",
+			success: "bg-success/10 border-success/50 text-success",
+			warning: "bg-warning/10 border-warning/50 text-warning",
+			error: "bg-destructive/10 border-destructive/50 text-destructive",
+			neutral: "bg-muted border-border text-secondary-foreground"
+		},
+		size: {
+			sm: "px-3 py-2 text-xs",
+			md: "px-4 py-3 text-sm",
+			lg: "px-5 py-4 text-base"
+		}
+	},
+	defaultVariants: {
+		variant: "info",
+		size: "md"
+	}
+});
+var systemMessageIconVariants = cva("shrink-0 mt-0.5", {
+	variants: {
+		variant: {
+			info: "text-primary",
+			success: "text-success",
+			warning: "text-warning",
+			error: "text-destructive",
+			neutral: "text-text-quaternary"
+		},
+		size: {
+			sm: "size-4",
+			md: "size-5",
+			lg: "size-6"
+		}
+	},
+	defaultVariants: {
+		variant: "info",
+		size: "md"
+	}
+});
+var iconMap = {
+	info: Info,
+	success: CheckCircle,
+	warning: AlertTriangle,
+	error: AlertCircle,
+	neutral: Info
+};
+function AISystemMessage({ children, title, variant = "info", size = "md", dismissible = false, onDismiss, icon, hideIcon = false, actions, className }) {
+	const [isVisible, setIsVisible] = React.useState(true);
+	const handleDismiss = () => {
+		setIsVisible(false);
+		onDismiss?.();
+	};
+	const IconComponent = iconMap[variant || "info"];
+	return /* @__PURE__ */ jsx(AnimatePresence, { children: isVisible && /* @__PURE__ */ jsxs(motion.div, {
+		"data-slot": "ai-system-message",
+		role: "status",
+		"aria-live": "polite",
+		initial: {
+			opacity: 0,
+			y: -10
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		exit: {
+			opacity: 0,
+			y: -10,
+			height: 0,
+			marginBottom: 0
+		},
+		transition: {
+			duration: .2,
+			ease: [
+				.4,
+				0,
+				.2,
+				1
+			]
+		},
+		className: cn(systemMessageVariants({
+			variant,
+			size
+		}), "motion-reduce:transition-none", className),
+		children: [
+			!hideIcon && /* @__PURE__ */ jsx("div", {
+				className: systemMessageIconVariants({
+					variant,
+					size
+				}),
+				"aria-hidden": "true",
+				children: icon || /* @__PURE__ */ jsx(IconComponent, { className: "size-full" })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					title && /* @__PURE__ */ jsx("p", {
+						className: "font-medium mb-0.5",
+						children: title
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: cn(!title && "leading-snug"),
+						children
+					}),
+					actions && /* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-2 mt-2",
+						children: actions
+					})
+				]
+			}),
+			dismissible && /* @__PURE__ */ jsx(Button, {
+				appearance: "ghost",
+				variant: "secondary",
+				size: "sm",
+				onClick: handleDismiss,
+				"aria-label": "Dismiss message",
+				className: "size-6 p-0 shrink-0 -mt-0.5 -me-1 hover:bg-foreground/5",
+				children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+			})
+		]
+	}) });
 }
-function TableCaption({ className, ...props }) {
-	return /* @__PURE__ */ jsx("caption", {
-		"data-slot": "table-caption",
-		className: cn("text-muted-foreground mt-4 text-sm", className),
-		...props
-	});
+AISystemMessage.displayName = "AISystemMessage";
+function AISystemMessageBanner({ children, variant = "info", dismissible = false, onDismiss, icon, action, className }) {
+	const [isVisible, setIsVisible] = React.useState(true);
+	const handleDismiss = () => {
+		setIsVisible(false);
+		onDismiss?.();
+	};
+	const IconComponent = iconMap[variant || "info"];
+	return /* @__PURE__ */ jsx(AnimatePresence, { children: isVisible && /* @__PURE__ */ jsxs(motion.div, {
+		"data-slot": "ai-system-message-banner",
+		role: "status",
+		"aria-live": "polite",
+		initial: {
+			opacity: 0,
+			height: 0
+		},
+		animate: {
+			opacity: 1,
+			height: "auto"
+		},
+		exit: {
+			opacity: 0,
+			height: 0
+		},
+		transition: {
+			duration: .2,
+			ease: [
+				.4,
+				0,
+				.2,
+				1
+			]
+		},
+		className: cn("w-full px-4 py-2 flex items-center justify-center gap-3 motion-reduce:transition-none", variant === "info" && "bg-primary/10 text-primary", variant === "success" && "bg-success/10 text-success", variant === "warning" && "bg-warning/10 text-warning", variant === "error" && "bg-destructive/10 text-destructive", variant === "neutral" && "bg-muted text-secondary-foreground", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 flex-1 justify-center",
+			children: [
+				icon || /* @__PURE__ */ jsx(IconComponent, {
+					"aria-hidden": "true",
+					className: cn("size-4 shrink-0", variant === "info" && "text-primary", variant === "success" && "text-success", variant === "warning" && "text-warning", variant === "error" && "text-destructive", variant === "neutral" && "text-text-quaternary")
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-sm",
+					children
+				}),
+				action
+			]
+		}), dismissible && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: handleDismiss,
+			"aria-label": "Dismiss banner",
+			className: "p-1 rounded hover:bg-foreground/5 transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+			children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+		})]
+	}) });
 }
-Table.displayName = "Table";
-TableHeader.displayName = "Table.Header";
-TableBody.displayName = "Table.Body";
-TableFooter.displayName = "Table.Footer";
-TableRow.displayName = "Table.Row";
-TableHead.displayName = "Table.Head";
-TableCell.displayName = "Table.Cell";
-TableCaption.displayName = "Table.Caption";
-var TableNamespace = Object.assign(Table, {
-	Header: TableHeader,
-	Body: TableBody,
-	Footer: TableFooter,
-	Row: TableRow,
-	Head: TableHead,
-	Cell: TableCell,
-	Caption: TableCaption
-});
+AISystemMessageBanner.displayName = "AISystemMessageBanner";
 //#endregion
-export { TableNamespace as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+export { AISystemMessage, AISystemMessageBanner, systemMessageIconVariants, systemMessageVariants };
 
 //# sourceMappingURL=index177.js.map

package/dist/index177.js.map

@@ -1 +1 @@
-{"version":3,"file":"index177.js","names":[],"sources":["../src/components/ui/table.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\ninterface TableProps extends React.ComponentProps<'table'> {\n  /** Disable the overflow-x-auto wrapper (useful when parent handles scrolling) */\n  disableOverflow?: boolean;\n}\n\nfunction Table({ className, disableOverflow, ...props }: TableProps) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className={cn('relative w-full', !disableOverflow && 'overflow-x-auto')}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('[&_tr]:border-b', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn('[&_tr:last-child]:border-0', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors duration-200 ease-smooth motion-reduce:transition-none',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'text-foreground h-10 px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('text-muted-foreground mt-4 text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nTable.displayName = 'Table';\nTableHeader.displayName = 'Table.Header';\nTableBody.displayName = 'Table.Body';\nTableFooter.displayName = 'Table.Footer';\nTableRow.displayName = 'Table.Row';\nTableHead.displayName = 'Table.Head';\nTableCell.displayName = 'Table.Cell';\nTableCaption.displayName = 'Table.Caption';\n\nconst TableNamespace = Object.assign(Table, {\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  Caption: TableCaption,\n});\n\nexport {\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableNamespace as Table,\n  TableRow,\n};\n"],"mappings":";;;AASA,SAAS,MAAM,EAAE,WAAW,iBAAiB,GAAG,SAAqB;CACnE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,iBAAiB;YAEtE,oBAAC,SAAD;GACE,aAAU;GACV,WAAW,GAAG,iCAAiC,SAAS;GACxD,GAAI;EACL,CAAA;CACE,CAAA;AAET;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;CAC3E,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,mBAAmB,SAAS;EAC1C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;CACzE,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,8BAA8B,SAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;CAC3E,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GACT,2DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;CACrE,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,sIACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;CACtE,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,iHACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;CACtE,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,oEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EACpB,WACA,GAAG,SAC+B;CAClC,OACE,oBAAC,WAAD;EACE,aAAU;EACV,WAAW,GAAG,sCAAsC,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,cAAc;AACpB,YAAY,cAAc;AAC1B,UAAU,cAAc;AACxB,YAAY,cAAc;AAC1B,SAAS,cAAc;AACvB,UAAU,cAAc;AACxB,UAAU,cAAc;AACxB,aAAa,cAAc;AAE3B,IAAM,iBAAiB,OAAO,OAAO,OAAO;CAC1C,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,KAAK;CACL,MAAM;CACN,MAAM;CACN,SAAS;AACX,CAAC"}
+{"version":3,"file":"index177.js","names":[],"sources":["../src/components/organisms/ai/AISystemMessage/AISystemMessage.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport * as React from 'react';\nimport { Button } from '@/components/atoms/buttons/Button';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst systemMessageVariants = cva(\n  'flex items-start gap-3 px-4 py-3 rounded-xl border',\n  {\n    variants: {\n      variant: {\n        info: 'bg-primary/10 border-primary text-primary',\n        success: 'bg-success/10 border-success/50 text-success',\n        warning: 'bg-warning/10 border-warning/50 text-warning',\n        error: 'bg-destructive/10 border-destructive/50 text-destructive',\n        neutral: 'bg-muted border-border text-secondary-foreground',\n      },\n      size: {\n        sm: 'px-3 py-2 text-xs',\n        md: 'px-4 py-3 text-sm',\n        lg: 'px-5 py-4 text-base',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n      size: 'md',\n    },\n  },\n);\n\nconst systemMessageIconVariants = cva('shrink-0 mt-0.5', {\n  variants: {\n    variant: {\n      info: 'text-primary',\n      success: 'text-success',\n      warning: 'text-warning',\n      error: 'text-destructive',\n      neutral: 'text-text-quaternary',\n    },\n    size: {\n      sm: 'size-4',\n      md: 'size-5',\n      lg: 'size-6',\n    },\n  },\n  defaultVariants: {\n    variant: 'info',\n    size: 'md',\n  },\n});\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type SystemMessageVariant =\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'neutral';\n\n// =============================================================================\n// Icon Map\n// =============================================================================\n\nconst iconMap = {\n  info: Info,\n  success: CheckCircle,\n  warning: AlertTriangle,\n  error: AlertCircle,\n  neutral: Info,\n};\n\n// =============================================================================\n// Main AISystemMessage Component\n// =============================================================================\n\nexport interface AISystemMessageProps\n  extends VariantProps<typeof systemMessageVariants> {\n  /** Message content */\n  children: React.ReactNode;\n  /** Title for the message */\n  title?: string;\n  /** Whether the message can be dismissed */\n  dismissible?: boolean;\n  /** Callback when dismissed */\n  onDismiss?: () => void;\n  /** Custom icon */\n  icon?: React.ReactNode;\n  /** Hide the icon */\n  hideIcon?: boolean;\n  /** Actions to display */\n  actions?: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISystemMessage({\n  children,\n  title,\n  variant = 'info',\n  size = 'md',\n  dismissible = false,\n  onDismiss,\n  icon,\n  hideIcon = false,\n  actions,\n  className,\n}: AISystemMessageProps) {\n  const [isVisible, setIsVisible] = React.useState(true);\n\n  const handleDismiss = () => {\n    setIsVisible(false);\n    onDismiss?.();\n  };\n\n  const IconComponent = iconMap[variant || 'info'];\n\n  return (\n    <AnimatePresence>\n      {isVisible && (\n        <motion.div\n          data-slot=\"ai-system-message\"\n          role=\"status\"\n          aria-live=\"polite\"\n          initial={{ opacity: 0, y: -10 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={{ opacity: 0, y: -10, height: 0, marginBottom: 0 }}\n          transition={{ duration: 0.2, ease: [0.4, 0, 0.2, 1] }}\n          className={cn(\n            systemMessageVariants({ variant, size }),\n            'motion-reduce:transition-none',\n            className,\n          )}\n        >\n          {/* Icon */}\n          {!hideIcon && (\n            <div\n              className={systemMessageIconVariants({ variant, size })}\n              aria-hidden=\"true\"\n            >\n              {icon || <IconComponent className=\"size-full\" />}\n            </div>\n          )}\n\n          {/* Content */}\n          <div className=\"flex-1 min-w-0\">\n            {title && <p className=\"font-medium mb-0.5\">{title}</p>}\n            <div className={cn(!title && 'leading-snug')}>{children}</div>\n\n            {/* Actions */}\n            {actions && (\n              <div className=\"flex items-center gap-2 mt-2\">{actions}</div>\n            )}\n          </div>\n\n          {/* Dismiss button */}\n          {dismissible && (\n            <Button\n              appearance=\"ghost\"\n              variant=\"secondary\"\n              size=\"sm\"\n              onClick={handleDismiss}\n              aria-label=\"Dismiss message\"\n              className=\"size-6 p-0 shrink-0 -mt-0.5 -me-1 hover:bg-foreground/5\"\n            >\n              <X className=\"size-4\" />\n            </Button>\n          )}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\nAISystemMessage.displayName = 'AISystemMessage';\n\n// =============================================================================\n// System Message Banner (Full-width variant)\n// =============================================================================\n\nexport interface AISystemMessageBannerProps\n  extends VariantProps<typeof systemMessageVariants> {\n  /** Message content */\n  children: React.ReactNode;\n  /** Whether the banner can be dismissed */\n  dismissible?: boolean;\n  /** Callback when dismissed */\n  onDismiss?: () => void;\n  /** Custom icon */\n  icon?: React.ReactNode;\n  /** Action button */\n  action?: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISystemMessageBanner({\n  children,\n  variant = 'info',\n  dismissible = false,\n  onDismiss,\n  icon,\n  action,\n  className,\n}: AISystemMessageBannerProps) {\n  const [isVisible, setIsVisible] = React.useState(true);\n\n  const handleDismiss = () => {\n    setIsVisible(false);\n    onDismiss?.();\n  };\n\n  const IconComponent = iconMap[variant || 'info'];\n\n  return (\n    <AnimatePresence>\n      {isVisible && (\n        <motion.div\n          data-slot=\"ai-system-message-banner\"\n          role=\"status\"\n          aria-live=\"polite\"\n          initial={{ opacity: 0, height: 0 }}\n          animate={{ opacity: 1, height: 'auto' }}\n          exit={{ opacity: 0, height: 0 }}\n          transition={{ duration: 0.2, ease: [0.4, 0, 0.2, 1] }}\n          className={cn(\n            'w-full px-4 py-2 flex items-center justify-center gap-3 motion-reduce:transition-none',\n            variant === 'info' && 'bg-primary/10 text-primary',\n            variant === 'success' && 'bg-success/10 text-success',\n            variant === 'warning' && 'bg-warning/10 text-warning',\n            variant === 'error' && 'bg-destructive/10 text-destructive',\n            variant === 'neutral' && 'bg-muted text-secondary-foreground',\n            className,\n          )}\n        >\n          <div className=\"flex items-center gap-2 flex-1 justify-center\">\n            {icon || (\n              <IconComponent\n                aria-hidden=\"true\"\n                className={cn(\n                  'size-4 shrink-0',\n                  variant === 'info' && 'text-primary',\n                  variant === 'success' && 'text-success',\n                  variant === 'warning' && 'text-warning',\n                  variant === 'error' && 'text-destructive',\n                  variant === 'neutral' && 'text-text-quaternary',\n                )}\n              />\n            )}\n            <span className=\"text-sm\">{children}</span>\n            {action}\n          </div>\n\n          {dismissible && (\n            <button\n              type=\"button\"\n              onClick={handleDismiss}\n              aria-label=\"Dismiss banner\"\n              className=\"p-1 rounded hover:bg-foreground/5 transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n            >\n              <X className=\"size-4\" />\n            </button>\n          )}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\nAISystemMessageBanner.displayName = 'AISystemMessageBanner';\n\nexport {\n  AISystemMessage,\n  AISystemMessageBanner,\n  systemMessageIconVariants,\n  systemMessageVariants,\n};\n"],"mappings":"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"}

package/dist/index178.js

@@ -1,134 +1,84 @@
-"use client";
 import { cn } from "./index2.js";
-import { useAIInteraction } from "./index138.js";
-import { validateTableBlockSchema } from "./index143.js";
-import { Checkbox } from "./index161.js";
-import { Table as TableNamespace, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./index177.js";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/organisms/ai/AITable/AITable.tsx
-/**
-* Get the row ID from a data row
-* Uses 'id' field if available, otherwise falls back to first column key
-*/
-function getRowId(row, columns, index) {
-	if (row.id !== void 0) {
-		const id = String(row.id);
-		if (id) return id;
-	}
-	if (columns.length > 0) {
-		const firstKey = columns[0].key;
-		const id = String(row[firstKey] ?? "");
-		if (id) return id;
-	}
-	return `row-${index + 1}`;
-}
-function InvalidTableSchema({ className }) {
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ui/table.tsx
+function Table({ className, disableOverflow, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "ai-table",
-		role: "alert",
-		className: cn("rounded-lg border border-destructive bg-destructive/20 p-4 text-sm text-destructive", className),
-		children: "Invalid table schema"
+		"data-slot": "table-container",
+		className: cn("relative w-full", !disableOverflow && "overflow-x-auto"),
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom text-sm", className),
+			...props
+		})
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b", className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors duration-200 ease-smooth motion-reduce:transition-none", className),
+		...props
 	});
 }
-/**
-* AITable - Renders interactive data tables from JSON schema.
-*
-* Supports row selection with checkboxes and emits interaction events
-* through the AIInteractionContext when selections change.
-*/
-function AITable({ schema, className }) {
-	const { onInteraction } = useAIInteraction();
-	const tableSchema = React.useMemo(() => validateTableBlockSchema(schema) ? schema : null, [schema]);
-	const [selectedRows, setSelectedRows] = React.useState(/* @__PURE__ */ new Set());
-	const id = tableSchema?.id ?? "";
-	const title = tableSchema?.title;
-	const columns = tableSchema?.columns ?? [];
-	const data = tableSchema?.data ?? [];
-	const selectable = tableSchema?.selectable ?? false;
-	const allRowIds = React.useMemo(() => data.map((row, index) => getRowId(row, columns, index)), [data, columns]);
-	const emitSelectionChange = React.useCallback((newSelectedRows) => {
-		onInteraction?.({
-			componentId: id,
-			componentType: "table",
-			action: "select",
-			value: { selectedRows: newSelectedRows },
-			timestamp: Date.now()
-		});
-	}, [id, onInteraction]);
-	const handleRowSelect = React.useCallback((rowId, checked) => {
-		setSelectedRows((prev) => {
-			const next = new Set(prev);
-			if (checked) next.add(rowId);
-			else next.delete(rowId);
-			emitSelectionChange(Array.from(next));
-			return next;
-		});
-	}, [emitSelectionChange]);
-	const handleSelectAll = React.useCallback((checked) => {
-		if (checked) {
-			setSelectedRows(new Set(allRowIds));
-			emitSelectionChange(allRowIds);
-		} else {
-			setSelectedRows(/* @__PURE__ */ new Set());
-			emitSelectionChange([]);
-		}
-	}, [allRowIds, emitSelectionChange]);
-	const allSelected = allRowIds.length > 0 && selectedRows.size === allRowIds.length;
-	const someSelected = selectedRows.size > 0 && selectedRows.size < allRowIds.length;
-	if (!tableSchema) return /* @__PURE__ */ jsx(InvalidTableSchema, { className });
-	if (!data || data.length === 0) return /* @__PURE__ */ jsx("div", {
-		"data-slot": "ai-table",
-		role: "status",
-		className: cn("flex items-center justify-center rounded-lg border border-border bg-muted p-8 text-muted-foreground", className),
-		children: "No data available"
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: cn("text-foreground h-10 px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0", className),
+		...props
 	});
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "ai-table",
-		className: cn("flex flex-col gap-2", className),
-		children: [
-			title && /* @__PURE__ */ jsx("h3", {
-				className: "text-sm font-medium text-foreground",
-				children: title
-			}),
-			selectable && /* @__PURE__ */ jsx("div", {
-				className: "sr-only",
-				"aria-live": "polite",
-				"aria-atomic": "true",
-				children: selectedRows.size > 0 ? `${selectedRows.size} of ${allRowIds.length} rows selected` : "No rows selected"
-			}),
-			/* @__PURE__ */ jsxs(TableNamespace, {
-				"aria-label": title ?? "Interactive data table",
-				children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [selectable && /* @__PURE__ */ jsx(TableHead, {
-					className: "w-[40px]",
-					children: /* @__PURE__ */ jsx(Checkbox, {
-						checked: allSelected,
-						indeterminate: someSelected,
-						onCheckedChange: handleSelectAll,
-						"aria-label": "Select all rows"
-					})
-				}), columns.map((column) => /* @__PURE__ */ jsx(TableHead, {
-					style: { width: typeof column.width === "number" ? Number.isFinite(column.width) ? `${column.width}px` : void 0 : column.width },
-					children: column.label
-				}, column.key))] }) }), /* @__PURE__ */ jsx(TableBody, { children: data.map((row, index) => {
-					const rowId = getRowId(row, columns, index);
-					const isSelected = selectedRows.has(rowId);
-					return /* @__PURE__ */ jsxs(TableRow, {
-						"data-state": isSelected ? "selected" : void 0,
-						className: "transition-colors",
-						children: [selectable && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Checkbox, {
-							checked: isSelected,
-							onCheckedChange: (checked) => handleRowSelect(rowId, checked === true),
-							"aria-label": `Select row ${rowId}`
-						}) }), columns.map((column) => /* @__PURE__ */ jsx(TableCell, { children: String(row[column.key] ?? "") }, column.key))]
-					}, rowId);
-				}) })]
-			})
-		]
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0", className),
+		...props
+	});
+}
+function TableCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: cn("text-muted-foreground mt-4 text-sm", className),
+		...props
 	});
 }
-AITable.displayName = "AITable";
+Table.displayName = "Table";
+TableHeader.displayName = "Table.Header";
+TableBody.displayName = "Table.Body";
+TableFooter.displayName = "Table.Footer";
+TableRow.displayName = "Table.Row";
+TableHead.displayName = "Table.Head";
+TableCell.displayName = "Table.Cell";
+TableCaption.displayName = "Table.Caption";
+var TableNamespace = Object.assign(Table, {
+	Header: TableHeader,
+	Body: TableBody,
+	Footer: TableFooter,
+	Row: TableRow,
+	Head: TableHead,
+	Cell: TableCell,
+	Caption: TableCaption
+});
 //#endregion
-export { AITable, AITable as default };
+export { TableNamespace as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 
 //# sourceMappingURL=index178.js.map

package/dist/index178.js.map

@@ -1 +1 @@
-{"version":3,"file":"index178.js","names":[],"sources":["../src/components/organisms/ai/AITable/AITable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAIInteraction } from '@/components/organisms/ai/_shared/interaction-context';\nimport { validateTableBlockSchema } from '@/components/organisms/ai/_shared/schema-validation';\nimport { Checkbox } from '@/components/ui/checkbox';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@/components/ui/table';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Schema for a table column\n */\nexport interface TableColumnSchema {\n  /** Unique key for the column, maps to data field */\n  key: string;\n  /** Display label for the column header */\n  label: string;\n  /** Whether the column is sortable (not yet implemented) */\n  sortable?: boolean;\n  /** Whether cells in this column are editable (not yet implemented) */\n  editable?: boolean;\n  /** Column width - can be number (pixels) or string (e.g., '100px', '20%') */\n  width?: number | string;\n}\n\n/**\n * Schema for configuring an AITable\n */\nexport interface TableBlockSchema {\n  /** Unique identifier for the component instance */\n  id: string;\n  /** Optional title displayed above the table */\n  title?: string;\n  /** Column definitions */\n  columns: TableColumnSchema[];\n  /** Array of row data */\n  data: Record<string, unknown>[];\n  /** Whether rows can be selected with checkboxes */\n  selectable?: boolean;\n  /** Pagination configuration (not yet implemented) */\n  pagination?: boolean | { pageSize: number };\n}\n\n/**\n * Props for AITable\n */\nexport interface AITableProps {\n  /** Schema defining the table configuration */\n  schema: TableBlockSchema;\n  /** Additional class names */\n  className?: string;\n}\n\n// =============================================================================\n// Utility Functions\n// =============================================================================\n\n/**\n * Get the row ID from a data row\n * Uses 'id' field if available, otherwise falls back to first column key\n */\nfunction getRowId(\n  row: Record<string, unknown>,\n  columns: TableColumnSchema[],\n  index: number,\n): string {\n  if (row.id !== undefined) {\n    const id = String(row.id);\n    if (id) {\n      return id;\n    }\n  }\n  if (columns.length > 0) {\n    const firstKey = columns[0].key;\n    const id = String(row[firstKey] ?? '');\n    if (id) {\n      return id;\n    }\n  }\n  return `row-${index + 1}`;\n}\n\nfunction InvalidTableSchema({\n  className,\n}: {\n  className?: string;\n}): React.ReactElement {\n  return (\n    <div\n      data-slot=\"ai-table\"\n      role=\"alert\"\n      className={cn(\n        'rounded-lg border border-destructive bg-destructive/20 p-4 text-sm text-destructive',\n        className,\n      )}\n    >\n      Invalid table schema\n    </div>\n  );\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * AITable - Renders interactive data tables from JSON schema.\n *\n * Supports row selection with checkboxes and emits interaction events\n * through the AIInteractionContext when selections change.\n */\nexport function AITable({\n  schema,\n  className,\n}: AITableProps): React.ReactElement {\n  const { onInteraction } = useAIInteraction();\n  const tableSchema = React.useMemo(\n    () => (validateTableBlockSchema(schema) ? schema : null),\n    [schema],\n  );\n  const [selectedRows, setSelectedRows] = React.useState<Set<string>>(\n    new Set(),\n  );\n\n  const id = tableSchema?.id ?? '';\n  const title = tableSchema?.title;\n  const columns = tableSchema?.columns ?? [];\n  const data = tableSchema?.data ?? [];\n  const selectable = tableSchema?.selectable ?? false;\n\n  // Get all row IDs\n  const allRowIds = React.useMemo(\n    () => data.map((row, index) => getRowId(row, columns, index)),\n    [data, columns],\n  );\n\n  // Emit interaction event when selection changes\n  const emitSelectionChange = React.useCallback(\n    (newSelectedRows: string[]) => {\n      onInteraction?.({\n        componentId: id,\n        componentType: 'table',\n        action: 'select',\n        value: { selectedRows: newSelectedRows },\n        timestamp: Date.now(),\n      });\n    },\n    [id, onInteraction],\n  );\n\n  // Handle individual row selection\n  const handleRowSelect = React.useCallback(\n    (rowId: string, checked: boolean) => {\n      setSelectedRows((prev) => {\n        const next = new Set(prev);\n        if (checked) {\n          next.add(rowId);\n        } else {\n          next.delete(rowId);\n        }\n        emitSelectionChange(Array.from(next));\n        return next;\n      });\n    },\n    [emitSelectionChange],\n  );\n\n  // Handle select all\n  const handleSelectAll = React.useCallback(\n    (checked: boolean) => {\n      if (checked) {\n        setSelectedRows(new Set(allRowIds));\n        emitSelectionChange(allRowIds);\n      } else {\n        setSelectedRows(new Set());\n        emitSelectionChange([]);\n      }\n    },\n    [allRowIds, emitSelectionChange],\n  );\n\n  // Check if all rows are selected\n  const allSelected =\n    allRowIds.length > 0 && selectedRows.size === allRowIds.length;\n  const someSelected =\n    selectedRows.size > 0 && selectedRows.size < allRowIds.length;\n\n  if (!tableSchema) {\n    return <InvalidTableSchema className={className} />;\n  }\n\n  // Empty state\n  if (!data || data.length === 0) {\n    return (\n      <div\n        data-slot=\"ai-table\"\n        role=\"status\"\n        className={cn(\n          'flex items-center justify-center rounded-lg border border-border bg-muted p-8 text-muted-foreground',\n          className,\n        )}\n      >\n        No data available\n      </div>\n    );\n  }\n\n  return (\n    <div data-slot=\"ai-table\" className={cn('flex flex-col gap-2', className)}>\n      {title && (\n        <h3 className=\"text-sm font-medium text-foreground\">{title}</h3>\n      )}\n\n      {/* Live region for selection count */}\n      {selectable && (\n        <div className=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n          {selectedRows.size > 0\n            ? `${selectedRows.size} of ${allRowIds.length} rows selected`\n            : 'No rows selected'}\n        </div>\n      )}\n\n      <Table aria-label={title ?? 'Interactive data table'}>\n        <TableHeader>\n          <TableRow>\n            {selectable && (\n              <TableHead className=\"w-[40px]\">\n                <Checkbox\n                  checked={allSelected}\n                  indeterminate={someSelected}\n                  onCheckedChange={handleSelectAll}\n                  aria-label=\"Select all rows\"\n                />\n              </TableHead>\n            )}\n            {columns.map((column) => (\n              <TableHead\n                key={column.key}\n                style={{\n                  width:\n                    typeof column.width === 'number'\n                      ? Number.isFinite(column.width)\n                        ? `${column.width}px`\n                        : undefined\n                      : column.width,\n                }}\n              >\n                {column.label}\n              </TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {data.map((row, index) => {\n            const rowId = getRowId(row, columns, index);\n            const isSelected = selectedRows.has(rowId);\n\n            return (\n              <TableRow\n                key={rowId}\n                data-state={isSelected ? 'selected' : undefined}\n                className=\"transition-colors\"\n              >\n                {selectable && (\n                  <TableCell>\n                    <Checkbox\n                      checked={isSelected}\n                      onCheckedChange={(checked) =>\n                        handleRowSelect(rowId, checked === true)\n                      }\n                      aria-label={`Select row ${rowId}`}\n                    />\n                  </TableCell>\n                )}\n                {columns.map((column) => (\n                  <TableCell key={column.key}>\n                    {String(row[column.key] ?? '')}\n                  </TableCell>\n                ))}\n              </TableRow>\n            );\n          })}\n        </TableBody>\n      </Table>\n    </div>\n  );\n}\n\nAITable.displayName = 'AITable';\n\nexport default AITable;\n"],"mappings":"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"}
+{"version":3,"file":"index178.js","names":[],"sources":["../src/components/ui/table.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\ninterface TableProps extends React.ComponentProps<'table'> {\n  /** Disable the overflow-x-auto wrapper (useful when parent handles scrolling) */\n  disableOverflow?: boolean;\n}\n\nfunction Table({ className, disableOverflow, ...props }: TableProps) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className={cn('relative w-full', !disableOverflow && 'overflow-x-auto')}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('[&_tr]:border-b', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn('[&_tr:last-child]:border-0', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors duration-200 ease-smooth motion-reduce:transition-none',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'text-foreground h-10 px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('text-muted-foreground mt-4 text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nTable.displayName = 'Table';\nTableHeader.displayName = 'Table.Header';\nTableBody.displayName = 'Table.Body';\nTableFooter.displayName = 'Table.Footer';\nTableRow.displayName = 'Table.Row';\nTableHead.displayName = 'Table.Head';\nTableCell.displayName = 'Table.Cell';\nTableCaption.displayName = 'Table.Caption';\n\nconst TableNamespace = Object.assign(Table, {\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  Caption: TableCaption,\n});\n\nexport {\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableNamespace as Table,\n  TableRow,\n};\n"],"mappings":";;;AASA,SAAS,MAAM,EAAE,WAAW,iBAAiB,GAAG,SAAqB;CACnE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,iBAAiB;YAEtE,oBAAC,SAAD;GACE,aAAU;GACV,WAAW,GAAG,iCAAiC,SAAS;GACxD,GAAI;EACL,CAAA;CACE,CAAA;AAET;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;CAC3E,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,mBAAmB,SAAS;EAC1C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;CACzE,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,8BAA8B,SAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;CAC3E,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GACT,2DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;CACrE,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,sIACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;CACtE,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,iHACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;CACtE,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,oEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EACpB,WACA,GAAG,SAC+B;CAClC,OACE,oBAAC,WAAD;EACE,aAAU;EACV,WAAW,GAAG,sCAAsC,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,cAAc;AACpB,YAAY,cAAc;AAC1B,UAAU,cAAc;AACxB,YAAY,cAAc;AAC1B,SAAS,cAAc;AACvB,UAAU,cAAc;AACxB,UAAU,cAAc;AACxB,aAAa,cAAc;AAE3B,IAAM,iBAAiB,OAAO,OAAO,OAAO;CAC1C,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,KAAK;CACL,MAAM;CACN,MAAM;CACN,SAAS;AACX,CAAC"}