@mks2508/mks-ui 0.1.4 → 0.2.1

package/dist/{icons → react-ui/icons}/lucide-animated/trending-up.js

@@ -5,7 +5,7 @@ import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { motion, useAnimation } from "framer-motion";
 
-//#region src/icons/lucide-animated/trending-up.tsx
+//#region src/react-ui/icons/lucide-animated/trending-up.tsx
 const SVG_VARIANTS = { animate: {
 	x: 0,
 	y: 0,

package/dist/react-ui/icons/lucide-animated/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/icons/lucide-animated/type.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,wBAAgB,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,2CAgBxD"}

package/dist/{icons → react-ui/icons}/lucide-animated/type.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/icons/lucide-animated/type.tsx
+//#region src/react-ui/icons/lucide-animated/type.tsx
 /**
 * Type Icon
 *

package/dist/react-ui/icons/lucide-animated/upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/icons/lucide-animated/upload.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,2CAgB1D"}

package/dist/{icons → react-ui/icons}/lucide-animated/upload.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/icons/lucide-animated/upload.tsx
+//#region src/react-ui/icons/lucide-animated/upload.tsx
 /**
 * Upload Icon
 *

package/dist/react-ui/icons/lucide-animated/x.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"x.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/icons/lucide-animated/x.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAaD,QAAA,MAAM,KAAK,oGAoEV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -5,7 +5,7 @@ import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { motion, useAnimation } from "framer-motion";
 
-//#region src/icons/lucide-animated/x.tsx
+//#region src/react-ui/icons/lucide-animated/x.tsx
 const PATH_VARIANTS = {
 	normal: {
 		opacity: 1,

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

@@ -0,0 +1,19 @@
+/**
+ * React components, hooks, icons, and utilities barrel export.
+ *
+ * @module @mks2508/mks-ui/react
+ *
+ * @example
+ * ```tsx
+ * import { Button, Card, Dialog, CornerBracket } from '@mks2508/mks-ui/react';
+ * import { useAutoHeight, useControlledState } from '@mks2508/mks-ui/react';
+ * import { cn } from '@mks2508/mks-ui/react';
+ * ```
+ */
+export * from './primitives';
+export * from './ui';
+export * from './components';
+export * from './hooks';
+export * from './icons';
+export * from './lib';
+//# sourceMappingURL=index.d.ts.map

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,88 @@
+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 "./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 { Textarea } from "./ui/Textarea/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 "./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 { 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, 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, 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, MorphingPopover, MorphingPopoverWithTarget, Package, Palette, PlusIcon, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RefreshCw, Rocket, Save, SearchIcon, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsIcon, Slot, Switch, SwitchIcon, SwitchThumb, Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsPanel, TabsPanels, TabsTab, TerminalIcon, Textarea, Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, Trash2, TrendingDownIcon, TrendingUpIcon, Type, Upload, XIcon, accordionVariants, badgeVariants, bracketVariants, buttonStateStyles, buttonVariants, cardVariants, checkboxStyles, cn, dialogStyles, fieldVariants, getStrictContext, inputGroupAddonVariants, inputGroupButtonVariants, popoverStyles, progressStyles, switchStyles, tooltipStyles, useAccordionItem, useAlertDialog, useAutoHeight, useCheckbox, useComboboxAnchor, useControlledState, useDataState, useDialog, useHighlight, useIsInView, useMenu, useMenuActiveValue, usePopover, useProgress, useSwitch, useTooltip };

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 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.createContext(void 0);
+	const Provider = ({ value, children }) => /* @__PURE__ */ jsx(Context.Provider, {
+		value,
+		children
+	});
+	const useSafeContext = () => {
+		const ctx = React.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

@@ -0,0 +1,8 @@
+/**
+ * React-specific utility functions barrel export.
+ *
+ * @module @mks2508/mks-ui/react/lib
+ */
+export { cn } from './utils';
+export { getStrictContext } from './get-strict-context';
+//# sourceMappingURL=index.d.ts.map

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/index.js

@@ -0,0 +1,2 @@
+import { cn } from "./utils.js";
+import { getStrictContext } from "./get-strict-context.js";

package/dist/{lib → react-ui/lib}/utils.d.ts

@@ -1,7 +1,7 @@
 /**
- * Utility functions for UI components.
+ * React-specific utility functions.
  *
- * @module @mks2508/mks-ui/lib/utils
+ * @module @mks2508/mks-ui/react/lib/utils
  */
 import { type ClassValue } from 'clsx';
 /**

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/{lib → react-ui/lib}/utils.js

@@ -1,11 +1,11 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 
-//#region src/lib/utils.ts
+//#region src/react-ui/lib/utils.ts
 /**
-* Utility functions for UI components.
+* React-specific utility functions.
 *
-* @module @mks2508/mks-ui/lib/utils
+* @module @mks2508/mks-ui/react/lib/utils
 */
 /**
 * Merge class names with Tailwind CSS class deduplication.

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/{components/animate-ui/primitives/texts/counting-number.js → react-ui/primitives/CountingNumber/index.js}

@@ -1,11 +1,30 @@
 'use client';
 
-import { useIsInView } from "../../../../hooks/use-is-in-view.js";
+import { useIsInView } from "../../hooks/DOM/UseIsInView.js";
 import * as React from "react";
 import { useMotionValue, useSpring } from "motion/react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/animate-ui/primitives/texts/counting-number.tsx
+//#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

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

@@ -0,0 +1,113 @@
+import type { Transition } from 'motion/react';
+/** Mode for highlight tracking. */
+export type HighlightMode = 'children' | 'parent';
+/** Bounding rectangle offsets. */
+export type Bounds = {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+};
+/** Internal context type for Highlight state. */
+export type HighlightContextType<T extends string> = {
+    as?: keyof HTMLElementTagNameMap;
+    mode: HighlightMode;
+    activeValue: T | null;
+    setActiveValue: (value: T | null) => void;
+    setBounds: (bounds: DOMRect) => void;
+    clearBounds: () => void;
+    id: string;
+    hover: boolean;
+    click: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    activeClassName?: string;
+    setActiveClassName: (className: string) => void;
+    transition?: Transition;
+    disabled?: boolean;
+    enabled?: boolean;
+    exitDelay?: number;
+    forceUpdateBounds?: boolean;
+};
+/** Base props shared by all Highlight variants. */
+export type BaseHighlightProps<T extends React.ElementType = 'div'> = {
+    as?: T;
+    ref?: React.Ref<HTMLDivElement>;
+    mode?: HighlightMode;
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (value: string | null) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    transition?: Transition;
+    hover?: boolean;
+    click?: boolean;
+    disabled?: boolean;
+    enabled?: boolean;
+    exitDelay?: number;
+};
+/** Props specific to parent mode. */
+export type ParentModeHighlightProps = {
+    boundsOffset?: Partial<Bounds>;
+    containerClassName?: string;
+    forceUpdateBounds?: boolean;
+};
+/** Controlled parent mode highlight props. */
+export type ControlledParentModeHighlightProps<T extends React.ElementType = 'div'> = BaseHighlightProps<T> & ParentModeHighlightProps & {
+    mode: 'parent';
+    controlledItems: true;
+    children: React.ReactNode;
+};
+/** Controlled children mode highlight props. */
+export type ControlledChildrenModeHighlightProps<T extends React.ElementType = 'div'> = BaseHighlightProps<T> & {
+    mode?: 'children' | undefined;
+    controlledItems: true;
+    children: React.ReactNode;
+};
+/** Uncontrolled parent mode highlight props. */
+export type UncontrolledParentModeHighlightProps<T extends React.ElementType = 'div'> = BaseHighlightProps<T> & ParentModeHighlightProps & {
+    mode: 'parent';
+    controlledItems?: false;
+    itemsClassName?: string;
+    children: React.ReactElement | React.ReactElement[];
+};
+/** Uncontrolled children mode highlight props. */
+export type UncontrolledChildrenModeHighlightProps<T extends React.ElementType = 'div'> = BaseHighlightProps<T> & {
+    mode?: 'children';
+    controlledItems?: false;
+    itemsClassName?: string;
+    children: React.ReactElement | React.ReactElement[];
+};
+/**
+ * Props for the Highlight component.
+ * Discriminated union supporting controlled/uncontrolled + children/parent modes.
+ */
+export type IHighlightProps<T extends React.ElementType = 'div'> = ControlledParentModeHighlightProps<T> | ControlledChildrenModeHighlightProps<T> | UncontrolledParentModeHighlightProps<T> | UncontrolledChildrenModeHighlightProps<T>;
+/** Extended child props used internally by HighlightItem. */
+export type ExtendedChildProps = React.ComponentProps<'div'> & {
+    id?: string;
+    ref?: React.Ref<HTMLElement>;
+    'data-active'?: string;
+    'data-value'?: string;
+    'data-disabled'?: boolean;
+    'data-highlight'?: boolean;
+    'data-slot'?: string;
+};
+/**
+ * Props for a HighlightItem within a Highlight container.
+ */
+export type IHighlightItemProps<T extends React.ElementType = 'div'> = React.ComponentProps<T> & {
+    as?: T;
+    children: React.ReactElement;
+    id?: string;
+    value?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    transition?: Transition;
+    activeClassName?: string;
+    disabled?: boolean;
+    exitDelay?: number;
+    asChild?: boolean;
+    forceUpdateBounds?: boolean;
+};
+//# sourceMappingURL=Highlight.types.d.ts.map

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