nexoreui 1.8.0 → 1.8.2

package/dist/index.d.mts

@@ -14,7 +14,6 @@ export { toast } from 'sonner';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { HTMLMotionProps } from 'framer-motion';
 import { LucideIcon } from 'lucide-react';
 import { ClassValue } from 'clsx';
 
@@ -848,7 +847,7 @@ declare const FloatingNavbar: () => React$1.JSX.Element;
 declare const SidebarMenu: () => React$1.JSX.Element;
 declare const BottomNav: () => React$1.JSX.Element;
 declare const BreadcrumbTrail: () => React$1.JSX.Element;
-declare const StepIndicator: ({ current }: any) => React$1.JSX.Element;
+declare const StepIndicator: () => React$1.JSX.Element;
 declare const TabMenu: () => React$1.JSX.Element;
 declare const DropdownMenuVisual: () => React$1.JSX.Element;
 
@@ -952,7 +951,7 @@ declare function TypingAnimation({ texts, speed, deleteSpeed, pauseDuration, loo
 /**
  * Props for the BlurFade component
  */
-interface BlurFadeProps extends Omit<HTMLMotionProps<"div">, "ref"> {
+interface BlurFadeProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Children components to animate
      */
@@ -1082,7 +1081,7 @@ interface AnimatedNumberProps {
     duration?: number;
     formatFn?: (v: number) => string;
 }
-declare function AnimatedNumber({ value, className, duration, formatFn, }: AnimatedNumberProps): React$1.JSX.Element;
+declare function AnimatedNumber({ value, className, duration: _duration, formatFn, }: AnimatedNumberProps): React$1.JSX.Element;
 
 type RatingVariant = "amber" | "primary" | "emerald" | "rose" | "cyan";
 type RatingIconType = "star" | "heart" | "thumb" | "flame" | "trophy" | "smile";
@@ -1755,7 +1754,7 @@ declare const PaginationPro: () => React$1.JSX.Element;
 
 declare const ConfettiSuccess: () => React$1.JSX.Element;
 declare const ActionToast: () => React$1.JSX.Element;
-declare const MultiStepProgress: ({ current }: any) => React$1.JSX.Element;
+declare const MultiStepProgress: () => React$1.JSX.Element;
 declare const SkeletonList: () => React$1.JSX.Element;
 declare const EmptyStatePro: () => React$1.JSX.Element;
 declare const TooltipForm: () => React$1.JSX.Element;
@@ -1870,7 +1869,7 @@ declare function ColorPickerInput({ value: initial, label, className, onChange }
 declare const RadioCard: ({ title, description, checked, onChange, value, name }: any) => React$1.JSX.Element;
 declare const ColorSwatch: ({ color, selected, onClick }: any) => React$1.JSX.Element;
 declare const NumberStepper: ({ value, onChange, min, max }: any) => React$1.JSX.Element;
-declare const FileDropzone: ({ onDrop }: any) => React$1.JSX.Element;
+declare const FileDropzone: ({ onDrop: _onDrop }: any) => React$1.JSX.Element;
 declare const RatingStars: ({ rating, max, onRate }: any) => React$1.JSX.Element;
 declare const ToggleGroupItemWrapper: ({ children, active, onClick }: any) => React$1.JSX.Element;
 declare const ToggleGroupWrapper: ({ children }: any) => React$1.JSX.Element;
@@ -2197,7 +2196,7 @@ declare function ImageCarousel({ images, autoPlay, interval, className }: {
     interval?: number;
     className?: string;
 }): React$1.JSX.Element;
-declare function VideoPlayer({ title, duration, thumbnail, className }: {
+declare function VideoPlayer({ title, duration, thumbnail: _thumbnail, className }: {
     title?: string;
     duration?: string;
     thumbnail?: string;
@@ -2803,46 +2802,13 @@ interface BentoGridProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare function BentoGrid({ children, className, ...props }: BentoGridProps): React$1.JSX.Element;
 interface BentoCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Описание для title
-     * @default undefined
-     */
     title: string;
-    /**
-     * Описание для description
-     * @default undefined
-     */
     description: string;
-    /**
-     * Описание для header
-     * @default undefined
-     */
     header?: React$1.ReactNode;
-    /**
-     * Описание для icon
-     * @default undefined
-     */
     icon?: React$1.ReactNode;
-    /**
-     * Описание для children
-     * @default undefined
-     */
     children?: React$1.ReactNode;
-    /**
-     * Описание для span
-     * @default undefined
-     */
     span?: string;
-    /**
-     * Описание для delay
-     * @default undefined
-     */
     delay?: number;
-    /**
-     * Описание для className
-     * @default undefined
-     */
-    className?: string;
 }
 declare function BentoCard({ title, description, header, icon, children, span, className, delay, ...props }: BentoCardProps): React$1.JSX.Element;
 
@@ -2897,7 +2863,7 @@ type MorphingShape = 'pill' | 'circle' | 'square' | 'squircle' | 'custom';
 type MorphingVariant = 'gradient' | 'aurora' | 'neon' | 'glass' | 'outline' | 'subtle';
 type MorphingColor = 'violet' | 'cyan' | 'emerald' | 'rose' | 'amber' | 'rainbow' | 'mono';
 type MorphingSize = 'sm' | 'md' | 'lg' | 'xl' | 'custom';
-interface MorphingGeometryProps extends Omit<HTMLMotionProps<'div'>, 'children'> {
+interface MorphingGeometryProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Shape geometry preset */
     shape?: MorphingShape;
     /** Explicit corner radius (in pixels or css string) when shape is custom or morphed */
@@ -2929,7 +2895,7 @@ interface MorphingGeometryProps extends Omit<HTMLMotionProps<'div'>, 'children'>
  * An interactive geometric entity with fluid corner transitions, dynamic physics,
  * luminous glow, and continuous ambient rotational states.
  */
-declare const MorphingGeometry: React$1.ForwardRefExoticComponent<Omit<MorphingGeometryProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MorphingGeometry: React$1.ForwardRefExoticComponent<MorphingGeometryProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type CodeBlockTheme = 'dark' | 'aurora' | 'neon' | 'glass' | 'midnight';
 interface InteractiveCodeBlockProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onCopy'> {
@@ -3074,7 +3040,7 @@ interface DarkModeToggleProps {
     onChange?: (theme: "light" | "dark" | "system") => void;
     className?: string;
 }
-declare function DarkModeToggle({ theme: controlledTheme, variant, size, showLabel, onChange, className, }: DarkModeToggleProps): React__default.JSX.Element;
+declare function DarkModeToggle({ theme: controlledTheme, variant, size, showLabel, onChange, className, }: DarkModeToggleProps): React$1.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
 

package/dist/index.d.ts

@@ -14,7 +14,6 @@ export { toast } from 'sonner';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { HTMLMotionProps } from 'framer-motion';
 import { LucideIcon } from 'lucide-react';
 import { ClassValue } from 'clsx';
 
@@ -848,7 +847,7 @@ declare const FloatingNavbar: () => React$1.JSX.Element;
 declare const SidebarMenu: () => React$1.JSX.Element;
 declare const BottomNav: () => React$1.JSX.Element;
 declare const BreadcrumbTrail: () => React$1.JSX.Element;
-declare const StepIndicator: ({ current }: any) => React$1.JSX.Element;
+declare const StepIndicator: () => React$1.JSX.Element;
 declare const TabMenu: () => React$1.JSX.Element;
 declare const DropdownMenuVisual: () => React$1.JSX.Element;
 
@@ -952,7 +951,7 @@ declare function TypingAnimation({ texts, speed, deleteSpeed, pauseDuration, loo
 /**
  * Props for the BlurFade component
  */
-interface BlurFadeProps extends Omit<HTMLMotionProps<"div">, "ref"> {
+interface BlurFadeProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Children components to animate
      */
@@ -1082,7 +1081,7 @@ interface AnimatedNumberProps {
     duration?: number;
     formatFn?: (v: number) => string;
 }
-declare function AnimatedNumber({ value, className, duration, formatFn, }: AnimatedNumberProps): React$1.JSX.Element;
+declare function AnimatedNumber({ value, className, duration: _duration, formatFn, }: AnimatedNumberProps): React$1.JSX.Element;
 
 type RatingVariant = "amber" | "primary" | "emerald" | "rose" | "cyan";
 type RatingIconType = "star" | "heart" | "thumb" | "flame" | "trophy" | "smile";
@@ -1755,7 +1754,7 @@ declare const PaginationPro: () => React$1.JSX.Element;
 
 declare const ConfettiSuccess: () => React$1.JSX.Element;
 declare const ActionToast: () => React$1.JSX.Element;
-declare const MultiStepProgress: ({ current }: any) => React$1.JSX.Element;
+declare const MultiStepProgress: () => React$1.JSX.Element;
 declare const SkeletonList: () => React$1.JSX.Element;
 declare const EmptyStatePro: () => React$1.JSX.Element;
 declare const TooltipForm: () => React$1.JSX.Element;
@@ -1870,7 +1869,7 @@ declare function ColorPickerInput({ value: initial, label, className, onChange }
 declare const RadioCard: ({ title, description, checked, onChange, value, name }: any) => React$1.JSX.Element;
 declare const ColorSwatch: ({ color, selected, onClick }: any) => React$1.JSX.Element;
 declare const NumberStepper: ({ value, onChange, min, max }: any) => React$1.JSX.Element;
-declare const FileDropzone: ({ onDrop }: any) => React$1.JSX.Element;
+declare const FileDropzone: ({ onDrop: _onDrop }: any) => React$1.JSX.Element;
 declare const RatingStars: ({ rating, max, onRate }: any) => React$1.JSX.Element;
 declare const ToggleGroupItemWrapper: ({ children, active, onClick }: any) => React$1.JSX.Element;
 declare const ToggleGroupWrapper: ({ children }: any) => React$1.JSX.Element;
@@ -2197,7 +2196,7 @@ declare function ImageCarousel({ images, autoPlay, interval, className }: {
     interval?: number;
     className?: string;
 }): React$1.JSX.Element;
-declare function VideoPlayer({ title, duration, thumbnail, className }: {
+declare function VideoPlayer({ title, duration, thumbnail: _thumbnail, className }: {
     title?: string;
     duration?: string;
     thumbnail?: string;
@@ -2803,46 +2802,13 @@ interface BentoGridProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare function BentoGrid({ children, className, ...props }: BentoGridProps): React$1.JSX.Element;
 interface BentoCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Описание для title
-     * @default undefined
-     */
     title: string;
-    /**
-     * Описание для description
-     * @default undefined
-     */
     description: string;
-    /**
-     * Описание для header
-     * @default undefined
-     */
     header?: React$1.ReactNode;
-    /**
-     * Описание для icon
-     * @default undefined
-     */
     icon?: React$1.ReactNode;
-    /**
-     * Описание для children
-     * @default undefined
-     */
     children?: React$1.ReactNode;
-    /**
-     * Описание для span
-     * @default undefined
-     */
     span?: string;
-    /**
-     * Описание для delay
-     * @default undefined
-     */
     delay?: number;
-    /**
-     * Описание для className
-     * @default undefined
-     */
-    className?: string;
 }
 declare function BentoCard({ title, description, header, icon, children, span, className, delay, ...props }: BentoCardProps): React$1.JSX.Element;
 
@@ -2897,7 +2863,7 @@ type MorphingShape = 'pill' | 'circle' | 'square' | 'squircle' | 'custom';
 type MorphingVariant = 'gradient' | 'aurora' | 'neon' | 'glass' | 'outline' | 'subtle';
 type MorphingColor = 'violet' | 'cyan' | 'emerald' | 'rose' | 'amber' | 'rainbow' | 'mono';
 type MorphingSize = 'sm' | 'md' | 'lg' | 'xl' | 'custom';
-interface MorphingGeometryProps extends Omit<HTMLMotionProps<'div'>, 'children'> {
+interface MorphingGeometryProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Shape geometry preset */
     shape?: MorphingShape;
     /** Explicit corner radius (in pixels or css string) when shape is custom or morphed */
@@ -2929,7 +2895,7 @@ interface MorphingGeometryProps extends Omit<HTMLMotionProps<'div'>, 'children'>
  * An interactive geometric entity with fluid corner transitions, dynamic physics,
  * luminous glow, and continuous ambient rotational states.
  */
-declare const MorphingGeometry: React$1.ForwardRefExoticComponent<Omit<MorphingGeometryProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MorphingGeometry: React$1.ForwardRefExoticComponent<MorphingGeometryProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type CodeBlockTheme = 'dark' | 'aurora' | 'neon' | 'glass' | 'midnight';
 interface InteractiveCodeBlockProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onCopy'> {
@@ -3074,7 +3040,7 @@ interface DarkModeToggleProps {
     onChange?: (theme: "light" | "dark" | "system") => void;
     className?: string;
 }
-declare function DarkModeToggle({ theme: controlledTheme, variant, size, showLabel, onChange, className, }: DarkModeToggleProps): React__default.JSX.Element;
+declare function DarkModeToggle({ theme: controlledTheme, variant, size, showLabel, onChange, className, }: DarkModeToggleProps): React$1.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
 

package/dist/index.js

@@ -3073,7 +3073,7 @@ var BreadcrumbTrail = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("nav"
   /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronRight, { className: "w-4 h-4" }),
   /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-foreground font-medium", children: "Laptop" })
 ] });
-var StepIndicator = ({ current = 2 }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center w-full max-w-sm", children: [
+var StepIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center w-full max-w-sm", children: [
   /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-8 h-8 rounded-full border-2 border-primary bg-primary text-primary-foreground flex items-center justify-center font-bold text-sm", children: "1" }) }),
   /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex-1 h-[2px] bg-primary mx-2" }),
   /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-8 h-8 rounded-full border-2 border-primary bg-background flex items-center justify-center font-bold text-sm", children: "2" }) }),
@@ -3417,7 +3417,7 @@ var NumberTicker = React19.forwardRef(
     });
     React19.useEffect(() => {
       if (inView) {
-        const animation = motionValue.set(value);
+        motionValue.set(value);
       }
     }, [inView, value, motionValue]);
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
@@ -3442,7 +3442,7 @@ NumberTicker.displayName = "NumberTicker";
 function AnimatedNumber({
   value,
   className,
-  duration = 0.5,
+  duration: _duration = 0.5,
   formatFn
 }) {
   const motionValue = (0, import_framer_motion13.useMotionValue)(value);
@@ -6451,7 +6451,7 @@ var ActionToast = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", {
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("button", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react22.X, { className: "w-4 h-4 text-muted" }) })
   ] })
 ] });
-var MultiStepProgress = ({ current = 2 }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "w-full", children: [
+var MultiStepProgress = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "w-full", children: [
   /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex justify-between mb-2 text-sm font-medium", children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-primary", children: "Cart" }),
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-primary", children: "Shipping" }),
@@ -7274,7 +7274,7 @@ var NumberStepper = ({ value = 0, onChange, min = 0, max = 100 }) => /* @__PURE_
   /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "w-8 text-center font-medium text-sm", children: value }),
   /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", onClick: () => onChange(Math.min(max, value + 1)), className: "p-1 rounded hover:bg-muted text-muted-foreground transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react26.Plus, { className: "h-4 w-4" }) })
 ] });
-var FileDropzone = ({ onDrop }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col items-center justify-center w-full h-40 border-2 border-dashed border-muted-foreground/25 rounded-xl bg-card hover:bg-accent/50 transition-colors cursor-pointer group", children: [
+var FileDropzone = ({ onDrop: _onDrop }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col items-center justify-center w-full h-40 border-2 border-dashed border-muted-foreground/25 rounded-xl bg-card hover:bg-accent/50 transition-colors cursor-pointer group", children: [
   /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "p-4 rounded-full bg-muted group-hover:bg-background transition-colors mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react26.Upload, { className: "h-6 w-6 text-muted-foreground group-hover:text-primary transition-colors" }) }),
   /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm font-medium", children: "Click or drag file to this area to upload" }),
   /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: "Support for a single or bulk upload." })
@@ -7962,7 +7962,7 @@ function ImageCarousel({ images, autoPlay = true, interval = 4e3, className }) {
     )) })
   ] });
 }
-function VideoPlayer({ title, duration = "3:45", thumbnail, className }) {
+function VideoPlayer({ title, duration = "3:45", thumbnail: _thumbnail, className }) {
   const [playing, setPlaying] = React37.useState(false);
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("relative overflow-hidden rounded-xl bg-muted group cursor-pointer", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "aspect-video bg-gradient-to-br from-slate-800 to-slate-900 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
@@ -8050,7 +8050,7 @@ function EmbedCard({ title, description, domain, favicon, className }) {
 }
 function MusicPlayer({ title, artist, album, className }) {
   const [playing, setPlaying] = React37.useState(false);
-  const [progress, setProgress] = React37.useState(35);
+  const [progress] = React37.useState(35);
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card p-5 w-full max-w-sm", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-4 mb-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
@@ -8578,7 +8578,7 @@ function ModernAreaChart({
     return `${acc} C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${p.x} ${p.y}`;
   }, "");
   const areaD = points.length > 0 ? `${pathD} L ${points[points.length - 1].x} ${padding.top + chartHeight} L ${points[0].x} ${padding.top + chartHeight} Z` : "";
-  const activePoint = hoverIndex !== null ? points[hoverIndex] : points[points.length - 1] || { label: "", value: 0 };
+  const activePoint = hoverIndex !== null ? points[hoverIndex] : points[points.length - 1] || { label: "", value: 0, x: 0, y: 0 };
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("relative w-full select-none", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       "svg",
@@ -9101,6 +9101,7 @@ var ChatInputSubmit = React39.forwardRef(
   ({ disabled = false, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_framer_motion32.motion.button,
     {
+      ref,
       whileTap: { scale: disabled ? 1 : 0.92 },
       disabled,
       className: cn(
@@ -9278,6 +9279,7 @@ var UserProfileFollowButton = React39.forwardRef(
   ({ following = false, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_framer_motion32.motion.button,
     {
+      ref,
       whileTap: { scale: 0.95 },
       className: cn(
         "px-4 py-1.5 rounded-full text-xs font-semibold transition-all duration-200 cursor-pointer shadow-xs",
@@ -10666,7 +10668,6 @@ function BentoCard({
 
 // src/components/aurora-border-fx.tsx
 var React42 = __toESM(require("react"));
-var import_framer_motion35 = require("framer-motion");
 var import_lucide_react31 = require("lucide-react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var defaultAuroraColors = [
@@ -10715,7 +10716,6 @@ var AuroraBorderFX = React42.forwardRef(
     children,
     ...props
   }, ref) => {
-    const shouldReduceMotion = (0, import_framer_motion35.useReducedMotion)();
     const resolvedInitialColor = colorPresetMap[color] || color || "#8b5cf6";
     const [internalColor, setInternalColor] = React42.useState(resolvedInitialColor);
     React42.useEffect(() => {
@@ -10864,7 +10864,7 @@ AuroraBorderFX.displayName = "AuroraBorderFX";
 
 // src/components/morphing-geometry.tsx
 var React43 = __toESM(require("react"));
-var import_framer_motion36 = require("framer-motion");
+var import_framer_motion35 = require("framer-motion");
 var import_lucide_react32 = require("lucide-react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var sizeMap3 = {
@@ -10945,7 +10945,6 @@ var MorphingGeometry = React43.forwardRef(
     ...props
   }, ref) => {
     const [currentShape, setCurrentShape] = React43.useState(shape);
-    const [isHovered, setIsHovered] = React43.useState(false);
     React43.useEffect(() => {
       setCurrentShape(shape);
     }, [shape]);
@@ -10976,7 +10975,7 @@ var MorphingGeometry = React43.forwardRef(
       variantClasses = `bg-muted/60 border border-border text-foreground`;
     }
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-      import_framer_motion36.motion.div,
+      import_framer_motion35.motion.div,
       {
         ref,
         animate: spin ? { rotate: [0, 90, 180, 270, 360] } : { rotate: 0 },
@@ -10990,8 +10989,6 @@ var MorphingGeometry = React43.forwardRef(
         },
         whileHover: { scale: 1.04 },
         whileTap: { scale: 0.96 },
-        onHoverStart: () => setIsHovered(true),
-        onHoverEnd: () => setIsHovered(false),
         onClick: handleInteractiveClick,
         className: cn(
           "relative flex items-center justify-center select-none overflow-hidden transition-all duration-300",
@@ -11245,7 +11242,6 @@ var AuroraSearchPill = React45.forwardRef(
     const [uncontrolledSearching, setUncontrolledSearching] = React45.useState(defaultSearching);
     const active = isControlled ? controlledSearching : uncontrolledSearching;
     const [isHovered, setIsHovered] = React45.useState(false);
-    const instanceId = React45.useId().replace(/:/g, "");
     const activeSources = React45.useMemo(() => {
       if (sourceAvatars && sourceAvatars.length > 0) {
         return sourceAvatars.map((url, i) => ({
@@ -11291,11 +11287,19 @@ var AuroraSearchPill = React45.forwardRef(
     const glowAlpha = GLOW_OPACITY[glowIntensity] ?? GLOW_OPACITY.medium;
     const bodyThemeClass = theme === "light" ? "bg-white text-slate-900 border-white/60 shadow-sm" : theme === "dark" ? "bg-[#090d16] text-white border-white/10 shadow-lg shadow-black/40" : "bg-white text-slate-900 dark:bg-[#090d16] dark:text-white border-white/60 dark:border-white/10 shadow-sm dark:shadow-black/40";
     const dotsColorClass = theme === "light" ? "bg-slate-900" : theme === "dark" ? "bg-white" : "bg-slate-900 dark:bg-white";
+    const {
+      onKeyDown,
+      ...restProps
+    } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
       "div",
       {
         ref,
-        onClick: handleToggle,
+        ...restProps,
+        onClick: (e) => {
+          onClick?.(e);
+          handleToggle(e);
+        },
         onMouseEnter: (e) => {
           setIsHovered(true);
           onMouseEnter?.(e);
@@ -11309,6 +11313,7 @@ var AuroraSearchPill = React45.forwardRef(
         "aria-pressed": active,
         "aria-label": active ? `Searching: ${searchLabel}` : "Activate AI Search",
         onKeyDown: (e) => {
+          onKeyDown?.(e);
           if (e.key === "Enter" || e.key === " ") {
             e.preventDefault();
             handleToggle(e);
@@ -11319,7 +11324,6 @@ var AuroraSearchPill = React45.forwardRef(
           "transition-transform duration-200 ease-out active:scale-[0.96] focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2",
           className
         ),
-        ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("style", { dangerouslySetInnerHTML: {
             __html: `
@@ -11472,7 +11476,7 @@ AuroraSearchPill.displayName = "AuroraSearchPill";
 
 // src/components/dock.tsx
 var import_react = require("react");
-var import_framer_motion37 = require("framer-motion");
+var import_framer_motion36 = require("framer-motion");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function Dock({
   items,
@@ -11480,11 +11484,11 @@ function Dock({
   magnification = 60,
   distance = 140
 }) {
-  const mouseX = (0, import_framer_motion37.useMotionValue)(Infinity);
+  const mouseX = (0, import_framer_motion36.useMotionValue)(Infinity);
   const numMagnification = Number(magnification) || 60;
   const numDistance = Number(distance) || 140;
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-    import_framer_motion37.motion.div,
+    import_framer_motion36.motion.div,
     {
       onMouseMove: (e) => mouseX.set(e.clientX),
       onMouseLeave: () => mouseX.set(Infinity),
@@ -11507,22 +11511,22 @@ function DockIcon({
   const ref = (0, import_react.useRef)(null);
   const numDistance = Number(distance) || 140;
   const numMagnification = Number(magnification) || 60;
-  const distanceVal = (0, import_framer_motion37.useTransform)(mouseX, (val) => {
+  const distanceVal = (0, import_framer_motion36.useTransform)(mouseX, (val) => {
     const bounds = ref.current?.getBoundingClientRect() ?? { x: 0, width: 0 };
     return val - bounds.x - bounds.width / 2;
   });
-  const widthSync = (0, import_framer_motion37.useTransform)(
+  const widthSync = (0, import_framer_motion36.useTransform)(
     distanceVal,
     [-numDistance, 0, numDistance],
     [40, numMagnification, 40]
   );
-  const width = (0, import_framer_motion37.useSpring)(widthSync, {
+  const width = (0, import_framer_motion36.useSpring)(widthSync, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
   });
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
-    import_framer_motion37.motion.div,
+    import_framer_motion36.motion.div,
     {
       ref,
       style: { width },
@@ -11539,7 +11543,7 @@ function DockIcon({
 
 // src/components/dark-mode.tsx
 var import_react2 = require("react");
-var import_framer_motion38 = require("framer-motion");
+var import_framer_motion37 = require("framer-motion");
 var import_lucide_react35 = require("lucide-react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function DarkModeToggle({
@@ -11580,7 +11584,7 @@ function DarkModeToggle({
         title: `Switch to ${isDark ? "light" : "dark"} theme`,
         "aria-label": "Toggle theme",
         children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-          import_framer_motion38.motion.div,
+          import_framer_motion37.motion.div,
           {
             initial: { rotate: -90, scale: 0.8, opacity: 0 },
             animate: { rotate: 0, scale: 1, opacity: 1 },
@@ -11640,7 +11644,7 @@ function DarkModeToggle({
         title: `Switch to ${isDark ? "light" : "dark"} mode`,
         "aria-label": "Toggle dark mode",
         children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-          import_framer_motion38.motion.div,
+          import_framer_motion37.motion.div,
           {
             animate: {
               x: isDark ? size === "sm" ? 20 : size === "lg" ? 28 : 25 : 0