@od-oneapp/uni-ui 2026.1.1301

package/dist/components-elements-tabs.mjs

@@ -0,0 +1,435 @@
+'use client';
+import { t as cn } from "./utils-D2bGp2p_.mjs";
+import { a as SPRING_TACTILE, r as SPRING_FLUID } from "./motion-zelaDelJ.mjs";
+import * as React$1 from "react";
+import { createContext, forwardRef, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { useId as useId$1, useMediaQuery, useMergedRef, useReducedMotion, useUncontrolled } from "@mantine/hooks";
+import { cva } from "class-variance-authority";
+import { AnimatePresence, motion } from "motion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/elements/molecules/tabs/tabs.tsx
+/**
+* @fileoverview Tabs Component - Premium Harmony V2
+*
+* A tabbed interface for organizing content into separate views.
+* Built with Mantine hooks for state management and Premium Harmony V2 motion standards.
+* Supports animated sliding indicator for smooth tab transitions with spring physics.
+*
+* Features:
+* - ES2023 syntax with modern patterns
+* - Tailwind v4 CSS-first theming with CSS variables
+* - Premium Harmony V2 spring physics (SPRING_TACTILE for tabs, SPRING_FLUID for content)
+* - Touch detection with automatic sizing for mobile devices
+* - Reduced motion support for accessibility
+* - Multiple size variants (sm, default, lg, touch)
+* - Super light/dark mode with seamless switching
+* - Complete pseudo-state coverage (:hover, :focus-visible, :disabled)
+* - Full keyboard navigation (Arrow keys, Home, End)
+* - Animated variant with sliding indicator
+* - Controlled and uncontrolled modes
+* - WCAG 2.5.5 compliant 44px minimum touch targets
+* - Data attributes for state tracking (data-state: active/inactive)
+* - Semantic color tokens from design system
+*
+* @module @od-oneapp/uni-ui/components/elements/tabs
+* @component Tabs, TabsList, TabsTrigger, TabsContent, AnimatedTabs, AnimatedTabsList, AnimatedTabsTrigger
+*
+* @useCases
+* - Content organization: Separate related content into distinct views (settings, profiles, dashboards)
+* - Navigation: Switch between different sections without page reload (account tabs, product details)
+* - Multi-step forms: Organize form sections with visual progress indication
+* - Data views: Toggle between different data representations (table, grid, chart)
+* - Filter controls: Switch between filter presets or saved searches
+* - Mobile interfaces: Touch-optimized tab switching for mobile apps
+* - Dashboards: Organize widgets and metrics into categorized views
+* - Documentation: Navigate between different topics or API references
+*
+* @subcomponents
+* - TabsList: Container for tab triggers with keyboard navigation
+* - TabsTrigger: Individual tab button with active state indication
+* - TabsContent: Panel container for tab content with enter/exit animations
+* - AnimatedTabsList: Container for animated tabs with sliding indicator
+* - AnimatedTabsTrigger: Animated tab button with layout-based indicator
+*
+* @variants
+* - size: sm, default, lg, touch (TabsList, TabsTrigger)
+*
+* @example <Tabs defaultValue="tab1"><TabsList><TabsTrigger value="tab1">Tab 1</TabsTrigger><TabsTrigger value="tab2">Tab 2</TabsTrigger></TabsList><TabsContent value="tab1">Content 1</TabsContent><TabsContent value="tab2">Content 2</TabsContent></Tabs>
+* @example <Tabs defaultValue="settings"><TabsList size="touch"><TabsTrigger value="settings" size="touch">Settings</TabsTrigger><TabsTrigger value="profile" size="touch">Profile</TabsTrigger></TabsList><TabsContent value="settings">Settings content</TabsContent></Tabs>
+* @example <AnimatedTabs defaultValue="overview"><AnimatedTabsList><AnimatedTabsTrigger value="overview">Overview</AnimatedTabsTrigger><AnimatedTabsTrigger value="analytics">Analytics</AnimatedTabsTrigger></AnimatedTabsList><TabsContent value="overview">Overview content</TabsContent></AnimatedTabs>
+*/
+const TabsContext = createContext(null);
+function useTabsContext() {
+	const context = useContext(TabsContext);
+	if (!context) throw new Error("Tabs components must be used within a Tabs");
+	return context;
+}
+const TABS_ROOT_BASE_CLASSNAME = "flex flex-col gap-2";
+const TABS_CONTENT_BASE_CLASSNAME = "flex-1 outline-none";
+const Tabs = memo(forwardRef(function Tabs({ value: controlledValue, defaultValue = "", onValueChange, orientation = "horizontal", activationMode = "automatic", className, children, asChild, ...props }, ref) {
+	const [value, setValue] = useUncontrolled({
+		value: controlledValue,
+		defaultValue,
+		onChange: onValueChange
+	});
+	const baseId = useId$1();
+	const triggerRefs = useRef(/* @__PURE__ */ new Map());
+	const registerTrigger = useCallback((triggerValue, element) => {
+		if (element) triggerRefs.current.set(triggerValue, element);
+		else triggerRefs.current.delete(triggerValue);
+	}, []);
+	const contextValue = useMemo(() => ({
+		value,
+		onValueChange: setValue,
+		orientation,
+		activationMode,
+		baseId,
+		registerTrigger,
+		triggerRefs
+	}), [
+		value,
+		setValue,
+		orientation,
+		activationMode,
+		baseId,
+		registerTrigger
+	]);
+	const tabsClassName = useMemo(() => cn(TABS_ROOT_BASE_CLASSNAME, orientation === "vertical" && "flex-row", className), [orientation, className]);
+	const rootProps = {
+		ref,
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		className: tabsClassName,
+		...props
+	};
+	if (asChild && React$1.isValidElement(children)) return /* @__PURE__ */ jsx(TabsContext.Provider, {
+		value: contextValue,
+		children: React$1.cloneElement(children, {
+			...rootProps,
+			className: cn(tabsClassName, children.props.className)
+		})
+	});
+	return /* @__PURE__ */ jsx(TabsContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", {
+			...rootProps,
+			children
+		})
+	});
+}));
+const tabsListVariants = cva("bg-muted text-muted-foreground inline-flex w-fit items-center justify-center rounded-lg p-[3px]", {
+	variants: { size: {
+		sm: "h-8",
+		default: "h-9",
+		lg: "h-10",
+		touch: "h-[50px] p-1"
+	} },
+	defaultVariants: { size: "default" }
+});
+const TabsList = memo(forwardRef(function TabsList({ className, size, children, ...props }, ref) {
+	const { orientation, triggerRefs, onValueChange, value } = useTabsContext();
+	const mergedRef = useMergedRef(ref, useRef(null));
+	const handleKeyDown = useCallback((e) => {
+		const triggers = [...triggerRefs.current.entries()];
+		const currentIndex = triggers.findIndex(([v]) => v === value);
+		let newIndex = currentIndex;
+		if (orientation === "horizontal") {
+			if (e.key === "ArrowRight") newIndex = (currentIndex + 1) % triggers.length;
+			else if (e.key === "ArrowLeft") newIndex = (currentIndex - 1 + triggers.length) % triggers.length;
+		} else if (e.key === "ArrowDown") newIndex = (currentIndex + 1) % triggers.length;
+		else if (e.key === "ArrowUp") newIndex = (currentIndex - 1 + triggers.length) % triggers.length;
+		if (e.key === "Home") newIndex = 0;
+		else if (e.key === "End") newIndex = triggers.length - 1;
+		const newTrigger = triggers[newIndex];
+		if (newIndex !== currentIndex && newTrigger) {
+			const [newValue, element] = newTrigger;
+			onValueChange(newValue);
+			element.focus();
+			e.preventDefault();
+		}
+	}, [
+		orientation,
+		value,
+		onValueChange
+	]);
+	const listClassName = useMemo(() => cn(tabsListVariants({ size }), orientation === "vertical" && "flex-col h-auto", className), [
+		size,
+		orientation,
+		className
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: mergedRef,
+		role: "tablist",
+		"aria-orientation": orientation,
+		"data-slot": "tabs-list",
+		className: listClassName,
+		onKeyDown: handleKeyDown,
+		...props,
+		tabIndex: 0,
+		children
+	});
+}));
+const tabsTriggerVariants = cva([
+	"inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent",
+	"font-medium whitespace-nowrap",
+	"data-[state=active]:bg-background data-[state=active]:shadow-sm",
+	"dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30",
+	"text-foreground dark:text-muted-foreground",
+	"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring",
+	"focus-visible:ring-[3px] focus-visible:outline-1",
+	"transition-[color,box-shadow,transform] duration-150",
+	"disabled:pointer-events-none disabled:opacity-50",
+	"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+], {
+	variants: { size: {
+		sm: "h-[calc(100%-1px)] px-2 py-0.5 text-xs",
+		default: "h-[calc(100%-1px)] px-2 py-1 text-sm",
+		lg: "h-[calc(100%-1px)] px-3 py-1.5 text-base",
+		touch: "h-[44px] px-3 py-2 text-base"
+	} },
+	defaultVariants: { size: "default" }
+});
+const TabsTrigger = memo(forwardRef(function TabsTrigger({ className, size, value: triggerValue, onClick, children, disabled, ...props }, ref) {
+	const { value, onValueChange, baseId, registerTrigger } = useTabsContext();
+	const triggerRef = useRef(null);
+	const mergedRef = useMergedRef(ref, triggerRef);
+	const isActive = value === triggerValue;
+	const reducedMotion = useReducedMotion();
+	useMediaQuery("(pointer: coarse)");
+	useEffect(() => {
+		registerTrigger(triggerValue, triggerRef.current);
+		return () => {
+			registerTrigger(triggerValue, null);
+		};
+	}, [triggerValue, registerTrigger]);
+	const handleClick = useCallback((e) => {
+		onClick?.(e);
+		if (!e.defaultPrevented && !disabled) onValueChange(triggerValue);
+	}, [
+		onClick,
+		disabled,
+		onValueChange,
+		triggerValue
+	]);
+	const triggerClassName = useMemo(() => cn(tabsTriggerVariants({ size }), className), [size, className]);
+	const tapAnimation = reducedMotion || disabled ? void 0 : { scale: .98 };
+	const transitionConfig = reducedMotion ? { duration: 0 } : SPRING_TACTILE;
+	return /* @__PURE__ */ jsx(motion.button, {
+		ref: mergedRef,
+		type: "button",
+		role: "tab",
+		id: `${baseId}-trigger-${triggerValue}`,
+		"aria-selected": isActive,
+		"aria-controls": `${baseId}-content-${triggerValue}`,
+		"data-slot": "tabs-trigger",
+		"data-state": isActive ? "active" : "inactive",
+		"data-value": triggerValue,
+		tabIndex: isActive ? 0 : -1,
+		disabled,
+		className: triggerClassName,
+		onClick: handleClick,
+		whileTap: tapAnimation,
+		transition: transitionConfig,
+		...props,
+		children
+	});
+}));
+const TabsContent = memo(forwardRef(function TabsContent({ className, value: contentValue, forceMount = false, children, ...props }, ref) {
+	const { value, baseId } = useTabsContext();
+	const isActive = value === contentValue;
+	const reducedMotion = useReducedMotion();
+	const contentClassName = useMemo(() => cn(TABS_CONTENT_BASE_CLASSNAME, className), [className]);
+	const contentTransition = reducedMotion ? { duration: 0 } : SPRING_FLUID;
+	const initialState = reducedMotion ? {
+		opacity: 1,
+		x: 0
+	} : {
+		opacity: 0,
+		x: 5
+	};
+	const exitState = reducedMotion ? {
+		opacity: 1,
+		x: 0
+	} : {
+		opacity: 0,
+		x: -5
+	};
+	return /* @__PURE__ */ jsx(AnimatePresence, {
+		mode: "wait",
+		children: isActive ? /* @__PURE__ */ jsx(motion.div, {
+			ref,
+			role: "tabpanel",
+			id: `${baseId}-content-${contentValue}`,
+			"aria-labelledby": `${baseId}-trigger-${contentValue}`,
+			"data-slot": "tabs-content",
+			"data-state": isActive ? "active" : "inactive",
+			tabIndex: 0,
+			className: contentClassName,
+			initial: initialState,
+			animate: {
+				opacity: 1,
+				x: 0
+			},
+			exit: exitState,
+			transition: contentTransition,
+			...props,
+			children
+		}, contentValue) : null
+	});
+}));
+const AnimatedTabsContext = createContext(null);
+const ANIMATED_TABS_LIST_CLASSNAME = "bg-muted text-muted-foreground relative inline-flex w-fit items-center justify-center rounded-lg p-1";
+const ANIMATED_TABS_INDICATOR_CLASSNAME = "bg-background absolute rounded-md shadow-sm h-[calc(100%-8px)] z-0";
+const ANIMATED_TABS_TRIGGER_CLASSNAME = "text-muted-foreground data-[state=active]:text-foreground relative z-10 inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-[color,transform] duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50";
+/**
+* Animated tabs with sliding indicator.
+* Uses CSS transitions for smooth tab switching.
+*/
+const AnimatedTabs = memo(forwardRef(function AnimatedTabs({ value: controlledValue, defaultValue = "", onValueChange, orientation = "horizontal", activationMode = "automatic", className, children, ...props }, ref) {
+	const [value, setValue] = useUncontrolled({
+		value: controlledValue,
+		defaultValue,
+		onChange: onValueChange
+	});
+	const [indicatorStyle, setIndicatorStyle] = useState({});
+	const baseId = useId$1();
+	const triggerRefs = useRef(/* @__PURE__ */ new Map());
+	const listRef = useRef(null);
+	const registerTrigger = useCallback((triggerValue, element) => {
+		if (element) triggerRefs.current.set(triggerValue, element);
+		else triggerRefs.current.delete(triggerValue);
+	}, []);
+	useEffect(() => {
+		if (!value) return;
+		const activeTab = triggerRefs.current.get(value);
+		const list = listRef.current;
+		if (!activeTab || !list) return;
+		const listRect = list.getBoundingClientRect();
+		const tabRect = activeTab.getBoundingClientRect();
+		setIndicatorStyle({
+			left: tabRect.left - listRect.left,
+			width: tabRect.width,
+			height: tabRect.height
+		});
+	}, [value]);
+	const contextValue = useMemo(() => ({
+		value,
+		onValueChange: setValue,
+		orientation,
+		activationMode,
+		baseId,
+		registerTrigger,
+		triggerRefs,
+		indicatorStyle
+	}), [
+		value,
+		setValue,
+		orientation,
+		activationMode,
+		baseId,
+		registerTrigger,
+		indicatorStyle
+	]);
+	const tabsClassName = useMemo(() => cn(TABS_ROOT_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx(AnimatedTabsContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(TabsContext.Provider, {
+			value: contextValue,
+			children: /* @__PURE__ */ jsx("div", {
+				ref,
+				"data-slot": "animated-tabs",
+				"data-orientation": orientation,
+				className: tabsClassName,
+				...props,
+				children
+			})
+		})
+	});
+}));
+/**
+* List container for animated tabs with sliding indicator.
+*/
+const AnimatedTabsList = memo(forwardRef(function AnimatedTabsList({ className, children, ...props }, ref) {
+	useContext(AnimatedTabsContext)?.indicatorStyle;
+	const mergedRef = useMergedRef(ref, useRef(null));
+	const [mounted, setMounted] = useState(false);
+	useEffect(() => {
+		setMounted(true);
+	}, []);
+	const listClassName = useMemo(() => cn(ANIMATED_TABS_LIST_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: mergedRef,
+		role: "tablist",
+		"data-slot": "animated-tabs-list",
+		className: listClassName,
+		tabIndex: 0,
+		...props,
+		children
+	});
+}));
+/**
+* Tab trigger for animated tabs.
+*/
+const AnimatedTabsTrigger = memo(forwardRef(function AnimatedTabsTrigger({ className, value: triggerValue, onClick, children, disabled, ...props }, ref) {
+	const { value, onValueChange, baseId, registerTrigger } = useTabsContext();
+	const triggerRef = useRef(null);
+	const mergedRef = useMergedRef(ref, triggerRef);
+	const isActive = value === triggerValue;
+	const reducedMotion = useReducedMotion();
+	useMediaQuery("(pointer: coarse)");
+	useEffect(() => {
+		registerTrigger(triggerValue, triggerRef.current);
+		return () => {
+			registerTrigger(triggerValue, null);
+		};
+	}, [triggerValue, registerTrigger]);
+	const handleClick = useCallback((e) => {
+		onClick?.(e);
+		if (!e.defaultPrevented && !disabled) onValueChange(triggerValue);
+	}, [
+		onClick,
+		disabled,
+		onValueChange,
+		triggerValue
+	]);
+	const triggerClassName = useMemo(() => cn(ANIMATED_TABS_TRIGGER_CLASSNAME, className), [className]);
+	const tapAnimation = reducedMotion || disabled ? void 0 : { scale: .98 };
+	const transitionConfig = reducedMotion ? { duration: 0 } : SPRING_TACTILE;
+	const indicatorTransition = reducedMotion ? { duration: 0 } : SPRING_FLUID;
+	return /* @__PURE__ */ jsxs(motion.button, {
+		ref: mergedRef,
+		type: "button",
+		role: "tab",
+		id: `${baseId}-trigger-${triggerValue}`,
+		"aria-selected": isActive,
+		"aria-controls": `${baseId}-content-${triggerValue}`,
+		"data-slot": "animated-tabs-trigger",
+		"data-state": isActive ? "active" : "inactive",
+		"data-value": triggerValue,
+		tabIndex: isActive ? 0 : -1,
+		disabled,
+		className: triggerClassName,
+		onClick: handleClick,
+		whileTap: tapAnimation,
+		transition: transitionConfig,
+		...props,
+		children: [isActive ? /* @__PURE__ */ jsx(motion.div, {
+			layoutId: `${baseId}-indicator`,
+			className: ANIMATED_TABS_INDICATOR_CLASSNAME,
+			style: {
+				width: "100%",
+				left: 0,
+				top: 4
+			},
+			transition: indicatorTransition
+		}) : null, /* @__PURE__ */ jsx("span", {
+			className: "relative z-20",
+			children
+		})]
+	});
+}));
+
+//#endregion
+export { AnimatedTabs, AnimatedTabsList, AnimatedTabsTrigger, Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };
+//# sourceMappingURL=components-elements-tabs.mjs.map

package/dist/components-elements-tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-elements-tabs.mjs","names":["useId","React"],"sources":["../src/components/elements/molecules/tabs/tabs.tsx"],"sourcesContent":["'use client';\n\n/**\n * @fileoverview Tabs Component - Premium Harmony V2\n *\n * A tabbed interface for organizing content into separate views.\n * Built with Mantine hooks for state management and Premium Harmony V2 motion standards.\n * Supports animated sliding indicator for smooth tab transitions with spring physics.\n *\n * Features:\n * - ES2023 syntax with modern patterns\n * - Tailwind v4 CSS-first theming with CSS variables\n * - Premium Harmony V2 spring physics (SPRING_TACTILE for tabs, SPRING_FLUID for content)\n * - Touch detection with automatic sizing for mobile devices\n * - Reduced motion support for accessibility\n * - Multiple size variants (sm, default, lg, touch)\n * - Super light/dark mode with seamless switching\n * - Complete pseudo-state coverage (:hover, :focus-visible, :disabled)\n * - Full keyboard navigation (Arrow keys, Home, End)\n * - Animated variant with sliding indicator\n * - Controlled and uncontrolled modes\n * - WCAG 2.5.5 compliant 44px minimum touch targets\n * - Data attributes for state tracking (data-state: active/inactive)\n * - Semantic color tokens from design system\n *\n * @module @od-oneapp/uni-ui/components/elements/tabs\n * @component Tabs, TabsList, TabsTrigger, TabsContent, AnimatedTabs, AnimatedTabsList, AnimatedTabsTrigger\n *\n * @useCases\n * - Content organization: Separate related content into distinct views (settings, profiles, dashboards)\n * - Navigation: Switch between different sections without page reload (account tabs, product details)\n * - Multi-step forms: Organize form sections with visual progress indication\n * - Data views: Toggle between different data representations (table, grid, chart)\n * - Filter controls: Switch between filter presets or saved searches\n * - Mobile interfaces: Touch-optimized tab switching for mobile apps\n * - Dashboards: Organize widgets and metrics into categorized views\n * - Documentation: Navigate between different topics or API references\n *\n * @subcomponents\n * - TabsList: Container for tab triggers with keyboard navigation\n * - TabsTrigger: Individual tab button with active state indication\n * - TabsContent: Panel container for tab content with enter/exit animations\n * - AnimatedTabsList: Container for animated tabs with sliding indicator\n * - AnimatedTabsTrigger: Animated tab button with layout-based indicator\n *\n * @variants\n * - size: sm, default, lg, touch (TabsList, TabsTrigger)\n *\n * @example <Tabs defaultValue=\"tab1\"><TabsList><TabsTrigger value=\"tab1\">Tab 1</TabsTrigger><TabsTrigger value=\"tab2\">Tab 2</TabsTrigger></TabsList><TabsContent value=\"tab1\">Content 1</TabsContent><TabsContent value=\"tab2\">Content 2</TabsContent></Tabs>\n * @example <Tabs defaultValue=\"settings\"><TabsList size=\"touch\"><TabsTrigger value=\"settings\" size=\"touch\">Settings</TabsTrigger><TabsTrigger value=\"profile\" size=\"touch\">Profile</TabsTrigger></TabsList><TabsContent value=\"settings\">Settings content</TabsContent></Tabs>\n * @example <AnimatedTabs defaultValue=\"overview\"><AnimatedTabsList><AnimatedTabsTrigger value=\"overview\">Overview</AnimatedTabsTrigger><AnimatedTabsTrigger value=\"analytics\">Analytics</AnimatedTabsTrigger></AnimatedTabsList><TabsContent value=\"overview\">Overview content</TabsContent></AnimatedTabs>\n */\n\nimport * as React from 'react';\nimport {\n  createContext,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  useId,\n  useMediaQuery,\n  useMergedRef,\n  useReducedMotion,\n  useUncontrolled,\n} 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// Context\n// -----------------------------------------------------------------------------\n\ninterface TabsContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n  orientation: 'horizontal' | 'vertical';\n  activationMode: 'automatic' | 'manual';\n  baseId: string;\n  registerTrigger: (value: string, element: HTMLButtonElement | null) => void;\n  triggerRefs: React.MutableRefObject<Map<string, HTMLButtonElement>>;\n}\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nfunction useTabsContext() {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error('Tabs components must be used within a Tabs');\n  }\n  return context;\n}\n\n// -----------------------------------------------------------------------------\n// Static classNames\n// -----------------------------------------------------------------------------\n\nconst TABS_ROOT_BASE_CLASSNAME = 'flex flex-col gap-2';\nconst TABS_CONTENT_BASE_CLASSNAME = 'flex-1 outline-none';\n\n// -----------------------------------------------------------------------------\n// Tabs Root\n// -----------------------------------------------------------------------------\n\ninterface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  /** The controlled value of the tab to activate */\n  value?: string;\n  /** The value of the tab that should be active when initially rendered */\n  defaultValue?: string;\n  /** Callback when the value changes */\n  onValueChange?: (value: string) => void;\n  /** The orientation of the tabs */\n  orientation?: 'horizontal' | 'vertical';\n  /** The activation mode of the tabs */\n  activationMode?: 'automatic' | 'manual';\n  /** Use as child */\n  asChild?: boolean;\n}\n\n// Suppress unused prop type warnings - these props are used via useUncontrolled\n\nconst _unusedTabsProps: Array<keyof TabsProps> = [\n  'value',\n  'defaultValue',\n  'onValueChange',\n  'orientation',\n  'activationMode',\n  'asChild',\n];\n\nconst Tabs = memo(\n  forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n    {\n      value: controlledValue,\n      defaultValue = '',\n      onValueChange,\n      orientation = 'horizontal',\n      activationMode = 'automatic',\n      className,\n      children,\n      asChild,\n      ...props\n    },\n    ref,\n  ) {\n    const [value, setValue] = useUncontrolled({\n      value: controlledValue,\n      defaultValue,\n      onChange: onValueChange,\n    });\n\n    const baseId = useId();\n    const triggerRefs = useRef<Map<string, HTMLButtonElement>>(new Map());\n\n    const registerTrigger = useCallback(\n      (triggerValue: string, element: HTMLButtonElement | null) => {\n        if (element) {\n          triggerRefs.current.set(triggerValue, element);\n        } else {\n          triggerRefs.current.delete(triggerValue);\n        }\n      },\n      [],\n    );\n\n    const contextValue = useMemo(\n      () => ({\n        value,\n        onValueChange: setValue,\n        orientation,\n        activationMode,\n        baseId,\n        registerTrigger,\n        triggerRefs,\n      }),\n      [value, setValue, orientation, activationMode, baseId, registerTrigger],\n    );\n\n    const tabsClassName = useMemo(\n      () => cn(TABS_ROOT_BASE_CLASSNAME, orientation === 'vertical' && 'flex-row', className),\n      [orientation, className],\n    );\n\n    const rootProps = {\n      ref,\n      'data-slot': 'tabs',\n      'data-orientation': orientation,\n      className: tabsClassName,\n      ...props,\n    };\n\n    if (asChild && React.isValidElement(children)) {\n      return (\n        <TabsContext.Provider value={contextValue}>\n          {React.cloneElement(children as React.ReactElement<any>, {\n            ...rootProps,\n            className: cn(tabsClassName, (children as React.ReactElement<any>).props.className),\n          })}\n        </TabsContext.Provider>\n      );\n    }\n\n    return (\n      <TabsContext.Provider value={contextValue}>\n        <div {...rootProps}>{children}</div>\n      </TabsContext.Provider>\n    );\n  }),\n);\n\n// -----------------------------------------------------------------------------\n// TabsList\n// -----------------------------------------------------------------------------\n\nconst tabsListVariants = cva(\n  'bg-muted text-muted-foreground inline-flex w-fit items-center justify-center rounded-lg p-[3px]',\n  {\n    variants: {\n      size: {\n        sm: 'h-8',\n        default: 'h-9',\n        lg: 'h-10',\n        touch: 'h-[50px] p-1',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\ninterface TabsListProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tabsListVariants> {}\n\nconst TabsList = memo(\n  forwardRef<HTMLDivElement, TabsListProps>(function TabsList(\n    { className, size, children, ...props },\n    ref,\n  ) {\n    const { orientation, triggerRefs, onValueChange, value } = useTabsContext();\n    const listRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergedRef(ref, listRef);\n\n    // Keyboard navigation\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        // Access refs in event handler, not during render\n        const triggers = [...triggerRefs.current.entries()];\n        const currentIndex = triggers.findIndex(([v]) => v === value);\n\n        let newIndex = currentIndex;\n\n        if (orientation === 'horizontal') {\n          if (e.key === 'ArrowRight') {\n            newIndex = (currentIndex + 1) % triggers.length;\n          } else if (e.key === 'ArrowLeft') {\n            newIndex = (currentIndex - 1 + triggers.length) % triggers.length;\n          }\n        } else {\n          if (e.key === 'ArrowDown') {\n            newIndex = (currentIndex + 1) % triggers.length;\n          } else if (e.key === 'ArrowUp') {\n            newIndex = (currentIndex - 1 + triggers.length) % triggers.length;\n          }\n        }\n\n        if (e.key === 'Home') {\n          newIndex = 0;\n        } else if (e.key === 'End') {\n          newIndex = triggers.length - 1;\n        }\n\n        const newTrigger = triggers[newIndex];\n        if (newIndex !== currentIndex && newTrigger) {\n          const [newValue, element] = newTrigger;\n          onValueChange(newValue);\n          element.focus();\n          e.preventDefault();\n        }\n      },\n      [orientation, value, onValueChange],\n    );\n\n    const listClassName = useMemo(\n      () =>\n        cn(tabsListVariants({ size }), orientation === 'vertical' && 'flex-col h-auto', className),\n      [size, orientation, className],\n    );\n\n    return (\n      <div\n        ref={mergedRef}\n        role=\"tablist\"\n        aria-orientation={orientation}\n        data-slot=\"tabs-list\"\n        className={listClassName}\n        onKeyDown={handleKeyDown}\n        {...props}\n        tabIndex={0}\n      >\n        {children}\n      </div>\n    );\n  }),\n);\n\n// -----------------------------------------------------------------------------\n// TabsTrigger\n// -----------------------------------------------------------------------------\n\nconst tabsTriggerVariants = cva(\n  [\n    // Base layout and spacing\n    'inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent',\n    'font-medium whitespace-nowrap',\n    // States - active\n    'data-[state=active]:bg-background data-[state=active]:shadow-sm',\n    'dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30',\n    // Text colors\n    'text-foreground dark:text-muted-foreground',\n    // Focus-visible ring\n    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring',\n    'focus-visible:ring-[3px] focus-visible:outline-1',\n    // Transitions\n    'transition-[color,box-shadow,transform] duration-150',\n    // Disabled state\n    'disabled:pointer-events-none disabled:opacity-50',\n    // SVG handling\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-[calc(100%-1px)] px-2 py-0.5 text-xs',\n        default: 'h-[calc(100%-1px)] px-2 py-1 text-sm',\n        lg: 'h-[calc(100%-1px)] px-3 py-1.5 text-base',\n        touch: 'h-[44px] px-3 py-2 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\ninterface TabsTriggerProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof tabsTriggerVariants> {\n  value: string;\n}\n\nconst TabsTrigger = memo(\n  forwardRef<HTMLButtonElement, TabsTriggerProps>(function TabsTrigger(\n    { className, size, value: triggerValue, onClick, children, disabled, ...props },\n    ref,\n  ) {\n    const { value, onValueChange, baseId, registerTrigger } = useTabsContext();\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const mergedRef = useMergedRef(ref, triggerRef);\n    const isActive = value === triggerValue;\n    const reducedMotion = useReducedMotion();\n    const isTouchDevice = useMediaQuery('(pointer: coarse)');\n\n    // Register trigger ref\n    useEffect(() => {\n      registerTrigger(triggerValue, triggerRef.current);\n      return () => {\n        registerTrigger(triggerValue, null);\n      };\n    }, [triggerValue, registerTrigger]);\n\n    const handleClick = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e);\n        if (!e.defaultPrevented && !disabled) {\n          onValueChange(triggerValue);\n        }\n      },\n      [onClick, disabled, onValueChange, triggerValue],\n    );\n\n    const triggerClassName = useMemo(\n      () => cn(tabsTriggerVariants({ size }), className),\n      [size, className],\n    );\n\n    // Premium Harmony V2: Use SPRING_TACTILE for tab interactions\n    const tapAnimation = reducedMotion || disabled ? undefined : { scale: 0.98 };\n    const transitionConfig = reducedMotion ? { duration: 0 } : SPRING_TACTILE;\n\n    return (\n      <motion.button\n        ref={mergedRef}\n        type=\"button\"\n        role=\"tab\"\n        id={`${baseId}-trigger-${triggerValue}`}\n        aria-selected={isActive}\n        aria-controls={`${baseId}-content-${triggerValue}`}\n        data-slot=\"tabs-trigger\"\n        data-state={isActive ? 'active' : 'inactive'}\n        data-value={triggerValue}\n        tabIndex={isActive ? 0 : -1}\n        disabled={disabled}\n        className={triggerClassName}\n        onClick={handleClick}\n        whileTap={tapAnimation}\n        transition={transitionConfig}\n        {...(props as any)}\n      >\n        {children}\n      </motion.button>\n    );\n  }),\n);\n\n// -----------------------------------------------------------------------------\n// TabsContent\n// -----------------------------------------------------------------------------\n\ninterface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n  forceMount?: boolean;\n}\n\n// Suppress unused prop type warnings - these props are used internally\n\nconst _unusedTabsContentProps: Array<keyof TabsContentProps> = ['value', 'forceMount'];\n\nconst TabsContent = memo(\n  forwardRef<HTMLDivElement, TabsContentProps>(function TabsContent(\n    { className, value: contentValue, forceMount = false, children, ...props },\n    ref,\n  ) {\n    const { value, baseId } = useTabsContext();\n    const isActive = value === contentValue;\n    const reducedMotion = useReducedMotion();\n\n    const contentClassName = useMemo(() => cn(TABS_CONTENT_BASE_CLASSNAME, className), [className]);\n\n    // Premium Harmony V2: Use SPRING_FLUID for content transitions\n    const contentTransition = reducedMotion ? { duration: 0 } : SPRING_FLUID;\n\n    const initialState = reducedMotion ? { opacity: 1, x: 0 } : { opacity: 0, x: 5 };\n    const exitState = reducedMotion ? { opacity: 1, x: 0 } : { opacity: 0, x: -5 };\n\n    return (\n      <AnimatePresence mode=\"wait\">\n        {isActive ? (\n          <motion.div\n            ref={ref}\n            key={contentValue}\n            role=\"tabpanel\"\n            id={`${baseId}-content-${contentValue}`}\n            aria-labelledby={`${baseId}-trigger-${contentValue}`}\n            data-slot=\"tabs-content\"\n            data-state={isActive ? 'active' : 'inactive'}\n            tabIndex={0}\n            className={contentClassName}\n            initial={initialState}\n            animate={{ opacity: 1, x: 0 }}\n            exit={exitState}\n            transition={contentTransition}\n            {...(props as any)}\n          >\n            {children}\n          </motion.div>\n        ) : null}\n      </AnimatePresence>\n    );\n  }),\n);\n\n// -----------------------------------------------------------------------------\n// Animated Tabs - Tabs with sliding indicator\n// -----------------------------------------------------------------------------\n\ninterface AnimatedTabsContextValue extends TabsContextValue {\n  indicatorStyle: React.CSSProperties;\n}\n\nconst AnimatedTabsContext = createContext<AnimatedTabsContextValue | null>(null);\n\n// Removed unused _useAnimatedTabs function\n\n// Static classNames for animated tabs\nconst ANIMATED_TABS_LIST_CLASSNAME =\n  'bg-muted text-muted-foreground relative inline-flex w-fit items-center justify-center rounded-lg p-1';\nconst ANIMATED_TABS_INDICATOR_CLASSNAME =\n  'bg-background absolute rounded-md shadow-sm h-[calc(100%-8px)] z-0';\nconst ANIMATED_TABS_TRIGGER_CLASSNAME =\n  'text-muted-foreground data-[state=active]:text-foreground relative z-10 inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-[color,transform] duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50';\n\ninterface AnimatedTabsProps extends TabsProps {\n  // AnimatedTabs extends TabsProps - no additional props needed\n}\n\n/**\n * Animated tabs with sliding indicator.\n * Uses CSS transitions for smooth tab switching.\n */\nconst AnimatedTabs = memo(\n  forwardRef<HTMLDivElement, AnimatedTabsProps>(function AnimatedTabs(\n    {\n      value: controlledValue,\n      defaultValue = '',\n      onValueChange,\n      orientation = 'horizontal',\n      activationMode = 'automatic',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) {\n    const [value, setValue] = useUncontrolled({\n      value: controlledValue,\n      defaultValue,\n      onChange: onValueChange,\n    });\n\n    const [indicatorStyle, setIndicatorStyle] = useState<React.CSSProperties>({});\n    const baseId = useId();\n    const triggerRefs = useRef<Map<string, HTMLButtonElement>>(new Map());\n    const listRef = useRef<HTMLDivElement>(null);\n\n    const registerTrigger = useCallback(\n      (triggerValue: string, element: HTMLButtonElement | null) => {\n        if (element) {\n          triggerRefs.current.set(triggerValue, element);\n        } else {\n          triggerRefs.current.delete(triggerValue);\n        }\n      },\n      [],\n    );\n\n    // Calculate indicator position\n    useEffect(() => {\n      if (!value) return;\n\n      const activeTab = triggerRefs.current.get(value);\n      const list = listRef.current;\n\n      if (!activeTab || !list) return;\n\n      const listRect = list.getBoundingClientRect();\n      const tabRect = activeTab.getBoundingClientRect();\n\n      setIndicatorStyle({\n        left: tabRect.left - listRect.left,\n        width: tabRect.width,\n        height: tabRect.height,\n      });\n    }, [value]);\n\n    const contextValue = useMemo(\n      () => ({\n        value,\n        onValueChange: setValue,\n        orientation,\n        activationMode,\n        baseId,\n        registerTrigger,\n        triggerRefs,\n        indicatorStyle,\n      }),\n      [value, setValue, orientation, activationMode, baseId, registerTrigger, indicatorStyle],\n    );\n\n    const tabsClassName = useMemo(() => cn(TABS_ROOT_BASE_CLASSNAME, className), [className]);\n\n    return (\n      <AnimatedTabsContext.Provider value={contextValue}>\n        <TabsContext.Provider value={contextValue}>\n          <div\n            ref={ref}\n            data-slot=\"animated-tabs\"\n            data-orientation={orientation}\n            className={tabsClassName}\n            {...props}\n          >\n            {children}\n          </div>\n        </TabsContext.Provider>\n      </AnimatedTabsContext.Provider>\n    );\n  }),\n);\n\ninterface AnimatedTabsListProps extends React.HTMLAttributes<HTMLDivElement> {\n  // AnimatedTabsList uses standard HTML div attributes\n}\n\n/**\n * List container for animated tabs with sliding indicator.\n */\nconst AnimatedTabsList = memo(\n  forwardRef<HTMLDivElement, AnimatedTabsListProps>(function AnimatedTabsList(\n    { className, children, ...props },\n    ref,\n  ) {\n    const context = useContext(AnimatedTabsContext);\n    const indicatorStyle = context?.indicatorStyle ?? {};\n    const listRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergedRef(ref, listRef);\n    const [mounted, setMounted] = useState(false);\n\n    // Set mounted state after initial render to avoid setState in effect\n    useEffect(() => {\n      setMounted(true);\n    }, []);\n\n    const listClassName = useMemo(() => cn(ANIMATED_TABS_LIST_CLASSNAME, className), [className]);\n\n    return (\n      <div\n        ref={mergedRef}\n        role=\"tablist\"\n        data-slot=\"animated-tabs-list\"\n        className={listClassName}\n        tabIndex={0}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }),\n);\n\ninterface AnimatedTabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string;\n}\n\n/**\n * Tab trigger for animated tabs.\n */\nconst AnimatedTabsTrigger = memo(\n  forwardRef<HTMLButtonElement, AnimatedTabsTriggerProps>(function AnimatedTabsTrigger(\n    { className, value: triggerValue, onClick, children, disabled, ...props },\n    ref,\n  ) {\n    const { value, onValueChange, baseId, registerTrigger } = useTabsContext();\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const mergedRef = useMergedRef(ref, triggerRef);\n    const isActive = value === triggerValue;\n    const reducedMotion = useReducedMotion();\n    const isTouchDevice = useMediaQuery('(pointer: coarse)');\n\n    // Register trigger ref\n    useEffect(() => {\n      registerTrigger(triggerValue, triggerRef.current);\n      return () => {\n        registerTrigger(triggerValue, null);\n      };\n    }, [triggerValue, registerTrigger]);\n\n    const handleClick = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e);\n        if (!e.defaultPrevented && !disabled) {\n          onValueChange(triggerValue);\n        }\n      },\n      [onClick, disabled, onValueChange, triggerValue],\n    );\n\n    const triggerClassName = useMemo(\n      () => cn(ANIMATED_TABS_TRIGGER_CLASSNAME, className),\n      [className],\n    );\n\n    // Premium Harmony V2: Use SPRING_TACTILE for tab interactions\n    const tapAnimation = reducedMotion || disabled ? undefined : { scale: 0.98 };\n    const transitionConfig = reducedMotion ? { duration: 0 } : SPRING_TACTILE;\n\n    // Premium Harmony V2: Use SPRING_FLUID for indicator animation\n    const indicatorTransition = reducedMotion ? { duration: 0 } : SPRING_FLUID;\n\n    return (\n      <motion.button\n        ref={mergedRef}\n        type=\"button\"\n        role=\"tab\"\n        id={`${baseId}-trigger-${triggerValue}`}\n        aria-selected={isActive}\n        aria-controls={`${baseId}-content-${triggerValue}`}\n        data-slot=\"animated-tabs-trigger\"\n        data-state={isActive ? 'active' : 'inactive'}\n        data-value={triggerValue}\n        tabIndex={isActive ? 0 : -1}\n        disabled={disabled}\n        className={triggerClassName}\n        onClick={handleClick}\n        whileTap={tapAnimation}\n        transition={transitionConfig}\n        {...(props as any)}\n      >\n        {isActive ? (\n          <motion.div\n            layoutId={`${baseId}-indicator`}\n            className={ANIMATED_TABS_INDICATOR_CLASSNAME}\n            style={{\n              width: '100%',\n              left: 0,\n              top: 4,\n            }}\n            transition={indicatorTransition}\n          />\n        ) : null}\n        <span className=\"relative z-20\">{children}</span>\n      </motion.button>\n    );\n  }),\n);\n\nexport {\n  AnimatedTabs,\n  AnimatedTabsList,\n  AnimatedTabsTrigger,\n  Tabs,\n  TabsContent,\n  TabsList,\n  tabsListVariants,\n  TabsTrigger,\n  tabsTriggerVariants,\n};\nexport type {\n  AnimatedTabsListProps,\n  AnimatedTabsProps,\n  AnimatedTabsTriggerProps,\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n};\n"],"mappings":"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"}

package/dist/components-elements-tooltip.d.mts

@@ -0,0 +1,3 @@
+
+import { a as TooltipProvider, c as TooltipTriggerProps, i as TooltipProps, l as tooltipArrowVariants, n as TooltipContent, o as TooltipProviderProps, r as TooltipContentProps, s as TooltipTrigger, t as Tooltip, u as tooltipContentVariants } from "./tooltip-BA27ygge.mjs";
+export { Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps, tooltipArrowVariants, tooltipContentVariants };

package/dist/components-elements-tooltip.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { a as tooltipArrowVariants, i as TooltipTrigger, n as TooltipContent, o as tooltipContentVariants, r as TooltipProvider, t as Tooltip } from "./tooltip-B8_zKnHC.mjs";
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, tooltipArrowVariants, tooltipContentVariants };

package/dist/components-filter/filter-list/index.d.mts

@@ -0,0 +1,4 @@
+
+import "../../types-B8z57DW2.mjs";
+import { n as FilterListProps, t as FilterList } from "../../filter-list-BMT7Nrli.mjs";
+export { FilterList, FilterListProps };

package/dist/components-filter/filter-list/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { t as FilterList } from "../../filter-list-B_9aV5Lp.mjs";
+
+export { FilterList };

package/dist/components-filter/filter-select/index.d.mts

@@ -0,0 +1,4 @@
+
+import "../../types-B8z57DW2.mjs";
+import { n as FilterSelectProps, t as FilterSelect } from "../../filter-select-COLb1S5z.mjs";
+export { FilterSelect, FilterSelectProps };

package/dist/components-filter/filter-select/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { t as FilterSelect } from "../../filter-select-CYfBhJ_E.mjs";
+
+export { FilterSelect };

package/dist/components-forms/checkbox/index.d.mts

@@ -0,0 +1,27 @@
+
+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/forms/checkbox/checkbox.d.ts
+declare const checkboxVariants: (props?: ({
+  size?: "default" | "sm" | "lg" | "touch" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare const checkboxIndicatorVariants: (props?: ({
+  size?: "default" | "sm" | "lg" | "touch" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type CheckedState = boolean | 'indeterminate';
+interface CheckboxProps extends Omit<ComponentProps<'button'>, 'onChange' | 'defaultChecked'>, VariantProps<typeof checkboxVariants> {
+  checked?: CheckedState;
+  defaultChecked?: CheckedState;
+  onCheckedChange?: (checked: CheckedState) => void;
+  required?: boolean;
+  name?: string;
+  value?: string;
+  bounce?: boolean;
+}
+declare const Checkbox: react.NamedExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { Checkbox, type CheckboxProps, type CheckedState, checkboxIndicatorVariants, checkboxVariants };
+//# sourceMappingURL=index.d.mts.map

package/dist/components-forms/checkbox/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { n as checkboxIndicatorVariants, r as checkboxVariants, t as Checkbox } from "../../checkbox-wiF-DV6q.mjs";
+
+export { Checkbox, checkboxIndicatorVariants, checkboxVariants };

package/dist/components-forms/combobox/index.d.mts

@@ -0,0 +1,5 @@
+
+import "../../skeleton-ByXUFNDF.mjs";
+import "../../button-BAdq0gBE.mjs";
+import { n as ComboboxOption, r as ComboboxProps, t as Combobox } from "../../combobox-DSrxSkSl.mjs";
+export { Combobox, ComboboxOption, ComboboxProps };

package/dist/components-forms/combobox/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { t as Combobox } from "../../combobox-uEKksQFR.mjs";
+
+export { Combobox };

package/dist/components-forms/date-picker/index.d.mts

@@ -0,0 +1,3 @@
+
+import { a as DatePreset, c as PickerProps, d as Matcher, i as CalendarProps, l as Preset, n as DateRangePicker, o as DateRange, r as RangeDatePickerProps, s as DateRangePreset, t as DatePickerContext, u as Calendar } from "../../shared-BqVcofZN.mjs";
+export { Calendar, CalendarProps, DatePickerContext, DatePreset, DateRange, DateRangePicker, DateRangePreset, Matcher, PickerProps, Preset, RangeDatePickerProps };

package/dist/components-forms/date-picker/index.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { n as DatePickerContext, r as Calendar, t as DateRangePicker } from "../../date-range-picker-CdemRFs_.mjs";
+
+export { Calendar, DatePickerContext, DateRangePicker };

package/dist/components-forms/file-upload/index.d.mts

@@ -0,0 +1,49 @@
+
+import * as react from "react";
+import { ReactNode } from "react";
+import { VariantProps } from "class-variance-authority";
+import { LucideIcon } from "lucide-react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/forms/file-upload/file-upload.d.ts
+type AcceptedFileFormats = 'any' | 'images' | 'csv' | 'documents';
+declare const fileUploadVariants: (props?: ({
+  variant?: "default" | "plain" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type FileUploadReadFileProps = {
+  readFile?: false;
+  onChange?: (data: {
+    file: File;
+  }) => void;
+} | {
+  readFile: true;
+  onChange?: (data: {
+    file: File;
+    src: string;
+  }) => void;
+};
+type FileUploadProps = FileUploadReadFileProps & {
+  id?: string;
+  accept?: AcceptedFileFormats;
+  className?: string;
+  iconClassName?: string;
+  previewClassName?: string;
+  icon?: LucideIcon;
+  customPreview?: ReactNode;
+  imageSrc?: string | null;
+  loading?: boolean;
+  clickToUpload?: boolean;
+  showHoverOverlay?: boolean;
+  content?: ReactNode | null;
+  targetResolution?: {
+    width: number;
+    height: number;
+  };
+  maxFileSizeMB?: number;
+  accessibilityLabel?: string;
+  disabled?: boolean;
+} & VariantProps<typeof fileUploadVariants>;
+declare const FileUpload: react.NamedExoticComponent<FileUploadProps>;
+//#endregion
+export { FileUpload, FileUploadProps };
+//# sourceMappingURL=index.d.mts.map