@od-oneapp/uni-ui 2026.1.1301

package/dist/textarea-MpLFc9sB.mjs

@@ -0,0 +1,173 @@
+'use client';
+import { t as cn } from "./utils-D2bGp2p_.mjs";
+import { forwardRef, memo, useMemo } from "react";
+import { useMediaQuery, useReducedMotion } from "@mantine/hooks";
+import { cva } from "class-variance-authority";
+import { motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/forms/textarea/textarea.tsx
+/**
+* @fileoverview Textarea Component - Premium Harmony V2
+*
+* A multi-line text input component with automatic touch detection, validation states,
+* and comprehensive accessibility support following WCAG 2.5.5 guidelines. Features
+* auto-resizing, shake animations for errors, and semantic color tokens.
+*
+* Features:
+* - ES2023 syntax with modern patterns
+* - Tailwind v4 CSS-first theming with semantic color tokens
+* - Automatic touch detection with 44px minimum targets (WCAG 2.5.5)
+* - Multiple size and variant options
+* - Super light/dark mode with seamless switching
+* - Complete pseudo-state coverage (:hover, :focus, :disabled, :invalid)
+* - Respects reduced motion preferences
+* - Field-sizing-content for auto-resize
+* - Shake animation for error feedback
+* - Data attributes for state management (data-state)
+*
+* @module @od-oneapp/uni-ui/components/forms/textarea
+* @component Textarea
+*
+* @useCases
+* - Form text areas (comments, descriptions, bio)
+* - Message composition fields with validation feedback
+* - Code snippet inputs with ghost styling
+* - Multi-line notes with auto-resizing
+* - Accessible forms with error states and shake feedback
+* - Touch-optimized interfaces (automatically adapts to 44px targets)
+* - Customer feedback forms with validation states
+* - Chat or messaging interfaces
+*
+* @variants
+* - size: sm, default, lg, touch (auto-applied on touch devices)
+* - variant: default, ghost, filled
+*
+* @example <Textarea placeholder="Enter description..." />
+* @example <Textarea size="sm" rows={3} />
+* @example <Textarea size="lg" variant="ghost" />
+* @example <Textarea aria-invalid shake placeholder="Invalid input" />
+* @example <Textarea data-state="error" placeholder="Error state" />
+* @example <Textarea data-state="success" placeholder="Success state" />
+*/
+/**
+* Textarea variant definitions using CVA
+*
+* Base styles include:
+* - Full width with field-sizing for auto-resize
+* - Rounded corners with border
+* - Focus ring for accessibility (focus-visible pattern)
+* - Disabled state styling
+* - Selection styling with semantic colors
+* - Data state attributes (error/success/default)
+* - Touch-optimized sizing (44px minimum for WCAG 2.5.5)
+*/
+const textareaVariants = cva([
+	"flex w-full field-sizing-content",
+	"rounded-md border",
+	"text-base md:text-sm",
+	"bg-transparent text-foreground",
+	"border-input",
+	"placeholder:text-muted-foreground",
+	"selection:bg-primary selection:text-primary-foreground",
+	"shadow-xs",
+	"outline-none",
+	"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+	"focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30",
+	"aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20",
+	"data-[state=error]:border-destructive data-[state=error]:ring-2 data-[state=error]:ring-destructive/20",
+	"data-[state=success]:border-success data-[state=success]:ring-2 data-[state=success]:ring-success/20",
+	"dark:bg-input/30 dark:border-input/80",
+	"dark:focus-visible:ring-ring/40",
+	"dark:aria-invalid:ring-destructive/40",
+	"dark:data-[state=error]:ring-destructive/40",
+	"dark:data-[state=success]:ring-success/40",
+	"resize-y"
+], {
+	variants: {
+		size: {
+			sm: "min-h-16 px-2.5 py-1.5 text-sm",
+			default: "min-h-20 px-3 py-2",
+			lg: "min-h-24 px-4 py-3",
+			touch: "min-h-11 px-3 py-2.5 text-base md:text-sm"
+		},
+		variant: {
+			default: [
+				"border-input bg-transparent",
+				"hover:border-input/80",
+				"dark:hover:border-input"
+			],
+			ghost: [
+				"border-transparent bg-transparent shadow-none",
+				"hover:bg-accent/50",
+				"focus-visible:bg-transparent",
+				"dark:hover:bg-accent/30"
+			],
+			filled: [
+				"border-transparent bg-muted",
+				"hover:bg-muted/80",
+				"focus-visible:bg-transparent focus-visible:border-ring",
+				"dark:bg-muted/50 dark:hover:bg-muted/40"
+			]
+		}
+	},
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	}
+});
+/**
+* Textarea Component - Premium Harmony V2
+*
+* A multi-line text input with comprehensive styling and accessibility support.
+* Automatically detects touch devices and applies WCAG 2.5.5 compliant sizing.
+* Respects reduced motion preferences for animations.
+*
+* @param props - Component props including size, variant, and state
+* @returns Textarea element with automatic touch detection and state management
+*/
+const Textarea = memo(forwardRef(function Textarea({ className, size, variant, shake = false, "data-state": dataState, ...props }, ref) {
+	const isTouchDevice = useMediaQuery("(pointer: coarse)") ?? false;
+	const reducedMotion = useReducedMotion() ?? false;
+	const effectiveSize = useMemo(() => {
+		if (size) return size;
+		return isTouchDevice ? "touch" : "default";
+	}, [size, isTouchDevice]);
+	const computedState = useMemo(() => {
+		if (dataState) return dataState;
+		if (props["aria-invalid"] === true || props["aria-invalid"] === "true") return "error";
+		return "default";
+	}, [dataState, props]);
+	const textareaClassName = useMemo(() => cn(textareaVariants({
+		size: effectiveSize,
+		variant
+	}), !reducedMotion && "transition-[color,border-color,box-shadow] duration-150 ease-out", className), [
+		effectiveSize,
+		variant,
+		reducedMotion,
+		className
+	]);
+	return /* @__PURE__ */ jsx(motion.textarea, {
+		ref,
+		"data-slot": "textarea",
+		"data-state": computedState,
+		className: textareaClassName,
+		animate: shake && !reducedMotion ? { x: [
+			-4,
+			4,
+			-4,
+			4,
+			0
+		] } : { x: 0 },
+		transition: {
+			duration: .4,
+			ease: "easeInOut"
+		},
+		...props
+	});
+}));
+Textarea.displayName = "Textarea";
+
+//#endregion
+export { textareaVariants as n, Textarea as t };
+//# sourceMappingURL=textarea-MpLFc9sB.mjs.map

package/dist/textarea-MpLFc9sB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-MpLFc9sB.mjs","names":[],"sources":["../src/components/forms/textarea/textarea.tsx"],"sourcesContent":["/**\n * @fileoverview Textarea Component - Premium Harmony V2\n *\n * A multi-line text input component with automatic touch detection, validation states,\n * and comprehensive accessibility support following WCAG 2.5.5 guidelines. Features\n * auto-resizing, shake animations for errors, and semantic color tokens.\n *\n * Features:\n * - ES2023 syntax with modern patterns\n * - Tailwind v4 CSS-first theming with semantic color tokens\n * - Automatic touch detection with 44px minimum targets (WCAG 2.5.5)\n * - Multiple size and variant options\n * - Super light/dark mode with seamless switching\n * - Complete pseudo-state coverage (:hover, :focus, :disabled, :invalid)\n * - Respects reduced motion preferences\n * - Field-sizing-content for auto-resize\n * - Shake animation for error feedback\n * - Data attributes for state management (data-state)\n *\n * @module @od-oneapp/uni-ui/components/forms/textarea\n * @component Textarea\n *\n * @useCases\n * - Form text areas (comments, descriptions, bio)\n * - Message composition fields with validation feedback\n * - Code snippet inputs with ghost styling\n * - Multi-line notes with auto-resizing\n * - Accessible forms with error states and shake feedback\n * - Touch-optimized interfaces (automatically adapts to 44px targets)\n * - Customer feedback forms with validation states\n * - Chat or messaging interfaces\n *\n * @variants\n * - size: sm, default, lg, touch (auto-applied on touch devices)\n * - variant: default, ghost, filled\n *\n * @example <Textarea placeholder=\"Enter description...\" />\n * @example <Textarea size=\"sm\" rows={3} />\n * @example <Textarea size=\"lg\" variant=\"ghost\" />\n * @example <Textarea aria-invalid shake placeholder=\"Invalid input\" />\n * @example <Textarea data-state=\"error\" placeholder=\"Error state\" />\n * @example <Textarea data-state=\"success\" placeholder=\"Success state\" />\n */\n\n'use client';\n\nimport { forwardRef, memo, useMemo } from 'react';\n\nimport { useMediaQuery, useReducedMotion } from '@mantine/hooks';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { motion, type HTMLMotionProps } from 'motion/react';\n\nimport { cn } from '../../../lib/utils';\n\n/**\n * Textarea variant definitions using CVA\n *\n * Base styles include:\n * - Full width with field-sizing for auto-resize\n * - Rounded corners with border\n * - Focus ring for accessibility (focus-visible pattern)\n * - Disabled state styling\n * - Selection styling with semantic colors\n * - Data state attributes (error/success/default)\n * - Touch-optimized sizing (44px minimum for WCAG 2.5.5)\n */\nconst textareaVariants = cva(\n  [\n    // Layout\n    'flex w-full field-sizing-content',\n    // Shape\n    'rounded-md border',\n    // Typography\n    'text-base md:text-sm',\n    // Colors (semantic tokens)\n    'bg-transparent text-foreground',\n    'border-input',\n    // Placeholder\n    'placeholder:text-muted-foreground',\n    // Selection (semantic colors)\n    'selection:bg-primary selection:text-primary-foreground',\n    // Shadow\n    'shadow-xs',\n    // Outline removal (we use ring instead for focus-visible pattern)\n    'outline-none',\n    // Disabled state\n    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n    // Focus visible state (Premium Harmony V2 pattern)\n    'focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30',\n    // Invalid state (aria-invalid)\n    'aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20',\n    // Data state attributes (Premium Harmony V2)\n    'data-[state=error]:border-destructive data-[state=error]:ring-2 data-[state=error]:ring-destructive/20',\n    'data-[state=success]:border-success data-[state=success]:ring-2 data-[state=success]:ring-success/20',\n    // Dark mode (semantic tokens)\n    'dark:bg-input/30 dark:border-input/80',\n    'dark:focus-visible:ring-ring/40',\n    'dark:aria-invalid:ring-destructive/40',\n    'dark:data-[state=error]:ring-destructive/40',\n    'dark:data-[state=success]:ring-success/40',\n    // Resize behavior\n    'resize-y',\n  ],\n  {\n    variants: {\n      /**\n       * Size variants\n       * - touch: 44px minimum (min-h-11) for WCAG 2.5.5 compliance, auto-applied on touch devices\n       */\n      size: {\n        sm: 'min-h-16 px-2.5 py-1.5 text-sm',\n        default: 'min-h-20 px-3 py-2',\n        lg: 'min-h-24 px-4 py-3',\n        touch: 'min-h-11 px-3 py-2.5 text-base md:text-sm', // 44px - WCAG 2.5.5\n      },\n      /**\n       * Visual variant styles\n       */\n      variant: {\n        default: [\n          'border-input bg-transparent',\n          'hover:border-input/80',\n          'dark:hover:border-input',\n        ],\n        ghost: [\n          'border-transparent bg-transparent shadow-none',\n          'hover:bg-accent/50',\n          'focus-visible:bg-transparent',\n          'dark:hover:bg-accent/30',\n        ],\n        filled: [\n          'border-transparent bg-muted',\n          'hover:bg-muted/80',\n          'focus-visible:bg-transparent focus-visible:border-ring',\n          'dark:bg-muted/50 dark:hover:bg-muted/40',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      variant: 'default',\n    },\n  },\n);\n\n/**\n * Textarea component props\n */\ninterface TextareaProps\n  extends\n    Omit<\n      HTMLMotionProps<'textarea'>,\n      'size' | 'children' | 'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag'\n    >,\n    VariantProps<typeof textareaVariants> {\n  /** Trigger shake animation for error feedback */\n  shake?: boolean;\n  /** Visual state indicator (error/success/default) - Premium Harmony V2 */\n  'data-state'?: 'error' | 'success' | 'default';\n}\n\n/**\n * Textarea Component - Premium Harmony V2\n *\n * A multi-line text input with comprehensive styling and accessibility support.\n * Automatically detects touch devices and applies WCAG 2.5.5 compliant sizing.\n * Respects reduced motion preferences for animations.\n *\n * @param props - Component props including size, variant, and state\n * @returns Textarea element with automatic touch detection and state management\n */\nconst Textarea = memo(\n  forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    { className, size, variant, shake = false, 'data-state': dataState, ...props },\n    ref,\n  ) {\n    // Premium Harmony V2: Detect touch devices for automatic sizing\n    const isTouchDevice = useMediaQuery('(pointer: coarse)') ?? false;\n\n    // Respect user's reduced motion preference\n    const reducedMotion = useReducedMotion() ?? false;\n\n    // Auto-apply touch size on touch devices (WCAG 2.5.5 - 44px minimum)\n    const effectiveSize = useMemo(() => {\n      if (size) return size;\n      return isTouchDevice ? 'touch' : 'default';\n    }, [size, isTouchDevice]);\n\n    // Compute data-state from aria-invalid if not explicitly provided\n    const computedState = useMemo(() => {\n      if (dataState) return dataState;\n      if (props['aria-invalid'] === true || props['aria-invalid'] === 'true') return 'error';\n      return 'default';\n    }, [dataState, props]);\n\n    // Memoize className computation\n    const textareaClassName = useMemo(\n      () =>\n        cn(\n          textareaVariants({ size: effectiveSize, variant }),\n          // Smooth transitions when user doesn't prefer reduced motion\n          !reducedMotion && 'transition-[color,border-color,box-shadow] duration-150 ease-out',\n          className,\n        ),\n      [effectiveSize, variant, reducedMotion, className],\n    );\n\n    return (\n      <motion.textarea\n        ref={ref}\n        data-slot=\"textarea\"\n        data-state={computedState}\n        className={textareaClassName}\n        animate={shake && !reducedMotion ? { x: [-4, 4, -4, 4, 0] } : { x: 0 }}\n        transition={{ duration: 0.4, ease: 'easeInOut' }}\n        {...(props as any)}\n      />\n    );\n  }),\n);\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea, textareaVariants };\nexport type { TextareaProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAM,mBAAmB,IACvB;CAEE;CAEA;CAEA;CAEA;CACA;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACD,EACD;CACE,UAAU;EAKR,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,OAAO;GACR;EAID,SAAS;GACP,SAAS;IACP;IACA;IACA;IACD;GACD,OAAO;IACL;IACA;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACA;IACD;GACF;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACF,CACF;;;;;;;;;;;AA4BD,MAAM,WAAW,KACf,WAA+C,SAAS,SACtD,EAAE,WAAW,MAAM,SAAS,QAAQ,OAAO,cAAc,WAAW,GAAG,SACvE,KACA;CAEA,MAAM,gBAAgB,cAAc,oBAAoB,IAAI;CAG5D,MAAM,gBAAgB,kBAAkB,IAAI;CAG5C,MAAM,gBAAgB,cAAc;AAClC,MAAI,KAAM,QAAO;AACjB,SAAO,gBAAgB,UAAU;IAChC,CAAC,MAAM,cAAc,CAAC;CAGzB,MAAM,gBAAgB,cAAc;AAClC,MAAI,UAAW,QAAO;AACtB,MAAI,MAAM,oBAAoB,QAAQ,MAAM,oBAAoB,OAAQ,QAAO;AAC/E,SAAO;IACN,CAAC,WAAW,MAAM,CAAC;CAGtB,MAAM,oBAAoB,cAEtB,GACE,iBAAiB;EAAE,MAAM;EAAe;EAAS,CAAC,EAElD,CAAC,iBAAiB,oEAClB,UACD,EACH;EAAC;EAAe;EAAS;EAAe;EAAU,CACnD;AAED,QACE,oBAAC,OAAO;EACD;EACL,aAAU;EACV,cAAY;EACZ,WAAW;EACX,SAAS,SAAS,CAAC,gBAAgB,EAAE,GAAG;GAAC;GAAI;GAAG;GAAI;GAAG;GAAE,EAAE,GAAG,EAAE,GAAG,GAAG;EACtE,YAAY;GAAE,UAAU;GAAK,MAAM;GAAa;EAChD,GAAK;GACL;EAEJ,CACH;AAED,SAAS,cAAc"}

package/dist/theme-provider-4D34sBmG.mjs

@@ -0,0 +1,83 @@
+'use client';
+import { jsx } from "react/jsx-runtime";
+import { ThemeProvider } from "next-themes";
+
+//#region src/components/layout/theme-provider/theme-provider.tsx
+/**
+* @fileoverview ThemeProvider Component - Premium Harmony V2
+*
+* A context provider that wraps next-themes for seamless dark/light mode support.
+* Preconfigured with design system defaults for consistent theming across the application.
+*
+* Features:
+* - System preference detection (prefers-color-scheme)
+* - Class-based theme switching for Tailwind CSS v4
+* - Flash-free hydration with disableTransitionOnChange
+* - SSR-safe with next-themes integration
+* - Semantic color tokens via CSS variables
+* - Respects user preference persistence
+* - Supports forced themes for specific routes
+* - Compatible with Premium Harmony V2 motion system
+*
+* @module @od-oneapp/uni-ui/components/layout/theme-provider
+* @component ThemeProvider
+*
+* @useCases
+* - Root application wrapper for theme context
+* - Dark/light mode toggle support throughout app
+* - System theme preference synchronization
+* - Marketing pages with forced light/dark themes
+* - Embedded widgets with isolated theme contexts
+* - Theme-aware component styling via CSS variables
+* - User preference persistence across sessions
+* - A/B testing different theme configurations
+*
+* @example
+* // Root layout usage
+* <ThemeProvider>
+*   <App />
+* </ThemeProvider>
+*
+* @example
+* // With custom defaults
+* <ThemeProvider defaultTheme="dark" enableSystem={false}>
+*   <App />
+* </ThemeProvider>
+*
+* @example
+* // Force theme for specific page
+* <ThemeProvider forcedTheme="light">
+*   <MarketingPage />
+* </ThemeProvider>
+*/
+/**
+* Default configuration for the theme provider.
+* These values ensure consistent theming behavior across the design system.
+*/
+const defaultThemeProviderProps = {
+	attribute: "class",
+	defaultTheme: "system",
+	enableSystem: true,
+	disableTransitionOnChange: true
+};
+/**
+* ThemeProvider - Application-wide theme context provider
+*
+* Wraps the application with next-themes provider preconfigured
+* for the design system's semantic color tokens. Enables seamless
+* dark/light mode switching with system preference support.
+*
+* @param props - Theme provider configuration options
+* @returns The themed application wrapper
+*/
+function ThemeProvider$1({ children, ...props }) {
+	return /* @__PURE__ */ jsx(ThemeProvider, {
+		...defaultThemeProviderProps,
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { ThemeProvider$1 as t };
+//# sourceMappingURL=theme-provider-4D34sBmG.mjs.map

package/dist/theme-provider-4D34sBmG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider-4D34sBmG.mjs","names":["ThemeProvider","NextThemesProvider"],"sources":["../src/components/layout/theme-provider/theme-provider.tsx"],"sourcesContent":["/**\n * @fileoverview ThemeProvider Component - Premium Harmony V2\n *\n * A context provider that wraps next-themes for seamless dark/light mode support.\n * Preconfigured with design system defaults for consistent theming across the application.\n *\n * Features:\n * - System preference detection (prefers-color-scheme)\n * - Class-based theme switching for Tailwind CSS v4\n * - Flash-free hydration with disableTransitionOnChange\n * - SSR-safe with next-themes integration\n * - Semantic color tokens via CSS variables\n * - Respects user preference persistence\n * - Supports forced themes for specific routes\n * - Compatible with Premium Harmony V2 motion system\n *\n * @module @od-oneapp/uni-ui/components/layout/theme-provider\n * @component ThemeProvider\n *\n * @useCases\n * - Root application wrapper for theme context\n * - Dark/light mode toggle support throughout app\n * - System theme preference synchronization\n * - Marketing pages with forced light/dark themes\n * - Embedded widgets with isolated theme contexts\n * - Theme-aware component styling via CSS variables\n * - User preference persistence across sessions\n * - A/B testing different theme configurations\n *\n * @example\n * // Root layout usage\n * <ThemeProvider>\n *   <App />\n * </ThemeProvider>\n *\n * @example\n * // With custom defaults\n * <ThemeProvider defaultTheme=\"dark\" enableSystem={false}>\n *   <App />\n * </ThemeProvider>\n *\n * @example\n * // Force theme for specific page\n * <ThemeProvider forcedTheme=\"light\">\n *   <MarketingPage />\n * </ThemeProvider>\n */\n\n'use client';\n\nimport type { ReactElement } from 'react';\n\nimport { ThemeProvider as NextThemesProvider } from 'next-themes';\n\nimport type { ThemeProviderProps as NextThemesProviderProps } from 'next-themes';\n\n/**\n * Default configuration for the theme provider.\n * These values ensure consistent theming behavior across the design system.\n */\nconst defaultThemeProviderProps: Pick<\n  NextThemesProviderProps,\n  'attribute' | 'defaultTheme' | 'enableSystem' | 'disableTransitionOnChange'\n> = {\n  /** Use class-based theming for Tailwind CSS v4 compatibility */\n  attribute: 'class',\n  /** Default to system preference for user-friendly experience */\n  defaultTheme: 'system',\n  /** Enable automatic system preference detection */\n  enableSystem: true,\n  /** Prevent flash of incorrect theme during hydration */\n  disableTransitionOnChange: true,\n};\n\n/**\n * Props for the {@link ThemeProvider} component.\n *\n * Extends all props from `next-themes` ThemeProvider, allowing full customization\n * while providing sensible defaults optimized for the design system.\n *\n * @see {@link ThemeProvider} for usage examples.\n */\nexport type ThemeProviderProps = NextThemesProviderProps & { children?: React.ReactNode };\n\n/**\n * ThemeProvider - Application-wide theme context provider\n *\n * Wraps the application with next-themes provider preconfigured\n * for the design system's semantic color tokens. Enables seamless\n * dark/light mode switching with system preference support.\n *\n * @param props - Theme provider configuration options\n * @returns The themed application wrapper\n */\nexport function ThemeProvider({ children, ...props }: ThemeProviderProps): ReactElement<any> {\n  return (\n    <NextThemesProvider {...defaultThemeProviderProps} {...props}>\n      {children}\n    </NextThemesProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,MAAM,4BAGF;CAEF,WAAW;CAEX,cAAc;CAEd,cAAc;CAEd,2BAA2B;CAC5B;;;;;;;;;;;AAsBD,SAAgBA,gBAAc,EAAE,UAAU,GAAG,SAAgD;AAC3F,QACE,oBAACC;EAAmB,GAAI;EAA2B,GAAI;EACpD;GACkB"}

package/dist/time-series-chart-B66xH88w.d.mts

@@ -0,0 +1,69 @@
+
+import { Dispatch, FC, PropsWithChildren, ReactElement, SetStateAction } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { TooltipWithBounds } from "@visx/tooltip";
+import { ScaleTypeToD3Scale } from "@visx/scale";
+import { UseTooltipParams } from "@visx/tooltip/lib/hooks/useTooltip";
+import { TooltipInPortalProps } from "@visx/tooltip/lib/hooks/useTooltipInPortal";
+
+//#region src/components/charts/types.d.ts
+type Datum = Record<string, unknown>;
+interface TimeSeriesDatum<T extends Datum = Datum> {
+  date: Date;
+  values: T;
+}
+type AccessorFn<T extends Datum, TValue = number> = (datum: TimeSeriesDatum<T>) => TValue;
+interface Series<T extends Datum = Datum, TValue = number> {
+  id: string;
+  isActive?: boolean;
+  valueAccessor: AccessorFn<T, TValue>;
+  colorClassName?: string;
+}
+type Data<T extends Datum> = TimeSeriesDatum<T>[];
+interface ChartMargin {
+  top: number;
+  right: number;
+  bottom: number;
+  left: number;
+}
+interface ChartPadding {
+  top: number;
+  bottom: number;
+}
+interface ChartProps<T extends Datum = Datum> {
+  data: Data<T>;
+  series: Series<T>[];
+  type?: 'area' | 'bar';
+  tooltipContent?: (datum: TimeSeriesDatum<T>) => ReactElement<any> | string;
+  tooltipClassName?: string;
+  defaultTooltipIndex?: number | null;
+  onHoverDateChange?: (date: Date | null) => void;
+  margin?: ChartMargin;
+  padding?: ChartPadding;
+}
+interface ChartContext<T extends Datum = Datum> extends Required<Omit<ChartProps<T>, 'onHoverDateChange'>> {
+  width: number;
+  height: number;
+  startDate: Date;
+  endDate: Date;
+  xScale: ScaleTypeToD3Scale<number>['utc'] | ScaleTypeToD3Scale<number>['band'];
+  yScale: ScaleTypeToD3Scale<number>['linear'];
+  minY: number;
+  maxY: number;
+  leftAxisMargin?: number;
+  setLeftAxisMargin: Dispatch<SetStateAction<number | undefined>>;
+  onHoverDateChange?: (date: Date | null) => void;
+  reducedMotion: boolean | undefined;
+}
+interface ChartTooltipContext<T extends Datum = Datum> extends UseTooltipParams<TimeSeriesDatum<T>> {
+  handleTooltip: (event: React.TouchEvent<SVGRectElement> | React.MouseEvent<SVGRectElement>) => void;
+  TooltipWrapper: FC<TooltipInPortalProps> | typeof TooltipWithBounds;
+  containerRef: (element: SVGElement | HTMLElement | null) => void;
+}
+//#endregion
+//#region src/components/charts/time-series-chart/time-series-chart.d.ts
+type TimeSeriesChartProps<T extends Datum> = PropsWithChildren<ChartProps<T>>;
+declare function TimeSeriesChart<T extends Datum>(props: TimeSeriesChartProps<T>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ChartMargin as a, ChartTooltipContext as c, Series as d, TimeSeriesDatum as f, ChartContext as i, Data as l, TimeSeriesChartProps as n, ChartPadding as o, AccessorFn as r, ChartProps as s, TimeSeriesChart as t, Datum as u };
+//# sourceMappingURL=time-series-chart-B66xH88w.d.mts.map