@mks2508/mks-ui 0.2.0 → 0.3.1

package/dist/react-ui/icons/lucide-animated/x.js

@@ -0,0 +1,68 @@
+"use client";
+
+import { cn } from "../../lib/utils.js";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useAnimation } from "framer-motion";
+
+//#region src/react-ui/icons/lucide-animated/x.tsx
+const PATH_VARIANTS = {
+	normal: {
+		opacity: 1,
+		pathLength: 1
+	},
+	animate: {
+		opacity: [0, 1],
+		pathLength: [0, 1]
+	}
+};
+const XIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+	const controls = useAnimation();
+	const isControlledRef = useRef(false);
+	useImperativeHandle(ref, () => {
+		isControlledRef.current = true;
+		return {
+			startAnimation: () => controls.start("animate"),
+			stopAnimation: () => controls.start("normal")
+		};
+	});
+	const handleMouseEnter = useCallback((e) => {
+		if (isControlledRef.current) onMouseEnter?.(e);
+		else controls.start("animate");
+	}, [controls, onMouseEnter]);
+	const handleMouseLeave = useCallback((e) => {
+		if (isControlledRef.current) onMouseLeave?.(e);
+		else controls.start("normal");
+	}, [controls, onMouseLeave]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(className),
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		...props,
+		children: /* @__PURE__ */ jsxs("svg", {
+			fill: "none",
+			height: size,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: size,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ jsx(motion.path, {
+				animate: controls,
+				d: "M18 6 6 18",
+				variants: PATH_VARIANTS
+			}), /* @__PURE__ */ jsx(motion.path, {
+				animate: controls,
+				d: "m6 6 12 12",
+				transition: { delay: .2 },
+				variants: PATH_VARIANTS
+			})]
+		})
+	});
+});
+XIcon.displayName = "XIcon";
+
+//#endregion
+export { XIcon };

package/dist/react-ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,cAAc,cAAc,CAAC;AAG7B,cAAc,MAAM,CAAC;AAGrB,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,OAAO,CAAC"}

package/dist/react-ui/index.js

@@ -0,0 +1,108 @@
+import { cn } from "./lib/utils.js";
+import { Slot } from "./primitives/Slot/index.js";
+import { Highlight, HighlightItem, useHighlight } from "./primitives/Highlight/index.js";
+import { useAutoHeight } from "./hooks/Animation/UseAutoHeight.js";
+import { AutoHeight } from "./primitives/AutoHeight/index.js";
+import { useIsInView } from "./hooks/DOM/UseIsInView.js";
+import { CountingNumber } from "./primitives/CountingNumber/index.js";
+import { ANIMATION_CONFIGS, ANIMATION_DEFAULTS, EASINGS, EFFECTS, PRESETS, RESPONSIVE_CONFIGS, TIMING, TRANSFORMS, getResponsiveDuration, getResponsiveStagger } from "./primitives/waapi/core/animationConstants.js";
+import { useElementRegistry } from "./primitives/waapi/core/useElementRegistry.js";
+import { usePositionCapture } from "./primitives/waapi/core/usePositionCapture.js";
+import { useFLIPAnimation } from "./primitives/waapi/core/useFLIPAnimation.js";
+import { useAnimationOrchestrator } from "./primitives/waapi/core/useAnimationOrchestrator.js";
+import { SlidingNumber } from "./primitives/waapi/SlidingNumber/index.js";
+import { SlidingText } from "./primitives/waapi/SlidingText/index.js";
+import { useReorder } from "./primitives/waapi/Reorder/useReorder.js";
+import { ReorderRoot } from "./primitives/waapi/Reorder/index.js";
+import { useReorderPresence } from "./primitives/waapi/Reorder/useReorderPresence.js";
+import { calculateSeparatorCoordination, shouldShowSeparator } from "./primitives/waapi/Reorder/utils/separatorCoordination.js";
+import { useMorphContext } from "./primitives/waapi/Morph/MorphContext.js";
+import { useFLIPClipPath } from "./primitives/waapi/Morph/techniques/useFLIPClipPath.js";
+import { useCSSGridMorph } from "./primitives/waapi/Morph/techniques/useCSSGridMorph.js";
+import { useViewTransitions } from "./primitives/waapi/Morph/techniques/useViewTransitions.js";
+import { useMorph } from "./primitives/waapi/Morph/useMorph.js";
+import { Morph } from "./primitives/waapi/Morph/index.js";
+import "./primitives/index.js";
+import { getStrictContext } from "./lib/get-strict-context.js";
+import { useControlledState } from "./hooks/State/UseControlledState.js";
+import { AccordionStyles, accordionVariants } from "./ui/Accordion/Accordion.styles.js";
+import { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, useAccordionItem } from "./ui/Accordion/index.js";
+import { AlertDialogStyles } from "./ui/AlertDialog/AlertDialog.styles.js";
+import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, useAlertDialog } from "./ui/AlertDialog/index.js";
+import { checkboxStyles } from "./ui/Checkbox/Checkbox.styles.js";
+import { Checkbox, CheckboxIndicator, useCheckbox } from "./ui/Checkbox/index.js";
+import { dialogStyles } from "./ui/Dialog/Dialog.styles.js";
+import { Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, useDialog } from "./ui/Dialog/index.js";
+import { useDataState } from "./hooks/State/UseDataState.js";
+import { Menu, MenuArrow, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuGroup, MenuGroupLabel, MenuHighlight, MenuHighlightItem, MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuShortcut, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, useMenu, useMenuActiveValue } from "./ui/Menu/index.js";
+import { popoverStyles } from "./ui/Popover/Popover.styles.js";
+import { Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, usePopover } from "./ui/Popover/index.js";
+import { progressStyles } from "./ui/Progress/Progress.styles.js";
+import { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, useProgress } from "./ui/Progress/index.js";
+import { switchStyles } from "./ui/Switch/Switch.styles.js";
+import { Switch, SwitchIcon, SwitchThumb, useSwitch } from "./ui/Switch/index.js";
+import { Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsPanel, TabsPanels, TabsTab } from "./ui/Tabs/index.js";
+import { tooltipStyles } from "./ui/Tooltip/Tooltip.styles.js";
+import { Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, useTooltip } from "./ui/Tooltip/index.js";
+import { badgeVariants } from "./ui/Badge/Badge.styles.js";
+import { Badge } from "./ui/Badge/index.js";
+import { buttonStateStyles, buttonVariants } from "./ui/Button/Button.styles.js";
+import { Button } from "./ui/Button/index.js";
+import { cardVariants } from "./ui/Card/Card.styles.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/Card/index.js";
+import { Input } from "./ui/Input/index.js";
+import { inputGroupAddonVariants, inputGroupButtonVariants } from "./ui/InputGroup/InputGroup.styles.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./ui/InputGroup/index.js";
+import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor } from "./ui/Combobox/index.js";
+import { bracketVariants } from "./ui/CornerBracket/CornerBracket.styles.js";
+import { CornerBracket } from "./ui/CornerBracket/index.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/DropdownMenu/index.js";
+import { Label } from "./ui/Label/index.js";
+import { Separator } from "./ui/Separator/index.js";
+import { fieldVariants } from "./ui/Field/Field.styles.js";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./ui/Field/index.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/Select/index.js";
+import { dataCardStyles, dataCardVariants } from "./ui/DataCard/DataCard.styles.js";
+import { DataCard, DataCardActions, DataCardBracket, DataCardLabel, DataCardToggle, DataCardValue, useDataCard } from "./ui/DataCard/index.js";
+import { useListFormat } from "./hooks/Formatting/UseListFormat.js";
+import { TextFlow } from "./ui/TextFlow/index.js";
+import "./ui/index.js";
+import { MorphingPopover, MorphingPopoverWithTarget } from "./components/MorphingPopover/index.js";
+import "./components/index.js";
+import "./hooks/index.js";
+import { ActivityIcon } from "./icons/lucide-animated/activity.js";
+import { ArrowDownToLineIcon } from "./icons/lucide-animated/arrow-down-to-line.js";
+import { ArrowUpIcon } from "./icons/lucide-animated/arrow-up.js";
+import { BellIcon } from "./icons/lucide-animated/bell.js";
+import { BellElectricIcon } from "./icons/lucide-animated/bell-electric.js";
+import { BotIcon } from "./icons/lucide-animated/bot.js";
+import { BoxIcon } from "./icons/lucide-animated/box.js";
+import { Check } from "./icons/lucide-animated/check.js";
+import { CircleCheckIcon } from "./icons/lucide-animated/circle-check.js";
+import { DeleteIcon } from "./icons/lucide-animated/delete.js";
+import { DownloadIcon } from "./icons/lucide-animated/download.js";
+import { Edit2 } from "./icons/lucide-animated/edit-2.js";
+import { Globe } from "./icons/lucide-animated/globe.js";
+import { HomeIcon } from "./icons/lucide-animated/home.js";
+import { Layers } from "./icons/lucide-animated/layers.js";
+import { LayoutPanelTopIcon } from "./icons/lucide-animated/layout-panel-top.js";
+import { ListIcon } from "./icons/lucide-animated/list.js";
+import { Package } from "./icons/lucide-animated/package.js";
+import { Palette } from "./icons/lucide-animated/palette.js";
+import { PlusIcon } from "./icons/lucide-animated/plus.js";
+import { RefreshCw } from "./icons/lucide-animated/refresh-cw.js";
+import { Rocket } from "./icons/lucide-animated/rocket.js";
+import { Save } from "./icons/lucide-animated/save.js";
+import { SearchIcon } from "./icons/lucide-animated/search.js";
+import { SettingsIcon } from "./icons/lucide-animated/settings.js";
+import { TerminalIcon } from "./icons/lucide-animated/terminal.js";
+import { Trash2 } from "./icons/lucide-animated/trash-2.js";
+import { TrendingDownIcon } from "./icons/lucide-animated/trending-down.js";
+import { TrendingUpIcon } from "./icons/lucide-animated/trending-up.js";
+import { Type } from "./icons/lucide-animated/type.js";
+import { Upload } from "./icons/lucide-animated/upload.js";
+import { XIcon } from "./icons/lucide-animated/x.js";
+import { HugeIcons } from "./icons/index.js";
+import "./lib/index.js";
+
+export { ANIMATION_CONFIGS, ANIMATION_DEFAULTS, Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionStyles, AccordionTrigger, ActivityIcon, AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogStyles, AlertDialogTitle, AlertDialogTrigger, ArrowDownToLineIcon, ArrowUpIcon, AutoHeight, Badge, BellElectricIcon, BellIcon, BotIcon, BoxIcon, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Check, Checkbox, CheckboxIndicator, CircleCheckIcon, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, CornerBracket, CountingNumber, DataCard, DataCardActions, DataCardBracket, DataCardLabel, DataCardToggle, DataCardValue, DeleteIcon, Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EASINGS, EFFECTS, Edit2, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Globe, Highlight, HighlightItem, HomeIcon, HugeIcons, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, Layers, LayoutPanelTopIcon, ListIcon, Menu, MenuArrow, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuGroup, MenuGroupLabel, MenuHighlight, MenuHighlightItem, MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuShortcut, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Morph, MorphingPopover, MorphingPopoverWithTarget, PRESETS, Package, Palette, PlusIcon, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RESPONSIVE_CONFIGS, RefreshCw, ReorderRoot as Reorder, Rocket, Save, SearchIcon, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsIcon, SlidingNumber, SlidingText, Slot, Switch, SwitchIcon, SwitchThumb, TIMING, TRANSFORMS, Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsPanel, TabsPanels, TabsTab, TerminalIcon, TextFlow, Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, Trash2, TrendingDownIcon, TrendingUpIcon, Type, Upload, XIcon, accordionVariants, badgeVariants, bracketVariants, buttonStateStyles, buttonVariants, calculateSeparatorCoordination, cardVariants, checkboxStyles, cn, dataCardStyles, dataCardVariants, dialogStyles, fieldVariants, getResponsiveDuration, getResponsiveStagger, getStrictContext, inputGroupAddonVariants, inputGroupButtonVariants, popoverStyles, progressStyles, shouldShowSeparator, switchStyles, tooltipStyles, useAccordionItem, useAlertDialog, useAnimationOrchestrator, useAutoHeight, useCSSGridMorph, useCheckbox, useComboboxAnchor, useControlledState, useDataCard, useDataState, useDialog, useElementRegistry, useFLIPAnimation, useFLIPClipPath, useHighlight, useIsInView, useListFormat, useMenu, useMenuActiveValue, useMorph, useMorphContext, usePopover, usePositionCapture, useProgress, useReorder, useReorderPresence, useSwitch, useTooltip, useViewTransitions };

package/dist/react-ui/lib/get-strict-context.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+/**
+ * Creates a strict context pair — a Provider and a hook that throws
+ * if used outside the Provider.
+ *
+ * @param name - Display name for error messages
+ * @returns A tuple of [Provider, useSafeContext]
+ *
+ * @example
+ * ```tsx
+ * const [ThemeProvider, useTheme] = getStrictContext<IThemeContext>('ThemeProvider');
+ *
+ * function App() {
+ *   return (
+ *     <ThemeProvider value={{ mode: 'dark' }}>
+ *       <MyComponent />
+ *     </ThemeProvider>
+ *   );
+ * }
+ * ```
+ */
+declare function getStrictContext<T>(name?: string): readonly [
+    ({ value, children, }: {
+        value: T;
+        children?: React.ReactNode;
+    }) => React.JSX.Element,
+    () => T
+];
+export { getStrictContext };
+//# sourceMappingURL=get-strict-context.d.ts.map

package/dist/react-ui/lib/get-strict-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-strict-context.d.ts","sourceRoot":"","sources":["../../../src/react-ui/lib/get-strict-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,gBAAgB,CAAC,CAAC,EACzB,IAAI,CAAC,EAAE,MAAM,GACZ,SAAS;IACV,CAAC,EACC,KAAK,EACL,QAAQ,GACT,EAAE;QACD,KAAK,EAAE,CAAC,CAAC;QACT,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO;IACvB,MAAM,CAAC;CACR,CAoBA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/react-ui/lib/get-strict-context.js

@@ -0,0 +1,40 @@
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react-ui/lib/get-strict-context.tsx
+/**
+* Creates a strict context pair — a Provider and a hook that throws
+* if used outside the Provider.
+*
+* @param name - Display name for error messages
+* @returns A tuple of [Provider, useSafeContext]
+*
+* @example
+* ```tsx
+* const [ThemeProvider, useTheme] = getStrictContext<IThemeContext>('ThemeProvider');
+*
+* function App() {
+*   return (
+*     <ThemeProvider value={{ mode: 'dark' }}>
+*       <MyComponent />
+*     </ThemeProvider>
+*   );
+* }
+* ```
+*/
+function getStrictContext(name) {
+	const Context = React$1.createContext(void 0);
+	const Provider = ({ value, children }) => /* @__PURE__ */ jsx(Context.Provider, {
+		value,
+		children
+	});
+	const useSafeContext = () => {
+		const ctx = React$1.useContext(Context);
+		if (ctx === void 0) throw new Error(`useContext must be used within ${name ?? "a Provider"}`);
+		return ctx;
+	};
+	return [Provider, useSafeContext];
+}
+
+//#endregion
+export { getStrictContext };

package/dist/react-ui/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react-ui/lib/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/react-ui/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/react-ui/lib/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C;;;;;;;;;;;GAWG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}

package/dist/react-ui/lib/utils.js

@@ -0,0 +1,27 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region src/react-ui/lib/utils.ts
+/**
+* React-specific utility functions.
+*
+* @module @mks2508/mks-ui/react/lib/utils
+*/
+/**
+* Merge class names with Tailwind CSS class deduplication.
+*
+* @param inputs - Class values to merge
+* @returns Merged and deduplicated class string
+*
+* @example
+* ```typescript
+* cn('px-2 py-1', 'px-4') // 'py-1 px-4'
+* cn('bg-red-500', condition && 'bg-blue-500')
+* ```
+*/
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };

package/dist/react-ui/primitives/AutoHeight/index.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { type HTMLMotionProps, type LegacyAnimationControls, type TargetAndTransition, type Transition } from 'motion/react';
+import { type WithAsChild } from '../../../react-ui/primitives/Slot';
+/** Props for the AutoHeight primitive component. */
+type IAutoHeightProps = WithAsChild<{
+    children: React.ReactNode;
+    /** Dependency list to trigger re-measurement. */
+    deps?: React.DependencyList;
+    /** Motion animate target. */
+    animate?: TargetAndTransition | LegacyAnimationControls;
+    /** Motion transition config. */
+    transition?: Transition;
+} & Omit<HTMLMotionProps<'div'>, 'animate'>>;
+/**
+ * AutoHeight primitive — animates height changes of dynamic content.
+ * Uses ResizeObserver internally to track content height and Motion for animation.
+ *
+ * @param deps - Dependency list to trigger re-measurement
+ * @param transition - Motion spring/tween transition config
+ * @param asChild - Render as child element using Slot pattern
+ *
+ * @example
+ * ```tsx
+ * <AutoHeight deps={[content]}>
+ *   <div>{content}</div>
+ * </AutoHeight>
+ * ```
+ */
+declare function AutoHeight({ children, deps, transition, style, animate, asChild, ...props }: IAutoHeightProps): import("react/jsx-runtime").JSX.Element;
+export { AutoHeight, type IAutoHeightProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/react-ui/primitives/AutoHeight/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/primitives/AutoHeight/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAQ,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEpE,oDAAoD;AACpD,KAAK,gBAAgB,GAAG,WAAW,CACjC;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC;IAC5B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,mBAAmB,GAAG,uBAAuB,CAAC;IACxD,gCAAgC;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAC5C,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,IAAS,EACT,UAMC,EACD,KAAK,EACL,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAelB;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,CAAC"}

package/dist/react-ui/primitives/AutoHeight/index.js

@@ -0,0 +1,52 @@
+'use client';
+
+import { Slot } from "../Slot/index.js";
+import { useAutoHeight } from "../../hooks/Animation/UseAutoHeight.js";
+import "react";
+import { motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react-ui/primitives/AutoHeight/index.tsx
+/**
+* AutoHeight primitive — animates height changes of dynamic content.
+* Uses ResizeObserver internally to track content height and Motion for animation.
+*
+* @param deps - Dependency list to trigger re-measurement
+* @param transition - Motion spring/tween transition config
+* @param asChild - Render as child element using Slot pattern
+*
+* @example
+* ```tsx
+* <AutoHeight deps={[content]}>
+*   <div>{content}</div>
+* </AutoHeight>
+* ```
+*/
+function AutoHeight({ children, deps = [], transition = {
+	type: "spring",
+	stiffness: 300,
+	damping: 30,
+	bounce: 0,
+	restDelta: .01
+}, style, animate, asChild = false, ...props }) {
+	const { ref, height } = useAutoHeight(deps);
+	return /* @__PURE__ */ jsx(asChild ? Slot : motion.div, {
+		style: {
+			overflow: "hidden",
+			...style
+		},
+		animate: {
+			height,
+			...animate
+		},
+		transition,
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			children
+		})
+	});
+}
+
+//#endregion
+export { AutoHeight };

package/dist/react-ui/primitives/CountingNumber/index.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { type SpringOptions } from 'motion/react';
+import { type IUseIsInViewOptions } from '../../../react-ui/hooks/DOM/UseIsInView';
+/** Props for the CountingNumber primitive. */
+type ICountingNumberProps = Omit<React.ComponentProps<'span'>, 'children'> & {
+    /** Target number to animate to. */
+    number: number;
+    /** Starting number (default: 0). */
+    fromNumber?: number;
+    /** Pad integer part with leading zeros. */
+    padStart?: boolean;
+    /** Decimal separator character. */
+    decimalSeparator?: string;
+    /** Number of decimal places to show. */
+    decimalPlaces?: number;
+    /** Spring transition options. */
+    transition?: SpringOptions;
+    /** Delay in ms before animation starts. */
+    delay?: number;
+    /** Start at target number instead of fromNumber. */
+    initiallyStable?: boolean;
+} & IUseIsInViewOptions;
+/**
+ * CountingNumber primitive — animates a number from one value to another
+ * using spring physics. Supports decimal places, padding, and in-view triggers.
+ *
+ * @param number - Target number to animate to
+ * @param fromNumber - Starting number (default: 0)
+ * @param transition - Spring physics options
+ * @param inView - Only animate when in viewport
+ *
+ * @example
+ * ```tsx
+ * <CountingNumber number={1234} transition={{ stiffness: 90, damping: 50 }} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <CountingNumber number={99.99} decimalPlaces={2} decimalSeparator="," inView inViewOnce />
+ * ```
+ */
+declare function CountingNumber({ ref, number, fromNumber, padStart, inView, inViewMargin, inViewOnce, decimalSeparator, transition, decimalPlaces, delay, initiallyStable, ...props }: ICountingNumberProps): import("react/jsx-runtime").JSX.Element;
+export { CountingNumber, type ICountingNumberProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/react-ui/primitives/CountingNumber/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/primitives/CountingNumber/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA6B,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7E,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,kCAAkC,CAAC;AAE1C,8CAA8C;AAC9C,KAAK,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iCAAiC;IACjC,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,mBAAmB,CAAC;AAExB;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,MAAM,EACN,UAAc,EACd,QAAgB,EAChB,MAAc,EACd,YAAoB,EACpB,UAAiB,EACjB,gBAAsB,EACtB,UAA2C,EAC3C,aAAiB,EACjB,KAAS,EACT,eAAuB,EACvB,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAiFtB;AAED,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,CAAC"}

package/dist/react-ui/primitives/CountingNumber/index.js

@@ -0,0 +1,97 @@
+'use client';
+
+import { useIsInView } from "../../hooks/DOM/UseIsInView.js";
+import * as React$1 from "react";
+import { useMotionValue, useSpring } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react-ui/primitives/CountingNumber/index.tsx
+/**
+* CountingNumber primitive — animates a number from one value to another
+* using spring physics. Supports decimal places, padding, and in-view triggers.
+*
+* @param number - Target number to animate to
+* @param fromNumber - Starting number (default: 0)
+* @param transition - Spring physics options
+* @param inView - Only animate when in viewport
+*
+* @example
+* ```tsx
+* <CountingNumber number={1234} transition={{ stiffness: 90, damping: 50 }} />
+* ```
+*
+* @example
+* ```tsx
+* <CountingNumber number={99.99} decimalPlaces={2} decimalSeparator="," inView inViewOnce />
+* ```
+*/
+function CountingNumber({ ref, number, fromNumber = 0, padStart = false, inView = false, inViewMargin = "0px", inViewOnce = true, decimalSeparator = ".", transition = {
+	stiffness: 90,
+	damping: 50
+}, decimalPlaces = 0, delay = 0, initiallyStable = false, ...props }) {
+	const { ref: localRef, isInView } = useIsInView(ref, {
+		inView,
+		inViewOnce,
+		inViewMargin
+	});
+	const numberStr = number.toString();
+	const decimals = typeof decimalPlaces === "number" ? decimalPlaces : numberStr.includes(".") ? numberStr.split(".")[1]?.length ?? 0 : 0;
+	const motionVal = useMotionValue(initiallyStable ? number : fromNumber);
+	const springVal = useSpring(motionVal, transition);
+	React$1.useEffect(() => {
+		const timeoutId = setTimeout(() => {
+			if (isInView) motionVal.set(number);
+		}, delay);
+		return () => clearTimeout(timeoutId);
+	}, [
+		isInView,
+		number,
+		motionVal,
+		delay
+	]);
+	React$1.useEffect(() => {
+		const unsubscribe = springVal.on("change", (latest) => {
+			if (localRef.current) {
+				let formatted = decimals > 0 ? latest.toFixed(decimals) : Math.round(latest).toString();
+				if (decimals > 0) formatted = formatted.replace(".", decimalSeparator);
+				if (padStart) {
+					const finalIntLength = Math.floor(Math.abs(number)).toString().length;
+					const [intPart, fracPart] = formatted.split(decimalSeparator);
+					const paddedInt = intPart?.padStart(finalIntLength, "0") ?? "";
+					formatted = fracPart ? `${paddedInt}${decimalSeparator}${fracPart}` : paddedInt;
+				}
+				localRef.current.textContent = formatted;
+			}
+		});
+		return () => unsubscribe();
+	}, [
+		springVal,
+		decimals,
+		padStart,
+		number,
+		decimalSeparator,
+		localRef
+	]);
+	const finalIntLength = Math.floor(Math.abs(number)).toString().length;
+	const formatValue = (val) => {
+		let out = decimals > 0 ? val.toFixed(decimals) : Math.round(val).toString();
+		if (decimals > 0) out = out.replace(".", decimalSeparator);
+		if (padStart) {
+			const [intPart, fracPart] = out.split(decimalSeparator);
+			const paddedInt = (intPart ?? "").padStart(finalIntLength, "0");
+			out = fracPart ? `${paddedInt}${decimalSeparator}${fracPart}` : paddedInt;
+		}
+		return out;
+	};
+	const zeroText = padStart ? "0".padStart(finalIntLength, "0") + (decimals > 0 ? decimalSeparator + "0".repeat(decimals) : "") : "0" + (decimals > 0 ? decimalSeparator + "0".repeat(decimals) : "");
+	const initialText = initiallyStable ? formatValue(number) : zeroText;
+	return /* @__PURE__ */ jsx("span", {
+		ref: localRef,
+		"data-slot": "counting-number",
+		...props,
+		children: initialText
+	});
+}
+
+//#endregion
+export { CountingNumber };

package/dist/react-ui/primitives/Highlight/Highlight.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/primitives/Highlight/Highlight.types.ts"],"names":[],"mappings":"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"}

package/dist/react-ui/primitives/Highlight/index.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import type { HighlightContextType, IHighlightProps, IHighlightItemProps } from './Highlight.types';
+/**
+ * Hook to access the Highlight context.
+ * Must be used within a Highlight provider.
+ *
+ * @returns The current highlight context
+ */
+declare function useHighlight<T extends string>(): HighlightContextType<T>;
+/**
+ * Highlight primitive — animated background indicator that follows the active item.
+ * Supports two modes: "children" (layoutId-based per item) and "parent" (absolute positioned).
+ *
+ * This is an internal primitive used by Tabs, Menu, and similar components.
+ *
+ * @param mode - Tracking mode: 'children' or 'parent'
+ * @param hover - Activate on hover instead of click
+ * @param click - Activate on click (default: true)
+ * @param transition - Motion transition config
+ *
+ * @example
+ * ```tsx
+ * <Highlight hover>
+ *   <HighlightItem><button>Tab 1</button></HighlightItem>
+ *   <HighlightItem><button>Tab 2</button></HighlightItem>
+ * </Highlight>
+ * ```
+ */
+declare function Highlight<T extends React.ElementType = 'div'>({ ref, ...props }: IHighlightProps<T>): import("react/jsx-runtime").JSX.Element;
+/**
+ * HighlightItem — a single item within a Highlight container.
+ * Tracks its own position and renders the animated highlight indicator.
+ *
+ * @param value - Unique identifier for this item
+ * @param activeClassName - Additional class when this item is active
+ * @param asChild - Use the child element directly instead of wrapping
+ *
+ * @example
+ * ```tsx
+ * <HighlightItem value="tab-1">
+ *   <button>Tab 1</button>
+ * </HighlightItem>
+ * ```
+ */
+declare function HighlightItem<T extends React.ElementType>({ ref, as, children, id, value, className, style, transition, disabled, activeClassName, exitDelay, asChild, forceUpdateBounds, ...props }: IHighlightItemProps<T>): any;
+export { Highlight, HighlightItem, useHighlight, };
+export type { IHighlightProps, IHighlightItemProps, Bounds, HighlightMode, HighlightContextType, } from './Highlight.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/react-ui/primitives/Highlight/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/primitives/Highlight/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAEV,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EAGpB,MAAM,mBAAmB,CAAC;AAc3B;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,CAAC,SAAS,MAAM,KAAK,oBAAoB,CAAC,CAAC,CAAC,CAMjE;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EACtD,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,CAAC,CAAC,2CAwNpB;AAiBD;;;;;;;;;;;;;;GAcG;AACH,iBAAS,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,EAClD,GAAG,EACH,EAAE,EACF,QAAQ,EACR,EAAE,EACF,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,eAAe,EACf,SAAS,EACT,OAAe,EACf,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,OA2OxB;AAED,OAAO,EACL,SAAS,EACT,aAAa,EACb,YAAY,GACb,CAAC;AAGF,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,MAAM,EACN,aAAa,EACb,oBAAoB,GACrB,MAAM,mBAAmB,CAAC"}