@humain/ui 2.1.62 → 2.1.65

package/dist/index179.js

@@ -1,2 +1,134 @@
-import { AITable } from "./index178.js";
+"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 "./index178.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 }) {
+	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"
+	});
+}
+/**
+* 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"
+	});
+	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);
+				}) })]
+			})
+		]
+	});
+}
+AITable.displayName = "AITable";
+//#endregion
 export { AITable, AITable as default };
+
+//# sourceMappingURL=index179.js.map

package/dist/index179.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index179.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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"}

package/dist/index180.js

@@ -1,201 +1,2 @@
-import { cn } from "./index2.js";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { motion, useReducedMotion } from "motion/react";
-//#region src/components/organisms/ai/AITextShimmer/AITextShimmer.tsx
-var textShimmerVariants = cva("inline-block", {
-	variants: { size: {
-		xs: "text-xs",
-		sm: "text-sm",
-		md: "text-base",
-		lg: "text-lg",
-		xl: "text-xl"
-	} },
-	defaultVariants: { size: "md" }
-});
-var shimmerPresets = {
-	brand: "color-mix(in srgb, var(--primary) 60%, transparent)",
-	silver: "color-mix(in srgb, var(--muted-foreground) 50%, transparent)"
-};
-var AITextShimmer = React.forwardRef(({ children, size, duration = 2, variant = "brand", shimmerColor, baseColor = "var(--text-quaternary)", isActive = true, className }, ref) => {
-	const prefersReducedMotion = useReducedMotion();
-	const resolvedShimmerColor = shimmerColor ?? shimmerPresets[variant];
-	if (!isActive || prefersReducedMotion) return /* @__PURE__ */ jsx("span", {
-		ref,
-		"data-slot": "ai-text-shimmer",
-		className: cn(textShimmerVariants({ size }), className),
-		style: { color: baseColor },
-		children
-	});
-	return /* @__PURE__ */ jsx(motion.span, {
-		ref,
-		"data-slot": "ai-text-shimmer",
-		"aria-busy": "true",
-		className: cn(textShimmerVariants({ size }), "bg-clip-text text-transparent bg-[length:200%_100%] will-change-[background-position]", className),
-		style: { backgroundImage: `linear-gradient(
-          90deg,
-          ${baseColor} 0%,
-          ${baseColor} 25%,
-          ${resolvedShimmerColor} 50%,
-          ${baseColor} 75%,
-          ${baseColor} 100%
-        )` },
-		animate: { backgroundPosition: ["200% 0", "-200% 0"] },
-		transition: {
-			duration,
-			repeat: Number.POSITIVE_INFINITY,
-			ease: "linear"
-		},
-		children
-	});
-});
-AITextShimmer.displayName = "AITextShimmer";
-var dotSizes = {
-	sm: "size-1",
-	md: "size-1.5",
-	lg: "size-2"
-};
-var dotGaps = {
-	sm: "gap-0.5",
-	md: "gap-1",
-	lg: "gap-1.5"
-};
-var AILoadingDots = React.forwardRef(({ size = "md", color = "bg-muted", className }, ref) => {
-	const prefersReducedMotion = useReducedMotion();
-	return /* @__PURE__ */ jsx("span", {
-		ref,
-		"data-slot": "ai-loading-dots",
-		role: "status",
-		"aria-label": "Loading",
-		className: cn("inline-flex items-center", dotGaps[size], className),
-		children: [
-			0,
-			1,
-			2
-		].map((i) => /* @__PURE__ */ jsx(motion.span, {
-			className: cn("rounded-full will-change-transform", dotSizes[size], color),
-			animate: prefersReducedMotion ? {
-				y: 0,
-				opacity: .75
-			} : {
-				y: [
-					0,
-					-2,
-					0
-				],
-				opacity: [
-					.4,
-					1,
-					.4
-				]
-			},
-			transition: prefersReducedMotion ? void 0 : {
-				duration: 1,
-				repeat: Number.POSITIVE_INFINITY,
-				ease: [
-					.4,
-					0,
-					.2,
-					1
-				],
-				delay: i * .15
-			},
-			"aria-hidden": "true"
-		}, i))
-	});
-});
-AILoadingDots.displayName = "AILoadingDots";
-var AITypingText = React.forwardRef(({ texts, typingSpeed = 50, pauseDuration = 1500, className }, ref) => {
-	const [currentTextIndex, setCurrentTextIndex] = React.useState(0);
-	const [displayedText, setDisplayedText] = React.useState("");
-	const [isDeleting, setIsDeleting] = React.useState(false);
-	React.useEffect(() => {
-		const currentFullText = texts[currentTextIndex] ?? "";
-		const isPaused = !isDeleting && displayedText.length >= currentFullText.length;
-		const timer = setTimeout(() => {
-			if (!isDeleting) if (displayedText.length < currentFullText.length) setDisplayedText(currentFullText.slice(0, displayedText.length + 1));
-			else setIsDeleting(true);
-			else if (displayedText.length > 0) setDisplayedText(currentFullText.slice(0, displayedText.length - 1));
-			else {
-				setIsDeleting(false);
-				setCurrentTextIndex((prev) => (prev + 1) % texts.length);
-			}
-		}, isPaused ? pauseDuration : isDeleting ? typingSpeed / 2 : typingSpeed);
-		return () => {
-			clearTimeout(timer);
-		};
-	}, [
-		displayedText,
-		isDeleting,
-		currentTextIndex,
-		texts,
-		typingSpeed,
-		pauseDuration
-	]);
-	return /* @__PURE__ */ jsxs("span", {
-		ref,
-		"data-slot": "ai-typing-text",
-		role: "status",
-		"aria-label": texts[currentTextIndex],
-		className: cn("inline-flex items-center", className),
-		children: [displayedText, /* @__PURE__ */ jsx(motion.span, {
-			className: "inline-block w-0.5 h-[1em] bg-muted-foreground ms-0.5 motion-reduce:animate-none motion-reduce:opacity-100",
-			animate: { opacity: [
-				1,
-				.15,
-				1
-			] },
-			transition: {
-				duration: 1,
-				repeat: Number.POSITIVE_INFINITY,
-				ease: "easeInOut"
-			},
-			"aria-hidden": "true"
-		})]
-	});
-});
-AITypingText.displayName = "AITypingText";
-var AIPulseText = React.forwardRef(({ children, isActive = true, className }, ref) => {
-	const prefersReducedMotion = useReducedMotion();
-	if (!isActive || prefersReducedMotion) return /* @__PURE__ */ jsx("span", {
-		ref,
-		"data-slot": "ai-pulse-text",
-		role: "status",
-		"aria-label": children,
-		className,
-		children
-	});
-	return /* @__PURE__ */ jsx(motion.span, {
-		ref,
-		"data-slot": "ai-pulse-text",
-		role: "status",
-		"aria-label": children,
-		className,
-		animate: { opacity: [
-			.4,
-			1,
-			.7,
-			1,
-			.4
-		] },
-		transition: {
-			duration: 2.5,
-			repeat: Number.POSITIVE_INFINITY,
-			times: [
-				0,
-				.3,
-				.5,
-				.7,
-				1
-			],
-			ease: "easeInOut"
-		},
-		children
-	});
-});
-AIPulseText.displayName = "AIPulseText";
-//#endregion
-export { AILoadingDots, AIPulseText, AITextShimmer, AITypingText, shimmerPresets, textShimmerVariants };
-
-//# sourceMappingURL=index180.js.map
+import { AITable } from "./index179.js";
+export { AITable, AITable as default };

package/dist/index181.js

@@ -0,0 +1,201 @@
+import { cn } from "./index2.js";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useReducedMotion } from "motion/react";
+//#region src/components/organisms/ai/AITextShimmer/AITextShimmer.tsx
+var textShimmerVariants = cva("inline-block", {
+	variants: { size: {
+		xs: "text-xs",
+		sm: "text-sm",
+		md: "text-base",
+		lg: "text-lg",
+		xl: "text-xl"
+	} },
+	defaultVariants: { size: "md" }
+});
+var shimmerPresets = {
+	brand: "color-mix(in srgb, var(--primary) 60%, transparent)",
+	silver: "color-mix(in srgb, var(--muted-foreground) 50%, transparent)"
+};
+var AITextShimmer = React.forwardRef(({ children, size, duration = 2, variant = "brand", shimmerColor, baseColor = "var(--text-quaternary)", isActive = true, className }, ref) => {
+	const prefersReducedMotion = useReducedMotion();
+	const resolvedShimmerColor = shimmerColor ?? shimmerPresets[variant];
+	if (!isActive || prefersReducedMotion) return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "ai-text-shimmer",
+		className: cn(textShimmerVariants({ size }), className),
+		style: { color: baseColor },
+		children
+	});
+	return /* @__PURE__ */ jsx(motion.span, {
+		ref,
+		"data-slot": "ai-text-shimmer",
+		"aria-busy": "true",
+		className: cn(textShimmerVariants({ size }), "bg-clip-text text-transparent bg-[length:200%_100%] will-change-[background-position]", className),
+		style: { backgroundImage: `linear-gradient(
+          90deg,
+          ${baseColor} 0%,
+          ${baseColor} 25%,
+          ${resolvedShimmerColor} 50%,
+          ${baseColor} 75%,
+          ${baseColor} 100%
+        )` },
+		animate: { backgroundPosition: ["200% 0", "-200% 0"] },
+		transition: {
+			duration,
+			repeat: Number.POSITIVE_INFINITY,
+			ease: "linear"
+		},
+		children
+	});
+});
+AITextShimmer.displayName = "AITextShimmer";
+var dotSizes = {
+	sm: "size-1",
+	md: "size-1.5",
+	lg: "size-2"
+};
+var dotGaps = {
+	sm: "gap-0.5",
+	md: "gap-1",
+	lg: "gap-1.5"
+};
+var AILoadingDots = React.forwardRef(({ size = "md", color = "bg-muted", className }, ref) => {
+	const prefersReducedMotion = useReducedMotion();
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "ai-loading-dots",
+		role: "status",
+		"aria-label": "Loading",
+		className: cn("inline-flex items-center", dotGaps[size], className),
+		children: [
+			0,
+			1,
+			2
+		].map((i) => /* @__PURE__ */ jsx(motion.span, {
+			className: cn("rounded-full will-change-transform", dotSizes[size], color),
+			animate: prefersReducedMotion ? {
+				y: 0,
+				opacity: .75
+			} : {
+				y: [
+					0,
+					-2,
+					0
+				],
+				opacity: [
+					.4,
+					1,
+					.4
+				]
+			},
+			transition: prefersReducedMotion ? void 0 : {
+				duration: 1,
+				repeat: Number.POSITIVE_INFINITY,
+				ease: [
+					.4,
+					0,
+					.2,
+					1
+				],
+				delay: i * .15
+			},
+			"aria-hidden": "true"
+		}, i))
+	});
+});
+AILoadingDots.displayName = "AILoadingDots";
+var AITypingText = React.forwardRef(({ texts, typingSpeed = 50, pauseDuration = 1500, className }, ref) => {
+	const [currentTextIndex, setCurrentTextIndex] = React.useState(0);
+	const [displayedText, setDisplayedText] = React.useState("");
+	const [isDeleting, setIsDeleting] = React.useState(false);
+	React.useEffect(() => {
+		const currentFullText = texts[currentTextIndex] ?? "";
+		const isPaused = !isDeleting && displayedText.length >= currentFullText.length;
+		const timer = setTimeout(() => {
+			if (!isDeleting) if (displayedText.length < currentFullText.length) setDisplayedText(currentFullText.slice(0, displayedText.length + 1));
+			else setIsDeleting(true);
+			else if (displayedText.length > 0) setDisplayedText(currentFullText.slice(0, displayedText.length - 1));
+			else {
+				setIsDeleting(false);
+				setCurrentTextIndex((prev) => (prev + 1) % texts.length);
+			}
+		}, isPaused ? pauseDuration : isDeleting ? typingSpeed / 2 : typingSpeed);
+		return () => {
+			clearTimeout(timer);
+		};
+	}, [
+		displayedText,
+		isDeleting,
+		currentTextIndex,
+		texts,
+		typingSpeed,
+		pauseDuration
+	]);
+	return /* @__PURE__ */ jsxs("span", {
+		ref,
+		"data-slot": "ai-typing-text",
+		role: "status",
+		"aria-label": texts[currentTextIndex],
+		className: cn("inline-flex items-center", className),
+		children: [displayedText, /* @__PURE__ */ jsx(motion.span, {
+			className: "inline-block w-0.5 h-[1em] bg-muted-foreground ms-0.5 motion-reduce:animate-none motion-reduce:opacity-100",
+			animate: { opacity: [
+				1,
+				.15,
+				1
+			] },
+			transition: {
+				duration: 1,
+				repeat: Number.POSITIVE_INFINITY,
+				ease: "easeInOut"
+			},
+			"aria-hidden": "true"
+		})]
+	});
+});
+AITypingText.displayName = "AITypingText";
+var AIPulseText = React.forwardRef(({ children, isActive = true, className }, ref) => {
+	const prefersReducedMotion = useReducedMotion();
+	if (!isActive || prefersReducedMotion) return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "ai-pulse-text",
+		role: "status",
+		"aria-label": children,
+		className,
+		children
+	});
+	return /* @__PURE__ */ jsx(motion.span, {
+		ref,
+		"data-slot": "ai-pulse-text",
+		role: "status",
+		"aria-label": children,
+		className,
+		animate: { opacity: [
+			.4,
+			1,
+			.7,
+			1,
+			.4
+		] },
+		transition: {
+			duration: 2.5,
+			repeat: Number.POSITIVE_INFINITY,
+			times: [
+				0,
+				.3,
+				.5,
+				.7,
+				1
+			],
+			ease: "easeInOut"
+		},
+		children
+	});
+});
+AIPulseText.displayName = "AIPulseText";
+//#endregion
+export { AILoadingDots, AIPulseText, AITextShimmer, AITypingText, shimmerPresets, textShimmerVariants };
+
+//# sourceMappingURL=index181.js.map

package/dist/{index180.js.map → index181.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index180.js","names":[],"sources":["../src/components/organisms/ai/AITextShimmer/AITextShimmer.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { motion, useReducedMotion } from 'motion/react';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst textShimmerVariants = cva('inline-block', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// =============================================================================\n// Shimmer color presets\n// =============================================================================\n\nconst shimmerPresets = {\n  brand: 'color-mix(in srgb, var(--primary) 60%, transparent)',\n  silver: 'color-mix(in srgb, var(--muted-foreground) 50%, transparent)',\n} as const;\n\n// =============================================================================\n// Main AITextShimmer Component\n// =============================================================================\n\nexport interface AITextShimmerProps\n  extends VariantProps<typeof textShimmerVariants> {\n  /** Text content to display with shimmer effect */\n  children: string;\n  /** Animation duration in seconds */\n  duration?: number;\n  /** Shimmer color preset */\n  variant?: keyof typeof shimmerPresets;\n  /** Custom shimmer color — overrides variant when provided */\n  shimmerColor?: string;\n  /** Base text color */\n  baseColor?: string;\n  /** Whether the shimmer is active */\n  isActive?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nconst AITextShimmer = React.forwardRef<HTMLSpanElement, AITextShimmerProps>(\n  (\n    {\n      children,\n      size,\n      duration = 2,\n      variant = 'brand',\n      shimmerColor,\n      baseColor = 'var(--text-quaternary)',\n      isActive = true,\n      className,\n    },\n    ref,\n  ) => {\n    const prefersReducedMotion = useReducedMotion();\n    const resolvedShimmerColor = shimmerColor ?? shimmerPresets[variant];\n\n    if (!isActive || prefersReducedMotion) {\n      return (\n        <span\n          ref={ref}\n          data-slot=\"ai-text-shimmer\"\n          className={cn(textShimmerVariants({ size }), className)}\n          style={{ color: baseColor }}\n        >\n          {children}\n        </span>\n      );\n    }\n\n    return (\n      <motion.span\n        ref={ref}\n        data-slot=\"ai-text-shimmer\"\n        aria-busy=\"true\"\n        className={cn(\n          textShimmerVariants({ size }),\n          'bg-clip-text text-transparent bg-[length:200%_100%] will-change-[background-position]',\n          className,\n        )}\n        style={{\n          backgroundImage: `linear-gradient(\n          90deg,\n          ${baseColor} 0%,\n          ${baseColor} 25%,\n          ${resolvedShimmerColor} 50%,\n          ${baseColor} 75%,\n          ${baseColor} 100%\n        )`,\n        }}\n        animate={{\n          backgroundPosition: ['200% 0', '-200% 0'],\n        }}\n        transition={{\n          duration,\n          repeat: Number.POSITIVE_INFINITY,\n          ease: 'linear',\n        }}\n      >\n        {children}\n      </motion.span>\n    );\n  },\n);\n\nAITextShimmer.displayName = 'AITextShimmer';\n\n// =============================================================================\n// Loading Dots Component\n// =============================================================================\n\nconst dotSizes = {\n  sm: 'size-1',\n  md: 'size-1.5',\n  lg: 'size-2',\n} as const;\n\nconst dotGaps = {\n  sm: 'gap-0.5',\n  md: 'gap-1',\n  lg: 'gap-1.5',\n} as const;\n\nexport interface AILoadingDotsProps {\n  /** Dot size */\n  size?: 'sm' | 'md' | 'lg';\n  /** Dot color */\n  color?: string;\n  /** Additional class name */\n  className?: string;\n}\n\nconst AILoadingDots = React.forwardRef<HTMLSpanElement, AILoadingDotsProps>(\n  ({ size = 'md', color = 'bg-muted', className }, ref) => {\n    const prefersReducedMotion = useReducedMotion();\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"ai-loading-dots\"\n        role=\"status\"\n        aria-label=\"Loading\"\n        className={cn('inline-flex items-center', dotGaps[size], className)}\n      >\n        {[0, 1, 2].map((i) => (\n          <motion.span\n            key={i}\n            className={cn(\n              'rounded-full will-change-transform',\n              dotSizes[size],\n              color,\n            )}\n            animate={\n              prefersReducedMotion\n                ? { y: 0, opacity: 0.75 }\n                : {\n                    y: [0, -2, 0],\n                    opacity: [0.4, 1, 0.4],\n                  }\n            }\n            transition={\n              prefersReducedMotion\n                ? undefined\n                : {\n                    duration: 1,\n                    repeat: Number.POSITIVE_INFINITY,\n                    ease: [0.4, 0, 0.2, 1],\n                    delay: i * 0.15,\n                  }\n            }\n            aria-hidden=\"true\"\n          />\n        ))}\n      </span>\n    );\n  },\n);\n\nAILoadingDots.displayName = 'AILoadingDots';\n\n// =============================================================================\n// Typing Text Component\n// =============================================================================\n\nexport interface AITypingTextProps {\n  /** Text options to cycle through */\n  texts: string[];\n  /** Typing speed in ms per character */\n  typingSpeed?: number;\n  /** Pause duration between texts in ms */\n  pauseDuration?: number;\n  /** Additional class name */\n  className?: string;\n}\n\nconst AITypingText = React.forwardRef<HTMLSpanElement, AITypingTextProps>(\n  ({ texts, typingSpeed = 50, pauseDuration = 1500, className }, ref) => {\n    const [currentTextIndex, setCurrentTextIndex] = React.useState(0);\n    const [displayedText, setDisplayedText] = React.useState('');\n    const [isDeleting, setIsDeleting] = React.useState(false);\n\n    React.useEffect(() => {\n      const currentFullText = texts[currentTextIndex] ?? '';\n      const isPaused =\n        !isDeleting && displayedText.length >= currentFullText.length;\n\n      const timer = setTimeout(\n        () => {\n          if (!isDeleting) {\n            if (displayedText.length < currentFullText.length) {\n              setDisplayedText(\n                currentFullText.slice(0, displayedText.length + 1),\n              );\n            } else {\n              setIsDeleting(true);\n            }\n          } else {\n            if (displayedText.length > 0) {\n              setDisplayedText(\n                currentFullText.slice(0, displayedText.length - 1),\n              );\n            } else {\n              setIsDeleting(false);\n              setCurrentTextIndex((prev) => (prev + 1) % texts.length);\n            }\n          }\n        },\n        isPaused ? pauseDuration : isDeleting ? typingSpeed / 2 : typingSpeed,\n      );\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [\n      displayedText,\n      isDeleting,\n      currentTextIndex,\n      texts,\n      typingSpeed,\n      pauseDuration,\n    ]);\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"ai-typing-text\"\n        role=\"status\"\n        aria-label={texts[currentTextIndex]}\n        className={cn('inline-flex items-center', className)}\n      >\n        {displayedText}\n        <motion.span\n          className=\"inline-block w-0.5 h-[1em] bg-muted-foreground ms-0.5 motion-reduce:animate-none motion-reduce:opacity-100\"\n          animate={{ opacity: [1, 0.15, 1] }}\n          transition={{\n            duration: 1,\n            repeat: Number.POSITIVE_INFINITY,\n            ease: 'easeInOut',\n          }}\n          aria-hidden=\"true\"\n        />\n      </span>\n    );\n  },\n);\n\nAITypingText.displayName = 'AITypingText';\n\n// =============================================================================\n// Pulse Text Component\n// =============================================================================\n\nexport interface AIPulseTextProps {\n  /** Text content */\n  children: string;\n  /** Whether the pulse is active */\n  isActive?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nconst AIPulseText = React.forwardRef<HTMLSpanElement, AIPulseTextProps>(\n  ({ children, isActive = true, className }, ref) => {\n    const prefersReducedMotion = useReducedMotion();\n\n    if (!isActive || prefersReducedMotion) {\n      return (\n        <span\n          ref={ref}\n          data-slot=\"ai-pulse-text\"\n          role=\"status\"\n          aria-label={children}\n          className={className}\n        >\n          {children}\n        </span>\n      );\n    }\n\n    return (\n      <motion.span\n        ref={ref}\n        data-slot=\"ai-pulse-text\"\n        role=\"status\"\n        aria-label={children}\n        className={className}\n        animate={{\n          opacity: [0.4, 1, 0.7, 1, 0.4],\n        }}\n        transition={{\n          duration: 2.5,\n          repeat: Number.POSITIVE_INFINITY,\n          times: [0, 0.3, 0.5, 0.7, 1],\n          ease: 'easeInOut',\n        }}\n      >\n        {children}\n      </motion.span>\n    );\n  },\n);\n\nAIPulseText.displayName = 'AIPulseText';\n\nexport {\n  AILoadingDots,\n  AIPulseText,\n  AITextShimmer,\n  AITypingText,\n  shimmerPresets,\n  textShimmerVariants,\n};\n"],"mappings":"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"}
+{"version":3,"file":"index181.js","names":[],"sources":["../src/components/organisms/ai/AITextShimmer/AITextShimmer.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { motion, useReducedMotion } from 'motion/react';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst textShimmerVariants = cva('inline-block', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// =============================================================================\n// Shimmer color presets\n// =============================================================================\n\nconst shimmerPresets = {\n  brand: 'color-mix(in srgb, var(--primary) 60%, transparent)',\n  silver: 'color-mix(in srgb, var(--muted-foreground) 50%, transparent)',\n} as const;\n\n// =============================================================================\n// Main AITextShimmer Component\n// =============================================================================\n\nexport interface AITextShimmerProps\n  extends VariantProps<typeof textShimmerVariants> {\n  /** Text content to display with shimmer effect */\n  children: string;\n  /** Animation duration in seconds */\n  duration?: number;\n  /** Shimmer color preset */\n  variant?: keyof typeof shimmerPresets;\n  /** Custom shimmer color — overrides variant when provided */\n  shimmerColor?: string;\n  /** Base text color */\n  baseColor?: string;\n  /** Whether the shimmer is active */\n  isActive?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nconst AITextShimmer = React.forwardRef<HTMLSpanElement, AITextShimmerProps>(\n  (\n    {\n      children,\n      size,\n      duration = 2,\n      variant = 'brand',\n      shimmerColor,\n      baseColor = 'var(--text-quaternary)',\n      isActive = true,\n      className,\n    },\n    ref,\n  ) => {\n    const prefersReducedMotion = useReducedMotion();\n    const resolvedShimmerColor = shimmerColor ?? shimmerPresets[variant];\n\n    if (!isActive || prefersReducedMotion) {\n      return (\n        <span\n          ref={ref}\n          data-slot=\"ai-text-shimmer\"\n          className={cn(textShimmerVariants({ size }), className)}\n          style={{ color: baseColor }}\n        >\n          {children}\n        </span>\n      );\n    }\n\n    return (\n      <motion.span\n        ref={ref}\n        data-slot=\"ai-text-shimmer\"\n        aria-busy=\"true\"\n        className={cn(\n          textShimmerVariants({ size }),\n          'bg-clip-text text-transparent bg-[length:200%_100%] will-change-[background-position]',\n          className,\n        )}\n        style={{\n          backgroundImage: `linear-gradient(\n          90deg,\n          ${baseColor} 0%,\n          ${baseColor} 25%,\n          ${resolvedShimmerColor} 50%,\n          ${baseColor} 75%,\n          ${baseColor} 100%\n        )`,\n        }}\n        animate={{\n          backgroundPosition: ['200% 0', '-200% 0'],\n        }}\n        transition={{\n          duration,\n          repeat: Number.POSITIVE_INFINITY,\n          ease: 'linear',\n        }}\n      >\n        {children}\n      </motion.span>\n    );\n  },\n);\n\nAITextShimmer.displayName = 'AITextShimmer';\n\n// =============================================================================\n// Loading Dots Component\n// =============================================================================\n\nconst dotSizes = {\n  sm: 'size-1',\n  md: 'size-1.5',\n  lg: 'size-2',\n} as const;\n\nconst dotGaps = {\n  sm: 'gap-0.5',\n  md: 'gap-1',\n  lg: 'gap-1.5',\n} as const;\n\nexport interface AILoadingDotsProps {\n  /** Dot size */\n  size?: 'sm' | 'md' | 'lg';\n  /** Dot color */\n  color?: string;\n  /** Additional class name */\n  className?: string;\n}\n\nconst AILoadingDots = React.forwardRef<HTMLSpanElement, AILoadingDotsProps>(\n  ({ size = 'md', color = 'bg-muted', className }, ref) => {\n    const prefersReducedMotion = useReducedMotion();\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"ai-loading-dots\"\n        role=\"status\"\n        aria-label=\"Loading\"\n        className={cn('inline-flex items-center', dotGaps[size], className)}\n      >\n        {[0, 1, 2].map((i) => (\n          <motion.span\n            key={i}\n            className={cn(\n              'rounded-full will-change-transform',\n              dotSizes[size],\n              color,\n            )}\n            animate={\n              prefersReducedMotion\n                ? { y: 0, opacity: 0.75 }\n                : {\n                    y: [0, -2, 0],\n                    opacity: [0.4, 1, 0.4],\n                  }\n            }\n            transition={\n              prefersReducedMotion\n                ? undefined\n                : {\n                    duration: 1,\n                    repeat: Number.POSITIVE_INFINITY,\n                    ease: [0.4, 0, 0.2, 1],\n                    delay: i * 0.15,\n                  }\n            }\n            aria-hidden=\"true\"\n          />\n        ))}\n      </span>\n    );\n  },\n);\n\nAILoadingDots.displayName = 'AILoadingDots';\n\n// =============================================================================\n// Typing Text Component\n// =============================================================================\n\nexport interface AITypingTextProps {\n  /** Text options to cycle through */\n  texts: string[];\n  /** Typing speed in ms per character */\n  typingSpeed?: number;\n  /** Pause duration between texts in ms */\n  pauseDuration?: number;\n  /** Additional class name */\n  className?: string;\n}\n\nconst AITypingText = React.forwardRef<HTMLSpanElement, AITypingTextProps>(\n  ({ texts, typingSpeed = 50, pauseDuration = 1500, className }, ref) => {\n    const [currentTextIndex, setCurrentTextIndex] = React.useState(0);\n    const [displayedText, setDisplayedText] = React.useState('');\n    const [isDeleting, setIsDeleting] = React.useState(false);\n\n    React.useEffect(() => {\n      const currentFullText = texts[currentTextIndex] ?? '';\n      const isPaused =\n        !isDeleting && displayedText.length >= currentFullText.length;\n\n      const timer = setTimeout(\n        () => {\n          if (!isDeleting) {\n            if (displayedText.length < currentFullText.length) {\n              setDisplayedText(\n                currentFullText.slice(0, displayedText.length + 1),\n              );\n            } else {\n              setIsDeleting(true);\n            }\n          } else {\n            if (displayedText.length > 0) {\n              setDisplayedText(\n                currentFullText.slice(0, displayedText.length - 1),\n              );\n            } else {\n              setIsDeleting(false);\n              setCurrentTextIndex((prev) => (prev + 1) % texts.length);\n            }\n          }\n        },\n        isPaused ? pauseDuration : isDeleting ? typingSpeed / 2 : typingSpeed,\n      );\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [\n      displayedText,\n      isDeleting,\n      currentTextIndex,\n      texts,\n      typingSpeed,\n      pauseDuration,\n    ]);\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"ai-typing-text\"\n        role=\"status\"\n        aria-label={texts[currentTextIndex]}\n        className={cn('inline-flex items-center', className)}\n      >\n        {displayedText}\n        <motion.span\n          className=\"inline-block w-0.5 h-[1em] bg-muted-foreground ms-0.5 motion-reduce:animate-none motion-reduce:opacity-100\"\n          animate={{ opacity: [1, 0.15, 1] }}\n          transition={{\n            duration: 1,\n            repeat: Number.POSITIVE_INFINITY,\n            ease: 'easeInOut',\n          }}\n          aria-hidden=\"true\"\n        />\n      </span>\n    );\n  },\n);\n\nAITypingText.displayName = 'AITypingText';\n\n// =============================================================================\n// Pulse Text Component\n// =============================================================================\n\nexport interface AIPulseTextProps {\n  /** Text content */\n  children: string;\n  /** Whether the pulse is active */\n  isActive?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nconst AIPulseText = React.forwardRef<HTMLSpanElement, AIPulseTextProps>(\n  ({ children, isActive = true, className }, ref) => {\n    const prefersReducedMotion = useReducedMotion();\n\n    if (!isActive || prefersReducedMotion) {\n      return (\n        <span\n          ref={ref}\n          data-slot=\"ai-pulse-text\"\n          role=\"status\"\n          aria-label={children}\n          className={className}\n        >\n          {children}\n        </span>\n      );\n    }\n\n    return (\n      <motion.span\n        ref={ref}\n        data-slot=\"ai-pulse-text\"\n        role=\"status\"\n        aria-label={children}\n        className={className}\n        animate={{\n          opacity: [0.4, 1, 0.7, 1, 0.4],\n        }}\n        transition={{\n          duration: 2.5,\n          repeat: Number.POSITIVE_INFINITY,\n          times: [0, 0.3, 0.5, 0.7, 1],\n          ease: 'easeInOut',\n        }}\n      >\n        {children}\n      </motion.span>\n    );\n  },\n);\n\nAIPulseText.displayName = 'AIPulseText';\n\nexport {\n  AILoadingDots,\n  AIPulseText,\n  AITextShimmer,\n  AITypingText,\n  shimmerPresets,\n  textShimmerVariants,\n};\n"],"mappings":"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"}