xertica-ui 2.2.1 → 2.4.0

package/dist/ui.es.js

@@ -1,303 +1,16 @@
-import { B, b, c } from "./button-C6uvh0rV.js";
-import { C, a, b as b2, c as c2, d, e, f, S } from "./skeleton-C4bHqUBf.js";
-import { A, a as a2, b as b3, c as c3, d as d2, e as e2, f as f2, g, h, i, j, C as C2, I, L, M, P, k, l, R, m, S as S2, n, T, o, p, q, u } from "./alert-dialog-KpoabzJb.js";
-import { A as A2, a as a3, b as b4, c as c4, d as d3, e as e3, C as C3, f as f3, g as g2, h as h2, i as i2, j as j2, k as k2, l as l2, m as m2, n as n2, o as o2, p as p2, q as q2, r, s, t, u as u2, v, w, x, y, z, B as B2, D, E, F, G, H, I as I2, J, K, L as L2, M as M2, N, O, P as P2, Q, R as R2, S as S3, T as T2, U, V, W, X, Y, Z, _, $, a0, a1, a2 as a22, a3 as a32, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2 as b22, b3 as b32, b4 as b42, b5, b6, b7, b8, b9, ba, bb, bc, bd, be, bf, bg, bh, bi, bj } from "./AssistantChart-BXU1ACnh.js";
-import { B as B3, a as a10, b as b10, c as c5, d as d4, e as e4, f as f4 } from "./breadcrumb-DIJ0X3Ot.js";
-import { I as I3, P as P3, a as a11, b as b11, c as c6, S as S4, d as d5 } from "./input-wPYg0d0P.js";
-import { A as A3, a as a12, b as b12, C as C4, c as c7, d as d6, e as e5, f as f5, g as g3, h as h3, i as i3, D as D2, j as j3, k as k3, l as l3, m as m3, n as n3, o as o3, p as p3, q as q3, r as r2, s as s2, t as t2, u as u3, v as v2, E as E2, w as w2, x as x2, y as y2, z as z2, B as B4, G as G2, H as H2, I as I4, P as P4, R as R3, F as F2, J as J2, S as S5, T as T3, K as K2, L as L3, M as M3, N as N2, O as O2, Q as Q2, U as U2, V as V2, W as W2, X as X2 } from "./rich-text-editor-1UW3Y2JK.js";
-import { S as S6 } from "./slider-Pay3fka2.js";
-import { S as S7, a as a13, b as b13, c as c8, d as d7, e as e6, f as f6, g as g4, h as h4, i as i4 } from "./select-CprSNX0z.js";
-import { T as T4, a as a14, b as b14, c as c9 } from "./tooltip-D-OrYnKO.js";
-import { D as D3, a as a15, b as b15, c as c10, d as d8, e as e7, f as f7, g as g5, h as h5, i as i5, j as j4, k as k4, l as l4, m as m4, n as n4 } from "./dropdown-menu-CFuCssWA.js";
-import { B as B5, P as P5, b as b16 } from "./progress-Cs9i4DPx.js";
-import { T as T5 } from "./sonner-g9RIfi35.js";
-import { A as A4, a as a16, b as b17 } from "./avatar-Cxyofu1H.js";
-import { G as G3, a as a17, b as b18, c as c11, r as r3, u as u4 } from "./google-maps-loader-BVoVhUwA.js";
-import { u as u5, a as a18 } from "./use-mobile-CLu9nqGL.js";
-export {
-  A2 as Accordion,
-  a3 as AccordionContent,
-  b4 as AccordionItem,
-  c4 as AccordionTrigger,
-  A3 as Alert,
-  a12 as AlertDescription,
-  A as AlertDialog,
-  a2 as AlertDialogAction,
-  b3 as AlertDialogCancel,
-  c3 as AlertDialogContent,
-  d2 as AlertDialogDescription,
-  e2 as AlertDialogFooter,
-  f2 as AlertDialogHeader,
-  g as AlertDialogOverlay,
-  h as AlertDialogPortal,
-  i as AlertDialogTitle,
-  j as AlertDialogTrigger,
-  b12 as AlertTitle,
-  d3 as AspectRatio,
-  e3 as AssistantChart,
-  A4 as Avatar,
-  a16 as AvatarFallback,
-  b17 as AvatarImage,
-  B5 as Badge,
-  B3 as Breadcrumb,
-  a10 as BreadcrumbEllipsis,
-  b10 as BreadcrumbItem,
-  c5 as BreadcrumbLink,
-  d4 as BreadcrumbList,
-  e4 as BreadcrumbPage,
-  f4 as BreadcrumbSeparator,
-  B as Button,
-  C3 as Calendar,
-  f3 as CalendarDayButton,
-  C as Card,
-  a as CardAction,
-  b2 as CardContent,
-  c2 as CardDescription,
-  d as CardFooter,
-  e as CardHeader,
-  f as CardTitle,
-  g2 as Carousel,
-  h2 as CarouselContent,
-  i2 as CarouselItem,
-  j2 as CarouselNext,
-  k2 as CarouselPrevious,
-  C4 as ChartCard,
-  c7 as ChartContainer,
-  d6 as ChartLegend,
-  e5 as ChartLegendContent,
-  f5 as ChartStyle,
-  g3 as ChartTooltip,
-  h3 as ChartTooltipContent,
-  C2 as Checkbox,
-  l2 as Collapsible,
-  m2 as CollapsibleContent,
-  n2 as CollapsibleTrigger,
-  i3 as ComboMetricChart,
-  o2 as Command,
-  p2 as CommandDialog,
-  q2 as CommandEmpty,
-  r as CommandGroup,
-  s as CommandInput,
-  t as CommandItem,
-  u2 as CommandList,
-  v as CommandSeparator,
-  w as CommandShortcut,
-  x as ContextMenu,
-  y as ContextMenuCheckboxItem,
-  z as ContextMenuContent,
-  B2 as ContextMenuGroup,
-  D as ContextMenuItem,
-  E as ContextMenuLabel,
-  F as ContextMenuPortal,
-  G as ContextMenuRadioGroup,
-  H as ContextMenuRadioItem,
-  I2 as ContextMenuSeparator,
-  J as ContextMenuShortcut,
-  K as ContextMenuSub,
-  L2 as ContextMenuSubContent,
-  M2 as ContextMenuSubTrigger,
-  N as ContextMenuTrigger,
-  D2 as DashboardBarChart,
-  j3 as DashboardLineChart,
-  k3 as Dialog,
-  l3 as DialogBody,
-  m3 as DialogClose,
-  n3 as DialogContent,
-  o3 as DialogDescription,
-  p3 as DialogFooter,
-  q3 as DialogHeader,
-  r2 as DialogOverlay,
-  s2 as DialogPortal,
-  t2 as DialogTitle,
-  u3 as DialogTrigger,
-  v2 as DonutBreakdownChart,
-  O as Drawer,
-  P2 as DrawerClose,
-  Q as DrawerContent,
-  R2 as DrawerDescription,
-  S3 as DrawerFooter,
-  T2 as DrawerHandle,
-  U as DrawerHeader,
-  V as DrawerOverlay,
-  W as DrawerPortal,
-  X as DrawerTitle,
-  Y as DrawerTrigger,
-  D3 as DropdownMenu,
-  a15 as DropdownMenuCheckboxItem,
-  b15 as DropdownMenuContent,
-  c10 as DropdownMenuGroup,
-  d8 as DropdownMenuItem,
-  e7 as DropdownMenuLabel,
-  f7 as DropdownMenuPortal,
-  g5 as DropdownMenuRadioGroup,
-  h5 as DropdownMenuRadioItem,
-  i5 as DropdownMenuSeparator,
-  j4 as DropdownMenuShortcut,
-  k4 as DropdownMenuSub,
-  l4 as DropdownMenuSubContent,
-  m4 as DropdownMenuSubTrigger,
-  n4 as DropdownMenuTrigger,
-  E2 as Empty,
-  w2 as EmptyAction,
-  x2 as EmptyDescription,
-  y2 as EmptyIcon,
-  z2 as EmptyImage,
-  B4 as EmptyTitle,
-  Z as FileUpload,
-  _ as Form,
-  $ as FormControl,
-  a0 as FormDescription,
-  a1 as FormField,
-  a22 as FormItem,
-  a32 as FormLabel,
-  a4 as FormMessage,
-  G3 as GOOGLE_MAPS_ID,
-  a17 as GOOGLE_MAPS_LIBRARIES,
-  G2 as GaugeChart,
-  b18 as GoogleMapsLoaderProvider,
-  c11 as GoogleMapsProvider,
-  H2 as HorizontalBarChart,
-  a5 as HoverCard,
-  a6 as HoverCardContent,
-  a7 as HoverCardTrigger,
-  I as ImageWithFallback,
-  I3 as Input,
-  a8 as InputOTP,
-  a9 as InputOTPGroup,
-  aa as InputOTPSeparator,
-  ab as InputOTPSlot,
-  I4 as InteractiveTimeSeriesChart,
-  L as Label,
-  M as Map,
-  ac as Menubar,
-  ad as MenubarCheckboxItem,
-  ae as MenubarContent,
-  af as MenubarGroup,
-  ag as MenubarItem,
-  ah as MenubarLabel,
-  ai as MenubarMenu,
-  aj as MenubarPortal,
-  ak as MenubarRadioGroup,
-  al as MenubarRadioItem,
-  am as MenubarSeparator,
-  an as MenubarShortcut,
-  ao as MenubarSub,
-  ap as MenubarSubContent,
-  aq as MenubarSubTrigger,
-  ar as MenubarTrigger,
-  as as NavigationMenu,
-  at as NavigationMenuContent,
-  au as NavigationMenuIndicator,
-  av as NavigationMenuItem,
-  aw as NavigationMenuLink,
-  ax as NavigationMenuList,
-  ay as NavigationMenuTrigger,
-  az as NavigationMenuViewport,
-  aA as NotificationBadge,
-  P as PageHeader,
-  k as PageHeaderDescription,
-  l as PageHeaderHeading,
-  aB as Pagination,
-  aC as PaginationContent,
-  aD as PaginationEllipsis,
-  aE as PaginationItem,
-  aF as PaginationLink,
-  aG as PaginationNext,
-  aH as PaginationPrevious,
-  P4 as PieMetricChart,
-  P3 as Popover,
-  a11 as PopoverAnchor,
-  b11 as PopoverContent,
-  c6 as PopoverTrigger,
-  P5 as Progress,
-  R3 as RadarMetricChart,
-  F2 as RadialBarMetricChart,
-  R as RadioGroup,
-  m as RadioGroupItem,
-  aI as Rating,
-  aJ as ResizableHandle,
-  aK as ResizablePanel,
-  aL as ResizablePanelGroup,
-  J2 as RichTextEditor,
-  aM as RouteMap,
-  S4 as ScrollArea,
-  d5 as ScrollBar,
-  aN as Search,
-  S7 as Select,
-  a13 as SelectContent,
-  b13 as SelectGroup,
-  c8 as SelectItem,
-  d7 as SelectLabel,
-  e6 as SelectScrollDownButton,
-  f6 as SelectScrollUpButton,
-  g4 as SelectSeparator,
-  h4 as SelectTrigger,
-  i4 as SelectValue,
-  S2 as Separator,
-  aO as Sheet,
-  aP as SheetBody,
-  aQ as SheetClose,
-  aR as SheetContent,
-  aS as SheetDescription,
-  aT as SheetFooter,
-  aU as SheetHeader,
-  aV as SheetPortal,
-  aW as SheetTitle,
-  aX as SheetTrigger,
-  aY as SimpleMap,
-  S as Skeleton,
-  S6 as Slider,
-  S5 as SparklineChart,
-  aZ as StatsCard,
-  a_ as StatsCardSkeleton,
-  a$ as Step,
-  b0 as Stepper,
-  n as Switch,
-  T3 as Table,
-  K2 as TableBody,
-  L3 as TableCaption,
-  M3 as TableCell,
-  N2 as TableFooter,
-  O2 as TableHead,
-  Q2 as TableHeader,
-  U2 as TableRow,
-  T as Tabs,
-  o as TabsContent,
-  p as TabsList,
-  q as TabsTrigger,
-  V2 as Textarea,
-  b1 as Timeline,
-  b22 as TimelineContent,
-  b32 as TimelineDescription,
-  b42 as TimelineDot,
-  b5 as TimelineHeading,
-  b6 as TimelineItem,
-  b7 as TimelineTime,
-  T5 as Toaster,
-  b8 as Toggle,
-  b9 as ToggleGroup,
-  ba as ToggleGroupItem,
-  T4 as Tooltip,
-  a14 as TooltipContent,
-  b14 as TooltipProvider,
-  c9 as TooltipTrigger,
-  bb as TreeView,
-  b16 as badgeVariants,
-  b as buttonVariants,
-  c as cn,
-  bc as navigationMenuTriggerStyle,
-  r3 as reloadGoogleMaps,
-  bd as toggleVariants,
-  W2 as useChart,
-  be as useFileUpload,
-  bf as useFormField,
-  u4 as useGoogleMapsLoader,
-  u5 as useIsMobile,
-  u as useMapLayers,
-  a18 as useMobile,
-  bg as usePagination,
-  X2 as useRichTextEditor,
-  bh as useStepper,
-  bi as useStepperContext,
-  bj as useTreeView
-};
+export { B as Button, b as buttonVariants, c as cn } from './button-DZHzN1Gd.js';
+export { C as Card, a as CardAction, b as CardContent, c as CardDescription, d as CardFooter, e as CardHeader, f as CardTitle, S as Skeleton } from './skeleton-DtR5tkYe.js';
+export { A as AlertDialog, a as AlertDialogAction, b as AlertDialogCancel, c as AlertDialogContent, d as AlertDialogDescription, e as AlertDialogFooter, f as AlertDialogHeader, g as AlertDialogOverlay, h as AlertDialogPortal, i as AlertDialogTitle, j as AlertDialogTrigger, C as Checkbox, I as ImageWithFallback, L as Label, M as Map, P as PageHeader, k as PageHeaderDescription, l as PageHeaderHeading, R as RadioGroup, m as RadioGroupItem, S as Separator, n as Switch, T as Tabs, o as TabsContent, p as TabsList, q as TabsTrigger, u as useMapLayers } from './alert-dialog-DqlRW_An.js';
+export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionTrigger, d as AspectRatio, e as AssistantChart, C as Calendar, f as CalendarDayButton, g as Carousel, h as CarouselContent, i as CarouselItem, j as CarouselNext, k as CarouselPrevious, l as Collapsible, m as CollapsibleContent, n as CollapsibleTrigger, o as Command, p as CommandDialog, q as CommandEmpty, r as CommandGroup, s as CommandInput, t as CommandItem, u as CommandList, v as CommandSeparator, w as CommandShortcut, x as ContextMenu, y as ContextMenuCheckboxItem, z as ContextMenuContent, B as ContextMenuGroup, D as ContextMenuItem, E as ContextMenuLabel, F as ContextMenuPortal, G as ContextMenuRadioGroup, H as ContextMenuRadioItem, I as ContextMenuSeparator, J as ContextMenuShortcut, K as ContextMenuSub, L as ContextMenuSubContent, M as ContextMenuSubTrigger, N as ContextMenuTrigger, O as Drawer, P as DrawerClose, Q as DrawerContent, R as DrawerDescription, S as DrawerFooter, T as DrawerHandle, U as DrawerHeader, V as DrawerOverlay, W as DrawerPortal, X as DrawerTitle, Y as DrawerTrigger, Z as FileUpload, _ as Form, $ as FormControl, a0 as FormDescription, a1 as FormField, a2 as FormItem, a3 as FormLabel, a4 as FormMessage, a5 as HoverCard, a6 as HoverCardContent, a7 as HoverCardTrigger, a8 as InputOTP, a9 as InputOTPGroup, aa as InputOTPSeparator, ab as InputOTPSlot, ac as Menubar, ad as MenubarCheckboxItem, ae as MenubarContent, af as MenubarGroup, ag as MenubarItem, ah as MenubarLabel, ai as MenubarMenu, aj as MenubarPortal, ak as MenubarRadioGroup, al as MenubarRadioItem, am as MenubarSeparator, an as MenubarShortcut, ao as MenubarSub, ap as MenubarSubContent, aq as MenubarSubTrigger, ar as MenubarTrigger, as as NavigationMenu, at as NavigationMenuContent, au as NavigationMenuIndicator, av as NavigationMenuItem, aw as NavigationMenuLink, ax as NavigationMenuList, ay as NavigationMenuTrigger, az as NavigationMenuViewport, aA as NotificationBadge, aB as Pagination, aC as PaginationContent, aD as PaginationEllipsis, aE as PaginationItem, aF as PaginationLink, aG as PaginationNext, aH as PaginationPrevious, aI as Rating, aJ as ResizableHandle, aK as ResizablePanel, aL as ResizablePanelGroup, aM as RouteMap, aN as Search, aO as Sheet, aP as SheetBody, aQ as SheetClose, aR as SheetContent, aS as SheetDescription, aT as SheetFooter, aU as SheetHeader, aV as SheetPortal, aW as SheetTitle, aX as SheetTrigger, aY as SimpleMap, aZ as StatsCard, a_ as StatsCardSkeleton, a$ as Step, b0 as Stepper, b1 as Timeline, b2 as TimelineContent, b3 as TimelineDescription, b4 as TimelineDot, b5 as TimelineHeading, b6 as TimelineItem, b7 as TimelineTime, b8 as Toggle, b9 as ToggleGroup, ba as ToggleGroupItem, bb as TreeView, bc as navigationMenuTriggerStyle, bd as toggleVariants, be as useFileUpload, bf as useFormField, bg as usePagination, bh as useStepper, bi as useStepperContext, bj as useTreeView } from './AssistantChart-CWX1OWNM.js';
+export { B as Breadcrumb, a as BreadcrumbEllipsis, b as BreadcrumbItem, c as BreadcrumbLink, d as BreadcrumbList, e as BreadcrumbPage, f as BreadcrumbSeparator } from './breadcrumb-ifNsA7Zl.js';
+export { I as Input, P as Popover, a as PopoverAnchor, b as PopoverContent, c as PopoverTrigger, S as ScrollArea, d as ScrollBar } from './input-cc-PTD4R.js';
+export { A as Alert, a as AlertDescription, b as AlertTitle, C as ChartCard, c as ChartContainer, d as ChartLegend, e as ChartLegendContent, f as ChartStyle, g as ChartTooltip, h as ChartTooltipContent, i as ComboMetricChart, D as DashboardBarChart, j as DashboardLineChart, k as Dialog, l as DialogBody, m as DialogClose, n as DialogContent, o as DialogDescription, p as DialogFooter, q as DialogHeader, r as DialogOverlay, s as DialogPortal, t as DialogTitle, u as DialogTrigger, v as DonutBreakdownChart, E as Empty, w as EmptyAction, x as EmptyDescription, y as EmptyIcon, z as EmptyImage, B as EmptyTitle, G as GaugeChart, H as HorizontalBarChart, I as InteractiveTimeSeriesChart, P as PieMetricChart, R as RadarMetricChart, F as RadialBarMetricChart, J as RichTextEditor, S as SparklineChart, T as Table, K as TableBody, L as TableCaption, M as TableCell, N as TableFooter, O as TableHead, Q as TableHeader, U as TableRow, V as Textarea, W as useChart, X as useRichTextEditor } from './rich-text-editor-DqLICivI.js';
+export { S as Slider } from './slider-DQCNUUMj.js';
+export { S as Select, a as SelectContent, b as SelectGroup, c as SelectItem, d as SelectLabel, e as SelectScrollDownButton, f as SelectScrollUpButton, g as SelectSeparator, h as SelectTrigger, i as SelectValue } from './select-D-xvCZK2.js';
+export { T as Tooltip, a as TooltipContent, b as TooltipProvider, c as TooltipTrigger } from './tooltip-RtbSmPYJ.js';
+export { D as DropdownMenu, a as DropdownMenuCheckboxItem, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem, e as DropdownMenuLabel, f as DropdownMenuPortal, g as DropdownMenuRadioGroup, h as DropdownMenuRadioItem, i as DropdownMenuSeparator, j as DropdownMenuShortcut, k as DropdownMenuSub, l as DropdownMenuSubContent, m as DropdownMenuSubTrigger, n as DropdownMenuTrigger } from './dropdown-menu-Dn_eV2Xb.js';
+export { B as Badge, P as Progress, b as badgeVariants } from './progress-C7Lti5wo.js';
+export { T as Toaster } from './sonner-C9tiqj4f.js';
+export { A as Avatar, a as AvatarFallback, b as AvatarImage } from './avatar-3kO2Anrp.js';
+export { G as GOOGLE_MAPS_ID, a as GOOGLE_MAPS_LIBRARIES, b as GoogleMapsLoaderProvider, c as GoogleMapsProvider, r as reloadGoogleMaps, u as useGoogleMapsLoader } from './google-maps-loader-BCe58h9D.js';
+export { u as useIsMobile, a as useMobile } from './use-mobile-Ce2cBAQe.js';

package/dist/use-audio-player-B78fd2ct.js

@@ -0,0 +1,188 @@
+import { useRef, useState, useEffect, useCallback } from 'react';
+import { u as useIsMobile } from './use-mobile-Ce2cBAQe.js';
+import { a as useOptionalLayout } from './LayoutContext-DNl1xSoX.js';
+
+function useAudioPlayer({
+  src,
+  autoPlay = false,
+  initialTime = 0,
+  initialDuration,
+  variant = "card",
+  isOpen = true,
+  enableAutoFloat = true,
+  onCloseFloating
+} = {}) {
+  const audioRef = useRef(null);
+  const containerRef = useRef(null);
+  const layout = useOptionalLayout();
+  const sidebarExpanded = layout?.sidebarExpanded ?? false;
+  const sidebarWidth = layout?.sidebarWidth ?? 256;
+  const assistenteExpanded = layout?.assistenteExpanded ?? false;
+  const isMobile = useIsMobile();
+  const [isPlaying, setIsPlaying] = useState(false);
+  const [volume, setVolume] = useState(0.8);
+  const [isMuted, setIsMuted] = useState(false);
+  const [currentTime, setCurrentTime] = useState(initialTime);
+  const [duration, setDuration] = useState(initialDuration || 0);
+  const [playbackSpeed, setPlaybackSpeedState] = useState(1);
+  const [isFloating, setIsFloating] = useState(false);
+  const [isManualFloating, setIsManualFloating] = useState(false);
+  const [enableAutoFloatLocal, setEnableAutoFloatLocal] = useState(enableAutoFloat);
+  const [isVisible, setIsVisible] = useState(variant === "card");
+  const currentTimeRef = useRef(currentTime);
+  const isPlayingRef = useRef(isPlaying);
+  useEffect(() => {
+    currentTimeRef.current = currentTime;
+  }, [currentTime]);
+  useEffect(() => {
+    isPlayingRef.current = isPlaying;
+  }, [isPlaying]);
+  useEffect(() => {
+    if (variant === "bar") {
+      if (isOpen) {
+        setIsVisible(true);
+      } else {
+        const timer = setTimeout(() => setIsVisible(false), 300);
+        return () => clearTimeout(timer);
+      }
+    } else {
+      setIsVisible(true);
+    }
+  }, [isOpen, variant]);
+  useEffect(() => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    audio.volume = volume;
+    audio.muted = isMuted;
+    audio.playbackRate = playbackSpeed;
+  }, [volume, isMuted, playbackSpeed, src]);
+  useEffect(() => {
+    if (variant !== "card" || !enableAutoFloatLocal) return;
+    const container = containerRef.current;
+    if (!container) return;
+    if (typeof IntersectionObserver === "undefined") return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (isPlaying && !entry.isIntersecting && !isFloating) {
+          if (audioRef.current) setCurrentTime(audioRef.current.currentTime);
+          setIsFloating(true);
+        } else if (entry.isIntersecting && isFloating && !isManualFloating) {
+          if (audioRef.current) setCurrentTime(audioRef.current.currentTime);
+          setIsFloating(false);
+          setIsManualFloating(false);
+        }
+      },
+      { threshold: 0.2 }
+    );
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [isPlaying, isFloating, isManualFloating, variant, enableAutoFloatLocal]);
+  useEffect(() => {
+    const audio = audioRef.current;
+    if (audio) {
+      if (Math.abs(audio.currentTime - currentTimeRef.current) > 0.5) {
+        audio.currentTime = currentTimeRef.current;
+      }
+      if (isPlayingRef.current) {
+        audio.play().catch((err) => console.log("Playback interrupted:", err));
+      }
+    }
+  }, [isFloating, variant]);
+  const handleSetFloating = useCallback(
+    (floating) => {
+      if (audioRef.current) setCurrentTime(audioRef.current.currentTime);
+      setIsFloating(floating);
+      if (!floating) {
+        setIsManualFloating(false);
+        if (onCloseFloating) onCloseFloating();
+      }
+    },
+    [onCloseFloating]
+  );
+  const togglePlay = useCallback(() => {
+    if (audioRef.current) {
+      if (isPlaying) {
+        audioRef.current.pause();
+      } else {
+        audioRef.current.play().catch((err) => console.log("Playback error:", err));
+      }
+    }
+  }, [isPlaying]);
+  const toggleMute = useCallback(() => {
+    setIsMuted((prev) => !prev);
+  }, []);
+  const handleSeek = useCallback((value) => {
+    if (audioRef.current) {
+      audioRef.current.currentTime = value[0];
+      setCurrentTime(value[0]);
+    }
+  }, []);
+  const handleVolumeChange = useCallback((value) => {
+    const newVolume = value[0];
+    setVolume(newVolume);
+    setIsMuted(newVolume === 0);
+  }, []);
+  const handleEnableManualFloat = useCallback(() => {
+    setEnableAutoFloatLocal(true);
+    setIsManualFloating(true);
+    if (audioRef.current) setCurrentTime(audioRef.current.currentTime);
+    setIsFloating(true);
+  }, []);
+  const setPlaybackSpeed = useCallback((speed) => {
+    setPlaybackSpeedState(speed);
+  }, []);
+  const resetAudio = useCallback(() => {
+    if (audioRef.current) {
+      audioRef.current.currentTime = 0;
+    }
+  }, []);
+  const formatTime = useCallback((time) => {
+    if (isNaN(time) || time === Infinity || !isFinite(time)) return "0:00";
+    const minutes = Math.floor(time / 60);
+    const seconds = Math.floor(time % 60);
+    return `${minutes}:${seconds < 10 ? "0" : ""}${seconds}`;
+  }, []);
+  const onPlay = useCallback(() => setIsPlaying(true), []);
+  const onPause = useCallback(() => setIsPlaying(false), []);
+  const onEnded = useCallback(() => setIsPlaying(false), []);
+  const onTimeUpdate = useCallback((e) => {
+    setCurrentTime(e.currentTarget.currentTime);
+  }, []);
+  const onLoadedMetadata = useCallback((e) => {
+    setDuration(e.currentTarget.duration);
+  }, []);
+  return {
+    audioRef,
+    containerRef,
+    isPlaying,
+    currentTime,
+    duration,
+    volume,
+    isMuted,
+    playbackSpeed,
+    isFloating,
+    isManualFloating,
+    isVisible,
+    isMobile,
+    enableAutoFloatLocal,
+    sidebarExpanded,
+    sidebarWidth,
+    assistenteExpanded,
+    togglePlay,
+    toggleMute,
+    handleSeek,
+    handleVolumeChange,
+    handleSetFloating,
+    handleEnableManualFloat,
+    setPlaybackSpeed,
+    resetAudio,
+    onPlay,
+    onPause,
+    onEnded,
+    onTimeUpdate,
+    onLoadedMetadata,
+    formatTime
+  };
+}
+
+export { useAudioPlayer as u };