@od-oneapp/uni-ui 2026.1.1301

package/dist/actions-C-SEx2GS.mjs

@@ -0,0 +1,180 @@
+'use client';
+import { t as cn } from "./utils-D2bGp2p_.mjs";
+import { a as SPRING_TACTILE } from "./motion-zelaDelJ.mjs";
+import { AI_FOCUS, AI_SPACING, AI_TRANSITION } from "./components-ai-elements-constants.mjs";
+import { t as Button } from "./button-DVOrrZLw.mjs";
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "./tooltip-B8_zKnHC.mjs";
+import { useCallback, useRef } from "react";
+import { useFocusWithin, useMediaQuery, useReducedMotion, useUncontrolled } from "@mantine/hooks";
+import { motion } from "motion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ai-elements/actions/actions.tsx
+/**
+* @fileoverview Actions Component - Premium Harmony V2
+*
+* A container component for action buttons with tooltip support.
+* Used for displaying interactive actions on AI-generated content.
+*
+* Features:
+* - Premium Harmony V2 spring physics for tactile feedback
+* - Touch vs desktop detection for adaptive interactions
+* - 44px minimum touch targets (WCAG 2.5.5)
+* - Keyboard navigation (Arrow keys, Home, End)
+* - Tooltip integration via TooltipProvider
+* - Toggleable action buttons with aria-pressed
+* - Optimistic pending state with pulse animation
+* - Respects reduced motion preferences
+* - Semantic color tokens for theme adaptation
+* - Data attributes for state management
+*
+* @module @od-oneapp/uni-ui/components/ai-elements/actions
+* @component Actions, Action
+*
+* @useCases
+* - Copy/paste actions on code blocks or AI responses
+* - Like/dislike feedback buttons on AI messages
+* - Share/export actions on generated content
+* - Regenerate/retry actions on AI outputs
+* - Edit/delete actions on user inputs
+* - Bookmark/save actions on conversations
+* - Expand/collapse toggles on content sections
+*
+* @subcomponents
+* - Actions - Container with keyboard navigation
+* - Action - Individual action button with tooltip
+*
+* @example
+* <Actions>
+*   <Action tooltip="Copy" onClick={handleCopy}>
+*     <CopyIcon />
+*   </Action>
+*   <Action tooltip="Like" toggleable pressed={liked} onPressedChange={setLiked}>
+*     <ThumbsUpIcon />
+*   </Action>
+*   <Action tooltip="Regenerate" isPending={isRegenerating} onClick={handleRegenerate}>
+*     <RefreshIcon />
+*   </Action>
+* </Actions>
+*/
+/**
+* Actions - Container for action buttons with keyboard navigation support
+*
+* Keyboard navigation:
+* - Left/Right arrow keys: Navigate between action buttons
+* - Home: Focus first action
+* - End: Focus last action
+*/
+const Actions = ({ className, children, initial: _initial, animate: _animate, exit: _exit, variants: _variants, transition: _transition, ...props }) => {
+	const containerRef = useRef(null);
+	const { ref: focusRef, focused: _focused } = useFocusWithin();
+	const handleKeyDown = useCallback((event) => {
+		const container = containerRef.current;
+		if (!container) return;
+		const buttons = [...container.querySelectorAll("button:not(:disabled)")];
+		if (buttons.length === 0) return;
+		const { activeElement } = document;
+		const currentIndex = activeElement instanceof HTMLButtonElement ? buttons.indexOf(activeElement) : -1;
+		switch (event.key) {
+			case "ArrowLeft":
+				event.preventDefault();
+				if (currentIndex > 0) buttons[currentIndex - 1]?.focus();
+				else buttons[buttons.length - 1]?.focus();
+				break;
+			case "ArrowRight":
+				event.preventDefault();
+				if (currentIndex < buttons.length - 1) buttons[currentIndex + 1]?.focus();
+				else buttons[0]?.focus();
+				break;
+			case "Home":
+				event.preventDefault();
+				buttons[0]?.focus();
+				break;
+			case "End":
+				event.preventDefault();
+				buttons[buttons.length - 1]?.focus();
+				break;
+		}
+	}, []);
+	return /* @__PURE__ */ jsx(TooltipProvider, {
+		delayDuration: 120,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: (node) => {
+				containerRef.current = node;
+				if (typeof focusRef === "function") focusRef(node);
+			},
+			className: cn("flex items-center", AI_SPACING.xs, className),
+			role: "toolbar",
+			"aria-label": "Actions",
+			onKeyDown: handleKeyDown,
+			...props,
+			children
+		})
+	});
+};
+const Action = ({ tooltip, children, label, className, variant = "ghost", size = "sm", toggleable = false, pressed: pressedProp, defaultPressed = false, onPressedChange, onClick, isPending: isPendingProp = false, ...props }) => {
+	const reducedMotion = useReducedMotion() ?? false;
+	const hasHover = useMediaQuery("(hover: hover) and (pointer: fine)");
+	const isTouch = useMediaQuery("(pointer: coarse)");
+	const isPending = isPendingProp;
+	const [pressed, setPressed] = useUncontrolled({
+		value: toggleable ? pressedProp : void 0,
+		defaultValue: defaultPressed,
+		onChange: onPressedChange
+	});
+	const handleClick = useCallback((event) => {
+		if (toggleable) setPressed(!pressed);
+		onClick?.(event);
+	}, [
+		onClick,
+		setPressed,
+		toggleable,
+		pressed
+	]);
+	const effectiveLabel = label ?? (typeof tooltip === "string" ? tooltip : void 0);
+	const motionProps = reducedMotion ? {} : hasHover ? {
+		whileHover: { scale: 1.05 },
+		whileTap: { scale: .95 },
+		transition: SPRING_TACTILE
+	} : isTouch ? {
+		whileTap: { scale: .92 },
+		transition: SPRING_TACTILE
+	} : {
+		whileTap: { scale: .95 },
+		transition: SPRING_TACTILE
+	};
+	const button = /* @__PURE__ */ jsx(Button, {
+		asChild: true,
+		className: cn("relative size-10 min-h-[44px] min-w-[44px] p-1.5", "text-muted-foreground hover:text-foreground", AI_TRANSITION.colors, "duration-150", AI_FOCUS.ring, isPending && "opacity-70", !reducedMotion && isPending && "animate-pulse", className),
+		size,
+		type: "button",
+		variant,
+		"aria-label": effectiveLabel,
+		"aria-pressed": toggleable ? pressed ? "true" : "false" : void 0,
+		"aria-busy": isPending,
+		"data-state": toggleable ? pressed ? "on" : "off" : void 0,
+		"data-pending": isPending ?? void 0,
+		"data-loading": isPending ?? void 0,
+		"data-touch": isTouch ? "true" : "false",
+		"data-reduced-motion": reducedMotion ? "true" : "false",
+		disabled: isPending || props.disabled,
+		onClick: handleClick,
+		...props,
+		children: /* @__PURE__ */ jsxs(motion.button, {
+			...motionProps,
+			children: [children, effectiveLabel ? /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: effectiveLabel
+			}) : null]
+		})
+	});
+	if (tooltip) return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ jsxs(TooltipContent, { children: [/* @__PURE__ */ jsx("p", { children: typeof tooltip === "string" ? tooltip : null }), typeof tooltip !== "string" ? tooltip : null] })] });
+	return button;
+};
+
+//#endregion
+export { Actions as n, Action as t };
+//# sourceMappingURL=actions-C-SEx2GS.mjs.map

package/dist/actions-C-SEx2GS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions-C-SEx2GS.mjs","names":[],"sources":["../src/components/ai-elements/actions/actions.tsx"],"sourcesContent":["/**\n * @fileoverview Actions Component - Premium Harmony V2\n *\n * A container component for action buttons with tooltip support.\n * Used for displaying interactive actions on AI-generated content.\n *\n * Features:\n * - Premium Harmony V2 spring physics for tactile feedback\n * - Touch vs desktop detection for adaptive interactions\n * - 44px minimum touch targets (WCAG 2.5.5)\n * - Keyboard navigation (Arrow keys, Home, End)\n * - Tooltip integration via TooltipProvider\n * - Toggleable action buttons with aria-pressed\n * - Optimistic pending state with pulse animation\n * - Respects reduced motion preferences\n * - Semantic color tokens for theme adaptation\n * - Data attributes for state management\n *\n * @module @od-oneapp/uni-ui/components/ai-elements/actions\n * @component Actions, Action\n *\n * @useCases\n * - Copy/paste actions on code blocks or AI responses\n * - Like/dislike feedback buttons on AI messages\n * - Share/export actions on generated content\n * - Regenerate/retry actions on AI outputs\n * - Edit/delete actions on user inputs\n * - Bookmark/save actions on conversations\n * - Expand/collapse toggles on content sections\n *\n * @subcomponents\n * - Actions - Container with keyboard navigation\n * - Action - Individual action button with tooltip\n *\n * @example\n * <Actions>\n *   <Action tooltip=\"Copy\" onClick={handleCopy}>\n *     <CopyIcon />\n *   </Action>\n *   <Action tooltip=\"Like\" toggleable pressed={liked} onPressedChange={setLiked}>\n *     <ThumbsUpIcon />\n *   </Action>\n *   <Action tooltip=\"Regenerate\" isPending={isRegenerating} onClick={handleRegenerate}>\n *     <RefreshIcon />\n *   </Action>\n * </Actions>\n */\n\n'use client';\n\nimport type { ComponentProps, KeyboardEvent, ReactNode } from 'react';\nimport { useCallback, useRef } from 'react';\n\nimport { useFocusWithin, useMediaQuery, useReducedMotion, useUncontrolled } from '@mantine/hooks';\nimport { motion } from 'motion/react';\n\nimport { cn } from '../../../lib/utils';\nimport { Button } from '../../elements/atoms/button';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '../../elements/organisms/tooltip';\nimport { AI_FOCUS, AI_SPACING, AI_TRANSITION, SPRING_TACTILE } from '../ai-elements.constants';\n\nexport type ActionsProps = ComponentProps<'div'> & {\n  /**\n   * Framer Motion props that may be passed but should NOT be spread to DOM.\n   * These are filtered out to prevent React warnings about non-standard attributes.\n   */\n  initial?: unknown;\n  animate?: unknown;\n  exit?: unknown;\n  variants?: unknown;\n  transition?: unknown;\n};\n\n/**\n * Actions - Container for action buttons with keyboard navigation support\n *\n * Keyboard navigation:\n * - Left/Right arrow keys: Navigate between action buttons\n * - Home: Focus first action\n * - End: Focus last action\n */\nexport const Actions = ({\n  className,\n  children,\n  // Filter out Framer Motion props to prevent DOM warnings\n  initial: _initial,\n  animate: _animate,\n  exit: _exit,\n  variants: _variants,\n  transition: _transition,\n  ...props\n}: ActionsProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { ref: focusRef, focused: _focused } = useFocusWithin<HTMLDivElement>();\n\n  // Handle keyboard navigation within action group\n  const handleKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const buttons = [...container.querySelectorAll<HTMLButtonElement>('button:not(:disabled)')];\n    if (buttons.length === 0) return;\n\n    const { activeElement } = document;\n    const currentIndex =\n      activeElement instanceof HTMLButtonElement ? buttons.indexOf(activeElement) : -1;\n\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (currentIndex > 0) {\n          buttons[currentIndex - 1]?.focus();\n        } else {\n          buttons[buttons.length - 1]?.focus(); // Wrap to last\n        }\n        break;\n      case 'ArrowRight':\n        event.preventDefault();\n        if (currentIndex < buttons.length - 1) {\n          buttons[currentIndex + 1]?.focus();\n        } else {\n          buttons[0]?.focus(); // Wrap to first\n        }\n        break;\n      case 'Home':\n        event.preventDefault();\n        buttons[0]?.focus();\n        break;\n      case 'End':\n        event.preventDefault();\n        buttons[buttons.length - 1]?.focus();\n        break;\n    }\n  }, []);\n\n  return (\n    <TooltipProvider delayDuration={120}>\n      <div\n        ref={node => {\n          containerRef.current = node;\n          if (typeof focusRef === 'function') {\n            focusRef(node);\n          }\n        }}\n        className={cn('flex items-center', AI_SPACING.xs, className)}\n        role=\"toolbar\"\n        aria-label=\"Actions\"\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {children}\n      </div>\n    </TooltipProvider>\n  );\n};\n\nexport type ActionProps = ComponentProps<typeof Button> & {\n  tooltip?: ReactNode;\n  label?: string;\n  toggleable?: boolean;\n  pressed?: boolean;\n  defaultPressed?: boolean;\n  onPressedChange?: (pressed: boolean) => void;\n  /** Whether the action is in a pending/loading state for optimistic UI */\n  isPending?: boolean;\n};\n\nexport const Action = ({\n  tooltip,\n  children,\n  label,\n  className,\n  variant = 'ghost',\n  size = 'sm',\n  toggleable = false,\n  pressed: pressedProp,\n  defaultPressed = false,\n  onPressedChange,\n  onClick,\n  isPending: isPendingProp = false,\n  ...props\n}: ActionProps) => {\n  // Premium Harmony V2: Accessibility & Device Detection\n  const reducedMotion = useReducedMotion() ?? false;\n  const hasHover = useMediaQuery('(hover: hover) and (pointer: fine)');\n  const isTouch = useMediaQuery('(pointer: coarse)');\n\n  // isPending state is controlled externally via prop\n  const isPending = isPendingProp;\n\n  // Use Mantine's useUncontrolled for controlled/uncontrolled pattern\n  const [pressed, setPressed] = useUncontrolled({\n    value: toggleable ? pressedProp : undefined,\n    defaultValue: defaultPressed,\n    onChange: onPressedChange,\n  });\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (toggleable) {\n        setPressed(!pressed);\n      }\n      onClick?.(event);\n    },\n    [onClick, setPressed, toggleable, pressed],\n  );\n\n  const effectiveLabel = label ?? (typeof tooltip === 'string' ? tooltip : undefined);\n\n  // Premium Harmony V2: Adaptive tactile feedback based on device\n  const motionProps = reducedMotion\n    ? {}\n    : hasHover\n      ? {\n          whileHover: { scale: 1.05 },\n          whileTap: { scale: 0.95 },\n          transition: SPRING_TACTILE,\n        }\n      : isTouch\n        ? {\n            whileTap: { scale: 0.92 }, // More pronounced feedback on touch\n            transition: SPRING_TACTILE,\n          }\n        : {\n            whileTap: { scale: 0.95 },\n            transition: SPRING_TACTILE,\n          };\n\n  const button = (\n    <Button\n      asChild\n      className={cn(\n        // Touch-friendly sizing (44px minimum - WCAG 2.5.5)\n        'relative size-10 min-h-[44px] min-w-[44px] p-1.5',\n        'text-muted-foreground hover:text-foreground',\n        // Transition for micromoments\n        AI_TRANSITION.colors,\n        'duration-150',\n        // Focus state (keyboard-only)\n        AI_FOCUS.ring,\n        // Optimistic pending state visual feedback\n        isPending && 'opacity-70',\n        !reducedMotion && isPending && 'animate-pulse',\n        className,\n      )}\n      size={size}\n      type=\"button\"\n      variant={variant}\n      aria-label={effectiveLabel}\n      aria-pressed={toggleable ? (pressed ? 'true' : 'false') : undefined}\n      aria-busy={isPending}\n      data-state={toggleable ? (pressed ? 'on' : 'off') : undefined}\n      data-pending={isPending ?? undefined}\n      data-loading={isPending ?? undefined}\n      data-touch={isTouch ? 'true' : 'false'}\n      data-reduced-motion={reducedMotion ? 'true' : 'false'}\n      disabled={isPending || props.disabled}\n      onClick={handleClick}\n      {...props}\n    >\n      <motion.button {...motionProps}>\n        {children}\n        {effectiveLabel ? <span className=\"sr-only\">{effectiveLabel}</span> : null}\n      </motion.button>\n    </Button>\n  );\n\n  if (tooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent>\n          <p>{typeof tooltip === 'string' ? tooltip : null}</p>\n          {typeof tooltip !== 'string' ? tooltip : null}\n        </TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return button;\n};\n"],"mappings":"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"}

package/dist/actions-Ch7h6cYC.d.mts

@@ -0,0 +1,50 @@
+
+import { t as Button } from "./button-BAdq0gBE.mjs";
+import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ai-elements/actions/actions.d.ts
+type ActionsProps = ComponentProps<'div'> & {
+  initial?: unknown;
+  animate?: unknown;
+  exit?: unknown;
+  variants?: unknown;
+  transition?: unknown;
+};
+declare const Actions: ({
+  className,
+  children,
+  initial: _initial,
+  animate: _animate,
+  exit: _exit,
+  variants: _variants,
+  transition: _transition,
+  ...props
+}: ActionsProps) => react_jsx_runtime0.JSX.Element;
+type ActionProps = ComponentProps<typeof Button> & {
+  tooltip?: ReactNode;
+  label?: string;
+  toggleable?: boolean;
+  pressed?: boolean;
+  defaultPressed?: boolean;
+  onPressedChange?: (pressed: boolean) => void;
+  isPending?: boolean;
+};
+declare const Action: ({
+  tooltip,
+  children,
+  label,
+  className,
+  variant,
+  size,
+  toggleable,
+  pressed: pressedProp,
+  defaultPressed,
+  onPressedChange,
+  onClick,
+  isPending: isPendingProp,
+  ...props
+}: ActionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActionsProps as i, ActionProps as n, Actions as r, Action as t };
+//# sourceMappingURL=actions-Ch7h6cYC.d.mts.map

package/dist/actions-Cnupw96c.d.mts

@@ -0,0 +1,50 @@
+
+import { t as Button } from "./button-DnjeAftr.mjs";
+import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ai-elements/actions/actions.d.ts
+type ActionsProps = ComponentProps<'div'> & {
+  initial?: unknown;
+  animate?: unknown;
+  exit?: unknown;
+  variants?: unknown;
+  transition?: unknown;
+};
+declare const Actions: ({
+  className,
+  children,
+  initial: _initial,
+  animate: _animate,
+  exit: _exit,
+  variants: _variants,
+  transition: _transition,
+  ...props
+}: ActionsProps) => react_jsx_runtime0.JSX.Element;
+type ActionProps = ComponentProps<typeof Button> & {
+  tooltip?: ReactNode;
+  label?: string;
+  toggleable?: boolean;
+  pressed?: boolean;
+  defaultPressed?: boolean;
+  onPressedChange?: (pressed: boolean) => void;
+  isPending?: boolean;
+};
+declare const Action: ({
+  tooltip,
+  children,
+  label,
+  className,
+  variant,
+  size,
+  toggleable,
+  pressed: pressedProp,
+  defaultPressed,
+  onPressedChange,
+  onClick,
+  isPending: isPendingProp,
+  ...props
+}: ActionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActionsProps as i, ActionProps as n, Actions as r, Action as t };
+//# sourceMappingURL=actions-Cnupw96c.d.mts.map

package/dist/alert-BVUF7Xzb.d.mts

@@ -0,0 +1,22 @@
+
+import * as react from "react";
+import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/elements/atoms/alert/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "success" | "info" | "warning" | "destructive" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface AlertProps extends ComponentProps<'div'>, VariantProps<typeof alertVariants> {
+  animate?: boolean;
+}
+declare const Alert: react.NamedExoticComponent<AlertProps>;
+interface AlertTitleProps extends ComponentProps<'div'> {}
+declare const AlertTitle: react.NamedExoticComponent<AlertTitleProps>;
+interface AlertDescriptionProps extends ComponentProps<'div'> {}
+declare const AlertDescription: react.NamedExoticComponent<AlertDescriptionProps>;
+//#endregion
+export { AlertTitle as a, AlertProps as i, AlertDescription as n, AlertTitleProps as o, AlertDescriptionProps as r, alertVariants as s, Alert as t };
+//# sourceMappingURL=alert-BVUF7Xzb.d.mts.map

package/dist/alert-BuPyEXF-.mjs

@@ -0,0 +1,206 @@
+'use client';
+import { t as cn } from "./utils-D2bGp2p_.mjs";
+import { a as SPRING_TACTILE, r as SPRING_FLUID } from "./motion-zelaDelJ.mjs";
+import { memo, useMemo } from "react";
+import { useMediaQuery, useReducedMotion } from "@mantine/hooks";
+import { cva } from "class-variance-authority";
+import { AnimatePresence, motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/elements/atoms/alert/alert.tsx
+/**
+* @fileoverview Alert Component - Premium Harmony V2
+*
+* A callout component for important messages or notifications. Supports multiple
+* semantic variants with dismissible option and smooth conditional rendering.
+*
+* Features:
+* - ES2023 syntax with modern patterns
+* - Tailwind v4 CSS-first theming with CSS variables and semantic color tokens
+* - Premium Harmony V2 spring physics (SPRING_TACTILE, SPRING_FLUID, SPRING_GENTLE)
+* - Touch detection with has-* variants for icon-aware grid layout
+* - Reduced motion support with useReducedMotion hook
+* - Full accessibility support (ARIA role="alert", WCAG AA contrast)
+* - Data attributes for state management and programmatic control
+* - AnimatePresence for smooth conditional rendering
+* - Focus-visible ring styles using AI_FOCUS pattern
+* - Light/dark mode with seamless switching
+*
+* @module @od-oneapp/uni-ui/components/elements/atoms/alert
+*
+* @component Alert, AlertTitle, AlertDescription
+*
+* @useCases
+* - Display important system notifications and alerts
+* - Show error messages for form validation failures
+* - Communicate success states after user actions
+* - Present warning messages for potentially destructive operations
+* - Provide informational callouts in documentation
+* - Highlight critical information in dashboard views
+* - Show status updates for long-running processes
+* - Alert users to connectivity or network issues
+*
+* @subcomponents Alert, AlertTitle, AlertDescription
+*
+* @variants
+* - variant: default, destructive, success, warning, info
+* - size: sm, default, lg
+*
+* @example <Alert><AlertTitle>Heads up!</AlertTitle><AlertDescription>Important info.</AlertDescription></Alert>
+*
+* @example <Alert variant="destructive"><AlertTitle>Error</AlertTitle></Alert>
+*
+* @example <Alert variant="success" size="lg"><AlertTitle>Success</AlertTitle></Alert>
+*/
+/**
+* Alert variants with CRO-optimized styling
+*
+* Design Psychology Applied:
+* - Von Restorff Effect: Colored left border makes alerts stand out
+* - Icon + title + description creates clear visual hierarchy
+* - Adequate padding for readability
+*/
+const alertVariants = cva([
+	"relative w-full grid items-start",
+	"has-[>svg]:grid-cols-[1rem_1fr] grid-cols-[0_1fr]",
+	"has-[>svg]:gap-x-3 gap-y-1",
+	"rounded-xl border",
+	"text-sm",
+	"[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:mt-0.5",
+	"shadow-sm",
+	"focus-within:ring-2 focus-within:ring-ring/20 focus-within:ring-offset-2",
+	"transition-[background-color,border-color,box-shadow] duration-200 ease-out"
+], {
+	variants: {
+		variant: {
+			default: [
+				"border-border bg-surface text-foreground",
+				"[&>svg]:text-foreground-subtle",
+				"dark:bg-surface/80 dark:border-border/80"
+			],
+			destructive: [
+				"border-border bg-surface text-foreground",
+				"border-l-4 border-l-destructive",
+				"[&>svg]:text-destructive",
+				"*:data-[slot=alert-description]:text-foreground-subtle",
+				"dark:bg-surface/80 dark:border-l-destructive/80",
+				"dark:[&>svg]:text-destructive/90"
+			],
+			success: [
+				"border-border bg-surface text-foreground",
+				"border-l-4 border-l-success",
+				"[&>svg]:text-success",
+				"*:data-[slot=alert-description]:text-foreground-subtle",
+				"dark:bg-surface/80 dark:border-l-success/80",
+				"dark:[&>svg]:text-success/90"
+			],
+			warning: [
+				"border-border bg-surface text-foreground",
+				"border-l-4 border-l-warning",
+				"[&>svg]:text-warning",
+				"*:data-[slot=alert-description]:text-foreground-subtle",
+				"dark:bg-surface/80 dark:border-l-warning/80",
+				"dark:[&>svg]:text-warning/90"
+			],
+			info: [
+				"border-border bg-surface text-foreground",
+				"border-l-4 border-l-info",
+				"[&>svg]:text-info",
+				"*:data-[slot=alert-description]:text-foreground-subtle",
+				"dark:bg-surface/80 dark:border-l-info/80",
+				"dark:[&>svg]:text-info/90"
+			]
+		},
+		size: {
+			sm: "px-3 py-2 text-xs [&>svg]:size-3.5 rounded-lg",
+			default: "px-4 py-3 text-sm [&>svg]:size-4 rounded-xl",
+			lg: "px-5 py-4 text-base [&>svg]:size-5 rounded-2xl"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+/**
+* Alert Component
+*
+* A callout component for displaying important messages or notifications.
+* Uses role="alert" for screen reader announcements.
+* Premium Harmony V2: Spring physics, reduced motion, touch detection.
+*/
+const Alert = memo(function Alert({ className, variant, size, animate = false, ...props }) {
+	const prefersReducedMotion = useReducedMotion();
+	const isTouchDevice = useMediaQuery("(pointer: coarse)");
+	const alertClassName = useMemo(() => cn(alertVariants({
+		variant,
+		size
+	}), className), [
+		variant,
+		size,
+		className
+	]);
+	const springConfig = useMemo(() => isTouchDevice ? SPRING_TACTILE : SPRING_FLUID, [isTouchDevice]);
+	const content = /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		"data-state": variant,
+		role: "alert",
+		className: alertClassName,
+		...props
+	});
+	if (animate) return /* @__PURE__ */ jsx(AnimatePresence, {
+		mode: "wait",
+		children: /* @__PURE__ */ jsx(motion.div, {
+			initial: {
+				opacity: 0,
+				y: -10,
+				scale: .98
+			},
+			animate: {
+				opacity: 1,
+				y: 0,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				y: 10,
+				scale: .98
+			},
+			transition: prefersReducedMotion ? { duration: 0 } : springConfig,
+			className: "w-full",
+			children: content
+		})
+	});
+	return content;
+});
+Alert.displayName = "Alert";
+/**
+* AlertTitle Component
+*
+* Renders the alert's title/heading element with appropriate typography.
+*/
+const AlertTitle = memo(function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("col-start-2 min-h-4", "leading-tight font-semibold tracking-tight", "text-foreground", "line-clamp-1", className),
+		...props
+	});
+});
+AlertTitle.displayName = "AlertTitle";
+/**
+* AlertDescription Component
+*
+* Renders the alert's description/body text with appropriate styling.
+*/
+const AlertDescription = memo(function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("col-start-2 grid justify-items-start gap-1", "text-foreground-subtle text-sm", "[&_p]:leading-relaxed", "[&_a]:font-medium [&_a]:underline [&_a]:underline-offset-2", "[&_a]:hover:text-foreground", className),
+		...props
+	});
+});
+AlertDescription.displayName = "AlertDescription";
+
+//#endregion
+export { alertVariants as i, AlertDescription as n, AlertTitle as r, Alert as t };
+//# sourceMappingURL=alert-BuPyEXF-.mjs.map

package/dist/alert-BuPyEXF-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-BuPyEXF-.mjs","names":[],"sources":["../src/components/elements/atoms/alert/alert.tsx"],"sourcesContent":["/**\n * @fileoverview Alert Component - Premium Harmony V2\n *\n * A callout component for important messages or notifications. Supports multiple\n * semantic variants with dismissible option and smooth conditional rendering.\n *\n * Features:\n * - ES2023 syntax with modern patterns\n * - Tailwind v4 CSS-first theming with CSS variables and semantic color tokens\n * - Premium Harmony V2 spring physics (SPRING_TACTILE, SPRING_FLUID, SPRING_GENTLE)\n * - Touch detection with has-* variants for icon-aware grid layout\n * - Reduced motion support with useReducedMotion hook\n * - Full accessibility support (ARIA role=\"alert\", WCAG AA contrast)\n * - Data attributes for state management and programmatic control\n * - AnimatePresence for smooth conditional rendering\n * - Focus-visible ring styles using AI_FOCUS pattern\n * - Light/dark mode with seamless switching\n *\n * @module @od-oneapp/uni-ui/components/elements/atoms/alert\n *\n * @component Alert, AlertTitle, AlertDescription\n *\n * @useCases\n * - Display important system notifications and alerts\n * - Show error messages for form validation failures\n * - Communicate success states after user actions\n * - Present warning messages for potentially destructive operations\n * - Provide informational callouts in documentation\n * - Highlight critical information in dashboard views\n * - Show status updates for long-running processes\n * - Alert users to connectivity or network issues\n *\n * @subcomponents Alert, AlertTitle, AlertDescription\n *\n * @variants\n * - variant: default, destructive, success, warning, info\n * - size: sm, default, lg\n *\n * @example <Alert><AlertTitle>Heads up!</AlertTitle><AlertDescription>Important info.</AlertDescription></Alert>\n *\n * @example <Alert variant=\"destructive\"><AlertTitle>Error</AlertTitle></Alert>\n *\n * @example <Alert variant=\"success\" size=\"lg\"><AlertTitle>Success</AlertTitle></Alert>\n */\n\n'use client';\n\nimport type { ComponentProps } from 'react';\nimport { memo, useMemo } from 'react';\n\nimport { useMediaQuery, useReducedMotion } from '@mantine/hooks';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { AnimatePresence, motion } from 'motion/react';\n\nimport { cn } from '../../../../lib/utils';\nimport { SPRING_FLUID, SPRING_TACTILE } from '../../../ai-elements/ai-elements.constants';\n\n/**\n * Alert variants with CRO-optimized styling\n *\n * Design Psychology Applied:\n * - Von Restorff Effect: Colored left border makes alerts stand out\n * - Icon + title + description creates clear visual hierarchy\n * - Adequate padding for readability\n */\nconst alertVariants = cva(\n  [\n    // Layout - CSS Grid for icon + content alignment\n    'relative w-full grid items-start',\n    'has-[>svg]:grid-cols-[1rem_1fr] grid-cols-[0_1fr]',\n    'has-[>svg]:gap-x-3 gap-y-1',\n    // Shape\n    'rounded-xl border',\n    // Typography\n    'text-sm',\n    // Icon styling\n    '[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:mt-0.5',\n    // Shadow for depth\n    'shadow-sm',\n    // Focus state for keyboard navigation (when alert contains focusable elements)\n    'focus-within:ring-2 focus-within:ring-ring/20 focus-within:ring-offset-2',\n    // Transitions\n    'transition-[background-color,border-color,box-shadow] duration-200 ease-out',\n  ],\n  {\n    variants: {\n      /**\n       * Visual variant styles with complete pseudo-state coverage\n       * Each variant has distinct icon colors and accent borders\n       */\n      variant: {\n        // Default - neutral informational\n        default: [\n          'border-border bg-surface text-foreground',\n          '[&>svg]:text-foreground-subtle',\n          // Dark mode\n          'dark:bg-surface/80 dark:border-border/80',\n        ],\n        // Destructive - errors and critical issues\n        destructive: [\n          'border-border bg-surface text-foreground',\n          // Accent border on left for Von Restorff effect\n          'border-l-4 border-l-destructive',\n          // Icon color (semantic token)\n          '[&>svg]:text-destructive',\n          '*:data-[slot=alert-description]:text-foreground-subtle',\n          // Dark mode\n          'dark:bg-surface/80 dark:border-l-destructive/80',\n          'dark:[&>svg]:text-destructive/90',\n        ],\n        // Success - confirmations and completions\n        success: [\n          'border-border bg-surface text-foreground',\n          'border-l-4 border-l-success',\n          '[&>svg]:text-success',\n          '*:data-[slot=alert-description]:text-foreground-subtle',\n          'dark:bg-surface/80 dark:border-l-success/80',\n          'dark:[&>svg]:text-success/90',\n        ],\n        // Warning - cautions and important notices\n        warning: [\n          'border-border bg-surface text-foreground',\n          'border-l-4 border-l-warning',\n          '[&>svg]:text-warning',\n          '*:data-[slot=alert-description]:text-foreground-subtle',\n          'dark:bg-surface/80 dark:border-l-warning/80',\n          'dark:[&>svg]:text-warning/90',\n        ],\n        // Info - helpful information\n        info: [\n          'border-border bg-surface text-foreground',\n          'border-l-4 border-l-info',\n          '[&>svg]:text-info',\n          '*:data-[slot=alert-description]:text-foreground-subtle',\n          'dark:bg-surface/80 dark:border-l-info/80',\n          'dark:[&>svg]:text-info/90',\n        ],\n      },\n      /**\n       * Size variants for different contexts\n       */\n      size: {\n        sm: 'px-3 py-2 text-xs [&>svg]:size-3.5 rounded-lg',\n        default: 'px-4 py-3 text-sm [&>svg]:size-4 rounded-xl',\n        lg: 'px-5 py-4 text-base [&>svg]:size-5 rounded-2xl',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\n/**\n * Alert component props\n */\ninterface AlertProps extends ComponentProps<'div'>, VariantProps<typeof alertVariants> {\n  /** Enable entrance animation */\n  animate?: boolean;\n}\n\n/**\n * Alert Component\n *\n * A callout component for displaying important messages or notifications.\n * Uses role=\"alert\" for screen reader announcements.\n * Premium Harmony V2: Spring physics, reduced motion, touch detection.\n */\nconst Alert = memo(function Alert({\n  className,\n  variant,\n  size,\n  animate = false,\n  ...props\n}: AlertProps) {\n  // Premium Harmony V2: Detect reduced motion preference\n  const prefersReducedMotion = useReducedMotion();\n\n  // Premium Harmony V2: Detect touch device\n  const isTouchDevice = useMediaQuery('(pointer: coarse)');\n\n  // Memoize className computation for performance\n  const alertClassName = useMemo(\n    () => cn(alertVariants({ variant, size }), className),\n    [variant, size, className],\n  );\n\n  // Premium Harmony V2: Select appropriate spring based on device type\n  const springConfig = useMemo(\n    () => (isTouchDevice ? SPRING_TACTILE : SPRING_FLUID),\n    [isTouchDevice],\n  );\n\n  const content = (\n    <div\n      data-slot=\"alert\"\n      data-state={variant}\n      role=\"alert\"\n      className={alertClassName}\n      {...(props as any)}\n    />\n  );\n\n  if (animate) {\n    return (\n      <AnimatePresence mode=\"wait\">\n        <motion.div\n          initial={{ opacity: 0, y: -10, scale: 0.98 }}\n          animate={{ opacity: 1, y: 0, scale: 1 }}\n          exit={{ opacity: 0, y: 10, scale: 0.98 }}\n          transition={prefersReducedMotion ? { duration: 0 } : springConfig}\n          className=\"w-full\"\n        >\n          {content}\n        </motion.div>\n      </AnimatePresence>\n    );\n  }\n\n  return content;\n});\n\nAlert.displayName = 'Alert';\n\n/**\n * AlertTitle component props\n */\ninterface AlertTitleProps extends ComponentProps<'div'> {}\n\n/**\n * AlertTitle Component\n *\n * Renders the alert's title/heading element with appropriate typography.\n */\nconst AlertTitle = memo(function AlertTitle({ className, ...props }: AlertTitleProps) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        // Layout\n        'col-start-2 min-h-4',\n        // Typography\n        'leading-tight font-semibold tracking-tight',\n        'text-foreground',\n        // Line clamping for overflow\n        'line-clamp-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nAlertTitle.displayName = 'AlertTitle';\n\n/**\n * AlertDescription component props\n */\ninterface AlertDescriptionProps extends ComponentProps<'div'> {}\n\n/**\n * AlertDescription Component\n *\n * Renders the alert's description/body text with appropriate styling.\n */\nconst AlertDescription = memo(function AlertDescription({\n  className,\n  ...props\n}: AlertDescriptionProps) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        // Layout\n        'col-start-2 grid justify-items-start gap-1',\n        // Typography\n        'text-foreground-subtle text-sm',\n        '[&_p]:leading-relaxed',\n        // Links inside description\n        '[&_a]:font-medium [&_a]:underline [&_a]:underline-offset-2',\n        '[&_a]:hover:text-foreground',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nAlertDescription.displayName = 'AlertDescription';\n\nexport { Alert, AlertDescription, AlertTitle, alertVariants };\nexport type { AlertDescriptionProps, AlertProps, AlertTitleProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,MAAM,gBAAgB,IACpB;CAEE;CACA;CACA;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CACD,EACD;CACE,UAAU;EAKR,SAAS;GAEP,SAAS;IACP;IACA;IAEA;IACD;GAED,aAAa;IACX;IAEA;IAEA;IACA;IAEA;IACA;IACD;GAED,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACD;GAED,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACD;GAED,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EAID,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;;;;;;;;AAiBD,MAAM,QAAQ,KAAK,SAAS,MAAM,EAChC,WACA,SACA,MACA,UAAU,OACV,GAAG,SACU;CAEb,MAAM,uBAAuB,kBAAkB;CAG/C,MAAM,gBAAgB,cAAc,oBAAoB;CAGxD,MAAM,iBAAiB,cACf,GAAG,cAAc;EAAE;EAAS;EAAM,CAAC,EAAE,UAAU,EACrD;EAAC;EAAS;EAAM;EAAU,CAC3B;CAGD,MAAM,eAAe,cACZ,gBAAgB,iBAAiB,cACxC,CAAC,cAAc,CAChB;CAED,MAAM,UACJ,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,MAAK;EACL,WAAW;EACX,GAAK;GACL;AAGJ,KAAI,QACF,QACE,oBAAC;EAAgB,MAAK;YACpB,oBAAC,OAAO;GACN,SAAS;IAAE,SAAS;IAAG,GAAG;IAAK,OAAO;IAAM;GAC5C,SAAS;IAAE,SAAS;IAAG,GAAG;IAAG,OAAO;IAAG;GACvC,MAAM;IAAE,SAAS;IAAG,GAAG;IAAI,OAAO;IAAM;GACxC,YAAY,uBAAuB,EAAE,UAAU,GAAG,GAAG;GACrD,WAAU;aAET;IACU;GACG;AAItB,QAAO;EACP;AAEF,MAAM,cAAc;;;;;;AAYpB,MAAM,aAAa,KAAK,SAAS,WAAW,EAAE,WAAW,GAAG,SAA0B;AACpF,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAET,uBAEA,8CACA,mBAEA,gBACA,UACD;EACD,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc;;;;;;AAYzB,MAAM,mBAAmB,KAAK,SAAS,iBAAiB,EACtD,WACA,GAAG,SACqB;AACxB,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAET,8CAEA,kCACA,yBAEA,8DACA,+BACA,UACD;EACD,GAAI;GACJ;EAEJ;AAEF,iBAAiB,cAAc"}

package/dist/alert-CfjDnZpm.d.mts

@@ -0,0 +1,22 @@
+
+import * as react from "react";
+import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/elements/atoms/alert/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "success" | "info" | "warning" | "default" | "destructive" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface AlertProps extends ComponentProps<'div'>, VariantProps<typeof alertVariants> {
+  animate?: boolean;
+}
+declare const Alert: react.NamedExoticComponent<AlertProps>;
+interface AlertTitleProps extends ComponentProps<'div'> {}
+declare const AlertTitle: react.NamedExoticComponent<AlertTitleProps>;
+interface AlertDescriptionProps extends ComponentProps<'div'> {}
+declare const AlertDescription: react.NamedExoticComponent<AlertDescriptionProps>;
+//#endregion
+export { AlertTitle as a, AlertProps as i, AlertDescription as n, AlertTitleProps as o, AlertDescriptionProps as r, alertVariants as s, Alert as t };
+//# sourceMappingURL=alert-CfjDnZpm.d.mts.map