@od-oneapp/uni-ui 2026.1.1301

package/dist/animated-size-container-DSKNt1Cn.mjs

@@ -0,0 +1,106 @@
+'use client';
+import { t as cn } from "./utils-D2bGp2p_.mjs";
+import { forwardRef, useMemo } from "react";
+import { useReducedMotion } from "@mantine/hooks";
+import { motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+import useResizeObserver$1 from "use-resize-observer";
+
+//#region src/components/elements/molecules/animated-size-container/animated-size-container.tsx
+/**
+* @fileoverview AnimatedSizeContainer Component - Premium Harmony V2
+*
+* A layout component that automatically animates its size (height and/or width) to fit its children.
+* Uses Framer Motion and a ResizeObserver to provide smooth, high-fidelity layout transitions
+* without manual height calculations.
+*
+* Features:
+* - ES2023 syntax with modern hooks (useReducedMotion, useResizeObserver)
+* - Premium Harmony V2 motion design with smooth, fluid transitions
+* - Tailwind v4 CSS-first theming with CSS variables
+* - Supports animating height, width, or both independently
+* - Automatic resizing using ResizeObserver for dynamic content changes
+* - Reduced motion preference support for accessibility
+* - Configurable transition physics (defaults to smooth spring)
+* - Micro-moments entrance animation support
+* - Data attributes for state tracking (data-animating-width, data-animating-height)
+* - GPU-accelerated transforms for optimal performance
+* - Layout shift prevention by reserving space during transitions
+*
+* @module @od-oneapp/uni-ui/components/elements/animated-size-container
+* @component AnimatedSizeContainer
+*
+* @useCases
+* - Dynamic content panels: Expandable descriptions or details
+* - Form validation messages: Animate entry/exit of error text
+* - Tab content: Smoothly transition between different tab heights
+* - Accordion items: Fluidly expand and collapse sections
+* - Loading states: Animate from skeleton to real content
+* - Filter panels: Adapt container size as filter options are added or removed
+* - Chat messages: Animate entry of new messages in a list
+* - Search results: Fluidly grow as results are populated
+*
+* @example <AnimatedSizeContainer><div style={{ height: isOpen ? 200 : 100 }}>Animate me!</div></AnimatedSizeContainer>
+*/
+/**
+* Default spring transition for fluid, natural motion.
+* Premium Harmony V2 SPRING_FLUID equivalent.
+*/
+const DEFAULT_SPRING_TRANSITION = {
+	type: "spring",
+	stiffness: 300,
+	damping: 30,
+	mass: .8,
+	restDelta: .01
+};
+/**
+* Immediate transition for users who prefer reduced motion.
+*/
+const REDUCED_MOTION_TRANSITION = { duration: 0 };
+/**
+* A container that automatically animates its size to fit its children.
+*
+* @param props - Component props including height/width animation flags and transition config.
+*/
+const AnimatedSizeContainer = forwardRef(({ children, className, transition, height = true, width = false, ...rest }, forwardedRef) => {
+	const prefersReducedMotion = useReducedMotion();
+	const { ref: containerRef, height: contentHeight, width: contentWidth } = useResizeObserver$1();
+	const animate = useMemo(() => {
+		const state = {};
+		if (height && contentHeight) state.height = contentHeight;
+		if (width && contentWidth) state.width = contentWidth;
+		return state;
+	}, [
+		height,
+		width,
+		contentHeight,
+		contentWidth
+	]);
+	const transitionConfig = transition ?? (prefersReducedMotion ? REDUCED_MOTION_TRANSITION : DEFAULT_SPRING_TRANSITION);
+	const innerClassName = cn(height && "h-max", width && "w-max", "transition-all duration-300");
+	const outerClassName = cn("overflow-hidden transition-all duration-300", className);
+	return /* @__PURE__ */ jsx(motion.div, {
+		ref: forwardedRef,
+		className: outerClassName,
+		initial: { opacity: 0 },
+		animate: {
+			...animate,
+			opacity: 1
+		},
+		transition: transitionConfig,
+		"data-slot": "animated-size-container",
+		"data-animating-width": width || void 0,
+		"data-animating-height": height || void 0,
+		...rest,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: containerRef,
+			className: innerClassName,
+			children
+		})
+	});
+});
+AnimatedSizeContainer.displayName = "AnimatedSizeContainer";
+
+//#endregion
+export { AnimatedSizeContainer as t };
+//# sourceMappingURL=animated-size-container-DSKNt1Cn.mjs.map

package/dist/animated-size-container-DSKNt1Cn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-size-container-DSKNt1Cn.mjs","names":["useResizeObserver"],"sources":["../src/components/elements/molecules/animated-size-container/animated-size-container.tsx"],"sourcesContent":["/**\n * @fileoverview AnimatedSizeContainer Component - Premium Harmony V2\n *\n * A layout component that automatically animates its size (height and/or width) to fit its children.\n * Uses Framer Motion and a ResizeObserver to provide smooth, high-fidelity layout transitions\n * without manual height calculations.\n *\n * Features:\n * - ES2023 syntax with modern hooks (useReducedMotion, useResizeObserver)\n * - Premium Harmony V2 motion design with smooth, fluid transitions\n * - Tailwind v4 CSS-first theming with CSS variables\n * - Supports animating height, width, or both independently\n * - Automatic resizing using ResizeObserver for dynamic content changes\n * - Reduced motion preference support for accessibility\n * - Configurable transition physics (defaults to smooth spring)\n * - Micro-moments entrance animation support\n * - Data attributes for state tracking (data-animating-width, data-animating-height)\n * - GPU-accelerated transforms for optimal performance\n * - Layout shift prevention by reserving space during transitions\n *\n * @module @od-oneapp/uni-ui/components/elements/animated-size-container\n * @component AnimatedSizeContainer\n *\n * @useCases\n * - Dynamic content panels: Expandable descriptions or details\n * - Form validation messages: Animate entry/exit of error text\n * - Tab content: Smoothly transition between different tab heights\n * - Accordion items: Fluidly expand and collapse sections\n * - Loading states: Animate from skeleton to real content\n * - Filter panels: Adapt container size as filter options are added or removed\n * - Chat messages: Animate entry of new messages in a list\n * - Search results: Fluidly grow as results are populated\n *\n * @example <AnimatedSizeContainer><div style={{ height: isOpen ? 200 : 100 }}>Animate me!</div></AnimatedSizeContainer>\n */\n\n'use client';\n\nimport * as React from 'react';\nimport { forwardRef, useMemo } from 'react';\n\nimport { useReducedMotion } from '@mantine/hooks';\nimport { motion, type HTMLMotionProps, type Transition } from 'motion/react';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { cn } from '../../../../lib/utils';\n\n/**\n * Default spring transition for fluid, natural motion.\n * Premium Harmony V2 SPRING_FLUID equivalent.\n */\nconst DEFAULT_SPRING_TRANSITION: Transition = {\n  type: 'spring',\n  stiffness: 300,\n  damping: 30,\n  mass: 0.8,\n  restDelta: 0.01,\n};\n\n/**\n * Immediate transition for users who prefer reduced motion.\n */\nconst REDUCED_MOTION_TRANSITION: Transition = {\n  duration: 0,\n};\n\n/**\n * Props for AnimatedSizeContainer.\n */\nexport interface AnimatedSizeContainerProps extends Omit<HTMLMotionProps<'div'>, 'children'> {\n  /** Whether to animate height. @default true */\n  height?: boolean;\n  /** Whether to animate width. @default false */\n  width?: boolean;\n  children?: React.ReactNode;\n}\n\n/**\n * A container that automatically animates its size to fit its children.\n *\n * @param props - Component props including height/width animation flags and transition config.\n */\nconst AnimatedSizeContainer = forwardRef<HTMLDivElement, AnimatedSizeContainerProps>(\n  ({ children, className, transition, height = true, width = false, ...rest }, forwardedRef) => {\n    const prefersReducedMotion = useReducedMotion();\n    const { ref: containerRef, height: contentHeight, width: contentWidth } = useResizeObserver();\n\n    // Memoize the animation state based on current content dimensions\n    const animate = useMemo(() => {\n      const state: Record<string, number | string> = {};\n      if (height && contentHeight) state.height = contentHeight;\n      if (width && contentWidth) state.width = contentWidth;\n      return state;\n    }, [height, width, contentHeight, contentWidth]);\n\n    // Premium Harmony V2 transition configuration\n    const transitionConfig =\n      transition ?? (prefersReducedMotion ? REDUCED_MOTION_TRANSITION : DEFAULT_SPRING_TRANSITION);\n\n    const innerClassName = cn(height && 'h-max', width && 'w-max', 'transition-all duration-300');\n    const outerClassName = cn('overflow-hidden transition-all duration-300', className);\n\n    return (\n      <motion.div\n        ref={forwardedRef}\n        className={outerClassName}\n        initial={{ opacity: 0 }}\n        animate={{ ...animate, opacity: 1 }}\n        transition={transitionConfig}\n        data-slot=\"animated-size-container\"\n        data-animating-width={width || undefined}\n        data-animating-height={height || undefined}\n        {...rest}\n      >\n        <div ref={containerRef} className={innerClassName}>\n          {children}\n        </div>\n      </motion.div>\n    );\n  },\n);\n\nAnimatedSizeContainer.displayName = 'AnimatedSizeContainer';\n\nexport { AnimatedSizeContainer };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,MAAM,4BAAwC;CAC5C,MAAM;CACN,WAAW;CACX,SAAS;CACT,MAAM;CACN,WAAW;CACZ;;;;AAKD,MAAM,4BAAwC,EAC5C,UAAU,GACX;;;;;;AAkBD,MAAM,wBAAwB,YAC3B,EAAE,UAAU,WAAW,YAAY,SAAS,MAAM,QAAQ,OAAO,GAAG,QAAQ,iBAAiB;CAC5F,MAAM,uBAAuB,kBAAkB;CAC/C,MAAM,EAAE,KAAK,cAAc,QAAQ,eAAe,OAAO,iBAAiBA,qBAAmB;CAG7F,MAAM,UAAU,cAAc;EAC5B,MAAM,QAAyC,EAAE;AACjD,MAAI,UAAU,cAAe,OAAM,SAAS;AAC5C,MAAI,SAAS,aAAc,OAAM,QAAQ;AACzC,SAAO;IACN;EAAC;EAAQ;EAAO;EAAe;EAAa,CAAC;CAGhD,MAAM,mBACJ,eAAe,uBAAuB,4BAA4B;CAEpE,MAAM,iBAAiB,GAAG,UAAU,SAAS,SAAS,SAAS,8BAA8B;CAC7F,MAAM,iBAAiB,GAAG,+CAA+C,UAAU;AAEnF,QACE,oBAAC,OAAO;EACN,KAAK;EACL,WAAW;EACX,SAAS,EAAE,SAAS,GAAG;EACvB,SAAS;GAAE,GAAG;GAAS,SAAS;GAAG;EACnC,YAAY;EACZ,aAAU;EACV,wBAAsB,SAAS;EAC/B,yBAAuB,UAAU;EACjC,GAAI;YAEJ,oBAAC;GAAI,KAAK;GAAc,WAAW;GAChC;IACG;GACK;EAGlB;AAED,sBAAsB,cAAc"}

package/dist/areas-CtE8w69A.mjs

@@ -0,0 +1,144 @@
+'use client';
+import { t as cn } from "./utils-D2bGp2p_.mjs";
+import { r as SPRING_FLUID } from "./motion-zelaDelJ.mjs";
+import { i as useChartTooltipContext, r as useChartContext } from "./chart-context-CLV35VLJ.mjs";
+import { useMemo } from "react";
+import { useReducedMotion } from "@mantine/hooks";
+import { AnimatePresence, motion } from "motion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { LinearGradient } from "@visx/gradient";
+import { Group } from "@visx/group";
+import { Area, AreaClosed, Circle } from "@visx/shape";
+
+//#region src/components/charts/areas/areas.tsx
+/**
+* @fileoverview Areas Component - Premium Harmony V2
+*
+* Area chart rendering with gradient fills, mask effects, and fluid animations
+* that respect user motion preferences and provide comprehensive accessibility.
+*
+* Features:
+* - Premium Harmony V2 spring physics for fluid, natural animations
+* - Reduced motion support for accessibility (respects prefers-reduced-motion)
+* - Tailwind v4 CSS-first theming with semantic color tokens
+* - visx AreaClosed, Area, LinearGradient, Circle primitives
+* - Framer Motion (motion/react) path animations with spring physics
+* - Latest value circle indicator for current data point
+*
+* @module @od-oneapp/uni-ui/components/charts/areas
+* @component Areas
+*
+* @useCases
+* - Time series data visualization: Revenue trends, user growth, traffic patterns over time
+* - Multi-metric comparison: Overlay multiple data series with distinct gradients and colors
+* - Trend analysis: Visualize data patterns with smooth area fills and line indicators
+* - Real-time monitoring: Display live metrics with animated updates and latest value indicators
+* - Analytics dashboards: Performance metrics, conversion funnels, engagement trends
+*
+* @example
+*   <TimeSeriesChart data={data} series={series}>
+*     <Areas showLatestValueCircle seriesStyles={[{ id: 'clicks', gradientClassName: 'text-blue-500' }]} />
+*   </TimeSeriesChart>
+*/
+function Areas({ seriesStyles, showLatestValueCircle = true }) {
+	const { data, series, margin, xScale, yScale, startDate, endDate } = useChartContext();
+	const reducedMotion = useReducedMotion();
+	if (!("ticks" in xScale)) throw new Error("Areas require a time scale (type=area)");
+	const { tooltipData } = useChartTooltipContext();
+	const zeroedData = useMemo(() => {
+		return data.map((d) => ({
+			...d,
+			values: Object.fromEntries(Object.keys(d.values).map((key) => [key, 0]))
+		}));
+	}, [data]);
+	const lastDatum = data.at(-1);
+	return /* @__PURE__ */ jsx(Group, {
+		left: margin.left,
+		top: margin.top,
+		children: /* @__PURE__ */ jsx(AnimatePresence, { children: series.filter(({ isActive }) => isActive !== false).map((s) => {
+			const seriesStyle = seriesStyles?.find(({ id }) => id === s.id);
+			const isActive = s.isActive !== false;
+			return /* @__PURE__ */ jsxs(motion.g, {
+				initial: { opacity: 1 },
+				exit: { opacity: 0 },
+				transition: reducedMotion ? { duration: 0 } : SPRING_FLUID,
+				"data-series-id": s.id,
+				"data-active": isActive,
+				"data-has-tooltip": tooltipData != null,
+				children: [
+					/* @__PURE__ */ jsx(LinearGradient, {
+						id: `${s.id}-mask-gradient`,
+						from: "white",
+						to: "white",
+						fromOpacity: .2,
+						toOpacity: 0,
+						x1: 0,
+						x2: 0,
+						y1: 0,
+						y2: 1
+					}),
+					/* @__PURE__ */ jsx("mask", {
+						id: `${s.id}-mask`,
+						maskContentUnits: "objectBoundingBox",
+						children: /* @__PURE__ */ jsx("rect", {
+							width: "1",
+							height: "1",
+							fill: `url(#${s.id}-mask-gradient)`
+						})
+					}),
+					/* @__PURE__ */ jsx(AreaClosed, {
+						data,
+						x: (d) => xScale(d.date),
+						y: (d) => yScale(s.valueAccessor(d) ?? 0),
+						yScale,
+						children: ({ path }) => {
+							return /* @__PURE__ */ jsx(motion.path, {
+								initial: {
+									d: path(zeroedData) ?? "",
+									opacity: 0
+								},
+								animate: {
+									d: path(data) ?? "",
+									opacity: 1
+								},
+								transition: reducedMotion ? { duration: 0 } : {
+									...SPRING_FLUID,
+									opacity: { duration: .3 }
+								},
+								className: cn(s.colorClassName ?? "text-primary", seriesStyle?.gradientClassName),
+								mask: `url(#${s.id}-mask)`,
+								fill: seriesStyle?.areaFill ?? "currentColor"
+							});
+						}
+					}),
+					/* @__PURE__ */ jsx(Area, {
+						data,
+						x: (d) => xScale(d.date),
+						y: (d) => yScale(s.valueAccessor(d) ?? 0),
+						children: ({ path }) => /* @__PURE__ */ jsx(motion.path, {
+							initial: { d: path(zeroedData) ?? "" },
+							animate: { d: path(data) ?? "" },
+							transition: reducedMotion ? { duration: 0 } : SPRING_FLUID,
+							className: cn(s.colorClassName ?? "text-primary", seriesStyle?.lineClassName),
+							stroke: seriesStyle?.lineStroke ?? "currentColor",
+							strokeOpacity: .8,
+							strokeWidth: 2,
+							fill: "transparent"
+						})
+					}),
+					showLatestValueCircle && tooltipData == null && lastDatum != null ? /* @__PURE__ */ jsx(Circle, {
+						cx: xScale(lastDatum.date),
+						cy: yScale(s.valueAccessor(lastDatum) ?? 0),
+						r: 4,
+						className: cn(s.colorClassName ?? "text-primary", seriesStyle?.lineClassName),
+						fill: "currentColor"
+					}) : null
+				]
+			}, `${s.id}_${startDate.toString()}_${endDate.toString()}`);
+		}) })
+	});
+}
+
+//#endregion
+export { Areas as t };
+//# sourceMappingURL=areas-CtE8w69A.mjs.map

package/dist/areas-CtE8w69A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"areas-CtE8w69A.mjs","names":[],"sources":["../src/components/charts/areas/areas.tsx"],"sourcesContent":["/**\n * @fileoverview Areas Component - Premium Harmony V2\n *\n * Area chart rendering with gradient fills, mask effects, and fluid animations\n * that respect user motion preferences and provide comprehensive accessibility.\n *\n * Features:\n * - Premium Harmony V2 spring physics for fluid, natural animations\n * - Reduced motion support for accessibility (respects prefers-reduced-motion)\n * - Tailwind v4 CSS-first theming with semantic color tokens\n * - visx AreaClosed, Area, LinearGradient, Circle primitives\n * - Framer Motion (motion/react) path animations with spring physics\n * - Latest value circle indicator for current data point\n *\n * @module @od-oneapp/uni-ui/components/charts/areas\n * @component Areas\n *\n * @useCases\n * - Time series data visualization: Revenue trends, user growth, traffic patterns over time\n * - Multi-metric comparison: Overlay multiple data series with distinct gradients and colors\n * - Trend analysis: Visualize data patterns with smooth area fills and line indicators\n * - Real-time monitoring: Display live metrics with animated updates and latest value indicators\n * - Analytics dashboards: Performance metrics, conversion funnels, engagement trends\n *\n * @example\n *   <TimeSeriesChart data={data} series={series}>\n *     <Areas showLatestValueCircle seriesStyles={[{ id: 'clicks', gradientClassName: 'text-blue-500' }]} />\n *   </TimeSeriesChart>\n */\n\n'use client';\n\nimport { useMemo } from 'react';\n\nimport { useReducedMotion } from '@mantine/hooks';\nimport { LinearGradient } from '@visx/gradient';\nimport { Group } from '@visx/group';\nimport { Area, AreaClosed, Circle } from '@visx/shape';\nimport { AnimatePresence, motion } from 'motion/react';\n\nimport { cn } from '../../../lib/utils';\nimport { SPRING_FLUID } from '../../ai-elements/ai-elements.constants';\nimport { useChartContext, useChartTooltipContext } from '../chart-context';\n\nimport type { Datum, TimeSeriesDatum } from '../types';\n\ninterface SeriesStyle {\n  id: string;\n  gradientClassName?: string;\n  lineClassName?: string;\n  areaFill?: string;\n  lineStroke?: string;\n}\n\ninterface AreasProps {\n  /** Custom styles for each series */\n  seriesStyles?: SeriesStyle[];\n  /** Show circle at latest value when not hovering */\n  showLatestValueCircle?: boolean;\n}\n\nexport function Areas({ seriesStyles, showLatestValueCircle = true }: AreasProps) {\n  const { data, series, margin, xScale, yScale, startDate, endDate } = useChartContext();\n  const reducedMotion = useReducedMotion();\n\n  if (!('ticks' in xScale)) {\n    throw new Error('Areas require a time scale (type=area)');\n  }\n\n  const { tooltipData } = useChartTooltipContext();\n\n  // Data with all values set to zero to animate from\n  const zeroedData = useMemo(() => {\n    return data.map(d => ({\n      ...d,\n      values: Object.fromEntries(\n        Object.keys(d.values as Record<string, unknown>).map(key => [key, 0]),\n      ),\n    })) as typeof data;\n  }, [data]);\n\n  const lastDatum = data.at(-1);\n\n  return (\n    <Group left={margin.left} top={margin.top}>\n      <AnimatePresence>\n        {series\n          .filter(({ isActive }) => isActive !== false)\n          .map(s => {\n            const seriesStyle = seriesStyles?.find(({ id }) => id === s.id);\n            const isActive = s.isActive !== false;\n            return (\n              // Prevent ugly x-scale animations when start/end dates change with unique key\n              <motion.g\n                initial={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n                transition={reducedMotion ? { duration: 0 } : SPRING_FLUID}\n                key={`${s.id}_${startDate.toString()}_${endDate.toString()}`}\n                data-series-id={s.id}\n                data-active={isActive}\n                data-has-tooltip={tooltipData != null}\n              >\n                {/* Area background mask gradient */}\n                <LinearGradient\n                  id={`${s.id}-mask-gradient`}\n                  from=\"white\"\n                  to=\"white\"\n                  fromOpacity={0.2}\n                  toOpacity={0}\n                  x1={0}\n                  x2={0}\n                  y1={0}\n                  y2={1}\n                />\n                <mask id={`${s.id}-mask`} maskContentUnits=\"objectBoundingBox\">\n                  <rect width=\"1\" height=\"1\" fill={`url(#${s.id}-mask-gradient)`} />\n                </mask>\n\n                {/* Area */}\n                <AreaClosed<TimeSeriesDatum<Datum>>\n                  data={data}\n                  x={d => xScale(d.date)}\n                  y={d => yScale(s.valueAccessor(d) ?? 0)}\n                  yScale={yScale}\n                >\n                  {({ path }) => {\n                    return (\n                      <motion.path\n                        initial={{ d: path(zeroedData) ?? '', opacity: 0 }}\n                        animate={{ d: path(data) ?? '', opacity: 1 }}\n                        transition={\n                          reducedMotion\n                            ? { duration: 0 }\n                            : { ...SPRING_FLUID, opacity: { duration: 0.3 } }\n                        }\n                        className={cn(\n                          s.colorClassName ?? 'text-primary',\n                          seriesStyle?.gradientClassName,\n                        )}\n                        mask={`url(#${s.id}-mask)`}\n                        fill={seriesStyle?.areaFill ?? 'currentColor'}\n                      />\n                    );\n                  }}\n                </AreaClosed>\n\n                {/* Line */}\n                <Area<TimeSeriesDatum<Datum>>\n                  data={data}\n                  x={d => xScale(d.date)}\n                  y={d => yScale(s.valueAccessor(d) ?? 0)}\n                >\n                  {({ path }) => (\n                    <motion.path\n                      initial={{ d: path(zeroedData) ?? '' }}\n                      animate={{ d: path(data) ?? '' }}\n                      transition={reducedMotion ? { duration: 0 } : SPRING_FLUID}\n                      className={cn(s.colorClassName ?? 'text-primary', seriesStyle?.lineClassName)}\n                      stroke={seriesStyle?.lineStroke ?? 'currentColor'}\n                      strokeOpacity={0.8}\n                      strokeWidth={2}\n                      fill=\"transparent\"\n                    />\n                  )}\n                </Area>\n\n                {/* Latest value circle */}\n                {showLatestValueCircle && tooltipData == null && lastDatum != null ? (\n                  <Circle\n                    cx={xScale(lastDatum.date)}\n                    cy={yScale(s.valueAccessor(lastDatum) ?? 0)}\n                    r={4}\n                    className={cn(s.colorClassName ?? 'text-primary', seriesStyle?.lineClassName)}\n                    fill=\"currentColor\"\n                  />\n                ) : null}\n              </motion.g>\n            );\n          })}\n      </AnimatePresence>\n    </Group>\n  );\n}\n\nexport type { SeriesStyle as AreaSeriesStyle, AreasProps };\n"],"mappings":"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"}

package/dist/areas-DtGnjGuX.d.mts

@@ -0,0 +1,22 @@
+
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/charts/areas/areas.d.ts
+interface SeriesStyle {
+  id: string;
+  gradientClassName?: string;
+  lineClassName?: string;
+  areaFill?: string;
+  lineStroke?: string;
+}
+interface AreasProps {
+  seriesStyles?: SeriesStyle[];
+  showLatestValueCircle?: boolean;
+}
+declare function Areas({
+  seriesStyles,
+  showLatestValueCircle
+}: AreasProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AreasProps as n, SeriesStyle as r, Areas as t };
+//# sourceMappingURL=areas-DtGnjGuX.d.mts.map

package/dist/auth-nav-user-CRxDpY_7.d.mts

@@ -0,0 +1,30 @@
+
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/auth/client/nav-user/auth-nav-user.d.ts
+type AuthNavUser = {
+  id: string;
+  name: string;
+  email: string;
+  image: string | null;
+  isAnonymous?: boolean;
+} | null;
+interface AuthNavUserProps {
+  user: AuthNavUser;
+  onSignOut?: () => Promise<void> | void;
+  onSignIn?: () => Promise<void> | void;
+  onProfile?: () => Promise<void> | void;
+  onHome?: () => Promise<void> | void;
+  onThemeChange?: (theme: 'light' | 'dark') => void;
+}
+declare function AuthNavUser({
+  user,
+  onSignOut,
+  onSignIn,
+  onProfile,
+  onHome,
+  onThemeChange
+}: AuthNavUserProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AuthNavUserProps as n, AuthNavUser as t };
+//# sourceMappingURL=auth-nav-user-CRxDpY_7.d.mts.map

package/dist/auth-nav-user-DPFv8dTp.mjs

@@ -0,0 +1,181 @@
+'use client';
+import { AI_FOCUS } from "./components-ai-elements-constants.mjs";
+import { n as AvatarFallback, r as AvatarImage, t as Avatar } from "./avatar-DjiX7nT8.mjs";
+import { a as DropdownMenuItem, h as DropdownMenuTrigger, i as DropdownMenuGroup, o as DropdownMenuLabel, r as DropdownMenuContent, t as DropdownMenu, u as DropdownMenuSeparator } from "./dropdown-menu-91g1g_Cl.mjs";
+import { d as SidebarMenu, h as SidebarMenuItem, m as SidebarMenuButton, w as useSidebar } from "./sidebar-CdWE7H3R.mjs";
+import { useMediaQuery, useReducedMotion } from "@mantine/hooks";
+import { BadgeCheck, ChevronsUpDown, LogIn, LogOut, Moon, Sun, User } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Logger } from "@repo/shared";
+
+//#region src/components/auth/client/nav-user/auth-nav-user.tsx
+/**
+* @fileoverview AuthNavUser Component - Premium Harmony V2
+*
+* Authentication-aware user menu component for sidebar navigation. Displays user avatar,
+* name, email, and provides dropdown menu with authentication actions, account settings,
+* and theme toggle. Supports anonymous sessions and authenticated users.
+*
+* Features:
+* - ES2023 syntax with modern patterns
+* - Tailwind v4 CSS-first theming with semantic color tokens
+* - Premium Harmony V2 focus rings for keyboard navigation (AI_FOCUS)
+* - Touch detection with automatic sizing for mobile devices (pointer: coarse)
+* - Reduced motion support for accessibility compliance
+* - WCAG 2.5.5 compliant 44px minimum touch targets on touch devices
+* - Data attributes for state management (data-state=open/closed)
+* - Responsive dropdown positioning (mobile vs desktop)
+* - Anonymous session support with guest user fallback
+* - Conditional menu items based on authentication state
+*
+* @module @od-oneapp/uni-ui/components/auth/client/nav-user
+* @component AuthNavUser
+*
+* @useCases
+* - Application sidebar user profile menu with sign in/out actions
+* - Dashboard layouts with quick access to authentication and preferences
+* - Admin panels with user-specific actions and theme controls
+* - Multi-tenant applications with organization/account switching
+* - Mobile-responsive navigation with touch-optimized user menu
+* - Accessibility-compliant user menu for keyboard and screen reader users
+* - Anonymous session management with upgrade prompts
+* - Quick access to profile, account settings, and theme toggle from any page
+*
+* @example <AuthNavUser user={user} onSignOut={handleSignOut} onProfile={handleProfile} />
+*
+* @example <AuthNavUser user={anonymousUser} onSignIn={handleSignIn} onHome={handleHome} />
+*
+* @example <AuthNavUser user={user} onThemeChange={(theme) => setTheme(theme)} />
+*/
+const logger = new Logger("uni-ui:auth-nav-user");
+/**
+* User navigation component for sidebar footer.
+* Shows user avatar, name, email and provides auth actions.
+* Implements Premium Harmony V2 patterns for accessibility and touch support.
+*/
+function AuthNavUser({ user, onSignOut, onSignIn, onProfile, onHome, onThemeChange }) {
+	const { isMobile } = useSidebar();
+	const isTouch = useMediaQuery("(pointer: coarse)");
+	const reducedMotion = useReducedMotion();
+	const isAnonymous = user?.isAnonymous ?? false;
+	const isAuthenticated = Boolean(user) && !isAnonymous;
+	const displayName = isAnonymous ? "Guest User" : user?.name ?? "Guest User";
+	const displayEmail = isAnonymous ? "Anonymous session" : user?.email ?? "Not signed in";
+	const avatarUrl = user?.image ?? void 0;
+	const handleSignIn = async () => {
+		await onSignIn?.();
+	};
+	const handleSignOut = async () => {
+		try {
+			if (onSignOut) await onSignOut();
+			await onHome?.();
+		} catch (error) {
+			logger.error("Sign out failed", { error });
+		}
+	};
+	const handleProfile = async () => {
+		await onProfile?.();
+	};
+	const handleThemeChange = (theme) => {
+		onThemeChange?.(theme);
+	};
+	return /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
+			size: "lg",
+			className: `data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground ${AI_FOCUS.ring}`,
+			"data-touch": isTouch ? "true" : "false",
+			"data-reduced-motion": reducedMotion ? "true" : "false",
+			children: [
+				/* @__PURE__ */ jsxs(Avatar, {
+					className: "h-8 w-8 rounded-lg",
+					children: [/* @__PURE__ */ jsx(AvatarImage, {
+						src: avatarUrl,
+						alt: displayName
+					}), /* @__PURE__ */ jsx(AvatarFallback, {
+						className: "rounded-lg",
+						children: isAuthenticated ? displayName.slice(0, 2).toUpperCase() : "?"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid flex-1 text-left text-sm leading-tight",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "truncate font-medium",
+						children: displayName
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground truncate text-xs",
+						children: displayEmail
+					})]
+				}),
+				/* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto size-4" })
+			]
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg",
+		side: isMobile ? "bottom" : "right",
+		align: "end",
+		sideOffset: 4,
+		"data-touch": isTouch ? "true" : "false",
+		children: [
+			/* @__PURE__ */ jsx(DropdownMenuLabel, {
+				className: "p-0 font-normal",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm",
+					children: [/* @__PURE__ */ jsxs(Avatar, {
+						className: "h-8 w-8 rounded-lg",
+						children: [/* @__PURE__ */ jsx(AvatarImage, {
+							src: avatarUrl,
+							alt: displayName
+						}), /* @__PURE__ */ jsx(AvatarFallback, {
+							className: "rounded-lg",
+							children: isAuthenticated ? displayName.slice(0, 2).toUpperCase() : "?"
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "grid flex-1 text-left text-sm leading-tight",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "truncate font-medium",
+							children: displayName
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground truncate text-xs",
+							children: displayEmail
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			!isAuthenticated ? /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => void handleSignIn(),
+				"data-action": "sign-in",
+				"data-anonymous": isAnonymous ? "true" : "false",
+				children: [/* @__PURE__ */ jsx(LogIn, {}), isAnonymous ? "Sign In or Create Account" : "Sign In"]
+			}) }) : /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [/* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => void handleProfile(),
+				"data-action": "profile",
+				children: [/* @__PURE__ */ jsx(User, {}), "Profile"]
+			}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => void handleProfile(),
+				"data-action": "account-settings",
+				children: [/* @__PURE__ */ jsx(BadgeCheck, {}), "Account Settings"]
+			})] }),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			/* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [/* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => handleThemeChange("light"),
+				"data-action": "theme-light",
+				children: [/* @__PURE__ */ jsx(Sun, {}), "Light Theme"]
+			}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => handleThemeChange("dark"),
+				"data-action": "theme-dark",
+				children: [/* @__PURE__ */ jsx(Moon, {}), "Dark Theme"]
+			})] }),
+			isAuthenticated && onSignOut ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => void handleSignOut(),
+				"data-action": "sign-out",
+				children: [/* @__PURE__ */ jsx(LogOut, {}), "Sign Out"]
+			})] }) : null
+		]
+	})] }) }) });
+}
+
+//#endregion
+export { AuthNavUser as t };
+//# sourceMappingURL=auth-nav-user-DPFv8dTp.mjs.map

package/dist/auth-nav-user-DPFv8dTp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-nav-user-DPFv8dTp.mjs","names":[],"sources":["../src/components/auth/client/nav-user/auth-nav-user.tsx"],"sourcesContent":["'use client';\n\n/**\n * @fileoverview AuthNavUser Component - Premium Harmony V2\n *\n * Authentication-aware user menu component for sidebar navigation. Displays user avatar,\n * name, email, and provides dropdown menu with authentication actions, account settings,\n * and theme toggle. Supports anonymous sessions and authenticated users.\n *\n * Features:\n * - ES2023 syntax with modern patterns\n * - Tailwind v4 CSS-first theming with semantic color tokens\n * - Premium Harmony V2 focus rings for keyboard navigation (AI_FOCUS)\n * - Touch detection with automatic sizing for mobile devices (pointer: coarse)\n * - Reduced motion support for accessibility compliance\n * - WCAG 2.5.5 compliant 44px minimum touch targets on touch devices\n * - Data attributes for state management (data-state=open/closed)\n * - Responsive dropdown positioning (mobile vs desktop)\n * - Anonymous session support with guest user fallback\n * - Conditional menu items based on authentication state\n *\n * @module @od-oneapp/uni-ui/components/auth/client/nav-user\n * @component AuthNavUser\n *\n * @useCases\n * - Application sidebar user profile menu with sign in/out actions\n * - Dashboard layouts with quick access to authentication and preferences\n * - Admin panels with user-specific actions and theme controls\n * - Multi-tenant applications with organization/account switching\n * - Mobile-responsive navigation with touch-optimized user menu\n * - Accessibility-compliant user menu for keyboard and screen reader users\n * - Anonymous session management with upgrade prompts\n * - Quick access to profile, account settings, and theme toggle from any page\n *\n * @example <AuthNavUser user={user} onSignOut={handleSignOut} onProfile={handleProfile} />\n *\n * @example <AuthNavUser user={anonymousUser} onSignIn={handleSignIn} onHome={handleHome} />\n *\n * @example <AuthNavUser user={user} onThemeChange={(theme) => setTheme(theme)} />\n */\n\nimport { useMediaQuery, useReducedMotion } from '@mantine/hooks';\nimport { Logger } from '@repo/shared';\nimport { BadgeCheck, ChevronsUpDown, LogIn, LogOut, Moon, Sun, User } from 'lucide-react';\n\nconst logger = new Logger('uni-ui:auth-nav-user');\n\nimport { AI_FOCUS } from '../../../ai-elements/ai-elements.constants';\nimport { Avatar, AvatarFallback, AvatarImage } from '../../../elements/atoms/avatar';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '../../../elements/organisms/dropdown-menu';\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from '../../../layout/sidebar';\n\n/**\n * User data for auth navigation component\n */\nexport type AuthNavUser = {\n  id: string;\n  name: string;\n  email: string;\n  image: string | null;\n  isAnonymous?: boolean;\n} | null;\n\nexport interface AuthNavUserProps {\n  user: AuthNavUser;\n  /** Auth client signOut function */\n  onSignOut?: () => Promise<void> | void;\n  /** Optional callbacks for navigation/actions provided by the app */\n  onSignIn?: () => Promise<void> | void;\n  onProfile?: () => Promise<void> | void;\n  onHome?: () => Promise<void> | void;\n  onThemeChange?: (theme: 'light' | 'dark') => void;\n}\n\n/**\n * User navigation component for sidebar footer.\n * Shows user avatar, name, email and provides auth actions.\n * Implements Premium Harmony V2 patterns for accessibility and touch support.\n */\nexport function AuthNavUser({\n  user,\n  onSignOut,\n  onSignIn,\n  onProfile,\n  onHome,\n  onThemeChange,\n}: AuthNavUserProps) {\n  const { isMobile } = useSidebar();\n  const isTouch = useMediaQuery('(pointer: coarse)');\n  const reducedMotion = useReducedMotion();\n\n  const isAnonymous = user?.isAnonymous ?? false;\n  const isAuthenticated = Boolean(user) && !isAnonymous;\n  const displayName = isAnonymous ? 'Guest User' : (user?.name ?? 'Guest User');\n  const displayEmail = isAnonymous ? 'Anonymous session' : (user?.email ?? 'Not signed in');\n  const avatarUrl = user?.image ?? undefined;\n\n  const handleSignIn = async () => {\n    await onSignIn?.();\n  };\n\n  const handleSignOut = async () => {\n    try {\n      if (onSignOut) {\n        await onSignOut();\n      }\n      await onHome?.();\n    } catch (error) {\n      logger.error('Sign out failed', { error });\n    }\n  };\n\n  const handleProfile = async () => {\n    await onProfile?.();\n  };\n\n  const handleThemeChange = (theme: 'light' | 'dark') => {\n    onThemeChange?.(theme);\n  };\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className={`data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground ${AI_FOCUS.ring}`}\n              data-touch={isTouch ? 'true' : 'false'}\n              data-reduced-motion={reducedMotion ? 'true' : 'false'}\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={avatarUrl} alt={displayName} />\n                <AvatarFallback className=\"rounded-lg\">\n                  {isAuthenticated ? displayName.slice(0, 2).toUpperCase() : '?'}\n                </AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{displayName}</span>\n                <span className=\"text-muted-foreground truncate text-xs\">{displayEmail}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? 'bottom' : 'right'}\n            align=\"end\"\n            sideOffset={4}\n            data-touch={isTouch ? 'true' : 'false'}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={avatarUrl} alt={displayName} />\n                  <AvatarFallback className=\"rounded-lg\">\n                    {isAuthenticated ? displayName.slice(0, 2).toUpperCase() : '?'}\n                  </AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-medium\">{displayName}</span>\n                  <span className=\"text-muted-foreground truncate text-xs\">{displayEmail}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n\n            {!isAuthenticated ? (\n              <DropdownMenuGroup>\n                <DropdownMenuItem\n                  onClick={() => void handleSignIn()}\n                  data-action=\"sign-in\"\n                  data-anonymous={isAnonymous ? 'true' : 'false'}\n                >\n                  <LogIn />\n                  {isAnonymous ? 'Sign In or Create Account' : 'Sign In'}\n                </DropdownMenuItem>\n              </DropdownMenuGroup>\n            ) : (\n              <DropdownMenuGroup>\n                <DropdownMenuItem onClick={() => void handleProfile()} data-action=\"profile\">\n                  <User />\n                  Profile\n                </DropdownMenuItem>\n                <DropdownMenuItem\n                  onClick={() => void handleProfile()}\n                  data-action=\"account-settings\"\n                >\n                  <BadgeCheck />\n                  Account Settings\n                </DropdownMenuItem>\n              </DropdownMenuGroup>\n            )}\n\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem\n                onClick={() => handleThemeChange('light')}\n                data-action=\"theme-light\"\n              >\n                <Sun />\n                Light Theme\n              </DropdownMenuItem>\n              <DropdownMenuItem onClick={() => handleThemeChange('dark')} data-action=\"theme-dark\">\n                <Moon />\n                Dark Theme\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n\n            {isAuthenticated && onSignOut ? (\n              <>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem onClick={() => void handleSignOut()} data-action=\"sign-out\">\n                  <LogOut />\n                  Sign Out\n                </DropdownMenuItem>\n              </>\n            ) : null}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  );\n}\n"],"mappings":"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"}